/*
Theme Name: HTAG360
Theme URI: https://htag360.creneaualuminium.ca
Description: Thème enfant de Divi par NickoLabs
Author: Nickolas Simard
Author URI: https://nickolabs.com
Template: Divi
Version: 1.0
*/
/* ADJUSTMENTS */
::selection {
   color: white;
   background: rgba(24, 26, 34, 0.8);
}
/* WELCOME GATE */
   /* .et_builder_inner_content:has(#welcome-gate){position: inherit;} */
   #welcome-gate {
      height: 100vh;
      position: fixed;
      width: 100%;
      top: 0px;
      /* display: flex;*/
      display: none !important;
      flex-direction: column;
      z-index: 99999;
   }
   .move-gate {
      top: -100vh !important;
      transition: all 750ms;
   }
   /* Rows */
   .row-sva, .row-creneau, .row-htag {
      background: transparent; 
      width: 500px; 
      Padding: 2em !important; 
      transition: all 500ms; 
      cursor: pointer;
   }
   /* Logos */
   .row-sva .logo-hover, .row-creneau .logo-hover, .row-htag .logo-hover {display: none; transition: all 500ms;}
   /* Descriptions */
   .row-sva .details, .row-creneau .details, .row-htag .details {display: none; transition: all 750ms;}
   /* Hovers */
   .row-sva:hover, .row-creneau:hover, .row-htag:hover {background: #fff;}
   .row-sva:hover .logo-classic, .row-creneau:hover .logo-classic, .row-htag:hover .logo-classic {display: none;}
   .row-sva:hover .details, .row-creneau:hover .details, .row-htag:hover .details,
   .row-sva:hover .logo-hover, .row-creneau:hover .logo-hover, .row-htag:hover .logo-hover {display: block;}
   /* Texts */
   #welcome-gate p,
   #welcome-gate .et_pb_text_inner {
      font-size: 14px;
      line-height: 2em;
   }
/* TYPOGRAPHY */
   .condensed {
      font-stretch: 75% !important;
      line-height: 1.25em;
   }
   h1 {
      font-family: 'Open Sans',sans-serif;
      font-weight: 300;
      font-size: 70px !important;
      color: #fff;
      line-height: 1.15em;
   }
      /* LOGO/SLOGAN */
      h1.home-title {
         position: relative;
         height: 217px;
         width: 100%;
         cursor: default;
      }
      h1 img.home-title-image {position: absolute;}
      h1 span.home-title-text {
         position: absolute;
         text-transform: uppercase;
         font-size: 0.49em;
         font-weight: 500;
         padding-left: 42.15%;
         line-height: 0.99em;
         padding-top: 9px;
         color: transparent;
      }
      h1 span.home-title-text::selection {
         color: transparent !important;
         background: none !important;
      }
   /* Adjustments for modals (Library, Image upload) */
   .et-fb-tooltip-modal h1,
   .et-fb-tooltip-modal h2,
   .et-fb-tooltip-modal h3,
   .media-modal h1,
   .media-modal h2 {
      font-size: revert !important;
      font-weight: revert !important;
      font-family: revert !important;
   }
   h2 {
      font-family: 'Open Sans',sans-serif;
      font-stretch: 75%;
      line-height: 1.25em;
      font-weight: 300;
      font-size: 70px !important;
      color: #0075A9 !important;
   }
   .et_pb_blurb h2 { 
      font-weight: 300;
      font-size: 50px !important;
      color: #0075A9 !important;
      line-height: 2em;
   }
   .home-intro h2 {
      font-weight: 300;
      font-size: 45px !important;
      color: #fff !important;
   }
   .et_pb_promo h2 {
      font-weight: 400;
      font-size: 45px !important;
   }
   h3 {
      font-family: 'Open Sans',sans-serif;
      font-size: 27px !important;
      font-stretch: 75% !important;
      line-height: 1.25em !important;
      font-weight: 500 !important;
      color: #0075A9 !important;
   }
   .et_pb_blog_grid h3 {color: #0075A9 !important}
   .et_pb_team_member h3 {font-size: 23px !important}
   .et_pb_post .post-meta {
      font-size: 13px;
      margin-bottom: 6px;
      color: #666;
   }
   h4, h5, h6 {
      font-family: 'Open Sans',sans-serif;
   }
   body, input, textarea, select, p {
      font-weight: 400;
   }
   .et_pb_team_member h3.et_pb_module_header {
      font-size: 23px;
      color: #0075A9 !important;
      line-height: 2em;
      font-weight: 600;
   }
   .et_pb_portfolio_item h2 {
      font-weight: 600;
      font-size: 24px !important;
   }
   footer .et_pb_blurb h2 {
      font-stretch: 75% !important;
      font-weight: 400 !important;
      font-size: 28px !important;
      line-height: 1em;
      color: #000 !important;
   }
   .page ul {line-height: 2em !important;}
   .page ul li{padding-bottom: 1em;}
   .et_pb_slide_content, .et_pb_best_value {font-size: 16px !important;}
   #top-menu li a,
   #top-menu li li a {
      font-weight: 500;
   }
   sup {
      font-size: 0.75em;
      bottom: 0.5em;
   }
   h1 sup {
      font-size: 0.5em;
      bottom: 0.75em;
   }
