:root {
    --primary-font: 'Montserrat';
    --secondary-font: 'OpenSans';
    --bs-body-font-size: 1.125rem;
   
    --main-menu-active-bg: transparent;
    --main-menu-active-color: #FFF;
    
    --logo-height: calc(4rem + 1.8vw);

    --bs-body-color:#1E1A1B; /* black LEX */ 
    --bs-link-hover-color:#3B73B9;     
    --bs-dropdown-link-active-color :#7670b2;
    --bs-dropdown-link-active-bg:#FFFFFF;
    --link-color: #1E1A1B;
    --primary-theme-color: #3B73B9; 
    --secondary-theme-color: #9FCDE8; /* light blue LEX */
    --tertiary-theme-color:#3B73B9;
    --topbar-link-color: #3B73B9; 
    --topbar-bg: #1E1A1B;  
    --topbar-border: #9FCDE8; 
    --language-switcher-bg-color: #FFF;
    --title-font-color: #1E1A1B; 
    --title-grey-color: #5A5B5C; 
    --bg-blue-color: #EEF5FD;
    --bg-grey-color: #F5F5F5;
    --footer-color: #FFFFFF; 
    --footer-bg: #1E1A1B;  
    --footer-bloc-title-color: #FFF; 
    --footer-bloc-border-color: rgba(255, 255, 255, 0);
    
    --floating-cta-backgroud:#3A9C61;
    --floating-cta-color:#FFF;
    --floating-cta-font:'Montserrat';

    --accordion-background:#fff;
    --accordion--border:1px solid #E7E9EA !important;
   
  
    --cta-style-1-bg: transparent;
    --cta-style-1-color: #FFFFFF;
    --cta-style-1-border: 1px solid #FFFFFF;
    --cta-style-1-border-radius: inherit;
    
    --cta-hover-style-1-bg: #FFFFFF;
    --cta-hover-style-1-color: #1E1A1B;
    --cta-hover-style-1-border: 1px solid #FFF;
    --cta-hover-style-1-border-radius: inherit;
    


    --cta-style-2-bg: #3B73B9;
    --cta-style-2-color: #FFF;
    --cta-style-2-border: 1px solid #3B73B9;
    --cta-style-2-border-radius: inherit;
    --cta-hover-style-2-bg: #1E1A1B;
    --cta-hover-style-2-color: #FFF;
    --cta-hover-style-2-border: 1px solid #FFF;
    --cta-hover-style-2-border-radius: inherit;
 
    --cta-style-3-bg: #FFFFFF;
    --cta-style-3-border: 1px solid #1E1A1B; 
    --cta-style-3-color: #1E1A1B; 
    --cta-style-3-border-radius: inherit;
    --cta-hover-style-3-bg: #1E1A1B; 
    --cta-hover-style-3-color: #FFF;
    --cta-hover-style-3-border: 1px solid #1E1A1B; 
    --cta-hover-style-3-border-radius: inherit;



    --view-staff-card-height:440px;
    --view-staff-image-height:220px;
    
    --legal-font-size:12px;
    --legal-font-color: #5a646e; 
    
}


sub,
sup {
    position: relative;
    font-size: 0.5em;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.6em;
}

/* Customize a link */
a:hover, .link:hover {
    font-weight: 600 !important;
}
a.arrow-link {
    color: var(--primary-theme-color) !important;
}
a.arrow-link:hover {
    color: var(--title-font-color) !important;
}
a.paragraph.paragraph-cta {
    line-height: 1.6 !important; /* centre le copy verticalement pour la font Cera */
}


/* Customize menus */
.dropdown-item.active, .dropdown-item:active {
    color: var(--primary-theme-color) !important;
    background-color: var(--bs-dropdown-link-active-bg);
}
.region-nav-main ul li a {
    font-weight: 500 !important;
    font-size: 17px !important;
}
.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {
    font-weight: 700 !important;
    text-decoration: underline solid var(--topbar-border) 2px !important;
    text-underline-offset: 15px;
}
.navbar-expand-lg .navbar-nav {
    margin:0; /* ajuste le design menu pour aligner le menu ul au centre */
}
.footer .navbar-nav .nav-link {
    text-decoration: none !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: var(--title-font-color)!important;}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: var(--primary-theme-color) !important;}

@media (max-width: 991.98px) {
.navbar-nav .show>.nav-link, .navbar-nav .nav-link.active {
    color: var(--bs-navbar-active-color) !important;
    text-decoration: none !important;
}}

/* Customize CTA langue */
div#block-languageswitcher ul.links {
    margin: 3px 0 0 5px !important; /* ajuste le design pour aligner le cta FR*/
}
div#block-languageswitcher ul.links a{
    border:0 !important; /* ajuste le design pour enlever le border pour le cta FR*/
}

/* Customize Blog */
.region.region-sidebar-first {
  background: var(--bg-grey-color)!important;}

