@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;
    }
}






:root {
    --master-logo-img: url(/images/MyWebsite/SHOP_Clear.png);
    /*Main Logo*/
    --form-tracker-border-color: var(--qs-blue);
    --form-tracker-text-color: var(--qs-blue);
    --form-tracker-active-color: var(--qs-blue);
    --form-tracker-active-border-color: var(--qs-blue);
    --form-tracker-hover-color: var(--primary-accent-color);
    --aux-bg: #32174d;
    /*Auxiliary Background - Russian Violet*/
    --nav-color: #FFFFFF;
    --system-icon-color: var(--primary-accent-color);
    --system-icon-color-hover: var(--second-accent-color);
    --header-one-color: #00336E;
    /*H1 - Blue 500*/
    --h-one-big: #00336E;
    /*Blue 500*/
    --header-two-color: #333333;
    /*H2 - Grey 800*/
    --header-three-color: #252E38;
    /*H3 - Grey 850*/
    --header-four-color: #252E38;
    /*H4 - Grey 850*/
    --primary-font: "Inter", sans-serif;
    /*Primary Font - Inter*/
    --primary-button-back: #005EB0;
    /*Button Background - Blue 350*/
    --primary-button-roll: #6f00ff;
    /*Button Background Roll - Electric Indigo*/
    --primary-link-color: #005EB0;
    /*Primary Link - Blue 350*/
    --primary-link-hover: #0B79B9;
    /*Primary Link:Hover - Blue 350*/
    --auxiliary-link-hover: #ffffff;
    /*Auxiliary Link:Hover - White*/
    --primary-accent-color: #0B79B9;
    /*Primary Accent Color - Blue 350*/
    --second-accent-color: #049FDA;
    /*Secondary Accent Color - Blue 325*/
    --footer-back: #003C79;
    /*Footer Background - Blue 500*/
    --footer-link-hover: #59B984;
    /*Footer Link:Hover - Green 200*/
}

/*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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&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);
  font-size: 44px;
}
h1.BigHeader, .h1.BigHeader {
    background-color: var(--h-one-big);
}

h2, .h2, .PanelTitle {
  color: var(--header-two-color);
  font-family: var(--primary-font);
  font-size: 32px;
}

h3, .SectionTitle {
  color: var(--header-three-color);
  font-family: var(--primary-font);
  font-size: 24px;
  font-weight: 600;
}

h4, .h4, .SectionLabel {
  color: var(--header-four-color);
  font-family: var(--primary-font);
  font-size: 20px;
}

h5, .h5, .SectionLabelSmaller {
  font-family: var(--primary-font);
  font-size: 18px;
}

h6, .h6 {
  font-family: var(--primary-font);
  font-size: 16px;
}


.PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton, .RadGrid.RadGrid input.TextButton.PrimaryButton, .RadGrid.RadGrid a.TextButton.PrimaryButton {
    border-radius: 25px;
    background-color: var(--primary-button-back);
}
.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);
}
.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(--primary-font);
}



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 {
    font-weight: 600;
    letter-spacing: 2px;
}
@media (min-width: 769px) {
.readMore {
    float: right;
}}

.readMore:hover, .readMore:focus, .readMore:active {
    text-decoration: underline;
    color: var(--primary-link-color);
}
.readMore:after {
    width: 30px;
    height: 24px;
    margin-left: 5px;
    mask-image: url(/images/Icons/Arrow_Right_Blue-R.png);
    mask-size: 32px 24px;
}
.readMore:hover:after, .readMore:focus:after, .readMore:active:after {
    background: var(--primary-link-color);
    margin-left: 5px;
}

.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(--header-three-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 {
    background-color: #005EB0 ! Important;
    color: #FFFFFF ! Important;
}
.upcoming-events .card:hover .readMore:after, .upcoming-events .card:active .readMore:after, .upcoming-events .card:focus .readMore:after {
    background: #FFFFFF;
    margin-left: 5px;
    mask-image: url(/images/Icons/Right-Arrow-1.png) ! Important;
}




.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(--auxiliary-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(--auxiliary-link-hover);
    text-decoration: underline;
  }
}



.nav-auxiliary .nav-aux-button.nav-aux-cart {
    margin-top: 20px;
}
@media (min-width: 769px) {
.nav-auxiliary .nav-aux-button.nav-aux-cart {
    margin-top: 9px;
}}


.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus {
    color: var(--auxiliary-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(--auxiliary-link-hover);
        text-decoration: underline;
    }
}

.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(--auxiliary-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(--auxiliary-link-hover);
    }
}



.RadMenu.RadMenu_Coffee .rmRootLink {
    border-radius: 0px;
}


.RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .RadMenu.RadMenu_Coffee .rmRootLink:hover, .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
    color: var(--auxiliary-link-hover);
    background: #CCC;
}

@media (min-width: 992px) {
    .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmLink:hover, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmFocused, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmExpanded {
        color: #FFFFFF;
        background: #000000;
    }
}


.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLink:hover, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmFocused, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmExpanded {
    color: #FFFFFF;
    background: 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(--auxiliary-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(--auxiliary-link-hover);
    }
}
.RadMenu.RadMenu_Coffee .rmExpanded.rmLink > .rmToggle > .rmIcon {
  background: var(--primary-link-hover);
}

#masterHeaderImage {
    width: 187px;
    height: 84px;
    background-image: var(--master-logo-img);
}
@media (min-width: 992px) {
    #masterHeaderImage {
        width: 187px;
        height: 84px;
        background-image: var(--master-logo-img);
    }
}
.Wrapper-HomePage #masterHeaderImage {
    width: 187px;
    height: 84px;
    background-image: var(--master-logo-img);
}
@media (max-width: 991px) {
    .Wrapper-HomePage #masterHeaderImage {
        width: 187px;
        height: 84px;
        background-image: var(--master-logo-img);
    }
}


@media (min-width: 992px) {
header.header .header-primary-nav-container:before {
        content: '';
        position: absolute;
        display: block;
        max-width: 100%;
        height: 1px;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.4);
        left: 0;
}}



@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);
}






/*Grid */

