@import "../Flat_White/99-Flat_White.css";
@import "../QuickstartBase/base.css";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Override base.css color variables */

:root {
    --qs-red:#c22c49;
	--qs-red-light:#fcf1f1;
	--qs-red-dark:#761209;
	--qs-pink:#ee96ad;
	--qs-orange:#d27c34;
	--qs-brown:#6d461c;
	--qs-yellow:#d9b047;
	--qs-green:#457a3e;
	--qs-lime:#c1e4ac;
	--qs-light-blue:#8ed6e9;
	--qs-blue:#3d597a;
	--qs-sky:#6490c6;
	--qs-navy:#09090a;
	--qs-purple:#7b3e68;
	--qs-violet:#b888d0;
	--qs-light-grey:#f6f9fa;
	--qs-grey:#e6e6e6;
    --qs-dark-grey: #555555;
	--qs-charcoal:#373737;
	--max-width:1170px;

	--form-tracker-line-width:10px;
	--form-tracker-size:40px;
	--form-tracker-color:#fff;
	--form-tracker-border-color:var(--qs-blue);
	--form-tracker-text-color:var(--qs-blue);
	--form-tracker-active-color:var(--qs-blue);
	--form-tracker-active-text-color:#fff;
	--form-tracker-active-border-color:var(--qs-blue);
	--form-tracker-hover-color:var(--qs-navy);
	--form-tracker-hover-text-color:#fff;

    --aux-link-color: #ffffff;
    --aux-bg: #252E38;
    --nav-color: #222222;
    --system-icon-color: #252E38;
    --system-icon-color-hover: #6490c6;
}

/* CUSTOM CLASSES ====================================================================== */
.footer-logo {
    width: 300px;
    height: auto;
    margin-bottom: 30px;
}

.account-menu .profile-picture-wrapper img {
    width: 30px;
    height: 30px;
    border-radius: 15px;
}

/* 99-Flat_White.css OVERRIDES ========================================================= */

/* 99-Flat_White.css ln 256 */
.backToTop {
    background-color: var(--qs-green);
    background-image: none;
    width: 40px;
    height: 40px;
    transform: none;
    transition: all 0.2s ease;
}

/* 99-Flat_White.css ln 310-339 */
body {
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.6;
    color: #222222;
}

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

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 {
    color: var(--qs-sky);
}

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(--qs-blue);
}

/* 99-Flat_White.css ln 366-451 */
h1, .h1, .PageTitle {
    font-size: 200%;
    font-family: "Noto Serif", serif;
    font-weight: 600;
    color: var(--qs-blue);
    margin-top: 0;
}

h1.BigHeader, .h1.BigHeader {
    color: #fff;
    background-color: var(--qs-orange);
    padding: 20px;
    margin: 0;
}

h2, .h2, .panel-heading.Distinguish, .PanelHead.Distinguish,
.TitleBarCaption, div.PanelTitle {
    min-height: 0;
    border-bottom-style: solid;
}

h2, .h2, .PanelTitle {
    font-size: 135%;
    font-family: "Noto Serif", serif;
    font-weight: 600;
    color: var(--qs-blue);
    line-height: 1.45em;
}

h3, .SectionTitle {
    font-size: 115%;
    font-family: "Noto Serif", serif;
    font-weight: 500;
    color: var(--qs-blue);
}

h4, .SectionLabel, h5 {
    margin: 0 0 .2em;
}

h4, .h4, .SectionLabel {
    font-size: 100%;
    font-family: "Noto Serif", serif;
    font-weight: 600;
    color: var(--qs-blue);
}

h5, .h5, .SectionLabelSmaller {
    font-size: 90%;
    font-family: "Noto Serif", serif;
    font-weight: 500;
    color: var(--qs-blue);
}

h6, .h6 {
    font-size: 90%;
    font-family: "Noto Serif", serif;
    font-weight: 500;
    color: var(--qs-blue);
    margin: 0;
}

strong {
    font-weight: 600;
}

