/*
Theme Name: Vallée de l'Aluminium
Theme URI: https://valuminium.ca
Description: Thème enfant de Divi par NickoLabs
Author: Nickolas Simard
Author URI: https://nickolabs.com
Template: Divi
Version: 1.1
*/
/* 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;
      flex-direction: column;
      z-index: 99999;
   }
   /* Show Welcome gate in Visual Builder as a normal section - Otherwise it was showing above editable content */
   .et-fb #welcome-gate {position: relative;}
   .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: 161px;
         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 image upload */
   .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: #024B99 !important;
   }
   .et_pb_blurb h2 { 
      font-weight: 300;
      font-size: 50px !important;
      color: #024B99 !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: #024B99 !important;
   }
   .et_pb_blog_grid h3 {color: #024B99 !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: #024B99 !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;
   }
/* 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,
   .et-fixed-header #top-menu li.current-menu-item > 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;}
   /* LANGUAGE */
   #top-menu a.language {
      font-weight: bold;
      text-transform: uppercase;
   }
   /* Linkedin */
   .btn_linkedin a {
      /* Actual symbol:  */
      font-family: ETmodules !important;
      font-weight: 400 !important;
      color:#fff !important;
      background-color: #024b99 !important;
      font-size: 16px;
      line-height: 16px;
      padding: 6px !important;
      border-radius: 20px;
   }
   .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li.btn_linkedin > a,
   .et_header_style_left #et-top-navigation nav > ul > li.btn_linkedin > a {
      padding-bottom: 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;
   }
/* WPCF7 CONTACT FORM */
   .cf7-cf-turnstile {margin: 0 !important;line-height: 0}
   label {display: none;}
   .et_pb_contact_form {
      margin-left: -3%;
   }
   p.et_pb_contact_field.et_pb_contact_field_last + p.et_pb_contact_field.et_pb_contact_field_last,
   p.et_pb_contact_field:not(.et_pb_contact_field_last),
   p.et_pb_contact_field_half + p.et_pb_contact_field_last:not(.et_pb_contact_field_half) {
   clear: both;
   }
   .et_pb_contact .et_pb_contact_field_half {
      width: 50%;
      float: left;
   }
   p.et_pb_contact_field {
      padding: 0 0 0 3%;
      margin-bottom: 3%;
      background-position: 50%;
      background-size: cover;
      color: #333;
   }
   .et_pb_contact p input,
   .et_pb_contact p textarea{
      -webkit-appearance: none;
      background-color: #eee;
      width: 100%;
      border-width: 0;
      border-radius: 0;
      color: #333;
      font-size: 16px;
      padding: 16px;
      font-weight: bold;
   }
   .wpcf7 form.invalid .wpcf7-response-output,
   .wpcf7 form.unaccepted .wpcf7-response-output,
   .wpcf7 form.payment-required .wpcf7-response-output {
      color: #fff !important;
   }
   input.text:focus, input.title:focus, input[type="text"]:focus, select:focus, textarea:focus {
      border-color: #fff;
      border-bottom-color: rgb(255, 255, 255);
      color: #333;
   }
   input.text, input.title, input[type="text"], select, textarea {
   margin: 0;
   }
   input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {
      background-color: #fff;
      border: 1px solid #bbb;
      padding: 2px;
      color: #333;
   }
   .et_pb_contact_field *, .et_pb_contact_field.et_pb_section_parallax, .et_pb_contact_field.et_pb_section_video {
      position: relative;
   }
   button, input, select, textarea {
      font-family: inherit;
   }
   .et_contact_bottom_container{
      float:right;
      text-align:right;
      margin-top:-1.5%;
      display:-moz-flex;
      display:-ms-flex;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex
   }
   .et_pb_contact_reset, .et_pb_contact_submit {
      font-family: inherit;
      display: inline-block;
      margin: 0 0 0 18px;
      cursor: pointer;
   }
   @media (max-width: 767px) {
      .et_pb_column .et_pb_contact p.et_pb_contact_field_half {
         width: 100%;
         margin-right: 0;
      }
   }
   .et_pb_contact p input:-moz-placeholder, .et_pb_contact p input::placeholder, .et_pb_contact p textarea:-moz-placeholder, .et_pb_contact p textarea::placeholder {
      opacity: 1;
   }