/* FICHE ENTREPRISE */
   .prefooter-cta .et_pb_main_blurb_image {margin-bottom: 0;}
   .prefooter-cta h2 {
      font-stretch: 75% !important;
      font-weight: 400 !important;
      font-size: 28px !important;
      line-height: 1em;
      color: #000 !important;
   }
/* MENU */
   .mobile_menu_bar::before, .mobile_menu_bar::after,
   #top-menu li.current-menu-ancestor > a,
   #top-menu li.current-menu-item > a {
      color: #024b99;
   }
   #top-menu li {padding-right: 10px;}
   #top-menu li.current-menu-item li > a {color: rgba(0,0,0,0.6);}
   /* LANGSWITCHER */
   .nickolabs_lang_switcher {
      display: none !important;
      margin-left: 15px;
   }
   /* Wider submenu */
   #top-menu li li {padding: 0;}
   #top-menu li li a {width: 240px;}
   /* Linkedin */
   .btn_linkedin a {
      /* Actual symbol:  */
      font-family: ETmodules !important;
      font-weight: 400 !important;
      color:#fff !important;
      background-color: #0075A9 !important;
      font-size: 16px;
      line-height: 16px;
      padding: 6px !important;
      border-radius: 20px;
   }
   .et_header_style_left #et-top-navigation nav > ul > li.btn_linkedin > a,
   .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li.btn_linkedin > a {
      padding: 6px !important;
   }
/* TOP MENU SWITCH ICON */
   #et-secondary-nav li {
      margin-right: 10px;
      padding-bottom: 0;
   }
   .btn_menu_switch a {
      font-weight: 400 !important;
      color:#fff !important;
      background-color: transparent !important;
      font-size: 16px;
      line-height: 16px;
      padding: 0px !important;
      border-radius: 20px;
   }
   .btn_menu_switch a img{
      height: 40px;
   }
/* BREADCRUMBS SECTION */
   .breadcrumbs {font-size: 14px;}
   .breadcrumbs .et_pb_row {padding: 20px 0;}
/* BLURB */
   .et_pb_main_blurb_image {margin-bottom: 70px;}
   .fond-rio-tinto-criteres {
      border: 10px solid;
      border-image-slice: 1;
      border-width: 5px;
      border-image: linear-gradient(90deg,#b8b9bb 0%,#e5e6ea 70%,#c6c7c9 100%) 1;
   }
   @media (min-width: 767px) {
      /* Flexbox display for blurb content */
      .vertical-middle-align .et_pb_blurb_content {
         display: flex!important;
      }
      
      /* Flexbox display for blurb container */
      .vertical-middle-align .et_pb_blurb_container {
         display: flex!important;
         justify-content: center; /* Center align blurb container horizontally */
         flex-direction: column; /* Arrange blurb container content in a column */
      }
      
      /* Flexbox display for main blurb image */
      .et-db #et-boc .et-l .vertical-middle-align .et_pb_main_blurb_image {
         display: flex;
         width: auto!important; /* Ensure blurb image width adjusts automatically */
         margin-bottom: 0px!important; /* Remove bottom margin for better alignment */
      }
   }
/* HOME - CYCLE DE VIE */
   .cycle-de-vie-aluminium .et_pb_module_header {
      color: #024B99;
      font-weight: 600;
   }
   
