@charset "UTF-8";
 @-webkit-keyframes fade-in {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes fade-in {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-webkit-keyframes pulse {
     0% {
         opacity: 0.3;
    }
     40% {
         opacity: 0.5;
         box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 1px 1px rgba(255, 255, 255, 0.2), 0 0 0 1px white;
    }
     100% {
         box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 1px 1px rgba(255, 255, 255, 0.2), 0 0 0 1px white;
         -webkit-transform: scale(1.8);
         transform: scale(1.8);
         opacity: 0;
    }
}
 @keyframes pulse {
     0% {
         opacity: 0.3;
    }
     40% {
         opacity: 0.5;
         box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 1px 1px rgba(255, 255, 255, 0.2), 0 0 0 1px white;
    }
     100% {
         box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 1px 1px rgba(255, 255, 255, 0.2), 0 0 0 1px white;
         -webkit-transform: scale(1.8);
         transform: scale(1.8);
         opacity: 0;
    }
}
 @-webkit-keyframes fadeInRightLeft {
     from {
         opacity: 0;
         -webkit-transform: translateX(10%);
         transform: translateX(10%);
    }
     to {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 @keyframes fadeInRightLeft {
     from {
         opacity: 0;
         -webkit-transform: translateX(10%);
         transform: translateX(10%);
    }
     to {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 @-webkit-keyframes fadeInLeftRight {
     from {
         opacity: 0;
         -webkit-transform: translateX(-10%);
         transform: translateX(-10%);
    }
     to {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 @keyframes fadeInLeftRight {
     from {
         opacity: 0;
         -webkit-transform: translateX(-10%);
         transform: translateX(-10%);
    }
     to {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 @-webkit-keyframes scroll-indicator {
     0% {
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
         opacity: 0;
    }
     25% {
         -webkit-transform: translate(-20px, 0);
         transform: translate(-20px, 0);
         opacity: 1;
    }
     50% {
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
     75% {
         -webkit-transform: translate(-20px, 0);
         transform: translate(-20px, 0);
    }
     85% {
         opacity: 1;
    }
     100% {
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
         opacity: 0;
    }
}
 @keyframes scroll-indicator {
     0% {
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
         opacity: 0;
    }
     25% {
         -webkit-transform: translate(-20px, 0);
         transform: translate(-20px, 0);
         opacity: 1;
    }
     50% {
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
     75% {
         -webkit-transform: translate(-20px, 0);
         transform: translate(-20px, 0);
    }
     85% {
         opacity: 1;
    }
     100% {
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
         opacity: 0;
    }
}
 .main {
     clear: both;
     overflow: hidden;
}
 @media screen and (min-width: 700px) {
     .main {
         margin-bottom: 64px;
    }
}
 .no-section .main-nohero {
     padding-top: 55px !important;
}
 @media screen and (min-width: 700px) {
     .no-section .main-nohero {
         padding-top: 72px !important;
    }
}
 @media screen and (min-width: 1025px) {
     .no-section .main-nohero {
         padding-top: 130px !important;
    }
}
 .no-margin .main {
     margin-bottom: 0;
}
 .container__inner {
     margin: 0 auto;
     max-width: 1600px;
}
/* .subsite .eoc-content .event h3.title:hover */
 .subsite .eoc-content .event a:hover h3 {
     color: #006699;
}
 .subsite .eoc-content {
     max-width: 1000px;
     margin: 0 15px;
}
 @media screen and (min-width: 1300px){
     .subsite .eoc-content {
         margin: 0 auto;
    }
}
 @media screen and (min-width: 1025px) and (max-width: 1299px){
     .subsite .eoc-content {
         max-width: 800px;
         margin: 0 auto;
    }
}
 @media screen and (min-width: 700px) and (max-width: 1024px){
     .subsite .eoc-content {
         margin: 0 30px;
    }
}
 .subsite .eoc-content {
     width: auto;
}
/* Target the p element in on eoc index home page */
 @media screen and (max-width: 699px){
     .subsite .eoc-content-home .eoc--content--spaced p {
         margin: 0 18px !important;
    }
}
 @media screen and (min-width: 700px) and (max-width: 1024px){
     .subsite .eoc-content-home .eoc--content--spaced p {
         margin: 0 30px !important;
    }
}
 @media screen and (min-width: 1025px){
     .subsite .eoc-content-home .eoc--content--spaced p {
         margin: 0 150px !important;
    }
}
/* Style Contact block on EOC index page */
 .subsite .eoc-content-home .content__object:last-child {
     margin-left: 20px;
     margin-right: 20px;
}
 @media screen and (min-width: 700px){
     .subsite .eoc-content-home .content__object:last-child {
         margin-left: 35px;
         margin-right: 35px;
    }
}
 @media screen and (min-width: 1025px){
     .subsite .eoc-content-home .content__object:last-child {
         margin-left: 55px;
         margin-right: 55px;
    }
}
/* Older content style */
/* .content {
     */
    /* width: 100%;
     */
    /* 
}
 */
/* This is mostly for the EOC pages, especially the index page */
 .content {
    /*margin: 0 15px;
     */
    /*padding-top: 25px;
     */
}
 @media screen and (min-width: 700px) {
     .content {
        /*margin: 0 30px;
         */
        /*padding-top: 60px;
         */
    }
}
 @media screen and (min-width: 1025px) {
     .content {
         margin: 0 auto;
        /*max-width: 800px;
         */
        /*padding-top: 80px;
         */
    }
}
 @media screen and (min-width: 1300px) {
     .content {
         margin: 0 auto;
        /*max-width: 1000px;
         */
    }
}
 .content__object {
     margin: 0 0 30px 0;
}
 @media screen and (min-width: 700px) {
     .content__object {
         margin-bottom: 43px;
    }
}
 @media screen and (min-width: 1025px) {
     .content__object {
         margin-bottom: 62px;
    }
}
 .content__object.no-margin {
     margin-bottom: 0;
}
 .content__full-width {
     width: 100%;
     position: relative;
     overflow: hidden;
}

/* .content__max-container {*/
/*     max-width: 1600px;*/
/*}*/

 @media screen and (max-width: 699px) {
     .content__max-container {
         padding: 0 15px;
    }
}
/* Don't need this on EOC pages */
 @media screen and (max-width: 699px) {
     .subsite .content__max-container {
         padding: 0;
    }
}
 .content--spaced {
     margin-bottom: 25px;
}
 @media screen and (min-width: 700px) {
     .content--spaced {
         margin-bottom: 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .content--spaced {
         margin-bottom: 43px;
    }
}
 .eoc--content--spaced {
     margin: 30px 0 35px 0;
}
 @media screen and (min-width: 700px) {
     .eoc--content--spaced {
         margin: 30px 0 35px 0;
    }
}
 @media screen and (min-width: 1025px) {
     .eoc--content--spaced {
         margin: 40px 0 45px 0;
    }
}
/* REMOVE LATER */
/* @media screen and (min-width: 700px) {
     */
    /* .subsite .eoc--content--spaced {
         */
        /* margin: 30px 90px;
         */
        /* 
    }
     */
    /* 
}
 */
/* @media screen and (min-width: 1025px) {
     */
    /* .subsite .eoc--content--spaced {
         */
        /* margin: 50px 150px;
         */
        /* 
    }
     */
    /* 
}
 */
/* .subsite .accordion {
     */
    /* margin: 20px;
     */
    /* 
}
 */
 @media screen and (min-width: 700px) {
     .grid {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
    }
}
 .grid.two--col > div {
     margin: 0 0 39px;
}
 @media screen and (min-width: 700px) {
     .grid.two--col > div {
         -webkit-flex: 0 0 50%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         margin: 0;
         padding: 0 0 0 4%;
    }
     .grid.two--col > div:first-child {
         padding: 0 4% 0 0;
    }
}
 @media screen and (min-width: 1025px) {
     .grid.two--col > div {
         -webkit-flex: 0 0 50%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         margin: 0;
         padding: 0 0 0 8%;
    }
     .grid.two--col > div:first-child {
         padding: 0 8% 0 0;
    }
}
 @media screen and (min-width: 700px) {
     .grid--wysiwyg {
         -webkit-justify-content: space-between;
         -moz-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
    }
}
 .grid .grid__item.half {
     display: block;
     margin: 0 0 39px;
}
 @media screen and (min-width: 700px) {
     .grid .grid__item.half {
         -webkit-flex: 0 0 48%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 48%;
         flex: 0 0 48%;
    }
}
 h1 {
     margin: 0;
     color: #FFFFFF;
     font-family: "Roboto", arial, sans-serif;
     font-size: 32px;
     font-weight: 900;
     line-height: 1.25;
     text-align: center;
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
 @media screen and (min-width: 700px) {
     h1 {
         font-size: 44px;
         line-height: 1.21;
    }
}
 @media screen and (min-width: 1025px) {
     h1 {
         font-size: 50px;
         line-height: 1.14;
    }
}
 h1.content__h1 {
     margin: 0 0 26px 0;
     padding-bottom: 23px;
     border-bottom: 3px solid #DEDEDE;
     color: #000000;
     text-shadow: none;
     text-align: left;
}
 @media screen and (min-width: 700px) {
     h1.content__h1 {
         margin: 0 0 31px 0;
         padding-bottom: 29px;
    }
}
 @media screen and (min-width: 1025px) {
     h1.content__h1 {
         margin: 0 0 42px 0;
         padding-bottom: 39px;
    }
}
 .eoc-content .meet h1.content__h1 {
     margin: 26px 0 26px 0;
     padding-bottom: 23px;
     border-bottom: 3px solid #DEDEDE;
     color: #000000;
     text-shadow: none;
     text-align: left;
}
 @media screen and (min-width: 700px) {
     .eoc-content .meet h1.content__h1 {
         margin: 36px 0 36px 0;
         padding-bottom: 33px;
    }
}
 @media screen and (min-width: 1025px) {
     .eoc-content .meet h1.content__h1 {
         margin: 46px 0 46px 0;
         padding-bottom: 43px;
    }
}
 h2, .alert__title {
     position: relative;
     margin: 31px 0 35px;
     font-family: "Roboto", arial, sans-serif;
     font-size: 26px;
     font-weight: 900;
     line-height: 1.2;
}
 @media screen and (min-width: 700px) {
     h2, .alert__title {
         margin-top: 66px;
    }
}
/* @media screen and (min-width: 1025px) {
     */
    /* h2, .alert__title {
         */
        /* margin: 70px 0 56px;
         */
        /* font-size: 32px;
         */
        /* 
    }
     */
    /* 
}
 */
 @media screen and (min-width: 1025px) {
     h2, .alert__title {
         margin: 53px 0 25px;
         font-size: 38px;
    }
}
 h2.header--link a {
     text-decoration: none;
     color: #000000;
     transition: 0.2s ease-in-out;
}
 h2.header--link a:after {
     display: inline-block;
     height: 17px;
     width: 18px;
     margin-left: 5px;
     content: '';
     background-image: url("/_files/images/icons/icon-arrow_cta-grn-ovr.svg");
     background-image: url("/_files/images/icons/icon-arrow_cta.svg");
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center center;
     transition: 0.2s ease-in-out;
}
 @media screen and (min-width: 1025px) {
     h2.header--link a:after {
         height: 20px;
         width: 18px;
         margin-left: 10px;
         margin-bottom: 2px;
    }
}
 h2.header--link a:hover {
     color: #007B20;
}
 h2.header--link a:hover:after {
     background-image: url("/_files/images/icons/icon-arrow_cta-grn-ovr.svg");
}
 @media screen and (min-width: 1025px) {
     h2 a.after-link:after {
         height: 20px;
         width: 20px;
    }
}
 .subsite .header--accent {
     padding-bottom: 12px;
     margin: 60px 0 55px 0;
}
 .header--accent {
     padding-bottom: 10px;
}
/*Target the Contact Us block's header--accent (through cta-simple__title) because it shouldn't have these styles from above */
 @media screen and (min-width: 1025px){
     .subsite .cta-simple__title .header--accent {
         padding-bottom: 31px;
         margin: 0 0 20px;
    }
}
 .subsite .cta-simple__title .header--accent {
     padding-bottom: 20px;
     margin: 0 0 20px 0;
}
 .header--accent:after {
     position: absolute;
     bottom: 0;
     left: 0;
     height: 5px;
     width: 100px;
     background-color: #01B530;
     content: '';
}
 h2.header--accent:after {
     position: absolute;
     bottom: 0;
     left: 0;
     height: 4px;
     width: 105px;
     background-color: #01B530;
     content: '';
}
 .header--accent.white:after {
     background-color: #FFFFFF !important;
}
 .subsite .header--accent:after {
     position: absolute;
     bottom: 0;
     left: 0;
     height: 5px;
     width: 100px;
     background-color: #D9AC2D;
     content: '';
}
 h3 {
     margin: 33px 0 22px;
     font-family: "Roboto", arial, sans-serif;
     font-size: 23px;
     font-weight: 500;
     line-height: 1.4;
}
 @media screen and (min-width: 700px) {
     h3 {
         margin: 28px 0 24px;
    }
}
 @media screen and (min-width: 1025px) {
     h3 {
         margin: 45px 0 25px;
         font-size: 30px;
    }
}
 h4 {
     margin: 25px 0 15px;
     font-size: 16px;
     font-weight: 600;
}
 @media screen and (min-width: 700px) {
     h4 {
         margin: 30px 0 15px;
    }
}
 @media screen and (min-width: 1025px) {
     h4 {
         margin: 35px 0 15px;
         font-size: 20px;
    }
}
 h5 {
     margin: 37px 0 22px;
     font-size: 16px;
     font-weight: 700;
}
 @media screen and (min-width: 700px) {
     h5 {
         margin: 51px 0 14px;
    }
}
 @media screen and (min-width: 1025px) {
     h5 {
         margin: 76px 0 19px;
         font-size: 18px;
    }
}
 h6 {
     margin: 25px 0 20px;
     font-size: 14px;
     font-weight: 700;
}
 @media screen and (min-width: 700px) {
     h6 {
         margin: 49px 0 12px;
    }
}
 @media screen and (min-width: 1025px) {
     h6 {
         margin: 58px 0 19px;
         font-size: 16px;
    }
}
 p {
     margin: 0 0 1em;
}
 .intro--text {
     font-size: 18px;
     line-height: 1.56;
     margin: 0 0 1.3em;
}
/* Used to be 30px, REVIEW WITH HALEA */
 @media screen and (min-width: 1025px) {
     .intro--text {
         font-size: 22px;
         line-height: 1.4;
    }
}
 .blockquote {
     margin: 30px 0 47px;
}
 @media screen and (min-width: 1025px) {
     .blockquote {
         margin: 84px 47px 81px;
         border-left: 9px solid #007B20;
    }
}
 .blockquote__quote {
     display: block;
     padding-left: 15px;
     border-left: 5px solid #007B20;
     font-family: "Roboto", arial, sans-serif;
     font-size: 20px;
     font-weight: 400;
     line-height: 1.5;
}
 @media screen and (min-width: 700px) {
     .blockquote__quote {
         padding-left: 25px;
    }
}
 @media screen and (min-width: 1025px) {
     .blockquote__quote {
         padding-left: 43px;
         border: 0;
         font-size: 34px;
         line-height: 1.45;
    }
}
 .blockquote__credit {
     display: block;
     margin: 15px 0 0 20px;
     font-size: 14px;
}
 @media screen and (min-width: 700px) {
     .blockquote__credit {
         margin: 21px 0 0 30px;
         font-size: 16px;
    }
}
 @media screen and (min-width: 1025px) {
     .blockquote__credit {
         font-size: 20px;
         margin-left: 43px;
    }
}
 address {
     font-style: normal;
}
 a {
     cursor: pointer;
}
 a:hover {
     color: #000000;
}
 a[href^='tel:'] {
     color: inherit;
     text-decoration: none;
}
 a.tag {
     display: inline-block;
     margin-right: 10px;
     padding: 15px 13px;
     border: 1px solid #000000;
     color: #000000;
     font-size: 14px;
     font-weight: 700;
     text-decoration: none;
     transition: 0.2s ease-in-out;
}
 @media screen and (min-width: 1025px) {
     a.tag {
         font-size: 16px;
    }
}
 a.tag:last-child {
     margin: 0;
}
 a.tag:hover {
     color: #FFFFFF;
     background: #007B20;
     border: 1px solid #007B20;
}
 a.after-link {
     color: #000000;
     font-weight: 700;
     text-decoration: none;
     padding-right: 16px;
}
 a.after-link:after {
     display: inline-block;
     height: 11px;
     width: 11px;
     margin-left: 5px;
     margin-right: -20px;
     content: '';
     background-image: url("/_files/images/icons/icon-arrow_cta-grn-ovr.svg");
     background-image: url("/_files/images/icons/icon-arrow_cta.svg");
     background-repeat: no-repeat;
     background-size: 8px 11px;
     background-position: center center;
}
 @media screen and (min-width: 1025px) {
     a.after-link:after {
         height: 14px;
         width: 14px;
         margin-left: 10px;
         margin-right: -30px;
         background-size: 11px 14px;
    }
}
 a.after-link:hover {
     color: #007B20 !important;
}
 a.after-link:hover:after {
     background-image: url("/_files/images/icons/icon-arrow_cta-grn-ovr.svg") !important;
}
 .cta {
     display: table;
     position: relative;
     padding: 14px 25px;
     color: #FFFFFF !important;
     font-size: 14px;
     font-weight: 700;
     text-decoration: none !important;
     margin-bottom: 15px;
     background: #007B20 !important;
}
 @media screen and (min-width: 700px) {
     .cta {
         display: inline-block;
         margin: 0 60px 0 0;
    }
}
 @media screen and (min-width: 1025px) {
     .cta {
         margin-right: 75px;
    }
}
 .cta:last-child {
     margin-bottom: 0;
     margin-right: 0;
}
 @media screen and (min-width: 1025px) {
     .cta {
         margin-top: 20px;
         padding: 18px 25px;
         font-size: 16px;
    }
}
 .cta:after {
     position: absolute;
     top: 0;
     left: 100%;
     width: 46px;
     height: 100%;
     display: inline-block;
     content: '';
     background-image: url("/_files/images/icons/icon-arrow_cta-white.svg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 8px 11px;
     transition: 0.2s ease-in-out;
}
 @media screen and (min-width: 1025px) {
     .cta:after {
         width: 52px;
    }
}
 .cta:after {
     background-color: #01B530;
}

/* For EOC buttons to be blue */
 .subsite .cta {
     background: #006699 !important;
}
 .subsite .cta:after {
     background-color: #0387DC;
}
 .cta:hover {
     color: #FFFFFF;
}
 .cta:hover:after {
     background-color: #000000;
}
 .cta--outline-white {
     background-color: transparent;
     border: 1px solid #FFFFFF;
}
 .cta--outline-white:after {
     background-color: transparent;
     border: 1px solid #FFFFFF;
     top: -1px;
}
 .cta--more {
     border: 0;
     background: transparent;
     color: #000000;
     border: 1px solid #414141;
     cursor: pointer;
     font-family: "Open Sans", arial, sans-serif;
     font-weight: 700;
}
 .cta--more:after {
     background-color: #414141;
     background-image: url("/_files/images/icons/icon-plus-white.svg");
     background-position: center;
     background-size: 18px;
     border: 1px solid #414141;
     top: -1px;
}
 .cta--more:hover {
     color: #000000;
}
 .content hr, .content-old hr {
     clear: both;
     margin: 28px 0 37px;
     border: none;
     height: 1px;
     background: #DEDEDE;
}
 @media screen and (min-width: 700px) {
     .content hr, .content-old hr {
         margin: 39px 0 51px;
    }
}
 @media screen and (min-width: 1025px) {
     .content hr, .content-old hr {
         margin: 55px 0 70px;
    }
}
/* specifies "main" element after .content-new-margin, so that it will NOT interfere with the sidenav styling */
 .content ul, .content ol, .content-old ul, .content-old ol, .content-new-margin main ul, .content-new-margin main ol {
     margin: 0 0 1em;
     padding: 0 0 0 20px;
}
 @media screen and (min-width: 700px) {
     .content-new-margin main ul{
         margin: 0 0 1em;
         padding: 0 0 0 30px;
    }
}
 @media screen and (min-width: 1125px) {
     .content ul, .content ol, .content-old ul, .content-old ol, .content-new-margin main ul, .content-new-margin main ol {
         padding: 0 0 0 30px;
    }
}
 .content ul li, .content ol li, .content-old ul li, .content-old ol li, .content-new-margin main ul li, .content-new-margin main ol li{
     margin: 0 0 10px;
}
 @media screen and (min-width: 1125px) {
     .content ul li, .content ol li, .content-old ul li, .content-old ol li, .content-new-margin main ul li, .content-new-margin main ol li{
         margin: 0 0 15px;
    }
}
/* .content ul li:last-child, .content ol li:last-child, .content-old ul li:last-child, .content-old ol li:last-child, .content-new-margin main ul li:last-child, .content-new-margin main ol li:last-child{
     */
    /* margin: 0;
     */
    /*
}
*/
 .content ul li:last-child, .content ol li:last-child, .content-old ul li:last-child, .content-old ol li:last-child, .content-new-margin main ol li:last-child{
     margin: 0;
}
 .program-spotlight__tablist .content-new-margin main ul li {
     margin: 0 0 9px;
}
 a {
     color: #007B20;
     text-decoration: underline;
}
 .header {
     position: absolute;
     height: 55px;
     width: 100%;
     z-index: 100;
     background: rgba(0, 0, 0, 0.6);
}
 .header.js-transition {
     transition: 0.3s ease-in-out;
}
 .header.js-nav-up {
     position: fixed;
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
     top: 0;
}
 .header.js-nav-down {
     top: 0;
     position: fixed;
}
 @media screen and (min-width: 700px) {
     .header {
         height: 72px;
    }
}
 @media screen and (min-width: 1025px) {
     .header {
         height: 130px;
         background: linear-gradient(to bottom, #000000 0%, #000000 50px, rgba(0, 0, 0, 0.6) 50px, rgba(0, 0, 0, 0.6) 100%);
    }
}
 .header .container__inner {
     position: relative;
}
 .branding {
     position: relative;
     float: left;
     margin-left: 15px;
     height: 55px;
     width: 55px;
     background-color: #007B20;
     color: #FFFFFF;
     transition: 0.3s ease-in-out;
     z-index: 1000;
}
 .subsite .branding {
     background-color: #FFFFFF;
}
 @media screen and (min-width: 700px) {
     .branding {
         margin-left: 30px;
         height: 72px;
         width: 72px;
    }
}
 @media screen and (min-width: 1025px) {
     .branding {
         margin-left: 54px;
         height: 130px;
         width: 130px;
    }
     .front .branding {
         height: 183px;
         width: 183px;
         background-size: 130px;
    }
     .front .js-nav-up .branding {
         height: 130px;
         width: 130px;
    }
}
 .branding__logo {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     display: block;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     background-color: transparent;
     background-image: url("/_files/images/icons/logo-white.svg");
     background-position: center center;
     background-size: 48px 48px;
     background-repeat: no-repeat;
     opacity: 1;
     transition: 0.3s ease-in-out;
}
 @media screen and (min-width: 700px) {
     .branding__logo {
         background-size: 54px 54px;
    }
}
 @media screen and (min-width: 1025px) {
     .branding__logo {
         background-size: 86px 86px;
    }
     .front .branding__logo {
         height: 183px;
         width: 183px;
         background-size: 130px 130px;
    }
     .front .js-nav-up .branding__logo {
         height: 130px;
         width: 130px;
         background-size: 86px 86px;
    }
}
 .subsite .branding__logo {
     background-size: 48px;
     background-image: url("/_files/images/icons/eoc-logo.png");
}
 @media screen and (min-width: 700px) {
     .subsite .branding__logo {
         background-size: 59px;
    }
}
 @media screen and (min-width: 1025px) {
     .subsite .branding__logo {
         background-size: 98px;
    }
}
 .branding__logo:hover {
     opacity: 0.8;
}
 .menu-panel {
     position: fixed;
     top: 55px;
     bottom: 0;
     width: 100%;
     display: none;
     background: #000000;
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
}
 @media screen and (min-width: 700px) {
     .menu-panel {
         top: 72px;
         width: 320px;
         right: 0;
    }
}
 @media screen and (min-width: 1025px) {
     .menu-panel {
         position: inherit;
         display: block !important;
         top: 0;
         height: auto;
         width: auto;
         background: transparent;
         overflow: visible;
         text-align: right;
    }
     .menu-panel div, .menu-panel nav {
         text-align: left;
    }
}
 .ancillary {
     display: block;
}
 @media screen and (min-width: 1025px) {
     .ancillary {
         display: inline-block;
    }
}
 .ancillary__menu {
     margin: 0;
     padding: 20px 0;
     list-style: none;
}
 @media screen and (min-width: 1025px) {
     .ancillary__menu {
         padding: 0;
    }
}
 .ancillary__menu li {
     display: block;
     font-size: 14px;
     margin: 11px 15px;
}
 @media screen and (min-width: 1025px) {
     .ancillary__menu li {
         display: inline-block;
         margin: 13px 24px 0 0;
    }
     .ancillary__menu li:last-child {
         margin-left: 0;
    }
}
 .ancillary__menu a {
     color: #FFFFFF;
     text-decoration: none;
     transition: color 0.2s ease-in-out;
     border-bottom: 2px solid transparent;
     padding-bottom: 2px;
     transition: .2s ease-in-out;
}
 .ancillary__menu a:hover {
     border-bottom: 2px solid #FFFFFF;
}
 .who {
     position: relative;
     display: block;
     margin: 0;
     border-bottom: 1px solid #3A3A3A;
     z-index: 2;
}
 @media screen and (min-width: 1025px) {
     .who {
         border: 0;
         display: inline-block;
         margin: 0 30px 0 0;
    }
}
 .who__toggle {
     display: block;
     position: relative;
     padding: 0 83px 0 15px;
     color: #FFC100;
     cursor: pointer;
     font-size: 16px;
     font-weight: 700;
     line-height: 50px;
     text-decoration: none;
     transition: color 0.2s ease-in-out;
}
 @media screen and (min-width: 1025px) {
     .who__toggle {
         display: inline-block;
         padding-left: 28px;
         border-left: 1px solid #3A3A3A;
         border-right: 1px solid #3A3A3A;
    }
}
 .who__toggle:after {
     position: absolute;
     height: 9px;
     width: 15px;
     content: '';
     right: 37px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     background-image: url("/_files/images/icons/icon-arrow_white.svg");
     background: transparent url("/_files/images/icons/icon-arrow_yellow.svg") no-repeat 0 0;
     background-size: 15px 9px;
     transition: 0.3s ease-in-out;
}
 @media screen and (min-width: 1025px) {
     .who__toggle:after {
         right: 22px;
    }
}
 .who__toggle:hover {
     color: #FFFFFF;
}
 .who__toggle:hover:after {
     background-image: url("/_files/images/icons/icon-arrow_white.svg");
}
 .who__toggle.expanded {
     color: #FFFFFF;
}
 .who__toggle.expanded:after {
     background-image: url("/_files/images/icons/icon-arrow_white.svg");
     -webkit-transform: translateY(-50%) rotate(180deg);
     -ms-transform: translateY(-50%) rotate(180deg);
     transform: translateY(-50%) rotate(180deg);
}
 .who__menu {
     position: relative;
     display: none;
     margin: 0;
     padding: 22px 0;
     width: calc(100% + 30px);
     background: #3A3A3A;
     font-size: 14px;
     line-height: 1.4;
     list-style: none;
}
 @media screen and (min-width: 1025px) {
     .who__menu {
         position: absolute;
         padding: 0;
    }
}
 .who__menu a {
     display: block;
     padding: 6px 22px;
     color: #FFFFFF;
     text-decoration: none;
     transition: 0.2s ease-in-out;
     background: transparent;
}
 .who__menu a:hover {
     background: #222222;
}
 .who__menu li:first-child a {
     padding-top: 28px;
}
 .who__menu li:last-child a {
     padding-bottom: 28px;
}
 .primary {
     clear: both;
}
 @media screen and (min-width: 1025px) {
     .primary {
         clear: none;
         float: right;
    }
     .primary.js-hidden {
         display: none;
    }
}
 .primary__menu {
     margin: 0;
     padding: 0;
     list-style: none;
}
 @media screen and (min-width: 1025px) {
     .primary__menu {
         margin-right: 80px;
    }
}
 .primary__menu > li {
     display: block;
     position: relative;
     background: #222222;
     border-bottom: 1px solid #3A3A3A;
}
 .primary__menu > li.js-expanded {
     background-color: #01B530;
}
 .primary__menu > li.js-expanded > a {
     color: #000000;
}
 .primary__menu > li a {
     padding: 14px 60px 14px 15px;
     display: block;
     font-size: 16px;
     font-weight: 700;
     text-decoration: none;
}
 @media screen and (min-width: 1025px) {
     .primary__menu > li a {
         padding: 0;
    }
}
 @media screen and (min-width: 1025px) {
     .primary__menu > li {
         position: inherit;
         float: left;
         display: inline-block;
         margin: 0;
         height: 80px;
         background: transparent;
         border: 0;
    }
     .primary__menu > li span {
         display: block;
         height: 100%;
         border-bottom: 9px solid transparent;
         transition: border-color 0.2s ease-in-out;
    }
     .primary__menu > li a:hover span, .primary__menu > li a:focus span {
         border-bottom: 9px solid #01B530;
    }
     .primary__menu > li:focus > a span, .primary__menu > li:hover > a span {
         border-bottom: 9px solid #01B530;
    }
}
 .primary__menu > li a {
     color: #FFFFFF;
}
 @media screen and (min-width: 1025px) {
     .primary__menu > li a {
         display: block;
         padding: 25px 8px 0;
         height: 100%;
         font-size: 16px;
         font-weight: 700;
         text-decoration: none;
    }
}
 @media screen and (min-width: 1060px) {
     .primary__menu > li a {
         padding: 25px 13.5px 0;
    }
}
 .primary__menu > li > ul {
     display: none;
     padding: 15px;
     background: #FFFFFF;
}
 @media screen and (min-width: 1025px) {
     .primary__menu > li > ul {
         position: absolute;
         padding: 50px 0 34px;
         left: 0;
         width: 100%;
         opacity: 0;
         visibility: hidden;
         transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
         box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
         z-index: 1001;
    }
     .primary__menu > li > ul[data-visually-hidden="false"] {
         opacity: 1;
         visibility: visible;
         -webkit-transform: translateY(0%);
         -ms-transform: translateY(0%);
         transform: translateY(0%);
         transition-delay: 0s, 0s, 0.3s;
         display: block;
    }
}
 .primary__menu > li > ul ul {
     padding: 0;
     margin: 0 0 15px;
}
 .primary__menu > li > ul ul:last-child {
     margin: 0;
}
 .primary__menu > li > ul ul:last-child li:last-child a {
     border: 0;
}
 @media screen and (min-width: 1025px) {
     .primary__menu > li > ul ul:last-child li:last-child a {
         border-bottom: 1px solid #E3E3E3;
    }
}
 @media screen and (min-width: 1025px) {
     .primary__menu > li > ul > li {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-justify-content: center;
         -moz-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
}
 @media screen and (min-width: 1025px) {
     .primary__menu > li > ul > li ul {
         -webkit-flex: 1 0 auto;
         -moz-box-flex: 1;
         -ms-flex: 1 0 auto;
         flex: 1 0 auto;
         margin: 0;
         padding: 0 20px;
         max-width: 20%;
         min-width: 20%;
    }
}
 .primary__menu ul li {
     list-style: none;
     margin: 0 0 15px;
}
 .primary__menu ul li:last-child {
     margin: 0;
}
 .primary__menu ul li a {
     display: block;
     padding: 0;
     height: auto;
     color: #000000;
     font-weight: 400;
     border-bottom: 1px solid #E3E3E3;
}
 .primary__menu ul li a:hover {
     color: #007B20;
}
 .primary__toggle {
     display: block;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     background-color: transparent;
     position: absolute;
     right: 20px;
     top: 0;
     padding: 0;
     height: 52px;
     width: 52px;
     cursor: pointer;
}
 .primary__toggle:after {
     content: '';
     top: 0;
     left: 0;
     position: absolute;
     height: 100%;
     width: 100%;
     background-image: url("/_files/images/icons/icon-arrow_white.svg");
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 15px 9px;
     transition: 0.3s ease;
}
 @media screen and (min-width: 1025px) {
     .primary__toggle {
         display: none;
    }
}
 .primary__toggle.js-expanded:after {
     background-image: url("/_files/images/icons/icon-arrow-black.svg");
     -webkit-transform: rotate(-180deg);
     -ms-transform: rotate(-180deg);
     transform: rotate(-180deg);
}
 .menu-toggle {
     width: 60px;
     height: 55px;
     position: absolute;
     top: 0;
     right: 0;
     background: #222222;
     cursor: pointer;
     -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
     transition: 0.3s ease-in-out;
}
 @media screen and (min-width: 700px) {
     .menu-toggle {
         height: 72px;
         width: 80px;
    }
}
 @media screen and (min-width: 1025px) {
     .menu-toggle {
         display: none;
    }
}
 .menu-toggle:focus {
     outline-offset: -4px;
}
 .menu-toggle span {
     display: block;
     position: absolute;
     left: 17.5px;
     height: 3px;
     width: 25px;
     background: #FFFFFF;
     opacity: 1;
     -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
     transition: 0.25s ease-in-out;
}
 @media screen and (min-width: 700px) {
     .menu-toggle span {
         left: 23px;
         width: 34px;
         height: 4px;
    }
}
 .menu-toggle span:nth-child(1) {
     top: 20px;
}
 @media screen and (min-width: 700px) {
     .menu-toggle span:nth-child(1) {
         top: 24px;
    }
}
 .menu-toggle span:nth-child(2), .menu-toggle span:nth-child(3) {
     top: 27px;
}
 @media screen and (min-width: 700px) {
     .menu-toggle span:nth-child(2), .menu-toggle span:nth-child(3) {
         top: 34px;
    }
}
 .menu-toggle span:nth-child(4) {
     top: 34px;
}
 @media screen and (min-width: 700px) {
     .menu-toggle span:nth-child(4) {
         top: 44px;
    }
}
 .menu-toggle.js-open span:nth-child(1) {
     top: 20px;
     left: 50%;
     width: 0;
}
 @media screen and (min-width: 700px) {
     .menu-toggle.js-open span:nth-child(1) {
         top: 24px;
    }
}
 .menu-toggle.js-open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .menu-toggle.js-open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 .menu-toggle.js-open span:nth-child(4) {
     top: 20px;
     left: 50%;
     width: 0;
}
 @media screen and (min-width: 700px) {
     .menu-toggle.js-open span:nth-child(4) {
         top: 24px;
    }
}
 .search-toggle {
     display: block;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     background-color: transparent;
     position: absolute;
     top: 0;
     right: 60px;
     height: 55px;
     width: 60px;
     background-color: #000000;
     background-image: url("/_files/images/icons/icon-search.svg");
     background-position: center;
     background-repeat: no-repeat;
     background-size: 20px 24px;
     cursor: pointer;
     transition: 0.3s ease-in-out;
}
 @media screen and (min-width: 700px) {
     .search-toggle {
         right: 80px;
         height: 72px;
         width: 80px;
         background-size: 24px 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .search-toggle {
         top: 50px;
         right: 0;
         height: 80px;
         width: 80px;
         background-color: transparent;
    }
}
 .search-toggle.js-open {
     background-image: url("/_files/images/icons/icon-X.svg");
}
 .search {
     display: none;
     position: absolute;
     top: 100px;
     padding: 0 15px;
     width: 100%;
     opacity: 0;
}
 .search ::-webkit-input-placeholder {
     color: #000000;
}
 .search :-moz-placeholder {
     color: #000000;
}
 .search ::-moz-placeholder {
     color: #000000;
}
 .search :-ms-input-placeholder {
     color: #000000;
}
 .search.js-visible {
     display: block;
     -webkit-animation: fade-in 0.3s ease-in forwards;
     animation: fade-in 0.3s ease-in forwards;
     -webkit-animation-delay: 0.2s;
     animation-delay: 0.2s;
}
 @media screen and (min-width: 1025px) {
     .search.js-visible {
         opacity: 1;
         padding: 0;
         overflow: visible;
         width: 485px;
         -webkit-animation: none;
         animation: none;
    }
}
 @media screen and (min-width: 700px) {
     .search {
         padding: 0 30px;
         top: 117px;
    }
}
 @media screen and (min-width: 1025px) {
     .search {
         padding: 0;
         overflow: hidden;
         right: 0;
         top: 50px;
         height: 80px;
         width: 0;
         transition: 0.3s ease-in-out;
    }
}
 .search__text {
     padding: 0 50px 0 13px;
     height: 55px;
     width: 100%;
     background: #FFC100;
     border: 0;
     font-size: 14px;
}
 @media screen and (min-width: 1025px) {
     .search__text {
         height: 80px;
         font-size: 18px;
         padding: 0 30px;
    }
}
 .search__submit {
     display: block;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     background-color: transparent;
     position: absolute;
     top: 0;
     right: 15px;
     height: 55px;
     width: 60px;
     background-image: url("/_files/images/icons/icon-search-black.svg");
     background-position: center;
     background-repeat: no-repeat;
     background-size: 20px 24px;
     cursor: pointer;
     transition: background 0.2s ease-in-out;
}
 @media screen and (min-width: 700px) {
     .search__submit {
         right: 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .search__submit {
         right: 0;
         height: 80px;
         width: 80px;
    }
}
 .search__submit:hover {
     background-image: url("/_files/images/icons/icon-search.svg");
}
 .search__close {
     display: block;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     background-color: transparent;
     display: none;
     position: absolute;
     top: 0;
     left: -40px;
     height: 80px;
     width: 40px;
     background-image: url("/_files/images/icons/icon-X.svg");
     background-position: center;
     background-repeat: no-repeat;
     background-size: 15px;
     cursor: pointer;
}
 @media screen and (min-width: 1025px) {
     .js-visible .search__close {
         display: block;
    }
}
 .subsite .information {
     float: left;
}
 .subsite .hvcc {
     position: relative;
}
 .subsite .hvcc__toggle {
     height: 50px;
     width: 56px;
     position: absolute;
     top: 0;
     left: 0;
     background: #222222;
     cursor: pointer;
     transition: 0.3s ease-in-out;
}
 .subsite .hvcc__toggle span {
     display: block;
     position: absolute;
     left: 17.5px;
     height: 3px;
     width: 25px;
     background: #FFFFFF;
     opacity: 1;
     -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
     transition: 0.25s ease-in-out;
}
 @media screen and (min-width: 700px) {
     .subsite .hvcc__toggle span {
         left: 17px;
         width: 24px;
         height: 3px;
    }
}
 .subsite .hvcc__toggle span:nth-child(1) {
     top: 20px;
}
 @media screen and (min-width: 700px) {
     .subsite .hvcc__toggle span:nth-child(1) {
         top: 16px;
    }
}
 .subsite .hvcc__toggle span:nth-child(2), .subsite .hvcc__toggle span:nth-child(3) {
     top: 27px;
}
 @media screen and (min-width: 700px) {
     .subsite .hvcc__toggle span:nth-child(2), .subsite .hvcc__toggle span:nth-child(3) {
         top: 24px;
    }
}
 .subsite .hvcc__toggle span:nth-child(4) {
     top: 34px;
}
 @media screen and (min-width: 700px) {
     .subsite .hvcc__toggle span:nth-child(4) {
         top: 32px;
    }
}
 .subsite .hvcc__toggle.js-open span:nth-child(1) {
     top: 20px;
     left: 50%;
     width: 0;
}
 @media screen and (min-width: 700px) {
     .subsite .hvcc__toggle.js-open span:nth-child(1) {
         top: 24px;
    }
}
 .subsite .hvcc__toggle.js-open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .subsite .hvcc__toggle.js-open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 .subsite .hvcc__toggle.js-open span:nth-child(4) {
     top: 20px;
     left: 50%;
     width: 0;
}
 @media screen and (min-width: 700px) {
     .subsite .hvcc__toggle.js-open span:nth-child(4) {
         top: 24px;
    }
}
 .subsite .hvcc__tagline {
     display: block;
     float: left;
     color: #FFFFFF;
     font-size: 14px;
     margin: 14px 0 0 72px;
}
 .subsite .hvcc__menu {
     display: none;
     position: absolute;
     top: 50px;
     margin: 0;
     padding: 0;
     list-style: none;
     background-color: #222222;
     z-index: 100;
     width: 100%;
}
 @media screen and (min-width: 700px) {
     .subsite .hvcc__menu {
         width: 320px;
    }
}
 .subsite .hvcc__menu.js-open {
     display: block;
}
 .subsite .hvcc__menu li {
     border-bottom: 1px solid #3A3A3A;
}
 .subsite .hvcc__menu li:last-child {
     border-bottom: 0;
}
 .subsite .hvcc__menu a {
     padding: 13px 15px;
     display: block;
     color: #FFFFFF;
     font-weight: 700;
     text-decoration: none;
     font-size: 16px;
     background-image: url("/_files/images/icons/icon-arrow_cta-white.svg");
     background-size: 10px 18px;
     background-repeat: no-repeat;
     background-position: 96% center;
}
 @media screen and (min-width: 700px) {
     .subsite .hvcc__menu a {
         background-position: 87% center;
    }
}
 .subsite .subsite-name {
     display: none;
}
 @media screen and (min-width: 1185px) {
     .subsite .subsite-name {
         display: block;
         color: #FFFFFF;
         font-size: 18px;
         margin: 72px 0 0 21px;
    }
     body.js-fixed .subsite-name {
         display: none;
    }
}
 @media screen and (min-width: 1025px) {
     .subsite .search-toggle {
         top: 0;
         margin-right: 23px;
         height: 50px;
         width: 50px;
         background-size: 20px 24px;
    }
}
 @media screen and (min-width: 1025px) {
     .subsite .search {
         top: 0;
         height: 50px;
    }
     .subsite .search__text {
         height: 50px;
         font-size: 16px;
    }
     .subsite .search__submit {
         height: 50px;
    }
     .subsite .search__close {
         height: 50px;
    }
}
 @media screen and (min-width: 1025px) {
     .subsite .primary {
         margin-top: 50px;
         margin-left: -200px;
    }
}
 @media screen and (min-width: 1025px) {
     .subsite .primary__menu {
         margin-right: 20px;
    }
}
 .subsite .primary__menu > li.js-expanded {
     background: #0387DC;
}
 .subsite .primary__menu > li.js-expanded > a {
     color: #FFFFFF;
}
 @media screen and (min-width: 1025px) {
     .subsite .primary__menu > li:hover a span {
         border-bottom: 9px solid #0387DC;
    }
}
 .footer {
     position: relative;
}
 .footer > div, .footer > nav {
     position: relative;
     z-index: 2;
     padding-left: 15px;
     padding-right: 15px;
}
 @media screen and (min-width: 700px) {
     .footer > div, .footer > nav {
         padding-left: 30px;
         padding-right: 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .footer > div, .footer > nav {
         padding-left: 53px;
         padding-right: 53px;
    }
}
 .footer > div.footer__sticky-cta, .footer > nav.footer__sticky-cta {
     z-index: 11;
}
 .footer:after {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: #000000 url("../images/photos/footer-accent.jpg") no-repeat 0 0;
     background-size: cover;
     content: '';
     opacity: 0.5;
     z-index: 1;
}
 .footer__bold {
     padding: 40px;
     background-color: #FFC100;
     background-image: url("/_files/images/photos/yellow-base.png");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: 100% 0;
     background-blend-mode: overlay;
}
 @media screen and (min-width: 700px) {
     .footer__bold {
         background-size: contain;
         padding: 60px 0;
    }
}
 @media screen and (min-width: 1025px) {
     .footer__bold {
         background-size: contain;
         padding: 80px 0;
    }
}
 @media screen and (min-width: 700px) and (-ms-high-contrast: none) {
     .footer__bold {
         position: relative;
    }
     .footer__bold:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         height: 100%;
         width: 100%;
         background: #FFC100;
         background: rgba(255, 193, 0, 0.7);
    }
}
 .footer__bold h2 {
     margin: 0;
     text-align: center;
     font-size: 40px;
}
 @media screen and (min-width: 700px) {
     .footer__bold h2 {
         font-size: 50px;
    }
}
 @media screen and (min-width: 1025px) {
     .footer__bold h2 {
         font-size: 70px;
    }
}
 @media screen and (min-width: 1025px) {
     .footer__bold h2 span {
         opacity: 0;
         transition: opacity 0.3s ease-in 0.2s;
    }
     .footer__bold.js-fade-in span {
         opacity: 1;
    }
     .footer__bold.js-fade-in span.footer__bold-second {
         transition-delay: 0.7s;
    }
}
 @media screen and (max-width: 699px) {
     .footer__bold h2 span {
         display: block;
    }
}
 .footer__sticky-cta {
     position: relative;
     margin: 0 -15px;
     height: 45px;
}
 @media screen and (min-width: 700px) {
     .footer__sticky-cta {
         margin: 0 -30px;
         height: 60px;
    }
}
 @media screen and (min-width: 1025px) {
     .footer__sticky-cta {
         margin: 0 -53px;
    }
}
 .footer__contact {
     padding-top: 29px;
     padding-bottom: 26px;
     border-bottom: 4px solid #22B22B;
}
 @media screen and (min-width: 1025px) {
     .footer__contact {
         padding-top: 54px;
         padding-bottom: 59px;
         border-bottom: 6px solid #22B22B;
    }
}
 .footer__contact__container {
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-flow: row wrap;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     width: 100%;
     max-width: 1600px;
     margin: 0 auto;
}
 @media screen and (min-width: 700px) {
     .footer__contact__container {
         -webkit-flex-flow: row nowrap;
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
    }
}
 .footer__contact__logo {
     -webkit-order: 1;
     -moz-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1;
}
 .footer__contact__logo a {
     display: block;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     background-color: transparent;
     height: 64px;
     width: 64px;
     background-image: url("/_files/images/icons/logo-green.svg");
     background-size: contain;
     transition: 0.2s ease-in-out;
}
 .footer__contact__logo a:hover {
     opacity: 0.8;
}
 @media screen and (min-width: 700px) {
     .footer__contact__logo a {
         height: 84px;
         width: 84px;
    }
}
 @media screen and (min-width: 1025px) {
     .footer__contact__logo a {
         height: 104px;
         width: 104px;
    }
}
 .footer__contact__social {
     -webkit-order: 2;
     -moz-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
     -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
     -ms-flex: 1 0 auto;
     flex: 1 0 auto;
     padding: 9px 0 0;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-justify-content: center;
     -moz-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 @media screen and (min-width: 700px) {
     .footer__contact__social {
         -webkit-order: 3;
         -moz-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3;
    }
}
 .footer__contact__social .wrap {
     text-align: left;
}
 .footer__contact__social a:not(.newsletter), .social-media a {
     display: block;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     background-color: transparent;
     display: inline-block;
     margin-right: 13px;
     width: 22px;
     height: 23px;
     background-position: center center;
     background-repeat: no-repeat;
     transition: 0.2s ease-in-out;
}
 @media screen and (min-width: 1025px) {
     .footer__contact__social a:not(.newsletter), .social-media a {
         width: 33px;
         height: 32px;
         margin-right: 24px;
    }
}
 .footer__contact__social a:not(.newsletter).fb, .social-media a.fb {
     background-image: url("/_files/images/icons/icon-facebook.svg");
     background-size: 22px 23px;
}
 .footer__contact__social a:not(.newsletter).fb:hover, .social-media a.fb:hover {
     background-image: url("/_files/images/icons/icon-facebook-ovr.svg");
}
 @media screen and (min-width: 1025px) {
     .footer__contact__social a:not(.newsletter).fb, .social-media a.fb {
         background-size: 33px 32px;
    }
}
 .footer__contact__social a:not(.newsletter).twit, .social-media a.twit {
     background-image: url("/_files/images/icons/icon-twitter.svg");
     background-size: 22px 19px;
}
 .footer__contact__social a:not(.newsletter).twit:hover, .social-media a.twit:hover {
     background-image: url("/_files/images/icons/icon-twitter-ovr.svg");
}
 @media screen and (min-width: 1025px) {
     .footer__contact__social a:not(.newsletter).twit, .social-media a.twit {
         background-size: 32px 27px;
    }
}
 .footer__contact__social a:not(.newsletter).yt, .social-media a.yt {
     background-image: url("/_files/images/icons/icon-youtube.svg");
     background-size: 22px 17px;
}
 .footer__contact__social a:not(.newsletter).yt:hover, .social-media a.yt:hover {
     background-image: url("/_files/images/icons/icon-youtube-ovr.svg");
}
 @media screen and (min-width: 1025px) {
     .footer__contact__social a:not(.newsletter).yt, .social-media a.yt {
         background-size: 32px 23px;
    }
}
 .footer__contact__social a:not(.newsletter).inst, .social-media a.inst {
     background-image: url("/_files/images/icons/icon-instagram.svg");
     background-size: 22px 23px;
}
 .footer__contact__social a:not(.newsletter).inst:hover, .social-media a.inst:hover {
     background-image: url("/_files/images/icons/icon-instagram-ovr.svg");
}
 @media screen and (min-width: 1025px) {
     .footer__contact__social a:not(.newsletter).inst, .social-media a.inst {
         background-size: 32px 32px;
    }
}
 .footer__contact__social a:not(.newsletter).lin, .social-media a.lin{
     margin: 0;
     background-image: url("/_files/images/icons/icon-linkedin.svg");
     background-size: 21px 19px;
}
 .footer__contact__social a:not(.newsletter).lin:hover, .social-media a.lin:hover {
     background-image: url("/_files/images/icons/icon-linkedin-ovr.svg");
}
 @media screen and (min-width: 1025px) {
     .footer__contact__social a:not(.newsletter).lin, .social-media a.lin {
         background-size: 31px 28px;
    }
}
 .footer__contact__social a:not(.newsletter).tt, .social-media a.tt {
     background-image: url("/_files/images/icons/icon-tiktok.png");
     background-size: 22px 23px;
}
 .footer__contact__social a:not(.newsletter).tt:hover, .social-media a.tt:hover {
     background-image: url("/_files/images/icons/icon-tiktok-ovr.png");
}
 @media screen and (min-width: 1025px) {
     .footer__contact__social a:not(.newsletter).tt, .social-media a.tt {
         background-size: 33px 32px;
    }
}
 .footer__contact__social .newsletter {
     display: block;
     margin-top: 10px;
     padding-left: 20px;
     color: #000000;
     text-decoration: none;
     font-size: 12px;
     font-weight: 700;
     background-image: url("/_files/images/icons/icon-rss.svg");
     background-position: 0 center;
     background-repeat: no-repeat;
     background-size: 12px 13px;
     transition: 0.2s ease-in-out;
}
 .footer__contact__social .newsletter:hover {
     color: #4F575C;
}
 @media screen and (min-width: 700px) {
     .footer__contact__social .newsletter {
         margin-top: 0;
    }
}
 @media screen and (min-width: 1025px) {
     .footer__contact__social .newsletter {
         font-size: 18px;
         line-height: 30px;
    }
}
 .footer__contact__locations {
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex: 0 0 100%;
     -moz-box-flex: 0;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     -webkit-order: 3;
     -moz-box-ordinal-group: 4;
     -ms-flex-order: 3;
     order: 3;
     margin: 17px 0 0;
     font-size: 12px;
     line-height: 1.33;
}
 @media screen and (min-width: 700px) {
     .footer__contact__locations {
         -webkit-order: 2;
         -moz-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
         -webkit-flex: 0 1 auto;
         -moz-box-flex: 0;
         -ms-flex: 0 1 auto;
         flex: 0 1 auto;
         -webkit-justify-content: center;
         -moz-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         margin: 9px 0 0;
         padding: 0 43px;
    }
}
 @media screen and (min-width: 1025px) {
     .footer__contact__locations {
         font-size: 18px;
         line-height: 30px;
    }
}
 .footer__contact__locations a:not([href^='tel:']) {
     display: inline-block;
     padding-right: 17px;
     background-image: url("/_files/images/icons/icon-arrow_cta.svg");
     background-position: 100% 9px;
     background-repeat: no-repeat;
     background-size: 8px 11px;
     color: #000000;
     font-weight: 700;
     text-decoration: none;
     line-height: 30px;
     transition: 0.2s ease-in-out;
}
 .footer__contact__locations a:not([href^='tel:']):hover {
     color: #4F575C;
}
 @media screen and (min-width: 1025px) {
     .footer__contact__locations a:not([href^='tel:']) {
         background-position: 100% 11px;
    }
}
 .footer__contact__locations .col {
     -webkit-flex: 0 0 145px;
     -moz-box-flex: 0;
     -ms-flex: 0 0 145px;
     flex: 0 0 145px;
}
 @media screen and (min-width: 1025px) {
     .footer__contact__locations .col {
         -webkit-flex: 0 0 215px;
         -moz-box-flex: 0;
         -ms-flex: 0 0 215px;
         flex: 0 0 215px;
    }
}
 .footer__nav {
     padding-top: 36px;
     padding-bottom: 23px;
     background-image: radial-gradient(50% 97%, #FBFBFB 2%, #EFEFEF 97%);
     background: rgba(0, 0, 0, 0.6);
     color: #FFFFFF;
}
 @media screen and (min-width: 700px) {
     .footer__nav {
         padding-top: 43px;
         padding-bottom: 31px;
    }
}
 @media screen and (min-width: 1025px) {
     .footer__nav {
         padding-top: 55px;
         padding-bottom: 45px;
    }
}
 .footer__nav ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .footer__nav ul a {
     color: #FFFFFF;
     text-decoration: none;
     transition: 0.2s ease-in-out;
     padding-bottom: 2px;
     border-bottom: 2px solid transparent;
     display: inline;
}
 .footer__nav ul a:hover {
     border-bottom: 2px solid #FFFFFF;
}
 .footer__nav__container {
     max-width: 1600px;
     margin: 0 auto;
}
 @media screen and (min-width: 700px) {
     .footer__nav__container {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-flex-flow: row wrap;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         -webkit-justify-content: space-between;
         -moz-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
    }
}
 .footer__nav__container > ul {
     margin: 0 0 25px;
     padding-bottom: 17px;
     border-bottom: 1px solid #ACACAC;
}
 @media screen and (min-width: 700px) {
     .footer__nav__container > ul {
         -webkit-flex: 0 0 45%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 45%;
         flex: 0 0 45%;
    }
}
 @media screen and (min-width: 1025px) {
     .footer__nav__container > ul {
         -webkit-flex: 0 0 20%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         padding: 0;
         margin: 0;
         border: 0;
    }
}
 .footer__nav__container > ul:last-child {
     padding: 0;
     border: 0;
}
 @media screen and (min-width: 700px) {
     .footer__nav__container > ul:nth-child(3) {
         margin: 0;
         padding: 0;
         border: 0;
    }
}
 .footer__nav ul > li h2 {
     margin: 0;
     font-size: 20px;
     font-weight: 800;
     line-height: 1.556;
}
 @media screen and (min-width: 1025px) {
     .footer__nav ul > li h2 {
         font-size: 24px;
         line-height: 1.6;
    }
}
 .footer__nav ul ul li {
     margin: 9px 0;
     font-size: 12px;
     font-weight: 400;
}
 .footer__nav ul ul li:last-child {
     margin-bottom: 0;
}
 @media screen and (min-width: 700px) {
     .footer__nav ul ul li {
         margin: 8px 0;
         font-size: 16px;
    }
}
 @media screen and (min-width: 1025px) {
     .footer__nav ul ul li {
         margin: 12px 0;
         font-size: 18px;
    }
}
 .footer__copy {
     padding-top: 23px;
     padding-bottom: 25px;
     background: #000000;
     color: #FFFFFF;
     font-size: 12px;
     line-height: 1.5;
}
 @media screen and (min-width: 700px) {
     .footer__copy {
         padding-top: 30px;
         padding-bottom: 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .footer__copy {
         font-size: 18px;
    }
}
 .footer__copy__container {
     max-width: 1600px;
     margin: 0 auto;
}
 @media screen and (min-width: 700px) {
     .footer__copy__container {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-align-items: center;
         -moz-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
     .footer__copy__container > div {
         -webkit-flex: 0 0 50%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
}
 .footer__copy--copyright {
     margin-bottom: 19px;
}
 @media screen and (min-width: 700px) {
     .footer__copy--copyright {
         margin-bottom: 0;
    }
}
 @media screen and (min-width: 1025px) {
     .footer__copy--copyright {
         padding-right: 9%;
    }
}
 .footer__copy--suny {
     padding: 11px 0 11px 71px;
     background-color: #000000;
     background-image: url("/_files/images/icons/logo-suny.png");
     background-position: 0 0;
     background-repeat: no-repeat;
     background-size: 53px;
}
 @media screen and (min-width: 1025px) {
     .footer__copy--suny {
         padding: 0 0 0 71px;
    }
}
/* min-height used to be 320px */
 .hero {
     position: relative;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     min-height: 290px;
}
 @media (min-width: 700px) {
     .hero {
         min-height: 350px;
    }
}
/* Used to be 570px */
 @media (min-width: 1025px) {
     .hero {
         min-height: 490px;
    }
}
 .hero__image {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 1;
     background: #000000;
}
 .hero__image::after {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
     height: 100%;
     width: 100%;
     content: '';
     background: rgba(0, 0, 0, 0.15);
}
 .hero__image img {
     display: block;
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: top;
     object-position: top;
     height: 100%;
}
 .hero .content__max-container {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
}
 .hero__title {
     position: relative;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 90px 15px 20px;
     z-index: 2;
     width: 100%;
}
 @media screen and (min-width: 700px) {
     .hero__title {
         padding: 105px 30px 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .hero__title {
         padding: 180px 150px 120px;
    }
}
 .hero__title h1 {
     width: 100%;
}
 .hero-subsite {
     background-color: #006699;
     min-height: 214px;
     position: relative;
}
 @media screen and (min-width: 700px) {
     .hero-subsite {
         min-height: 283px;
    }
}
 @media screen and (min-width: 1025px) {
     .hero-subsite {
         min-height: 411px;
    }
}
 .hero-subsite h1 {
     padding: 100px 15px 35px;
}
 @media screen and (min-width: 700px) {
     .hero-subsite h1 {
         padding: 128px 30px 39px;
    }
}
 @media screen and (min-width: 1025px) {
     .hero-subsite h1 {
         padding: 217px 53px 112px;
    }
}
 .hero-home {
     background-color: #000000;
     background-size: cover;
     background-position: center;
     overflow: hidden;
     position: relative;
}
 @media screen and (max-width: 1024px) {
     .hero-home {
         max-height: 768px;
    }
}
 @media screen and (min-width: 700px) {
     .hero-home {
         height: calc(100vh - 60px);
    }
}
 @media screen and (min-width: 1025px) {
     .hero-home {
         min-height: 566px;
    }
}
 @media screen and (max-width: 699px) {
     .hero-home__container {
         padding-bottom: 63%;
    }
}
/* EOC video styling, similar to above */
 .eoc-hero-home {
     background-color: #000000;
     background-size: cover;
     background-position: center;
     overflow: hidden;
     position: relative;
}
 @media screen and (max-width: 1024px) {
     .eoc-hero-home {
         max-height: 768px;
    }
}
 @media screen and (min-width: 700px) {
     .eoc-hero-home {
         height: calc(100vh - 60px);
    }
}
 @media screen and (min-width: 1025px) {
     .eoc-hero-home {
         min-height: 566px;
    }
}
 @media screen and (max-width: 699px) {
     .eoc-hero-home {
         padding-bottom: 63%;
    }
}
 .hero-home__title {
     position: absolute;
     left: 15px;
     bottom: 4px;
}
 @media screen and (min-width: 700px) {
     .hero-home__title {
         left: 30px;
         bottom: 83px;
         bottom: 13px;
    }
}
 @media screen and (min-width: 1025px) {
     .hero-home__title {
         left: 53px;
         bottom: 65px;
    }
}
 .hero-home__title h1 {
     font-size: 48px;
     text-align: left;
     text-shadow: none;
}
 @media screen and (min-width: 700px) {
     .hero-home__title h1 {
         font-size: 100px;
    }
}
 @media screen and (min-width: 1025px) {
     .hero-home__title h1 {
         font-size: 150px;
    }
}
 .hero-home__slide-button {
     display: block;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     background-color: transparent;
     overflow: visible;
     white-space: normal;
     position: absolute;
     height: 30px;
     width: 30px;
     background-image: url("/_files/images/icons/icon-pulse.svg");
     background-size: contain;
     opacity: 0.8;
     right: 26px;
     bottom: 21px;
}
 @media screen and (min-width: 700px) {
     .hero-home__slide-button {
         height: 55px;
         width: 55px;
         right: 53px;
         bottom: 46px;
    }
}
 @media screen and (min-width: 1025px) {
     .hero-home__slide-button {
         height: 70px;
         width: 70px;
         bottom: 122px;
    }
}
 .hero-home__slide-button .hero__pulse {
     display: block;
     width: 100%;
     padding-bottom: 100%;
     margin-left: -10%;
     margin-top: -10%;
     border-radius: 50%;
     position: relative;
     z-index: 1;
     background: transparent;
     transition: -webkit-transform ease-out 0.1s, background 0.2s, opacity 0.3s;
     transition: transform ease-out 0.1s, background 0.2s, opacity 0.3s;
     -webkit-transform: scale(0.93);
     -ms-transform: scale(0.93);
     transform: scale(0.93);
}
 .hero-home__slide-button .hero__pulse:before {
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     content: '';
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     top: 10%;
     left: 10%;
     padding: 0;
     z-index: -1;
     box-shadow: 0 0 0 1px white;
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
     -webkit-animation: pulse 1.8s ease-out infinite;
     animation: pulse 1.8s ease-out infinite;
}
 .hero-home__slide-button .hero__pulse:after {
     position: absolute;
     width: 130%;
     height: 130%;
     border-radius: 50%;
     content: '';
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     top: -5%;
     left: -5%;
     padding: 0;
     z-index: -1;
     box-shadow: 0 0 0 1px #FFFFFF;
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
     -webkit-animation: pulse 1.8s ease-out infinite;
     animation: pulse 1.8s ease-out infinite;
}
 .hero-home__slides {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: -1;
     visibility: hidden;
}
 .hero-home__slides.js-active {
     visibility: visible;
     -webkit-animation: fade-in 0.2s ease-in forwards;
     animation: fade-in 0.2s ease-in forwards;
     z-index: 1;
}
 @media screen and (max-width: 699px) {
     .hero-home__slides.js-active {
         position: fixed;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         z-index: 500;
    }
}
 .hero-home__slide {
     position: relative;
     display: inline-block;
     vertical-align: top;
     height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center center;
}
 @media screen and (max-width: 699px) {
     .hero-home__slide {
         background-color: #FFFFFF;
         background-size: 100% 261px;
         background-repeat: no-repeat;
         background-position: 0 0;
    }
}
 .hero-home__slide:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background-image: linear-gradient(129deg, rgba(0, 0, 0, 0.79) 17%, transparent 82%);
     z-index: 1;
}
 @media screen and (max-width: 699px) {
     .hero-home__slide:before {
         background-image: none;
    }
}
 .hero-home__slide-container {
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 2;
     width: 80%;
}
 @media screen and (min-width: 700px) {
     .hero-home__slide-container {
         padding-top: 150px;
         padding-left: 30px;
         width: 75%;
    }
}
 @media screen and (min-width: 1025px) {
     .hero-home__slide-container {
         padding-top: 250px;
         padding-left: 53px;
         width: 50%;
    }
}
 @media screen and (max-height: 901px) and (min-width: 1025px) {
     .hero-home__slide-container {
         width: 75%;
    }
}
 @media screen and (max-height: 650px) and (min-width: 1025px) {
     .hero-home__slide-container {
         width: 90%;
    }
}
 @media screen and (max-width: 699px) {
     .hero-home__slide-container {
         top: 261px;
         height: calc(100% - 261px);
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
         width: 100%;
         padding: 69px 15px 20px;
         overflow-y: scroll;
         -webkit-overflow-scrolling: touch;
    }
}
 .hero-home__slide-quote {
     color: #FFFFFF;
     font-family: "Roboto", arial, sans-serif;
     font-weight: 500;
     line-height: 1.3;
     font-size: 30px;
}
 .hero-home__slide-quote:before {
     content: '“';
     color: #FFC100;
     font-size: 200px;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: 900;
     line-height: 1;
     float: left;
     margin: -110px -100px 0 -12px;
}
 @media all and (-ms-high-contrast: none) {
     .hero-home__slide-quote:before {
         margin-top: -130px;
    }
}
 @media screen and (max-width: 699px) {
     .hero-home__slide-quote:before {
         font-size: 150px;
         margin-top: -73px;
         margin-left: -9px;
    }
}
 @media screen and (max-width: 699px) {
     .hero-home__slide-quote {
         color: #000000;
         font-size: 20px;
    }
}
 .hero-home__slide-attribute {
     color: #FFFFFF;
     font-size: 20px;
     margin: 30px 0;
}
 @media screen and (max-width: 699px) {
     .hero-home__slide-attribute {
         color: #000000;
         font-size: 14px;
         margin: 15px 0 25px;
    }
}
 .hero-home .slick-list {
     margin: 0;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     overflow: hidden;
}
 .hero-home .slick-prev {
     display: none !important;
}
 .hero-home .slick-track {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
}
 .hero-home .slick-next {
     display: block;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     background-color: transparent;
     overflow: visible;
     white-space: normal;
     position: absolute;
     top: 115px;
     right: 15px;
     height: 31px;
     width: 31px;
     background-image: url("/_files/images/icons/icon-pulse.svg");
     background-size: contain;
     transition: 0.2s ease-in-out;
     cursor: pointer;
}
 @media screen and (min-width: 700px) {
     .hero-home .slick-next {
         top: 50%;
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%);
         height: 55px;
         width: 55px;
         right: 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .hero-home .slick-next {
         height: 70px;
         width: 70px;
    }
}
 .hero-home__video-container {
     position: absolute;
     bottom: 0;
     left: 0;
     height: 100%;
     width: 100%;
     overflow: hidden;
     display: none;
     background: #000000;
}
 .hero-home__video-container:focus {
     border: 5px solid #9ECAED;
     box-shadow: 0 0 10px #9ECAED;
}
 @media screen and (min-width: 1025px) {
     .hero-home__video-container {
         display: block;
    }
}
 .hero-home__video {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     color: #FFFFFF;
}
 .hero-home__close {
     display: block;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     background-color: transparent;
     display: none;
     height: 28px;
     width: 30px;
     position: absolute;
     top: 0;
     right: 0;
     z-index: 1000;
     background: #007B20 url("/_files/images/icons/icon-X.svg") no-repeat center center;
     background-size: 10px;
     cursor: pointer;
     transition: background 0.2s ease-in-out;
}
 .hero-home__close.js-active {
     display: block;
     -webkit-animation: fade-in 0.2s ease-in forwards;
     animation: fade-in 0.2s ease-in forwards;
}
 @media screen and (min-width: 700px) {
     .hero-home__close {
         position: absolute;
         top: 72px;
         right: 0;
         height: 40px;
         width: 40px;
         background-size: 20px;
    }
     .hero-home__close:hover {
         background-color: #000000;
    }
}
 @media screen and (min-width: 1025px) {
     .hero-home__close {
         top: 130px;
         height: 50px;
         width: 50px;
         background-size: 25px;
    }
}
 .content__intro {
     margin: 0 0 30px 0;
}
 @media screen and (min-width: 1025px) {
     .content__intro {
         margin: 0 0 35px;
    }
}
 @media screen and (min-width: 1025px) {
     .accordion-lite h3 {
         margin-bottom: 20px !important;
    }
}
/* @media screen and (max-width: 699px) {
     */
    /* .accordion-lite .accordion__section {
         */
        /* margin-left: 15px;
         */
        /* 
    }
     */
    /* .accordion {
         */
        /* margin: 0 -15px;
         */
        /* 
    }
     */
    /*
}
*/
 .accordion > h2 {
     margin-bottom: 0;
}
 .accordion__item {
     margin: 0 0 8px;
     border: 1px solid #C0C0C0;
}
 .accordion-lite .accordion__item {
     border: none;
     border-top: 1px solid #C0C0C0;
}
/* @media screen and (max-width: 699px) {
     */
    /* .accordion__item {
         */
        /* border-left: 0;
         */
        /* border-right: 0;
         */
        /* 
    }
     */
    /*
}
*/
 .accordion__item:last-child {
     margin: 0;
}
 .accordion__toggle {
     display: block;
     position: relative;
     padding: 10px 15px 10px 55px;
     cursor: pointer;
     font-size: 16px;
     font-weight: 600;
     line-height: 1.4;
}
 @media screen and (max-width: 699px) {
     .accordion-lite .accordion__toggle {
         padding: 15px 15px 10px 40px;
    }
     .accordion-lite .accordion__content {
         padding: 0 15px 0 40px;
    }
}
 @media screen and (min-width: 700px) {
     .accordion__toggle {
         padding: 20px 15px 20px 50px;
    }
     .accordion-lite .accordion__toggle {
         padding: 15px 15px 10px 40px;
    }
}
 @media screen and (min-width: 1025px) {
     .accordion__toggle {
         padding: 22px 40px 22px 100px;
         font-size: 20px;
    }
     .accordion-lite .accordion__toggle {
         padding: 15px 40px 15px 40px;
    }
}
 .accordion__toggle:before {
     position: absolute;
     left: 15px;
     top: 50%;
     height: 25px;
     width: 25px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     content: '';
     background-color: #007B20;
     background-image: url("/_files/images/icons/icon-plus-white.svg");
     background-position: center center;
     background-size: 10px;
     background-repeat: no-repeat;
     border-radius: 50%;
     /*-webkit-transform: 0.2s ease-in-out;
     -ms-transform: 0.2s ease-in-out;
     transform: 0.2s ease-in-out;*/ /*W3C validator dislikes, trying it off */
}
 .accordion-lite .accordion__toggle:before {
     height: 20px;
     width: 20px;
     left: 5px;
     background-color: #c0c0c0;
}
 @media screen and (min-width: 700px) {
     .accordion__toggle:before {
         left: 10px;
    }
}
 @media screen and (min-width: 1025px) {
     .accordion__toggle:before {
         left: 33px;
         height: 35px;
         width: 35px;
         background-size: 14px;
    }
     .accordion-lite .accordion__toggle:before {
         height: 20px;
         width: 20px;
    }
}
 .accordion__toggle.js-expanded:before {
     background-color: #0072BC;
     background-image: url("/_files/images/icons/icon-minus-white.png");
}
 .accordion-lite .accordion__toggle.js-expanded:before {
     background-color: #C0C0C0;
}
 .accordion__content {
     display: none;
     padding: 0 15px 0 55px;
     font-size: 16px;
}
 @media screen and (min-width: 700px) {
     .accordion__content {
         padding: 0 15px 0 50px;
    }
     .accordion-lite .accordion__content {
         padding: 0 15px 0 40px;
    }
}
 @media screen and (min-width: 1025px) {
     .accordion__content {
         padding: 0 40px 0 100px;
         font-size: 20px;
    }
     .accordion-lite .accordion__content {
         padding: 0 40px 0 40px;
    }
}
 .accordion__all {
     margin: 25px 0 8px 5px;
     font-size: 16px;
}
 @media screen and (min-width: 700px) {
     .accordion__all {
         margin: 37px 0 5px 5px;
    }
}
 @media screen and (min-width: 1025px) {
     .accordion__all {
         margin: 0 50px 10px 0;
         text-align: right;
         font-size: 20px;
    }
}
 .accordion__all .accordion--expand, .accordion__all .accordion--collapse {
     position: relative;
     padding: 0 0 0 25px;
     background: 0;
     border: 0;
     cursor: pointer;
     font-weight: 700;
     text-transform: uppercase;
     transition: 0.3s ease-in-out;
}
 @media screen and (min-width: 700px) {
     .accordion__all .accordion--expand, .accordion__all .accordion--collapse {
         padding-left: 32px;
    }
}
 .accordion__all .accordion--expand.js-disabled, .accordion__all .accordion--collapse.js-disabled {
     /*pointer-events: none;*/ /*W3C Validator says no */
     opacity: 0.5;
}
 .accordion__all .accordion--expand:before, .accordion__all .accordion--collapse:before {
     content: '';
     position: absolute;
     bottom: 3px;
     left: 5px;
     height: 13px;
     width: 13px;
     background-image: url("/_files/images/icons/icon-arrow_cta.svg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: contain;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
}
 @media screen and (min-width: 1025px) {
     .accordion__all .accordion--expand:before, .accordion__all .accordion--collapse:before {
         height: 17px;
         width: 17px;
    }
}
 .accordion__all .accordion--collapse {
     margin-left: 10px;
}
 @media screen and (min-width: 700px) {
     .accordion__all .accordion--collapse {
         margin-left: 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .accordion__all .accordion--collapse {
         margin-left: 20px;
    }
}
 .accordion__all .accordion--collapse:before {
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
}
 .accordion__top {
     position: relative;
     margin: 25px 0;
     padding: 0 0 0 32px;
     background: 0;
     border: 0;
     cursor: pointer;
     font-weight: 700;
     text-transform: uppercase;
     font-size: 16px;
}
 @media screen and (min-width: 1025px) {
     .accordion__top {
         margin: 53px 0;
    }
}
 .accordion__top:before {
     content: '';
     position: absolute;
     left: 5px;
     height: 15px;
     width: 10px;
     background-image: url("/_files/images/icons/icon-arrow_cta.svg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: contain;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
}
 .cta-grid {
     display: block;
     margin-bottom: 14px;
    /* Radu, recent change, used to be 54px */
}
 @media screen and (min-width: 700px) {
     .cta-grid {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         margin: 0 -1px 0 0;
    }
}
 .cta-grid__block {
     display: inline-block;
     padding-right: 20px;
}
 @media screen and (min-width: 700px) {
     .cta-grid__block {
         -webkit-flex: 0 0 calc(100% / 3);
         -moz-box-flex: 0;
         -ms-flex: 0 0 calc(100% / 3);
         flex: 0 0 calc(100% / 3);
         min-width: calc(100% / 3);
         position: relative;
         padding: 0;
         border-right: 1px solid #FFFFFF;
    }
}
 .cta-grid__container {
     position: relative;
     background-size: cover;
     background-blend-mode: overlay;
     padding-bottom: 80vw;
}
 @media screen and (min-width: 530px) {
     .cta-grid__container {
         padding-bottom: 40vw;
    }
}
 @media screen and (min-width: 700px) {
     .cta-grid__container {
         padding-bottom: 100%;
    }
}
 @media screen and (min-width: 1025px) {
     .cta-grid__container {
         padding-bottom: 68%;
    }
}
 .cta-grid__link {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     color: #FFFFFF;
     text-decoration: none;
}
 .cta-grid__link:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: transparent;
     transition: 0.3s ease-in-out;
}
 .cta-grid__link:hover {
     color: #FFFFFF;
}
 .cta-grid__link:hover:after {
     background: rgba(0, 0, 0, 0.3);
}
 .cta-grid__link h3 {
     position: absolute;
     margin: 0;
     bottom: 30px;
     width: 100%;
     padding: 0 65px 0 15px;
     line-height: 1.4;
     z-index: 2;
     font-size: 18px;
}
 @media screen and (min-width: 700px) {
     .cta-grid__link h3 {
         padding: 0 23px;
         bottom: 40px;
         line-height: 1.2;
    }
}
 @media screen and (min-width: 1025px) {
     .cta-grid__link h3 {
         font-size: 24px;
         padding: 0 30px;
    }
}
 a.cta-grid__link h3:after {
     display: inline-block;
     content: '';
     height: 11px;
     width: 8px;
     margin: 0 -28px 0 8px;
     background-image: url("/_files/images/icons/icon-arrow_cta-white.svg");
     background-position: center 100%;
     background-repeat: no-repeat;
     background-size: 8px 11px;
}
 @media screen and (min-width: 1025px) {
     a.cta-grid__link h3:after {
         height: 22px;
         width: 14px;
         background-size: 14px 21px;
    }
}
 @media screen and (max-width: 699px) {
     .cta-grid--title {
         background: #FFFFFF !important;
    }
}
 @media screen and (min-width: 700px) {
     .cta-grid--title {
         position: absolute;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%);
         padding: 0 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .cta-grid--title {
         padding: 0 35px 0 53px;
    }
}
 .cta-grid--title .header--accent {
     margin: 0;
}
 @media screen and (min-width: 700px) {
     .cta-grid--title .header--accent {
         color: #FFFFFF;
    }
}
 @media screen and (min-width: 700px) {
     .cta-grid--title .header--accent:after {
         background: #FFFFFF;
    }
}
 .cta-grid.cta-grid--two-col {
     -webkit-flex-flow: row wrap;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     margin-bottom: 53px;
     margin-top: 35px;
}
 .cta-grid.cta-grid--two-col .cta-grid__block {
     -webkit-flex: 0 0 50%;
     -moz-box-flex: 0;
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
     border-width: 0 1px 1px 0;
     border-color: #FFFFFF;
     border-style: solid;
}
 .cta-grid.cta-grid--two-col .cta-grid__container {
     padding-bottom: 121%;
}
 @media screen and (min-width: 700px) {
     .cta-grid.cta-grid--two-col .cta-grid__container {
         padding-bottom: 86%;
    }
}
 @media screen and (min-width: 1142px) {
     .cta-grid.cta-grid--two-col .cta-grid__container {
         padding-bottom: 64%;
    }
}
 @media screen and (min-width: 1225px) {
     .cta-grid.cta-grid--two-col .cta-grid__container {
         padding-bottom: 58%;
    }
}
 .cta-grid.cta-grid--two-col .cta-grid__link {
     padding: 74px 15px 73px;
}
 @media screen and (min-width: 700px) {
     .cta-grid.cta-grid--two-col .cta-grid__link {
         padding: 67px 28px 73px;
    }
}
 @media screen and (min-width: 1025px) {
     .cta-grid.cta-grid--two-col .cta-grid__link {
         padding: 90px 44px 73px;
    }
}
 .cta-grid.cta-grid--detail .cta-grid__link {
     padding: 74px 15px 73px;
}
 @media screen and (min-width: 700px) {
     .cta-grid.cta-grid--detail .cta-grid__link {
         padding: 24px 30px 65px;
         background-image: none !important;
    }
}
 @media screen and (min-width: 1025px) {
     .cta-grid.cta-grid--detail .cta-grid__link {
         padding: 20px 50px 0;
    }
}
 @media screen and (min-width: 1125px) {
     .cta-grid.cta-grid--detail .cta-grid__link {
         padding: 40px 50px 0;
    }
}
 .cta-grid.cta-grid--two-col .cta-grid__link .cta-grid__eyebrow {
     position: absolute;
     padding-right: 15px;
     top: 29px;
     font-size: 12px;
     font-weight: 600;
     line-height: 1.4;
     text-transform: uppercase;
     z-index: 2;
}
 @media screen and (min-width: 700px) {
     .cta-grid.cta-grid--two-col .cta-grid__link .cta-grid__eyebrow {
         top: 24px;
    }
}
 @media screen and (min-width: 1025px) {
     .cta-grid.cta-grid--two-col .cta-grid__link .cta-grid__eyebrow {
         font-size: 16px;
         top: 27px;
    }
}
 .cta-grid.cta-grid--two-col .cta-grid__link h2 {
     position: relative;
     bottom: auto;
     padding: 0;
     margin: 0 0 11px;
     bottom: 0;
     display: block;
     font-size: 20px;
     font-weight: 500;
     line-height: 1.2;
     z-index: 2;
}
 @media screen and (min-width: 1025px) {
     .cta-grid.cta-grid--two-col .cta-grid__link h2 {
         font-size: 24px;
    }
}
 .cta-grid.cta-grid--two-col a.cta-grid__link h2:after {
     display: inline-block;
     content: '';
     height: 11px;
     width: 8px;
     margin: 0 -28px 0 8px;
     background-image: url("/_files/images/icons/icon-arrow_cta-white.svg");
     background-position: center 100%;
     background-repeat: no-repeat;
     background-size: 8px 11px;
}
 @media screen and (min-width: 1025px) {
     .cta-grid.cta-grid--two-col a.cta-grid__link h2:after {
         height: 22px;
         width: 14px;
         background-size: 14px 21px;
    }
}
 .cta-grid.cta-grid--two-col .cta-grid__link .cta-grid__body {
     position: relative;
     z-index: 2;
     font-size: 16px;
}
 @media screen and (min-width: 1025px) {
     .cta-grid.cta-grid--two-col .cta-grid__link .cta-grid__body {
         font-size: 18px;
         line-height: 1.33;
    }
}
 .cta-grid.cta-grid--two-col .cta-grid__link .cta-grid__link-title {
     font-weight: 600;
     font-size: 16px;
     margin: 15px 0 0;
     position: relative;
     z-index: 2;
}
 .cta-grid.cta-grid--two-col .cta-grid__link .cta-grid__link-title:after {
     display: inline-block;
     height: 11px;
     width: 11px;
     margin-left: 5px;
     margin-right: -20px;
     content: '';
     background-image: url("/_files/images/icons/icon-arrow_cta-white.svg");
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center center;
     transition: 0.2s ease-in-out;
}
 @media screen and (min-width: 1025px) {
     .cta-grid.cta-grid--two-col .cta-grid__link .cta-grid__link-title:after {
         margin-left: 7px;
         margin-right: -30px;
    }
}
 @media screen and (max-width: 699px) {
     .cta-grid.cta-grid--two-col.cta-grid--detail {
         background: transparent !important;
    }
     .cta-grid.cta-grid--two-col.cta-grid--detail .slick-track {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         margin: 0 0 15px;
    }
     .cta-grid.cta-grid--two-col.cta-grid--detail .cta-grid__container {
         padding-bottom: 0;
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
    }
     .cta-grid.cta-grid--two-col.cta-grid--detail .cta-grid__link {
         position: relative;
         display: block;
    }
     .cta-grid.cta-grid--two-col.cta-grid--detail .cta-grid__block {
         -webkit-flex: 0 0 24%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 24%;
         flex: 0 0 24%;
         max-width: 24%;
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         vertical-align: top;
         margin: 0 15px 0 0;
         position: relative;
    }
     .cta-grid.cta-grid--two-col.cta-grid--detail .cta-grid__link {
         padding: 30px 15px;
         background-size: cover !important;
         background-blend-mode: overlay;
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-flex-flow: row wrap;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         height: auto;
         -webkit-align-content: flex-start;
         -ms-flex-line-pack: start;
         align-content: flex-start;
    }
     .cta-grid.cta-grid--two-col.cta-grid--detail .cta-grid__link > * {
         -webkit-flex: 0 0 100%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
    }
     .cta-grid--purple.cta-grid--detail .cta-grid__link {
         background-color: #4A3687;
    }
}
 .cta-grid.cta-grid--green .cta-grid__container {
     background-color: #32553B;
}
 @media screen and (min-width: 700px) and (-ms-high-contrast: none) {
     .cta-grid.cta-grid--green .cta-grid__container:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         height: 100%;
         width: 100%;
         background: #007B20;
         background: rgba(0, 123, 32, 0.6);
    }
}
 .cta-grid.cta-grid--purple .cta-grid__container {
     background-color: #4A3687;
}
 @media screen and (min-width: 700px) and (-ms-high-contrast: none) {
     .cta-grid.cta-grid--purple .cta-grid__container:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         height: 100%;
         width: 100%;
         background: #4A3687;
         background: rgba(74, 54, 135, 0.6);
    }
}
 .cta-grid.cta-grid--grey .cta-grid__container {
     background-color: #505050;
}
 @media screen and (min-width: 700px) and (-ms-high-contrast: none) {
     .cta-grid.cta-grid--grey .cta-grid__container:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         height: 100%;
         width: 100%;
         background: #000000;
         background: rgba(0, 0, 0, 0.5);
    }
}
 .cta-grid.cta-grid--two-row {
     -webkit-flex-flow: row wrap;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
}
 .cta-grid.cta-grid--two-row .cta-grid__block {
     border-bottom: 1px solid #FFFFFF;
}
 .cta-grid--single {
     background-size: cover;
     background-blend-mode: overlay;
     background-position: center;
}
 .cta-grid--single .cta-grid__container {
     background-color: transparent !important;
}
 @media screen and (max-width: 699px) {
     .cta-grid--single .cta-grid__container.cta-grid--title {
         background-color: #FFFFFF !important;
    }
}
 @media screen and (max-width: 1024px) {
     .cta-grid--single .cta-grid__container {
         padding-bottom: 43%;
    }
}
 @media screen and (max-width: 699px) {
     .cta-grid--single .cta-grid__container {
         padding-bottom: 27%;
    }
}
 .cta-grid--single .cta-grid__container.cta-grid--title {
     padding-bottom: 0;
}
 @media screen and (max-width: 699px) {
     .cta-grid--single .cta-grid__container.cta-grid--title {
         padding: 31px 25px 40px 0;
    }
}
 @media screen and (max-width: 1024px) {
     .cta-grid--single .cta-grid__link h3 {
         bottom: 14px;
         padding: 0 15px;
    }
}
 @media screen and (max-width: 699px) {
     .cta-grid--single .cta-grid__block {
         display: block;
         padding: 0;
         border-bottom: 1px solid #FFFFFF;
    }
     .cta-grid--single .cta-grid__block:last-child {
         border-bottom: 0;
    }
}
 @media screen and (min-width: 700px) {
     .cta-grid--single.cta-grid--two-row .cta-grid__block {
         -webkit-flex: 0 0 50%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
}
 @media screen and (min-width: 1025px) {
     .cta-grid--single.cta-grid--two-row .cta-grid__block {
         -webkit-flex: 0 0 calc(100% / 3);
         -moz-box-flex: 0;
         -ms-flex: 0 0 calc(100% / 3);
         flex: 0 0 calc(100% / 3);
         max-width: calc(100% / 3);
    }
}
 @media screen and (min-width: 700px) {
     .cta-grid--single.cta-grid--two-row .cta-grid__link h3 {
         padding: 0 30px;
         bottom: 39px;
    }
}
 .cta-grid--single.cta-grid--green {
     background-color: #32553B;
}
 @media screen and (min-width: 700px) and (-ms-high-contrast: none) {
     .cta-grid--single.cta-grid--green:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         height: 100%;
         width: 100%;
         background: #32553B;
         background: rgba(50, 85, 59, 0.7);
    }
}
 .cta-grid--single.cta-grid--purple {
     background-color: #4A3687;
}
 @media screen and (min-width: 700px) and (-ms-high-contrast: none) {
     .cta-grid--single.cta-grid--purple:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         height: 100%;
         width: 100%;
         background: #4A3687;
         background: rgba(74, 54, 135, 0.7);
    }
}
 .cta-grid--single.cta-grid--grey {
     background-color: #505050;
}
 @media screen and (min-width: 700px) and (-ms-high-contrast: none) {
     .cta-grid--single.cta-grid--grey:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         height: 100%;
         width: 100%;
         background: #000000;
         background: rgba(0, 0, 0, 0.5);
    }
}
 .program-grid {
     -webkit-flex-flow: row wrap;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     margin: 0 -1px -1px 0;
     background-color: #000000;
     background-blend-mode: initial;
}
 @media screen and (max-width: 699px) {
     .program-grid {
         background: transparent !important;
    }
}
 @media screen and (max-width: 1024px) {
     .program-grid .cta-grid__container {
         padding-bottom: 53%;
    }
}
 @media screen and (max-width: 699px) {
     .program-grid .cta-grid__container {
         height: 134px;
         padding-bottom: 0;
         border-bottom: 1px solid #000000;
    }
}
 .program-grid .cta-grid__block {
     border-color: #FFFFFF;
     border-style: solid;
     border-width: 0 1px 1px 0;
}
 @media screen and (min-width: 700px) and (max-width: 1550px) {
     .program-grid .cta-grid__block {
         -webkit-flex: 0 0 50%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
    }
}
 .program-grid .cta-grid__block:nth-child(n + 7) {
     opacity: 0;
     transition: opacity 0.3s ease;
}
 .program-grid .cta-grid__block:nth-child(n + 7).js-visible {
     opacity: 1;
}
 .program-grid.js-less {
     margin-bottom: 30px;
}
 @media screen and (min-width: 700px) {
     .program-grid.js-less {
         margin-bottom: 45px;
    }
}
 @media screen and (min-width: 1025px) {
     .program-grid.js-less {
         margin-bottom: 62px;
    }
}
 .program-grid.js-less .cta-grid__block:nth-child(n + 7) {
     opacity: 1;
     transition: opacity 0.3s ease;
}
 .program-grid__attr {
     position: absolute;
     top: 18px;
     left: 15px;
}
 @media screen and (min-width: 700px) {
     .program-grid__attr {
         left: 30px;
         top: 25px;
    }
}
 @media screen and (min-width: 1025px) {
     .program-grid__attr {
         left: 35px;
         top: 30px;
    }
}
 .program-grid__attr span {
     position: relative;
     float: left;
     margin: -5px 14px 0 0;
     padding-top: 14px;
     height: 45px;
     width: 45px;
     border-radius: 50%;
     border: 1px solid #FFFFFF;
     color: #FFFFFF;
     font-family: "Roboto", arial, sans-serif;
     font-size: 10px;
     font-weight: 900;
     text-align: center;
     z-index: 2;
}
 .program-grid__attr span.AA {
     background-color: #007B20;
}
 .program-grid__attr span.AS {
     background-color: #0072BC;
}
 .program-grid__attr span.AAS {
     background-color: #FFC100;
     color: #000000;
}
 .program-grid__attr span.AOS {
     background-color: #9D2945;
}
 .program-grid__attr span.moon, .program-grid__attr span.Evening {
     display: block;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     background-color: transparent;
     display: inline-block;
     height: 45px;
     width: 45px;
     background-image: url("/_files/images/icons/moon.svg");
     background-repeat: no-repeat;
     background-size: contain;
}
 .program-grid__attr span.wifi, .program-grid__attr span.Online {
     display: block;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     background-color: transparent;
     display: inline-block;
     height: 45px;
     width: 45px;
     background-image: url("/_files/images/icons/wifi.svg");
     background-repeat: no-repeat;
     background-size: contain;
}
 @media screen and (max-width: 699px) {
     .program-grid .cta-grid__link {
         color: #000000;
    }
     .program-grid .cta-grid__link:hover:after {
         background: transparent;
    }
}
 @media screen and (min-width: 700px) and (max-width: 1199px) {
     .program-grid .cta-grid__link h3 {
         padding: 0 30px;
         bottom: 20px;
    }
}
 @media screen and (min-width: 1200px) and (max-width: 1550px) {
     .program-grid .cta-grid__link h3 {
         padding: 0 56px;
         bottom: 60px;
         font-size: 30px;
    }
}
 @media screen and (min-width: 1551px) {
     .program-grid .cta-grid__link h3 {
         padding: 0 35px;
         font-size: 28px;
    }
}
/* @media screen and (min-width: 1100) {
     */
    /* .program-grid .cta-grid__link h3 {
         */
        /* font-size: 30px;
         */
        /* 
    }
     */
    /*
}
*/
 @media screen and (max-width: 699px) {
     .program-grid .cta-grid__link h3:after {
         background-image: url("/_files/images/icons/icon-arrow_cta.svg");
    }
}
 .program-grid__more {
     padding: 46px 15px 62px;
}
 @media screen and (min-width: 700px) {
     .program-grid__more {
         text-align: center;
    }
}
 .cta-simple {
     border: 1px solid #D9D9D9;
     margin: 0;
     padding: 30px 15px;
}
 @media screen and (min-width: 700px) {
     .cta-simple {
         margin: 0;
         padding: 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .cta-simple {
         margin: 0;
         padding: 68px 93px;
    }
}
/* Almost the same as above, except EOC ("subsite") formatting needs some margin */
 @media screen and (min-width: 700px) {
     .subsite .cta-simple {
         margin: 0;
         padding: 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .subsite .cta-simple {
         padding: 48px 58px;
    }
}
 .cta-simple__large {
     font-size: 20px;
     font-weight: 500;
     margin: 0 0 30px;
}
 @media screen and (min-width: 1025px) {
     .cta-simple__large {
         font-size: 30px;
    }
}
 .cta-simple h2 {
     margin: 0 0 30px;
}
 @media screen and (min-width: 700px) {
     .cta-simple__body {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-justify-content: space-between;
         -moz-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
    }
}
 .cta-simple__body .col {
     margin: 0 0 10px;
}
 @media screen and (max-width: 699px) {
     .cta-simple__body .col:first-child .cta-simple__contact {
         padding-bottom: 25px;
         border-bottom: 1px solid #222222;
         margin-bottom: 40px;
    }
}
 @media screen and (min-width: 700px) {
     .cta-simple__body .col {
         -webkit-flex: 0 0 48%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 48%;
         flex: 0 0 48%;
    }
}
 .cta-simple__body .col h3 {
     margin: 0 0 22px;
     padding: 0 0 14px;
     border-bottom: 1px solid #222222;
}
 .cta-simple__body .col ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .cta-simple__body .col li {
     line-height: 1.4;
}
 .cta-simple__contact .name, .cta-simple__contact .title {
     font-weight: 600;
     line-height: 1.375;
}
 @media screen and (min-width: 1025px) {
     .cta-simple__contact .name {
         font-size: 25px;
    }
}
 .cta-simple__contact .name a {
     text-decoration: none;
}
 .cta-simple__contact .title {
     font-size: 14px;
     text-transform: uppercase;
}
 @media screen and (min-width: 1025px) {
     .cta-simple__contact .title {
         font-size: 16px;
    }
}
 .cta-simple__contact .methods {
     margin: 28px 0 0;
     font-size: 14px;
     line-height: 1.3;
}
 @media screen and (min-width: 1025px) {
     .cta-simple__contact .methods {
         font-size: 20px;
    }
}
 .cta-simple__contact .methods > div {
     background-repeat: no-repeat;
     background-position: 0 2px;
     padding-left: 30px;
     margin: 0 0 17px;
}
 @media screen and (min-width: 1025px) {
     .cta-simple__contact .methods > div {
         background-position: 0 5px;
    }
}
 .cta-simple__contact .methods .phone {
     background-image: url("/_files/images/icons/phone-icon.svg");
}
 .cta-simple__contact .methods .email {
     background-image: url("/_files/images/icons/icon-email.svg");
}
 .cta-simple__contact .methods .email a {
     color: #000000;
     text-decoration: none;
}
 .cta-simple__contact .methods .email a:hover {
     color: #007B20;
}
 .cta-simple__contact .methods .location {
     background-image: url("/_files/images/icons/icon-location.svg");
}
 .cta-simple__large {
     margin: 0 0 20px;
     font-size: 18px;
}
 @media screen and (min-width: 700px) {
     .cta-simple__large {
         margin: 0 0 30px;
         font-size: 20px;
    }
}
 @media screen and (min-width: 1025px) {
     .cta-simple__large {
         margin: 0 0 46px;
         font-size: 30px;
    }
}
 .cta-simple__cta {
     margin-top: 25px;
}
 .cta-simple__cta .cta {
     padding: 14px 8px;
}
 @media screen and (min-width: 1025px) {
     .cta-simple__cta .cta {
         padding: 16px 25px;
    }
}
 .cta-simple.disclaimer .disclaimer__title {
     margin: 0 0 15px;
     padding: 5px 0 0 65px;
     font-size: 20px;
     font-family: "Roboto", arial, sans-serif;
     font-weight: 500;
     line-height: 1.3;
}
 .cta-simple.disclaimer .disclaimer__title:after {
     display: table;
     content: '';
     clear: both;
}
 @media screen and (min-width: 1025px) {
     .cta-simple.disclaimer .disclaimer__title {
         font-size: 30px;
         padding-left: 0;
    }
}
 .cta-simple.disclaimer .disclaimer__title .icon--wifi {
     height: 44px;
     width: 44px;
     float: left;
     margin: -5px 0 0 -65px;
}
 @media screen and (min-width: 1025px) {
     .cta-simple.disclaimer .disclaimer__title .icon--wifi {
         margin: -5px 0 0 -70px;
    }
}
 .cta-simple .col.short {
     -webkit-flex: 0 0 25%;
     -moz-box-flex: 0;
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
}
 .cta-simple .col.two-col {
     -webkit-flex: 0 0 55%;
     -moz-box-flex: 0;
     -ms-flex: 0 0 55%;
     flex: 0 0 55%;
}
 .cta-simple__location {
     margin: 0 0 25px;
     font-size: 14px;
}
 @media screen and (min-width: 700px) {
     .cta-simple__location {
         float: left;
         margin: 0;
         width: 50%;
    }
}
 @media screen and (min-width: 1025px) {
     .cta-simple__location {
         font-size: 20px;
    }
}
 @media screen and (min-width: 700px) {
     .cta-simple__location:last-child {
         float: right;
         width: 40%;
    }
}
 .cta-color {
     margin: 40px 0 0;
     padding: 30px 15px;
     background: #FFC100;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
}
 @media screen and (min-width: 700px) {
     .cta-color {
         margin-top: 50px;
         padding: 0;
    }
}
 .cta-color__image {
     display: none;
     overflow: hidden;
     background-size: cover;
}
 .cta-color__image img {
     visibility: hidden;
}
 @media screen and (min-width: 700px) {
     .cta-color__image {
         position: relative;
         -webkit-flex: 0 0 291px;
         -moz-box-flex: 0;
         -ms-flex: 0 0 291px;
         flex: 0 0 291px;
         -webkit-order: 2;
         -moz-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
         display: block;
    }
}
 @media screen and (min-width: 1025px) {
     .cta-color__image {
         -webkit-flex: 0 0 516px;
         -moz-box-flex: 0;
         -ms-flex: 0 0 516px;
         flex: 0 0 516px;
    }
}
 @media screen and (min-width: 700px) {
     .cta-color__image:after {
         position: absolute;
         top: 0;
         right: 78%;
         height: 100%;
         width: 50%;
         content: '';
         background-color: #FFC100;
         -webkit-transform: skew(-15deg);
         -ms-transform: skew(-15deg);
         transform: skew(-15deg);
    }
}
 @media screen and (min-width: 700px) {
     .cta-color__content {
         -webkit-order: 1;
         -moz-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1;
         -webkit-flex: 1 1 auto;
         -moz-box-flex: 1;
         -ms-flex: 1 1 auto;
         flex: 1 1 auto;
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-align-items: center;
         -moz-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         padding: 20px 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .cta-color__content {
         padding: 20px 53px;
    }
}
 .cta-color__content h2 {
     margin: 0 0 30px;
     font-size: 40px;
}
 @media screen and (min-width: 700px) {
     .cta-color__content h2 {
         margin: 0 0 15px;
         font-size: 50px;
    }
}
 @media screen and (min-width: 1025px) {
     .cta-color__content h2 {
         margin: 0 0 38px;
         font-size: 70px;
    }
}
 .subsite .cta-color {
     background-color: #E4E4E4;
     margin-top: 0;
}
 @media screen and (min-width: 700px) {
     .subsite .cta-color .cta-color__content {
         padding: 20px 0 20px 30px;
    }
}
 @media screen and (min-width: 700px) {
     .subsite .cta-color .cta-color__content {
         padding: 20px 53px;
    }
}
 .subsite .cta-color .cta-color__content h2 {
     font-size: 40px;
}
 @media screen and (min-width: 1025px) {
     .subsite .cta-color .cta-color__content h2 {
         font-size: 63px;
    }
}
 .subsite .cta-color .cta-color__image {
     background-color: #D9AC2D;
     background-blend-mode: overlay;
     background-size: cover;
     position: relative;
}
 @media screen and (min-width: 700px) and (-ms-high-contrast: none) {
     .subsite .cta-color .cta-color__image:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: #D9AC2D;
         background: rgba(217, 172, 45, 0.6);
    }
}
 @media screen and (min-width: 700px) {
     .subsite .cta-color .cta-color__image {
         position: relative;
         -webkit-flex: 0 0 278px;
         -moz-box-flex: 0;
         -ms-flex: 0 0 278px;
         flex: 0 0 278px;
         -webkit-order: 2;
         -moz-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
         display: block;
    }
}
 @media screen and (min-width: 1025px) {
     .subsite .cta-color .cta-color__image {
         -webkit-flex: 0 0 492px;
         -moz-box-flex: 0;
         -ms-flex: 0 0 492px;
         flex: 0 0 492px;
    }
}
 .subsite .cta-color .cta-color__image img {
     visibility: hidden;
}
 .subsite .cta-color .cta-color__image:after {
     width: 150px;
     left: -70px;
     background-color: #E4E4E4;
}
 .subsite .cta-color .cta {
     float: left;
     clear: both;
     margin: 0 0 20px;
     padding: 14px 15px;
}
 @media screen and (min-width: 700px) {
     .subsite .cta-color .cta {
         float: none;
         margin-right: 60px;
    }
}
 @media screen and (min-width: 1025px) {
     .subsite .cta-color .cta {
         margin-right: 90px;
         padding: 14px 25px;
    }
}
 .subsite .cta-color .cta:last-child {
     margin: 0;
}
 .twitter-feed {
     margin: 0 0 38px;
     width: 100%;
}
 @media screen and (min-width: 700px) {
     .twitter-feed {
         margin: 0;
    }
}
 @media screen and (min-width: 1025px) {
     .twitter-feed {
         margin: 0 -50px;
         width: calc(100% + 100px);
    }
}
 .twitter-feed ul {
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     margin: 0;
     padding: 0;
     list-style: none;
}
 .content .twitter-feed li, .content-old .twitter-feed li, .content-new-margin .twitter-feed li {
     display: none;
     margin: 0;
}
 .content .twitter-feed li:first-child, .content-old .twitter-feed li:first-child, .content-new-margin .twitter-feed li:first-child {
     display: inline-block;
}
 @media screen and (min-width: 700px) {
     .content .twitter-feed li, .content-old .twitter-feed li, .content-new-margin .twitter-feed li {
         -webkit-flex: 0 0 50%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
         border-right: 1px solid #DEDEDE;
         padding: 0 0 15px;
    }
     .content .twitter-feed li:first-child, .content-old .twitter-feed li:first-child, .content-new-margin .twitter-feed li:first-child {
         padding-right: 30px;
    }
     .content .twitter-feed li:nth-child(2), .content-old .twitter-feed li:nth-child(2), .content-new-margin .twitter-feed li:nth-child(2) {
         display: inline-block;
         padding-left: 30px;
         border: 0;
    }
}
 @media screen and (min-width: 1025px) {
     .content .twitter-feed li, .content-old .twitter-feed li, .content-new-margin .twitter-feed li {
         -webkit-flex: 1 1 calc(100% / 3);
         -moz-box-flex: 1;
         -ms-flex: 1 1 calc(100% / 3);
         flex: 1 1 calc(100% / 3);
         max-width: calc(100% / 3);
         padding: 0 42px 15px !important;
    }
     .content .twitter-feed li:last-child, .content-old .twitter-feed li:last-child, .content-new-margin .twitter-feed li:last-child {
         display: inline-block;
         border: none;
         border-left: 1px solid #DEDEDE;
    }
}
 .twitter-feed a {
     text-decoration: none;
}
 .twitter-feed .date {
     margin: 10px 0 0;
     font-size: 14px;
}
 .video__wrapper {
     position: relative;
     background: #000000;
}
 .video__cover {
     position: absolute;
     cursor: pointer;
     z-index: 2;
     opacity: 1;
     transition: all 0.5s ease;
     height: 100%;
     width: 100%;
}
 .video__cover.js-hide {
     opacity: 0;
     z-index: 1;
}
 .video__cover img {
     display: block;
     height: 100%;
     width: 100%;
}
 .video__cover:focus:after {
     border: 5px solid #9ECAED;
     box-shadow: 0 0 10px #9ECAED;
}
 .video__cover:before {
     position: absolute;
     top: 50%;
     left: 50%;
     height: 15px;
     width: 15px;
     background: url("/_files/images/icons/icon-play.svg");
     background-repeat: no-repeat;
     background-size: contain;
     content: '';
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     z-index: 5;
}
 @media screen and (min-width: 700px) {
     .video__cover:before {
         height: 29px;
         width: 29px;
    }
}
 @media screen and (min-width: 1025px) {
     .video__cover:before {
         height: 44px;
         width: 44px;
    }
}
 .video__cover:after {
     position: absolute;
     top: 50%;
     left: 50%;
     height: 46px;
     width: 46px;
     background-color: rgba(255, 255, 255, 0.6);
     content: '';
     border-radius: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     transition: 0.2s ease-in-out;
     z-index: 4;
}
 @media screen and (min-width: 700px) {
     .video__cover:after {
         height: 90px;
         width: 90px;
    }
}
 @media screen and (min-width: 1025px) {
     .video__cover:after {
         height: 137px;
         width: 137px;
    }
}
 .video__cover:hover:after {
     background-color: white;
}
 .video__embed {
     position: relative;
     padding-top: 56.3%;
     z-index: 1;
     opacity: 0;
     transition: all 0.5s ease;
     visibility: hidden;
}
 .video__embed.js-show {
     visibility: visible;
     opacity: 1;
     z-index: 5;
}
 .js-fixed .video__embed.js-show {
     z-index: 125;
}
 .video__embed iframe {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
}
 .video__close {
     position: absolute;
     top: 0;
     right: 0;
     height: 28px;
     width: 30px;
     background-color: #007B20;
     background-image: url("/_files/images/icons/icon-X.svg");
     background-position: center;
     background-repeat: no-repeat;
     background-size: 12px;
     border: 0;
     text-indent: -999em;
}
 @media screen and (min-width: 700px) {
     .video__close {
         height: 55px;
         width: 60px;
         background-size: 23px;
    }
}
 @media screen and (min-width: 1025px) {
     .video__close {
         height: 73px;
         width: 80px;
         background-size: 31px;
    }
}
 .video__close:hover {
     opacity: 0.8;
}
 .video__caption {
     max-width: 1000px;
     margin: 34px auto 0;
}

/* Banner Alert that indicates that you're on WEBDEV */
.alert.webdev-m {
    background-size: 44px !important;
}

 .webdev-m.alert {
    display: flex;
    align-content: center;
    justify-content: center;
    background-position: 1em center !important;
    background-color: #669100;
 }

 .alert {
     background-color: #9D2945;
     background-image: url("/_files/images/icons/icon-alert.svg");
     background-position: 15px 20px;
     background-repeat: no-repeat;
     background-size: 44px;
     color: #FFFFFF;
}
 .alert:after {
     display: table;
     content: '';
     clear: both;
}
 @media screen and (min-width: 700px) {
     .alert {
         background-position: 30px 25px;
    }
}
 @media screen and (min-width: 1025px) {
     .alert {
         background-position: 53px center;
         background-size: 89px;
    }
}

/* Only for WEBDEV */
 .webdev-m.alert .container__inner {
    padding: 20px 15px 20px;
 }

 @media screen and (min-width: 1025px) {
    .webdev-m.alert .container__inner {
        padding: 23px 107px 23px 192px;
    }
 }

 .alert .container__inner {
     padding: 20px 15px 28px;
}

 @media screen and (min-width: 700px) {
     .alert .container__inner {
         padding: 25px 30px 30px 100px;
    }
}
 @media screen and (min-width: 1025px) {
     .alert .container__inner {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-align-items: center;
         -moz-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         padding: 32px 107px 30px 192px;
    }
}
 .alert__title {
     margin: 0 27px 26px 65px;
     min-height: 40px;
     padding: 0;
     font-size: 20px;
     font-weight: 500;
}
 @media screen and (min-width: 700px) {
     .alert__title {
         margin: 4px 100px 10px 0;
    }
}
 @media screen and (min-width: 1025px) {
     .alert__title {
         font-size: 30px;
         margin: 0 0 4px;
    }
}
 @media screen and (min-width: 1025px) {
     .alert__content {
         -webkit-flex: 1 1;
         -moz-box-flex: 1;
         -ms-flex: 1 1;
         flex: 1 1;
         padding-right: 90px;
    }
}

/* For webdev only */
.webdev-m .alert__body {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 60px;
}
 @media screen and (min-width: 1025px) {
    .webdev-m .alert__body {
         font-size: 18px;
    }
}

 .alert__body {
     margin: 0 0 25px;
     font-size: 16px;
     line-height: 1.4;
}
 @media screen and (min-width: 1025px) {
     .alert__body {
         margin: 0;
         font-size: 20px;
    }
}
 @media screen and (min-width: 1025px) {
     .alert__cta {
         padding-right: 55px;
    }
}
 .alert__cta .cta {
     padding: 11px 35px;
}
 @media screen and (min-width: 1025px) {
     .alert__cta .cta {
         padding: 15px 45px;
    }
}
 .alert__close {
     display: block;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     background-color: transparent;
     position: absolute;
     top: 0;
     right: 0;
     height: 40px;
     width: 40px;
     background-image: url("/_files/images/icons/icon-X.svg");
     background-position: top 23px right 15px;
     background-repeat: no-repeat;
     background-size: 15px;
     border: 0;
     cursor: pointer;
}
 @media screen and (min-width: 700px) {
     .alert__close {
         background-position: top 25px right 20px;
    }
}
 @media screen and (min-width: 1025px) {
     .alert__close {
         background-size: 20px;
         background-position: center;
         top: 10px;
         right: 10px;
    }
}
 @media screen and (min-width: 700px) and (max-width: 1024px) {
     .stat {
         padding: 10px 0;
         overflow-x: scroll;
         -webkit-overflow-scrolling: touch;
    }
}
 .stat__wrapper {
     margin: 48px 0 30px;
}
 @media screen and (min-width: 700px) {
     .stat__wrapper {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-justify-content: space-between;
         -moz-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         min-width: 125%;
         margin: 0;
         padding: 0;
    }
}
 @media screen and (min-width: 1025px) {
     .stat__wrapper {
         min-width: 100%;
         padding: 0;
    }
}
 .stat .slick-track {
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-justify-content: space-between;
     -moz-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin: 0 0 10px;
}
 .stat__block {
     -webkit-flex: 0 0 32%;
     -moz-box-flex: 0;
     -ms-flex: 0 0 32%;
     flex: 0 0 32%;
     -webkit-align-items: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 25px 0 35px 0;
     color: #0072BC;
     line-height: 1.4;
     text-decoration: none;
     text-align: center;
     transition: background-color 0.3s ease-in-out;
}
 @media screen and (min-width: 700px) {
     .stat__block {
         -webkit-flex: 0 0 32%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 32%;
         flex: 0 0 32%;
         margin: 0;
         padding: 27px 21px 35px 21px;
    }
}
 @media screen and (min-width: 1025px) {
     .stat__block {
         -webkit-flex: 0 0 calc(100% / 3);
         -moz-box-flex: 0;
         -ms-flex: 0 0 calc(100% / 3);
         flex: 0 0 calc(100% / 3);
         -webkit-align-items: none;
         -moz-box-align: none;
         -ms-flex-align: none;
         align-items: normal;
         padding: 43px 35px 24px 35px;
         max-width: calc(100% / 3);
         min-height: 285px;
    }
}
 .stat__block:hover .stat__container, .stat__block:focus .stat__container {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
}
 .stat__block:hover .stat__link, .stat__block:focus .stat__link {
     -webkit-animation: 0.3s fade-in forwards 0.3s;
     animation: 0.3s fade-in forwards 0.3s;
}
 .stat__block.stat--caption-long .stat__caption--short {
     display: none;
}
 @media screen and (min-width: 1025px) {
     .stat__block.stat--caption-long .stat__caption--short {
         position: absolute;
         display: block;
         width: 100%;
    }
}
 .stat__block.stat--caption-long .stat__caption--long {
     position: relative;
}
 .stat__block.stat--caption-long:hover .stat__caption--short, .stat__block.stat--caption-long:focus .stat__caption--short {
     opacity: 0;
}
 .stat__block.stat--caption-long:hover .stat__caption--long, .stat__block.stat--caption-long:focus .stat__caption--long {
     -webkit-animation: 0.3s fade-in forwards 0.3s;
     animation: 0.3s fade-in forwards 0.3s;
}
 .stat__container {
     position: relative;
}
 @media screen and (min-width: 1025px) {
     .stat__container {
         -webkit-transform: translateY(10%);
         -ms-transform: translateY(10%);
         transform: translateY(10%);
         transition: -webkit-transform 0.3s ease-in-out;
         transition: transform 0.3s ease-in-out;
    }
}
/* https://www.hvcc.edu/resources/hosted/donor-impact-report2022-2023/index.html */
 @media screen and (min-width: 1025px) {
     .content-old .stat__container {
         padding-bottom: 40px;
    }
}
 .stat__emphasis {
     margin-bottom: 5px;
     font-size: 42px;
     font-weight: 800;
     transition: color 0.3s ease-in-out;
}
 @media screen and (min-width: 1025px) {
     .stat__emphasis {
         margin-bottom: 0;
         font-size: 60px;
    }
}
/* https://www.hvcc.edu/resources/hosted/donor-impact-report2022-2023/index.html */
 @media screen and (min-width: 1025px) {
     .content-old .stat__emphasis {
         margin-bottom: 0;
         font-size: 45px;
    }
     .content-old .stat__block {
         padding: 43px 20px 24px 20px;
    }
}
 .stat__caption {
     position: relative;
     margin: 0 0 12px;
     font-size: 16px;
     font-weight: 600;
}
 @media screen and (min-width: 1025px) {
     .stat__caption {
         margin: 0;
    }
}
 @media screen and (min-width: 1025px) {
     .stat__caption--short {
         font-size: 30px;
    }
}
 .stat__caption--long {
     opacity: 1;
}
 @media screen and (min-width: 1025px) {
     .stat__caption--long {
         opacity: 0;
         font-size: 20px;
    }
}
 .stat__link {
     display: inline-block;
     font-size: 16px;
     font-weight: 700;
     margin: 0 -10px;
}
 .stat__link > span {
     padding-right: 18px;
}
 @media screen and (min-width: 1025px) {
     .stat__link > span {
         padding-right: 24px;
    }
}
 @media screen and (min-width: 1025px) {
     .stat__link {
         opacity: 0;
         margin: 25px 0 0;
         padding-right: 14px;
         font-size: 20px;
    }
}
 .stat__link .arrow--blue {
     content: '';
     display: inline-block;
     height: 11px;
     width: 8px;
     margin: 0 0 0 -18px;
     background-image: url("/_files/images/icons/icon-arrow_cta-blue.svg");
     background-position: center 100%;
     background-repeat: no-repeat;
     background-size: 8px 11px;
     transition: 0.3s ease-in-out;
}
 @media screen and (min-width: 1025px) {
     .stat__link .arrow--blue {
         height: 16px;
         width: 14px;
         margin: 0 -24px -1px -20px;
         background-image: url("/_files/images/icons/icon-arrow_cta-white.svg");
         background-size: 14px 16px;
    }
}
 .stat__link .arrow--yellow {
     content: '';
     display: inline-block;
     height: 11px;
     width: 8px;
     margin: 0 0 0 -18px;
     background-image: url("/_files/images/icons/icon-arrow_yellow.svg");
     background-position: center 100%;
     background-repeat: no-repeat;
     background-size: 8px 11px;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     transition: 0.3s ease-in-out;
}
 @media screen and (min-width: 1025px) {
     .stat__link .arrow--yellow {
         height: 16px;
         width: 14px;
         margin: 0 0 -1px -20px;
         background-size: 14px 16px;
    }
}
 .stat--blue .stat__block {
     border: 1px solid #0072BC;
     background-color: #FFFFFF;
}
 @media screen and (min-width: 1025px) {
     .stat--blue .stat__block {
         border: 0;
    }
}
 @media screen and (min-width: 1025px) {
     .stat--blue .stat__block:nth-child(2) {
         background-color: #F5F5F5;
    }
}
 .stat--blue .stat__block:hover, .stat--blue .stat__block:focus {
     background-color: #0072BC;
}
 .stat--blue .stat__block:hover .stat__emphasis, .stat--blue .stat__block:hover .stat__caption, .stat--blue .stat__block:hover .stat__link, .stat--blue .stat__block:focus .stat__emphasis, .stat--blue .stat__block:focus .stat__caption, .stat--blue .stat__block:focus .stat__link {
     color: #FFFFFF;
}
 .stat--blue .stat__block:hover .stat__link .arrow--blue, .stat--blue .stat__block:focus .stat__link .arrow--blue {
     background-image: url("/_files/images/icons/icon-arrow_cta-white.svg");
}
 .stat--yellow .stat__block {
     color: #000000;
     background-color: #FFC100;
}
 @media screen and (min-width: 1025px) {
     .stat--yellow .stat__block {
         border: 0;
    }
}
 @media screen and (min-width: 1025px) {
     .stat--yellow .stat__block:nth-child(2) {
         background-color: #EEB502;
    }
}
 .stat--yellow .stat__block:hover, .stat--yellow .stat__block:focus {
     background-color: #000000;
}
 .stat--yellow .stat__block:hover .stat__emphasis, .stat--yellow .stat__block:hover .stat__caption, .stat--yellow .stat__block:hover .stat__link, .stat--yellow .stat__block:focus .stat__emphasis, .stat--yellow .stat__block:focus .stat__caption, .stat--yellow .stat__block:focus .stat__link {
     color: #FFC100;
}
 .stat--yellow .stat__block:hover .stat__link .arrow--blue, .stat--yellow .stat__block:focus .stat__link .arrow--blue {
     background-image: url("/_files/images/icons/icon-arrow_cta-white.svg");
}
 .stat__more {
     display: none;
}
 @media screen and (min-width: 700px) and (max-width: 1024px) {
     .stat__more {
         display: block;
         text-indent: 100%;
         white-space: nowrap;
         overflow: hidden;
         border: 0;
         font: 0/0 a;
         text-shadow: none;
         color: transparent;
         background-color: transparent;
         position: absolute;
         right: 0;
         top: 50%;
         margin-top: -20px;
         width: 60px;
         height: 40px;
         z-index: 3;
         background: transparent url("../images/icons/icon-scroll.png") no-repeat center center;
         background-size: auto 100%;
         cursor: pointer;
         -webkit-animation: scroll-indicator 2.5s ease infinite;
         animation: scroll-indicator 2.5s ease infinite;
    }
     .stat__more.js-hidden {
         display: none;
    }
     .stat__more--right {
         right: auto;
         left: 20px;
         background: transparent url("../images/icons/icon-scroll-right.png") no-repeat center center;
         background-size: auto 100%;
         display: none;
    }
     .stat__more--right.js-visible {
         display: block;
    }
}
 .homepage-content__container {
     background-size: cover;
     background-blend-mode: overlay;
     background-repeat: no-repeat;
     padding: 2px 15px 30px;
     overflow: hidden;
     opacity: 0;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
}
 .homepage-content__container.js-position {
     -webkit-animation-name: fadeInRightLeft;
     animation-name: fadeInRightLeft;
}
 @media screen and (min-width: 700px) and (max-width: 800px) {
     .homepage-content__container {
         background-size: 76%;
         background-position: 100% 0;
         padding: 11px 30px 35px;
    }
}
 @media screen and (min-width: 800px) and (max-width: 900px){
     .homepage-content__container {
         background-size: 74%;
         background-position: 100% 0;
         padding: 37px 30px 65px;
    }
}
 @media screen and (min-width: 900px) and (max-width: 1025px){
     .homepage-content__container {
         background-size: 66%;
         background-position: 100% 0;
         padding: 40px 30px 61px;
    }
}
 @media screen and (min-width: 1025px) and (max-width: 1125px) {
     .homepage-content__container {
         background-size: 70%;
         background-position: 140% 0;
         padding: 30px 53px 72px;
    }
}
 @media screen and (min-width: 1125px) and (max-width: 1250px) {
     .homepage-content__container {
         background-size: 70%;
         background-position: 140% 0;
         padding: 65px 75px 90px;
    }
}
 @media screen and (min-width: 1250px) and (max-width: 1350px) {
     .homepage-content__container {
         background-size: 62%;
         background-position: 115% 0;
         padding: 65px 75px 75px;
    }
}
 @media screen and (min-width: 1350px) {
     .homepage-content__container {
         background-size: 55%;
         background-position: 110% 0;
         padding: 65px 75px 90px;
    }
}
 .homepage-content__container:after {
     content: '';
     position: absolute;
     width: 65%;
     height: 100%;
     top: 0;
     left: -25%;
     z-index: 1;
     -webkit-transform: skew(15deg);
     -ms-transform: skew(15deg);
     transform: skew(15deg);
}
 @media screen and (min-width: 700px) {
     .homepage-content__container:after {
         width: 78%;
         -webkit-transform: skew(20deg);
         -ms-transform: skew(20deg);
         transform: skew(20deg);
    }
}
 .homepage-content__container:before {
     display: none;
     position: absolute;
     top: 0;
     height: 100%;
     z-index: 1;
     content: '';
}
 @media screen and (min-width: 700px) {
     .homepage-content__container:before {
         display: block;
         width: 20%;
         left: 38%;
         -webkit-transform: skew(15deg);
         -ms-transform: skew(15deg);
         transform: skew(15deg);
    }
}
 .homepage-content__content {
     position: relative;
     z-index: 2;
}
 @media screen and (min-width: 1025px) {
     .homepage-content__content {
         width: 67%;
    }
}
 @media screen and (min-width: 700px) and (max-width: 1025px) {
     .homepage-content__content {
         width: 70%;
    }
}
 @media screen and (min-width: 700px) {
     .homepage-content__title {
         margin-right: 35%;
    }
}
 @media screen and (min-width: 700px) {
     .homepage-content__title h2 {
         margin: 18px 0 18px;
    }
}
 @media screen and (min-width: 1025px) {
     .homepage-content__title h2 {
         margin-bottom: 32px;
    }
}
 .homepage-content__body {
     margin: 0 0 22px 0;
     font-weight: 600;
     line-height: 1.5;
}
 @media screen and (min-width: 700px) {
     .homepage-content__body {
         margin-right: 35%;
         font-size: 16px;
    }
}
 @media screen and (min-width: 1025px) {
     .homepage-content__body {
         margin-bottom: 18px;
         font-size: 20px;
    }
}
 .homepage-content__ctas .cta {
     width: 154px;
     padding: 10px 0;
     text-align: center;
}
 @media screen and (min-width: 700px) {
     .homepage-content__ctas .cta {
         padding: 13px 0;
    }
}
 @media screen and (min-width: 1025px) {
     .homepage-content__ctas .cta {
         width: 180px;
    }
}
 .homepage-content__ctas .cta:last-child {
     margin-bottom: 0;
}
 .homepage-content .header--accent:after {
     background-color: #000000;
}
 .homepage-content--right .homepage-content__container.js-position {
     -webkit-animation-name: fadeInLeftRight;
     animation-name: fadeInLeftRight;
}
 @media screen and (min-width: 1250px) {
     .homepage-content--right .homepage-content__container {
         padding-bottom: 100px;
         padding-right: 30px;
         background-position: -37px;
         background-size: 59%;
    }
}
 @media screen and (min-width: 1150px) and (max-width: 1250px) {
     .homepage-content--right .homepage-content__container {
         padding-bottom: 75px;
         padding-right: 30px;
         background-position: -37px;
         background-size: 60%;
    }
}
 @media screen and (min-width: 1025px) and (max-width: 1150px) {
     .homepage-content--right .homepage-content__container {
         padding-bottom: 40px;
         padding-right: 30px;
         background-position: -41px;
         background-size: 63%;
    }
}
 @media screen and (min-width: 700px) and (max-width: 1025px) {
     .homepage-content--right .homepage-content__container {
         padding-bottom: 45px;
         padding-right: 19px;
         background-position: -34px;
         background-size: 68%;
    }
}
 @media screen and (min-width: 700px) {
     .homepage-content--right .homepage-content__container:after {
         content: '';
         position: absolute;
         top: 0;
         left: auto;
         height: 100%;
         width: 78%;
         right: -25%;
         z-index: 1;
         -webkit-transform: skew(-13deg);
         -ms-transform: skew(-13deg);
         transform: skew(-13deg);
    }
}
 .homepage-content--right .homepage-content__container:before {
     display: none;
     position: absolute;
     top: 0;
     height: 100%;
     z-index: 1;
     content: '';
}
 @media screen and (min-width: 700px) {
     .homepage-content--right .homepage-content__container:before {
         display: block;
         width: 20%;
         left: auto;
         right: 38%;
         -webkit-transform: skew(-9deg);
         -ms-transform: skew(-9deg);
         transform: skew(-9deg);
    }
}
 @media screen and (min-width: 700px) {
     .homepage-content--right .homepage-content__title, .homepage-content--right .homepage-content__body, .homepage-content--right .homepage-content__ctas {
         margin-right: 0;
         margin-left: 35%;
    }
}
 @media screen and (min-width: 700px) {
     .homepage-content--right .homepage-content__content {
         float: right;
    }
}
 .homepage-content--yellow .homepage-content__container {
     background-color: #FFC100;
}
 @media screen and (min-width: 700px) {
     .homepage-content--yellow .homepage-content__container {
         background-color: #32553B;
    }
}
 .homepage-content--yellow .homepage-content__container:after {
     background-color: #FFC100;
}
 .homepage-content--yellow .homepage-content__container:before {
     background-color: #FFD140;
     opacity: 0.6;
}
 @media screen and (min-width: 700px) and (-ms-high-contrast: none) {
     .homepage-content--yellow {
         position: relative;
    }
     .homepage-content--yellow .homepage-content__ie-overlay:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: #007B20;
         background: rgba(0, 123, 32, 0.5);
         z-index: 1;
    }
}
 .homepage-content--purple .homepage-content__container {
     background-color: #4A3687;
     color: #FFFFFF;
}
 .homepage-content--purple .homepage-content__container .header--accent:after {
     background: #FFFFFF;
}
 .homepage-content--purple .homepage-content__container:after {
     background-color: #4F575C;
}
 .homepage-content--purple .homepage-content__container:before {
     background-color: #4F575C;
     opacity: 0.6;
}
 @media screen and (min-width: 700px) and (-ms-high-contrast: none) {
     .homepage-content--purple {
         position: relative;
    }
     .homepage-content--purple .homepage-content__ie-overlay:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: #4A3687;
         background: rgba(74, 54, 135, 0.5);
         z-index: 1;
    }
}
 .homepage-content--grey .homepage-content__container {
     background-color: #E4E4E4;
}
 @media screen and (min-width: 700px) {
     .homepage-content--grey .homepage-content__container {
         background-color: #D9AC2D;
    }
}
 @media screen and (min-width: 1025px) {
     .homepage-content--grey .homepage-content__container {
         padding: 0 53px 60px;
    }
}
 .homepage-content--grey .homepage-content__container:after {
     background-color: #E4E4E4;
}
 .homepage-content--grey .homepage-content__container:before {
     background-color: #FFFFFF;
     opacity: 0.6;
}
 .homepage-content--grey .homepage-content__container .header--accent:after {
     background-color: #D9AC2D;
}
 .homepage-content--grey .homepage-content__container .homepage-content__body {
     margin-bottom: 0;
     line-height: 2.1;
}
 @media screen and (min-width: 700px) {
     .homepage-content--grey .homepage-content__container .homepage-content__body {
         margin-right: 30%;
    }
}
 @media screen and (min-width: 700px) and (-ms-high-contrast: none) {
     .homepage-content--grey {
         position: relative;
    }
     .homepage-content--grey .homepage-content__ie-overlay:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: #FFC100;
         background: rgba(255, 193, 0, 0.6);
         z-index: 1;
    }
}
 .event-feature {
     padding: 37px 15px 37px;
     background-position: center 100%;
     background-repeat: no-repeat;
     background-size: cover;
     background-color: #000000;
}
 @media screen and (min-width: 700px) and (max-width: 1024px) {
     .event-feature {
         padding: 55px 30px 55px 0;
         overflow-x: scroll;
         -webkit-overflow-scrolling: touch;
    }
}
 @media screen and (min-width: 1025px) {
     .event-feature {
         padding: 80px 30px 70px;
    }
}
 .event-feature:after {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     content: '';
     z-index: 1;
}
 @media screen and (min-width: 700px) {
     .event-feature:after {
         background-image: linear-gradient(-90deg, transparent 56%, #000000 91%);
    }
}
 .event-feature__link {
     position: relative;
     z-index: 2;
     margin: 0 0 43px 28px;
}
 .event-feature__link h2 {
     margin: 0;
     padding: 0;
}
 .event-feature__link h2 a {
     color: #FFFFFF;
     text-decoration: none;
     transition: 0.3s ease;
}
 .event-feature__link h2 a:after {
     display: inline-block;
     margin: 0 0 0 10px;
     height: 17px;
     width: 18px;
     content: '';
     background-image: url("/_files/images/icons/icon-arrow_cta-white.svg");
     background-repeat: no-repeat;
     background-size: contain;
     transition: 0.3s ease;
}
 @media screen and (min-width: 1025px) {
     .event-feature__link h2 a:after {
         height: 22px;
    }
}
 .event-feature__link h2 a:hover, .event-feature__link h2 a:focus {
     color: #848484;
}
 .event-feature__link h2 a:hover:after, .event-feature__link h2 a:focus:after {
     opacity: 0.6;
}
 .event-feature__more {
     display: none;
}
 @media screen and (min-width: 700px) and (max-width: 1024px) {
     .event-feature__more {
         display: block;
         text-indent: 100%;
         white-space: nowrap;
         overflow: hidden;
         border: 0;
         font: 0/0 a;
         text-shadow: none;
         color: transparent;
         background-color: transparent;
         position: absolute;
         right: 0;
         top: 50%;
         margin-top: -20px;
         width: 60px;
         height: 40px;
         z-index: 3;
         background: transparent url("../images/icons/icon-scroll.png") no-repeat center center;
         background-size: auto 100%;
         cursor: pointer;
         -webkit-animation: scroll-indicator 2.5s ease infinite;
         animation: scroll-indicator 2.5s ease infinite;
    }
     .event-feature__more.js-hidden {
         display: none;
    }
     .event-feature__more--right {
         right: auto;
         left: 20px;
         background: transparent url("../images/icons/icon-scroll-right.png") no-repeat center center;
         background-size: auto 100%;
         display: none;
    }
     .event-feature__more--right.js-visible {
         display: block;
    }
}
 .event-feature__wrapper {
     position: relative;
     z-index: 2;
}
 @media screen and (min-width: 700px) {
     .event-feature__wrapper {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-justify-content: space-between;
         -moz-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         min-width: 171%;
         margin: 0;
         padding: 0 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .event-feature__wrapper {
         min-width: 100%;
         padding: 0;
    }
}
 .event-feature__wrapper .slick-list {
     margin: 0 0 30px 5px;
}
 .event-feature__wrapper .slick-track {
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
}
 .event-feature__item {
     display: block;
     margin: 0 15px 10px 0;
     background: #4A3687;
     background: rgba(74, 54, 135, 0.9);
     text-decoration: none;
     color: #FFFFFF;
     padding: 0 15px 34px;
     transition: 0.2s ease-in-out;
}
 @media screen and (min-width: 700px) {
     .event-feature__item {
         -webkit-flex: 0 0 24%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 24%;
         flex: 0 0 24%;
         max-width: 24%;
         margin: 0;
    }
}
 @media screen and (min-width: 1025px) {
     .event-feature__item {
         padding-left: 25px;
         padding-right: 25px;
         min-height: 294px;
    }
     .event-feature:not(.event-feature--featured) .event-feature__item {
         opacity: 0;
         transition: 0.2s ease-in;
    }
     .event-feature:not(.event-feature--featured) .event-feature__item:nth-child(2) {
         transition-delay: 0.2s;
    }
     .event-feature:not(.event-feature--featured) .event-feature__item:nth-child(3) {
         transition-delay: 0.4s;
    }
     .event-feature:not(.event-feature--featured) .event-feature__item:nth-child(4) {
         transition-delay: 0.6s;
    }
     .event-feature:not(.event-feature--featured) .event-feature__item.js-visible {
         opacity: 1;
    }
     .event-feature.event-feature--featured .event-feature__item:not(.event-feature--featured-item) {
         opacity: 0;
         transition: 0.2s ease-in;
    }
     .event-feature.event-feature--featured .event-feature__item:not(.event-feature--featured-item):nth-child(3) {
         transition-delay: 0.2s;
    }
     .event-feature.event-feature--featured .event-feature__item:not(.event-feature--featured-item):nth-child(4) {
         transition-delay: 0.4s;
    }
     .event-feature.event-feature--featured .event-feature__item:not(.event-feature--featured-item):nth-child(5) {
         transition-delay: 0.6s;
    }
     .event-feature.event-feature--featured .event-feature__item:not(.event-feature--featured-item).js-visible {
         opacity: 1;
    }
}
 .event-feature__item:last-child {
     margin-right: 0;
}
 .event-feature__item:hover, .event-feature__item:focus {
     color: #FFFFFF;
     background: #4A3687;
     background: #4a3687;
}
 .event-feature__item:nth-child(even) {
     background: #4F575C;
     background: rgba(79, 87, 92, 0.9);
}
 .event-feature__item:nth-child(even):hover, .event-feature__item:nth-child(even):focus {
     background: #4F575C;
     background: #4f575c;
}
 .event-feature__date {
     float: left;
     margin: -12px 0 25px -21px;
     padding: 7px 0 0;
     height: 83px;
     width: 83px;
     background: #FFFFFF;
     text-align: center;
}
 @media screen and (min-width: 1025px) {
     .event-feature__date {
         margin-left: -35px;
    }
}
 .event-feature__month {
     display: block;
     color: #000000;
     letter-spacing: 5.81px;
     text-indent: 5.81px;
}
 .event-feature__day {
     display: block;
     color: #0072BC;
     font-size: 34px;
     font-weight: 700;
     line-height: 1;
}
 .event-feature__title {
     clear: both;
}
 @media screen and (min-width: 1025px) {
     .event-feature__title {
         padding-top: 27px;
         margin: 0 0 15px;
         transition: 0.3s ease-in-out;
    }
     .event-feature__item:hover .event-feature__title, .event-feature__item:focus .event-feature__title {
         padding-top: 0;
    }
}
 .event-feature__title h3 {
     margin: 0;
     padding: 0 10px 0 0;
     font-family: "Open Sans", arial, sans-serif;
     font-size: 16px;
     font-weight: 600;
}
 @media screen and (min-width: 1025px) {
     .event-feature__title h3 {
         font-size: 20px;
    }
}
 .event-feature__title h3:after {
     display: inline-block;
     margin: 0 -25px 0 8px;
     height: 11px;
     width: 10px;
     content: '';
     background-image: url("/_files/images/icons/icon-arrow_cta-white.svg");
     background-repeat: no-repeat;
     background-size: contain;
}
 
 @media screen and (min-width: 1025px) {
     .event-feature__time {
         display: block;
         font-size: 16px;
         line-height: 1.2;
         opacity: 0;
         transition: opacity 0.3s ease-in-out;
    }
     .event-feature__item:hover .event-feature__time, .event-feature__item:focus .event-feature__time {
         opacity: 1;
    }
}
 .event-feature__location {
     display: none;
}
 @media screen and (min-width: 1025px) {
     .event-feature__location {
         display: block;
         font-size: 16px;
         line-height: 1.2;
         opacity: 0;
         transition: opacity 0.3s ease-in-out;
    }
     .event-feature__item:hover .event-feature__location, .event-feature__item:focus .event-feature__location {
         opacity: 1;
    }
}
 .event-feature--featured {
     background-size: cover;
     background-position: 0 0;
}
 .event-feature--featured:after {
     display: none;
}
 @media screen and (min-width: 700px) {
     .event-feature--featured {
         overflow-x: hidden;
         -webkit-overflow-scrolling: touch;
         padding-right: 0;
         background-size: cover;
    }
}
 @media screen and (min-width: 1025px) {
     .event-feature--featured {
         padding-right: 30px;
    }
}
 .event-feature--featured .event-feature__link {
     margin: 0 0 43px;
}
 @media screen and (min-width: 700px) {
     .event-feature--featured .event-feature__link {
         margin-left: 43px;
    }
}
 @media screen and (min-width: 1025px) {
     .event-feature--featured .event-feature__link .header--accent {
         padding-bottom: 26px;
    }
}
 .event-feature--featured .event-feature__link .header--accent:after {
     display: none;
}
 @media screen and (min-width: 1025px) {
     .event-feature--featured .event-feature__link .header--accent:after {
         display: block;
         background-color: #FFFFFF;
    }
}
 @media screen and (min-width: 700px) {
     .event-feature--featured .event-feature__wrapper {
         display: block;
         min-width: 100%;
    }
}
 @media screen and (min-width: 1025px) {
     .event-feature--featured .event-feature__wrapper {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-flex-flow: row wrap;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
    }
}
 .event-feature--featured .event-feature__wrapper .slick-track {
     -webkit-justify-content: space-between;
     -moz-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .event-feature--featured .event-feature__wrapper .slick-list {
     margin-left: 0;
}
 .event-feature--featured .event-feature__wrapper .slick-dots li button {
     background-color: #FFFFFF;
}
 .event-feature--featured .event-feature__item {
     color: #000000;
     background: #FFFFFF;
     background: rgba(255, 255, 255, 0.9);
}
 @media screen and (min-width: 700px) {
     .event-feature--featured .event-feature__item {
         -webkit-flex: 0 0 19%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 19%;
         flex: 0 0 19%;
         max-width: 19%;
    }
}
 @media screen and (min-width: 1025px) {
     .event-feature--featured .event-feature__item {
         -webkit-flex: 0 0 24%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 24%;
         flex: 0 0 24%;
         max-width: 24%;
    }
}
 .event-feature--featured .event-feature__item:hover, .event-feature--featured .event-feature__item:focus {
     background: #FFFFFF;
     background: white;
}
 @media screen and (min-width: 1025px) {
     .event-feature--featured .event-feature__item.event-feature--featured-item {
         -webkit-flex: 0 0 100%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
         margin: 0 0 70px;
         padding-left: 45px;
         padding-right: 500px;
         background: #EBF5FD;
         background: rgba(235, 245, 253, 0.95);
         transition: 0.3s ease-in-out;
         position: relative;
    }
}
 @media screen and (min-width: 1025px) and (min-width: 1025px) {
     .event-feature--featured .event-feature__item.event-feature--featured-item:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         height: 100%;
         width: 20px;
         background: linear-gradient(to bottom, white 0%, rgba(235, 245, 253, 0.2) 100%);
         z-index: 1;
    }
}
 @media screen and (min-width: 1025px) {
     .event-feature--featured .event-feature__item.event-feature--featured-item:hover, .event-feature--featured .event-feature__item.event-feature--featured-item:focus {
         background-color: #FFFFFF;
    }
     .event-feature--featured .event-feature__item.event-feature--featured-item:hover .event-feature__image:before, .event-feature--featured .event-feature__item.event-feature--featured-item:focus .event-feature__image:before {
         background-color: #FFFFFF;
    }
}
 @media screen and (min-width: 1025px) {
     .event-feature--featured .event-feature__item.event-feature--featured-item .event-feature__date {
         margin-left: -55px;
         position: relative;
         z-index: 6;
    }
}
 .event-feature--featured .event-feature__item.event-feature--featured-item {
     padding-bottom: 0;
}
 .event-feature--featured .event-feature__item.event-feature--featured-item .event-feature__featured {
     clear: left;
     font-size: 12px;
     text-transform: uppercase;
     line-height: 1;
     color: #0072BC;
     margin: 0 0 3px;
}
 @media screen and (min-width: 1025px) {
     .event-feature--featured .event-feature__item.event-feature--featured-item .event-feature__featured {
         font-size: 16px;
         margin: 0 0 15px;
    }
}
 .event-feature--featured .event-feature__item.event-feature--featured-item .event-feature__title {
     clear: left;
     padding-top: 0;
}
 @media screen and (min-width: 1025px) {
     .event-feature--featured .event-feature__item.event-feature--featured-item .event-feature__title h3 {
         font-size: 30px;
    }
     .event-feature--featured .event-feature__item.event-feature--featured-item .event-feature__title h3:after {
         height: 18px;
         width: 18px;
    }
}
 @media screen and (min-width: 1025px) {
     .event-feature--featured .event-feature__item.event-feature--featured-item .event-feature__time {
         opacity: 1;
         display: inline-block;
         font-size: 20px;
         margin-right: 7px;
    }
}
 @media screen and (min-width: 1025px) {
     .event-feature--featured .event-feature__item.event-feature--featured-item .event-feature__location {
         opacity: 1;
         display: inline-block;
         font-size: 20px;
    }
     .event-feature--featured .event-feature__item.event-feature--featured-item .event-feature__location:before {
         content: '|';
         margin-right: 7px;
    }
}
 .event-feature--featured .event-feature__item .event-feature__image {
     display: none;
     position: relative;
     float: right;
     width: 478px;
     margin-right: -500px;
     overflow: hidden;
}
 @media screen and (min-width: 1025px) {
     .event-feature--featured .event-feature__item .event-feature__image {
         display: block;
    }
}
 .event-feature--featured .event-feature__item .event-feature__image:before {
     content: '';
     position: absolute;
     top: 0;
     left: -40px;
     height: 400px;
     width: 60px;
     background: #EBF5FD;
     background: rgba(235, 245, 253, 0.95);
     -webkit-transform: skew(-11deg);
     -ms-transform: skew(-11deg);
     transform: skew(-11deg);
     transition: 0.3s ease-in-out;
}
 .event-feature--featured .event-feature__item .event-feature__image:after {
     position: absolute;
     content: '';
     top: 0;
     left: 20px;
     width: 20px;
     height: 400px;
     -webkit-transform: skew(-11deg);
     -ms-transform: skew(-11deg);
     transform: skew(-11deg);
     background-color: #0072BC;
     mix-blend-mode: multiply;
}
 .event-feature--featured .event-feature__title h3:after {
     background-image: url("/_files/images/icons/icon-arrow-black.svg");
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
}
 .event-feature--featured .event-feature__date {
     background: #0072BC;
}
 .event-feature--featured .event-feature__month, .event-feature--featured .event-feature__day {
     color: #FFFFFF;
}
 .instagram {
     margin: 0 0 30px;
}
 @media screen and (min-width: 700px) {
     .instagram {
         margin: 0 0 43px;
    }
}
 @media screen and (min-width: 1025px) {
     .instagram {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         margin: 0;
    }
}
 .instagram .slick-list {
     width: 100%;
     margin: 0;
}
 .instagram .slick-track {
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
}
 @media screen and (min-width: 700px) {
     .instagram .slick-track {
         margin: 0;
    }
}
 .instagram__tile {
     position: relative;
     overflow: hidden;
     margin: 0 0 15px;
}
 @media screen and (min-width: 1025px) {
     .instagram__tile {
         -webkit-flex: 0 0 25%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
         margin: 0;
    }
}
 .instagram__tile:hover .instagram__link {
     -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
     transform: scale(1.2);
}
 .instagram__tile:hover .instagram__container:after {
     background-image: url("/_files/images/icons/icon-instagram-white-ovr.svg");
}
 .instagram__container {
     position: relative;
     padding-bottom: 100%;
}
 @media screen and (min-width: 1025px) {
     .instagram__container {
         padding-bottom: 100%;
    }
}
 .instagram__container:after {
     position: absolute;
     top: 10px;
     left: 0;
     height: 50px;
     width: 50px;
     z-index: 2;
     content: '';
     background-image: url("/_files/images/icons/icon-instagram-white-ovr.svg");
     background-image: url("/_files/images/icons/icon-instagram-white.svg");
     transition: 0.3s ease-in-out;
}
 .instagram__link {
     display: block;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     background-color: transparent;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 1;
     background-size: cover;
     background-position: center center;
     transition: -webkit-transform 0.75s ease-in-out;
     transition: transform 0.75s ease-in-out;
     outline-offset: -3px;
}
 .news-feature {
     overflow: hidden;
     padding-bottom: 43px;
}
 @media screen and (min-width: 700px) {
     .news-feature {
         padding-bottom: 42px;
    }
}
 @media screen and (min-width: 1025px) {
     .news-feature {
         padding-bottom: 103px;
    }
}
 .news-feature:before {
     position: absolute;
     content: '';
     top: 0;
     left: -58%;
     width: 100%;
     height: 110%;
     background: #E0EEF7;
     -webkit-transform: skew(-15deg);
     -ms-transform: skew(-15deg);
     transform: skew(-15deg);
     z-index: 0;
}
 @media screen and (min-width: 700px) {
     .news-feature:before {
         left: -75%;
    }
}
 @media screen and (min-width: 1025px) {
     .news-feature:before {
         left: -80%;
    }
}
 .news-feature__more {
     display: none;
}
 @media screen and (min-width: 700px) and (max-width: 1024px) {
     .news-feature__more {
         display: block;
         text-indent: 100%;
         white-space: nowrap;
         overflow: hidden;
         border: 0;
         font: 0/0 a;
         text-shadow: none;
         color: transparent;
         background-color: transparent;
         position: absolute;
         right: 0;
         top: 50%;
         margin-top: -20px;
         width: 60px;
         height: 40px;
         z-index: 3;
         background: transparent url("../images/icons/icon-scroll.png") no-repeat center center;
         background-size: auto 100%;
         cursor: pointer;
         -webkit-animation: scroll-indicator 2.5s ease infinite;
         animation: scroll-indicator 2.5s ease infinite;
    }
     .news-feature__more.js-hidden {
         display: none;
    }
     .news-feature__more--right {
         right: auto;
         left: 20px;
         background: transparent url("../images/icons/icon-scroll-right.png") no-repeat center center;
         background-size: auto 100%;
         display: none;
    }
     .news-feature__more--right.js-visible {
         display: block;
    }
}
 .news-feature__header {
     text-align: center;
     padding: 42px 0;
}
 @media screen and (min-width: 700px) {
     .news-feature__header {
         text-align: left;
         padding: 48px 0 23px;
         margin: 0 30px;
    }
}
 .news-feature__header h2 {
     margin: 0;
     padding: 0;
}
 .news-feature__header h2 a:hover {
     color: #007B20;
}
 .news-feature__header h2 a:hover:after {
     background-image: url("/_files/images/icons/icon-arrow_cta-grn-ovr.svg");
}
 @media screen and (min-width: 700px) and (max-width: 1024px) {
     .news-feature__wrapper {
         overflow-x: scroll;
         -webkit-overflow-scrolling: touch;
    }
}
 .news-feature__container {
     position: relative;
     z-index: 2;
}
 .news-feature__container .slick-track {
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
}
 @media screen and (min-width: 700px) {
     .news-feature__container {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-justify-content: space-between;
         -moz-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         min-width: 120%;
         padding: 0 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .news-feature__container {
         -webkit-flex-flow: row wrap;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         padding: 0;
         background-image: url("/_files/images/photos/news-accent.jpg");
         background-size: cover;
         min-width: 100%;
    }
}
 .news-feature__item {
     position: relative;
     margin: 0 15px 20px 0;
     padding: 26px 24px;
     background-image: url("/_files/images/photos/news-accent.jpg");
     background-size: cover;
     vertical-align: top;
}
 @media screen and (min-width: 700px) {
     .news-feature__item {
         -webkit-flex: 0 0 calc(100% / 3);
         -moz-box-flex: 0;
         -ms-flex: 0 0 calc(100% / 3);
         flex: 0 0 calc(100% / 3);
         padding-bottom: 30px;
         max-width: calc(100% / 3);
    }
}
 @media screen and (min-width: 1025px) {
     .news-feature__item {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-flex: 0 0 100%;
         -moz-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
         -webkit-align-items: center;
         -moz-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         margin: 0;
         padding: 0;
         background: #FFFFFF;
         background: rgba(255, 255, 255, 0.9);
    }
     .news-feature__item:hover .news-feature__image:after {
         transition-delay: 0s;
         width: 175px;
    }
     .news-feature__item:hover .news-feature__info {
         transition-delay: 0s;
         margin-left: -15px;
    }
}
 .news-feature__item:before {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     content: '';
     background: #FFFFFF;
     background: rgba(255, 255, 255, 0.95);
     z-index: 1;
}
 @media screen and (min-width: 1025px) {
     .news-feature__item:before {
         display: none;
    }
}
 .news-feature__item:nth-child(even) {
     background-color: #FFFFFF;
}
 .news-feature__item:nth-child(even) .news-feature__image {
     -webkit-order: 2;
     -moz-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
}
 .news-feature__item:nth-child(even) .news-feature__image:after {
     left: -117px;
     -webkit-transform: skew(-15deg);
     -ms-transform: skew(-15deg);
     transform: skew(-15deg);
     background-color: #FFFFFF;
}
 .news-feature__item:nth-child(even) .news-feature__info {
     -webkit-order: 1;
     -moz-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1;
     -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
}
 @media screen and (min-width: 1025px) {
     .news-feature__item:nth-child(even):hover .news-feature__info {
         margin-left: 15px;
    }
}
 .news-feature__image {
     display: none;
}
 @media screen and (min-width: 1025px) {
     .news-feature__image {
         display: block;
         position: relative;
         -webkit-flex: 0 0 505px;
         -moz-box-flex: 0;
         -ms-flex: 0 0 505px;
         flex: 0 0 505px;
         overflow: hidden;
    }
     .news-feature__image:after {
         position: absolute;
         top: 0;
         right: -117px;
         width: 160px;
         height: 110%;
         content: '';
         background: #FFFFFF;
         background: rgba(255, 255, 255, 0.9);
         -webkit-transform: skew(15deg);
         -ms-transform: skew(15deg);
         transform: skew(15deg);
         transition: width 0.3s ease;
         transition-delay: 0.3s;
    }
}
 .news-feature__info {
     position: relative;
     z-index: 2;
}
 @media screen and (min-width: 1025px) {
     .news-feature__info {
         padding: 0 60px;
         transition: margin 0.3s ease;
         transition-delay: 0.3s;
    }
}
 .news-feature__date {
     margin: 0 0 10px;
     color: #0072BC;
     font-size: 16px;
     font-weight: 600;
     text-transform: uppercase;
}
 .news-feature__title h3 {
     margin: 0;
     padding-right: 10px;
}
 .news-feature__title a {
     color: #000000;
     text-decoration: none;
}
 .news-feature__title a:after {
     display: inline-block;
     height: 13px;
     width: 13px;
     margin: 0 -26px 0 5px;
     content: '';
     background-image: url("/_files/images/icons/icon-arrow_cta-grn-ovr.svg");
     background-image: url("/_files/images/icons/icon-arrow_cta.svg");
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center center;
}
 @media screen and (min-width: 1025px) {
     .news-feature__title a:after {
         height: 20px;
         width: 18px;
         margin-left: 10px;
         margin-bottom: 2px;
    }
}
 .news-feature__title a:hover {
     color: #007B20;
}
 .news-feature__title a:hover:after {
     background-image: url("/_files/images/icons/icon-arrow_cta-grn-ovr.svg");
}
 @media screen and (min-width: 700px) and (max-width: 840px) {
     .content__object .program-spotlight__image img {
         width: 108%;
    }
}
 @media screen and (min-width: 700px) {
     .program-spotlight {
         margin: 0 0 43px;
    }
}
 .program-spotlight .content__max-container {
     max-width: 1200px;
}
 @media screen and (max-height: 800px) and (min-width: 1025px) {
     .program-spotlight .content__max-container {
         max-width: 1000px;
    }
}
 @media screen and (max-height: 901px) and (min-width: 1025px) {
     .program-spotlight .content__max-container {
         max-width: 1100px;
    }
}
 .program-spotlight__tabs {
     position: relative;
}
 @media screen and (min-width: 700px) {
     .program-spotlight__tabs {
         background-color: #000000;
    }
}
/* Used to be "".content" before the class */
 .program-spotlight__tablist {
     list-style: none;
     margin: 0;
     padding: 0 !important;
}
 @media screen and (min-width: 700px) {
     .program-spotlight__tablist {
         position: absolute;
         right: 0;
         top: auto;
         z-index: 2;
    }
}
 @media screen and (min-width: 700px) and (max-width: 950px){
     .program-spotlight__tablist {
         bottom: 60px;
    }
}
 @media screen and (min-width: 951px) and (max-width: 1024px){
     .program-spotlight__tablist {
         bottom: 80px;
    }
}
 @media screen and (min-width: 1025px) and (max-width: 1199px) {
     .program-spotlight__tablist {
         bottom: 90px;
    }
}
 @media screen and (min-width: 1200px){
     .program-spotlight__tablist {
         bottom: 125px;
    }
}
 .program-spotlight__tablist li {
     margin: 0;
     padding: 15px 0;
     border-bottom: 1px solid #007B20;
}
 @media screen and (min-width: 700px) {
     .program-spotlight__tablist li {
         position: relative;
         margin: 0 0 7px;
         padding: 7px 16px;
         height: 55px;
         width: 234px;
         border: 0;
         cursor: pointer;
         font-size: 14px;
         line-height: 1.2;
         transition: 0.2s ease-in-out;
    }
     .program-spotlight__tablist li:before {
         position: absolute;
         top: 0;
         left: 0;
         height: 100%;
         width: 100%;
         content: '';
         background: #FFFFFF;
         background: rgba(255, 255, 255, 0.8);
         mix-blend-mode: normal;
         transition: 0.2s ease-in-out;
    }
     .program-spotlight__tablist li:hover {
         background-color: #FFFFFF;
    }
     .program-spotlight__tablist li[aria-selected='true'] {
         margin-left: -27px;
         width: 261px;
    }
     .program-spotlight__tablist li[aria-selected='true']:before {
         background-color: #007B20;
         mix-blend-mode: multiply;
    }
     .program-spotlight__tablist li[aria-selected='true'] a {
         color: #FFFFFF;
    }
}
 @media screen and (min-width: 1125px) {
     .program-spotlight__tablist li {
         margin: 0 0 20px;
         padding: 11px 17px;
         min-height: 73px;
         width: 268px;
         font-size: 18px;
    }
     .program-spotlight__tablist li[aria-selected='true'] {
         margin-left: -75px;
         width: 343px;
    }
}
 .program-spotlight__tablist a {
     color: #000000;
     font-weight: 700;
     text-decoration: none;
}
 @media screen and (min-width: 700px) {
     .program-spotlight__tablist a {
         position: relative;
    }
}
 @media screen and (max-width: 699px) {
     .program-spotlight__tablist a:after {
         display: inline-block;
         height: 10px;
         width: 8px;
         margin: 0 0 0 6px;
         content: '';
         background-image: url("/_files/images/icons/icon-arrow_cta-grn-ovr.svg");
         background-image: url("/_files/images/icons/icon-arrow_cta.svg");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: center center;
         transition: 0.2s ease-in-out;
    }
}
 @media screen and (max-width: 699px) and (min-width: 1025px) {
     .program-spotlight__tablist a:after {
         height: 20px;
         width: 18px;
         margin-left: 10px;
         margin-bottom: 2px;
    }
}
 .program-spotlight__content {
     display: none;
}
 @media screen and (min-width: 700px) {
     .program-spotlight__content {
         display: block;
    }
}
 .program-spotlight__panel[aria-hidden='true'] {
     display: none;
}
 .program-spotlight__image {
     position: relative;
    /*z-index: 1;
     */
    /* HVCC rm content was falling behind image */
}
 @media screen and (min-width: 875px) and (max-width: 1245px){
     .content__object .program-spotlight__image img {
         width: 115%;
    }
}
 .program-spotlight__body {
     position: absolute;
     padding: 26px 30px;
     bottom: 0;
     width: 100%;
     color: #FFFFFF;
     font-size: 16px;
     font-weight: 600;
     background: #000000;
     background: rgba(0, 0, 0, 0.7);
}
 @media screen and (min-width: 1125px) {
     .program-spotlight__body {
         font-size: 18px;
         padding: 20px 45px 30px 45px;
         z-index: 1;
    }
}
 .program-spotlight__body h3 {
     margin: 0 0 5px;
     font-weight: 500;
}
 .program-spotlight__body h3 a {
     color: #FFFFFF;
     text-decoration: none;
}
 @media screen and (min-width: 700px) {
     .program-spotlight__body h3 a {
         transition: 0.3s ease;
         border-bottom: 2px solid transparent;
    }
     .program-spotlight__body h3 a:hover {
         border-bottom: 2px solid #FFFFFF;
    }
}
 .program-spotlight__body h3:after {
     display: inline-block;
     height: 13px;
     width: 18px;
     margin-left: 5px;
     content: '';
     background-image: url("/_files/images/icons/icon-arrow_cta-white.svg");
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center center;
     transition: 0.2s ease-in-out;
}
 @media screen and (min-width: 1125px) {
     .program-spotlight__body h3:after {
         height: 18px;
         width: 18px;
         margin-left: 10px;
    }
}
 .horizontal {
     border-bottom: 1px solid #D9D9D9;
     margin: 0 0 20px;
}
 body.front .horizontal {
     margin-bottom: 0;
}
 @media screen and (min-width: 700px) {
     .horizontal {
         margin: 0 0 30px;
    }
     body.front .horizontal {
         margin-bottom: 0;
    }
}
 @media screen and (min-width: 1025px) {
     .horizontal {
         margin: 0 0 43px;
    }
     body.front .horizontal {
         margin-bottom: 0;
    }
}
 @media screen and (min-width: 700px) {
     .horizontal__item {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-align-items: center;
         -moz-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
}
 .horizontal__image {
     position: relative;
     overflow: hidden;
}
 .horizontal__image a:focus {
     display: block;
     outline: 5px solid #9ECAED;
     box-shadow: 0 0 10px #9ECAED;
     outline-offset: -5px;
}
 @media screen and (min-width: 700px) {
     .horizontal__image {
         margin-right: -50px;
         -webkit-flex: 0 0 275px;
         -moz-box-flex: 0;
         -ms-flex: 0 0 275px;
         flex: 0 0 275px;
         -webkit-order: 2;
         -moz-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
    }
}
 @media screen and (min-width: 1025px) {
     .horizontal__image {
         margin: 0;
         -webkit-flex: 0 0 510px;
         -moz-box-flex: 0;
         -ms-flex: 0 0 510px;
         flex: 0 0 510px;
    }
}
 .horizontal__image:after {
     position: absolute;
     bottom: 0;
     height: 15px;
     width: 100%;
     content: '';
     background: #007B20;
     mix-blend-mode: multiply;
}
 @media screen and (min-width: 700px) {
     .horizontal__image:after {
         top: 0;
         left: 30px;
         width: 20px;
         height: 110%;
         -webkit-transform: skew(-15deg);
         -ms-transform: skew(-15deg);
         transform: skew(-15deg);
    }
}
 @media screen and (min-width: 1025px) {
     .horizontal__image:after {
         width: 33px;
         left: 52px;
    }
}
 @media screen and (min-width: 700px) {
     .horizontal__image:before {
         position: absolute;
         top: 0;
         left: -40px;
         width: 70px;
         height: 110%;
         content: '';
         background-color: #FFFFFF;
         -webkit-transform: skew(-15deg);
         -ms-transform: skew(-15deg);
         transform: skew(-15deg);
    }
}
 @media screen and (min-width: 1025px) {
     .horizontal__image:before {
         left: -61px;
         width: 113px;
    }
}
 @media screen and (min-width: 700px) {
     .horizontal__info {
         -webkit-flex: 1 1 auto;
         -moz-box-flex: 1;
         -ms-flex: 1 1 auto;
         flex: 1 1 auto;
         -webkit-order: 1;
         -moz-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1;
    }
}
 .horizontal__quote {
     padding: 27px 0 0;
     margin: 0 0 15px;
     font-family: "Roboto", arial, sans-serif;
     font-weight: 400;
     font-size: 20px;
     line-height: 1.4;
}
 @media screen and (min-width: 1025px) {
     .horizontal__quote {
         font-size: 30px;
         line-height: 1.33;
         margin: 0 0 26px;
    }
}
 .horizontal__attribute {
     margin: 0 0 20px;
}
 .horizontal__eyebrow {
     color: #0072BC;
     font-size: 12px;
     font-weight: 600;
     text-transform: uppercase;
}
 @media screen and (min-width: 1025px) {
     .horizontal__eyebrow {
         font-size: 16px;
         margin: 0 0 15px;
    }
}
 .horizontal__title {
     margin: 0 0 7px;
}
 @media screen and (min-width: 1150px){
     .horizontal__title h3 {
         font-size: 24px;
    }
}
 .horizontal__title h3 {
     margin: 0;
     line-height: 1.3;
}
 .horizontal--list {
     border: 0;
}
 .horizontal--list .horizontal__item {
     border-bottom: 1px solid #D9D9D9;
}
 .horizontal--list .horizontal__item h3 a, .horizontal--single .horizontal__item h3 a{
     color: #000000;
     text-decoration: none;
     transition: 0.2s ease-in-out;
}
 .horizontal--list .horizontal__item h3 a:hover, .horizontal--single .horizontal__item h3 a:hover{
     color: #007B20;
}
 .horizontal--list .horizontal__item:first-child {
     border-top: 1px solid #222222;
}
 .horizontal--list .horizontal__item:nth-child(even) .horizontal__image:after {
     background-color: #0072BC;
}
 @media screen and (max-width: 699px) {
     .horizontal--list .horizontal__item {
         margin: 0 0 27px;
         border: 0;
    }
}
 @media screen and (min-width: 700px) {
     .horizontal--list .horizontal__item:nth-child(odd) .horizontal__info {
         padding-right: 30px;
         padding-left: 15px;
    }
}
 @media screen and (min-width: 1025px) {
     .horizontal--list .horizontal__item:nth-child(odd) .horizontal__info {
         padding-left: 30px;
         padding-right: 53px;
    }
}
 @media screen and (min-width: 700px) {
     .horizontal--list .horizontal__item:nth-child(odd) .horizontal__image {
         -webkit-order: 1;
         -moz-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1;
         margin-left: -50px;
         margin-right: 0;
    }
     .horizontal--list .horizontal__item:nth-child(odd) .horizontal__image:before {
         left: auto;
         right: -40px;
         -webkit-transform: skew(15deg);
         -ms-transform: skew(15deg);
         transform: skew(15deg);
    }
     .horizontal--list .horizontal__item:nth-child(odd) .horizontal__image:after {
         left: auto;
         right: 30px;
         -webkit-transform: skew(15deg);
         -ms-transform: skew(15deg);
         transform: skew(15deg);
    }
}
 @media screen and (min-width: 1025px) {
     .horizontal--list .horizontal__item:nth-child(odd) .horizontal__image:before {
         right: -76px;
    }
     .horizontal--list .horizontal__item:nth-child(odd) .horizontal__image:after {
         right: 36px;
    }
}
 @media screen and (max-width: 699px) {
     .horizontal--list .horizontal__image {
         margin: 0 0 27px;
    }
}
 @media screen and (min-width: 700px) {
     .horizontal--list .horizontal__image {
         -webkit-flex: 0 0 394px;
         -moz-box-flex: 0;
         -ms-flex: 0 0 394px;
         flex: 0 0 394px;
    }
}
 @media screen and (min-width: 1025px) {
     .horizontal--list .horizontal__image {
         -webkit-flex: 0 0 505px;
         -moz-box-flex: 0;
         -ms-flex: 0 0 505px;
         flex: 0 0 505px;
    }
}
 .highlight-grey {
     background: #4F575C;
     color: #FFFFFF;
}
 .highlight-grey:after {
     display: table;
     content: '';
     clear: both;
}
 .highlight-grey__container {
     margin: 0 auto;
     max-width: 1106px;
     padding: 38px 15px;
}
 @media screen and (min-width: 700px) {
     .highlight-grey__container {
         padding: 38px 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .highlight-grey__container {
         padding: 58px 53px 75px;
    }
}
 .highlight-grey__title h2 {
     color: #FFFFFF;
     margin: 0 0 30px;
}
 @media screen and (min-width: 1025px) {
     .highlight-grey__title h2 {
         margin: 0 0 43px;
    }
}
 .highlight-grey__title h2.header--accent:after {
     background: #FFFFFF;
}
 .highlight-grey--large {
     font-size: 18px;
     line-height: 1.56;
}
 @media screen and (min-width: 1025px) {
     .highlight-grey--large {
         font-size: 30px;
    }
}
 .highlight-grey a {
     color: #FFFFFF;
}
 .highlight-grey a:hover {
     color: #000000;
}
 .highlight-grey a.cta:hover {
     color: #FFFFFF;
}
 .highlight-grey a.after-link:after {
     margin: 0 -30px 0 8px;
     background-image: url("/_files/images/icons/icon-arrow_cta-white.svg");
}
 .highlight-grey a.after-link:hover:after {
     background-image: url("/_files/images/icons/icon-arrow_cta.svg");
}
 .highlight-grey__body .list-yellow {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .highlight-grey__body .list-yellow li {
     padding-left: 24px;
     position: relative;
}
 .highlight-grey__body .list-yellow li:before {
     position: absolute;
     top: 10px;
     left: 0;
     height: 7px;
     width: 7px;
     content: '';
     background-color: #FFC100;
     border-radius: 50%;
}
 @media screen and (min-width: 1025px) {
     .highlight-grey__body .list-yellow li:before {
         top: 12px;
    }
}
 .highlight-grey__columns {
     margin-top: 25px;
}
 .highlight-grey__columns ul {
     list-style: none;
     margin: 0;
     padding: 0;
     width: 100%;
}
 @media screen and (min-width: 700px) {
     .highlight-grey__columns.three ul {
         -webkit-column-count: 2;
         -moz-column-count: 2;
         column-count: 2;
         -webkit-column-gap: 30px;
         -moz-column-gap: 30px;
         column-gap: 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .highlight-grey__columns.three ul {
        /*-webkit-column-count: 3;
         -moz-column-count: 3;
         column-count: 3;
         */
    }
}
 .highlight-grey__columns.three ul li a {
     display: block;
}
 .highlight-grey--two-col {
     margin-bottom: 0;
}
 .highlight-grey--two-col .highlight-grey__container {
     padding: 0;
     max-width: 100%;
}
 .highlight-grey .col {
     padding: 25px 15px;
}
 @media screen and (min-width: 700px) {
     .highlight-grey .col {
         padding: 30px;
         float: left;
         width: 50%;
    }
}
 @media screen and (min-width: 1025px) {
     .highlight-grey .col {
         padding: 53px 53px 40px;
    }
}
 .highlight-grey .col.no-padding {
     padding: 0;
}
 .highlight-grey .col.no-padding img {
     width: 100%;
}
 .highlight-grey .col h2 {
     margin-top: 0;
}
 .highlight-grey .col .highlight-grey__cta {
     margin-top: 25px;
}
 @media screen and (min-width: 700px) {
     .highlight-grey .col .highlight-grey__cta {
         margin-top: 30px;
    }
}
 .highlight-large {
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     overflow: hidden;
     position: relative;
     margin-bottom: 15px;
}
 @media screen and (min-width: 1025px) {
     .highlight-large {
         margin-bottom: 43px;
    }
}
 @media screen and (max-height: 800px) and (min-width: 1025px) {
     .highlight-large {
         max-width: 950px;
         margin-left: auto;
         margin-right: auto;
    }
}
 @media screen and (max-height: 901px) and (min-width: 1025px) {
     .highlight-large {
         max-width: 1050px;
         margin-left: auto;
         margin-right: auto;
    }
}
 .highlight-large__image {
     -webkit-order: 2;
     -moz-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
     overflow: hidden;
}
 @media screen and (min-width: 700px) {
     .highlight-large__image:before {
         position: absolute;
         left: -12%;
         height: 100%;
         width: 60%;
         content: '';
         background-color: #007B20;
         mix-blend-mode: multiply;
         -webkit-transform: skew(15deg);
         -ms-transform: skew(15deg);
         transform: skew(15deg);
    }
     .highlight-large--purple .highlight-large__image:before {
         background-color: #4A3687;
    }
}
 @media screen and (min-width: 700px) and (-ms-high-contrast: none) {
     .highlight-large__image:before {
         background: #007B20;
         background: rgba(0, 123, 32, 0.8);
    }
     .highlight-large--purple .highlight-large__image:before {
         background: #4A3687;
         background: rgba(74, 54, 135, 0.8);
    }
}
 .highlight-large__content {
     -webkit-order: 1;
     -moz-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1;
     padding: 0;
     margin: 0 0 20px;
}
 @media screen and (min-width: 700px) {
     .highlight-large__content {
         position: absolute;
         top: 0;
         left: 0;
         padding: 0 0 0 30px;
         height: 100%;
         width: 44%;
         z-index: 4;
         color: #FFFFFF;
    }
}
 @media screen and (min-width: 700px) {
     .highlight-large__wrapper {
         position: relative;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%);
    }
}
 .highlight-large__title h2 {
     margin: 0 0 20px;
}
 @media screen and (min-width: 1025px) {
     .highlight-large__title h2 {
         margin: 0 30px 52px 0;
    }
}
 @media screen and (min-width: 700px) {
     .highlight-large__title h2.header--accent:after {
         background-color: #FFFFFF;
    }
}
 .highlight-large__title h2 a {
     color: #000000;
     text-decoration: none;
     opacity: 1;
     transition: 0.2s ease;
}
 @media screen and (min-width: 700px) {
     .highlight-large__title h2 a {
         color: #FFFFFF;
    }
}
 .highlight-large__title h2 a:hover {
     color: #007B20;
}
 @media screen and (min-width: 700px) {
     .highlight-large__title h2 a:hover {
         color: #FFFFFF;
         opacity: 0.8;
    }
}
 .highlight-large__eyebrow {
     color: #0072BC;
     font-size: 12px;
     font-weight: 600;
     text-transform: uppercase;
}
 @media screen and (min-width: 700px) {
     .highlight-large__eyebrow {
         color: #FFFFFF;
    }
}
 @media screen and (min-width: 1025px) {
     .highlight-large__eyebrow {
         font-size: 16px;
    }
}
 .highlight-large__subtitle h3 {
     margin: 15px 0;
}
 .highlight-large__subtitle h3 a {
     color: #000000;
     text-decoration: none;
     opacity: 1;
     transition: 0.2s ease;
}
 @media screen and (min-width: 700px) {
     .highlight-large__subtitle h3 a {
         color: #FFFFFF;
    }
}
 .highlight-large__subtitle h3 a:hover {
     color: #007B20;
}
 @media screen and (min-width: 700px) {
     .highlight-large__subtitle h3 a:hover {
         color: #FFFFFF;
         opacity: 0.8;
    }
}
 .highlight-large__caption {
     font-size: 16px;
     font-weight: 600;
     line-height: 1.33;
}
 @media screen and (min-width: 1025px) {
     .highlight-large__caption {
         display: block;
    }
}
 @media screen and (min-width: 1025px) {
     .highlight-large__caption {
         font-size: 20px;
    }
}
 .highlight-large.video {
     background: #FFFFFF;
}
 @media screen and (min-width: 700px) {
     .highlight-large.video {
         background: #000000;
    }
}
/* Don't need margin-left on EOC videos, because they don't have the "Questions?..." prompt */
 .subsite .highlight-large.video {
     margin: 0 0 40px 0;
}
 @media screen and (min-width: 1025px) {
     .highlight-large.video {
         margin-left: 0%;
    }
}

 @media screen and (max-height: 800px) and (min-width: 1025px) {
     .highlight-large.video {
         max-width: 900px;
         margin-left: 0%;
    }
}
 @media screen and (max-height: 1600px) and (min-width: 1025px) {
     .highlight-large.video {
         max-width: 1000px;
    }
}

 .highlight-large .video__container {
     position: relative;
     -webkit-order: 2;
     -moz-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
     background: #000000;
}
 @media screen and (min-width: 700px) {
     .highlight-large .video__container .video__overlay:before {
         position: absolute;
         left: -20%;
         height: 100%;
         width: 70%;
         content: '';
         background-color: #007B20;
         mix-blend-mode: multiply;
         -webkit-transform: skew(15deg);
         -ms-transform: skew(15deg);
         transform: skew(15deg);
         z-index: 3;
    }
     .highlight-large--purple .highlight-large .video__container .video__overlay:before {
         background-color: #4A3687;
    }
}
 @media screen and (min-width: 700px) and (-ms-high-contrast: none) {
     .highlight-large .video__container .video__overlay:before {
         background: #007B20;
         background: rgba(0, 123, 32, 0.8);
    }
     .highlight-large--purple .highlight-large .video__container .video__overlay:before {
         background: #4A3687;
         background: rgba(74, 54, 135, 0.8);
    }
}
 @media screen and (min-width: 700px) {
     .column {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-justify-content: space-between;
         -moz-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         max-width: 88%;
    }
}
 .column .slick-track {
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-justify-content: space-between;
     -moz-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .column .slick-list {
     margin: 0 15px 0 0;
}
 .column__image {
     margin: 0 0 15px;
     max-width: 96%;
}
 .column__body {
     line-height: 1.3;
}
 .column__body ul {
     margin-top: -10px;
}
 .column__body ul li {
     margin: 0 0 3px;
}
 .column--three .column__col {
     -webkit-flex: 0 0 32%;
     -moz-box-flex: 0;
     -ms-flex: 0 0 32%;
     flex: 0 0 32%;
}
 .column-two-up {
    /*background-color: #4A3687;
     */
     background-color: #373737;
     background-blend-mode: overlay;
}
 .subsite .column-two-up {
     background-color: #006699;
     background-blend-mode: overlay;
}
 .column-two-up {
     background-position: center;
     background-size: cover;
     position: relative;
}
 @media screen and (min-width: 700px) and (-ms-high-contrast: none) {
     .column-two-up:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: #006699;
         background: rgba(0, 102, 153, 0.7);
    }
}
 .column-two-up__container {
     position: relative;
     z-index: 2;
     padding: 15px;
}
 @media screen and (min-width: 1025px) {
     .column-two-up__container {
         padding: 30px;
    }
}
 @media screen and (min-width: 1025px) {
     .column-two-up__container {
         padding: 53px;
    }
}
 .column-two-up .header--accent {
     margin-top: 0;
     color: #FFFFFF;
}
 @media screen and (min-width: 700px) {
     .column-two-up__wrapper {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
    }
}
 .column-two-up__wrapper .col {
     -webkit-flex: 0 0 50%;
     -moz-box-flex: 0;
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     padding-right: 20px;
}
 .column-two-up__wrapper .col ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .column-two-up__wrapper .col ul li {
     margin: 0 0 10px;
}
 .column-two-up__wrapper .col ul a {
     font-family: "Roboto", arial, sans-serif;
     font-weight: 700;
     color: #FFFFFF;
     text-decoration: none;
     display: inline-block;
}
 .column-two-up__wrapper .col ul a:after {
     display: inline-block;
     margin: 0 -20px 0 8px;
     height: 12px;
     width: 12px;
     content: '';
     background-image: url("/_files/images/icons/icon-arrow_cta-white.svg");
     background-size: contain;
     background-repeat: no-repeat;
}
 .meet-bold .meet-bold__tablist li:not(:first-child) {
     margin: 0 0 0 12px;
}
 @media screen and (min-width: 700px) {
     .meet-bold__tablist li:first-child {
         margin-left: 5px;
    }
}
 .meet-bold {
     margin: 0 12px 30px;
}
 @media screen and (min-width: 700px) {
     .meet-bold {
         margin: 0 10px;
    }
}
 @media screen and (min-width: 1025px) {
     .meet-bold {
         margin: 0 auto;
         max-width: 1706px;
    }
}
 @media screen and (max-height: 800px) and (min-width: 1025px) {
     .meet-bold {
         max-width: 1000px;
    }
}
 @media screen and (max-height: 901px) and (min-width: 1025px) {
     .meet-bold {
         max-width: 1100px;
    }
}
/* Used to have ".content" before the class */
 .meet-bold__tablist {
     list-style: none;
     margin: 0 5px;
     padding: 0;
}
 @media screen and (min-width: 700px) {
     .meet-bold__tablist {
         margin: 0 26px;
    }
}
 @media screen and (min-width: 1025px) {
     .meet-bold__tablist {
         margin: 0 50px;
    }
}
 .meet-bold__tablist li, .meet-bold__tablist li:last-child {
     float: left;
     margin: 0 2px -25px;
     padding: 0;
     width: calc(31.33% - 4px);
     vertical-align: top;
     cursor: pointer;
}
 @media screen and (min-width: 700px) {
     .meet-bold__tablist li, .meet-bold__tablist li:last-child {
         margin: 0 4px -50px;
         width: calc(31.33% - 8px);
    }
}
 @media screen and (min-width: 1025px) {
     .meet-bold__tablist li, .meet-bold__tablist li:last-child {
         margin: 0 10px -50px;
         width: calc(33.33% - 20px);
    }
}
 .meet-bold__tablist .tab {
     position: relative;
     z-index: 1;
     opacity: 0.5;
     transition: opacity 0.3s ease;
}
 .meet-bold__tablist .tab[aria-selected='true'] {
     z-index: 3;
     opacity: 1;
}
 .meet-bold__panel:focus {
     outline: 0;
}
 .meet-bold__panel[aria-hidden='true'] {
     display: none;
}
/* Radu, recent changes */
 .meet-bold__content {
     position: relative;
     clear: both;
     top: -23px;
     z-index: 2;
     padding: 55px 19px 45px;
     background-color: #FFFFFF;
     border: 1px solid #D9D9D9;
}
 @media screen and (min-width: 700px) {
     .meet-bold__content {
         padding: 68px 30px 54px;
         top: -37px;
    }
}
 @media screen and (min-width: 1025px) {
     .meet-bold__content {
         padding: 84px 60px 82px;
         top: -53px;
    }
}
 .meet-bold__title h3 {
     margin: 17px 0 27px;
}
 @media screen and (min-width: 1025px) {
     .meet-bold__title h3 {
         margin: 36px 0 52px;
    }
}
 .meet-bold__attribution {
     display: block;
     color: #0072BC;
     font-size: 12px;
     font-weight: 600;
     line-height: 1.3;
     text-transform: uppercase;
}

.meet-bold__attribution a {
     color: #0072BC;
     text-decoration: none;
     transition: 0.3s ease;
}
 .meet-bold__attribution a:hover {
     color: #007B20;
}

 @media screen and (min-width: 1025px) {
     .meet-bold__attribution {
         font-size: 16px;
    }
}
 .meet-bold .blockquote {
     margin: 27px 0 0;
     padding-left: 15px;
     border-left: 5px solid #007B20;
     font-size: 20px;
     font-family: "Roboto", arial, sans-serif;
     line-height: 1.5;
}
 @media screen and (min-width: 700px) {
     .meet-bold .blockquote {
         margin: 37px 0 0;
         padding-left: 18px;
    }
}
 @media screen and (min-width: 1025px) {
     .meet-bold .blockquote {
         margin: 52px 0 0;
         padding-left: 35px;
         border-left-width: 6px;
         font-size: 26px;
    }
}
 .testimonial {
     margin: 39px 0;
}
 @media screen and (min-width: 700px) {
     .testimonial {
         margin: 80px 0 106px;
        /* 20 to 106 */
    }
}
 @media screen and (min-width: 1025px) {
     .testimonial {
         margin: 90px 0 126px -11px;
        /* 40 to 126 */
    }
}
 .testimonial__image {
     margin: 0 0 20px;
}
 @media screen and (min-width: 700px) {
     .testimonial__image {
         margin: 0;
         float: left;
    }
}
 .testimonial__image img {
     max-width: 320px;
}
 @media screen and (min-width: 700px) {
     .testimonial__image img {
         max-width: 252px;
    }
}
 @media screen and (min-width: 1025px) {
     .testimonial__image img {
         max-width: 320px;
    }
}
 .testimonial__quote {
     font-size: 20px;
     font-family: "Roboto", arial, sans-serif;
     line-height: 1.5;
}
 @media screen and (min-width: 700px) {
     .testimonial__quote {
         margin-left: 277px;
    }
}
 @media screen and (min-width: 1025px) {
     .testimonial__quote {
         font-size: 30px;
         margin-left: 355px;
    }
}
 .testimonial__attribution {
     display: block;
     margin: 17px 0 0;
     font-size: 12px;
     font-weight: 600;
     line-height: 1.3;
     text-transform: uppercase;
}
 .testimonial__attribution a {
     color: #0072BC;
     text-decoration: none;
     transition: 0.3s ease;
}
 .testimonial__attribution a:hover {
     color: #007B20;
}
 @media screen and (min-width: 700px) {
     .testimonial__attribution {
         margin-left: 277px;
    }
}
 @media screen and (min-width: 1025px) {
     .testimonial__attribution {
         font-size: 16px;
         margin-left: 355px;
    }
}
 .slick-list {
     margin: 0 30px 0 8px;
}
/* Used to have ".content" before the class */
 .slick-dots {
     list-style: none;
     text-align: center;
     margin: 0;
     padding: 0;
}
 .content-new-margin .slick-dots li, .content .slick-dots li, .content-old .slick-dots li, .eoc-content .slick-dots li, .eoc-content-home .slick-dots li {
     display: inline-block;
     margin: 0 30px 0 0;
}
 .slick-dots li:last-child {
     margin: 0;
}
 .slick-dots li button {
     display: block;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     background-color: transparent;
     display: block;
     height: 10px;
     width: 10px;
     padding: 0;
     background: #000000;
     border-radius: 50%;
     cursor: pointer;
}
 .slick-dots li.slick-active button {
     background: #01B530;
}
 * {
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 body {
     font-family: "Open Sans", arial, sans-serif;
     font-size: 16px;
     font-weight: 400;
     line-height: 1.75;
     overflow-x: hidden;
    /* Better Font Rendering =========== */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 @media screen and (min-width: 700px) {
     body {
         font-size: 16px;
         line-height: 1.556;
    }
}
 @media screen and (min-width: 1025px) {
     body {
         font-size: 18px;
         line-height: 1.6;
    }
}
 body.js-fixed {
     overflow: hidden;
}
 .overlay {
     border: 0;
     height: 1px;
     overflow: hidden;
     padding: 0;
     position: absolute !important;
     width: 1px;
     clip: rect(1px, 1px, 1px, 1px);
}
 .overlay.js-active {
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.6);
     position: static !important;
     clip: auto;
     height: auto;
     width: auto;
     overflow: auto;
     position: fixed !important;
     z-index: 100;
     -webkit-animation: fade-in 0.2s ease-in forwards;
     animation: fade-in 0.2s ease-in forwards;
}
 .overlay.js-header {
     top: 55px;
}
 @media screen and (min-width: 700px) {
     .overlay.js-header {
         top: 72px;
    }
}
 @media screen and (min-width: 1025px) {
     .overlay.js-header {
         top: 130px;
    }
}
 * > p:last-child, * > ul:last-child, * > ol:last-child {
     margin-bottom: 0;
}
 .no-margin.bottom {
     margin-bottom: 0;
}
 .no-margin.top {
     margin-top: 0;
}
 .clearfix:after {
     display: table;
     content: '';
     clear: both;
}
 .visually-hidden {
     border: 0;
     height: 1px;
     overflow: hidden;
     padding: 0;
     position: absolute !important;
     width: 1px;
     clip: rect(1px, 1px, 1px, 1px);
}
 .skip-link {
     border: 0;
     height: 1px;
     overflow: hidden;
     padding: 0;
     position: absolute !important;
     width: 1px;
     clip: rect(1px, 1px, 1px, 1px);
}
 .skip-link:active, .skip-link:focus {
     position: static !important;
     clip: auto;
     height: auto;
     width: auto;
     overflow: auto;
}
/* Radu, comment so I can find this style easier */
/* img {
     */
    /* display: block;
     */
    /* height: auto;
     */
    /* width: 100%;
     */
    /*
}
*/
/* added as a result of commenting the above. Some images need this style, and they're usually inside a div with class content__object */
/*.content__object img {
     */
    /* display: block;
     */
    /* height: auto;
     */
    /* width: 100%;
     */
    /*
}
*/
 .meet-bold__tablist img, .horizontal__image img, .program-spotlight__image img, .column__image img, .news-listing__thumbnail img, .meet-listing__thumbnail img, .meet__image img, .HVCC-locations-img, .news-feature__image img {
     display: block;
     height: auto;
     width: 100%;
}
/* added as a result of commenting the above */
 .hero__image img {
     width: 100%;
}
 .photo, .image {
     margin: 0;
}
 .photo figcaption, .image figcaption {
     color: #4D4D4D;
     font-size: 14px;
     margin-top: 6px;
}
 @media screen and (min-width: 1025px) {
     .photo figcaption, .image figcaption {
         font-size: 18px;
    }
}
 .photo.pull-right, .image.pull-right, .image.align-right {
     display: block;
     margin: 0 0 1em;
     width: 100%;
}
 @media screen and (min-width: 700px) {
     .photo.pull-right, .image.pull-right, .image.align-right {
         max-width: 42%;
         margin: 0 2% 2em 7%;
         float: right;
    }
}
 @media screen and (min-width: 1025px) {
     .photo.pull-right, .image.pull-right, .image.align-right {
         width: 50%;
         margin: 0 4% 2em 50px;
         float: right;
    }
}


/* The default CMS styling adds extra styling to the WYSIWYG elements that clashes with the styles we applied to the figure.image elements.
This cancels that out. */
#tinymce figure.image {
    border: 0 !important;
    background: 0 !important;
}

/* https://www.hvcc.edu/about/news/archives/2024/06/two-administrators-part-of-inaugural-community-college-leadership-academy.html */
 .align-right-special, .align-left-special, #tinymce .align-right-special, #tinymce .align-left-special {
     display: block;
     margin: 0 auto 25px;
     max-width: 100%;/* last was commented, rd */
     height: auto;
}

 .align-center-special, #tinymce .align-center-special  {
     display: block;
     margin: 0 0 1em;
     max-width: 100%;
     height: auto;
}

.accordion .align-right-special {
    width: auto !important;
}
 @media screen and (min-width: 700px) {
     .align-right-special, #tinymce .align-right-special {
         max-width: 42%;
         margin: 7px 5% 2em 5%;
         float: right;
    }
}
 @media screen and (min-width: 1025px) {
     .align-right-special, #tinymce .align-right-special {
         max-width: 45%;
         margin: 10px 6% 2em 4%; /* 2nd used to be 3% */
         float: right;
         clear:both;
    }
}
 @media screen and (min-width: 700px) {
     .align-left-special, #tinymce .align-left-special {
         max-width: 42%;
         margin: 7px 7% 2em 2%;
         float: left;
    }
}
 @media screen and (min-width: 1025px) {
     .align-left-special, #tinymce .align-left-special {
         max-width: 45%;
         margin: 10px 4% 2em 2%;
         float: left;
    }
}
 @media screen and (min-width: 500px) {
     .align-center-special, #tinymce .align-center-special {
        text-align: center;
        margin: 30px auto;
        max-width: 100%;
    }
}
 .align-right-special img, .align-left-special img, #tinymce .align-right-special img , #tinymce .align-left-special img {
     display: block;
     margin: 0 auto;
     max-width: 100%;
     /* Used to be width: 100%, but that wold cause narrow vertical portrait photos to blow up on mobile screens */
     height: auto;
}
 .align-center-special img, #tinymce .align-center-special img {
     max-width: 100%;
     height: auto;
     display: inline-block;
     margin-left: auto;
     margin-right: auto;
}

/* Will center align the <figcaption> inside figures with class align-[right/left/center]-special automatically */
figure.align-right-special figcaption, figure.align-left-special figcaption, figure.align-center-special figcaption, #tinymce figure.align-right-special figcaption, #tinymce figure.align-left-special figcaption, #tinymce figure.align-center-special figcaption {
    margin: 6px 8px 6px 8px !important;
    text-align: center !important;
    color: #4D4D4D !important;
}

#tinymce .image figcaption {
    margin: 0; /* Nullify */
    text-align: initial; /* Reset alignment */
    color: inherit; /* Reset text color */
}

/* "image" class copycat to see if it will interfere with selecting a custom class in the WYSIWYG */
.image-figure {
    margin: 6px 8px 6px 8px;
    text-align: center;
    color: #4D4D4D;
}

 .photo.pull-right-nowidth, .image.pull-right-nowidth, .image.align-right-nowidth {
     display: block;
     margin: 0 0 1em;
}
 @media screen and (min-width: 700px) {
     .photo.pull-right-nowidth, .image.pull-right-nowidth, .image.align-right-nowidth {
         margin: 0 0 2em 8%;
         float: right;
    }
}
 @media screen and (min-width: 1025px) {
     .photo.pull-right-nowidth, .image.pull-right-nowidth, .image.align-right-nowidth {
         margin: 0 0 3em 60px;
         float: right;
    }
}
 .form {
     font-size: 16px;
}
 @media screen and (min-width: 1025px) {
     .form {
         font-size: 20px;
    }
}
 .form__item {
     margin: 0 0 26px;
}
 .form__item > label {
     display: block;
     margin: 0 0 15px;
     font-weight: 600;
}
 .form__text {
     display: block;
     padding: 0 22px;
     height: 60px;
     width: 100%;
     border: 1px solid #C0C0C0;
}
 .form__select {
     height: 60px;
     width: 100%;
     padding: 0 30px 0 22px;
     background-image: url("/_files/images/icons/icon-select.svg");
     background-position: right 22px center;
     background-repeat: no-repeat;
     border: 1px solid #C0C0C0;
}
 .form fieldset {
     margin: 0;
     padding: 0;
     border: 0;
}
 .form fieldset legend {
     display: block;
     margin: 0 0 15px;
     font-weight: 600;
}
 .form__checkbox, .form__radio {
     margin: 0 0 15px;
}
 .form__checkbox:last-child, .form__radio:last-child {
     margin: 0;
}
 .form__checkbox label, .form__radio label {
     padding: 0 0 0 42px;
     position: relative;
     cursor: pointer;
}
 .form__checkbox input, .form__radio input {
     border: 0;
     height: 1px;
     overflow: hidden;
     padding: 0;
     position: absolute !important;
     width: 1px;
     clip: rect(1px, 1px, 1px, 1px);
}
 .form__custom-input:after {
     position: absolute;
     top: 0;
     left: 0;
     content: '';
     height: 19px;
     width: 19px;
     border: 1px solid #C0C0C0;
}
 @media screen and (min-width: 1025px) {
     .form__custom-input:after {
         top: 4px;
    }
}
 .checkbox:checked + .form__custom-input:after {
     background-color: #007B20;
     background-image: url("/_files/images/icons/icon-checkmark.svg");
     background-position: center center;
     background-repeat: no-repeat;
}
 .checkbox:focus + .form__custom-input:after {
     outline: 2px solid #32553B;
}
 .form__radio .form__custom-input:after {
     border-radius: 50%;
}
 .radio:checked + .form__custom-input:after {
     background-color: #007B20;
}
 .radio:focus + .form__custom-input:after {
     border: 2px solid #32553B;
}
 .breadcrumbs-replacement {
     padding-top: 55px;
}
 @media screen and (min-width: 700px) {
     .breadcrumbs-replacement {
         padding-top: 72px;
    }
}
 @media screen and (min-width: 1025px) {
     .breadcrumbs-replacement {
         padding-top: 120px;
    }
}
 .breadcrumbs-nohero {
     padding-top: 60px;
     padding-bottom: 6px;
}
 @media screen and (min-width: 700px) {
     .breadcrumbs-nohero {
         padding-top: 75px;
         padding-bottom: 0;
    }
}
 @media screen and (min-width: 1025px) {
     .breadcrumbs-nohero {
         padding-top: 135px;
         padding-bottom: 0;
    }
}
 .section-gradient {
     position: relative;
     z-index: 10;
     height: 67px;
     background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
     margin-top: -67px;
}
/*@media screen and (min-width: 1025px) {
     */
     .section {
    }
     .section-nohero {
         padding-top: 0;
         margin-top: 0;
    }
     @media screen and (min-width: 1025px) {
         .section__nav {
             display: inline-block;
             width: 100%;
        }
    }
     @media screen and (min-width: 700px) {
         .section__nav.js-fixed {
             transition: 0.3s ease-in-out;
            /*position: fixed;
             top: 0;
             */
            /* 20220506 HD Removed for Web Accessibility */
        }
    }
     .section__nav.js-fixed.js-nav-down {
         top: auto;
    }
     @media screen and (min-width: 700px) {
         .section__nav.js-fixed.js-nav-down {
             top: 72px;
        }
    }
     @media screen and (min-width: 1025px) {
         .section__nav.js-fixed.js-nav-down {
             top: 130px;
        }
    }
    /* Edited by Radu for sidenav */
     .section__nav__menu {
         display: block;
         position: relative;
         margin: 0;
         padding: 3px 0;
         width: 315px;
         background-color: #FFC100;
         font-size: 14px;
         list-style: none;
         min-width: 190px;
         border-radius: 4px;
    }
     @media screen and (max-width: 874px) {
         .section__nav__menu {
             width: 100%;
        }
    }
     @media screen and (min-width: 874px) {
         .section__nav__menu {
             width: 92%;
        }
    }
     @media screen and (min-width: 1025px) {
         .section__nav__menu {
             width: 97%;
             font-size: 15px;
        }
    }
     .section__nav__menu a {
         color: #000000;
         text-decoration: none;
         display: block;
         width: 78%;
    }
     @media screen and (min-width: 1025px) {
         .section__nav__menu a {
             padding: 0;
        }
    }
    /* ^^Edited by Radu */
     .section__nav__menu a.active {
         font-weight: 600;
    }
     .section__nav__menu a:hover {
         color: #4F575C;
    }
    /* Down are the edits I've made, until ^^ -Radu, sidenav */
     .section__nav__menu ul {
         padding: 0;
         list-style: none;
    }
    /* 6% looks good for mobile */
     @media screen and (max-width: 481px) {
         .section__nav__menu ul {
             margin: 0 0 0 6%;
        }
    }
     @media screen and (min-width: 481px) and (max-width: 650px) {
         .section__nav__menu ul {
             margin: 0 0 0 5%;
        }
    }
     @media screen and (min-width: 650px) and (max-width: 874px) {
         .section__nav__menu ul {
             margin: 0 0 0 4%;
        }
    }
     @media screen and (min-width: 874px) and (max-width: 1024px) {
         .section__nav__menu ul {
             margin: 0 0 0 11%;
        }
    }
     @media screen and (min-width: 1024px) {
         .section__nav__menu ul {
             margin: 0 0 0 11%;
        }
    }
    /* Targets the pluses and minuses in the Section Menu (left side menu) */
     .section__nav__menu ul .toggle {
         margin: 7px 12px 0 7px;
    }
     @media screen and (max-width: 874px) {
         .section__nav__menu ul .toggle {
             margin: 7px 15px 0 7px;
        }
    }
     @media screen and (min-width: 1025px) {
         .section__nav__menu ul .toggle {
             margin-left: -4px;
        }
    }
     .section__nav__menu ul ul {
         margin: 0 0 0 16px;
    }
     @media screen and (min-width: 874px) and (max-width: 1024px) {
         .section__nav__menu ul ul {
             margin: 0 0 0 12px;
        }
    }
     @media screen and (min-width: 1024px) {
         .section__nav__menu ul ul {
             font-size: 14px;
        }
    }
    /* ^^ Radu, Sidenav, modified */
    /* Radu, Sidenav. Used to be 16px. */
     @media screen and (min-width: 1024px) {
         .section__nav__menu ul ul a {
             font-size: 14px;
        }
    }
    /* original */
     .section__nav__menu li {
         margin: 11px 0;
    }
    /* sidenav beginning */
     @media screen and (min-width: 1024px) {
         .section__nav__menu li {
             margin: 12px 0;
             line-height: 26px;
        }
    }
     .section__nav__menu li.active-trail span>a {
         display: inline-block;
         padding-left: 8%;
    }
     @media screen and (max-width: 874px) {
         .section__nav__menu li.active-trail span>a {
             display: inline-block;
             padding-left: 3%;
        }
    }
    /* Mobile */
     @media screen and (max-width: 480px) {
         .section__nav__menu li.active-trail span>a {
             display: inline-block;
             padding-left: 5%;
        }
    }
    /* ^^ Radu, sidenav, end */
     .section__nav__menu .toggle {
         display: block;
         text-indent: 100%;
         white-space: nowrap;
         overflow: hidden;
         border: 0;
         font: 0/0 a;
         text-shadow: none;
         color: transparent;
         background-color: transparent;
         position: relative;
         z-index: 2;
         float: right;
         height: 12px;
         width: 12px;
         margin: 6px 20px 0 19px;
         background-image: url("/_files/images/icons/icon-plus.svg");
         background-position: center;
         background-repeat: no-repeat;
         background-size: contain;
         cursor: pointer;
    }
     @media screen and (min-width: 1024px) {
         .section__nav__menu .toggle {
             height: 16px;
             width: 16px;
             margin: 6px 18px 0 30px;
        }
    }
     .section__nav__menu .expanded > .toggle {
         background-image: url("/_files/images/icons/icon-minus.png");
         background-size: 12px 2px;
    }
     @media screen and (min-width: 1024px) {
         .section__nav__menu .expanded > .toggle {
             background-size: contain;
        }
    }
     .section__nav__menu .expanded > ul {
         display: block;
    }
    /* Select the first button in the sidebar navigation, that can collapse the whole sidenav */
    /* Don't display when screen is bigger than 874px */
     .section__nav__menu .parent-button {
         display: none;
    }
    /* display .parent-button when the screen width is <= 874px */
     @media (max-width: 874px) {
         .section__nav__menu .parent-button {
             display: block;
             background-image: url("/_files/images/icons/icon-burger-menu.svg");
             margin: 0 10px 0 0 !important;
             width: 24px;
             height: 24px;
        }
    }
     .section__nav__menu .parent-button {
         margin: 6px 15px 10px 5px;
    }
     .section__breadcrumb {
         display: none;
    }
     @media screen and (max-width: 1024px) {
         .section__breadcrumb {
             display: inline-block;
             margin: 0 0 0 1.5%;
             padding: 0;
             list-style: none;
        }
         .section__breadcrumb li {
             display: inline-block;
        }
         .section__breadcrumb li:last-child a:after {
             display: none;
        }
         .section__breadcrumb li a {
             color: #000000;
             font-size: 16px;
             text-decoration: none;
        }
         .section__breadcrumb li a:hover {
             color: #4F575C;
        }
         .section__breadcrumb li a:after {
             display: inline-block;
             content: '>';
             padding: 0 7px 0 10px;
        }
    }
     @media screen and (max-width: 480px) {
         .section__breadcrumb {
             margin: 0 0 0 2.5%;
        }
    }
     @media screen and (min-width: 1024px) {
         .section__breadcrumb {
             display: inline-block;
             margin: 0 0 0 19px;
             padding: 0;
             list-style: none;
        }
         .section__breadcrumb li {
             display: inline-block;
        }
         .section__breadcrumb li:last-child a:after {
             display: none;
        }
         .section__breadcrumb li a {
             color: #000000;
             font-size: 16px;
             text-decoration: none;
        }
         .section__breadcrumb li a:hover {
             color: #4F575C;
        }
         .section__breadcrumb li a:after {
             display: inline-block;
             content: '>';
             padding: 0 7px 0 10px;
        }
    }
    /* Uses CSS grid;
     for /_drafts/customized-training */
    /* Apply image-row-container-[number of columns per row] on the parent DIV containing all the images */
     .image-row-container-2 {
         padding-top: 15px;
         display: grid;
         grid-template-columns: repeat(2, 1fr);
        /* 2 equal columns per row */
         gap: 35px;
    }
     .image-row-container-3 {
         padding-top: 15px;
         display: grid;
         grid-template-columns: repeat(3, 1fr);
        /* 3 equal columns per row */
         gap: 30px;
    }
     .image-row-container-4 {
         padding-top: 15px;
         display: grid;
         grid-template-columns: repeat(4, 1fr);
        /* 4 equal columns per row */
         gap: 10px;
    }
     .image-row-container-5 {
         padding-top: 15px;
         display: grid;
         grid-template-columns: repeat(5, 1fr);
        /* 5 equal columns per row */
         gap: 5px;
    }
     .image-row-container-6 {
         padding-top: 15px;
         display: grid;
         grid-template-columns: repeat(6, 1fr);
        /* 6 equal columns per row */
         gap: 5px;
    }
     @media screen and (max-width: 767px) {
         .image-row-container-2, .image-row-container-3, .image-row-container-4, .image-row-container-5, .image-row-container-6 {
             grid-template-columns: 1fr;
            /* 1 equal column per row */
             gap: 25px;
        }
         .image-row-container-2 img, .image-row-container-3 img, .image-row-container-4 img, .image-row-container-5 img, .image-row-container-6 img {
             width: auto !important;
            /* Reset width to auto */
             max-width: 100% !important;
            /* Image won't exceed its natural size */
             margin: 0 auto !important;
            /* Center the image within the container */
        }
    }
     .image-row-container-2 img, .image-row-container-3 img, .image-row-container-4 img, .image-row-container-5 img, .image-row-container-6 img {
         max-width: 100%;
         width: auto;
         max-height: 100%;
         height: auto;
         object-fit: contain;
        /* Maintain aspect ratio without cropping */
         display: flex;
        /* center vertically and horizontally using Flexbox */
         align-items: center;
         justify-content: center;
         margin: 0;
        /* No margin to for no default spacing */
         padding: 10px;
        /* Padding for space within the grid cell */
         box-sizing: border-box;
        /* Include padding in the element's total width and height */
    }
     .sticky-cta {
         position: fixed;
         bottom: 0;
         z-index: 20;
         height: 45px;
         width: 100%;
         background: #007B20;
         color: #FFFFFF;
         text-align: right;
    }
     @media screen and (min-width: 700px) {
         .sticky-cta {
             height: 60px;
        }
    }
     .sticky-cta.js-relative {
         position: relative;
    }
     .sticky-cta__tagline {
         display: none;
    }
     @media screen and (min-width: 1025px) {
         .sticky-cta__tagline {
             float: left;
             display: block;
             margin: 0;
             padding: 15px 0 15px 53px;
             color: #FFFFFF;
             font-family: "Roboto", arial, sans-serif;
             font-size: 20px;
             font-weight: 700;
             line-height: 1.6;
             text-align: left;
        }
    }
     @media screen and (min-width: 1653px) {
         .sticky-cta__tagline {
             padding-left: 0;
        }
    }
     .sticky-cta__links {
         display: inline-block;
         width: calc(100% - 31px);
    }
     @media screen and (min-width: 700px) {
         .sticky-cta__links {
             width: calc(100% - 54px);
        }
    }
     @media screen and (min-width: 1025px) {
         .sticky-cta__links {
             width: auto;
        }
    }
     .sticky-cta__links a {
         float: left;
         height: 100%;
         padding: 10px 0;
         width: calc(100% / 3);
         background: #01B530;
         border-right: 1px solid #007B20;
         color: #000000;
         font-size: 14px;
         font-family: "Roboto", arial, sans-serif;
         font-weight: 700;
         text-align: center;
         text-decoration: none;
         transition: 0.2s ease-in-out;
    }
     @media screen and (min-width: 700px) {
         .sticky-cta__links a {
             padding: 14px 0;
             font-size: 20px;
        }
    }
     @media screen and (min-width: 1025px) {
         .sticky-cta__links a {
             width: 200px;
        }
    }
     .sticky-cta__links a:hover {
         color: #FFFFFF;
         background-color: #007B20;
    }
     .sticky-cta__top {
         display: block;
         text-indent: 100%;
         white-space: nowrap;
         overflow: hidden;
         border: 0;
         font: 0/0 a;
         text-shadow: none;
         color: transparent;
         background-color: transparent;
         float: right;
         padding: 0;
         height: 45px;
         width: 31px;
         -webkit-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
         transform: rotate(180deg);
         background-color: #007B20;
         background-image: url("/_files/images/icons/icon-arrow_white.svg");
         background-repeat: no-repeat;
         background-position: center;
         background-size: 13px 10px;
         cursor: pointer;
         transition: 0.3s ease-in-out;
    }
     @media screen and (min-width: 700px) {
         .sticky-cta__top {
             height: 60px;
             width: 54px;
             background-size: 24px 17px;
        }
    }
     @media screen and (min-width: 1025px) {
         .sticky-cta__top {
             width: 66px;
        }
    }
     .sticky-cta__top:hover {
         background-color: #000000;
    }
     .table {
         width: 100%;
         border: 0;
         border-spacing: 0;
         margin-bottom: 10px;
    }
     @media screen and (min-width: 700px) {
         .table {
             margin-bottom: 12px;
        }
    }
     @media screen and (min-width: 1025px) {
         .table {
             margin-bottom: 12px;
        }
    }
     .table thead th {
         padding: 15px;
         font-family: "Roboto", arial, sans-serif;
         font-weight: 500;
         text-transform: uppercase;
    }
    
    .table tr th {
        font-weight: 500;
    }
    
     @media screen and (min-width: 100px) {
        /* .table thead th {*/
        /*     padding: 15px 28px;*/
        /*}*/
        .table tr th {
             padding: 15px 28px;
        }
    }
     .table td {
         padding: 15px;
         vertical-align: top;
    }
     @media screen and (min-width: 700px) {
         .table td {
             padding: 15px 28px;
        }
    }
     .table tbody tr:nth-child(even) {
         background-color: #FAFAFA;
    }
     .table__wrapper {
         position: relative;
         padding-bottom: 40px;
    }
    
    
    /* scroll horizontally/x-axis for table__container */
    .table__container {
        overflow-x: scroll;
        margin-bottom: 40px;
    }
    
     @media screen and (max-width: 1024px) {
         .table__container {
             margin: 0 -30px;
             padding: 0 30px;
             overflow-x: scroll;
        }
         .table__container.js-scroll-left .table__scroll--left {
             display: none;
        }
         .table__container.js-scroll-left .table__scroll--right {
             display: block;
        }
         .table__container.js-scroll-right .table__scroll--left {
             display: block;
        }
         .table__container.js-scroll-right .table__scroll--right {
             display: none;
        }
    }
     @media screen and (max-width: 699px) {
         .table__container {
             margin: 0 -15px;
             padding: 0;
        }
    }
     .table__scroll {
         display: none;
    }
     @media screen and (max-width: 1024px) {
         .table__scroll {
             display: block;
             text-indent: 100%;
             white-space: nowrap;
             overflow: hidden;
             border: 0;
             font: 0/0 a;
             text-shadow: none;
             color: transparent;
             background-color: transparent;
             display: none;
             position: absolute;
             top: 50%;
             height: 35px;
             width: 30px;
             background-color: #0072BC;
             background-image: url("/_files/images/icons/icon-arrow_cta-white.svg");
             background-repeat: no-repeat;
             background-position: center;
             background-size: 8px 11px;
             cursor: pointer;
        }
         .table__scroll--left {
             left: -15px;
             -webkit-transform: translateY(-50%) rotate(180deg);
             -ms-transform: translateY(-50%) rotate(180deg);
             transform: translateY(-50%) rotate(180deg);
        }
    }
     @media screen and (max-width: 1024px) and (min-width: 700px) {
         .table__scroll--left {
             left: -30px;
        }
    }
     @media screen and (max-width: 1024px) {
         .table__scroll--right {
             right: -5px;
             -webkit-transform: translateY(-50%);
             -ms-transform: translateY(-50%);
             transform: translateY(-50%);
        }
    }
     @media screen and (max-width: 1024px) and (min-width: 700px) {
         .table__scroll--right {
             right: -5px;
        }
    }
     .table--responsive {
         min-width: 800px;
    }
     .table--responsive thead {
         background: #FFC100;
    }
     .table--responsive th {
         text-align: center;
    }
     .table--responsive th:first-child {
         text-align: left;
    }
     .table--responsive td {
         text-align: center;
    }
     .table--responsive td:first-child {
         text-align: left;
    }
     .table--stacked {
         width: 100%;
    }
     @media screen and (min-width: 700px) {
         .table--stacked {
             margin-left: 0;
             margin-right: 0;
             width: 100%;
        }
    }
     .table--stacked thead {
         background-color: #4F575C;
    }
     .table--stacked th {
         display: none;
         color: #FFFFFF;
         font-size: 20px;
         text-align: left;
    }
     @media screen and (min-width: 700px) {
         .table--stacked th {
             display: table-cell;
        }
    }
     .table--stacked th:first-child {
         display: block;
    }
     .table--stacked tbody tr {
         display: block;
         border-bottom: 1px solid #4F575C;
    }
     @media screen and (min-width: 700px) {
         .table--stacked tbody tr {
             display: table-row;
        }
    }
     .table--stacked td {
         display: block;
         padding: 0 15px 24px;
         font-family: "Roboto", arial, sans-serif;
         font-weight: 500;
         line-height: 1.4;
    }
     @media screen and (min-width: 700px) {
         .table--stacked td {
             display: table-cell;
             padding: 15px 28px;
             border-bottom: 1px solid #4F575C;
        }
    }
     @media screen and (min-width: 1025px) {
         .table--stacked td {
             padding: 18px 15px 33px 28px;
        }
    }
     @media screen and (max-width: 699px) {
         .table--stacked td:first-child {
             padding-top: 16px;
             padding-bottom: 0;
             font-size: 20px;
        }
    }
     .table__info {
         font-family: "Open Sans", arial, sans-serif;
    }
     .table__info span {
         display: block;
         margin: 0 0 3px;
         padding-left: 32px;
         background-position: 0 center;
         background-repeat: no-repeat;
    }
     .table__info span a {
         color: #000000;
         text-decoration: none;
    }
     .table__info span a:hover {
         color: #007B20;
    }
     @media screen and (min-width: 1025px) {
         .table__info span {
             display: inline-block;
             margin-right: 37px;
        }
         .table__info span:last-child {
             margin: 0;
        }
    }
     .table__info span.phone {
         background-image: url("/_files/images/icons/phone-icon.svg");
    }
     .table__info span.email {
         background-image: url("/_files/images/icons/icon-email.svg");
    }
     .table__info span.location {
         background-image: url("/_files/images/icons/icon-location.svg");
    }
     .table__position {
         margin: 0 0 16px;
    }
     main.news {
         padding-top: 35px;
    }
     .news__share {
         margin: 42px 0;
    }
     .news__share--title {
         display: inline-block;
         margin: 0;
         width: 165px;
         font-size: 16px;
         font-weight: 600;
         vertical-align: bottom;
    }
     @media screen and (min-width: 700px) {
         .news__share--title {
             margin-bottom: 4px;
             font-size: 18px;
        }
    }
     @media screen and (min-width: 1025px) {
         .news__share--title {
             font-size: 20px;
             width: 181px;
        }
    }
     .news__share .button {
         display: block;
         text-indent: 100%;
         white-space: nowrap;
         overflow: hidden;
         border: 0;
         font: 0/0 a;
         text-shadow: none;
         color: transparent;
         background-color: transparent;
         display: inline-block;
         margin-right: 13px;
         width: 22px;
         height: 23px;
         background-position: center center;
         background-repeat: no-repeat;
         cursor: pointer;
         transition: 0.2s ease-in-out;
    }
     @media screen and (min-width: 700px) {
         .news__share .button {
             width: 33px;
             height: 32px;
             margin-right: 19px;
        }
    }
     .news__share .button.fb {
         background-image: url("/_files/images/icons/icon-facebook.svg");
         background-size: 22px 23px;
    }
     .news__share .button.fb:hover {
         background-image: url("/_files/images/icons/icon-facebook-ovr.svg");
    }
     @media screen and (min-width: 700px) {
         .news__share .button.fb {
             background-size: 33px 32px;
        }
    }
     .news__share .button.twit {
         background-image: url("/_files/images/icons/icon-twitter-old.svg");
         background-size: 22px 19px;
    }
     .news__share .button.twit:hover {
         background-image: url("/_files/images/icons/icon-twitter-ovr-old.svg");
    }
     @media screen and (min-width: 700px) {
         .news__share .button.twit {
             background-size: 32px 27px;
        }
    }
     .news__share .button.lin {
         margin: 0;
         background-image: url("/_files/images/icons/icon-linkedin.svg");
         background-size: 21px 19px;
    }
     .news__share .button.lin:hover {
         background-image: url("/_files/images/icons/icon-linkedin-ovr.svg");
    }
     @media screen and (min-width: 700px) {
         .news__share .button.lin {
             background-size: 31px 28px;
        }
    }
     .news__related--title {
         display: inline-block;
         margin: 0;
         width: 165px;
         font-size: 16px;
         font-weight: 600;
    }
     @media screen and (min-width: 700px) {
         .news__related--title {
             font-size: 18px;
        }
    }
     @media screen and (min-width: 1025px) {
         .news__related--title {
             width: 181px;
             font-size: 20px;
        }
    }
     .news__related--wrapper {
         display: inline-block;
    }
     @media screen and (max-width: 699px) {
         .news__related--wrapper {
             display: block;
             white-space: pre-line;
        }
         .news__related--wrapper .tag {
             margin: 0 0 10px;
        }
    }
     .news__back {
         margin: 42px 0;
    }
     @media screen and (min-width: 1025px) {
         .news__back {
             margin: 67px 0 0;
        }
    }
     .news__back a {
         position: relative;
         color: #000000;
         font-weight: 700;
         text-decoration: none;
         padding-left: 17px;
    }
     .news__back a:hover {
         color: #007B20;
    }
     .news__back a:before {
         position: absolute;
         top: 10px;
         left: -3px;
         height: 7px;
         width: 16px;
         content: '';
         background-image: url("/_files/images/icons/icon-arrow-black.svg");
         background-repeat: no-repeat;
         background-size: contain;
         -webkit-transform: rotate(90deg);
         -ms-transform: rotate(90deg);
         transform: rotate(90deg);
    }
     @media screen and (min-width: 700px) {
         .news__back a:before {
             top: 12px;
        }
    }
     @media screen and (min-width: 1025px) {
         .news__back a:before {
             top: 14px;
        }
    }
     .news-listing {
         margin: 0 0 27px;
    }
     @media screen and (min-width: 700px) {
         .news-listing {
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-align-items: center;
             -moz-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin: 0 0 33px;
        }
    }
     @media screen and (min-width: 1025px) {
         .news-listing {
             margin: 0 0 40px;
        }
    }
     .news-listing__thumbnail {
         margin: 0 0 13px;
         max-width: 308px;
    }
     @media screen and (min-width: 700px) {
         .news-listing__thumbnail {
             -webkit-flex: 0 0 308px;
             -moz-box-flex: 0;
             -ms-flex: 0 0 308px;
             flex: 0 0 308px;
             margin: 0;
        }
    }
     .news-listing__info {
         width: 100%;
    }
     @media screen and (min-width: 700px) {
         .news-listing__info {
             padding-left: 30px;
        }
    }
     .news-listing__info h2 {
         margin: 0 0 5px;
         padding-right: 5%;
         font-size: 20px;
         font-weight: 500;
         line-height: 1.33;
    }
     @media screen and (min-width: 1025px) {
         .news-listing__info h2 {
             font-size: 30px;
        }
    }
     .news-listing__info h2 a {
         color: #000000;
         text-decoration: none;
    }
     .news-listing__info h2 a:hover {
         color: #007B20;
    }
     main.event {
         overflow: visible;
         padding-top: 10px;
    }
     .event__head {
         margin: 25px 0 23px;
         border-bottom: 2px solid #DEDEDE;
    }
     @media screen and (min-width: 700px) {
         .event__head {
             margin-top: 46px;
        }
    }
     .event__date {
         padding: 12px 0 0;
         height: 83px;
         width: 83px;
         vertical-align: middle;
         background-color: #0072BC;
         color: #FFFFFF;
         line-height: 1;
         text-align: center;
    }
     @media screen and (min-width: 700px) {
         .event__date {
             float: left;
        }
    }
     .event__date__month {
         display: block;
         font-size: 16px;
         letter-spacing: 3px;
         text-indent: 3px;
         text-transform: uppercase;
         margin-bottom: 6px;
    }
     .event__date__day {
         font-size: 36px;
         font-weight: 700;
    }
     .event__head__info {
         margin: 13px 0 0;
         padding-bottom: 23px;
    }
     @media screen and (min-width: 700px) {
         .event__head__info {
             margin-left: 119px;
        }
    }
     .event__title {
         margin: 0 0 13px;
    }
     .event__title h1 {
         margin: 0;
         color: #000000;
         text-align: left;
         text-shadow: none;
    }
     .event__time-location {
         font-size: 20px;
    }
     .event__contact {
         margin: 0 0 30px;
    }
     .event__contact a {
         color: #000000;
         font-weight: 600;
         text-decoration: none;
    }
     .event__contact a:hover {
         color: #007B20;
    }
     .event__contact a[href^='tel:'] {
         color: inherit;
         font-weight: 400;
         text-decoration: none;
         padding-left: 30px;
         background-image: url("/_files/images/icons/phone-icon.svg");
         background-repeat: no-repeat;
         background-position: 0 center;
    }
     .event__add-to-calendar {
         margin-top: 35px;
    }
     .event__back {
         margin: 42px 0;
    }
     @media screen and (min-width: 1025px) {
         .event__back {
             margin: 67px 0 0;
        }
    }
     .event__back a {
         position: relative;
         color: #000000;
         font-weight: 700;
         text-decoration: none;
         padding-left: 17px;
    }
     .event__back a:hover {
         color: #007B20;
    }
     .event__back a:before {
         position: absolute;
         top: 10px;
         left: -3px;
         height: 7px;
         width: 16px;
         content: '';
         background-image: url("/_files/images/icons/icon-arrow-black.svg");
         background-repeat: no-repeat;
         background-size: contain;
         -webkit-transform: rotate(90deg);
         -ms-transform: rotate(90deg);
         transform: rotate(90deg);
    }
     @media screen and (min-width: 700px) {
         .event__back a:before {
             top: 12px;
        }
    }
     @media screen and (min-width: 1025px) {
         .event__back a:before {
             top: 14px;
        }
    }
     .event-listing {
         display: -webkit-flex;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         border-bottom: 3px solid #DEDEDE;
         padding: 26px 0;
    }
     @media screen and (min-width: 700px) {
         .event-listing {
             -webkit-align-items: center;
             -moz-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin: 0;
        }
    }
     @media screen and (min-width: 1025px) {
         .event-listing {
             padding: 33px 0;
        }
    }
     .event-listing__date {
         -webkit-flex: 0 0 83px;
         -moz-box-flex: 0;
         -ms-flex: 0 0 83px;
         flex: 0 0 83px;
         padding: 12px 0 0;
         height: 83px;
         width: 83px;
         vertical-align: middle;
         background-color: #0072BC;
         color: #FFFFFF;
         line-height: 1;
         text-align: center;
    }
     @media screen and (min-width: 1025px) {
         .event-listing__date {
             -webkit-flex: 0 0 108px;
             -moz-box-flex: 0;
             -ms-flex: 0 0 108px;
             flex: 0 0 108px;
             height: 108px;
             width: 108px;
             padding-top: 20px;
        }
    }
     .event-listing__date .month {
         display: block;
         font-size: 16px;
         letter-spacing: 3px;
         text-indent: 3px;
         text-transform: uppercase;
         margin-bottom: 6px;
    }
     @media screen and (min-width: 1025px) {
         .event-listing__date .month {
             font-size: 19px;
        }
    }
     .event-listing__date .day {
         font-size: 36px;
         font-weight: 700;
    }
     @media screen and (min-width: 1025px) {
         .event-listing__date .day {
             font-size: 44px;
        }
    }
     .event-listing__info {
         padding-left: 15px;
         width: 100%;
    }
     @media screen and (min-width: 700px) {
         .event-listing__info {
             padding-left: 36px;
        }
    }
     @media screen and (min-width: 1025px) {
         .event-listing__info {
             padding-left: 64px;
        }
    }
     .event-listing__info h2 {
         margin: 0 0 5px;
         padding-right: 5%;
         font-size: 20px;
         font-weight: 500;
         line-height: 1.33;
    }
     @media screen and (min-width: 1025px) {
         .event-listing__info h2 {
             font-size: 30px;
        }
    }
     .event-listing__info h2 a {
         color: #000000;
         text-decoration: none;
    }
     .event-listing__info h2 a:hover {
         color: #007B20;
    }
     .event-listing__time-location {
         font-weight: 600;
         line-height: 1.4;
         margin: 0;
    }
     @media screen and (min-width: 700px) {
         .event-listing__time-location {
             margin: 10px 0 0;
        }
    }
     .event-listing__time-location .time:after {
         content: '|';
         padding-left: 6px;
    }
     .event-listing__time-location .location {
         margin-left: 6px;
    }
     .addtocalendar var {
         display: none;
    }
     .atcb-link {
         display: block;
         cursor: pointer;
         color: #FFFFFF;
         text-decoration: none;
    }
     .atcb-link:hover {
         color: #FFFFFF;
    }
     @media screen and (min-width: 1025px) {
         .atcb-link:focus ~ ul, .atcb-link:active ~ ul, .addtocalendar:focus .atcb-link ~ ul, .addtocalendar:active .atcb-link ~ ul, .atcb-list:hover {
             visibility: visible;
        }
    }
     .addtocalendar.js-open .atcb-list {
         visibility: visible;
    }
     @media screen and (max-width: 1024px) {
         .addtocalendar:hover .atcb-link + ul {
             visibility: visible;
        }
    }
     .atcb-list {
         visibility: hidden;
         position: absolute;
         top: 0;
         left: calc(100% + 50px);
         width: 170px;
         z-index: 900;
    }
     @media screen and (max-width: 699px) {
         .atcb-list {
             left: 0;
             top: 52px;
             width: 210px;
             padding-top: 10px !important;
        }
    }
     .atcb-list, .atcb-item {
         list-style: none;
         margin: 0;
         padding: 0;
         background: #FFFFFF;
    }
     .atcb-item {
         float: none;
         text-align: left;
    }
     .atcb-item-link {
         text-decoration: none;
         display: block;
    }
     .atcb-item.hover, .atcb-item:hover {
         position: relative;
         z-index: 900;
         cursor: pointer;
         text-decoration: none;
         outline: none;
    }
     .icon--moon, .icon--Evening {
         display: block;
         text-indent: 100%;
         white-space: nowrap;
         overflow: hidden;
         border: 0;
         font: 0/0 a;
         text-shadow: none;
         color: transparent;
         background-color: transparent;
         display: inline-block;
         height: 29px;
         width: 27px;
         background-image: url("/_files/images/icons/moon.svg");
         background-repeat: no-repeat;
         background-size: contain;
    }
     @media screen and (min-width: 1025px) {
         .icon--moon, .icon--Evening {
             height: 44px;
             width: 40px;
        }
    }
     .icon--wifi, .icon--Online {
         display: block;
         text-indent: 100%;
         white-space: nowrap;
         overflow: hidden;
         border: 0;
         font: 0/0 a;
         text-shadow: none;
         color: transparent;
         background-color: transparent;
         display: inline-block;
         height: 29px;
         width: 27px;
         background-image: url("/_files/images/icons/wifi.svg");
         background-repeat: no-repeat;
         background-size: contain;
    }
     @media screen and (min-width: 1025px) {
         .icon--wifi, .icon--Online {
             height: 44px;
             width: 40px;
        }
    }
     .key {
         border: 1px solid #D9D9D9;
         margin: 0 15px 30px;
         padding: 30px 15px;
    }
     @media screen and (min-width: 700px) {
         .key {
             margin: 30px;
             padding: 30px 15px;
        }
    }
     @media screen and (min-width: 1025px) {
         .key {
             position: relative;
             margin: 43px auto;
             padding: 68px 44px 44px;
             max-width: 1200px;
        }
    }
     .key .item {
         clear: both;
         margin: 0 0 15px;
         height: 44px;
    }
     @media screen and (min-width: 700px) {
         .key__legend {
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
        }
    }
     @media screen and (min-width: 700px) {
         .key__legend .medium-wrap {
             float: left;
             width: 50%;
             padding-left: 36px;
        }
         .key__legend .medium-wrap:first-child {
             border-right: 1px solid #D9D9D9;
             padding-left: 0;
             padding-right: 36px;
        }
    }
     @media screen and (min-width: 1025px) {
         .key__legend .medium-wrap {
             float: none;
             width: auto;
             padding: 0;
             width: 33%;
        }
         .key__legend .medium-wrap .col {
             border-left: 1px solid #D9D9D9;
             padding-left: 46px;
        }
         .key__legend .medium-wrap:first-child {
             border-right: 0;
             padding-left: 0;
             padding-right: 0;
             width: 66%;
        }
         .key__legend .medium-wrap:first-child .col {
             float: left;
             width: 50%;
             padding-right: 36px;
             padding-left: 0;
             border: 0;
        }
    }
     .key__icon {
         float: left;
         margin: -5px 0 0;
         padding-top: 13px;
         height: 40px;
         width: 40px;
         border-radius: 50%;
         color: #FFFFFF;
         font-family: "Roboto", arial, sans-serif;
         font-size: 10px;
         font-weight: 900;
         text-align: center;
    }
     .key__icon.aa {
         background-color: #007B20;
    }
     .key__icon.as {
         background-color: #0072BC;
    }
     .key__icon.aas {
         background-color: #FFC100;
         color: #000000;
    }
     .key__icon.aos {
         background-color: #9D2945;
    }
     .key__desc {
         vertical-align: middle;
         margin-left: 78px;
         font-family: "Roboto", arial, sans-serif;
         font-size: 14px;
         line-height: 1.3;
         padding-top: 5px;
    }
     @media screen and (min-width: 1025px) {
         .key__desc {
             margin-left: 60px;
        }
    }
     .key__link {
         margin: 45px 0 0;
         line-height: 1.4;
    }
     @media screen and (min-width: 1025px) {
         .key__link {
             position: absolute;
             margin: 18px 0 0;
             left: 47px;
             width: 100%;
        }
         .key__link .after-link {
             display: block;
        }
    }
     main.meet {
         padding-top: 35px;
    }
     .meet__subtitle {
         font-size: 20px;
         font-weight: 600;
         border-bottom: 3px solid #DEDEDE;
         padding-bottom: 33px;
         margin: 0 0 36px;
    }
     @media screen and (min-width: 1025px) {
         .meet__subtitle {
             font-size: 30px;
        }
    }
     .meet__head {
         margin: 0 0 40px;
    }
     @media screen and (min-width: 700px) {
         .meet__head {
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
        }
    }
     .meet__image {
         margin: 0 0 40px;
    }
     @media screen and (min-width: 700px) {
         .meet__image {
             margin: 0;
             -webkit-flex: 0 0 50%;
             -moz-box-flex: 0;
             -ms-flex: 0 0 50%;
             flex: 0 0 50%;
             padding-right: 21px;
        }
    }
     @media screen and (min-width: 1025px) {
         .meet__image {
             padding-right: 45px;
        }
    }
     .meet .blockquote {
         padding-left: 15px;
         border-left: 4px solid #007B20;
         font-size: 20px;
         line-height: 1.5;
    }
     @media screen and (min-width: 700px) {
         .meet .blockquote {
             margin: 0;
             padding-left: 21px;
             border-left-width: 5px;
        }
    }
     @media screen and (min-width: 1025px) {
         .meet .blockquote {
             font-size: 45px;
             border-left-width: 7px;
             padding-left: 45px;
             line-height: 1.22;
        }
    }
     .subsite .meet .blockquote {
         border-left: 4px solid #006699;
    }
    /* Meet EOC individual person social media share icons, set to blue */
     .subsite .news__share .button.fb {
         filter: hue-rotate(99deg);
    }
     .subsite .news__share .button.twit {
         filter: hue-rotate(99deg);
    }
     .subsite .news__share .button.lin {
         filter: hue-rotate(99deg);
    }
     .subsite .meet-listing__info h2 a:hover{
         color: #006699;
    }
    /* CSS for EOC home page, which uses the class "subsite" for its body */
     .subsite .news-feature__header h2 a:hover {
         color: #006699;
    }
    /* Targets the arrow in "EOC News >" */
     .subsite .news-feature__header h2 a:after {
         filter: hue-rotate(99deg);
    }
     .subsite .news-feature__title a:hover {
         color: #006699;
    }
     .subsite .news-feature__title a:after {
         filter: hue-rotate(99deg);
    }
    /* CSS for EOC news page */
     .subsite .news-listing__info h2 a:hover {
         color: #006699;
    }
    /* This is to target the arrow at the end of the news-listing__info title */
     .subsite .news-listing__info h2 a.after-link:after {
         filter: hue-rotate(99deg);
    }
     .subsite .eoc-content .pager li.pager__active a {
         border-bottom: 4px solid #006699;
    }
     .subsite .eoc-content .pager li a {
         color: #006699;
    }
    /* Changing the color of an svg that's loaded via "background-image" in CSS is a pain, this is the best way I've found - via "filter" */
     .subsite .eoc-content .pagination .pager__prev:hover, .subsite .eoc-content .pagination .pager__next:hover {
         filter: hue-rotate(99deg);
    }
    /* Hover state */
     a.pager__prev:hover {
         color: #006699;
        /* Color to change to on hover */
        /* Additional styles for hover state */
    }
    /* For meet EOC hover on text */
     .subsite a.after-link:hover:after {
         background-image: url("/_files/images/icons/icon-arrow_cta-grn-ovr.svg");
         filter: hue-rotate(99deg);
    }
     .subsite .eoc-content .pager li.pager__active a {
         border-bottom: 4px solid #006699;
    }
    /* for social media icons to be blue in Contact the EOC section */
     .subsite .social-media a.fb {
         filter: hue-rotate(99deg);
    }
     .subsite .social-media a.fb:hover {
         filter: hue-rotate(99deg);
    }
     .subsite .social-media a.inst {
         filter: hue-rotate(99deg);
    }
     .subsite .social-media a.inst:hover {
         filter: hue-rotate(99deg);
    }
     .meet-listing {
         margin: 0 0 27px;
    }
     @media screen and (min-width: 700px) {
         .meet-listing {
             display: -webkit-flex;
             display: -moz-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-align-items: center;
             -moz-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin: 0 0 33px;
        }
    }
     @media screen and (min-width: 1025px) {
         .meet-listing {
             margin: 0 0 40px;
        }
    }
     .meet-listing__thumbnail {
         margin: 0 0 13px;
         max-width: 308px;
    }
     @media screen and (min-width: 700px) {
         .meet-listing__thumbnail {
             -webkit-flex: 0 0 308px;
             -moz-box-flex: 0;
             -ms-flex: 0 0 308px;
             flex: 0 0 308px;
             margin: 0;
        }
    }
     .meet-listing__info {
         width: 100%;
    }
     @media screen and (min-width: 700px) {
         .meet-listing__info {
             padding-left: 30px;
        }
    }
     .meet-listing__info h2 {
         margin: 0 0 5px;
         padding-right: 5%;
         font-size: 20px;
         font-weight: 500;
         line-height: 1.33;
    }
     @media screen and (min-width: 1025px) {
         .meet-listing__info h2 {
             font-size: 30px;
        }
    }
     .meet-listing__info h2 a {
         color: #000000;
         text-decoration: none;
    }
     .meet-listing__info h2 a:hover {
         color: #007B20;
    }
    /* Used to have ".content" before the class */
     ul.pagination {
         list-style-type: none;
    }
     .pagination li {
         display: inline-block;
    }
     .pagination {
         margin: 32px 0;
         text-align: center;
    }
     .pagination .pager__prev, .pagination .pager__next {
         display: block;
         text-indent: 100%;
         white-space: nowrap;
         overflow: hidden;
         border: 0;
         font: 0/0 a;
         text-shadow: none;
         color: transparent;
         background-color: transparent;
         display: inline-block;
         position: relative;
         height: 40px;
         width: 20px;
         margin-bottom: -4px;
    }
     @media screen and (min-width: 700px) {
         .pagination .pager__prev, .pagination .pager__next {
             margin-bottom: -5px;
        }
    }
     .pagination .pager__prev:after, .pagination .pager__prev:before, .pagination .pager__next:after, .pagination .pager__next:before {
         position: absolute;
         top: 4px;
         left: 0;
         height: 100%;
         width: 100%;
         content: '';
         display: inline-block;
         background-image: url("/_files/images/icons/icon-arrow_cta.svg");
         background-size: 14px;
         background-position: center;
         background-repeat: no-repeat;
         vertical-align: middle;
         transition: opacity .2s ease-in-out;
         opacity: 1;
    }
     @media screen and (min-width: 1025px) {
         .pagination .pager__prev:after, .pagination .pager__prev:before, .pagination .pager__next:after, .pagination .pager__next:before {
             background-size: 21px;
        }
    }
     .pagination .pager__prev:before, .pagination .pager__next:before {
         opacity: 0;
         background-image: url("/_files/images/icons/icon-arrow_cta-grn-ovr.svg");
    }
     .pagination .pager__prev:hover:after, .pagination .pager__next:hover:after {
         opacity: 0;
    }
     .pagination .pager__prev:hover:before, .pagination .pager__next:hover:before {
         opacity: 1;
    }
     .pagination .pager__prev:after, .pagination .pager__prev:before {
         -webkit-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
         transform: rotate(180deg);
    }
     .pagination .disabled {
         opacity: 0.2;
         cursor: default;
    }
     .pager {
         list-style: none;
         padding: 0;
         text-align: center;
         display: inline-block;
         margin: 0;
    }
     .pager li {
         display: inline-block;
         margin: 0;
         line-height: 1;
         padding: 0 2px;
    }
     @media screen and (min-width: 700px) {
         .pager li {
             padding: 0 8px;
        }
    }
     .pager li:first-child, .pager li.pager__active-sibling, .pager li.pager__active, .pager li.pager__active + li, .pager li:last-child {
         display: inline-block !important;
    }
    /*.content .pager li:first-child:nth-last-child(n+7) ~ li {
         display: none;
         * 
    }
     */
     .pager li:first-child:nth-last-child(n+7) ~ li.pager__active-sibling:before {
        /*content: "\2026";
         */
         font-size: 24px;
         display: inline-block;
         margin-right: 5px;
         margin-left: -5px;
    }
     .pager li:first-child:nth-last-child(n+7) ~ li.pager__active + li:after {
        /*content: "\2026";
         */
         font-size: 24px;
         display: inline-block;
         margin-left: 5px;
         margin-right: -5px;
    }
     .pager li:first-child:nth-last-child(n+7) ~ li:nth-last-child(-n+5) {
         display: inline-block;
    }
     .pager li:first-child:nth-last-child(n+7) ~ li:nth-last-child(5):before {
         font-size: 24px;
         display: inline-block;
         margin-right: 5px;
         margin-left: -5px;
    }
    /*.content .pager li:first-child:nth-last-child(n+7) ~ li:nth-child(-n+2):before, .content .pager li:first-child:nth-last-child(n+7) ~ li:nth-child(-n+2):after, .content .pager li:first-child:nth-last-child(n+7) ~ li:nth-last-child(-n+2):before, .content .pager li:first-child:nth-last-child(n+7) ~ li:nth-last-child(-n+2):after, .content .pager li:first-child:nth-last-child(n+7) ~ li.pager__active-sibling:nth-last-child(-n+4):before, .content .pager li:first-child:nth-last-child(n+7) ~ li.pager__active-sibling:nth-last-child(-n+4):after {
         display: none !important;
    }
     */
    /*.content .pager li:first-child:nth-last-child(n+7).pager__active ~ li:nth-last-child(-n+5), .content .pager li:first-child:nth-last-child(n+7) ~ li.pager__active ~ li:nth-last-child(-n+5) {
         display: none;
    }
     */
    /*.content .pager li:first-child:nth-last-child(n+7).pager__active ~ li:nth-last-child(-n+5):before, .content .pager li:first-child:nth-last-child(n+7) ~ li.pager__active ~ li:nth-last-child(-n+5):before {
         display: none;
    }
     */
     .pager li:first-child:nth-last-child(n+7).pager__active ~ li:nth-child(-n+5), .pager li:first-child:nth-last-child(n+7) ~ li.pager__active ~ li:nth-child(-n+5) {
         display: inline-block;
    }
    /* .content .pager li:first-child:nth-last-child(n+7).pager__active ~ li:nth-child(-n+4):after, .content .pager li:first-child:nth-last-child(n+7) ~ li.pager__active ~ li:nth-child(-n+4):after {
         display: none;
    }
     */
     .pager li:first-child:nth-last-child(n+7).pager__active ~ li:nth-child(5):after, .pager li:first-child:nth-last-child(n+7) ~ li.pager__active ~ li:nth-child(5):after {
        /*content: "\2026";
         */
         font-size: 24px;
         display: inline-block;
         margin-left: 5px;
         margin-right: -5px;
    }
    /*.content .pager li:first-child:nth-last-child(n+7).pager__active:before, .content .pager li:first-child:nth-last-child(n+7).pager__active:after, .content .pager li:first-child:nth-last-child(n+7) ~ li.pager__active:before, .content .pager li:first-child:nth-last-child(n+7) ~ li.pager__active:after {
         display: none;
    }
     */
     .pager li.pager__active a {
         border-bottom: 4px solid #007B20;
         color: #000000;
         margin-bottom: 0;
    }
     .pager li a {
         text-decoration: none;
         display: inline-block;
         height: 32px;
         width: 24px;
         vertical-align: middle;
         font-weight: 600;
         transition: .2s ease-in-out;
    }
     .back-to-top {
         display: block;
         text-indent: 100%;
         white-space: nowrap;
         overflow: hidden;
         border: 0;
         font: 0/0 a;
         text-shadow: none;
         color: transparent;
         background-color: transparent;
         position: fixed;
         right: 0;
         bottom: 0;
         z-index: 100;
         height: 40px;
         width: 40px;
         background-color: #007B20;
         background-image: url("/_files/images/icons/icon-arrow_cta-white.svg");
         background-position: center;
         background-size: 12px 16px;
         background-repeat: no-repeat;
         -webkit-transform: rotate(270deg);
         -ms-transform: rotate(270deg);
         transform: rotate(270deg);
         transition: all 0.3s ease-in-out;
         cursor: pointer;
    }
     .subsite .back-to-top {
         background-color: #006699;
    }
     @media screen and (min-width: 700px) {
         .back-to-top {
             height: 55px;
             width: 55px;
             background-size: 16px 22px;
        }
    }
     @media screen and (min-width: 1025px) {
         .back-to-top {
             opacity: 0.6;
             height: 70px;
             width: 70px;
             background-size: 18px 25px;
        }
         .back-to-top:hover {
             opacity: 1;
             color: #000000;
        }
    }
    /* Form Submit Button */
     .form-submit{
         margin:0px !important;
    }
     img.image-no-resize, #bbox-root img, .rbox-loading-gif {
         width: auto !important;
    }
     .table--plain {
         border-collapse: collapse;
         border-spacing: 0px;
         border-color: transparent;
    }
    /* divtable */
     .divTable{
         display: table;
         width: 100%;
    }
     .divTableRow {
         display: table-row;
    }
     .divTableHeading {
         background-color: #EEE;
         display: table-header-group;
    }
     .divTableCell, .divTableHead {
        /*border: 1px solid #999999;
         */
         display: table-cell;
         padding: 3px 10px;
    }
     .divTableHeading {
         background-color: #EEE;
         display: table-header-group;
         font-weight: bold;
    }
     .divTableFoot {
         background-color: #EEE;
         display: table-footer-group;
         font-weight: bold;
    }
     .divTableBody {
         display: table-row-group;
    }
     .text-right {
         text-align: right;
         white-space: nowrap;
         width: 10%;
    }
     #staffews input[type="checkbox"], .content__object input[type="checkbox"], .content input[type="checkbox"], .content-old input[type="checkbox"], .content-new-margin input[type="checkbox"] {
         -webkit-appearance: checkbox !important;
         -moz-appearance: checkbox !important;
    }
     #prodchat img {
         width: auto !important;
    }
     #guidedFieldSelectors input[type="radio"], .rbox-field-wrapper input[type="radio"], .content__object input[type="radio"], .content input[type="radio"], .content-old input[type="radio"], .content-new-margin input[type="radio"]{
         -webkit-appearance: radio !important;
         -moz-appearance: radio !important;
    }
     #st_gdpr_iframe {
         display: none;
    }
    /* Faculty Staff Directory Search Custom */
     .hvcc_faculty_directory_input {
         margin:15px !important;
         padding:10px !important;
         width:65% !important;
    }
     .hvcc_faculty_directory_input_first {
         margin-left:0px !important;
    }
     .table--plain tbody tr:nth-child(even){
        /*background-color: #FFFFFF !important;
         */
    }
     .table--plain tbody tr {
         border-bottom: 0 !important;
    }
     .table--plain td {
         font-weight: normal !important;
    }
     @media screen and (min-width: 1025px) {
         .table--plain td {
             padding-bottom: 0px !important;
        }
    }
     @media screen and (min-width: 700px) {
         .table--plain td {
             border-bottom: 0 !important;
             padding-bottom: 10px !important;
        }
    }
    /*# sourceMappingURL=maps/main.css.map */
    /* Heading Link Formatting */
     div.horizontal__title a {
         text-decoration: none;
         color: #000000;
         transition: 0.2s ease-in-out;
    }
     div.horizontal__title a:hover {
         color: #007B20;
    }
     div.horizontal__title a:hover:after {
         background-image: url("/_files/images/icons/icon-arrow_cta-grn-ovr.svg");
    }
     div.horizontal__title a:after {
         display: inline-block;
         height: 13px;
         width: 13px;
         margin-left: 3px;
         content: '';
         background-image: url("/_files/images/icons/icon-arrow_cta-grn-ovr.svg");
         background-image: url("/_files/images/icons/icon-arrow_cta.svg");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: center center;
         transition: 0.2s ease-in-out;
    }
     @media screen and (min-width: 1025px) {
         div.horizontal__title a:after {
             height: 16px;
             width: 16px;
             margin-left: 6px;
             margin-bottom: 0px;
        }
    }
     @media screen and (max-width: 700px) {
         iframe#sensusaccess {
             height: 1250px !important;
        }
    }
     table caption {
         caption-side: bottom;
         text-align: left;
         border: 0;
         font-size: 80%;
         font-style: italic;
    }
     table caption:before {
         content: "Table Caption: ";
    }
     .search-form-wrap{
         background-color:#007b20;
         display:block;
         padding:7px 10px 10px 10px;
         margin-bottom:10px;
         width:auto;
    }
     .hvcc-search-icon{
         width:20px;
         display:inline-block !important;
         margin-bottom:-5px;
    }
     #search__input__footer{
        /*width:85%;
         */
         border: 0px solid #000;
         padding: 5px;
    }
     #footer-search-btn {
         display: inline-block;
         background-color: #01B530;
         border: 0px;
         padding: 5px;
         padding-right: 7px;
         padding-left: 7px;
         margin-left: 5px;
    }
    /* * * Shopping Cart and Checkout Styling * */
     .add-to-cart{
         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007b20), color-stop(1, #01b530));
         background:-moz-linear-gradient(top, #007b20 5%, #01b530 100%);
         background:-webkit-linear-gradient(top, #007b20 5%, #01b530 100%);
         background:-o-linear-gradient(top, #007b20 5%, #01b530 100%);
         background:-ms-linear-gradient(top, #007b20 5%, #01b530 100%);
         background:linear-gradient(to bottom, #007b20 5%, #01b530 100%);
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007b20', endColorstr='#01b530',GradientType=0);
         background-color:#007b20;
         -moz-border-radius:24px;
         -webkit-border-radius:24px;
         border-radius:24px;
         border:1px solid #4b8f29;
         display:inline-block;
         cursor:pointer;
         color:#ffffff;
         font-family:Arial;
         font-size:12px;
         font-weight:bold;
         padding:3px 7px;
         text-decoration:none;
         text-shadow:0px 1px 0px #5b8a3c;
        /* Fixed Width */
         width:85px;
    }
     .add-to-cart:hover {
         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #01b530), color-stop(1, #007b20));
         background:-moz-linear-gradient(top, #01b530 5%, #007b20 100%);
         background:-webkit-linear-gradient(top, #01b530 5%, #007b20 100%);
         background:-o-linear-gradient(top, #01b530 5%, #007b20 100%);
         background:-ms-linear-gradient(top, #01b530 5%, #007b20 100%);
         background:linear-gradient(to bottom, #01b530 5%, #007b20 100%);
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01b530', endColorstr='#007b20',GradientType=0);
         background-color:#01b530;
    }
     .remove-from-cart{
         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007b20), color-stop(1, #01b530));
         background:-moz-linear-gradient(top, #007b20 5%, #01b530 100%);
         background:-webkit-linear-gradient(top, #007b20 5%, #01b530 100%);
         background:-o-linear-gradient(top, #007b20 5%, #01b530 100%);
         background:-ms-linear-gradient(top, #007b20 5%, #01b530 100%);
         background:linear-gradient(to bottom, #007b20 5%, #01b530 100%);
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007b20', endColorstr='#01b530',GradientType=0);
         background-color:#007b20;
         -moz-border-radius:24px;
         -webkit-border-radius:24px;
         border-radius:24px;
         border:1px solid #4b8f29;
         display:inline-block;
         cursor:pointer;
         color:#ffffff;
         font-family:Arial;
         font-size:12px;
         font-weight:bold;
         padding:3px 7px;
         text-decoration:none;
         text-shadow:0px 1px 0px #5b8a3c;
        /* Fixed Width */
         width:85px;
    }
     .remove-from-cart:hover {
         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #01b530), color-stop(1, #007b20));
         background:-moz-linear-gradient(top, #01b530 5%, #007b20 100%);
         background:-webkit-linear-gradient(top, #01b530 5%, #007b20 100%);
         background:-o-linear-gradient(top, #01b530 5%, #007b20 100%);
         background:-ms-linear-gradient(top, #01b530 5%, #007b20 100%);
         background:linear-gradient(to bottom, #01b530 5%, #007b20 100%);
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01b530', endColorstr='#007b20',GradientType=0);
         background-color:#01b530;
    }
    /* Exists on the checkout page */
     .checkout-button{
         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffb300), color-stop(1, #ffde85));
         background:-moz-linear-gradient(top, #ffb300 5%, #ffde85 100%);
         background:-webkit-linear-gradient(top, #ffb300 5%, #ffde85 100%);
         background:-o-linear-gradient(top, #ffb300 5%, #ffde85 100%);
         background:-ms-linear-gradient(top, #ffb300 5%, #ffde85 100%);
         background:linear-gradient(to bottom, #ffb300 5%, #ffde85 100%);
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb300', endColorstr='#ffde85',GradientType=0);
         background-color:#ffb300;
         -moz-border-radius:24px;
         -webkit-border-radius:24px;
         border-radius:24px;
         border:1px solid #ffb300;
         cursor:pointer;
         color:#000000;
         font-family:Arial;
         font-size:14px;
         font-weight:bold;
         padding:3px 7px;
         text-decoration:none;
         text-shadow:0px 1px 0px #ffb300;
    }
     .checkout-button:hover {
         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffde85), color-stop(1, #ffb300));
         background:-moz-linear-gradient(top, #ffde85 5%, #ffb300 100%);
         background:-webkit-linear-gradient(top, #ffde85 5%, #ffb300 100%);
         background:-o-linear-gradient(top, #ffde85 5%, #ffb300 100%);
         background:-ms-linear-gradient(top, #ffde85 5%, #ffb300 100%);
         background:linear-gradient(to bottom, #ffde85 5%, #ffb300 100%);
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde85', endColorstr='#ffb300',GradientType=0);
         background-color:#ffde85;
    }
    /* Shopping Cart Icon from FontAwesome */
     .fa-shopping-cart{
         padding-left:0px;
         padding-right:5px;
    }
    /* Cart Count Badge */
     .cart-badge {
         background-color: #FFFFFF;
         border-radius: 70%;
         color: #000000;
        /*height: 16px !important;
         */
         min-width: 30px !important;
        /*padding: 1px 9px 1px 9px !important;
         */
         display:inline-block !important;
         text-align: center;
         margin-left:10px !important;
    }
    /* Checkout Summary Page : darker bckground for easier viewing */
     #cart-checkout-table tbody tr:nth-child(even){
         background-color:rgba(211, 211, 211, 0.74);
    }
    /* Div-style table for summary and controls on checkout */
     .comm-ed-table{
         display: table;
         width: 60%;
         float: right;
         margin-bottom:20px;
    }
     .comm-ed-tablerow {
         display: table-row;
    }
     .comm-ed-tablecell {
         text-align:right;
         display: table-cell;
         padding: 0 0 10px 0 !important;
         float: right;
    }
     .mock-seperator{
         margin-bottom:10px !important;
         border-bottom: 1px solid black;
         width:155px;
    }
    /* Handling checkout for phone display to shift with orientation of HTML tables */
     @media only screen and (max-width: 600px) {
         .divTable{
             float: left;
        }
         .divTableCell {
             text-align:left;
             float: left;
        }
    }
    /* Error Highlighting for visual effects */
     .error-highlight{
         border: 2px solid #d42020;
         border-radius: 7px;
    }
     .error-highlight:focus{
         outline: none;
         border-color: #d42020;
         box-shadow: 0 0 10px #b11919;
    }
     .error-highlight-row{
         border: 2px solid #d42020;
         box-shadow: 0 0 10px 4px #b11919;
    }
     #errorLog{
         font-weight:bold;
         color:#d42020;
    }
    /* ============================== */
    /* Radu */
    /* == Section Menu -> Sidebar == */
    /* ============================== */
    /* For Parent Div Container, to replace the class 'content' */
     .content-new-margin {
         margin: 1.5%;
    }
     @media screen and (max-width: 480px) {
         .content-new-margin {
             margin: 2.5%;
        }
    }
     @media screen and (min-width: 481px) and (max-width: 700px) {
         .content-new-margin {
             margin: 2%;
        }
    }
     @media screen and (min-width: 1025px) {
         .content-new-margin {
             margin: 1.25%;
        }
    }
     .list-columns {
         column-count: 2;
         column-gap: 25px;
    }
     @media (min-width: 700px) {
         .list-columns {
             column-count: 3;
             column-gap: 25px;
        }
    }
    /* 2 below css classes are for www.hvcc.edu/dept-academic/business-liberalarts/education-social-sciences/conceptual-framework.html */
     .p-conceptual-framework-diagram {
         justify-content: center;
         display: flex;
    }
     @media screen and (max-width: 750px) {
         .conceptual-framework-diagram {
             width: 100%;
        }
    }
    /* still valid for pages with no sidebar (ie: Tobacco-Free, Students, etc) */
    /* I have to call it "content-old" instead of "content," b/c the actual HP uses "content" instead, but it has a different style */
     .content-old {
         margin: 0 15px;
         padding-top: 25px;
    }
     @media screen and (min-width: 700px) {
         .content-old {
             margin: 0 30px;
             padding-top: 60px;
        }
    }
     @media screen and (min-width: 1025px) {
         .content-old {
             margin: 0 auto;
             max-width: 800px;
             padding-top: 80px;
        }
    }
     @media screen and (min-width: 1300px) {
         .content-old {
             margin: 0 auto;
             max-width: 1000px;
        }
    }
    /*.event-block-parent {
         */
        /* display: block;
         */
        /* width: 100%;
         */
        /* padding: 3px;
         */
        /* 
    }
     */
    /*.event-block-parent:nth-child(even) {
         */
        /* background-color: #FAFAFA;
         */
        /* 
    }
     */
     .event-block-parent:nth-of-type(even) {
         background-color: #FAFAFA;
    }
     .event-block-spacing {
         padding-left: 2% !important;
         /*border-bottom: 1px solid #4F575C;*/
    }
     @media screen and (max-width: 600px) {
         .event-block-spacing {
             padding-left: 3% !important;
             /*border-bottom: 1px solid #4F575C;*/
        }
    }
    /* Divide the container into 15% for the sidebar, and 85% for the rest of the content */
    /* Used to be 700px */
     @media screen and (min-width: 874px) {
         #sidemenu_and_maincontent_parent {
             display: grid;
             grid-template-columns: 21fr 79fr;
             grid-gap: 11px;
        }
    }
    /* Used to be 699px */
     @media screen and (max-width: 874px) {
         #sidemenu_and_maincontent_parent {
             display: block;
        }
    }
    /* There is a little gap of white space at the top for some reason, probably the way the navigation menu is setup, so this is a tempory fix potentially -Radu*/
     .content_sidebar_left {
         margin: 1px 0 0 0;
    }
     @media screen and (max-width: 874px){
         .content_sidebar_left {
             margin: 10px 0 20px 0;
        }
    }
    /* these 2, for breadcrumbs */
     .container__inner__breadcrumb {
         display: flex;
         align-items: center;
         padding-top: 10px;
    }
    /* .container__inner__breadcrumb ul {
         */
        /* display: flex;
         */
        /* 
    }
    
    
    /* Admissions Events block styling for drafts page only, Radu */
    /* .content-old .main .hh-events .hh-module .content__full-width .event-feature .event-feature__wrapper .event-feature__wrapper */
    .content-old .main .hh-events .event-feature__wrapper .event-feature__item, .content .hh-module .content__full-width .event-feature .event-feature__wrapper .event-feature__item {
        opacity: 1 !important;
        color: #FFF;
    }
    
    .content-old .main .hh-events .event-feature__wrapper .event-feature__item .event-feature__time, .content .hh-module .content__full-width .event-feature .event-feature__wrapper .event-feature__item .event-feature__time {
        opacity: 1 !important;
    }
    
    .content-old .main .hh-events .event-feature__wrapper .event-feature__item:nth-child(odd), .content .hh-module .content__full-width .event-feature .event-feature__wrapper .event-feature__item:nth-child(odd) {
        background: rgba(74, 54, 135, 0.9);
    }
    .content-old .main .hh-events .event-feature__wrapper .event-feature__item:nth-child(even), .content .hh-module .content__full-width .event-feature .event-feature__wrapper .event-feature__item:nth-child(even) {
        background: rgba(79, 87, 92, 0.9);
    }
    
     
    /* CAREER COACH WIDGET CUSTOMIZATIONS */
     .cc-content {
         font-family: "Roboto", arial, sans-serif !important;
    }
     .cc-card {
         height: auto !important;
         box-shadow: none !important;
         border: 1px solid #D9D9D9;
         width: auto !important;
         max-width: 350px !important;
    }
     .cc-card .play-pause-button {
         width: 100%;
    }
     .cc-content-title {
         min-height: 100px !important;
    }
     .cc-content-salary, .cc-content-title {
         margin-bottom: 10px !important;
    }
     .arrow-button image {
         display: none;
    }
     .cc-card .footer {
         display: none;
    }
     .cc-content-link {
         display: table !important;
         position: relative !important;
         padding: 14px 25px !important;
         color: #FFFFFF !important;
         font-size: 14px !important;
         font-weight: 700 !important;
         text-decoration: none !important;
         margin-bottom: 15px !important;
         background: #007B20 !important;
         border-radius: 0 !important;
    }
     .cc-content-link:after {
         position: absolute !important;
         top: 0 !important;
         left: 100% !important;
         width: 46px !important;
         height: 100% !important;
         display: inline-block !important;
         content: '' !important;
         background-image: url("/_files/images/icons/icon-arrow_cta-white.svg") !important;
         background-position: center center !important;
         background-repeat: no-repeat !important;
         background-size: 8px 11px !important;
         transition: 0.2s ease-in-out !important;
    }
     .cc-content-link:after {
         background-color: #01B530 !important;
    }
     .cc-content-link:hover {
         color: #FFFFFF !important;
    }
     .cc-content-link:hover:after {
         background-color: #000000 !important;
    }