/*START BASE STYLES-----*/

/* 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, iframe { display: block; max-width: 100%; height: auto; }
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*/
  --blue: #00538B;
  --blueOverlay: rgba(0, 85, 140, 0.90);
  --blueGradientOverlay: linear-gradient(0deg, rgba(0, 51, 102, 0.8), rgba(0, 51, 102, 0.7), rgba(0, 51, 102, 0.8));
  --orange: #F58424;
  --accessibleOrange: #F2612A;
  --orangeGradient: linear-gradient(180deg, #F2612A 0%, #F58424 100%);
  --bannerGradient: linear-gradient(90deg, #F2612A 0%, #F58424 100%);
  --black: #222223;
  --blackGradientOverlay100: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  --blackGradientOverlay80: linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 100%);
  --white: #ffffff;
  --lightGray: rgba(232, 232, 232, 0.50);
  /*Fonts */
  --headingFont: 'Montserrat', Helvetica, Arial, san-serif;
  --bodyFont: 'Montserrat', Helvetica, Arial, san-serif;
  /*Set global transition duration and speed curve */
  --transition: all .25s ease-in-out;
  --slowTransition: all 1s ease-in;
  --smallFont: 1rem;
}

@media all and (max-width: 960px) {
    :root {
        --smallFont: .875rem;
    }
}

.blueBg { background-color: var(--blue); }
.orangeBg { background-color: var(--orange); }
.blueOverlay { background-color: var(--blueOverlay); }
.blueGradientOverlay { background: var(--blueGradientOverlay); }
.orangeGradientBg { background: var(--orangeGradient); }
.blackBg { background-color: var(--black); }
.blackGradientOverlay100 { background: var(--blackGradientOverlay100); }
.blackGradientOverlay80 { background: var(--blackGradientOverlay80); }
.whiteBg { background-color: var(--white); }
.grayBg { background-color: var(--lightGray); }

/* ============================
 GLOBAL ELEMENTS 
* ============================*/

