/*

Global banner shown at top of page has id #global-banner
The portion of the banner repeated in the mobile menu has id #mobile-menu-banner

*/
.global-banner {
    background-color: var(--background);
    height: 45px;
    width: 100%;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.mobile-only .global-banner {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding-left: 28px;
    padding-bottom: 50px;

    height: 101px;

}

.mobile-only .global-banner.links-1 {
    height: 101px;
}

.mobile-only .global-banner.links-2 {
    height: 141px;
}

.global-banner.light {
    --background: var(--pure-white);
    --color: var(--azamara-blue);
    --link: var(--azamara-blue);
    --label: var(--azamara-blue);
    font-weight: var(--wt-medium);
}

.mobile-only .global-banner.light {
    --background: var(--pure-white);
    --color: var(--azamara-blue);
    --link: var(--azamara-blue);
    --label: var(--azamara-blue);
}

.global-banner.dark {
    --background: var(--azamara-blue);
    --color: white;
    --link: white;
    --label: white;
    font-weight: var(--wt-medium);
}



.global-banner .each-link {
    display: none;
}

.mobile-only .global-banner.no-links {
    display: none;
}

.mobile-only .global-banner.hr {
    /*margin: 0.5rem 0;*/
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,.15);
}

.mobile-only .global-banner .each-link {
    display: inline;
}

.mobile-only .global-link-divider {
    border-top: 12px solid red;
}

.mobile-only .global-banner .each-link:first-child {
    margin-top: 20px;
}
.mobile-only .global-banner .each-link.last {
    margin: 10px 0;
}

.global-banner svg {
    color: var(--link);
    fill: var(--link);
    height: 16px;
    width: 16px;
    margin-right: 4px;
    margin-bottom: 2px;
}

.global-banner .global-link, .global-banner .phone-label, .mobile-only .global-banner .global-link a {
    color: var(--link);
    font-size: var(--txt-xs);
    line-height: var(--lh-txt-xs);
}


.global-banner .global-link {
    margin-right: 50px;
}

.global-banner .phone-label {
    margin-right: 10px;
}

.mobile-only .global-banner .global-link {
    margin: 0;
}

.mobile-only .global-banner svg {
    margin-right: 4px;
}

.global-banner svg, .global-banner .icon, .global-banner .download-icon {
    max-height: none;
    max-width: none;
}

.mobile-only .global-banner .phone, .mobile-only .global-banner .phone-label {
    display: none;
}

.global-banner .phone-label, .global-banner a {
    color: var(--label);
    text-transform: uppercase;
}

.global-banner .phone {
    font-size: var(--txt-xs);
    line-height: var(--lh-txt-xs);
}

/* -sm breakpoint */
@media (min-width: 576px) {

}

/* -md breakpoint */
@media (min-width: 768px) {

    .global-banner {
        display: flex;
        flex-direction: row;
        justify-content: end;
        align-items: center;

        height: 45px;
        padding-right: 40px;
    }

    .global-banner.no-links {
        justify-content: center;
    }

    .mobile-only .global-banner {
        display: none;
    }


    .global-banner .each-link {
        display: inline;
    }
}

/* -lg breakpoint*/
@media (min-width: 992px) {

}

/* -xl breakpoint */
@media (min-width: 1200px) {

}