.elementor-kit-7{--e-global-color-primary:#003F54;--e-global-color-secondary:#E2F5FB;--e-global-color-text:#1E1E1E;--e-global-color-accent:#FA650F;--e-global-color-7a8080b:#3ABAE4;--e-global-color-e97efb3:#F7F3EB;--e-global-color-19eb7d0:#DFB98B;--e-global-color-116b65d:#BAB9B8;--e-global-color-f595e71:#383634;--e-global-color-872b5ae:#501E02;--e-global-color-a104819:#FFFFFF;--e-global-color-dcc1cd6:#050503B0;--e-global-typography-primary-font-family:"Gabarito";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Gabarito";--e-global-typography-secondary-font-size:60px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.8em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.8em;--e-global-typography-f77ca02-font-family:"Gabarito";--e-global-typography-f77ca02-font-size:14px;--e-global-typography-f77ca02-font-weight:500;--e-global-typography-f77ca02-line-height:1em;--e-global-typography-5852e51-font-family:"Gabarito";--e-global-typography-5852e51-font-size:16px;--e-global-typography-5852e51-font-weight:400;--e-global-typography-5852e51-line-height:1em;--e-global-typography-643fe05-font-family:"Gabarito";--e-global-typography-643fe05-font-size:18px;--e-global-typography-643fe05-font-weight:400;--e-global-typography-643fe05-text-transform:lowercase;--e-global-typography-643fe05-line-height:1em;--e-global-typography-5f1c6e4-font-family:"Gabarito";--e-global-typography-5f1c6e4-font-size:13px;--e-global-typography-5f1c6e4-font-weight:500;--e-global-typography-5f1c6e4-line-height:1em;--e-global-typography-ac22e75-font-family:"Gabarito";--e-global-typography-ac22e75-font-size:35px;--e-global-typography-ac22e75-font-weight:400;--e-global-typography-ac22e75-line-height:1em;--e-global-typography-8fccfa2-font-family:"Inter";--e-global-typography-8fccfa2-font-size:16px;--e-global-typography-8fccfa2-font-weight:400;--e-global-typography-8fccfa2-line-height:1.5em;--e-global-typography-8985523-font-family:"Gabarito";--e-global-typography-8985523-font-size:17px;--e-global-typography-8985523-font-weight:600;--e-global-typography-8985523-line-height:1.2em;--e-global-typography-cc84cbc-font-family:"Gabarito";--e-global-typography-cc84cbc-font-size:30px;--e-global-typography-cc84cbc-font-weight:400;--e-global-typography-cc84cbc-line-height:1.1em;--e-global-typography-9e35ab7-font-family:"Gabarito";--e-global-typography-9e35ab7-font-size:23px;--e-global-typography-9e35ab7-font-weight:400;--e-global-typography-9e35ab7-line-height:1.05em;--e-global-typography-445c76d-font-family:"Gabarito";--e-global-typography-445c76d-font-size:26.5px;--e-global-typography-445c76d-font-weight:400;--e-global-typography-445c76d-line-height:1.1em;--e-global-typography-4a9b1fc-font-family:"Gabarito";--e-global-typography-4a9b1fc-font-size:20px;--e-global-typography-4a9b1fc-font-weight:400;--e-global-typography-4a9b1fc-line-height:1.1em;--e-page-transition-entrance-animation:e-page-transition-slide-out-right;--e-page-transition-exit-animation:e-page-transition-slide-in-left;--e-page-transition-animation-duration:1500ms;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:#FFF;--e-preloader-size:400px;--e-preloader-rotate:0deg;}.elementor-kit-7 e-page-transition{background-color:var( --e-global-color-e97efb3 );}.elementor-kit-7 p{margin-block-end:0px;}.elementor-kit-7 a{color:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1350px;}.e-con{--container-max-width:1350px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:40px;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-size:48px;--e-global-typography-text-font-size:15.5px;--e-global-typography-text-line-height:1.8em;--e-global-typography-accent-font-size:15.5px;--e-global-typography-accent-line-height:1.8em;--e-global-typography-f77ca02-font-size:15px;--e-global-typography-5852e51-font-size:15px;--e-global-typography-643fe05-font-size:16px;--e-global-typography-643fe05-line-height:1em;--e-global-typography-5f1c6e4-font-size:12px;--e-global-typography-ac22e75-font-size:32px;--e-global-typography-ac22e75-line-height:1em;--e-global-typography-8fccfa2-font-size:15.5px;--e-global-typography-8fccfa2-line-height:1.5em;--e-global-typography-8985523-font-size:15.5px;--e-global-typography-8985523-line-height:1.2em;--e-global-typography-cc84cbc-font-size:27px;--e-global-typography-cc84cbc-line-height:1em;--e-global-typography-9e35ab7-font-size:22px;--e-global-typography-9e35ab7-line-height:1em;--e-global-typography-445c76d-font-size:25px;--e-global-typography-445c76d-line-height:1em;--e-global-typography-4a9b1fc-font-size:19px;--e-global-typography-4a9b1fc-line-height:1em;}.elementor-kit-7 p{margin-block-end:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1350px;}.e-con{--container-max-width:1350px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:35px;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-size:35px;--e-global-typography-text-font-size:15px;--e-global-typography-text-line-height:1.8em;--e-global-typography-accent-font-size:15px;--e-global-typography-accent-line-height:1.8em;--e-global-typography-f77ca02-font-size:15px;--e-global-typography-f77ca02-line-height:1.3em;--e-global-typography-5852e51-font-size:15px;--e-global-typography-643fe05-font-size:16px;--e-global-typography-643fe05-line-height:1em;--e-global-typography-5f1c6e4-font-size:12px;--e-global-typography-ac22e75-font-size:31px;--e-global-typography-ac22e75-line-height:1em;--e-global-typography-8fccfa2-font-size:15px;--e-global-typography-8fccfa2-line-height:1.5em;--e-global-typography-8985523-font-size:15.5px;--e-global-typography-8985523-line-height:1.1em;--e-global-typography-cc84cbc-font-size:24px;--e-global-typography-cc84cbc-line-height:1em;--e-global-typography-9e35ab7-font-size:20.5px;--e-global-typography-9e35ab7-line-height:1em;--e-global-typography-445c76d-font-size:23px;--e-global-typography-445c76d-line-height:1em;--e-global-typography-4a9b1fc-font-size:18px;--e-global-typography-4a9b1fc-line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body{
    min-height: 100vh;
    height: 100%;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    overflow-x: hidden !important;
    background-image: url('https://rph.zani.ca/wp-content/uploads/2026/04/01112314/Background-site-scaled.png');
  background-repeat: repeat-y; 
  background-size: cover;
  background-position:  center;
}