@media (max-width: 991px) {
    header.header {
        background-image: linear-gradient(to right, #0B9ED9, #005EB0, #00336E);
    }
}

@media (min-width: 992px) {
    header.header {
        grid-template:
        "logo utility" auto
        "primary-nav primary-nav" auto
        "banner banner" auto;
        grid-template-areas:
        "logo utility"
        "primary-nav primary-nav"
        "banner banner";
    }
}

@media (min-width: 992px) {
    .Wrapper-HomePage header.header {
        grid-template:
        "logo utility" auto
        "primary-nav primary-nav" auto
        "banner banner" auto;
        grid-template-areas:
        "logo utility"
        "primary-nav primary-nav"
        "banner banner";
    }
}


@media (max-width: 991px) {
    header.header .header-logo-container {
        justify-self: left;
        margin-left: 15px;
    }
}
@media (min-width: 992px) {
    header.header .header-logo-container {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 55px;
    }
}
@media (min-width: 1300px) {
    header.header .header-logo-container {
        padding-left: 155px;
    }
}
@media (min-width: 1380px) {
    header.header .header-logo-container {
        padding-left: 50px;
    }
}
@media (min-width: 1480px) {
    header.header .header-logo-container {
        padding-left: 75px;
    }
}
@media (min-width: 1580px) {
    header.header .header-logo-container {
        padding-left: 150px;
    }
}
@media (min-width: 1680px) {
    header.header .header-logo-container {
        padding-left: 180px;
    }
}
@media (min-width: 1780px) {
    header.header .header-logo-container {
        padding-left: 150px;
    }
}
@media (min-width: 1880px) {
    header.header .header-logo-container {
        padding-left: 175px;
    }
}
@media (min-width: 1900px) {
    header.header .header-logo-container {
        padding-left: 180px;
    }
}






@media (max-width: 991px) {
    .header-aux-container .UtilityNavigation {
        justify-content: right;
        gap: 15px 15px;
}}
@media (min-width: 992px) {
    .header-aux-container .UtilityNavigation {
        justify-content: left;
}}


@media (max-width: 991px) {
    header.header .header-aux-container {
        padding-bottom: 20px;
}}



/*.UtilitySearch {
    margin-top: 5px;
}
@media (min-width: 768px) {
.UtilitySearch {
    margin-right: -20px;
    margin-top: 25px;
}}*/


.UtilitySearch #SimpleSearchBlock .search-field:focus, .UtilitySearch #SimpleSearchBlock .search-field:hover, .UtilitySearch #SimpleSearchBlock .search-field:active {
    background-color: #000000;
    border: 1px solid rgba(255, 255, 255, 1);
}


.UtilityNavigationList {
    margin-top: 5px;
}
@media (min-width: 768px) {
.UtilityNavigationList {
    margin-left: 116px;
    margin-top: 30px;
}}
@media (min-width: 1200px) {
.UtilityNavigationList {
    margin-left: 225px;
}}
@media (min-width: 1380px) {
.UtilityNavigationList {
    margin-left: 320px;
}}
@media (min-width: 1480px) {
.UtilityNavigationList {
    margin-left: 300px;
}}
@media (min-width: 1580px) {
.UtilityNavigationList {
    margin-left: 220px;
}}
@media (min-width: 1680px) {
.UtilityNavigationList {
    margin-left: 200px;
}}
@media (min-width: 1780px) {
.UtilityNavigationList {
    margin-left: 110px;
}}
@media (min-width: 1880px) {
.UtilityNavigationList {
    margin-left: 85px;
}}
@media (min-width: 1900px) {
.UtilityNavigationList {
    margin-left: 125px;
}}






