/* ==========================================================================
   HOME PAGE CSS
   ========================================================================== */

/* Remove breadcrumb */

nav.cwf-breadcrumb {
    display: none;
}

/* Grid Overrides */

.cwf-grid--page-layout {
    --cwf-grid--padding: 0 1rem;
}
.cwf-grid__column--page-layout {
    --cwf-grid__column--padding: 0 1rem;
}
@media (min-width: 768px) {
    .cwf-grid--page-layout {
        --cwf-grid--padding: 0 2rem;
    }
    .cwf-grid__column--page-layout {
        --cwf-grid__column--padding: 0;
    }
}

/* Remove extra side margin on larger screens */

@media (min-width: 1024px) {
    .cwf-grid__column--page-layout--main {
        max-width: calc(var(--cwf-contain--max-width, 1600px));
    }
}


/* CTAs */

.plugin-hero.cta-black {
    border-image: conic-gradient(var(--vcu-black) 0 0) fill 0 / 0 / 0 100vw;
}
.cta-black .plugin-hero__caption {
    padding: 2rem 0;
}
@media (min-width: 1024px) {
    .cta-black .plugin-hero__caption {
        padding: 2rem;
    }
}
.cta-black .t4_button a {
    display: block;
    box-shadow: 0.25rem 0.25rem var(--vcu-gold);
    color: var(--vcu-black) !important;
}
.cta-black .t4_button a:hover, 
.cta-black .t4_button a:focus {
    background-color: var(--vcu-gold)!important;
    box-shadow: 0.25rem 0.25rem var(--vcu-gray)!important;
    color: var(--vcu-black)!important;
}
@media (min-width: 768px) {
  .cwf-grid.cta {
      max-width: 72%;
  }
}

/* What We Do */

.wwd {
    padding: 2rem 0;
}
@media (min-width: 1024px) {
    .wwd {
        padding: 2rem 0 0;
    }
}      
.wwd__heading {
    margin: 1rem 1rem 0;
    text-align: center;
}
.wwd__heading h2 {
    font-family: 'Merriweather', serif;
    border-left: none;
    padding-left: 0;
    padding-top: 0;
    margin: 1rem auto 3rem;
}
.wwd__content > p {
    text-align: center;
}
.plugin-tabs {
    --cwf-tabs--border-color: transparent;
}
@media (min-width: 768px) {
    .plugin-tabs {
        margin-bottom: 4rem;
    }
    .plugin-tabs__nav {
        --cwf-tabs__nav--justify-content: center;
    }
}
.plugin-tabs__panel[aria-hidden=false] {
    --cwf-tabs__panel--padding: 2.5rem 1.5rem 1.5rem 1.5rem;
}
.plugin-tabs--center .plugin-tabs__tabs {
    gap: 1rem;
}
.plugin-tabs__tabs button {
    text-transform: uppercase;
    font-size: 1.1rem;
    cursor: pointer;
}
.plugin-tabs__tab[tabindex="0"] {
    border: 3px solid var(--cwf-color--orange);
}
.plugin-tabs__tab[tabindex="-1"] {
    border: 3px solid #ccc;
    --cwf-tabs__tab--background-color: var(--cwf-color--white);
    --cwf-tabs__tab--color: unset;
}
.plugin-tabs__tab[tabindex="-1"]:hover {
    --cwf-tabs__tab--border-color: var(--cwf-color--orange);
    --cwf-tabs__tab--background-color: var(--cwf-color--white);
    color: initial;
}
.plugin-tabs__tab:focus, 
.plugin-tabs__tab:focus:hover, 
.plugin-tabs__tab[tabindex="0"], 
.plugin-tabs__tab[tabindex="0"]:hover {
    --cwf-tabs__tab--padding: 1rem;
    --cwf-tabs__tab--border-color: var(--cwf-tabs--border-color);
}
.plugin-tabs__tab:focus:before, 
.plugin-tabs__tab:focus:hover:before, 
.plugin-tabs__tab[tabindex="0"]:before, 
.plugin-tabs__tab[tabindex="0"]:hover:before {
    background-color: transparent;
}
@media (max-width: 767px) {
    .plugin-tabs__panel[aria-hidden=false] {
        --cwf-tabs__panel--padding: 2.5rem 0 1.5rem;
    }
}
.wwd__content {
    animation: fadeIn 2s;
    -webkit-animation: fadeIn 2s;
    -moz-animation: fadeIn 2s;
    -o-animation: fadeIn 2s;
    -ms-animation: fadeIn 2s;
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@media (min-width: 768px) {/* Deploy grids at 768px instead of 1024px */
    .cwf-grid .wwd__content {
        --cwf-grid--grid-template-columns: 40% 60%;
    }
    .wwd__text {
        padding-left: 1rem;
    }
}
@media (min-width: 1200px) {
    .cwf-grid .wwd__content {
        --cwf-grid--grid-template-columns: 25% 75%;
    }
}

/* Annual Report */

.report {
    padding: 2rem 0 0;
}
.report h2 {
    font-family: 'Merriweather', serif;
    border-left: none;
    padding-left: 0;
    padding-top: 0;
    margin: 1rem auto 3rem;
}
@media (min-width: 768px) {
    .report .img-l-25 {
        max-width: 15%;
    }
}