@media only screen {
    .callout-gradient-text {
        background: linear-gradient(50deg, #3d597a 15%, #7b3e68 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .callout2-gradient-text {
        background: linear-gradient(135deg, #6490c6 45%, #373737 85%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

hr {
    margin-left: .5em;
    margin-right: .5em;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #dbdbdb;
}
/* END 99-Flat_White.css ln 366-451 */

/* 99-Flat_White.css ln 659-695 */
/* header logo */
#masterHeaderImage {
    background-image: url("/images/MyWebsite/vmg-logo-wide-color.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 300px;
    height: 48px;
    /* The following are needed to hide the text, but allow it to be read by screen readers */
    text-indent: -9999px;
    overflow: hidden;
    float: left;
}

@media (min-width: 992px) {
    #masterHeaderImage {
        background-image: url("/images/MyWebsite/vmg-logo-wide-color.png");
        width: 300px;
        height: 48px;
    }
}

#masterDonorHeaderImage {
    background-image: url("images/DonorHeaderLogo.png");
    background-repeat: no-repeat;
    width: 170px;
    height: auto;
    /* The following are needed to hide the text, but allow it to be read by screen readers */
    text-indent: -9999px;
    overflow: hidden;
    float: left;
}

@media (min-width: 992px) {
    #masterDonorHeaderImage {
        width: 169px;
    }
}

/* 99-Flat_White.css ln 722-743 Sub (Left) Navigation
    ====================================================== */
#pagesubnav {
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.SubNavPanelHead {
    background-color: #ffffff;
    color: #222222;
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    font-weight: 500;
}

.SubNavigationSeparator {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #dbdbdb;
    height: 1px;
    padding: 0;
    margin: 0;
}
/* END */

/* 99-Flat_White.css ln 974 */
.RadMenu.RadMenu_Coffee .rmRootLink {
    color: var(--nav-color);
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: normal;
    letter-spacing: 0px;
}

/* 99-Flat_White.css ln 982 */
.header-dark .RadMenu.RadMenu_Coffee .rmRootLink {
    color: #ffffff;
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: normal;
    letter-spacing: 0px;
}

/* 99-Flat_White.css ln 1001 */
.RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded,
.RadMenu.RadMenu_Coffee .rmRootLink:hover,
.RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
    color: var(--qs-sky);
}

/* 99-Flat_White.css ln 1009 */
.header-dark .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .header-dark
.RadMenu.RadMenu_Coffee .rmRootLink:hover, .header-dark
.RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
    color: var(--qs-sky);
    background-color: transparent;
}

/* 99-Flat_White.css ln 1074 */
.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(--qs-sky);
}

/* 99-Flat_White.css ln 1083 */
.RadMenu.RadMenu_Coffee .rmExpanded.rmLink > .rmToggle > .rmIcon {
    background: var(--qs-sky);
}

/* 99-Flat_White.css ln 1105 */
.RadMenu_Coffee .rmSlide .rmLink {
    color: #252E38;
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    font-size: 90%;
    font-weight: 300;
}

/* 99-Flat_White.css ln 1112 */
.header-dark .RadMenu_Coffee .rmSlide .rmLink {
    color: #ffffff;
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    font-size: 90%;
    font-weight: 300;
}

/* 99-Flat_White.css ln 1135 */
.RadMenu_Coffee .rmSlide .rmFocused > .rmLink,
.RadMenu_Coffee .rmSlide .rmSelected > .rmLink,
.RadMenu_Coffee .rmSlide .rmItem.rmSelected > .rmLink {
    color: var(--qs-sky);
}

/* 99-Flat_White.css ln 1142 */
.RadMenu_Coffee .rmSlide .rmFocused > .rmLink.header-dark,
.RadMenu_Coffee .rmSlide .rmSelected > .rmLink.header-dark,
.RadMenu_Coffee .rmSlide .rmItem.rmSelected > .rmLink.header-dark {
    color: var(--qs-sky);
}

/* 99-Flat_White.css ln 1149 */
.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(--qs-sky);
}

