/*
Theme Name: Segue Builders
Description: Theme for Segue Builders
Author: YellowDuck Marketing
Template: betheme
*/


@import url("../betheme/style.css");

/* Theme customization starts here
-------------------------------------------------------------- */

.media-boxes-filter>li a {
	font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
    background-color: rgba(255, 255, 255, 0);
    color: #000;
    text-transform: uppercase;
    border: 1px solid #000;
    border-radius: 0px;
    box-shadow: none;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 14px;
	padding: 10px 20px;
}

.media-boxes-filter {
    justify-content: center;
    display: flex;
}

body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"], input[type="date"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3, .mfn-menu-item-megamenu {
  font-family: soleil, Arial, Tahoma, sans-serif !important;
}

#slider-2-slide-1-layer-4 {
font-family: soleil, Arial, Tahoma, sans-serif !important;
}

.hpsec1 .mcb-section-inner {
  padding-top:125px;
}

.showmesecond {
    transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.bgstyle1 {
  background-color:#efe8e7;
}

.bgstyle2 {
  padding-top:100px;
  padding-bottom:80px;
}

h3.hs1, h2 {
  color: #054a28;
  font-family: "Arvo", Arial, Tahoma, sans-serif !important;  
  text-transform:initial;
  font-size:35px;
  line-height:45px;
  margin-bottom:30px;
}

h3.hs2 {
  color: #000;
  font-family: "Arvo", Arial, Tahoma, sans-serif !important;  
  text-transform:initial;
  font-size:35px;
  line-height:45px;
  font-style:italic;
  margin-bottom:0px;
}



a.transbutton.button {
    font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
    background-color: rgba(255, 255, 255, 0);
    color: #000;
    text-transform: uppercase;
    border: 1px solid #000;
    border-radius: 0px;
    box-shadow: none;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 14px;
    padding: 20px 30px;
}

a.transbutton.button:hover {
  background-color:#d9a239;
  color:#fff;
  border:1px solid #d9a239;
}

p.tp1 {
  padding-top:30px;
}



div.bo1 {
  padding-left: 50px;
}

.nocolbotmar .mcb-column-inner {
  margin-bottom:20px;
}

.one-third.mcb-wrap.cw1 {
  width:31%;
  margin-left:2%;
}

.one-third.mcb-wrap.cw1 .mcb-item-image-inner {
  margin-bottom:20px;
}

.column.cs1 hr {
  background-color: #054a28;
  width:50%;
  height:2px;
}

.column.cs1 {
  font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
  text-align:center;
  text-transform:uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  font-size: 14px;
  line-height:20px;
}

.one-second.column.column_our_team {
	width: 98% !important;
}


.gform_confirmation_wrapper .gform_confirmation_message {
    background: #19AA55 !important;
}

/* Header */


#menu-item-88 span {
  background-color: #d9a239;
}

.header-classic #Top_bar.is-sticky .menu > li > a span:hover {
  background-color: rgb(255 255 255 / 0%) !important;
}


#Top_bar.is-sticky .menu > li > a  {
  color: #fff;
}

#Top_bar.is-sticky .menu > li > a:hover  {
  color: #d9a239;
}



#Top_bar .menu > li > a span:hover {
  background-color: #d9a239;
}

#Top_bar .menu > li > a span:not(.description) {
  padding:0px 30px;
}

body.page-id-75.header-classic #Top_bar {
 background-color: rgb(255 255 255 / 0%) !important;
}

body.header-classic #Top_bar {
  background-color:#054B28 !important;
}

body.page-id-75.header-classic #Top_bar.is-sticky {
  background-color: rgb(0 0 0 / 8%) !important;
}

body.header-classic #Top_bar.is-sticky {
  background-color: rgb(0 0 0 / 80%) !important;
}

.mfn-main-slider {
margin-top: -130px !important;
}

/* herehere */
body.home #Top_bar {
  position:fixed !important;
  top:10px !important;
}


#header_action_button, #header_cart {
    font-family: "Arvo", Arial, Tahoma, sans-serif !important;
}


#Top_bar #menu {
	text-transform: uppercase;
	background-color: transparent !important;
	font-weight: Extra-Bold !important;
}

