:root {
    --primary-font: 'Gilroy-Medium', Helvetica, Arial, sans-serif;
    --secondary-font: 'Roboto', Helvetica, Arial, sans-serif;
    --bs-body-font-size: 1.125rem;
    --bs-body-color: #575857;
    
    --main-menu-active-bg:transparent;
    --main-menu-active-color:#96C4EF;
    
    --logo-height: calc(1.5rem + 1.8vw);

    --link-color: #575857; 
    --primary-darker-color:#96C4EF;
    --primary-theme-color: #165895; 
    --secondary-theme-color: #96C4EF; 
    --tertiary-theme-color:#0E9880;
    --topbar-link-color: #7670b2;
    --topbar-bg: #EFF2F4; 
    --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: #000;
    --title-grey-color: #575857; 
    --bg-blue-color: #ecf2fa;
    --bg-grey-color: #EFF2F4;
    --footer-color: #b1bec5; 
    --footer-bg: #000;
    --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:#033887;

    --floating-cta-backgroud:#033887;
    --floating-cta-color:#FFF;
    --floating-cta-font:'Montserrat';

    --cta-style-1-bg: #165895;
    --cta-style-1-color: #FFF;
    --cta-style-1-border: 2px solid #165895;
    --cta-style-1-border-radius: 0px;
    --cta-hover-style-1-bg: #000;
    --cta-hover-style-1-color: #FFF;
    --cta-hover-style-1-border: 2px solid #000;
    --cta-hover-style-1-border-radius: 0px;
  
    --cta-style-2-bg: #0E9880;
    --cta-style-2-color: #FFF;
    --cta-style-2-border: 2px solid #0E9880;
    --cta-style-2-border-radius: 0px;
    --cta-hover-style-2-bg: #000;
    --cta-hover-style-2-color: #FFF;
    --cta-hover-style-2-border: 2px solid #000;
    --cta-hover-style-2-border-radius: 0px;

    --cta-style-3-bg: #96C4EF;
    --cta-style-3-color: #000;
    --cta-style-3-border: 2px solid #96C4EF;
    --cta-style-3-border-radius: 0px;
    --cta-hover-style-3-bg: #000;
    --cta-hover-style-3-color: #FFF;
    --cta-hover-style-3-border: 2px solid #000;
    --cta-hover-style-3-border-radius: 0px;

    --cta-fr-bg: #FFF;
    --cta-fr-color: #000;
    --cta-fr-border: 2px solid #fff;
    --cta-fr-border-radius: 0px;
    --cta-hover-fr-bg: #000;
    --cta-hover-fr-color: #FFF;
    --cta-hover-fr-border: 2px solid #000;
    --cta-hover-fr-border-radius: 0px;


    --view-staff-card-height:auto;
    --view-staff-image-height:auto;
    
    --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);
}
 */

 .navbar-brand img {
    margin: 15px 0px;
    max-width: 320px!important;
}


 .nav-link.cta-fr {
    background-color: var(--cta-fr-bg);
    color: var(--cta-fr-color) !important;
    border: var(--cta-fr-border);
    border-radius: var(--cta-fr-border-radius);
    padding: 11px 12px !important;
    margin: 2px 5px;
    transition: all .3s;
    font-family: var(--primary-font);
    font-weight: 500
}

.nav-link.cta-fr:hover {
    background-color: var(--cta-hover-fr-bg);
    color: var(--cta-hover-fr-color) !important;
    border: var(--cta-hover-fr-border);
    border-radius: var(--cta-hover-fr-border-radius)
}

.nav-link.cta-fr.active {
    font-weight: 500 !important;
}


.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {
    font-weight: 700;
}

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

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

 .vg-bg-primary{
    background-color:var(--primary-theme-color) !important;
 }

 .vg-pb-2, .team-title {
    padding-bottom: 2rem;
}

.vg-mb-2 {
    margin-bottom: 2rem !important;
}