/* 99-Flat_White.css ln 1157 */
.header-dark .RadMenu_Coffee .rmSlide .rmLink:hover, .header-dark .RadMenu_Coffee .rmSlide .rmLink:focus, .header-dark .RadMenu_Coffee .rmSlide .rmLink.rmFocused, .header-dark
.RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink:hover, .header-dark
.RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink:focus, .header-dark
.RadMenu_Coffee .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
    color: var(--qs-sky);
}

/* 99-Flat_White.css ln 1342 */
.RadTreeView.RadTreeView_Coffee a.rtIn:hover, .RadTreeView.RadTreeView_Coffee a.rtIn:focus {
    color: var(--qs-sky);
}

/* 99-Flat_White.css ln 1640 */
.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    color: #ffffff;
    background-color: var(--qs-sky);
    border-radius: 2px;
    font-size: 1em;
    line-height: 1;
    padding: 0 2px 1px;
    box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
}

/* 99-Flat_White.css ln 2001 */
input,
button,
select,
textarea {
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
}

/* 99-Flat_White.css ln 2352 */
.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  font-family: "Public Sans", Arial, Helvetica, sans-serif;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 1.6;
  border-radius: 4px;
  -webkit-user-select: none;
          user-select: none;
  transition: background 0.2s ease-out;
}

/* 99-Flat_White.css ln 3017 */
.SimpleContentEditorInline .reToolBar:last-child .reTool {
    background-color: #CACACD;
    color: #222222;
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    font-weight: 600;
    transition: background 0.2s ease-out;
}

/* 99-Flat_White.css ln 3054 */
.mini-profile-banner-large .mini-profile-name-section .SectionLabel,
.mini-profile-banner-small .mini-profile-name-section .SectionLabel {
    /* Style the name like an h2 */
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 135%;
}

/* 99-Flat_White.css ln 5361 */
.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 120%;
    line-height: 2em;
    padding-left: .5em;
    color: #fff;
}

/* 99-Flat_White.css ln 5416 */
.ProgressTracker2 .ProgressTrackerPanel .count {
    color: #fff;
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    font-weight: 500;
}

/* 99-Flat_White.css ln 5422 */
.ProgressTracker2 div p {
    background-color: #fcfcff;
    color: var(--qs-green);
    margin-bottom: 0;
}

/* 99-Flat_White.css ln 5428 */
.ProgressTracker2 .ProgressBar {
    margin: 10px;
}

/* 99-Flat_White.css ln 5432 */
.ProgressTracker2 .ProgressBar > span {
    background-color: var(--qs-orange);
}

/* 99-Flat_White.css ln 5529 */
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    font-weight: inherit;
    font-size: 22px !important;
    clear: both;
}

/* 99-Flat_White.css ln 5925 */
.RadScheduler.RadScheduler_Metro .rsHeader h2 {
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    text-transform: none;
    border-bottom: none;
}

/* 99-Flat_White.css ln 6279 */
.carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
    padding: 1em;
    position: absolute;
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    bottom: auto;
    top: calc(500px / 2);
    background-color: none;
    font-weight: 300;
    text-align: left;
    color: #ffffff;
}

/* 99-Flat_White.css ln 9635 */
.readMore {
    text-decoration: none;
    font-weight: 500;
}

/* 99-Flat_White.css ln 9640 */
.readMore:after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 20px;
    height: 20px;
    background: var(--qs-sky);
    mask-image: url(images/arrow.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 18px 18px;
    margin-left: 10px;
    margin-top: -2px;
    transition: all 0.2s ease;
}

/* 99-Flat_White.css ln 9656 */
.readMore:hover, .readMore:focus, .readMore:active {
    color: var(--qs-blue);
}

/* 99-Flat_White.css ln 9661 */
.readMore:hover:after, .readMore:focus:after, .readMore:active:after {
    background: var(--qs-blue);
}

/* 99-Flat_White.css ln 9666 */
h1 .readMore, h2 .readMore, h3 .readMore, h4 .readMore, h5 .readMore, h6 .readMore {
    font-size: 18px;
    display: block;
    line-height: 0;
}

/* 99-Flat_White.css ln 9672 */
@media (min-width: 992px) {
    h1 .readMore, h2 .readMore, h3 .readMore, h4 .readMore, h5 .readMore, h6 .readMore {
        display: inline-block;
        margin-left: 10px;
        line-height: inherit;
    }
}

