@import "../Flat_White/99-Flat_White.css";
@import "../QuickstartBase/base.css";

.big-num h1,
.big-num h2,
.big-num h3,
.big-num h4,
.big-num h5,
.big-num h6,
.big-num .counter-value {
    font-size: 200%;
    line-height: 1.3;
    font-weight: bold;
    display: inline-block;
    position: inherit;
    background: rgb(14,199,169);
    background: -moz-linear-gradient(90deg, rgba(14,199,169,1) 0%, rgba(0,74,128,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(14,199,169,1) 0%, rgba(0,74,128,1) 100%);
    background: linear-gradient(90deg, rgba(14,199,169,1) 0%, rgba(0,74,128,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ec7a9",endColorstr="#004a80",GradientType=1);
    background-size: 100%;
    background-repeat: repeat;
    /* Use the text as a mask for the background. */
    /* This will show the gradient as a text color rather than element bg. */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    display: inline-block;
}

.big-num.white h1,
.big-num.white h2,
.big-num.white h3,
.big-num.white h4,
.big-num.white h5,
.big-num.white h6,
.big-num.white .counter-value {
    background: rgb(14,199,194);
    background: -moz-linear-gradient(90deg, rgba(14,199,194,1) 0%, rgba(14,199,169,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(14,199,194,1) 0%, rgba(14,199,169,1) 100%);
    background: linear-gradient(90deg, rgba(14,199,194,1) 0%, rgba(14,199,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ec7c2",endColorstr="#0ec7a9",GradientType=1);
    background-size: 100%;
    background-repeat: repeat;
    /* Use the text as a mask for the background. */
    /* This will show the gradient as a text color rather than element bg. */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    display: inline-block;
}

/*fixes to news on homepage*/

.list-with-featured .BlockTLItem .newsImage {
    margin-bottom: 0px;
}

.list-with-featured .BlockTLItem .newsImage {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    border-radius: 4px;
    background-size: cover;
    background-position: center;
}

@media (max-width: 991px) {
    .list-with-featured .TaggedListPanel {
        display: block;
    }

    .list-with-featured .BlockTLItem,
    .list-with-featured .BlockTLItem:first-of-type {
        width: 100%;
        display: block;
        max-width: 500px;
        margin: 0px auto 30px auto;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    }

        .list-with-featured .BlockTLItem .newsImage,
        .list-with-featured .BlockTLItem:first-of-type .newsImage {
            height: 200px;
            width: 100%;
        }

        .list-with-featured .BlockTLItem .details,
        .list-with-featured .BlockTLItem:first-of-type .details {
            padding: 30px;
            background: #ffffff;
        }

    .list-with-featured .readMore {
        position: relative;
    }

    .list-with-featured h4 {
        margin-top: 10px;
    }
}





/*Homepage override*/
.Wrapper-HomePage {
  --aux-bg: transparent;
}
@media (min-width: 992px) {
  .Wrapper-HomePage {
    --nav-color: #ffffff;
  }
}

@media (max-width: 991px) {
    .Wrapper-HomePage #masterHeaderImage {
        background-image: var(--homepage-logo-img);
    }
}
.Wrapper-HomePage #masterHeaderImage {
    background-image: var(--homepage-logo-img);
}



/*Base Styles */

@import url("https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");


h1, .h1, .PageTitle {
  color: var(--header-one-color);
  font-family: var(--primary-font);
}
h1.BigHeader, .h1.BigHeader {
    background-color: var(--h-one-big);
}

h2, .h2, .PanelTitle {
  color: var(--header-two-color);
  font-family: var(--secondary-font);
}

h3, .SectionTitle {
  color: var(--header-three-color);
  font-family: var(--secondary-font);
}

h4, .h4, .SectionLabel {
  color: var(--header-four-color);
  font-family: var(--secondary-font);
}

h5, .h5, .SectionLabelSmaller {
  font-family: var(--secondary-font);
}

h6, .h6 {
  font-family: var(--secondary-font);
}


.PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton, .RadGrid.RadGrid input.TextButton.PrimaryButton, .RadGrid.RadGrid a.TextButton.PrimaryButton {
    background-color: var(--primary-button-back);
    font-weight: 400;
}
.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid.RadGrid input.TextButton.PrimaryButton:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton:active, .RadGrid.RadGrid a.TextButton.PrimaryButton:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton:active {
    background-color: var(--primary-button-roll);
    border: 1px solid var(--primary-accent-color) ! Important;
    color: var(--nav-color);
}
.PrimaryButton:disabled, .PrimaryButton:disabled:hover, .PrimaryButton:disabled:focus, .PrimaryButton:disabled:active, .PrimaryButton.disabled, .PrimaryButton.disabled:hover, .PrimaryButton.disabled:focus, .PrimaryButton.disabled:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .UsePrimaryButton .TextButton:disabled, .UsePrimaryButton .TextButton:disabled:hover, .UsePrimaryButton .TextButton:disabled:focus, .UsePrimaryButton .TextButton:disabled:active, .UsePrimaryButton .TextButton.disabled, .UsePrimaryButton .TextButton.disabled:hover, .UsePrimaryButton .TextButton.disabled:focus, .UsePrimaryButton .TextButton.disabled:active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .RadGrid input.PrimaryButton:disabled, .RadGrid input.PrimaryButton:disabled:hover, .RadGrid input.PrimaryButton:disabled:focus, .RadGrid input.PrimaryButton:disabled:active, .RadGrid input.PrimaryButton.disabled, .RadGrid input.PrimaryButton.disabled:hover, .RadGrid input.PrimaryButton.disabled:focus, .RadGrid input.PrimaryButton.disabled:active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active, .RadGrid.RadGrid input.TextButton.PrimaryButton:disabled, .RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:active, .RadGrid.RadGrid input.TextButton.PrimaryButton.disabled, .RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:active, .RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled, .RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:active, .RadGrid.RadGrid a.TextButton.PrimaryButton:disabled, .RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:active, .RadGrid.RadGrid a.TextButton.PrimaryButton.disabled, .RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:active, .RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled, .RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:active {
    background-color: var(--primary-button-roll);
}

.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton {
    font-family: var(--secondary-font);
    padding: 8px 14px;
}



a, .Link, .RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a, .RadToolTip.RadToolTip a {
    color: var(--primary-link-color);
}

a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active, .RadGrid.RadGrid .rgRow a:hover, .RadGrid.RadGrid .rgRow a:focus, .RadGrid.RadGrid .rgRow a:active, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgAltRow a:focus, .RadGrid.RadGrid .rgAltRow a:active, .RadGrid.RadGrid .rgEditForm a:hover, .RadGrid.RadGrid .rgEditForm a:focus, .RadGrid.RadGrid .rgEditForm a:active, .k-grid.k-grid a:hover, .k-grid.k-grid a:focus, .k-grid.k-grid a:active, .RadToolTip.RadToolTip a:hover, .RadToolTip.RadToolTip a:focus, .RadToolTip.RadToolTip a:active {
    color: var(--primary-link-hover);
}


.readMore:hover, .readMore:focus, .readMore:active {
    color: var(--primary-link-color);
}
.readMore:after {
    background: var(--primary-link-color);
}
.readMore:hover:after, .readMore:focus:after, .readMore:active:after {
    background: var(--primary-link-color);
}

.home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .count {
    color: var(--header-one-color);
}


@media (min-width: 992px) {
    .slideshow-banner.testimonial .caption-wrapper:before {
        background: var(--second-accent-color);
        border-left: 20px solid var(--primary-accent-color);
    }
}



.FullWidthArea-StyleBg1 .Spotlight .SectionLabel a {
    color: var(--primary-link-color);
}
.FullWidthArea-StyleBg1 .Spotlight .SectionLabel a:hover, .FullWidthArea-StyleBg1 .Spotlight .SectionLabel a:focus, .FullWidthArea-StyleBg1 .Spotlight .SectionLabel a:active {
    color: var(--primary-link-hover);
}


.upcoming-events .card:hover .readMore, .upcoming-events .card:active .readMore, .upcoming-events .card:focus .readMore {
    color: var(--primary-link-color);
}
.upcoming-events .card:hover .readMore:after, .upcoming-events .card:active .readMore:after, .upcoming-events .card:focus .readMore:after {
    background: var(--primary-link-color);
}




.header-aux-container .UtilityAuthentication a:hover, .header-aux-container .UtilityAuthentication a:focus, .header-aux-container .UtilityAuthentication a:hover span, .header-aux-container .UtilityAuthentication a:focus span,
.header-aux-container a.NavigationLink:hover,
.header-aux-container a.NavigationLink:focus,
.header-aux-container a.NavigationLink:hover span,
.header-aux-container a.NavigationLink:focus span,
.header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover,
.header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus,
.header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover span,
.header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus span,
.header-aux-container .account-toggle .nav-text:hover,
.header-aux-container .account-toggle .nav-text:focus,
.header-aux-container .account-toggle .nav-text:hover span,
.header-aux-container .account-toggle .nav-text:focus span {
  color: var(--primary-link-hover);
}

@media (min-width: 992px) {
  .header-aux-container .UtilityAuthentication a:hover, .header-aux-container .UtilityAuthentication a:focus, .header-aux-container .UtilityAuthentication a:hover span, .header-aux-container .UtilityAuthentication a:focus span,
  .header-aux-container a.NavigationLink:hover,
  .header-aux-container a.NavigationLink:focus,
  .header-aux-container a.NavigationLink:hover span,
  .header-aux-container a.NavigationLink:focus span,
  .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover,
  .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus,
  .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover span,
  .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus span,
  .header-aux-container .account-toggle .nav-text:hover,
  .header-aux-container .account-toggle .nav-text:focus,
  .header-aux-container .account-toggle .nav-text:hover span,
  .header-aux-container .account-toggle .nav-text:focus span {
    color: var(--primary-link-hover);
  }
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus {
    color: var(--primary-link-hover);
}
@media (min-width: 992px) {
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus {
        color: var(--primary-link-hover);
    }
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover:before, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus:before {
    background: var(--primary-link-hover);
}
@media (min-width: 992px) {
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover:before, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus:before {
        background: var(--primary-link-hover);
    }
}




.RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .RadMenu.RadMenu_Coffee .rmRootLink:hover, .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
    color: var(--primary-link-hover);
}

@media (min-width: 992px) {
    .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmLink:hover, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmFocused, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmExpanded {
        color: var(--primary-link-hover);
    }
}


.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLink:hover, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmFocused, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmExpanded {
    color: var(--primary-link-hover);
}


.RadMenu_Coffee .rmSlide .rmLink:hover, .RadMenu_Coffee .rmSlide .rmLink:focus, .RadMenu_Coffee .rmSlide .rmLink.rmFocused, .RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink:hover, .RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink:focus, .RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
    color: var(--primary-link-hover);
}

.RadMenu.RadMenu_Coffee .rmLink:hover .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmLink.rmFocused .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmSelected > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmExpanded > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Coffee .rmSlide .rmLink .rmToggle > .rmIcon {
    background: var(--primary-link-hover);
}
@media (min-width: 992px) {
    .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink:hover .rmToggle > .rmIcon, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused .rmToggle > .rmIcon, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded .rmToggle > .rmIcon, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected .rmToggle > .rmIcon {
        background: var(--primary-link-hover);
    }
}
.RadMenu.RadMenu_Coffee .rmExpanded.rmLink > .rmToggle > .rmIcon {
  background: var(--primary-link-hover);
}

#masterHeaderImage {
    width: 130px;
    height: 130px;
    background-image: var(--master-logo-img);
}
@media (min-width: 992px) {
    #masterHeaderImage {
        width: 130px;
        height: 130px;
        background-image: var(--master-logo-img);
    }
}
@media (min-width: 992px) {
    .account-menu .account-toggle:hover .nav-text, .account-menu .account-toggle:focus .nav-text {
        color: var(--primary-link-hover);
    }
}

@media (min-width: 992px) {
    .account-menu .account-toggle:hover .caret, .account-menu .account-toggle:focus .caret {
        background: var(--primary-link-hover);
    }
}

.account-menu .account-toggle:hover .caret, .account-menu .account-toggle:focus .caret {
    background: var(--primary-link-hover);
}


.obo-toggle:hover, .obo-toggle:focus, .obo-toggle.on, a.ste-toggle:hover, a.ste-toggle:focus, a.ste-toggle.on, .page-statistics-toggle:hover, .page-statistics-toggle:focus, .page-statistics-toggle.on
Specificity: (0,2,0)
 {
    background: var(--primary-link-hover);
}

@media (min-width: 992px) {
    .obo-toggle:hover, .obo-toggle:focus, .obo-toggle.on, a.ste-toggle:hover, a.ste-toggle:focus, a.ste-toggle.on, .page-statistics-toggle:hover, .page-statistics-toggle:focus, .page-statistics-toggle.on {
        background: var(--primary-link-hover);
    }
}

.RadTreeView.RadTreeView_Coffee .rtSelected > a.rtIn, .RadTreeView.RadTreeView_Coffee .child-is-selected.rtIn, .RadTreeView.RadTreeView_Coffee .child-is-selected-wrapper .rtIn {
    color: var(--primary-link-color);
}

.RadTreeView.RadTreeView_Coffee a.rtIn:hover, .RadTreeView.RadTreeView_Coffee a.rtIn:focus {
    color: var(--primary-link-hover);
}

.RadTreeView.RadTreeView_Coffee .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_Coffee .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_Coffee .rtSelected > a.rtIn:focus {
    color: var(--primary-link-hover);
}

.RadTreeView.RadTreeView_Coffee .rtPlus:hover, .RadTreeView.RadTreeView_Coffee .rtPlus:focus, .RadTreeView.RadTreeView_Coffee .rtMinus:hover, .RadTreeView.RadTreeView_Coffee .rtMinus:focus {
    background: var(--primary-link-hover);
}


footer.footer {
    background-color: var(--footer-back);
}
footer.footer a:hover, footer.footer a:focus {
    color: var(--primary-link-hover);
}