:root {
    --primary-font: 'Poppins';
    --secondary-font: 'Open-Sans';
    --bs-body-font-size: 1.15rem;
    
    --main-menu-active-bg:transparent;
    --main-menu-active-color:#1A4E48;
    
    --logo-height: calc(3.9rem + 2vw);

    --link-color: #202020; 
    --primary-theme-color: #1A4E48; 
    --secondary-theme-color: #7A9E9F; 
    --tertiary-theme-color:#EFF2F4;
    --topbar-link-color: #1A4E48;
    --topbar-bg: #EFF2F4; 
    --topbar-border: #d6d6d6; 
    --topbar-book-color: #FFF;
    --topbar-book-bg: #7A9E9F; 
    --topbar-fik-color: #FFF; 
    --topbar-fik-bg: #165895; 
    --language-switcher-bg-color: #FFF;
    --title-font-color: #202020;
    --title-grey-color: #202020; 
    --bg-blue-color: #FFFFFF;
    --bg-grey-color: #1A4E48;
    --footer-color: #FFFFFF; 
    --footer-bg: #1A4E48;
    --footer-bloc-title-color: #FFF; 
    --footer-bloc-border-color: rgba(255, 255, 255, 0);

    --accordion-background:#fff;
    --accordion--border:1px solid #dee2e6 !important;--floating-cta-backgroud:#1A4E48;

    --floating-cta-backgroud:#1A4E48;
    --floating-cta-color:#FFF;
    --floating-cta-font:'Poppins';

    --cta-style-1-bg: #1A4E48;
    --cta-style-1-color: #FFF;
    --cta-style-1-border: 2px solid #1A4E48;
    --cta-style-1-border-radius: 50px;
    --cta-hover-style-1-bg: #202020;
    --cta-hover-style-1-color: #FFF;
    --cta-hover-style-1-border: 2px solid #202020;
    --cta-hover-style-1-border-radius: 50px;
  
    --cta-style-2-bg: transparent;
    --cta-style-2-color: #1A4E48;
    --cta-style-2-border: 2px solid #1A4E48;
    --cta-style-2-border-radius: 50px;
    --cta-hover-style-2-bg: #1A4E48;
    --cta-hover-style-2-color: #FFF;
    --cta-hover-style-2-border: 2px solid #FFF;
    --cta-hover-style-2-border-radius: 50px;

    --cta-style-3-bg: #FFFFFF;
    --cta-style-3-color: #1A4E48;
    --cta-style-3-border: 2px solid #FFFFFF;
    --cta-style-3-border-radius: 50px;
    --cta-hover-style-3-bg: #202020;
    --cta-hover-style-3-color: #FFFFFF;
    --cta-hover-style-3-border: 2px solid #202020;
    --cta-hover-style-3-border-radius: 50px;


    --view-staff-card-height:350px;
    --view-staff-image-height:150px;
    
    --legal-font-size:12px;
    --legal-font-color: #5a646e; 
    
}
sub,
sup {
    position: relative;
    font-size: 0.5em;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.8em;
}

h1 {
    /*font-size: calc(1rem + 2vw);*/
    font-size: calc(1.25rem + 1.7vw);
    line-height: 1.2;
    margin: 0.7rem 0 1.5rem;
}

h1.dark-grey {
    color: var(--title-font-color);
}

h2,
.h2 {
    font-size: calc(1.1rem + 1.5vw);
    margin-bottom: 1.5rem;
}

h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
    font-family: var(--primary-font);
    margin-bottom: 1.5rem;  
    line-height: 1.28;  
}

p {
    margin-bottom: 1.5rem;
}

/*class specifique titres de pages*/
p.page-name {
    font-family: var(--primary-font);
    color: var(--topbar-book-color);
    font-size: calc(1.45rem + 2vw);
    font-weight: 700;
    line-height: 1.18;   
}

/*modification width menu principal sur desktop*/
@media (min-width: 1200px) {
    .container {
        max-width: 90% !important;
    }
}

/*changement grandeur copy main nav*/
.region-nav-main ul li a {
    font-size: 16px !important;
}

/*ajout underline menu principal*/
.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {
    font-weight: 600;
    text-decoration: underline solid var(--primary-theme-color) 2px !important;
    text-underline-offset: 8px;
    color: #1A4E48 !important;
}


