/*
Theme Name:         STRAT ENGINE 2024
Description:       	STRAT ENGINE 2024.
Version:            1.0
Author:             Strat Engine
Author URI:         https://www.strat-engine.com/
*/

/*.home header .headfl .first .sstithead {font-size:30px;} */
/*.btn {z-index:1;}  */
/*.home .homeagence_content {background-size: 300px;} */
/*.home .homeagence_content .agencesuite {min-height: 220px;} */
/*.formjot {background-color: #fff} */
/*.gradlin supprimer le CSS associé à cette classe, elle n'existe plus */
/* .home .homeagence_content .contentfl .cardagence .front p {font-size: 16px;} Ajout d'une propriété à cette class */
/* .home .triptique .box {background-color: #fff;} Supprimer cette propriété bg-color */
/* .home .referenceall .construct .content {position: relative;} Ajout d'une propriété à cette class */
/* .home .referenceall .construct .content #scroll-card {height: 50px; width: auto; position: absolute; top: 15%; left: 11%; z-index: 2;} Ajout */
/* .swiper-rea {height: 250px; margin: 20px 0; position: relative;} */
/* .swiper-rea>.swiper-wrapper {transition-timing-function: linear;} */
/* .swiper-rea .swiper-slide {align-items: center; background-position: 50%; background-size: cover; border-radius: 30px; display: flex; justify-content: center; margin: 0 10px; overflow: hidden; width: 400px;} */
/* .back-to-top img {width:65px; filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.35));} */
/* .submitfooter {background-color: var(--clr-orange) !important;} Couleur bouton newsletter dans le footer */
/* .copy a {color: #fff;} Couleur lien dans le footer */
/* #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link:hover, .mega-current-menu-item a {color: var(--clr-orange)!important;} */
/* .page-template-page_stratengine .acthead a.btheadvert {background-image: url(./dist/img/bt-head-se-1.png)} ATTENTION : ne prendre en compte que le nom de l'image, pas tout le chemin */
/* .page-template-page_stratengine .acthead a.btheadorange {background-image: url(./dist/img/bt-head-se-2.png)} ATTENTION idem */
/* .page-template-page_stratengine .acthead a.btheadbleu {background-image: url(./dist/img/bt-head-se-3.png)} ATTENTION idem */
/* .page-template-page_stratengine .headfl .first div {width: 100%;} */
/* Page réalisations : enlever la grille aléatoire pour n'avoir que les réalisations qui prennent 50% */
/* .page-template-page_realisation .reacontainer .reawrapper {grid-template-columns: repeat(2, 1fr);} */
/* .page-template-page_realisation .reacontainer .reawrapper .gridrea {grid-column: span 1 !important} Enlever le span 2 des autres nthchild... */
/* .page-template-page_recrutement header.blogrea .headflblog {background-size: cover;} Ajout d'une propriété à cette class */
/* .page-template-page_blog .wp-pagenavi, .category .wp-pagenavi {text-align: center;} */
/* .page-template-page_blog .wp-pagenavi span.current, .category .wp-pagenavi span.current {background-color: #fff; color: var(--clr-primary); font-weight: 700;} */
/* .category .wp-pagenavi span.pages, .category .wp-pagenavi a {color: #fff;} */
/* .ppms_cm_popup_wrapper.top.sticky {box-shadow: initial; padding: initial; position: initial;} */
/* .btn--deco:hover:after {transform: scale(.8) rotate(45deg) !important;} Correction de CSS : enlever les 2 transform pour */

/* .category .wp-pagenavi span.pages, .category .wp-pagenavi a {color: #fff;} Correction */
/* .page-template-page_stratengine header .headfl {background-color: initial;} Supprimer ce CSS qui donne un fond bleu */
/* .titchemin {
  margin: 0;
  z-index: 2; */
/* .menurs__burger {
  width: 75px;
} Modif existant */
/* .menurs__menu {
  width: 75px;
} Modif existant */
/* .menurs__burger span {
  left: 50%;
  transform: translateX(-50%);
} Ajout existant */
/* .menurs.act .menurs__burger span:before {
  width: 35px;
} Modif existant */
/* .menurs.act .menurs__burger span:after {
  width: 35px;
} Modif existant */