h1.ui-blogpost--title {
    color: var(--title-font-color) !important;
    font-size: 3rem !important;
    font-weight: 600 !important;
    text-align: left !important;
    line-height: 1.2 !important;
}
.region.region-sidebar-first h2 {
    color: var(--title-font-color) !important;
    font-size: calc(1rem + 1vw) !important;
}
.region.region-sidebar-first a {
    color: var(--title-font-color) !important;
}
.ui-blogpost--metas {
    font-family: var(--secondary-font) !important;
    color: var(--title-grey-color) !important;
    font-size: 1.15rem !important;
}
.ui-blogpost--title {
    font-size: 2rem !important;
    letter-spacing: 0 !important;
    font-family: var(--primary-font) !important;
}
.ui-blogpost--content a.ui-cta--simple, .ui-blogpost--content a.ui-cta--simple:after {
    font-size: 1.25rem !important;
    text-decoration: none !important;
    font-family: var(--primary-font) !important;
    font-weight: 600 !important;
}

.ui-blogpost--header img {
    width: 100% !important;
    height: auto !important;
}
.ui-blogpost--text a {
    color: var(--bs-body-color) !important;
}

.ui-blogpost--text a:hover {
    font-weight: inherit !important;
}


/* titles
h1, .h1 {
    font-weight: 600 !important;
    color: var(--language-switcher-bg-color) !important;
    font-size: calc(1.325rem + 1.7vw) !important;
    margin-bottom: 1rem !important;
}

h2, .h2 {
    font-weight: 600 !important;}

h3, .h3 {
    font-size: 2.5rem !important;
    margin-bottom: 1rem !important;
}

h5, .h5 {
    font-family: var(--primary-font) !important;
    font-size: 1.25rem;
    letter-spacing: 1.5px;
    font-weight: 400 !important;
    margin-bottom: 1rem !important;
} */

/* new titles 2024 */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-weight: 600 !important;
    line-height: 1.3;
    color: var(--title-font-color) !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
    font-family: var(--primary-font) !important;
}

h1,
.h1 {
    margin: 0.7rem 0;
    line-height: 1.2;
    color:white !important;
}

/* balise H1 de la homepage */
h1#banner-hp {
    padding-top: 23vh;
    text-shadow: #000 1px 0 10px;
}

/* balise H3 de la topbanner offer homepage */
h3.topoffer {
    font-weight: 600 !important;
}

h2,
.h2 {
    line-height: 1.1;
    padding-bottom: 0.8rem;
    color: var(--title-font-color);
}

/* balise H4 de la HP banner */
h4.key-points {
    font-weight: 500 !important;
    line-height: 1;
    color: white !important;
    /*text-transform: uppercase !important;*/
    font-size: calc(0.9rem + .4vw) !important;
}
/* balise H3 des blocs procedures cliquables de la homepage */
a.h3-procedures {
    display: block;
    font-size: calc(1rem + .6vw) !important;
    /*font-size: calc(1.1rem + 0.7vw) !important;*/
    margin-top: -350px;
    /*padding: 300px 0rem 0.2rem 1rem;*/
    padding:300px 0 .2rem 1.9rem;
    text-align: left;
    text-decoration: none;
    font-family: var(--primary-font);
    font-weight: 600 !important;
    color: white !important;
    cursor: pointer;
}
a.h3-procedures:hover {
    color:var(--primary-theme-color) !important; 
}
a.procedures-subcopy {
    display: block;
    font-size: 1.125rem !important;
    /*padding: 0 0.5rem 2rem 1rem;*/
    padding:0 1.5rem 2rem 1.9rem;
    text-align: left;
    text-decoration: none;
    color: white !important;
    font-weight: 400 !important;
    cursor: pointer;
}
/* original css provided by IT 
a.bright-hover:hover {
    background: #1e1a1b;
    opacity:0.6;
    font-size:1.125rem;
}*/

@media (max-width: 768px) {

    h1,
    .h1 {
        font-size: calc(1rem + 3vw) !important;
        line-height: 1.3 !important;
    }

    h1#banner-hp {
        padding-top: 0;
        font-size: calc(1rem + 2.8vw) !important;
        line-height: 1.1 !important;
        font-weight: 600 !important;
    }

    h2,
    .h2 {
        font-size: calc(1rem + 3vw) !important;
        line-height: 1.3 !important;
    }

    h3.topoffer,
    h4.key-points {
        font-size: calc(1rem + .5vw) !important;
    }

    h5,
    .h5 {
        font-size: 1.1rem;
        line-height: 1.4 !important;
    }
}

h3,
.h3 {
    font-size: calc(1.2rem + .6vw) !important;
}


/* top nav bar */
.menu--top-bar ul.navbar-nav li a.phone.nav-link {
 color: var(--footer-bloc-title-color) !important; 
  }
 
 .menu--top-bar ul.navbar-nav li a.phone.nav-link:hover {
 color: var(--secondary-theme-color) !important;   
}

/* ctas */
a.book.nav-link {
    padding:11px 10px;
    margin: 2px 4px !important;
    font-weight: 600;
}

.paragraph-cta.style-1, a.fik.nav-link, .paragraph-cta.style-2, a.book.nav-link {
    font-weight: 600 !important;
    font-family: var(--primary-font) !important;
    }
