/* VACC RiSE theme style by ASI subcontractor Phil Varady, III - phil@philstack.com - created 7/7/2024 */

/* VACC color vars */

:root {
    --vacc-primary-blue: #00549f;
    --vacc-secondary-orange: #f47c23;
    --vacc-comp-blue: #3B88CE;
    --vacc-comp-orange: #f99b1c;
    /* the same?*/
    --vacc-home-banner-overlay: rgba(0, 0, 0, 0.3);  
}

/* DOC fonts */

/* Primary font - Poppins */

@font-face {
    font-family: 'Poppins';
    font-weight: 900;
    /* Black */
    font-style: normal;
    src: url('Poppins-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 900;
    /* Black */
    font-style: italic;
    src: url('Poppins-BlackItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 700;
    /* Bold */
    font-style: normal;
    src: url('Poppins-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 700;
    /* Bold */
    font-style: italic;
    src: url('Poppins-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 800;
    /* ExtraBold */
    font-style: normal;
    src: url('Poppins-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 800;
    /* ExtraBold */
    font-style: italic;
    src: url('Poppins-ExtraBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 200;
    /* ExtraLight */
    font-style: normal;
    src: url('Poppins-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 200;
    /* ExtraLight */
    font-style: italic;
    src: url('Poppins-ExtraLightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 400;
    /* Regular */
    font-style: italic;
    src: url('Poppins-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 300;
    /* Light */
    font-style: normal;
    src: url('fonts/Poppins/Poppins-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 300;
    /* Light */
    font-style: italic;
    src: url('fonts/Poppins/Poppins-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 500;
    /* Medium */
    font-style: normal;
    src: url('fonts/Poppins/Poppins-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 500;
    /* Medium */
    font-style: italic;
    src: url('fonts/Poppins/Poppins-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 400;
    /* Regular */
    font-style: normal;
    src: url('fonts/Poppins/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 600;
    /* SemiBold */
    font-style: normal;
    src: url('fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 600;
    /* SemiBold */
    font-style: italic;
    src: url('fonts/Poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 100;
    /* Thin */
    font-style: normal;
    src: url('fonts/Poppins/Poppins-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 100;
    /* Thin */
    font-style: italic;
    src: url('fonts/Poppins/Poppins-ThinItalic.ttf') format('truetype');
}

/* September */

@font-face {
    font-family: 'September';
    font-weight: 700;
    /* Bold */
    font-style: italic;
    src: url('fonts/September/September Bold Italic.otf') format('opentype');
}

@font-face {
    font-family: 'September';
    font-weight: 700;
    /* Bold */
    font-style: normal;
    src: url('fonts/September/September Bold.otf') format('opentype');
}

@font-face {
    font-family: 'September';
    font-weight: 900;
    /* Heavy */
    font-style: italic;
    src: url('fonts/September/September Heavy Italic.otf') format('opentype');
}

@font-face {
    font-family: 'September';
    font-weight: 900;
    /* Heavy */
    font-style: normal;
    src: url('fonts/September/September Heavy.otf') format('opentype');
}

@font-face {
    font-family: 'September';
    font-weight: 500;
    /* Medium */
    font-style: normal;
    src: url('fonts/September/September Medium.otf') format('opentype');
}

/* ==========================================================================
   Basic setup
   ========================================================================== */
body {
    font-family: "Poppins", 'Montserrat', 'Arial', sans-serif;
    font-size: 18px;
    line-height: 2;
    color: #1f202c;
}


/************************* HEADER FONTS *************************/

h1,
.h1 {
    font-family: "Poppins", 'Montserrat', 'Arial', sans-serif;
    font-size: 40px;
}

h2,
.h2,
.PanelTitle {
    font-family: "Poppins", 'Montserrat', 'Arial', sans-serif;
    font-size: 36;
}

h3,
.h3,
.SectionTitle {
    font-family: "Poppins", 'Montserrat', 'Arial', sans-serif;
    font-size: 28px;
}

h4,
.h4,
.SectionLabel {
    font-family: "Poppins", 'Montserrat', 'Arial', sans-serif;
    font-size: 20px;
}

h5,
.h5,
.SectionLabelSmaller {
    font-family: "Poppins", 'Montserrat', 'Arial', sans-serif;
    font-size: 20px;
}

h6,
.h6 {
    font-family: "Poppins", 'Montserrat', 'Arial', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

p {
    font-family: "Poppins", 'Montserrat', 'Arial', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

/* menu fonts */
.RadMenu.RadMenu_Coffee .rmRootLink,
.header-dark .RadMenu.RadMenu_Coffee .rmRootLink,
.footer-column,
.RadMenu_Coffee .rmSlide .rmLink,
.header-dark .RadMenu_Coffee .rmSlide .rmLink {
    font-family: "Poppins", 'Montserrat', 'Arial', sans-serif;
}

/* revise header layout per VACC design */
/* mobile below unchanged as of 7.7.24 */
@media (max-width: 991px) {
    header.header {
        grid-template: "logo" "utility" "primary-nav";
    }
}

@media (min-width: 992px) {

    .Wrapper-HomePage header.header,
    header.header {
        grid-template: ". logo primary-nav utility ." auto;
        grid-template-areas: ". logo primary-nav utility .";
        grid-template-columns: 15px 1fr 4fr 2fr 15px;
        padding: 25px 0;
        background-color: transparent;
        transition: background-color 0.3s, padding 0.3s;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 3000;
        width: 100%;
        box-shadow: none;
    }

    .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected,
    .RadMenu.RadMenu_Coffee .rmLink,
    .RadMenu.RadMenu_Coffee .rmToggle .rmIcon,
    .RadMenu.RadMenu_Coffee .rmRootLink,
    .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded,
    .RadMenu.RadMenu_Coffee .rmRootLink:hover,
    .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused,
    .Wrapper-HomePage header.header .rmLink,
    header.header .rmLink {
        color: #fff;
    }

    .RadMenu.RadMenu_Coffee .rmToggle .rmIcon,
    .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
        background-color: #fff;
    }

    .Wrapper-HomePage header.header .rmSlide .rmLink,
    header.header .rmSlide .rmLink {
        color: #000;
    }

    #hd.scrolled {
        background-color: white;
        border-bottom: none;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        padding: 5px 0;
    }

    #hd.scrolled .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text,
    #hd.scrolled .RadMenu.RadMenu_Coffee .rmRootLink,
    #hd.scrolled .header-aux-container .UtilityAuthentication a,
    #hd.scrolled .header-aux-container a.NavigationLink,
    #hd.scrolled .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link,
    #hd.scrolled .header-aux-container .account-toggle .nav-text,
    #hd.scrolled .rmLink {
        color: #000;
    }

    #hd.scrolled .RadMenu.RadMenu_Coffee .rmToggle .rmIcon,
    #hd.scrolled .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
        background-color: #000;
    }

    .Wrapper-HomePage .home-page-header-container,
    .header-background-container {
        display: block;
        padding: 0;
    }

    .container.full-width {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .container.full-width .panel-body {
        padding: 0;
    }

    .home-page-header-container .carousel-inner.bg-img>.item {
        background: transparent;
    }
}

/* set logo to align left */
header.header .header-logo-container {
    justify-self: start;
    margin-left: 15px;

}

@media (min-width: 992px) {
    .RadMenu.RadMenu_Coffee ul.rmRootGroup {
        float: left;
        margin-left: 25px;
    }
}

/* override flat_white max primary navigation width */
@media (min-width: 1380px) {

    header.header .header-primary-nav-container,
    header.header .header-logo-container {
        max-width: none;
    }
}

.header-aux-container {
    margin-top: 20px;
    margin-bottom: 20px;
    background: transparent;
}

/* override flat_wite homepage banner width */
/*@media (max-width: 1300px) {
    .header-background-container {
        display: block;
    }

    .Wrapper-HomePage .header-background-container .ContentItemContainer>.ContentItemContainer {
        height: 400px;
        width: 100%;
    }

    .vacc-home-col img {
        width: 100%;
        height: 400px !important;
        object-fit: cover;
        opacity: 0.5;
    }

    .container.full-width {
        padding: 0;
    }

    .vacc-home-title,
    .vacc-home-caption {
        color: #fff;
        position: relative;
        bottom: 270px;
        padding: 10px;
    }

    .vacc-home-title {
        font-size: 2.2em;
        font-style: italic;
        line-height: 1.2em;
        font-weight: 600;
    } 

    .vacc-home-title {
        font-size: 1.75em;
        font-style: italic;
        line-height: 1.2em;
        font-weight: 600;
    }



    header.header .header-logo-container {
        margin: 10px auto;
    }

    .header-aux-container .nav-aux-cart a.NavigationLink:hover,
    .header-aux-container .nav-aux-cart a.NavigationLink:focus,
    .header-aux-container .nav-aux-cart a.NavigationLink:hover span,
    .header-aux-container .nav-aux-cart a.NavigationLink:focus span,
    .header-aux-container .UtilityAuthentication a,
    .header-aux-container a.NavigationLink,
    .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link,
    .header-aux-container .account-toggle .nav-text,
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text,
    .RadMenu.RadMenu_Coffee .rmRootLink {
        color: #000;
    }
}*/

@media (max-width: 990px) {
    .header-background-container {
        display: block;
    }

    .Wrapper-HomePage .header-background-container .ContentItemContainer>.ContentItemContainer {
        height: 400px;
        width: 100%;
    }

    .vacc-home-col img {
        width: 100%;
        height: 400px !important;
        object-fit: cover;
        opacity: 0.5;
    }

    .container.full-width {
        padding: 0;
    }

    .vacc-home-title,
    .vacc-home-caption {
        color: #fff;
        position: relative;
        bottom: 270px;
        padding: 10px;
    }

    /*.vacc-home-title {
        font-size: 2.2em;
        font-style: italic;
        line-height: 1.2em;
        font-weight: 600;
    }*/ 

    .vacc-home-title {
        font-size: 1.75em;
        font-style: italic;
        line-height: 1.2em;
        font-weight: 600;
    }



    header.header .header-logo-container {
        margin: 10px auto;
    }

    .header-aux-container .nav-aux-cart a.NavigationLink:hover,
    .header-aux-container .nav-aux-cart a.NavigationLink:focus,
    .header-aux-container .nav-aux-cart a.NavigationLink:hover span,
    .header-aux-container .nav-aux-cart a.NavigationLink:focus span,
    .header-aux-container .UtilityAuthentication a,
    .header-aux-container a.NavigationLink,
    .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link,
    .header-aux-container .account-toggle .nav-text,
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text,
    .RadMenu.RadMenu_Coffee .rmRootLink {
        color: #000;
    }
}

/* @media (min-width: 1301px) { */
@media (min-width: 991px) { 

    #ste_container_VACCHome5050left,
    #ste_container_VACCHome5050right {
        width: 50%;
        float: left;
        display: block;
    }

    #ste_container_VACCHome5050right {
        padding-top: 50px;
    }


    .Wrapper-HomePage .header-background-container .ContentItemContainer>.ContentItemContainer {
        width: 25%;
        height: 90vh;
        float: left;
    }

    #ste_container_HomepageSmallScreenSlideshow {
        display: none;
    }

    .vacc-home-col {
        height: 90vh;

    }

    .vacc-home-bg {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    .vacc-home-col img {
        width: 100%;
        height: 100% !important;
        object-fit: cover;
    }

    .vacc-home-col {
        overflow: hidden;
    }

    .vacc-home-overlay {
        background: var(--doc-home-banner-overlay);
        display: relative;
        height: 100%;
        width: 100%;
    }


    /*.vacc-home-title,
    .vacc-home-caption {
        color: #fff;
        position: relative;
        bottom: 370px;
        width: 100%;
        padding: 40px;
        z-index: 2000;
        line-height: 1.2;
    } */

    .vacc-home-title,
    .vacc-home-caption {
        color: #fff;
        position: relative;
        bottom: 370px;
        width: 100%;
        padding: 40px 10px 40px 20px;
        z-index: 2000;
        line-height: 1.2;
    }

    /*.vacc-home-title {
        font-size: 2em;
        bottom: 300px;
        font-style: italic;
        font-weight: 500;
    } */

    .vacc-home-title {
        font-size: 1.75em;
        bottom: 225px;
        font-style: italic;
        font-weight: 500;
    }

    .home-page-header-container {
        margin-top: 50px;
    }

    .vacc-home-col img {
        opacity: 0.7;
        transition: opacity 0.75s;
    }

    /*.vacc-home-col:hover img {
        opacity: 0.9;
        transition: opacity 0.75s;
    }*/

    .vacc-home-col:hover img {
        opacity: 1;
        transition: opacity 0.75s;
    }

    .header-background-container .panel {
        border: none;
        margin-top: -1px;
        /* 'fix' weird overflow */
    }

    /* iframe clash - ryan franks 2025 .header-background-container .panel:after {
        background: var(--vacc-home-banner-overlay);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 700px;
        display: block;
        content: '';
        position: absolute;
    }  */
}

/*@media (max-width:1300px) {
    .Wrapper-HomePage .header-background-container .ContentItemContainer>.ContentItemContainer {
        display: none;
    }

    #ste_container_HomepageSmallScreenSlideshow {
        display: block;
        width: 100%;
        height: auto;
    }

}*/

@media (max-width:990px) {
    .Wrapper-HomePage .header-background-container .ContentItemContainer>.ContentItemContainer {
        display: none;
    }

    #ste_container_HomepageSmallScreenSlideshow {
        display: block;
        width: 100%;
        height: auto;
    }

}

.vacc-home-caption {
    max-width: 350px;
}

.vacc-home-overlay {
    padding: 20px 10px;
}

.vacc-home-5050-left p {
    text-align: right !important;
    margin-right: 50px;
}

.vacc-home-5050-right {
    max-width: 550px;
}

.vacc-home-5050-right h2 {
    color: var(--vacc-comp-orange);
    font-weight: 200;
    font-size: 1.2em;
}

.vacc-home-5050-right h3 {
    color: var(--vacc-primary-blue);
    font-weight: 500;
    font-size: 2.2em;
}

.vacc-home-5050-right p {
    font-size: 1.25em;
    line-height: 1.65em;
}

/* default button */
.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
    background: var(--vacc-comp-blue);
    color: #fff;
}

.btn:hover,
.btn:focus,
.btn:active,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.RadUpload.RadUpload .ruButton:hover,
.RadUpload.RadUpload .ruButton:focus,
.RadUpload.RadUpload .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
    background: var(--vacc-comp-blue);
    opacity: 0.9;
    color: #fff;
}

/* VACC alt button */
.VaccAltButton {
    background: #fff;
    border-radius: 0;
    margin: 0 20px 0 0;
    color: var(--vacc-comp-orange);
    border: none;
}

.VaccAltButton.TextButton:hover,
.VaccAltButton.TextButton:focus,
.VaccAltButton.TextButton:active {
    background: var(--vacc-comp-orange);
    color: #fff;
}

.VaccButton {
    border-radius: 0;
    border: none;
}

/* top right buttons aux nav area */
.header-aux-container .NavigationListItem.TextButton.VaccAltButton a,
.header-aux-container .UtilityAuthentication a.vacc-auth-button {
    padding: 5px 15px;
    font-size: 0.9em;
    font-weight: 500;
}

.header-aux-container .VaccButton {
    background: var(--vacc-primary-blue);
    padding: 2.5px 15px;
    font-size: 1.2em;
}

.header-aux-container .VaccButton a.NavigationLink,
#hd.scrolled .header-aux-container .VaccButton a.NavigationLink {
    color: #fff;
    font-weight: 600;
}

.header-aux-container .NavigationListItem.TextButton.VaccAltButton {
    padding: 0;
}

.header-aux-container .NavigationListItem.TextButton.VaccAltButton a {
    background: var(--vacc-comp-orange);
    border: solid 3px var(--vacc-comp-orange);
    border-radius: 0;
}

.header-aux-container .NavigationListItem.TextButton.VaccAltButton a.NavigationLink:hover,
.header-aux-container .NavigationListItem.TextButton.VaccAltButton a.NavigationLink:hover span {
    color: #fefefe;
}

.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 {
    text-decoration: none;
    color: #fff;
}

.header-aux-container .NavigationListItem.TextButton.VaccAltButton a.NavigationLink:hover {
    border: solid 3px var(--vacc-comp-orange);
}

#hd.scrolled .header-aux-container .NavigationListItem.TextButton.VaccAltButton a,
#hd.scrolled .header-aux-container .UtilityAuthentication a.vacc-auth-button {
    color: #fff
}

/* default interior page header bg position */
.header-background-container .carousel-inner.bg-img>.item {
    background-position-y: 35%;
}

/* begin footer */
footer.footer {
    padding-top: 0px;
    padding-bottom: 15px;
    text-align: left;
}

footer.footer a {
    text-decoration: none;
}

footer.footer a:hover,
footer.footer a:focus {
    color: #27A9CC;
}

/*footer.footer a.TextButton {
    color: #252E38;
}
    */
    
footer.footer a.TextButton {
    background: linear-gradient(to right, #005dab, #008fd7);
    color: #ffffff;
    }


footer.footer h3,
footer.footer h4 {
    margin-bottom: 15px;
}

footer.footer .footer-content>.container {
    grid-template: "navigation contact" "copyright copyright" / 2fr 1fr;
    font-weight: 300;
    /* first level */
}

footer.footer .footer-content>.container .footer-column:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: contact;
    text-align: left;
}

footer.footer .footer-content>.container .footer-column:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: copyright;
    margin-top: 60px;
}

footer.footer .footer-content>.container .footer-column:nth-child(2) .WTZone {
    display: flex;
    justify-content: space-between;
}

footer.footer .footer-content>.container .footer-column:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: navigation;
}

footer.footer .footer-content>.container h2 {
    font-size: 18px;
    color: #ffffff;
}

footer.footer .footer-content>.container .SocialSprite {
    border-radius: 50px;
}

footer.footer .footer-content>.container ul {
    margin: 0;
    padding: 0;
}

footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer>ul {
    display: flex;
    flex-flow: row wrap;
    grid-gap: 40px 0px;
}

footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer ul>li {
    flex: 0 0 auto;
    font-weight: 600;
    list-style: none;
    margin: 0 1%;
    width: 23%;
}

footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer ul>li a {
    margin-bottom: 15px;
    display: block;
}

footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer ul>li ul li {
    font-weight: 300;
    width: 100%;
}

footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer ul>li ul li a {
    margin-bottom: 0px;
}

footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer ul li li {
    text-transform: none;
}

@media (max-width: 991px) {
    footer.footer .footer-content>.container {
        grid-template: "navigation" "contact" "copyright";
        display: grid;
        font-size: 90%;
    }

    footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer>ul {
        display: flex;
        flex-flow: column;
        grid-gap: 20px 0px;
    }

    footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer ul>li {
        flex: 0 0 auto;
        font-weight: 600;
        list-style: none;
        margin: 0;
        width: 100%;
    }

    footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer ul>li a {
        margin-bottom: 0px;
    }

    footer.footer .footer-content>.container .footer-column:nth-child(1) .ContentItemContainer .row {
        margin-bottom: 10px;
    }

    footer.footer .footer-content>.container .footer-column:nth-child(2) {
        margin-top: 20px;
    }

    footer.footer .footer-content>.container .footer-column:nth-child(2) .WTZone {
        display: block;
        font-size: 100%;
        /* overridden */
    }

    footer.footer .footer-content>.container .UtilityNavigation.nav-auxiliary .NavigationUnorderedList li {
        display: block;
        padding: 0;
        border: 0;
    }

    footer.footer .footer-content>.container .footer-column:nth-child(1) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    footer.footer .footer-content>.container .footer-column:nth-child(2) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }

    footer.footer .footer-content>.container .footer-column:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
}

/* begin footer revisions */
@media (min-width: 992px) {
    footer.footer .footer-content>.container {
        grid-template: "col1 col1 col2 col3" "copyright copyright copyright copyright" / 1fr 1fr 1fr 1fr;
        font-weight: 300;
        max-width: none;
        /* first level */
    }

    .vacc-footer-list {
        padding: 30px;
    }
}

footer.footer .footer-content>.container .footer-column:nth-child(1) {
    grid-area: col1;
}

footer.footer .footer-content>.container .footer-column:nth-child(2) {
    grid-area: col2;
    margin-top: 0;
}

footer.footer .footer-content>.container .footer-column:nth-child(3) {
    grid-area: col3;
}

footer.footer .footer-content>.container .footer-column:nth-child(4) {
    grid-area: col4;
    display: none;
}

footer.footer .footer-content>.container .footer-column:nth-child(5) {
    grid-area: col5;
    display: none;
}

footer.footer .footer-content>.container .footer-column:nth-child(6) {
    grid-area: col6;
    display: none;
}

footer.footer .footer-content>.container .vacc-footer-copyright {
    display: grid;
    grid-area: copyright;
}

footer.footer h4 {
    font-weight: bold;
}

@media (max-width: 991px) {
    footer.footer .footer-content>.container {
        grid-template: "col1" "col2" "col3" "col4" "col5" "col6" "copyright";
    }

    .vacc-footer-copyright,
    .vacc-footer-list {
        padding: 10px;
        margin: 10px
    }
}

/* tagged list formatting for articles */
.vacc-article-image {
    display: none;
}

.vacc-latest-article {
    min-height: 460px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.vacc-latest-article .vacc-article-title,
.vacc-latest-article .vacc-article-date {
    margin: 0 20px 30px;
}

.vacc-article-title a {
    font-weight: 780;
}

.vacc-article-title a,
.vacc-article-date a {
    color: #fff;
}

.vacc-article-side-stacked .vacc-article-title {
    margin-bottom: 0;
    margin-top: 10px;
}

.vacc-article-featured-image {
    margin-bottom: 0;
}

.vacc-article-featured-image img {
    max-height: 196px;
    width: 100%;
    object-fit: cover;
}

/*.vacc-article-three-across a,
.vacc-article-side-stacked a {
    color: var(--vacc-primary-blue)
} */

.vacc-article-three-across a, .vacc-article-side-stacked a {
    color: #212427;
}


.vacc-article-side-stacked {
    margin-bottom: 30px;
}

.vacc-article-three-across {
    float: left;
    margin: 2%;
    margin-top: 0;
}

@media (min-width:900px) {
    .vacc-article-three-across {
        width: 30.5%;
    }
}

.vacc-article-three-across:first-child {
    margin-left: 0;
}

.vacc-article-three-across:nth-child(3) {
    margin-right: 0;
}

.vacc-article-three-across .vacc-article-featured-image img {
    max-height: 365px;
}

.vacc-article-three-across .vacc-article-title,
.vacc-article-three-across .vacc-article-date {
    margin: 0;
    margin-top: 10px;
}

/* icons for arrow on accordion */
.panel-title {
    position: relative;
}

.collapsed-icon.fas {
    display: block;
    background: url('images/ExpandIcon.png');
    width: 20px;
    height: 20px;
}

.collapsed-icon.fa-minus {
    transform: rotate(180deg);
}

.collapsed .expanded-icon.fas {
    display: none;
}

/* homepage revisions 2024.12.9 */
.VACC-home-page-row {
    padding: 60px 0 40px;
}

@media (min-width:992px) {
    .VACC-homepage-article-top-section>div:nth-child(1) {
        padding-left: 0;
    }

    .VACC-homepage-article-top-section>div:nth-child(2) {
        padding-right: 0;
    }
}

.VACC-homepage-image-side img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.row.VACC-homepage-image-split-section>div {
    padding: 0
}

.row.VACC-homepage-image-split-section {
    padding-bottom: 50px;
}

.VACC-homepage-text-side .ContentItemContainer {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.VACC-homepage-text-side .ContentItemContainer .WebPartZone {
    background: #f3f3f3;
    align-content: center;
    padding: 0 60px;
    height: 100%;
}

.VACC-homepage-image-side .ContentItemContainer {
    margin-bottom: 0;
}

.Wrapper-FullWidth .col-primary .row.VACC-homepage-gallery-row,
.Wrapper-FullWidth .col-primary .row.VACC-homepage-image-split-section {
    max-width: 80%;
    width: 100%;
}




/* reworking footer for new design */
.footer-content {
    max-width: 1380px;
    margin: 0 auto;
}

.vacc-footer-logo {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.footer-column .WTZone,
.footer-column .WTZone .ContentItemContainer {
    height: 100%;
}

.vacc-footer-logo .logo-top-area {
    margin-top: 30px;
}

.vacc-footer-logo .logo-bottom-area {
    align-self: flex-end;
    margin-top: auto;
}


/* fix overflowing footer content.... */
footer {
    overflow: hidden;
}

@media (max-width:991px) {
    .container.full-width {
        margin: 0;
    }
}

/* interior page header image solution */
.vacc-header-image {
    display: none;
}

/* vacc newsroom page styles */
.vacc-newsroom-article {
    margin: 2%;
}

@media (min-width:992px) {
    .vacc-newsroom-article {
        display: block;
        width: 46%;
        float: left;
        min-height: 400px;
    }
}

.vacc-newsroom-article-title {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.25;
    margin-top: 10px;
}

.vacc-newsroom-article-desc {
    line-height: 1.2
}

/* vacc meeting page styles */
.vacc-meeting {
    line-height: 1.4;
    display: flex;
    flex-direction: row;
    border-bottom: 1px var(--vacc-home-banner-overlay) solid;
    margin-bottom: 20px;
    align-items: center;
}

.vacc-meeting-col1,
.vacc-meeting-col2,
.vacc-meeting-col3 {
    padding-bottom: 20px;
    flex: 1;
}

.vacc-meeting-col2 {
    flex: 2
}

.vacc-meeting-title {
    font-weight: 700;
    font-size: 1.5em;
    color: var(--vacc-primary-blue);
}

.vacc-meeting-col1 {
    text-align: center;
}

.vacc-meeting-date .day {
    font-size: 3em;
    font-weight: 400;
    width: 100%;
    display: block;
    color: var(--vacc-primary-blue);
    text-align: center;
}

.vacc-meeting-date .month,
.vacc-meeting-date .year {
    width: 100%;
    float: left;
    color: #000;
}

.vacc-meeting-date .month {
    font-size: 1.4em;
    font-weight: 500;
}

.vacc-meeting-image {
    text-align: center;
}

@media (max-width:991px) {
    .vacc-meeting {
        flex-direction: column;
        text-align: center;
    }

    .vacc-meeting-desc {
        text-align: left;
    }
}

.vacc-events-iqa a:hover {
    text-decoration: none;
}

.vacc-meeting-time,
.vacc-meeting-desc,
.vacc-meeting-category {
    color: #000;
}

.vacc-meeting-category {
    font-weight: bold;
    font-style: italic;
}

/* different logo on scroll enhancement */
.header-logo-scrolled {
    display: none;
}

@media (min-width:992px) {
    #hd.scrolled .header-logo-scrolled {
        display: block;
    }

    #hd.scrolled .header-logo-top {
        display: none;
    }
}

@media (max-width:991px) {

    .header-logo-top {
        margin-top: 10px;
    }

    header.header {
        background: transparent;
        position: absolute;
        width: 100%;
        box-shadow: none;
    }

    .carousel .carousel-caption {
        position: relative;
        bottom: 0
    }

    .header-aux-container .UtilityNavigation.nav-auxiliary .VaccButton,
    .header-aux-container .UtilityNavigation.nav-auxiliary .VaccAltButton {
        display: none;
    }

    .header-aux-container .UtilityNavigation {
        justify-content: center;
    }

    .Wrapper-HomePage header.header {
        grid-template: "utility logo" "primary-nav primary-nav" "banner banner";
        grid-template-columns: 50px auto;
        padding-bottom: 0px;
    }

   /*.navbar-toggle.collapsed,
    .obo-toggle.collapsed,
    .ste-toggle.collapsed,
    .page-statistics-toggle.collapsed,
    .searchbar-toggle.collapsed {
        background: #fff;
        margin-top: 15px;
    } */

    .navbar-toggle.collapsed,
    .obo-toggle.collapsed,
    .ste-toggle.collapsed,
    .page-statistics-toggle.collapsed,
    .searchbar-toggle.collapsed {
        background: #fff;
        margin-top: 15px;
        margin-left: 30px;
    }

    .menu-toggle {
        -webkit-mask-size: 28px 28px;
    }
}

.header-background-container {
    overflow: unset;
}

/* vacc tile styles for news, events, products, etc. */
.vacc-tile {
    width: 22%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    min-height: 500px;
    display: flex;
    flex-direction: column;
    float: left;
    margin: 15px;
}

.vacc-tile .vacc-article-featured-image img {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    height: 170px !important;
    object-fit: cover;
}

.vacc-tile {
    border-radius: 5px;
}

.vacc-tile a {
    color: #000;
}

.vacc-tile:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.vacc-tile .vacc-newsroom-article-title {
    margin-top: 0;
}

.vacc-tile-content {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    padding: 10px;
}

.vacc-tile-category {
    margin-top: 30px;
    border-top: solid rgba(0, 0, 0, 0.05) 3px;
}

.vacc-tile-content .vacc-newsroom-article-desc {
    font-size: .8em;
}

.vacc-tile-category {
    padding: 10px;
}

@media (max-width:1000px) {
    .vacc-tile {
        width: 43%;
        height: 520px;
    }

    .vacc-tile:nth-child(1),
    .vacc-tile:nth-last-child {
        margin-right: 0;
        margin-left: 0;
    }

    .vacc-tile:nth-child(3) {
        margin-left: 0;
    }
}

@media (max-width:650px) {
    .vacc-tile {
        width: 100%;
        height: auto;
        margin: 20px 0;
    }

    .vacc-tile-content .vacc-newsroom-article-desc {
        font-size: 1em;
    }
}

.vacc-products-tiles .vacc-tile-category span,
.vacc-events-tiles .vacc-tile-category span,
.vacc-events-tiles .vacc-tile-category a,
.vacc-tile-category a {
    background: #030303;
    color: #fff;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
    font-size: .8em;
}

.vacc-tile-category a:hover {
    text-decoration: none;
}

.vacc-products-tiles-tiles .vacc-tile-category.green span,
.vacc-events-tiles .vacc-tile-category.green span,
.vacc-tile-category.green a {
    background: green
}

.vacc-products-tiles-tiles .vacc-tile-category.purple span,
.vacc-events-tiles .vacc-tile-category.purple span,
.vacc-tile-category.purple a {
    background: purple
}

.vacc-products-tiles-tiles .vacc-tile-category.orange span,
.vacc-events-tiles .vacc-tile-category.orange span,
.vacc-tile-category.orange a {
    background: var(--vacc-comp-orange)
}

.vacc-products-tiles-tiles .vacc-tile-category.blue span,
.vacc-events-tiles .vacc-tile-category.blue span,
.vacc-tile-category.blue a {
    background: var(--vacc-primary-blue)
}

.filter-buttons {
    margin-bottom: 20px;
}

/* .filter-buttons button {
    margin: 0 5px;
    padding: 10px 15px;
    border: none;
    background-color: var(--vacc-primary-blue);
    color: white;
    cursor: pointer;
    border-radius: 15px;
}*/

.filter-buttons button {
    margin: 0 5px;
    padding: 10px 15px;
    border: none;
    background-color: var(--vacc-primary-blue);
    color: white;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 10px;
}

.filter-buttons button.green {
    background: green;
}

.filter-buttons button.purple {
    background: purple;
}

.filter-buttons button.orange {
    background: var(--vacc-comp-orange);
}

.filter-buttons button.blue {
    background: var(--vacc-primary-blue);
}

.filter-buttons button.black {
    background: black;
}

.filter-buttons button:hover {
    opacity: 0.85
}

/* .vacc-homepage-slideshow .carousel-caption {
    position: absolute;
    bottom: 100px;
    top: auto;
    left: 50px;
    right: auto;
    max-width: 50%;
} */

.vacc-homepage-slideshow .carousel-caption {
    position: absolute;
    bottom: 20px;
    top: auto;
    left: 50px;
    right: auto;
    max-width: 50%;
}

.vacc-homepage-slideshow .panel-body {
    padding: 0;
}

.vacc-meeting-image img {
    height: 170px !important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    object-fit: cover;
    display: block;
    width: 100%;
}

.vacc-tile-content,
.vacc-tile-content a {
    color: #000;
}

.vacc-events-tiles .vacc-tile {
    height: 410px;
}

.vacc-tile-content {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    padding: 10px;
}

.vacc-homepage-slideshow .carousel-caption h2,
.vacc-homepage-slideshow .carousel-caption p,
.vacc-home-overlay p {
    font-family: "September", 'Montserrat', 'Arial', sans-serif;
}

.vacc-homepage-slideshow .carousel-caption h2 {
    font-size: 3em !important;
}

.vacc-homepage-slideshow .carousel-indicators, 
.vacc-homepage-slideshow .icon-next, .vacc-homepage-slideshow .carousel-control.left {
    display: none !important; /* Hide both only inside .vacc-homepage-slideshow */
}


/*.vacc-home-title {
    font-size: 2.5em;
} */

.vacc-home-title {
    font-size: 1.75em;
} 

.september * {
    font-family: "September", 'Montserrat', 'Arial', sans-serif;
    font-style: italic;
}

.QueryTemplateItem .vacc-tile {
    margin: 15px;
}

p.vacc-home-caption {
    font-family: "Poppins"
}

/*.vacc-home-title {
    margin-bottom: 20px;
} */

.vacc-home-title {
    margin-top: 9vh;
}


.VaccAltButton a {
    text-decoration: none !important;
}

/*@media (min-width:992px) {
    .Wrapper-FullWidth .col-primary .VACC-80-row {
        max-width: 80%;
    }
}

@media (max-width:991px) {
    .Wrapper-FullWidth .col-primary .VACC-80-row {
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    } */
@media (min-width: 2101px) {
        .Wrapper-FullWidth .col-primary .VACC-80-row {
            max-width: 80%;
        }
    }
    
    @media (max-width: 2100px) {
        .Wrapper-FullWidth .col-primary .VACC-80-row {
            max-width: 95%;
            width: 100%;
            margin: 0 auto;
            padding: 0;
        }
    
    
    .Wrapper-FullWidth .col-primary .VACC-80-row .panel-body {
        padding: 0;
    }
    }

    .Wrapper-FullWidth .col-primary .VACC-100-row {
        max-width: 95%;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    
/*.vacc-newsroom-article-date {
    line-height: normal;
} */

.vacc-newsroom-article-date {
    line-height: normal;
    padding-bottom: 10px;
}

.vacc-newsroom-article-title {
    margin-bottom: 10px;
}

.vacc-tile-address {
    margin-top: 10px;
}

/* full width sections page container class */
.full-width-sections .wrapper .main-container {
    max-width: unset;
}

.full-width-sections .wrapper .main-container .row {
    max-width: 1360px;
    margin: 0 auto;
    padding: 30px;
}

.full-width-sections .wrapper .main-container .row.full-width {
    max-width: unset;
}

.full-width-sections .wrapper .main-container .row.grey-bg {
    background-color: #e3e3e3;
}

body:not(.Wrapper-HomePage).full-width-sections .body-container>div {
    padding: 0px;
}

/* emblem bg images */
.vacc-emblem-topleft .wrapper {
    background: url('/App_Themes/VACC-Flat-White/vacc-img/vacc-emblem-3opaque.png');
    background-repeat: no-repeat;
    background-position: 4% 50%;
}

.vacc-emblem-bottomright .wrapper {
    background: url('/App_Themes/VACC-Flat-White/vacc-img/vacc-emblem-3opaque.png');
    background-repeat: no-repeat;
    background-position: 96% 60%; 
}

.vacc-emblem-both .wrapper {
    background-image: url(/App_Themes/VACC-Flat-White/vacc-img/vacc-emblem-3opaque.png), url(/App_Themes/VACC-Flat-White/vacc-img/vacc-emblem-3opaque.png);
    background-repeat: no-repeat;
    background-position: 1% 20%, 99% 55%;
}

.col-primary {
    background: transparent;
}

.vacc-tile {
    background: #fefefe;
}

.panel-body, .PanelBody {
    padding: 0px !important;
} 

.FloatRight, .pull-right {
    float: left !important; 
}

.newsroom-page-format > div > div > div > .TaggedListPanel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.newsroom-page-format > .TaggedListPanel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* Full width for sections, images, and text for screens up to 1600px */
@media (max-width: 1600px) { 
    .Wrapper-FullWidth .col-primary .row.VACC-homepage-gallery-row, 
    .Wrapper-FullWidth .col-primary .row.VACC-homepage-image-split-section {
        max-width: 100% !important;
        width: 100% !important;
    }
  
    .VACC-homepage-image-split-section {
        display: grid !important;
        grid-template-rows: auto auto !important;
    }
  
    .VACC-homepage-image-side {
        grid-row: 1 !important; /* Image always first */
        width: 100% !important;
    }
  
    .VACC-homepage-text-side {
        grid-row: 2 !important; /* Text always second */
        width: 100% !important;
    }
  
    /* Add spacing for paragraphs and headings inside text section */
    .VACC-homepage-text-side p,
    .VACC-homepage-text-side h1,
    .VACC-homepage-text-side h2,
    .VACC-homepage-text-side h3,
    .VACC-homepage-text-side h4,
    .VACC-homepage-text-side h5,
    .VACC-homepage-text-side h6 {
        margin-top: 25px;
    }
  }
  
  /* Limit image height to 200px for screens between 1200px and 1600px */
  @media (min-width: 1200px) and (max-width: 1600px) { 
    .VACC-homepage-image-side img {
        height: 200px !important;
        width: 100% !important; /* Ensures images still span full width */
        object-fit: cover; /* Keeps aspect ratio and fills 200px */
    }
  }
  
  @media (max-width: 990px) {
    .vacc-homepage-slideshow .carousel-caption {
        max-width: 100% !important; /* Make container full width */
        left: 0 !important; /* Align it to the left */
        right: 0 !important; /* Ensure full width */
        padding: 0 20px; /* Optional: Adds padding for better spacing */
        text-align: left; /* Center text inside */
    }

    .vacc-homepage-slideshow .carousel-caption h2 {
        font-size: 3rem !important; /* Reduce font size */
    }
}

@media (min-width: 990px) and (max-width: 1600px) {
    .vacc-home-title {
        margin-top: 7vh !important;
        font-size: 1.5em !important;
    }
}

#panel-border-padding {
    padding: 15px !important;
}

/* Container */
.vacc-shop-filter-buttons {
    text-align: center;
    margin: 20px 0;
}

/* All filter buttons */
.vacc-shop-filter-buttons button {
    background: #000; /* black like newsroom category pills */
    color: #fff;
    border: none;
    padding: 10px 15px;
    margin: 0px 5px;
    border-radius: 5px; /* pill shape */
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 1.85rem;
}

/* Hover state */
.vacc-shop-filter-buttons button:hover {
    background: #333;
}

/* Active state (controlled by JS adding .is-active) */
.vacc-shop-filter-buttons button.is-active {
    background: #0065b3; /* same blue used for active newsroom category */
    color: #fff;
}