/* LAST UPDATED 06.27.2024 - SM */


/* For various graphics, logos, and iconography */

/* Used for the bolded "Mailing Address" in the site footers & for handcoded versions of the "Explore" headings */
.tc--dark-blue {
    color: var(--primary-dark);
}

/* Used for the article titles when the modal pops up from news grid clicks */
.tc--white {
    color: var(--primary-neutral-light);
}


/* Used on the General Content One Column content types */
/* .background-khaki-gradient {
    background: var(--secondary-accent-tint);
	background: -moz-linear-gradient(top, var(--secondary-accent-tint) 0%, var(--primary-neutral-light) 100%);
	background: -webkit-linear-gradient(top, var(--secondary-accent-tint) 0%, var(--primary-neutral-light) 100%);
	background: linear-gradient(to bottom, var(--secondary-accent-tint) 0%, var(--primary-neutral-light) 100%);
    color: var(--primary-neutral-dark);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eedb', endColorstr='#ffffff',GradientType=0 );
} */

.background-ltblue-gradient,
.background-khaki-gradient {
    background: var(--secondary-light-to-secondary-tint-gradient);
    color: var(--primary-dark);
}


/* Used for the white curves at the top of the hero video on the home page. 
All others use .hero-foreground-curves for the EVMS blue and EVMS rust curves on top landing pages */
.curves {
    display: none;
}

/* For logos on /education */
.vhs-logo {
  height: 300px; /* Not auto because of one logo */
  width: 600px;
}

a:focus img.vhs-logo, 
a:hover img.vhs-logo {
  fill: var(--primary-accent);
  filter: drop-shadow(3px 5px 2px rgba(31, 127, 155, 0.3));
}


/***** MEDIA QUERIES *****/
@media screen and (min-width: 768px) {
    .hero-foreground-curves {
        bottom: -2px;
        height: auto;
        left: -5px;
        max-width: 101%;
        position: absolute;
        width: 101%;
    }
}


@media (min-width: 992px) {
    .curves {
        display: block;
        opacity: 0.7;
        position: absolute;
        top: 50px;
        z-index: 1;
    }
}