.menu--top-bar ul.navbar-nav li a.phone {
    font-weight: 600 !important;
    font-family: var(--primary-font) !important;
}
@media (max-width: 768px) {
.paragraph-cta.style-2, a.book.nav-link {
    padding:11px 6px !important;
}
}
.paragraph-cta.paragraph-id--117, .paragraph-cta.paragraph-id--173, .paragraph-cta.paragraph-id--170 {
    margin: 4px !important;}
/* drop down menu */
.dropdown-item.active, .dropdown-item:active {
    color: var(--primary-theme-color) !important;}

.dropdown-item, .dropdown-item {
    color: var(--title-font-color) !important;}

.dropdown-item:hover {
    color: var(--secondary-theme-color) !important;}

/* eyecare title cta */
h3.blue a:hover {
    outline: none !important;
    color: var(--primary-theme-color)!important;
    text-decoration: none!important;
}
/* Header Homepage */
.hide-mobile {
    display: inline-block !important;
}

@media (max-width: 768px) {
    .hide-mobile {
        display: none !important;
    }
}

/* creation nouvelle classe noarrwolink pour ne pas mettre de fleche en after car cela pose probleme avec le soulignement*/
a.noarrow-link {
    position: relative;
    padding-right: 0px;
    text-transform: capitalize;
    font-family: var(--primary-font);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-line: underline;
    text-underline-offset: 7px;
    text-decoration-color: var(--primary-theme-color);
    color: var(--primary-theme-color) !important;
}

a.noarrow-link:hover {
    color: var(--title-font-color);
}

a.noarrow-link::after {
    content: none;
}

/* arrow link qui marche avec affichage de la fleche mais ne pas mettre de text underline*/
a.arrow-link {
    text-decoration: none;
    font-family: var(--primary-font);
}

a.arrow-link::after {
    content: '\f061';
    font-family: 'Font Awesome 6 Free';
    display: inline;
    line-height: 18px;
    font-size: 14px;
    margin-left: 6px;
}

p.bigcopy {
    color: var(--bs-body-color);
    line-height: 1.4;
    font-size: calc(0.3rem + 1vw);
}

@media (max-width: 768px) {
    p.bigcopy {
        font-size: calc(1rem + 1vw);
    }
}


/* accordion */
.accordion-item {
  padding: 10px 15px 0px 15px!important;
  margin-bottom: 20px !important;
  margin-top: 30px !important;
}

.accordion-item a.accordion-button {
  font-size: 1.8rem;
  font-weight: 500 !important;
}

.accordion-item a.accordion-button:after {
    font-family: "fontawesome"!important;}


/* blockquote*/
blockquote {
  margin: 0 !important;
  width: 100%!important;
}

.paragraph a, .paragraph a:hover {
  color: var(--title-font-color);
}



/* MOBILE EDITS */ 
@media screen and (max-width : 768px) {

/* TopDocs logos */

.top-docs {
    max-width: 50% !important;
    display: flow !important;
}

h3,.h3 {
    font-size:calc(1.325rem + 1.8vw) !important;
}

/* Team photos */ 
.team {
    text-align: left!important;
}

.phone {
    width: 100%!important;
}

.steps {
    text-align: center!important;
    padding-top: 20px!important;
}

.wide {
    width:100%!important;
}

}

/** Custom Search node **/
.region-nav-main .nav-item  a.search:after {
    font-size: 20px;
    color: var(--primary-theme-color);
    font-weight: 800;
    font-family: "Font Awesome 6 Free";
    content: "\f002";
}

.navbar-expand-lg .navbar-nav .text-white.nav-link,
.navbar-expand-lg .navbar-nav .text-white.nav-link:hover
{
    color: #FFF !important;
    line-height: 1.6 !important;
}

.navbar-nav .search.nav-link.active{
    text-decoration: none !important;
}

#block-pagetitle h1.page-title{
    color:var(--title-font-color) !important;  
}

input#edit-submit {
    font-size: 1rem;
    background: var(--cta-style-2-bg);
    color: var(--cta-style-2-color);
    font-weight: 400;
    text-transform: uppercase !important;
    letter-spacing: .04rem;
}

#search-form .form-item__label{
    text-transform: capitalize;
    margin-bottom: 1rem;
    color:var(--title-font-color);
}

.item-list .search-result__info{
    display: none !important; 
}

#search-form .form-control{
    outline-style: none;
    box-shadow: none;
}

h3.search-result__title {
    padding-top:1rem;
}

h3.search-result__title a {
    font-family: var(--secondary-font);
    font-weight: 600;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 1.8rem;
}

form#search-form + h2 {
    display: none;
}

.pager ul.pagination>li a:hover, .pager ul.pagination>li.active a {
    background: var(--cta-style-2-bg);
    color: var(--cta-style-2-color);
    border-color: var(--cta-style-2-bg);
}

@media screen and (max-width: 727px) {
    input#edit-submit {
        margin-left:0;
    }
}

.sitemap a.search::before{  /* Search link on the site map */
    color: var(--link-color) !important;
    text-decoration:underline;
    content: "Search";
}

.sitemap a.search:hover::before{  /* Search link on the site map */
    color: var(--bs-link-hover-color) !important;
    text-decoration:none;
    content: "Search";
}
/**  End Custom Search node   **/