.account-menu .dropdown-menu li:nth-child(2) {
    display: none;
}

.account-menu .account-toggle .caret {
    background: #333333;
}
@media (min-width: 992px) {
    .account-menu .account-toggle:hover .caret, .account-menu .account-toggle:focus .caret {
        background: #5DA32C;
    }
}


.newsletter-signup {
    margin-top: 18px;
}
.newsletter-signup a:before {
    content: '';
    background-image: url(/images/Icons/Newsletter-Icon.png);
    margin-right: 10px;
    padding-left: 18px;
    padding-bottom: 3px;
    background-position: -3px -97px;
}




.header-aux-container .UtilityAuthenticationLink {
    border-right: 0px solid #ffffff;
}
.UtilityAuthentication a:after {
    content: '';
    background-image: url(/images/Icons/Right-Link.png);
    margin-left: 3px;
    padding-right: 25px;
    padding-bottom: 3px;
    background-position: 1px -122px;
}



/*.UtilityAccountArea .sign-in-link {
    display: none;
}
.UtilityAuthentication .sign-in-link {
    font-family: "Inter", sans-serif;
    padding: 12px 16px !Important;
    border: 2px solid #ffffff !Important;
    color: #FFFFFF !Important;
    font-weight: 700 !Important;
    letter-spacing: 2px;
    font-size: 14px !Important;
}
.UtilityAuthentication .sign-in-link:after {
    content: '';
    background-image: url(/images/Icons/Right-Arrow-W.png);
    padding-right: 25px;
    background-position: 4px -123px;
}
.UtilityAuthentication .sign-in-link:hover {
    padding: 12px 16px !Important;
    background: #1D8FEC;
    border: 2px solid #ffffff !Important;
}
@media (max-width: 768px) {
.UtilityAuthentication .sign-in-link {
    position: relative;
    top: 10px;
    left: -10px;
}}
@media (min-width: 1100px) {
.UtilityAuthentication .sign-in-link {
    position: relative;
    top: 105px;
    left: 380px;
}}
@media (min-width: 1200px) {
.UtilityAuthentication .sign-in-link {
    right: -512px;
}}
@media (min-width: 1500px) {
.UtilityAuthentication .sign-in-link {
    right: -470px;
}}
@media (min-width: 1700px) {
.UtilityAuthentication .sign-in-link {
    right: -382px;
}}


.UtilityAuthentication .sign-out-link {
    color: #5DA32C !Important;
    padding: 16px 20px !Important;
    border-right: 0px solid #ffffff !Important;
}
@media (min-width: 769px) {
.UtilityAuthentication .sign-out-link {
    position: relative;
    top: 140px;
    right: -640px;
    margin-left: -100px;
}}
.UtilityAuthentication .sign-out-link:before {
    content: '';
    background-image: url(/images/Icons/log-out.png);
    padding-left: 28px;
    padding-bottom: 3px;
    background-position: 0px -122px;
}*/


