:root {
    --primary-font: "Times New Roman";
    --secondary-font: "Open Sans", Arial, Helvetica, Sans-Serif;
    --bs-body-font-size: 1.125rem;
    --bs-link-hover-color: #195FAD;
    
    
    --main-menu-active-bg:transparent;
    --main-menu-active-color:#195FAD;
    
    --logo-height: calc(4rem + 1.3vw);

    --link-color: #333132; 
    --primary-theme-color: #195FAD; 
    --secondary-theme-color: #96C4EF; 
    --tertiary-theme-color:#0E9880;
    --topbar-link-color: #7670b2;
    --topbar-bg: #282828; 
    --topbar-border: #d6d6d6; 
    --topbar-book-color: #FFF;
    --topbar-book-bg: #0E9880; 
    --topbar-fik-color: #FFF; 
    --topbar-fik-bg: #165895; 
    --language-switcher-bg-color: #FFF;
    --title-font-color: #333132;
    --title-grey-color: #5A5B5C; 
    --bg-blue-light-color: #E8EFF7 ;
    --bg-blue-color: #E7F4FB;
    --bg-grey-color: #F4F4F4;
    --footer-color: #FFFFFF; 
    --footer-bg: #282828;
    --footer-bloc-title-color: #FFF; 
    --footer-bloc-border-color: rgba(255, 255, 255, 0);

    --accordion-background:#fff;
    --accordion--border:1px solid #dee2e6 !important;

    --cta-style-1-bg: #195FAD;
    --cta-style-1-color: #FFF;
    --cta-style-1-border: 2px solid #195FAD;
    --cta-style-1-border-radius: 50px;
    --cta-hover-style-1-bg: #0E3D71;
    --cta-hover-style-1-color: #FFF;
    --cta-hover-style-1-border: 2px solid #0E3D71;
    --cta-hover-style-1-border-radius: 50px;
  
    --cta-style-2-bg: #218591;
    --cta-style-2-color: #FFF;
    --cta-style-2-border: 2px solid #218591;
    --cta-style-2-border-radius: 50px;
    --cta-hover-style-2-bg: #0E3D71;
    --cta-hover-style-2-color: #FFF;
    --cta-hover-style-2-border: 2px solid #0E3D71;
    --cta-hover-style-2-border-radius: 50px;

    --cta-style-3-bg: transparent;
    --cta-style-3-color: #218591;
    --cta-style-3-border: 2px solid #218591;
    --cta-style-3-border-radius: 50px;
    --cta-hover-style-3-bg: transparent;
    --cta-hover-style-3-color: #0E3D71;
    --cta-hover-style-3-border: 2px solid #0E3D71;
    --cta-hover-style-3-border-radius: 50px;


    --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.45em;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.6em;
}


/* .dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color ) !important;
    background-color: var(--bs-dropdown-link-active-bg);
}
 */

 .text-primary{
    color: var(--primary-theme-color) !important;
 }

 h2, .h2 {
     /*font-size: calc(1.375rem + 2vw) !important;*/
     color: var(--primary-theme-color) !important;
 } 

 /*  Blog: Categories  */
 .region.region-sidebar-first h2 {
    color: var(--footer-bloc-title-color) !important;
}

 blockquote.testimonial {
    border-left:none; 
    width: 100% !important;
    padding-top: 150px;
    margin: 0px;
}

 .book.nav-link, .fik.nav-link, .style-3, .style-2, .style-1{

    font-family: var(--secondary-font) !important;
 }

 ul.two-column.icon-list ~ h2, h2#faq {
    scroll-margin-top: 75px;
 }

 video.html5vid {
    width: 100%;
}

.rm-video.full-width-video video {
    width: 100%;
}

