/*
Theme Name: from scratch_
Description: Hello Elementor Child by from scratch_
Author: from scratch_
Author URI: https://www.from-scratch.fr
Template: hello-elementor
Version: 1.0.1
*/

/* Header */
.elementor-location-header{position:sticky; top:0px; background-color:#000000; z-index:9;}
.elementor-menu-toggle svg{display:block;}
.elementor-nav-menu--dropdown.elementor-nav-menu__container{margin-top:12px;;}

/* Footer */
.fs_copyright span{font-family:'Roboto', sans-serif; font-size:17px;}
.fs_talk_link p{margin-bottom:0px;}

/* Global */
h2{font-size:2rem; line-height:1.3em;}

/* Homepage */
.before_carousel,
.after_carousel{position:absolute; top:0px; width:5.333333333333333vw; height:100%; z-index:8;}
.before_carousel{left:0px; background:linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);}
.after_carousel{right:0px; background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);}
.header-services-carousel{padding:0px 15px;}
.header-services-carousel,
.header-services-carousel .owl-stage-outer,
.header-services-carousel .owl-stage,
.header-services-carousel .swiper{width:100%; height:34px;}
.swiper-slide{width:auto;}
.header-services-carousel .item_inner a{display:flex; flex-direction:row; align-items:center; gap:14px;}
.header-services-carousel .item_inner img.fs_icon{width:34px; height:34px;}
.header-services-carousel .item_inner p{margin-bottom:0px; color:#ffffff;}

.filters-ctas{display:flex; flex-direction:row; flex-wrap:nowrap; border-bottom:1px solid #FFFFFF;}
.filters-ctas .filter-cta{position:relative; padding:13px 15px; width:50%; color:#FFFFFF; font-size:19px; line-height:normal; cursor:pointer;}
.filters-ctas .filter-cta:after{content:""; position:absolute; top:calc(50% - 5px); right:15px; width: 0px;
   height: 0px;
   border-style: solid;
   border-width:10px 5px 0px 5px;
   border-color:#FFFFFF transparent transparent transparent;
   transform:rotate(0deg); transition:all .2s;}
.filters-ctas .filter-cta.is-opened:after{transform:rotate(180deg);}
.filters-ctas .filter-cta.is-closed{opacity:.3;}
.filters-ctas .filter-cta.services{border-right:1px solid #FFFFFF;}
.filters .filter-group{display:none; padding:15px 35px;}
.filters .filter-group .filter-btn{display:inline-block; margin-right:45px; margin-bottom:10px; border-top:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; border-radius:0px; padding:5px 18px; background-color:#000000; color:#FFFFFF; height:37px; font-size:15px; transition:all .0s; position:relative;}
.filters .filter-group .filter-btn::before,
.filters .filter-group .filter-btn::after{
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(225deg);
  width:26.21px;
  height:26.21px;
  background:transparent;
  border-top:2px solid white;
  border-right:2px solid white;
  z-index:1; transition:all .0s;
}
.filters .filter-group .filter-btn::before{
  left:-13px;
}
.filters .filter-group .filter-btn::after{
  right:-13px;
  transform: translateY(-50%) rotate(45deg);
}
.filters .filter-group .filter-btn:hover,
.filters .filter-group .filter-btn.is-checked{background-color:#FFFFFF; color:#000000;}
.filters .filter-group .filter-btn:hover{cursor:pointer;}
.filters .filter-group .filter-btn:hover::before,
.filters .filter-group .filter-btn:hover::after,
.filters .filter-group .filter-btn.is-checked::before,
.filters .filter-group .filter-btn.is-checked::after{background-color:#FFFFFF;}

.fs_projects_grid{padding:30px 15px;}
.fs_projects_grid .grid-item{margin-bottom:15px; width:calc(33.33333% - 20px);}
.fs_projects_grid .grid-item img{transition:all .3s;}
.fs_projects_grid .grid-item h3{color:#FFFFFF;}
.fs_projects_grid .grid-item:hover img{transform:scale(1.02);}

/* Single Projet */
.fs_tax_list{font-size:14px; color:#FFFFFF;}

/* Cookie Policy > Bannière */
#cmplz-manage-consent:before{content:""; display:block; position:fixed; bottom:25px; right:25px; width:45px; height:45px; background-image:url('imgs/BY_cookie-01.svg'); background-size:100%; border-radius:50%; cursor:pointer; z-index:99;}
#cmplz-manage-consent .cmplz-manage-consent{display:none;}
/* Cookie Policy > Page */
#content.post-1516{margin:50px auto; padding:0px 15px; max-width:1650px;}
.page-content #cmplz-document{display:contents; width:100%; color:#FFFFFF;}
#cmplz-document h2,
#cmplz-document h3,
.editor-styles-wrapper .cmplz-unlinked-mode h2,
.editor-styles-wrapper .cmplz-unlinked-mode h3{margin-top:25px; margin-bottom:0px;}
#cmplz-document .cmplz-subtitle,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle{margin-top:5px;}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active,
.cmplz-cookiebanner .cmplz-links .cmplz-link,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active{color:#14C8BD !important;}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before{background-color:#14C8BD !important;}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before{background-color:#000000 !important;}
#cmplz-cookies-overview .cmplz-dropdown summary, #cmplz-document .cmplz-dropdown summary,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header{background-color:rgba(255, 255, 255, .2) !important;}
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
#cmplz-document .cmplz-dropdown .cookies-per-purpose div,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div{background-color:#3C3C3C !important;}

/* Responsive */
@media (max-width: 1024px) {
  h2{font-size:1.7rem;}

  .before_carousel,
  .after_carousel{width:15vw;}
  
  .filters-ctas .filter-cta{padding:14.5px 15px; font-size:1.3rem;}

  .fs_projects_grid{padding:25px 15px;}
  .fs_projects_grid .grid-item{margin-bottom:15px; width:calc(50% - 23px);}
  .fs_projects_grid .grid-item:hover img{transform:scale(1.015);}

  #cmplz-manage-consent:before{width:37px; height:37px;}
  #content.post-1516{margin:40px auto;}
}
@media (max-width: 767px) {
  h2{font-size:1.5rem;}

  .before_carousel,
  .after_carousel{width:21vw;}
  .header-services-carousel{padding:0px 12px;}
  .header-services-carousel .item_inner a{gap:10px;}

  .filters-ctas{flex-direction:column; flex-wrap:wrap;}
  .filters-ctas .filter-cta{padding:19px 12px; width:100%; font-size:1.3rem;}
  .filters-ctas .filter-cta:after{right:12px;}
  .filters-ctas .filter-cta.services{border-right:0px; border-bottom:1px solid #FFFFFF;}
  .filters .filter-group{display:none; padding:12px 35px;}

  .fs_projects_grid{padding:20px 12px;}
  .fs_projects_grid .grid-item{margin-bottom:10px; width:calc(100% - 24px);}
  .fs_projects_grid .grid-item:hover img{transform:scale(1.01);}

  #cmplz-manage-consent:before{bottom:17px; right:17px; width:30px; height:30px;}
  #content.post-1516{margin:30px auto;}
}