/*
Theme Name: Compagnie Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1738340064
Updated: 2025-01-31 17:14:24

*/

:root{
    --global-color-primary: #1A3E7E;
    --global-color-white: white;
  --global-color-secondary: #2E5293;
  --global-color-text: #585857;
  --color-accent: #45659F;
  --global-h2-font-size : 20px;
  --global-h2-font-weight : 600;
  --global-font-family: 'Verdana';
}
body #page-content .justify{
  text-align: justify;
}

body .wp-block-media-text > .wp-block-media-text__content{
  padding: 0;
}

body #page-content .row{
  flex-direction: row !important;
}

.pad-col{
  padding: 24px;
}

body #page-content .first{
  padding-top: 120px;
}

body #page-content .pad-col.contained{
  padding: 24px;
}

/* .pad-col .contained{
  padding: 0;
} */

html{
  scroll-behavior: smooth;
}

body .alignwide{
  margin: 0;
}

/* body #page-content > div{
  background-color: white;
} */

body .h1,body h1{
  font-size: 32px;
  font-weight: 700; 
  line-height: 1.2 !important;
  color: var(--global-color-primary);
}

body #page-content .contained{
  max-width: 1110px;
  margin: 0 auto !important;
  padding: 0 24px;
}

@media screen and (min-width: 992px){
  body #page-content .contained{
    padding: 0 48px;
  }

  .pad-col{
    padding: 48px;
  }

  body #page-content .pad-col.contained{
    padding: 48px;
  }
} 

body .h2,body h2{
  font-size: 24px;
  font-weight: 700;
  color: var(--global-color-primary);
  margin-top: 0 !important;
}

body .h3,body h3{
  font-size: 24px;
  font-weight: 700;
  color: var(--global-color-primary);
}

body .h4,body h4,
body .h5,body h5,
body .h6,body h6{
  font-size: 20px;
  color: var(--global-color-primary);
  font-weight: 700;
}


@media screen and (min-width: 992px) {
  body .h1,body h1{
    font-size: 48px;
    line-height: 18px;
  }

  body .h2,body h2{
    font-size: 32px;
    line-height: 48px;
  }

}

p,div{
  font-size: 18px;
  color: var(--global-color-text);
}

#content{
  padding: 0;
}

*{
  font-family: var(--global-font-family);
}

/* Compositor */

.white-btn {
  position: relative;
}

.white-btn a{
  background-color: var(--global-color-white);
  color: var(--global-color-primary) !important;
  font-weight: 700;
  transition: all 0.3s;
  text-decoration: none !important;
  padding: 16px 24px;

}
.white-btn:hover a{
  opacity: 0.5;
  transform: scale(1.05);
}

.white-btn.download a::after{
  content: "";
  background-image: url('data:image/svg+xml,<svg version="1.1" id="Capa_1" fill="%23E1000F" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><g><path d="M382.56,233.376C379.968,227.648,374.272,224,368,224h-64V16c0-8.832-7.168-16-16-16h-64c-8.832,0-16,7.168-16,16v208h-64c-6.272,0-11.968,3.68-14.56,9.376c-2.624,5.728-1.6,12.416,2.528,17.152l112,128c3.04,3.488,7.424,5.472,12.032,5.472c4.608,0,8.992-2.016,12.032-5.472l112-128C384.192,245.824,385.152,239.104,382.56,233.376z"/></g></g><g><g><path d="M432,352v96H80v-96H16v128c0,17.696,14.336,32,32,32h416c17.696,0,32-14.304,32-32V352H432z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');
  background-repeat: no-repeat;
  object-fit: contain;
  width: 14px;
  display: inline-block;
  margin-left: 8px;
  height: 14px;
  position: relative;
}

/* End compositor */

main#content{
  max-width: 100%;
}

