/*
Theme Name: ABT Construction Bois 2024
Theme URI: http://www.wigo-media.com/
Description: Designed by Wigo.
Version: 1.0
Author: Wigo Media SAS
*/

*, ::after, ::before {box-sizing: border-box;}
body{margin: 0px !important; font-family: 'Poppins', sans-serif;}


/* Typography */
h1, .h1 {font-weight: 300;font-size: 3rem; color: #683C11; line-height: 100%; margin-bottom: 2rem; margin-top: 3rem;}
h2, .h2 {font-weight: 300; font-size: 2.25rem; color: #683C11;}
h3, .h3{font-weight: 600; font-size: 1.25rem; color: black; margin-top: 0; min-height:unset !important;}
p {font-weight: 400; font-size: 1rem; line-height: 180%; }


/* weight */
.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}

strong{font-weight: 700 !important;}

/* link  */
a{text-decoration: none; color: black; transition: 0.2s;}
.underline{text-decoration: underline;}
.img-rezize-logo{width: 250px;}


/* Buttons */
.btn, .btn .wp-block-button__link{border: 1px solid transparent; font-size: 1rem; display: inline-block; transition: 0.2s; border-radius: 0; padding: 1rem 1.5rem; background-color: #A6BE4C; color: rgba(255, 255, 255); text-decoration: none; cursor: pointer !important;}
.btn:hover , .btn-outline, .btn:hover .wp-block-button__link { background-color: transparent; border: 1px solid #A6BE4C; color: #A6BE4C; transition: 0.2s; cursor: pointer !important; padding: 1rem 1.5rem;}
.btn-2{padding: 0.75rem 1rem !important;}
.btn.wp-block-button{ padding: 0; border: none; margin-top: 1.5rem;}
.btn:hover .wp-block-button__link{background-color: white; color:#A6BE4C}
.btn-outline:hover{background-color: #A6BE4C; color: rgba(255, 255, 255);}
.btn-lg{padding: 0.75rem 1.5rem !important;}


/* spacing */
.mt-8{margin-top: 8.125rem;}


/* color */
.bg-priamry{background-color: #683C11;}
.bg-secondary{background-color: #A6BE4C;}
.bg-tertiary{background-color: #F7F7F7;}
.bg-black{background-color: black;}


/* text */
.text-primary{color: #683C11 !important;}
.text-secondary{color: #A6BE4C !important; font-size: 1rem;}
.text-tertiary{color: #F7F7F7 !important;}
.text-tertiary-2{color: #9B9B9B !important; text-transform: uppercase; font-weight: 400; font-size: 1rem;} 
.text-black{color: black !important;}


/* rezise */
.rezise-img>img{width: 100%;}

.pagination { display: flex; justify-content: center; margin: 20px 0; }
.pagination .page-numbers { color: #A6BE4C; padding: 10px 15px; border: 1px solid #ddd; margin: 0 5px; text-decoration: none; transition: background-color 0.3s ease; }
.pagination .page-numbers:hover { background-color: #A6BE4C; color: #fff; }
.pagination .current { background-color: #A6BE4C; color: white; font-weight: bold; }


/* header */
header{position: relative; transition: 0.2s; z-index: 100;}
header .menu{padding: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0; position: relative;}
header .menu .menu-item-home{transition: 0.2s;}
header .menu li{display: inline-block ; padding: 0 0rem; flex-grow: 1; position: relative;}
header .menu li a:hover{background-color: #ededed;}
header .menu li.current-menu-item a{color: #FFF !important; background-color: #A6BE4C;}
header .fa-phone{font-size: 2rem;}
header .menu>li>a{padding: 1.45rem 1rem; color: black; display: block; text-align: center;}

.fixed-menu header .main-menu{position: fixed; width: 100%; top: 0;}
.fixed-menu main{padding-top: 5rem;}

.no-scroll {overflow: hidden;}


/* Hero-banner */
.hero-banner{position: relative;}
.hero-banner .container-fluid{display: flex; position: absolute; z-index: -1; height: 100%; width: 100%; padding: 0;}
.hero-banner .container-fluid div{height: 100%;}
.hero-banner .container-fluid .vector{z-index: 1; position: absolute; bottom: -2px; background-image: url('../abt_version_2/img/hero-banner-vector.svg'); background-repeat: no-repeat; width: 100%; background-position: bottom center;}
.hero-banner .container-fluid .img-wrapper{position: relative;}
.hero-banner .container-fluid .img-wrapper img{position: absolute; object-fit: cover; height: 100%; width: 100%; right: 0; z-index: -2;}
.hero-banner .container-fluid .img-wrapper .img-filter {position: absolute; top: 0; left: -2px; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(166,190,76,1) 0%, rgba(0,212,255,0) 60%); z-index: 1;}

.hero-banner .text-wrapper{padding-top: 4rem; padding-bottom: 5.5rem; color: #FFFFFF;}
.hero-banner .text-wrapper h1{margin-top: 1rem; margin-bottom: 1rem;}
.hero-banner .text-wrapper p{font-size: 1.125rem;}
.hero-banner .text-wrapper #breadcrumbs{font-size: 1rem; opacity: 80%;}
.hero-banner .text-wrapper #breadcrumbs a{color: #ffffff !important; text-decoration: underline; font-weight: 500;}
.hero-banner .text-wrapper #breadcrumbs .breadcrumb_last{font-weight: 700 !important;}

.hero-banner h1{color: #FFFFFF; font-weight: 600;}
.hero-banner p{font-weight: 500; line-height: 30px; font-size: 1.125;}


/* Styles pour les icônes en bas de page */
.fixed-contact {z-index: 17; position: fixed; bottom: 0; left: 0; width: 100%; background-color: #F7F7F7; display: flex; justify-content: space-around; margin-left: 0 !important; }
.fixed-contact i{font-size: 2rem;}
.fixed-contact a{text-align: center;}


/* Style du menu de langue */
.pll-parent-menu-item a {display: flex; align-items: center;padding: 12px 16px ; text-decoration: none; text-align: left; }
.pll-parent-menu-item li a{display: flex; gap: 3px; align-items: center; justify-content: center;}
.pll-parent-menu-item:hover .sub-menu {display: block;}
.pll-parent-menu-item span{display: none;}
.pll-parent-menu-item>a::after{content: '\f107'; font-family: 'Font Awesome 6 Pro'; padding-left: 5px;  }
.sub-menu {display: none; min-width: 100%; position: absolute; background-color: #f9f9f9;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; margin: 0; padding: 0; width: min-content;}
.sub-menu li{display: block; padding: 0; width: 100%;}
.sub-menu li:hover{background-color: #a5a5a5;}

/* Phone header */
.icons-border{border-left: 1px solid #a5a5a5 ; border-right: 1px solid #a5a5a5;}
.mobile-menu-icon {display: none; cursor: pointer; padding: 10px; font-size: 24px; }


/* front page */
.container>h3{margin-top: 4rem;}

/* Intro */
main #triggerImage {width: 100%;   height: auto; object-fit: cover; transition: width 0.5s ease-in-out; cursor: pointer;}
main .videoFrame {width: 0; overflow: hidden; transition: width 0.5s ease-in-out; position: relative; padding: 0; transition: 0.5s;}
main .videoFrame.active {width: 100%; padding-top: 56.25%;}
main .videoFrame iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
main .videoFrame.active .fa-sharp.fa-light.fa-x {display: block;}
main .fa-sharp.fa-light.fa-x {position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 24px; display: none;}
main .wp-block-media-text__content{padding-left: 0 !important;}
main .intro{position: relative; background-image: linear-gradient(rgba(246, 246, 246, 0), #F7F7F7);}
main .intro::after{content: '';position: absolute; background-color: #F7F7F7; z-index: -5; bottom: -50px; width: 100%; height: 120px; clip-path: polygon(0 0, 100% 0, 100% 63%, 16% 100%, 0 63%) }


/* Actualitées */
main .title-separator{margin-bottom: 2rem;}
main .actuality-separator{margin-top: 8rem;}
main .actuality-vignette{height: auto; min-height: 340px;}
main .actuality-text{min-height: 100px; line-height: 150%;}
main .img-fluid {width: 100%; height: auto; aspect-ratio: 1/1; object-fit: cover; }main 


/* Slider */
.swiper-slide a img { width: 100%;  height: auto; object-fit: cover; aspect-ratio: 1; }
.title-and-arrows { flex-wrap: nowrap; }
.title-and-arrows .swiper-navigation { margin-left: 1rem;}
.swiper-button-prev, .swiper-button-next {position: static !important; width: auto; height: 50px !important;  color: #A6BE4C !important; font-size: 2rem !important; }
.swiper-button-prev::after, .swiper-button-next::after{font-size: 2rem !important; margin-top: 20px;} 


/* footer */
footer{background-color: #F3EFEA!important}
footer section{padding-top: 6rem; background-image: url('img/bg2.png'); background-repeat: no-repeat; background-position: right;  }
footer > .fw-600{font-weight: 600; font-size: 1.25rem;}
footer .font-size-smale{font-size: 0.75rem !important;}


/* footer top */
footer .footer-menu{padding: 0 ; }
footer .footer-menu li{display: block ; padding-bottom: 1rem;}
footer .img-rezize-logo>img{width: 100%;}
footer .mt-medium{margin-top: 2rem; }
footer .social-icons a{font-size: 2rem;}
footer .social-icons{margin-top: 2rem;}
footer .fa-instagram{margin-left: 2rem;}


/* footer bottom */
footer .second-part{padding-top: 6rem;  padding-bottom: 2rem;}
#menu-item-2274{padding: 0;}

.second-part .menu{padding: 0; text-decoration: underline; display: flex; align-items: center; gap: 1rem; margin-right: 1rem; margin-top: 0!important; margin-bottom: 0;}
.second-part .menu li{display: block ; color: black; padding: 0rem 0}
 
footer .menu-pied-page_de-container>ul{padding: 0; display: flex; justify-content: space-around; align-items: center; width: 100%; margin: 0; display: flex; text-decoration: underline;}

.menu-bottom-container ul{list-style: none; padding: 0; }
.menu-bottom-container ul li{display: block ; color: black; padding: 0.5rem 0}

/* Border form */
form input,form textarea{border: 1px solid #a5a5a5; padding: 0.75rem 1rem !important;}
form input:focus-visible,form textarea:focus-visible{border: 1px solid #A6BE4C !important; outline: none; }
form label{color: #683C11;}
form input[type="submit"]{border: 1px solid transparent; font-size: 1rem; display: inline-block; transition: 0.2s; padding: 1rem 1.5rem; background-color: #A6BE4C; color: rgba(255, 255, 255); text-decoration: none; cursor: pointer !important;}
form input[type="submit"]:hover{ background-color: transparent; border: 1px solid #A6BE4C; color: #A6BE4C; transition: 0.2s; cursor: pointer !important; padding: 1rem 1.5rem;}
.gform_wrapper.gravity-theme .gfield input.medium, .gform_wrapper.gravity-theme .gfield select.medium{width: 100% !important;}


/* Media Queries */
@media (max-width: 1500px){

  /* Actuality */
  .actuality-text{min-height: 130px !important;}

} 

@media (max-width: 1399px){

  /* Header */
  .mobile-menu{display: flex;}
  .langue { position: relative; display: inline-block ; margin-left: 0;}

  /* Actuality */
  .actuality-text{min-height: 173px !important;}

}


@media  (max-width: 1199px){
  
  /* Actuality */
  .actuality-text{min-height: 115px !important;}
  .actuality-img{height: 150px !important;}
  .img-fluid{height: 150px !important; object-fit: cover !important;}
  
  /* footer */
  footer .second-part{padding-top: 6rem; padding-bottom: 2rem;}
}

@media (max-width: 991px) {
  main{padding-top: 5.85rem;}
  /* titre */
  h1{font-size: 2.5rem !important;}
  h2{font-size: 2rem !important;}

  /* Header */
  header{position: fixed; top: 0; width: 100%; backdrop-filter: blur(10px); transition: 0.2s; background: rgba(2555, 255, 255, 0.9);}
  header .menu>li>a{padding: 1rem 1rem;}
  .menu-abt-class>menu{flex-wrap: wrap !important;}
  .mobile-menu {overflow: hidden; height: 100dvh; display: flex; flex-direction: column; justify-content: center; align-items: center; transform: translateY(-100%); transition: 0.2s;  position: absolute; top: 0;  left: 0; bottom: 0; right: 0; width: 100%; background-color: #fff; z-index: 6; }
  .mobile-menu-icon { display: flex; transition: 0.2s;}
  .mobile-menu-icon-2{z-index: 1000; transform: rotate(90deg); }
  .open{transform: translateY(0%); z-index: 10; }
  .open>nav>ul{  display: flex; flex-direction: column; width: 100%; }
  .open>nav>ul li{ margin: 1rem 0;}
  .open .menu{justify-content: center; flex-direction: column;gap: 1rem;}
 
  /* display items home in the menu */
  #menu-item-2267{display: none;}
  #menu-item-2301{display: none;}
  #menu-item-2302{display: none;}
  #menu-item-2303{display: none;}

  /* Actuality */
  main .actuality-vignette{height: auto; min-height: 240px;}
  .actuality-img{height: unset;}
  .img-fluid{height: auto; }
  .actuality-text{min-height: unset !important;}

  /* Contact */
  .contact{flex-wrap: wrap !important; flex-direction: column-reverse;}

  /* hero-banner */
  .hero-banner .container-fluid .img-wrapper .img-filter {background: linear-gradient(90deg, rgba(166,190,76,1) 0%, rgba(0,212,255,0) 80%);}
}
 
@media (max-width: 767px) {
  /* footer */
  footer .second-part{padding-top: 6rem; padding-bottom: 5rem;}

  header .main-menu .mobile-menu{max-width: 100%;}

  /* hero-banner */
  .hero-banner .text-wrapper{padding-top: 2rem;}
  .hero-banner .text-wrapper>div{text-align: center; width: 100%;}
}

@media (max-width: 575px) {
  /* titre */
  h1{font-size: 2.25rem !important;}
  h2{font-size: 1.5rem !important;}
  h3{font-size: 1rem !important;}

  /* footer */
  footer .second-part{padding-top: 6rem; padding-bottom: 5rem;}
}


/* template realisation */
.gallery {display: flex; flex-wrap: wrap; gap: 10px;}

.gallery-item {flex: 1 1 calc(33.333% - 10px); box-sizing: border-box;}

.gallery-item img {width: 100%; height: auto; display: block;}


.posts-list { display: flex; flex-wrap: wrap;}

.post-item { width: 100%; margin-bottom: 20px;}

.post-item h2 {margin: 0;}

.post-excerpt {font-size: 1rem;}

.post-item {display: flex; align-items: flex-start; margin-bottom: 1.25rem;}

.post-thumbnail {margin-right: 1rem;}

.post-excerpt {flex: 1;}

body .container .posts-list{display: flex; justify-content: space-between;}
body .container .posts-list .article-wrapper{color: black; display: flex; flex-direction: column;}
body .container .posts-list .article-wrapper .img-container{width: 100%; height: 13.875rem; overflow: hidden; bottom: 0;}
body .container .posts-list .article-wrapper .img-container img{width: 100%; height: 100%; object-fit: cover;}
body .container .posts-list .article-wrapper .text-wrapper{padding: 1rem; position: relative; flex-grow: 1;}
body .container .posts-list .article-wrapper .text-wrapper h2{font-size: 1.25rem !important; font-weight: 600; margin-top: 0; margin-bottom: 0rem;}
body .container .posts-list .article-wrapper .text-wrapper p{font-size: 0.875rem; margin-top: 0.5rem; margin-bottom: 0; padding-bottom: 4rem;}
body .container .posts-list .article-wrapper .text-wrapper .read-more{ font-size: 0.875rem; padding: 0.6rem 1.5rem; position: absolute; bottom: 1rem;}