/*************** High Noon Style Shortcuts 2025 - Loop: Design for Social Good https://weareloop.com/ This file contains classes shortcuts for styling elements in the Beaver Builder theme. @package High Noon Theme @version 1.0.0 ***************/ .container { max-width: 1366px; padding: 0 72px; } .home:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; } .home { background:url(/wp-content/uploads/2025/11/option-2-44.webp) center center / cover no-repeat; background-attachment: fixed; position:relative; } .fl-builder-content .maxwidth130 {max-width:130px} .fl-builder-content .maxwidth200 {max-width:200px} .fl-builder-content .maxwidth300 {max-width:300px} .fl-builder-content .maxwidth350 {max-width:350px} .fl-builder-content .maxwidth375 {max-width:375px} .fl-builder-content .maxwidth400 {max-width:400px} .fl-builder-content .maxwidth450 {max-width:450px} .fl-builder-content .fl-builder-content .maxwidth500 {max-width:500px} .fl-builder-content .maxwidth550 {max-width:550px} .fl-builder-content .maxwidth600 {max-width:600px !important} .fl-builder-content .maxwidth650 {max-width:650px} .fl-builder-content .maxwidth700 {max-width:700px} .fl-builder-content .maxwidth750 {max-width:750px} .fl-builder-content .maxwidth800 {max-width:800px} .fl-builder-content .maxwidth850 {max-width:850px} .fl-builder-content .maxwidth900 {max-width:900px} .fl-builder-content .maxwidth950 {max-width:950px} .fl-builder-content .maxwidth1000 {max-width:1000px} .fl-builder-content .maxwidth1086 {max-width:1086px} .fl-builder-content .maxwidth1366 {max-width:1366px} .fl-builder-content .maxwidth25vw {max-width:25vw} .fl-builder-content .maxwidth50vw {max-width:50vw} .fl-builder-content .maxwidth75vw {max-width:75vw} .fl-builder-content .maxwidth100vw {max-width:100vw} /* if class added to row, apply to same wrap where padding is applied */ body:not(.fl-builder-edit) .height100vh.fl-row > .fl-row-content-wrap { max-height: 100%; min-height: 100vh; /* fallback for firefox */ min-height: 100lvh; /* on iphone, height won't jump with dynamic addressbar */ height: auto; } /* if class not added to row, apply directly to element */ body:not(.fl-builder-edit) .height100vh:not(.fl-row) { max-height: 100%; min-height: 100vh; /* fallback for firefox */ min-height:100lvh; /* on iphone, height won't jump with dynamic addressbar */ height: auto; } /* @media only screen and (max-width: 768px) { body:not(.fl-builder-edit) .height100vh.fl-row > .fl-row-content-wrap { */ /*height: 99vh; /* fallback for firefox */ /*height:99svh; /* if class added to row, apply to same wrap where padding is applied */ /* } body:not(.fl-builder-edit) .height100vh:not(.fl-row) { */ /*height: 99vh; /* fallback for firefox */ /*height:99svh; /* if class not added to row, apply directly to element */ /* } } */ .fl-builder-content .marginautoflat {margin:auto} .fl-builder-content .marginauto {margin:auto;float:none} .fl-builder-content .margin0auto {margin: 0 auto;} .fl-builder-content .marginauto_leftright {margin-left:auto;margin-right:auto;float:none} .fl-builder-content .marginauto_topbottom {margin-top:auto;margin-bottom:auto;margin:auto;float:none} .fl-builder-content .marginauto_top {margin-top:auto;float:none} .fl-builder-content .marginleft {margin-left:0;float:none} .fl-builder-content .floatleft {float:left} .fl-builder-content .floatright {float:right} .fl-builder-content .textaligncenter {text-align:center} .fl-builder-content .textalignleft {text-align:left} .fl-builder-content .textalignright {text-align:right} .fl-builder-content .verticalalignbottom {vertical-align:bottom} .fl-builder-content .padding140 {padding-left:176px;padding-right:176px;} .fl-builder-content .padding72 {padding-left:72px;padding-right:72px;} .fl-builder-content .positionrelative {position:relative} .fl-builder-content .positionabsolute {position:absolute} .fl-builder-content .zindex0 {z-index:0} .fl-builder-content .zindex1 {z-index:1} .fl-builder-content .zindex2 {z-index:2} .fl-builder-content .zindex3 {z-index:3} .fl-builder-content .zindex4 {z-index:4} .fl-builder-content .zindex5 {z-index:5} body:not(.fl-builder-edit) .fl-builder-content .flexcenter {display: flex;align-content: center;align-self: stretch;flex-wrap: wrap;} body:not(.fl-builder-edit) .fl-builder-content div:has(> .flexcenter) {display: flex;} /*apply flex to parent of div with .flexcenter child, so child's flex properties will work */ .fl-builder-content .flexshrink0 {flex-shrink: 0;} .fl-builder-content .radius20, .radius20 iframe {border-radius: 20px;overflow: hidden;} .fl-builder-content .radius20 iframe {border: 6px solid #000;} .fl-builder-content .lineheight24 {line-height:24px;} .fl-builder-content body:not(.fl-builder-edit) .offscreen { position: absolute; visibility: hidden; opacity: 0; left: -99999px; z-index: 999; } /* allows element within a wrapper to break out of wrapper and go fullscreen without the entire row needing to be set to fullwidth */ .fl-builder-content .fullwidth { left: 50%; margin-left: calc(var(--viewportWidth) / -2); margin-right: calc(var(--viewportWidth) / -2); max-width: var(--viewportWidth); position: relative; right: 50%; width: var(--viewportWidth); } .fl-builder-content .nospacewrap {white-space: nowrap;} .fl-builder-content .nowordwrap {overflow-wrap: normal;} .fl-builder-content .nounderline, .fl-page-content a.nounderline, .fl-page-content .nounderline a {text-decoration:none !important;border:0 !important;} .fl-builder-content .nopadding,.nopadding .fl-row-content {padding:0} .fl-builder-content .noscroll {overflow:hidden} /* BUG FIX :: BB Row Settings disappear in backend when overflow classes are added to row */ body:not(.fl-builder-edit) .fl-builder-content .overflowx_hidden {overflow-x:hidden} body:not(.fl-builder-edit) .fl-builder-content .overflowy_hidden {overflow-y:hidden} .fl-builder-content .bglefttop {background-position:left top;object-position:left top} .fl-builder-content .bgleftcenter {background-position:left center;object-position:left center;} .fl-builder-content .bgleftbottom {background-position:left bottom;object-position:left bottom;} .fl-builder-content .bgcentertop {background-position:center top;object-position:center top;} .fl-builder-content .bgcentercenter {background-position:center center;object-position:center center;} .fl-builder-content .bgcenterbottom {background-position:center bottom;object-position:center bottom;} .fl-builder-content .bgrighttop {background-position:right top;object-position:right top;} .fl-builder-content .bgrightcenter {background-position:right center;object-position:right center;} .fl-builder-content .bgrightbottom {background-position:right bottom;object-position:right bottom;} .fl-builder-content .color_blue_light {color:var(--blue-light)} .fl-builder-content .color_blue_dark {color:var(--blue-dark)} /*************** High Noon Main Styles 2025 - Loop: Design for Social Good https://weareloop.com/ This file contains the main styles for the High Noon theme. It includes global variables, typography, and other styles. @package High Noon Theme @version 1.0.0 ***************/ /********************/ /* Global Variables */ /********************/ :root { /* SIZING UNITS */ --Sizing-Units-L: 66px; --Sizing-Units-M: 44px; --Sizing-Units-S: 36px; --Sizing-Units-XS: 26px; --Sizing-Units-2XS: 16px; --Sizing-Units-3XS: 8px; --Number-Scale-Margins-Desktop: 72px; --Number-Scale-Margins-Small-Desktop: 60px; --Number-Scale-Margins-Tablet: 36px; --Number-Scale-Margins-Mobile: 18px; /* BORDER RADII */ --border-radius-btn: 50px; --border-radius-btn-mobile: var(--border-radius-btn); --border-radius-img: 24px; --border-radius-img-mobile: 16px; /* CONTENT PADDING */ --content-padding: 72px; --content-margin-top: 26px; --content-padding-top: 200px; --content-padding-bottom: 50px; /* COLORS */ --black: #000; --white: #fff; --gray: #eee; --purple: #8F0889; --red: #EC2128; /* FONTS */ --font-headline: "Public Sans",sans-serif; --font-content: "Public Sans",sans-serif; /* ICONS */ --arrow-white: url(/wp-content/uploads/arrow-right-white.svg); } /**********************/ /* Framework Settings */ /**********************/ html, body { color: var(--black); font-family: var(--font-content); font-size: inherit; /* to reset to browser default of 16px for accessibility */ overflow-x: clip; /* instead of hidden, which glitches out position: sticky elements */ } .fl-page-content { padding-top:var(--content-padding-top); padding-bottom:var(--content-padding-bottom); } .fl-row:not(.nopadding) >.fl-row-content-wrap >.fl-row-content { padding-left: var(--content-padding); padding-right: var(--content-padding); } /* sets padding default for all rows, can be overridden individually in BB */ .fl-row > div { padding-top: var(--Sizing-Units-L); padding-bottom: var(--Sizing-Units-L); } /* sets margin default for all rich text, can be overridden individually in BB */ .fl-module-rich-text > div, /* old bb markup */ .fl-module-rich-text:not(:has( > div))/* new bb markup */, .fl-builder-edit .fl-module-rich-text:not(:has( > div:not(.fl-module-overlay)))/* prevents buggy margin jump when in editor */ { margin-top: var(--Sizing-Units-XS); } /* sets margin default for all buttons, can be overridden individually in BB */ .fl-module-button > div, /* old bb markup */ .fl-module-button:not(:has( > div)), /* new bb markup */ .fl-builder-edit .fl-module-button:not(:has( > div:not(.fl-module-overlay))), /* old bb markup :: prevents buggy margin jump when in editor */ .fl-builder-edit .fl-module-button:has( > div.fl-inline-editor), /* new bb markup ::prevents buggy margin jump when in editor */ .fl-module-button-group:not(.anchorlinks) > div{ margin-top: var(--Sizing-Units-S); } /* sets padding default for all buttons in button groups, can be overridden individually in BB */ .fl-module-button-group .fl-button-group-buttons > div { padding-top: var(--Sizing-Units-S); /* "Button Spacing" in BB button groups uses padding instead of margin */ } /* resets padding default for first button in button groups */ .fl-module-button-group .fl-button-group-buttons > div:first-of-type { padding-top: 0; /* "Button Spacing" in BB button groups uses padding instead of margin */ } /* resets margin default for all button groups, since padding is handled by each button in group */ div:first-of-type.fl-module-button-group > div { margin-top: 0; } /* Focus state */ body:not(.fl-builder-edit) :focus { outline-width: 2px; outline-style: auto; outline-offset: 5px; outline-color: var(--red); border-radius: 0; } body:not(.fl-builder-edit) .hidefocus:focus { box-shadow: none !important; outline: none !important; } button[aria-label="Assistant"] {display:none !important;} /* Tablet */ @media only screen and (max-width: 992px) { .fl-row > div { padding-top: var(--Sizing-Units-M); padding-bottom: var(--Sizing-Units-M); } } /* Mobile */ @media only screen and (max-width: 768px) { .fl-row > div { padding-top: var(--Sizing-Units-S); padding-bottom: var(--Sizing-Units-S); } /* sets margin default for all rich text, can be overridden individually in BB */ .fl-module-rich-text > div, /* old bb markup */ .fl-module-rich-text:not(:has( > div))/* new bb markup */, .fl-builder-edit .fl-module-rich-text:not(:has( > div:not(.fl-module-overlay)))/* prevents buggy margin jump when in editor */ { margin-top: var(--Sizing-Units-2XS); } /* sets margin default for all buttons, can be overridden individually in BB */ .fl-module-button > div, /* old bb markup */ .fl-module-button:not(:has( > div)), /* new bb markup */ .fl-builder-edit .fl-module-button:not(:has( > div:not(.fl-module-overlay))), /* old bb markup :: prevents buggy margin jump when in editor */ .fl-builder-edit .fl-module-button:has( > div.fl-inline-editor), /* new bb markup ::prevents buggy margin jump when in editor */ .fl-module-button-group:not(.anchorlinks) > div{ margin-top: var(--Sizing-Units-XS); } } /**************/ /* Typography */ /**************/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: var(--black); margin-top: 0px; margin-bottom: 0px; } h1, .h1, .h1 p, .h1 .fl-heading { font-size: 66px; font-size: 4.13rem; font-style: normal; font-weight: 700; line-height: 70px; line-height: 4.38rem; } h2, .h2, .h2 p, .h2 .fl-heading { font-size: 45px; font-size: 2.81rem; font-style: normal; font-weight: 700; line-height: 54px; line-height: 3.38rem; } h3, .h3, .h3 p, .h3 .fl-heading { font-size: 35px; font-size: 2.19rem; font-style: normal; font-weight: 700; line-height: 43px; line-height: 2.69rem; } h4, .h4, .h4 p, .h4 .fl-heading { font-size: 28px; font-size: 1.75rem; font-style: normal; font-weight: 700; line-height: 34px; line-height: 2.13rem; } p, .p, ul, ol { font-size: 18px; font-size: 1.13rem; font-style: normal; font-weight: 400; line-height: 29px; line-height: 1.81rem; margin-bottom: 0; } p + p, p + ul, p + ol, p + blockquote, blockquote + p, ul + p, ul + ul, ul + ol, ol + p, ol + ul, ol + ol { margin-top: var(--content-margin-top); } .large, p.large, p .large, .large p, .large ol, ol.large, .large ul, ul.large { font-size: 22px; font-size: 1.38rem; font-style: normal; font-weight: 400; line-height: 34px; line-height: 2.13rem; } .small, p.small, p .small, .small p, .small ol, ol.small, .small ul, ul.small { font-size: 16px; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 26px; line-height: 1.63rem; } blockquote p { font-size: 36px; font-size: 2.25rem; font-style: normal; font-weight: 700; line-height: 53px; line-height: 3.31rem; } blockquote { padding: 0; margin: 0; border: 0; } /* p a:not(.underline_anim), ol a:not(.underline_anim), ul a:not(.underline_anim) { color: currentColor; position: relative; text-decoration: none; background-image: linear-gradient(#EC2128, #EC2128); background-repeat: no-repeat; background-position: bottom left; background-size: 100% 1px; transition: background-size 250ms ease-in-out; display:inline; font-weight:700; } p a:not(.underline_anim):hover, ol a:not(.underline_anim):hover, ul a:not(.underline_anim):hover { color: currentColor; text-decoration: none; animation: 0.25s underline; } */ ul, ol { padding-inline-start: 21px; } /* .fl-rich-text a, */ .contributor a, a.underline_anim, span.underline_anim, .fl-module-button.underline_anim a.fl-button, .fl-module-button-group.underline_anim a.fl-button { background-image: linear-gradient(#EC2128, #EC2128); background-repeat: no-repeat; background-position: bottom left; background-size: 100% 1px; display:inline; /* transition: background-size 250ms ease-in-out; */ text-decoration: none; padding-bottom: 4px; } .contributor a:hover, p a:not(.underline_anim):hover, a.underline_anim:hover, span.underline_anim:hover, .fl-module-button.underline_anim a.fl-button:hover, .fl-module-button-group.underline_anim a.fl-button:hover { animation: 0.25s underline; } .contributor a:hover {color:#fff;} @keyframes underline { from {background-size: 0% 1px;} to {background-size: 100% 1px;} } /* Number Stat */ .number_stat .fl-number-string { font-family: var(--font-headline); font-size: 68px; font-size: 4.25rem; line-height: 68px; line-height: 4.25rem; font-style: normal; font-weight: 700; } /* /* Datatable sorting arrow */ /* .wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable thead th.sorting:after, .wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable thead th.sorting_asc:after { border-bottom-color: #fff !important; border-top-color: #fff !important; display:none !important; } */ /***********/ /* Buttons */ /***********/ .cta_button a.fl-button{ transition:all .15s ease; display: inline-flex; flex-direction: row; gap: 12px; align-items: center; } .cta_button a.fl-button span{ font-family: var(--font-content); font-size: 18px; font-size: 1.13rem; font-style: normal; font-weight: 700; line-height: normal; } .cta_button.arrow_right a.fl-button:after, .cta_button.arrow_down a.fl-button:after { content: ''; display: block; background-repeat: no-repeat; background-size: contain; } .cta_button.arrow_down a.fl-button:after { width: 13px; height: 16px; background-image: url(/wp-content/uploads/2025/11/arrowdown.svg); } .cta_button a.fl-button:hover, .cta_button a.fl-button:focus { transform:scale(1.05); } .cta_button.noarrow a.fl-button:after { display:none; } .fl-module-button-group.arrowlink a.fl-button span, .fl-module-button.arrowlink a.fl-button span{ font-family: "Public Sans"; font-size: 19px; font-size: 1.19rem; font-style: normal; font-weight: 700; line-height: normal; } .fl-module-button-group.arrowlink a.fl-button span:after, .fl-module-button.arrowlink a.fl-button span:after{ content: ''; display: inline-block; width: 17px; height: 13px; background-image: url(/wp-content/uploads/2025/11/Right-Arrow-Red.svg); background-repeat: no-repeat; background-size: contain; margin-left: 12px; transition: all ease 0.5s; } .fl-rich-text a, a.arrowlink, .single-post p a, .fl-module-button.arrowlink a.fl-button, .fl-module-button-group.arrowlink a.fl-button{ text-decoration: none; background-image: linear-gradient(var(--red), var(--red)); background-repeat: no-repeat; background-position: bottom left; background-size: 100% 1px; transition: background-size 500ms ease-in-out; display: inline; } .fl-rich-text a:hover, a.arrowlink:hover, .fl-module-button.arrowlink a.fl-button:hover, .single-post p a:hover, .fl-module-button-group.arrowlink a.fl-button:hover{ animation: 0.5s underline; } .fl-module-button.arrowlink a.fl-button:hover span:after, .fl-module-button-group.arrowlink a.fl-button:hover span:after{ margin-left: 23px; } @keyframes underline { from {background-size: 0% 1px;} to {background-size: 100% 1px;} } /*Hero Row*/ .hero-row .fl-row-content-wrap{ overflow: hidden; background-image: linear-gradient(0deg, #000 0%, #60041D 32.21%, #9F070A 65.87%, #8F0889 100%); } .hero-row .hero-img img{ height: 785px; width: auto; max-width: unset; } /*faq*/ .fl-accordion-item{ border-top: 1px solid var(--red); outline: none!important; } .fl-accordion-item:last-child{ border-bottom: 1px solid var(--red); } .fl-accordion-button-label{ font-family: "Public Sans"; font-size: 22px; font-size: 1.38rem; font-style: normal; font-weight: 700; line-height: 34px; line-height: 2.13rem; outline: none!important; } .fl-accordion-button-icon-right{ opacity: 1; } .fl-accordion-button-icon{ outline: none!important; } .fl-accordion-button-icon .fa-plus:before{ content:''; width: 24px; height: 24px; background-image: url(/wp-content/uploads/2025/11/Plus-Icon.svg); background-repeat: no-repeat; background-size: contain; display: block; } .fl-accordion-button-icon .fa-minus:before{ content:''; width: 24px; height: 24px; background-image: url(/wp-content/uploads/2025/11/Mins-Icon.svg); background-repeat: no-repeat; background-size: contain; display: block; } .font-txt{ position: relative; z-index: 1; } .bg-img{ position: absolute; top:0; left: 50%; transform: translateX(-50%); width:630px; } /* Story CPT */ .contributor_title { font-weight: bold; margin-bottom: 40px; font-size: 22px; } .contributor blockquote{ color: #fff; font-size: 36px; font-style: normal; font-weight: 700; line-height: 53px; padding-left: 72px; padding-right: 72px; margin-top: 52px; margin-bottom: 52px; } .contributor iframe { width: 100%; height: 66vh; border-radius:10px; } /* Audio Player */ #page .wp-audio-shortcode { margin-bottom: 50px;} #page .wp-audio-shortcode .mejs-controls { background:#F4F4F4; border-radius:100px; } #page .wp-audio-shortcode .mejs-time { color: #000; } #page .wp-audio-shortcode .mejs-button.mejs-volume-button.mejs-unmute>button { mask-position: -40px 0px; } #page .wp-audio-shortcode .mejs-button.mejs-volume-button>button { mask-position: -60px 0px; } #page .wp-audio-shortcode .mejs-button>button { -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22120%22%20viewBox%3D%220%200%20400%20120%22%3E%3Cstyle%3E.st0%7Bfill%3A%23FFFFFF%3Bwidth%3A16px%3Bheight%3A16px%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A1.5%3Bstroke-linecap%3Around%3B%7D%20.st2%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3B%7D%20.st3%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3B%7D%20.st4%7Bfill%3A%23231F20%3B%7D%20.st5%7Bopacity%3A0.75%3Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A5%3Benable-background%3Anew%3B%7D%20.st6%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A5%3B%7D%20.st7%7Bopacity%3A0.4%3Bfill%3A%23FFFFFF%3Benable-background%3Anew%3B%7D%20.st8%7Bopacity%3A0.6%3Bfill%3A%23FFFFFF%3Benable-background%3Anew%3B%7D%20.st9%7Bopacity%3A0.8%3Bfill%3A%23FFFFFF%3Benable-background%3Anew%3B%7D%20.st10%7Bopacity%3A0.9%3Bfill%3A%23FFFFFF%3Benable-background%3Anew%3B%7D%20.st11%7Bopacity%3A0.3%3Bfill%3A%23FFFFFF%3Benable-background%3Anew%3B%7D%20.st12%7Bopacity%3A0.5%3Bfill%3A%23FFFFFF%3Benable-background%3Anew%3B%7D%20.st13%7Bopacity%3A0.7%3Bfill%3A%23FFFFFF%3Benable-background%3Anew%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M16.5%208.5c.3.1.4.5.2.8-.1.1-.1.2-.2.2l-11.4%207c-.5.3-.8.1-.8-.5V2c0-.5.4-.8.8-.5l11.4%207z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M24%201h2.2c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201H24c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1zm9.8%200H36c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201h-2.2c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M81%201.4c0-.6.4-1%201-1h5.4c.6%200%20.7.3.3.7l-6%206c-.4.4-.7.3-.7-.3V1.4zm0%2015.8c0%20.6.4%201%201%201h5.4c.6%200%20.7-.3.3-.7l-6-6c-.4-.4-.7-.3-.7.3v5.4zM98.8%201.4c0-.6-.4-1-1-1h-5.4c-.6%200-.7.3-.3.7l6%206c.4.4.7.3.7-.3V1.4zm0%2015.8c0%20.6-.4%201-1%201h-5.4c-.6%200-.7-.3-.3-.7l6-6c.4-.4.7-.3.7.3v5.4z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M112.7%205c0%20.6.4%201%201%201h4.1c.6%200%20.7-.3.3-.7L113.4.6c-.4-.4-.7-.3-.7.3V5zm-7.1%201c.6%200%201-.4%201-1V.9c0-.6-.3-.7-.7-.3l-4.7%204.7c-.4.4-.3.7.3.7h4.1zm1%207.1c0-.6-.4-1-1-1h-4.1c-.6%200-.7.3-.3.7l4.7%204.7c.4.4.7.3.7-.3v-4.1zm7.1-1c-.6%200-1%20.4-1%201v4.1c0%20.5.3.7.7.3l4.7-4.7c.4-.4.3-.7-.3-.7h-4.1z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M67%205.8c-.5.4-1.2.6-1.8.6H62c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L67%205.8z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M73.9%202.5s3.9-.8%203.9%207.7-3.9%207.8-3.9%207.8%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M72.6%206.4s2.6-.4%202.6%203.8-2.6%203.9-2.6%203.9%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M47%205.8c-.5.4-1.2.6-1.8.6H42c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L47%205.8z%22%2F%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M52.8%207l5.4%205.4m-5.4%200L58.2%207%22%2F%3E%3Cpath%20class%3D%22st3%22%20d%3D%22M128.7%208.6c-6.2-4.2-6.5%207.8%200%203.9m6.5-3.9c-6.2-4.2-6.5%207.8%200%203.9%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M122.2%203.4h15.7v13.1h-15.7V3.4zM120.8%202v15.7h18.3V2h-18.3z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M143.2%203h14c1.1%200%202%20.9%202%202v10c0%201.1-.9%202-2%202h-14c-1.1%200-2-.9-2-2V5c0-1.1.9-2%202-2z%22%2F%3E%3Cpath%20class%3D%22st4%22%20d%3D%22M146.4%2013.8c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.6.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.7.5-1.6.7-2.5.8zm7.5%200c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.5.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.8.5-1.7.7-2.6.8z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M60.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L30%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L60.3%2077z%22%2F%3E%3Cpath%20class%3D%22st5%22%20d%3D%22M2.5%2079c0-20.7%2016.8-37.5%2037.5-37.5S77.5%2058.3%2077.5%2079%2060.7%20116.5%2040%20116.5%202.5%2099.7%202.5%2079z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M140.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L110%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L140.3%2077z%22%2F%3E%3Cpath%20class%3D%22st6%22%20d%3D%22M82.5%2079c0-20.7%2016.8-37.5%2037.5-37.5s37.5%2016.8%2037.5%2037.5-16.8%2037.5-37.5%2037.5S82.5%2099.7%2082.5%2079z%22%2F%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%22201.9%22%20cy%3D%2247.1%22%20r%3D%228.1%22%2F%3E%3Ccircle%20class%3D%22st7%22%20cx%3D%22233.9%22%20cy%3D%2279%22%20r%3D%225%22%2F%3E%3Ccircle%20class%3D%22st8%22%20cx%3D%22201.9%22%20cy%3D%22110.9%22%20r%3D%226%22%2F%3E%3Ccircle%20class%3D%22st9%22%20cx%3D%22170.1%22%20cy%3D%2279%22%20r%3D%227%22%2F%3E%3Ccircle%20class%3D%22st10%22%20cx%3D%22178.2%22%20cy%3D%2256.3%22%20r%3D%227.5%22%2F%3E%3Ccircle%20class%3D%22st11%22%20cx%3D%22226.3%22%20cy%3D%2256.1%22%20r%3D%224.5%22%2F%3E%3Ccircle%20class%3D%22st12%22%20cx%3D%22225.8%22%20cy%3D%22102.8%22%20r%3D%225.5%22%2F%3E%3Ccircle%20class%3D%22st13%22%20cx%3D%22178.2%22%20cy%3D%22102.8%22%20r%3D%226.5%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M178%209.4c0%20.4-.4.7-.9.7-.1%200-.2%200-.2-.1L172%208.2c-.5-.2-.6-.6-.1-.8l6.2-3.6c.5-.3.8-.1.7.5l-.8%205.1z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M169.4%2015.9c-1%200-2-.2-2.9-.7-2-1-3.2-3-3.2-5.2.1-3.4%202.9-6%206.3-6%202.5.1%204.8%201.7%205.6%204.1l.1-.1%202.1%201.1c-.6-4.4-4.7-7.5-9.1-6.9-3.9.6-6.9%203.9-7%207.9%200%202.9%201.7%205.6%204.3%207%201.2.6%202.5.9%203.8%201%202.6%200%205-1.2%206.6-3.3l-1.8-.9c-1.2%201.2-3%202-4.8%202z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M183.4%203.2c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5z%22%2F%3E%3C%2Fsvg%3E); mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22120%22%20viewBox%3D%220%200%20400%20120%22%3E%3Cstyle%3E.st0%7Bfill%3A%23FFFFFF%3Bwidth%3A16px%3Bheight%3A16px%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A1.5%3Bstroke-linecap%3Around%3B%7D%20.st2%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3B%7D%20.st3%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3B%7D%20.st4%7Bfill%3A%23231F20%3B%7D%20.st5%7Bopacity%3A0.75%3Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A5%3Benable-background%3Anew%3B%7D%20.st6%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A5%3B%7D%20.st7%7Bopacity%3A0.4%3Bfill%3A%23FFFFFF%3Benable-background%3Anew%3B%7D%20.st8%7Bopacity%3A0.6%3Bfill%3A%23FFFFFF%3Benable-background%3Anew%3B%7D%20.st9%7Bopacity%3A0.8%3Bfill%3A%23FFFFFF%3Benable-background%3Anew%3B%7D%20.st10%7Bopacity%3A0.9%3Bfill%3A%23FFFFFF%3Benable-background%3Anew%3B%7D%20.st11%7Bopacity%3A0.3%3Bfill%3A%23FFFFFF%3Benable-background%3Anew%3B%7D%20.st12%7Bopacity%3A0.5%3Bfill%3A%23FFFFFF%3Benable-background%3Anew%3B%7D%20.st13%7Bopacity%3A0.7%3Bfill%3A%23FFFFFF%3Benable-background%3Anew%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M16.5%208.5c.3.1.4.5.2.8-.1.1-.1.2-.2.2l-11.4%207c-.5.3-.8.1-.8-.5V2c0-.5.4-.8.8-.5l11.4%207z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M24%201h2.2c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201H24c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1zm9.8%200H36c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201h-2.2c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M81%201.4c0-.6.4-1%201-1h5.4c.6%200%20.7.3.3.7l-6%206c-.4.4-.7.3-.7-.3V1.4zm0%2015.8c0%20.6.4%201%201%201h5.4c.6%200%20.7-.3.3-.7l-6-6c-.4-.4-.7-.3-.7.3v5.4zM98.8%201.4c0-.6-.4-1-1-1h-5.4c-.6%200-.7.3-.3.7l6%206c.4.4.7.3.7-.3V1.4zm0%2015.8c0%20.6-.4%201-1%201h-5.4c-.6%200-.7-.3-.3-.7l6-6c.4-.4.7-.3.7.3v5.4z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M112.7%205c0%20.6.4%201%201%201h4.1c.6%200%20.7-.3.3-.7L113.4.6c-.4-.4-.7-.3-.7.3V5zm-7.1%201c.6%200%201-.4%201-1V.9c0-.6-.3-.7-.7-.3l-4.7%204.7c-.4.4-.3.7.3.7h4.1zm1%207.1c0-.6-.4-1-1-1h-4.1c-.6%200-.7.3-.3.7l4.7%204.7c.4.4.7.3.7-.3v-4.1zm7.1-1c-.6%200-1%20.4-1%201v4.1c0%20.5.3.7.7.3l4.7-4.7c.4-.4.3-.7-.3-.7h-4.1z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M67%205.8c-.5.4-1.2.6-1.8.6H62c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L67%205.8z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M73.9%202.5s3.9-.8%203.9%207.7-3.9%207.8-3.9%207.8%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M72.6%206.4s2.6-.4%202.6%203.8-2.6%203.9-2.6%203.9%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M47%205.8c-.5.4-1.2.6-1.8.6H42c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L47%205.8z%22%2F%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M52.8%207l5.4%205.4m-5.4%200L58.2%207%22%2F%3E%3Cpath%20class%3D%22st3%22%20d%3D%22M128.7%208.6c-6.2-4.2-6.5%207.8%200%203.9m6.5-3.9c-6.2-4.2-6.5%207.8%200%203.9%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M122.2%203.4h15.7v13.1h-15.7V3.4zM120.8%202v15.7h18.3V2h-18.3z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M143.2%203h14c1.1%200%202%20.9%202%202v10c0%201.1-.9%202-2%202h-14c-1.1%200-2-.9-2-2V5c0-1.1.9-2%202-2z%22%2F%3E%3Cpath%20class%3D%22st4%22%20d%3D%22M146.4%2013.8c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.6.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.7.5-1.6.7-2.5.8zm7.5%200c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.5.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.8.5-1.7.7-2.6.8z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M60.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L30%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L60.3%2077z%22%2F%3E%3Cpath%20class%3D%22st5%22%20d%3D%22M2.5%2079c0-20.7%2016.8-37.5%2037.5-37.5S77.5%2058.3%2077.5%2079%2060.7%20116.5%2040%20116.5%202.5%2099.7%202.5%2079z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M140.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L110%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L140.3%2077z%22%2F%3E%3Cpath%20class%3D%22st6%22%20d%3D%22M82.5%2079c0-20.7%2016.8-37.5%2037.5-37.5s37.5%2016.8%2037.5%2037.5-16.8%2037.5-37.5%2037.5S82.5%2099.7%2082.5%2079z%22%2F%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%22201.9%22%20cy%3D%2247.1%22%20r%3D%228.1%22%2F%3E%3Ccircle%20class%3D%22st7%22%20cx%3D%22233.9%22%20cy%3D%2279%22%20r%3D%225%22%2F%3E%3Ccircle%20class%3D%22st8%22%20cx%3D%22201.9%22%20cy%3D%22110.9%22%20r%3D%226%22%2F%3E%3Ccircle%20class%3D%22st9%22%20cx%3D%22170.1%22%20cy%3D%2279%22%20r%3D%227%22%2F%3E%3Ccircle%20class%3D%22st10%22%20cx%3D%22178.2%22%20cy%3D%2256.3%22%20r%3D%227.5%22%2F%3E%3Ccircle%20class%3D%22st11%22%20cx%3D%22226.3%22%20cy%3D%2256.1%22%20r%3D%224.5%22%2F%3E%3Ccircle%20class%3D%22st12%22%20cx%3D%22225.8%22%20cy%3D%22102.8%22%20r%3D%225.5%22%2F%3E%3Ccircle%20class%3D%22st13%22%20cx%3D%22178.2%22%20cy%3D%22102.8%22%20r%3D%226.5%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M178%209.4c0%20.4-.4.7-.9.7-.1%200-.2%200-.2-.1L172%208.2c-.5-.2-.6-.6-.1-.8l6.2-3.6c.5-.3.8-.1.7.5l-.8%205.1z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M169.4%2015.9c-1%200-2-.2-2.9-.7-2-1-3.2-3-3.2-5.2.1-3.4%202.9-6%206.3-6%202.5.1%204.8%201.7%205.6%204.1l.1-.1%202.1%201.1c-.6-4.4-4.7-7.5-9.1-6.9-3.9.6-6.9%203.9-7%207.9%200%202.9%201.7%205.6%204.3%207%201.2.6%202.5.9%203.8%201%202.6%200%205-1.2%206.6-3.3l-1.8-.9c-1.2%201.2-3%202-4.8%202z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M183.4%203.2c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5z%22%2F%3E%3C%2Fsvg%3E); mask-repeat: no-repeat; background-color: #000 !important; mask-position: 0px 0px; background-repeat: no-repeat; background-position: 1000px; transition: initia !important; } #page .mejs-controls .mejs-button:hover button {background-color: #000 !important; } #page .mejs-controls .mejs-playpause-button.mejs-pause>button { mask-position: -20px 0px; background-color: #000 !important; } #page .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #A5A5A5; } #page .mejs-controls .mejs-time-rail .mejs-time-current { background: linear-gradient(270deg, #EC2128 34.14%, #8F0889 100%), linear-gradient(0deg, #F4F4F4 0%, #F4F4F4 100%), #D9D9D9; } #page .mejs-controls .mejs-time-rail .mejs-time-total { border-radius: 100px; overflow: hidden; } #content .mejs-container:not(.mejs-video) a { display: none !important; } #content .mejs-container:not(.mejs-video) { margin-bottom: 40px; } /* Images */ .contributor_images { display: flex; gap: 10px; flex-wrap: wrap; } img.contributor_image { border-radius: 10px; width: calc(50% - 5px); object-fit: cover; height: 66vh; } img.contributor_image:nth-child(3n+1) { width: 100%; } .contributor_text {margin-bottom:50px;} .story_button_back:before { content:""; background:url(/wp-content/uploads/2025/11/arrow_left.svg) center center / contain no-repeat; width:17px; height:13px; display:inline-block; margin-right:10px; } .story_button_back { color:#fff !important; } .story_share .uabb-ss-wrap:before { content:"Share"; display:inline-block; color:#EC2128; margin-right:6px; font-size: 16px; font-style: normal; font-weight: 400; } .story_share .uabb-ss-column-auto .uabb-ss-wrap { align-items: center; } .story_tag { margin: 0 !important;} .story_tag p { background:#EC2128; font-family: Barlow; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; /* 157.143% */ color:#fff; border-radius: 4px; display:inline-block; padding:4px 16px; } /*************/ /* Interface */ /*************/ .site-header .site-title-wrap .custom-logo { width: 289px; } .site-header .site-identity { padding: 0; display: flex; align-items: center; justify-content: space-between; } .site-header .titles-wrap { display:none;} .top-navigation-right { margin-left: auto; } .site-header { padding: 16px; } .site-header .container { display: block; padding: 0 72px; } .site-identity .main-navigation ul { display: flex; gap: 10px; padding: 0; align-items: center; justify-content: flex-end; } .main-navigation ul li { padding: 0; } .site-header .sub-menu::before { display:none !important; } .main-navigation .menu_memorial a { margin: 0; font-family: "Public Sans"; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal; border-radius: 10px; background: #EC2128; padding: 20px 24px; transition:all .25s ease; color:#fff !important; } .main-navigation .menu_memorial a:hover { transform:scale(1.05); color:#fff; } .main-navigation .menu_share a{ margin: 0; font-family: "Public Sans"; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal; border-radius: 10px; border:1px solid #fff; padding: 20px 24px; transition:all .25s ease; } .main-navigation .menu_share a:hover { transform:scale(1.05); } .main-navigation .menu_memorial { min-width: 225px; } .main-navigation .menu_share { min-width: 217px; } .main-navigation ul li a { margin: 0; padding:13px; color: #FFF; font-family: "Public Sans"; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal; } .top-navigation-right { max-width: 100%; } .main-navigation .menu_part >a {display:none;} .main-navigation .menu_part >.sub-menu { margin: 0 !important; width: 100%; position: initial; background:transparent; animation: none; } .main-navigation li ul li { width:initial; min-width: 90px; } .main-navigation li ul a, .main-navigation li ul li a { padding: 15px 13px; margin: 0; color: #fff; border: 0; font-family: "Public Sans"; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal; } .main-navigation li.partA ul li a:hover { color:#EC2128; } /**************/ /**************/ /* Responsive */ /**************/ /**************/ /* Desktop */ @media screen and (max-width: 1366px) { /***********************************************/ /* Full Width Breakout honoring wrapper-left */ /***********************************************/ /* .fullwidth.marginleft > div, .fullwidth .marginleft { padding-left: calc( (var(--viewportWidth) - (1366px - (var(--content-padding) * 2))) / 2);} */ /* .fullwidth.marginright > div, .fullwidth .marginright { padding-right: calc( (var(--viewportWidth) - (1366px - (var(--content-padding) * 2))) / 2);} */ :root { --content-padding: 60px; } /***********************************************/ /* Full Width Breakout honoring wrapper-left */ /***********************************************/ .fullwidth.marginleft > div, .fullwidth .marginleft { padding-left: var(--content-padding);} .fullwidth.marginright > div, .fullwidth .marginright { padding-right: var(--content-padding);} .site-identity .main-navigation #menu-main-menu-1 { flex-wrap: wrap; justify-content: flex-end; max-width: 470px; display: grid; grid-template-columns: 1fr 1fr; } .main-navigation .menu_part >.sub-menu { display: grid; } .main-navigation .menu_part.partA >.sub-menu { grid-template-columns: 1fr 1fr; } } /* Tablet */ @media only screen and (max-width: 1236px) { .main-navigation #menu-main-menu-1 { } } /* Tablet */ /* @media only screen and (max-width: 992px) { */ @media only screen and (max-width: 1000px) { :root { --content-padding: 36px; } /**************/ /* TYPOGRAPHY */ /**************/ h1, .h1, .h1 p, .h1 .fl-heading { font-size: 56px; font-size: 3.5rem; line-height: 70px; line-height: 4.38rem; } h2, .h2, .h2 p, .h2 .fl-heading { font-size: 42px; font-size: 2.63rem; line-height: 50px; line-height: 3.13rem; } h3, .h3, .h3 p, .h3 .fl-heading { font-size: 33px; font-size: 2.06rem; line-height: 40px; line-height: 2.5rem; } h4, .h4, .h4 p, .h4 .fl-heading { font-size: 26px; font-size: 1.63rem; line-height: 32px; line-height: 2rem; } .large, p.large, p .large, .large p, .large ol, ol.large, .large ul, ul.large { font-size: 21px; font-size: 1.31rem; line-height: 33px; line-height: 2.06rem; } blockquote p { font-size: 30px; font-size: 1.88rem; line-height: 44px; line-height: 2.75rem; } .hero-row .hero-img img{ height: 640px; width: auto; max-width: unset; position: relative; left:-90px; } .bg-img{ width:520px; } header .top-navigation { display: flex; flex-direction: row-reverse; padding: 0 36px; } header .top-navigation .mobile-navigation { background:transparent; } header .top-navigation .mobile-navigation button { width: initial; right: 36px; position: absolute; outline-width: 0; padding: 20px 0px; top: 0; } .site-header { padding: 12px 0; height: 110px; } .site-header .container { padding: 0; position: absolute; left: 36px; } /* .site-header .site-title-wrap .custom-logo {width:146px} */ header .top-navigation .mobile-navigation button span { display: flex; gap: 16px; align-items: center; color: #FFF; font-family: "Public Sans"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px; /* 162.5% */ text-transform: uppercase; } header .top-navigation .mobile-navigation button span .gbi {display:none} header .top-navigation .mobile-navigation .menu-toggle span:nth-child(2) {display:none !important} header .top-navigation .mobile-navigation.toggle-active .menu-toggle span:nth-child(2) { display:flex !important; } .top-navigation .drawer-wrap { position:absolute; left:0; width:100%; top: 110px; top: 98px; } header .top-navigation .mobile-navigation .menu-toggle span, header .top-navigation .mobile-navigation .menu-toggle span:after { transition:all .2s ease; } header .top-navigation .mobile-navigation .menu-toggle span:nth-child(1):after { content:""; width:51px; height:39px; background:url(https://tamstg.wpenginepowered.com/wp-content/uploads/2025/11/menu_hamb_open.svg) center center / contain no-repeat; } header .top-navigation .mobile-navigation .menu-toggle span:nth-child(2):after { content:""; width:51px; height:39px; background:url(https://tamstg.wpenginepowered.com/wp-content/uploads/2025/11/menu_hamb_close.svg) center center / contain no-repeat; transform:rotate(180deg); } .top-navigation .drawer-menu-explore #menu-main-menu { display: flex; flex-direction: column-reverse; } .top-navigation .drawer-menu-explore { background: #3F3A3A; padding: 26px 36px; height: calc(100vh - 108px); } .drawer .drawer-navigation { padding: 0; text-align: center; } .drawer .drawer-navigation #menu-main-menu .menu_part.partB .sub-menu .menu_share a{ margin: 0; font-family: "Public Sans"; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal; border-radius: 10px; border: 1px solid #fff; padding: 20px 24px; transition: all .25s ease; width:100%; margin-top:16px; text-align:center; color:#fff; } .drawer .drawer-navigation #menu-main-menu .menu_part.partB .sub-menu .menu_memorial a{ margin: 0; font-family: "Public Sans"; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal; border-radius: 10px; background: #EC2128; padding: 20px 24px; transition: all .25s ease; color: #fff !important; width:100%; text-align:center; } .drawer .drawer-navigation #menu-main-menu .menu_part.partB .sub-menu { display:flex; flex-wrap: wrap; flex-direction: column-reverse; } .drawer .drawer-navigation #menu-main-menu .menu_part >a {display:none} .drawer .drawer-navigation .sub-menu, .drawer .drawer-navigation .children { display:block; } .drawer .menu-item-has-children .toggle-sub { display:none } .drawer .drawer-navigation ul li { border:0 !important; } .drawer .drawer-navigation li ul a, .drawer .drawer-navigation li ul li a { padding: 15px 0; color: var(--519-Project-Palette-White, #FFF); text-align: center; font-family: "Public Sans"; font-size: 22px; font-style: normal; font-weight: 700; line-height: 34px; } } /* Mobile */ @media only screen and (max-width: 768px) { :root { --content-padding: 18px; --content-padding-top: 16px; --content-padding-bottom: 16px; } /**************/ /* TYPOGRAPHY */ /**************/ h1, .h1, .h1 p, .h1 .fl-heading { font-size: 46px; font-size: 2.88rem; line-height: 53px; line-height: 3.31rem; } h2, .h2, .h2 p, .h2 .fl-heading { font-size: 38px; font-size: 2.38rem; line-height: 44px; line-height: 2.75rem; } h3, .h3, .h3 p, .h3 .fl-heading { font-size: 30px; font-size: 1.88rem; line-height: 36px; line-height: 2.25rem; } h4, .h4, .h4 p, .h4 .fl-heading { font-size: 24px; font-size: 1.5rem; line-height: 30px; line-height: 1.88rem; } .large, p.large, p .large, .large p, .large ol, ol.large, .large ul, ul.large { font-size: 20px; font-size: 1.25rem; line-height: 30px; line-height: 1.88rem; } blockquote p { font-size: 22px; font-size: 1.38rem; line-height: 31px; line-height: 1.94rem; } .hero-row .hero-img img { height: 416px; width: auto; max-width: unset; position: relative; left: unset; right: 18px; top:0; margin-bottom: -145px; } .hero-info-col{ position: relative; z-index: 1; } .bg-img{ width:370px; } .site-header .site-title-wrap .custom-logo { width: 146px; } .site-header { height: 56px; } header .top-navigation { padding: 0 18px; } .site-header .container { left: 18px; top: -4px; } header .top-navigation .mobile-navigation button { right: 18px; padding:0; top: -4px; } .top-navigation .drawer-wrap { top: 44px; } .top-navigation .drawer-menu-explore { height: calc(100vh - 44px); } img.contributor_image { width: 100%; height: 62vh; } header .top-navigation .mobile-navigation button { transform: scale(0.75); transform-origin: right; } }