:root {
    --cf-blue: #003b65;
    --cf-light: #e0f3fb;
    --cf-footer: #303030;
    --cf-interactive: #086ea1;
    --cf-green: #009382;
}

/* Utilities */
.font-oswald{
font-family: 'Oswald', 'Arial Black', sans-serif;
}
  
.font-white,
.font-white:hover {
    color: #fff;
}
a:hover{
    color:  var(--cf-interactive);
}
.font-green {
    color:  var(--cf-green);
}
.bg-primary-custom {
    background-color: var(--cf-blue);
}

.bg-highlight-custom {
    background-color: var(--cf-light);
}

/* Logos */
.logo {
    width: clamp(150px, 12vw, 220px);
    height: auto;
}

.logo-footer {
    width: min(227px, 100%);
    height: auto;
}

.logo-wme {
    width: min(160px, 100%);
    height: auto;
}

/* Typography */
.lead {
    font-size: clamp(1.25rem, 1rem + 1vw, 1.65rem);
}

/* Hero */
.find-care-hero {
    position: relative;
}

.herobanner {
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    isolation: isolate;
}

.herobanner::before {
    position: absolute;
    z-index: -1;
    inset: 0 0 auto;
    height: var(--hero-blue-height, 15rem);
    content: "";
    background: var(--cf-blue);
}

.herobanner .container {
    position: relative;
}

.hero-copy {
    position: relative;
    z-index: 1;
}

.herobanner .banner-image {
    position: relative;
    z-index: 1;
    margin: clamp(2rem, 6vw, 4rem) 0;
    transform: translateY(clamp(1rem, 3vw, 3rem));
}

/* Main banner image */
.herobanner .banner-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Doodle Icons */
.banner-image-doodle-1,
.banner-image-doodle-2 {
    position: absolute;
    z-index: 2;
    pointer-events: none;
}

.banner-image-doodle-1 {
    bottom: 4%;
    right: -3%;
}

.banner-image-doodle-2 {
    top: clamp(-50px, -2vw, -10px);
    
    left: clamp(-26px, -3vw, -15px);
    
    z-index: 2;
}

.banner-image-doodle-1 img {
    width: clamp(80px, 7vw, 140px);
    height: auto;
    object-fit: contain;
}

.banner-image-doodle-2 img {
    width: clamp(80px, 6vw, 120px);
    height: auto;
    object-fit: contain;
}





@media (max-width: 991.98px) {
    .herobanner::before {
        height: 100%;
    }
}

@media (max-width: 767.98px) {
    .herobanner .banner-image {
        margin-top: 1rem;
        transform: none;
    }
}

@media (min-width: 992px) {
    .herobanner .row {
        position: relative;
    }

    .herobanner .col-lg-6:last-child {
        position: static;
    }

    .herobanner .banner-image {
        position: absolute;
        top: clamp(2rem, 5vw, 4rem);
        right: 0;
        width: 48%;
        margin: 0;
        transform: none;
    }
}

/* Information note */
.care-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: clamp(1rem, 2vw, 1.25rem);
    margin-top: 1.5rem;
    border-radius: 4px;
    background: var(--cf-light);
}

.care-note__icon {
    flex-shrink: 0;
    color: var(--cf-interactive);
    line-height: 1.5;
}

/* Footer */
.site-footer {
    background: var(--cf-footer);
    color: #fff;
}

.site-footer a {
    color: #fff;
    text-decoration: none;
    opacity: .8;
    transition: opacity .2s ease;
}

.site-footer a:hover {
    opacity: 1;
}

.disclaimer {
    font-size: .75rem;
    line-height: 1.5;
}

.lang-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lang-list li a {
    font-size: .75rem;
}

.social-nav {
    padding: 0;
}

.social-nav li {
    display: inline-block;
    list-style: none;
    margin-right: .625rem;
}

/* Desktop vertical divider */
.verticle-rule {
    border-right: 1px solid #707070;
}