/* 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 { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; width:100%; overflow-x: hidden; font-size: 16px; scroll-behavior: smooth; }
body { height: 100%; width: 100%; }
img, picture, video, canvas, svg { display: block; max-width: 100%; height: auto; }
iframe { display: block; max-width: 100%; }
input, button, textarea, select { font-family: inherit; font-size: inherit; line-height: 1.33; margin: 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-family: inherit; vertical-align: baseline; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
h1, .h1, h2, h3, h4, h5, h6 { width: 100%; display: block; }
article, aside, details, figcaption, figure, footer, .header, hgroup, menu, nav, section { display: block; }
sup { vertical-align: super; font-size:.875em; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, .header, hgroup, menu, nav, section { display: block; }
blockquote { font-size: 1.1rem; font-style: italic; margin-bottom: 25px; }
input { -webkit-border-radius:0px; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }
select { cursor: pointer; border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0; }

:root {   
  /*Colors*/
  --color1: #031e51; /* Dark Blue */
  --color1Hover: #012a75; /* Dark Blue Hover */
  --color2: #fdb813; /* Gold */
  --color2Hover: #ffca2c; /* Gold Hover */
  --color3: #037EA0; /* Light Blue Branded Button */
  --color3Hover: #02708e; /* Light Blue Hover Branded Button */
  --linkHover: #02708e;
  --gray: #6c757d; /* Gray */
  --grayHover: #5c636a; /* Hover Gray */
  --lightGray: #e0e0e0; /* Table Gray */
  --black: #243142e0; /* Black */
  --trueBlack: #000; /* True Black */
  --white: #ffffff; /* White */
  --offWhite: #dee2e6; /* Off White */
  /*Fonts */
  --headingFont: 'Roboto', Helvetica, Arial, san-serif;
  --poppinsFont: 'Poppins', sans-serif;
  --bodyFont: 'Roboto', Helvetica, Arial, san-serif;
  /*Other*/
  --transition: all .4s ease-out;
}

