@font-face { font-family: 'blackswordregular'; src: url('../fonts/blacksword.woff') format('woff'); font-weight: normal; font-style: normal; }
/* VARIABLE DECLARATIONS
Whites and Grays
#FAFAFA
#707070
#E8E8E8
#FFFFFF
#C8C8C8
Greens
#006643
#025337
#034B33
#58A618  #025B3C
#035B3D
#025B3C
*/
:root {
  /*FONT VARIABLES*/
  --interstateRegular: Interstate, sans-serif;
  --blacksword: blackswordregular, cursive;
  --garamond: adobe-garamond-pro, serif;
  /*COLOR VARIABLES*/
  --baseFont: #201F20;
  --baseFontTransparent: rgba(32, 31, 32, .9);
  --white: #FFFFFF;
  --gray: #C8C8C8;
  --grayBG: #FAFAFA;
  --black: #000000;
  --blackTransparent: rgba(32, 31, 32, 0.9);
  --hoverGray: #DCDCDC;
  --mainGreen: #006643;
  --mainGreenTransparent: #006643f5;
  --subGreen: #034B33;
  --lightGreen: #025337;
  --accentGreen: #035B3D;
  --bgGreen: 2, 91, 60;
  --darkGreen: #034B33;
  --alertOrange: #B88B00;
  --alertGray: #008B95;
  --alertRed: #772432;
  --alertBlue: #008b95;
  --alertYellow: #b88b00;
  --yellow: #b88b00;
  /* OTHER VARIABLES */
  --transition: all .25s ease;
}
/* END VARIABLE DECLARATIONS */