body #page-content .header{
    background-color: transparent;
  background-image: linear-gradient(180deg, var( --global-color-primary ) 0%, #FFFFFF00 100%);
  width: 100%;
  max-width: none;
  padding: 24px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

/* START FOOTER */

.footer{
  max-width: 100%;
  margin-bottom: 0;
  flex-direction: column;
  padding: 24px;
}

.footer .wp-block-columns{
  flex-direction: column;
}

.footer .col-1{
  text-align: center;
}

.footer .col-2 a,
.footer ul li a{
  color: white;
  transition: opacity 0.3s;
}

.footer a:hover,
.footer ul li a:hover{
  opacity: 0.5;
}

.footer .col-2 {
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer .col-2 p {
  margin: 0;
  font-size: 16px;
  color: white;
}

.footer .col-3{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer .col-3 ul{
  text-align: center;
}

.footer .col-4{
    display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;

}

body #page-content .is-layout-flex.wp-block-social-links{
  flex-direction: row;
}

.footer .col-4 > *{
  margin-top: 0;
}

.footer p{
  display: flex;
  gap: 10px;
}

.footer p strong{
  margin: 10px 0;
}

.footer p > a{
  margin-bottom: 10px;
}

body #page-content .footer p,
body #page-content .footer .col-3 a{
  font-size: 16px;
}

.footer h2{
  font-size: var(--global-h2-font-size);
  font-weight: var(--global-h2-font-weight);
  font-family: var(--global-font-family);
  color: var(--global-color-white);
}

.footer ul{
  padding-left: 0;
}

.footer ul li{
  list-style: none;
  margin-bottom: 12px;
}

.footer .col-4 a{
  transition: opacity 0.3s;
}

.footer ul li:last-child{
  margin-bottom: 0;
}

.footer-contact-svg{
  margin-bottom: 10px !important;
}

.footer ul li a{
  color: var(--global-color-white);
}

body #page-content .gal-footer.has-nested-images{
  justify-content: space-around;
  flex-direction: row;
}

.gal-footer.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){
  max-width: 160px;
  max-height: 120px;
  padding: 12px 12px 12px 12px;
  width: auto !important;
  height: auto !important;
  
}

.footer-images .wp-block-image {
  text-align: center;
}

.footer-images{
  padding: 24px;
  margin-bottom: 0;
}

.footer-images .first-picture img{
  max-width: 250px;
}

.footer-images .wp-block-image img{
  object-fit: contain !important;
  opacity: 0.7;
  transition: all 0.3s;

}

.footer-images .wp-block-image a:hover img{
  opacity: 0.5;
}

.footer-copyright{
  padding: 24px;
  margin-bottom: 0;
  align-items: center !important;
  text-align: center;
}

.wp-social-link{
  position: relative;
}

.wp-social-link a{
  height: 25px;
  width: 25px;
}

.wp-social-link-facebook,
.wp-social-link-linkedin,
.wp-social-link-instagram,
.wp-social-link-youtube{
  display: none;
  font-size: 0;
  background: transparent;
  border-radius: 0;
  background-color: transparent;
}

.wp-social-link{
  transition: opacity 0.3s;
}

.wp-social-link:hover{
  opacity: 0.5;
  transform: scale(1);
  cursor: pointer;
}