body>.page,
body .elementor-location-archive,
body .elementor-location-single {
    flex-grow: 1;
    overflow-x: hidden !important;
    max-width: 100% !important;
}

header {
    z-index: 100 !important;
}

footer {
    z-index: 99 !important;
    /* overflow-x: hidden !important; */
}

main {
    z-index: 1 !important;
}

.page-header {
    display: none;
}

a {
    transition: all 200ms ease-in !important;
}

ul {
    list-style: disc;
}

ol {
    list-style: number;
    padding-left: 20px !important;
}

.cursor-pointer {
    cursor: pointer;
}

.icon div {
    display: flex !important;
    align-itens: center !important;
}

.card ul {
    padding-left: 20px !important;
}

/* Bookmarks popup */

.off-canvas-boomark {
    max-height: 80vh;
    overflow-y: auto;
}


/* Carousel - chapitres */

.carousel-chapitres .dce-container-navigation {
    z-index: 100 !important;
}

.carousel-chapitres .dce-container-navigation svg {
    padding: 15px;
}

.swiper-button-right,
.swiper-button-left  {
   background: white;
   border-radius: 999px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.swiper-button-right svg path,
.swiper-button-left svg path {
    transition: 200ms ease-in;
}

.swiper-button-right:hover svg path,
.swiper-button-left:hover svg path {
    stroke: #FA650F !important;
}

.swiper-button-right, .swiper-button-left {
    margin: 0 !important;
}

.swiper-button-left {
   left: calc(((100vw - 1350px) / -2) + 50px) !important;
}

.swiper-button-right {
    right: calc(((100vw - 1350px) / -2) + 50px) !important;
}

@media (max-width: 1450px) {
  .swiper-button-right {
    right: -30px !important;
  }
  
  .swiper-button-left {
    left: -30px !important;
  }
} 

@media (max-width: 1024px) {
    .swiper-button-left {
        left: -25px !important;
    }
    
    .swiper-button-right {
        right: -25px !important;
    }
}

@media (max-width: 767px) {
    .swiper-button-left {
        left: -15px !important;
    }
    
    .swiper-button-right {
        right: -15px !important;
    }
}

/* Sidenav - page chapitres */

.sidenav a.active  {
    color: #3ABAE4 !important;
}

/* Nav - Fin page chapitre */

.nav-chapter-btn {
    max-width: 275px !important;
}

.nav-chapter-btn .elementor-button-content-wrapper {
    display: flex;
    justify-content: center;
    align-items: start !important;
}

.nav-chapter-btn .elementor-button-content-wrapper svg {
    padding-top: 7px;
}

.nav-chapter-btn.nav-chapter__next {
   margin-left: auto;
}

.nav-chapter-btn.nav-chapter__back .elementor-button-text {
   text-align: left !important;
}

.nav-chapter-btn.nav-chapter__next .elementor-button-text {
   text-align: right !important;
}

@media (max-width: 767px) {
    .nav-chapter-btn.nav-chapter__next {
       margin-left: 0;
    }
    
    .nav-chapter-btn.nav-chapter__back .elementor-button-text,
     .nav-chapter-btn.nav-chapter__next .elementor-button-text {
       text-align: center !important;
    }
}

/* =========================================================
MODIFIEZ EN PRIORITÉ LES VARIABLES. VOUS POUVEZ ENSUITE AU BESOIN AJUSTER LES STYLES DIRECTEMENT DANS LES SÉLECTEURS PLUS BAS
========================================================= */

/* =========================================================
|| VARIABLES GLOBALES
========================================================= */

:root {
  /* FONTS */
  --content-font-family: "Inter", sans-serif;
  --content-font-size: 16px;
  --content-line-height: 1.5em;
  --content-font-weight: 400;

  /* Colors */
  --content-text-color: #1E1E1E;
  --content-link-color: #FA650F;

  /* Headings & subtitles */
  --content-h2-margin: 40px 0 5px 0;
  --content-h2-transform: uppercase;
  --content-subtitle-margin: 25px 0 10px 0;
  --content-h3-size: 18px;
  
  /* BUTTONS */
  --btn-radius: 20px;
  --btn-padding: 15px 25px;
  --btn-shadow: 0 0 0 rgba(0,0,0,0);
  --btn-bg: #3ABAE4;
  --btn-bg-hover: #FA650F;
  --btn-color: #003F54;
  --btn-color-hover: #F7F3EB;
  --btn-font-family: "Gabarito", sans-serif;
  --btn-font-size: 16px;
  --btn-font-weight: 400;
  
  /* FORMS */
  /* Forms - Colors */
  --form-bg: white;
  --form-text: #1E1E1E;
  --form-accent: #FA650F;
  --form-focus: #003F54;
  --form-error: #FA650F;
  --form-required-color: #FA650F;

  /* Forms - Typography */
  --form-font: "Inter", sans-serif;
  --form-font-size: 15px;
  --form-label-size: 16px;
  --form-label-weight: 400;

  /* Forms - Inputs */
  --form-radius: 5px;
  --form-padding: 15px;
  --form-min-height: 47px;
  --form-input-border: 1px solid #BAB9B8;
  --label-display: none;
  
  /* Forms - Confirmation message */
  --confirmation-msg-alignment: left;
  
  /* Forms - Layout */
  --form-gap: 20px;
  
  /* POLITICS */
   /* Politics - Fonts */
  --politic-heading-font-family: 'YourHeadingFont', sans-serif;

  /* Politics - Font Sizes */
  --politic-h2-font-size: 24px;
  --politic-h3-font-size: 20px;

  /* Text Transform */
  --politic-h2-transform: uppercase;

  /* Politics - Headings Margins */
  --politic-h2-margin: 1.5em 0 0.5em 0;
  --politic-subtitle-margin: 1em 0;
}

/* ====================================================
|| COMPLIANZ COOKIE BANNER ||
=======================================================*/

.cmplz-cookiebanner {
    background-color: #F7F3EB !important;
}

/* Banner title */
.cmplz-title {
    font-weight: 700 !important;
}

/* Content color (close icon, show btn, message */
.cmplz-title,
.cmplz-close,
.cmplz-show,
.cmplz-cookiebanner .cmplz-message {
    color: var(--content-text-color) !important;
}

/* Banner message */
.cmplz-cookiebanner .cmplz-message {
  font-family: var(--content-font-family) !important;
  font-size: 14px !important;
  line-height: var(--content-line-height) !important;
}

/* Show banner btn */
.cmplz-btn.cmplz-show {
  font-family: var(--content-font-family) !important;
  font-size: 14px !important;
  font-weight: 600;
  background-color: var(--btn-bg) !important;
  border-color: transparent !important;
  color: var(--btn-color) !important;
}

/* Banner btns */
.cmplz-buttons .cmplz-btn {
  transition: 200ms ease-in;
}

.cmplz-buttons .cmplz-btn {
  background-color: var(--btn-bg) !important;
  border-color: transparent !important;
  color: var(--btn-color) !important;
  border-radius: var(--btn-radius) !important;
}

.cmplz-buttons .cmplz-btn:hover {
  background-color: var(--btn-bg-hover) !important;
  color: var(--btn-color-hover) !important;
  border-color: transparent !important;
}

/* Banner links */
.cmplz-links a {
    color: var(--content-link-color) !important;
}

/* ====================================================
|| SECTION FORMS ||
=======================================================*/

/* =========================================================
FORMS - Inputs
========================================================= */

/* Inputs */
.gform_wrapper :is(
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="number"],
textarea,
select
) {

  background: var(--form-bg) !important;
  border: var(--form-input-border) !important;
  border-radius: var(--form-radius) !important;

  color: var(--form-text) !important;

  font-family: var(--form-font);
  font-size: var(--form-font-size) !important;
  font-weight: 400 !important;
  line-height: 1em !important;

  min-height: var(--form-min-height) !important;
  padding: var(--form-padding) !important;

  box-shadow: none !important;
}