video {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.gmaps iframe{
  width: 100%;
  margin-top: 70px;
}

.location-hours .hours-each {
    display: flex;
}

.location-hours .hours-each > div {
    width: 50%;
}

blockquote.testimonials {
    font-size: 1.25rem;
    margin: 0;
    padding: 40px 0;
    border-left: none;
    border-bottom: 1px solid #babec5;
}

blockquote.testimonials p.name {
    font-size: 30px;
    font-family: var(--primary-font);
    color: var(--title-font-color);
    
}
/** Sitemap page **/
.sitemap li a.show-mobile{
    display: block!important;
}


/** Main Menu  **/

.nav-item.dropdown.active a {
    font-weight: 800;
}



/* Vertical align  */

ul.navbar-nav{
    margin: 0 !important;
}

.footer .navbar-nav .footer-copy.nav-link:hover {
    font-weight: inherit !important
}

@media (min-width: 1200px) {

    /*.navbar.navbar-expand-lg div.container {
        max-width: 1450px !important;
    }*/

    .navbar-nav .nav-item .active {
        text-decoration: underline solid var(--primary-theme-color) 2px !important;
        text-underline-offset: 15px;
        font-weight: 800;
    }

    .book.nav-link.active{
        text-decoration: none !important;
        color: #FFF !important; 
    }


}

.region-nav-main ul li a {    
    font-size: 1rem !important;
}

@media (min-width: 992px) and (max-width: 1340px) {
    .navbar>.container {
        flex-wrap: wrap !important;
        font-size: 1rem !important;
    }
    .region-nav-main ul li a {    
        font-size: 0.85rem !important;
    }
}

@media (max-width: 991.98px) {
    .navbar>.container {
        display: flex !important;
    }

    .region-nav-main .dropdown a span {
        padding: 9px !important;
    }
    .region-nav-main .dropdown a {
        color: var(--link-color) !important;
    }
    .navbar-nav .show>.nav-link,.navbar-nav .nav-link.active {
        font-weight: 700;
        color: var(--main-menu-active-color) !important;
    }
}
 
.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {
    font-weight: 700;
    color: var(--main-menu-active-color);
}

.nav-link:hover, .nav-link:focus {
    color: var(--main-menu-active-color);
}

.menu--top-bar ul.navbar-nav li a.phone.nav-link {
    color: #FFF !important;
}

.footer .navbar-nav .nav-link.active, .footer .navbar-nav .nav-link:hover,  .footer .navbar-nav .nav-link:focus{
    color: #FFF !important;
    font-weight: 600 !important;
}


@media only screen and (min-width: 768px) {
    
    .two-column {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
}

ul.icon-list, ul.pdf-icon-list, ul.blog-icon-list {
    list-style: none;
}

ul.icon-list li:before {
        content: url(/themes/custom/mmm_vg_subtheme/css/vg/images/bullet-logo.svg);
        position: absolute;
        left: 0;
        top: 0;
}

ul.blog-icon-list li:before {
    content: url(/themes/custom/mmm_vg_subtheme/css/vg/images/icon-blog.svg);
    position: absolute;
    left: 0;
    top: 0;
}

.ui-blogpost--img img {
    width: 60% !important;
}

/** Hide Blog images  **/
.ui-blogpost--header.paraNoPad.bgw, .paraPad .ui-blogpost--metas, .view-blog--first-item .ui-blogpost--img, .ui-blogpost--wrapper .ui-blogpost--metas{
    display: none;
}

ul.pdf-icon-list li::before {
    content: "\f1c1";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    color: #218591;
    left: 0;
    top: 0;
}

ul.icon-list li{
    padding-left: 20px;
    position: relative;
}

ul.pdf-icon-list li {
    padding-left: 30px;
    position: relative;
}

ul.blog-icon-list li{
    padding-left: 60px;
    position: relative;
}

ul.interior {
    margin: 2em 40px;
    list-style: none;
}

.show-mobile {
    display:none !important
}


@media (max-width: 767.98px) {
    
    .mb-xs-4{
        margin-bottom: 2rem;
    }

} 

/* page about: logos list    */
ul.logos-list {
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
  }
  
  .logos-list li {
    display: inline-block;
    padding: 20px;
  }

  a.paragraph-cta.style-3, a.paragraph-cta.style-2{
    text-decoration:none !important;
  }

  .paragraph-cta.style-4 {
    background-color: var(--topbar-bg) !important; 
    border: 2px solid var(--topbar-bg); 
  }

.paragraph-cta.style-4:hover {
    background-color: var(--cta-hover-style-2-bg) !important;
}

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


 /*  Homepage   */ 

 .dr-title { 
    line-height: 1.25em;
    margin-bottom: 10px;
    height: 50px;
}

.img-portrait img{
    width: 300px;
}

 .paragraph-id--391, .paragraph-id--393, .paragraph-id--395, .paragraph-id--397{

    position:  relative !important;
    width: 215px !important;
 }

 .paragraph-id--398{
    flex-wrap: wrap !important;
    gap: 50px !important;
    justify-content: space-evenly;
    align-content:center !important;
 }

 .paragraph-id--475{
    gap:200px !important;
 }


 /** Blog section   **/
 .latest-post{
    display: flex;
 }

 .post-icon {
    width: 40px;
    margin-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

 .blog-title  {
    max-width: 220px;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: 600;
 }

 .blog-title a { 
    text-decoration:none !important;
 }
 

  /** Footer Menu  **/
@media (min-width: 991.98px) {

    
    .p-procedure{
        padding-top:60vh !important;
     }

     .paragraph-id--458, .paragraph-id--454{
        margin-left: 16.66667% !important;
     }

}

@media (max-width: 992px) {
   
    .show-mobile {
        display:inline-block !important
    }
    
    .p-procedure{
        padding-top:50px !important;
     }

    div.procedures-list {

        gap: 10px !important ;
        padding-bottom:20px !important;

     }
     .paragraph-id--475{
        gap:50px !important;
     }

     .twocolumn{
        flex-wrap: wrap;
     }

}

@media (min-width: 1200px) {
    .navbar.navbar-expand-lg .container {
        max-width: max-content !important;
    }
}

div.procedures-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    gap:65px;
}

.procedures-list div.single-procedure {
    width: 100%;
    max-width: 255px;
    border: 1px solid rgba(255,255,255,0.3);
    margin: 25px auto;
    position: relative;
    padding: 35px 20px;
}

.button {
    color: white!important;
    background: #218591 !important;
    color: #ffffff;
    padding: 10px 30px;
    z-index: 0;
}

.procedures-list  a {
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translate(-50%,50%);
    -ms-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
    width: 150px;
    text-align: center;
}

.procedure-name { 
    color: white!important;
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 400;
}

div.single-procedure  a.paragraph-cta.style-2{
  margin:0px !important;
}

@media only screen and (min-width: 1060px) {
    div.single-procedure {
        max-width:215px !important;
        padding: 35px 20px 40px !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 Pro";
    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(--primary-theme-color) !important;  
}

#block-pagetitle .container {
    background-color: var(--bg-blue-light-color); 
}

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   **/