.vg-mt-2 {
    margin-top: 2rem !important;
}

a.arrow-link {
    color: #000 !important;
}

ul.services li a {
    color: var(--primary-theme-color);
    text-decoration: none;
}

p a {
    color: var(--link-color);
    text-decoration: underline;
}

p a:hover {
    color: var(--secondary-theme-color);
    text-decoration: underline;
}

.paragraph.style-3,  .paragraph.style-2{
    font-size: 1.38rem;
    font-weight: 700;
}

ol.privacy-policy li{
    font-size: var(--bs-body-font-size) !important;
    color: var(--title-grey-color) !important;
}

::marker {
    font-size: var(--bs-body-font-size) !important;
    color: black;
    font-family: var(--secondary-font) !important;
    font-weight: 400;
}


.fa-facebook-square:before,.fa-square-facebook:before, .fa-square-instagram:before {
    font-family: "Font Awesome 6 Brands" !important;
    color: var(--main-menu-active-color);
    padding-right: 10px;
}

.fa-envelope:before, .footer .fa-phone:before{
    color: var(--main-menu-active-color);
}

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

.footer .navbar-nav span.nav-link:hover,.footer .navbar-nav span.nav-link:focus {
    color: var(--footer-color) !important;
}



.vg-card-title{
    color: var(--primary-theme-color);
}

.accordion-item a.accordion-button.collapsed:after {
    background: var(--primary-theme-color);
}