#Subheader {
	background-color: #00ab51 !important;
}

h1, h2, h3, h4, h5 {
		text-transform: uppercase;
}

/* Content */

.the_content_wrapper ul li, .the_content_wrapper ol li {
    margin-bottom: 3px !important;
}

ul.list_check_white li, li.list_check_white {
background: url(.../wp-content/uploads/2015/02/list_check_white.png) no-repeat 20px 5px !important;
}

ul.list_mixed li:after, ul.list_check li:after, ul.list_star li:after, ul.list_idea li:after {
background: rgba(0,0,0,.00) !important;
}

.project-description {
	display: none !important;
}

.image_frame .image_wrapper .image_links a {
  background:rgba(0, 171, 81, 0.8);
  color:#fff;
}
.image_frame .image_wrapper .image_links a:hover {
  background:rgba(0, 171, 81, 0.9);
  color:#fff;
}

/* Form */

input[type="text"], textarea {
	border-color: 1px solid #A39D98 !important;
}

input[type="text"], input[type="tel"], input[type="password"], input[type="email"], textarea, select, .woocommerce .quantity input.qty {
background-color: #ffffff !important;
color: #000000 !important;
margin-bottom: 0px !important;
}

.gform_wrapper .top_label .gfield_label {
font-weight: normal !important;
}


body .gform_wrapper .field_selected {
	background-color: #ffffff !important;
	border: 1px solid #A39D98 !important;
}

.gfield_label {
	color: #000;
}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
    font-size:14px;
	font-weight: normal;
}

.gform_wrapper {
margin: 10px 0 100px 0 !important;
}

.image_frame, .wp-caption {
border-width: 0px !important;
}

/* Testimonials */

.testimonials_slider a.slider_prev, .testimonials_slider a.slider_next {
top: 50px !important;
}

blockquote {
background: none !important;
}

.testimonials_slider .testimonials_slider_ul li .bq_wrapper {
	background: #fff !important;
}

/* Portfolio */

#Filters .filters_buttons {
    background: none;
}

.icon-docs:before {
    content: '\e89d';
}

.single-photo-wrapper {
width: 35% !important;
text-align: center;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}

.portfolio_group .portfolio-item .desc  {
  display:none;
}


.sliding_box .photo_wrapper {
	display: none;
}

.post-footer {
	display: none !important;
}

#Footer .footer_copy .copyright {
    padding-left: 40px;
}


a.button .button_icon i {
	color: #FFFFFF !important;
}

#Footer {
  background-color:#054a28 !important;
  color:#fff !important;
  padding-top:80px;
  font-size:20px;
  line-height:30px;
}

#Footer .widgets_wrapper {
  padding-bottom:50px;
}

#Footer ul.social li {
  display:inline-block;
}

#Footer ul.social li {
  font-size:30px;
}

#Footer a {
  color:#fff !important;
}

#Footer h4 {
  color:#fff;
  font-family: 'Arvo', Arial, Tahoma, sans-serif !important;
  font-size:35px;
  line-height:45px;
  text-transform:initial;
}

#Footer img.footlogo {
  height:175px;
}

#Footer .footer_copy .one {
  font-size:11px;
  padding-top:10px;
}

.mfn-footer .footer_copy {
border-top-color: rgba(255,255,255,0) !important;
}

.hpsec2 {
  background-image: url('/wp-content/uploads/2023/04/hp-pholder1.jpg');
  background-position: center right;
  background-size:45%;
}

/* team 2023 */
body.page-template-page-team #Content {
z-index:1;
}