/* 99-Flat_White.css ln 9699 */
.backToTop:after {
    display: block;
    content: '';
    background: #ffffff;
    width: 40px;
    height: 40px;
    mask-image: url(images/auxIcons.svg#caret);
    mask-size: 20px 20px;
    mask-repeat: no-repeat;
    mask-position: center;
    transform: rotate(180deg);
}

/* 99-Flat_White.css ln 9712 */
.backToTop:hover {
    transform: scale(1.15);
    background-color: #252E38;
}

/* 99-Flat_White.css ln 9959 */
.FullWidthArea-StyleBg1 .Spotlight .SectionLabel a:hover, .FullWidthArea-StyleBg1 .Spotlight .SectionLabel a:focus, .FullWidthArea-StyleBg1 .Spotlight .SectionLabel a:active {
    color: var(--qs-sky);
}

/* 99-Flat_White.css ln 10094 */
a.FeatureActionLink {
    transition: all 0.2s ease-in;
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    font-size: 110%;
    font-weight: 500;
    line-height: 1.5em;
    padding: 8px 0;
    text-decoration: none;
}

/* 99-Flat_White.css ln 10046 */
.home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .count {
    color: var(--qs-blue);
    font-size: 4em;
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: -10px;
    text-align: center;
}
/* 99-Flat_White.css ln 10060 */
.home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .label {
    font-size: 135%;
    color: #000000;
    font-weight: 500;
    font-family: "Public Sans", Arial, Helvetica, sans-serif;
    text-align: center;
}

/* 99-Flat_White.css ln 10090 */
a.home-membership-btn {
    text-align: center;
    color: #000000;
    display: block;
    text-decoration: none;
    line-height: 0.7em;
    font: 600 1em "Public Sans", Arial, Helvetica, sans-serif;
    margin: 2em auto;
    transition: all 0.2s ease-in-out;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 20px 35px 20px;
    max-width: 500px;
    border: 1px solid #dbdbdb;
}

/* 99-Flat_White.css ln 10122 */
a.home-membership-btn:hover, a.home-membership-btn:active, a.home-membership-btn:focus {
    background: var(--qs-sky);
}

/* 99-Flat_White.css ln 10167 */
.slideshow-banner.testimonial .carousel-indicators li:hover {
    background: var(--qs-sky);
}

/* 99-Flat_White.css ln 10186 */
@media (min-width: 992px) {
    .slideshow-banner.testimonial {
        max-width: 100%;
    }
    .slideshow-banner.testimonial .img {
        clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
    }
    .slideshow-banner.testimonial .carousel-indicators {
        text-align: left;
    }
    .slideshow-banner.testimonial .caption-wrapper:before {
        display: block;
        position: absolute;
        width: 65px;
        content: '';
        height: 120%;
        left: -95px;
        background: var(--qs-sky);
        border-left: 20px solid var(--qs-sky);
        transform: rotate(-18deg);
    }
}

/* 99-Flat_White.css ln 10448 */
@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;
    }
}

/* 99-Flat_White.css ln 10505 */
.FullWidthArea-StyleBg3 blockquote {
    font: 600 2.6em "Public Sans", Arial, Helvetica, sans-serif;
    line-height: 1.3;
    color: #ffffff;
    margin: 0;
}

/* 99-Flat_White.css ln 10630 */
.upcoming-events .card:hover .readMore, .upcoming-events .card:active .readMore, .upcoming-events .card:focus .readMore {
    color: var(--qs-sky);
}

/* 99-Flat_White.css ln 10634 */
.upcoming-events .card:hover .readMore:after, .upcoming-events .card:active .readMore:after, .upcoming-events .card:focus .readMore:after {
    margin-left: 15px;
    background: var(--qs-sky);
}

/* 99-Flat_White.css ln 10784 */
footer.footer a:hover, footer.footer a:focus {
    color: var(--qs-light-blue);
}

/* 99-Flat_White.css ln 10788 */
footer.footer a.TextButton {
    color: #252E38;
}