/* Global Font Styles */
body { font-family: var(--bodyFont); font-style: normal; color: var(--black); line-height: 1.5; font-weight: 400; }
h1, .h1, h2, h3, h4, h5, h6 { font-family: var(--headingFont); font-weight: 700; color: inherit; line-height: 1.25; margin-bottom: 15px; }
h1, .h1 { margin-bottom: 40px; }
p, ul, ol { font-size: inherit; font-weight: 400; margin-bottom: 20px; color: inherit; }
em, i {font-style: italic;}
strong, b { font-weight: 700; }
.preheader, p.preheader, h2.preheader { display: block; font-weight: 600; color: var(--blue); font-style: italic; margin-bottom: 5px; }
.subtitle, .subhead { display: block; font-weight: 800; font-size: 1.25rem; color: var(--blue); line-height: 1.25; font-style: italic; margin-bottom: 20px; }
.largeText { font-weight: 500; line-height: 1.25; }
.thinFont { font-weight: 300; }
.whiteText, .whiteText .preheader, .whiteText .subtitle, .whiteText .subhead { color: var(--white); }
.orangeGradientText { background: linear-gradient(90deg, #F2612A 0%, #F58424 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.orangeGradientBg p { font-weight: 500; }

/*Dark Mode*/
@media (prefers-color-scheme: dark) {
  body { background-color: var(--black); color: var(--white); }
  .preheader, p.preheader, h2.preheader { color: var(--white); }
  .grayBg { background-color: rgba(232, 232, 232, 0.15); }
  .whiteBg { background-color: var(--black); }
}
@media (prefers-color-scheme: light) {
  body { background-color: var(--white); color: var(--black); }
}

@media all and (max-width: 960px) {
  body { font-size: 1rem; }
  h1, .h1 { font-size: 2rem; }
  h2 { font-size: 1.75rem; }
  h2.largeH2 { font-size: 2rem; }
  h3 { font-size: 1.5rem; }
  h4 { font-size: 1.25rem; }
  h5 { font-size: 1.125rem; }
  h6 { font-size: 1rem; }
  p { line-height: 1.875; }
  .preheader, p.preheader, h2.preheader { font-size: 1.125rem; line-height: 1.2; }
  .largeText { font-size: 1.35rem; }
}

@media all and (min-width: 961px) {
  body { font-size: 1.25rem; }
  body.interior { font-size: 1.125rem; }
  h1, .h1 { font-size: 3.438rem; }
  h2 { font-size: 2.5rem; }
  h2.largeH2 { font-size: 3.125rem; }
  .interior h2.largeH2 { font-size: 2.5rem; }
  h3 { font-size: 1.875rem; }
  h4 { font-size: 1.5rem; }
  h5 { font-size: 1.25rem; }
  h6 { font-size: 1.125rem; }
  p { line-height: 1.7; }
  .preheader, p.preheader, h2.preheader { font-size: 1.75rem; line-height: 1.25; }
  .interior .preheader, .interior p.preheader, .interior h2.preheader { font-size: 1.25rem; }
  .largeText { font-size: 1.875rem; }
}

/* Global Bullet Points and Numbering */
.wysiwygContent ul li, .content ul li, ol li, .wysiwygContent ol li, .content ol li { position: relative; padding-bottom: 8px; }
.wysiwygContent ul, .content ul { list-style: none; }
.wysiwygContent ul li::before, .content ul li::before { content: ''; position: absolute; border-right:2px solid var(--orange); border-bottom:2px solid var(--orange); width:8px; height:8px; top: 13px; left: -20px; transform: translateY(-50%) rotate(-45deg); }
.wysiwygContent ul ol li::before, .content ul ol li::before { content: none; }
.wysiwygContent ol li::marker, .content ol li::marker { color: var(--orange); font-weight: 600; }

/*White list bullets for areas with white text*/
.whiteText .wysiwygContent ul li::before, .whiteText .content ul li::before { border-right:2px solid var(--white); border-bottom:2px solid var(--white); }
.whiteText .wysiwygContent ol li::marker, .whiteText .content ol li::marker { color: var(--white); }

/* Links and Buttons */
a, button, input.button { font-size: inherit; font-weight: 500; color: inherit; transition: var(--transition); word-wrap: break-word; box-shadow: none; cursor: pointer; }
a:hover, a:focus, a:visited { color: inherit; }
p a, li a { font-weight: 700; text-underline-offset: 4px; }
p a:hover, p a:focus, li a:hover, li a:focus { text-decoration-color: transparent; }

/* CTA Button Base (note: the div.ctaButton version is for images wrapped in a link with a visual button overlaid) */
a.ctaButton, div.ctaButton, button.ctaButton { display: inline-block; position: relative; text-align: left; font-size: 1.125rem; font-weight: 700; color: var(--black); line-height: 1.25; background-color: transparent; border: none; text-decoration: none; margin: 0; padding: 9px 25px 9px 55px; transition: var(--transition); overflow: hidden; border-radius: 20px; z-index: 3; }
a.ctaButton::before, div.ctaButton::before, button.ctaButton::before { display: block; content: url('../images/white-arrow.svg'); background: var(--blue); position: absolute; right: 0; top: 0; height: 100%; width: 100%; clip-path: circle(20px at 20px 20px); transition: var(--transition); z-index: -1; padding: 9px 8px; }
a.ctaButton:hover, a.ctaButton:focus, div.ctaButton:hover, div.ctaButton:focus, button.ctaButton:hover, button.ctaButton:focus { color: var(--white); }
a.ctaButton:hover::before, a.ctaButton:focus::before, div.ctaButton:hover::before, div.ctaButton:focus::before, button.ctaButton:hover::before, button.ctaButton:focus::before, a.imgZoom:focus div.ctaButton::before { clip-path: circle(150% at 20px 20px); }
a.ctaButton:last-of-type { margin-bottom: 0; }
a.ctaButton:last-of-type + p { margin-top: 20px; }

/*CTA Button white version*/
.whiteText a.ctaButton::before, .whiteText button.ctaButton::before { background: var(--white); content: url('../images/orange-arrow.svg'); }
.whiteText a.ctaButton, .whiteText button.ctaButton, .imgZoom div.ctaButton { color: var(--white); }
.whiteText a.ctaButton:hover, .whiteText a.ctaButton:focus, .whiteText button.ctaButton:hover, .whiteText button.ctaButton:focus { color: var(--black); }

/*Button - Dark Mode*/
@media (prefers-color-scheme: dark) {
  a.ctaButton::before, button.ctaButton::before { background: var(--white); content: url('../images/orange-arrow.svg'); }
  a.ctaButton, button.ctaButton { color: var(--white); }
  a.ctaButton:hover, a.ctaButton:focus, button.ctaButton:hover, button.ctaButton:focus { color: var(--black); }
}

/* Global Clive Form Styles */
.clive-form input { color: inherit; accent-color: var(--blue); transition: var(--transition); }
.clive-form label, .clive-form legend { font-size: 1.125rem; font-weight: 600; cursor: pointer; font-family: var(--bodyFont); color: var(--black); line-height: 1.5; }
.clive-required label::after { content: '*'; }
.clive-form input[type=text], .clive-form input[type=email], .clive-form input[type=tel], .clive-form input[type=url], .clive-form textarea, .clive-form textarea { border: none; border-bottom: 1px solid #22222380; background: transparent; padding: 4px 4px 5px 4px; width: 100%; }
.clive-form textarea { border-left: 1px solid #22222380; padding: 8px 8px 9px 9px; border-bottom-left-radius: 10px; min-height: 130px; width: 100%; }
.clive-form input::placeholder, .clive-form textarea::placeholder { color: var(--blue); font-family: var(--bodyFont); font-size: 1.125rem; font-weight: 300; font-style: italic; }
.clive-radiobuttons label { font-size: 1rem; font-weight: 400; margin-right: 14px; }
.clive-radiobuttons input { -webkit-appearance: checkbox; vertical-align: middle; }
.clive-dropdown-wrapper { margin-top: 8px; }
.clive-dropdown-wrapper select { border: none; border-left: 1px solid #22222380; border-bottom: 1px solid #22222380; border-bottom-left-radius: 10px; padding: 8px 8px 9px 9px; font-size: 1rem; box-shadow: none; background-color: transparent; color: inherit; }
.clive-dropdown-wrapper select option { background-color: var(--white); }
.clive-submit-wrapper::before { content:'*required field'; display: block; font-size: 1rem; position: relative; top: -30px; }
.clive-validation-error { font-size: 1rem; line-height: 1; }
/*The following styles cancel out styles injected by the Clive script:*/
.clive-field-wrapper, .clive-fieldset { margin: 0 0 37px 0 !important; padding: 0 !important; display: block !important; }
.clive-field { margin: 0 !important; }
.clive-label-left .clive-field-wrapper > label, .clive-label-left .clive-field-wrapper div.clive-legend-wrapper { padding-right: 0 !important; }
.clive-field-wrapper > label { margin: 0 !important; }
.clive-field > input, .clive-field select, .clive-submit, .clive-field textarea { font-family: var(--bodyFont) !important; font-size: inherit !important; }
.clive-indication-required .clive-field-wrapper.clive-required > label:first-child:after, .clive-indication-required .clive-field-wrapper.clive-required .clive-legend-wrapper > legend:first-child:after { opacity: 1 !important; }

/*Form Submit Button*/
.clive-form input[type="submit"] { cursor: pointer; display: block; position: relative; font-size: 1.125rem; font-weight: 700; color: var(--black); line-height: 1.2; background-color: transparent; border: none; text-decoration: none; margin: 0; top: 0; left: 0; padding: 10px 25px 10px 55px; transition: var(--transition); border-radius: 30px; background-image: url('../images/form-submit-arrow.svg'); background-repeat: no-repeat; background-size: 40px 40px; background-position: left center; margin-top: 15px; width: fit-content; }
.clive-form input[type="submit"]:hover, .clive-form input[type="submit"]:focus { background-color: var(--blue); color: var(--white); }

@media screen and (max-width: 960px) {
    .clive-form input::placeholder, .clive-form textarea::placeholder { font-size: 1rem; }
    .clive-radiobuttons label { display: block; margin-top: 10px; }
    .clive-form input[type="submit"] { margin-left: auto; margin-right: auto; }
}
@media screen and (min-width: 961px) {
  form.clive-form { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 54px; }
  form.clive-form .clive-form-description-wrapper {  grid-column: 1 / 3; }
  form.clive-form .clive-submit-wrapper { grid-column: 1 / 3; }
}

@media (prefers-color-scheme: dark) {
    .clive-form label, .clive-form legend { color: var(--white) !important; }
    .clive-form input[type=text], .clive-form input[type=email], .clive-form input[type=tel], .clive-form input[type=url], .clive-form textarea, .clive-form textarea { border-color: var(--white); }
    .clive-form textarea { border-color: var(--white) !important; color: var(--white) !important; }
    .clive-dropdown-wrapper select { border-color: var(--white) !important; }
    .clive-form input { accent-color: var(--orange) !important; }
    .clive-form input[type="submit"] { color: var(--white) !important; }
    .clive-form input::placeholder, .clive-form textarea::placeholder { color: rgba(255,255,255,.6) !important; }
    .clive-dropdown-wrapper select option { background-color: var(--black) !important; }
}

/*Global Classes*/
.roundedCorners { border-radius: 9px; }
.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 screen and (max-width: 960px) {
  .tabletOnly { display: block!important; }
  .desktopOnly { display: none!important; }
  h2.headingIndent + div.introContent { margin-top: 20px; }
}
@media screen and (max-width:580px) {
  .mobileOnly { display: block !important; }
}
@media screen and (min-width: 961px) {
  .headingIndent + div.introContent { padding-left: 64px; padding-top: 0px; position: relative; }
  .headingIndent + div.introContent::before { content: ''; display: block; position: absolute; top: -8px; left: 0px; width: 42px; height: 26px; border-left: 3px solid var(--orange); border-bottom: 3px solid var(--orange); border-bottom-left-radius: 10px; }
  .whiteText .headingIndent + div.introContent::before { border-color: var(--white); opacity: .7; }
}

/* WYSIWYG-Specific Styles and Image Positioning */
.wysiwygContent ul, .content ul, .wysiwygContent ol, .content ol { padding: 0 0 0 20px; margin-left: 20px; }
.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; }
@media screen and (max-width:580px) {
    p > .align-right, span > .align-right, p > .align-left, span > .align-left { margin: 8px 0 15px 0; }
  .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; }
}

/*Screenreader*/
.screenreader { position: fixed; top: 0; z-index: 99999; }
.screenreader a { position: absolute; width: 260px; padding: 10px; left: -100000px; background-color: var(--blue); 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 { max-width: 1600px; width: 100%; margin: 0 auto; padding: 0 40px; }
.wrapperWide { max-width: 1920px; width: 100%; margin: 0 auto; padding: 0 40px; }
.wrapper1375 { max-width: 1455px; width: 100%; margin: 0 auto; padding: 0 40px; }
.wrapper1270 { max-width: 1350px; width: 100%; margin: 0 auto; padding: 0 40px; }
.sectionSpacing { padding: 40px 0; }
.interior .mainBody .wrapper, .interior .mainBody .wrapperWide, .interior .mainBody .wrapper1375, .interior .mainBody .wrapper1270 { max-width: 1280px; }

@media screen and (max-width: 960px) {
  .wrapper, .wrapperWide, .wrapper1270, .wrapper1375 { padding: 0 16px; }
  .mobileExtraPadding { padding: 0 36px; }
  .sectionSpacing { padding: 35px 0; }
}

/*Grid Columns*/
.columns { display: grid; position: relative; }
.columns .cell { max-width: 100%; }
.columns .one { display: grid; grid-template-columns: minmax(0, 1fr); }
.columns .two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.columns .three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.columns .four { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.columns .oneTwo { display: grid; grid-template-columns: 30% minmax(0, 1fr); }
.columns .one, .columns .two, .columns .three, .columns .four { gap: 45px; }
.columns .two:last-of-type, .columns .three:last-of-type { margin-bottom: 0; }
.columns .cell > a { display: block; width: 100%; height: auto; }
.columns .cell > img, .columns .cell > a > img, .columns .cell > div > a > img  { display: inherit; max-width: 100%; width: 100%; }
.columnsBg { padding: 30px 20px; }
.columns .oneTwo { margin-bottom: 24px; }

@media screen and (max-width:960px){
  .columns .two, .columns .three, .columns .four, .columns .oneTwo { grid-template-columns: minmax(0, 1fr); grid-column: auto; grid-row: auto; max-width: 100%; }
  .columns .oneTwo .cell:first-child { margin-bottom: 20px; }
}
@media screen and (min-width: 961px) {
  .columns .one, .columns .two, .columns .three, .columns .four, .columns .oneTwo { gap: 45px 4%; }
  .columnsBg { padding: 40px 30px; }
}

/* Global Styles for all dialogs */
body:has(dialog[open]) {overflow: hidden}
dialog[open] { opacity: 1; }
dialog { opacity: 0; transition: opacity 0.7s ease-out, overlay 0.7s ease-out, display 0.7s ease-out; width: 80%; max-width: 1200px; height: fit-content; padding: 0; margin: 60px auto; border: none; overflow: visible; }
dialog::backdrop { background-color: rgb(0 0 0 / 0%); transition: display 0.3s, overlay 0.3s, background-color 0.7s; }
dialog[open]::backdrop { background-color: rgb(0 0 0 / 70%); }
@starting-style {
  dialog[open]::backdrop { background-color: rgb(0 0 0 / 0%); }
}
@media screen and (max-width:580px) {
  dialog { width: calc(100% - 20px); }
}

/*Global media dialog and YouTube iframe video styles*/
button.videoDialogButton { border: none; box-shadow: none; background: transparent; padding: 0; margin: 0; display: block; position: relative; }
button.videoDialogButton .videoButtonIcon { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .75; transition: var(--transition); display: flex; align-items: center; justify-content: center; }
button.videoDialogButton:hover .videoButtonIcon { opacity: 1; }
dialog.media-dialog { background: transparent; }
button.videoCloseButton { border: none; box-shadow: none; background: rgba(0,0,0,0); padding: 0; margin: 0; display: block; transition: var(--transition); color: var(--white); position: absolute; top: -44px; right: 0; }
button.videoCloseButton:hover, button.videoCloseButton:focus-visible { background: rgba(0,0,0,.2); }
.videoWrapper { position: relative; height: 0; padding-bottom: 56.25%; padding-top: 20px; }
.videoWrapper iframe.youtubeIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ============================
 PLUGINS
* ============================*/

/* 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}
.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; }
/*Play/Pause and Arrow buttons*/
.slick-slider > button { background: transparent; border: none; padding: 0; opacity: .7; cursor: pointer; border-radius: 50%; }
.slick-slider > button:hover, .slick-slider > button:focus { opacity: 1; }

@media (prefers-color-scheme: dark) {
  .slick-slider > button { background: var(--white); }
}

/* Arrows */
.slick-prev, .slick-next { position: absolute; z-index: 1; top: calc(50% - 22px); height:40px; width:40px; color:transparent; display: flex; align-items: center; justify-content: center; }
.slick-prev { left: 0; right: auto; }
.slick-next { right: 0; left: auto; }
.slick-next .slick-next-icon, .slick-prev .slick-prev-icon { display:block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; }
.slick-prev .slick-prev-icon { background-image: url('../images/left-slider-arrow.svg'); }
.slick-next .slick-next-icon { background-image: url('../images/right-slider-arrow.svg'); }

/* Dots */
.slick-slider.slick-dotted { position: relative; }
.slick-dots { position: absolute; left: 0; bottom: 0; width: 100%; height: 44px; list-style: none; margin: 0; display: flex; justify-content: center; margin-bottom: 0px; padding: 0 44px; }
.slick-dots li button { background: transparent; box-shadow: none; border: none; height:44px; width:44px; padding:17px; opacity: .5; }
.slick-dots li button:hover, .slick-dots li button:focus { opacity: 1; }
.slick-dots li button .slick-dot-icon { display: block; height:100%; width:100%; background-color:transparent; border: 1px solid var(--black); border-radius: 50%; }
.slick-dots li.slick-active button .slick-dot-icon { background-color: var(--black); }

/*Play/Pause Button*/
.slick-autoplay-toggle-button { position:absolute; right: 0px; bottom: 0px; z-index:10; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
.slick-autoplay-toggle-button .slick-pause-icon, .slick-autoplay-toggle-button .slick-play-icon { background-repeat: no-repeat; background-position: center; background-size: contain; width: 20px; height: 20px;  }
.slick-autoplay-toggle-button .slick-pause-icon {background-image: url('../images/pause.svg');display:block;}
.slick-autoplay-toggle-button .slick-play-icon {background-image: url('../images/play.svg');display:block;}

/* ============================
 HEADER
* ============================*/
body.noBodyScroll { height: 100vh; overflow-y: hidden; }
.header { background: transparent; }

/* Homepage overlaid header styling*/
.homepage .header { position: absolute; width: 100%; top: 0; left: 0; z-index: 10000; }
.homepage .header #beaconLogoSvg path, .homepage .header .hamburgerIcon path { fill: var(--white); }
.homepage .header a.eyebrowNavLink { color: var(--white); }

/*Dark mode header logo and hamburger white*/
@media (prefers-color-scheme: dark) {
  .header #beaconLogoSvg path, .header .hamburgerIcon path { fill: var(--white); }
  .header a.eyebrowNavLink { color: var(--white); }
}

/* General styles/resets for header elements*/
.header ul { list-style: none; padding: 0; margin: 0; }
.header ul li a { display: block; text-decoration: none; }
.header ul li a:hover, .header ul li a:focus { opacity: .75; }
.header button { background: transparent; border: none; cursor: pointer; display: block; padding: 0; margin: 0; line-height: 1; }
.header button:hover, .header button:focus { opacity: .75; }

/* Header Top Bar*/
.header .headerBarRow { display: flex; align-items: center; justify-content: space-between; gap: 3vw; }
.header .headerLogo svg { aspect-ratio: 250/46; }
.header .eyebrow { flex-grow: 1; }
.header .eyebrow ul { display: flex; justify-content: flex-end; align-items: center; gap: 3vw; }
.header .eyebrow ul li { display: inline-block; }
.header .eyebrow a.eyebrowNavLink { text-align: right; }

/* Header Menu Panel*/
.header .topNav { z-index: 99999; position: fixed; top: 0; left: 0; width: 100vw; height: 100%; min-height: 100vh; overflow-y: scroll; display: none; background-color: var(--white); }
.header .topNavSplit { height: fit-content; min-height: 100vh; position: relative; }
.header #toggleButtonClose { position: absolute; z-index: 5; }

/* Nav Left Side (orange)*/
.header .topNavLeft { position: relative; z-index: 2; height: 100%; }
.header .menuPanelTopRow { display: flex; flex-wrap: wrap; gap: 30px; align-items: center; justify-content: space-between; }
.header .menuPanelSocial { position: relative; z-index: 3; display: flex; align-items: center; gap: 30px; }

/* Main Menu*/
.header #mainMenu { position: relative; z-index: 3; }
.header #mainNav { position: relative; width: 100% }
.header #mainNav .navTopTier { font-weight: 700; position: relative; line-height: 1.2; margin-bottom: 20px; position: relative; width: 100%; }
.header #mainNav .navTopTier span { transition: var(--transition); }
.header #mainNav .navTopTier.selectedNavItem span, .header #mainNav .navTopTier:hover span, .header #mainNav .navTopTier:focus span, .header #mainNav a.navTopTier:hover, .header #mainNav a.navTopTier:focus { opacity: .75; }
.header #mainNav .navItemButton { text-align: left; }
.header #mainNav .navItemButton[aria-expanded="false"] + .navSubList { display: none; }
.header #mainNav .navItemButton[aria-expanded="true"] + .navSubList { display: block; }
.header #mainNav .navSubList > li a.mainMenuLink { font-weight: 600; text-decoration: underline; text-decoration-color: transparent; }
.header #mainNav .navSubList > li a.mainMenuLink:hover, .header #mainNav .navSubList > li a.mainMenuLink:focus { text-decoration-color: inherit; }
.header #mainNav a[aria-current="page"] { text-decoration-color: inherit !important; opacity: .75 !important; cursor: default; }

/* Nav Right Side (white)*/
.header .topNavRight { position: relative; z-index: 2; height: 100%;  }

/*Search*/
.header .searchbox { width: 400px; max-width: 100%; }
.header #search { display: flex; }
.header #search input[type="search"] { display: block; flex-grow: 1; font-size: .875rem; padding: 10px 16px; outline: none;border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #C8C8C8; line-height: 1; }
.header #search button { background-image: url("../images/search-icon.svg"); background-repeat: no-repeat; background-size: 22px 22px; background-position: center;background-color: var(--blue); width: 40px; height: 40px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

/* Audience Nav*/
.header .audienceNavTitle { font-size: 2.25rem; line-height: 1.2;margin-bottom: 8px; }
.header .audienceLinkList::before { content: ''; display: block; position: absolute; top: 0; left: 10px; width: 34px; height: 32px; border-left: 3px solid var(--black); border-bottom: 3px solid var(--black); opacity: .7; border-bottom-left-radius: 10px; }
.header .audienceLinkList { position: relative; padding-left: 70px; padding-top: 22px; }
.header .audienceLinkList li { margin-bottom: 16px; }
.header .audienceLinkList li a.audienceNavLink { opacity: .6; font-weight: 600; font-size: 1.125rem; line-height: 1.2; }
.header .audienceLinkList li a.audienceNavLink:hover { opacity: 1; }
.header .audienceLinkList li a.audienceNavLink::after { content: url("../images/blue-arrow.svg"); width: 24px; height: 24px; display: inline-block; margin-left: 8px; transition: var(--transition); transform: translate(-20px, 6px); opacity: 0; transition: var(--transition); }
.header .audienceLinkList li a.audienceNavLink:hover::after, .header .audienceLinkList li a.audienceNavLink:focus::after { opacity: 1; transform: translate(0px, 6px); }

/* Featured Story*/
.header .featuredStoryTitle { color: rgba(34, 34, 35, 0.60); margin-bottom: 10px; font-weight: 600; font-size: 1.125rem; }
.featuredStoryImgWrap { width: 400px; max-width: 100%; }
.header .featuredStoryImgLink { text-decoration: none; display: block; }
.header .featuredStoryImg { aspect-ratio: 400/243; object-fit: cover; height: auto; }
.header .featuredStoryOverlay { position: absolute; left: 0; bottom: 0; width: 100%; height: 145px; z-index: 0; border-radius: 0px 0px 9px 9px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.28) 68.5%, rgba(0, 0, 0, 0.00) 100%); }
.header .featuredStory .storyText { font-size: 1.125rem; line-height: 1.2; }
.header .featuredStory .ctaButton { display: block; margin-left: auto; margin-top: 20px; margin-bottom: 20px; width: fit-content; }

/* Beacon Bug Image*/
.header .navPanelBug { position: absolute; left: 0; bottom: 0; z-index: 1; }

@media screen and (max-width:680px) {
  .header .eyebrow { display: none; }
}
  
@media screen and (max-width:960px) {
  .header { padding-top: 48px; padding-bottom: 28px; }
  .header .headerLogo svg { height: 34px; width: auto; }
  .header .topNavSplit { background-color: var(--white); width: 100%; }
  .header .topNavSplit > .orangeGradientBg { display: none; }
  .header #toggleButtonClose { top: 52px; right: 16px; }
  .header .topNavLeft { background: var(--orangeGradient); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding-bottom: 64px; }
  .header .menuPanelTopRow { padding: 48px 16px; }
  .header .menuPanelLogo svg { width: 188px; }
  .header .menuPanelSocial.desktopSocial { display: none; }
  .header #mainNav .navTopTier { font-size: 2rem; }
  .header #mainNav .navSubList > li a.mainMenuLink { font-size: 1rem; }
  .header .menuPanelSocial.tabletSocial { padding: 0 40px; }
  .header .topNavRight { padding: 40px 40px 45px 40px; }
  .header .searchbox { margin-bottom: 25px; }
  .header .audienceLinkList::before { left: 3px; width: 34px; height: 31px; }
  .header .audienceLinkList { padding-left: 50px; padding-top: 12px; }
  .header .audienceLinkList li { margin-bottom: 10px; }
  .header .featuredStoryInnerWrap { position: relative; }
  .header .featuredStory { margin-top: 50px; }
  .header .featuredStory .storyText { margin-top: 20px; margin-bottom: 50px; line-height: 1.33; }
  .header .featuredStory .ctaButton { margin-right: auto; }
  .header .navPanelBug { aspect-ratio: 390/364; object-fit: contain; height: auto; width: 100%; }
}

@media screen and (min-width:961px) and (max-width:1280px) {
  .header #mainNav .navTopTier { font-size: 2.25rem; }
  .header #mainNav .navSubList > li a.mainMenuLink { font-size: 1.125rem; }
}

@media screen and (max-width:1280px) {
  .header #mainMenu { padding: 12px 40px 40px 40px; }
  .header #mainNav .navItemButton { width: fit-content; display: flex; align-items: center; gap: 15px; }
  .header #mainNav .navItemButton::after { content:''; display: block; width: 25px; height: 25px; background-image: url("../images/nav-mobile-menu-arrow.svg"); background-size: contain; background-repeat: no-repeat; transition: var(--transition); transform-origin: center; }
  .header #mainNav .navItemButton.selectedNavItem::after { transform: rotate(180deg); }
  .header #mainNav .navSubList { margin-bottom: 20px; }
  .header #mainNav .navSubList > li { margin-bottom: 14px; }
  .header #mainNav .navSubList > li a.mainMenuLink strong { font-weight: 600; }
}

@media screen and (min-width:961px) {
  .header { padding-top: 60px; padding-bottom: 60px; }
  .header .topNavSplit { width: fit-content; display: grid; grid-template-columns: minmax(0, 1fr) 460px; }
  .header .topNavSplit > .orangeGradientBg { position: absolute; min-height: 100vh; height: 100%; left: 0; top: 0; z-index: 1; width: calc(100vw - 460px); }
  .header #toggleButtonClose { top: 73px; right: 393px; }
  .header .topNavLeft { max-width: calc(100vw - 460px); }
  .header .menuPanelTopRow { padding: 60px 80px 60px 40px; width: 1180px; max-width: 100%; margin-left: auto; }
  .header .menuPanelSocial.tabletSocial { display: none; }
  .header #mainMenu { width: 1180px; max-width: 100%; margin-left: auto; }
  .header .topNavRight { padding-top: 100px; padding-bottom: 100px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
  .header .topNavRightWrapper { padding: 0 40px; }
  .header .searchbox { margin-top: 50px; margin-bottom: 50px; }
  .header .featuredStory { width: 400px; transform: translateX(-90px); margin-top: 14vh; }
  .header .featuredStoryTitle { text-align: right; }
  .header .featuredStory .storyText { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; margin-bottom: 0;display: flex; align-items: flex-end; color: var(--white); padding: 25px 30px; }
  .header .featuredStoryImgWrap { position: relative; }
  .header .navPanelBug { aspect-ratio: 752/697; }
}

@media screen and (min-width:1281px) {
  .header #mainMenu { padding: 40px 6vw; }
  .header #mainNav .mainNavList { width: 52%; }
  .header #mainNav .navSubList { position: absolute; top: 0; bottom: 0; right: 0; width: 46%; margin-top: 18px; }
  .header #mainNav .navItemButton { padding-right: 71px; }
  .header #mainNav .navItemButton::after { display: inline-block; content: url("../images/orange-arrow-on-white.svg"); margin-right: -71px; padding-left: 30px; opacity: 0; transform: translate(-70px, 4px); transition: var(--transition); }
  .header #mainNav .navItemButton.selectedNavItem::after { opacity: 1; transform: translate(0px, 4px); }
  .header #mainNav .navSubList > li { margin-bottom: 20px; }
  .header #mainNav .navSubList > li a.mainMenuLink { font-size: 1.25rem; }
  .header #mainNav .navSubList > li a.mainMenuLink strong { font-weight: 800; }
}

@media screen and (min-width:1281px) and (max-width:1450px) {
  .header #mainNav .navTopTier { font-size: 2.5rem; }
}

@media screen and (min-width:1451px) {
  .header .headerBarRow { gap: 70px; }
  .header .eyebrow ul { gap: 70px; }
  .header #mainMenu { padding: 80px 10vw; }
  .header #mainNav .navTopTier { font-size: 3rem; }
}

@media screen and (min-width:1600px) {
  .header .topNavLeft { max-width: 100%; width: calc(50vw + 380px); }
  .header .topNavSplit { grid-template-columns: minmax(0, 1fr) 460px; }
  .header #mainMenu { padding-left: 150px; padding-right: 150px; }
}

/*Header Dark mode*/
@media (prefers-color-scheme: dark) {
  #toggleButtonClose svg path { stroke: var(--white); }
  .header .topNav, .header .topNavSplit { background-color: var(--black); }
  .header #search button { background-color: var(--accessibleOrange); }
  .header .audienceLinkList::before { border-left-color: var(--white); border-bottom-color: var(--white); }
  .header .featuredStoryTitle { color: var(--white); }
  .header .audienceLinkList li a.audienceNavLink::after { filter: brightness(10); }
}

/* ============================
 FOOTER
* ============================*/
.footer { font-size: 1.125rem; }
.footer > .wrapper { max-width: unset; padding: 0; }
.footer.sectionSpacing { padding-bottom: 0; }
.footerContainer { position: relative; padding: 0 36px; }
.beaconFooterBug { position: absolute; left: 0; bottom: 0; z-index: 1; }
.footerContainer > div { position: relative; z-index: 2; }
.footerTop > a { display: block; width: fit-content; margin: 0 auto; }
.footerTop .ctaButton { margin-top: 25px; }
.footerColumns { text-align: center; margin-bottom: 50px; }
.footerHeading { font-size: 1.5rem; margin-bottom: 25px; line-height: 1.2; }
.footerLinkList, .footerLocations, .footerSocialLinks { list-style: none; margin: 0; padding: 0; }
.footerLinkList li { margin-bottom: 12px; }
.footerLinkList li a { display: block; font-size: 0.938rem; font-weight: 500; text-decoration-color: transparent; }
.footerLinkList li a:hover, .footerLinkList li a:focus { text-decoration-color: inherit; }
.footerLocations { margin-bottom: 30px; }
.footerLocations li a { font-size: 1.125rem; text-decoration: none; }
.footerLocations li a ion-icon { color: #F88D2A; vertical-align: text-top; }
.footerLocations li a span { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: transparent; transition: var(--transition); }
.footerLocations li a:hover span, .footerLocations li a:focus span { text-decoration-color: inherit; }
.footerPhoneNumbers span { display: block; }
.footerPhoneNumbers span a { font-weight: 700; }
.footerSocialLinks { display: flex; gap: 30px; margin-top: 45px; justify-content: center; align-items: center; }
.footerSocialLinks li a { display: block; font-size: 33px; }
.footerSocialLinks li a:hover, .footerSocialLinks li a:focus { opacity: .75; }
.subFooter { padding-bottom: 26px; }
.subFooter p { text-align: center; margin-bottom: 0; font-weight: 700; font-size: 1rem; }

@media screen and (max-width: 960px) {
  .footer > .wrapper { padding: 0; }
  .footerTop { padding-top: 70px; padding-bottom: 55px; }
  .footerCell { margin-bottom: 50px; }
}
@media screen and (max-width: 1280px) {
  .footerContactInfoDesktop { display: none; }
  .wbeSealFooter { margin: 0 auto 50px auto; }
}

@media screen and (min-width: 961px) {
  .footerTop { padding-top: 80px; padding-bottom: 30px; }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .footerColumns { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 30px; row-gap: 50px; }
  .contactInfoCell { grid-area: 1 / 1 / 2 / 5; }
}

@media screen and (min-width: 1281px) {
  .footerColumns { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 60px; margin-bottom: 100px; }
  .footerContactInfoMobile { display: none; }
  .subFooter p { font-size: 1.125rem; text-align: center; padding-left: 230px; padding-right: 230px; }
  .wbeSealFooter { position: absolute; right: 50px; bottom: 26px; }
}

/* ============================
 SHARED COMPONENTS
* ============================*/

/*Logo Scroll Component */
.logoScrollSection {  }
.logoScroller { margin-bottom: 30px; }
.logoScroller .slick-prev { left: -17px; }
.logoScroller .slick-next { right: -17px; }
.logoScroller .slick-autoplay-toggle-button { bottom:-70px; right: 0px; }
.logoSlide img { max-height: 90px; object-fit: contain; margin: 0 50px; }

@media screen and (max-width: 960px) {
  .logoSlide img { height: 56px; margin: 0 11px; }
  .logoScroller .slick-autoplay-toggle-button { bottom: -60px; }
}

/*Tabs Component*/
/*Tabs Link List*/
.tabs [role="tablist"] { max-width: 100%; position: relative; position: relative; padding-top: 45px; overflow: hidden; }
.tabs [role="tablist"]::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background-color: var(--orange); z-index: 1; }
.tabs [role="tab"] { display: block; padding: 0; margin: 0; margin-bottom: 30px; padding-left: 80px; position: relative; }
.tabs [role="tab"], .tabs [role="tab"]:focus, .tabs [role="tab"]:hover { background: transparent; border: none; box-shadow: none; }
.tabs [role="tab"] span.tabText { transition: var(--transition); font-size: 1.5rem; text-align: left; display: block; }
.tabs [role="tab"][aria-selected="true"] span.tabText { color: var(--blue); font-weight: 700; }
.tabs [role="tab"][aria-selected="false"] span.tabText { color: var(--black); font-weight: 500; }
.tabs [role="tab"]:hover span.tabText, .tabs [role="tab"]:focus span.tabText { font-weight: 700; }
.tabs [role="tab"][aria-selected="true"]::after { content:''; display: block; position: absolute; left: 0; top: 0px; width: 60px; height: 15px; border-left: 3px solid var(--orange); border-bottom: 3px solid var(--orange); transition: var(--transition); border-bottom-left-radius: 9px; z-index: 3; }
.tabs [role="tab"][aria-selected="true"]::before { content: ''; display: block; position: absolute; left: 0; width: 3px; height: 1000px; background-color: var(--white); z-index: 2; }

@media (prefers-color-scheme: dark) {
  .tabs [role="tab"][aria-selected="true"]::before { background-color: var(--black); }
  .tabs [role="tab"][aria-selected="false"] span.tabText { color: var(--white); }
  .tabs [role="tab"][aria-selected="true"] span.tabText { color: var(--accessibleOrange); }
}

/*Tab Panels*/
.tabsSection .tabsBgGraphic { border-top-left-radius: 9px; border-bottom-left-radius: 9px; z-index: -1; }
.tabsSection .tabsBgGraphic img { object-fit: cover; height: 100%; width: auto; overflow: visible; margin-left: auto; }
.tabs [role="tabpanel"] { width: 100%; }
.tabs [role="tabpanel"].is-hidden { display: none; }
.tabs .tabPanelLinks { display: flex; column-gap: 40px; row-gap: 20px; flex-wrap: wrap; }
.tabs .panelImgWrapper { position: relative; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.tabs .tabPanelImg { border-radius: 9px; position: relative; overflow: hidden; }
.tabs .tabPanelImg img { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.tabs .panelImgOverlay { position: absolute; left: 0; bottom: 0; height: 50%; width: 100%; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }

@media screen and (max-width: 960px) {
  .tabsSection .tabsBgGraphic img { display: none; }
  .tabsSection .wrapper { padding: 0; }
  .tabs [role="tablist"] { padding-top: 13px; display: none; }
  .tabs [role="tab"] { margin-bottom: 17px; padding-left: 54px; }
  .tabs [role="tab"] span.tabText { font-size: 1.25rem; }
  .tabs [role="tab"][aria-selected="true"]::after { width: 39px; }
  .tabs .tabsRightSide { background: var(--blue); padding: 40px 16px; margin-top: 20px; }
  .tabs .tabsRightSide .panelText { padding: 0 20px 40px 20px; }
  .tabs .tabsDescription { margin-bottom: 4px; }
  .tabs .panelImgLink { margin-top: 26px; }
  .tabs .panelImgLink div.ctaButton::before { background: var(--white); }
  .tabs .panelImgLink div.ctaButton { color: var(--white); }
  .tabs .panelImgLink div.ctaButton:before { content: url('../images/orange-arrow.svg'); }
  .tabs .panelImgLink div.ctaButton:hover, .tabs .panelImgLink div.ctaButton:focus { color: var(--black); }
}
@media screen and (min-width: 961px) {
  .tabsSection { position: relative; }
  .tabsSection .tabsBgGraphic { position: absolute; top: 40px; right: 0; height: calc(100% - 60px); width: 55vw; }
  .tabs.tabsColumns { display: grid; grid-template-columns: 35% 55%; column-gap: 10%; }
  .tabs .tabsLeftSide { padding-top: 110px; min-width: 0; }
  .tabs .tabsRightSide { min-height: 1090px; display: flex; flex-direction: column; justify-content: center; min-width: 0; }
  .tabs [role="tablist"] { margin-left: 45px; margin-top: 25px; }
  .tabs .panelText { padding: 55px; }
  .tabs .panelImgWrapper { left: -68px; margin-bottom: 55px; }
  .tabs .panelImgLink { position: absolute; bottom: 30px; left: 0; width: 100%; height: auto; display: flex; justify-content: center; }
}

@media screen and (min-width: 1600px) {
  .tabsSection .tabsBgGraphic { width: calc(50vw + 80px); }
}

/*Call to Action Banner Component*/
.landing .ctaBanner { background: var(--bannerGradient); position: relative; }
.interior .ctaWrapper { background: var(--bannerGradient); position: relative; }
.ctaBanner .ctaBug { position: absolute; bottom: 0; right: 0; aspect-ratio: 341/314; z-index: 1; }
.ctaBanner .ctaBug img { height: auto; object-fit: cover; aspect-ratio: 341/314; max-height: 100%; }
.interior .ctaBanner .landingCtaBug { display: none; }
.landing .ctaBanner .interiorCtaBug { display: none; }
.ctaTextContent { position: relative; z-index: 2; }
.ctaTextContent .ctaHeadingIndent + div::before { content: ''; display: block; position: absolute; top: 0; left: 2px; width: 55px; height: 34px; border-left: 3px solid var(--white); border-bottom: 3px solid var(--white); border-bottom-left-radius: 10px; opacity: .7; }

@media screen and (max-width: 960px) {
  .landing .ctaBanner > .wrapper { padding: 0 36px; }
  .interior .ctaBanner > .wrapper { padding: 0; }
  .ctaBanner .ctaBug { max-width: 90%; height: auto; max-height: 100%; }
  .ctaTextContent { padding-top: 60px; padding-bottom: 30px; }
  .interior .ctaBanner .ctaTextContent { padding-left: 36px; padding-right: 36px; }
  .ctaTextContent h2 { font-size: 2rem; margin-bottom: 8px; }
  .ctaTextContent .ctaHeadingIndent + div { padding-left: 80px; padding-top: 16px; position: relative; }
  .ctaTextContent .ctaHeadingIndent + div::before { top: 0; left: 2px; width: 55px; height: 34px; }
}
@media screen and (min-width: 961px) {
  .landing .ctaBanner { margin-top: 40px; margin-bottom: 40px; }
  .ctaTextContent { padding-left: 80px; max-width: 800px; width: 100%; padding-top: 60px; padding-bottom: 60px; }
  .ctaBanner .ctaBug, .ctaBanner .ctaBug img { aspect-ratio: 974 / 400; width: auto; height: 100%; }
  .interior .ctaWrapper { border-radius: 9px; }
  .interior .ctaBanner .ctaBug, .interior .ctaBanner .ctaBug img { aspect-ratio: 552 / 400; }
  .ctaTextContent .ctaHeadingIndent + div { padding-left: 113px; padding-top: 40px; position: relative; }
  .ctaTextContent .ctaHeadingIndent + div::before { top: 0; left: 36px; width: 43px; height: 62px; }
}

/*Columns Component*/
.columnsComponent.bgImg { background-repeat: repeat; background-position: left top; background-size: contain; }
.columnsComponent > .wrapper { position: relative; }
.columnsComponent .columnsIntro h2:has(+ .subhead) { margin-bottom: 0; }
.columnsComponent .columnsCircleGraphic { position: absolute; left: -376px; top: -35px; z-index: -1; aspect-ratio: 554/610; }
.columnsComponent .columnsCircleGraphic img { object-fit:cover; height: 100%; }
.columnsComponent .cell { display: flex; flex-direction: column; }
.columnsComponent .cell .columnMedia { position: relative; }
.columnsComponent .cell .columnMedia.columnImage > a { width: 100%; display: block; }
.columnsComponent .cell .columnMedia.columnImage > img { width: 100%; height: auto; object-fit: cover; }
.columnsComponent .cell .cellOverlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
.columnsComponent .cell .columnTextOverlay { position: absolute; left: 0; bottom: 0; width: 100%; padding: 30px; }
.columnsComponent .cell .columnTextOverlay h3 { margin-bottom: 0; }
.columnsComponent .cell .columnMedia.columnVideo .videoDialogButton { width: 100%; }
.columnsComponent .cell .columnMedia.columnVideo .videoDialogButton > img.roundedCorners { width: 100%; height: auto; object-fit: cover; }
.columnsComponent .cell .columnMedia + .columnsContent, .columnsComponent .cell .media-dialog + .columnsContent { margin-top: 25px; }
.columnsComponent .cell .columnsContent .columnCTA { display: block; width: fit-content; }

@media screen and (max-width: 960px) {
  .columnsComponent .columnsCircleGraphic { display: none; }
  .columnsComponent .columnsIntro .introContent { margin-bottom: 50px; }
  .columnsComponent .cell .columnTextOverlay { padding: 30px 20px; }
  .columnsComponent .cell .columnsContent { padding-left: 20px; padding-right: 20px; }
}

@media screen and (min-width: 580px) {
  .columnsComponent .two .cell .columnsContent { display: flex; flex-direction: column; height: 100%; }
  .columnsComponent .two .cell .columnsContent .wysiwygContent { flex-grow: 1; }
}

@media screen and (min-width: 961px) {
  .columnsComponent .columnsIntro .introContent { margin-bottom: 30px; }
  .interior .columnsComponent .cell .columnTextOverlay h3 { font-size: 1.5rem; }
  .columnsComponent .cell .columnsContent { display: flex; flex-direction: column; height: 100%; }
  .columnsComponent .cell .columnsContent .wysiwygContent { flex-grow: 1; }
}

@media (prefers-color-scheme: dark) {
  .columnsComponent.bgImg { background-color: var(--black); background-blend-mode: overlay; }
}

/*Infographics Component*/
.infographicsBg, .infographicsBg { background-size: cover; background-repeat: no-repeat; }
.infographicsBg, .infographicsBg .blueOverlay { border-radius: 10px; }
.infographicsBg .blueOverlay { display: flex; flex-wrap: wrap; align-content: center; }
.infographics .infographicsRow { display: flex; align-items: center; justify-content: space-around; text-align: center; width: 100%; min-width: 0; flex-wrap: wrap; column-gap: 15px; row-gap: 30px; }
.infographics .infographicsRow .infographicItem { min-width: 0; }
.infographics .numberStat { text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-size: 4.375rem; font-weight: 700; line-height: 1; margin-bottom: 0; }
.infographics .imageStat { margin-left: auto; margin-right: auto; }
.infographics .imageStat + .statText { margin-top: 10px; }
.infographics .statText { font-weight: 700; font-size: 1.25rem; line-height: 1.2; max-width: 100%; margin: 6px auto 0 auto; }
.interior .infographics .statText { width: 250px; }
.landing .infographics .statText { width: 300px; }

@media screen and (max-width: 580px) {
  .infographics .infographicsRow .infographicItem { min-width: 100%; }
}

@media screen and (max-width: 960px) {
  .infographicsBg .blueOverlay { padding: 60px 20px; }
  .infographics .infographicsRow { row-gap: 50px; }
}

@media screen and (min-width: 961px) {
  .infographicsBg .blueOverlay { padding: 40px 20px; min-height: 400px; }
  .interior .infographicsBg .blueOverlay { padding: 40px 4%; }
  .infographics .numberStat { font-size: 4.5rem; }
  .infographics .statText { font-size: 1.5rem; }
}

@media screen and (min-width: 1500px) {
  .infographics .numberStat { font-size: 5.625rem; }
}

@media screen and (min-width: 1920px) {
  .infographicsBg .blueOverlay { padding: 40px 8%; }
}

/* Accordion Component */
.accordion > h3 { margin: 0; padding: 28px 0; line-height: 1; border-top: 1px solid #CFCFCF; }
.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; padding: 6px 30px 6px 0; display: flex; align-items: center; width: fit-content; }
.accordion button { border: none; }
.accordion button::-moz-focus-inner { border: 0; }
.accordionTitle { min-width: 0; display: block; pointer-events: none; transition: var(--transition); }
.accordionIcon { min-width: 0; display: block; pointer-events: none; margin-right: 25px; border-radius: 90%; padding: 8px; line-height: 1; transition: var(--transition); flex-grow: 1; }
.accordionTrigger .plusMinus > path { transition: var(--transition); }

.accordionTrigger[aria-expanded="true"] { border-radius: 30px; background: rgba(34, 34, 35, 0.10); }
.accordionTrigger[aria-expanded="false"] .accordionIcon { background-color: var(--blue); }
.accordionTrigger[aria-expanded="true"] .accordionIcon { background-color: transparent; }
.accordionTrigger[aria-expanded="false"] .accordionIcon svg .plusLine { opacity: 1; }
.accordionTrigger[aria-expanded="true"] .accordionIcon svg .plusLine { opacity: 0; }
.accordionTrigger[aria-expanded="true"] .plusMinus > path { stroke: var(--blue); }

@media (hover: hover) {
  .accordionTrigger[aria-expanded="false"]:hover .accordionIcon { background: var(--white); }
  .accordionTrigger:hover .accordionTitle { opacity: .75; transform: translateX(16px); padding-right: 16px; }
  .accordionTrigger[aria-expanded="false"]:hover .plusMinus > path { stroke: var(--blue); }
}

.accordionPanel { margin: 0; padding: 10px 25px; contain: layout; }
.accordionPanel[hidden] { display: none; }

@media screen and (max-width: 960px) {
  .accordionPanel { padding: 10px 22px; }
  .accordionSection .introContent { padding-left: 22px; padding-right: 22px; }
  .accordionTitle { font-size: 1.25rem; }
  .accordionTrigger { padding: 0 40px 0 0; }
  .accordionIcon { min-width: 30px; padding: 3px; margin-right: 20px; }
  .accordion > h3 { padding: 25px 0; }
}

@media screen and (min-width: 961px) {
  .accordionTitle { font-size: 1.5rem; }
  .accordionIcon { min-width: 40px; }
}

@media (prefers-color-scheme: dark) {
  .accordionTrigger[aria-expanded="true"] { background: rgba(255, 255, 255, 0.2); }
  .accordionTrigger[aria-expanded="true"] .plusMinus > path { stroke: var(--white); }
}

/*Quote Component*/
.quoteSection .quoteLeft { position: relative; }
.quoteSection .circleImage { aspect-ratio: 1/1; object-fit: cover; border-radius: 90%; position: relative; z-index: 2; }
.quoteSection .quoteLogo { position: absolute; bottom: 0; left: 0; width: 176px; height: 176px; background-color: var(--white); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); border-radius: 90%; padding: 26px; display: flex; align-items: center; justify-content: center; z-index: 3; }

.quoteSection .quoteRight { position: relative; display: flex; align-items: center; }
.quoteSection .quoteBallPattern { position: absolute; bottom: 0; right: 0; aspect-ratio: 779/426; object-fit: cover; height: auto; }
.quoteSection .quoteTextWrapper { position: relative; z-index: 2; padding-left: 30px; border-left: 1px solid rgba(255, 255, 255, 0.40); min-width: 0; }
.quoteSection .quoteText::before { content: '“'; position: absolute; left: -11px; top: 0px; font-size: 3.125rem; font-weight: 600; line-height: 20px; background: var(--blue); }
.quoteSection .quoteText::after { content: '”'; display: inline-block; }
.quoteSection .quoteText { font-size: 1.5rem; font-weight: 600; }
.quoteSection .quoteName { font-size: 1.375rem; font-weight: 400; margin-bottom: 0; }
.quoteSection .quoteTitle { font-size: 1.25rem; font-weight: 300; margin-bottom: 0; line-height: 1; }


@media screen and (max-width: 960px) {
    .quoteSection .quoteLeft { margin: 0 auto; width: 314px; max-width: 100%; position: relative; z-index: 2; transform: translateY(80px); margin-top: -80px; }
    .quoteSection .quoteLogo { width: 108px; height: 108px; padding: 12px; bottom: -21px; }
    .quoteSection .quoteRight { padding: 150px 20px 80px 20px; }
    .quoteSection .quoteText { font-size: 1.25rem; line-height: 1.5; }
    .quoteSection .quoteText::before { font-size: 3rem; line-height: 14px; }
    .quoteSection .quoteBallPattern { aspect-ratio: 567/585; width: 567px; height: 585px; object-fit: contain; object-position: 50% 130%; }
    .quoteSection .quoteTextWrapper { padding-left: 15px; padding-top: 15px; }
}

@media screen and (min-width: 961px) {
    .quoteRow { display: grid; grid-template-columns: minmax(430px, 1fr) auto; }
    .quoteSection .quoteLeft { padding-bottom: 13px; width: 430px; }
    .quoteSection .quoteRight { padding: 40px 40px 40px 80px; }
    .quoteSection .circleImage { transform: translateX(40px); margin-left: auto; }
}

@media screen and (min-width: 1200px) {
    .quoteSection .quoteRight { padding: 40px 60px 40px 150px; }
    .quoteSection .circleImage { transform: translateX(80px); }
}

/*Parallax Callout Component*/
.parallaxCallout .parallaxBgImg { background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; }
.parallaxCallout .parallaxCalloutContent { display:flex; align-items:center; justify-content: center; min-height: 475px; }

/* ============================
 LANDING PAGE
* ============================*/

/*Landing Impact*/
.landingImpactColumns { position: relative; z-index: 2; }
.landingImpactLeft { position: relative; }
.impactImgWrapper { position: relative; overflow: hidden; }
.impactImgWrapper > img { width: 100%; object-fit: cover; }
.impactImgOverlay { position: absolute; left: 0; bottom: 0; height: 50%; width: 100%; border-bottom-left-radius: 9px;border-bottom-right-radius: 9px; }

.blueCircleCallout { position: absolute; top: 0px; right: -55px; width: 205px; height: 205px; }
.blueCircleLink { padding: 35px 18px; border-radius: 90%; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-decoration: none; background-image: url('../images/blue-bug-circle.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; }
.blueCircleLink .calloutText { font-weight: 700; font-size: 1.75rem; line-height: 1.2; text-align: center; margin-bottom: 0; }

.impactOverlaidText { position: absolute; bottom: 0; left: 0; width: 100%; }
.impactOverlaidText h2 { margin-bottom: 6px; font-weight: 600; }
.impactOverlaidText .impactOverlaidSubtext { padding-left: 67px; padding-top: 6px; position: relative; margin-bottom: 0; }
.impactOverlaidText .impactOverlaidSubtext::before { content: ''; display: block; position: absolute; top: 0; left: 10px; width: 43px; height: 25px; border-left: 3px solid var(--white); border-bottom: 3px solid var(--white); opacity: .7; border-bottom-left-radius: 10px; }

.landingImpactRight { text-align: center; padding-top: 30px; padding-bottom: 50px; }
.landingImpactRight .preheader { font-style: normal; font-weight: 700; font-size: 1.875rem; margin-bottom: 7px; }
.landingImpactRight h2 { margin-bottom: 30px; }
.landingBackdropWrapper { position: relative; }
.landingBackdropWrapper > .wrapper { max-width: 1950px; }
.landingImpact .orangeImpactBackdrop { position: absolute; }

@media screen and (max-width: 960px) {
  .landingImpact .orangeImpactBackdrop { top: 94px; left: 0; width: 100vw; height: calc(100% - 94px); }
  .blueCircleCallout { position: absolute; top: -30px; right: -10px; width: 126px; height: 126px; }
  .blueCircleLink { padding: 16px; }
  .blueCircleLink .calloutText { font-size: 1rem; }
  .impactOverlaidText { padding: 30px 16px; }
  .impactOverlaidText h2 { font-size: 1.188rem; }
  .impactOverlaidSubtext { font-size: 1rem; }
  .impactOverlaidText .impactOverlaidSubtext { padding-left: 37px; padding-top: 3px; }
.impactOverlaidText .impactOverlaidSubtext::before { left: 4px; width: 20px; height: 15px; border-left-width: 1px; border-bottom-width: 1px; }
  .landingImpactRight .preheader { font-size: 1.875rem; }
}
@media screen and (min-width: 961px) {
  .landingImpactColumns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 50px; }
  .landingImpact .orangeImpactBackdrop { top: 34px; right: 0; width: 60vw; height: calc(100% - 80px); border-top-left-radius: 9px; border-bottom-left-radius: 9px; }
  .impactOverlaidText { padding: 40px 50px; }
  .impactOverlaidText h2 { font-size: 1.875rem; }
  .landingImpactRight { padding-top: 70px; padding-bottom: 80px; display: flex; flex-direction: column; justify-content: center; }
  .impactOverlaidSubtext { font-size: 1.5rem; }
}

/* ============================
 INTERIOR PAGE
* ============================*/

/*Breadcrumbs*/
.breadcrumbs { margin-bottom: 6px; }
.breadcrumbs ol { margin: 0; padding-left: 0; list-style: none; }
.breadcrumbs li { display: inline; }
.breadcrumbs li a { color: rgba(34, 34, 35, 0.7); font-weight: 500; transition: var(--transition); text-decoration-color: transparent; }
.breadcrumbs li:first-of-type a { text-decoration: none; }
.breadcrumbs li[aria-current="page"] { font-weight: 600; }
.breadcrumbs li a:hover, .breadcrumbs li a:focus { text-decoration-color: inherit; }
.breadcrumbs li + li::before { display: inline-block; margin: 0 5px; content:url(../images/breadcrumbs-arrow.svg); }
.breadcrumbs svg { display: inline-block; }

/*Interior Impact*/
.interiorImpact h1.h1NoMargin { margin-bottom: 0; }
.interiorImpact .interiorImpactTop { position: relative; }
.interiorImpact .interiorImpactImg { position: relative; z-index: 1; object-fit: cover; height: auto; width: 100%; aspect-ratio: 1280/450; }
.interiorImpact .grayImpactBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 95px; z-index: 0; }
.interiorImpact .interiorImpactIntro .preheader + h2 { padding-left: 57px; position: relative; }
.interiorImpact .interiorImpactIntro .preheader + h2::before { content: ''; display: block; position: absolute; top: 2px; left: 0px; width: 42px; height: 29px; border-left: 3px solid var(--orange); border-bottom: 3px solid var(--orange); border-bottom-left-radius: 10px; }

@media screen and (max-width: 960px) {
  .breadcrumbs { display: none; }
  .interiorImpact h1 { margin-bottom: 55px; }
  .interiorImpact .interiorImpactIntro { padding-top: 40px; padding-bottom: 16px; padding-right: 22px; }
  .interiorImpact .interiorImpactIntro .interiorIntroRight { padding-left: 22px; }
  .interiorImpact .interiorImpactIntro .preheader { font-size: 1.25rem; margin-bottom: 10px; }
  .interiorImpact .interiorImpactIntro .preheader + h2 { padding-left: 50px; }
  .interiorImpact .interiorImpactIntro h2::before { left: 12px; top: -4px; width: 26px; height: 26px; }
}
@media screen and (min-width: 961px) {
  .interiorImpact h1 { margin-bottom: 30px; }
  .interiorImpact .interiorImpactIntro { padding-top: 83px; padding-bottom: 83px; }
  .interiorImpact .interiorImpactIntroRow { display: grid; grid-template-columns: 40% 56%; gap: 4%; }
}

@media (prefers-color-scheme: dark) {
  .breadcrumbs li a { color: rgba(232, 232, 232, 0.65); }
}

/* ============================
 HOMEPAGE
* ============================*/

/*Home Impact Area*/

/*Heading Link with arrow after*/
.arrowHeading { padding-right: 60px; display: inline-block; }
.arrowHeading::after { content: ''; background-image: url('../images/orange-arrow-on-white.svg'); background-repeat: no-repeat; background-size: contain; display: inline-block; width: 41px; height: 41px; transform: translate(20px, 14px); margin-right: -41px; }

.homeImpact { position: relative; padding-top: 156px; padding-bottom: 70px; }
.homeImpactOrangeBand { position: absolute; top: 0; left: 0; width: 100%; height: 580px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; z-index: 0; }
.homeImpactOrangeBand img { width: 100%; height: 100%; object-fit: cover; }
.homeImpact > .homeImpactWrapper { position: relative; z-index: 1; }
.homeH1 { margin-bottom: 0; padding-right: 50px; }
.homeImpactCallout { line-height: 1.2; }
.homeImpactImgLink { position: relative; display: block; text-decoration: none; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; overflow: hidden; }
.homeImpactGridTop { display: grid; }
.homeImpactGridTop .homeImpactImgLink { position: relative; }
.homeImpactGridTop #homeImpactCellOne { min-height: 140px; }
.homeImpactGridTop #homeImpactCellTwo .homeImpactImgLink { z-index: 2; }
.homeImpactGridTop #homeImpactCellThree .homeImpactImgLink { z-index: 3; }
.homeImpactImgLink img { width: 100%; height: auto; object-fit: cover; }
.homeImpactImgOverlay { position: absolute; left: 0; bottom: 0; width: 100%; height: 53%; }
.homeImpactOverlaidText { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 35px 60px; }
.homeImpactGridTop .homeImpactOverlaidText h2 { margin-bottom: 6px; }
.homeImpactGridBottom .homeImpactOverlaidText h2 { margin-bottom: 0px; }
.homeImpactOverlaidText .homeImpactOverlaidSubtext { padding-left: 67px; padding-top: 6px; position: relative; margin-bottom: 0; }
.homeImpactOverlaidText .homeImpactOverlaidSubtext::before { content: ''; display: block; position: absolute; top: 0; left: 10px; width: 43px; height: 25px; border-left: 3px solid var(--white); border-bottom: 3px solid var(--white); opacity: .7; border-bottom-left-radius: 10px; }
.homeImpactOverlaidPretext { margin-bottom: 0; font-weight: 600; }
.homeImpactGridBottom .homeImpactOverlaidPretext + h2 { padding-left: 47px; position: relative; margin-bottom: 0; margin-top: -3px; }
.homeImpactGridBottom .homeImpactOverlaidPretext + h2::before { content: ''; display: block; position: absolute; top: 14px; left: 5px; width: 26px; height: 16px; border-left: 2px solid var(--white); border-bottom: 2px solid var(--white); opacity: .7; border-bottom-left-radius: 10px; }
/*Rotating Circles in impact area*/
.homeImpactWrapper.wrapper1270 { position: relative; }
.homeImpactGridBottom { position: relative; z-index: 1; }
.homeImpact .rotatingCircle { position: absolute; display: block; object-fit: contain; z-index: 0; }
.homeImpact .rotatingCircle#impactCircleLeft { width: 804px; height: 813px; aspect-ratio: 804 / 913; left: -500px; top: -220px; }
.homeImpact .rotatingCircle#impactCircleRightTop { width: 623px; height: 630px; aspect-ratio: 623 / 630; right: -415px; top: -475px; }
.homeImpact .rotatingCircle#impactCircleRightBottom { width: 576px; height: 585px; aspect-ratio: 576 / 585; right: -550px; bottom: -200px; }

@media screen and (max-width: 960px) {
  .homeImpactOrangeBand { height: 46%; }
  .homeImpact { padding-top: 130px; padding-bottom: 40px; }
  .homeH1 { font-size: 2.5rem; }
  .homeImpactCallout { font-size: 1.875rem; line-height: 1.2; margin-bottom: 23px; margin-top: 90px; margin-left: 23px; margin-right: 23px; }
  .homeImpactGridTop { grid-template-columns: minmax(0, 1fr); }
  .homeImpact .rotatingCircle { display: none; }
  .homeImpact .arrowHeading { line-height: 1; }
  .arrowHeading::after { width: 30px; height: 30px; transform: translate(12px, 9px); margin-right: -30px; }
  .homeImpactGridTop h2.arrowHeading { font-size: 1.5rem; padding-bottom: 4px; }
  .homeImpactGridBottom h2.arrowHeading { font-size: 1.25rem; padding-top: 6px; }
  .homeImpactGridTop .homeImpactOverlaidText { padding: 20px; }
  .homeImpactGridBottom .homeImpactOverlaidText { padding: 16px; }
  .homeImpactOverlaidText .homeImpactOverlaidSubtext { padding-left: 36px; padding-top: 0; margin-bottom: 0; }
  .homeImpactOverlaidText .homeImpactOverlaidSubtext::before { left: 0; width: 23px; height: 16px; border-width: 2px; }
  .homeImpactGridTop .homeImpactOverlaidSubtext { font-size: 1.125rem; }
  .homeImpactGridBottom .homeImpactOverlaidPretext { font-size: 0.875rem; }
  .homeImpactGridBottom .homeImpactOverlaidPretext + h2 { padding-left: 40px; }
  .homeImpactGridBottom .homeImpactOverlaidPretext + h2::before { top: 8px; width: 23px; border-width: 2px; }
  #homeImpactCellOne { order: 1; }
  #homeImpactCellTwo { order: 3; margin-bottom: 30px; }
  #homeImpactCellThree { order: 2; margin-bottom: 45px; }
  .homeImpactGridBottom .homeImpactCell:nth-of-type(1) { margin-bottom: 38px; padding-right: 22px; }
  .homeImpactGridBottom .homeImpactCell:nth-of-type(2) { padding-left: 22px; }
}

@media screen and (min-width: 961px) {
  .homeH1 { font-size: 4vw; }
  .homeImpactCallout { font-size: 3rem; margin-bottom: 46px; }
  .homeImpactGridTop { grid-template-columns: repeat(2, 50%); grid-template-rows: repeat(3, 33%); grid-column-gap: 0px; position: relative; }
  .homeImpactGridTop #homeImpactCellOne { grid-area: 1 / 1 / 2 / 2; }
  .homeImpactGridTop #homeImpactCellTwo { grid-area: 1 / 2 / 3 / 3; }
  .homeImpactGridTop #homeImpactCellThree { grid-area: 2 / 1 / 4 / 2; position: relative; }
  .homeImpactGridTop .lineDecal { display: block; position: absolute; bottom: -160px; right: -140px; width: 84px; height: 197px; border-top: 3px solid rgba(34, 34, 35, 0.70); border-right: 3px solid rgba(34, 34, 35, 0.70); border-top-right-radius: 9px; }
  .homeImpactGridTop { margin-bottom: 20px; padding-bottom: 160px; }
  .homeImpactGridBottom { display: grid; grid-template-columns: repeat(2, minmax(100px, 1fr)); gap: 50px; }
  .homeImpactGridTop .homeImpactImgLink { width: calc(100% + 30px); }
  .homeImpactGridTop #homeImpactCellTwo .homeImpactImgLink { margin-left: -30px; }
  .homeImpactGridTop h2.arrowHeading { font-size: 2.25rem; }
  .homeImpactGridBottom h2.arrowHeading { font-size: 1.75rem; }
  .homeImpactGridTop #homeImpactCellTwo .homeImpactOverlaidText { padding-left: 100px; }
  .homeImpactGridTop .homeImpactOverlaidSubtext { font-size: 1.5rem; }
  .homeImpactGridBottom .homeImpactOverlaidSubtext { font-size: 1.25rem; }
}

@media screen and (min-width: 1200px) {
  .homeH1 { font-size: 3.5vw; }
}

@media screen and (min-width: 1920px) {
  .homeH1 { font-size: 4.25rem; }
}

/*Home Infographics*/
.homeInfographics .infographicsRow { display: flex; align-items: center; justify-content: space-around; text-align: center; width: 100%; flex-wrap: wrap; gap: 50px; }
.homeInfographics .infographicsRow .infographicItem { min-width: 0; max-width: 300px; }
.homeInfographics .numberStat { font-size: 4.375rem; font-weight: 700; line-height: 1; margin-bottom: 0; }
.homeInfographics .imageStat { margin-left: auto; margin-right: auto; }
.homeInfographics .imageStat + .statText { margin-top: 10px; }
.homeInfographics .statText { font-weight: 600; font-size: 1.25rem; line-height: 1.2; width: 350px; max-width: 100%; margin: 8px auto 0 auto; max-width: 250px; }

@media screen and (max-width: 960px) {
  .homeInfographics .three { row-gap: 50px; }
  .homeInfographics { padding: 40px 0 80px 0; }
}

@media screen and (min-width: 961px) {
  .homeInfographics { padding: 70px 0 140px 0; }
  .homeInfographics .numberStat { font-size: 5rem; }
  .homeInfographics .statText { font-size: 1.5rem; }
}
@media screen and (min-width: 1200px) {
  .homeInfographics .numberStat { font-size: 5.625rem; }
}

/*Home Tabs Section*/
.homeTabsSection { position: relative; z-index: 1; }
.homeTabsSection > .wrapper { padding: 0; max-width: 1920px; }
.homeTabsSplashImg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; display: none; }
.homeTabsSplashImg img { object-fit: cover; margin: 0 auto; }
.homePanelLeft { position: relative; }
.homePanelLeft .tabsGolfBalls { position: absolute; left: 0; bottom: 0; max-width: 77%; overflow-y: hidden; margin-top: 80px; aspect-ratio: 649 / 696; }
.homeTabs { position: relative; z-index: 2 }

/*Home Tab Panels*/
.homeTabs .homeTabpanel { width: 100%; }
.homeTabs .homeTabpanel.is-hidden { display: none; }
.homeTabs .homeTabpanel .homePanelText { text-align: center; min-width: 0; padding: 25px; width: 562px; max-width: 100%; position: relative; z-index: 5; }

/*Home Tab Buttons*/
.homeTabButton { font-size: 1.5rem; line-height: 1; font-weight: 700; color: var(--black); background: transparent; border: none; box-shadow: none; margin: 0; text-align: center; transition: var(--transition); }
.homeTabButton[aria-selected="true"] { color: var(--accessibleOrange); }

@media screen and (max-width: 960px) {
  .homeTabsSection { background-color: var(--blue); padding-top: 30px; }
  .mobileTabsGolfBalls { position: absolute; left: 0; top: 0; width: 100%; height: auto; object-fit: cover; }
  /*Home Tab Buttons*/
  .homeMobileTabsDropdown { margin-left: auto; margin-right: auto; width: 316px; max-width: calc(100% - 72px); position: relative; display: none !important; }
  .homeMobileTabsDropdown #tabsMobileToggle { color: var(--accessibleOrange); background: var(--white); border-radius: 9px; transition: none; }
  .homeMobileTabsDropdown #tabsMobileToggle #currentTabText { position: relative; }
  .homeMobileTabsDropdown #tabsMobileToggle #currentTabText::after { content: ''; background-image: url('../images/select-arrow-gray.svg'); background-repeat: no-repeat; background-size: contain; width: 16px; height: 9px; display: block; position: absolute; top: 10px; right: -31px; transition: var(--transition); }
  .homeMobileTabsDropdown #tabsMobileToggle[aria-expanded="true"] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
  .homeMobileTabsDropdown #tabsMobileToggle[aria-expanded="true"] #currentTabText::after { transform: rotate(180deg); }
  .homeMobileTabsDropdown #tabsMobileToggle[aria-expanded="false"] #currentTabText::after { transform: rotate(0); }
  .homeMobileTabsDropdown #homeMobileTabList { position: absolute; height: fit-content; width: 100%; background-color: var(--white); border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; z-index: 20; }
  .homeMobileTabsDropdown #tabsMobileToggle[aria-expanded="false"] + #homeMobileTabList { display: none; }
  .homeMobileTabsDropdown #tabsMobileToggle[aria-expanded="true"] + #homeMobileTabList { display: block; }
  .homeMobileTabsDropdown #tabsMobileToggle + #homeMobileTabList .homeTabButton[aria-selected="true"] { visibility: hidden; height: 0; padding: 0; }
  .homeMobileTabsDropdown #tabsMobileToggle:focus-visible + #homeMobileTabList .homeTabButton[aria-selected="true"], .homeMobileTabsDropdown #tabsMobileToggle + #homeMobileTabList .homeTabButton[aria-selected="true"]:focus-visible { visibility: visible; height: auto; padding: 12px 60px; }
  .homeMobileTabsDropdown .homeTabButton { display: block; padding: 12px 60px; width: 100%; }
  /*Home Tab Panels*/
  .homeTabs .homeTabpanel.is-hidden { display: block; }
  .homeTabs .homeTabpanel .homePanelText { margin-left: auto; margin-right: auto; padding-left: 36px; padding-right: 36px; margin-top: 60px; padding-bottom: 0; }
  .homePanelRight { padding: 0 18px; }
  .homePanelImg { margin-top: 0px; transform: translateY(35px); }
}

@media screen and (min-width: 961px) {
  .homeTabs .homeTabpanel { display: grid; grid-template-columns: 50% 50%; }
  .homePanelLeft { border-top-right-radius: 9px; display: flex; justify-content: center; align-items: center; background-color: var(--blue); }
  .homePanelImg { z-index: 2; position: relative; height: calc(100% - 40px); margin-top: 40px; }
  /*Home Tab Buttons*/
  .homeTabButtonsWrapper { position: absolute; bottom: -1px; left: 0; width: 100%; z-index: 3;  }
  .homeTabButtonsWrapper .homeTabButtons { margin: 0 auto; background: var(--white); border-top-left-radius: 9px; border-top-right-radius: 9px; width: fit-content; max-width: calc(100% - 72px); display: flex; align-items: center; justify-content: space-around; }
  .homeTabButtonsWrapper .homeTabButton { min-width: 0; max-width: 100%; width: 265px; padding: 12px 0; }
  .homeTabButtonsWrapper .homeTabButton > span { padding: 0 24px; width: 100%; display: block; }
  .homeTabButtonsWrapper .homeTabButton + .homeTabButton span { border-left: 2px solid #22222380; }
}

@media (min-width: 961px) and (max-width: 1500px) {
  .homePanelImg { max-width: calc(105%); margin-left: -5%; }
  .homeTabs .homeTabpanel .homePanelText { padding: 40px 50px 85px 50px }
  .homeTabButtonsWrapper .homeTabButton { font-size: 1.125rem; line-height: 1.2; }
}

@media screen and (min-width: 1501px) {
  .homePanelImg { max-width: 110%; margin-left: -10%; }
  .homeTabButtonsWrapper .homeTabButton { width: 385px; padding: 23px 0; }
  .homeTabButtonsWrapper .homeTabButton > span { padding: 0 23px; }
}

@media screen and (min-width: 961px) and (max-width: 1920px) {
  .homePanelImg .roundedCorners { border-top-right-radius: 0; border-bottom-right-radius: 0; }
}
@media screen and (min-width: 1920px) {
  .homePanelLeft { border-top-left-radius: 9px; border-bottom-left-radius: 9px; }
}

/*Home Logo Scroll Section (modifications - uses standard component code)*/
@media screen and (max-width: 960px) {
  .homepage .logoScrollSection { margin-top: 85px; }
}
@media screen and (min-width: 961px) {
  .homepage .logoScrollSection { padding-top: 140px; }
}

/*Rotating Circle above logo slider*/
.homepage .logoScrollSection > .wrapper { position: relative; }
.homepage .logoScrollSection .rotatingCircle { position: absolute; display: block; object-fit: contain; z-index: 0; }
.homepage .logoScrollSection .rotatingCircle#logosCircleTop {  width: 623px; height: 630px; aspect-ratio: 623 / 630; left: -130px; top: -600px; }

@media screen and (max-width: 960px) {
  .homepage .logoScrollSection .rotatingCircle { display: none; }
}

/*Home Social Section*/
.homeSocialSection h2.center { width: 600px; max-width: 100%; margin: 0 auto 40px auto; }
.homeSocialSection .beaconColorBug { margin-left: auto; margin-right: auto; margin-bottom: 35px; }
.taggboxWrapper .tb_hc_content { font-size: 1rem; }

/*Rotating Circles in social section*/
.homeSocialSection > .wrapper { position: relative; }
.homeSocialSection > .wrapper > * { position: relative; z-index: 1; }
.homeSocialSection .rotatingCircle { position: absolute; display: block; object-fit: contain; z-index: 0; }
.homeSocialSection .rotatingCircle#socialCircleLeft { width: 804px; height: 813px; aspect-ratio: 804 / 913; left: -520px; top: -200px; }
.homeSocialSection .rotatingCircle#socialCircleRight { width: 623px; height: 630px; aspect-ratio: 623 / 630; right: -540px; top: -70px; }

@media screen and (max-width: 960px) {
  .homeSocialSection h2.center { margin-bottom: 30px; font-size: 1.5rem; padding-left: 20px; padding-right: 20px; }
  .homeSocialSection .rotatingCircle { display: none; }
}

/* ============================
 PORTFOLIO
* ============================*/
.portfolio .portfolioImpact { padding-bottom: 0; }
.portfolio .portfolioImpact h1 { margin-bottom: 8px; text-align: center; }
.portfolio .portfolioImpact hr { margin: 30px 0; }
.portfolio .projectFilters p { display: inline-block; margin-bottom: 0; }
.portfolio .projectFilters button.filter { background: none; border: none; margin: 0; padding: 0; margin-left: 20px; font-weight: 800; cursor: pointer; border-bottom: 3px solid transparent; line-height: 1.2; transition: var(--transition); }
.portfolio .projectFilters button.filter:hover, .portfolio .projectFilters button.filter:focus, .portfolio .projectFilters button.filter mixitup-control-active { border-bottom-color: var(--orange); }
.portfolio .portfolioContent h3 { line-height: 1.2; margin-bottom: 5px; }
.portfolio .projectLink { display: block; text-decoration: none; font-weight: 700; line-height: 1.2; font-family: var(--headingFont); padding-right: 40px; }
.portfolio .projectLink::after { content: ''; background-image: url(../images/orange-arrow.svg);
    background-repeat: no-repeat; background-size: contain; display: inline-block; width: 24px; height: 24px; transform: translate(10px, 8px); margin-right: -40px; transition: var(--transition); vertical-align: text-top; }
.portfolio .projectLink:hover::after { transform: translate(16px, 8px); }
.portfolio .portfolioServicesList { margin-bottom: 0; line-height: 1.2; padding-left: 42px; position: relative; }
.portfolio .portfolioServicesList::before { content: ''; display: block; position: absolute; top: 2px; left: 4px; width: 26px; height: 16px; border-left: 2px solid var(--orange); border-bottom: 2px solid var(--orange); border-bottom-left-radius: 10px; }
.portfolio .portfolioServicesList li { list-style: none; display: inline-block; font-weight: 600; font-size: 1rem; }
.portfolio .portfolioServicesList li a { display: inline-block; font-weight: inherit; text-decoration-color: transparent; }
.portfolio .portfolioServicesList li a:hover, .portfolio .portfolioServicesList li a:focus { text-decoration-color: inherit; }
.portfolio .portfolioServicesList li::before { content:' • '; color: var(--accessibleOrange); font-weight: 600; font-size: inherit; }
.portfolio .portfolioServicesList li:first-of-type::before { content: none; }

@media screen and (max-width: 580px) {
    .portfolio .projectFilters p { display: block; text-align: center; }
    .portfolio .projectFilters button.filter { display: block; margin: 16px auto 0 auto; text-align: center; }
}

@media screen and (min-width: 961px) {
  .portfolio .portfolioImpact .headingIndent + div.introContent { padding-left: 75px; }
  .portfolio .portfolioImpact .headingIndent + div.introContent::before { left: 8px; }
  .portfolio .projectFilters { font-size: 1.5rem; }
}

/* ============================
 PROJECT PAGES
* ============================*/
.project .impactOverlaidText h1 { margin-bottom: 0; }
.project .impactOverlaidText .impactOverlaidSubtext { padding-top: 8px; }
.project .tabPanelMobileImg img { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.project .projectServicesList { margin-bottom: 0; line-height: 1.3; }
.project .projectServicesList li { list-style: none; display: inline-block; font-weight: 600; }
.project .projectServicesList li::before { content:' • '; color: var(--accessibleOrange); font-weight: 600; font-size: inherit; }
.project .projectServicesList li:first-of-type::before { content: none; }

/*Project Details*/
.projectDetails .projectDetailsRow { text-align: center; margin-top: 30px; width: 100%; height: 100%; display: flex; gap: 30px; justify-content: space-between; }
.projectDetails .projectDetail { min-width: 0; border-radius: 9px; border: 3px solid var(--orange); display: flex; flex-direction: column; justify-content: center; padding: 30px; position: relative; }
.projectDetails .detailTitle { font-weight: 700; line-height: 1; margin-bottom: 0; }
.projectDetails .detailContent { font-weight: 500; line-height: 1.2; width: 350px; max-width: 100%; margin: 8px auto 0 auto; }
.projectDetails .projectDetail::before, .projectDetails .projectDetail::after { position: absolute; display: block; content: ""; height: 6px; background: var(--white); left: 3.5rem; right: 3.5rem; width: calc(100% - 7rem); }
.projectDetails .projectDetail::before { top: -3px; }
.projectDetails .projectDetail::after { bottom: -3px; }

@media (prefers-color-scheme: dark) {
  .projectDetails .projectDetail::before, .projectDetails .projectDetail::after { background: var(--black); }  
}

@media screen and (max-width: 960px) {
  .projectDetails .projectDetailsRow { flex-wrap: wrap; }
  .project .panelImgWrapper:has(.tabPanelMobileImg) .tabPanelImg { max-width: 80%; position: absolute; top: -20px; left: 0; }
  .project .tabPanelMobileImg { max-width: 30%; margin-left: auto; position: relative; z-index: 2; }
  .projectDetails .detailTitle { font-size: 1.25rem; }
  .projectDetails .detailContent { font-size: 1rem; }
}

@media screen and (min-width: 961px) {
  .project .tabPanelMobileImg { position: absolute; max-width: 25%; right: -60px; bottom: -60px;  }
  .projectDetails .detailTitle { font-size: 1.75rem; }
  .projectDetails .detailContent { font-size: 1.25rem; }
}

/*Project Infographics (matches homepage styles)*/
.projectInfographicsHeading { margin-bottom: 30px; }
.projectInfographics .infographicsRow { display: flex; align-items: center; justify-content: space-around; text-align: center; width: 100%; flex-wrap: wrap; gap: 50px; }
.projectInfographics .infographicsRow .infographicItem { min-width: 0; max-width: 300px; }
.projectInfographics .numberStat { font-size: 4.375rem; font-weight: 700; line-height: 1; margin-bottom: 0; }
.projectInfographics .detailTitle { margin-left: auto; margin-right: auto; }
.projectInfographics .detailTitle + .statText { margin-top: 10px; }
.projectInfographics .statText { font-weight: 600; font-size: 1.25rem; line-height: 1.2; width: 350px; max-width: 100%; margin: 8px auto 0 auto; max-width: 250px; }

@media screen and (max-width: 960px) {
    .projectInfographicsHeading { text-align: center; }
}

/* ============================
 OUR TEAM PAGE
* ============================*/
.team .deptOptions { margin-bottom: 30px; }
.team #departmentFilters button { border: 0; cursor: pointer; background: none; margin: 0 2.5% 18px 0; padding: 0; font-size: 1.1rem; font-weight: 600; border-bottom: 2px solid var(--black); }
.team #departmentFilters button.active { border-bottom: 3px solid var(--orange); color: var(--blue); }
.team #mixBios { margin: 0 auto; display: flex; gap: 30px; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; }
.team .bioLink { border: none; background: transparent; text-align: left; margin: 0; padding: 0; }
.team .bioFigure { display: block; width: 275px; height: 275px; position: relative; color: var(--white); }
.team .bioLink img { width: 100%; }
.team .bioColorOverlay { display: block; position: absolute; top: 0; left: 0; width: 100%; padding-top: 100%; }
.team .name { display: block; font-weight: 700; font-size: 1.25rem; margin-bottom: 4px; }
.team .title { display: block; font-weight: 700; font-size: 1rem; line-height: 1.1; }
.team .bioLink .bioCaption { display: block; position: absolute; left: 0; bottom: 0; padding: 16px; }
.team .readBioText { display: block; position: absolute; top: 0; right: 0px; padding: 16px; display: flex; gap: 5px; align-items: center; justify-content: flex-end; }
.team .readBioText::after { content: url('../images/orange-arrow-light.svg'); display: block; }
.team .joinBeacon .blueBg { width: 275px; height: 275px; padding: 30px 16px; display: flex; gap: 10px; flex-direction: column; align-items: center; justify-content: center; }
.team .joinBeacon p { line-height: 1.2; }

@media screen and (max-width:580px) {
    .team { padding: 0 16px; }
    .team #departmentFilters { display: none; }
    .team #mixBios, .team .mix, .team .bioLink { width: 100%; }
    .team .bioFigure { width: 100%; height: auto; }
    .team .joinBeacon .blueBg { width: 100%; height: auto; }
}
/*Bio Popups*/
.team .bioPopup { background: var(--white); max-width: 900px; }
.team button.bioCloseButton { border: none; box-shadow: none; background: rgba(0,0,0,0); padding: 0; margin: 0; display: block; transition: var(--transition); color: var(--white); position: absolute; top: -44px; right: 0; }
.team button.bioCloseButton:hover, .team button.bioCloseButton:focus-visible { background: rgba(0,0,0,.2); }
.team .modalLeft { padding: 30px; background: #F8F8FA; }
.team .bioGallery { width: 300px; max-width: 100%; }
.team .modalRow { overflow-y: scroll; max-height: calc(100vh - 60px); }
.team .modalLeft > .favesHeart { display: block; margin-top: 10px; margin-bottom: 0; font-size:1.5rem; }
.team .modalLeft > .favesHeart i { margin-left: 6px; }
.team .fave { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.team .faveDecal > i { color: var(--orange); font-size: 1.7rem; }
.team .tinyLogo { margin-right: 8px; }
.team .faveText strong { font-size: 1.125rem; line-height: 1; margin-bottom: 6px; font-weight: 500; }
.team .faveText p { line-height: 1; }
.team .modalRight { padding: 30px; background-color: var(--white); }
.team .modalRight h2, .team .modalRight h3 { color: var(--blue); }
.team .memberBio p { margin-bottom: 0; }
.team .bioGallery .slick-prev { left: -20px; }
.team .bioGallery .slick-next { right: -20px; }

@media screen and (min-width:1060px) {
    .team .modalRow { display: flex; }
    .team .modalLeft { width: 40%; }
    .team .modalRight { width: 60%; }
}

/*Blog Pages*/
.blog .articleListing:not(:last-child) { border-bottom: 1px solid #d9d9d966; padding-bottom: 24px; }
.blog h3.blogTitle { font-size: 1.75rem; line-height: 1; color: var(--blue); }
.blog a.blogHeadingLink { color: var(--blue); text-decoration-color: transparent; font-weight: 700; }
.blog a.blogHeadingLink:hover, .blog a.blogHeadingLink:focus { text-decoration-color: inherit; }
.blog span.blogDate { font-size: .95rem; margin-bottom: 12px; display: block; font-weight: 600; }
.blog .loadMoreButton { display: block; margin-top: 50px; margin-left: auto; margin-right: auto; }

/*Search Results Page (Zoom Search)*/
.zoomsearchSection.sectionSpacing { padding-top: 0; }
.zoomsearchSection .searchheading br { display: none; }
.zoomsearchSection .highlight { background: #f5842480; }
.zoomsearchSection .searchheading { font-size: 1.5rem; font-weight: bold; }
.zoomsearchSection .summary { font-size: var(--smallFont); font-style: italic; }
.zoomsearchSection .suggestion { font-size: inherit; }
.zoomsearchSection .results { font-size: inherit; }
.zoomsearchSection .category { color: #999999; }
.zoomsearchSection .sorting { text-align: right; }
.zoomsearchSection .result_title { font-size: 1.25rem; }
.zoomsearchSection .result_title a { color: var(--blue); font-weight: 700; }
.zoomsearchSection .description { font-size: inherit; font-weight: 500; }
.zoomsearchSection .context { font-size: var(--smallFont); }
.zoomsearchSection .infoline { font-size: var(--smallFont); font-style: normal; color: #808080;}
.zoomsearchSection .zoom_searchform { font-size: inherit; }
.zoomsearchSection .zoom_results_per_page { font-size: var(--smallFont); margin-left: 10px; }
.zoomsearchSection .zoom_match { font-size: var(--smallFont); margin-left: 10px;}				
.zoomsearchSection .zoom_categories { font-size: var(--smallFont); }
.zoomsearchSection .zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoomsearchSection .zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
.zoomsearchSection .cat_summary ul { margin: 0px; padding: 0px; display: inline; }
.zoomsearchSection .cat_summary li { display: inline; margin-left: 15px; list-style-type: none; }		
.zoomsearchSection input.zoom_button {  }
.zoomsearchSection input.zoom_searchbox {  }		
.zoomsearchSection .result_image { float: left; display: block; }
.zoomsearchSection .result_image img { margin: 10px; width: 80px; border: 0px; }
.zoomsearchSection .result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.zoomsearchSection .result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
.zoomsearchSection .result_pages { font-size: inherit; }
.zoomsearchSection .result_pages a { color: var(--blue); }
.zoomsearchSection .result_pagescount { font-size: inherit; }
.zoomsearchSection .searchtime { font-size: var(--smallFont); }
.zoomsearchSection .recommended { background: var(--accessibleOrange); margin-top: 15px; margin-bottom: 15px; }
.zoomsearchSection .recommended_heading { float: right; font-weight: bold; }
.zoomsearchSection .recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.zoomsearchSection .recommend_title { font-size: inherit; }
.zoomsearchSection .recommend_description { font-size: inherit; color: var(--black); }
.zoomsearchSection .recommend_infoline { font-size: var(--smallFont); font-style: normal; color: #808080; }
.zoomsearchSection .recommend_image { float: left; display: block; }
.zoomsearchSection .recommend_image img { margin: 10px; width: 80px; border: 0px; }
.zoomsearchSection label[for='zoom_searchbox'], .zoom_searchbox, .zoom_button, .zoom_results_per_page, .zoom_match {display:none;}

@media screen and (max-width: 960px) {
    .zoomsearchSection .result_title { font-size: 1.125rem }
}
/* ============================
 ANIMATIONS
* ============================*/
/*Styles below will be applied when users do not have the reduced motion preference turned on */
@media screen and (prefers-reduced-motion: no-preference) {

  /* Animations for only when hover is supported*/
  @media (hover: hover) {
    /*Image Zoom Effect*/
      .imgZoom { display: block; overflow: hidden; width: fit-content; }
      .imgZoom img { transition: var(--transition); transform-origin: center; width: 100%; }
      .imgZoom:hover img { transform: scale(1.05); }
      
    /*Team Bios Hover Animation*/
    .team .bioLink img { border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; transition-property: all; transition-duration: .5s; }
    .team .bioLink:hover img, .team .bioLink:focus img { border: none; border-bottom-left-radius: 0%; border-bottom-right-radius: 0%; border-top-left-radius: 0%; border-top-right-radius: 0%; }
    .team .bioColorOverlay { opacity: 0; transition-property: opacity; transition-duration: .5s; }
    .team .bioLink:hover .bioColorOverlay, .team .bioLink:focus .bioColorOverlay { opacity: 1; }
    .team .bioLink .bioCaption { bottom: -40px; opacity: 0; }
    .team .bioLink:hover .bioCaption, .team .bioLink:focus .bioCaption { transition-property: all; transition-duration: .5s; transition-delay: .5s; opacity: 1; bottom: 0; }
    .team .readBioText { opacity: 0; right: -60px; }
    .team .bioLink:hover .readBioText, .team .bioLink:focus .readBioText { transition-property: all; transition-duration: .5s; transition-delay: .75s; opacity: 1; right: 0; }
    .team .joinBeacon .blueBg { border-radius: 50%; aspect-ratio: 1/1; }
    .team .joinBeacon p { margin-top: 8px; }

     @media screen and (min-width: 961px) {
      /* Image Grow Effect */
      .imgGrow { display: block; width: fit-content; transition: var(--transition); transform-origin: center; width: 100%; }
      .imgGrow:hover { transform: scale(1.05); }

      /* Home Impact Hover Effects */
      .homeImpactImgLink .homeImpactImgOverlay { transition: var(--transition); }
      .homeImpactImgLink:hover .homeImpactImgOverlay { height: 38%; }
      .homeImpactGridTop .homeImpactImgLink:hover { z-index: 5 !important; }
      .homeImpactGridTop #homeImpactCellTwo .homeImpactOverlaidText { transition: var(--transition); }
      .homeImpactGridTop #homeImpactCellTwo .homeImpactImgLink:hover .homeImpactOverlaidText { padding-left: 60px; }
      .homeImpactGridTop #homeImpactCellTwo .homeImpactImgLink { transform-origin: left; }
      .homeImpactGridTop #homeImpactCellThree .homeImpactImgLink { transform-origin: right; }
    }
  }

  /* Slide up and appear animation */
  .appearUp { opacity: 0; position: relative; top: 40px; transition: all .6s ease-in-out; transition-delay: .5s; }
  .appearUp.animate { opacity: 1; top: 0; }
  .infographicsRow .infographicItem:nth-of-type(2) .appearUp { transition-delay: .75s; }
  .infographicsRow .infographicItem:nth-of-type(3) .appearUp { transition-delay: 1s; }
  .infographicsRow .infographicItem:nth-of-type(4) .appearUp { transition-delay: 1.25s; }

/*  Project Details version*/
  .projectDetailsRow .projectDetail:nth-of-type(2) .appearUp { transition-delay: .75s; }
  .projectDetailsRow .projectDetail:nth-of-type(3) .appearUp { transition-delay: 1s; }
  
  .projectDetailsRow .projectDetail { border-color: transparent; transition: all .6s ease-in-out; transition-delay: 1.5s; }
  .projectDetailsRow.showBorders .projectDetail { border-color: var(--orange); }

  /*  Home impact H1 text animation*/
  .homeH1 { position: relative; height: 100%; width: 100%; overflow: hidden; }
  .homeH1 .animatedH1 { display: block; position: absolute; left: 0; top: 0px; width: 100%; height: 100%; }
  .homeH1 .animatedH1 > span { display: block; animation-duration: 12s; animation-iteration-count: infinite; animation-fill-mode: forwards; }
  .homeH1 .animatedH1 #slideLeft1 { animation-name: slideLeft1; }
  .homeH1 .animatedH1 #slideLeft2 { animation-name: slideLeft2; }
  .homeH1 .animatedH1 #slideLeft3 { animation-name: slideLeft3; }
  .homeH1 .animatedH1 #slideRight1 { animation-name: slideRight1; }
  .homeH1 .animatedH1 #slideRight2 { animation-name: slideRight2; }
  .homeH1 .animatedH1 #slideRight3 { animation-name: slideRight3; }

  @media screen and (max-width: 960px) {
    .homeH1 { min-height: 140px; }
    .homeH1 .animatedH1 { margin-left: 16px; margin-right: 16px; }
    @keyframes slideLeft1 {
      0%  { transform: translateX(0px); opacity: 1; }
      25% { transform: translateX(0px); opacity: 1; }
      33% { transform: translateX(0px); opacity: 0; }
      90% { transform: translateX(100vw); opacity: 0; }
      92% { transform: translateX(100vw); opacity: 1; }
      100% { transform: translateX(0px); opacity: 1; }
    }
    @keyframes slideLeft2 {
      0% { transform: translateX(100vw); opacity: 0; }
      25% { transform: translateX(100vw); opacity: 1; }
      33%  { transform: translateX(0px); opacity: 1; }
      58% { transform: translateX(0px); opacity: 1; }
      67% { transform: translateX(0px); opacity: 0; }
      100% { transform: translateX(100vw); opacity: 0; }
    }
    @keyframes slideLeft3 {
      0% { transform: translateX(0px); opacity: 0; }
      56% { transform: translateX(100vw); opacity: 0; }
      58% { transform: translateX(100vw); opacity: 1; }
      67%  { transform: translateX(0px); opacity: 1; }
      92% { transform: translateX(0px); opacity: 1; }
      100% { transform: translateX(0px); opacity: 0; }
    }

    @keyframes slideRight1 {
      0%  { transform: translateX(0px); opacity: 1; }
      25% { transform: translateX(0px); opacity: 1; }
      33% { transform: translateX(0px); opacity: 0; }
      90% { transform: translateX(-100vw); opacity: 0; }
      92% { transform: translateX(-100vw); opacity: 1; }
      100% { transform: translateX(0px); opacity: 1; }
    }
    @keyframes slideRight2 {
      0% { transform: translateX(-100vw); opacity: 0; }
      25% { transform: translateX(-100vw); opacity: 1; }
      33%  { transform: translateX(0px); opacity: 1; }
      58% { transform: translateX(0px); opacity: 1; }
      67% { transform: translateX(0px); opacity: 0; }
      100% { transform: translateX(-100vw); opacity: 0; }
    }
    @keyframes slideRight3 {
      0% { transform: translateX(0px); opacity: 0; }
      56% { transform: translateX(-100vw); opacity: 0; }
      58% { transform: translateX(-100vw); opacity: 1; }
      67%  { transform: translateX(0px); opacity: 1; }
      92% { transform: translateX(0px); opacity: 1; }
      100% { transform: translateX(0px); opacity: 0; }
    }
  }

  /*  Desktop Only animations*/
  @media screen and (min-width: 961px) {
    .homeH1 { min-height: 200px; }
    .homeH1 .animatedH1 { top: 30px; }
    @keyframes slideLeft1 {
      0%  { transform: translateX(0px); opacity: 1; }
      25% { transform: translateX(0px); opacity: 1; }
      33% { transform: translateX(0px); opacity: 0; }
      90% { transform: translateX(50vw); opacity: 0; }
      92% { transform: translateX(50vw); opacity: 1; }
      100% { transform: translateX(0px); opacity: 1; }
    }
    @keyframes slideLeft2 {
      0% { transform: translateX(50vw); opacity: 0; }
      25% { transform: translateX(50vw); opacity: 1; }
      33%  { transform: translateX(0px); opacity: 1; }
      58% { transform: translateX(0px); opacity: 1; }
      67% { transform: translateX(0px); opacity: 0; }
      100% { transform: translateX(50vw); opacity: 0; }
    }
    @keyframes slideLeft3 {
      0% { transform: translateX(0px); opacity: 0; }
      56% { transform: translateX(50vw); opacity: 0; }
      58% { transform: translateX(50vw); opacity: 1; }
      67%  { transform: translateX(0px); opacity: 1; }
      92% { transform: translateX(0px); opacity: 1; }
      100% { transform: translateX(0px); opacity: 0; }
    }

    @keyframes slideRight1 {
      0%  { transform: translateX(0px); opacity: 1; }
      25% { transform: translateX(0px); opacity: 1; }
      33% { transform: translateX(0px); opacity: 0; }
      90% { transform: translateX(-50vw); opacity: 0; }
      92% { transform: translateX(-50vw); opacity: 1; }
      100% { transform: translateX(0px); opacity: 1; }
    }
    @keyframes slideRight2 {
      0% { transform: translateX(-50vw); opacity: 0; }
      25% { transform: translateX(-50vw); opacity: 1; }
      33%  { transform: translateX(0px); opacity: 1; }
      58% { transform: translateX(0px); opacity: 1; }
      67% { transform: translateX(0px); opacity: 0; }
      100% { transform: translateX(-50vw); opacity: 0; }
    }
    @keyframes slideRight3 {
      0% { transform: translateX(0px); opacity: 0; }
      56% { transform: translateX(-50vw); opacity: 0; }
      58% { transform: translateX(-50vw); opacity: 1; }
      67%  { transform: translateX(0px); opacity: 1; }
      92% { transform: translateX(0px); opacity: 1; }
      100% { transform: translateX(0px); opacity: 0; }
    }

    /*  Home Rotating Circles*/
    .rotatingCircle { -webkit-animation:spin 18s linear infinite; -moz-animation:spin 18s linear infinite; animation:spin 18s linear infinite; }
    .homeImpact .rotatingCircle#impactCircleRightTop { animation-direction: reverse; }
    .homeSocialSection .rotatingCircle#socialCircleLeft { animation-direction: reverse; }
    @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
    @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
    @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
  
    /*when JS is enabled*/
    @media (scripting: enabled) {
        /* Run the entrance animation for the homepage tabs section*/
        .homeTabsSection .homeTabsSplashImg { display: block; transition: var(--slowTransition); }
        .homeTabsSection.isOnScreen .homeTabsSplashImg { opacity: 0; }
        .homeTabsSection .homeTabButtonsWrapper { opacity: 0; transition: var(--slowTransition); }
        .homeTabsSection.isOnScreen .homeTabButtonsWrapper { opacity: 1; }
        .homeTabsSection .homePanelLeft { opacity: 0; transform: translateX(-100%); transition: var(--slowTransition); }
        .homeTabsSection.isOnScreen .homePanelLeft { opacity: 1; transform: translateX(0); }
        .homeTabsSection .homePanelRight { opacity: 0; transform: translateX(100%); transition: var(--slowTransition); }
        .homeTabsSection.isOnScreen .homePanelRight { opacity: 1; transform: translateX(0); }
    }
  }

}
@media screen and (prefers-reduced-motion) {
  .homeH1 { line-height: 1; }
  @media screen and (min-width: 961px) {
    .homeImpactGridTop { grid-template-rows: repeat(3, auto) !important; }
  }
}
/* end prefers reduced motion media queries */

/* ============================
 PRINT
* ============================*/
@media print {
  header, footer, nav, form , iframe, img, svg, picture, .quoteLeft, .quoteBallPattern, .logoScrollSection, .accordion button, .cellOverlay, [role="tablist"], .taggboxWrapper { display: none; }
  .columns .one, .columns .two, .columns .three { display: block; }
  .columns .cell { display: block; width: 100%; }
  .columnMedia { display: none; }
  .columnsComponent .cell { display: block; }
  .columnsComponent .cell .columnTextOverlay { position: static; padding: 30px 0; color: #222223; }
  .whiteText, .whiteText .preheader, .whiteText .subtitle, .whiteText .subhead, .orangeGradientText { color: #222223; }
  .orangeGradientText { background: none; -webkit-background-clip: none; -webkit-text-fill-color: #222223; }
  .parallaxCallout .parallaxCalloutContent { min-height: auto; }
  .infographicsBg .blueOverlay { padding: 0; min-height: auto; }
  .accordionPanel[hidden] { display: block; }
  .ctaTextContent { padding-left: 0; padding-top: 0; padding-bottom: 0; }
  .quoteSection .quoteRight { padding: 0; }
  .blueCircleCallout { position: static; }
  .blueCircleLink { border: 1px solid #00538B; }
  a.ctaButton::before, div.ctaButton::before, .whiteText a.ctaButton::before { content: url('../images/orange-arrow.svg'); background: #fff; }
  a.ctaButton, div.ctaButton, a.ctaButton:hover, a.ctaButton:focus, div.ctaButton:hover, div.ctaButton:focus, .whiteText a.ctaButton, .imgZoom div.ctaButton, .whiteText a.ctaButton:hover, .whiteText a.ctaButton:focus { color: #222223; }
  .infographics .numberStat { font-size: 3rem; }
  .tabs .tabsRightSide { min-height: auto; display: block; }
  .tabs [role="tabpanel"].is-hidden { display: block; }
  .tabs .panelText { padding: 0; }
  .tabs .panelImgWrapper { display: none; }
  .landingImpactRight { padding-top: 0; padding-bottom: 0; }
  .homeImpactOrange { display: none; }
  .rotatingCircle { display: none !important; }
  img.desktopOnly { display: none !important; }
  .homeTabs .homeTabpanel.is-hidden { display: block; }
  .homeTabs .homeTabpanel .homePanelText { width: auto; padding: 0; }
  .homeImpactOverlaidText { position: static; padding: 0; }
  .homeImpactImgOverlay { display: none; }
  .homeImpactOverlaidText .homeImpactOverlaidSubtext::before, .homeImpactGridBottom .homeImpactOverlaidPretext + h2::before { border-left-color: #222223; border-bottom-color: #222223; }
  .team .readBioText { display: none; }
  .team .bioFigure { width: auto; height: auto; }
  .team .bioLink .bioCaption { position: static; color: #000; }
  .team .bioColorOverlay { display: none; }
  .team .joinBeacon .blueBg.whiteText { background: #fff; color: #000; }
}