.gform_wrapper ::placeholder {
  color: var(--form-text) !important;
  opacity: 0.5;
}


/* =========================================================
FORMS - Focus
========================================================= */

/* Inputs */
.gform_wrapper :is(input, textarea) {
    outline: 2px solid;
  outline-color: var(--form-focus) !important;
}


/* =========================================================
FORMS - radio / checkbox
========================================================= */

.gform_wrapper input[type="radio"],
.gform_wrapper input[type="checkbox"] {
  box-shadow: none !important;
  margin-right: 5px !important;
}

.gform_wrapper input[type="radio"]::before {
  background: var(--form-accent) !important;
}

.gform_wrapper input[type="checkbox"]::before {
  color: var(--form-accent) !important;
}


/* =========================================================
FORMS - Labels
========================================================= */

.gform_wrapper :is(label, legend) {
  color: var(--e-global-color-3173e14) !important;

  font-family: var(--form-font) !important;
  font-size: var(--form-label-size) !important;
  font-weight: var(--form-label-weight) !important;

  padding-bottom: 6px !important;
  margin-bottom: 0 !important;
}

.gform_wrapper label,
.gform_wrapper legend {
    display: var(--label-display) !important;
}

.gform_wrapper .gfield--type-consent label {
    display: block !important;
}

/* =========================================================
FORMS - consent link
========================================================= */

