.sponsors-container {
    overflow: hidden !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.carousel-container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    overflow: hidden !important;
    border-radius: var(--radius, 0.313rem);
}

.sponsors-logo {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    overflow: hidden !important;
}

.sponsor-logo {
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: transparent;
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

    .sponsor-logo img {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%;
        filter: grayscale(0);
        opacity: 1;
        -webkit-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s;
    }

    .sponsor-logo:hover img {
        filter: grayscale(1);
        opacity: 1;
    }

/* main panel overrides */
.page-home .left-right-b-container {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.page-home .left-right-b-row {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.page-home .left-b-panel {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.page-home .right-b-panel {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* tile grid */
.sponsors-tile {
    position: relative;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

    .sponsors-tile .tile-img {
        max-height: 300px;
        background-color: var(--white-hex, #ffffff);
        border-radius: var(--radius, 0.313rem);
    }

        .sponsors-tile .tile-img .image {
            position: relative;
            overflow: hidden;
            height: 300px;
            background-color: var(--white-hex, #ffffff);
            border-radius: var(--radius, 0.313rem);
        }

    .sponsors-tile:hover .tile-img .image a:after {
        left: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: all 400ms linear;
        transition: all 400ms linear
    }

    .sponsors-tile:hover .tile-content {
        -webkit-box-shadow: var(--card-shadow, rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset);
        box-shadow: var(--card-shadow, rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset);
    }

        .sponsors-tile:hover .tile-content h4 a {
            color: var(--navy-hex, #00313f);
        }

    .sponsors-tile .tile-header {
        height: 75px;
        overflow: hidden;
        margin-bottom: 1rem !important;
    }

    .sponsors-tile .tile-description {
        height: 110px;
        overflow: hidden;
        margin-bottom: 1.5rem !important;
    }


    .sponsors-tile .tile-img .image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        text-align: center;
        justify-content: center;
        align-items: center;
        align-content: center;
        vertical-align: middle;
        background-color: var(--white-hex, #ffffff);
        border-radius: var(--radius, 0.313rem);
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
    }

    .sponsors-tile .tile-img .image a:after {
        /* tile animations */
        background: rgba(var(--skobeloff-rgb, 0, 110, 105), 0.3);
        bottom: 0;
        content: "";
        left: 50%;
        position: absolute;
        right: 51%;
        top: 0;
        opacity: 1;
        pointer-events: none;
        -webkit-transition: all 400ms linear;
        transition: all 400ms linear
    }

    .sponsors-tile .tile-content {
        position: relative;
        margin: -15px 15px 0px 15px;
        padding: 25px 30px 25px 30px;
        background-color: var(--white-hex, #ffffff);
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        border-radius: var(--radius, 0.313rem);
        box-shadow: var(--shadow, 0 0.5rem 1rem rgba(0, 0, 0, 0.15));
    }

        .sponsors-tile .tile-content .tile-logo {
            position: absolute;
            height: 100px;
            width: 100px;
            right: -5px;
            top: -75px;
            background: var(--white-hex, #ffffff);
            color: var(--white-hex, #ffffff);
            border: 5px solid var(--teal-hex, #2eb5b2);
            border-radius: var(--border-radius-circle, 50%);
            line-height: normal;
            text-align: center;
        }

            .sponsors-tile .tile-content .tile-logo img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: var(--border-radius-circle, 50%);
            }

    .sponsors-tile .tile-img .tile-dt {
        position: absolute;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        background-color: var(--teal-hex, #2eb5b2);
        font-size: 12px;
        min-width: 150px;
        min-height: 12px;
        color: var(--white-hex, #ffffff);
        padding: 5px 20px;
        top: 0;
        left: 16px;
        border-bottom-left-radius: var(--radius, 0.313rem) !important;
        border-bottom-right-radius: var(--radius, 0.313rem) !important;
    }

    .sponsors-tile .tile-content .tile-button {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -ms-flex-pack: center;
        justify-content: flex-start;
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        z-index: 1
    }

        .sponsors-tile .tile-content .tile-button .button-arrow {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            -webkit-transition: .3s;
            transition: .3s;
            margin-right: 8px;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background-color: var(--teal-hex, #2eb5b2) !important;
            border: 1px solid var(--white-hex, #ffffff);
            transition: all 0.3s ease-out 0s;
            position: relative;
        }

            .sponsors-tile .tile-content .tile-button .button-arrow i {
                position: absolute;
                font-weight: 700;
                font-size: 2rem;
                color: var(--skobeloff-hex, #006e69);
                z-index: 1;
                bottom: -18px;
                left: -7px;
                -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
                transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
            }

    .sponsors-tile .tile-content:hover .tile-button .button-arrow {
        border: 1px solid var(--skobeloff-hex, #006e69);
    }

        .sponsors-tile .tile-content:hover .tile-button .button-arrow i {
            color: var(--white-hex, #ffffff);
            transform: translate(10px, -7px);
            -webkit-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
        }

    .sponsors-tile .tile-content:hover .tile-button .button-text a {
        color: var(--teal-hover-hex, #25918e) !important;
    }

    .sponsors-tile .tile-content .tile-button .button-text {
        position: relative;
        z-index: 5;
        cursor: default;
        color: rgba(var(--white-rgb), 1);
        letter-spacing: .05rem
    }

        .sponsors-tile .tile-content .tile-button .button-text::after {
            position: absolute;
            left: 0;
            width: 100%;
            background-color: var(--teal-hover-hex, #25918e) !important;
            content: "";
            transform: scaleX(0);
            transition: transform .3s;
            bottom: -5px;
            height: 3px;
        }

        .sponsors-tile .tile-content .tile-button .button-text:focus {
            outline: none
        }

        .sponsors-tile .tile-content .tile-button .button-text:focus-visible {
            outline: 1px solid var(--white-hex, #ffffff);
            outline-offset: 1px;
            border-radius: 2px
        }

            .sponsors-tile .tile-content .tile-button .button-text:focus-visible:after,
            .sponsors-tile .tile-content .tile-button .button-text:hover:after {
                transform: scaleX(1);
                border: none
            }

@media screen and (max-width: 991px) {
    .sponsors-tile .tile-content {
        padding: 20px 30px 25px 30px
    }
}

@media screen and (max-width: 575px) {
    .sponsors-tile .tile-content {
        margin-top: -45px
    }
}

.static-sponsors-logo {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

    .static-sponsors-logo p {
        margin: 1.2rem 0.8rem;
    }

    .static-sponsors-logo img {
        max-width: 96px;
        max-height: 60px;
    }

@media (min-width: 768px) {
    .static-sponsors-logo p {
        margin: 1.8rem 3rem;
    }

    .static-sponsors-logo img {
        max-width: 129px;
        max-height: 80px;
    }
}

@media (min-width: 992px) {
    .static-sponsors-logo p {
        margin: 2.1rem 3.8rem;
    }

    .static-sponsors-logo img {
        max-height: 100px;
        max-width: 161px;
    }
}

.static-sponsors-logo p:hover img {
    filter: grayscale(1);
    opacity: 1;
}