/* 99-Flat_White.css ln 11234 */
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus {
    color: var(--qs-light-blue);
}

/* 99-Flat_White.css ln 11239 */
.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(--qs-light-blue);
}

/* 99-Flat_White.css ln 11243 */
@media (min-width: 992px) {
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        font-size: inherit;
        font-family: "Public Sans", Arial, Helvetica, sans-serif;
        line-height: 1.6;
        font-weight: 300;
        width: auto;
        color: var(--aux-link-color);
    }
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus {
        color: #8ed6e9;
    }
    .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: #8ed6e9;
    }
}

/* 99-Flat_White.css ln 11281 */
.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 {
    color: var(--qs-light-blue);
}

/* 99-Flat_White.css ln 11298 */
@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(--qs-light-blue);
    }
}

/* 99-Flat_White.css ln 11315 */
.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(--qs-light-blue);
}

/* 99-Flat_White.css ln 11397 */
.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    background-color: var(--qs-light-blue);
}

/* 99-Flat_White.css ln 11523 */
.account-menu .dropdown-menu > li > a:hover, .account-menu .dropdown-menu > li > a:focus {
    color: var(--qs-sky);
}

/* 99-Flat_White.css ln 11546 */
.account-menu .account-toggle:hover .nav-text, .account-menu .account-toggle:focus .nav-text {
    color: var(--qs-light-blue);
}

/* 99-Flat_White.css ln 11557 */
.account-menu .account-toggle:hover .caret, .account-menu .account-toggle:focus .caret {
    background: var(--qs-light-blue);
}

/* 99-Flat_White.css ln 11660 */
@media (min-width: 992px) {
    .Wrapper-HomePage {
        --nav-color: #ffffff;
    }
    .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmLink:hover, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmFocused, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmExpanded {
        color: var(--qs-sky);
    }
    .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(--qs-sky);
    }
}

/* 99-Flat_White.css ln 11828 */
.Wrapper-HomePage header.header .header-background-container .carousel-indicators li:hover, .Wrapper-HomePage header.header .header-background-container .carousel-indicators li:focus {
    background-color: var(--qs-sky);
}

/* 99-Flat_White.css ln 11836 */
.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: var(--qs-sky);
}

/* 99-Flat_White.css ln 11840-11848 */
.Wrapper-HomePage #masterHeaderImage {
    background-image: url("/images/MyWebsite/vmg-logo-wide-white.png");
}

@media (max-width: 991px) {
    .Wrapper-HomePage #masterHeaderImage {
      background-image: url("/images/MyWebsite/vmg-logo-wide-white.png");
    }
}

/* 99-Flat_White.css ln 11855-11879 */
@media (min-width: 992px) {
    header.header .header-logo-container {
        align-self: center;
    }
    #masterHeaderImage {
        transition: transform 0.2s ease;
    }
    #masterHeaderImage:hover {
        transform: scale(1.05);
    }
}

@media (max-width: 991px) {
    #masterHeaderImage {
        width: 170px;
        height: 27px;
        margin: 10px 0px;
        background-size: cover;
        position: relative;
    }
    .UtilitySection.UtilitySearch {
        display: none;
    }
}

/* 99-Flat_White.css ln 11945 */
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLink:hover, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmFocused, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmExpanded {
    color: var(--qs-sky);
}

/* 99-Flat_White.css ln 12057 */
.RadTreeView.RadTreeView_Coffee .rtPlus:hover, .RadTreeView.RadTreeView_Coffee .rtPlus:focus, .RadTreeView.RadTreeView_Coffee .rtMinus:hover, .RadTreeView.RadTreeView_Coffee .rtMinus:focus {
    background: var(--qs-sky);
}

/* 99-Flat_White.css ln 12075 */
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    font: 500 20px "Public Sans", Arial, Helvetica, sans-serif !important;
    line-height: 1.6;
}

/* 99-Flat_White.css ln 12150 */
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink:hover, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink:focus, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink:active, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:hover, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:focus, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:active {
    background: #fcfcff;
    color: var(--qs-sky);
    box-shadow: none;
}

/* Quickstart CLASSES ============================================================= */

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

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