#usef-content {
    width: 100%;
}

/* Google Programmable Search Engine Styling */

/* Variables */
:root, :host {
    --img-height: calc((100vw - 30px) * .54);
    --img-md-height: calc((720px / 2) * .54);
    --img-lg-height: calc((910px / 3) * .54);
    --img-xl-height: calc((1140px / 3) * .54);
    --img-width: calc((100vw - 30px));
    --img-md-width: calc((748px / 2) - 30px);
    --img-lg-width: calc((968px / 3) - 30px);
    --img-xl-width: calc((1168px / 3) - 30px);
    --pse-font: lato, sans-serif;
    --pse-text: #111827;
    --pse-muted: #6b7280;
    --pse-border: #e5e7eb;
    --pse-bg: #ffffff;
    --pse-link: #0b57d0;
    --pse-link-hover: #0842a0;
    --pse-card: #ffffff;
    --pse-shadow: 0 1px 2px rgba(0,0,0,.06);
/*    color: var(--pse-text);*/
/*    font-family: var(--pse-font);*/
}

.search-alert {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    background: white;
    margin: 1rem 0;
    text-align: center;
}

.search-alert h1 {
    color: #0f347d;
    margin: 0;
}

.search-alert h2 {
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.125em;
}

.search-nav-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin: 1rem auto;
    max-width: 650px;
    padding: 1rem;
}

    .search-nav-container a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0.75rem;
        color: #0f347d;
        text-transform: uppercase;
        font-weight: 700;
        font-size: .75em;
        letter-spacing: .025em;
        background: none;
        border: 1px solid #ccc;
        padding: 1.5rem;
        width: 15rem;
        border-radius: 0.5rem;
    }

        .search-nav-container a:hover {
            text-decoration: none;
        }

        .search-nav-container i {
            font-size: 5rem;
        }


/* Google Search Engine specific targets */
.gsc-control-cse {
    font-family: var(--pse-font);
}

    input#gsc-i-id1.gsc-input {
        background: white !important;
    }

    .gsc-wrapper {
        max-width: max-content;
        width: 100%;
    }

    form.gsc-search-box {
        max-width: max-content;
        width: 100%;
        margin: 0;
    }

    .gsc-search-button {
        position: relative;
    }

        .gsc-search-button > .gsc-search-button {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            background: #14377d;
            border: 1px solid transparent;
            border-radius: 0.5rem;
        }

            .gsc-search-button > .gsc-search-button:hover {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                background: #14377d;
                border: 1px solid transparent;
                filter: brightness(1.5);
                transition: 333ms all ease-out;
            }

.gsc-above-wrapper-area {
    margin-left: -15px;
    margin-right: -15px;
    max-width: none !important;
    width: calc(100% + 30px);
}

table.gsc-above-wrapper-area-container {
    margin: 2rem 0;
}

    .gsc-result-info-container .gsc-result-info,
    .gsc-result-info-container .gsc-orderby-container .gsc-orderby-label {
        color: #333;
        font-size: calc(9px + (22 - 9)*(100vw - 641px)/(1590 - 641));
        padding: 0 15px;
    }

/* Results List Container */
.gsc-results-wrapper-nooverlay.gsc-results-wrapper-visible {
    width: 100%;
}

.gsc-expansionArea {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    margin-left: -15px;
    margin-right: -15px;
}

/* Single Result Container */
.gsc-webResult.gsc-result {
    background: #fff;
    margin-bottom: 4rem;
    overflow: hidden;
    padding: 0 15px;
    position: relative;
    width: 100%;
}

.gsc-webResult.gsc-result {
    border: none;
    display: flex;
    flex-direction: column;
}

    .gsc-webResult.gsc-result.gsc-promotion {
        width: 100%;
    }

/* Heading */

/* Thumbnail image styles */
.gs-promotion-image-box, 
.gs-image-box.gs-web-image-box.gs-web-image-box-portrait, 
.gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
    border: none;
    border-radius: 0.5rem;
    float: none;
    height: var(--img-height);
    left: 15px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: calc(100vw - 30px);
}

.gs-web-image-box a.gs-image {
    display: block;
    height: 100%;
    width: 100%;
}