.gfield_consent_label a {
  color: var(--form-accent) !important;
  font-weight: 600;
  text-decoration: underline;
}


/* =========================================================
FORMS - button
========================================================= */

.gform_wrapper :is(button, input[type="submit"]) {

  border: none;
  width: max-content !important;

  background: var(--btn-bg) !important;

  font-family: var(--btn-font-family) !important;
  font-size: var(--btn-font-size) !important;
  font-weight: var(--btn-font-weight) !important;

  border-radius: var(--btn-radius) !important;
  padding: var(--btn-padding) !important;
  
  color: var(--btn-color) !important;

  box-shadow: var(--btn-shadow) !important;

  transition: 200ms ease-in !important;
}

.gform_wrapper :is(button, input[type="submit"]):hover {

  background: var(--btn-bg-hover) !important;
  color: var(--btn-color-hover) !important;

}


/* =========================================================
FORM - messages
========================================================= */

/* Error message */
.gfield_validation_message {

  background: transparent !important;
  color: var(--form-error) !important;
  font-weight: 500 !important;

  border: none !important;
  padding: 0 !important;

}

/* Main error message */
.gform_validation_errors {
  display: none !important;
}

/* Post-sending message */
.gform_confirmation_message {

  text-align: var(--confirmation-msg-alignment) !important;
  color: var(--form-text) !important;
  font-weight: 600 !important;

}