.wp-social-link-facebook::after{
  background-image: url('data:image/svg+xml,<svg id="Bold" height="512" viewBox="0 0 24 24" width="512" xmlns="http://www.w3.org/2000/svg" fill="white"><path d="m15.997 3.985h2.191v-3.816c-.378-.052-1.678-.169-3.192-.169-3.159 0-5.323 1.987-5.323 5.639v3.361h-3.486v4.266h3.486v10.734h4.274v-10.733h3.345l.531-4.266h-3.877v-2.939c.001-1.233.333-2.077 2.051-2.077z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  display: block;
  top: 0;
  left: 0;
  pointer-events: none;
}

.wp-social-link-linkedin::after{
  background-image: url('data:image/svg+xml,<svg id="Layer_1" enable-background="new 0 0 100 100" height="512" viewBox="0 0 100 100" width="512" xmlns="http://www.w3.org/2000/svg" fill="white"><g id="_x31_0.Linkedin"><path d="m90 90v-29.3c0-14.4-3.1-25.4-19.9-25.4-8.1 0-13.5 4.4-15.7 8.6h-.2v-7.3h-15.9v53.4h16.6v-26.5c0-7 1.3-13.7 9.9-13.7 8.5 0 8.6 7.9 8.6 14.1v26h16.6z"/><path d="m11.3 36.6h16.6v53.4h-16.6z"/><path d="m19.6 10c-5.3 0-9.6 4.3-9.6 9.6s4.3 9.7 9.6 9.7 9.6-4.4 9.6-9.7-4.3-9.6-9.6-9.6z"/></g></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  display: block;
  top: 0;
  left: 0;
  pointer-events: none;
}

.wp-social-link-instagram::after{
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="512" height="512" fill="white"><g><path d="M12,2.162c3.204,0,3.584,0.012,4.849,0.07c1.308,0.06,2.655,0.358,3.608,1.311c0.962,0.962,1.251,2.296,1.311,3.608 c0.058,1.265,0.07,1.645,0.07,4.849c0,3.204-0.012,3.584-0.07,4.849c-0.059,1.301-0.364,2.661-1.311,3.608 c-0.962,0.962-2.295,1.251-3.608,1.311c-1.265,0.058-1.645,0.07-4.849,0.07s-3.584-0.012-4.849-0.07 c-1.291-0.059-2.669-0.371-3.608-1.311c-0.957-0.957-1.251-2.304-1.311-3.608c-0.058-1.265-0.07-1.645-0.07-4.849 c0-3.204,0.012-3.584,0.07-4.849c0.059-1.296,0.367-2.664,1.311-3.608c0.96-0.96,2.299-1.251,3.608-1.311 C8.416,2.174,8.796,2.162,12,2.162 M12,0C8.741,0,8.332,0.014,7.052,0.072C5.197,0.157,3.355,0.673,2.014,2.014 C0.668,3.36,0.157,5.198,0.072,7.052C0.014,8.332,0,8.741,0,12c0,3.259,0.014,3.668,0.072,4.948c0.085,1.853,0.603,3.7,1.942,5.038 c1.345,1.345,3.186,1.857,5.038,1.942C8.332,23.986,8.741,24,12,24c3.259,0,3.668-0.014,4.948-0.072 c1.854-0.085,3.698-0.602,5.038-1.942c1.347-1.347,1.857-3.184,1.942-5.038C23.986,15.668,24,15.259,24,12 c0-3.259-0.014-3.668-0.072-4.948c-0.085-1.855-0.602-3.698-1.942-5.038c-1.343-1.343-3.189-1.858-5.038-1.942 C15.668,0.014,15.259,0,12,0z"/><path d="M12,5.838c-3.403,0-6.162,2.759-6.162,6.162c0,3.403,2.759,6.162,6.162,6.162s6.162-2.759,6.162-6.162 C18.162,8.597,15.403,5.838,12,5.838z M12,16c-2.209,0-4-1.791-4-4s1.791-4,4-4s4,1.791,4,4S14.209,16,12,16z"/><circle cx="18.406" cy="5.594" r="1.44" fill="white"/></g></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  display: block;
  top: 0;
  left: 0;
  pointer-events: none;
}

.wp-social-link-youtube::after{
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="512" height="512" fill="white"><g id="XMLID_184_"><path d="M23.498,6.186c-0.276-1.039-1.089-1.858-2.122-2.136C19.505,3.546,12,3.546,12,3.546s-7.505,0-9.377,0.504 C1.591,4.328,0.778,5.146,0.502,6.186C0,8.07,0,12,0,12s0,3.93,0.502,5.814c0.276,1.039,1.089,1.858,2.122,2.136 C4.495,20.454,12,20.454,12,20.454s7.505,0,9.377-0.504c1.032-0.278,1.845-1.096,2.122-2.136C24,15.93,24,12,24,12 S24,8.07,23.498,6.186z M9.546,15.569V8.431L15.818,12L9.546,15.569z"/></g></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  display: block;
  top: 0;
  left: 0;
  pointer-events: none;
}

/* .wp-social-link-linkedin{
  background-image: ;
}

.wp-social-link-instagram{
  background-image: ;
}

.wp-social-link-youtube{
  background-image: ;
} */

@media screen and (min-width: 992px) {

  .footer{
    padding: 48px;
  }

  .footer-copyright{
    padding: 24px 48px;
    align-items: unset;
    text-align: unset;
  }

  .footer-images{
    padding: 48px;
  }

  .footer{
    flex-direction: row;
  }

  .footer .wp-block-columns{
    flex-direction: row;
  }

  .footer .col-2, .footer .col-3, .footer .col-4{
    align-items: unset;
  }

  .footer .col-3, .footer .col-4{
    border-left: 1px solid white;
    padding-left: 32px;
  }

  .footer .col-3 ul{
    text-align: unset;
  }

  .footer .col-1{
    text-align: unset;
  }
}

/* END FOOTER */

/* START SINGLE PAGE */

.soft-back{
  background-color: var(--color-accent);
}

.soft-back hr{
  background-color: white;
}

.soft-back * {
  color: white;
}

.hard-back{
  background-color: var(--global-color-primary);
}

.hard-back *{
  color: white;
}

.hard-back hr{
  background-color: white;
}

.right-col-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
}

body .right-col-header .polylang_langswitcher{
  margin-top: 0;
  list-style: none;
}

body .right-col-header .polylang_langswitcher a{
  display: flex;
}

body .right-col-header .polylang_langswitcher a img{
  width: 24px !important;
  height: 24px !important;
  object-fit: contain;
}

.page-header{
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  gap: 40px;
  background-position: 100%;
}

.page-header .entry-title{
  margin: 0;
  color: white !important;
}

.block{
  /* padding: 0 144px;  */
  padding: 0;
  background-color: white;
  display: flex;
  flex-direction: row;
  gap: 0;
  margin-top: 0;
}

.height-50{
  height: 50%;
  margin-top: 0;
}

.block .centered{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.block .centered .wp-block-heading{
  text-align: center;
}

.block img{
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  max-height: 450px;
  margin: 0 auto;
  display: flex;
}

@media screen and (min-width: 992px) {
  .block img{
    max-width: 800px;
    max-height: 100%;
  }
}

.content-custom-page a{
  text-decoration: none;
  color: var(--global-color-primary);
  transition: color 0.3s;
}

.content-custom-page figure img{
  height: 100%;
}

.content-custom-page .soft-back a,
.content-custom-page .hard-back a{
  color: white;
}

.content-custom-page .soft-back a:hover,
.content-custom-page .hard-back a:hover{
  color: white;
}

.content-custom-page figure{
  height: 100%;
}

.content-custom-page a:hover{
  color: var(--color-accent);
}

.wp-block-separator.start{
  margin-left: 0;
}

.wp-block-separator{
  width: 60px;
  height: 6px;
  background-color: var(--global-color-primary);
  border: 0;
  margin-top: 24px;
  margin-bottom: 24px;
}

.introduction{
  position: relative;
  /* padding: 40px 144px 108px; */
  overflow: hidden;
}

.lined-section{
  padding-left: 24px;
}

.lined-section.border-blue{
  border-left: 1px solid var(--global-color-primary);
}

.background-image{
  position: absolute;
  top: 0;
  left: -48px;
  width: 100%;
  max-width: 90vw;
  z-index: -1;
}

.background-image::after{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,0) 90%, rgb(255, 255, 255) 100%);
}



.background-image img{
  object-fit: cover;
  width: 100%;
}

body #page-content .is-layout-flex{
  flex-direction: column;
}

.max-50{
  max-width: 100%;
}

body #page-content .reverse{
  flex-direction: column-reverse;
}

@media screen and (min-width: 992px) {
  body #page-content .is-layout-flex{
    flex-direction: unset;
  }

  .max-50{
    max-width: 50%;
  }

  body #page-content .reverse{
    flex-direction: unset;
  }

}

@media screen and (max-width: 992px) {
  body #page-content .no-mobile{
    display: none;
  }
}