/* ---------------------------------------------------------
   Custom site tweaks
--------------------------------------------------------- */

/* Top info bar (address / hours / email / phone) — theme-colored
   background with white text and icons. */
.header-top {
    background-color: var(--title-color);
}

.header-top .header-links li,
.header-top .header-links span,
.header-top .header-links p,
.header-top .header-links a,
.header-top .header-links li > i {
    color: #ffffff;
}

.header-top .header-links a:hover {
    color: var(--theme-color);
}

.header-top .header-links li:not(:last-child):after {
    background-color: rgba(255, 255, 255, 0.3);
}

div#toolbarContainer {
    display: none;
}

/* Keep logo and hamburger menu button side-by-side on the same row
   on mobile, instead of stacking on separate lines. */
@media (max-width: 1199px) {
    .th-header .menu-area .row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        text-align: left !important;
    }

    .th-header .menu-area .col-auto,
    .th-header .menu-area .col-xl {
        flex: 0 0 auto !important;
        max-width: none !important;
        width: auto !important;
    }

    .th-header .menu-area .header-logo {
        display: inline-block !important;
    }

    .th-header .menu-area .col-xl {
        text-align: right !important;
    }
}

.cta-area6 .sec-title2 {
    color: var(--theme-color);
}

/* Alternating white / light-blue backgrounds for home page sections */
.sec-alt-white {
    background-color: #ffffff;
}

.sec-alt-blue {
    background-color: #EAF7FB; /* light tint of the site's theme blue */
}