/* 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;}
   
/* WPCF7 CONTACT FORM */
   .cf7-cf-turnstile {margin: 0 !important;line-height: 0}
   label {display: none;}
   .show_label label {display: inline-block;}
   .et_pb_contact_form {margin-left: -3%;}
   p.et_pb_contact_field.et_pb_contact_field_last + p.et_pb_contact_field.et_pb_contact_field_last,
   p.et_pb_contact_field:not(.et_pb_contact_field_last),
   p.et_pb_contact_field_half + p.et_pb_contact_field_last:not(.et_pb_contact_field_half) {
      clear: both;
   }
   .et_pb_contact .et_pb_contact_field_half {
      width: 50%;
      float: left;
   }
   p.et_pb_contact_field {
      padding: 0 0 0 3%;
      margin-bottom: 3%;
      background-position: 50%;
      background-size: cover;
      color: #333;
   }
   .et_pb_contact p input,
   .et_pb_contact p textarea{
      -webkit-appearance: none;
      background-color: #eee;
      width: 100%;
      border-width: 0;
      border-radius: 0;
      color: #333;
      font-size: 16px;
      padding: 16px;
   }
   .wpcf7 form.invalid .wpcf7-response-output,
   .wpcf7 form.unaccepted .wpcf7-response-output,
   .wpcf7 form.payment-required .wpcf7-response-output {
      color: #333 !important;
   }
   input.text:focus, input.title:focus, input[type="text"]:focus, select:focus, textarea:focus {
      border-color: #fff;
      border-bottom-color: rgb(255, 255, 255);
      color: #333;
   }
   input.text, input.title, input[type="text"], select, textarea {
      margin: 0;
   }
   input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {
      background-color: #fff;
      border: 1px solid #bbb;
      padding: 2px;
      color: #333;
   }
   .et_pb_contact p input[type="radio"] + label i {
      content: "";
      width: 18px;
      height: 18px;
      background-color: #eee;
      font-style: normal;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      margin-right: 6px;
   }
   /* Radio button */
      .et_pb_contact p input[type="checkbox"],
      .et_pb_contact p input[type="radio"] {
         width: auto;
         display: inline-block;
         appearance: radio;
         -webkit-appearance: radio;
      }
      span.wpcf7-list-item {
         display: block;
      }
      span.wpcf7-list-item label {
         display: block;
         padding-bottom: 1em;
      }
   .et_pb_contact_field *,
   .et_pb_contact_field.et_pb_section_parallax,
   .et_pb_contact_field.et_pb_section_video {
      position: relative;
   }
   button, input, select, textarea {
      font-family: inherit;
   }
   .et_contact_bottom_container{
      float:right;
      text-align:right;
      margin-top:-1.5%;
      display:-moz-flex;
      display:-ms-flex;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex
   }
   .et_pb_contact_reset, .et_pb_contact_submit {
      font-family: inherit;
      display: inline-block;
      margin: 0 0 0 18px;
      cursor: pointer;
   }
   @media (max-width: 767px) {
      .et_pb_column .et_pb_contact p.et_pb_contact_field_half {
         width: 100%;
         margin-right: 0;
      }
   }
   .et_pb_contact p input:-moz-placeholder, .et_pb_contact p input::placeholder, .et_pb_contact p textarea:-moz-placeholder, .et_pb_contact p textarea::placeholder {
      opacity: 1;
   }
/* TIMELINE */
   .timeline .dipi_timeline_item {
      margin-bottom: -50px !important;
   }
   .timeline h4 {
      font-size: 27px !important;
      font-stretch: 75% !important;
      line-height: 1.25em !important;
      font-weight: 500 !important;
      color: #024B99 !important;
      text-transform: uppercase;
   }
   .timeline p {
      font-size: 14px;
      font-weight: 400;
      line-height: 1.35em;
   }
   .timeline .dipi_timeline_item .ribbon-icon.ribbon-icon-circle.active,
   .timeline .et-db #et-boc .et-l .dipi_timeline_item .ribbon-icon.ribbon-icon-circle.active {
      background-color: #024B99 !important;
   }
   @media (max-width: 980px) {
      .timeline .dipi_timeline_item {
         margin-bottom: 25px !important;
      }
   }
.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;
   }
}
/* 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;}
}