/*Background Colors and Gradients*/
.color1Bg { background-color: var(--color1); }
.color1Bg > *, .color1Bg h2, .color1Bg h3, .color1Bg h4, .color1Bg h5, .color1Bg h6 { color: var(--white); }
.color2Bg { background-color: var(--color2); }
.color3Bg { background-color: var(--color3); }
.blackBg { background-color: var(--black); color: var(--white); }
.whiteBg { background-color: var(--white); }
.grayBg { background-color: #EDEDED; }
.grayBgButton  { background-color: var(--gray); color: var(--white);}
.columns.components.color1Bg,.columns.components.grayBg { padding: 2rem 0; }
.columns.components.color1Bg + .columns.components.color1Bg, .columns.components.color1Bg + .columns.components.grayBg, .columns.columns.components.grayBg + .columns.components.grayBg, .columns.components.grayBg + .columns.components.color1Bg { margin-top: -3rem;}

/* ============================
 GLOBAL ELEMENTS 
* ============================*/

/* Global Font Styles */
body { font-family: var(--bodyFont); font-style: normal; color: var(--black); font-size: 1rem; line-height: 1.5; font-weight: 400;  }
div, span { font-family: var(--bodyFont); }
h1, .h1, h2, h3, h4, h5, h6 { font-family: var(--headingFont); color: var(--color1); line-height: 1.15; margin: 0; }
h1, .h1 { font-size: 2.6rem; font-weight: 600; }
h2, h2 a.ctaLink, .news.category.detail h2  { font-size: 2rem; color: var(--color1); font-weight: 300; margin-bottom: 1rem; }
h2 span.headingDark { font-weight: 900; }
h3, .four h2, h2.columnTitle, h3 a.ctaLink, h2.columnTitle a.ctaLink, .news.category h2 { font-size: 1.25rem; font-weight: 500; margin-bottom: 1rem; }
h4 { font-size: 1.125rem; font-weight: 500; margin-bottom: 1rem; }
h5 { font-size: 1.025rem; font-weight: 500; margin-bottom: 1rem; }
h6 { font-size: 1rem; font-weight: 500; margin-bottom: 1rem; }
p, ul, ol { font-size: 1.125rem; font-weight: 400; margin-bottom: 1rem; color: inherit; }
ol, ul { padding-left: 2rem; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; }
ul.twoColumn { column-count: 2; column-gap: 40px; }
em {font-style: italic; }
strong { font-weight: 700; }

@media all and (max-width: 960px) {
  h1, .h1 { font-size: 2rem; }
  h2, h2 a.ctaLink, .news.category.detail h2 { font-size: 1.75rem; }
  h3, .four h2, h2.columnTitle, h3 a.ctaLink, h2.columnTitle a.ctaLink, .news.category h2  { font-size: 1.5rem; }
  h4 { font-size: 1.25rem; }
  h5 { font-size: 1.125rem; }
  h6 { font-size: 1rem; }
}

@media all and (max-width: 580px) {
  ul.twoColumn { column-count: 1; column-gap: 0; }
}

/* Links and Buttons */
a, button, input.button { font-size: inherit; font-weight: inherit; color: var(--color3); transition: var(--transition); word-wrap: break-word; box-shadow: none; cursor: pointer; }
a:hover, a:focus { color: var(--color3Hover); }
.color1Bg a { color: var(--white);}

/* Callout Link Base */
a.ctaLink { font-size: 1.125rem; font-weight: 600; text-decoration: none; vertical-align: middle; padding-bottom: 0; margin-right: 22px; transition: var(--transition); color: var(--color1); line-height: 1; }
h2 a.ctaLink, h3 a.ctaLink, h2.columnTitle a.ctaLink, h3.columnTitle a.ctaLink { color: var(--color1);  }
a.ctaLink:after, .wysiwygContent a.ctaLink:after, .columns .content a.ctaLink:after { display: inline-block;  content: url(../images/button-double-chevron-yellow.svg); transform: translate(8px, 0); vertical-align: middle; transition: all 0.3s ease-in-out; }
a.ctaLink:hover:after, .wysiwygContent a.ctaLink:hover:after, .columns .content a.ctaLink:hover:after, a.ctaLink:focus:after, .wysiwygContent a.ctaLink:focus:after, .columns .content a.ctaLink:focus:after { transform: translate(11px, 0); }
a.ctaLink:before { display: inline-block; margin-top: 15px; }
.color1Bg a.ctaLink { color: var(--white);}

/* CTA Button Base */
a.ctaButton { text-transform: uppercase; display: inline-block; position: relative; font-size: 1rem; color: var(--white); font-weight: 500; padding: .375rem .75rem; line-height: 1.5; background-color: var(--color3); border: 1px solid var(--color3); border-radius: .375rem; text-decoration: none; margin: 0 0 20px 0; line-height: 1.5; transition: var(--transition); }
a.ctaButton:hover, a.ctaButton:focus { background-color: var(--color3Hover); border-color: var(--color3Hover); }
a.ctaButton:last-of-type { margin-bottom: 0; }
a.ctaButton:last-of-type + p { margin-top: 20px; }

/* Button Colors */
a.goldButton { text-transform: uppercase; display: inline-block; position: relative; font-size: 1rem; font-weight: 500; padding: .375rem .75rem; border: 1px solid var(--color3); border-radius: .375rem; text-decoration: none; margin: 0 0 20px 0; line-height: 1.5; transition: var(--transition); background-color: var(--color2); color: var(--black); border-color: var(--color2); }
a.goldButton:hover, a.goldButton:focus { background-color: var(--color2Hover); border-color: var(--color2Hover); }
a.lightBlueButton {text-transform: uppercase; display: inline-block; position: relative; font-size: 1rem; font-weight: 500; padding: .375rem .75rem; border: 1px solid var(--color3); border-radius: .375rem; text-decoration: none; margin: 0 0 20px 0; line-height: 1.5; transition: var(--transition);  background-color: var(--color3); border-color: var(--color3); color: var(--white); }
a.lightBlueButton:hover, a.lightBlueButton:focus { background-color: var(--color3Hover); border-color: var(--color3Hover); }
a.grayButton { text-transform: uppercase; display: inline-block; position: relative; font-size: 1rem; font-weight: 500; padding: .375rem .75rem; border: 1px solid var(--color3); border-radius: .375rem; text-decoration: none; margin: 0 0 20px 0; line-height: 1.5; transition: var(--transition);  background-color: var(--gray); border-color: var(--gray); color: var(--white); }
a.grayButton:hover, a.grayButton:focus { background-color: var(--grayHover); border-color: var(--grayHover); }
a.darkBlueButton {text-transform: uppercase; display: inline-block; position: relative; font-size: 1rem; font-weight: 500; padding: .375rem .75rem; border: 1px solid var(--color3); border-radius: .375rem; text-decoration: none; margin: 0 0 20px 0; line-height: 1.5; transition: var(--transition);  background-color: var(--color1); border-color: var(--color1); color: var(--white); }
a.darkBlueButton:hover, a.darkBlueButton:focus { background-color: var(--color1Hover); border-color: var(--color1Hover); }
.content p a:last-child.lightBlueButton, .content p a:last-child.goldButton, .content p a:last-child.darkBlueButton, .content p a:last-child.grayButton { margin-bottom: 0;}

/* Buttons with Arrows */ 
a.ctaButton::after, a.darkBlueButton::after, a.goldButton::after, a.lightBlueButton::after, a.grayButton::after { content: url(../images/button-arrow.svg); vertical-align: middle; transition: all .3s; display: inline-block; width: 13px; margin-left: 9px; margin-bottom: -5px; }
a.goldButton::after { content: url(../images/button-arrow-black.svg); }

/* Tables */
table { margin-bottom: 20px; }
table th, table td { padding: 5px 10px; vertical-align: baseline; }
table.stripes { clear: both; border-spacing: 0; border: 1px solid #ccc; }
table.stripes th { border: 1px solid #ccc; }
table.stripes tr:nth-child(even) { background-color: var(--gray); }
table.stripes tr { display: table-row; border: 1px solid var(--gray); }
table.stripes thead td, table.stripes thead th { vertical-align: middle; }
table.stripes td { border: 1px solid #ccc; }
@media all and (max-width: 720px) {
  table.stripes td { border: 1px solid transparent; }
}

/* Figure Image */
figure { position: relative; }
figure .align-right { float: right; }
figure .align-left { float: left; }
figure > figcaption { position: relative; color: var(--darkGray); font-size: .82rem; font-weight: 600; font-style: italic; line-height: 1.7; clear: both; }

/*Select */
.selectGroup { position: relative; }
.selectGroup label { display: block; margin-bottom: 4px; font-weight: 500; text-transform: uppercase; font-size: .9rem; }
select.select { -webkit-appearance: none; -moz-appearance: none; box-shadow: none; background-color: transparent; color: inherit; padding: 14px 55px 14px 14px; border: 3px solid var(--black); max-width: 100%; width: 100%; position: relative; z-index: 10; }
.selectArrow { content: url(https://assets.codepen.io/7341706/select-arrow.svg); display: block; position: absolute; bottom: 0; right: 0; height: 55px; width: 55px; padding: 15px; transition: var(--transition); z-index: 5; }
.select.selectOpen + .selectArrow { transform: rotate(180deg); }
select.select:focus, select.select:focus-visible, select.select:focus-within { border-radius: 0; }
@media all and (min-width: 690px) {
  select.select { min-width: 200px; }
}

/* Global Video Content */
.videoContent { margin-bottom: 0; position: relative; }
.videoContent a.popupVideo { display: block; }
.videoContent .videoWrapper { position: relative; height: 0; padding-bottom: 56.25%; padding-top: 20px; }
.videoContent .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.videoContent .videoButton { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-repeat: no-repeat; transition: var(--transition); background-position: center; background-image: url(../images/youtube-video-button.svg); opacity: .75; }
.videoContent .videoButton span { position: relative; left: -99999px; }
.videoContent .videoButton:hover { opacity: 1; transition: var(--transition); }

@media all and (max-width: 960px) {
  .videoContent a.popupVideo img { max-width:100%; width: 100%; }
}

/* Global Form Styles */
/* Form field text size must be a minimum of 1rem */
.formGroup fieldset { border: 0; padding: 0; }
.formGroup legend { font-size: 1rem; font-weight: 600; }
.formGroup label { font-size: 1rem; font-weight: 600; cursor: pointer; }
.formGroup input { border-radius: 3px; font-size: 1rem; color: var(--darkGray); }
.formGroup select, .formGroup input[type=text], .formGroup input[type=email], .formGroup input[type=url], .formGroup input[type=password], .formGroup textarea { display: flex;  color: var(--darkGray); font-family: var(--bodyFont); font-size: 1rem; border: 1px solid var(--gray); border-radius: 3px; background: var(--white); padding: 8px 8px; margin-bottom: 15px; }
.formGroup button { font-size: 1rem; font-weight: 600; background-color: var(--color3); color: var(--white); padding: 10px 20px; border: 1px solid var(--color3); border-radius: 3px; cursor: pointer; }
.formGroup button:hover, .formGroup button:focus { background-color: var(--color1); border: 1px solid var(--color1); }
.formRow { margin: 0 0 20px 0; }
@media all and (max-width: 580px) {
  .formGroup select, .formGroup input[type=text], .formGroup input[type=email], .formGroup input[type=url], .formGroup input[type=password], .formGroup textarea { width: 100%; }
}

/*Global Classes*/
.hidden { display: none; }
.sr-only, .visuallyhidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
.loadingContent { visibility: hidden; }
.mobileOnly { display: none !important; }
.tabletOnly { display: none !important; }
.desktopOnly { display: block !important; }
@media all and (max-width: 960px) {
  .tabletOnly { display: block!important; }
  .desktopOnly { display: none!important; }
}
@media all and (max-width:580px) {
  .mobileOnly { display: block !important; }
}

/* WYSIWYG-Specific Styles and Image Positioning */
.wysiwygContent ul, .content ul, .wysiwygContent ol, .content ol { padding: 0 0 0 30px; }
.center { text-align: center; }
.align-left, img[align*="left"], img[style*="text-align: left"] { float: left; margin: 0 30px 15px 0; }
p > .align-left, span > .align-left { margin: 8px 30px 15px 0; }
.align-right, img[align*="right"], img[style*="text-align: right"] { float: right; margin: 0 0 15px 30px; }
p > .align-right, span > .align-right { margin: 8px 0 15px 30px; }
img[align*="center"], img[style*="text-align: center"], [style*="text-align: center"] img { margin: 0 auto 15px auto; }
.align-center { text-align: center; display: block; }
.content h2:not(:first-child) { margin-top: 2rem; }
ul.twoColumnList { column-count: 2; column-gap: 100px; width: fit-content; }
/* BEGIN NOTE: DO NOT INCLUDE IN WYSIWYG CSS - ONLY MAIN STYLE CSS */
@media all and (max-width:768px) {
  ul.twoColumnList { column-count: 1; }
}
/* END NOTE: DO NOT INCLUDE IN WYSIWYG CSS - ONLY MAIN STYLE CSS */
@media all and (max-width:580px) {
  .align-left, img[align*="left"], img[style*="text-align: left"], .align-right, img[align*="right"], img[style*="text-align: right"], .align-center, img[align*="center"], img[style*="text-align: center"] { float: none; clear: both; display: block; margin-left: 0; margin-right: 0; }
  figure.image { float: left; width: 100%; text-align: center; margin-top: 15px; margin-bottom: 20px; }
  figure .align-right { float: none; width: auto; max-width: 100%; clear: both; text-align: center; margin-left: auto; margin-right: auto; }
  figure .align-left { float: none; width: auto; max-width: 100%; clear: both; text-align: center; margin-left: auto; margin-right: auto; }
}

/*Screenreader*/
.screenreader { position: fixed; top: 0; z-index: 99999; }
.screenreader a { position: absolute; width: 260px; padding: 10px; left: -100000px; background-color: var(--color1); 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; }

/*Layout*/
.wrapper, .facultyListing .directoryFilter .controls.catDrop, .facultyListing .facultyListingWrapper, .facultyBioDetail.landing .mainContent.wrapper, .programs .mainContent.wrapper, .news.landing .mainContent.wrapper { max-width: 1440px; width: 100%; margin: 0 auto; }
.component { padding: 30px 0; }

/*Grid Columns*/
.columns { display: grid; position: relative; margin-bottom: 3rem; }
.columns .cell.centered { display: flex; align-items: flex-start; justify-content: center; padding: 0 20px;  }
.columns .cell > img, .columns .cell > a > img, .columns .cell > div > a > img  { display: inherit; max-width: 100%; width: 100%; }
.columns .one { grid-template-columns: minmax(0, 1fr); }
.columns .two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.columns .three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.columns .four { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; }
.columns .oneTwo { display: grid; grid-template-columns: 30% minmax(0, 1fr); gap: 2rem; margin-bottom: 3rem; }
.columns .twoOne { display: grid; grid-template-columns: minmax(0, 1fr) 30%; gap: 2rem; margin-bottom: 3rem; }
.cell { display: flex; flex-flow: column nowrap; }
.columns .cell > img, .columns .cell > a > img, .columns .cell > div > a > img  { display: inherit; max-width: 100%; width: 100%; }
.columns .cell img + .content, .columns .cell video + .content, .columns .cell a + .content { padding-top: 20px; }
.cellBG, .interiorMain .columnBG { padding: 30px; }
.columns .cell .img:first-child, .columns .cell .videoContent:first-child { margin-bottom: 1rem; }
@media all and (max-width:960px){
  .interiorMain .columnBG { padding: 30px 0; }
}
@media all and (min-width:581px) and (max-width:960px) {
  .columns .three, .columns .four { grid-template-columns: minmax(0, 1fr); }
  .columns .three .cell, .columns .four .cell { display: block; }
  .columns .three .cell > *, .columns .four .cell > * { display: inline-grid; grid-template-columns: minmax(0, 1fr); max-width: 49%; vertical-align: top; }
  .columns .three .cell > * + *, .columns .four .cell > * + * { padding-left: 20px; }
  .columns .three .cell.noImageVideo > .content { max-width: 100%; }
  .columns .three .cell img + .content, .columns .three .cell video + .content, .columns .three .cell a + .content,  .columns .four .cell img + .content, .columns .four .cell video + .content, .columns .four .cell a + .content { padding-top: 0; }
}
@media all and (max-width:580px){
    .columns .two, .columns .three, .columns .oneTwo, .columns .twoOne, .columns .four { grid-template-columns: minmax(0, 1fr); grid-column: auto; grid-row: auto; gap: 1rem; }   
}

/* Wrappers */
.wrapper, .facultyListing .directoryFilter .controls.catDrop, .facultyListing .facultyListingWrapper, .facultyBioDetail.landing .mainContent.wrapper, .programs .mainContent.wrapper, .news.landing .mainContent.wrapper  { max-width: 1320px; padding: 0 .75rem} 
.mainContent.wrapper, .facultyBioDetail.landing .mainContent.wrapper .wrapper, .news.landing .wrapper .wrapper { max-width: 100%; padding: 0;}
.mainContent.wrapper .columns.components.color1Bg:last-child, .mainContent.wrapper .columns.components.grayBg:last-child { margin-bottom: 0;}
.mainContent.wrapper .wrapper { padding: 0 .75rem }
.programs.landing .mainContent.wrapper { margin-top: 3rem;}
.mainContent.wrapper .columns.components.grayBg:first-child, .mainContent.wrapper .columns.components.color1Bg:first-child { margin-top: -3rem; }
@media all and (max-width: 1400px) {
  .wrapper, .facultyListing .directoryFilter .controls.catDrop, .facultyListing .facultyListingWrapper, .facultyBioDetail.landing .mainContent.wrapper, .programs .mainContent.wrapper, .news.landing .mainContent.wrapper { max-width: 1140px; }
}
@media all and (max-width: 1200px) {
  .wrapper, .facultyListing .directoryFilter .controls.catDrop, .facultyListing .facultyListingWrapper, .facultyBioDetail.landing .mainContent.wrapper, .programs .mainContent.wrapper, .news.landing .mainContent.wrapper { max-width: 960px; }
}
@media all and (max-width: 992px) {
  .wrapper, .facultyListing .directoryFilter .controls.catDrop, .facultyListing .facultyListingWrapper, .facultyBioDetail.landing .mainContent.wrapper, .programs .mainContent.wrapper, .news.landing .mainContent.wrapper { max-width: 720px; }
}
@media all and (max-width: 960px) {
    .mainContent.wrapper .columns.components.grayBg:first-child, .mainContent.wrapper .columns.components.color1Bg:first-child { margin-top: 0; }
}
@media all and (max-width: 768px) {
  .wrapper, .facultyListing .directoryFilter .controls.catDrop, .facultyListing .facultyListingWrapper, .facultyBioDetail.landing .mainContent.wrapper, .programs .mainContent.wrapper, .news.landing .mainContent.wrapper { max-width: 540px; }
}

/* ============================
TOP ALERT BANNER
* ============================*/
.alert-banner { width: 100%; font-family: Roboto, helvetica, sans-serif; font-size: 1.3rem; color: #fff; background-color: #037EA0; font-weight: 600; text-align:center; padding: 12px 25px; top: 52px; position: relative; }
.alert-banner.lightBlue { color: #fff; background-color: #037EA0; }
.alert-banner.red { color: #fff; background-color: rgb(220,53,69); }
.alert-banner > .wrapper { max-width: 1300px; margin: 0 auto; }
.alert-banner p:last-of-type { margin-bottom: 0; }
.alert-banner a { color: #fff; text-decoration: underline; }
@media all and (max-width: 767px) {
   .alert-banner { font-size: 1.1rem; } 
}

/* ============================
SIDE ALERT BANNER
* ============================*/
/* Alert Message Button and Icons */
.toggleAlertBtn .visuallyhidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
.mfp-wrap { outline: none; }
.alertActive.mfp-bg { background: none; top: 0; }
.alertActive ~ .alertBanner { opacity: 0; visibility: hidden; }
.alertBanner { position: absolute; top: 200px; bottom: auto; left: auto; right: 0; width: fit-content; z-index: 9; opacity: 1; transition: all .4s ease-in-out; opacity: .8; cursor: pointer; }
.alertBanner .wrapper { max-width: 1620px; width: 100%; padding: 0; }
.alertBanner:hover, .alertBanner:focus { opacity: 1; }
.toggleAlertBtn { font-size: 1rem; display: block; width: 72px; height: 72px; color: #fff; text-decoration: none; background-size: contain; background-repeat: no-repeat; background-position: center; }
.toggleAlertBtn .alertTitle { display: inline; font-size: 1.5rem; }
.toggleAlertBtn .details { text-decoration: underline; font-size: 1rem; }
/* Alert Message Area */
.alertActive .mfp-container { padding: 0; top: 200px; height: 0%; } 
.alertActive .mfp-content { right: 0; }
.alert { position: relative; z-index: 99; width: 100%; max-width: 600px; margin: 0 0 0 auto; padding: 0; border: none; }
.alert .alertTitle { display: flex; padding: 25px 50px 15px 25px; font-size: 1.5rem; font-weight: 600; line-height: 1.3; }
.alert .alertTitle div + div { padding: 4px 0 0 0; }
.alert .summary { float: left; width: 100%; padding: 0 50px 25px 25px; font-size: 1.125rem; font-weight: 400; }
.alert .summary p:last-child { margin-bottom: 0; }
.alert .summary a { color: #fff; }
.alert .summary a.ctaLink { font-size: 1.125rem; font-weight: 400;  color: #fff; text-decoration: none}
.alert .summary a.ctaLink i { padding-left: 10px; font-size: 1.125rem; transition: all .4s ease-in-out; }
.alert .summary a.ctaLink:hover i, .alert .summary a.ctaLink:focus i { padding-left: 15px; transition: all .4s ease-in-out; }
.alertMessage { position: relative; width: 100%; margin-top: 0; }
.alertMessage .wrapper { padding: 0; margin: 0 0 0 auto; }
.alert > button.mfp-close, #alertMessage.alert > .mfp-close { top: 5px; }
.alert .mfp-close { font-size: 3rem; top: 5px; right: 10px; color: #fff; opacity: 1; }
.alert .mfp-close:hover, .alert .mfp-close:focus { opacity: .75; }
.alert .mfp-close:focus { border: 1px solid var(--white); }
.alert .mfp-close:before { display: block; background-color: transparent; width: 100%; height: 100%; padding: 10px; }
.alert .mfp-close:hover:before, .alert .mfp-close:focus:before { background-color: transparent; }
/* Dark Blue */
.alertBanner .toggleAlertBtn { background-image: url("../images/bell-regular-white.svg"); background-size: 60%; }
.alertBanner .toggleAlertBtn.warning { background-image: url("../images/exclamation-solid-white.svg"); background-size: 15%; }
.alertBanner.darkBlueAlert, .alert.darkBlueAlert .summary, .alert.darkBlueAlert .alertTitle  { background-color: #031e51; color: #fff; }
#alertMessage .alert.darkBlueAlert button.mfp-close, #alertMessage.alert.darkBlueAlert .mfp-close { background-color: #031e51; color: #fff; }
.mfp-close-btn-in .alert.darkBlueAlert .mfp-close { color: #fff; }
/* Light Blue */
.alertBanner.lightBlueAlert, .alert.lightBlueAlert .summary, .alert.lightBlueAlert .alertTitle  { background-color: #037EA0; color: #fff; }
#alertMessage .alert.lightBlueAlert button.mfp-close, #alertMessage.alert.lightBlueAlert .mfp-close { background-color: #037EA0; color: #fff; }
.mfp-close-btn-in .alert.lightBlueAlert .mfp-close { color: #fff; }
/* Yellow */
.alertBanner.yellowAlert .toggleAlertBtn{ background-image: url("../images/bell-regular.svg");  }
.alertBanner.yellowAlert .toggleAlertBtn.warning { background-image: url("../images/exclamation-solid.svg"); background-size: 15%; }
.alertBanner.yellowAlert, .alert.yellowAlert .summary, .alert.yellowAlert .alertTitle  { background-color: #ffc107; color: #000; }
.alert.yellowAlert .summary a {color: #000; }
#alertMessage .alert.yellowAlert button.mfp-close, #alertMessage.alert.yellowAlert .mfp-close { color: #000; }
.mfp-close-btn-in .alert.yellowAlert .mfp-close { color: #000; }
.alert.yellowAlert .summary a.ctaLink { color: #000; }
/* Red */
.alertBanner.redAlert, .alert.redAlert .summary, .alert.redAlert .alertTitle { background-color: rgb(220,53,69); color: #fff; }
#alertMessage .alert.redAlert button.mfp-close, #alertMessage.alert.redeAlert .mfp-close { background-color: #031e51; color: #fff; }
.mfp-close-btn-in .alert.redAlert .mfp-close { color: #fff; }
@media all and (max-width: 960px) {
	.alert .alertTitle { font-size: 1.35rem; }
	.toggleAlertBtn { width: 45px; height: 45px; }
}
@media all and (max-width: 760px) {
  .alert { padding: 0 0 0 25px; }
}

/* ====================== 
 HEADER
======================= */
header { position: fixed; z-index: 100; background-color: var(--color1); width: 100%; top: 0; }
header > .wrapper { width: 100%; max-width: 1320px; padding: 10px .75rem; margin: 0 auto; height: 52px; }
header .logo svg { height: 19px; }
/* Eyebrow */
header .eyebrow { display: flex; flex-direction: row; }
header .eyebrow:after { content: ""; clear: both; display: block; }
header .eyebrow .left { display: flex; flex-flow: row; align-items: center; }
header .eyebrowInner { display: flex; margin: 0 0 0 auto; align-items: center; }
header .eyebrow ul.secondary { margin: 0 0 0 auto; display: flex; align-items: center;}
header .eyebrow .portal button { border: none; background-color: transparent; vertical-align: middle; }
header .eyebrow ul.secondary li { display: inline-block; margin-right: 30px; }
header .eyebrow ul.secondary li:first-child a { font-weight: 500; display: inline-block; position: relative; font-size: 1.125rem; color: var(--white); background-color: var(--color3); line-height: 1.5; padding: 0 15px; border: 1px solid var(--color3); border-radius: 4px; text-decoration: none; margin: 0; transition: var(--transition);  background-color: var(--color2); color: var(--trueBlack); border-color: var(--color2); }
header .eyebrow ul.secondary li:first-child a:hover, header .eyebrow ul.secondary li:first-child a:focus { color: var(--trueBlack); background-color: var(--color2Hover); border-color: var(--color2Hover); }
header .eyebrow ul.secondary li a { font-family: var(--bodyFont); font-size: 1.125rem; font-weight: 400; color: var(--white); text-decoration: none; transition: color 0.4s ease-in-out; }
header .eyebrow ul.secondary li a:focus, header .eyebrow ul.secondary li a:hover { color: var(--linkHover); }
header .eyebrow ul.secondary li a.goldButton { padding-top: 3px;}
header .eyebrow .portal img.mymuicon { height: 30px; }
header .eyebrow .searchToggle button { background-color: var(--color1); border: 1px solid var(--color1); padding: 0; margin: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; }
header .eyebrow .searchToggle button i { color: var(--white); font-size: 25px; transition: var(--transition); }
header .eyebrow .searchToggle button:hover i, header .eyebrow .searchToggle button:focus i { color: var(--linkHover); }
header .eyebrow .searchToggle button span.innerText { position: absolute; left: -9999px; color: var(--white); }
header .searchbox { position: absolute; top: 100%; right: 0; left: 0; visibility: hidden; opacity: 0; max-height: 0; background-color: rgba(0, 0, 0, 0.1); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); z-index: 100; transition: var(--transition);  }
header .searchbox > .wrapper { max-width: 1320px; padding: 14px 7%; margin: 0 auto; }
header .searchbox > .wrapper:after { display: none; }
header .myMu { position: absolute; top: 100%; right: 0; left: 0; visibility: hidden; opacity: 0; max-height: 0; background-color: rgba(0, 0, 0, 0.1); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); z-index: 100; transition: var(--transition); }
/* My MU Open */ 
header .myMu.open { visibility: visible; opacity: 1; display: block; padding: 15px 0; max-height: 100vh; height: 100vh; top: 0; overflow-y: auto; }
header .myMu ul { display: flex; flex-flow: row wrap; row-gap: 75px; position: relative; padding-top: 100px; }
header .myMu ul li { list-style: none; align-items: flex-end; display: flex; width: 20%; justify-content: center; }
header .myMu a { text-decoration: none; color: var(--white);  font-size: 4rem; display: flex; gap: 15px; flex-flow: column; align-items: center; }
header .myMu a img { height: 63px; }
header .myMu a:hover i, header .myMu a:focus i, header .myMu a:hover .linkTitle, header .myMu a:focus .linkTitle { color: var(--color2); }
header .myMu .linkTitle { color: var(--white); font-weight: 700; font-size: 1.125rem; text-align: center; }
header .myMu .linkTitle span.new { background-color: rgb(220,53,69); color: var(--white); border-radius: .375rem; font-size: .8rem; font-weight: 900; padding: .35rem .65rem; }
header .myMu button { background-color: var(--color3); color: var(--white);  display: inline-block; position: relative; width: fit-content; font-size: 1rem; color: var(--white); font-weight: 400; padding: .375rem .75rem;  border: 1px solid var(--color3); border-radius: .375rem; text-decoration: none; margin: 0; line-height: 1.5; transition: var(--transition); outline: none; cursor: pointer; }
header .myMu button:hover, header .myMu button:focus { background-color: var(--color3Hover); border-color: var(--color3Hover); }
header .myMu button > span { color: var(--white); display: flex; align-items: center; height: 100%; }
@media all and (max-width: 992px) {
  header .myMu ul li { width: 25%; }
}
@media all and (max-width: 768px) {
  header .myMu ul { row-gap: 60px; }
  header .myMu ul li { width: 33.33333333%; }
  header .myMu a { font-size: 3rem; }
}
@media all and (max-width: 580px) {
  header .myMu ul { column-gap: 2%; }
  header .myMu ul li { width: 48%; }
}
/* Close MYMU*/ 
header .myMu button.closeMyMuLinks { background-color: transparent; border-color: var(--white); position: absolute; top: 25px; right: 35px; }
header .myMu.open button.closeMyMuLinks:hover, header .myMu.open button.closeMyMuLinks:focus { background-color: var(--white); color: var(--trueBlack); }
/* Search Open */
header .searchbox.open { visibility: visible; opacity: 1; display: block; padding: 15px 0; max-height: 100vh; height: 100vh; top: 0; }
header .searchbox.open > .wrapper { display: flex; flex-flow: column; gap: 70px; align-items: center; top: 100px; position: relative; }
header .searchbox.open form#search { display: flex; gap: 24px; width: 100%; max-width: 600px;  }
header .searchbox input[type="search"] { padding: .375rem .75rem; font-family: var(--bodyFont); line-height: 1.5; font-weight: 400; font-size: 1rem; width: 100%; border: 1px solid var(--white); border-radius: .375rem; background: var(--white); border: 0; color: var(--gray); }
header .searchbox input[type="search"]:focus { outline: 1px solid var(--color3); }
header .searchbox input::placeholder { color: var(--gray); font-weight: 400; font-size: 1rem; font-family: var(--bodyFont); }
header .searchbox input::-moz-placeholder { color: var(--gray); font-weight: 400; font-size: 1rem; font-family: var(--bodyFont); }
header .searchbox input::-webkit-input-placeholder { color: var(--gray); font-weight: 400; font-size: 1rem; font-family: var(--bodyFont); }
header .searchbox button { background-color: var(--color3); color: var(--white);  display: inline-block; position: relative; width: fit-content; font-size: 1rem; color: var(--white); font-weight: 400; padding: .375rem .75rem;  border: 1px solid var(--color3); border-radius: .375rem; text-decoration: none; margin: 0; line-height: 1.5; transition: var(--transition); outline: none; cursor: pointer; }
header .searchbox button:hover, header .searchbox button:focus { background-color: var(--color3Hover); border-color: var(--color3Hover); }
header .searchbox button > span { color: var(--white); display: flex; align-items: center; height: 100%; }
header input[type=checkbox] { position: absolute; left: -9999999px; }
/* Close Search */ 
header .searchbox button.closeSearch { background-color: transparent; border-color: var(--white); position: absolute; top: 25px; right: 35px; }
header .searchbox.open button.closeSearch:hover, header .searchbox.open button.closeSearch:focus { background-color: var(--white); color: var(--trueBlack); }
/* Popular Searches */
header .searchbox.open .searches { max-width: 800px; text-align: center; }
header .searchbox.open .searches h2 { color: var(--color2); font-weight: 500; text-align: center; margin-bottom: 8px; }
header .searchbox.open .searches ul { display: flex; flex-flow: row wrap; justify-content: center; padding-left: 0; }
header .searchbox.open .searches ul li { list-style-type: none; }
header .searchbox.open .searches ul li a { color: var(--white); margin: 0 17px; font-size: 1.375rem; }
/* Main Menu Toggle Menu */
#skipToTopNav { display: inline-block; cursor: pointer; transition: all 0.5s ease-in-out; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; border: none; }
#skipToTopNav .fa-bars { color: var(--white); font-size: 29px; margin-right: 7px; }
#skipToTopNav > .img { display: inline-block; width: auto; height: 22px; font-family: var(--bodyFont); font-weight: 600; font-size: .98rem; line-height: 1.5; text-transform: uppercase; padding: 0 20px 0 0; background: url('https://assets.codepen.io/7341706/08-header-menu-open.svg') no-repeat right center; }
#toggleButtonClose { position: relative; z-index: 1; color: var(--white);  cursor: pointer; transition: var(--transition); }
#toggleButtonClose > .menuText { display: inline-block; width: auto; font-family: var(--bodyFont); font-weight: 600; font-size: .98rem; line-height: 1.5; text-transform: uppercase; padding: 0 20px 0 0; background: url('https://assets.codepen.io/7341706/08-header-menu-close.svg') no-repeat right center; }
.toggleBtn.endMenu { position: relative; left: -999999px; background-color: #1D376C; color: var(--white); }
header .eyebrow #skipToTopNav { display: block; padding-left: 0; }
header .eyebrow #toggleButtonClose { display: none; }
header .eyebrow.open #skipToTopNav { display: none; }
/* header .eyebrow.open #toggleButtonClose { display: block; } */
header .eyebrow .toggleBtn .innerText { position: absolute; left: -9999999px; color: var(--white); }
/* Main Menu Container */
.topNavWrapper { display: flex; flex-direction: column; width: 50%; height: 88vh; }
.topNav, #toggleButtonClose.close ~ .topNav  { left: 0; top: 0; width: 100%; display: block; position: fixed; height: 100%; z-index: -99999; opacity: 0; transition: opacity 0.5s ease-in; }
.topNav.hideNav { display: none; opacity: 0; }
.eyebrow.open .topNav, .eyebrow.open .topNav.hideNav { display: block; overflow: auto; opacity: 1; z-index: 99999; }
.menuContainer { display:block; position: relative; float: left; width: 100%; height: 100%; color: var(--white);  background-position: bottom -65px left -65px; margin-top: 0; z-index: -1; overflow-x: hidden; }
/* Main Menu */
.mainMenuWrapper { display: flex; width: 100%; padding-top: 100px; position: relative; }
.ctaLinksMobile { display: none; }
.mobileWrapper { overflow-y: auto; height: 100vh; margin-bottom: 0; flex:1; }
.topNavWrapper { width: 65%; height: auto; padding: 0; }
.headerInfo { width: 35%; }
#mainMenu { width: 100%; height: auto; padding: 0 35px; }
.mainMenuWrapper .toggleBtn { position: absolute; top: 25px; right: 25px; left: auto; border: 1px solid var(--white); background-color: transparent; color: var(--white); border-radius: .375rem; padding: .375rem .75rem; }
.mainMenuWrapper .toggleBtn:hover, .mainMenuWrapper .toggleBtn:focus { background-color: var(--white); color: var(--trueBlack); }
/* Header Background Dim */
.dim { visibility: hidden; opacity: 0; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #000; transition: all 0.8s ease-in-out; z-index: 1; }
.dim.on { visibility: visible; opacity: .5; height: 100vh; }
/* Mega Menu Styles */
.parentMenu .menuItem.noSub div.subMenu, .parentMenu .menuItem.noSub a:focus ~ div.subMenu, .parentMenu .menuItem.noSub:focus-within a ~ div.subMenu { display: none !important; }
.navSubButton { position: absolute; width: 50px; height: 60px; background-color: transparent; top: 14px; bottom: auto; left: auto; right: 40px; padding: 0; margin: 0;  border: 1px solid transparent; z-index: 0; cursor: pointer; }
.navSubButton:after { display: inline-block; float: right; content: url(https://assets.codepen.io/7341706/menu-sub-caret.svg); transform: translateY(0) rotate(0deg); transition: var(--transition); }
.mainnavigationcontainer .marianlinks .menuItem a { font-size: 2.5rem; font-weight: 600; }
.visuallyhidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
.mainnavigationcontainer .marianlinks ul ul {  top: 18px; }
.athleticslogos .logo img { max-width: 150px; } 
.mainnavigationcontainer {background-color: #031e51cc; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); }
.mainnavigationcontainer:after { content: ""; background-color: #0d6efd80; width: 35%; position: absolute; right: 0; top: 0; bottom: 0; z-index: -2; }
.marianlinksright { padding: 0 35px 0 12%; }
.marianlinksright .row { display: flex; flex-flow: column; gap: 25px; }
.marianlinksrightsublinks { width: 100%; }
.marianlinksright .athleticslogos.row { flex-flow: row wrap; align-items: center; margin-top: 3rem; margin-bottom: 50px; justify-content: space-between; max-width: 375px; width: 100%; }
.mainnavigationcontainer .heading { font-size: 1.25rem; font-weight: 700; color: var(--color2); margin-bottom: 1rem; }
.mainnavigationcontainer .marianlinks .marianlinksright ul { padding-left: 2px; }
.mainnavigationcontainer .marianlinks .marianlinksright ul li { margin-bottom: 5px; list-style-type: none; }
.mainnavigationcontainer .marianlinks .marianlinksright ul li a { color: var(--white); text-decoration: none; font-weight: 300; padding-left: 13px; border-left: 2px solid transparent; }
.mainnavigationcontainer .marianlinks .marianlinksright ul li a:hover, .mainnavigationcontainer .marianlinks .marianlinksright ul li a:focus {  color: var(--color2Hover); border-left: 2px solid var(--color2Hover); }
@media all and (min-width: 961px) {
  .mainnavigationcontainer .marianlinks ul { position: relative; padding-left: 20px; }
  .mainnavigationcontainer .marianlinks ul:first-child:before { content: ""; height: 100%; border-right: 2px solid var(--color2); position: absolute; left: calc(50% + 22px); }
  .mainnavigationcontainer .marianlinks ul li { display: flex; gap: 50px; margin-bottom: 40px; }
  .mainnavigationcontainer .marianlinks ul ul li { margin-bottom: 12px; }
  .mainnavigationcontainer .marianlinks ul ul { width: 50%; position: absolute; right: -30px; padding-right: 50px; height: 100%; }
  .mainnavigationcontainer .marianlinks .menuItem a { width: 50%; text-align: right; padding-right: 15px; color: var(--white); }
  .mainnavigationcontainer .marianlinks ul ul.menuItemContent li a { text-align: left; width: 100%; font-size: 1.125rem; text-decoration: none; font-weight: 300; position: relative; left: 0; }
  .mainnavigationcontainer .marianlinks ul ul.menuItemContent li a:hover,   .mainnavigationcontainer .marianlinks ul ul.menuItemContent li a:focus { left: -5px; }
  .mainnavigationcontainer .marianlinks ul ul a:hover { border-left: none; }
  .mainnavigationcontainer .marianlinks ul.menuItemContent:before { content: none; }
  .navSubButton { left: -999999px; }
  .navSubButton:after { display: none; }
  .parentMenu .menuItem.sub:hover div.subMenu.open, .parentMenu a.maintainHover ~ div.subMenu { visibility: visible; opacity: 1; z-index: 1; transition: opacity .7s ease-in-out; }
  .parentMenu .menuItem.sub a:focus ~ div.subMenu, .parentMenu .menuItem.sub:focus-within a ~ div.subMenu { display: block !important; visibility: visible; opacity: 1; z-index: 1; }
  .parentMenu .menuItem.sub a { transition: all .4s ease-in-out; line-height: 1.2; }
  .parentMenu .menuItem.sub:hover a, .parentMenu .menuItem.sub:focus a { color: var(--color2); transition: all .4s ease-in-out; }
  .parentMenu .menuItem.sub:hover ul.menuItemContent li a { color: var(--white);  }
  .parentMenu { position: relative; }
  .parentMenu > .menuItem { position: unset; transition: var(--transition); }
  .parentMenu .menuItem > a { display: inline-block; width: 95%;text-decoration: none; }
  .navSubButton { left: -999999px; }
  .navSubButton:after { display: none; }
  .parentMenu div.subMenu { z-index: -1; opacity: 0; transition: opacity .7s ease-in-out; }
  .parentMenu > .menuItem.sub:hover div.subMenu.open, .parentMenu a.maintainHover ~ div.subMenu { visibility: visible; opacity: 1; z-index: 1; transition: opacity .7s ease-in-out; }
  .parentMenu .menuItem.sub a:focus ~ div.subMenu, .parentMenu .menuItem.sub:focus-within a ~ div.subMenu { display: block !important; visibility: visible; opacity: 1; z-index: 1; }
}
@media all and (max-width: 1400px) {
  header > .wrapper { max-width: 1140px; }
  header .searchbox > .wrapper { max-width: 1140px; }
  header .searchbox.open form#search { max-width: 550px; }
  header .searchbox.open .searches { max-width: 750px; }
  .marianlinksright { padding: 0 35px 0 8%; }
}
@media all and (max-width: 1200px) {
  header > .wrapper { max-width: 960px; }
  header .searchbox > .wrapper { max-width: 960px; }
  header .searchbox.open form#search { max-width: 500px; }
  header .searchbox.open .searches { max-width: 700px; }
}
@media all and (max-width: 1150px) {
  .mainnavigationcontainer .marianlinks .menuItem a { font-size: 2rem; }
  .mainnavigationcontainer .marianlinks ul ul {  top: 11px; }
}
@media all and (max-width: 992px) {
  header > .wrapper { max-width: 720px; }
   header .searchbox > .wrapper { max-width: 720px; }
   header .searchbox.open form#search { max-width: 375px; }
  header .searchbox.open .searches { max-width:575px; }
}
@media all and (max-width: 960px) {
  .mobileWrapper { margin-bottom: 50px; }
  header .searchbox.open .searches h2 { font-size: 1.65rem; }
  .mainnavigationcontainer .marianlinks .menuItem a { font-size: 1.75rem; }
  .marianlinksright .row { display: flex; flex-flow: column; }
  .marianlinksright .athleticslogos.row { flex-flow: row; align-items: center; }
  .mainnavigationcontainer .marianlinks a.title { font-size: 1.75rem; }
  .mainnavigationcontainer .marianlinks ul { padding-left: .75rem; }
  .parentMenu li.menuItem { position: relative; margin-bottom: 35px; padding-right: 50px; list-style-type: none; }
  .parentMenu li { list-style-type: none; }
  .parentMenu .menuItem > a.hover ~ div.subMenu { display: none; }
  .navSubButton { top: -7px; right: 25px; }
  .parentMenu div.subMenu { position: relative; display: none; margin-top: 15px; }
  .parentMenu .navSubButton ~ div.subMenu.open { transition: opacity .5s ease-in-out; }
  .parentMenu .menuItem a:focus ~ div.subMenu { display: block !important; visibility: visible; opacity: 1; z-index: 1; }
  .parentMenu .menuItem.open div.subMenu { display: block; height: auto; }
  .navSubButton.clicked:after, .menuItem.sub > a:focus + .navSubButton:after, .menuItem.sub:focus-within > a+ .navSubButton:after { transform: translateY(0) rotate(-180deg); }
  .mainnavigationcontainer { background-color: var(--color1); backdrop-filter: none; -webkit-backdrop-filter: none; }
  .mainMenuWrapper { flex-flow: column; }
  .topNavWrapper { width: 100%; }
  .headerInfo { width: 100%; }
  .mainnavigationcontainer:after { content: none; }
  .mainnavigationcontainer .heading { font-size: 1.5rem; }
  .marianlinksright { padding: 0 35px; }
  .marianlinksrightsublinks { padding: 0 .75rem; }
  .mainnavigationcontainer .marianlinks .menuItem a { color: var(--white); text-decoration: none; }
  .mainnavigationcontainer .marianlinks ul ul.menuItemContent li{ margin-bottom: 6px; }
  .mainnavigationcontainer .marianlinks ul ul.menuItemContent li a { text-align: left; width: 100%; font-size: 1.125rem; text-decoration: none; font-weight: 300; position: relative; left: 0; }
}
@media all and (max-width: 768px) {
  header > .wrapper { max-width: 540px; }
  header .searchbox > .wrapper { max-width: 540px; }
  header .logo svg { height: 13px; }
  header .searchbox.open .wrapper { padding-left: 25px; padding-right: 25px; }
  header .searchbox.open form#search { max-width: 750px; flex-flow: column; align-items: center; gap: 15px; }
  header .searchbox.open .searches { max-width: 750px; }
  header .eyebrow ul.secondary li { display: none; margin-right: 20px; }
  header .eyebrow .portal button { display: flex; }
  header .searchbox.open button.closeSearch { right: 25px; }
  header .ctaLinksMobile { display: flex; flex-flow: row nowrap; padding: 0 25px 0 calc(35px + .75rem); gap: 25px; width: 100%; margin-bottom: 30px; }
  header .ctaLinksMobile a.ctaButton { font-size: 1.125rem; width: 33.333333%; text-align: center; margin-bottom: 20px;}
  header .ctaLinksMobile a.ctaButton:last-of-type { margin-bottom: 20px; }
  header .ctaLinksMobile a.ctaButton::after, .home header .ctaLinksMobile a.ctaButton::after { margin-bottom: -5px;}
}
@media all and (max-width: 580px) {
  header .ctaLinksMobile { display: flex; flex-flow: column; gap: 0; }
  header .ctaLinksMobile a.ctaButton { width: 100%; }
}

/* =======================
 FOOTER 
========================*/
/* Footer CTA */ 
.footer .footerCTA { background-color: var(--color2); padding: 125px 0; }
.footer .footerCTA * { color: var(--color1); }
.footer .footerCTA .wrapper { display: flex; flex-flow: row; gap: 200px; }
.footer .footerCTA h2, .footer .footerCTA h2 span { font-family: var(--poppinsFont); font-size: 2.0625rem; } 
.footer .footerCTA div, .footer .footerCTA a, .footer .footerCTA ul li, .footer .footerCTA p { font-size: 1.125rem; }
.footer .footerCTA .emails { margin-top: 1rem; }
@media all and (max-width: 1200px ) {
  .footer .footerCTA .wrapper { gap: 50px; }
}
@media all and (max-width: 992px) {
  .footer .footerCTA .wrapper { flex-flow: column; gap: 40px; }
}

/* Main Footer */ 
.mainFooter { background-image: url(../images/footer-background.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 3rem; padding-bottom: 3rem; background-color: var(--color1); }
.mainFooter .wrapper { display: flex; flex-flow: row nowrap; gap: 35px; }
.mainFooter .wrapper .leftColumn { display: flex; flex-flow: row; gap: 1.5rem; width: 65%; }
.mainFooter .wrapper .leftColumn .heading { margin-bottom: 1rem; line-height: 1; color: var(--color2); text-transform: uppercase; font-size: .875rem; font-weight: 700; font-family: var(--bodyFont); }
.mainFooter .wrapper .leftColumn .column { width: 25%; }
.mainFooter .wrapper .leftColumn .column ul { padding-left: 0; }
.mainFooter .wrapper .leftColumn .column ul li { list-style-type: none; margin-bottom: 5px; line-height: 1; }
.mainFooter .wrapper .leftColumn .column ul li a { text-decoration: none; color: var(--white); font-weight: 300; font-size: .875rem; }
.mainFooter .wrapper .leftColumn .column ul li a:hover, .mainFooter .wrapper .leftColumn .column ul li a:focus { color: var(--color2); }
.mainFooter .wrapper .rightColumn { display: flex; flex-flow: column; width: 35%; }
.mainFooter .wrapper .rightColumn a.ctaButton.arrow { margin-bottom: 1rem; width: 100%; text-transform: uppercase; text-align: center; border: 1px solid var(--offWhite); }
@media all and (max-width: 1200px) {
  .mainFooter .wrapper { flex-flow: column; }
  .mainFooter .wrapper .leftColumn,  .mainFooter .wrapper .rightColumn { width: 100%; }
}
@media all and (max-width: 768px) {
  .mainFooter .wrapper .leftColumn { flex-flow: row wrap; gap: 2%}
  .mainFooter .wrapper .leftColumn .column { width: 48%; }
}
@media all and (max-width: 475px) {
  .mainFooter .wrapper .leftColumn { flex-flow: column; gap: 0; }
  .mainFooter .wrapper .leftColumn .column { width: 100%; }
}
/* Social Media */ 
.socialMedia { margin-top: 3rem; width: 100%; text-align: center; display: flex; align-items: center; gap: 15px; justify-content: center; }
.socialMedia a i { color: var(--white); font-size: 2rem; }
.socialMedia a i:hover, .socialMedia a i:focus { color: var(--color2); }

/* Legal Statement */ 
.footer .subFooter .wrapper { text-align: center; margin-top: 1rem; margin-bottom: 2rem; }
.footer .subFooter .wrapper * { font-size: .8125rem; }
.footer .subFooter a.text-reset { color: var(--black); font-size: 0.6875rem; }
.footer .subFooter .wysiwygContent p:last-child { margin-bottom: 0; }
.footer .subFooter p.update { font-size: 0.6875rem; }

/*==============
HOME IMPACT 
==============*/
.home .impact { position: relative; background: var(--black); width: 100%; overflow: hidden; margin: 0 auto; max-height: 800px; }
.home .impact img, .home .impact video { position: relative; width: 100%; height: auto; display: block; z-index: 0; padding: 0; margin: 0; object-fit: cover; }
.home .impact video { position: absolute; top: 0; left: 50%; height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }
.home .impact video::-webkit-media-controls { opacity: 0; }
.home .impact .videoTexture + .caption { display: block; z-index: 2 }
.home .impact .caption { position: absolute; width: 100%; margin: 0 auto; max-width: 1500px; top: 0; bottom: 0; right: 15px; left: 15px; }
.home .impact .caption .wrapper { height: 100%; }
.home .impact .caption.topLeft .wrapper .captionContent { position: absolute; top: 12%; left: 15px; }
.home .impact .caption.topRight .wrapper .captionContent { position: absolute; top: 12%; right: 15px; text-align: right; }
.home .impact .caption.bottomLeft .wrapper .captionContent { position: absolute; bottom: 12%; left: 15px; }
.home .impact .caption.bottomRight .wrapper .captionContent { position: absolute; bottom: 12%; right: 15px; text-align: right; }
.home .impact .caption.center .wrapper .captionContent { position: absolute; top: 50%; transform: translateY(-50%); right: 0; left: 0; margin: auto; width: 80%; text-align: center; }
.home .impact + .mainContent.wrapper { margin-top: 5rem; }
@media all and (max-width: 768px) {
  .home .impact .caption { left: 0; right: 0; }
  .home .impact .caption.center .wrapper .captionContent { width: 100%; max-width: calc(100% - 115px); }
}
/* Impact Area */
.home .impact .caption .wrapper h1 { margin-bottom: 3rem; color: var(--white); font-size: 3rem; font-weight: 200; line-height: .9; font-family: var(--poppinsFont); font-style: italic; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6); }
.home .impact .caption .wrapper h1 span.headingTwo { font-family: var(--poppinsFont); font-size: 7rem; font-weight: 700; font-style: normal; -webkit-text-stroke: var(--color2) 2px; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;; }
.home .impact .caption .wrapper .subtitle { color: var(--white); margin-bottom: 1rem; font-size: 1.5rem; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6); }
.home .impact .caption .wrapper .ctaButtons { display: flex; flex-flow: row; gap: 15px; justify-content: center; }
.home a.ctaButton, .home a.goldButton, .home a.lightBlueButton, .home a.darkBluebutton, .home a.grayButton { font-size: 1.25rem; margin-bottom: 0; }
.home a.ctaButton::after, .home a.ctaButton.darkBlueButton::after, .home a.ctaButton.lightBlueButton::after, .home a.ctaButton.goldButton::after, .home a.ctaButton.grayButton::after, .home a.darkBlueButton::after, .home a.lightBlueButton::after, .home a.goldButton::after, .home a.grayButton::after { margin-bottom: 0; }
@media all and (max-width: 768px) {
  .home .impact .caption .wrapper h1 { font-size: 2rem; }
  .home .impact .caption .wrapper h1 span.headingTwo { font-size: 3.75rem; }
  .home .impact .caption .wrapper .ctaButtons { flex-flow: column; gap: 10px; align-items: center; }
}

@media all and (max-width: 500px) {
  .home .impact .caption.center .wrapper .captionContent { max-width: calc(100%); }
}

/* Video Play/Pause Controls */
.home .impact #playButton { z-index: 2; position: absolute; top: auto; bottom: 25px; left: auto; right: 25px; cursor: pointer; background: none; border: none; -webkit-appearance: none; -moz-appearance: none; }
.home .impact #playButton span { display: block; position: absolute; text-indent: -999999px; color: var(--white); }
.home .impact #playButton:after { color: var(--white); }
@media screen and (max-width:960px) {
	.home .impact img, .home .impact video { height: 350px; }
}
 @media all and (max-width: 768px) {
	.home .impact video { display: none; }
	.home .impact #playButton { display: none; }
}
/* Video Play/Pause Controls */
.home .impact #playButton:after { content: '\f04c'; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.home .impact #playButton.on.initial:after { content: '\f04c'; }
.home .impact #playButton.on:after,.home #playButton.initial:after { content: '\f04b'; }

/*===================
HOMEPAGE INTRODUCTION 
====================*/
.home .introduction { position: relative; z-index: 1; background-color: var(--color1); padding-top: 3rem; padding-bottom: 7rem; clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%); margin-bottom: 5rem; }
.home .introduction .wrapper > * { color: var(--white); text-align: center; margin: 0 auto; }
.home .introduction .wrapper h2 { margin-bottom: 3rem; font-size: 3.125rem; font-weight: 200; font-family: var(--poppinsFont); line-height: 1; }
.home .introduction .wrapper h2 span.boldHeading { font-family: var(--poppinsFont); font-weight: 700; }
.home .introduction .wrapper .ctaButtons { display: flex; flex-flow: row; gap: 1rem; justify-content: center; }
.home .introduction + .mainContent.wrapper { margin-top: 0;}
@media all and (max-width: 768px) {
  .home .introduction .wrapper .ctaButtons { flex-flow: column; gap: 25px; align-items: center; margin-bottom: 1.5rem;}
  .home .introduction .wrapper h2 { font-size: 2.75rem; }
}

/*================
HOMEPAGE COLUMNS  
=================*/
/* Section Intro */
.home .sectionIntro { margin-bottom: 3rem; text-align: center; }
.home .sectionIntro h2 { font-size: 3.125rem; font-weight: 200; font-family: var(--poppinsFont); color: var(--color1); line-height: 1; text-align: center; }
.home .sectionIntro h2 span.boldHeading { font-weight: 700; font-family: var(--poppinsFont); }
.home .sectionIntro p { text-align: center; font-size: 2.125rem; font-weight: 200; line-height: 1.1; }
@media all and (max-width: 768px) {
  .home .sectionIntro h2 { font-size: 2.75rem; }
  .home .sectionIntro p { font-size: 1.75rem; }
}
/*  Columns */
.home hr { border-top: 2px solid var(--color2); margin:7rem 0; }
/*.home hr::after { content: url(../images/cross-divider.svg); position: absolute; left: 50%; right: auto; transform: translateX(-50%); background-color: var(--white); padding: 0; top: 50%; bottom: auto; transform: translate(-50%, -50%); width: 75px; text-align: center;}*/
.home .mainContent.wrapper { max-width: 100%; padding: 0;}
.home .mainContent.wrapper .wrapper { position: relative;}
.home .mainContent .columns { padding: 0 .75rem; margin-bottom: 5rem;}
.home h3, .home h3 a.ctaLink { font-size: 1.5rem;}
.home p { font-size: 1.25rem; }
.home a.ctaLink { line-height: 1.2; }
.home a.ctaLink::after { margin-top: .125rem; }
.home h3 a.ctaLink { line-height: 1; }
.home h3 a.ctaLink::after { margin-top: 0; }
.home a.ctaLink, .home a.goldButton, .home a.lightBlueButton, .home a.darkBlueButton, .home a.grayButton { font-size: 1.25rem; width: fit-content; text-align: center;}
.home .columns .content a.goldButton, .home .columns .content a.lightBlueButton, .home .columns .content a.darkBlueButton, .home .columns .content a.grayButton { margin: 0 auto; }
.home .three, .home .four, .home .two { gap: 1.5rem; }
.home .one .content, .home .two .content, .home .three .content, .home .four .content { text-align: center; }
.home .three + .one, .home .two + .one, .home .four + .one { margin-top: 3rem; }
.home .one h3 { font-family: var(--poppinsFont); font-size: 2.125rem; font-weight: 700; margin-bottom: 1rem; }
.home .three .cell, .home .two .cell, .home .four .cell { border: 1px solid rgba(0, 0, 0, 0.175); border-radius: .375rem; box-shadow: 0px 3px 15px #00000040; }
.home .three .cell .videoContent:first-child, .home .two .cell .videoContent:first-child, .home .four .cell .videoContent:first-child { margin-bottom: 0; }
.home .three .cell .content, .home .four .cell .content { padding: 1rem; }
.home .two .cell .content { padding: 1.5rem 1rem;}
.home .two .cell .content *:last-child { margin-bottom: 0;}
.home .columns .two.offset { grid-template-columns: 60% minmax(0, 1fr); }
/* Dark Blue Background */
.home .one p.darkBlueBackground { font-family: var(--poppinsFont); background-color: var(--color1); color: var(--white); padding: 20px; border-radius: 5px; max-width: 800px; margin: 0 auto; margin-bottom: 2rem; }
.home .one p.darkBlueBackground strong { color: var(--color2); font-weight: 700; }
/* CTA Buttons */
.home .one p a.ctaButton, .home .one p a.goldButton, .home .one p a.lightBlueButton, .home .one p a.darkBlueButton, .home .one p a.grayButton { margin-top: 1rem; }
@media all and (min-width: 581px) and (max-width: 960px) {
  .home .columns .three .cell > * { max-width: 100%; display: grid; }
  .home .columns .four .cell > * { display: inline-block;}
  .home .columns .three .cell img + .content { padding-top: 1rem; }   
}
@media all and (max-width: 992px) {
  .home .columns .two.offset { grid-template-columns: 50% minmax(0, 1fr); }
}
@media all and (max-width: 768px) {
  .home .columns .two, .home .columns .two.offset { grid-template-columns: minmax(0, 1fr); }
  .home .mainContent.wrapper .wrapper.divider { padding: 0 .75rem;}
}

/*====================
HOMEPAGE INFOGRAPHICS
=====================*/
.home .infographics { margin-bottom: 5rem;}
.home .infographics .sectionIntro { margin-bottom: 0;}
.home .infographicIntro { background-color: var(--color2); padding-bottom: 5px; padding-top: 3rem; position: relative; }
.home .infographicIntro::after { content: ""; position: absolute; top: auto; bottom: -90px; left: 0; right: 0; height: 100px; background-color: var(--color2); clip-path: polygon(0 0, 100% 0, 100% 10px, 50% 100%, 0 10px); }
.home .infographics .three { background-size: cover; background-repeat: no-repeat; padding: 4rem 0 4rem 0; }
.home .infographics .infographicIntro + .three { padding: 9rem 0 4rem 0; }
.home .infographics .three .wrapper { display: flex; flex-flow: row; gap: 50px; margin: 0 auto; padding: 2rem 0; }
.home .infographic { display: flex; align-items: center; flex-flow: column; gap: 20px; width: 33.33%;}
.home .infographic i { font-weight: 900; font-size: 5rem; color: var(--white);}
.home .infographicText { color: var(--color2); font-family: var(--poppinsFont); font-size: 1.5625rem; text-align: center; line-height: 1.4; font-weight: 300;}
.home .mainContent.wrapper .infographics:first-child .infographicIntro { padding-top: 15rem; margin-top: -15rem;}
.home .mainContent.wrapper .infographics:first-child {  margin-top: -5rem;}
.home .mainContent.wrapper .infographics:first-child .three:first-child { padding-top: 15rem; margin-top: -15rem; }
@media all and (max-width: 768px) {
  .home .infographics .three .wrapper { flex-flow: column; align-items: center; padding: 0 .75rem}
  .home .infographic { width: 100%;}
}

/*================
HOMEPAGE NEWS 
=================*/
.home .news .three .cell img { border: none; transform: none; }
.home .news .ctaButtons { display: flex; flex-flow: row; justify-content: center; gap: 1rem; margin: 3rem 0 0 0; }
.home .news a.ctaLink { margin-right: 0;}

/*=================
HOMEPAGE EVENTS 
=================*/
.home .events .four .cell { border: none; box-shadow: none;}
.home .events .four .cell img { height: 200px; object-fit: cover;}
.home .events .four .cell > * { text-align: left;}
.home .events .four .cell .content { padding: 1rem 0; }
.home .events .ctaButtons { display: flex; flex-flow: row; justify-content: center; gap: 1rem; margin: 3rem 0 0 0; }
.home .events .time, .home .events .date { display: inline-block;}
.home .events .date::before { content: '\2022'; display: inline-block; padding: 0 5px; }
@media all and (min-width: 581px) and (max-width: 960px) {
  .home .events .four .cell .content { padding: 0 1rem 1rem 1rem; }
}

/*========================
HOMEPAGE TESTIMONIALS
==========================*/
.home .pullQuote { margin-bottom: 5rem;}


/*========================
HOMEPAGE PARALLAX SCROLLING
==========================*/
.home .parallaxImage { height: 90vh; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.home .columns.exit { margin: 0; text-align: center; padding: 0; }
.home .columns.exit .exitContent { position: relative; background-color: var(--color2); padding-top: 3rem; padding-bottom: 5px;}
.home .columns.exit .exitContent::after { content: ""; position: absolute; top: auto; bottom: -95px; left: 0; right: 0; height: 100px; background-color: var(--color2); clip-path: polygon(0 0, 100% 0, 100% 10px, 50% 100%, 0 10px); }
.home .columns.exit .exitContent .sectionIntro { margin-bottom: 0;}
.home .columns.exit a.ctaButton, .home .columns.exit a.goldButton, .home .columns.exit a.lightBlueButton, .home .columns.exit a.darkBlueButton, .home .columns.exit a.graybutton { background-color: transparent; border-color: var(--black); color: var(--black); transition: var(--transition); }
.home .columns.exit a.ctaButton::after, .home .columns.exit a.goldButton::after, .home .columns.exit a.lightBlueButton::after, .home .columns.exit a.darkBlueButton, .home .columns.exit a.graybutton::after { content: url(../images/button-arrow-black.svg); transition: var(--transition); }
.home .columns.exit a.ctaButton:hover, .home .columns.exit a.goldButton:hover, .home .columns.exit a.lightBlueButton:hover, .home .columns.exit a.darkBlueButton:hover, .home .columns.exit a.graybutton:hover, .home .columns.exit a.ctaButton:focus, .home .columns.exit a.goldButton:focus, .home .columns.exit a.lightBlueButton:focus, .home .columns.exit a.darkBlueButton:focus, .home .columns.exit a.graybutton:focus { background-color: var(--color1); color: var(--white); }
.home .columns.exit a.ctaButton:hover::after, .home .columns.exit a.goldButton:hover::after, .home .columns.exit a.lightBlueButton:hover::after, .home .columns.exit a.darkBlueButton:hover::after, .home .columns.exit a.graybutton:hover::after, .home .columns.exit a.ctaButton:focus::after, .home .columns.exit a.goldButton:focus::after, .home .columns.exit a.lightBlueButton:focus::after, .home .columns.exit a.darkBlueButton:focus::after, .home .columns.exit a.graybutton:focus::after { content: url(../images/button-arrow.svg); }

/* ========================
LANDING PAGE 
======================== */
.mainBody { margin-top: 52px; }
.landing .mainContent { margin-top: 3rem; }
.landing .sectionNav + .breadcrumbs + .mainContent { margin-top: 95px; }
.landing .sectionNav + .breadcrumbs + .mainContent.wrapper .columns.components.grayBg:first-child, .landing .sectionNav + .breadcrumbs + .mainContent.wrapper .columns.components.color1Bg:first-child { margin-top: -95px; padding-top: 5rem; }

@media all and (max-width: 960px) {
  .landing .mainContent { margin-top: 1rem; }
  .landing .sectionNav + .breadcrumbs + .mainContent { margin-top: 30px; }
  .landing .sectionNav + .breadcrumbs + .mainContent.wrapper .columns.components.grayBg:first-child, .landing .sectionNav + .breadcrumbs + .mainContent.wrapper .columns.components.color1Bg:first-child { margin-top: 0; padding-top: 2rem; }
}

/* Impact Image */ 
.landing .impactLanding { position: relative; }
.landing .impactLanding .caption { position: absolute; bottom: 55px; max-width: 1320px; margin: 0 auto; left: 0; right: 0; padding: 0 .75rem; }
.landing .impactLanding .caption .wrapper { background-color: var(--color1); margin: 0; width: fit-content; padding: 22px 40px; }
.landing .impactLanding .caption .wrapper h1, .landing .impactLanding .caption .wrapper .h1 { color: var(--white); text-transform: uppercase; font-size: 3rem; font-weight: 900; }
.landing .impactLanding img { height: 375px; object-fit: cover; width: 100%; }

/* No Impact Image */
.landing .impactLanding.noImage { background-color: #EDEDED; }
.landing .impactLanding.noImage .caption { bottom: unset; position: relative; padding: 60px .75rem 50px .75rem; width: 100%; }
.landing .impactLanding.noImage .caption .wrapper { background-color: transparent; padding: 0; }
.landing .impactLanding.noImage .caption .wrapper h1, .landing .impactLanding.noImage .caption .wrapper .h1 { color: var(--color1); padding: 0; }
@media all and (max-width: 1400px) {
 .landing .impactLanding .caption { max-width: 1140px; }
}
@media all and (max-width: 1200px) {
  .landing .impactLanding .caption { max-width: 960px; }
}
@media all and (max-width: 992px) {
  .landing .impactLanding .caption { max-width: 720px; }
}
@media all and (max-width: 960px) {
  .landing .impactLanding .caption { position: relative; bottom: auto; max-width: 100%; width: 100%; padding: 0; }
  .landing .impactLanding .caption .wrapper { width: 100%; max-width: 100%; padding: 20px 17px; }
  .landing .impactLanding .caption .wrapper h1, .landing .impactLanding .caption .wrapper .h1 { font-size: 2.25rem; max-width: 720px; margin: 0 auto; padding: 0 .75rem; }
  /* No Impact Image */ 
  .landing .impactLanding.noImage .caption { max-width: 720px; padding: 40px .75rem 35px .75rem; }
}
@media all and (max-width: 768px) {
  .landing .impactLanding .caption .wrapper { padding: 20px 0; }
  .landing .impactLanding .caption .wrapper h1, .landing .impactLanding .caption .wrapper .h1 { max-width: 540px; }
  /* No Impact Image */ 
  .landing .impactLanding.noImage .caption { max-width: 540px; }
}
@media all and (max-width: 580px) {
  .landing .impactLanding img { height: 274px; }
}

/* Breadcrumbs */ 
.breadcrumbs { background-color: #EDEDED; }
.breadcrumbs ol { list-style-type: none; padding: 17px 0; display: flex; flex-flow: row wrap; column-gap: 25px; row-gap: 5px; }
.breadcrumbs ol li:after { content: "/"; position: relative; right: -12.5px; }
.breadcrumbs ol li:last-of-type::after { content: none; }
.breadcrumbs ol li { font-size: .875rem; }
.breadcrumbs ol li a { text-decoration: none; font-size: .875rem; color: var(--color3Hover); }
.breadcrumbs ol li a:hover, .breadcrumbs ol li a:focus { text-decoration: underline; }
/* Interior Breadcrumbs */
.sectionNav + .breadcrumbs { padding-left: 550px; }
.sectionNav + .breadcrumbs .wrapper { max-width: 100%; padding: 0; max-width: 1320px; margin: 0 auto 0 0; }

@media all and (min-width: 2350px) {
  .sectionNav + .breadcrumbs { padding-left: 0; }
  .sectionNav + .breadcrumbs .wrapper { max-width: 1320px; padding: 0 .75rem; margin: 0 auto;  }
}
@media all and (max-width: 1200px) {
  .sectionNav + .breadcrumbs { padding-left: 325px; }
}
@media all and (max-width: 960px) {
  .breadcrumbs { background-color: var(--white); }
}
@media all and (max-width: 960px) {
  .sectionNav + .breadcrumbs { padding-left: .75rem; padding-right: .75rem; max-width: 720px; margin: 0 auto; }
  .sectionNav + .breadcrumbs ol { padding: 0; margin-bottom: 0; }
}
@media all and (max-width: 768px) {
  .sectionNav + .breadcrumbs { max-width: 540px; }
}

/* Accordions */ 
.accordionSection.components { margin: 40px auto; }
.accordionSection > .wrapper { width: 100%; padding: 0; margin: 0 auto; }
.accordion { border-radius: .375rem; border-bottom: 1px solid #dee2e6; }
.accordion > h2, .accordion > h3 { margin: 0; padding: 0; border-top: 1px solid #dee2e6; font-weight: 400; font-size: 1.25rem; }
.accordion > h2:first-of-type, .accordion > h3:first-of-type { border-top: none; }
.accordionTrigger { background: none; display: block; margin: 0; position: relative; text-align: left; width: 100%; transition: var(--transition); cursor: pointer; color: var(--color1); padding: 1rem 1.25rem; font-size: 1.25rem; }
.accordion button { border: none; padding-right: 40px; padding-left: 0;}
.accordion button::-moz-focus-inner { border: 0; }
.accordion.focus { border-color: #dee2e6; }
.accordionTitle { display: block; pointer-events: none;   }
.accordionTrigger:focus .accordionTitle { border-color: transparent; }
.accordionIcon {pointer-events: none; position: absolute; transform: translateY(-60%) rotate(45deg); transform: translateY(-50%) rotate(45deg); transition: var(--transition); border: solid var(--color2); border-width: 0 2px 2px 0; height: 0.75rem; right: 20px; top: 50%; width: 0.75rem;  }
.accordionTrigger[aria-expanded="true"] .accordionIcon { transform: translateY(0%) rotate(225deg); }
.accordionTrigger[aria-expanded="true"] { background: var(--white); color: var(--color3); }
.accordionTrigger:hover { color: var(--color3);}
.accordionTrigger:focus .accordionIcon, .accordionTrigger:hover .accordionIcon { border-color: var(--color2); }
.accordionPanel { margin: 0; padding: 1rem 1.25rem; contain: layout; padding-left: 0; }
.accordionPanel[hidden] { display: none; }
.accordionPanel > *:last-child { margin-bottom: 0; padding-bottom: 0; }

/* Testimonial */
.pullQuote { position: relative; width: 100%; margin-bottom: 3rem; z-index: 1;  }
.pullQuote > .wrapper { position: relative; display: flex; flex-direction: row; max-width: 1345px; width: 100%; }
.pullQuote .one { width: 100%; }
.pullQuote .backgroundImage { position: absolute; right: 0; top: 0; bottom: 0; left: 144px; z-index: -1; overflow: hidden; }
.pullQuote .backgroundImage::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(3, 30, 81, 0.40); }
.pullQuote .backgroundImage.none::after { background: var(--color1); }
.pullQuote .backgroundImage img { width: 100%; height: 100%; object-fit: cover; }
.pullQuote .cell { flex-direction: row; gap: 60px; align-items: center; }
.quoteImg { width: 300px; }
.quoteImgWrap { position: relative; border: 1px solid transparent; border-radius: 50%; border: 6px solid var(--white); overflow: hidden; }
.quoteImgWrap img { width: 300px; height: 300px;  object-fit: cover; }
.quoteContent { position: relative; width: calc(100% - 360px); align-content: center; line-height: 1.5; padding: 108px 68px 108px 0; margin-top: auto; margin-bottom: auto; font-size: 1.25rem; font-family: var(--bodyFont); color: var(--white); }
.quoteContent >* { color: var(--white); }
.quoteContent .name { font-size: 1.5rem; font-weight: 600; line-height: 1.2; margin: 22px 0 5px 0; }
.quoteContent .role { font-size: 1.25rem; font-weight: 500; line-height: 1.2; margin: 5px 0 0 0; font-style: italic; }
/* Right Variation */ 
.pullQuote.right .backgroundImage { right: 144px; top: 0; bottom: 0; left: 0; }
.pullQuote.right .cell { flex-direction: row-reverse; }
.pullQuote.right .quoteContent { padding: 108px 0 108px 68px; }
/* No Image Variation */
.pullQuote.noImage .backgroundImage { right: 0; top: 0; bottom: 0; left: 0; }
.pullQuote.noImage .quoteContent { padding: 108px 133px 108px 133px; width: 100%; text-align: center; }
.pullQuote.noImage .quoteContent >* { text-align: center; }
@media all and (max-width: 960px) {
 .pullQuote .cell { flex-flow: column; }
 .pullQuote .backgroundImage { left: 0; top: 110px; }
 .quoteContent { width: 100%; padding: 0 40px 50px 40px; font-size: 1.125rem; text-align: center; }
 .quoteContent >* { text-align: center; }
 .quoteImg { width: 220px; }
 .quoteImgWrap img { width: 220px; height: 220px; }
 .quoteContent .name { font-size: 1.25rem; }
 .quoteContent .role { font-size: 1.125rem; }
 /* Right Variation */ 
 .pullQuote.right .backgroundImage { right: 0; top: 0; bottom: 110px; left: 0; }
 .pullQuote.right .cell { flex-direction: column-reverse; }
 .pullQuote.right .quoteContent { padding: 50px 40px 0 40px; }
 /* No Image Variation */
 .pullQuote.noImage .quoteContent { padding: 110px 40px 110px 40px; }
}

/*Grid Gallery with Magnific PopUp */
.gridGallery { margin-bottom: 3rem; }
.gridGallery .imageGrid { display: flex; flex-direction: row; flex-wrap: wrap; gap: 4px; }
.gridGallery .imageGrid .card, .gridGallery .imageGrid .card.video { position: relative; flex-basis: calc(25% - 3px); clip-path: content-box; }
.gridGallery .imageGrid .card img, .gridGallery .imageGrid .card.video img { display: block; width: 100%; height: 300px; object-fit: cover; transition: 0.6s transform; }
.gridGallery .imageGrid .card:hover img, .gridGallery .imageGrid .card:focus img, .gridGallery .imageGrid .card.video:hover img, .gridGallery .imageGrid .card.video:focus img { transform: scale(110%); }
.gridGallery .imageGrid .card .media-modal-button, .gridGallery .imageGrid .card.video .media-modal-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; max-width: 100%; padding: 0; border: none; }
.gridGallery .imageGrid .card:hover .media-modal-button:not(.video), .gridGallery .imageGrid .card:focus-within .media-modal-button:not(.video), .gridGallery .imageGrid .card.video:hover .media-modal-button:not(.video), .gridGallery .imageGrid .card.video:focus-within .media-modal-button:not(.video) { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 58.73%, #000000 136.08%); }
.gridGallery .imageGrid .card .media-modal-button:not(.video) .open-video-button, .gridGallery .imageGrid .card.video .media-modal-button:not(.video) .open-video-button { opacity: 0; pointer-events: none; transition: 0.3s all ease; }
.gridGallery .imageGrid .card:hover .media-modal-button:not(.video) .open-video-button, .gridGallery .imageGrid .card:focus-within .media-modal-button:not(.video) .open-video-button, .gridGallery .imageGrid .card.video:hover .media-modal-button:not(.video) .open-video-button, .gridGallery .imageGrid .card.video:focus-within .media-modal-button:not(.video) .open-video-button { opacity: 1; pointer-events: all; transition: 0.3s all ease; }
.gridGallery .imageGrid .card .media-modal-button .open-video-button, .gridGallery .imageGrid .card.video .media-modal-button .open-video-button { position: absolute; bottom: 16px; left: 16px; display: flex; align-items: center; z-index: 3; color: white; text-transform: uppercase; gap: 10px; font-weight: 600; font-family: var(--bodyFont); font-size: 0.88889rem; line-height: 1.22222rem; }
.gridGallery .mfp-figure .mfp-title { font-family: var(--bodyFont); font-weight: 400; font-size: 14px; font-style: italic; line-height: 22px; text-align: left; color: var(--darkBlue); word-wrap: break-word; max-width: 600px; background: var(--white); margin-top: -35px; padding-right: 36px; padding: 20px; }
.gridGallery .mfp-iframe-scaler .mfp-title { display: none; }
.gridGallery .mfp-counter { font-family: var(--bodyFont); font-size: 12px; color: var(--white); font-style: italic; font-weight: 400; }
.gridGallery .vid.mfp-counter { bottom: -60px; top: auto; }
.gridGallery button.mfp-close:after { content: url(../images/close-popup.svg); position: absolute; display: block; right: 8px; top: 0; height: 24px; width: 24px; }
.gridGallery .mfp-arrow { opacity: 1; }
.gridGallery .mfp-arrow:before, .gridGallery .mfp-arrow:after { border: 0 !important; }
.gridGallery .mfp-arrow:before { display: none; }
.gridGallery .mfp-arrow-left { left: 20px; }
.gridGallery .mfp-arrow-right { right: 40px; }
.gridGallery .mfp-arrow.mfp-arrow-left:after { content: url(../images/arrow-back-circle-white.svg); }
.gridGallery .mfp-arrow.mfp-arrow-right:after { content: url(../images/arrow-forward-circle-white.svg); }
.gridGallery.mfp-bg { background-color: var(--color1); opacity: .8; }
@media all and (max-width:1180px){
  .gridGallery .wrapper { padding:0 1.25rem; }
  .gridGallery .imageGrid { display: flex; flex-direction: column; flex-wrap: nowrap; gap: .25rem;  }
}
@media all and (max-width:1300px){
  .gridGallery .mfp-arrow-left { left: -20px; }
  .gridGallery .mfp-arrow-right { right: 0; }
}

/*==============================
 INTERIOR SECTION NAVIGATION 
================================*/
/* Section Navigation */
.sectionNav { position: absolute; margin-bottom: 20px; background-color: var(--color1); z-index: 3; width: 500px;  }
.sectionNav::after { content: ""; height: 0; width: 100%; position: absolute; left: 0; right: 0; top: auto; bottom: auto; border-left: 250px solid transparent; border-right: 250px solid transparent; border-top: 35px solid var(--color1); border-bottom: 35px solid transparent; }
.sectionNav ul { padding: 0; text-indent: 0; list-style: none; margin: 0 auto; }
.sectionNav > ul { width: 100%; margin-bottom: 0; padding-bottom: 0; }
.sectionNav .sectionTitle { display:inline-block; width: 100%; background: var(--color1); border: none; text-align: center; padding: 10px; cursor: pointer; position: relative; }
.sectionNav .sectionTitle .menu { position: relative; width: fit-content; margin: 0 auto; padding: 0 25px; }
.sectionNav .sectionTitle .menu:before { content: ''; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%) rotate(0deg); transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1); height: 20px; width: 2px; background: var(--white); }
.sectionNav .sectionTitle .menu:after { content: ''; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%) rotate(0deg); transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1); height: 2px; width: 20px; background: var(--white); }
.sectionNav.open .sectionTitle .menu:before { transform: translate(-50%, -50%) rotate(180deg); width: 0; }
.sectionNav.open .sectionTitle .menu:after { transform: translate(-50%, -50%) rotate(180deg); }
.sectionNav .sectionTitle .menuText { color: var(--white); font-size: 1.5rem; font-weight: 400; font-family: var(--bodyFont); }
.sectionNav .sectionTitle .menuText .headingTwo { font-weight: 900; }
.sectionNav ul li.row { border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding: 0; }
.sectionNav .title { display: block; color: var(--color1); }
.sectionNav ul li .title a { color: var(--color1); padding: 25px 0 20px 0; }
.sectionNav ul li .title a:hover, #mainWrapper .sectionNav ul li .title a:focus { color: var(--color1); text-decoration: none; }
.sectionNav ul li { position: relative; padding: 0; margin-bottom: 0px; border: none; line-height: 1; }
.sectionNav ul > li li li:last-child { border-bottom: none; }
.sectionNav ul li a { display: inline-block; color: var(--white); text-decoration: none; }
.sectionNav ul li::before { content: normal; }
.sectionNav ul li.active ul { padding: 2px 0 20px 0; }
.sectionNav .content ul li.active > a { color: var(--color2Hover); border-left: 2px solid var(--color2Hover); }
.sectionNav .content { width: 100%; padding: 0; display: none; }
.sectionNav .content > ul { padding: 30px 0 50px 0; max-width: 353px; }
.sectionNav .content ul li { margin-bottom: 14px; }
.sectionNav .content ul li a { text-decoration: none; padding-left: 10px; border-left: 2px solid transparent; line-height: normal; }
.sectionNav .content ul li a:hover, .sectionNav .content ul li a:focus { color: var(--color2Hover); border-left: 2px solid var(--color2Hover); }
.sectionNav .content ul > li > ul > li > a:before { float: left; color: var(--color3); }
.sectionNav .content li a:before { position: absolute; top: 10px; left: 22px; }
/* Tier 2 */
.sectionNav .content > ul > li > a span { padding-left: 0; }
.sectionNav ul > li > a { font-weight: 400; font-size: 1.125rem; font-family: var(--bodyFont); }
.sectionNav ul li.sub li.sub { padding-bottom: 0; }
@media all and (max-width: 1200px) {
	.sectionNav { width: 300px; }
  .sectionNav .content > ul{ max-width: 250px; }
  .sectionNav::after { border-left: 150px solid transparent; border-right: 150px solid transparent; border-top: 35px solid var(--color1); border-bottom: 35px solid transparent; }
}
@media all and (max-width: 960px) {
  .sectionNav { width: 100%; position: relative; margin-bottom: 75px; }
  .sectionNav .content > ul{ max-width: 720px; }
  .sectionNav::after { border-left: 50vw solid transparent; border-right: 50vw solid transparent; border-top: 35px solid var(--color1); border-bottom: 35px solid transparent; }
  .sectionNav .sectionTitle { padding: 20px 10px 0 10px; }
  .sectionNav .sectionTitle .menuText { font-size: 1.25rem; }
}
@media all and (max-width: 768px) {
  .sectionNav .content > ul{ max-width: 540px; padding-left: .75rem; padding-right: .75rem; }
}

/* ============================
   PROGRAMS LISTING
* ============================*/
/* Program Options */
.programOptions { display: flex; justify-content: space-between; margin: 0 0 35px 0; }
@media all and (max-width: 580px) {
	.programOptions {flex-flow: column wrap; }
}

/* Program Search Box */
.programs.columns {display: flex; flex-flow: column; margin-top: 15px; }
.programSearchWrap { width: 55%; padding-top: 7px}
#searchBoxPrograms { background-color: #031E51; border-bottom: none; }
#searchBoxPrograms .filterIcon { float: right; position: relative; border: none; font-size: 1.125em; width: 50px; height: 58px; padding: 0; margin: 0; background-color: #031E51; background-image: url(https://assets.codepen.io/7341706/program-search.svg); background-repeat: no-repeat; background-position: center; background-size: 25px; transition: all 0.4s ease-in-out; }
.programSearch { display: inline; height: 58px; font-size: 1rem; letter-spacing: .09em; color: #fff; background-color: #031E51; -webkit-appearance: none; -moz-appearance: none; border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0; padding: 15px 10px; margin-bottom: 0; border: 1px solid #f8f8f8; font-size: 1rem; }
.programSearch::placeholder{ color: #ffffffc4; }
.programs input[type=text] {padding-left: 20px; width: 100%; margin-right: -55px; outline: none; border: none; border-radius: .05rem; }
.programs input[type=text]:focus {outline: 1px solid #333; }
.programSearch::-webkit-input-placeholder, .programSearch::-moz-placeholder, .programSearch:-ms-input-placeholder, .programSearch:-moz-placeholder { color: #463E40; }
.programs.columns #searchBoxPrograms .visuallyhidden { color: var(--white); }
.no-results { display: none; }
.mixitup-container-failed .no-results { display: block; color: #031E51; font-weight: 600; }
@media all and (max-width: 580px) {
	.programOptions .programSearchWrap {padding-bottom: 25px; width: 100%; padding-right: 0; }
	.programMenu button {width: 100%; font-size: 1rem; }
}

/* Program Card */
.programContainer { margin-bottom: 70px; }
.cell.mix { display: flex; }
.programCard { position: relative; background-color: #fff; display: flex; flex: 1; flex-flow: column; justify-content: space-between; width: 100%; height: auto; font-family: Roboto, helvetica, arial, sans-serif; font-size: 1rem; border: 2px solid #031E51; padding: 13px 20px; }
.programCard i { color: #FDB813; padding-right: 10px; padding-top: 10px; }
.programCard .programDetails { width: 100%; display: flex; flex-flow: column; padding-bottom: 40px; }
.programCard .programName { display: flex; align-items: flex-start; padding-bottom: 10px; position: relative; width: fit-content; max-width: calc(100% - 30px); }
.programCard .programName a { color: #031E51; font-size: 1.5rem; text-decoration: none; line-height: 1.2; }
.programCard .programName i { right: -25px; position: absolute; font-size: 1rem; transition: all .4s ease-in-out; padding-right: 0; }
.programCard .programName a:hover + i, .programCard .programName a:focus + i { right: -30px; transition: all .4s ease-in-out; }
.programCard .college { display: flex; }
.programCard .college i { padding-top: 3px; }
@media all and (max-width: 960px) {
  .columns .three .cell.mix { display: flex; }
  .columns .three .cell .programCard { max-width: 100%; }
}
/* Program Filter Toggle */
#togglePrograms { border: none; background: transparent; z-index: 50; padding-top: 4px; }
#togglePrograms::after { content: url(https://assets.codepen.io/7341706/program-filter.svg); cursor: pointer; transition: all 0.4s ease-in-out; transform: scale(.95); }
#togglePrograms .menuText { font-family: Roboto, helvetica, arial, sans-serif; font-size: 1rem; letter-spacing: .09em; }
.programMenu { position: relative; width: 45%; display: flex; flex-flow: column; align-items: flex-end; }
.programMenu #programSubMenu { position: absolute; left: auto; right: -15px; top: -20px; width: 886px; padding: 7px 0; margin:  0; box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25); list-style-type: none; display: none; font-family: Roboto, helvetica, arial, sans-serif; font-weight: 400; color: #221E1F; background-color: #fff; border: 1px solid #D9DFED; border-radius: .375rem; z-index: 1; }
.programs #Reset {background-color: #fff; border: none; color: #031E51; margin: 0 0 0 auto; cursor: pointer; display: flex; padding-top: 5px; text-decoration: underline; }
#programClearFilters {display: flex; width: 100%; gap: 35px; }
@media all and (max-width: 900px) {
	.programMenu #programSubMenu {width: 542px; }
}
@media all and (max-width: 580px) {
	#programClearFilters {flex-flow: column wrap; }
	.programs #Reset {justify-content: flex-end; }
}
/* Program Filter Expanded */
.programs .accordionCheckBoxLeft, .programs .accordionCheckBoxRight { width: 50%; }
.programs .accordionCheckBox {display: flex; flex-flow: row nowrap; margin-top: 15px; gap: 100px; }
.programs .accordion {margin: 0; border: none; }
.programs .accordion .wrapper {padding: 30px 25px 0 30px; width: 100%; border: none; }
.programs .checkbox-item .checkbox-label { cursor: pointer; display: inline-block; vertical-align: top; color:#333333; font-size: 1.125rem; padding-left: 5px; margin-bottom: 5px; }
.programs .checkbox-item { cursor: pointer; display: flex; flex-flow: row nowrap; align-items: flex-start; }   
.programs input[type=checkbox] {cursor: pointer; margin-top: 7px; appearance: auto; }
.programs .checkbox {display: flex; flex-direction: row; margin-top: 5px; }
.programs .checkbox-group.degree {padding: 10px 25px; display: flex; flex-flow: row nowrap; }
.programs .checkbox-group.degree .checkbox-item {margin-right: 50px; }
.programs .checkbox-group.degree .clearFilters, .programs .seeResults { cursor: pointer; background-color: #fff; border: none; color:#031E51; padding-top: 5px; display: flex; align-items: center; justify-content: flex-end; font-size: 1rem; margin: 0 0 0 auto; scroll-margin-top: initial; }
.programs .checkbox-group.degree a {text-decoration: none; margin: 0 0 0 auto; }
.programs hr {width: 92.5%; margin: auto; margin-top: 5px; margin-bottom: 5px; }
@media all and (max-width:960px){
    .programs.columns .two { grid-template-columns: repeat(2, 1fr); }  
}
@media all and (max-width: 900px) {
	.programs .accordionCheckBoxLeft {width: 84%; }
}
@media all and (max-width: 580px) {
	.programs.columns .wrapper { flex-flow: row wrap; }
	.programs.columns .two {grid-template-columns: 1fr; grid-column: auto; grid-row: auto; gap: 1.35em; }
	.programs .programContainer .cell { width: 100%;  }
	.programs .programsSearch { margin: 30px 0 0 0; }
	.programs .accordionCheckBox, .programs .checkbox, .programs .checkbox-group.degree {flex-flow: column wrap; }
	.programs .accordionCheckBoxLeft, .programs .accordionCheckBoxRight, .programs .checkbox-group.degree .clearFilters {width: 100%; }
	.programs hr {width: 82.5%; }
}

/* Additional Styles */ 
#Filters { width: 100%; }
#results { width: fit-content; margin: 0 25px 25px auto !important; display: block; }
#Filters h3 { font-size: 1.5rem; }
.groupHeading { font-size: 1.25rem; font-weight: 500; margin-bottom: 15px; }
fieldset.degree-level { width: 100%; }
fieldset.degree-level .checkbox { gap: 35px; }
fieldset.degree-level label { transition: all .4s ease-in-out; border-radius: 0.5rem; border: 2px solid #FDB813; text-align: center; padding: 10px 10px; width: 50%; cursor: pointer; font-size: 1.5rem; font-family: Roboto, helvetica, arial, sans-serif;; }
fieldset.degree-level input:checked + label, fieldset.degree-level input:hover + label { background-color: #fdb813; transition: all .4s ease-in-out; }
fieldset.degree-level input { display: none; }
.rightFilters { display: flex; width: 100%; justify-content: space-between; gap: 35px; }
#programSubMenu .degree-level { display: none; }
@media all and (max-width: 1200px) {
  .columns .three { grid-template-columns: repeat(2, 1fr); }
  .programSearchWrap, .programMenu { width: 50%; }
}
@media all and (max-width: 992px) {
  #programClearFilters { flex-flow: column; }
  .programSearchWrap, .programMenu { width: 100%; }
  .programMenu #programSubMenu { width: 625px; }
  .programs .accordionCheckBox { gap: 50px; }
}
@media all and (max-width: 767px) {
  .columns .three { grid-template-columns: repeat(1, 1fr); }
  .programMenu #programSubMenu { width: 550px; }
  .programs .accordionCheckBox { flex-flow: column; }
  .programs .accordionCheckBox { gap: 35px; }
  #results { margin-top: 35px !important; }
}
@media all and (max-width: 580px) {
  .programOptions .programSearchWrap { width: 78%; }
  .programMenu { width: 22%; }
  #programClearFilters { gap: 0; flex-flow: row; }
  .rightFilters { flex-flow: column; }
  fieldset.degree-level { display: none; }
  #togglePrograms { justify-content: flex-end; display: flex; }
  .programMenu #programSubMenu { width: 450px;  }
  #programSubMenu .degree-level { display: block; margin-bottom: 35px; }
  #programSubMenu .accordion .wrapper { gap: 35px; }
}
@media all and (max-width: 575px) {
  .programMenu #programSubMenu { right: 0;  }
}
@media all and (max-width: 480px) {
  .programOptions .programSearchWrap { width: 67%; }
  .programMenu { width: 33%; }
  .programMenu #programSubMenu { width: 350px; }
}

/* ============================
GRID LAYOUT
* ============================*/
.interior .mainContent { display: grid; grid-area: 1 / 1 / 8 / 2; }
.interiorContent { display: grid; grid-area: 1 / 2 / 8 / 2; grid-template-rows: max-content; margin-top: 25px; }
.sectionNavColumn { display: grid; grid-area: 1 / 1 / 6 / 2; grid-template-columns: 265px; padding: 0 75px 0 0; }
@media all and (max-width:960px){
    .interior .mainContent { grid-template-columns: 1fr; }
    .sectionNavColumn { grid-area: 1 / 1 / 3 / 2; grid-template-columns: 100%; padding: 0; }
    .interiorContent { display: grid; grid-area: 3 / 1 / 8 / 2; }
}

/* ============================
 SECTION NAVIGATION
* ============================*/
/* Left Nav */
.left-nav-wysiwyg { max-width:350px; margin: 0 auto; padding-right: 75px; }
.left-nav { background-color: var(--pageBackground); }
@media all and (max-width: 960px) {
  .left-nav-wysiwyg { max-width: 100%; padding: 25px 0 0 0; }
  .mobile-left-nav {display: block; text-align: left; padding: 0; margin: 0;  border: 1px solid var(--gray); }
}

/* ============================
NEWS PAGES
* ============================*/
.mainContent { margin: 0 auto; }
.featuredArticle { max-width: 100%; width: 100%; }
.featuredArticle h2 { color: var(--white); }
.featuredArticle img {max-width: 100%; position: relative; margin-top: 15px; height: auto; object-fit: cover; }
.featuredArticle .wrapper {position: relative; max-height: 530px; overflow: hidden; }
.featuredArticle .sliderNews { display: flex; flex: auto; max-width: 1450px; width: 100%; box-shadow: none; }
.featuredArticle .slick-list, .featuredArticle .slick-track { display: flex; }
.featuredArticleCaption { z-index: 1; background-color: transparent; position: relative; }
.featuredArticleCaption .newsDate { color: var(--white); background-color: transparent; font-weight: 400; font-size: 1rem; }
.featuredArticleCaption .wrapper { background-color: transparent; position: absolute; bottom: 20px; left: 40px; width: 90%; }
.featuredArticleOverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, #111221E6 0%, #60606A00 100%); }
.news .arrows {width: 50px; height: 50px; background-color: var(--color1); z-index: 99; }
.news img {transition: all ease .5s; }
.news img:hover {transform: scale(1.07); overflow: hidden; }
.news .impactWrapper img:hover { transform: none; }
.news .imgContainer.half, .news .imgContainer.half img { height: 100%; overflow: hidden; object-fit: cover; }
.news .imgContainer.third, .news .imgContainer.third img { height: 100%; overflow: hidden; object-fit: cover; }
.news .imgContainer.offset, .news .imgContainer.offset img { height: 100%; overflow: hidden; object-fit: cover; }
.news .imgContainer.half { max-width: 840px; max-height: 360px; }
.news .imgContainer.third { max-height: 235px; }
.news .imgContainer.offset {max-width: 415px; max-height: 235px; }
.news .columns.columnBg { padding-bottom: 25px; }
.news .columns .content { padding-top: 15px; }
.news .columns:first-child { margin-top: 10px; }
.news .columns:not(:last-child){ border-bottom: 1px solid var(--gray); }
.news .columns a, .news .featuredArticle a {text-decoration: none; color: var(--color1); }
.news .columns a:hover {text-decoration: underline; }
.news .featuredArticle a:hover {text-decoration: underline; color: var(--white); }
.newsDate { font-size: .875rem; color: var(--color1); font-family: var(--bodyFont); font-weight: 500; margin-bottom: 10px; }
.news .link.category { float: right; margin-top: -35px; cursor: pointer;  font-size: 1.125rem; font-weight: 400; text-decoration: none; vertical-align: middle; padding-bottom: 0; margin-right: 22px; transition: var(--transition); color: var(--color1); line-height: 1; }
.news .link.category::after { display: inline-block; content: url(../images/button-double-chevron-yellow.svg); transform: translate(8px, 0); vertical-align: middle; transition: all 0.3s ease-in-out; }
.news .link.category:hover::after, .news .link.category:focus::after {transform: translate(11px, 0); }
@media all and (max-width: 992px) {
  .news .columns .content { padding-top: 5px; }
}
@media all and (max-width: 960px) {
  .news .imgContainer.half, .news .imgContainer.half img, .news .imgContainer.third, .news .imgContainer.third img, .news .imgContainer.offset, .news .imgContainer.offset img {height: auto; max-height: 100%; width: 100%; max-width: 100%; }
  .news img:hover {transform: none; }
  .news img {transition: none; }
  .featuredArticle img {max-height: 400px; }
  .news .columns:first-child {padding-top: 15px; }
}
@media all and (min-width: 581px) and (max-width: 960px) {
  .news .columns .three { grid-template-columns: repeat(2, 1fr); }
  .news .columns .three .cell > * + * { padding-left: 0; max-width: 100%; }
}
@media all and (max-width: 780px) {
  .news .columns:first-child { margin-top: 0; }
  .featuredArticle img {max-height: 300px; }
  .featuredArticleCaption .newsDate {font-size: 1rem; margin-bottom: 0; }
  .featuredArticleCaption .wrapper { bottom: 15px; left: 40px; width: 85%; }
  .news .link.category {margin: 0 auto 20px 0; float: none; }
}
@media all and (max-width: 580px) {
  .featuredArticle img {height: 215px; }
  .featuredArticle .sliderNews .slick-next, .featuredArticle .sliderNews .slick-prev { top: auto; bottom: -5px; left: auto; width: 30px; height: 30px; }
  .featuredArticle .sliderNews .slick-next { right: 10px; }
  .featuredArticle .sliderNews .slick-prev { right: 50px;  }
  .featuredArticleCaption .wrapper { left: 15px; width: calc(100% - 30px); }
}

/*News Filters*/
.newsFilter { padding-top: 40px; border-top: 2px solid var(--color1); margin-top: 40px; }
.newsFilter .catDrop {display: flex; flex-flow: row nowrap; width: 100%; }
.newsFilter .catDrop .newsSearch { display: flex; width: 50%; }
.newsFilter .catDrop .newsSearch form { width: 100%; margin-right: 15px; height: 52px; }
.newsFilter .catDrop .newsSearch input {width: 100%; }
.newsFilter .catDrop .newsSearch .inputGroup { position: relative; }
.newsFilter .catDrop .newsSearch input::placeholder {color: var(--color1); }
.newsFilter .catDrop .newsSearch input, .newsFilter .catDrop .selectWrap select { background-color: var(--white); padding: 15px; height: 52px; color: var(--color1); font-size: 1rem; font-family: var(--bodyFont); font-weight: 500; border: 1px solid var(--gray); }
.newsFilter .catDrop .newsSearch button { background-color: var(--white); border: none; position: absolute; right: 5px; top: 13px; }
.newsFilter .catDrop .newsSearch button span.newsSearchIcon { background-color: var(--white); cursor: pointer; }
.newsFilter .catDrop .selectWrap { display: flex; width: 100%; flex-flow: row nowrap; }
.newsFilter .catDrop .newsSearch + .selectWrap { width: 50%; }
.newsFilter .catDrop .newsSearch + .selectWrap .select-box { margin-left: 15px; }
.newsFilter .catDrop .selectWrap .select-box { position: relative; display: flex; width: 50%; margin: 0; }
.newsFilter .catDrop .selectWrap .select-box:last-child { margin-left: 30px; }
.newsFilter .catDrop .selectWrap select { padding: 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; }
.newsFilter .catDrop .selectWrap select option[disabled] { display: none; }
.newsFilter .select-box::after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-size: 1.25rem; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; z-index: 5; font-weight: 900; pointer-events: none; }
@media all and (max-width: 860px) {
  .newsFilter .catDrop, .newsFilter .catDrop .selectWrap, .newsFilter .catDrop .selectWrap .select-box:last-child  { flex-flow: column wrap; width: 100%; margin-left: 0; }
  .newsFilter .catDrop .newsSearch, .newsFilter .catDrop .selectWrap .select-box {flex-flow: column wrap; width: 100%; margin-left: 0; padding: 0; margin-bottom: 20px;  }
  .newsFilter select {background-position-x: 97%; }
  .newsFilter .select-box {position: relative; }
}

/*NEWS CATEGORY*/
.news.category .mainContent.wrapper { grid-template-columns: max-content; }
.news.category .interiorContent { margin-top: 25px; }
.news.category .content ul { padding-left: 0; }
.news.category .columns {border: none; }
.news.category .columns .content { padding-top: 0; }
.news.category .columns:first-child { padding-top: 0; margin-top: 0; }
.news.category .columns .wysiwyg { border-bottom: 2px solid var(--color1); padding-bottom: 35px; margin-bottom: 0 }
.news.category .newsDate { margin-top: 0; }
.news.category .columns.sideBar { margin-top: 15px; max-width: 350px; }
.news.category .columns .oneTwo { gap: 2.5rem 2rem; margin-top: -10px; }
.news .oneTwo .cell {height: auto; }
.news.category .imgContainer.offset {height: 170px; max-width: 310px; }
.news.category .imgContainer.offset img { height: auto; }
.news.category .newsFilter{ padding: 0; border: none; margin: 0; }
.news.category .newsFilter .catDrop .selectWrap { width: 100%; }
.news.category .newsFilter .catDrop .selectWrap .select-box { width: 100%; margin: 0; }
@media all and (max-width: 960px) {
  .news.category .interiorContent {margin-top: 0; }
  .news.category .arrow { position: absolute; top: 15px; right: 15px; background-color: var(--white); }
  .news.category .arrow img {background-color: var(--white); }
  .news.category .columns.sideBar { margin-top: 0; }
  .news.category .imgContainer.offset img, .news.category .imgContainer.offset {max-width: 100%; height: auto; }
  .news.category .columns .oneTwo {gap: 1rem; }
  .news.category .cell .content {margin-bottom: 0; }
  .news.category .columns .wysiwyg {padding-bottom: 25px; }
}

/*NEWS DETAIL*/
.news.detail .interiorContent { margin-top: 0; }
.news.detail .newsHeading {font-size: .9rem; }
.news.detail .newsHeading img { height: auto; width: 100%; }
.news.detail .imgContainer.detail { margin: 1rem 0; max-height: 550px; max-width: 100%; overflow: hidden; object-fit: contain; }
.news.detail .imgContainer.detail img {transform: none; }
.news.detail .newsHeading .newsTags {margin-top: 10px; }
.news.detail .newsHeading span, .news.detail .newsHeading span a {color: var(--color1); }
.news.detail .columns {padding: 0; }
.news.detail .columns.sideBar { margin-top: 0; }
.news.detail .columns .three .imgContainer.third {max-height: 160px; margin-bottom: 20px; }
.news.detail .columns .wysiwyg {border: none; }
.news.detail .columns .three {margin-bottom: 60px; }
.news.detail .addthis_inline_share_toolbox { margin: 15px 0; }
.news.detail .newsFilter{ padding: 0; border: none; margin: 0; }
.news.detail .newsFilter .catDrop .selectWrap { width: 100%; }
.news.detail .newsFilter .catDrop .selectWrap .select-box { width: 100%; margin: 0; }
.news.detail .columns { margin-bottom: 1rem; }
@media all and (max-width: 992px) {
  .news.detail.interior .mainContent {grid-template-columns: 1fr; }
  .news.detail.interior .mainContent .interiorContent { grid-area: 3 / 1 / 8 / 2; }
  .news.detail .left-nav-wysiwyg { max-width: 100%; padding: 25px 0 0 0; }
  .news.detail .imgContainer.detail {height: auto; }
  .news.detail .columns.sideBar { margin-bottom: 3rem; }
}
@media all and (max-width: 980px) {
  .news.detail .columns .three .imgContainer.third {height: auto; max-height: none; margin-bottom: 10px; }
  .news.detail .columns .three { margin-bottom: 30px; }
}

/* ============================
FACULTY PAGES
* ============================*/
/*Faculty Filters*/
.facultyListing .mainContent > .columns.wysiwyg { margin-bottom: 1rem; }
.facultyFilter { padding-top: 40px; border-top: 2px solid var(--color1); margin-top: 40px; }
.facultyFilter .catDrop {display: flex; flex-flow: row nowrap; width: 100%; }
.facultyFilter .catDrop .newsSearch { display: flex; width: 50%; }
.facultyFilter .catDrop .newsSearch form, .facultyFilter .catDrop .newsSearch #cse-search-box2 { width: 100%; margin-right: 15px; height: 52px; }
.facultyFilter .catDrop .newsSearch input {width: 100%; }
.facultyFilter .catDrop .newsSearch .inputGroup { position: relative; }
.facultyFilter .catDrop .newsSearch input::placeholder {color: var(--color1); }
.facultyFilter .catDrop .newsSearch input, .facultyFilter .catDrop .selectWrap select { background-color: var(--white); padding: 15px; padding-right: 45px; height: 52px; color: var(--color1); font-size: 1rem; font-family: var(--bodyFont); font-weight: 500; border: 1px solid var(--gray); }
.facultyFilter .catDrop .newsSearch button { background-color: var(--white); border: none; position: absolute; right: 5px; top: 13px; }
.facultyFilter .catDrop .newsSearch button span.newsSearchIcon { background-color: var(--white); cursor: pointer; }
.facultyFilter .catDrop .selectWrap { display: flex; width: 50%; flex-flow: row nowrap; }
.facultyFilter .catDrop .selectWrap .select-box { display: flex; width: 50%; margin: 0 0 0 15px; position: relative; }
.facultyFilter .catDrop .selectWrap .select-box:last-child { margin-left: 30px; }
.facultyFilter .catDrop .selectWrap select { padding: 15px; padding-right: 45px; width: 100%; -webkit-appearance: none; -moz-appearance: none; white-space: nowrap; text-overflow: ellipsis; }
.directoryFilter #Reset { border: none; background: transparent; color: var(--color1); display: flex; justify-content: flex-end; width: 100%; padding-top: 15px; }
.directoryFilter #Reset:hover { text-decoration: underline; }
@media all and (max-width: 960px) {
  .landing.facultyListing .mainContent { margin-top: 3rem; }
}
@media all and (max-width: 860px) {
  .facultyFilter .catDrop, .facultyFilter .catDrop .selectWrap, .facultyFilter .catDrop .selectWrap .select-box:last-child  { flex-flow: column wrap; width: 100%; margin-left: 0; }
  .facultyFilter .catDrop .newsSearch, .facultyFilter .catDrop .selectWrap .select-box {flex-flow: column wrap; width: 100%; margin-left: 0; padding: 0 0 20px 0;  }
  .facultyFilter select {background-position-x: 97%; }
  .facultyFilter .select-box {position: relative; }
}

/* Directory A-Z */
.directoryFilter { display: block; width: 100%; }
.azFilters { display: block; margin: 20px auto 0 auto; font-size: 1em; }
.azFilters ul { padding-left: 0; }
.azFilters ul li { display:inline-block; margin-right: 5px; margin-bottom: 20px; }
.azFilters ul li button { text-decoration: none; border: none; padding: 5px 10px; transition: all .4s ease-in; }
.azFilters ul li button:hover, .faculty .azFilters ul li button:focus { color: var(--white); background-color: var(--color1); }
.azFilters ul li button.mixitup-control-active, .azFilters ul button.azFilter.na.mixitup-control-active { color: #fff; background-color: var(--color1); }
.azFilters ul button.azFilter.na { cursor: pointer; color: var(--color1); }
.azFilters ul button.azFilter.na:hover { text-decoration: none; color: var(--white); }
@media all and (min-width: 1201px) {
  .azFilters ul { display: flex; justify-content: space-between; }
}
/* Dropdown Filters */
.facultyFilter { border: none; padding-top: 0; margin-top: 0; }
.facultyFilter .catDrop .selectWrap { display: flex; width: 100%; flex-flow: row nowrap; justify-content: space-between; }
.facultyFilter .catDrop .selectWrap .select-box {margin: 0!important; width: 49%; }
.facultyFilter .catDrop .newsSearch.faculty form, .facultyFilter .catDrop .newsSearch.faculty #cse-search-box2 {margin: 0 0 0 10px; }
.facultyFilter fieldset.departmentDropdowns { width: 100%; }
.faculty .facultySearchFilters a.link {text-decoration: none; color: var(--color1); }
.faculty .catDrop .newsSearch.faculty button {top: 15px; cursor: pointer; }
.facultySearchIcon {background-color: var(--white); }
.inputGroup::after { content: "\f002"; font-family: "Font Awesome 5 Free"; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; z-index: 5; font-weight: 900; pointer-events: none; }
@media all and (max-width: 980px) {
  .facultyFilter .catDrop .newsSearch.faculty form, .facultyFilter .catDrop .newsSearch.faculty #cse-search-box2 {margin: 0; }
  .facultyFilter .catDrop .selectWrap .select-box, .facultyFilter .catDrop .newsSearch.faculty { width: 100%; padding: 15px 0 0 0; }
  .facultyFilter .catDrop .selectWrap { flex-flow: column wrap; }
  .facultyListing .newsFilter .select-box::after { top: calc(50% + 8px); right: 22px; }
}
/* Faculty Cards */
.facultyListing .facultyListingWrapper .no-results { margin-top: 35px; }
.facultyListing .facultyListingWrapper {display: flex; flex-flow: row wrap; width: 100%; justify-content: space-between; padding-bottom: 60px; }
.facultySearchFilters {display: flex; width: 49%; }
.facultyCard {display: flex; flex-flow: row nowrap; height: auto; margin-top: 30px; width:100%; background-color: var(--white); }
.facultyCard img { max-width: 175px; max-height: 300px; height: 100%; object-fit: cover; }
.facultyInfo {display: flex; flex-flow: column nowrap; font-family: var(--bodyFont); color: var(--color1); background-color: var(--white); height: auto; padding: 0 10px 0 20px; }
.facultyInfo .link {cursor: pointer; text-decoration: none; }
.facultyInfo > .link::after { content: url("../images/button-double-chevron-yellow.svg"); display: inline-block; transform: translate(8px, 0px); vertical-align: middle; transition: 0.3s ease-in-out; }
.facultyInfo > .link:hover::after, .facultyInfo > .link:focus::after { transform: translate(11px, 0px); }
.facultyInfo .facultyName {color: var(--color1); font-size: 1.4rem; font-weight: 600; display: inline-block; }
.contactInfo {display: flex; flex-flow: row wrap; background-color: var(--white); margin: 25px 0 10px 0; align-items: flex-end; }
.facultyCard .facultyName, .facultyCard .department, .facultyCard .position, .facultyCard .office, .facultyCard .contactInfo, .facultyCard .phoneNumber, .facultyCard .phoneNumber a, .facultyCard .email.link, .facultyCard .email.link a, .facultyCard .seperator {background-color: var(--white); }
.contactInfo .seperator {padding: 0 5px; }
.facultyCard .phoneNumber a {color: var(--color3);  }
.facultyCard .email.link a {color: var(--color3);  }
@media all and (max-width: 992px) {
  .facultyListing .facultyListingWrapper {flex-flow: column wrap; width: 100%; }
  .facultySearchFilters {width: 100%; }
}
@media all and (max-width: 560px) {
  .facultyListing .facultyListingWrapper, .facultyCard {flex-flow: column; width: 100%; }
  .facultySearchFilters {flex-flow: column; width: 100%; }
  .facultyInfo {padding: 10px 0 5px 0; }
  .faculty .facultyCard img {width: 100%; height: 150px; }
  .faculty .facultyInfo a.link {width: 100%; height: 100%; }
}

/* ============================
   FACULTY DETAIL PAGES
* ============================*/
.facultyDetailHeading { margin: 25px 0 15px 0; }
.facultyBioDetail.landing .impactLanding.noImage .caption { padding: 43px .75rem 33px .75rem; }
.facultyBioDetail.landing .columns.sideBar { max-width: 350px; }
.facultyBioDetail.landing .mainContent.wrapper { grid-template-columns: max-content; }
.faculty.interior .interiorContent { margin-top: 0; }
.left-nav-wysiwyg.faculty-detail { margin-top: 15px; }
.left-nav-wysiwyg.faculty-detail img { width: 100%; padding-bottom: 10px; }
.faculty.interior .department, .faculty.interior .office, .faculty.interior .position, .faculty.interior .phone, .faculty.interior .email { font-family: var(--bodyFont); }
@media all and (max-width: 960px) {
  .left-nav-wysiwyg.faculty-detail img { width: auto; padding-bottom: 10px; }
  .left-nav-wysiwyg.faculty-detail { margin-top: 0; padding-top: 0;}
}

/* ============================
  FACULTY - MIX IT UP FILTER
* ============================*/
/* DO NOT REMOVE - NEEDED FOR THE MIXITUP FILTER NOT TO JUMP ON TABLET AND MOBILE */
.facultyListingWrapper { display: -webkit-flex; -webkit-flex-flow: row wrap; }
/* END - DO NOT REMOVE */

/* ============================
 PLUGINS
* ============================*/
/* Tables -  Tablesaw */
.tablesaw { width: 100%; max-width: 100%; empty-cells: show; border-collapse: collapse; border: 0; padding: 0; }
.tablesaw * { box-sizing: border-box; }
.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none; }
/* Mobile first styles: Begin with the stacked presentation at narrow widths */
/* Show the table cells as a block level element */
.tablesaw-stack { clear: both; border-spacing: 0; border: 1px solid #ccc; }
.tablesaw-stack td, .tablesaw-stack th { text-align: left; display: block; }
.tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th { line-height: 1.5; }
.tablesaw-stack tr { clear: both; display: table-row;  }
.tablesaw-stack td { vertical-align: top; }
/* Make the label elements a percentage width */
.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: inline-block; padding: 0 .6em 0 0; width: 30%; }
/* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
.tablesaw-stack th .tablesaw-cell-label-top, .tablesaw-stack td .tablesaw-cell-label-top { display: block; padding: .4em 0; margin: .4em 0; }
.tablesaw-cell-label { display: block; }
/* Avoid double strokes when stacked */
.tablesaw-stack tbody th.group { margin-top: -1px; }
/* Avoid double strokes when stacked */
.tablesaw-stack th.group b.tablesaw-cell-label { display: none !important; }
.tablesaw-stack td[colspan="3"], .tablesaw-stack td[colspan="2"] { background-color: var(--lightGray); }
@media all and (min-width: 721px) {
  .tablesaw-stack thead, .tablesaw-stack th { background-color: var(--color1); color: var(--white); }
  .color1Bg .tablesaw-stack thead, .color1Bg .tablesaw-stack th { background-color: var(--white); color: var(--color1); border-color: #ccc; }
  .tablesaw-stack th { border: 1px solid var(--gray); }
  .tablesaw-stack tr { display: table-row; border: 1px solid var(--gray); }
  /* Show the table header rows */
  .tablesaw-stack thead td, .tablesaw-stack thead th { vertical-align: middle; }
  .tablesaw-stack td { border: 1px solid #ccc; }
  .tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th { display: table-cell; margin: 0; padding: 12px 20px; }
  .tablesaw-stack td { padding: 15px 20px; }
  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none !important; }
}
@media all and (max-width: 720px) {
  .tablesaw-stack tbody tr { display: inline-block; width: 100%; }
  .tablesaw-stack thead td, .tablesaw-stack thead th { display: none; }
  .tablesaw-stack tbody td, .tablesaw-stack tbody th { display: block; float: left; clear: left; width: 100%; }
  .tablesaw-cell-label { vertical-align: top; }
  .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: block; padding: 0; width: 100%; color: var(--darkGray); font-weight: 600; margin-bottom: 10px; }
  .tablesaw-stack td:last-of-type { margin-bottom: 20px; }
  .tablesaw-stack td[colspan="3"], .tablesaw-stack td[colspan="2"] { padding: 10px; }
  .tablesaw-cell-content { display: inline-block; max-width: 100%; margin-bottom: 16px; }
  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,
  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content { display: block; width: 100%; max-width: 100%; padding: 0; }
  .tablesaw-stack td:empty, .tablesaw-stack th:empty { display: none; }
}

/* Slick Slider Accessible Base */
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer; }
.slick-slider .slick-list,.slick-slider .slick-track{-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;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block; width: 100%; }
.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}
.slick-sr-only { position: absolute; left: -99999px; }
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; display: block; width: 45px; height: 45px; padding: 0; cursor: pointer; border: none; z-index: 2; background-color: var(--color2); border-radius: 50%; }
.slick-prev { left: -25px; top: 48%; background-image: url(../images/slider-arrow-left-white.png); background-position: center center; background-repeat: no-repeat; border-radius: 50%; }
.slick-next { right: -25px; top: 48%; background-image: url(../images/slider-arrow-right-white.png); background-position: center center; background-repeat: no-repeat; }

/* ============================
 MAGNIFIC POPUP
* ============================*/
/*Magnific Popup*/
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: var(--black); opacity: 0.8; }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; 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: pointer; }
.gridGallery .mfp-image-holder .mfp-close:focus, .gridGallery .mfp-iframe-holder .mfp-close:focus { width: 40px; }
.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; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: var(--darkGray); position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: var(--darkGray); }
.mfp-preloader a:hover { color: var(--white); }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }
button::-moz-focus-inner { padding: 0; border: 0; }
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 1; padding: 0 0 18px 10px; color: var(--white); font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: var(--darkGray); }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: var(--white); right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-image-holder .mfp-close:focus, .mfp-iframe-holder .mfp-close:focus { outline: 1px solid var(--white); width: fit-content; padding-left: 6px; }
.mfp-counter { position: absolute; top: 0; right: 0; color: var(--darkGray); font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after { content: '';  display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after { border-right: 17px solid var(--white); margin-left: 31px; }
.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after { border-left: 17px solid var(--white); margin-left: 39px; }
.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }
.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: -40px; }
.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: var(--black); }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
.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: var(--gray); }
.mfp-figure small { color: var(--darkGray); 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: var(--darkGray); word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

/*Simple fade transition*/
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out;  -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

@media all and (max-width: 800px) and (orientation: landscape), all 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; 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: 6px; padding-right: 6px; }
}

/* ============================
 GOOGLE CUSTOM SEARCH
* ============================*/
input.gsc-input { height: 45px !important; }
table.gsc-input { margin-bottom: 0!important; }
.gsc-input-box { margin-right: 20px; }
table.gsc-search-box td.gsc-input { padding-left: 0; }
.gsc-search-button.gsc-search-button-v2 { height: 55px !important; }
.gsc-search-button { background-color: var(--color1); }
.gsc-search-button-v2 svg { width: 25px!important; height: 25px!important; fill: var(--white)!important; max-width: unset; }
.gsc-selected-option-container { font-size: 1rem !important; min-width: 150px !important; height: 45px !important; line-height: 45px !important; }
.gsc-option { font-size: 1rem !important; }
.gsc-control-cse .gsc-option-selector { top: 19px !important; }
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { font-family: var(--bodyFont) !important; color: var(--color1) !important; word-wrap: break-word; }
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b { font-family: var(--bodyFont) !important; color: var(--color1) !important; }
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover { text-decoration: underline; }
.gsc-control-cse { padding: 0 !important; background-color: var(--white)!important; border: none!important; }
.gsc-control-cse .gs-spelling { font-size: 1.1rem !important; }
.gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { font-size: 1.25rem !important; }
.gsc-results .gsc-cursor-box .gsc-cursor-current-page { border-color: var(--color1) !important; background-color: var(--white); color: var(--color1) !important; }
.gsc-results .gsc-cursor-box .gsc-cursor-page { border-color: var(--color1) !important; background-color: var(--white); color: var(--color1) !important; }
a.gs-title { border-bottom: none !important; display: inline; }
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top { padding-left: 0 !important; padding-right: 0 !important; }
.gs-promotion .gs-visibleUrl, .gs-webResult .gs-visibleUrl, .gs-webResult .gs-snippet, .gs-fileFormatType, .gcsc-find-more-on-google, .gcsc-find-more-on-google { color: var(--color3) !important; }
.gcsc-find-more-on-google-magnifier { fill: var(--color3) !important; }
.gsc-search-button-v2 { border: 1px solid var(--color1) !important; border-radius: 0 !important; border-color: var(--color1) !important; background-color: var(--color1) !important; transition: all 0.4s ease-in-out; padding: 5px 15px !important; }
.gsc-search-button-v2:hover, .gsc-search-button-v2:focus { border: 1px solid var(--color1) !important; border-radius: 0 !important; border-color: var(--color1) !important; background-color: var(--color1) !important; cursor: pointer; }
.gsc-table-cell-thumbnail.gsc-thumbnail + .gsc-table-cell-snippet-close { padding-left: 80px !important; }
.gsc-control-cse, .gsc-control-cse .gsc-table-result { font-family: var(--bodyFont) !important; font-size: 1rem !important; }

/* ============================
 STYLE GUIDE 
* ============================*/
.colorBoxWrapper { display: inline-block; margin-right: 10px; margin-bottom: 10px; }
.colorBox { width: 120px; height: 120px; margin-bottom: 10px; }
.styleList { column-count: 3; }
.styleList li { margin-bottom: 10px; }
@media all and (max-width: 580px) {
	.styleList { column-count: 1; }
}

@media print {
  header { position: absolute;}
  .programs .cell.mix, .pullQuote, .imageGrid .card, img, .home .three .cell, .home .two .cell, .home .four .cell, .footerCTA, .mainFooter, .news.landing.detail .columns .three .cell { break-inside: avoid-page; }
  .facultySearchFilters, .news.landing.detail .columns .three .cell { display: block;}
}