/* OVERRIDES OF AAAA BASE THEME FOR THE TLC FOUNDATION MICROSITE */

/* COLOR VARIABLES */
:root {
    --color-primary: #23224B;
    --color-secondary: #5F6F8C;
    
}
/* ========================== */
/* COLOR OVERRIDES */
/* ========================== */

/* Blue */
a, a:visited,
.Link:visited,
.RadGrid.RadGrid .rgRow a:visited,
.RadGrid.RadGrid .rgAltRow a:visited,
.RadGrid.RadGrid .rgEditForm a:visited,
.k-grid.k-grid a:visited,
.RadToolTip.RadToolTip a:visited,
.lead-in {
    color: var(--color-primary);
}

/* Light Blue */
.sub-text {
    color:var(--color-secondary);
}

/* ========================== */
/* BACKGROUND COLOR OVERRIDES */
/* ========================== */

/* LIGHT BLUE PAGE BG */
html,body {
    background-color:#F4F8F9;
}

/* Blue */
.navbar-toggle,
hr.short,
.hero-carousel ul .slick-slide.has-caption .caption h1::after,
header .row-top,
.TextButton:not(.DangerButton, .SuccessButton),
.CalloutArea1,
.btn-group a:first-of-type,
.hero-carousel ul .slick-arrow{
    background-color: var(--color-primary);
}

/* Light Blue */
.navbar-toggle:hover, .navbar-toggle:focus,
header .row-top .UtilitySection.UtilityNavigationList li.aux-nav-button,
.TextButton.PrimaryButton:not(.DangerButton, .SuccessButton),
.CalloutArea2,
.btn-group a:last-of-type,
.hero-carousel ul .slick-arrow:hover,
.hero-carousel ul .slick-arrow:focus{
    background-color: var(--color-secondary);
}


/* TEXTBUTTON HOVERS */
.TextButton:not(.DangerButton, .SuccessButton):hover,
.btn-group a:first-of-type:hover {
    background-color:color-mix(in srgb,var(--color-primary),#000 15%);
}
.TextButton.PrimaryButton:not(.DangerButton, .SuccessButton):hover,
.btn-group a:last-of-type:hover {
    background-color:color-mix(in srgb,var(--color-secondary),#000 15%);
}

/* Home PAGE */
@media(min-width:768px){
    .row-sponsorship-levels {
        div[class*="col"] {
            div {
                height:100%;
            }
        }
    }
}

.sponsor-level {
    background-color:#fff;
    border-radius:5px;
    padding:1rem;
    box-shadow: 0 0 35px 0 rgba(0,0,0,0.05);
    img {
        float:left;
        margin-right:1rem;
    }
    .sub-text {
        margin-bottom:0px;
    }
}