.underline{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

@media (max-width: 1024px) {
    .underline {
        margin-top:20px;
    }
}

.underline:after {
    content: '';
    width: 110px;
    height: 4px;
    background: var(--secondary-theme-color);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.staff-location article{
    display: inline-block;
    margin-right: 10px;
    max-height: 30px;
}

.staff-location .ico-geolocalisation {
    margin-right: 10px;
    max-height: 30px;
}

.staff-location a {
    color:var(--primary-theme-color);
}

.staff-location a:hover {
    color:var(--primary-theme-color);
    text-decoration: none;
}

.staff-location .ico-geolocalisation{
    vertical-align: top;
}

.accordion-body li{
    padding-bottom: 0px;
}

.vg-card-body h3, .vg-card-body h4{
    font-family: var(--primary-font) !important;
}

.vg-card-body p{
    font-size: 1.380rem;
    padding-top: 0rem;
    margin-bottom: 1.6rem;
}


h1.vg-card-title{
    font-size: 2rem !important;
}

.sub-title.separator>span {
    padding-left: 35px;
    position: relative;
}

.sub-title.separator>span:before {
    content: '';
    width: 20px;
    height: 2px;
    background: var(--secondary-theme-color);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    z-index: 1;
}

@media (max-width: 768px) {
    h1.header {
        font-size: calc(1.375rem + 3vw);
    }
}

@media screen and (max-width : 600px) {
    .separator.sub-title{
        font-size:calc(.6rem + 2vw); 
        text-align: center;
    }
    .team-title {
        padding-bottom: 0rem;
    }
    
    .paragraph-id--26.style-2{
        margin-bottom: 3rem ;
    }
}

footer span.footer-menu-title {
  position: relative;
  margin-bottom: 1.5rem;
}

footer span.footer-menu-title:after {
    content: '';
    width: 30px;
    height: 2px;
    background: var(--secondary-theme-color);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.copyright .container {
    border-top: 1px solid rgba(255,255,255,.4);
}

.address .icon-inner{
    width: 60px;
}
.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;
    }
}


.page-node-type-location .paragraph-google-map {
    position: relative !important;
    top:-30px;
}

.paragraph-id--38{
  margin-left:30px
}

@media only screen and (max-width: 767.98px) {
    .d-mobile {
        display: block;
    }
    .d-desktop {
        display: none;
    }
    .paragraph-id--36 {
        padding: 20px 20px !important;
        
    }
       
} 
@media only screen and (min-width: 768px) {
    .d-desktop {
        display: block;
    } 
    .d-mobile {
        display: none;
    }   
} 

.footer .navbar-nav li.nav-item {
   color: var(--footer-color)  !important;
}

.footer .navbar-nav span.footer-menu-title:hover, .footer .navbar-nav span.footer-menu-title:focus {
    color: #FFF !important;
}

@media screen and (min-width: 768px){

    .region.region-footer-first {
        width: 60%;
    }

}

.paragraph-id--67 {
    min-height: 550px !important;
}

/*** Top bar menu   ***/
@media (max-width: 992px) {
    .topbar .container {
        max-width:100% !important; 
    }
}

@media screen and (min-width : 768px) and (max-width :796px) {

    .topbar a {
        font-size: .85em;
    }

}
/*** End bar menu    ***/

/** sandwich top menu: rendering fix **/
@media (max-width: 991.98px) {
    .region-nav-main .dropdown a {
        white-space:inherit;
    }

    .navbar-nav .show>.nav-link,.navbar-nav .nav-link.active {
        color: var(--secondary-theme-color);
        font-weight: 600
    }
}
/** End sandwich**/

.intro.title {
    border-color: Var(--secondary-theme-color);
    border-style: Solid;
    border-width: 0px 0px 0px 4px;
    padding: 0px 0px 0px 20px;
}

.intro.bigcopy{
    color:var(--title-grey-color);
}

.intro h1 {
    line-height: 1.2;
}

.btn-inline {
    margin-left: 20px;
    color: #000;
    font-weight: 700;
    text-transform: capitalize;
    position: relative;
}

.btn-inline:hover, .btn-inline:focus{
    color: #000;
}

.btn-inline:after {
    content: '\f061';
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    top: 5px;
    right: -20px;
    z-index: 1;
    line-height: 1;
    font-weight: 900;
    font-size: 14px;
}

.paragraph-id--107 .paragraph-columns {
    margin-left: 2px;
    margin-bottom: 5px;
    min-height: 300px;
    position: relative;
    width: 100%;
}

.grid-copy {
    bottom: 0;
    position: absolute;
    background: rgba(22,88,149,0.7);
    width: 100%;
    left: 0;
}

.grid-title {
    font-size: 24px;
    letter-spacing: 0.01em;
    font-family: var(--primary-font);
    margin: 20px 0 0 20px;
    font-weight: 400;
}

.grid-copy h3 {
    font-size: 26px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.grid-copy p {
    font-size: 15px;
    color: #FFF;
    margin: 5px 10px 20px 20px;
}

.grid-title a {
    color: #FFF;
    text-decoration: none;
}

.grid-title a:after {
    content: '\f061';
    font-family: "Font Awesome 6 Pro";
    z-index: 1;
    font-weight: 600;
    font-size: 18px;
    margin: 7px 10px;
}

/***  Tablet fix     ***/
/*@media screen and (min-width : 601px) and (max-width :900px) {
    .paragraph.paragraph-id--99, .paragraph.paragraph-id--101, .paragraph.paragraph-id--103, .paragraph.paragraph-id--105{
        padding: 0rem;
    }
}*/

li.info {
    list-style-type: circle;
}

/** Eyesight simulator  **/

.slider-handle {  
    background-color: #00aeef !important;
}

/**  Blog page   **/

.region.region-sidebar-first h2 {
    color: #000 !important;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.region.region-sidebar-first a {
    color: var(--link-color) !important;
}

.region.region-sidebar-first a:hover, 
.region.region-sidebar-first a:focus, 
.region.region-sidebar-first a:active {  
    color: var(--secondary-theme-color) !important;
}

.region.region-sidebar-first h2:after {
    content: '';
    width: 110px;
    height: 4px;
    background: var(--secondary-theme-color);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.ui-blogpost--content a.ui-cta--simple {
    color: var(--link-color) !important;
    text-decoration: none;
}

.ui-blogpost--content a.ui-cta--simple:hover, 
.ui-blogpost--content a.ui-cta--simple:focus, 
.ui-blogpost--content a.ui-cta--simple:active  {
    color: var(--secondary-theme-color) !important;
    text-decoration: none;
}    

.ui-blogpost--content .fa-circle-chevron-right {
    color: var(--secondary-theme-color) !important;
}

.ui-blogpost--metas .blog-cat a{
    color:var(--secondary-theme-color);
}

a .ui-blogpost--title:hover{

    color: var(--secondary-theme-color);
} 

/**  End Blog     **/

.region-nav-main .nav-item  a.search:after {
    font-size: 16px;
    color: var(--primary-theme-color);
    font-weight: 800;
    font-family: "Font Awesome 6 Pro";
    content: "\f002";
}

/***  Find OD   ***/
#find-nearby-form .paragraph-cta.style-3{
    padding: 4px 25px !important
}

.find-nearby-map {
    background: #FFF;
    padding: 5px;
}

.find-nearby-para .pager {
    display: none;
}

#find-nearby-results .location-name {
    background: #edf1fa;
    border-left: 3px solid var(--secondary-theme-color);
    color: #125693;
    padding-top: 50px;
    padding-left: 20px;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 50px;
    height: max-content;
}

#find-nearby-results .location-address,
#find-nearby-results .location-comanagers,
#find-nearby-results .location-links {
    padding: 10px 0px 10px 20px;
}