/* RESETS */
*, *::before, *::after { -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; width:100%; overflow-x: hidden; scroll-behavior: smooth; }
html, body { height:100%; width:100%; background-color: var(--grayBG); }
img, picture, video, canvas, svg, iframe { max-width: 100%; }
input, button, textarea, select { font: inherit; }
input[type=submit], input[type=text], input[type=email], input[type=url], input[type=password] { -webkit-appearance: none; -moz-appearance: none; border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, .header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
h1, h2, h3, h4, h5, h6 { width: 100%; display: block; }
em { font-style:italic; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, .header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
sup { vertical-align: super; font-size:.875em;}
ol li { padding-left: 5px; }
.wysiwygContent p { margin-bottom:1.25rem; }
.wysiwygContent p:last-child { margin-bottom: 0; }
.wysiwygContent ul, .wysiwygContent ol { margin-left:32px; margin-bottom: 2rem; }
.wysiwygContent ul ul, .wysiwygContent ol ol { margin-left:32px; margin-bottom: .5rem; }

.wysiwygContent ul li, .wysiwygContent ol li { margin-bottom: 0.5rem; }
.bg.white { background-color: var(--white); }
/* END RESETS */

/* GLOBAL STYLES */
.hidden { display: none!important; }
.loadingContent { visibility: hidden; }
/*.container, .wrapper { margin-left: auto; position:relative; margin-right: auto; }*/
.wrapper-1280, .wrapper {  position: relative; max-width:1280px; width:100%; margin-left: auto; margin-right: auto; }
.wrapper-1440 { position: relative; max-width:1440px; width:100%; margin-left: auto; margin-right: auto; }
/* responsive iframe */
.iframe-container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */}
.iframe-container iframe {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
.sr-only { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
.screenreader { position: fixed; top: 0; z-index: 99999; }
.screenreader a { position: absolute; width: 260px; padding: 10px; left: -100000px; background-color: #005C56; color: var(--white); font-weight: bold; text-decoration: none; line-height: 1.4; text-align: center; }
.screenreader a:hover { text-decoration: underline; }
.screenreader a:focus { left: 0; top: 0; }
/* Functional Requirements */
.align-right { text-align: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.interstate { font-family: var(--interstateRegular); }
.blacksword { font-family: var(--blacksword); }
.headline-link {}
a.ctaButton, .ctaButton  { display:inline-block; font-family: var(--interstateRegular); font-size:1rem; font-weight:600!important; letter-spacing: 0.4px; margin:1.25rem 0; padding: 12.5px 50px; text-transform: uppercase; text-decoration: none; border: 2px solid var(--mainGreen); color: var(--baseFont)!important; transition: var(--transition); }
a.ctaButton:focus, .ctaButton:focus, a.ctaButton:hover, .ctaButton:hover { background:var(--mainGreen)!important; color: var(--white)!important; transition: var(--transition); cursor: pointer; }
.readMore { text-decoration: underline; font: normal normal normal 16px/24px var(--interstateRegular); font-weight: 500; letter-spacing: 0px; color: var(--mainGreen); }
.allLink { text-decoration: underline; font: normal normal 500 18px/24px var(--interstateRegular); letter-spacing: -1px; color: var(--mainGreen); }
.arrowLink { position:relative; display:inline-block; font: normal normal 500 1.75rem/32px var(--interstateRegular); margin:.75rem 0; letter-spacing: 0px; color: var(--baseFont); text-transform: capitalize; text-decoration: none; }
.arrowLink:after { position: absolute; right:-30px; top:2px; width:20px; content: url('../images/chevron-forward-outline.svg'); transition: var(--transition); }
.arrowLink:hover:after, .arrowLink:focus:after { right:-38px; transition: var(--transition); }
.float-left { float: left; margin-right: 1.5rem; }
.float-right { float: right; margin-left: 1.5rem;  }
hr { width: 70%; border-bottom: 1px solid var(--mainGreen); }

h1, .h1 { font-size: 3rem; color: var(--mainGreen); font-family: var(--interstateRegular); font-weight: 700; margin-bottom:1rem; line-height: 1.2; }
h2 { font-size: 2.25rem; color: var(--mainGreen); font-family: var(--interstateRegular); font-weight: 600; margin-bottom:1rem; letter-spacing: -1px; line-height: 1.2; text-transform: uppercase; }
h3 { font-size: 2rem; color: var(--mainGreen); font-family: var(--interstateRegular); font-weight: 500; margin-bottom:1rem; letter-spacing: -1px; line-height: 1.2; text-transform: uppercase; }
h4 { font-size: 1.75rem; color: var(--mainGreen); font-family: var(--interstateRegular); font-weight: 500; margin-bottom:1rem; line-height: 1.2; }
h5 { font-size: 1.5rem; color: var(--mainGreen); font-family: var(--interstateRegular); font-weight: 500; margin-bottom:1rem; line-height: 1.2; }
h6 { font-size: 1.125rem; color: var(--mainGreen); font-family: var(--interstateRegular); font-weight: 500; margin-bottom:1rem; line-height: 1.2; }
.callout { font-size: 1.75rem; color: var(--mainGreen); font-family: var(--garamond); font-weight: 400; margin-bottom:1rem; letter-spacing: -1px; line-height: 1.2; text-transform: none; }

@media only screen and (max-width: 960px) {
  h1, .h1 { font-size: 2.625rem; }
}
p, ul, ol, span, strong, a { font-family: var(--interstateRegular); line-height: 1.5rem; }
#st-1 .st-btn > span { line-height: 2rem; }
.content p { margin-bottom: 1rem; }
.subtitle { color: var(--mainGreen); font: normal normal normal 45px/32px var(--blacksword); letter-spacing: 0px; }
.cell.bg { padding: clamp(2vw, 2rem, 3vw) clamp(2vw, 5rem, 3vw); }
.three .cell.bg { padding: 1rem; }
.cell.bg.white { background: var(--white); }
.cell.bg.green { background: var(--mainGreen); }
.cell.bg.green * { color: var(--white); }
.cell.bg.green a.ctaButton { border-color: var(--white); background: transparent; color: var(--white); }
.cell.bg.green a.ctaButton:hover, .cell.bg.green a.ctaButton:focus { background: var(--white); color: var(--baseFont); }
.anim { position: relative; transition: 5s all ease; }
strong.scrolling-left { position: absolute; display:inline-block; font-size:115px; font-family: var(--interstateRegular); font-weight:600; right:-55%; top: 2.5rem; width:auto; letter-spacing:0; color: var(--white); -webkit-text-stroke: 2px var(--subGreen); opacity: 0.1; z-index:0; }
strong.scrolling-left.active { transform: translateX(-50%); }
h3.scrollTitle { position: relative; z-index: 1; text-align: center; }
/*UI Elements*/
a { color: inherit; }
.content p a, .wysiwygContent p a, .wysiwygContent ul a, .wysiwygContent ol a  { color: var(--mainGreen); font-weight: 400; }
.columns ul, .columns ol { margin-left:1.5rem; }

/* button { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; color: inherit; background-color: transparent; line-height: 1.1; outline: none; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } */
select { font-family: var(--interstateRegular); font-weight: 500; color: inherit; background-color: transparent; line-height: 1.188; padding: 15px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/chevron-down-outline.svg); background-repeat: no-repeat; padding-right: 48px; background-size: 50% 50%; background-position: calc(150% - 26px) 50%; max-width: 512px; border-width: 2px; border-style: solid; border-color: rgba(0, 102, 67, .25); }
select:hover, select:focus, select:focus-visible { outline: none; border-color: var(--mainGreen); }
.backgroundColor select { background-image: url(../images/chevron-down-outline-white.svg); }
select::-ms-expand { display: none; }
/* white UI element styling for black backgrounds */
.blackBackground { background-color: var(--black); color: var(--white); }
.blackBackground h2, .blackBackground h3, .blackBackground h4, .blackBackground h5 { color: var(--white); transition: var(--transition); }
.blackBackground select, .blackBackground button, .blackBackground a.button { border-color: var(--white); color: var(--white); transition: var(--transition); }
.blackBackground select option { background-color: var(--black); }
.blackBackground select { background-image: url(../images/chevron-down-outline-white.svg); }
.blackBackground button { background-color: transparent; }
.blackBackground select:hover, .blackBackground select:focus, .blackBackground button:hover, .blackBackground button:focus, .blackBackground a.button:hover, .blackBackground a.button:focus { background-color: rgba(255, 255, 255, .25); }
.grayBackground { background-color: var(--gray); }
.fa.fa-play, .fa.fa-play { position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; width: 40%; height: 75px; z-index: 3; }
.fa.fa-play:before, .fa.fa-play:before { content: url(../images/play-btn.svg); position: relative; z-index: 1; padding-left: 2px; font-size: 1.25rem; top: -9px; }

@media only screen and (max-width: 960px) {
  .desktopOnly { display: none !important; }
  .mobileOnly { display: block !important; }
  .ctaButton { display:block; text-align: center; }
}
@media only screen and (min-width: 961px) {
  .mobileOnly { display: none !important; }
  .desktopOnly { display: block !important; }
}

/*LAYOUT GRID*/
.section-padding { padding: 40px 30px; }
.grid { display: grid; grid-template-columns: repeat(11, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; grid-auto-rows: max-content; }
/*.cell { display: flex; flex-flow: column nowrap; }*/
.interior .mainContent { display: grid; grid-area: 4 / 1 / 8 / 12; padding: 0 1rem; max-width: 1280px; }
.sectionNavColumn { display: grid; grid-area: 4 / 2 / 6 / 4; flex-direction: column; padding: 0 30px 0 0; min-width: 281px; width: 100%; }
.interiorContent { display: grid; grid-area: 4 / 4 / 8 / 7; flex-direction: column; grid-template-rows: max-content; }
.landing .mainContent { display: grid; grid-area: 3 / 1 / 8 / 12; max-width: 100%; }
.landing .columns .wrapper { max-width: 1440px; padding: 0 30px; }
.columns video + .wysiwygContent, .columns img + .wysiwygContent { margin-top: 1.25rem; }

@media screen and (max-width: 960px) {
  .grid { grid-template-columns: repeat(1, 1fr); }
	.sectionNavColumn { grid-area: 3 / 1 / 3 / 12; width: 100%; min-width: 0; max-width: 100%; padding: 60px 0 40px 0; }
	.mainContent { grid-area: 3 / 1 / 8 / 12; }
	.interior .mainContent { padding: 0 30px 16px 30px; }
	.sectionNavColumn + .interiorContent { grid-area: 5 / 1 / 8 / 12; }
}

/*Columns*/
.columns { display:grid; }
.columns .one { display:grid; grid-template-columns: 1fr; }
.columns .two { display:grid; grid-template-columns: 1fr 1fr; gap:2rem; }
.columns .three { display:grid; grid-template-columns: 1fr 1fr 1fr; gap:2rem; }
.columns .four { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:2rem; }
.columns .oneTwo { display: grid; grid-template-columns: 32% 1fr; gap: 1.8rem; margin: 0 0 2.25rem 0; }
.columns .noGap { gap:0; }


/*.columns .cell { display: flex; flex-flow: column nowrap;  }*/

@media screen and (max-width:960px) {
  .columns .one,
  .columns .two,
  .columns .three,
  .columns .four,
  .columns .oneTwo { display:block; }
  .columns .two .cell:not(:last-child), .columns .three .cell:not(:last-child) { margin-bottom:2rem; }
}

/* VIDEO CONTENT OPTIONS*/
.videoContent { margin-bottom:0; position: relative; }
.videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 20px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.popupYoutube img{ width:100%; }

/*ALERT*/
/* Alert Message Button and Icons */
#alertButton { display: flex; align-items: center; position: absolute; left: 75px; top: 160px; font-weight: 600; z-index: 999999; }
#alertButton:focus { border: 1px solid var(--white); }
.toggleAlertBtn { background-color: var(--white); color: var(--baseFont); width: auto; height: auto; display: block; text-decoration: none; }
.toggleAlertBtn:before { color: var(--white); font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.75rem; vertical-align: top; }
.alertIcon { width: 75px; height: 75px; display: block; padding: 12px; text-decoration: none; }
.alertIcon:after { color: var(--white); font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.75rem; border: 4px solid var(--white); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding: 15px; }
.alert .alertIcon:before { padding: 15px 25px; }
.toggleAlertBtn:before, .alert .alertIcon:before { content: '\f071'; display: inline-block; padding: 1.25rem; }
.alertIcon { padding-left: 0; padding-right: 0; text-align: left; }
.toggleAlertBtn span { position: absolute; color: var(--baseFont); overflow: hidden; font-size: 1.125rem; }
.toggleAlertBtn span.alertToggleText { position: relative; display:inline-block; max-width: 500px; height: auto; padding: 10px 1.25rem; line-height: 1.125rem; z-index:1; }
.toggleAlertBtn span + span { position: absolute; left: -999999px; }
/* Alert Message Area */
.alert{ position: relative; background-color: var(--white); z-index: 99999; max-width: 800px; width: 100%; margin: auto; }
.alert.angledBorderFade { background-position: bottom; }
.alert .mfp-close { width: auto; line-height: 1; right: 0; top: auto!important; bottom: -3rem!important; font-size: 1rem; text-decoration: underline; padding: 10px 0 0 0; cursor: pointer; background-color: var(--darkBlue); }
.alertCloseBtn { position: absolute; right: 16px; top: 10px; font-size: .9rem; }
.alert .mfp-close span { pointer-events: none; }
.alert .mfp-close:before { display: none; }

/* Alert Message Area in Interior Content */
.alert .wrapper{ max-width: 1570px; width: 100%; padding-left: 15px; padding-right: 15px; }
.alert .subtitle { font-family: var(--interstateRegular); font-size:1.375rem; color: var(--baseFont); margin-bottom:1rem; }
.alert .summary { font-weight:400; color: var(--baseFont); line-height: 1.5; }
.alert .container:after { content: ''; clear: both; display: block; }
.alert .wrapper:after { content: ''; clear: both; display: block; }
.alertMessage { position: relative; font-size:.875rem; z-index: 9999; padding: 2rem 1.5rem; line-height: 1.75; }
.alertMessage .alertTitle { font-family: var(--interstateRegular); font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; }
.alertMessage .alertTitle:before { content: '\f071'; position: relative; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 2rem; padding: 0 12px 0 0; top: 0; vertical-align: middle; }
.alertMessage p { margin-bottom:1rem; }
/* Alert Message Colors */
.toggleAlertBtn.redBg:before { background-color: var(--alertRed); color: var(--white); }
.alert.redBg .alertMessage .alertTitle:before  { color: var(--alertRed); }
.toggleAlertBtn.grayBg:before { background-color: var(--alertGray); color: var(--white); }
.alert.grayBg .alertMessage .alertTitle:before { color: var(--alertGray); }
.toggleAlertBtn.orangeBg:before { background-color: var(--alertOrange); color: var(--white); }
.alert.orangeBg .alertMessage .alertTitle:before { color: var(--alertOrange); }
.toggleAlertBtn.blueBg:before { background-color: var(--alertBlue); color: var(--white); }
.alert.blueBg .alertMessage .alertTitle:before { color: var(--alertBlue); }
.toggleAlertBtn.yellowBg:before { background-color: var(--alertYellow); color: var(--white); }
.alert.yellowBg .alertMessage .alertTitle:before { color: var(--alertYellow); }

@media all and (max-width:1140px) {
  /* Alert Message Button and Icons */
  #alertButton { top: 75px; width: 100%; left: 0; right: 0; padding: 0; }
  .toggleAlertBtn span.alertToggleText { width: 77%; }
  .alertMessage { padding: 1rem 0.5rem; }
}

/* END ALERT */

/*HEADER*/
header { position: absolute; top:0; background-color: var(--mainGreenTransparent); width: 100%; height:95px; margin: 0; z-index:99999; }
header:focus-within { z-index:999999; }
header.shadow { position: fixed; top: 0; }
header input.hidden { position: absolute; display: inline; opacity: 0; z-index: 1; height: 50px; width: 60px; cursor: pointer; visibility: hidden; }
header .inner { display:flex; flex-direction:row; }
header .logo { flex-grow:1; padding: 1rem 2rem 0rem 80px; }
/*INFO FOR LINKS*/
#toggleQuicklinks { position: relative; background:transparent; border:0; padding: 1rem 1.75rem; margin: 1.25rem 0 0 0; width: 100%; cursor: pointer; transition: all 0.4s ease-in-out; }
#toggleQuicklinks span { font-family: var(--interstateRegular); font-size:.9375rem; letter-spacing: 0.75px; text-transform: uppercase; color:var(--white); text-decoration: none; }
#toggleQuicklinks:hover, #toggleQuicklinks:focus { color: var(--hoverGray); }
#toggleQuicklinks:after { display: inline-block; content: url(../images/icons/white-arrow-down.svg); padding: 2px 0 0 3px; width: 10px; vertical-align: top; transition: all 0.4s ease-in-out; }
#toggleQuicklinks .menuText { font-size: .9rem; }
.quicklinksMenu.open #toggleQuicklinks { background: var(--subGreen); }
.quicklinksMenu.open #toggleQuicklinks:after { transform: scaleY(-1); padding: 0px 0 4px 3px; }
.quicklinksMenu ul { position: absolute; width: 100%; padding: 1.25rem 0; margin: 0; list-style-type: none; }
.quicklinksMenu ul > li { margin-bottom: .25rem; }
.quicklinksMenu a { display: inline-block; color: var(--white); margin-bottom: 0; padding: 3px 23px; }
.quicklinksMenu #quicklinkSubMenu { display: none; position: relative; color: var(--white); background-color: var(--subGreen); z-index: 999; }
.quicklinksMenu #quicklinkSubMenu a {  color: var(--hoverGray); text-decoration: none; }
.quicklinksMenu #quicklinkSubMenu a:hover, .quicklinksMenu #quicklinkSubMenu a:focus { color: var(--white); text-decoration: underline; }
header .ctaLinks { width:23%; min-width:400px; padding:2.25rem 2.25rem 2.25rem .5rem; }
header .ctaLinks ul { display:flex; flex-direction:row; justify-content:space-between; list-style: none; margin-bottom: 0; margin-left: 0; }
header .ctaLinks ul li { position:relative; display:inline-block; }
header .ctaLinks ul li:hover a { color: var(--hoverGray); }
header .ctaLinks ul li a { font-family: var(--interstateRegular); font-size:.9375rem; letter-spacing: 0.75px; text-transform: uppercase; color:var(--white); text-decoration: none; }
header .search { position:relative; width: 7.5%; min-width:120px; }
header .search span { cursor: pointer; }
header .search .searchToggle { padding: 2.375rem 0.25rem; }
header .search .searchToggle label { position:relative; display:block; color:var(--white); }
header .search .searchToggle .searchIcon { position: relative; display:block; }
header .search .anim-search { position: absolute; display: inline-block; background-color: var(--white); width: 8px; height: 2px; top:-8px; transform: rotate(45deg); margin: 24px 1px 0 24px; transition: all 200ms ease-in-out; }
header .search .anim-search:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--white); transition: all 200ms ease-in-out; }
header .search .anim-search:after { position: absolute; content: ""; width: 19px; height: 19px; border-radius: 50%; margin-top: -9px; margin-left: -18px; box-shadow: 0 0 0 2px #fff inset; transition: all 200ms ease-in-out; }
header .search input#searchtoggle:checked + .searchToggle .anim-search { position:absolute; display:inline-block; width: 20px; margin: 1rem .25rem; left:6px; }
header .search input#searchtoggle:checked + .searchToggle .anim-search:before { transform: rotate(90deg); }
header .search input#searchtoggle:checked + .searchToggle .anim-search:after { opacity: 0; margin-top: 10px; margin-left: 0; width: 0; height: 0; }
header .search .searchBox { background: #172D60; visibility: hidden; height:auto; width:530px; position:absolute; top:-9999px; opacity:0; color:var(--white); transition: all ease-in-out .3s; }
header .search .searchBox label { display: block; font-size: .8rem; letter-spacing: .06rem; }
header .search .searchToggle label:hover, header .search .searchToggle label:focus { color:#BDC7DE; }
header .search .searchToggle label:hover .anim-search, header .search .searchToggle label:focus .anim-search,
header .search .searchToggle label:hover .anim-search:before, header .search .searchToggle label:focus .anim-search:before { background-color: #BDC7DE; }
header .search .searchToggle label:hover .anim-search:after, header .search .searchToggle label:focus .anim-search:after { box-shadow: 0 0 0 2px #BDC7DE inset; }
header .search input#searchtoggle:checked + .searchToggle + .searchBox {  opacity:1; visibility: visible; height: auto; width: 530px; position: absolute; bottom: -81px; top: auto; right: 20px; padding: 1rem; transition: all ease-in-out .3s; }
header .search input#searchBoxLabel { width: calc(100% - 35px); outline: 0; border: 0; height:35px; padding: 0.5rem; margin: 1rem 0 .5rem 0; }
header .search span.fa.fas-search { display: inline-block; font-family: montserrat, verdana, sans-serif; font-size: .875rem; font-weight: 300; line-height: 1.25rem; vertical-align: -webkit-baseline-middle; position: absolute; left: 45px; top: 1px; }
header .search .searchBox  button { position: relative; border: 1px var(--white) solid; border-left: 0; outline: 0; background: #214291; padding: 0; display: inline-block; top:-5px; width: 35px; height: 35px; margin-left:-5px; }
header .search .searchBox .anim-search { position: absolute; display: inline-block; background-color: var(--white); width: 8px; height: 2px; top: -2px; left: -4px; transform: rotate(45deg); margin: 24px 1px 0 24px; transition: all 200ms ease-in-out; }
header .search .searchBox .anim-search:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--white); transition: all 200ms ease-in-out; }
header .search .searchBox .anim-search:after { position: absolute; content: ""; width: 19px; height: 19px; border-radius: 50%; margin-top: -9px; margin-left: -21px; box-shadow: 0 0 0 2px #fff inset; transition: all 200ms ease-in-out; }
header .menuToggle { display:block; padding: 2rem; width: 160px; min-width:120px; height:95px; background:var(--accentGreen); color:var(--white); cursor: pointer; }
header .menuToggle:hover, header .menuToggle:focus-within { background: var(--darkGreen); }
header .menuToggle span.menuLabel { display: inline-block; position: absolute; right: 30px; top:2.125rem; font-family: var(--interstateRegular); font-size: .9375rem; text-transform: uppercase; cursor: pointer; }
header .menuToggle > span:not(.menuLabel):not(.nav-toggle) { display:none; }
header .menuToggle .nav-toggle { display:inline-block; position: relative; cursor: pointer; }
header .menuToggle .nav-toggle span { position: absolute; left: 0; top: 0; margin-left: 0.375vw; transition:all .2s ease; }
header .menuToggle .nav-toggle span, header .menuToggle .nav-toggle span:before, header .menuToggle .nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 2px; width: 1.5rem; background: white; position: absolute; display: block; content: ''; }
header .menuToggle .nav-toggle span:before { top: -8px; }
header .menuToggle .nav-toggle span:after { bottom: -8px; width: 18px; }
.topNav { position:absolute;  top:95px; left:0; bottom:0; right:0; background:rgba(var(--bgGreen), .98); opacity:0; z-index:-1; transition: all .5s ease-in-out; }
input#menutoggle:checked + nav { position:fixed; display:block; max-width:100vw; opacity:.97; overflow:auto; z-index:999999; transition: all .5s ease-in-out; }
input#menutoggle:checked + nav + header { position: fixed!important; display:block!important; opacity:1!important; top: 0!important; }
input#menutoggle:checked + nav + header .menuToggle { visibility: hidden; }
nav .menuToggle { position: fixed; display: block; top:0; right:0; width:160px; padding: 3rem 1rem; background: var(--accentGreen); color: var(--white); cursor: pointer; z-index:9999999; }
nav .menuToggle:hover, nav .menuToggle:focus { background: var(--darkGreen); }
nav .menuToggle .nav-toggle span { transform: rotate(45deg); transition:all .2s ease; }
nav .menuToggle .nav-toggle span, nav .menuToggle .nav-toggle span:before, nav .menuToggle .nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 2px; width: 1.5rem; background: white; position: absolute; display: block; content: ''; }
nav .menuToggle .nav-toggle span:before { top: 0px; transform: rotate(90deg); transition:all .2s ease; }
nav .menuToggle .nav-toggle span:after { display:none; }
nav .menuToggle .nav-toggle span { left: 2.25rem; }
nav .menuToggle span.menuLabel { display: inline-block; position: absolute; right: 40px; top: 2.475rem; font-size: .875rem; font-weight: 300; text-transform: uppercase; cursor: pointer; }
nav .mainNav { margin-left: auto; margin-right: auto; max-width: 1066px; width: 100%; display: block; margin-top: 40px; }
nav .mobileSubMenuToggle { position: absolute; display: inline; opacity: 0; z-index: 1; height: 24px; width: 24px; cursor: pointer; visibility: hidden; }
nav .main-nav li { display: inline-block; font-size: 1em; float: left; }
nav #mainMenu li a { font-size: 0.875em; font-family: montserrat, verdana, sans-serif; color: var(--white); text-decoration: none; padding-left: 15px; padding-right: 15px; margin-right: 5px; text-transform: uppercase; font-weight: 500; line-height: 2.8; display: block; }
nav #mainMenu li a:hover, nav #mainMenu li a:focus { color: #BDC7DE; }
nav .main-nav a { font-family: montserrat, verdana, sans-serif; color: #004c46; text-decoration: underline; }
nav .mainNav .displayWrapper { display: flex; flex-flow:row wrap; width: 100%; margin-top: 4vw; }
nav .mainNav .leftNavSection { width:70%; flex-grow:1; }
nav #mainMenu { max-width: 780px; height: 100%; margin-top: 0; position: relative; z-index: 2; }
nav #mainMenu ul { list-style: none; }
nav #mainMenu .parentMenu { max-width: 420px; width: 100%; }
nav #mainMenu .parentMenu{  border-right: 1px solid #C8C8C8; }
nav #mainMenu .parentMenu .menuItem:hover > .menuItemContent { opacity: 1; height: 100%; }
nav #mainMenu .parentMenu li.menuItem { width: 100%; margin-bottom: 2.25rem; }
nav #mainMenu .parentMenu li.menuItem > a { position:relative; display: inline-block; color: var(--white); font: normal normal 500 32px/32px var(--interstateRegular); width:100%; letter-spacing: 0.8px; text-transform: none; text-decoration: none; line-height: .7; text-align: left; padding: 4px 0 4px 0; }
nav #mainMenu .parentMenu li.menuItem:hover > a:after, nav #mainMenu .parentMenu li.menuItem:focus > a:after, nav #mainMenu .parentMenu li.menuItem:focus-within > a:after { color: var(--hoverGray); }
nav #mainMenu .parentMenu li.menuItem:after { position:relative; float:right; right:18%; top:-2.5rem; transform: scale(1.5) translate(.5rem, 0.25rem); content:url(../images/icons/white-arrow-down.svg); vertical-align: text-top; opacity: .4; transition:all ease .3s; }
nav #mainMenu .parentMenu li.menuItem:hover:after, nav #mainMenu .parentMenu li.menuItem:focus:after, nav #mainMenu .parentMenu li.menuItem:focus-within:after { transform:rotate(-90deg) scale(1.5) translate(-.375rem, 0.375rem); opacity: 1; transition:all ease .3s; }
nav #mainMenu .parentMenu .menuItem:hover > .menuItemContent, nav #mainMenu .parentMenu .menuItem:focus > .menuItemContent, nav #mainMenu .parentMenu .menuItem:focus-within > .menuItemContent { opacity: 1; height: 100%; }
nav #mainMenu .parentMenu .menuItem > .menuItemContent { opacity: 0; height: 0; overflow: hidden; }
nav #mainMenu ul li > ul { position: absolute; left: 325px; top: 0; width: 100%; max-width: 450px; }
nav #mainMenu ul li > ul li { width: 100%; }
nav #mainMenu ul li > ul li a { padding: 5px 0 5px 58px; line-height: 2; text-transform: none; font: normal normal 300 18px/40px var(--interstateRegular); letter-spacing: 0px; margin-bottom: 3px; line-height: 1.5; }
nav #mainMenu ul li > ul h4 { padding: 5px 0 5px 58px; color: var(--white); font-family: montserrat, verdana, sans-serif; font-weight: 600; font-size: 1.3125em; margin-bottom: 5px; }
nav .mainNav .rightNavSection { width: 275px; padding-left: 4rem; border-left: 1px solid #C8C8C8;}
nav .mainNav .rightNavSection ul { list-style: none; }
nav .mainNav .rightNavSection ul:not(:last-of-type) { margin-bottom: 2.25rem; }
nav .mainNav .rightNavSection ul li { margin: 0 0 .25rem 0; }
/*nav .mainNav .rightNavSection ul li:first-child { margin: 0 0 .75rem 0; }*/
nav .mainNav .rightNavSection span.quicklinks.title { display:block; font: normal normal 500 21px/32px var(--interstateRegular); letter-spacing: 0.55px; color:var(--white); margin-bottom:1rem; }
nav .mainNav .rightNavSection ul li a { display:block; font: normal normal 300 18px/40px var(--interstateRegular); letter-spacing: 0px; color:var(--white); letter-spacing:1px; text-decoration: none; }
nav .mainNav .rightNavSection ul li a:hover, nav .mainNav .rightNavSection ul li a:focus { color: var(--white); text-decoration: underline; }
nav .mainNav .search { width: 100%; margin-bottom: 4rem; }
nav .mainNav .search .searchBox { position: relative; width: 100%; height: 55px; border-bottom: 4px solid #FFFFFF; }
nav .mainNav .search .searchBox button { position: absolute; background: transparent; border:0; outline:0; right:1rem; cursor: pointer; }
/*nav .mainNav .search .searchBox label { position:absolute; font: normal normal normal 36px/32px var(--interstateRegular); padding: 0.25rem 0.5rem; letter-spacing: 0px; color: #FFFFFF; opacity: 0.35; }*/
nav .mainNav .search .searchBox input.searchField { font: normal normal normal 36px/32px var(--interstateRegular); padding: 0.25rem 0.5rem; letter-spacing: 0px; color: #FFFFFF; opacity: 0.85; width:100%; height:50px; padding: 0.25rem 0.5rem; background: transparent; border:0; outline:0; }
nav .mainNav .search .searchBox input.searchField::placeholder { font: normal normal normal 36px/32px var(--interstateRegular); letter-spacing: 0px; color: #FFFFFF; opacity: 0.35; }
#mainMenu .parentMenu input[type="checkbox"] { display:block; position: absolute; opacity: 0; top: 0; visibility: hidden; left: -99999px; z-index: 2; }

@media all and (max-width:1140px){
  header .search { position: static; width:auto; min-width: 60px; left: 0.75rem; }
  header .search span.fa.fas-search { display: none; }
  header .menuToggle { position:relative; min-width: 60px; }
  header .menuToggle span.menuLabel { display:none; }
}

@media all and (min-width: 1140px) {
  nav .mainNav #mainMenu .parentMenu { max-width: 325px; width: 100%; height:100%; margin-right: 440px; }
}

@media all and (max-width:1140px){
  .headerImpactWrap { background-position: 0% 100%; background-size: 200%; }
  header { position:absolute; width: 100%; max-width: 100vw; height:75px; margin: 0 0 .5rem 0; top:0; }
  header .inner { flex-direction: row; justify-content: space-between; }
  header .logo { flex-grow: 1; width:auto; padding: 0.5rem 1rem; }
  header .ctaLinks, header .quicklinksMenu { display:none; }
  nav .mainNav .search { padding: 0 1.5rem; margin-bottom:2rem; }
  header .search .searchToggle { padding: 1rem 1rem 1rem 0.5rem; }
  header .search .searchToggle .anim-search { top: 0; }
  header .search input#searchtoggle + .searchToggle + .searchBox { display:none; }
  header .search input#searchtoggle:checked + .searchToggle + .searchBox { display:block; bottom:-110px; right: 0; left: 0; width: 100%; }
  header .menuToggle { position:relative; padding: 0; width:auto; display: block; height: 75px; }
  header .menuToggle .nav-toggle { width: 100%; height: 100%; }
  header .menuToggle .nav-toggle span { position: absolute; left: 1rem; top: 2rem; margin-left: 0; }
  header .menuToggle .nav-toggle img { width: 38px; height: 23px; left: 1rem; position: relative; top: 1.5rem; }
  .topNav { position:absolute; top:65px; }
  nav .mainNav { max-width: 100%; margin-top:1rem; }
  nav .mainNav .displayWrapper { flex-flow:column wrap; padding:0; }
  nav .mainNav .leftNavSection { width:100%; flex-grow:1; padding: 0 1.5rem; }
  nav #mainMenu { max-width: 100%; }
  nav #mainMenu ul li > ul { position: relative; left: auto; top: auto; width: 100%; max-width: 100%; margin-top:0; margin-bottom:1.5rem; }
  nav #mainMenu ul li > ul > li {  }
  nav #mainMenu ul li > ul > li > a { padding: 0; }
  nav .menuToggle { position: fixed; display: block; top:0; right:0; padding: 1.5rem; width: auto; }
  nav .menuToggle span.menuLabel { display:none; }
  nav .menuToggle .nav-toggle { position: relative; display: block; margin: 1rem 0.5rem; }
  nav .menuToggle .nav-toggle span { left: -10px; top: -8px; }
  nav #mainMenu .parentMenu{  border-right: 0; }
  nav #mainMenu .parentMenu li.menuItem { position: relative; margin-bottom: 1rem; line-height: 1rem; }
  nav #mainMenu .parentMenu li.menuItem:after { position: absolute; top:0; right:3%; }
  nav #mainMenu .parentMenu li.menuItem ul.menuItemContent { opacity: 0; height: 0; margin-top:1rem; overflow: hidden; transition:.3s all ease; }
  nav #mainMenu .parentMenu li.menuItem.open ul.menuItemContent { opacity: 1; height: 100%; transition:.3s all ease; }
  nav #mainMenu .parentMenu li.menuItem span.icon { position: relative; display: inline-block; width:24px; height:24px; top:-6px; }
  nav #mainMenu .parentMenu li.menuItem span.icon:before { position: absolute; content:""; height:2px; width:24px; top:10px; background-color: var(--lightGold); }
  nav #mainMenu .parentMenu li.menuItem span.icon:after { position: absolute; content:""; height:24px; width:2px; left:11px; background-color: var(--lightGold); transition:.3s all ease;}
  nav #mainMenu .parentMenu li.menuItem.open span.icon:after { opacity: 0; transition:.3s all ease; }
  nav #mainMenu .parentMenu li.menuItem:hover > a, nav #mainMenu .parentMenu li.menuItem:focus > a, nav #mainMenu .parentMenu li.menuItem:focus-within > a { border-left:0; }
  nav #mainMenu .parentMenu .menuItem:hover > .menuItemContent, nav #mainMenu .parentMenu .menuItem:focus > .menuItemContent, nav #mainMenu .parentMenu .menuItem:focus-within > .menuItemContent { opacity: 0; height: 0; transition:.3s all ease; }
  nav #mainMenu .parentMenu li.menuItem > a { font-size: 1.25rem; color:var(--white); letter-spacing: 0; width:auto; line-height:1; z-index: 2; letter-spacing: 0; }
  nav .mainNav .search .searchBox input.searchField::placeholder { font: normal normal normal 21px/21px var(--interstateRegular); }
  nav .mainNav .search .searchBox button { width: 2rem; bottom: 0.5rem; right: 0.5rem; }
  nav .mainNav .rightNavSection { background:var(--lightGreen); width: 100%; flex-grow:1; margin-top:1.25rem; padding: 1.5rem; border:0; }
  nav .mainNav .rightNavSection ul.rightLinks { padding-left: 0; columns:2; }
  nav .mainNav .rightNavSection ul.rightLinks li a { font-size: .875rem; font-weight: 300; }
  nav .mainNav .rightNavSection ul li:first-child, nav .mainNav .rightNavSection ul li { margin-bottom: 0; line-height: 1; }
  nav .mainNav .rightNavSection.infoFor { background:var(--darkGreen); margin-top:0; }
  nav .mainNav .rightNavSection.infoFor .ctaLinks { margin-top:2.5rem; }
  nav .mainNav .rightNavSection.infoFor .ctaLinks ul li a { display:inline-block; width:100%; max-width:375px; text-align: center; border: var(--white) 2px solid; margin-bottom:1.5rem; padding:.25rem; }
  nav .mainNav .rightNavSection.infoFor .ctaLinks ul li a:hover, nav .mainNav .rightNavSection.infoFor .ctaLinks ul li a:focus { background: var(--white); color: var(--subGreen); }
  #mainMenu .parentMenu label { display: block; width: 30px; height: 30px; right: 0; position: absolute; z-index: 9999; }
  #mainMenu .parentMenu input[type="checkbox"] ~ .menuItemContent.menuItemDefault { display: none !important; opacity: 0; height: 0; }
  #mainMenu .parentMenu input[type="checkbox"]:checked ~ .menuItemContent { display: block !important; opacity: 1; height: auto; }
}

@media all and (max-width:350px){
  nav #mainMenu .parentMenu li.menuItem > a { font-size: 6.5vw; }
}
/* END HEADER */

/*FOOTER*/
footer { position: relative; background-color: var(--mainGreen); padding: 4.5rem 1rem 2.5rem 1rem; }
footer .wrapper { width:100%; max-width:1300px; margin:0 auto; padding:0 1rem; }
footer .bgIcon { position: absolute; left:6%; top:4rem; }
footer .columns .two { grid-template-columns: 40% 1fr; gap:2rem; }
footer img.footerLogo { width:100%; max-width:300px; margin-bottom: 1.875rem; }
footer .address { max-width:30ch; line-height:2rem; }
footer p, footer a { color: var(--white); text-decoration: none; }
footer a:focus, footer a:hover { text-decoration: underline; }
footer ul, footer ol { list-style: none; }
footer .footerlinks.cell ul { column-count: 3; column-width: 130px; column-gap: 20%; }
footer ul li { margin-bottom:.75rem; }
footer .subFooter { margin-top: 3rem; }
footer .subFooter .cell { display: block; }
footer .copyright { color:#FFFFFF; }
footer .copyright p { font-size: .875rem; margin-bottom:.5rem; }
footer .copyright a { font-size: .875rem; margin: 0 .25rem; }
footer .socialWrap { text-align: right; color: var(--white); }
footer .socialWrap span { text-transform: uppercase; font-size: 1rem; margin-right:.5rem; letter-spacing: 0.4px; vertical-align: baseline; }
footer .socialWrap a { display:inline-block; width:20px; margin:0 .5rem; text-decoration: none; }
footer .socialWrap em { font-size: 1.25rem; }
footer .socialWrap a:focus > em, footer .socialWrap em:hover { color: var(--hoverGray); }
/*svg.ionicon { width: 20px; color: var(--white); vertical-align: text-bottom; }
svg.ionicon path { fill: var(--white); }*/


@media screen and (max-width:960px) {
    footer .columns .two { grid-template-columns: 100%; gap:0; }
    footer .footerlinks.cell { margin-top:1.5rem; }
    footer .footerlinks.cell ul { column-count: 1; column-width: auto; column-gap: 0; }
    footer .columns .cell { text-align: center; }
    footer .address { max-width:9999px; }
    footer .columns .four .cell:nth-child(2) { margin-top:2rem; }
    footer .subFooter { margin-top: 1rem; }
    footer .columns .two { display:flex; flex-flow:column; }
    footer .columns .two .cell { width:100%; }
    footer .columns .two .copyright { order: 2; }
    footer .columns .two .socialWrap { order:1; margin-bottom: 1.5rem; }
    footer .copyright p { margin-bottom:2rem; }
}


/* HOMEPAGE */

/*IMPACT HOMEPAGE*/
.impactArea { position: relative; }
.impactArea img { display: block; max-width:100%; height:100%; }
.impactArea .slide img { min-width:100%; }
.impactArea video { min-height: 850px; position: relative; object-fit: cover; }
.impactArea .video { position: relative; max-height: 850px; overflow: hidden; }
.impactArea .slider-main { min-height:100%; }
.impactArea .slide { position: relative; }
.impactArea .gradient { position:absolute; top:0; bottom:0; left:0; right:0; background: rgb(14,28,59); z-index: 1; background: linear-gradient(180deg, #48484826 0%, #31303099 100%) 0% 0% no-repeat; }
.impactArea .caption { position: absolute; right: 0; left:0; top: 44%; text-align: center; z-index: 11; }
.impactArea .caption h1, .impactArea .caption h2 { font: normal normal bold 52px/62px var(--interstateRegular); letter-spacing: -1.3px; color: #FFFFFF; text-shadow: 3px 3px 2px #0000003B; text-transform: uppercase; margin-bottom:0; color:var(--white); }
.impactArea .subtitle { font: normal normal normal 48px/68px var(--blacksword); letter-spacing: 0px; color: var(--white); }
.impactArea .caption a.ctaButton { border-color: var(--white)!important; background: transparent!important; color: var(--white)!important; max-width: 325px; margin: 1.25rem auto; }
.impactArea .caption a.ctaButton:hover, .impactArea .caption a.ctaButton:focus { background: var(--white)!important; color: var(--baseFont)!important; }
.impactArea .slick-autoplay-toggle-button { position:absolute; bottom:1rem; left:1rem; z-index: 12; }
.impactArea .scroll { position: absolute; right:0; bottom: 2.5rem; left:0; text-align:center; z-index: 15; }
.impactArea .scroll strong { font: normal normal bold 16px/32px var(--interstateRegular); letter-spacing: 0.4px; color: var(--white); text-transform: uppercase; }
.impactArea .scroll .scrollIcon { position: absolute; display: block; bottom: -4.5rem; left: 0; right: 0; margin: auto; width: 70px; height: 70px; }
.impactArea .ctaBox { position: absolute; bottom:-1rem; right:0; width:285px; text-align: center; background: rgba(32,31,32,.9); padding:1.25rem; border-top:10px solid var(--accentGreen); z-index:999; }
.impactArea .ctaBox strong { display:block; font-size:1.125rem; margin: 0 auto 1rem auto; max-width:16ch; text-transform: uppercase; font-weight: 700; color:var(--white); }
.impactArea .ctaBox p { font-size:.875rem; font-weight:300; color:var(--white); }

/* Video Play/Pause Controls */
 #playButton { z-index: 2; position: absolute; top: auto; bottom: 25px; right: auto; left: 25px; cursor: pointer; background: none; border: none; -webkit-appearance: none; -moz-appearance: none; }
 #playButton span { color: #fff; display: block; position: absolute; text-indent: -999999px; }
 #playButton:after { content: '\f04c'; color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; }
 #playButton.on.initial:after { content: '\f04c'; }
 #playButton.on:after,#playButton.initial:after { content: '\f04b'; }

@media screen and (max-width:1140px) {
  .impactArea .ctaBox { display: none; }
}

@media screen and (max-width:960px) {
  .impactArea .slide img { display: block; max-width:100%; height: 750px; object-fit:cover; }
  .impactArea .caption .wrapper h1 { font-size: 2rem; line-height: 1.2; }
  .impactArea .caption .wrapper .subtitle { font-size: 1.1rem; }
  .impactArea .ctaBox { display: none; }
  .impactArea .slider-main { min-height:0; }
  #sliderimpactAreas { padding: 0 0.5rem; }
  .impactArea .caption { top: 40%; }
  .impactArea .caption h1, .impactArea .caption h2 { font: normal normal bold 52px/62px var(--interstateRegular); letter-spacing: -1.3px; }
  .impactArea .subtitle { font: normal normal normal 48px/68px var(--blacksword); letter-spacing: 0px; }
}

@media (max-width: 1250px) and (min-width: 768px) {
    .impactArea .caption { top: 40%; }
}

@media (max-width: 767px) {
    section.impactArea.wrap { min-height: 90vh; margin:0; }
    .impactArea .slide { min-height:90vh; }
    .impactArea .caption { left:0; right:0; margin:auto; }
    .impactArea .video { max-height: 9999px; }
}

/*Intro Columns*/
.intro.columns { margin:5rem auto; }
.intro.columns .cell.text-only {  display:block; padding: 0 3vw 0 5vw; }
.intro.columns .subtitle { display:block; margin-bottom:2rem; }

/*Hover Columns*/
.hover.columns { position: relative; padding-top:4rem; }
.hover.columns .three { height:420px; }
.hover.columns .cell { position: relative; display: flex; flex-direction:column;  padding:5.5rem 4vw; max-height: 420px; text-align: center; }
.hover.columns .cell .overlay { position:absolute; top:0; right:0; bottom:0; left:0; background: var(--lightGreen); transition:all ease .25s; opacity:.91; z-index:1;}
.hover.columns .cell:hover .overlay, .hoverColumns .cell:focus .overlay { background: var(--mainGreen); opacity:.98; transition:all ease .25s; }
.hover.columns .cell strong.title { display: block; color: var(--white); font-family: var(--interstateRegular); font-size: 1.875rem; font-weight: 700; line-height: 1.75rem; margin-bottom: 1.5rem; letter-spacing: 0; text-transform: uppercase; }
.hover.columns .cell .content p, .hover.columns .cell .content * { color: var(--white); margin-bottom:2rem; }
.hover.columns .cell .content .heading { margin-bottom: 0.5rem; }
.hover.columns .cell .content { position:relative; z-index:2; }
.hover.columns .cell .content .ctaButton { position:relative; z-index:2; }
.hover.columns .cell:hover .content .ctaButton, .hover.columns .cell:focus .content .ctaButton { opacity:1; transition:all ease .25s; }
.hover.columns .cell .content { position: relative; flex-direction: column; display: flex; flex-grow: 1; z-index: 2; }
.hover.columns .cell .content .ctaButton { position:relative; background:transparent; border-color: var(--white)!important; color: var(--white)!important; font-weight:600; margin-top:auto; opacity:0; z-index:2; transition:all ease .25s; }
.hover.columns .cell .content .ctaButton:hover, .hover.columns .cell .ctaButton:focus, .hover.columns .cell:focus-within .ctaButton { background: var(--white)!important; color: var(--mainGreen)!important; transition:all ease .25s; }

@media screen and (max-width:1100px) {
  .hover.columns { padding-top:0; }
  .hover.columns h3 { font-size: 1.875rem; padding:0 1rem; }
  .hover.columns strong.scrolling-left { display: none; }
  .hover.columns .three { height:auto; }
  .hover.columns .cell .ctaButton { opacity:1; }

}


/*PROGRAMS*/
.programs { position:relative;  margin: 4rem 0; }
.programs .slides .cell { width:100%; width:100%; height:auto; min-height:750px; }
.programs .slides .cell img { height: 100%; min-height: 750px; min-width:100%; object-fit: cover; }
.programs .labels { position: absolute; left:0; top:100px; z-index:2; }
.programs .labels a.label { display:block; margin-bottom:1rem; padding:20px 30px 20px 15px; width:287px; background: var(--mainGreen); color: var(--white);  font: normal normal 500 15px/32px var(--interstateRegular); letter-spacing: 0.75px; text-transform: uppercase; text-decoration: none; opacity:.98; transition:all .5s ease; }
.programs .labels a.label.active { padding:20px 30px 20px 30px; width:302px; background: var(--subGreen); transition:all .5s ease;  }
.programs .slides input[type=radio] + .cell { position:absolute; z-index:-10; opacity: 0; transition:all .5s ease; }
.programs .slides input[type=radio]:checked + .cell { position:relative; z-index:1; opacity: 1; transition:all .5s ease; }
.programs .slides .overlay { position:absolute; max-width:630px; right:10%; top:100px; background: var(--baseFontTransparent); padding:60px; z-index: 3; }
.programs .slides .overlay .content strong.title { display:block; font: normal normal bold 32px/42px var(--interstateRegular); margin-bottom:1.5rem; letter-spacing: 0.8px; color: var(--white); text-transform: uppercase; }
.programs .slides .overlay .content p { color: var(--white); }
.programs .slides .overlay .ctaButton { border-color: var(--white); background: transparent; color: var(--white)!important; }
.programs .slides .overlay .ctaButton:hover, .programs .slides .overlay .ctaButton:focus { background: var(--white)!important; color: var(--baseFont)!important; }
.programs .slides span.progTitle { display:block; font: normal normal normal 20px/30px var(--interstateRegular); margin:1.5rem 0 1rem 0; color: var(--white); letter-spacing: 0px; }
.programs .slides .programSelection { position: relative; background-color: var(--white); padding:1rem; border: 1px solid var(--white); }
.programs .slides .programSelection:before { content: ''; position: absolute; top:0; bottom:0;right:0; width:50px; background: var(--yellow); }
.programs .slides .programSelection:after { content: url(../images/white-arrow-right.svg); position: absolute; top:0; bottom:0;right:0; width: 3rem; padding: 1rem; }
.programs .slides .programSelection label { display: block; font: normal normal 300 16px/24px var(--interstateRegular); letter-spacing: 0.4px; color: var(--baseFont); }
.programs .slides .programSelection input[type='checkbox'] {  position: absolute; display: inline; opacity: 0; z-index: 1; height: 50px; width: 60px; cursor: pointer; visibility: hidden; pointer-events:none; }
.programs .slides .programSelection input[type='checkbox'] + ul { position:absolute; top:50px; left:-1px; height:0; width: calc(100% - 50px); background: var(--white); list-style: none; opacity: 0; transition: all .3s ease; }
.programs .slides .programSelection input[type='checkbox'] + ul li { margin:.75rem 0; padding:0 1rem; }
.programs .slides .programSelection input[type='checkbox'] + ul a { color: var(--baseFont); text-decoration: none; }
.programs .slides .programSelection input[type='checkbox']:checked {  pointer-events:all;  }
.programs .slides .programSelection input[type='checkbox']:checked + ul { height:auto; opacity: 1; transition: all .3s ease; overflow-y: scroll; max-height: 150px; }
.programs .slides a.allLink { display: block; text-align: right; font-size:.875rem; margin-top:.5rem; letter-spacing: 0px; color: var(--white); }

@media screen and (max-width:1100px) {
    .programs { max-height:9999px; }
    .programs .labels { display: none; }
    .programs .slides .cell { height:auto; }
    .programs .slides .overlay { width: 90%; margin: 0px auto; position: relative; top: auto; right: auto; max-width: 90%; padding: 7rem 1rem 4rem 1rem; z-index: 1; }
    .programs .slides  img { display: block; height: 375px; object-fit: cover; }
    .programs .slides .overlay { background: var(--baseFont); overflow: visible; }
    .mobileTitle { position: absolute; top: calc(375px - 1.5rem); left: 2.5rem; right: 2.5rem; text-align: center; z-index: 2; }
    .mobileTitle strong { display: block; background-color: var(--mainGreen); color: var(--white); font-family: var(--interstateRegular); font-size: .875rem; letter-spacing: 0.25px; text-transform: uppercase; padding: 1.5rem 0; text-decoration: none; }
    .mobileProgramNav { position: absolute; top: 375px; left: 0; right: 0; height: 30px; width:100%; z-index: 2; }
    .mobileProgramNav button.slick-prev, .mobileProgramNav button.slick-next { background-color: transparent; border:0; height: 30px; width: 12px; z-index: 5; }
    .mobileProgramNav button.slick-prev { position: absolute; left:3.5rem; }
    .mobileProgramNav button.slick-next {  position: absolute; left:auto; right:3.5rem; }
}


*NEWS EVENTS*/
.newsEvents { position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 0.98rem; background-color:#FAFAFA; padding: 40px 0; line-height: 1.6rem; max-width:100%; overflow:hidden; }
.newsEvents strong.scrolling-left { position: absolute; top: -.75rem; }
.newsEvents strong.scrolling-left.active { transform: translateX(-65%); }
.newsEvents .standardTabs { width: auto; padding: 0; margin: 0; text-align: center; }
.newsEvents .standardTabs li { display: inline-block; vertical-align: middle; font-weight: 600; cursor: pointer; position: relative; margin:1.5rem .5rem; }
.newsEvents .standardTabs li a { font: normal normal 500 15px/32px var(--interstateRegular); letter-spacing: 0.75px; text-transform: uppercase; color: var(--baseFont); background: var(--white); display: block; padding: 0.375rem 2rem; text-decoration: none; }
.newsEvents .standardTabs li:hover a, .newsEvents .standardTabs li:focus a {  background-color: var(--mainGreen);  color: var(--white); transition:all .5s ease; }
.newsEvents .standardTabs .active { display: inline-block; }
.newsEvents .standardTabs .active a, .newsEvents .standardTabs .active a:hover { background-color: var(--mainGreen); color: var(--white); transition:all .5s ease; }
.newsEvents .tabContainer { clear: both; padding: 0; }
.newsEvents .tabContent { padding: 15px 25px; height:0; opacity:0; transition: all .5s ease; }
.newsEvents .tabContent.active { opacity:1; height:auto; transition: all .5s ease; }
.newsEvents .tabContent:not(.active) > ul.juicer-feed.loaded { height:0; }
.newsEvents .tabContent.active > ul.juicer-feed.loaded { height:auto; }
.newsEvents .accordionHeading { display: none; font-size: 1rem; font-weight: 600; }
.newsEvents .news .columns { position: relative; margin-bottom:0; }
.newsEvents .columns .two { margin:1.25rem 0 2.5rem 0; }
.newsEvents .news .columns .three .cell { padding: .5rem 0.75rem .5rem 0; }
.newsEvents .news .columns .three .cell:not(:last-child){ border-right:1px solid var(--gray); }
.newsEvents strong.newsHeading {font: normal normal 500 30px/32px var(--interstateRegular); letter-spacing: -0.75px; }
.newsEvents a.allLink { position: absolute; right:0.5rem; top:.25rem; }
.newsEvents .news .cell { display: flex; flex-flow: column; }
.newsEvents .news h3 { font: normal normal bold 30px/36px var(--interstateRegular); font-size: 1.875rem; margin-bottom:0; letter-spacing: 0.75px; text-transform: none; }
.newsEvents .news a.articleLink { display:block; font: normal normal bold 18px/22px var(--interstateRegular); color: var(--mainGreen); letter-spacing: 0.45px; text-decoration: none; }
.newsEvents .news a.articleLink:hover, .newsEvents .news a.articleLink:focus { text-decoration: underline; }
.newsEvents .news img { display:block; height: 100%; object-fit: cover; }
.newsEvents .news span.featuredTag { display: inline-block; font: normal normal 500 12px/32px var(--interstateRegular); max-width: 115px; letter-spacing: 0.6px; margin-bottom:1.5rem; padding:0 1.5rem; text-transform: uppercase; background-color:var(--mainGreen); color:var(--white); }
.newsEvents .news span.date { display: block; font: normal normal 500 12px/32px var(--interstateRegular); letter-spacing: 0.6px; line-height: 0.25rem; margin-top:1rem; margin-bottom:1.5rem; text-transform: uppercase; }
.newsEvents .news .wysiwygContent { margin-bottom:1.5rem; }
.newsEvents .news .three span.date { margin-bottom: .5rem; }
.newsEvents .events .columns { position: relative; }
.newsEvents .events .columns .two, .newsEvents .events .columns .three { gap:2rem; margin: 1rem 0 1rem 0; }
.newsEvents .events .columns .cell { display:block; background: var(--white); padding:2rem; }
.newsEvents .events .columns .three .cell { display: flex; padding:1rem; }
.newsEvents .events a.articleLink { display:block; font: normal normal bold 18px/22px var(--interstateRegular); color: var(--mainGreen); letter-spacing: 0.45px; text-decoration: none; margin-bottom:1.25rem; }
.newsEvents .events .three a.articleLink { margin-bottom:.25rem; }
.newsEvents .events .dayBox { float:left; border:4px solid var(--lightGreen); padding:clamp(1rem, 2vw, 1.5rem); margin-right:1.5rem; min-width:110px; text-align: center; }
.newsEvents .events .dayBox span, .newsEvents .events .dayBox strong { display: block; font: normal normal 600 17px/38px var(--interstateRegular); letter-spacing: 0.85px; color:var(--baseFont); }
.newsEvents .events .dayBox strong.month { text-transform: uppercase; line-height: 1; }
.newsEvents .events .dayBox span.day { font: normal normal 500 38px/38px var(--interstateRegular); letter-spacing: 0px; }
.newsEvents .events .cell .time, .newsEvents .events .cell p { font: normal normal 300 16px/24px var(--interstateRegular); letter-spacing: 0px; }
.newsEvents .events .three .dayBox { float:left; border:4px solid var(--lightGreen); padding:clamp(.5rem, 2vw, 1rem); margin-right:1.25rem; min-width:75px; max-height: 75px; text-align: center; }
.newsEvents .events .three .dayBox span, .newsEvents .events .three .dayBox strong { display: block; font: normal normal 600 12px/30px var(--interstateRegular); letter-spacing: 0.85px; color:var(--baseFont); }
.newsEvents .events .three .dayBox strong.month { text-transform: uppercase; line-height: 1; }
.newsEvents .events .three .dayBox span.day { font: normal normal 500 28px/28px var(--interstateRegular); letter-spacing: 0px; }
.newsEvents .events .three .cell .time, .newsEvents .events .three .cell p { font: normal normal 300 14px/20px var(--interstateRegular); letter-spacing: 0px; }

@media screen and (max-width: 960px) {
  .newsEvents .accordionHeading[aria-selected="false"]:before, .newsEvents .accordionHeading[aria-selected="true"]:before { float: left; position: relative; display: block; width: 14px; height: 16px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.0em; text-align: center; padding: 0 10px 0 0; margin: 0; }
  .newsEvents strong.scrolling-left { display: none; }
  .newsEvents h3.scrollTitle { font-size: 1.75rem; padding:0 1rem; }
  .newsEvents strong.newsHeading { font-size: 1.875rem; }
  .newsEvents .standardTabs { display: flex; flex-flow:row wrap; margin: 1rem; text-align: center; }
  .newsEvents .standardTabs li { margin: 0; width:50%; }
  .newsEvents .standardTabs li:last-child { width:100%; }
  .newsEvents .standardTabs li a { font-size: .875rem; letter-spacing: 0.25px;  padding: .5rem; text-decoration: none; }
  .newsEvents a.allLink { position: relative; right: auto; top: auto; margin-top: 1rem; margin-bottom: 1.5rem; }
  .newsEvents .news .columns .three .cell:not(:last-child){ border-right:0; border-bottom:1px solid var(--gray); }
  .newsEvents .events .columns .two, .newsEvents .events .columns .three { display: block; gap:2rem; margin: 0; }
  .newsEvents .events .columns .cell { margin-bottom: 2rem; }
  .newsEvents .events .dayBox { float:none; border:2px solid var(--lightGreen); max-width:40px; min-width:0; margin-bottom:1.25rem; padding: 8px 8px 4px 8px; }
  .newsEvents .events .dayBox strong.month { font-size: clamp(.5rem, 50%, 1.125rem); }
  .newsEvents .events .dayBox span.day { font-size: clamp(.5rem, 100%, 1.25rem); line-height: 1.25; }
}

/*Homepage Full-Width CTA Band*/
.fullWidthCTA { background-color: var(--baseFont); max-height:650px; overflow: hidden; }
.fullWidthCTA .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent linear-gradient(180deg, rgb(32 31 32 / 24%) 0%, #201f20e6 100%) 0% 0% no-repeat padding-box; z-index: 1; }
.fullWidthCTA .caption { text-align: center; }
.fullWidthCTA strong { font: normal normal bold 52px/62px var(--interstateRegular); letter-spacing: -1.3px; color: #FFFFFF; text-shadow: 3px 3px 2px #0000003b; text-transform: uppercase; margin-bottom: 0; color: var(--white); }
.fullWidthCTA .subtitle { display: block; font: normal normal normal 48px/68px var(--blacksword); letter-spacing: 0px; color: var(--white); }
.fullWidthCTA .caption { top:30%; }
.fullWidthCTA .caption .ctaButton { border-color: var(--white)!important; background: transparent!important; color: var(--white)!important; }
.fullWidthCTA .caption .ctaButton:hover, .fullWidthCTA  .caption .ctaButton:focus { background: var(--white)!important; color: var(--baseFont)!important; }

@media screen and (max-width: 960px) {
    .fullWidthCTA .caption { padding:0 1rem; }
}


/* breadcrumbs */
.breadcrumbs { margin-bottom: 25px; }
.breadcrumbs ul { margin: 0; padding-left: 0; list-style: none; }
.breadcrumbs li { display: inline; padding-left: 0; font-weight: 500; }
.breadcrumbs li + li::before { display: inline-block; margin: 0 5px 0 0; content: url(../images/chevron-forward-outline.svg); width: 15px; height: 20px; position: relative; top: 3px; }
.breadcrumbs li a { text-decoration: none; color: var(--mainGreen); font-weight: 400; }
.breadcrumb [aria-current="page"] { color: var(--black); font-weight: 400; }

@media screen and (max-width:580px){
    .breadcrumbs { display: none; }
}

/*LANDING*/
.landing { background-color:var(--grayBg); }
.landing .impact { padding:0; background: var(--black); margin-bottom:4rem; min-height:675px; }
.landing .impactArea.noImpact { margin-bottom:4rem; }
.landing .impactArea.noImpact, .landing .impactArea.noImpact .impact { height:270px; min-height:0; background: #0D6E4D; }
.landing .impactArea.noImpact .wrapper-1280 { position: relative; height:100%; }
.landing .impactArea .gradient { display:none; }
.landing .impactArea .impact img { height: 675px; width:100%; object-fit: cover; }
.landing .impact .caption { left:0; top:auto; bottom:0; right: auto; text-align: center; padding: 2rem; width:auto; background: var(--mainGreenTransparent);}
.landing .impactArea.noImpact .impact .caption { background:none; padding-left:0; }
.landing .impact .caption h1.title { font: normal normal bold 59px/32px var(--interstateRegular); font-size: clamp(1.5rem, 12vw, 3rem); line-height: 2.75rem; text-shadow:none; letter-spacing: -1.48px; text-transform: capitalize; }
.landing .hover.columns .cell { padding: 4.5rem 3vw; }
.landing .newsEvents { margin-top:4rem; }
.landing .columns { margin-bottom:3rem; }
.landing .hover.columns { padding-top:0; }
.landing .hover.columns .cell .content { position:relative; z-index:2; flex-direction: column; display: flex; flex-grow:1; align-items:start; }
.landing .hover.columns .cell .content .ctaButton { position:relative; z-index:2; margin-top:auto; }

@media screen and (max-width:1440px) {
    .landing .wrapper-1280, .landing .wrapper-1440 { padding:0 1.5rem; }
}
@media screen and (max-width:960px) {
    .landing .impactArea.noImpact, .landing .impactArea.noImpact .impact { height:185px; min-height:0; }
    .landing .impactArea.wrap { min-height:550px; }
    .landing .impactArea img { min-height: 550px; object-fit: cover; }
    .landing .impact .caption { left: 2rem; right: 2rem; }
    .landing .impact { min-height:550px; }
}

/*Full Width Slider*/
.fullSlider { position:relative; min-height:750px; height:100%; margin: 4rem 0; }
.fullSlider .slides .cell { position:relative; width:100%; height:750px; }
.fullSlider .slides .cell img { position:relative; width:100%; height:750px; object-fit:cover; }
.fullSlider .slides .overlay { position:absolute; max-width:630px; right:6vw; top:100px; background: var(--baseFontTransparent); padding:60px; z-index: 3; }
.fullSlider .slides .overlay .content strong.title { display:block; font: normal normal bold 32px/42px var(--interstateRegular); margin-bottom:1.5rem; letter-spacing: 0.8px; color: var(--white); text-transform: uppercase; }
.fullSlider .slides .overlay .content p { color: var(--white); }
.fullSlider .slides .overlay .ctaButton { border-color: var(--white)!important; background: transparent!important; color: var(--white)!important; }
.fullSlider .slides .overlay .ctaButton:hover, .fullSlider .slides .overlay .ctaButton:focus { background: var(--white)!important; color: var(--baseFont)!important; }
.fullSlider .slides a.allLink { display: block; text-align: right; font-size:.875rem; margin-top:.5rem; letter-spacing: 0px; color: var(--white); }
.fullSlider .dots { position: relative; }
.fullSlider .slick-prev { top: 50%; height: 100px; padding: 50px 16px; background-color: var(--blackTransparent); border: 0; background-size: 1.5rem; }
.fullSlider .slick-next { left:auto; right:0; top: 50%; height: 100px; padding: 50px 16px; background-color: var(--blackTransparent); border: 0; background-size: 1.5rem; }
.fullSlider .slick-prev:hover, .fullSlider .slick-next:hover, .fullSlider .slick-prev:focus, .fullSlider .slick-next:focus { background-color: var(--mainGreen); border: 0; }
    

@media screen and (max-width:1200px) {
    .fullSlider, .fullSlider .slides .cell, .fullSlider .slides .cell img { max-height:9999px; height:auto; }
    .fullSlider .labels { display: none; }
    .fullSlider .slides .cell { height:auto; }
    .fullSlider .slides .cell img { min-height:300px; }
    .fullSlider .slides .overlay { display: block; height: auto; object-fit: cover; background: var(--baseFont); overflow: visible; width: 90%; margin: 0px auto; position: relative; top: -2rem; right: auto; max-width: 90%; padding:1.5rem 1.5rem 4rem 1.5rem; z-index: 1; }

}

/*Columns Full Width BG*/
.fullWidthBG { position: relative; margin-bottom:4rem; padding:100px 0 60px 0; min-height:430px; }
.columns.noBGColor + .fullWidthBG:before { height: 0; }
.interior .fullWidthBG { padding:100px 3% 60px 3%; }
.fullWidthBG .overlay { position:absolute; top:0; right:0; bottom:0; left:0; background: var(--lightGreen); transition:all ease .25s; opacity:.91; z-index:1; }
.fullWidthBG .overlay.opaque { opacity:1; }
.fullWidthBG .cell { position: relative; z-index:2; }
.fullWidthBG .cell * { color: var(--white); vertical-align:unset; }
.fullWidthBG .cell a.ctaButton { border-color: var(--white)!important; background: transparent!important; color: var(--white)!important; }
.fullWidthBG .cell a.ctaButton:hover, .fullWidthBG .cell a.ctaButton:focus { background: var(--white)!important; color: var(--baseFont)!important; }
.fullWidthBG .heading { position: relative; z-index:2; }
.fullWidthBG .heading h2 { color:var(--white); }
.columns + .fullWidthBG:before { content:""; position: absolute; top:0; width:100%; height:40px; max-width:1440px; left:0; right:0; margin:auto; background: var(--grayBG); z-index:2; }
.columns + .fullWidthBG.noBGColor:before, .hover.columns + .fullWidthBG:before,  .columns.fullWidthBG + .fullWidthBG:before { display:none; }
.interior .columns + .fullWidthBG:before { display:none; }

/*Testimonials*/
.testimonials { position: relative; margin-top:8rem; }
.testimonials .wrap { height:500px; }
.testimonials strong.scrolling-left { top: -52px; right: 0; text-transform: uppercase; }
.testimonials strong.scrolling-left.active { transform: translateX(-27vw); }
.testimonials img { position:absolute; right:3vw; top:-50px; width: 20vw; height: 20vw; border-radius: 50%; }
.testimonials .quote { position: relative; max-width:60vw; padding-top:140px; left: -8%; }
.testimonials .quote:before { content:url(../images/quotes.png); position: absolute; top:70px; left:-5vw; }
.testimonials .quote:after { content:url(../images/quotes.png); position: absolute; bottom:-60px; right:-6%; transform:rotate(180deg); }
.testimonials .quote p { position: relative; max-width: 60vw; font: italic normal 300 28px/38px var(--interstateRegular); font-size: clamp(1.25rem, 1.5vw, 28px); letter-spacing: 0px; color: var(--baseFont); z-index:2; }
.testimonials .quote strong.name { position: relative; display:block; text-align: right; font: italic normal bold 24px/24px var(--interstateRegular); letter-spacing: 0px; color: var(--baseFont); z-index:2; }
.testimonials .quote span.title { position: relative; display:block; text-align: right; font: italic normal 300 24px/24px var(--interstateRegular); letter-spacing: 0px; color: var(--baseFont); z-index:2; }

@media screen and (max-width:960px) {
     .testimonials strong.scrolling-left { display: none; }
     .testimonials img { min-width:188px; min-height:188px; }
     .testimonials .wrap { height:auto; padding-bottom:3rem; }
     .testimonials .quote { max-width:100%; padding-top: 170px; left:0; }
     .testimonials .quote:before { left:0; }
     .testimonials .quote:after { bottom:0; right:0; }
     .testimonials .quote p { font-size: 1.25rem; max-width:9999px; }
     .testimonials .quote strong.name { font-size: 1.25rem; }
     .testimonials .quote span.title { font-size: 1rem; }

}

/* Accordion */
.accordion { font-family: var(--interstateRegular); font-size: 1rem; margin: 40px auto 4rem auto; line-height: 1.6rem;  }
/*.accordion > .wrapper { width: 100%; max-width: 1200px; padding: 0; margin: 0 auto; border-bottom: 1px solid #ccc; }*/
.columns.noBGColor + .accordion { margin-top: 0; }
.accordion > h2 { margin-top: 20px; padding: 0 20px; }
.accordion > h3 { margin: 0; padding: 0; font: normal normal normal 24px/32px var(--interstateRegular); letter-spacing: 0px; color: var(--baseFont); text-transform: capitalize; border-bottom: 1px solid #C8C8C8; }
.accordion > h3:last-of-type, .accordion > h3.remove-border { border-bottom:0; }
/*.accordion.focus { border-color: #222; }*/
/*.accordion > .wrapper > * + * { border-top: 1px solid #C8C8C8; }*/
.accordionTrigger { background: none; color: #222; display: block; margin: 0; padding: 10px; position: relative; text-align: left; width: 100%; transition: all 0.4s ease-in-out; cursor: pointer; }
.accordionTrigger[aria-expanded="true"],
.accordion button { border: none; }
.accordion button::-moz-focus-inner { border: 0; }
.accordionTitle { display: block; pointer-events: none; border: transparent 2px solid; padding: 10px 10px 10px 50px; }
.accordionTrigger:focus .accordionTitle { border-color: transparent; }
.accordionIcon { pointer-events: none; position: absolute; left: 12px; top: 35%;  }
.accordionTrigger[aria-expanded="true"] .accordionIcon { top: 27%; }
.accordionTrigger:focus .accordionIcon,
.accordionTrigger:hover .accordionIcon { border-color: #222; }
.accordionTrigger .accordionIcon:before { content:url(../images/icons/plus-icon-green.svg); }
.accordionIcon { transition: all 0.4s ease-in-out; }
.accordionTrigger[aria-expanded="true"] .accordionIcon:before { content:url(../images/icons/minus-icon-green.svg); transition: all 0.4s ease-in-out;  }
.accordionPanel { margin: 0; padding: 10px 25px; }
.accordionPanel[hidden] { display: none; }

/*Interior Styles*/
.interior { background-color: var(--grayBg); }
.interior .mainContent { display: grid; grid-template-columns: 281px 1fr; padding: 0 1rem; max-width: 1280px; }
.interior .sectionNavColumn { display: grid;  flex-direction: column; padding: 0 30px 0 0; grid-area:auto; min-width: 281px; width: 100%; }
.interior .interiorContent { display: grid; flex-direction: column; grid-area:auto; }
.interior .sectionNav { margin-bottom: 20px; font-size: .98rem; background-color: transparent; border-left: 0; }
.interior #sectionNavMenu { background-color: var(--white); border-left: 4px solid var(--mainGreen); }
.interior .wrapper-1280 .wrapper-1280 { padding:0; margin-left: 0; }
.interior .impact { padding:0; background: var(--black); margin-bottom:4rem; min-height:675px; }
.interior .impactArea.noImpact { margin-bottom:4rem; }
.interior .impactArea.noImpact, .interior .impactArea.noImpact .impact { height:270px; min-height:0; background: #0D6E4D; }
.interior .impactArea.noImpact .wrapper-1280, .interior .impactArea.noImpact .wrapper-1440 { position: relative; height:100%; }
.interior .impactArea .gradient { display:none; }
.interior .impactArea .impact img { height: 675px; width:100%; object-fit: cover; }
.interior .impact .caption { left:0; top:auto; bottom:0; right: auto; text-align: center; padding: 2rem; width:auto; background: var(--mainGreenTransparent);}
.interior .impactArea.noImpact .impact .caption { background:none; padding-left:0; }
.interior .impact .caption h1.title { font: normal normal bold 59px/46px var(--interstateRegular); font-size: clamp(1.5rem, 12vw, 3rem); text-shadow:none; letter-spacing: -1.48px; text-transform: capitalize; }
.interior .hover.columns .cell { padding: 2.25rem 1rem; }
.interior .hover.columns .three { height:375px; }
.interior .hover.columns .cell .content { position:relative; z-index:2; flex-direction: column; display: flex; flex-grow:1; align-items:center; }
.interior .hover.columns .cell .content .ctaButton { position:relative; z-index:2; margin-top:auto; }
.interior .hover.columns { padding-top:0; margin-bottom:4rem; }
.interior .hover.columns .cell p {  margin-bottom:1.25rem; }
.interior .newsEvents { margin-top:4rem; margin-bottom:2rem; }
.interior .columns { margin-bottom:3rem; }
.interior .testimonials { margin-top:2rem; }
.interior .testimonials img { display:none; }
.interior .testimonials strong.scrolling-left { display:none; }
.interior .testimonials .quote { position: relative; max-width:60vw; padding-top:0; padding: 80px 2rem; left:auto; }
.interior .testimonials .wrap { height:auto; }
.interior .testimonials .quote:before { content:url(../images/quotes.png); position: absolute; top:30px; left:1rem; }
.interior .testimonials .quote:after { content:url(../images/quotes.png); position: absolute; bottom:30px; right:1rem; transform:rotate(180deg); }

@media screen and (max-width:1440px) {
    .interior .wrapper-1280, .interior .wrapper-1440 { padding:0 1.5rem; }
}
@media screen and (max-width:1140px) {
    .interior .mainContent { display: grid; grid-template-columns: 1fr; margin-top:4rem; }
    .interior .impactArea .wrapper-1280 { position: absolute; }
    .interior .impactArea.noImpact, .interior .impactArea.noImpact .impact { height:185px; min-height:0; margin-bottom: 1rem; }
    .interior .impactArea.noImpact.wrap { height:185px; min-height:0; }
    .interior section.impactArea.wrap { min-height:0; }
    .interior .sectionNavColumn { display:block; margin-bottom: 1rem; padding:0; }
    .interior .sectionNav { border-left: 4px solid var(--mainGreen); }
    .interior .sectionNav .sectionTitle { padding:1rem; }
    .interior .sectionNav .sectionTitle:before, .interior .sectionNav.open .sectionTitle:before { top:1rem; }
    .interior #sectionNavMenu { border-left:0; }
    .interior .impactArea img { min-height: 550px; object-fit: cover; }
    .interior .impact .caption { left: 1.25rem; right: 1.25rem; }
    .interior .impact { position: relative; min-height:550px; margin-bottom:0; }
    .interior .hover.columns .three { height:auto; }
    .interior .testimonials .quote { max-width: 90%; padding:3rem 0; }
    .interior .accordion .accordionTitle { padding:10px 10px 10px 30px; font-size: 1.25rem; }
}

/*Interior Slider*/
.interiorSlider.cell { position:relative; display:flex; flex-flow:column nowrap; overflow:hidden; }
.interiorSlider.cell .gallery {  display:block; overflow:hidden; position:relative; min-height:650px; height:100%; width:100%; }
.interiorSlider.cell .gallery .cell { position:relative; width:100%; height:650px; }
.interiorSlider.cell .gallery .cell img { position:relative; width:100%; height:650px; object-fit:cover; }
.interiorSlider.cell .gallery .overlay { position:absolute; max-width:630px; right:2vw; top:100px; background: var(--baseFontTransparent); padding:60px; z-index: 3; }
.interiorSlider.cell .gallery .overlay .content strong.title { display:block; font: normal normal bold 32px/42px var(--interstateRegular); margin-bottom:1.5rem; letter-spacing: 0.8px; color: var(--white); text-transform: uppercase; }
.interiorSlider.cell .gallery .overlay .content p { color: var(--white); }
.interiorSlider.cell .gallery .overlay .ctaButton { border-color: var(--white); background: transparent; color: var(--white); }
.interiorSlider.cell .gallery .overlay .ctaButton:hover, .interiorSlider.cell .gallery .overlay .ctaButton:focus { background: var(--white); color: var(--baseFont); }
.interiorSlider.cell .gallery a.allLink { display: block; text-align: right; font-size:.875rem; margin-top:.5rem; letter-spacing: 0px; color: var(--white); }
.interiorSlider .dots { position: relative; }

.interiorSlider.cell .gallery .slick-prev { top: 45%; height: 100px; padding: 50px 16px; background-color: var(--blackTransparent); border: 0; background-size: 1.5rem; }
.interiorSlider.cell .gallery .slick-next { left:auto; right:0; top: 45%; height: 100px; padding: 50px 16px; background-color: var(--blackTransparent); border: 0; background-size: 1.5rem; }
.interiorSlider.cell .gallery .slick-prev:hover, .interiorSlider.cell .gallery .slick-next:hover, .interiorSlider.cell .gallery .slick-prev:focus, .interiorSlider.cell .gallery .slick-next:focus { background-color: var(--mainGreen); border: 0; }
    

@media screen and (max-width:1200px) {
    .interiorSlider, .interiorSlider.cell .gallery .cell, .interiorSlider.cell .gallery .cell img { max-height:9999px; height:auto; }
    .interiorSlider .labels { display: none; }
    .interiorSlider.cell .gallery .cell { height:auto; }
    .interiorSlider.cell .gallery .cell img { min-height:300px; }
    .interiorSlider.cell .gallery .overlay { display: block; height: auto; object-fit: cover; background: var(--baseFont); overflow: visible; width: 90%; margin: 0px auto; position: relative; top: -2rem; right: auto; max-width: 90%; padding:1.5rem 1.5rem 4rem 1.5rem; z-index: 1; }

}

/* Short Impact area - no background image */
.short-impact { padding: 175px 30px 25px 30px; background-color: rgba(0, 102, 67, .95); }
.short-impact h1, .short-impact .h1 { color: var(--white); }
@media screen and (max-width:960px){
  .short-impact { padding: 97px 30px 14px 30px; text-align: center; }
}

/* Interior Faculty Feed Module */
.faculty-feed .faculty-module-grid { display: grid; grid-template-columns: 1fr; grid-row-gap: 40px; grid-column-gap: 20px; }
.faculty-feed .faculty-module-grid .facultyImage img { margin: 0 auto; }
.faculty-feed .faculty-module-grid .facultyMember { text-align: center; }
.faculty-feed .facultyDetails span.department { margin-bottom: 0; }
.faculty-feed .facultyDetails a.facultyName, .faculty-feed .facultyDetails span.facultyTitle { margin-bottom: 8px; }
.faculty-feed .facultyDetails a { display: block; }
@media all and (min-width: 961px) {
  .faculty-feed .faculty-module-grid { grid-template-columns: 1fr 1fr 1fr 1fr; }
}

/*PROGRAMS
 LISTING STYLES*/
.programListing.wrapper { padding: 0 1.5rem; }
.programListing .intro.columns { margin-bottom:1.5rem; }
.programListing .columns .controls .three { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2rem; }
/* Program Filters */
.programsFilter > .controls { margin-bottom: 15px; }
/* Program Search */
.programsSearch input.searchBox::placeholder { font-family: var(--interstateRegular); font-style: normal; color: var(--baseFont); font-size: 1rem; }
.programsSearch input.searchBox::-webkit-input-placeholder { color: var(--baseFont); }
.programsSearch input.searchBox::-moz-placeholder { color: var(--baseFont); }
.programsSearch input.searchBox:-ms-input-placeholder { color: var(--baseFont); }
.programsSearch input.searchBox:-moz-placeholder { color: var(--baseFont); }
.programsSearch input.searchBox { border:2px solid #70707026; width: 100%; height: 48px; padding: 20px; font-family: var(--interstateRegular); font-size: 1rem; font-weight: 500; color: var(--baseFont); border-radius: 0; background-color: var(--white); background-image: url(../images/search-icon.svg); background-repeat: no-repeat; background-position: 100% 100%; font-style: normal; }
/* Program Dropdown */
.programsFilter .catDrop select::-ms-expand { display: none; }
.programsFilter .catDrop select { font-family:var(--interstateRegular); font-size:1rem; font-weight:500; width: 100%; height: 48px; max-width:100%; padding: 10px 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/chevron-down-outline.svg); background-repeat: no-repeat; background-position: 100% 100% 0; }
.programsFilter select.categoryDropdown { border:2px solid #70707026; color:var(--baseFont); background-color:var(--white); }
.programsFilter select.categoryDropdown:focus { color:var(--baseFont); background-color:var(--white); border: 1px solid var(--baseFont); }
.programsFilter .categoryDropdown option { color:var(--baseFont); text-transform: none; background-color:var(--white); font-weight: normal; font-style: normal; }

/* Program Listing Boxes */
.programListing .programWrapper { position: relative; width: 100%; padding: 0; z-index: 1; }
.programListing .programWrapper.wysiwygContent.wrapper { padding: 35px 0; }
.programListing .programContainer { display: -ms-flex; display: -moz-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; gap: 2rem; }
.programListing .programLink { position: relative; display: -ms-flex; display: -moz-flex; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; width: calc(33.333333% - 21.33333px); min-height: 148px; background: var(--white); color: var(--baseFont); margin: 0 0 40px 0; padding: 1.25rem; line-height: 1.5; box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; }
.programListing .programLink .programInfo span, .programListing .programLink .programInfo strong { display:block; }
.programListing .programLink { position: relative; border:1px solid #70707026; border-left:5px solid var(--mainGreen); background: var(--white); transition:.25s all ease; }
.programListing .programLink.is-empty { height: 0; min-height: 0; padding: 0; margin: 0; border: none; }
.programListing .programLink:hover, .programListing .programLink:focus { box-shadow: 5px 5px 8px 0px #e5e5e5; transition:.25s all ease; }

/* Program Information */
.programListing .programLink .programInfo { text-decoration: none; }
.programListing .programLink .programInfo .progDetails { min-height:95px; }
.programListing .programLink .programInfo strong.programTitle { display:block; font-family: var(--interstateRegular); color: var(--mainGreen); margin: 0 0 1rem 0; padding: 0; font-size: 1.125rem; font-weight: 700; letter-spacing: .01em; text-decoration: none; }
.programListing .programLink .programInfo strong.programTitle:hover, .programs .programLink .programInfo a.programTitle:focus { text-decoration: underline; }
.programListing .programLink .programInfo span.degrees { width: 100%; font-size: 1rem; font-weight: 400; color: var(--baseFont); line-height: 1.5; margin: 7px 0; letter-spacing: .03em; }
.programListing .programLink .linkRow { position: relative; width:100%; margin-top:1.25rem; padding-bottom:1rem; }
.programListing .programLink span.degreeType { position: absolute; left:0; }
.programListing .programLink strong.viewMore { position: absolute;  text-decoration: none; color: var(--mainGreen); font-weight: 600; right:0; opacity:0; transition:.25s all ease; }
.programListing .programLink strong.viewMore:after { display: inline-block; margin: 0 0 0 .5rem; content: url(../images/chevron-forward-outline.svg); width: 15px; height: 20px; position: relative; top: 3px; transition:.25s all ease; }
.programListing .programLink span.degrees:before { display: inline-block; margin: 0 .5rem 0 0; content: url(../images/icons/green-circle-check.png); width: 15px; height: 20px; position: relative; top: 1px;  }
.programListing .programLink span.programType:before { display: inline-block; margin: 0 .5rem 0 0; content: url(../images/icons/grad-cap.png); width: 15px; height: 20px; position: relative; top: 1px;  }
.programListing .programLink:hover strong.viewMore, .programListing .programLink:focus strong.viewMore { opacity:1; transition:.25s all ease; }
.programListing .programLink:hover strong.viewMore:after, .programListing .programLink:focus strong.viewMore:after { margin: 0 0 0 .75rem; transition:.25s all ease; }

@media all and (max-width: 1024px) {
  /*.programListing.wrapper { padding: 0 1.25rem; }*/
  .programListing .programContainer { gap:0; }
  .programListing .programLink, .programListing .programLink { width: 100%; }
  .programListing .programsFilter.columns { padding:0; }
}
@media all and (min-width: 961px) {
  /* Programs Filter Box */
  .programsFilter .catDrop .select { margin-right: 0; }
  .programsFilter > .controls { margin-bottom: 0px; }
}
@media all and (max-width: 960px) {
    /* Programs Filter Box */
    .programsFilter.columns .controls .three { display: grid; grid-template-columns:1fr; grid-template-rows: 1fr; gap: 0; }
}

@media screen and (max-width:780px){
    .programsFilter.columns .catDrop.cell:not(.video), .programsFilter.columns .programsSearch.cell:not(.video) { margin-bottom: 1rem; }
}

/*NEWS LISTING*/
.newsFilter .catDrop select::-ms-expand { display: none; }
.newsFilter .catDrop select { font: normal normal 500 16px/19px var(--interstateRegular); color: var(--baseFont); border: 2px solid rgba(0, 102, 67, .1); background-color: #fff; width: 100%; max-width: 999px; height: 48px; padding: 12px 19px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/chevron-down-outline.svg); background-repeat: no-repeat; }
.newsFilter .catDrop select:focus { border: 2px solid rgba(0, 102, 67, .1); color:#2B2D34; background-color: #fff; }
.newsFilter .categoryDropdown option { color:#2B2D34; text-transform: none; background-color:#fff; font-weight: normal; }
.newsFilter .categoryDropdown [selected] { color:#2B2D34; font-weight: 700; }
.newsFilter .catDrop input:focus-visible, .newsFilter .catDrop select:focus-visible { outline: none;}
.newsFilter .inputGroup { position: relative; }
.newsFilter .inputGroup input.searchBox::placeholder { font-family: var(--interstateRegular); font-style: normal; color: var(--baseFont); font-size: 1rem; }
.newsFilter .inputGroup input.searchBox::-webkit-input-placeholder { color: var(--baseFont); }
.newsFilter .inputGroup input.searchBox::-moz-placeholder { color: var(--baseFont); }
.newsFilter .inputGroup input.searchBox:-ms-input-placeholder { color: var(--baseFont); }
.newsFilter .inputGroup input.searchBox:-moz-placeholder { color: var(--baseFont); }
.newsFilter .inputGroup input.searchBox { font: normal normal 500 16px/19px var(--interstateRegular); color: var(--baseFont); border: 2px solid rgba(0, 102, 67, .1); width: 100%; height: 48px; padding: 20px; border-radius: 0; background-color: var(--white); background-image: url(../images/search-icon.svg); background-repeat: no-repeat; background-position: 100% 100%; font-style: normal; }
.newsFilter .inputGroup button { display: inline-block; position: absolute; left: auto; right: 10px; top: -10px; width: 40px; height: 44px; text-indent: -99999px; border: none; background: transparent; color: #2B2D34; text-transform: uppercase; font-size: 1rem; cursor: pointer; }
.newsListings article.columns .oneTwo { grid-template-columns: 300px 1fr; }
.newsListings article img { width:100%; height:185px; object-fit:cover; }
.newsListings article a.newsTitle { display:block; font: normal normal 500 24px/32px var(--interstateRegular); margin-bottom:.75rem; color: var(--mainGreen); text-decoration: none; letter-spacing: 0px; }
.newsListings article span.newsDate { display:block; font: normal normal 300 12px/24px var(--interstateRegular); margin-bottom:1rem; color: var(--baseFont); text-transform: uppercase; letter-spacing: 0.6px; }
.newsListings article a.readMore { display:block; margin-top:1.25rem; font-weight: 500; }
/*NEWS DETAIL*/
.interior.newsDetail .impact .caption span.title { font: normal normal bold 59px/32px var(--interstateRegular); font-size: clamp(1.5rem, 12vw, 3rem); color: var(--white); text-shadow:none; letter-spacing: -1.48px; text-transform: capitalize; }
.interior.newsDetail .articleDetails { margin: 1rem 0; }
.interior.newsDetail .articleDetails h1 { font: normal normal normal 45px/34px var(--garamond); letter-spacing: 0px; color: var(--mainGreen); }
.interior.newsDetail .articleDetails span.dateAuthor { font: normal normal 300 12px/24px var(--interstateRegular); letter-spacing: 0.6px; color: var(--baseFont); }
.interior.newsDetail .articleDetails a.catLink.readMore { display: block; font: normal normal 300 16px/24px var(--interstateRegular); margin:.75rem 0; letter-spacing: 0px; color: var(--baseFont); }

/*FACULTY LISTING*/
.directoryListings.container { display: flex; flex-flow: row wrap; padding-bottom:3rem; gap: 0 2rem; }
.directoryListing { width: calc(50% - 1rem); background: var(--white); display: flex; flex-flow: row nowrap; margin-bottom:3rem; border: 1px solid #70707026; }
/*.directoryListing:nth-child(odd) { margin-right: 2rem; }*/
.facultyImage { min-width: 150px; height: 175px; margin-right: 1.25rem; }
.facultyImage img { width: 150px; height: 175px; display: block; object-fit: cover; }
.facultyDetails { padding: 1.25rem 1rem 0 .5rem; }
.facultyDetails a.facultyName { display:block; font: normal normal 700 18px/45px var(--interstateRegular); letter-spacing: 0.45px; line-height: 1.125rem; margin-bottom:1rem; color: var(--mainGreen); text-decoration: none; }
.facultyDetails span.department { display:block; margin-bottom:.5rem; }
.facultyDetails span.facultyTitle { display:block; margin-bottom:1.25rem; }
.facultyDetails a.facultyPhone { text-decoration: none; }
.facultyDetails a.facultyEmail { font: normal normal 300 16px/35px var(--interstateRegular); letter-spacing: 0px; color: var(--mainGreen); }
.interior.facultyDetail .impact .caption span.title { font: normal normal bold 59px/32px var(--interstateRegular); font-size: clamp(1.5rem, 12vw, 3.75rem); color: var(--white); text-shadow:none; letter-spacing: 0; text-transform: capitalize; }
.interior.facultyDetail h1.callout { font: normal normal normal 45px/34px var(--garamond); letter-spacing: 0px; margin-bottom:2rem; color: var(--mainGreen); }
.interior.facultyDetail  .mainContent { display: grid; grid-template-columns: 300px 1fr; gap:2rem; padding: 0 1rem; max-width: 1280px; }

.interior.facultyDetail .sectionNavColumn { display: block; flex-direction: unset; padding: 0; grid-area:auto; min-width: 300px; width: 100%; }
.interior.facultyDetail .interiorContent { display: grid; flex-direction: column; grid-area:auto; }
.interior.facultyDetail strong.department { display:block; margin:.25rem 0; }
.interior.facultyDetail strong.facultyTitle { display:block; margin-bottom:.25rem; }
.interior.facultyDetail span.facultyPhone, .interior.facultyDetail span.facultyEmail { display:block; margin-bottom:.25rem; }
.interior.facultyDetail span.facultyPhone a { text-decoration: none; }
.interior.facultyDetail span.facultyEmail a { font: normal normal 300 16px/35px var(--interstateRegular); letter-spacing: 0px; color: var(--mainGreen); }

@media all and (max-width: 960px) {
    .directoryListing { width: 100%; background: var(--white); display: block; margin-bottom:3rem; border: 1px solid #70707026; }
    .directoryListings.container { display: block; flex-flow: column wrap; }
    .interior.facultyDetail .mainContent { display: block; }
    .interior.facultyDetail .mainContent span.callout { font-size: 2.25rem; }
    .interior.facultyDetail .mainContent .sectionNavColumn img { width: 100%; max-width: 400px; }
    .facultyImage { min-width: 320px; width:100%; height: auto; margin-right: 0; }
    .facultyImage img { width: 100%; max-width: 200px; height:auto; }
}


/* ============================
   Slick Slider
* ============================*/
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
/*.slick-slide.slick-loading img { display: none; }*/
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
/*.slick-loading .slick-slide { visibility: hidden; }*/
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute;  display: block; width: 35px; height: 35px; padding: 0; cursor: pointer; border: none; z-index: 2; background-color: #274E37; border: 2px solid #274E37; bottom: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { background-color: #92AC3E; border: 2px solid #92AC3E; }
.slick-prev { left: 0; background-image: url(../images/white-arrow-left.svg); background-position: center center; background-repeat: no-repeat; }
.slick-prev:before { content:""; padding-top: 0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.slick-next { left: 33px; background-image: url(../images/white-arrow-right.svg); background-position: center center; background-repeat: no-repeat; }
.slick-next:before { content:""; padding-top: 0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }
ul.slick-dots { position: absolute; display: block; width: 100%; bottom: -44px; padding: 0; margin: 0; list-style: none; text-align: center; text-indent: 0; }
ul.slick-dots > li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 2px; padding: 0; cursor: pointer; clear: none; }
ul.slick-dots li:before { content: ''; }
ul.slick-dots > li button { /*font-size: 0;*/ line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
ul.slick-dots li button:hover, ul.slick-dots li button:focus { }
ul.slick-dots li button:hover:before, ul.slick-dots li button:focus:before { opacity: 1; color: #274E37; }
ul.slick-dots > li button:before { font-size: 2.8125em; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\2022'; text-align: center; color: #707070; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
ul.slick-dots li.slick-active button:before { color: var(--white); content: ""; }

/* ============================
   Magnific Popup
* ============================*/
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; overflow: hidden; position: fixed; background: rgba(0, 0, 0, .8); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; position: fixed; outline: none !important; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, .closeButton { overflow: visible; cursor: pointer; border: 1px solid var(--mainGreen); background: transparent; -webkit-appearance: none; display: block; outline: none; padding: 8px 30px; z-index: 999999; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
button.mfp-arrow { position: absolute; bottom: 32px; display: block; width: 35px; height: 35px; padding: 0; cursor: pointer; border: none; z-index: 2; background-color: #274E37; border: 2px solid #274E37; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.mfp-arrow-left .mfp-arrow-right { width: 44px; height: 44px; color: #fff; }
.mfp-arrow-left { right: 72px; background-image: url(../images/arrow-left-white.svg); background-position: center center; background-repeat: no-repeat; }
.mfp-arrow-right { right: 38px; background-image: url(../images/arrow-right-white.svg); background-position: center center; background-repeat: no-repeat; }
.mfp-arrow-left:hover, .mfp-arrow-right:hover, .mfp-arrow-left:focus, .mfp-arrow-right:focus { background-color: #92AC3E; border: 2px solid #92AC3E; }
button::-moz-focus-inner { padding: 0; border: 0; }
.mfp-close, .closeButton, button.mfp-close { width: auto; height: 42px; position: absolute; right: 0; top: 0; font-family: 'Open Sans', Helvetica, Arial, san-serif; font-style: normal; font-size: 1.8rem; text-decoration: none; text-align: center; line-height: 1em; opacity: 0.9; filter: alpha(opacity=65); padding: 6px 15px; color: #fff; top: -57px; max-width: 137px; width: 100%; }
.mfp-close:before { display: inline-block; font-size: 1.05rem; font-weight: 600; content: "CLOSE"; margin: 0 10px 0 0; vertical-align: top; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); top: -57px; }
.mfp-close:active { top: -57px; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; text-align: center; max-width: 137px; width: 100%;  }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -57px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); */background: #000; }
/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width:900px) {
  .mfp-arrow { /*-webkit-transform: scale(0.75); transform: scale(0.75);*/ }
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 15px; padding-right: 15px; }
}
.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

/* section navigation */
.sectionNav { margin-bottom: 20px; font-size: .98rem; background-color: var(--white); border-left: 4px solid var(--mainGreen); }
.sectionNav ul { margin: 0; padding: 0; text-indent: 0; list-style: none; }
.sectionNav > ul { width: 100%; margin-bottom: 0; padding-bottom: 0; }
.sectionNav .sectionTitle { display: none; }
.sectionNav .sectionTitle .menuText { color: var(--mainGreen); font-size: 1.25rem; }
.sectionNav ul li.row { border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
.sectionNav .title { display: block; font-size: 1.5rem; font-weight: 600; color: var(--mainGreen); line-height: 1.4; }
.sectionNav ul li .title { padding: 18px 0 10px 0; text-transform: uppercase; }
.sectionNav ul li { position: relative; font-size: 1rem; line-height: 1.3em; margin-bottom: 0; }
.sectionNav ul > li li li:last-child { border-bottom: none; }
.sectionNav ul li a { display: inline-block; padding: 8px 0; text-decoration: none; }
.sectionNav ul > li > a { font-weight: 600; }
.sectionNav ul li::before { content: normal; }
.sectionNav ul li.active ul { padding: 2px 0 20px 0; }
.sectionNav ul li.active > a { color: var(--accentGreen); }
.sectionNav ul li.active.sub > a { padding-bottom: 10px; }
.sectionNav .content { padding: 0 22px 14px 22px; }
.sectionNav .content ul li a { text-decoration: none; line-height: 1; }
.sectionNav .content ul li.active a { line-height: 1.4em; font-weight: 600; }
.sectionNav .content ul li a:hover, .sectionNav .content ul li a:focus { text-decoration: underline; }
.sectionNav .content li a:before { position: absolute; top: 10px; left: 22px; }
.sectionNav .content ul > li > a span { padding-left: 0; }
.sectionNav ul > li > a { font-weight: 500; }
.sectionNav ul > li > ul > li { font-size: .9rem; border: none; }
.sectionNav ul > li > ul > li a { text-transform: none; padding: 10px 5px 10px 14px; font-weight: 400; }
.sectionNav .content ul > li > ul > li a span { position: relative; display: block; padding-left: 20px; font-weight: 500; }
.sectionNav ul > li > ul > li.active > a { color: var(--accentGreen); }
.sectionNav .content ul > li > ul > li a span:before { position: absolute; left:-.25rem; top:2px; width:20px; content: url('../images/chevron-forward-outline.svg'); width:1rem; }

/* Tier 4 */
.sectionNav ul > li > ul > li ul li { border: none; }
.sectionNav ul > li > ul > li.active ul { padding: 0 5px 0 24px; }
.sectionNav ul > li > ul > li.active ul li { font-size: 0.85rem; }
.sectionNav ul > li > ul > li.active ul li a { display: block; }
.sectionNav ul > li > ul > li.active ul li.active > a { color: var(--accentGreen); }
/* Tier 5 */
.sectionNav ul > li > ul > li.active ul > li > ul > li { font-size: 0.8rem; }
.sectionNav ul > li > ul > li.active ul > li > ul > li a { display: block; }
.sectionNav ul > li > ul > li.active ul > li > ul > li.active > a { color: var(--accentGreen); }
@media screen and (min-width: 1141px) {
	.sectionNav .content { display: block !important; }
}
@media screen and (max-width: 1140px) {
  .sectionNav .title { display: none; }
	.sectionNav { width: 100%; }
	.sectionNav > ul { margin-left: auto; margin-right: auto; margin-bottom: 0; padding: 0; }
	.sectionNav .sectionTitle { display:inline-block; width: 100%; background: var(--white); border: 1px solid var(--white); text-align: left; font-size: .9rem; letter-spacing: .08em; font-weight: 700; line-height: 1; text-transform: uppercase; padding: 10px; cursor: pointer; }
	.sectionNav .sectionTitle:before { position: absolute; top: 10px; right: 15px; width: 24px; height:19px; content: url('../images/chevron-down-outline.svg'); transform-origin: 50% 50%; transform: rotate(0deg); transition: all 0.4s ease-in-out; }
	.sectionNav.open .sectionTitle:before { top: 10px; right: 15px; transform: rotate(-180deg); }
	.sectionNav.open .sectionTitle { border-bottom: 1px solid transparent; }
	.sectionNav ul li.row { max-width: 100%; }
	.sectionNav .content { display: none; width: 100%; padding: 0 20px 14px 20px; }
}
@media screen and (max-width: 767px) {
	.sectionNav { width: 100% !important; margin: 0; }
}

/* EVENT PAGES */
.eventLandingPage, .eventCategoryPage, .eventDetailPage { background-color: #fafafa; }
/* Event Landing Page Featured Events Section */
#featuredEvents a { text-decoration: none; color: var(--white); transition: var(--transition); height: 100%; }
#featuredEvents .content { padding: 250px 30px 30px 30px; height: 100%; transition: var(--transition); }
#featuredEvents h2 { margin-top: 24px; margin-bottom: 18px; font-size: 2.25rem; font-weight: bold;  }
#featuredEvents .content h3 { text-transform: uppercase; font-size: 1.875rem; }
#featuredEvents .content h4 { margin-bottom: 6px; font-size: 1.125rem; }
#featuredEvents .content p { font-size: .75rem; line-height: 1.5; margin-bottom: 0; }
#featuredEvents .content strong { font-weight: 500; }
#featuredEvents .cell { background-repeat: no-repeat; background-position: center; background-size: cover; }
.blackGradient { background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.9) 100%); }
a:hover .blackGradient, a:focus .blackGradient { background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.95) 100%); }
.monthly-controls {display: flex; flex-flow: row nowrap; margin-bottom: 20px; }
.monthly-controls .show-month {width: 160px; text-align: center; font-family: var(--interstateRegular); font-size: 1.2em;}
.monthly-controls .prev-month { background-image: url(../images/chevron-forward-outline.svg); background-position: center; width: 20px; height: auto; transform: scaleX(-1); background-repeat: no-repeat; background-color: var(--grayBg); border: none; cursor: pointer;}
.monthly-controls .next-month { background-image: url(../images/chevron-forward-outline.svg); background-position: center; width: 20px; height: auto; background-repeat: no-repeat; background-color: var(--grayBG); border: none; cursor: pointer;}

@media only screen and (max-width: 650px) {
  #featuredEvents h2 { font-size: 1.5rem }
  #featuredEvents { max-width: 100vw; }
  .featuredColumns::-webkit-scrollbar { height: 4px; }
  .featuredColumns::-webkit-scrollbar-track { background-color: rgba(255,255,255,.2); }
  .featuredColumns::-webkit-scrollbar-thumb { background: var(--yellow); }
  .featuredColumns::-webkit-scrollbar-thumb:hover { background: var(--white); }
  #featuredEvents .featuredColumns { display: flex; overflow: auto; }
  #featuredEvents .content { width: 90vw; }
}
@media only screen and (min-width: 651px) {
  #featuredEvents .featuredColumns { display:grid; grid-template-columns: 1fr 1fr 1fr; }
}

/* Event Cards and Event Detail Page Image */
.four-column-cards { padding: 40px 30px; }
.four-column-cards.mixitup-container-failed { padding: 16px 30px; grid-template-columns: 1fr; }
.no-results-message { display: none; }
.mixitup-container-failed .no-results-message { display: block; }
.eventFigure { position: relative; }
.mix-card .eventFigure { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.eventFigure img { display: block; width: 100%; max-height: 350px; }
.mix-card .eventFigure img { height: auto; max-height: 117px;}
.eventFigure figcaption { padding: 18px 14px; text-align: center; font-style: normal; position: relative; background-color: var(--white);}
.eventFigure h1, .eventFigure h3 { margin-bottom: 5px; transition: var(--transition); }
.eventDetailPage .eventFigure h1 { font-size: 2.375rem; }
.eventFigure figcaption h3 { font-size: 1.125rem; text-transform: none; letter-spacing: 1px; font-weight: bold; }
.locationSubtitle { font-size: 1.125rem; transition: var(--transition); display: block; }
.mix-card .locationSubtitle { font-size: .875rem; line-height: 1;}
.mix-card .locationSubtitle strong { font-weight: 500; }
.mix-card a { text-decoration: none; transition: var(--transition); }
.mix-card a .eventFigure, .mix-card a img { transition: all .5s ease; }
.mix-card a:hover .eventFigure, .mix-card a:focus .eventFigure { box-shadow: rgba(99, 99, 99, 0.5) 0px 2px 8px 0px;; }
/* .mix-card a:hover img, .mix-card a:focus img { filter: brightness(.7); z-index: 1; } */
.eventTime { background-color: var(--black); position: absolute; top: -30px; right: 0; height: 30px; width: 86px; display: flex; justify-content: center; align-items: center; padding: 8px; font-family: var(--interstateRegular); font-weight: 500; color: var(--white); font-size: .875rem; }
.eventDate { min-width: 60px; z-index: 2; background-color: var(--black); color: var(--white); border: 3px solid var(--white); font-weight: 500; font-family: var(--interstateRegular); padding: 8px; text-align: center; position: absolute; top: 8px; left: 8px; }
.eventDate .eventMonth { display: block; text-transform: uppercase; font-size: .825rem; line-height: 1.5; }
.eventDate .eventDay { display: block; font-size: 1.75rem; line-height: 1; }
.categoryFlag { z-index: 2; position: absolute; top: 8px; right: 0px; background-color: var(--mainGreen); color: var(--white); padding: 4px 20px; text-transform: uppercase; font-size: .875rem; letter-spacing: 1.2px; font-family: var(--interstateRegular); }
@media screen and (max-width:550px) {
  .mix-card { margin-bottom: 24px; }
}
@media only screen and (min-width: 551px) {
  .mix-card, .mix-card .eventFigure { height: 100%; }
  .mix-card .eventFigure figcaption { height: calc(100% - 117px); display: flex; justify-content: center; align-items: center; }
  /*.four-column-cards { display: grid; grid-column-gap: 24px; grid-row-gap: 24px; grid-template-columns: 1fr 1fr; }*/
  .four-column-cards #upcomingEventCards { display: grid; grid-column-gap: 24px; grid-row-gap: 24px; grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 961px) {
  .eventDetailPage .eventFigure h1 { font-size: 1.125rem; }
  .eventDetailPage .locationSubtitle { font-size: .75rem; }
}
@media only screen and (min-width: 961px) {
  /*.four-column-cards { grid-template-columns: 1fr 1fr 1fr; }*/
  .four-column-cards #upcomingEventCards { grid-template-columns: 1fr 1fr 1fr; }
}
@media only screen and (min-width: 1081px) {
  /*.four-column-cards { grid-template-columns: 1fr 1fr 1fr 1fr; }*/
  .four-column-cards #upcomingEventCards { grid-template-columns: 1fr 1fr 1fr 1fr; }
}

/* Event Filters on Landing and Listing pages */
#eventFilters { padding-left: 30px; padding-right: 30px; }
#eventFilters h2 { font-size: 2.25rem; font-weight: bold; }
#eventFilters button { font-weight: 500; min-width: 160px; margin-top: 0; margin-bottom: 0; }
#eventFilters .ctaButton, #eventFilters .ctaButton span { line-height: 1.2; }
#eventFilters fieldset:first-of-type { flex-grow: 1; }
.greenButtonGroup { flex-grow: 0; display: flex; }
.greenButtonGroup .ctaButton:first-of-type { background-color: var(--mainGreen)!important; border-color: var(--mainGreen)!important; color: var(--white)!important; }
.greenButtonGroup .skewedBtn { background-color: var(--lightGreen)!important; border-color: var(--lightGreen)!important; color: var(--white)!important; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); margin-left: -12px; margin-right: -12px; }
.skewedBtnText { display: block; -ms-transform: skewX(20deg); -webkit-transform: skewX(20deg); transform: skewX(20deg); }
.greenButtonGroup .ctaButton:last-of-type { background-color: var(--darkGreen)!important; border-color: var(--darkGreen)!important; color: var(--white)!important; }
.greenButtonGroup .ctaButton:hover, .eventCategoryPage #eventFilters .greenButtonGroup .ctaButton:focus, .greenButtonGroup button.ctaButton.mixitup-control-active { background-color: var(--black); border-color: var(--black); }
.filters { padding-top: 17px; padding-bottom: 24px; }
.eventLandingPage #eventFilters { padding-top: 40px; }
.eventCategoryPage .filters { padding-top: 60px; padding-bottom: 0; }
.mixitup-control-active { background-color: var(--accentGreen)!important; }

/*@media screen and (max-width:550px) {*/
/*  #eventFilters h2 { font-size: 1.5rem; text-align: center; }*/
/*  #eventFilters button { min-width: unset; font-size: .825rem; padding: 10px; width: 100%; }*/
/*  #eventFilters select { font-size: .825rem; padding: 10.25px; background-position: calc(150% - 15px) 50%; width: 100%; }*/
/*  .eventLandingPage .filters { display: flex; grid-column-gap: 0.5rem; grid-row-gap: 1rem; flex-wrap: wrap; }*/
/*  .eventLandingPage #eventFilters fieldset { width: calc(50% - 0.25rem); }*/
/*  .eventLandingPage #eventFilters fieldset:first-of-type { width: 100%; }*/
/*  .eventCategoryPage #eventFilters .greenButtonGroup { margin: 25px 0; }*/
/*}*/
/*@media only screen and (min-width: 551px) {*/
/*  .filters { display: flex; gap: 1rem; flex-wrap: wrap; }*/
/*  .filters select { width: 100%; }*/
/*  .filters .clear-filters { align-self: flex-start; }*/
/*  .eventLandingPage #eventFilters fieldset select { width: 227px; }*/
/*}*/
/*@media only screen and (min-width: 551px) and (max-width: 960px) {*/
/*  #eventFilters fieldset select { max-width: 460px; }*/
/*  .eventCategoryPage #eventFilters button { padding: 8px 10px; }*/
/*  .eventCategoryPage #eventFilters button:last-of-type, .eventCategoryPage #eventFilters select { padding-top: 10px; padding-bottom: 10px; }*/
/*}*/

@media screen and (max-width:550px) {
  #eventFilters h2 { font-size: 1.5rem; text-align: center; }
  #eventFilters button { min-width: unset; font-size: .825rem; padding: 10px; width: 100%; }
  #eventFilters select { font-size: .825rem; padding: 10.25px; background-position: calc(150% - 15px) 50%; width: 100%; }
  .eventLandingPage .filters { display: flex; grid-column-gap: 0.5rem; grid-row-gap: 1rem; flex-wrap: wrap; }
  /*.eventLandingPage #eventFilters fieldset { width: calc(50% - 0.25rem); }*/
  .eventLandingPage #eventFilters fieldset:first-of-type { width: 100%; }
  .eventCategoryPage #eventFilters .greenButtonGroup { margin: 25px 0; }
}
@media only screen and (min-width: 551px) {
  .filters { display: flex; gap: 1rem; flex-wrap: wrap; }
  .filters select { width: 100%; }
  .filters .clear-filters { align-self: flex-start; }
  #eventFilters fieldset select { width: 100%; }
}
@media only screen and (min-width: 551px) and (max-width: 960px) {
  #eventFilters fieldset select { max-width: 460px; }
  #eventFilters button { padding: 8px 10px; }
  #eventFilters button:last-of-type, #eventFilters select { padding-top: 10px; padding-bottom: 10px; }
}

@media screen and (max-width:840px) {
  .filters { flex-flow: column; }
  #eventFilters fieldset:first-of-type { width:100%; max-width:100%; }
  #eventFilters fieldset select, #eventFilters fieldset select { max-width:100%; }
  #eventFilters button { width: 34.333333%; }
  #eventFilters button.clear-filters { width:100%; }

}

@media screen and (max-width:600px) {
  #eventFilters button { width: 37%; }

}


/* Add to Calendar or Subscribe Button */
.calendar-button-wrapper { width: max-content; max-width: 100%; }
.align-center .calendar-button-wrapper { margin-left: auto; margin-right: auto; }
.calendar-button-wrapper > a.ctaButton { margin: 0; }
.calendar-buttons { display: flex; justify-content: center; }
a.calendar-button { padding: 5px; line-height: 1; margin: 8px; display: inline-block; width: 40px; height: 40px; }
a.calendar-button svg { width: 100%; fill: var(--mainGreen); }
a.calendar-button:hover svg, a.calendar-button:focus svg { fill: var(--white); }

/* Event Listing Page only */
.subscribeButton { margin-bottom: 60px; padding: 0 30px; }

/* Event Detail Page only */
.eventDetailPage .mainContent { margin-top: 30px; }
.interiorContent .eventFigure { margin-bottom: 2rem; }
.socialShare p { margin-right: 8px; margin-bottom: 5px; font-weight: bold; }
@media only screen and (max-width: 960px) {
  .eventDetailPage { padding-bottom: 24px; }
}
@media only screen and (min-width: 961px) {
  .socialShare { display: flex; justify-content: right; align-items: center; }
}

/*Slate Form Styles*/
.form_container input, .form_container textarea, .form_container select { padding: 10px!important; height: auto!important; color: var(--baseFont)!important; font-family: var(--interstateRegular)!important; background: var(--white); margin-bottom: 1.25rem; }
.form_container label, .form_container .form_label { font-family: var(--interstateRegular); }
.form_container select { background-image: url(../images/chevron-down-outline.svg); background-repeat: no-repeat; background-position: 97% 55%; background-size: 20px; }
.form_container select option { color: var(--baseFont)!important; }
.action button.form_button_submit { display: inline-block; font-family: var(--interstateRegular); font-size: 1rem; font-weight: 600; width:auto!important; height:auto!important; letter-spacing: 0.4px; margin: 1.25rem 0; padding: 12.5px 50px; text-transform: uppercase; text-decoration: none; background: var(--white); border: 2px solid var(--mainGreen); color: var(--baseFont); transition: var(--transition); }
.action button.form_button_submit:focus, .action button.form_button_submit:hover { background:var(--mainGreen); color: var(--white); transition: var(--transition); cursor: pointer; }



.clive-field label { display: block; margin-left: 4px; }
iframe.flickr-embed-frame { min-height: 450px; }