.gs-web-image-box a.gs-image img.gs-image {
    display: block;
    height: 100%;
    max-height: unset;
    max-width: unset;
    object-fit: cover;
    object-position: center;
    transition: transform 4s cubic-bezier(.19,1,.22,1);
    width: 100%;
}

.gs-web-image-box a.gs-image:hover img.gs-image {
    transform: scale(1.1);
}

.gsc-control-cse .gsc-table-result {
    font-family: var(--pse-font);
    margin: 1rem 0 0 0;
}

    .gsc-control-cse .gsc-table-result .gs-snippet {
        color: #4c4c4c;
        font-size: 1.5rem;
        line-height: 1.4;
    }

.gsc-thumbnail-inside {
    padding-top: var(--img-height);
}

.gsc-result .gs-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

    .gsc-result .gs-title b {
        background-color: rgba(255,255,0,.4);
    }

div.gs-title:hover {
    text-decoration: none !important;
}

a.gs-title {
    color: #4c4c4c !important;
}

    a.gs-title > b {
        color: #4c4c4c !important;
    }

.gs-result .gsc-url-top {
    font-size: 1.2rem;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.gs-richsnippet-box {
    display: none !important;
}

.gsc-webResult-divider {
    display: none !important;
}

/* Pager */
.gsc-resultsRoot .gsc-results .gsc-cursor-box {
    margin: 1rem 0;
}

    .gsc-results .gsc-cursor {
        align-items: center;
        display: flex;
        justify-content: center;
        overflow: hidden;
        width: 100%;
    }

        .gsc-results .gsc-cursor-box .gsc-cursor .gsc-cursor-page {
            background: #fff;
            border: 1px solid #cbcbcb;
            border-radius: 0;
            color: #ea232c;
            display: inline-block;
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1.4;
            margin: 0;
            margin-left: -1px;
            padding: .4em 1em;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            touch-action: manipulation;
            transition: all 150ms ease-in-out;
            vertical-align: middle;
            white-space: nowrap;
        }

            .gsc-results .gsc-cursor-box .gsc-cursor .gsc-cursor-page:first-child {
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px;
            }

            .gsc-results .gsc-cursor-box .gsc-cursor .gsc-cursor-page:last-child {
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
            }

            .gsc-results .gsc-cursor-box .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page {
                background: #ea232c;
                border-color: #ea232c;
                color: #fff;
            }

            .gsc-results .gsc-cursor-box .gsc-cursor .gsc-cursor-page:not(.gsc-cursor-current-page):hover {
                background-color: #ebebeb;
                color: #333;
            }

@media(min-width: 768px) {
    .search-alert h2 {
        font-size: 1.363em;
        line-height: 1.125em;
    }
    
    .gsc-result-info-container .gsc-result-info {
        font-size: calc(9px + (22 - 9) * (100vw - 641px) / (1590 - 641));
    }

    .gsc-thumbnail-inside {
        padding-top: var(--img-md-height);
    }

    .gsc-webResult.gsc-result {
        width: 50%;
    }

    .gsc-webResult.gsc-result.gsc-promotion {
        width: 50%;
    }

    .gs-promotion-image-box, 
    .gs-image-box.gs-web-image-box.gs-web-image-box-portrait, 
    .gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
        height: var(--img-md-height);
        width: var(--img-md-width);
    }

}

@media(min-width: 992px) {
    .breadcrumb {
        margin-left: auto;
        margin-right: auto;
        width: 88.05%;
    }
    .gsc-thumbnail-inside {
        padding-top: var(--img-lg-height);
    }

    .gsc-webResult.gsc-result {
        width: 33.333%;
    }

    .gs-promotion-image-box, 
    .gs-image-box.gs-web-image-box.gs-web-image-box-portrait, 
    .gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
        height: var(--img-lg-height);
        width: var(--img-lg-width);
    }
}

@media(min-width: 1200px) {
    .gsc-thumbnail-inside {
        padding-top: var(--img-xl-height);
    }

    .gs-promotion-image-box, 
    .gs-image-box.gs-web-image-box.gs-web-image-box-portrait, 
    .gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
        height: var(--img-xl-height);
        width: var(--img-xl-width);
    }
}

@media only screen and (min-width: 1591px) {
    
    .gsc-result-info-container .gsc-result-info {
        font-size: 22px;
    }
}