/*modification hover main menu links*/
.region-nav-main ul li a:hover {
    text-decoration: underline solid var(--primary-theme-color) 2px !important;
    text-underline-offset: 8px;
    color: #1A4E48 !important;
}

/*modification lang switcher*/
div#block-vg-subtheme-languageswitcher a {
    background-color: var(--cta-style-2-bg);
    color: var(--cta-style-2-color);
    border: var(--cta-style-2-border);
    border-radius: var(--cta-style-2-border-radius);
}

div#block-vg-subtheme-languageswitcher a:hover {
    background-color: var(--cta-hover-style-2-bg);
    color: var(--cta-hover-style-2-color);
    border: var(--cta-hover-style-2-border);
    border-radius: var(--cta-hover-style-2-border-radius);
}

/*ajout padding CTA style3*/
.paragraph-cta.style-3 {
    padding: 11px 20px;
}


/*modification couleur et hover arrow link*/
a.arrow-link {
    color: var(--primary-theme-color);
}

a.arrow-link:hover {
    font-weight: 700;
}

/*modification couleur hover sur les liens*/
a:hover {
    color: var(--secondary-theme-color);
}
a.footer-a-hover {
    color:white !important;
    text-decoration: underline !important;
}
a.footer-a-hover:hover {
    color:white !important;
}

/*modification link active footer*/
.footer .nav-link.active {
    text-decoration: none !important;
    color: var(--secondary-theme-color) !important;
}

/* hide footer for VAF */
footer .footer {
    padding:0 !important;
}
footer .footer .container .p-3 {
    display: none;
}
.copyright .container {
    margin-top:0 !important;
}
/* hide hamburger menu on mobile*/
button.navbar-toggler {
    display: none !important;
}



/*modification design blockquote*/
blockquote p {
    color: var(--title-grey-color);
    margin-bottom: 1rem;
}

blockquote {
    width: 90%;
}


/*changer bloc staff 4 columns sur desktop*/
@media screen and (min-width : 901px) { 
.view-staff .views-col {
    width: calc(25% - 2rem)
}
}

/*changer bloc staff 2 columns sur tablet*/
@media screen and (min-width : 416px) and (max-width : 900px) { 
.view-staff .views-col {
    width: calc(50% - 2rem);
    }
}

/*accordeon titles*/
h3.accordion-header {
    margin-bottom:0.5rem !important;
}

/*h5 margin on mobile et ajout 
d'une class qui cache des assets sur mobile*/
@media screen and (max-width : 415px){ 
 h5, .h5 {
    margin: 0 1rem 1.5rem;
 }

 .mobile-hidden {
    display: none !important;
 }
}

/*correction menu mobile*/
@media (max-width: 991.98px) {
    .region-nav-main .dropdown a {
        white-space: normal !important;
    }
    nav.navbar.navbar-expand-lg{
        height: 80px !important;
    }
}
@media screen and (min-width: 821px) {
    .language-switcher-language-url ul a {
        display: none !important;
    }
}

/** Footer Menu  **/
.block.block-menu.navigation.menu--copyright .navbar-nav {
  justify-content: center !important;
  text-align: center !important;
}
.block.block-menu.navigation.menu--copyright .navbar-nav {
  flex-direction: row !important;
}
.block.block-menu.navigation.menu--copyright .navbar-nav .nav-item {
    margin-right: 20px;
}


@media (max-width: 768px) {
    .block.block-menu.navigation.menu--copyright .navbar-nav {
        justify-content: center !important;
        text-align: center !important;
    }
    .block.block-menu.navigation.menu--copyright .navbar-nav {
        flex-direction: column !important;
    } 
    .block.block-menu.navigation.menu--copyright .navbar-nav .nav-item {
        margin-right: 0px;
    }
}

/**  Custom Contact US page     **/

#block-webform{
    margin: -8rem auto 4rem;
    padding: 0rem 0 4rem;
    width: 1000px;
    background-color: var(--primary-theme-color);
}

#block-webform form {
    width: 60%;
    margin:auto;
}

#block-webform .form-item__label {
    color: #FFFFFF;
}

@media (max-width: 991.98px) {
    #block-webform{     
      width: 100%;        
    }
    #block-webform form {
        width: 80%;
    }
}

/**  End Custom Contact US page     **/