/* VIC's gold and coral palette for pages that opt into the home theme. */
.vic-home {
    --vic-gold: #f8c81e;
    --vic-coral: #ef5f43;
    --vic-ink: #242424;
    --vic-link: #a63722;
    --vic-border: #e4d8c5;
    color: var(--vic-ink);
    font-family: 'Helvetica Neue', Arial, sans-serif;
}
.vic-home .home-hero h1,
.vic-home .home-introduction h2,
.vic-home .home-lower-section h2,
.vic-home .home-connect h2,
.vic-home .home-resource-card h3,
.vic-home .home-footer h2,
.vic-home .home-stat-grid strong,
.vic-seniors h1,
.vic-seniors h2,
.vic-seniors h3,
.vic-seniors h4,
.vic-seniors h5,
.vic-seniors h6 {
    font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
}
.vic-seniors .jumbotron span {
    font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
}
.vic-help #vcccfooter span {
    text-transform: lowercase;
    font-weight: 400 !important;
}
.vic-help #vcccfooter span:first-of-type {
    text-transform: none;
}
.vic-seniors #vcccfooter span,
.vic-arts-culture #vcccfooter span,
.vic-who-we-are #vcccfooter span,
.vic-contact #vcccfooter span {
    font-weight: 400 !important;
}
.vic-seniors #seniors,
.vic-seniors #seniors2 {
    height: auto;
    min-height: 450px;
    margin-bottom: 0;
    padding-bottom: 48px;
    border-bottom: 4px solid var(--vic-gold);
}
.vic-seniors #seniors {
    background-image: linear-gradient(rgba(0, 0, 0, .24), rgba(0, 0, 0, .14)), url('../images/vccc_seniors.png');
}
.vic-seniors #seniors2 { border-bottom-color: var(--vic-coral); }
.vic-seniors .seniors-content-section { color: var(--vic-ink); border-bottom: 1px solid var(--vic-border); }
.vic-seniors .seniors-content-section h1 { font-size: clamp(28px, 3vw, 40px); margin-bottom: 24px; }
.vic-seniors .seniors-copy { font-size: 16px; line-height: 1.75; }
.vic-seniors .seniors-content-section h4 { font-family: inherit; font-size: 16px; line-height: 1.75; }
.vic-seniors .seniors-content-section .row { row-gap: 24px; }
.vic-seniors .seniors-content-section img { height: auto; object-fit: contain; }
.vic-seniors .seniors-highlight { margin-top: 24px; padding: 20px; background: #fff8e5; border-left: 4px solid var(--vic-coral); color: var(--vic-ink); font-size: 20px; line-height: 1.6; }
@media (max-width: 575.98px) {
    .vic-seniors .seniors-content-section > .container { padding-left: 24px !important; padding-right: 24px !important; }
}
.vic-home .home-hero {
    background: linear-gradient(rgba(0, 0, 0, .24), rgba(0, 0, 0, .14)), url('../images/vccc-community-banner.png') center calc(65% - 96px) / cover no-repeat;
}
.vic-home .home-main-hero,
.vic-home .who-we-are-hero {
    background-position: center calc(65% - 72px);
}
.vic-seniors .seniors-hero {
    background-image: linear-gradient(rgba(0, 0, 0, .24), rgba(0, 0, 0, .14)), url('../images/vccc_seniors.png');
    background-position: center;
}
.vic-contact .contact-hero {
    background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .2)), url('../images/vccc_contact.png');
    background-position: center;
}
.vic-contact .contact-hero .home-hero-copy { display: flex; flex-direction: column; align-items: center; }
.vic-contact .contact-hero .home-hero-vietnamese { order: 3; transform: none; margin-top: 12px; }
.vic-contact .contact-hero h1 { order: 0; }
.vic-contact .contact-hero .home-hero-copy > p:not(.home-hero-vietnamese) { order: 1; margin-top: 32px; font-weight: 400; }
.vic-contact .contact-hero .home-blue-button { order: 2; }
.vic-program-page .education-hero {
    background-image: linear-gradient(rgba(0, 0, 0, .24), rgba(0, 0, 0, .14)), url('../images/vccc_vic.png');
    background-position: center calc(50% - 96px);
}
.vic-home.vic-program-page,
.vic-home.vic-calendar,
.vic-home.vic-registration,
.vic-home.vic-school-contact,
.vic-home.vic-syllabus,
.vic-home.vic-volunteer { font-family: 'Helvetica Neue', Arial, sans-serif; }
.vic-program-page .education-hero h1 { color: white; }
.vic-program-page .bg-light { color: var(--vic-ink); border-bottom: 1px solid var(--vic-border); }
.vic-program-page .bg-light h1 { font-size: clamp(28px, 3vw, 40px); margin-bottom: 24px; }
.vic-program-page .bg-light .fs-4 { font-size: 16px !important; line-height: 1.75; font-style: normal !important; }
.vic-program-page .card { border-radius: 0; border-bottom: 4px solid var(--vic-gold) !important; }
.vic-program-page .card-img-top { aspect-ratio: 4 / 3; object-fit: contain; background: #fff8e5; }
.vic-program-page .card-body { background: #f8f9fa; }
.vic-program-page .card-text { font-size: 16px; line-height: 1.75; }
.vic-program-page .home-blue-button { font-family: inherit; }
.vic-program-page #vcccfooter span { font-weight: 400 !important; }
.vic-help .help-hero {
    background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .2)), url('../images/how_to_help.jpg');
    background-position: center;
}
.vic-help .help-hero .home-hero-vietnamese { transform: translateY(155px); }
.help-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.help-card { display: flex; flex-direction: column; align-items: flex-start; padding: 32px; background: #f8f9fa; border: 1px solid var(--vic-border); border-top: 4px solid var(--vic-gold); }
.help-card:nth-child(2) { border-top-color: var(--vic-coral); }
.help-card img { width: 72px; height: 72px; object-fit: contain; margin-bottom: 24px; }
.help-card h2 { font-size: 28px; }
.help-card p { font-size: 16px; line-height: 1.75; margin-bottom: 24px; }
.help-card .home-blue-button { margin-top: auto; }
@media (max-width: 767.98px) {
    .help-grid { grid-template-columns: minmax(0, 1fr); }
    .vic-help .help-hero .home-hero-vietnamese { transform: none; }
    .vic-help .help-hero .home-hero-copy > p:last-child { transform: none; }
}
.vic-arts-culture .home-hero {
    background-image: linear-gradient(rgba(0, 0, 0, .24), rgba(0, 0, 0, .14)), url('../images/vccc_events.png');
    background-position: center calc(45% - 96px);
}
.vic-arts-culture .vccc-about-image {
    width: 70%;
    justify-self: center;
}
.vic-arts-culture .vic-news-heading { text-align: center; text-transform: uppercase; }
.vic-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.vic-news-card { display: flex; flex-direction: column; background: #f8f9fa; border-bottom: 4px solid var(--vic-gold); }
.vic-news-card:nth-child(3n + 2) { border-bottom-color: var(--vic-coral); }
.vic-news-image-link { display: block; }
.vic-news-image-link img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: #fff8e5; }
.vic-news-copy { display: flex; flex-direction: column; flex: 1; padding: 24px; }
.vic-news-copy h3 { margin-bottom: 16px; }
.vic-news-copy p { margin-bottom: 24px; overflow-wrap: anywhere; }
.vic-arts-culture .vic-news-more { align-self: flex-start; margin-top: auto; padding: 10px 18px; background: var(--vic-gold); color: var(--vic-ink); font-weight: 700; text-decoration: none; }
.vic-arts-culture .vic-news-more:hover { background: var(--vic-coral); }
@media (max-width: 991.98px) {
    .vic-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
    .vic-news-grid { grid-template-columns: minmax(0, 1fr); }
}
.vic-home .home-hero .home-hero-vietnamese { color: var(--vic-gold); font-weight: 700; transform: translateY(139.2px); }
.vic-home .home-hero-copy > p:last-child { transform: translateY(72px); }
.vic-home .home-introduction { background: #f8f9fa; color: var(--vic-ink); }
.vic-home .home-introduction::before { background: linear-gradient(#f9e6a0, #fff8e5); }
.vic-home .home-introduction { padding-top: 28px; padding-bottom: 56px; }
.vic-home .home-top-container { max-width: 1140px; }
.vic-home .home-introduction h2 { font-size: clamp(28px, 3vw, 40px); margin-bottom: 32px; }
.vic-home .home-introduction-grid { max-width: 1080px; gap: 36px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vic-home .home-introduction-photo { height: 360px; transform: scale(1.21); }
.vic-home .home-introduction-copy { font-size: 16px; line-height: 1.75; }
.vic-home .home-introduction-copy p { margin-bottom: 20px; }
.vic-home .home-introduction .home-programs-heading { margin: 44px 0 32px; }
.vic-home .home-programs { gap: 16px; }
.vic-home .home-program img { height: 170px; }
.vic-home .home-program span { min-height: 82px; padding: 14px 10px; font-size: 15px; }
@media (max-width: 767.98px) {
    .vic-home .home-introduction { padding: 24px 20px 36px; }
    .vic-home .home-introduction-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .vic-home .home-introduction-photo { height: auto; max-height: 360px; }
    .vic-home .home-programs { gap: 12px; }
    .vic-home .home-programs > :last-child { width: calc(50% - 6px); }
    .vic-home .home-program img { height: clamp(125px, 26vw, 170px); }
}
.vic-home .home-introduction h2,
.vic-home .home-lower-section h2,
.vic-home .home-footer h2 { color: var(--vic-ink); }
.vic-home .home-introduction a,
.vic-home .home-resource-card a,
.vic-home .home-footer a { color: var(--vic-link); }
.vic-home .home-programs-heading::before,
.vic-home .home-programs-heading::after { background: var(--vic-gold); }
.vic-home .home-program { border-color: var(--vic-border); border-bottom: 3px solid var(--vic-gold); }
.vic-home .home-program:hover { border-color: var(--vic-coral); box-shadow: 0 3px 12px #24242422; }
.vic-home .home-lower-section { color: var(--vic-ink); }
.vic-home .home-eyebrow { color: var(--vic-link); }
.vic-home .home-resource-card { background: #fff; border-color: var(--vic-border); }
.vic-home .home-resource-card img[src$="vccc_resource1.png"] { object-position: center 30%; }
.vic-home .home-resource-card > div { background: var(--vic-coral); color: var(--vic-ink); }
.vic-home .home-resource-card:nth-child(2) > div { background: var(--vic-gold); }
.vic-home .home-resource-card a { color: var(--vic-ink); font-weight: 600; }
.vic-home .home-impact { background: #f8f9fa; }
.vic-home .home-stat-grid strong { color: var(--vic-ink); }
.vic-home .home-stat-grid > div { border-bottom: 4px solid var(--vic-gold); padding-bottom: 16px; }
.vic-home .home-stat-grid > div + div { border-left-color: var(--vic-border); }
.vic-home .home-blue-button { background: var(--vic-gold); border-color: var(--vic-gold); color: var(--vic-ink); }
.vic-home .home-blue-button:hover { background: var(--vic-coral); border-color: var(--vic-coral); color: var(--vic-ink); }
.vic-home .home-connect { background: linear-gradient(rgba(30, 25, 20, .85), rgba(30, 25, 20, .9)), url('../images/vccc_footer.png') center / cover; }
.vic-home .home-connect .home-eyebrow { color: var(--vic-gold); }
.vic-home .home-connect .home-blue-button { background: var(--vic-gold); border-color: var(--vic-gold); color: var(--vic-ink); }
.vic-home .home-connect .home-blue-button:hover { background: var(--vic-coral); border-color: var(--vic-coral); }
.vic-home .home-footer { background: #f8f9fa; color: var(--vic-ink); border-top: 4px solid var(--vic-gold); }
.vic-home .home-copyright { border-color: var(--vic-border); }
.vic-home a:focus-visible,
.vic-home button:focus-visible { outline: 3px solid var(--vic-link); outline-offset: 4px; }
.vic-home .home-connect a:focus-visible { outline-color: var(--vic-gold); }

/* About pages use the home theme with their own banner text positioning. */
.vic-about .home-hero .home-hero-vietnamese,
.vic-about .home-hero-copy > p:last-child { transform: none; }
.vic-about .who-we-are-hero .home-hero-vietnamese { transform: translateY(139.2px); }
.vic-about .who-we-are-hero .home-hero-copy > p:last-child { transform: translateY(72px); }
.vic-about .vccc-about-page { color: var(--vic-ink); }
.vic-about .vccc-about-page h2,
.vic-about .vccc-about-page h3 {
    color: var(--vic-ink);
    font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
}
.vic-about .vccc-about-page a { color: var(--vic-link); }
.vic-about .vccc-about-page a:focus-visible { outline-color: var(--vic-link); }
.vic-about .vccc-section-links { background: var(--vic-gold); }
.vic-about .vccc-section-links a { color: var(--vic-ink); font-weight: 700; }
.vic-about .vccc-about-section + .vccc-about-section { border-color: var(--vic-border); }
.vic-about .vccc-info-card {
    background: #f8f9fa;
    border-color: var(--vic-border);
    border-top: 4px solid var(--vic-gold);
}
.vic-about .vccc-info-card:nth-child(2) { border-top-color: var(--vic-coral); }
.vic-about .vccc-history { border-left-color: var(--vic-gold); }
.vic-about .vccc-about-next { background: #f8f9fa; border-left: 4px solid var(--vic-coral); }

/* Contact page typography and accents. */
.vic-contact h1,
.vic-contact h2,
.vic-contact h3 {
    font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
}
.vic-contact .contact-title { color: #fff; font-size: clamp(32px, 5vw, 50px); }
.vic-contact .contact-title span { color: var(--vic-gold); }
.vic-contact #vccc_contact { height: auto; min-height: 450px; border-bottom: 4px solid var(--vic-gold); }
.vic-contact .bg-light { color: var(--vic-ink); }
.vic-home.vic-education,
.vic-education button,
.vic-education input,
.vic-education select,
.vic-education textarea,
.vic-education .btn,
.vic-education h6 { font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; }
.vic-education h1,
.vic-education h2,
.vic-education h3,
.vic-education h4,
.vic-education h5 {
    font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    color: var(--vic-ink);
}
.vic-education .education-banner-title { color: #fff; font-size: clamp(32px, 5vw, 50px); }
.vic-education .education-banner-title span { color: var(--vic-gold); }
.vic-education #vic { height: auto; min-height: 450px; border-bottom: 4px solid var(--vic-gold); }
.vic-education #enroll { height: auto; min-height: 350px; border-bottom: 4px solid var(--vic-coral); }
.vic-education .navbar { background: #fff; border-bottom: 1px solid var(--vic-border); }
.vic-education .navbar .nav-link,
.vic-education .navbar .dropdown-item { font-family: inherit; font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--vic-ink); }
.vic-education .navbar .nav-link:hover { color: var(--vic-link); }
.vic-education .navbar .dropdown-menu { border-color: var(--vic-border); }
.vic-education .navbar .dropdown-item:hover,
.vic-education .navbar .dropdown-item:focus { background: var(--vic-gold); }
.vic-education .card { border-color: var(--vic-border); }
.vic-education .card-header { background: #fff8e5; border-color: var(--vic-border); }
.vic-education .vic-faq-item .btn { width: 100%; text-align: center; }
.vic-education .btn-warning { background: var(--vic-gold); border-color: var(--vic-gold); color: var(--vic-ink); }
.vic-education .btn-warning:hover,
.vic-education .btn-warning:focus { background: var(--vic-coral); border-color: var(--vic-coral); }
.vic-contact a:not(.nav-link):not(.dropdown-item):not(.home-blue-button):not(.home-mobile-brand) { color: var(--vic-link); }