/* Required asterisk or string */
.gfield_required {
    color: var(--form-required-color) !important;
}

/* =========================================================
FORMS - HCaptcha
========================================================= */

.h-captcha[data-size="normal"]::after,
.h-captcha[data-theme="light"]::before, body.is-light-theme .h-captcha[data-theme="auto"]::before, .h-captcha[data-theme="auto"]::before {
    display: none !important;
}


/* =========================================================
FORMS - layout
========================================================= */

.gform-footer {
  display: flex;
  flex-direction: column !important;
}

.gform_required_legend {
  display: none !important;
}

.gform-theme--foundation .gform_fields {
  row-gap: var(--form-gap) !important;
  column-gap: var(--form-gap) !important;
}



/* =========================================================
|| SECTION POLITIQUES (COOKIES (complianz) et PTLQ CONFIDENTIALITE ||
========================================================= */


/* =========================================================
COMPLIANZ - layout
========================================================= */

.cmplz-document {
  max-width: none !important;
}


/* =========================================================
Textes (p, li)
========================================================= */
.cmplz-document main :is(p, li),
.politique-de-confidentialite main :is(p, li) {
  font-size: var(--content-font-size) !important;
  line-height: var(--content-line-height) !important;
  font-family: var(--content-font-family) !important;
  font-weight: var(--content-font-weight) !important;
  color: var(--content-text-color) !important;
}

/* Listes */
.cmplz-document main ul,
.politique-de-confidentialite ul {
  list-style: disc !important;
}

.cmplz-document main ol,
.politique-de-confidentialite ol {
  list-style: number !important;
}

/* =========================================================
Headings (h2, h3)
========================================================= */
.cmplz-document main h2,
.politique-de-confidentialite h2 {
  font-size: var(--politic-h2-font-size) !important;
  font-weight: bolder;
  text-transform: var(--politic-h2-transform) !important;
  margin: var(--politic-h2-margin) !important;
}

.cmplz-document main h3,
.politique-de-confidentialite h3 {
  font-size: var(--politic-h3-font-size) !important;
}

.cmplz-document main :is(h2, h3, h4, h5, h6) {
  font-family: var(--politic-heading-font-family) !important;
}

/* =========================================================
Special / subtitles
========================================================= */
.cmplz-document .cmplz-subtitle {
  font-weight: bolder !important;
  margin: var(--politic-subtitle-margin) !important;
}

/* =========================================================
Links
========================================================= */
.cmplz-document main a,
.politique-de-confidentialite a {
  color: var(--content-link-color);
  font-weight: bold;
}

/* =========================================================
|| SECTION GUTENBERG || 
========================================================= */

/* Buttons */
.wp-element-button {
  background-color: var(--btn-bg) !important;
  font-family: var(--btn-font-family) !important;
  font-size: var(--btn-font-size) !important;
  font-weight: var(--btn-font-weight) !important;
  box-shadow: var(--btn-shadow) !important;
  border-radius: var(--btn-radius) !important;
  padding: var(--btn-padding) !important;
  color: var(--btn-color) !important;
  transition: 200ms ease-in-out;
}

.wp-element-button:hover {
  color: var(--btn-color-hover) !important;
  background-color: var(--btn-bg-hover) !important;
}


/* =========================================================
SEARCH INPUT
========================================================= */

.search input {
    max-width: 245px !important;
}

.search .e-search-submit {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 25px;
}

.search .e-search-input-wrapper {
    height: 46px;
    border-radius: 20px;
    background-color: #E2F5FB;
    border:1px solid transparent;
}

.search .e-search-input {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: -5px;
}/* End custom CSS */