/* Smaller MindTech logo */
.custom-logo,
.site-logo img,
.site-branding img {
    width: 100px !important;
    max-width: 100px !important;
    height: auto !important;
}

/* Reduce the height of the purple logo area */
.site-header {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

/* Tighten space around the logo and site name */
.site-branding {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Keep the site name close to the logo */
.site-title {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
}

/* Gold circuitry strip above the logo area */
.site-top,
.top-bar,
.header-top,
.site-header-top {
    background-color: #e7c56e !important;
    background-image:
        linear-gradient(
            90deg,
            rgba(255,255,255,.18),
            rgba(212,161,45,.28),
            rgba(255,255,255,.18)
        ) !important;
    color: #173c87 !important;
}

/* Dark blue tagline for better readability */
.top-bar,
.top-bar a {
    color: #173c87 !important;
}

/* Make the tagline larger and easier to read */
.site-description {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #173c87 !important;
    letter-spacing: 0.2px;
}

/* Hide the page title on the homepage only */
.home .entry-title {
    display: none !important;
}

/* Keep the gold tagline/search strip fixed */
.site-header-top {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
}

/* Leave room for the fixed strip */
.site-header {
    padding-top: 70px !important;
}

/* Adjust for the WordPress admin bar */
.admin-bar .site-header-top {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    .admin-bar .site-header-top {
        top: 46px !important;
    }
}

/* Keep MindTech styling on tablets */
@media screen and (min-width: 601px) and (max-width: 1024px) {

    /* Gold tagline/search bar */
    .site-header-top {
        background-color: #e7c56e !important;
        background-image:
            linear-gradient(
                90deg,
                rgba(255,255,255,.18),
                rgba(212,161,45,.28),
                rgba(255,255,255,.18)
            ) !important;
        color: #173c87 !important;
    }

    .site-description {
        color: #173c87 !important;
        font-size: 18px !important;
        font-weight: 600 !important;
    }

    /* Smaller logo on tablet */
    .custom-logo,
    .site-logo img,
    .site-branding img {
        width: 100px !important;
        max-width: 100px !important;
        height: auto !important;
    }

    /* Shorter purple logo section */
    .site-header {
        padding-top: 70px !important;
        padding-bottom: 18px !important;
    }

    .site-branding {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .site-title {
        margin-top: 6px !important;
        margin-bottom: 0 !important;
    }
}

/* Franklin tablet header layout */
@media screen and (min-width: 601px) and (max-width: 1024px) {

    /* Tagline left, search box right */
    .site-header-top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 25px !important;
        padding: 16px 24px !important;
    }

    .site-description {
        flex: 1 1 auto !important;
        margin: 0 !important;
    }

    .site-header-top .search-form {
        flex: 0 0 190px !important;
        margin: 0 0 0 auto !important;
    }

    .site-header-top .search-field {
        width: 190px !important;
    }

    /* Logo left, MindTech System title right */
    .site-branding {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 20px !important;
        margin: 0 !important;
        padding: 16px 24px !important;
    }

    .custom-logo-link {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    .custom-logo,
    .site-logo img,
    .site-branding img {
        width: 88px !important;
        max-width: 88px !important;
        height: auto !important;
        margin: 0 !important;
    }

    .site-title {
        flex: 0 1 auto !important;
        margin: 0 !important;
        line-height: 1.1 !important;
    }

    .site-title a {
        font-size: 36px !important;
        white-space: nowrap !important;
    }
}
/* Finish Franklin tablet top-bar alignment */
@media screen and (min-width: 601px) and (max-width: 1024px) {

    .site-header-top {
        position: fixed !important;
        height: 85px !important;
        padding: 0 28px !important;
        display: block !important;
    }

    /* Tagline on the left */
    .site-header-top .site-description {
        position: absolute !important;
        left: 28px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: auto !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    /* Search box on the right */
    .site-header-top .search-form {
        position: absolute !important;
        right: 28px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 190px !important;
        margin: 0 !important;
    }

    .site-header-top .search-field {
        width: 190px !important;
        margin: 0 !important;
    }
}

/* Move tablet search box farther right */
@media screen and (min-width: 601px) and (max-width: 1024px) {

    .site-header-top .search-form {
        left: auto !important;
        right: 24px !important;
        width: 175px !important;
    }

    .site-header-top .search-field {
        width: 175px !important;
    }

    /* Reserve room so the tagline cannot run beneath search */
    .site-header-top .site-description {
        right: 225px !important;
        width: auto !important;
        white-space: nowrap !important;
    }
}

/* Remove Franklin header search box everywhere */
.site-header .search-form,
.site-header-top .search-form,
.header-search,
.search-toggle {
    display: none !important;
}

/* Completely remove search from the site header */
.site-header-top form,
.site-header-top [role="search"],
.site-header-top .search-form,
.site-header-top .search-box,
.site-header-top .search-container,
.site-header-top input[type="search"],
form:has(input.search-field) {
    display: none !important;
}

/* Let the tagline use the full gold bar */
.site-header-top .site-description {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Tablet tagline: left aligned and vertically centered */
@media screen and (min-width: 601px) and (max-width: 1024px) {
    .site-header-top {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .site-header-top .site-description {
        position: static !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 24px !important;
        text-align: left !important;
        transform: none !important;
    }
}

/* Final tablet tagline position */
@media screen and (min-width: 601px) and (max-width: 1024px) {

    body .site-header-top {
        display: grid !important;
        align-items: center !important;
        justify-items: start !important;
        padding: 0 24px !important;
    }

    body .site-header-top p.site-description {
        position: static !important;
        display: block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        text-align: left !important;
        justify-self: start !important;
        align-self: center !important;
    }
}

/* Restore carousel height and change black area to gold */
#widget-gallery-2-slideshow {
    width: 100% !important;
    padding: 10px 0 295px !important;
    background: #b8874c !important;
    border: 4px solid #d4a72c !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Gold background behind every picture */
#widget-gallery-2-slideshow .jetpack-slideshow-slide {
    background-color: #b8874c !important;
}