.page-template-page_agence-php header .headfl .first {flex: 70%;}

/******************* RESPONSIVE **************************/
@media (max-width: 1200px) {
  /* .home .referenceall .bandeau .titref {
    background-color: transparent;
    color: #fff;
    padding: 0 10%;
  } Ajout à l'existant */
  /* .page-template-page_realisation .modal-close {
    top: 100px;
  } Ajout responsive */
  /* .home header {
    background-position: top -30px right;
  } Correction existant */

  /* .home header {padding: 100px 0px 20px 0;}  Corriger l'existant */
  /* .home .homeagence_content .contentfl .cardagence .front a.btn {font-size: 14px;} */
  /* .topsmart {z-index: 9999;} Corriger l'existant */
  /* .home header .headfl {padding: 0 3%;}
  .home header .headfl .headillust {display: none;} */
  /* h1 {
    font-size: calc(var(--fs-headings) * 0.8);
  } */
  /* .page-template-page_parent header,
  .page-template-page_enfant header,
  .page-template-page_agence header,
  .page-template-default header {
    background-color: #fff;
    min-height: auto;
    padding: 80px 0 50px 0;
  } */
  /* .page-template-page_parent header #breadcrumbs,
  .page-template-page_enfant header #breadcrumbs,
  .page-template-page_agence header #breadcrumbs,
  .page-template-default header #breadcrumbs {
    left: inherit;
    margin: 0;
  } */
}

@media (max-width: 992px) {
  /* header.blogrea {
    background-color: var(--clr-primary);
    margin-top: 0;
    margin-bottom: 65px;
  } Correction et ajout à l'existant */

  /* .home .homeagence_content .contentfl .cardagence .front a.btn--deco {padding: 10px 20px;} */
  /* header.blogrea .headflblog .headcontent h1 span {font-size: inherit;} */
  /* header.blogrea {margin-top: 95px;} */
  /* .formjot .titform h2 {padding-bottom: 20px;} */
  /* .home .triptique {flex-direction: row; flex-wrap: wrap;} */
  /* .home .triptique .box:not(:hover) {flex-grow: inherit;} Supprimer le flew-grow: 0.95 */
  /* .home .triptique .box1 {flex: 1 1 100%} */
  /* .home .triptique .box2, .home .triptique .box3 {flex: 1 1 calc(50% - 20px); min-width: 150px; flex-shrink: 0;} */
}

@media (max-width: 768px) {

  .page-template-page_agence-php header .headfl .headillust {text-align: center; padding: 0; max-height: 300px;}
  .page-template-page_agence-php header .headfl .headillust img {height: inherit;}


  /* .formjot .cont,
  .formjot .cont .titform {
    padding: 30px 10px;
  } Ajout responsive */
  /* .home .homeagence_bg {
    height: 95%;
    border-radius: 0 60px 40px 40px;
  } Ajout responsive */
  /* .home .triptique .box {
    min-height: 155px;
  } Ajout responsive */
  /* header.blogrea .headflblog .headcontent {
    min-height: auto;
    padding: 50px 0;
  } */

  /* .btn,
  .home .homeagence_content .contentfl .cardagence .front a.btn {
    font-size: 12px;
  } */
  /* .btn--deco:after {
    top: 25%;
  } */
  /* header.blogrea .headflblog .headcontent .parahead {
    font-size: 16px;
  } */
  /* .page-template-page_parent header,
  .page-template-page_enfant header,
  .page-template-page_agence header,
  .page-template-default header {
    background-color: #fff;
    padding: 0px 0 50px 0;
    margin-top: -50px;
  } */
  /* header .headfl .headillust {
    display: block;
    min-height: 300px;
    width: 100%;
    border-bottom-right-radius: 40px;
  } */
  /* .home header .headfl .headillust {
    display: none !important;
  } */

  /* h1 {font-size: calc(var(--fs-headings)*0.6)} */

  /* header .headfl .first .sstithead,
  .home header .headfl .first .sstithead {
    font-size: 24px;
  } */
  /* header .headfl .first .parahead {
    font-size: 16px;
  } */

  /* .home .triptique .box .titre {
    font-size: 20px;
    width: 100%;
    max-width: initial;
  }
  .home .triptique .box .sstitre {
    font-size: 16px;
  } */

  /* .page-template-page_stratengine .acthead a {
    font-size: 14px;
    width: 130px;
    background-size: 90px;
    padding: 100px 15px 15px;
  } */
  /* .formjot iframe#JotFormIFrame-243253807371052 {
    margin-top: -40px !important;
  } */
  /* .formjot .titform h2 {
    font-size: 34px;
  }
  .formjot .titform p {
    font-size: 14px;
  } */

  /* header.blogrea {
    min-height: auto;
  } */
  /* header.blogrea .headflblog {
    background-size: 200px;
  } Ajout d'une propriété à cette class en responsive */
  /* header.blogrea .headflblog .headcontent {
    min-height: auto;
  } */

  /* .home .homeagence_content .contentfl .cardagence .front .agen {
    font-size: 25px;
  }
  .home .homeagence_content .contentfl .cardagence .front p {
    font-size: 14px;
  }
  .home .referenceall .construct .content #scroll-card {
    top: 11%;
  } */
}