.UtilitySearch #SimpleSearchBlock .search-field {
    background-color: rgba(0, 0, 0, 0);
    padding: 19px 20px 16px 25px;
    background-position: 5px 8px;
    border-radius: 1px;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.search-container .search-field {
    background-image: url(/App_Themes/Flat_White/images/auxIcons.svg#search-white);
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}


@media (min-width: 992px) {
    .RadMenu.RadMenu_Coffee ul.rmRootGroup {
        float: left;
        width: 100%;
        justify-content: space-between;
    }
}

@media (min-width: 1380px) {
    header.header .header-primary-nav-container {
        max-width: 1380px;
        padding-left: 30px;
        padding-right: 30px;
    }
}




/* Slider Elements */



.Wrapper-HomePage header.header .header-background-container .carousel-caption {
    width: 70%;
    left: 15%;
    top: 42%;
}
@media (min-width: 768px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption {
        width: 40%;
        left: 15%;
        top: 45%;
}}
@media (min-width: 1600px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption {
        width: 36%;
        left: 17%;
        top: 45%;
}}

.centerCallOut .carousel-caption {
    text-align: center;
    font-family: "Inter", sans-serif;
}
.splitCallOut .carousel-caption {
    text-align: center;
}
@media (min-width: 768px) {
.splitCallOut .carousel-caption {
    text-align: left;
}}



@media (min-width: 993px) {
.Wrapper-HomePage header.header .header-background-container:before {
    background-image: linear-gradient(to right, #0B9ED9, #005EB0, #00336E);
    height: 11.5em;
}}





@media (max-width: 768px) {
.carousel-logo-image .carousel-logo-right img {
    width: 320px !Important;
}}
@media (min-width: 769px) {
.carousel-logo-image .carousel-logo-right img {
    margin-top: 30px;
    max-width: 85%;
}}

@media (max-width: 768px) {
.carousel-logo-left {
    margin-top: -40px;
}}
@media (min-width: 769px) {
.carousel-logo-left {
    width: 50%;
    float: left;
    text-align: left;
}}

@media (max-width: 768px) {
.carousel-logo-left-2 {
    margin-top: 80px;
}}
@media (min-width: 769px) {
.carousel-logo-left-2 {
    width: 50%;
    float: left;
    text-align: left;
}}

@media (max-width: 768px) {
.carousel-logo-left-3 {
    margin-top: 80px;
}}
@media (min-width: 769px) {
.carousel-logo-left-3 {
    width: 50%;
    float: left;
    text-align: left;
}}

@media (max-width: 768px) {
.carousel-logo-right {
    margin-bottom: 20px;
    margin-top: -560px;
}}
@media (min-width: 769px) {
.carousel-logo-right {
    width: 50%;
    float: left;
    text-align: center;
}}

@media (max-width: 768px) {
.carousel-logo-right-2 {
    margin-bottom: 20px;
    margin-top: -530px;
}}
@media (min-width: 769px) {
.carousel-logo-right-2 {
    width: 50%;
    float: left;
    text-align: center;
}}

@media (max-width: 768px) {
.carousel-logo-right-3 {
    margin-bottom: 50px;
    margin-top: -540px;
}}
@media (min-width: 769px) {
.carousel-logo-right-3 {
    width: 50%;
    float: left;
    text-align: center;
}}

@media (max-width: 768px) {
.carousel .carousel-caption p, .carousel2 .carousel-caption p, .HomePageFullWidthArea .carousel-caption p {
    font-size: 16px;
}}
@media (min-width: 992px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption p {
        font-size: 18px;
        margin: 0 0 1.2em;
    }
}


.splitCallOut img {
    height:200px !Important;
}
@media (min-width: 992px) {
.splitCallOut .carousel-logo-image {
    float: left;
    margin-left: 10%;
    margin-right: 5%;
}}



.hero-caption h1, .carousel-caption h1 {
    font-size: 28px;
    margin-top: 40px;
    font-family: "Inter", sans-serif;
}

@media (min-width: 992px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption h1 {
        font-size: 48px;
        margin-top: 20px;
    }
}


@media (max-width: 768px) {
.carousel-logo-wrap {
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}}

.carousel-logo-wrap .carousel-logo-icon {
    width: 46px;
}


@media (min-width: 769px) {
.carousel-logo-wrap {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}}
@media (min-width: 1200px) {
.carousel-logo-wrap {
    width: 520px;
}}


@media (max-width: 768px) {
.carousel-logo-buttons a {
    margin-bottom: 15px;
}}

.Wrapper-HomePage header.header .header-background-container .carousel-control {
    display: block;
}

.carousel-indicators {
    margin-left: -31%;
    bottom: 40px;
}
@media (min-width: 769px) {
.carousel-indicators {
    bottom: 120px;
}}


/*
.carousel-control {
    width: 10%;
}

.carousel-control .icon-prev {
    margin-left: -15px;
}
@media (min-width: 768px) {
    .carousel-control .icon-prev {
        margin-left: -25px;
    }
}
.carousel-control .icon-next {
    margin-left: -15px;
}
@media (min-width: 768px) {
    .carousel-control .icon-next {
        margin-left: -25px;
    }
}*/



.Wrapper-HomePage header.header .header-background-container .carousel-indicators li {
    border-radius: 5px;
    width: 10px;
    height: 10px;
}
.Wrapper-HomePage header.header .header-background-container .carousel-indicators li.active {
    width: 30px;
}
.Wrapper-HomePage header.header .header-background-container .carousel-indicators li.active:hover, .Wrapper-HomePage header.header .header-background-container .carousel-indicators li.active:focus {
    background-color: #1D8FEC;
}
.Wrapper-HomePage header.header .header-background-container .carousel-indicators li:hover, .Wrapper-HomePage header.header .header-background-container .carousel-indicators li:focus {
    background-color: #1D8FEC;
}


/* Footer Overwrite */

footer.footer {
    background-image: linear-gradient(to bottom, #0B9ED9, #005EB0, #00336E);
}






footer.footer {
    background-color: var(--footer-back);
}
/*footer.footer a:hover, footer.footer a:focus {
    color: var(--second-accent-color);
}*/


.backToTop {
    background-color: var(--second-accent-color);
}

.backToTop:hover {
    background: var(--second-accent-color);
}