: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(2.5rem + 1.8vw);

    --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: #202020;
    --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;
}


@media screen and (min-width : 821px) {
    .region-nav-main ul li a.language-link.nav-item.nav-link {
        padding: 12px 10px 0;
    }

    .region-nav-main ul li a.language-link.nav-item.nav-link::before {
        margin-top: 10px;
    }
}

/*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);
}


/*modification link active footer*/
.footer .nav-link.active {
    text-decoration: none !important;
    color: var(--secondary-theme-color) !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: 116px !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     **/