@media (max-width: 576px) {
  /* .home .triptique .box .sstitre {
    font-size: 14px;
  } Correction existant */
  /* .home .homeagence_content .contentfl .cardagence .front {
    padding: 40px 30px 40px;
  } Ajout responsive */
  /* .home .homeagence_content .contentfl .cardagence .back,
  .home .homeagence_content .contentfl .cardagence .front {
    height: 310px;
  } Ajout responsive */
  /* header.blogrea {padding-top: 95px} Correction existant */

  /* main {
    padding: 40px 0 0;
  } */
  /* .home header .headfl {
    padding: 0 8%;
  } */
  /* header .headfl #breadcrumbs {
    left: 15px;
    margin-left: initial;
    font-size: 12px;
  } */
  /* header .headfl .first {
    padding: 20px;
  } */
  /* h1 {
    font-size: calc(var(--fs-headings) * 0.5);
  } */
  /* .btn {
    font-size: 12px;
  } */
  /* .btn--deco:hover:after {
    transform: scale(0.5) rotate(45deg) !important;
  } */

  /* .home header .headfl .first .sstithead {
    font-size: 20px;
  } */
  /* header .headfl #breadcrumbs {
    left: initial;
    margin-left: initial;
    font-size: 12px;
  } */
  /* header .headfl .first {
    padding: 20px;
  } Ajout d'une propriété à cette class en responsive */
  /* .home header .headfl .first h1 {
    font-size: 40px;
  } Modification existant */
  /* .home header .headfl .first .sstithead span {
    background-color: initial;
    border-radius: initial;
    color: initial;
    display: initial;
    color: var(--clr-orange);
    font-size: 100%;
    font-style: initial;
    margin: initial;
    padding: initial;
  } */
  /* .home .triptique {
    padding: 30px 26px 0 26px;
  }
  .home .triptique .box .titre {
    font-size: 16px;
    padding: 30px 10px 0 10px;
  }*/

  /* .page-template-page_blog .blogcontainer,
  .category .blogcontainer {
    padding: 20px 0;
  } */

  /* .blogwrapper .gridart .gridcont .titgridblog {
    font-size: 18px;
  } */
  /* .blogwrapper .gridart .listcat,
  .blogwrapper .gridart .listcat a {
    font-size: 12px;
  } */

  /* .page-template-page_realisation .reacontainer .reawrapper {
    grid-template-columns: repeat(1, 1fr);
  } */
}

@media (max-width: 400px) {
  /* .page-template-page_stratengine .acthead a {
    background-size: 60px;
    padding: 40px 15px 15px;
    width: 110px;
  } */
  /* .home header .headfl .first a.btn {
    width: 100%;
  } */

  /* .home header {
    padding: 100px 0px 20px 0;
  } */
  /* .home header .headfl .first h1 {
    font-size: 32px;
  } */
  /* .home header .headfl .first .sstithead {
    font-size: 20px;
  } */
  /* .btn {
    padding: 15px 20px;
  } */
  /* .home .triptique {
    flex-direction: column;
  }
  .home .referenceall .btn {
    padding: 15px 20px 15px 0px;
    width: 95%;
  } */
}