/* FORMULAIRE WPCF7 */
    /*  Errors */
    .wpcf7-not-valid-tip {
      color: #111;
      background-color: #eee;
      padding: 10px;
      border-radius: 0 0 5px 5px;
      font-weight: 600;
  }
  /* Labels */
  .wpcf7-form label {
      color: #000 !important;

      font-family: "Open Sans",Arial,sans-serif !important;
      font-stretch: 75% !important;
      font-weight: 500 !important;
      font-size: 24px !important;
      margin-top: 0 !important;
      padding-top: 10px !important;
      position: relative;
  }
  /* Two cols */
      .wpcf7-form div.half {
          width: 49%;
          margin-right: 2%;
          float: left;
          padding-bottom: 1em;
      }
      .wpcf7-form div.half.last {margin-right: 0%;}
  .wpcf7-form .wpcf7-list-item-label {
      text-transform: none;
      letter-spacing: 0px;
      cursor: pointer;
      font-size: 15px;
      padding-left: 10px;
  }
  .wpcf7-form label .required_stars {
      color: #0075A9;
      font-size: 24px;
      position: absolute;
      left: -17px;
      top: 12px;
      font-weight: 400;
  }
  /* Champs */
  .wpcf7-form p input[type="text"],
  .wpcf7-form p input[type="tel"],
  .wpcf7-form p input[type="email"],
  .wpcf7-form p textarea {
     -webkit-appearance: none;
     background-color: #fff;
     width: 100%;
     border-width: 1px;
     border-radius: 3px;
     color: #212121;
     font-size: 16px;
     padding: 16px;
  }
  .wpcf7-form p textarea {height: 8em;}
      /* Focus Hightlight */
      .wpcf7-form p input[type="text"]:focus,
      .wpcf7-form p input[type="tel"]:focus,
      .wpcf7-form p input[type="email"]:focus,
      .wpcf7-form p textarea:focus {
          background-color: #f5f5f5;
      }
  /* Checkboxes */
  .wpcf7-form input[type="checkbox"] {
      -webkit-appearance: checkbox;
      accent-color: #0075A9;
      transform: scale(1.75);
      cursor: pointer;
  }
  .wpcf7-list-item {
      display: block;
      margin: 0.5em 0 0.5em 1em;
  }
  /* Submit Bouton */
  .wpcf7-form input[type="submit"] {
      background-color: #0075A9 !important;
      border: none !important;
      color: #fff;

      font-family: "Open Sans",Arial,sans-serif !important;
      letter-spacing: 2px;
      font-size: 14px !important;
      font-weight: 500 !important;
      text-transform: uppercase !important;
      border-radius: 0 !important;
      padding: 15px 30px;
      cursor: pointer;
  }
  .wpcf7-form input[type="submit"]:hover {
      background-color: #024b99 !important;
  }
  /* CF Turnstile */
  .cf7-cf-turnstile {margin: 0 !important;line-height: 0}

/* BLOG */
   .et_pb_blog_grid .et_pb_image_container {margin: 0}
   .et_pb_blog_grid .et_pb_post {padding: 0}

/* ÉQUIPE */
   .et_pb_module_header {font-weight: bold}
   .et_pb_team_member_description .et_pb_member_position {
      line-height: 1.5em
   }
   .et_pb_team_member_description div p {
      font-style: italic;
      line-height: 1.5em;
      font-weight: 400
   }
 /* FOOTER */
   footer {overflow: hidden;}
   footer .et_pb_main_blurb_image {margin-bottom: 10px;}
   
   
/* TIMELINE */
.timeline .time2004.pulse, .timeline .time2004.runner {top: 1050px;}
.timeline .time2004.et_pb_blurb {height: 250px;}
.timeline .time2005.pulse, .timeline .time2005.runner {top: 1300px;}
.timeline .time2005.et_pb_blurb {height: 150px;}
.timeline .time2015.pulse, .timeline .time2015.runner {top: 1450px;}
.timeline .time2015.et_pb_blurb {height: 400px;}
.timeline .time2018.pulse, .timeline .time2018.runner {top: 1850px;}
.timeline .time2018.et_pb_blurb {height: 150px;}
.timeline .time2021.pulse, .timeline .time2021.runner {top: 2000px;}
.timeline .time2021.et_pb_blurb {height: 150px;}
.timeline .time2022.pulse, .timeline .time2022.runner {top: 2150px;}
.timeline .time2022.et_pb_blurb {height: 200px;}
.timeline .time2024.pulse, .timeline .time2024.runner {top: 2350px;}
.timeline .time2024.et_pb_blurb {height: 150px;}