#find-nearby-results .row {
    background: #FFF;
    margin-bottom: 20px;
    padding: 20px;
}

div#find-nearby-results {
    margin-top: 40px;
}


#find-nearby-results .location-links span,
#find-nearby-results .location-address a {
    color: var(--secondary-theme-color);
}

#find-nearby-results a:hover, #find-nearby-results a:focus, #find-nearby-results a:active {
    outline: none !important;
    color: var(--secondary-theme-color);
    text-decoration: none;
}

@media (max-width: 991.98px) {
    #find-nearby-form .style-3.paragraph-cta{
        width: 100%;
    }
}
/** End Find OD  **/


/** Search node **/

form#search-form {
    padding-right: 15px;
    padding-left: auto;
    margin: auto;
}

#edit-basic {
    background-color: var(--bg-grey-color);
    padding: 30px;
    margin: 40px 0;
}

a#edit-help-link {
    display: none;
}

.item-list > h3:first-child {
    display: none;
}

form#search-form,form#search-form + h2,form#search-form ~ div.item-list, form#search-form ~ nav.pager {
    max-width:1170px;
    margin: auto;
}

input#edit-submit {
    font-size: 22px;
    background: var(--secondary-theme-color);
    color: #000;
    font-weight: 700;
    padding: 15px 45px;
    margin-left: 20px;
    margin-bottom: 20px;
    line-height: 20px;
    position: relative;
    text-decoration: none !important;
    z-index: 9;
    display: inline-block;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    border: none;
    border-radius: 0;
    text-transform: none;
}

#search-form .form-item__label{
    text-transform: uppercase;
    font-size: 1.4em;
    margin-top: 0 !important;
}

#search-form .form-control{
    display: inline;
}

.block-page-title-block  {
    text-align: center;
}


.block-page-title-block .container{
    width: 100% !important;
    background-color: var(--bg-blue-color);
    
}

div.container:has(div.region-breadcrumb){
    max-width:none !important;
}

@media (min-width: 1200px) {
    .block-page-title-block .container {
        max-width:none !important;
    }
    div.container:has(div.region-breadcrumb){
        max-width:none !important;
    }
}

.item-list ol.search-results{
    padding-left: 0;
    margin-left: 0;
}

ol.search-results li{
    margin-left:0;
}

form#search-form ~ nav.pager{
    text-align: center;
}

.pagination.js-pager__items{
    display: inline-flex;
    margin: 0 0 30px;
    padding: 0;
}