.stitle {
        width: 100%;
    line-height: 19px;
    margin: auto;
    white-space: pre-wrap;
    color: #666666;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}

.contact-details img {
     max-width: 35px !important;
     margin-right: 10px;
     vertical-align: middle;
     margin-top: -5px;
}

.contact-details a:hover {
    text-decoration: none;
}

.contact-details {
    text-transform:uppercase;
    border-top: 2px solid #d9a239;
    padding: 10px 0px;
    margin-top: 10px;
    line-height: 40px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.contact-details .item {
    width: 100%;
}

.contact-details .item i {
   color: #D02C30;
        margin-left: -3px;
        margin-right: 5px;
        font-size: 20px;
}

.full .contact-details .item {
    width: 100%;
}

.contact-details a {
    color: #343935;
}
    
.first-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align:center;
}



.person {
  float:left;
  width: 21%;
  margin: 3% 4% 3% 0px;
  text-align:left;
  min-height: 315px;
position: relative;
  cursor: pointer !important;
}

.lside img {
     outline: 20px solid rgba(251,251,251,.48);
    outline-offset: -20px;
}

.close {
    position: absolute;
    right: -20px;
    top: -16px;
}

.full .close {
    top: -16px;
    right: -27px;
}

.closeit {
    cursor: pointer;
    overflow: visible;
    float: right;
    text-align: center;
    text-decoration: none;
    margin-bottom: 10px;
    font-weight: bold;
    background-image: url('/wp-content/themes/seguebuilders/images/x.png');
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 20px;
    width: 60px;
    border-radius: 80px;
    background-color: #d9a239;
    color: #fff;
    margin-top: -10px;
    height: 60px;
}

a.closeit {
        color: #fff;
}

a.closeit:hover {
        text-decoration: none;
}

.lside {
      width: 100%;
    margin-right: 0%;
  float:left;
  overflow:hidden;
    text-align: left;

}

.full .lside {
      width: 45%;
  float:left;
  overflow:hidden;
    text-align: left;

}

.lside img {
     object-fit: fill;
    display: block
}

.rside {
    background: #fff;
  width:100%;
  float:left;
    padding: 11% 11% 8%;
  overflow:hidden;
    text-align: left;
}

.rside .my_name {
    font-size: 30px;
    width: 100%;
    letter-spacing: 0px;
    margin-bottom: 7px;
    font-weight: 300;
    color: #666666;
}

.my_title {
        text-transform: uppercase;
        font-size: 14px;
    font-weight: 600;
    color: #666666;
    letter-spacing: 0px;
    padding: 3px 0px;
    line-height: 20px;
}

 .contact-details a {
        text-transform: uppercase;
        font-size: 14px;
    font-weight: 600;
    color: #666666;
    letter-spacing: 0px;
    padding: 0px;
    line-height: 20px;
}


.full .rside {
  padding: 5%;
  width:55%;
  float:left;
    height: 500px;
  overflow:hidden;
    text-align: left;
}



.bio {
    font-size: 16px;
    height: 181px;
    margin-top:10px;
    overflow: auto;
    
}

  .bio::-webkit-scrollbar {
      -webkit-appearance: none;
  }

.bio::-webkit-scrollbar:vertical {
    width: 11px;
}

.bio::-webkit-scrollbar:horizontal {
    height: 11px;
}

.bio::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.teaminfo {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    width: 24rem;
}

.full.teaminfo .modal-content {
        width: 70rem;
}

.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    z-index:1;
}


/* end team 2023 */

@media only screen and (max-width: 768px) {

  .person {
   width:100%;
  }

  .full.teaminfo .modal-content {
    width: 90%;
    top: 61%;
  }

  .full .lside {
   width: 100%;
 }

 .full .rside {
   padding: 5%;
   width: 100%;
 }

  #Top_bar #menu {
    background-color:#054a28 !important;
  }

  body.home #Top_bar {
    position: static !important;
  }

  .mfn-main-slider {
    margin-top:0px !important;
  }

  body.page-id-75.header-classic #Top_bar {
   background-color: #054a28 !important;
  }

  #Top_bar #menu {
    width:100% !important;
  }

  #Top_bar #menu ul li {
    text-align:center;
  }

  .hpsec1 .mcb-section-inner {
    padding-top:50px;
  }

  div.bo1 {
    padding-left:10px;
  }

  .hpsec1 a.button {
    font-size:14px;
  }

  body.home .one-third.mcb-wrap.cw1 {
    width:100% !important;
  }

  .hpsec2 {
    background-image:none;
  }

  #Footer img.footlogo {
    height: 125px;
  }

  #Footer h4 {
    font-size:28px;
  }

  #Footer {
    font-size:16px;
  }

  #Footer .footer_copy .copyright {
    padding-left:0px;
  }

}