@media (max-width: 1200px) {
   /*Add height to 2001, 2004, 2015, 2022*/
   .timeline {
      background: #eeeeee !important;
   }
   .timeline .et_pb_blurb_description,
   .timeline .et_pb_blurb_description p{
      font-size: 14px !important;
      font-weight: 400;
      line-height: 1.35em !important;
   }
   .timeline .et_pb_module.et_pb_text_align_right,
   .timeline .et_pb_blurb.et_pb_text_align_right .et_pb_blurb_content .et_pb_blurb_container{
      text-align: left !important;
   }
   .timeline .time1993.et_pb_blurb,
   .timeline .time1999.et_pb_blurb,
   .timeline .time2001.et_pb_blurb,
   .timeline .time2005.et_pb_blurb,
   .timeline .time2018.et_pb_blurb,
   .timeline .time2022.et_pb_blurb{
      margin-left: -27px !important;
      direction: ltr
   }
   .timeline .et_pb_blurb_6, 
   .timeline .et_pb_blurb_4, 
   .timeline .et_pb_blurb_8,
   .timeline .et_pb_blurb_10, 
   .timeline .et_pb_blurb_12, 
   .timeline .et_pb_blurb_14 {
      transform: translateX(0px) translateY(0px);
   }
   .timeline .et_pb_blurb_8.et_pb_blurb .et_pb_main_blurb_image, 
   .timeline .et_pb_blurb_6.et_pb_blurb .et_pb_main_blurb_image,
   .timeline .et_pb_blurb_4.et_pb_blurb .et_pb_main_blurb_image,
   .timeline .et_pb_blurb_10.et_pb_blurb .et_pb_main_blurb_image,
   .timeline .et_pb_blurb_12.et_pb_blurb .et_pb_main_blurb_image,
   .timeline .et_pb_blurb_14.et_pb_blurb .et_pb_main_blurb_image {
      padding-left: 0;
   }
   .timeline .et_pb_row {
      max-width: 90%;
      margin: auto !important
   }
   .timeline .et_pb_column {
      width: 100%;
   }
}
@media (max-width: 600px) {
   .timeline .et_pb_blurb_description,
   .timeline .et_pb_blurb_description p{
      font-size: 13.5px !important;
      line-height: 1.35em !important;
   }
}

/* Liste de la Cohorte - Images
 * For a more indepth equilization, see :
 * https://help.elegantthemes.com/en/articles/3371227-how-to-equalize-the-posts-height-within-the-blog-module 
 */
.cohorte-liste-2024-2026 {
   --aspect-ratio-width: 4;
   --aspect-ratio-height: 3;
   --aspect-ratio: calc(var(--aspect-ratio-height) / var(--aspect-ratio-width));
   --padding-top: calc(var(--aspect-ratio) * 100%);
}

.cohorte-liste-2024-2026 .entry-featured-image-url {
   padding-top: var(--padding-top);
   display: block;
   position: relative;
}

.cohorte-liste-2024-2026 .entry-featured-image-url img {
   position: absolute;
   aspect-ratio: var(--aspect-ratio-width) / var(--aspect-ratio-height);
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   object-fit: cover;
   width: 100%;
   height: 100%;
}
.cohorte-liste-2024-2026 .post-content {
   /* height: 12em; */
}

/* RESPONSIVE */
@media (max-width: 1350px) {
   .home-stats h2 {font-size: 55px !important}
   .home-stats .et_pb_number_counter .percent p {
      font-size: 50px !important;
      text-align: center;
      padding: 0 10px;
   }
}
@media (max-width: 1210px) {
   .home-stats h2 {font-size: 50px !important}
   .home-stats .et_pb_number_counter .percent p {font-size: 50px !important;}
}
@media (max-width: 1080px) {
   .home-stats h2 {font-size: 45px !important}
   .home-stats .et_pb_number_counter .percent p {font-size: 35px !important;}
}
@media (max-width: 980px) {
   .home-stats h2 {font-size: 60px !important}
   .home-stats .et_pb_number_counter .percent p {font-size: 60px !important;}
   /* MENU */
   .nickolabs_lang_switcher {
      margin-left: 0;
      margin-right: 15px;
      display: inline-block;
   }
   .btn_linkedin {
      display: inline-block;
      font-size: 14px;
   }
   .btn_linkedin a {
      width: 28px;
      height: 28px;
   }
   /* TYPOGRAPHY */
   h1 {font-size: 50px !important;}
   h2 {font-size: 50px !important; line-height: 1.1em !important;}
   /* BLURBS ICON and DESCRIPTION */
   .et_pb_main_blurb_image,
   .et_pb_blurb_description {margin-bottom: 35px;}
}
@media (max-width: 600px) {
   .home-stats h2 {font-size: 40px !important}
   .home-stats .et_pb_number_counter .percent p {font-size: 40px !important;}
   /* TYPOGRAPHY */
   h1 {font-size: 50px !important;}
   h2 {font-size: 50px !important;}
}