h3.search-result__title a {
    color: var(--primary-theme-color);
    font-weight: 400;
    text-decoration: underline;
    text-transform: uppercase;
}

form#search-form + h2 {
    padding-bottom: 30px;
}

.page-item:not(:first-child) .page-link {
    margin-left: 10px;
}

.pagination .page-item--next a, .pagination .pager__item--last a,
.pagination .page-item--previous a, .pagination .page-item--first a{
    text-transform: uppercase;
    text-decoration: underline;
}

.pagination .page-item--next a:hover, .pagination .pager__item--last a:hover,
.pagination .page-item--previous a:hover, .pagination .page-item--first a:hover{
    text-decoration: none !important;
}

.pager ul.pagination>li a:hover, .pager ul.pagination>li.active a {
    background: var(--secondary-theme-color);
    color: #fff;
    border-color: var(--secondary-theme-color);
}

.page-link {
    color:var(--link-color);
}

@media (max-width: 1200px) {

    form#search-form + h2 + div.item-list {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    form#search-form+h2{
        padding-left: 15px;
    }
}

/**  End Search node   **/


/**  Locations     **/

.ui-cta-list {
    list-style: none;
    padding-left: 0;
    display: inline-block;
}

ul#province_filter {
    margin: auto;
    display: block;
    width: fit-content;
    min-height: 80px;
}

li.ui-cta-list--provinces-list-item {
    display: block;
    float: left;
    border: 1px #F3F3F3 solid;
    padding: 5px;
    text-transform: uppercase;
    margin: 0 5px;
    cursor: pointer;
    font-size: 14px;
}

@media (max-width: 992px) {
    li.ui-cta-list--provinces-list-item {    
        margin: 10px 8px !important;
    }
}




/** Staff and  Locations    ***/

.views-field.views-field-field-staff-type {
    font-size: 16px;
}

.view-staff .views-col{
    margin:1rem !important; 
}

.ui-cta-list__hidden li, .ui-cta-list li{
    padding-bottom:0px;
}

ul.ui-cta-list__hidden {
    margin:0px;
}

@media (max-width: 1024px) {
    ul#clinic_filter {
        margin:0px;
    }
}

.view-staff--row .views-field.views-field-field-credentials {
    font-size: 1rem !important;
    color: var(--title-grey-color);
    margin-bottom: 1rem;
    font-weight:400 !important;
}



