/* overwrites */
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !important;}
h2 {font-weight: 800 !important;}
h3 {color: #6cc24a; font-weight: 800 !important; text-transform: uppercase}
.photo {border-bottom: 10px solid #004333}
.programDivs {background-repeat: no-repeat; background-position: center; background-size: cover; padding:0; min-height: 400px}
.card-overlay {background: linear-gradient(to bottom, transparent 0%, black 100%); height: 100%;}
.card-overlay h2 {color: #6cc24a; font-size: 1.3em; text-transform: uppercase; letter-spacing: .05em; padding-top: 25%; text-align: center; text-shadow: #000 1px 1px 1px;}
.card-overlay h3 {color: white; font-size: .7em; text-transform: uppercase; letter-spacing: .05em; text-align: center; font-weight: 500; text-shadow: #000 1px 1px 1px;}
.card-overlay p {text-align:center}
a.cta, button.cta, span.cta {border: 1px solid!important; color: #fff; border-color: #fff; border-radius: 20px; background-color: rgba(0, 0, 0, 0.3);}
.photo {border: none;}
.highlight {color: #fff; text-transform: uppercase}
.row {max-width: 100%}
.videoContain {width: 100%; text-align: center;}

.creativeCards {background-color: rgba(0, 0, 0, 0.7); padding: 55px; height: 100%;}
.artSlices {background-color: #000; border-top: 15px solid #004333}

@media print, screen and (min-width: 48em){
.videoContain {width: 100%; height: 450px; overflow: hidden; text-align: center;}
}
@media print, screen and (min-width: 64em){
.videoContain {width: 100%; height: 575px; overflow: hidden; text-align: center;}
.creativeCards {background: none}
}

/* new styles */
.sotaLogo {position: sticky; padding-top: 13%; width: 35%}
.grn-Bar {background-color: #6cc24a; padding: 15px; border-top: 15px solid #004333}
.grn-Bar p {margin-bottom:0; text-align: center; color: #fff;}
.grn-Bar p a {color: #004333; text-decoration: underline; border: none !important}
#admissions p {margin-bottom:0; font-size: 1.2rem;}