.ui-surgeons-list .view-surgeon--wrapper,.ui-locations-list .view-location--wrapper,  .ui-locations-list .view-content{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ui-surgeons-list .view-staff--row,.ui-locations-list .view-location--row {
    width: 100%;
    opacity: 1;
    transition: all 1000ms cubic-bezier(0.785,0.135,0.15,0.86);
    opacity: 1;
    margin-right: 0;
    -ms-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    display: block;
}

.ui-locations-list .view-location--row {
    padding: 15px 0;
}

.view-staff--row img,.view-location--row img {
    width: 100%;
}

.view-staff--row .views-field-title,.view-staff--row .views-field-title-1,
.view-location--row .views-field-title,.view-location--row .views-field-title-1 {
    font-family: var(--primary-font);
    font-size: 24px;
    line-height: 28px;
    color: #000000;
    font-weight: 600;
    padding-top: 15px;
}

.view-staff--row .views-field-title span.field-content a,
.view-staff--row .views-field-title-1 span.field-content a,
.view-location--row .views-field-title span.field-content a,
.view-location--row .views-field-title-1 span.field-content a {
    color: #000000 !important;
    text-decoration: none !important;
}

.clinic-province {
    background: #FFF;
    width: 80%;
    display: block;
    margin: auto;
    margin-top: -40px;
    padding: 0px 15px 20px 15px;
    border: 1px solid #f3f3f3;
    position: relative;
}

.view-location--row .views-field-title{
    background: #FFF;
    width: 80%;
    display: block;
    margin: auto;
    margin-top: -40px;
    padding: 0px 15px 20px 15px;
    border: 1px solid #f3f3f3;
    border-bottom-width: 0;
    position: relative;
}

.view-location--row .views-field-field-province{
    background: #FFF;
    width: 80%;
    display: block;
    margin: auto;
    margin-top: -20px;
    padding: 0px 15px 20px 15px;
    border: 1px solid #f3f3f3;
    border-top-width: 0;
    position: relative;
}

.view-location--row .views-field-title span.field-content a {
    font-size: 20px;
    font-weight: 400;
}

.views-field.views-field-field-province .field-content {
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
    padding-bottom: 8px;
}

.views-field.views-field-field-province .field-content:after {
    content: '';
    width: 15px;
    height: 3px;
    background: var(--primary-theme-color);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

@media (min-width: 480px) {
    .ui-locations-list .view-location--row {
        width:50%;
        padding: 0px 0px 20px 0;
    }

    .ui-surgeons-list .view-staff--row{
        width:calc(50% - 2rem);
        padding: 0px 0px 20px 0;
    }

    .ui-locations-list .view-location--row.is-hidden {
        margin-right: -50%;
    }

    .ui-surgeons-list .view-staff--row.is-hidden {
        margin-right: calc(-50% + 1rem) !important;
    }

}

.ui-surgeons-list .view-staff--row.is-hidden,.ui-locations-list .view-location--row.is-hidden {
    -ms-transform: translateX(50px) scaleX(0);
    transform: translateX(50px) scaleX(0);
    opacity: 0;
}

svg {
    height: 100%;
    width: 100%;
}

.ui-surgeons-list,.ui-locations-list {
    display: block;
    width: 100%;
    background-color: white;
}

#clinic_filter {
    margin-bottom: 10px;
}

#clinic_filter,.clinic-filter-all {
    min-width: 100%;
}

ul#province_filter {
    margin: auto;
    display: block;
    width: fit-content;
    min-height: 80px;
}

li.ui-cta-list--provinces-list-item {
    display: block;
    float: left;
    border: 1px #F3F3F3 solid;
    padding: 5px;
    text-transform: uppercase;
    margin: 0 5px;
    cursor: pointer;
    font-size: 14px;
}

li.ui-cta-list--provinces-list-item:hover,li.ui-cta-list--provinces-list-item.is-active {
    color: #FFF;
    background: var(--primary-theme-color);
}

.ui-cta-list {
    list-style: none;
    padding-left: 0;
    display: inline-block;
}

.ui-cta-list li {
    position: relative;
}

#clinic_filter .ui-cta-list--cta {
    width: 100%;
}

li.ui-cta-list--provinces-list-item span.ui-cta-list--cta {
    background: none;
    color: inherit;
    font-size: 14px;
    line-height: 14px;
    padding: initial;
}

.ui-cta-list .ui-cta-list--cta,.clinic-filter-all {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 0.05em;
    color: #ffffff;
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    margin: 0;
    padding: 15px 25px;
    background: var(--primary-theme-color);
    transition: all 300ms;
    position: relative;
    z-index: 4;
}

.ui-cta-list li .ui-cta-list__hidden {
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
    max-height: 228px;
    overflow-x: hidden;
    overflow-Y: scroll;
    padding-left: 0;
    width: 100%;
    z-index: 380;
    visibility: hidden;
    opacity: 0;
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem);
    transition: all 300ms;
}

.ui-cta-list.is-active .ui-cta-list__hidden {
    visibility: visible;
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.ui-cta-list li .ui-cta-list--province-list {
    padding: 0;
    margin: 0;
}

.ui-cta-list li .ui-cta-list--province-list-item {
    list-style: none;
}

.ui-cta-list li .ui-cta-list__hidden .ui-cta-list--cta__hidden {
    background: #ebebeb;
    border-bottom: 1px #c3c3c3 solid;
    font-size: 18px;
    color: #2d2d2d;
    font-family: var(--primary-font);
    letter-spacing: 0.075em;
    padding: 0.4rem 1rem;
    display: block;
    text-decoration: none;
    cursor: pointer;
    transition: all 300ms;
}

.clinic-filter-all {
    opacity: 0;
    transition: all 500ms;
    visibility: hidden;
    background: var(--tertiary-theme-color);
}

.clinic-filter-all.is-active {
    opacity: 1;
    visibility: visible;
}

.ui-surgeons-list .view-surgeon--data {
    display: none;
}

.find-nearby-text {
    text-align: center;
}

form#find-nearby-form {
    margin-top: 30px;
}

.field-group {
    float: left;
    text-align: left;
    color: #FFF;
}

.field-group.postal-code {
    width: 100%;
}

.field-group.find-nearby-dropdown {
    width: 100%;
}

.field-group.submit-form {
    width: 100%;
}

.field-group input[type="text"],.field-group select {
    width: 100%;
    border-radius: 4px;
    min-height: 42px;
    margin-top: 10px;
}

.field-group.submit-form input[type="submit"] {
    background: var(--secondary-theme-color);
    border: 0;
    padding: 6px 30px;
    font-weight: 500;
    width: 100%;
    margin-top: 10px;
    cursor: pointer;
}

.field-group.submit-form input[type="submit"]:hover {
    background: #000;
    color: #FFF;
}

#find-nearby-form .label {
    color: #FFF !important;
    min-height: 30px;
}

#find-nearby-map {
    height: 400px;
}

.find-nearby-map {
    background: #FFF;
    padding: 5px;
}

@media (min-width: 1024px) {
    #clinic_filter {
        min-width:300px;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-width: 300px;
        text-align: center;
    }

    .clinic-filter-all {
        margin: 0 0 0 20px;
        min-width: inherit;
    }

    .ui-surgeons-list .view-staff--row {
        width: calc(25% - 2rem);
        padding: 0px 0px 15px 0;
    }

    .ui-locations-list .view-location--row {
        width: calc(100%/3);
    }

    .ui-surgeons-list .view-staff--row.is-hidden {
        margin-right: calc(-25% + 1rem) !important;
    }

    .ui-locations-list .view-location--row.is-hidden {
        margin-right: calc(-100%/3);
    }
}

@media screen and (max-width: 480px) {
    .ui-surgeons-list .view-staff--row.is-hidden,.ui-locations-list .view-location--row.is-hidden {
        display:none;
    }
}



.view-staff .views-col {
    margin: 1rem;
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 0 10px 0 rgba(100,100,100,.26);
    height: var(--view-staff-card-height);
    width: calc(33.33333% - 2rem)
}

@media (max-width: 600px) {
    .view-staff .views-col {
        width:calc(100% - 2rem)
    }
}

.views-field {
    padding: 0 1rem
}

.views-field.views-field-field-picture {
    padding: 0;
    margin-bottom: 1rem
}

.views-field.views-field-field-picture img {
    width: 100%;
    height: var(--view-staff-image-height)
}

.views-field.views-field-title a {
    font-size: 1.4rem;
    color: var(--title-font-color);
    text-decoration: none;
    font-weight: 700
}

.views-field.views-field-field-credentials {
    font-size: 1.4rem;
    color: var(--title-grey-color);
    margin-bottom: 1rem;
    font-weight: 700
}

.views-field.views-field-field-vision-content {
    font-weight: 600;
    line-height: 1.3;
    font-size: 1.11rem
}

.views-field.views-field-field-vision-content p {
    margin: 0
}

@media (min-width: 480px) {
    .ui-surgeons-list .view-staff--row {
        width: calc(50% - 2rem);
        padding: 0 0 20px;
    }
}
@media (min-width: 1024px) {
    .ui-surgeons-list .view-staff--row {
        width: calc(25% - 2rem);
        padding: 0 0 15px;
    }
}