/* Theme Name: Studio Simpatico Theme URI: http://www.studiosimpati.co/ Description: This custom WordPress theme was designed and developed with love by Studio Simpatico. Author: Studio Simpatico Author URI: http://www.studiosimpati.co/ Version: 1.0 */ /***************************************************************************************************************************************************************************************/ /*HTML5 BOILERPLATE MINIFIED*/ /***************************************************************************************************************************************************************************************/ *{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;}canvas{display:inline;}video{display:inline;}audio:not([controls]){display:none}[hidden]{display:none}html{color:#222;font-family:sans-serif;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button{-webkit-appearance:button;color:#222;cursor:pointer;font-family:sans-serif;font-size:100%;line-height:normal;margin:0;overflow:visible;vertical-align:middle}input{color:#222;font-family:sans-serif;font-size:100%;line-height:normal;margin:0;vertical-align:middle}select{color:#222;font-family:sans-serif;font-size:100%;margin:0;vertical-align:middle}textarea{color:#222;font-family:sans-serif;font-size:100%;margin:0;overflow:auto;resize:vertical;vertical-align:top}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{bottom:-.25em;font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;top:-.5em;vertical-align:baseline}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;padding:0;white-space:normal}input[type="button"]{-webkit-appearance:button;cursor:pointer;overflow:visible}input[type="reset"]{-webkit-appearance:button;cursor:pointer;overflow:visible}input[type="submit"]{-webkit-appearance:button;cursor:pointer;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;height:13px;padding:0;width:13px}input[type="radio"]{box-sizing:border-box;height:13px;padding:0;width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0} /***************************************************************************************************************************************************************************************/ /*BODY STYLES*/ /***************************************************************************************************************************************************************************************/ :root { --white: #fff; --light-gray: #F3F6F7; --mid-gray: #DDE0E4; --mid-gray-hover: #c9cbce; --black: #000; --bright-blue-dark: #18C0FF; --bright-blue-light: #00A3E0; --slate-blue: #4F6F9F; --slate-blue-dark: #B4D1FF; --slate-blue-light: #80AFF6; --slate-blue-medium: #899BCF; --pale-blue: #EDF0F8; --mid-blue: #2C5697; --dark-blue: #002E65; --midnight-blue: #0E223E; --blue-black: #0D1F38; --blue-tint: #889ace26; --pink: #E10267; --dark-pink: #C10761; --yellow: #FFDD00; --body-font: 'Inter', Arial, Helvetica, sans-serif; --heading-font: 'Inter', Arial, Helvetica, sans-serif; --container-width: 90vw; --container-max-width: 1600px; --container-outer-padding: 50px; --container-outer-margin: calc((100vw - var(--container-width)) / 2); --viewport-edge: calc((var(--container-outer-margin) + var(--container-outer-padding)) * -1); --gap: 40px; --grid: repeat(12, minmax(0,1fr)); --module-spacing-small: 64px; --module-spacing-medium: 80px; --module-spacing-large: 120px; --module-spacing-xlarge: 160px; --text-spacing-xxsmall: 8px; --text-spacing-xsmall: 16px; --text-spacing-small: 24px; --text-spacing-medium: 32px; --text-spacing-large: 40px; --text-spacing-xlarge: 48px; --text-spacing-xxlarge: 56px; --announcement-bar-height: 0px; --header-height: 93px; --top-offset: 0px; } html { background: var(--white) !important; font-size: 100%; } :root:has(.simpatico-announcement-bar) { --announcement-bar-height: 38px; } body { background: var(--white); color: var(--black); font: 1rem var(--body-font); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } body:has(#wpadminbar) { --top-offset: 32px; } body #wrapper { min-height: unset; } body #content { margin-top: calc(var(--announcement-bar-height, 0px) + 32px + var(--header-height, 93px)); overflow-x: clip; } body #content section:last-child:not(.block-big-cta) { padding-bottom: var(--module-spacing-medium); margin-top: var(--module-spacing-medium); } body.page-id-74511 #content section:last-child:not(.block-big-cta) { margin-top: 0 !important; } button { transition: all .25s ease; } .accessibility, .hidden_label > label { backface-visibility: hidden; left: -999999999px; opacity: 0; position: absolute; } .medium-only, .tablet-only, .mobile-only { display: none !important; } .simpatico-container { clear: both; margin: 0 auto; max-width: var(--container-max-width); padding: 0 var(--container-outer-padding); position: relative; width: var(--container-width); } /* .simpatico-container.wide { max-width: calc(var(--container-max-width) + (42px * 2)); width: calc(var(--container-width) + (42px * 2)); } */ .simpatico-flex-container, #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-us, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-us, ul.dropdown-three-column .tertiary-menu.style-europe { display: flex; flex-wrap: wrap; justify-content: space-between; } .simpatico-grid { display: grid !important; gap: var(--gap); grid-template-columns: var(--grid); } h1, .heading-1, h2, .heading-2, h3, .heading-3, h4, .heading-4, h5, .heading-5, h6, .heading-6, .subhead, .page-title, #content .richtext h1, #content .richtext h2, #content .richtext h3, #content .richtext h4, #content .richtext h5, #content .richtext h6 { color: var(--black); font-family: var(--heading-font); font-weight: 400; letter-spacing: 0; margin: 0; } h1, .heading-1, .page-title, #content .richtext h1 { font-size: calc(78rem / 16); font-weight: 900; line-height: calc(92 / 78); } h1.small, .heading-1.small, .page-title.small { font-size: calc(60rem / 16); line-height: calc(70 / 60); } h2, .heading-2 { font-size: calc(44rem / 16); font-weight: 900; line-height: calc(52 / 44); } #content .richtext h2 { font-size: calc(40rem / 16); line-height: calc(48 / 40) } h3, .heading-3, #content .richtext h3 { font-size: calc(32rem / 16); line-height: calc(42 / 32); } #content .richtext h2 { font-weight: 900; } h4, .heading-4, h5, .heading-5, #content .richtext h4, #content .richtext h5, #content .block-article .richtext h4, #content .block-article .richtext h5 { font-size: calc(24rem / 16); font-weight: 400; line-height: calc(32 / 24); } #content .richtext h4, #content .block-article .richtext h4 { font-size: calc(28rem / 16); line-height: calc(38 / 28); } h5.semi-bold, .heading-5.semi-bold { font-weight: 600; } h4, .heading-4, #content .richtext h4, #content .block-article .richtext h4 { font-weight: 900; } h6, h6.small, .heading-6, .heading-6.small, #content .richtext h6 { font-size: calc(22rem/16); font-weight: 900; line-height: calc(28/22); } #content .richtext h2, #content .richtext h3, #content .richtext h4, #content .richtext h5, #content .richtext h6, #content .block-article .richtext h4, #content .block-article .richtext h5 { font-weight: 900; } .subhead { font-size: calc(18rem/16); line-height: calc(24/18); } .subhead.small { font-size: 1rem; line-height: calc(22/16); } .stat { font-size: calc(52rem / 16); font-weight: 900; letter-spacing: -1.6px; line-height: calc(54 / 52); } .stat.large { font-size: calc(64rem / 16); letter-spacing: -2px; line-height: calc(58 / 64); } /*Global Breakpoint Transitions*/ * { font-family: var(--body-font) !important; transition: all .35s; } /*Article Block Headings*/ #content .richtext h2 { margin: 0 0 var(--text-spacing-small); } #content .richtext h3 { margin: 0 0 var(--text-spacing-xsmall); } #content .richtext h4, #content .richtext h5, #content .richtext h6 { margin: 0 0 var(--text-spacing-xxsmall); } #content .richtext * + h2, #content .richtext * + h3 { margin-top: var(--text-spacing-xlarge); } #content .richtext * + h4 { margin-top: var(--text-spacing-large); } #content .richtext * + h5, #content .richtext * + h6 { margin-top: var(--text-spacing-medium); } .richtext h1:last-child, .richtext h2:last-child, .richtext h3:last-child, .richtext h4:last-child, .richtext h5:last-child, .richtext h6:last-child { margin-bottom: var(--text-spacing-xsmall) !important; } /*End Article Block Headings*/ p, ul, ol, .paragraph, body.single-events #content .richtext p, body.single-events #content .richtext ul, body.single-events #content .richtext ul li, body.single-events #content .richtext ol { font-family: var(--body-font); font-size: calc(16rem / 16); letter-spacing: -0.15px !important; line-height: calc(25 / 16); } p.large, ul.large, ol.large, .tag-hero p, .block-statement .text-content p, .block-statement .text-content ul, .block-statement .text-content ol, .large-text p, .large-text ul, .large-text ol, .paragraph-large { font-family: var(--body-font); font-size: calc(20rem / 16); letter-spacing: -0.2px !important; line-height: calc(31 / 20); } p.small, ul.small, ol.small, figcaption, .block-newsletter-signup .signup-container form p, p.medium, ul.medium, ol.medium, .block-overview .text-content p, .block-overview .text-content ul, .block-overview .text-content ol, .block-text-image .text-content p, .block-text-image .text-content ul, .block-text-image .text-content ol, .block-info-cards .description > *, .small-text p, .small-text ul, .small-text ol, .block-map .simpatico-container .map-nav .map-btn { font-size: calc(16rem / 16); letter-spacing: 0.1px !important; line-height: calc(24 / 16); } p.xsmall, ul.xsmall, ol.xsmall, .block-overview figcaption, .block-accordion-timeline .content .media-caption p, .xsmall-text p, .xsmall-text ul, .xsmall-text ol { font-size: calc(13rem / 16); letter-spacing: 0.1px !important; line-height: calc(20 / 13); } .single-post #content .richtext p:not(.para-1):not(.para-3), .single-announcements #content .richtext p:not(.para-1):not(.para-3), body:not(.single-events) #content .richtext p, body:not(.single-events) #content .richtext ul, body:not(.single-events) #content .richtext ul li, body:not(.single-events) #content .richtext ol, body:not(.single-events) #content .richtext ol li, p.large-ish, ul.large-ish, ol.large-ish { font-family: var(--body-font); font-size: calc(20rem / 16); line-height: calc(32 / 20); } #content .richtext ul { padding-left: var(--text-spacing-xsmall); } #content .richtext ol { margin: var(--text-spacing-xsmall) 0 var(--text-spacing-small); padding-left: 0; } #content .richtext ul:not(:first-child) { margin-top: unset; } #content .richtext ul li:before { aspect-ratio: 1; height: auto; width: 5px; } #content .richtext ul li:not(:last-child) { padding-bottom: 0; } #content .richtext ul li + li { margin-top: var(--text-spacing-xxsmall); } blockquote, blockquote + cite, .citation { color: var(--black); padding: 0 0 0 48px; } blockquote { font: 400 calc(30rem / 16)/calc(38 / 30) var(--body-font); font-style: normal; letter-spacing: -0.8px !important; margin: 0; position: relative; } blockquote:before { background: url('data:image/svg+xml;utf8,'); color: var(--black); content: ''; display: block; font: 900 calc(80rem / 16)/calc(96 / 80) var(--body-font); height: 24px; left: 0; position: absolute; top: 0; width: 32px; } cite { display: flex; flex-direction: column; font: 400 calc(16rem / 16)/calc(24 / 16) var(--body-font); font-style: normal; gap: 0; letter-spacing: -0.15px; } blockquote + cite, .citation { margin: var(--text-spacing-small) 0 0; } cite .name { font-weight: 700; } .citation { align-items: center; display: flex; gap: var(--text-spacing-xsmall); } figcaption { font-family: var(--body-font); } .simpatico-caption, .block-article .img-caption { font: 400 calc(13rem/16)/calc(18/13) var(--body-font) !important; letter-spacing: .1px; } .btn-primary, .btn-secondary, .btn-tertiary, .sub-menu.single-dropdown .fancy-button, .block-newsletter-signup .signup-container button[type="submit"], .footer-newsletter form button[type="submit"] { background: none; border: none; display: inline-block; font: 700 calc(16rem/16)/calc(22/16) var(--heading-font); letter-spacing: -0.2px; text-decoration: none; text-transform: capitalize; transition: all 0.25s ease; } .btn-primary:focus { background-color: var(--dark-pink) !important; border-color: unset !important; box-shadow: unset !important; } .btn-primary, .block-newsletter-signup .signup-container button[type="submit"], .footer-newsletter form button[type="submit"], .gravity-theme .gform_button { background: var(--pink); border-radius: 60px; height: max-content; letter-spacing: .5px; padding: 10px 20px 12px 24px; text-transform: uppercase; } .btn-primary:after, .btn-secondary:after, .btn-tertiary:after, .btn-primary.alt span:after, .btn-secondary.alt span:after, .btn-tertiary.alt span:after, .block-newsletter-signup .signup-container button[type="submit"]:after, .footer-newsletter form button[type="submit"]:after, .icon.circled-arrow:after { background: url('svgs/icon-button-chevron.svg') no-repeat center/100% auto; content: ''; display: inline-block; height: 24px; margin-top: 4px; transition: background .25s ease, transform .25s ease; vertical-align: -8px; width: 24px; } .btn-primary:hover::after, .btn-secondary:hover::after, .btn-hover:hover .btn-tertiary:after, a:hover .btn-tertiary::after, .btn-primary.alt:hover span:after, .btn-secondary.alt:hover span:after, .btn-tertiary.alt:hover span:after, .block-newsletter-signup .signup-container button[type="submit"]:hover:after, .footer-newsletter form button[type="submit"]:hover:after, .block-images-two-large .item a:hover .btn-secondary span:after, .block-home-latest-announcements .news-item:hover .btn-secondary span:after, .block-countries .country a:hover .btn-secondary span:after, .block-crisis .item .item-content:hover .btn-secondary span:after, .block-home-featured-3images .image-link:hover .btn-secondary span:after, .block-home-top-featured .additional-articles .article-link:hover .btn-secondary span:after, .block-events .featured-item a:hover .btn-secondary span:after, .block-events .event-item a:hover .event-info .btn-secondary span:after, .block-news-list .news-item a:hover .news-info .btn-secondary span:after, .block-related-news .news-item:hover .btn-secondary span:after, .block-images-three-medium .image-block:hover .text-content .btn-secondary span:after, .block-intro-five .primary-post a:hover .btn-primary span:after, .block-intro-five .secondary-posts a:hover .btn-secondary span:after, .block-the-latest .post-item:hover .btn-secondary span:after, .block-images-two-small a.image:hover .btn-secondary span:after { transform: translateX(5px); } .btn-tertiary:hover::after, .btn-tertiary.alt:hover span:after, a:hover .btn-tertiary::after, .block-latest-from-hias .slick-slide a:hover .btn-tertiary:after, .block-info-cards a:hover span:after, .latest-related-news .slick-slide:hover .btn-tertiary.alt span:after, .block-featured-links .main-link:hover .btn-tertiary span:after, .block-featured-statements a:hover .btn-tertiary:after, .block-upcoming-events li a:hover .btn-tertiary:after, .block-images-three-medium .image-block:hover .text-content .btn-secondary span:after, .block-intro-five .secondary-posts a:hover .btn-secondary span:after, .block-the-latest .post-item:hover .btn-secondary span:after, .block-images-two-small a.image:hover .btn-secondary span:after, .block-featured-links .additional-links a:hover .btn-tertiary span:after, .btn-secondary.white.alt:hover span:after, .btn-tertiary.white.alt:hover span:after{ filter: invert(10%) sepia(100%) saturate(5718%) hue-rotate(326deg) brightness(101%) contrast(99%); } .btn-primary:hover, .block-newsletter-signup .signup-container button[type="submit"]:hover, .footer-newsletter form button[type="submit"]:hover, .block-intro-five .primary-post a:hover .btn-primary, a:hover .icon.circled-arrow { background: var(--dark-pink); } .btn-secondary, .btn-tertiary { color: var(--black); } .btn-secondary:hover, .btn-tertiary:hover, a:hover .btn-secondary, a:hover .btn-tertiary, .btn-secondary.white:hover, .btn-tertiary.white:hover, a:hover .btn-secondary.white, a:hover .btn-tertiary.white { color: var(--pink) !important; } .btn-secondary:hover { background: none; } .btn-primary.alt.down-arrow span:after, .btn-secondary.alt.down-arrow span:after { transform: translate3d(0, -1px, 0) rotate(90deg); } .btn-primary.alt.down-arrow:hover span:after, .btn-secondary.alt.down-arrow:hover span:after { transform: translate3d(5px, -1px, 0) rotate(90deg); } .btn-primary.alt:after, .btn-secondary.alt:after, .btn-tertiary.alt:after { display: none; } .btn-primary.alt span, .btn-secondary.alt span, .btn-tertiary.alt span { display: inline-block; position: relative; transition: unset; } .btn-primary.small { font-size: calc(15rem / 16); letter-spacing: -0.2px; line-height: calc(18 / 15); } .btn-secondary.small { font-size: calc(14rem / 16); line-height: calc(22 / 14); } .btn-tertiary { text-transform: none; } .btn-tertiary:after, .btn-tertiary.alt span:after { height: 23px; vertical-align: -7px; width: 23px; } .btn-tertiary.alt.circled-arrow { line-height: calc(28 / 16); } .btn-tertiary.alt.circled-arrow span { padding: 0 44px 0 0; } .icon.circled-arrow { content: unset; display: block; } /* .btn-tertiary.circled-arrow:before, */ .btn-tertiary.alt.circled-arrow span:before, .icon.circled-arrow { background: var(--pink); border-radius: 100%; content: ''; height: 32px; position: absolute; right: 0; top: 50%; transform: translate3d(0, -50%, 0); transition: all 0.25s ease; width: 32px; } /* .btn-tertiary.circled-arrow:after, */ .btn-tertiary.alt.circled-arrow span:after, .icon.circled-arrow:after { background-size: 100%; content: ''; filter: brightness(0) invert(1); height: 23px; margin: unset; position: absolute; right: 4px; top: calc(50% + 1px); transform: translate3d(0, -50%, 0); vertical-align: unset; width: 23px; } .btn-tertiary.alt.circled-arrow:hover span:before, .btn-tertiary.alt.circled-arrow:hover span:after { transform: translate3d(5px, -50%, 0); } .btn-tertiary.alt.circled-arrow.download span:after { aspect-ratio: 1; background-image: url('svgs/icon-download.svg'); height: auto; right: 10px; top: 50%; width: 12px; } .btn-secondary.white, .btn-secondary.white:hover, .btn-tertiary.white, .btn-tertiary.white:hover { color: var(--white); } .btn-primary:after, .btn-secondary.white:after, .btn-tertiary.white:after, .btn-primary.alt span:after, .btn-secondary.white.alt span:after, .btn-tertiary.white.alt span:after { filter: invert(100%) sepia(0%) saturate(7470%) hue-rotate(7deg) brightness(107%) contrast(108%); } .btn-secondary.pink, .btn-tertiary.pink { color: var(--pink); } .btn-secondary.pink:after, .btn-secondary.pink.alt span:after, .btn-tertiary.pink:after, .btn-tertiary.pink.alt span:after, .btn-secondary:hover span:after, .btn-tertiary:not(.circled-arrow):hover span:after, .block-images-two-large .item a:hover .btn-secondary span:after, .block-home-latest-announcements .news-item:hover .btn-secondary span:after, .block-countries .country a:hover .btn-secondary span:after, .block-crisis .item .item-content:hover .btn-secondary span:after, .block-home-featured-3images .image-link:hover .btn-secondary span:after, .block-home-top-featured .additional-articles .article-link:hover .btn-secondary span:after, .block-events .featured-item a:hover .btn-secondary span:after, .block-events .event-item a:hover .event-info .btn-secondary span:after, .block-news-list .news-item a:hover .news-info .btn-secondary span:after, .block-related-news .news-item:hover .btn-secondary span:after { filter: invert(12%) sepia(97%) saturate(6174%) hue-rotate(326deg) brightness(88%) contrast(99%); } .navigation-link, .footer-newsletter form button[type="submit"] { font-size: calc(15rem / 16); /* letter-spacing: -0.2px; */ line-height: calc(18 / 15); } .btn-social { background: rgba(221, 224, 228, 0.50); border-radius: 100%; height: 48px; position: relative; transition: background 0.25s ease; width: 48px; } .btn-social:hover { background: var(--mid-gray-hover); } .btn-social:before { background-repeat: no-repeat; background-size: 100%; content: ''; filter: invert(29%) sepia(13%) saturate(4753%) hue-rotate(187deg) brightness(94%) contrast(86%); height: 18px; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); width: auto; } .btn-social.facebook:before { aspect-ratio: 320 / 512; background-image: url('svgs/fontawesome/facebook-f.svg'); } .btn-social.twitter:before { aspect-ratio: 1; background-image: url('svgs/fontawesome/x-twitter.svg'); } .btn-social.linkedin:before { aspect-ratio: 448 / 512; background-image: url('svgs/fontawesome/linkedin-in.svg'); } .btn-social.instagram:before { aspect-ratio: 448 / 512; background-image: url('svgs/fontawesome/instagram-brands-solid.svg'); } .btn-social.bluesky:before { aspect-ratio: 448 / 512; background-image: url('svgs/fontawesome/bluesky-brands-solid.svg'); } .btn-social.tiktok:before { aspect-ratio: 448 / 512; background-image: url('svgs/fontawesome/tiktok-brands-solid.svg'); } .btn-social.whatsapp:before { aspect-ratio: 448 / 512; background-image: url('svgs/fontawesome/whatsapp.svg'); } .btn-social.link:before { aspect-ratio: 640 / 512; background-image: url('svgs/fontawesome/link-regular.svg'); } .meta { font: 900 calc(8rem/16)/calc(11/8) var(--heading-font); letter-spacing: .4px; text-transform: uppercase; } .eyebrow, .block-announcements-index .pagination-holder nav ul li.item a, .block-announcements-index .pagination-holder nav ul li.item .dots, .block-events .pagination-holder nav ul li.item a, .block-events .pagination-holder nav ul li.item .dots, .block-news-list .pagination-holder nav ul li.item a, .block-news-list .pagination-holder nav ul li.item .dots, .block-publications .pagination-holder nav ul li.item a, .block-publications .pagination-holder nav ul li.item .dots, .block-tagged-page .pagination-holder nav ul li.item a, .block-tagged-page .pagination-holder nav ul li.item .dots, .block-results-page .pagination-holder nav ul li.item a, .block-results-page .pagination-holder nav ul li.item .dots { font-family: var(--heading-font); font-size: calc(15rem / 16); font-weight: 700; letter-spacing: 0; line-height: calc(17 / 15); } .eyebrow.small { font-size: calc(12rem / 16); line-height: calc(16 / 12); } .eyebrow.large { font-size: calc(20rem / 16); font-weight: 900; line-height: calc(24 / 20); } .eyebrow.light { font-weight: 400; } .eyebrow.icon-alert { padding-left: 20px; position: relative; } .eyebrow.icon-alert:before { background: url('svgs/icon-alert-full-yellow.svg') no-repeat; background-size: 100%; content: ''; left: 0; height: 14px; position: absolute; top: 50%; transform: translate3d(0, -50%, 0); width: 14px; } .eyebrow.box { background: var(--midnight-blue); display: flex; max-width: max-content; padding: 5px 10px; } .eyebrow.box.icon-alert { padding-left: 29px; } .eyebrow.box.icon-alert:before { left: 9px; } .bootstrap-mobile { display: none !important; } /***Carousels***/ .slick-carousel, .slick-list, .slick-track { height: 100%; } .slick-list { padding-left: 0 !important; padding-right: 0 !important; } .slick-track { align-items: stretch; display: flex; gap: var(--gap); } .slick-arrow { background: url('svgs/icon-arrow.svg') no-repeat center var(--pink); border: none; border-radius: 100%; font-size: 0px; height: 32px; position: absolute; right: 0; top: 0; text-indent: -99999px; width: 32px; z-index: 9; } .slick-arrow.slick-disabled { cursor: default; opacity: .25; } .slick-arrow.slick-prev { right: var(--text-spacing-large); transform: scale(-1,1); } .slick-arrow:hover:not(.slick-disabled) { background-color: var(--dark-pink); } a.back-to-website-bar-cong-opp { background: transparent; padding: 11px 0 13px; top: 0; z-index: 3; } a.back-to-website-bar-cong-opp .btn-secondary { direction: rtl; } a.back-to-website-bar-cong-opp .btn-secondary::after { filter: invert(0%); transform: rotateY(180deg); } a.back-to-website-bar-cong-opp:hover .btn-secondary::after, a.back-to-website-bar-cong-opp .btn-secondary:hover::after{ filter: invert(10%) sepia(100%) saturate(5718%) hue-rotate(326deg) brightness(101%) contrast(99%) brightness(94%); } /***Gravity Forms***/ .gform_wrapper.gravity-theme .gfield_label, .gform_wrapper.gravity-theme label, .gform_wrapper.gravity-theme legend, form .custom-input .form-label { color: var(--black); font: 600 calc(15rem / 16)/calc(17 / 15) var(--heading-font) !important; letter-spacing: 0; } .gform_wrapper.gravity-theme .gfield_label { font: 700 calc(18rem / 16) / calc(23 / 18) var(--heading-font) !important; } .gform_wrapper.gravity-theme input:not([type=submit]), .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea, form .custom-input input:not([type=submit]), form .custom-input select, form .custom-input textarea, .block-results-page .block-results__search select { background: var(--light-gray); border: none; border-radius: 24px; color: var(--black) !important; font: 400 calc(16rem / 16)/calc(24 / 16) var(--body-font) !important; letter-spacing: -.15px; padding: 13px 24px !important; } .gform_wrapper.gravity-theme input:hover, .gform_wrapper.gravity-theme select:hover, .gform_wrapper.gravity-theme textarea:hover, form .custom-input input:not([type=submit]):hover, form .custom-input select:hover, form .custom-input textarea:hover, .block-results-page .block-results__search select:hover { background: var(--light-gray); } .gform_wrapper.gravity-theme select, .block-results-page .block-results__search select { appearance: none; background: url(svgs/icon-dropdown.svg) no-repeat calc(100% - 24px) center !important; background-color: var(--light-gray) !important; padding: 13px 44px 13px 24px !important; } .gfield_radio, .gfield_checkbox { display: flex; flex-direction: column; gap: 12px; } .gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label { line-height: 120%; } .gravity-theme .gform_button { font: 700 calc(16rem / 16)/calc(22 / 16) var(--heading-font); letter-spacing: -.2px; padding: 14px 24px 14px; text-transform: none; } .gravity-theme .gform_button:hover { background: var(--dark-pink) !important; } .gfield_description { font-style: italic; } .gform-body .gfield h4 { margin-top: var(--text-spacing-small) !important; } /***Fixes***/ .button.accordion-btn, .ui-hover:hover .button.accordion-btn, .ui-hover:hover .button.plus-btn { position: absolute; } .button.accordion-btn .minus { transform: translate3d(0,100%,0); } .button.accordion-btn.active .minus, .ui-hover:hover .button.accordion-btn .minus { transform: translate3d(0,0,0); transition: .24s ease; } /***************************************************************************************************************************************************************************************/ /*HEADER STYLES*/ /***************************************************************************************************************************************************************************************/ /***Announcement Bar***/ .announcement-bar.simpatico-announcement-bar { height: auto; left: 0; min-height: unset !important; padding: 9px 0; position: fixed; top: var(--top-offset); width: 100%; z-index: 4; } .announcement-bar.simpatico-announcement-bar .simpatico-flex-container { align-items: center; gap: 2px 4px; justify-content: flex-start; padding: 0 var(--text-spacing-small); position: relative; } .announcement-bar.simpatico-announcement-bar .simpatico-flex-container:before { background: url(svgs/icon-alert-midnight-blue.svg) no-repeat; background-size: 100%; content: ''; height: 18px; left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 18px; } .announcement-bar.simpatico-announcement-bar h4 { align-items: center; color: var(--midnight-blue); font: 800 calc(16rem / 16)/calc(22 / 16) var(--heading-font); gap: 8px; letter-spacing: -0.2px; margin-right: 0; padding: 0; position: relative; } .announcement-bar.simpatico-announcement-bar h4, .announcement-bar.simpatico-announcement-bar a.btn-secondary { font: 800 calc(11rem / 16)/calc(14 / 11) var(--heading-font); letter-spacing: 0.8px; text-transform: uppercase; } .announcement-bar.simpatico-announcement-bar h4 > span { vertical-align: 1px; } .announcement-bar.simpatico-announcement-bar a.btn-secondary { color: var(--midnight-blue); margin-right: 0; text-decoration: underline; } .announcement-bar.simpatico-announcement-bar a.btn-secondary span { text-decoration: underline; } .announcement-bar.simpatico-announcement-bar a.btn-secondary span:after { height: 18px; margin: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 18px; } .announcement-bar.simpatico-announcement-bar a.button.close-btn { background: url('svgs/close-button-black.svg') no-repeat center !important; background-size: cover; height: 16px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; } .announcement-bar.simpatico-announcement-bar a.close-btn::before, .announcement-bar.simpatico-announcement-bar a.close-btn::after { content: none; } /***Europe - Back to main site***/ .back-to-global + .top-helper-nav { margin-top: 0 !important; } .back-to-global { background: var(--dark-blue); padding: 10px 0; position: relative; top: 32px; width: 100%; } .back-to-global a { color: var(--slate-blue-dark); font: 600 calc(16rem / 16)/calc(25 / 16) var(--body-font); letter-spacing: -0.2px; padding: 0 0 0 30px; position: relative; text-decoration: none; } .back-to-global a:before { background: url(svgs/icon-arrow-back-desktop-light-blue-dark.svg) no-repeat; background-size: 100%; content: ''; height: 16px; left: 0; position: absolute; top: 50%; transform: translate3d(0, -50%, 0); transition: all 0.25s ease; width: 16px; } .back-to-global a:hover:before { transform: translate3d(-5px, -50%, 0); } /***Top Nav***/ .top-helper-nav { background: var(--light-gray); left: 0; padding: 4px 0; position: fixed; top: var(--top-offset); transition: transform 0.25s ease; width: 100%; z-index: 5; } body:has(.sticky-header) .top-helper-nav, body:has(.sticky-header) .simpatico-announcement-bar { transform: translate3d(0, -32px, 0) !important; } .simpatico-announcement-bar + #wrapper .top-helper-nav, .simpatico-announcement-bar + #wrapper header { transform: translate3d(0, var(--announcement-bar-height, 38px), 0); } .top-helper-nav .simpatico-container { align-items: center; display: flex; justify-content: end; gap: var(--text-spacing-small); } .top-helper-nav ul { display: flex; gap: var(--text-spacing-small); list-style: none; margin: 0; padding: 0; } .top-helper-nav .menu > li { display: flex; } #wrapper > .top-helper-nav.empty-weglot ul { margin-right: calc(-1 * var(--text-spacing-small)); } header .top-helper-nav.empty-weglot ul { margin-bottom: calc(-1 * var(--text-spacing-medium)); } .top-helper-nav ul a { color: var(--black); font: 500 calc(12rem/16)/calc(16/12) var(--heading-font); letter-spacing: -0.1px; text-decoration: none; transform: translate3d(0, 0, 0); } .top-helper-nav ul a:hover { color: var(--pink); } /*Language Switcher*/ .top-helper-nav .country-selector.weglot-dropdown { background: none; } .top-helper-nav .country-selector.weglot-dropdown .wgcurrent { background: url('svgs/icon-globe.svg') no-repeat left center; border: none; position: relative; } .top-helper-nav .country-selector.weglot-dropdown .wgcurrent:after { background: url('svgs/icon-dropdown.svg') no-repeat center/100% auto; content: ''; filter: invert(16%) sepia(95%) saturate(430%) hue-rotate(176deg) brightness(98%) contrast(96%); height: 5px; position: absolute; right: 0; top: 7px; transition: all .25s ease; transform: none; width: 8.5px; } .top-helper-nav .country-selector.weglot-dropdown span { color: var(--black); font: 500 calc(12rem/16)/calc(16/12) var(--heading-font); height: auto; padding: 0 11px 0 15px; position: relative; transition: all .25s ease; } .top-helper-nav .country-selector.weglot-dropdown span:hover { color: var(--pink); } /*Search Button*/ .open-search-flyout, .search-flyout form button, header .top-helper-nav.mobile-only form button { background: url('svgs/icon-search.svg') no-repeat center var(--mid-gray); border: none; border-radius: 100%; height: 24px; padding: 0; width: 24px; } .open-search-flyout:hover { background-color: var(--mid-gray-hover); } /*Search Flyout*/ .search-flyout { background: var(--light-gray); display: flex; height: calc(100dvh - var(--top-offset, 0px)); left: 0; opacity: 0; overflow: auto; padding: 40px 0; pointer-events: none; position: fixed; top: var(--top-offset, 0px); transform: translate3d(0, -15px, 0); transition: .25s cubic-bezier(.45,0,.55,1); visibility: hidden; width: 100dvw; z-index: 9999999; } .search-flyout.active { opacity: 1; pointer-events: auto; transform: translate3d(0, 0, 0); visibility: visible; } .search-flyout .container { margin: auto; } .search-flyout .close-flyout { background: url('svgs/icon-close.svg') no-repeat center rgb(14 34 62/.1); border: none; border-radius: 100%; height: 40px; padding: 0; position: absolute; right: 28px; top: 28px; width: 40px; } .search-flyout .close-flyout:hover { background-color: rgb(14 34 62/.2); } .search-flyout h2 { margin-bottom: var(--text-spacing-large) !important; text-align: center; } .search-flyout form, header .top-helper-nav.mobile-only form { align-items: center; background: var(--white); border: 1px solid transparent; border-radius: 30px; display: flex; height: 50px; margin: 0 auto; max-width: 642px; padding: 12px 24px; width: 100%; } .search-flyout form:focus-within, header .top-helper-nav.mobile-only form:focus-within { border-color: var(--dark-blue); } .search-flyout form input, header .top-helper-nav.mobile-only form input { background: none; border: none; color: var(--black); font: 1rem/calc(26/16) var(--body-font); letter-spacing: -0.6px; height: 100%; width: calc(100% - 24px); } .search-flyout form input:focus, header .top-helper-nav.mobile-only form input:focus { border: none; outline: none; } .search-flyout form input::placeholder, header .top-helper-nav.mobile-only form input::placeholder { color: var(--black); opacity: .7; } .search-flyout form button, header .top-helper-nav.mobile-only form button { background-color: transparent; background-size: 100% auto; opacity: 0.5; } .search-flyout form button:hover { opacity: .6; } .search-flyout h3 { margin: 56px 0 20px !important ; text-align: center; } .search-flyout ul { display: grid; gap: var(--gap); grid-template-columns: repeat(4,1fr); list-style: none; margin: 0; padding: 0; } .search-flyout li p { color: var(--midnight-blue); } /***Main Header***/ header { max-height: var(--header-height); left: 0; max-width: 100%; position: fixed; top: calc(32px + var(--top-offset)); transition: transform 0.25s ease; width: 100%; z-index: 4; } .back-to-global ~ header { top: calc(32px + var(--top-offset) + 45px); } header.sticky-header, header.dropdown-open { background: var(--white); color: var(--dark-blue); } header.sticky-header { transform: translate3d(0, -32px, 0) !important; } .back-to-global ~ header.sticky-header { transform: translate3d(0, calc(-32px - 45px), 0) !important; } header .simpatico-container { display: flex; justify-content: space-between; position: initial; } header .logo { align-self: center; height: 44px; width: 162px; } header .logo img { display: block; height: 100%; object-fit: contain; width: 100%; } #menu-new-main-menu, #menu-main-menu-volunteer { align-items: center; display: flex; } #menu-new-main-menu > li, #menu-main-menu-volunteer > li { padding: 0 15px; } #menu-new-main-menu > li:last-child, #menu-main-menu-volunteer > li:last-child { padding-right: 0; } #menu-new-main-menu > li > a, #menu-main-menu-volunteer > li > a { border-bottom: 3px solid transparent; color: var(--black); display: block; font: 700 calc(15rem/16)/calc(18/13) var(--heading-font); letter-spacing: -.2px; padding: 35px 14px 34px 0; position: relative; text-decoration: none; transition: color 0.25s ease, padding 0.25s ease; } #menu-new-main-menu > li:hover > a, #menu-main-menu-volunteer > li:hover > a { border-color: var(--pink); color: var(--black); } #menu-new-main-menu > li > a:after, #menu-main-menu-volunteer > li > a:after { background: url('svgs/icon-dropdown.svg') no-repeat; content: ''; height: 6px; position: absolute; right: 0; top: 41px; transition: all .25s ease; width: 10px; } #menu-new-main-menu > li:hover > a:after, #menu-main-menu-volunteer > li:hover > a:after { transform: rotate(180deg); } /*Donate*/ #menu-new-main-menu > li:last-child > a { background: var(--pink); border: none; border-radius: 24px; color: var(--white); font-weight: 700; letter-spacing: .5px; padding: 14px 24px 14px 26px; text-transform: uppercase; } #menu-new-main-menu > li:last-child > a:hover { background: var(--dark-pink); color: var(--white); } #menu-new-main-menu > li:last-child > a:after { display: inline-block; filter: invert(100%) sepia(0%) saturate(7470%) hue-rotate(7deg) brightness(107%) contrast(108%); margin-left: 4px; position: static; vertical-align: 1px; } /*Color Options*/ header.white #menu-new-main-menu > li > a, header.white #menu-main-menu-volunteer > li > a { color: var(--white); } header.white.dropdown-open #menu-new-main-menu > li:not(:last-child) > a, header.white.dropdown-open #menu-main-menu-volunteer > li:not(:last-child) > a, header.white.sticky-header #menu-new-main-menu > li:not(:last-child) > a, header.white.sticky-header #menu-main-menu-volunteer > li:not(:last-child) > a { color: var(--black); } header.white #menu-new-main-menu > li > a:after, header.white #menu-main-menu-volunteer > li > a:after { filter: brightness(0) invert(1); } header.white.dropdown-open #menu-new-main-menu > li:not(:last-child) > a:after, header.white.dropdown-open #menu-main-menu-volunteer > li:not(:last-child) > a:after, header.white.sticky-header #menu-new-main-menu > li:not(:last-child) > a:after, header.white.sticky-header #menu-main-menu-volunteer > li:not(:last-child) > a:after { filter: unset; } /*Sticky Header*/ header.sticky-header #menu-new-main-menu > li:not(:last-child) > a, header.sticky-header #menu-main-menu-volunteer > li:not(:last-child) > a { padding: 22px 14px 22px 0; } header.sticky-header #menu-new-main-menu > li:not(:last-child) > a:after, header.sticky-header #menu-main-menu-volunteer > li:not(:last-child) > a:after { top: 28px; } /*********Mega Menu*********/ #menu-new-main-menu .sub-menu, #menu-main-menu-volunteer .sub-menu { display: block; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; top: 100%; transition: .25s cubic-bezier(.45,0,.55,1); visibility: hidden; z-index: -2; } #menu-new-main-menu .sub-menu:not(.single-dropdown), #menu-main-menu-volunteer .sub-menu:not(.single-dropdown) { background: var(--dark-blue); color: var(--white); left: 0; max-width: 100vw; padding: var(--module-spacing-medium) 0; width: 100%; } #menu-new-main-menu li:hover .sub-menu, #menu-main-menu-volunteer li:hover .sub-menu { opacity: 1; pointer-events: auto; visibility: visible; z-index: 4; } #menu-new-main-menu .sub-menu .eyebrow, #menu-main-menu-volunteer .sub-menu .eyebrow { color: var(--slate-blue-dark); } #menu-new-main-menu ul.dropdown-three-column ul, #menu-main-menu-volunteer ul.dropdown-three-column ul { display: flex; flex-direction: column; gap: var(--text-spacing-small); } /***Three Column Dropdown***/ #menu-new-main-menu ul.dropdown-three-column, #menu-main-menu-volunteer ul.dropdown-three-column { position: relative; } #menu-new-main-menu ul.dropdown-three-column .secondary-links .btn-primary, #menu-main-menu-volunteer ul.dropdown-three-column .secondary-links .btn-primary { border-radius: 24px; padding: 8px 16px 10px 20px; text-transform: unset; } /***Two Column Dropdown***/ #menu-new-main-menu ul.dropdown-two-column, #menu-main-menu-volunteer ul.dropdown-two-column { /* padding: 0; */ position: relative; } /*Intro*/ #menu-new-main-menu ul.dropdown-three-column .intro, #menu-main-menu-volunteer ul.dropdown-three-column .intro { grid-column: span 3; position: relative; } #menu-new-main-menu ul.dropdown-three-column .intro:before, #menu-main-menu-volunteer ul.dropdown-three-column .intro:before { height: calc(100% + var(--module-spacing-medium) + var(--module-spacing-medium)); top: calc(var(--module-spacing-medium) * -1); width: calc(100% + 74px); z-index: -1; } #menu-new-main-menu ul.dropdown-three-column .intro h2, #menu-main-menu-volunteer ul.dropdown-three-column .intro h2 { color: var(--white); margin-bottom: var(--text-spacing-xxsmall); } #menu-new-main-menu ul.dropdown-three-column .intro p.medium, #menu-main-menu-volunteer ul.dropdown-three-column .intro p.medium { margin: 0 0 var(--text-spacing-small); } /*Secondary Links*/ #menu-new-main-menu ul.dropdown-three-column .secondary-links, #menu-main-menu-volunteer ul.dropdown-three-column .secondary-links { grid-column: 4 / span 4; } #menu-new-main-menu ul.dropdown-two-column .secondary-links, #menu-main-menu-volunteer ul.dropdown-two-column .secondary-links { grid-column: span 3; } ul.dropdown-two-column .secondary-links .alert-link, .top-helper-nav ul .icon-alert a, .footer-nav .footer-link.icon-alert { padding-left: 20px; position: relative; } ul.dropdown-two-column .secondary-links .alert-link::before, .top-helper-nav ul .icon-alert a:before, .footer-nav .footer-link.icon-alert:before { background: url('svgs/icon-alert.svg') no-repeat center var(--yellow); content: ''; left: 0; height: 11px; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); width: 11px; } #menu-new-main-menu ul.dropdown-two-column .secondary-links .btn-primary, #menu-main-menu-volunteer ul.dropdown-two-column .secondary-links .btn-primary { margin-top: 28px; } #menu-new-main-menu ul.dropdown-three-column .secondary-links h3, #menu-new-main-menu ul.dropdown-two-column .secondary-links h3, #menu-main-menu-volunteer ul.dropdown-three-column .secondary-links h3, #menu-main-menu-volunteer ul.dropdown-two-column .secondary-links h3 { margin-bottom: 20px; } #menu-new-main-menu ul.dropdown-three-column .secondary-links > ul, #menu-new-main-menu ul.dropdown-two-column .secondary-links > ul, #menu-main-menu-volunteer ul.dropdown-three-column .secondary-links > ul, #menu-main-menu-volunteer ul.dropdown-two-column .secondary-links > ul { gap: 0; } #menu-new-main-menu ul.dropdown-three-column .secondary-links > ul > li, #menu-new-main-menu ul.dropdown-two-column .secondary-links > ul > li, #menu-main-menu-volunteer ul.dropdown-three-column .secondary-links > ul > li, #menu-main-menu-volunteer ul.dropdown-two-column .secondary-links > ul > li { padding: 13px 0; } #menu-new-main-menu ul.dropdown-three-column .secondary-links li.has-tertiary, #menu-main-menu-volunteer ul.dropdown-three-column .secondary-links li.has-tertiary { padding-right: var(--gap); position: relative; width: calc(100% + var(--gap)); } #menu-new-main-menu ul.dropdown-three-column .secondary-links li.has-tertiary:before, #menu-main-menu-volunteer ul.dropdown-three-column .secondary-links li.has-tertiary:before { background: var(--white); height: 15px; left: calc(100% - 7px); position: absolute; top: 50%; transform: translate3d(0, -50%, 0) rotate(45deg); width: 15px; } #menu-new-main-menu ul.dropdown-three-column .secondary-links li.has-tertiary:hover::before, #menu-main-menu-volunteer ul.dropdown-three-column .secondary-links li.has-tertiary:hover::before { content: ''; } #menu-new-main-menu ul.dropdown-three-column .secondary-links > ul > li > a, #menu-new-main-menu ul.dropdown-two-column .secondary-links > ul > li > a, #menu-main-menu-volunteer ul.dropdown-three-column .secondary-links > ul > li > a, #menu-main-menu-volunteer ul.dropdown-two-column .secondary-links > ul > li > a { line-height: calc(14/14); } /*Carousel/Posts Column*/ #menu-new-main-menu ul.dropdown-three-column .links-carousel, #menu-main-menu-volunteer ul.dropdown-three-column .links-carousel { grid-column: span 5; position: relative; } #menu-new-main-menu ul.dropdown-three-column .links-carousel h3, #menu-main-menu-volunteer ul.dropdown-three-column .links-carousel h3 { margin-bottom: 27px; } #menu-new-main-menu ul.dropdown-three-column .links-carousel .slick-carousel, #menu-main-menu-volunteer ul.dropdown-three-column .links-carousel .slick-carousel { margin-top: -49px; overflow: hidden; padding-top: 50px; } #menu-new-main-menu ul.dropdown-three-column .links-carousel a, #menu-main-menu-volunteer ul.dropdown-three-column .links-carousel a, #menu-new-main-menu ul.dropdown-three-column .links-carousel a:hover, #menu-main-menu-volunteer ul.dropdown-three-column .links-carousel a:hover { color: var(--white); text-decoration: none; } #menu-new-main-menu ul.dropdown-three-column .links-carousel .media, #menu-main-menu-volunteer ul.dropdown-three-column .links-carousel .media { margin-bottom: 12px; } #menu-new-main-menu ul.dropdown-three-column .links-carousel .media img, #menu-main-menu-volunteer ul.dropdown-three-column .links-carousel .media img { aspect-ratio: 271/149; height: auto; object-fit: cover; width: 100%; } #menu-new-main-menu ul.dropdown-three-column .links-carousel h4, #menu-main-menu-volunteer ul.dropdown-three-column .links-carousel h4 { color: var(--white); margin-bottom: 4px; } #menu-new-main-menu ul.dropdown-three-column .links-carousel p, #menu-main-menu-volunteer ul.dropdown-three-column .links-carousel p { margin: 0 0 var(--text-spacing-xsmall); } #menu-new-main-menu .latest-featured-posts, #menu-main-menu-volunteer .latest-featured-posts { grid-column: 5 / span 8; } #menu-new-main-menu .latest-featured-posts .nav-featured-posts, #menu-main-menu-volunteer .latest-featured-posts .nav-featured-posts { display: flex; list-style-type: none; gap: 32px; } #menu-new-main-menu .latest-featured-posts .nav-featured-post, #menu-main-menu-volunteer .latest-featured-posts .nav-featured-post { width: calc((100% - 64px) / 3); } #menu-new-main-menu .latest-featured-posts .nav-featured-post a, #menu-main-menu-volunteer .latest-featured-posts .nav-featured-post a, .search-flyout li a { text-decoration: none; } #menu-new-main-menu .latest-featured-posts .media img, #menu-main-menu-volunteer .latest-featured-posts .media img, .search-flyout li .media img { aspect-ratio: 269 / 152; height: auto; margin-bottom: 16px; max-width: 100%; object-fit: cover; width: 100%; } #menu-new-main-menu .latest-featured-posts .nav-featured-post h4, #menu-new-main-menu .latest-featured-posts .nav-featured-post p, #menu-main-menu-volunteer .latest-featured-posts .nav-featured-post h4, #menu-main-menu-volunteer .latest-featured-posts .nav-featured-post p { color: var(--white); text-decoration: none; } #menu-new-main-menu .latest-featured-posts .nav-featured-post h4, .search-flyout li h4, #menu-main-menu-volunteer .latest-featured-posts .nav-featured-post h4 { margin-bottom: 4px !important; } #menu-new-main-menu .latest-featured-posts .nav-featured-post p, .search-flyout li p, #menu-main-menu-volunteer .latest-featured-posts .nav-featured-post p { margin-bottom: 16px !important; } /***Tertiary Menus***/ #menu-new-main-menu ul.dropdown-three-column .tertiary-menu, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu { align-content: start; background: var(--white); color: var(--dark-blue); left: 100%; opacity: 0; padding: var(--text-spacing-small) var(--text-spacing-large) 0; pointer-events: none; position: absolute; top: 0; visibility: hidden; width: calc(582/1500*100%); z-index: -9; } #menu-new-main-menu ul.dropdown-three-column li:hover > .tertiary-menu, #menu-main-menu-volunteer ul.dropdown-three-column li:hover > .tertiary-menu { pointer-events: auto; opacity: 1; visibility: visible; z-index: 9; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu:not(.has-btn-tertiary), #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu:not(.has-btn-tertiary) { padding-bottom: 50px; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.has-btn-tertiary, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.has-btn-tertiary { padding-bottom: calc(50px + var(--text-spacing-medium)); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu > .btn-tertiary, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu > .btn-tertiary { background: var(--light-gray); bottom: 0; color: var(--black); left: 0; margin: 0; padding: 13px var(--text-spacing-xsmall) 13px var(--text-spacing-small); position: absolute; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu > .btn-tertiary:after, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu > .btn-tertiary:after { filter: none; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu > .btn-tertiary:hover, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu > .btn-tertiary:hover { background: var(--mid-gray); color: var(--pink); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu > .btn-tertiary:hover:after, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu > .btn-tertiary:hover:after { filter: invert(12%) sepia(97%) saturate(6174%) hue-rotate(326deg) brightness(88%) contrast(99%); } /*Image Links*/ #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-images h4, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-images h4 { margin-bottom: var(--text-spacing-small); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-images li a, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-images li a { align-items: flex-start; color: var(--black); text-decoration: none; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-images .media, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-images .media { width: calc(159/449*100%); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-images .media img, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-images .media img { /* aspect-ratio: ; */ height: auto; object-fit: cover; width: 100%; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-images article, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-images article { width: calc(270/449*100%); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-images article .subhead, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-images article .subhead { font-weight: 500; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-images p, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-images p { margin-bottom: 0; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-images span, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-images span { color: var(--pink); display: block; font-family: var(--heading-font); font-weight: bold; margin-top: var(--text-spacing-xxsmall); max-width: max-content; transition: all .25s ease; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-images a:hover span, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-images a:hover span { color: var(--dark-pink); text-decoration: underline; } /*US Tertiary*/ #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-us h4, #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe h4, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-us h4, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe h4 { margin-bottom: var(--text-spacing-medium); width: 100%; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-us ul, #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-us ul, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul { width: calc(50% - 20px); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-us ul:nth-of-type(2) li:not(:last-child), #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:nth-of-type(2) li:not(:last-child), #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-us ul:nth-of-type(2) li:not(:last-child), #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:nth-of-type(2) li:not(:last-child) { border-bottom: 1px solid rgb(44 86 151/ .15); padding-bottom: var(--text-spacing-small); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-us ul:nth-of-type(2) li:last-child, #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:nth-of-type(2) li:last-child, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-us ul:nth-of-type(2) li:last-child, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:nth-of-type(2) li:last-child { padding-top: var(--text-spacing-xxsmall); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-us ul:nth-of-type(2) a, #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:nth-of-type(2) a, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-us ul:nth-of-type(2) a, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:nth-of-type(2) a { color: var(--black); font-weight: 600; text-decoration: none; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-us ul:nth-of-type(2) .btn-tertiary, #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:nth-of-type(2) .btn-tertiary, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-us ul:nth-of-type(2) .btn-tertiary, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:nth-of-type(2) .btn-tertiary { display: block; margin-top: var(--text-spacing-xxsmall); max-width: max-content; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-us .btn-secondary:after, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-us .btn-secondary:after { display: none; } /*Europe Tertiary */ #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe h4, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe h4 { margin-bottom: var(--text-spacing-xsmall); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul { gap: var(--text-spacing-xxsmall); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary { align-items: center; display: flex; font-weight: 800; gap: var(--text-spacing-xxsmall); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary .icon, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary .icon { align-items: center; background: var(--light-gray); border-radius: 100%; display: flex; height: 32px; justify-content: center; transition: all .25s ease; width: 32px; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary:hover .icon, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary:hover .icon { transform: scale(1.15); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary .icon img, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary .icon img { height: auto; width: 18px; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary:after, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary:after { display: none; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary.add-alert:after, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary.add-alert:after { background: url('svgs/icon-alert.svg') no-repeat center var(--yellow); content: ''; display: inline-block; height: 13px; margin-left: 5px; transform: translateY(-2px) rotate(45deg); width: 13px; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary.add-alert:hover::after, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary.add-alert:hover::after { filter: none !important; } /***Single Dropdown***/ body.menu-lightbox:before { background: rgb(0 0 0 /.5); content: ''; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 9999; } body.menu-lightbox header, body.menu-lightbox .top-helper-nav { z-index: 99999; } #menu-new-main-menu li.layout-single-lightbox, #menu-main-menu-volunteer li.layout-single-lightbox { position: relative; } #menu-new-main-menu li.layout-single-lightbox a .alt-title, #menu-main-menu-volunteer li.layout-single-lightbox a .alt-title { display: none; } .sub-menu.single-dropdown { right: 0; padding-top: 20px; width: 256px; } .dropdown-single-lightbox { background: var(--white); padding: 8px; position: relative; width: 100%; } .dropdown-single-lightbox:before { background: var(--white); content: ''; height: 15px; position: absolute; right: 35px; top: -4px; transform: rotate(45deg); width: 15px; z-index: -1; } .sub-menu.single-dropdown .fancy-button { align-items: center; background: var(--pink); color: var(--white); display: flex; gap: var(--text-spacing-xxsmall); padding: 16px 20px 16px 44px; } .sub-menu.single-dropdown .fancy-button:hover { background-color: var(--dark-pink); } .sub-menu.single-dropdown .fancy-button:before { background: url(svgs/icon-heart.svg) no-repeat center rgb(255 255 255/.15); border-radius: 100%; content: ''; display: inline-block; height: 24px; width: 24px; } .sub-menu.single-dropdown li ul { display: flex; flex-direction: column; gap: var(--text-spacing-xsmall); padding: var(--text-spacing-small); } /***************************************************************************************************************************************************************************************/ /*FOOTER STYLES*/ /***************************************************************************************************************************************************************************************/ .new-footer { background: var(--dark-blue); max-width: none; padding: var(--module-spacing-medium) 0; position: relative; width: 100%; } /***Contact Column***/ .new-footer .contact-col { display: flex; flex-direction: column; grid-column: 1 / span 2; position: relative; } .footer-white-logo { /* background: url('svgs/hias-white-logo.svg') no-repeat center; */ background: url('_include/img/hias-logo-white.png') no-repeat center; background-size: contain; display: block; height: 48px; margin-bottom: var(--text-spacing-small); width: 177px; } .footer-social { gap: var(--text-spacing-xxsmall); justify-content: flex-start; margin-bottom: var(--text-spacing-xlarge); } .footer-social .button { background: var(--mid-blue) no-repeat center; background-size: auto 20px; border-radius: 100%; display: block; height: 48px; transition: opacity .3s; width: 48px; } .footer-social .button:hover { opacity: .7; } .footer-social .button.facebook { background-image: url('svgs/facebook-white.svg') !important; } .footer-social .button.twitter { background-image: url('svgs/x-logo-white.svg') !important; background-size: auto 16px; } .footer-social .button.linkedin { background-image: url('svgs/linkedin-white.svg') !important; background-position: 50% calc(50% - 2px); } .footer-social .button.instagram { background-image: url('svgs/instagram-white.svg') !important; background-position: 50% calc(50% + 1px); } .footer-social .button.tiktok { background-image: url('svgs/tiktok-white.svg') !important; background-position: 50% calc(50% + 0); } .footer-social .button.youtube { background-image: url('svgs/youtube-white.svg') !important; background-position: 50% calc(50% + 0); } .footer-social .button.bluesky { background-image: url('svgs/Bluesky_Logo.svg') !important; background-position: 50% calc(50% + 0); } .footer-address { margin-bottom: 20px; } .footer-address h3, .footer-address p { color: var(--white); font-size: calc(13rem / 16); font-weight: 700; line-height: calc(18 / 13); letter-spacing: 0.1px; margin-bottom: 4px; } .footer-address h3:last-child, .footer-address p:last-child { margin-bottom: 0 !important; } .footer-address p { font-weight: 400; margin-bottom: var(--text-spacing-small) !important; } .footer-address p:nth-of-type(odd) { margin-bottom: 4px !important; } .footer-address a { text-decoration: none !important; } .footer-logos .footer-logo-link { display: block; } .footer-logos { gap: var(--text-spacing-xsmall); justify-content: flex-start; margin-top: auto; } .footer-logos .footer-logo-link img { max-height: 55px; max-width: 65px; object-fit: contain; width: max-content; } /***Right Col***/ .new-footer .right-col { grid-column: 4 / -1; position: relative; } .new-footer .right-col .simpatico-grid { display: grid; gap: 0 var(--gap); grid-template-columns: repeat(9, 1fr); } /* Footer Header */ .footer-header { border-bottom: 1px solid rgb(255 255 255 / 0.15); margin-bottom: var(--text-spacing-xxlarge); padding-bottom: var(--text-spacing-xxlarge); } .footer-header-content { display: flex; gap: var(--gap); } .footer-header article { width: calc(510 / 950 * 100%); } .footer-header .heading-6 { color: var(--white); font-weight: 900; margin-bottom: 24px; } .footer-header .btn-primary { margin: var(--text-spacing-xsmall) 0 0; width: fit-content; } .footer-header .footer-chart { align-items: center; flex-wrap: nowrap; gap: var(--text-spacing-small); grid-column: 6 / span 4; justify-content: flex-start; } .footer-chart .chart-container, .footer-chart .chart-container canvas, #doughnut-chartcanvas-1 { display: block; height: 127px !important; max-height: 127px; max-width: 127px; overflow: hidden; width: 127px !important; } .footer-chart .values { display: flex; flex-direction: column; gap: 8px; } .footer-chart .chart-value { padding-left: 18px; position: relative; } .footer-chart .dot { border-radius: 50%; display: inline-block; height: 12px; left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 12px; } .footer-chart p { color: var(--white); font-family: var(--heading-font); font-weight: 700; margin: 0; } /* Footer Links */ .footer-links { border-bottom: 1px solid rgb(255 255 255 / 0.15); display: flex; gap: var(--gap); margin-bottom: var(--text-spacing-xxlarge); padding-bottom: var(--text-spacing-xxlarge); } .footer-nav { display: grid; gap: 18px var(--text-spacing-small); grid-template-columns: 1fr 1fr; width: calc(510 / 950 * 100%); } .footer-nav .footer-link { color: var(--white); font: 700 calc(15rem / 16)/calc(18 / 15) var(--heading-font); letter-spacing: -0.2px; text-decoration: none; transition: opacity .3s; } .footer-nav .footer-link:hover { opacity: .7; } .footer-nav .footer-link.icon-alert:before { top: 6px; transform: rotate(45deg); } .footer-newsletter { width: calc(400 / 950 * 100%); } .footer-newsletter .newsletter-header { color: var(--white); font: 400 calc(14rem / 16)/calc(20 / 14) var(--body-font); letter-spacing: 0.1px !important; margin: 0 0 var(--text-spacing-small) !important; } .footer-newsletter form { display: flex; gap: var(--text-spacing-xsmall); width: 100%; } .footer-newsletter form input { background: var(--white); border: unset; border-radius: 48px; font: 400 calc(14rem / 16)/calc(20 / 14) var(--body-font); letter-spacing: 0.1px; padding: 13px 22px; transition: all 0.25s ease; width: 100%; } .footer-newsletter form button[type="submit"] { color: var(--white); max-width: max-content; width: 100%; } .footer-newsletter form button[type="submit"]:after { filter: brightness(0) invert(1); } .footer-newsletter .form-container > p.xsmall { color: var(--white); font: 400 calc(10rem / 16) / calc(18 / 13) var(--body-font); margin: var(--text-spacing-xsmall) 0 0; } /*Disclosures*/ .footer-disclosures { display: flex; gap: var(--gap); justify-content: space-between; } .footer-disclosures .disclosures-text { width: calc(620 / 950 * 100%); } .footer-disclosures p { color: var(--white); font: 400 calc(13rem / 16)/calc(18 / 13) var(--body-font); letter-spacing: 0.1px; margin: 0 0 16px !important; } .footer-disclosures p:last-child { margin-bottom: 0 !important; } .footer-disclosures p a { color: var(--white); font-weight: 900; text-decoration: none !important; transition: opacity .3s; } .footer-disclosures p a:hover { opacity: .7; } .footer-disclosures .disclosures-links { display: flex; gap: var(--text-spacing-xsmall); list-style-type: none; margin: auto 0 0; padding: 0; } .footer-disclosures .disclosure-link { color: var(--white); font: 400 calc(13rem / 16)/calc(18 / 13) var(--body-font); letter-spacing: 0.1px; text-decoration: unset; } /***************************************************************************************************************************************************************************************/ /*HOME STYLES*/ /***************************************************************************************************************************************************************************************/ .block-home-top-featured:first-child { padding-top: var(--text-spacing-large) !important; } p.para-3 { color: var(--black) !important; } .block-home-top-featured .primary-item, .block-home-top-featured .secondary-item { position: relative; } .emergency-tag { background: var(--midnight-blue); color: var(--white); font: 700 calc(11rem / 16)/calc(15 / 11) var(--heading-font); letter-spacing: .8px; padding: 5px 10px 5px 29px; position: relative; text-transform: uppercase; } .emergency-tag::before { background: url('svgs/icon-alert.svg') no-repeat center var(--yellow); background-size: cover; content: ''; height: 9px; left: 10px; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); width: 9px; } .block-home-top-featured .primary-item .item-content, .block-home-top-featured .primary-item figure, .block-home-top-featured .primary-item figure picture { height: 100%; } .block-home-top-featured .primary-item .hero-img-link { height: 100%; left: 20px; position: absolute; top: 0; width: calc(100% - 40px); z-index: 3; } .block-home-top-featured .primary-item a { text-decoration: none; } .block-home-top-featured .primary-item a.bootstrap-desktop { display: flex; margin-bottom: 24px; } .block-home-top-featured .primary-item div.item-content .info { z-index: 3; } .block-home-top-featured .secondary-item .emergency-tag, .block-home-latest-announcements .emergency-tag { font: 700 calc(10rem / 16)/calc(13 / 10) var(--heading-font); padding: 5px 8px 5px 23px; position: absolute; left: 0; top: 0; z-index: 1; } .block-home-latest-announcements .emergency-tag { font: 700 calc(11rem / 16)/calc(15 / 11) var(--heading-font); padding: 5px 10px 5px 29px; } .block-home-top-featured .secondary-item .emergency-tag::before { height: 8px; left: 7px; width: 8px; } .emergency-tag a { color: var(--white); text-decoration: none; } /***************************************************************************************************************************************************************************************/ /*TAG ARCHIVE STYLES*/ /***************************************************************************************************************************************************************************************/ .block-tagged-page.tag-archive-content:first-child { padding-top: 0; } .block-tagged-page .item-info .left-col p:first-child { margin: 0 0 8px !important; } /***Hero***/ .tag-hero { background: transparent; color: var(--black); padding-bottom: 80px; padding-top: 80px; position: relative; } .tag-hero .simpatico-grid { position: relative; } .tag-hero h1, .tag-hero .tag-description { position: relative; z-index: 2; } .tag-hero h1 { /* color: var(--white); */ grid-column: 1 / span 6; margin: 0; } .tag-hero.title-only h1 { grid-column: 1 / -1; } .tag-hero .tag-description { display: flex; flex-direction: column; gap: 24px; grid-column: 7 / -1; margin: var(--text-spacing-xxsmall) 0 0 40px; } .tag-hero .tag-description p { margin-bottom: 0 !important; } .tag-hero .tag-description p + p { margin-top: 16px; } .tag-hero .tag-description .sub-description { display: flex; flex-wrap: wrap; gap: 4px 0; } .tag-hero .tag-description .sub-description .eyebrow.icon-alert { font: 700 calc(14rem/16)/calc(24/14) var(--heading-font); padding-left: 30px; padding-top: 3px; } .tag-hero .tag-description .sub-description .eyebrow.icon-alert:before { height: 24px; width: 24px; } .tag-hero .tag-description .sub-description.has-alert.has-button .eyebrow.icon-alert { margin-right: -30px; padding-right: 30px; } .tag-hero .tag-description .sub-description.has-alert.has-button .eyebrow.icon-alert:after { background: var(--white); content: ''; height: 13px; position: absolute; right: 14px; top: calc(50% + 1px); transform: translate3d(0, -50%, 0); width: 2px; } .tag-hero .tag-description .sub-description.has-alert.has-button .btn-secondary { margin-left: 30px; } .tag-hero .p-result { bottom: -158px; color: var(--midnight-blue); font-weight: 600; left: 0; position: absolute; } .block-tagged-page .tag-hero + .items:not(:first-child) { margin-top: 134px; } /***************************************************************************************************************************************************************************************/ /*LATEST (RENAMED POST) SINGLE STYLES*/ /***************************************************************************************************************************************************************************************/ .single-post .block-article:first-child, .single-announcements .block-article:first-child { padding-top: var(--module-spacing-large); } .single-post .modal, .single-announcements .modal { z-index: 999999; } /***Hero***/ .single-hero { display: flex; flex-direction: column; } .single-hero:not(:has(.featured-image)) { margin-bottom: var(--module-spacing-large); } .single-hero .eyebrow { display: block; margin: 0 0 var(--text-spacing-xsmall); } .single-hero .eyebrow:not(.author) { font-weight: 400; } .single-hero .eyebrow.author { margin: var(--text-spacing-xsmall) 0 0; } /*Featured Image/Video*/ .single-hero .featured-image { margin: var(--module-spacing-small) 0 0; position: relative !important; } .single-hero .featured-image .image-container { height: 1000px; left: 50%; position: relative; transform: translate3d(-50%, 0, 0); width: 100vw; } .single-hero .featured-image figure .image-container img { height: 100%; object-fit: cover; position: relative; width: 100%; } .single-hero .featured-image figcaption { display: block; font-size: calc(14rem / 16); line-height: calc(19 / 14); margin: var(--text-spacing-xsmall) auto 0 0; max-width: 900px; text-align: left; width: 60vw; } .single-hero .featured-video a { color: var(--black); text-decoration: unset; } .single-hero .featured-video .play-btn, .single-hero .featured-video .ui-hover:hover .play-btn, .single-post .video-block .play-btn, .single-post .video-block .ui-hover:hover .play-btn, .single-announcements .video-block .play-btn, .single-announcements .video-block .ui-hover:hover .play-btn, .block-accordion-timeline .play-btn, .block-large-feature .play-btn, .block-intro-three .media-container .play-btn, .block-priorities-list .simpatico-container .play-btn, .block-manual-list .simpatico-container .play-btn, .block-manual-list-with-languages .simpatico-container .play-btn, .block-full-bleed-media .play-btn { aspect-ratio: 1; background-color: var(--pink); background-image: unset; bottom: 20px; height: auto; left: unset; position: absolute; right: 20px; transition: all 0.25s ease; width: 100px; } .single-post .video-block .play-btn, .single-post .video-block .ui-hover:hover .play-btn, .single-announcements .video-block .play-btn, .single-announcements .video-block .ui-hover:hover .play-btn, .block-accordion-timeline .play-btn, .block-large-feature .play-btn, .block-priorities-list .simpatico-container .play-btn, .block-manual-list .simpatico-container .play-btn, .block-manual-list-with-languages .simpatico-container .play-btn, .block-full-bleed-media .play-btn { width: 64px; } .single-hero .featured-video .ui-hover:hover .play-btn, .single-post .video-block .ui-hover:hover .play-btn, .single-announcements .video-block .ui-hover:hover .play-btn, .block-accordion-timeline .video-trigger:hover .play-btn, .block-large-feature .video-trigger:hover .play-btn, .block-intro-three .media-container .video-trigger:hover .play-btn, .block-priorities-list .simpatico-container .video-trigger:hover .play-btn, .block-manual-list .simpatico-container .video-trigger:hover .play-btn, .block-manual-list-with-languages .simpatico-container .video-trigger:hover .play-btn, .block-full-bleed-media a:hover .play-btn { background-color: var(--dark-pink); } .single-hero .featured-video .play-btn:before, .single-post .video-block .play-btn:before, .single-announcements .video-block .play-btn:before, .block-accordion-timeline .play-btn:before, .block-large-feature .play-btn:before, .block-intro-three .media-container .play-btn:before, .block-priorities-list .simpatico-container .play-btn:before, .block-manual-list .simpatico-container .play-btn:before, .block-manual-list-with-languages .simpatico-container .play-btn:before, .block-full-bleed-media .play-btn:before { aspect-ratio: 22 / 30; background: var(--white); clip-path: polygon(0 0, 0% 100%, 100% 50%); content: ''; height: auto; left: calc(50% + 3px); position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); width: 22px; } .single-post .video-block .play-btn:before, .single-announcements .video-block .play-btn:before, .block-accordion-timeline .play-btn:before, .block-large-feature .play-btn:before, .block-priorities-list .simpatico-container .play-btn:before, .block-manual-list .simpatico-container .play-btn:before, .block-manual-list-with-languages .simpatico-container .play-btn:before, .block-full-bleed-media .play-btn:before { width: 16px; } .single-hero .featured-video .play-btn span, .single-post .video-block .play-btn span, .single-announcements .video-block .play-btn span { color: var(--white); font: 700 calc(18rem / 16)/calc(22 / 18) var(--body-font); left: unset; position: absolute; right: calc(100% + var(--text-spacing-xsmall)); top: 50%; transform: translate3d(0, -50%, 0); width: max-content; } /***Content***/ .single-post .content, .single-announcements .content { margin: var(--text-spacing-xxlarge) 0 0; } .single-post .content:last-child, .single-announcements .content:last-child { margin-bottom: var(--module-spacing-large); } #content .block-article .article-block.richtext:first-child { padding-top: 0; } .single-post .block-article .article-block:not(.featured-img):not(.swiper-holder), .single-announcements .block-article .article-block:not(.featured-img):not(.swiper-holder) { margin-bottom: 40px; padding: 0; } .single-post .block-article .article-block:not(.featured-img):not(.swiper-holder):last-child, .single-announcements .block-article .article-block:not(.featured-img):not(.swiper-holder):last-child { margin-bottom: 0; } p:not(:last-child):not(.caption):not(.footer-p) { margin-bottom: var(--text-spacing-xsmall); } /*Socials*/ .single-post .sticky-social-container, .single-announcements .sticky-social-container { grid-column: 1 / span 2; height: 100%; } .single-post .socials, .single-announcements .socials { display: flex; flex-direction: column; gap: var(--text-spacing-xxsmall); height: max-content; left: 0; list-style: none; margin: 0; max-width: max-content; padding: 0; position: sticky; top: 180px; z-index: 1; } .single-post .socials li, .single-announcements .socials li { display: flex; } .simpatico-container .button, .single-events .button.social-btn, .single-announcements .button.social-btn, .single-format-standard .button.social-btn { background-image: unset !important; height: 50px; width: 50px; } .simpatico-container .button.carousel-btn::before, .simpatico-container .button.carousel-btn::after { transform: none !important; } .simpatico-container .button.carousel-btn::after { display: none; } .simpatico-container .article-block .button:not(.carousel-btn), .simpatico-container .button.gform_button { height: auto; width: auto; } .simpatico-container .button.social-btn, .single-events .button.social-btn, .single-announcements .button.social-btn, .single-format-standard .button.social-btn, .simpatico-container .button.podcast-btn { background-color: var(--light-gray); position: relative; transition: all 0.25s ease; } .simpatico-container .button.social-btn:before, .single-events .button.social-btn:before, .single-announcements .button.social-btn:before, .single-format-standard .button.social-btn:before, .simpatico-container .button.podcast-btn:before { background-repeat: no-repeat; background-size: 100%; content: ''; filter: invert(28%) sepia(99%) saturate(417%) hue-rotate(177deg) brightness(93%) contrast(95%); height: auto; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); transition: all 0.25s ease; } .simpatico-container .button.social-btn.facebook:before, .single-events .button.social-btn.facebook:before, .single-announcements .button.social-btn.facebook:before, .single-format-standard .button.social-btn.facebook:before { aspect-ratio: 320 / 512; background-image: url(svgs/fontawesome/facebook-f.svg); width: 10px; } .simpatico-container .button.social-btn.twitter:before, .single-events .button.social-btn.twitter:before, .single-announcements .button.social-btn.twitter:before, .single-format-standard .button.social-btn.twitter:before { aspect-ratio: 1; background-image: url(svgs/fontawesome/x-twitter.svg); width: 16px; } .simpatico-container .button.social-btn.linkedin:before, .single-events .button.social-btn.linkedin:before, .single-announcements .button.social-btn.linkedin:before, .single-format-standard .button.social-btn.linkedin:before { aspect-ratio: 448 / 512; background-image: url(svgs/fontawesome/linkedin-in.svg); width: 14px; } .simpatico-container .button.social-btn.url-link:before, .single-events .button.social-btn.url-link:before, .single-announcements .button.social-btn.url-link:before, .single-format-standard .button.social-btn.url-link:before { aspect-ratio: 640 / 512; background-color: transparent; background-image: url(svgs/fontawesome/link-regular.svg); height: 16px; opacity: 1; padding: 0; width: 20px; } .simpatico-container .button.social-btn.url-link:after, .single-events .button.social-btn.url-link[class]:after, .single-announcements .button.social-btn.url-link:after, .single-format-standard .button.social-btn.url-link:after { background: var(--dark-blue); border-radius: 50px; color: var(--white); content: 'Link copied' !important; display: block !important; height: auto; left: 100%; padding: 6px 12px; position: absolute; opacity: 0; transform: translate(0,-50%); width: max-content; } .simpatico-container .button.social-btn.url-link.copied:after, .single-events .button.social-btn.url-link[class].copied:after, .single-announcements .button.social-btn.url-link.copied:after, .single-format-standard .button.social-btn.url-link.copied:after { opacity: 1; transform: translate(10px,-50%); } .simpatico-container .button.social-btn.whatsapp:before, .single-events .button.social-btn.whatsapp:before, .single-announcements .button.social-btn.whatsapp:before, .single-format-standard .button.social-btn.whatsapp:before { aspect-ratio: 448 / 512; background-image: url(svgs/fontawesome/whatsapp.svg); width: 16px; } .simpatico-container .button.podcast-btn:before { aspect-ratio: 1 / 1; background-image: url('_include/img/svg/podcast-desktop.svg'); filter: brightness(0%) invert(28%) sepia(99%) saturate(417%) hue-rotate(177deg) brightness(93%) contrast(95%); width: 16px; } .simpatico-container .button.social-btn:hover, .single-events .button.social-btn:hover, .single-announcements .button.social-btn:hover, .single-format-standard .button.social-btn:hover, .simpatico-container .button.podcast-btn:hover { background: #dfe4f3; } /***Blockception***/ .single-post .block-container, .single-announcements .block-container { grid-column: 3 / span 8; padding: 0 0 0 var(--text-spacing-medium); } #content > .block-article:last-child { padding-bottom: var(--module-spacing-large); } .block-article .richtext p:not(.para-1):not(.para-3), .block-article .small-title, .block-article .xsmall-title, .block-article p.para-1, .block-article p.caption{ font-family: var(--body-font); letter-spacing: 0; } .block-article img { /* aspect-ratio: 16/9; */ float: none !important; /* width: 100%; */ } /*Rich Text*/ .block-article .richtext p:not(.para-1):not(.para-3) { font-size: calc(20rem / 16); line-height: calc(28 / 20); } .block-article .richtext p:not(.para-1):not(.para-3) a, .block-article .richtext li a, .block-individual-event-page .richtext p:not(.para-1):not(.para-3) a, .block-article .richtext td a, .block-intro-stats .text-content a, .block-accordion .accordion-item .accordion-body a, .block-article .article-tags .tag-link, #privacy-clause a, .block-404 p a, .block-intro-country .text-content a, .block-large-feature article a { color: var(--mid-blue); font-weight: bold; text-decoration-color: transparent !important; transition: all 0.25s ease; } .block-article .richtext p:not(.para-1):not(.para-3) a.btn-tertiary, .block-article .richtext li a.btn-tertiary, .block-individual-event-page .richtext p:not(.para-1):not(.para-3) a.btn-tertiary, .block-article .richtext td a.btn-tertiary, .block-intro-stats .text-content a.btn-tertiary, .block-accordion .accordion-item .accordion-body a.btn-tertiary, .block-intro-country .text-content a.btn-tertiary, .block-large-feature article a.btn-tertiary, .block-large-feature article a.btn-secondary { color: var(--black); } .block-article .richtext p:not(.para-1):not(.para-3) a:hover, .block-article .richtext li a:hover, .block-individual-event-page .richtext p:not(.para-1):not(.para-3) a:hover, .block-article .richtext td a:hover, .block-intro-stats .text-content a:hover, .block-accordion .accordion-item .accordion-body a:hover, .block-article .article-tags .tag-link:hover, #privacy-clause a:hover, .block-404 p a:hover, .block-intro-country .text-content a:hover, .block-large-feature article a:hover { color: var(--mid-blue); text-decoration-color: var(--mid-blue) !important; } .block-article .article-tags .tag-link { color: var(--mid-blue) !important; } .block-article .richtext tr { border-bottom-color: var(--mid-gray); } /*CTA - Small*/ .block-article .small-cta a { background: var(--light-gray); } /*CTA - Large*/ .block-article .large-cta a { align-items: center; background: var(--light-gray); color: var(--black); display: flex; flex-direction: column; gap: var(--text-spacing-xsmall); padding: var(--text-spacing-large) 72px; text-align: center; text-decoration: unset; } .block-article .large-cta .btn-primary { pointer-events: none; text-transform: unset; } .block-article .large-cta a:hover .btn-primary { background: var(--dark-pink); } .block-article .large-cta a:hover .btn-primary span:after { transform: translateX(5px); } /*Quote*/ .block-article .article-block .quote-block { padding-left: unset; } .block-article .article-block .quote-block:before { content: unset; } .block-article .richtext .quote-block blockquote { border-top: unset; margin: 0; padding-top: unset; } .block-article .quote-block:first-child, .block-article .quote-block:last-child { margin: unset !important; } /*Related News*/ .block-article .related-news { background: var(--light-gray); } .block-article .related-news .grid { display: grid; gap: var(--gap); grid-template-columns: repeat(8, minmax(0, 1fr)); } .block-article .related-news .image-container { height: 100%; grid-column: 1 / span 3; position: relative; width: calc(100% + var(--gap)); } .block-article .related-news .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-article .related-news article { grid-column: 4 / -1; padding: var(--text-spacing-xlarge) var(--text-spacing-large) var(--text-spacing-large); } .block-article .related-news .eyebrow { display: block; margin: 0 0 var(--text-spacing-xsmall); } .block-article .related-news .btn-primary { display: block; margin: var(--text-spacing-xsmall) 0 0; max-width: max-content; pointer-events: none; text-transform: uppercase; } .block-article .related-news:hover .btn-primary { background: var(--dark-pink); } .block-article .related-news:hover .btn-primary span:after { transform: translateX(5px); } /*Media - Single Image*/ .block-article .single-image { position: relative; } .block-article .video-block .img-holder, .block-article .video-block .img-holder .ui-hover, .block-article .video-block .video-trigger, .block-intro-three .video-trigger { display: block; height: 100%; position: relative; width: 100%; } .block-article .video-block .video-trigger:before, .block-accordion-timeline .content .video-container .image-container:before, .block-large-feature .media-container .video-trigger:before, .block-intro-three .video-trigger:before, .block-priorities-list .video-trigger:before { background: var(--black); content: ''; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity 0.25s ease; width: 100%; z-index: 1; } .block-article .video-block .video-trigger:hover:before, .block-accordion-timeline .content .video-trigger:hover .image-container:before, .block-large-feature .media-container .video-trigger:hover:before, .block-intro-three .video-trigger:hover:before, .block-priorities-list .video-trigger:hover:before { opacity: 0.2; } .block-article .single-image .img-holder { position: relative; } .block-article .single-image .img-holder picture { aspect-ratio: 16 / 9; height: auto; padding-top: unset; width: 100%; } .block-article .single-image .caption.img-caption, .block-article .video-block .caption.video-caption { display: block; font-size: calc(15rem / 17); line-height: calc(19 / 15); margin: var(--text-spacing-xsmall) auto 0 0; max-width: 940px; padding: 0 var(--module-spacing-medium) 0 0; text-align: left; } /*Media - Slider*/ .block-article .swiper-holder { margin: 0 0 var(--text-spacing-large); width: 100%; } .block-article .swiper-holder .swiper-wrapper:has([aria-label="1 / 1"]) + .carousel-nav { display: none; } .block-article .swiper-holder .carousel-nav span, .block-image-carousel .swiper .carousel-nav span { color: var(--black); font-family: var(--body-font); } .carousel-nav span span { vertical-align: 0 !important; } .block-article .article-block.swiper-holder:not(:last-child) { padding-bottom: 60px !important; } .block-article .article-block.swiper-holder:has([aria-label="1 / 1"]) { padding-bottom: 0 !important; } .block-article .articleImagesSwiper, .block-article .articleImagesSwiper .swiper-wrapper .swiper-slide .item-content { padding-right: unset !important; } .block-article .articleImagesSwiper .carousel-nav { right: 0 !important; } /*Media - Video*/ .single-post .video-block .video-trigger, .single-announcements .video-block .video-trigger, .block-article .video-block .video-trigger { position: relative; } /***Related News***/ .single-post .latest-related-news, .single-announcements .latest-related-news, .block-article .latest-related-news { margin: 0 0 var(--module-spacing-large); overflow: hidden; position: relative; } .single-post .latest-related-news article, .single-announcements .latest-related-news article, .block-article .latest-related-news article { align-items: flex-end; display: flex; gap: var(--text-spacing-xlarge); justify-content: space-between; margin: 0 0 var(--text-spacing-small); } .single-post .latest-related-news .slide, .single-announcements .latest-related-news .slide, .block-article .latest-related-news .slide { display: flex; height: auto; } .single-post .latest-related-news .related-news-card, .single-post .latest-related-news .related-news-card:hover, .single-post .latest-related-news a:hover .xsmall-title:not(.no-hover), .single-announcements .latest-related-news .related-news-card, .single-announcements .latest-related-news .related-news-card:hover, .single-announcements .latest-related-news a:hover .xsmall-title:not(.no-hover), .block-article .latest-related-news .related-news-card, .block-article .latest-related-news .related-news-card:hover, .block-article .latest-related-news a:hover .xsmall-title:not(.no-hover) { color: var(--black); text-decoration: none !important; text-decoration-color: transparent !important; text-decoration-line: none !important; } .single-post .latest-related-news .related-news-card, .single-announcements .latest-related-news .related-news-card, .block-article .latest-related-news .related-news-card { background: var(--light-gray); display: flex; flex-direction: column; padding: 0 0 97px; position: relative; } .single-post .latest-related-news .items .img-holder, .single-announcements .latest-related-news .items .img-holder, .block-article .latest-related-news .items .img-holder { aspect-ratio: 400 / 225; height: auto; position: relative; width: 100%; } .single-post .latest-related-news .items .img-holder figure, .single-announcements .latest-related-news .items .img-holder figure, .block-article .latest-related-news .items .img-holder figure { height: 100%; width: 100%; } .single-post .latest-related-news .items .img-holder picture, .single-announcements .latest-related-news .items .img-holder picture, .block-article .latest-related-news .items .img-holder picture { padding: unset; } .single-post .latest-related-news .items .img-holder img, .single-announcements .latest-related-news .items .img-holder img, .block-article .latest-related-news .items .img-holder img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .single-post .latest-related-news .related-news-card .item-info, .single-announcements .latest-related-news .related-news-card .item-info, .block-article .latest-related-news .related-news-card .item-info { padding: var(--text-spacing-medium) var(--text-spacing-medium) 0; } .single-post .latest-related-news .related-news-card .item-info .eyebrow, .single-announcements .latest-related-news .related-news-card .item-info .eyebrow, .block-article .latest-related-news .related-news-card .item-info .eyebrow { display: block; font-weight: 400; margin: 0 0 var(--text-spacing-xxsmall); } .single-post .latest-related-news .related-news-card .btn-tertiary, .single-announcements .latest-related-news .related-news-card .btn-tertiary, .block-article .latest-related-news .related-news-card .btn-tertiary { bottom: var(--text-spacing-medium); pointer-events: none; position: absolute; right: var(--text-spacing-medium); } .single-post .latest-related-news .related-news-card:hover .btn-tertiary span:after, .single-announcements .latest-related-news .related-news-card:hover .btn-tertiary span:after, .block-article .latest-related-news .related-news-card:hover .btn-tertiary span:after { transform: translateX(5px); } /***************************************************************************************************************************************************************************************/ /*EVENTS SINGLE STYLES*/ /***************************************************************************************************************************************************************************************/ .block-individual-event-page { padding-top: var(--module-spacing-medium) !important; } .block-individual-event-page .form-div > form > .row { gap: 24px 0; } .block-individual-event-page form .form-label { margin-bottom: 12px; } /***Hero***/ .single-events .event-hero { grid-column: 1 / span 11; margin: 0 0 var(--text-spacing-large); } /***Event Info***/ .single-events .event-info-sticky-container { grid-column: 1 / span 3; height: 100%; position: relative; } .single-events .event-info { background: var(--light-gray); height: max-content; left: 0; padding: var(--text-spacing-large); position: sticky; top: 120px; width: calc(100% + var(--text-spacing-large)); } .single-events .event-info .date p, .single-events .event-info .time p { font-weight: 700; } .single-events .event-info .category { margin: 4px 0 0; } .single-events .event-info .btn-primary { margin: var(--text-spacing-small) 0 0; } .single-events .event-info .socials { display: flex; flex-wrap: wrap; gap: var(--text-spacing-xxsmall); margin: var(--text-spacing-medium) 0 0; } .single-events .simpatico-container .button.social-btn { background: rgba(221 224 228 / 50%); } .single-events .simpatico-container .button.social-btn:hover { background: rgba(221 224 228 / 100%); } /***Content***/ .single-events .content { grid-column: 4 / -1; padding: 0 0 0 var(--text-spacing-xxlarge); } .single-events .content > * { margin: 0 0 var(--text-spacing-xxlarge) !important; } .single-events .content > :last-child { margin: 0 !important; } /*Featured Image*/ .single-events .content .featured-image .image-container { aspect-ratio: 831 / 474; height: auto; width: 100%; } .single-events .content .featured-image .image-container img { height: 100%; object-fit: cover; position: relative; width: 100%; } /*Speakers*/ .single-events .speaker { border-bottom: 1px solid var(--mid-gray); padding: var(--text-spacing-medium) 0; } .single-events .speaker:last-child { border-bottom: unset; padding-bottom: 0; } .single-events .item-link { display: block; padding: 0 var(--module-spacing-small) 0 0; position: relative; } .single-events .speaker-cover { align-items: center; display: flex; gap: var(--text-spacing-small); } .single-events .speaker-cover .headshot-container { aspect-ratio: 1; border-radius: 100%; height: auto; overflow: hidden; position: relative; width: 100px; } .single-events .speaker-cover .headshot-container img { height: 100%; object-fit: cover; width: 100%; } .single-events .speaker-cover .name { width: calc(100% - 100px - var(--text-spacing-small)); } .single-events .speaker-cover .name p { margin: var(--text-spacing-xxsmall) 0 0 !important; } .single-events:has(.speaker) .info-col { display: flex; } /*Registration Form*/ .block-individual-event-page .simpatico-container .form-div { border-top: unset; padding-top: unset; } .block-individual-event-page .form-div h4 { margin: 0 0 var(--text-spacing-medium) !important; } .block-individual-event-page .form-div .input-container { display: grid; gap: var(--text-spacing-small) var(--text-spacing-xsmall) ; grid-template-columns: repeat(2, minmax(0, 1fr)); } .block-individual-event-page .form-div .custom-input { grid-column: span 1; margin-bottom: 0 !important; } .block-individual-event-page .form-div .custom-input.two-column { grid-column: 1 / -1; } .block-individual-event-page .simpatico-container input { background: var(--light-gray) !important; border: 1px solid transparent !important; border-radius: 40px; color: var(--black) !important; font: 700 calc(16rem / 16)/calc(24 / 16) var(--body-font); letter-spacing: -0.15px; padding: 13px var(--text-spacing-small); transition: all 0.25s ease; } .block-individual-event-page .simpatico-container input::placeholder { font-weight: 400; } .block-individual-event-page .simpatico-container input:focus-visible { border-color: var(--mid-blue) !important; } .block-individual-event-page .simpatico-container .btn-holder { grid-column: 1 / -1; margin: var(--text-spacing-xxsmall) 0 0; } /***Partners***/ .single-events .partners { padding: var(--module-spacing-small) 0 var(--module-spacing-medium); } .single-events .partners h2 { margin: 0 0 var(--text-spacing-xxlarge); text-align: center; } .single-events .partners .logos { display: flex; flex-wrap: wrap; gap: var(--text-spacing-medium); justify-content: center; } .single-events .partners .image-container { align-items: center; aspect-ratio: 214 / 148; background: var(--white); display: flex; height: auto; justify-content: center; transition: background 0.25s ease; width: 214px; } .single-events .partners a.image-container:hover { background: var(--mid-gray); } .single-events .partners .image-container img { height: 100%; max-height: 90px; max-width: 140px; object-fit: contain; width: 100%; } /***************************************************************************************************************************************************************************************/ /*TEAM SINGLE STYLES*/ /***************************************************************************************************************************************************************************************/ .block-single-team .single-team-content { background: var(--white); } .block-single-team + .single-team-backdrop, body:has(#team_modal.show) .modal-backdrop { background: rgb(0 0 0 / 25%); } .modal#team_modal .info-col .member-img { width: 100%; } .modal#team_modal .info-col .member-info .social-info { margin-top: var(--text-spacing-small) !important; } .block-single-team .single-team-holder .single-team-dialog .single-team-content .modal-close, .single-events:has(.speaker) .modal-close, .modal#team_modal .modal-close, .modal .button.close-btn { background: var(--mid-gray); height: 44px; right: var(--text-spacing-small); top: var(--text-spacing-small); width: 44px; } .block-single-team .single-team-holder .single-team-dialog .single-team-content .modal-close:hover, .single-events:has(.speaker) .modal-close:hover, .modal#team_modal .modal-close, .modal .button.close-btn:hover { background: var(--mid-gray-hover); } .block-single-team .button.close-btn:before, .block-single-team .button.close-btn:after, .single-events:has(.speaker) .modal-close:before, .single-events:has(.speaker) .modal-close:after, .modal#team_modal .modal-close:before, .modal#team_modal .modal-close:after, .modal .button.close-btn:before, .modal .button.close-btn:after { background: rgb(110, 112, 114); content: ''; height: 2px; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0) rotate(45deg); width: 18px; } .block-single-team .button.close-btn:after, .single-events:has(.speaker) .modal-close:after, .modal#team_modal .modal-close:after, .modal .button.close-btn:after { transform: translate3d(-50%, -50%, 0) rotate(-45deg); } .block-single-team .single-team-holder .single-team-dialog .single-team-content, .single-events:has(.speaker) .modal-content, .modal#team_modal .modal-content { height: 700px; margin: 0 auto; max-height: 90dvh; max-width: 90vw; overflow-x: clip; overflow-y: auto; top: 50%; transform: translate3d(0, -50%, 0); width: 1000px; } .block-single-team .single-team-holder .single-team-dialog .single-team-content .info-col:not(:last-child), .single-events:has(.speaker) .modal-content .info-col:not(:last-child) { border-bottom: 1px solid var(--mid-gray); padding: 0 0 var(--text-spacing-large); } .block-single-team .single-team-holder .single-team-dialog .single-team-content .info-col .member-info .social-info, .single-events:has(.speaker) .modal-content .info-col .member-info .social-info, .modal#team_modal .modal-content .info-col .member-info .social-info { margin-top: var(--text-spacing-small); } .block-single-team .single-team-holder .single-team-dialog .single-team-content .info-col .member-info p, .single-events:has(.speaker) .modal-content .info-col .member-info p, .modal#team_modal .modal-content .info-col .member-info p { font-weight: 500; margin-top: var(--text-spacing-xxsmall); } .modal#team_modal .info-col:not(:last-child) { border-bottom: 1px solid var(--mid-gray) !important; padding-bottom: var(--text-spacing-large) !important; } /***************************************************************************************************************************************************************************************/ /*PUBLICATION SINGLE STYLES*/ /***************************************************************************************************************************************************************************************/ .single-publications #wrapper { min-height: unset; } /***Hero***/ #content .block-individual-publication { padding-top: var(--module-spacing-medium); } .block-individual-publication .title-container { align-items: center; grid-column: 1 / -1; margin: 0 0 var(--text-spacing-large); padding: 0 0 var(--module-spacing-medium); position: relative; } .block-individual-publication .title-container:before { background: var(--light-gray); bottom: 0; content: ''; height: calc(100% + var(--module-spacing-medium)); left: 50%; position: absolute; transform: translate3d(-50%, 0, 0); width: 100vw; z-index: -1; } .block-individual-publication .title-container article { grid-column: 1 / span 8; padding: 0 var(--text-spacing-small) 0 0; } .block-individual-publication .title-container .eyebrow { display: block; margin: 0 0 var(--text-spacing-xsmall); } .block-individual-publication .title-container h2 { font-weight: 400; margin: var(--text-spacing-xsmall) 0 0; } .block-individual-publication .title-container .btn-tertiary { margin: var(--text-spacing-small) 0 0; } .block-individual-publication .title-container .image-container { aspect-ratio: 372 / 486; grid-column: 9 / -1; height: auto; margin: 0 0 0 auto; max-width: 400px; width: 100%; } .block-individual-publication .title-container img { height: 100%; object-fit: contain; width: 100%; } /***Links Bar***/ .block-individual-publication .socials-sticky-container { grid-column: 1 / span 2; height: 100%; padding: 0 0 var(--module-spacing-large); position: relative; } .block-individual-publication .socials { display: flex; flex-direction: column; gap: var(--text-spacing-xxsmall); left: 0; position: sticky; top: 120px; } /***Content***/ .block-individual-publication .content { grid-column: 3 / span 8; padding: 0 0 var(--module-spacing-large) var(--text-spacing-medium); } /***************************************************************************************************************************************************************************************/ /*BLOCKS STYLES*/ /***************************************************************************************************************************************************************************************/ /***Intro Title Description CTA***/ #wrapper .block-intro-title-description-cta { padding: var(--module-spacing-large) 0 0; } /***Stats***/ .block-stats { padding: var(--module-spacing-large) 0; } .block-stats article, .block-stats .stats { grid-column: 2 / span 10; position: relative; text-align: center; } .block-stats h2 { color: var(--black); font-weight: 400; max-width: 1500px; } .block-stats article .btn-primary { margin: var(--text-spacing-small) 0 0; } .block-stats .stats { color: var(--black); display: grid; gap: var(--text-spacing-medium); grid-template-columns: repeat(3, minmax(0, 1fr)); justify-content: space-between; list-style: none; margin: var(--text-spacing-xxsmall) 0 0; padding: 0 var(--text-spacing-xlarge); position: relative; } .block-stats .stats li { align-items: center; display: flex; flex-direction: column; gap: var(--text-spacing-xxsmall); grid-column: span 1; position: relative; text-align: center; width: 100%; } .block-stats .stats .number { font: 900 calc(64rem / 16)/calc(58 / 64) var(--body-font); letter-spacing: -2px; } .block-stats .stats p { margin: var(--text-spacing-xxsmall) 0 0; padding: 0 var(--text-spacing-medium); } /***Featured Links***/ .block-featured-links { padding: 0 0 var(--module-spacing-large); } .block-featured-links article { grid-column: 1 / span 7; } .block-featured-links p.large { margin: var(--text-spacing-xsmall) 0 0 !important; } .block-featured-links .left { margin: var(--text-spacing-xlarge) 0 0; } .block-featured-links .right { grid-column: 8 / -1; margin-top: var(--module-spacing-medium); position: relative; } /*Left Side*/ .block-featured-links .linked-images { list-style-type: none; margin: 0; padding: 0; position: relative; } .block-featured-links .image-container { aspect-ratio: 795 / 530; opacity: 0; overflow: hidden; position: absolute; top: 0; transition: opacity .25s linear; width: 100%; z-index: 1; } .block-featured-links .image-container.active { opacity: 1; position: static; z-index: 2; } .block-featured-links .image-container img { height: 100%; object-fit: cover; transition: transform 0.5s ease-out; width: 100%; } .block-featured-links .image-container:hover img { transform: scale(1.1); } .block-featured-links .additional-links a:hover .btn-tertiary span:after { transform: translateX(5px); } /*Right Side*/ .block-featured-links .additional-links { list-style: none; margin: 0; padding: 0 0 0 54px; } .block-featured-links .additional-links li { position: relative; } .block-featured-links .additional-links li:before { aspect-ratio: 1; background: var(--yellow); border-radius: 100%; content: ''; height: auto; left: -22px; position: absolute; top: 37px; width: 12px; } .block-featured-links .additional-links li + li { margin-top: var(--text-spacing-medium); } .block-featured-links .additional-links a, .block-featured-links .additional-links a .heading-4 { color: var(--black); text-decoration: unset; } .block-featured-links .additional-links a { display: flex; flex-direction: column; font-family: var(--body-font); gap: var(--text-spacing-xxsmall); padding: 27px 0 0; position: relative; } .block-featured-links .additional-links a:before, .block-featured-links .additional-links a:after { background: var(--black); content: ''; height: 1px; left: 0; opacity: 0.16; position: absolute; top: 0; transition: all 0.25s ease; width: 100%; } .block-featured-links .additional-links a:hover:before { opacity: 0; } .block-featured-links .additional-links a:after { background: var(--yellow); height: 3px; opacity: 0; } .block-featured-links .additional-links .active-link a:after { opacity: 1; } .block-featured-links .additional-links a .btn-tertiary { pointer-events: none; } .block-featured-links .additional-links p { margin: 0 !important; } .block-featured-links .btn-tertiary.circled-arrow { display: block; margin: var(--text-spacing-xlarge) 0 0 auto; max-width: max-content; padding: 0 0 0 54px; } /***Newsletter Signup***/ .block-newsletter-signup { margin: 0 0 var(--module-spacing-large); } .block-newsletter-signup .blue-div { background: var(--mid-blue); padding: var(--module-spacing-medium) 0; } .block-newsletter-signup article { grid-column: 2 / span 6; left: calc(-1 * (var(--gap) - var(--text-spacing-xsmall))); position: relative; width: calc(100% + var(--gap) - var(--text-spacing-xsmall)); } .block-newsletter-signup article h2, .block-newsletter-signup article p { color: var(--white); } .block-newsletter-signup article h2 { font-weight: 900; } .block-newsletter-signup article p { margin-top: var(--text-spacing-xsmall); max-width: 500px; } .block-newsletter-signup article p:not(:last-child):not(.caption):not(.footer-p) { margin-bottom: 0; margin-top: var(--text-spacing-xsmall); } .block-newsletter-signup .signup-container { grid-column: 8 / span 4; width: calc(100% + var(--gap) - var(--text-spacing-xsmall)); } .block-newsletter-signup .signup-container form { display: flex; flex-wrap: wrap; gap: var(--text-spacing-xsmall); margin: 0 auto; max-width: 440px; } .block-newsletter-signup .signup-container input { background: var(--white); border: unset; border-radius: 48px; font: 400 calc(16rem / 16)/calc(22 / 16) var(--body-font); letter-spacing: -0.3px; padding: 13px 22px; transition: all 0.25s ease; } .block-newsletter-signup .signup-container input[type="email"] { width: 100%; } .block-newsletter-signup .signup-container input[type="number"] { width: 100%; } .block-newsletter-signup .signup-container input:focus-visible { outline: unset; } .block-newsletter-signup .signup-container button[type="submit"] { color: var(--white); margin: var(--text-spacing-xsmall) 0 0; width: 100%; } .block-newsletter-signup .signup-container button[type="submit"]:after { filter: brightness(0) invert(1); } .block-newsletter-signup .signup-container form p { color: var(--white); margin: 0 !important; text-align: center; } /***Latest from HIAS***/ .block-latest-from-hias { overflow: hidden; padding: 0 0 var(--module-spacing-large); position: relative; } .block-latest-from-hias .slick-slider { list-style: none; margin: 0; padding: 0; position: relative; } .block-latest-from-hias h2 + .slick-slider { margin-top: var(--text-spacing-large); } .block-latest-from-hias .slick-slide { display: flex; } .block-latest-from-hias .slick-slide, .block-info-cards .info-card, .single-post .latest-related-news .slide, .single-announcements .latest-related-news .slide { width: calc( ((100vw - (2 * (var(--container-outer-margin) + var(--container-outer-padding)))) - (11 * var(--gap))) / 12 * 4 + (3 * var(--gap)) ); } .block-latest-from-hias .slick-slide a { position: relative; text-decoration: unset; } .block-latest-from-hias .slick-slide .image-container { aspect-ratio: 400 / 225; height: auto; overflow: hidden; width: 100%; } .block-latest-from-hias .slick-slide .image-container img { height: 100%; object-fit: cover; transition: transform 0.5s ease-out; width: 100%; } .block-info-cards a:hover .image-container img, .block-latest-from-hias .slick-slide:hover .image-container img, .latest-related-news .slick-slide:hover .img-holder img, .block-related-news .news-item:hover .image-container img { transform: scale(1.1); } .block-info-cards a .image-container, .latest-related-news .img-holder { overflow: hidden; } .block-info-cards a .image-container img { transition: transform 0.5s ease-out; } .block-latest-from-hias .slick-slide .image-container .placeholder-image, .block-info-cards .image-container .placeholder-image, .block-intro-three .media-container .placeholder-image, .block-intro-five .placeholder-image { background: var(--mid-gray); height: 100%; position: relative; width: 100%; } .block-latest-from-hias .slick-slide .image-container .placeholder-image:before, .block-info-cards .image-container .placeholder-image:before, .block-intro-three .media-container .placeholder-image:before, .block-intro-five .placeholder-image:before { aspect-ratio: 121 / 36; background: url(svgs/logomark.svg) no-repeat; background-size: 100%; content: ''; filter: brightness(0) invert(1); height: auto; left: 50%; opacity: 0.7; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); width: calc(200 / 405 * 100%); } .block-latest-from-hias .slick-slide article { margin: var(--text-spacing-small) 0 0; } .block-latest-from-hias .slick-slide .btn-tertiary { /* bottom: var(--text-spacing-medium); */ display: block; margin: var(--text-spacing-xsmall) 0 0; max-width: max-content; pointer-events: none; /* position: absolute; */ /* right: var(--text-spacing-medium); */ text-decoration: unset; } .block-latest-from-hias .slick-slide a:hover .btn-tertiary:after { transform: translateX(5px); } .block-latest-from-hias .btn-tertiary.circled-arrow { display: block; margin: calc(var(--text-spacing-medium) + 5px) 0 0 auto; max-width: max-content; } /***Featured Statements***/ section + .block-featured-statements { padding-top: 0; } .block-featured-statements { padding: 0 0 var(--module-spacing-large); } .block-featured-statements h2.heading-3 { margin: 0 0 var(--text-spacing-large); } .block-featured-statements ul { list-style: none; margin: var(--text-spacing-large) 0 0; padding: 0; } .block-featured-statements li { grid-column: span 6; } .block-featured-statements li:nth-child(1) { padding: 0 var(--text-spacing-xlarge) 0 0; } .block-featured-statements li:nth-child(2) { padding: 0 0 0 var(--text-spacing-xlarge); position: relative; } .block-featured-statements li:nth-child(2):before { background: var(--mid-gray); content: ''; height: calc(100% + 32px); left: calc(-0.5 * var(--gap)); position: absolute; top: 50%; transform: translate3d(0, -50%, 0); width: 1px; } .block-featured-statements a { color: var(--black); text-decoration: unset; } .block-featured-statements .eyebrow { display: block; font-weight: 400; margin: 0 0 var(--text-spacing-xsmall); } .block-featured-statements h3 { margin-bottom: 0; } .block-featured-statements .btn-tertiary { display: block; margin: var(--text-spacing-small) 0 0; /* pointer-events: none; */ float: right; } .block-featured-statements a:hover .btn-tertiary:after { transform: translateX(5px); } /***Quote***/ .block-quote { padding: 0 0 var(--module-spacing-large); } section + .block-quote { padding-top: 0; } .block-quote .simpatico-grid { align-items: flex-end; } .block-quote .image-container { aspect-ratio: 1; grid-column: 1 / span 3; height: auto; left: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding))); max-width: 375px; margin-bottom: var(--text-spacing-xlarge); position: relative; transition: all 0.25s ease; width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - 20px); } .block-quote .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-quote article { display: flex; flex-direction: column; justify-content: center; grid-column: 4 / -1; height: 100%; margin: 0; padding: calc(92px + var(--text-spacing-xlarge)) 0 92px var(--text-spacing-small); position: relative; } .block-quote article:before { background: var(--dark-blue); content: ''; height: calc(100% - var(--text-spacing-xlarge)); position: absolute; right: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding))); top: var(--text-spacing-xlarge); width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) + ((100% - (8 * var(--gap))) / 9 + var(--gap) + 30px) ); z-index: -1; } .block-quote article blockquote, .block-quote article .citation { padding: 0 0 0 var(--text-spacing-xlarge); } .block-quote article blockquote, .block-quote article blockquote::before, .block-quote article .citation { color: var(--white); } .block-quote article blockquote::before { background: url('data:image/svg+xml;utf8,'); } .block-quote article blockquote { color: var(--white) } .block-quote .mobile-image { display: none; } /*No Image*/ .block-quote.no-image article { grid-column: 3 / span 8; margin: 0; padding-right: 0; } .block-quote.no-image article:before { left: calc(-1 * ( ((100% - (7 * var(--gap))) / 8) + var(--gap))); max-width: unset; width: calc(100% + ( ((100% - (7 * var(--gap))) / 8) * 3 + (3 * var(--gap)) + var(--container-outer-margin) )); } /***Text + Image CTA***/ .block-quote + .block-text-image-cta { padding-top: 0; } .block-text-image-cta { padding: 0 0 var(--module-spacing-large); } .block-text-image-cta article { margin: 0 0 var(--module-spacing-small); } .block-text-image-cta h2 { grid-column: 1 / span 4; } .block-text-image-cta .main-copy { grid-column: 5 / -1; margin: var(--text-spacing-xxsmall) 0 0; } .block-text-image-cta .image-container, .block-text-image-cta .cta-container { grid-column: span 6; } .block-text-image-cta .cta-container { padding: 0 0 0 var(--text-spacing-medium); } .block-text-image-cta .eyebrow { display: block; margin: 0 0 var(--text-spacing-xsmall); } .block-text-image-cta .cta-copy { margin: var(--text-spacing-xxsmall) 0 0; } .block-text-image-cta .btn-tertiary { display: block; /* margin: var(--text-spacing-small) 0 0; */ } .block-text-image-cta > .simpatico-container > div.simpatico-grid { align-items: center; } .block-text-image-cta .image-container { aspect-ratio: 628 / 418; height: auto; width: 100%; } .block-text-image-cta .image-container img { height: 100%; object-fit: cover; width: 100%; } /***Upcoming Events***/ .block-upcoming-events { padding: 0 0 var(--module-spacing-large); } section + .block-upcoming-events { padding-top: 0; } .block-upcoming-events .heading-container { grid-column: 1 / span 4; } .block-upcoming-events .heading-container .btn-primary { margin: var(--text-spacing-small) 0 0; } .block-upcoming-events ul { display: grid; gap: var(--gap); grid-column: 5 / -1; grid-template-columns: repeat(8, minmax(0, 1fr)); justify-content: space-between; list-style: none; margin: 0; padding: 0; position: relative; } .block-upcoming-events ul:has(li:nth-child(2)):before { background: var(--mid-gray); content: ''; height: 100%; left: 50%; position: absolute; top: 0; transform: translate3d(-50%, 0, 0); width: 1px; } .block-upcoming-events li { grid-column: span 4; } .block-upcoming-events li:nth-child(1) { padding-right: 28px; } .block-upcoming-events li:nth-child(2) { padding-left: 28px; } .block-upcoming-events li a { color: var(--black); text-decoration: unset; } .block-upcoming-events li .eyebrow { display: block; font-weight: 400; margin: 0 0 var(--text-spacing-xsmall); } .block-upcoming-events li p { margin: var(--text-spacing-xxsmall) 0 0 !important; } .block-upcoming-events li .btn-tertiary { margin: var(--text-spacing-small) 0 0; pointer-events: none; } .block-upcoming-events li a:hover .btn-tertiary:after { transform: translateX(5px); } /***Donation CTA and Donation CTA Features***/ .block-donation-cta { background: var(--light-gray); padding: var(--module-spacing-medium) 0 90px; } .block-donation-cta-features, .donate-cta { background: var(--slate-blue-medium); padding: var(--module-spacing-medium) 0 90px !important; } .block-donation-cta .simpatico-container, .block-donation-cta-features .simpatico-container, .donate-cta .simpatico-container { align-items: flex-end; } .block-donation-cta article, .block-donation-cta-features article , .donate-cta article { grid-column: 1 / -1; text-align: center; row-gap: 0; } .block-donation-cta article h2, .block-donation-cta-features article h2 , .donate-cta article h2{ grid-column: 1 / -1; } .block-donation-cta .eyebrow, .block-donation-cta article .text-content, .block-donation-cta-features .eyebrow, .block-donation-cta-features article .text-content, .donate-cta article .text-content { grid-column: 2 / span 10; } .block-donation-cta .eyebrow, .block-donation-cta-features .eyebrow { display: block; margin: 0 0 var(--text-spacing-xsmall); } .block-donation-cta article p, .block-donation-cta-features article p, .donate-cta article p { margin: var(--text-spacing-xsmall) 0 0; } .block-donation-cta .donation-container, .block-donation-cta-features .donation-container, .donate-cta .donation-container { display: flex; gap: var(--text-spacing-xsmall); grid-column: 5 / span 4; left: calc(-1 * var(--gap)); position: relative; width: calc(100% + (2 * var(--gap))); } .donation-input-container { position: relative; width: 100%; } .donation-input-container::before { content: '$'; font: 700 calc(18rem / 16)/calc(21 / 18) var(--body-font); left: 22px; position: absolute; top: 50%; transform: translateY(-50%); } .block-donation-cta .donation-container input, .block-donation-cta-features .donation-container input, .donate-cta .donation-container input { background: var(--white); border: unset; border-radius: 48px; /* box-shadow: inset 0px 0px 0px 1px #999CA1; */ font: 700 calc(16rem / 16)/calc(24 / 16) var(--body-font); letter-spacing: -0.3px; padding: 13px 22px 13px 36px; transition: all 0.25s ease; width: 100%; } .block-donation-cta .donation-container input:focus-visible, .block-donation-cta-features .donation-container input:focus-visible, .donate-cta .donation-container input:focus-visible { box-shadow: inset 0px 0px 0px 1px var(--slate-blue); outline: unset; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .block-donation-cta .donation-container .btn-primary, .block-donation-cta-features .donation-container .btn-primary, .donate-cta .donation-container .btn-primary { max-width: max-content; width: 100%; } /***Plain Hero***/ body:has(section.top-helper-nav) .block-plain-hero { padding-top: 199px; } .block-plain-hero { background: var(--mid-blue); padding: 156px 0 var(--module-spacing-small); } .block-plain-hero .simpatico-container { row-gap: var(--text-spacing-xsmall); } .block-plain-hero h1, .block-plain-hero .subheading { color: var(--white); } .block-plain-hero h1 { margin-bottom: 0; } .block-plain-hero h1, .block-plain-hero .subheading { grid-column: 1 / span 9; } /***Multiple CTAs***/ .block-multiple-ctas { padding: var(--module-spacing-medium) 0 var(--module-spacing-large); } .block-multiple-ctas .cta .image-container, .block-multiple-ctas .cta .content { grid-column: span 6; } .block-multiple-ctas article h2 { grid-column: span 8; padding: 0 var(--text-spacing-small) 0 0; } .block-multiple-ctas article .eyebrow { display: block; margin: 0 0 var(--text-spacing-xsmall); } .block-multiple-ctas article .text-content { grid-column: 7 / span 5; } .block-multiple-ctas article:has(.eyebrow) .text-content { margin-top: 33px; } .block-multiple-ctas .ctas-container { display: flex; flex-direction: column; gap: var(--module-spacing-large); margin: var(--text-spacing-xxlarge) 0 0; } .block-multiple-ctas .cta:nth-of-type(even) .image-container { grid-column: 7 / -1; grid-row: 1; margin-left: auto; } .block-multiple-ctas .cta:nth-of-type(even) .content { grid-column: 1 / span 6; grid-row: 1; } .block-multiple-ctas .cta .image-container { aspect-ratio: 600 / 400; height: auto; width: calc(100% - 8px); } .block-multiple-ctas .cta .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-multiple-ctas .cta .content { align-self: center; height: max-content; margin: var(--text-spacing-small) 0; } .block-multiple-ctas .cta:nth-of-type(odd) .content { padding: 0 0 0 var(--text-spacing-medium); } .block-multiple-ctas .cta:nth-of-type(even) .content { padding: 0 var(--text-spacing-medium) 0 0; } .block-multiple-ctas .cta p { margin: var(--text-spacing-xsmall) 0 0; } .block-multiple-ctas .cta .btn-primary { /* font-weight: 800; */ margin: var(--text-spacing-medium) 0 0; text-transform: unset; } /***Info Cards***/ .block-info-cards { overflow: hidden; padding: var(--module-spacing-large) 0; position: relative; } section + .block-info-cards { padding-top: 0; } .block-info-cards:has(.slick-arrow) .info-cards { padding-bottom: 72px; } .block-info-cards .slick-arrow { bottom: 0; height: 44px; left: var(--container-outer-padding); right: unset; top: unset; width: 44px; } .block-info-cards .slick-next { left: calc(var(--container-outer-padding) + 52px); } .block-info-cards .info-card { background: var(--light-gray); color: var(--black); position: relative; text-decoration: unset; } .block-info-cards .info-card article { padding: var(--text-spacing-medium) var(--text-spacing-medium) 92px; } .block-info-cards div.info-card article { padding-bottom: var(--text-spacing-large); } .block-info-cards .image-container { aspect-ratio: 400 / 225; height: auto; width: 100%; } .block-info-cards .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-info-cards .info-card .eyebrow { display: block; margin: 0 0 var(--text-spacing-xxsmall); } .block-info-cards .info-card p { margin: var(--text-spacing-xxsmall) 0 0; } .block-info-cards .info-card .btn-tertiary { bottom: var(--text-spacing-medium); pointer-events: none; position: absolute; right: var(--text-spacing-medium); } .block-info-cards .info-card:hover .btn-tertiary span:after { transform: translateX(5px); } /***Overview***/ .block-overview { padding: var(--module-spacing-medium) 0 100px; } .block-overview .simpatico-container { width: 100vw; } .block-overview .column { display: flex; flex-direction: column; } .block-overview .column.left { grid-column: 1 / span 6; } .block-overview .column.right { grid-column: 7 / -1; margin-left: var(--text-spacing-xlarge); margin-top: calc(var(--text-spacing-xxlarge) + 42px); } .block-overview.has-eyebrow .column.right { margin-top: var(--module-spacing-medium); } .block-overview h2 { display: flex; flex-direction: column; } .block-overview .eyebrow.large { font-size: calc(20rem / 16); font-weight: 900; letter-spacing: -0.2px; line-height: calc(24 / 20); margin-bottom: var(--text-spacing-small); } .block-overview .images-container { margin-top: var(--text-spacing-xxlarge); overflow: hidden; position: relative; } .block-overview figure { display: flex; flex-direction: column; gap: var(--text-spacing-small); height: max-content; max-width: 100%; width: 100%; } .block-overview figure .image-container { aspect-ratio: 643 / 429; height: auto; width: 100%; } .block-overview figure .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-overview figcaption { width: 100%; } .block-overview h3 + .text-content { margin-top: var(--text-spacing-medium); } .block-overview .text-content > * { margin: 0 0 var(--text-spacing-small); } .block-overview .text-content p:not(:last-child):not(.caption):not(.footer-p) { margin-bottom: var(--text-spacing-small); } .block-overview .text-content > :last-child { margin-bottom: 0; } .block-overview .text-content a:hover { color: #00a3e0; } .block-overview .text-content > ul, .block-overview .text-content > ol { list-style: none; padding: 0; } .block-overview .text-content > ul > li { padding: 0 0 0 18px; position: relative; } .block-overview .text-content > ul > li:before { aspect-ratio: 1; background: var(--mid-blue); border-radius: 100%; content: ''; height: auto; left: 0; position: absolute; top: 10px; width: 7px; } .block-overview .text-content > ol { counter-reset: overview-ol; } .block-overview .text-content > ol > li { counter-increment: overview-ol; padding: 0 0 0 18px; position: relative; } .block-overview .text-content > ol > li:before { color: var(--mid-blue); content: counter(overview-ol)"."; font-family: var(--heading-font); font-weight: 700; left: 0; position: absolute; top: 0; } .block-overview .text-content > ul > li + li, .block-overview .text-content > ol > li + li { margin-top: var(--text-spacing-xxsmall); } /*Carousel*/ .block-overview .overview-carousel .slick-list { position: relative; z-index: 1; } .block-overview .overview-carousel .slick-track { gap: 0; } .block-overview .overview-carousel figcaption { margin-left: auto; width: calc(100% - 112px); } .block-overview .overview-carousel .slick-arrow { background-size: 28px; height: 40px; width: 40px; } .block-overview .overview-carousel .slick-prev { left: 0; } .block-overview .overview-carousel .slick-next { left: 48px; } /*Color Options - Light Gray*/ .block-overview.light-gray { background: var(--light-gray); } .block-overview.light-gray h2 { color: var(--dark-blue); } .block-overview.light-gray h3 { color: var(--mid-blue); } .block-overview.light-gray .eyebrow { color: #4F6F9F; } .block-overview.light-gray .text-content *, .block-overview.light-gray figcaption { color: var(--midnight-blue); } /*Color Options - Dark Blue*/ .block-overview.dark-blue { background: var(--dark-blue); } .block-overview.dark-blue h2, .block-overview.dark-blue h3, .block-overview.dark-blue .text-content *, .block-overview.dark-blue figcaption { color: var(--white); } .block-overview.dark-blue .eyebrow { color: var(--slate-blue-dark); } .block-overview.dark-blue .text-content > ul > li:before { background: var(--slate-blue-dark); } .block-overview.dark-blue .text-content > ol > li:before { color: var(--slate-blue-dark); } /***Full-Bleed Image + Content***/ .block-full-bleed-image-content { aspect-ratio: 100 / 43; position: relative; width: 100%; } .block-events + .block-full-bleed-image-content { margin-top: var(--module-spacing-medium); } .fullbleed-container { align-items: flex-end; display: flex; height: 100%; padding: 175px 0; position: relative; width: 100%; } .video-fullbleed-container { align-items: flex-end; display: grid; } .video-fullbleed-container .video-container, .video-fullbleed-container .simpatico-container { grid-column: 1 / -1; grid-row: 1 / -1; width: 100%; } .video-fullbleed-container .video-container { height: 100%; } .video-fullbleed-container .video-container video { display: block; object-fit: cover; height: 100%; width: 100%; } .video-fullbleed-container .simpatico-container.simpatico-grid { padding-bottom: 175px; padding-top: 175px; } .block-full-bleed-image-content .image-container, .block-big-cta .image-container { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: -1; } .block-full-bleed-image-content.caption-present .image-container:before, .block-full-bleed-image-content .video-container:before, .block-intro-euro .intro-media:before, .block-big-cta .image-container:before { background: linear-gradient(to top, rgb(0 0 0 / 20%) 0%, rgb(0 0 0 / 0%) 100%); content: ''; height: 100%; position: absolute; right: 0; top: 0; width: 100%; } .block-full-bleed-image-content .image-container:after, .block-intro-euro .intro-media:after, .block-big-cta .image-container:after { background: linear-gradient(90deg, rgb(0 0 0 / 90%) 0%, rgb(0 0 0 / 0%) 100%); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .block-full-bleed-image-content .image-container img, .block-big-cta .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-full-bleed-image-content .simpatico-grid { padding: 0 var(--container-outer-padding); } .block-full-bleed-image-content article { display: flex; flex-direction: column; gap: 0 var(--gap); grid-column: 1 / span 7; width: calc(100% + var(--gap) + 10px); margin-bottom: -110px; } .block-full-bleed-image-content h2, .block-full-bleed-image-content p, .block-big-cta article h2, .block-big-cta article p { color: var(--white); } .block-full-bleed-image-content h2 { font-weight: 900; } .block-full-bleed-image-content .eyebrow { display: block; margin: 0 0 var(--text-spacing-xsmall); position: relative; } .block-full-bleed-image-content p, .block-big-cta article p { margin: var(--text-spacing-xxsmall) 0 0 !important; } .block-full-bleed-image-content .buttons-container { align-items: center; display: flex; gap: var(--text-spacing-xsmall) var(--text-spacing-medium); margin: var(--text-spacing-small) 0 0; } .block-full-bleed-image-content .btn-secondary.alt span:after { background: url(svgs/icon-arrow.svg) no-repeat; background-color: var(--pink); background-position: center; background-size: 22px; border-radius: 100%; content: ''; height: 32px; margin-left: 8px; margin-top: 0; transform: rotate(90deg); transition: all 0.25s ease; vertical-align: -10px; width: 32px; } .block-full-bleed-image-content .btn-secondary.white.alt span:after { filter: unset; } .block-full-bleed-image-content .btn-secondary.alt:hover span:after { background-color: var(--dark-pink); transform: translate3d(0, 0, 0) rotate(90deg); } .block-full-bleed-image-content .caption-container { bottom: 0; left: 50%; position: absolute; transform: translate3d(-50%, 0, 0); } .block-full-bleed-image-content .fullbleed-caption { color: var(--white); font: 300 calc(12rem / 16)/calc(14.4 / 12) var(--body-font); letter-spacing: -0.3px; margin: 0 0 var(--text-spacing-xsmall) !important; width: 100%; } /***Full Bleed Media***/ .block-full-bleed-media .cover-image-container { position: relative; } .block-full-bleed-media .cover-image-container .subhead { align-items: center; bottom: var(--text-spacing-small); color: var(--white); display: flex; left: var(--text-spacing-small); position: absolute; text-decoration: none; } .block-full-bleed-media .cover-image-container .subhead .play-btn { bottom: 0; left: 0; margin-right: 16px; position: relative; right: 0; top: 0; } .block-full-bleed-media .cover-image-container img { height: auto; max-height: 800px; object-fit: cover; width: 100%; } .block-full-bleed-media article { padding: var(--text-spacing-small) var(--module-spacing-medium) 0; } .block-full-bleed-media article p { text-align: right; } .block-full-bleed-media + .block-featured-links { margin-top: var(--module-spacing-medium); } /***Statement***/ .block-statement { padding: var(--module-spacing-medium) 0; } .block-statement .simpatico-container { width: 100vw; } .block-statement h2 { display: flex; flex-direction: column; gap: var(--text-spacing-small); grid-column: 1 / span 6; } .block-statement h2 .eyebrow { color: var(--slate-blue); margin-bottom: var(--text-spacing-xxsmall); } .block-statement h2 .date { font: 400 calc(16rem / 16)/calc(26 / 16) var(--heading-font); letter-spacing: -0.6px; } .block-statement article { align-items: flex-start; display: flex; flex-direction: column; grid-column: 7 / -1; margin-left: var(--text-spacing-large); margin-top: var(--text-spacing-xxsmall); } .block-statement.has-eyebrow article { margin-top: var(--module-spacing-small); } .block-statement .text-content { color: var(--midnight-blue); } .block-statement .text-content ul, .block-statement .text-content ol { margin: 0 0 30px; } .block-statement .text-content > :last-child { margin-bottom: 0; } .block-statement article .btn-primary { margin-top: var(--text-spacing-medium); } /*Color Option - Dark Blue*/ .block-statement.dark-blue { background: var(--dark-blue); } .block-statement.dark-blue h2, .block-statement.dark-blue .text-content { color: var(--white); } .block-statement.dark-blue h2 .eyebrow { color: var(--white); } /***Text + Image***/ .block-text-image { background: var(--light-gray); padding: 100px 0; } .block-text-image + .block-text-image { padding-top: 0; } .block-text-image .simpatico-container { width: 100vw; } .block-text-image .simpatico-grid { align-items: flex-start; } .block-text-image .mobile-heading { display: none; grid-column: 1 / -1; } .block-text-image article { align-items: flex-start; display: flex; flex-direction: column; grid-column: 1 / span 6; margin: 0 var(--text-spacing-large) 0 var(--text-spacing-xlarge); } .block-text-image article h2, .block-text-image .mobile-heading { color: var(--black); } .block-text-image article h2 + .text-content { margin: var(--text-spacing-xsmall) 0 0; } .block-text-image .text-content > * { /* color: var(--midnight-blue); */ margin: 0 0 var(--text-spacing-small); } .block-text-image .text-content p:not(:last-child):not(.caption):not(.footer-p) { margin-bottom: var(--text-spacing-small); } .block-text-image .text-content > :last-child { margin-bottom: 0; } .block-text-image .text-content a:hover { color: #00a3e0; } .block-text-image .text-content > ul, .block-text-image .text-content > ol { list-style: none; padding: 0; } .block-text-image .text-content > ul > li { padding: 0 0 0 18px; position: relative; } .block-text-image .text-content > ul > li:before { aspect-ratio: 1; background: var(--mid-blue); border-radius: 100%; content: ''; height: auto; left: 0; position: absolute; top: 8px; width: 7px; } .block-text-image .text-content > ol { counter-reset: overview-ol; } .block-text-image .text-content > ol > li { counter-increment: overview-ol; padding: 0 0 0 18px; position: relative; } .block-text-image .text-content > ol > li:before { color: var(--mid-blue); content: counter(overview-ol)"."; font-family: var(--heading-font); font-weight: 700; left: 0; position: absolute; top: 0; } .block-text-image .text-content > ul > li + li, .block-text-image .text-content > ol > li + li { margin-top: var(--text-spacing-xxsmall); } .block-text-image article .button-container { align-items: center; display: flex; flex-wrap: wrap; gap: var(--text-spacing-small); margin-top: var(--text-spacing-medium); } .block-text-image figure { display: flex; flex-direction: column; gap: var(--text-spacing-xsmall); grid-column: 7 / -1; height: max-content; max-width: 100%; width: 100%; } .block-text-image figure .image-container { aspect-ratio: 643 / 428; height: auto; width: 100%; } .block-text-image figure .image-container img { height: 100%; object-fit: cover; width: 100%; } /***Featured Articles***/ .block-featured-articles { padding: var(--module-spacing-medium) 0; } .block-featured-articles + .block-featured-articles:not(.background.count-2) { padding-top: 0; } .block-featured-articles .simpatico-container { width: 100vw; } .block-featured-articles .heading-container { align-items: center; display: flex; gap: var(--gap); justify-content: space-between; margin: 0 0 var(--text-spacing-large); } .block-featured-articles .heading-container h2 { margin-bottom: 0; } .block-featured-articles .heading-container .btn-tertiary { margin: 0 0 0 auto; text-align: right; } .block-featured-articles .heading-container h2 + .btn-tertiary { margin: 0; } .block-featured-articles .heading-container .btn-tertiary span { margin-right: -6px; } .block-featured-articles ul { display: flex; list-style: none; margin: 0; padding: 0; } .block-featured-articles.count-2 li { width: 50%; } .block-featured-articles li a { color: var(--midnight-blue); text-decoration: unset; } .block-featured-articles .image-container { height: 100%; width: 100%; } .block-featured-articles .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-text-image figcaption { color: var(--midnight-blue); font: 300 calc(12rem / 16)/calc(20 / 12) var(--body-font); letter-spacing: -0.2px; width: 100%; } /*Layout - Text Right*/ .block-text-image.text-right article { grid-column: 7 / -1; grid-row: 1; } .block-text-image.text-right figure { grid-column: 1 / span 6; grid-row: 1; } /***How to Help***/ .block-how-to-help { padding: var(--module-spacing-medium) 0; } .block-how-to-help.light-gray { background: var(--light-gray); } .block-how-to-help .simpatico-container { width: 100vw; } .block-how-to-help .simpatico-grid { gap: var(--text-spacing-xsmall) var(--gap); } .block-how-to-help .eyebrow { color: #4F6F9F; /*Slate Blue on light*/ font: 900 calc(20rem / 16)/calc(24 / 20) var(--heading-font); grid-column: 1 / -1; } .block-how-to-help .column { display: flex; flex-direction: column; } .block-how-to-help .column.left { grid-column: 1 / span 6; } .block-how-to-help .column.right { grid-column: 7 / -1; } .block-how-to-help .content-box { align-items: flex-start; display: flex; flex-direction: column; height: 100%; margin-top: var(--text-spacing-medium); padding: var(--text-spacing-large) var(--text-spacing-xlarge); } .block-how-to-help .content-box h3 { color: var(--mid-blue); position: relative; } .block-how-to-help .content-box h3.icon-alert { /* padding-left: 40px; */ } .block-how-to-help .content-box h3.icon-alert:before { background: url('svgs/icon-alert-full-yellow.svg') no-repeat; background-size: 100%; content: ''; display: inline-block; height: 31px; margin: 0 10px -5px 0; /* left: 0; position: absolute; top: 0; */ width: 30px; } .block-how-to-help .content-box p { color: var(--midnight-blue); margin: 4px 0 16px; } .block-how-to-help .content-box p:not(:last-child):not(.caption):not(.footer-p) { margin-bottom: 16px; } /*Box Style - Light*/ .block-how-to-help .content-box.light { background: var(--light-gray); } .block-how-to-help.light-gray .content-box.light { background: var(--white); } /*Box Style - Dark*/ .block-how-to-help .content-box.dark { background: var(--midnight-blue); } .block-how-to-help .content-box.dark h3 { color: var(--slate-blue-dark); } .block-how-to-help .content-box.dark p { color: var(--white); } .block-featured-articles article { color: var(--black); } .block-featured-articles article .eyebrow { display: block; font-weight: 500; letter-spacing: -0.3px; margin: 0 0 var(--text-spacing-xxsmall); text-transform: unset; } .block-featured-articles article p:not(:last-child):not(.caption):not(.footer-p) { margin: var(--text-spacing-xxsmall) 0 0; } .block-featured-articles article .btn-secondary { margin: var(--text-spacing-small) 0 0; pointer-events: none; } .block-featured-articles li a:hover .btn-secondary span:after { transform: translateX(5px); } /*One Post*/ .block-featured-articles.count-1 li a { align-items: center; display: grid; gap: var(--gap); grid-template-columns: var(--grid); } .block-featured-articles.count-1 .image-container { aspect-ratio: 415 / 234; grid-column: 1 / span 4; } .block-featured-articles.count-1 article { grid-column: 5 / -1; padding: 0 0 0 var(--text-spacing-small); } /*Double Post*/ .block-featured-articles.count-2 ul { gap: var(--module-spacing-small) var(--module-spacing-medium); } .block-featured-articles.count-2 .image-container { aspect-ratio: 623 / 350; height: auto; } .block-featured-articles.count-2 article { margin: var(--text-spacing-medium) 0 0; } /*Background*/ .block-featured-articles.count-1.background li { padding: var(--text-spacing-medium) 0; } .block-featured-articles.count-1.background.light-gray li, .block-featured-articles.count-2.background.light-gray { background: var(--light-gray); } .block-featured-articles.count-1.background .image-container { aspect-ratio: 383 / 216; margin: 0 0 0 auto; width: calc(100% - var(--text-spacing-medium)); } .block-featured-articles.count-1.background article { padding: 0 var(--text-spacing-large) 0 var(--text-spacing-medium); } /***Images Two Large***/ .block-images-two-large .block-title { grid-column: 1 / span 8; margin: 0 0 var(--text-spacing-xxsmall); } .block-images-two-large .block-title p { margin-top: var(--text-spacing-xxsmall) !important; } .block-images-two-large .item { grid-column: span 6; padding: 0 20px 0 0; } .block-images-two-large .item:last-of-type { padding: 0 0 0 20px; } .block-images-two-large .item-media { aspect-ratio: 558 / 314; height: auto; transition: opacity 0.25s ease; width: 100%; } .block-images-two-large .item-media:hover { opacity: 0.75; } .block-images-two-large .item-media img { height: 100%; object-fit: cover; width: 100%; } .block-images-two-large .item a { color: var(--black); text-decoration: unset; } .block-images-two-large .item-content { margin: var(--text-spacing-medium) 0 0; } .block-images-two-large .item-content p { margin: var(--text-spacing-xxsmall) 0 0; } .block-images-two-large .item .btn-secondary { margin: var(--text-spacing-small) 0 0; } /***Images Two Small***/ .block-images-two-small article { margin: 0 0 var(--text-spacing-xlarge); } .block-images-two-small article h2 { grid-column: 1 / span 4; } .block-images-two-small article:not(:has(p)) h2 { grid-column: 1 / -1; } .block-images-two-small article p { grid-column: 5 / -1; margin: 0 !important; } .block-images-two-small .image { color: var(--black); grid-column: span 3; } .block-images-two-small a.image { text-decoration: unset !important; } .block-images-two-small .image.large { grid-column: span 6; } .block-images-two-small .image .image-container { aspect-ratio: 578 / 326; height: auto; transition: opacity 0.25s ease; width: 100%; } .block-images-two-small .image .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-images-two-small a.image:hover .image-container { opacity: 0.6; } .block-images-two-small .image .paragraph-large { font-weight: 700; } .block-images-two-small .image .content { margin: var(--text-spacing-xsmall) 0 0 !important; width: 100% !important; } .block-images-two-small .image.large .content { margin: var(--text-spacing-small) 0 0 !important; } .block-images-two-small .image p { margin: var(--text-spacing-xxsmall) 0 0 !important; } .block-images-two-small .image .btn-secondary { margin: var(--text-spacing-xsmall) 0 0; } /***Accordion Timeline***/ .block-accordion-timeline .accordion { border-bottom: 1px solid var(--mid-gray); row-gap: 0; position: relative; } .block-accordion-timeline .accordion:before { background: var(--light-gray); content: ''; height: 100%; left: 50%; opacity: 0; pointer-events: none; position: absolute; top: 0; transform: translate3d(-50%, 0, 0); transition: opacity 0.25s ease; width: calc(100% + (2 * var(--text-spacing-xlarge))); z-index: 1; } .block-accordion-timeline .accordion.active:before { opacity: 1; } .block-accordion-timeline .accordion > button { align-items: center; background: unset; border: unset; grid-column: 1 / -1; padding: var(--text-spacing-xlarge) 0; position: relative; text-align: left; z-index: 2; } .block-accordion-timeline .timeline-image { grid-column: 1 / span 5; } .block-accordion-timeline .timeline-image .eyebrow { display: none; } .block-accordion-timeline .timeline-image .image-container { aspect-ratio: 475 / 268; height: auto; transition: opacity 0.25s ease; width: 100%; } .block-accordion-timeline .accordion:not(.active) button:hover .timeline-image .image-container { opacity: 0.75; } .block-accordion-timeline .timeline-image .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-accordion-timeline .timeline-image p { margin: var(--text-spacing-xsmall) 0 0; } .block-accordion-timeline article { grid-column: 6 / -1; padding: 0 0 0 var(--text-spacing-medium); position: relative; } .block-accordion-timeline .timeline-image:has(p.xsmall) + article { margin-top: -36px; } .block-accordion-timeline article .eyebrow { display: block; margin-bottom: var(--text-spacing-xsmall); } .block-accordion-timeline article > h3 { padding-right: calc((100% - (6 * var(--gap))) / 7 + var(--gap)); position: relative; } .block-accordion-timeline article > h3 .button-icon { aspect-ratio: 1; background: var(--pink); border-radius: 100%; height: auto; position: absolute; right: 0; top: 50%; transform: translate3d(0, -50%, 0); width: 44px; } .block-accordion-timeline button:hover article > h3 .button-icon { background: var(--dark-pink); } .block-accordion-timeline .accordion.active article > h3 .button-icon { background: var(--mid-gray); } .block-accordion-timeline .accordion.active button:hover article > h3 .button-icon { background: var(--mid-gray-hover); } .block-accordion-timeline article > h3 .button-icon:before, .block-accordion-timeline article > h3 .button-icon:after { background: var(--white); content: ''; height: 2px; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); transition: all 0.25s ease; width: 14px; } .block-accordion-timeline article > h3 .button-icon:after { height: 14px; width: 2px; } .block-accordion-timeline .accordion.active article > h3 .button-icon:before, .block-accordion-timeline .accordion.active article > h3 .button-icon:after { background: var(--black); opacity: 0.5; } .block-accordion-timeline .accordion.active article > h3 .button-icon:after { opacity: 0; transform: translate3d(-50%, -50%, 0) rotate(270deg); } /*Content*/ .block-accordion-timeline .content { display: none; grid-column: 6 / -1; opacity: 0; padding-left: var(--text-spacing-medium); padding-right: calc((100% - (6 * var(--gap))) / 7 + var(--gap)); pointer-events: none; position: relative; transition: all 0.25s ease; transform: translate3d(0, 0, 0); visibility: hidden; width: 100%; z-index: 2; } .block-accordion-timeline .content > *:not(:last-child) { margin-bottom: var(--text-spacing-small) !important; } .block-accordion-timeline .accordion.active .content { display: block; opacity: 1; pointer-events: all; visibility: visible; } .block-accordion-timeline .content cite p.eyebrow { margin: 0 0 var(--text-spacing-xxsmall) !important; } .block-accordion-timeline .content .image-wrapper, .block-accordion-timeline .content .video-container .image-container { aspect-ratio: 984 / 553; height: auto; position: relative; width: 100%; } .block-accordion-timeline .content .image-wrapper img, .block-accordion-timeline .content .video-container .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-accordion-timeline .content .two-images { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--text-spacing-small); } .block-accordion-timeline .video-trigger { display: block; position: relative; } .block-accordion-timeline .content .media-caption { margin: var(--text-spacing-xxsmall) 0 0; } /***Announcements Latest***/ .block-announcements-latest .btn-tertiary { display: block; margin: var(--text-spacing-large) 0 0 auto; max-width: max-content; } .block-announcements-latest .items { display: flex; flex-direction: column; gap: var(--text-spacing-small); margin: var(--text-spacing-xlarge) 0 0; } .block-announcements-latest .item, .block-podcasts .items .item .item-content { border-bottom: 1px solid var(--mid-gray); color: var(--black); padding: 0 0 var(--text-spacing-small); position: relative; text-decoration: unset; } .block-podcasts .items .item:not(:last-child) .item-content { margin-bottom: var(--text-spacing-small); } .block-podcasts .item .item-content a .podcast-btn { top: 0; } .block-announcements-latest .item .text-content { grid-column: 1 / span 10; } .block-announcements-latest .item .eyebrow { font-weight: 400; } .block-announcements-latest .item .btn-icon { aspect-ratio: 1; background: var(--pink); border-radius: 100%; height: auto; position: absolute; right: 0; top: 50%; transform: translate3d(0, -50%, 0); transition: background 0.25s ease; width: 44px; } .block-announcements-latest .item:hover .btn-icon { background: var(--dark-pink); } .block-announcements-latest .item .btn-icon:before { aspect-ratio: 1; background: url('svgs/icon-button-chevron.svg') no-repeat; background-size: 100%; content: ''; filter: invert(1); height: auto; left: 50%; position: absolute; top: calc(50% + 1px); transform: translate3d(-50%, -50%, 0); width: 24px; } /***Six Tile Image Header***/ @media only screen and (min-width: 1200px) { .block-six-tile-image-header .tile .tile-overlay { /* border-width: 12px; */ } .block-six-tile-image-header .tile .tile-overlay .tile-title[style*="margin-top: 95px"], .block-six-tile-image-header .tile .tile-overlay .tile-title:not([style*="margin-top"]) { margin-top: 85px !important; } } /***Countries***/ .block-countries article { grid-column: 1 / span 4; } .block-countries article p { margin: var(--text-spacing-xxsmall) 0 0 !important; } .block-countries .countries { display: flex; flex-wrap: wrap; gap: var(--text-spacing-xsmall) var(--gap); grid-column: 5 / -1; height: max-content; padding: var(--text-spacing-xxsmall) 0 0 var(--text-spacing-xlarge); } .block-countries .country { width: calc((100% - (2 * var(--gap))) / 3); } .block-countries .country a { align-items: center; display: flex; gap: var(--text-spacing-xsmall); height: max-content; max-width: max-content; text-decoration: unset; width: 100%; } .block-countries .country .image-container { align-items: center; background: var(--light-gray); border-radius: 100%; display: flex; height: 60px; justify-content: center; width: 60px; } .block-countries .country .image-container img { aspect-ratio: 30 / 20; height: auto; width: 30px; } /***Crisis***/ .block-crisis .item { padding: var(--text-spacing-large) 0 !important; } .block-crisis .item:not(.has-image) { background: var(--light-gray); padding: var(--text-spacing-large) 64px !important; } .block-crisis .simpatico-container .items .item:not(:first-child) { margin-top: var(--text-spacing-large); } .block-crisis .item .item-content { padding: 0; } .block-crisis .item-content:after { display: none; } .block-crisis .crisis-content { align-items: center; } .block-crisis .simpatico-grid .left-col { align-items: flex-start; display: flex; flex-direction: column; grid-column: 1 / span 7; height: 100%; justify-content: center; padding: 0 0 0 64px; position: relative; } .block-crisis .simpatico-grid .left-col:before { background: var(--light-gray); content: ''; height: calc(100% + (2 * var(--text-spacing-large))); left: 0; position: absolute; top: calc(-1 * var(--text-spacing-large)); width: calc(100% + ((100% - (6 * var(--gap))) / 7 * 2.5 + (3 * var(--gap))) ); z-index: -1; } .block-crisis .item .item-content .btn-secondary { margin: var(--text-spacing-xsmall) 0 0; } .block-crisis .item h4 { position: relative; } .block-crisis .item h4:before { aspect-ratio: 1; background: var(--yellow); border-radius: 100%; content: ''; height: auto; left: -24px; position: absolute; top: 9px; width: 12px; } .block-crisis .simpatico-grid .image-col { grid-column: 8 / -1; } .block-crisis .item .img-holder { background: var(--white); } .block-crisis .item .img-holder:after { display: none; } .block-crisis .item a:hover img { opacity: 0.75; } /***Default Article Block***/ #content .block-events:first-child, #content .block-article:first-child { padding-top: var(--module-spacing-medium); } #content .block-intro-one:first-child { padding-top: var(--text-spacing-large); } .block-article .block-container, .embedded .block-container { grid-column: 3 / span 8; } .block-article .article-block:not(.featured-img):not(.swiper-holder) { padding-right: unset !important; } .block-article .article-block:not(:last-child):not(.swiper-holder) { margin-bottom: var(--text-spacing-large) !important; } #content .block-article .richtext h2, #content .block-article .richtext h3 { margin-bottom: var(--text-spacing-xxsmall); } /***Intro Euro***/ .block-intro-euro .intro-media { height: 100%; left: 50%; position: absolute; top: 0; transform: translate3d(-50%, 0, 0); width: 100vw; z-index: -1; } .block-intro-euro .intro-media:before, .block-intro-euro .intro-media:after { opacity: 0.6; } .block-intro-euro .intro-media .image-large, .block-intro-euro .intro-media .image-medium { height: 100%; width: 100%; } .block-intro-euro .intro-media .image-medium { display: none; } .block-intro-euro .intro-media img { height: 100%; object-fit: cover; width: 100%; } .block-intro-euro .simpatico-container .intro-content-holder { grid-column: 1 / span 9; left: unset; padding: calc(448 / 1440 * 100vw) 0 var(--module-spacing-medium); position: relative; top: unset; } .block-intro-euro .intro-content-holder .intro-content { padding: 0 !important; } .block-intro-euro .intro-content-holder .intro-content > * { color: var(--white) !important; } .block-intro-euro .intro-content-holder .heading-5 { margin: var(--text-spacing-xxsmall) 0 0; } .block-intro-euro .intro-media-caption { margin: var(--text-spacing-xsmall) 0 0 auto; } /***Home Featured 3 Images***/ .block-home-featured-3images .featured { align-items: center; } .block-home-featured-3images .featured article { grid-column: 1 / span 5; } .block-home-featured-3images .featured .eyebrow { display: block; margin: 0 0 var(--text-spacing-xsmall); } .block-home-featured-3images .featured .btn-primary { margin: var(--text-spacing-small) 0 0; } .block-home-featured-3images .featured .media-container { grid-column: 6 / -1; } .block-home-featured-3images .featured .image-container { aspect-ratio: 681 / 386; height: auto; overflow: hidden; position: relative; width: 100%; } .block-home-featured-3images .featured .image-container img, .block-home-featured-3images .three-images .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-home-featured-3images .three-images { margin: var(--text-spacing-large) 0 0; } .block-home-featured-3images .three-images .image-link { grid-column: span 4; text-decoration: unset; } .block-home-featured-3images .three-images .image-container { aspect-ratio: 372 / 210; height: auto; overflow: hidden; position: relative; width: 100%; } .block-home-featured-3images .three-images article { margin: var(--text-spacing-small) 0 0; } .block-home-featured-3images .three-images .btn-secondary { margin: var(--text-spacing-xsmall) 0 0; } /***Home Top Featured***/ .block-home-top-featured .featured-article { grid-column: 1 / span 9; } .block-home-top-featured .article-link { position: relative; text-decoration: unset; } .block-home-top-featured .featured-article .article-link { align-items: flex-end; color: var(--white); display: flex; height: calc(500 / 1440 * 100vw); min-height: 500px; } .block-home-top-featured .featured-article article { padding: 278px 158px var(--text-spacing-xlarge) var(--text-spacing-xlarge); position: relative; width: 100%; z-index: 2; } .block-home-top-featured .featured-article .emergency-tag { display: block; margin: 0 0 var(--text-spacing-xsmall); max-width: max-content; } .block-home-top-featured .featured-article h3 { color: var(--white); } .block-home-top-featured .featured-article .btn-primary { margin: var(--text-spacing-small) 0 0; } .block-home-top-featured .featured-article .article-link:hover .btn-primary { background: var(--dark-pink); } .block-home-top-featured .featured-article .article-link:hover .btn-primary span:after { transform: translate3d(5px, 0, 0); } .block-home-top-featured .featured-article .image-container { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .block-home-top-featured .featured-article .image-container:before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%); bottom: 0; content: ''; height: 100%; left: 0; max-height: 322px; position: absolute; width: 100%; z-index: 1; } .block-home-top-featured .featured-article .image-container img, .block-home-top-featured .additional-articles .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-home-top-featured .additional-articles { display: flex; flex-direction: column; gap: var(--gap); grid-column: 10 / -1; } .block-home-top-featured .additional-articles .image-container { aspect-ratio: 269 / 152; height: auto; width: 100%; } .block-home-top-featured .additional-articles article { margin: var(--text-spacing-xsmall) 0 0; } .block-home-top-featured .additional-articles h3 { font-weight: 700; } .block-home-top-featured .additional-articles .btn-secondary { margin: var(--text-spacing-xxsmall) 0 0; } .block-home-top-featured .additional-articles .emergency-tag { left: 0; position: absolute; top: 0; max-width: 100%; } /***Image Carousel***/ .block-image-carousel { padding-bottom: 10px; } .block-image-carousel .items .imagesSwiper:before { display: none !important; } .block-image-carousel .items .swiper-wrapper .swiper-slide .img-holder p { margin-top: 18px; min-height: 48px; max-width: calc(100% - 180px); } /***Policy Center Image Carousel***/ /* body:has(#content section.pc-header:first-of-type) header:not(.sticky-header, .dropdown-open) .logo img, body:has(#content section.pc-header:first-of-type) header:not(.sticky-header, .dropdown-open) #menu-new-main-menu > li > a:after { filter: brightness(0) invert(1); } body:has(#content section.pc-header:first-of-type) header:not(.sticky-header, .dropdown-open) #menu-new-main-menu > li > a { color: var(--white); } */ .pc-header { background: var(--dark-blue); padding-bottom: 224px; } .pc-header h1, .block-pc-image-carousel .item-content h3 { color: var(--white); } .block-pc-image-carousel .item-content a { align-items: flex-end; height: min-content; min-height: calc(674 / 1440 * 100vw); position: relative; } .block-pc-image-carousel .item-content .image-container { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .block-pc-image-carousel .item-content .image-container:before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.85) 100%); content: ''; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 1; } .block-pc-image-carousel .item-content .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-pc-image-carousel .item-content article { color: var(--white); grid-column: 1 / span 9; padding: var(--module-spacing-xlarge) 0 var(--module-spacing-medium) var(--module-spacing-medium); position: relative; z-index: 2; } .block-pc-image-carousel .item-content p { margin: var(--text-spacing-xxsmall) 0 0 !important; } .block-pc-image-carousel .item-content .btn-primary { margin: var(--text-spacing-small) 0 0; } .block-pc-image-carousel .item-content a:hover .btn-primary { background: var(--dark-pink); } .block-pc-image-carousel .item-content a:hover .btn-primary span:after { transform: translate3d(5px, 0, 0); } .block-pc-image-carousel ol.carousel-indicators { bottom: -34px; gap: var(--text-spacing-xxsmall); justify-content: flex-end; left: unset; margin: 0 !important; } .block-pc-image-carousel ol.carousel-indicators [data-bs-target]:not(.active), .block-pc-image-carousel ol.carousel-indicators [data-bs-target].active { background: var(--mid-gray); border: unset; height: 10px !important; margin: 0; opacity: 1; transition: background 0.25s ease; width: 10px !important; } .block-pc-image-carousel ol.carousel-indicators [data-bs-target].active { background: var(--dark-blue); } .block-pc-image-carousel ol.carousel-indicators [data-bs-target]:not(.active):hover { background: var(--dark-blue); } /***Small CTA***/ .block-small-cta .cta-container { background: var(--light-gray); color: var(--black); grid-column: 2 / span 10; padding: var(--text-spacing-large) var(--text-spacing-xxlarge); text-align: center; } .block-small-cta .eyebrow { display: block; margin: 0 0 var(--text-spacing-xsmall); text-align: center; } .block-small-cta .btn-primary { color: var(--white); display: block; margin: var(--text-spacing-small) auto 0; max-width: max-content; } /***Indented List***/ .block-indented-list article, .block-indented-list .list-container { grid-column: 2 / span 10; } .block-indented-list article h2, .block-indented-list article p { grid-column: 1 / -1; } .block-indented-list h2 + p { margin: calc(var(--text-spacing-xsmall) * -1) 0 0; } .block-indented-list .list-container { margin: -16px 0 0; } .block-indented-list .list { margin: 0; padding: 0 0 0 18px; } .block-indented-list .list li + li { margin-top: var(--text-spacing-small); } .block-indented-list .list p { margin-bottom: 0 !important; } .block-indented-list .list .btn-secondary { margin: var(--text-spacing-xxsmall) 0 0; } /*With Image*/ .block-indented-list.image-layout article { grid-column: 1 / -1; margin: 0 0 var(--text-spacing-small); } .block-indented-list.image-layout article h2 { grid-column: 1 / span 4; } .block-indented-list.image-layout article p { grid-column: 5 / -1; } .block-indented-list.image-layout h2 + p { margin: var(--text-spacing-xxsmall) 0 0; } .block-indented-list.image-layout .image-container { aspect-ratio: 578 / 385; grid-column: 1 / span 6; height: auto; width: 100%; } .block-indented-list.image-layout .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-indented-list.image-layout .list-container { align-self: center; grid-column: 7 / -1; margin: 0; padding: 0 0 0 var(--text-spacing-medium); } .block-indented-list .list-container .paragraph, .block-indented-list .list-container .heading-5 { font-weight: 700; margin: 0 0 var(--text-spacing-xsmall); } .block-indented-list.image-layout .list li + li { margin-top: var(--text-spacing-xsmall); } /***Intro Stats***/ .block-intro-stats article { grid-column: 2 / span 9; padding: 0 var(--text-spacing-small) 0 0; padding: 0; } .block-intro-stats.no-stats article { grid-column: 2 / span 9; } .block-intro-stats article .eyebrow { display: block; margin: 0 0 var(--text-spacing-xxsmall); } .block-intro-stats article .text-content { margin: var(--text-spacing-xxsmall) 0 0; } .block-intro-stats article .text-content p { margin: 0 0 var(--text-spacing-xsmall); } .block-intro-stats article .text-content * + p { margin-top: var(--text-spacing-xsmall); } .block-intro-stats article .text-content > *:last-child { margin-bottom: 0; } .block-intro-stats article .btn-tertiary { margin: var(--text-spacing-small) 0 0; text-decoration: unset !important; } .block-intro-stats .stats-container { display: flex; gap: var(--gap); grid-column: 2 / 9; padding: 0 0 0 var(--text-spacing-large); padding: 0; } .block-intro-stats .stats-container p { font-weight: 700; margin: var(--text-spacing-xxsmall) 0 0 !important; } /***Intro Country***/ /*Director Info*/ .block-intro-one .intro-caption { font: 400 calc(13rem/16)/calc(18/13) var(--body-font) !important; letter-spacing: .1px; text-align: right; } @media only screen and (min-width: 1200px) { .block-intro-one .intro-media figure h1 { bottom: -0.9rem !important; } } .block-intro-one + .block-intro-country { margin-top: var(--module-spacing-small) !important; } .block-intro-country .director-info { background: var(--light-gray); display: flex; flex-direction: column; gap: var(--text-spacing-small); grid-column: 1 / span 3; height: max-content; /* left: calc(-1 * var(--text-spacing-large)); */ padding: var(--text-spacing-large) var(--text-spacing-medium) var(--text-spacing-large) var(--text-spacing-large); position: relative; /* width: calc(100% + var(--text-spacing-large)); */ } .block-intro-country .director-info .headshot { border-radius: 100%; height: 80px; overflow: hidden; position: relative; width: 80px; } .block-intro-country .director-info .headshot img { height: 100%; object-fit: cover; width: 100%; } .block-intro-country .director-info-content { display: flex; flex-direction: column; gap: var(--text-spacing-small); } .block-intro-country .director-info h3 { font-weight: 700; } .block-intro-country .director-info .text-content { margin: 4px 0 0; } .block-intro-country .director-info .text-content p:not(:last-child):not(.caption):not(.footer-p) { margin: 0 0 4px; } .block-intro-country .director-info .text-content p a { color: var(--mid-blue); font-weight: 700; text-decoration: underline 1px !important; text-decoration-color: transparent !important; } .block-intro-country .director-info .text-content p a:hover { text-decoration-color: var(--mid-blue) !important; } .block-intro-country .director-info .socials { display: flex; flex-wrap: wrap; gap: var(--text-spacing-xxsmall); } .block-intro-country .director-info .links-container { display: flex; flex-direction: column; gap: var(--text-spacing-xsmall); } /*Content*/ .block-intro-country .intro-content { grid-column: 4 / -1; padding: 0 0 0 var(--text-spacing-xxlarge); } .block-intro-country .intro-content:has(.crisis-container) { padding-top: 0; } .block-intro-country .crisis-container { background: var(--light-gray); margin: 0 0 var(--text-spacing-large); padding: var(--text-spacing-large); } .block-intro-country .crisis-container .text-content { margin: var(--text-spacing-xxsmall) 0 0; } .block-intro-country .crisis-container .button-container { align-items: center; display: flex; gap: var(--text-spacing-small); margin: var(--text-spacing-small) 0 0; } .block-intro-country article p:not(:last-child):not(.caption):not(.footer-p) { margin-bottom: var(--text-spacing-xsmall); } .block-intro-country article .btn-secondary { margin: var(--text-spacing-xsmall) 0 0; } .block-intro-country .stats { display: flex; flex-direction: column; gap: var(--text-spacing-small); margin: var(--text-spacing-medium) 0 0; } .block-intro-country .stats p { font-weight: 700; margin: var(--text-spacing-xxsmall) 0 0; } /***Accordion***/ .block-accordion { background: var(--light-gray); } .block-accordion .accordions { margin: var(--text-spacing-xlarge) 0 0; } .block-accordion .accordion-item { padding: 0 !important; } .block-accordion .accordion-button { margin: var(--text-spacing-small) 0; /* padding: var(--text-spacing-small) 0 !important; */ padding: 0 !important; position: relative; transition: all 0.25s ease; } .block-accordion .accordion-item:first-of-type .accordion-button { /* padding-top: 0 !important; */ margin-top: 0; } .block-accordion .accordion-item .accordion-collapse { margin: var(--text-spacing-small) 0 0; } .block-accordion .accordion-button:not(.collapsed) { margin-bottom: 0; } .block-accordion .accordion-button .text-link-border-cut { align-items: center; display: flex; min-height: 44px; } .block-accordion .accordion-button .text-link-border-cut, .block-accordion .accordion-body { grid-column: 1 / span 10; } .block-accordion .accordion-button .button, .single-events .speaker .icon, .block-priorities-list .list-col .accordion-item .accordion-button .icon, .block-manual-list .list-col .accordion-item .accordion-button .icon, .block-manual-list-with-languages .list-col .accordion-item .accordion-button .icon { aspect-ratio: 1; background: var(--pink); border-radius: 100%; height: auto; position: absolute; right: 0; top: 50%; transform: translate3d(0, -50%, 0); width: 44px; } .block-accordion .accordion-button:hover .button, .single-events .speaker .item-link:hover .icon { background: var(--dark-pink); } .block-accordion .accordion-button:not(.collapsed) .button, .block-priorities-list .list-col .accordion-item .accordion-button:not(.collapsed) .icon, .block-manual-list .list-col .accordion-item .accordion-button:not(.collapsed) .icon, .block-manual-list-with-languages .list-col .accordion-item .accordion-button:not(.collapsed) .icon { background: var(--mid-gray); } .block-accordion .accordion-button:not(.collapsed):hover .button { background: var(--mid-gray-hover); } .block-accordion .accordion-button .button:before, .block-accordion .accordion-button .button:after, .single-events .speaker .icon:before, .single-events .speaker .icon:after, .block-priorities-list .list-col .accordion-item .accordion-button .icon:before, .block-manual-list .list-col .accordion-item .accordion-button .icon:before, .block-manual-list-with-languages .list-col .accordion-item .accordion-button .icon:before, .block-priorities-list .list-col .accordion-item .accordion-button .icon:after, .block-manual-list .list-col .accordion-item .accordion-button .icon:after, .block-manual-list-with-languages .list-col .accordion-item .accordion-button .icon:after { background: var(--white); content: ''; height: 2px; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); transition: all 0.25s ease; width: 14px; } .block-accordion .accordion-button .button:after, .single-events .speaker .icon:after, .block-priorities-list .list-col .accordion-item .accordion-button .icon:after, .block-manual-list .list-col .accordion-item .accordion-button .icon:after, .block-manual-list-with-languages .list-col .accordion-item .accordion-button .icon:after { height: 14px; width: 2px; } .block-accordion .accordion-button:not(.collapsed) .button:before, .block-accordion .accordion-button:not(.collapsed) .button:after, .block-priorities-list .list-col .accordion-item .accordion-button:not(.collapsed) .icon:before, .block-manual-list .list-col .accordion-item .accordion-button:not(.collapsed) .icon:before, .block-manual-list-with-languages .list-col .accordion-item .accordion-button:not(.collapsed) .icon:before, .block-priorities-list .list-col .accordion-item .accordion-button:not(.collapsed) .icon:after, .block-manual-list .list-col .accordion-item .accordion-button:not(.collapsed) .icon:after, .block-manual-list-with-languages .list-col .accordion-item .accordion-button:not(.collapsed) .icon:after { background: var(--black); opacity: 0.5; } .block-accordion .accordion-button:not(.collapsed) .button:after, .block-priorities-list .list-col .accordion-item .accordion-button:not(.collapsed) .icon:after, .block-manual-list .list-col .accordion-item .accordion-button:not(.collapsed) .icon:after, .block-manual-list-with-languages .list-col .accordion-item .accordion-button:not(.collapsed) .icon:after { opacity: 0; transform: translate3d(-50%, -50%, 0) rotate(90deg); } .block-accordion .accordion-item .accordion-body { padding: 0 0 var(--text-spacing-large); } .block-accordion .accordion-item .accordion-body > *:not(:first-child), .block-accordion .accordion-item .accordion-body .images:not(:first-child) { margin: var(--text-spacing-small) 0 0; } .block-accordion .accordion-item .accordion-body > p + p:not(:first-child) { margin-top: var(--text-spacing-small); } .block-accordion .accordion-body .btn-tertiary { text-decoration: unset !important; } .block-accordion .accordion-body .images { display: flex; gap: var(--gap); } .block-accordion .accordion-body .images .image-container { aspect-ratio: 423 / 240; height: auto; width: calc( (100% - var(--gap)) / 2 ); } .block-accordion .accordion-body .images .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-accordion .accordion-body .images figcaption { margin: var(--text-spacing-xxsmall) 0 0; } /***Announcements Index***/ .block-announcements-index .announcement { align-items: center; border-bottom: 1px solid var(--mid-gray); padding: 0 0 var(--text-spacing-small); } .block-announcements-index .announcement + .announcement { margin-top: var(--text-spacing-small); } .block-announcements-index .announcement { color: var(--black); text-decoration: unset; } .block-announcements-index .announcement h3 { grid-column: 1 / span 10; } .block-announcements-index .announcement .eyebrow { display: block; margin: 0 0 var(--text-spacing-xxsmall); } .block-announcements-index .announcement .btn-icon { background: var(--pink); border-radius: 100%; display: block; grid-column: 11 / -1; height: 44px; margin: 0 0 0 auto; position: relative; transition: background 0.25s ease; width: 44px; } .block-announcements-index .announcement .btn-icon:before { aspect-ratio: 1; background: url('svgs/icon-button-chevron.svg') no-repeat; background-size: 100%; content: ''; height: auto; filter: invert(1); left: 50%; position: absolute; top: calc(50% + 1px); transform: translate3d(-50%, -50%, 0); width: 24px; } .block-announcements-index .announcement:hover .btn-icon { background: var(--dark-pink); } .block-announcements-index .pagination-cont { margin-top: var(--module-spacing-small); } .block-announcements-index .pagination-holder nav ul, .block-events .pagination-holder nav ul, .block-news-list .pagination-holder nav ul, .block-publications .pagination-holder nav ul, .block-tagged-page .pagination-holder nav ul, .block-results-page .pagination-holder nav ul { align-items: center; gap: var(--text-spacing-xsmall); } .block-announcements-index .pagination-holder nav ul li.item a, .block-announcements-index .pagination-holder nav ul li.item .dots, .block-events .pagination-holder nav ul li.item a, .block-events .pagination-holder nav ul li.item .dots, .block-news-list .pagination-holder nav ul li.item a, .block-news-list .pagination-holder nav ul li.item .dots, .block-publications .pagination-holder nav ul li.item a, .block-publications .pagination-holder nav ul li.item .dots, .block-tagged-page .pagination-holder nav ul li.item a, .block-tagged-page .pagination-holder nav ul li.item .dots, .block-results-page .pagination-holder nav ul li.item a, .block-results-page .pagination-holder nav ul li.item .dots { color: var(--black); margin: 0; opacity: 0.35; padding: 0; } .block-announcements-index .pagination-holder nav ul li a.current, .block-announcements-index .pagination-holder nav ul li a:hover, .block-events .pagination-holder nav ul li a.current, .block-events .pagination-holder nav ul li a:hover, .block-news-list .pagination-holder nav ul li a.current, .block-news-list .pagination-holder nav ul li a:hover, .block-publications .pagination-holder nav ul li a.current, .block-publications .pagination-holder nav ul li a:hover, .block-tagged-page .pagination-holder nav ul li a.current, .block-tagged-page .pagination-holder nav ul li a:hover, .block-results-page .pagination-holder nav ul li a.current, .block-results-page .pagination-holder nav ul li a:hover { opacity: 1; } .block-announcements-index .pagination-holder nav ul li a span:after, .block-events .pagination-holder nav ul li a span:after, .block-news-list .pagination-holder nav ul li a span:after, .block-publications .pagination-holder nav ul li a span:after, .block-tagged-page .pagination-holder nav ul li a span:after, .block-results-page .pagination-holder nav ul li a span:after { display: none; } .block-announcements-index .pagination-holder nav ul li:not(.item), .block-events .pagination-holder nav ul li:not(.item), .block-news-list .pagination-holder nav ul li:not(.item), .block-publications .pagination-holder nav ul li:not(.item), .block-tagged-page .pagination-holder nav ul li:not(.item), .block-results-page .pagination-holder nav ul li:not(.item) { margin: 0; } .block-announcements-index .pagination-holder nav ul li:not(.item) a, .block-events .pagination-holder nav ul li:not(.item) a, .block-news-list .pagination-holder nav ul li:not(.item) a, .block-publications .pagination-holder nav ul li:not(.item) a, .block-tagged-page .pagination-holder nav ul li:not(.item) a, .block-results-page .pagination-holder nav ul li:not(.item) a { background: var(--pink); border-radius: 100%; height: 32px; padding: 0; position: relative; width: 32px; } .block-announcements-index .pagination-holder nav ul li:not(.item) a:hover, .block-events .pagination-holder nav ul li:not(.item) a:hover, .block-news-list .pagination-holder nav ul li:not(.item) a:hover, .block-publications .pagination-holder nav ul li:not(.item) a:hover, .block-tagged-page .pagination-holder nav ul li:not(.item) a:hover, .block-results-page .pagination-holder nav ul li:not(.item) a:hover { background: var(--dark-pink); } .block-announcements-index .pagination-holder nav ul li:not(.item) a.disabled, .block-events .pagination-holder nav ul li:not(.item) a.disabled, .block-news-list .pagination-holder nav ul li:not(.item) a.disabled, .block-publications .pagination-holder nav ul li:not(.item) a.disabled, .block-tagged-page .pagination-holder nav ul li:not(.item) a.disabled, .block-results-page .pagination-holder nav ul li:not(.item) a.disabled { background: var(--mid-gray); opacity: 1; } .block-announcements-index .pagination-holder nav ul li:not(.item) a span, .block-events .pagination-holder nav ul li:not(.item) a span, .block-news-list .pagination-holder nav ul li:not(.item) a span, .block-publications .pagination-holder nav ul li:not(.item) a span, .block-tagged-page .pagination-holder nav ul li:not(.item) a span, .block-results-page .pagination-holder nav ul li:not(.item) a span { aspect-ratio: 1; background: url('svgs/icon-arrow.svg') no-repeat; background-size: 100%; height: auto; left: 50%; margin-top: 0; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); width: 22px; } .block-announcements-index .pagination-holder nav ul li:not(.item) a.prev span, .block-events .pagination-holder nav ul li:not(.item) a.prev span, .block-news-list .pagination-holder nav ul li:not(.item) a.prev span, .block-publications .pagination-holder nav ul li:not(.item) a.prev span, .block-tagged-page .pagination-holder nav ul li:not(.item) a.prev span, .block-results-page .pagination-holder nav ul li:not(.item) a.prev span { transform: translate3d(-50%, -50%, 0) scaleX(-1); } .block-announcements-index .pagination-holder nav ul li:not(.item) a.disabled span, .block-events .pagination-holder nav ul li:not(.item) a.disabled span, .block-news-list .pagination-holder nav ul li:not(.item) a.disabled span, .block-publications .pagination-holder nav ul li:not(.item) a.disabled span, .block-tagged-page .pagination-holder nav ul li:not(.item) a.disabled span, .block-results-page .pagination-holder nav ul li:not(.item) a.disabled span { filter: brightness(0); opacity: 0.35; } .block-announcements-index .pagination-holder nav ul li:not(.item) a span:before, .block-events .pagination-holder nav ul li:not(.item) a span:before, .block-news-list .pagination-holder nav ul li:not(.item) a span:before, .block-publications .pagination-holder nav ul li:not(.item) a span:before, .block-tagged-page .pagination-holder nav ul li:not(.item) a span:before, .block-results-page .pagination-holder nav ul li:not(.item) a span:before { display: none; } .block-publications .item-info { align-items: center; } .block-publications .item-info .left-col p.eyebrow { margin: 0 0 var(--text-spacing-xxsmall) !important; } .block-publications .item-info .left-col .title-link + p { margin-top: var(--text-spacing-xxsmall); } .block-publications .item-info .left-col .btns-holder { margin-top: var(--text-spacing-xsmall); } #wrapper .block-news-list:first-child { padding-top: var(--module-spacing-medium); } /***Events***/ .block-events .heading-container h1 { grid-column: 1 / span 10; } .block-events .heading-container .button-container { align-items: flex-end; display: flex; grid-column: 11 / -1; justify-content: flex-end; } /*Featured Event*/ .block-events .featured-item { margin: 0 0 var(--module-spacing-medium); } .block-events .featured-item a { align-items: center; color: var(--black); text-decoration: unset; } .block-events .featured-item article { grid-column: 1 / span 5; padding: var(--text-spacing-large) 0; } .block-events .eyebrow-container, .block-news-list .eyebrow-container { display: flex; gap: var(--text-spacing-small); margin: 0 0 var(--text-spacing-xxsmall); } .block-events .eyebrow-container .eyebrow + .eyebrow { position: relative; } .block-events .eyebrow-container .eyebrow + .eyebrow:before { content: '|'; left: -13px; position: absolute; top: 0; } .block-events .featured-item p { margin: var(--text-spacing-xxsmall) 0 0 !important; } .block-events .featured-item .btn-primary { margin: var(--text-spacing-small) 0 0; } .block-events .featured-item .image-container { aspect-ratio: 681 / 386; grid-column: 6 / -1; height: auto; padding: 0 0 0 var(--text-spacing-large); width: 100%; } .block-events .image-container img, .block-news-list .image-container img, .block-resources .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-events .image-container .placeholder-image, .block-news-list .image-container .placeholder-image, .block-resources .image-container .placeholder-image, .block-images-three-medium .image-block .image-container .placeholder-image, .block-select-resources .resource-item .placeholder-image, .block-select-publications .featured-publication .placeholder-image, .block-select-publications .publication .placeholder-image, .block-the-latest .post-item .image-container .placeholder-image, .block-images-two-small .image .image-container .placeholder-image { background: var(--light-gray); height: 100%; position: relative; width: 100%; } .block-events .image-container .placeholder-image:before, .block-news-list .image-container .placeholder-image:before, .block-resources .image-container .placeholder-image:before, .block-images-three-medium .image-block .image-container .placeholder-image:before, .block-select-resources .resource-item .placeholder-image:before, .block-select-publications .featured-publication .placeholder-image:before, .block-select-publications .publication .placeholder-image:before, .block-the-latest .post-item .image-container .placeholder-image:before, .block-images-two-small .image .image-container .placeholder-image:before { aspect-ratio: 121 / 36; background: url('svgs/logomark.svg') no-repeat; background-size: 100%; content: ''; display: block; filter: brightness(0); height: 56px; left: 50%; max-width: calc(100% - 80px); opacity: 0.25; position: relative; top: 50%; transform: translate3d(-50%, -50%, 0); width: auto; } .block-events .event-item .image-container .placeholder-image:before, .block-news-list .image-container .placeholder-image:before, .block-resources .image-container .placeholder-image:before, .block-images-three-medium .image-block .image-container .placeholder-image:before, .block-select-resources .resource-item .placeholder-image:before, .block-select-publications .featured-publication .placeholder-image:before, .block-select-publications .publication .placeholder-image:before, .block-the-latest .post-item .image-container .placeholder-image:before, .block-images-two-small .image .image-container .placeholder-image:before { height: 44px; } /*Normal Events*/ .block-events .event-items, .block-news-list .news-items, .block-resources .resource-items { margin-top: var(--text-spacing-xlarge) !important; } .block-events .event-item, .block-news-list .news-item, .block-resources .resource-item { padding-bottom: var(--text-spacing-xlarge); } .block-events .event-item + .event-item, .block-news-list .news-item + .news-item, .block-resources .resource-item + .resource-item { margin-top: var(--text-spacing-xlarge); } .block-events .event-item a, .block-news-list .news-item a, .block-resources .resource-item .resource-container { align-items: center; color: var(--black); position: relative; text-decoration: unset; } .block-events .event-item a:before, .block-news-list .news-item a:before, .block-resources .resource-item .resource-container:before { background: var(--mid-gray); bottom: calc(-1 * var(--text-spacing-xlarge)); content: ''; height: 1px; left: 0; position: absolute; width: 100%; } .block-events .event-item .image-container, .block-news-list .news-item .image-container, .block-resources .resource-item .image-container { aspect-ratio: 356 / 209; grid-column: 1 / span 4; height: auto; width: calc(100% - var(--text-spacing-xsmall)); } .block-news-list .news-item .news-info, .block-resources .resource-item .resource-info { grid-column: 5 / -1; } .block-events .event-item .event-info { grid-column: 1 / -1; max-width: 1000px; } .block-events .event-item .event-info .eyebrow, .block-news-list .news-item .news-info .eyebrow, .block-resources .resource-item .resource-info .eyebrow { display: block; } .block-events .event-item .event-info p, .block-news-list .news-item .news-info p, .block-resources .resource-item .resource-info p { margin: var(--text-spacing-xxsmall) 0 0; } .block-events .event-item .event-info .btn-secondary, .block-news-list .news-item .news-info .btn-secondary, .block-resources .resource-item .resource-info .button-container { margin: var(--text-spacing-xsmall) 0 0; } .block-events .events-pagination, .block-news-list .publc-pagination { margin-top: var(--module-spacing-small); } .block-events .events-pagination .pagination-holder, .block-news-list .publc-pagination .pagination-holder { border-top: unset; margin-top: unset; padding-top: unset; } /***Home Latest Announcements***/ .block-home-latest-announcements .simpatico-container .sub-block:not(:last-child) { border-bottom: unset; } .block-home-latest-announcements .home-latest > article, .block-related-news article { align-items: center; display: flex; gap: var(--gap); justify-content: space-between; margin: 0 0 var(--text-spacing-medium); } .block-home-latest-announcements .news-container > .news-post { grid-column: span 4; position: relative; } .block-related-news .news-container > .news-post { grid-column: span 4; position: relative; } .block-home-latest-announcements .news-item, .block-related-news .news-item { color: var(--black); display: flex; flex-direction: column; gap: var(--text-spacing-small); text-decoration: none; width: 100%; } .block-home-latest-announcements .news-item .image-container, .block-related-news .news-item .image-container { aspect-ratio: 269 / 152; height: auto; overflow: hidden; position: relative; width: 100%; } .block-home-latest-announcements .news-item .image-container img, .block-related-news .news-item .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-home-latest-announcements .news-item .eyebrow, .block-related-news .news-item .eyebrow { display: block; font-weight: 600; margin: 0 0 var(--text-spacing-xxsmall); } .block-home-latest-announcements .news-item .paragraph-large, .block-related-news .news-item .paragraph-large { font-weight: 700; } .block-home-latest-announcements .news-item .btn-secondary, .block-related-news .news-item .btn-secondary { margin: var(--text-spacing-xxsmall) 0 0; } .block-home-latest-announcements .home-announcements h3 { margin: 0 0 var(--text-spacing-xlarge); } .block-home-latest-announcements .home-announcements .announcement-item { border-bottom: 1px solid var(--mid-gray); color: var(--black); padding: 0 0 var(--text-spacing-small); position: relative; text-decoration: unset; } .block-home-latest-announcements .home-announcements .announcement-item + .announcement-item { margin-top: var(--text-spacing-small); } .block-home-latest-announcements .home-announcements h4 { grid-column: 1 / span 10; } .block-home-latest-announcements .home-announcements .eyebrow { display: block; font-weight: 400; margin: 0 0 var(--text-spacing-xxsmall); } .block-home-latest-announcements .home-announcements .btn-arrow { aspect-ratio: 1; background: var(--pink); border-radius: 100%; position: absolute; right: 0; top: calc(50% - 12px); transform: translate3d(0, -50%, 0); transition: background 0.25s ease; width: 44px; } .block-home-latest-announcements .announcement-item:hover .btn-arrow { background: var(--dark-pink); } .block-home-latest-announcements .home-announcements .btn-arrow:before { aspect-ratio: 1; background: url('svgs/icon-button-chevron.svg') no-repeat; content: ''; filter: invert(1); height: auto; left: 50%; position: absolute; top: calc(50% + 1px); transform: translate3d(-50%, -50%, 0); width: 24px; } .block-home-latest-announcements .home-announcements .btn-tertiary { display: block; margin: var(--text-spacing-large) 0 0 auto; max-width: max-content; } /***Embedded***/ .embedded iframe { width: 100%; } .embedded iframe[src*="youtube.com"] { aspect-ratio: 560 / 315; display: block; height: auto; margin: 0 auto; max-width: 980px; width: 100%; } /***Search Results***/ #content .block-results-page:first-child { padding-top: var(--module-spacing-medium); } .block-results-page .block-results__search select { } .block-results-page .item-info .left-col p.date-post-type { margin: 0 0 var(--text-spacing-xxsmall) !important; } /***Intro Four***/ .block-intro-four article { align-items: flex-end; height: auto; min-height: calc(605 / 1440 * 100vw); position: relative; width: 100%; } .block-intro-four article h1 { color: var(--white); grid-column: 1 / span 9; padding: 320px 0 var(--text-spacing-xxlarge) var(--text-spacing-xxlarge); z-index: 2; } .block-intro-four article .image-container { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .block-intro-four article .image-container:before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.85) 100%); content: ''; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 1; } .block-intro-four article .image-container.medium { display: none; } .block-intro-four article .image-container img { height: 100%; object-fit: cover; width: 100%; } /***Large Feature (Image + Text Slider)***/ .block-large-feature { background: var(--light-gray); } .block-priorities-list + .block-large-feature:not(:first-child):not(.no-space), .block-large-feature + .block-large-feature:not(:first-child):not(.no-space) { margin-top: 0; } .block-large-feature .simpatico-container .items { margin-top: var(--text-spacing-xlarge); /* padding-top: 80px; */ } .block-large-feature .simpatico-container .swiper-wrapper { transition: padding 0.25s ease; } .block-large-feature .items { overflow: unset !important; } .block-large-feature .simpatico-container .carousel-nav { bottom: unset !important; left: 16px !important; top: 16px !important; } .block-small-cta:last-child :hover .button.carousel-btn:after, .block-small-cta:last-child :hover .button.carousel-btn:before, .button.carousel-btn:after, .button.carousel-btn:before, .ui-hover:hover .button.carousel-btn:after, .ui-hover:hover .button.carousel-btn:before { background: url(_include/img/svg/arrow-internal-desktop-white.svg) no-repeat !important; background-size: auto 16px !important; background-position: center center !important; } .block-large-feature .carousel-nav span { color: var(--white); font-family: var(--body-font); } .block-large-feature .items .simpatico-grid { /* align-items: center; */ align-items: flex-start; } .block-large-feature .media-container { display: flex; flex-direction: column; gap: var(--text-spacing-xsmall); grid-column: 1 / span 6; position: relative; } .block-large-feature .media-container .caption { bottom: unset; font-family: var(--body-font); margin-top: unset; position: relative; top: calc(100% + var(--text-spacing-xsmall)); } .block-large-feature .image-container { aspect-ratio: 578 / 385; height: auto; width: 100%; } .block-large-feature .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-large-feature .media-container .video-trigger { position: relative; } .block-large-feature article { grid-column: 7 / -1; padding: 0 0 0 var(--text-spacing-small); } .block-large-feature article p { margin: var(--text-spacing-xxsmall) 0 0 !important; } .block-large-feature article .btn-secondary { margin: var(--text-spacing-xsmall) 0 0; } /***Logos***/ .block-logos h3 { text-align: center; } .block-logos .simpatico-container .items { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--text-spacing-xlarge); margin-top: var(--module-spacing-small); } .block-logos .simpatico-container .item { flex: unset; margin: 0 !important; max-height: 100px; max-width: unset; padding: 0; width: calc( (100% - (4 * var(--text-spacing-xlarge))) / 5 ); } .block-logos .simpatico-container a.item:hover { opacity: 0.7; } .block-logos .simpatico-container .image-container { height: 100%; max-width: 140px; margin: 0 auto; width: 100%; } /***Images Grid***/ .block-images-grid .paragraph-large { font-weight: 700; } .block-images-grid .block-items .item .heading-4 + .btn-tertiary { margin: var(--text-spacing-xxsmall) 0 0; } .block-images-grid .block-items .item a .item-media { transition: opacity 0.25s ease; } .block-images-grid .block-items .item a:hover .item-media { opacity: 0.6; } /***Partners Carousel***/ .block-partners-carousel { /* background: var(--light-gray); */ margin: var(--module-spacing-medium) 0 0; overflow: hidden; padding: var(--module-spacing-small) 0 var(--module-spacing-medium); position: relative; } /*Logos*/ .block-partners-carousel .logos { display: flex; flex-wrap: wrap; gap: var(--text-spacing-xxlarge) var(--module-spacing-large); justify-content: center; margin: var(--text-spacing-xlarge) 0 auto; width: 100%; } .block-logos .simpatico-container .item img { height: 100%; max-height: 100%; object-fit: contain; width: 100%; } /***Intro Three (Page Intro: Title + Small Subheader)***/ #content section.block-intro-three:first-child:has(.simpatico-container), #content section.block-intro-five:first-child { padding-top: var(--module-spacing-large); } #content .block-intro-two, .block-intro-three:has(.simpatico-container), .block-intro-five { padding-top: var(--module-spacing-large); } /*Content*/ .block-intro-three .content { align-items: flex-end; margin: 0 0 var(--text-spacing-xxlarge); } .block-intro-three .content article { grid-column: 1 / span 10; } .block-intro-three .content p { margin: var(--text-spacing-xxsmall) 0 0 !important; } .block-intro-three .content .btn-primary { margin: var(--text-spacing-small) 0 0; } /*Media*/ .block-intro-three .media-container { width: 100%; } .block-intro-three .image-container:not(:empty) { aspect-ratio: 1196 / 674; height: auto; width: 100%; } .block-intro-three .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-intro-three .media-container p { margin: var(--text-spacing-xsmall) 0 0; } /*Media - Two Images*/ .block-intro-three .first-image, .block-intro-three .second-image { grid-column: span 6; } /*Media - Video*/ .block-intro-three .video-trigger { position: relative; } .block-intro-three .media-container .play-btn { width: 80px; } .block-intro-three .media-container .play-btn:before { width: 20px; } .video-popup .simpatico-container { align-items: center; display: flex; height: 100%; justify-content: center; } .video-popup .simpatico-container .inner-content { width: 100%; } .video-popup .simpatico-container iframe { aspect-ratio: 560 / 315; height: auto; width: 100%; } /***Intro Five***/ .block-intro-five h2 { grid-column: 1 / -1; } .block-intro-five .image-container { aspect-ratio: 887 / 500; height: auto; overflow: hidden; position: relative; transition: opacity 0.25s ease; width: 100%; } .block-intro-five a:hover .image-container { opacity: 0.7; } .block-intro-five .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-intro-five a { color: var(--black); text-decoration: unset !important; } .block-intro-five .primary-post { grid-column: 1 / span 8; height: 100%; position: relative; } .block-intro-five .primary-post a { align-items: flex-start; display: flex; flex-direction: column; left: 0; position: sticky; top: 120px; } .block-intro-five .primary-post h3 { font-weight: 700; margin: var(--text-spacing-small) 0 0; } .block-intro-five .primary-post .btn-primary { margin: var(--text-spacing-xsmall) 0 0; } .block-intro-five .secondary-posts { display: flex; flex-direction: column; gap: var(--gap); grid-column: 9 / -1; } .block-intro-five .secondary-posts h3 { font-weight: 700; margin: var(--text-spacing-xsmall) 0 0; } .block-intro-five .secondary-posts .btn-secondary { margin: var(--text-spacing-xxsmall) 0 0; } /***Resources***/ .block-resources .image-container { background: var(--light-gray); } .block-resources .image-container.vert-image { padding: var(--text-spacing-small); } .block-resources .image-container.vert-image img { object-fit: contain; } .block-resources .resource-info .eyebrow { margin: 0 0 var(--text-spacing-xxsmall); } .block-resources .resource-info .button-container { display: flex; gap: var(--text-spacing-small); } .block-resources .btn-primary { margin: var(--text-spacing-medium) 0 0; max-width: max-content; padding: 13px 20px 15px 24px; } .block-resources .btn-primary span:after { display: none; } /***Images Three Medium***/ .block-images-three-medium article { grid-column: 1 / span 8; } .block-images-three-medium article p { margin: var(--text-spacing-xsmall) 0 0 !important; } /*Images*/ .block-images-three-medium .images { grid-column: 1 / -1; } .block-images-three-medium .image-block { color: var(--black); grid-column: span 4; text-decoration: unset !important; } .block-images-three-medium .image-block .image-container { aspect-ratio: 269 / 152; height: auto; transition: opacity 0.25s ease; width: 100%; } .block-images-three-medium a.image-block:hover .image-container { opacity: 0.7; } .block-images-three-medium .image-block .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-images-three-medium .image-block .text-content { margin: var(--text-spacing-small) 0 0; } .block-images-three-medium .image-block .text-content p { margin: var(--text-spacing-xxsmall) 0 0 !important; } .block-images-three-medium .image-block .text-content .btn-secondary { margin: var(--text-spacing-xsmall) 0 0; } /***Big CTA***/ .block-big-cta h2, .block-big-cta h3 { color: var(--white); } /***Map***/ .block-map .simpatico-container .map-nav { display: flex; gap: var(--gap); justify-content: flex-end; padding: 0 0 var(--text-spacing-xsmall); } .block-map .simpatico-container .map-nav .map-btn { background: unset !important; font-family: var(--body-font); height: auto; letter-spacing: 0.8px !important; padding: 0 26px 0 0; position: relative; } .block-map .simpatico-container .map-nav .map-btn:hover, .block-map .simpatico-container .map-nav .map-btn.list-view:hover { color: var(--mid-blue); } .block-map .simpatico-container .map-nav .map-btn.map-view { color: var(--mid-blue); } .block-map .simpatico-container .map-nav .map-btn.map-view:before, .block-map .simpatico-container .map-nav .map-btn.list-view:before { aspect-ratio: 384 / 512; background: url(svgs/fontawesome/location-dot-sharp-regular.svg) no-repeat; background-size: 100%; content: ''; filter: invert(28%) sepia(70%) saturate(681%) hue-rotate(180deg) brightness(93%) contrast(90%); height: auto; position: absolute; right: 0; top: 50%; transform: translate3d(0, -50%, 0); transition: all 0.25s ease; width: 16px; } .block-map .simpatico-container .map-nav .map-btn.list-view { color: var(--black); } .block-map .simpatico-container .map-nav .map-btn.list-view:before { aspect-ratio: 1; background-image: url(svgs/fontawesome/list-sharp-regular.svg); filter: unset; } .block-map .simpatico-container .map-nav .map-btn.list-view:hover:before { filter: invert(28%) sepia(70%) saturate(681%) hue-rotate(180deg) brightness(93%) contrast(90%); } .block-map .simpatico-container .map-nav .map-btn.list-view:after { background: var(--mid-gray); content: ''; height: calc(100% + 4px); left: -20px; position: absolute; top: 50%; transform: translate3d(0, -50%, 0); width: 1px; } .block-map .map-popup { background-color: white !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25) !important; border-radius: 0 !important; color: var(--black) !important; } .block-map .map-popup h3 + a { color: var(--pink); margin-top: var(--text-spacing-xxsmall); } .block-map .map-popup h3 + a:hover { color: var(--dark-pink); text-decoration: underline; } /***Select Pulications***/ /*Featured Publication*/ .block-select-publications .simpatico-container > h2 { margin: 0 0 var(--text-spacing-xxlarge); } .block-select-publications .featured-publication { margin: 0 0 var(--module-spacing-medium); } .block-select-publications .featured-publication article { grid-column: 1 / span 6; } .block-select-publications .featured-publication .eyebrow, .block-select-publications .publication .eyebrow { display: block; margin: 0 0 var(--text-spacing-xsmall); } .block-select-publications .featured-publication p, .block-select-publications .publication p { margin: var(--text-spacing-xxsmall) 0 0 !important; } .block-select-publications .featured-publication .button-container, .block-select-publications .publication .button-container { display: flex; flex-wrap: wrap; gap: var(--text-spacing-small); margin: var(--text-spacing-small) 0 0; } .block-select-publications .featured-publication .image-container, .block-select-publications .publication .image-container { aspect-ratio: 578 / 326; background: var(--light-gray); grid-column: 7 / -1; height: auto; padding: var(--text-spacing-large); width: 100%; } .block-select-publications .featured-publication .image-container img, .block-select-publications .publication .image-container img { height: 100%; object-fit: contain; width: 100%; } /*Publications*/ .block-select-publications .publication { border-bottom: 1px solid var(--mid-gray); padding: 0 0 var(--text-spacing-xlarge); } .block-select-publications .publication:last-child { border-bottom: unset; padding: 0; } .block-select-publications .publication + .publication { margin-top: var(--text-spacing-xlarge); } .block-select-publications .publication .image-container { background: transparent; aspect-ratio: 557 / 392; grid-column: span 4; padding: 0; width: calc(100% - var(--text-spacing-large)); } .block-select-publications .publication article { grid-column: span 8; } .block-select-publications .show-more { display: block; margin: var(--text-spacing-xlarge) 0 0 auto; max-width: max-content; } /***Select Resources***/ .block-select-resources .resources { margin: var(--text-spacing-large) 0 0; } .block-select-resources .resource-item { align-items: center; border-top: 1px solid var(--mid-gray); padding: var(--text-spacing-xlarge) 0 0; position: relative; } .block-select-resources .resource-item.r-d-none, .block-announcements-latest .item.r-d-none { display: none !important; } .block-select-resources .resource-item:first-child { border-top: unset; padding: 0; } .block-select-resources .resource-item + .resource-item { margin-top: var(--text-spacing-xlarge); } .block-select-resources .resource-item article { grid-column: 1 / span 7; } .block-select-resources .resource-item article p { margin: var(--text-spacing-xxsmall) 0 ; } .block-select-resources .resource-item .button-container { display: flex; flex-wrap: wrap; gap: var(--text-spacing-small); margin: var(--text-spacing-xsmall) 0 0; } .block-select-resources .resource-item .image-container { aspect-ratio: 435 / 246; background: var(--light-gray); grid-column: 8 / -1; height: auto; margin: 0 0 0 auto; padding: var(--text-spacing-large); width: calc(100% - var(--text-spacing-large)); } .block-select-resources .resource-item .image-container img { height: 100%; object-fit: contain; width: 100%; } .block-select-resources .load-more-resources, .block-announcements-latest .load-more-resources { margin: var(--module-spacing-medium) auto 0; max-width: max-content; } .block-select-resources .load-more-resources .btn-primary span:after, .block-announcements-latest .load-more-resources .btn-primary span:after { background: none !important; width: 2px; } /***Priorities List***/ .block-priorities-list, .block-manual-list, .block-manual-list-with-languages { background: var(--light-gray); } .block-priorities-list article, .block-manual-list article, .block-manual-list-with-languages article { margin: 0 0 var(--text-spacing-xxlarge); } .block-priorities-list article h3, .block-manual-list article h3, .block-manual-list-with-languages article h3 { grid-column: 1 / span 4; } .block-priorities-list article p, .block-manual-list article p, .block-manual-list-with-languages article p { grid-column: 5 / -1; margin: 0 !important; } .block-priorities-list .simpatico-container .info-col, .block-manual-list .simpatico-container .info-col, .block-manual-list-with-languages .info-col { margin-top: 0 !important; } .block-priorities-list .list-col, .block-manual-list .list-col, .block-manual-list-with-languages .list-col { grid-column: 1 / span 6; } .block-priorities-list .list-col .items, .block-manual-list .list-col .items, .block-manual-list-with-languages .list-col .items { margin-top: var(--text-spacing-medium); } .block-priorities-list .list-col .accordion-item, .block-manual-list .list-col .accordion-item, .block-manual-list-with-languages .list-col .accordion-item { border-bottom: 1px solid var(--mid-gray); padding-bottom: 0; } .block-priorities-list .list-col .accordion-item .accordion-button, .block-manual-list .list-col .accordion-item .accordion-button, .block-manual-list-with-languages .list-col .accordion-item .accordion-button { padding: var(--text-spacing-medium) 0; transition: opacity 0.25s ease; } .block-priorities-list .list-col .accordion-item:first-child .accordion-button, .block-priorities-list .list-col .accordion-item:not(:first-child), .block-manual-list .list-col .accordion-item:first-child .accordion-button, .block-manual-list .list-col .accordion-item:not(:first-child), .block-manual-list-with-languages .list-col .accordion-item:first-child .accordion-button, .block-manual-list-with-languages .list-col .accordion-item:not(:first-child) { padding-top: 0; } .block-priorities-list .list-col .accordion-item.inactive .accordion-button, .block-manual-list .list-col .accordion-item.inactive .accordion-button, .block-manual-list-with-languages .list-col .accordion-item.inactive .accordion-button { color: var(--black); opacity: 0.5; } .block-priorities-list .list-col .accordion-item.inactive .accordion-button:hover, .block-manual-list .list-col .accordion-item.inactive .accordion-button:hover, .block-manual-list-with-languages .list-col .accordion-item.inactive .accordion-button:hover { opacity: 1; } .block-priorities-list .list-col .accordion-item .accordion-button .icon, .block-manual-list .list-col .accordion-item .accordion-button .icon, .block-manual-list-with-languages .list-col .accordion-item .accordion-button .icon { display: none; } .block-priorities-list .info-col, .block-manual-list .info-col, .block-manual-list-with-languages .info-col { grid-column: 7 / -1; } .block-priorities-list .info-col .active-item-content, .block-manual-list .info-col .active-item-content, .block-manual-list-with-languages .info-col .active-item-content { display: flex; flex-direction: column; } .block-priorities-list .simpatico-container .play-btn, .block-manual-list .simpatico-container .play-btn, .block-manual-list-with-languages .simpatico-container .play-btn { background-image: unset !important; z-index: 2; } .block-priorities-list .info-col .caption, .block-manual-list .info-col .caption, .block-manual-list-with-languages .info-col .caption { font-family: var(--body-font); margin: var(--text-spacing-xxsmall) 0 0; } .block-priorities-list .info-col .active-item-content .text, .block-manual-list .info-col .active-item-content .text, .block-manual-list-with-languages .info-col .active-item-content .text { flex: unset; margin: var(--text-spacing-xsmall) 0 0; max-width: unset; width: 100%; } .block-priorities-list .info-col .btn-tertiary, .block-manual-list .info-col .btn-tertiary, .block-manual-list-with-languages .info-col .btn-tertiary { display: block; margin: var(--text-spacing-small) 0 0; } /***Manual List***/ .block-manual-list article:not(:has(h3)) p, .block-manual-list-with-languages article:not(:has(h3)) p { grid-column: 1 / -1; } /***Partners***/ .block-partners h2 { margin: 0 0 var(--text-spacing-large) !important; } /*Featured Partners*/ .block-partners .featured-partner { align-items: center; } .block-partners .featured-partner + .featured-partner { margin-top: var(--text-spacing-xlarge); } .block-partners .featured-partner article { grid-column: 1 / span 6; padding: 0 var(--text-spacing-small) 0 0; } .block-partners .featured-partner:nth-of-type(even) article { grid-column: 7 / -1; grid-row: 1; padding: 0 0 0 var(--text-spacing-small); } .block-partners .featured-partner article .eyebrow { display: block; margin: 0 0 var(--text-spacing-xxsmall); } .block-partners .featured-partner article p { margin: var(--text-spacing-xxsmall) 0 0 !important; } .block-partners .featured-partner article .btn-primary { margin: var(--text-spacing-small) 0 0; } .block-partners .featured-partner .image-container:has(img) { aspect-ratio: 578 / 326; background: var(--light-gray); grid-column: 7 / -1; height: auto; width: 100%; } .block-partners .featured-partner:nth-of-type(even) .image-container { grid-column: 1 / span 6; grid-row: 1; } .block-partners .featured-partner .image-container.logo:has(img) { align-items: center; display: flex; justify-content: center; padding: var(--module-spacing-small); } .block-partners .featured-partner .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-partners .featured-partner .image-container.logo img { filter: grayscale(1); max-height: 95px; max-width: 300px; object-fit: contain; opacity: 0.5; } /*Partners*/ .block-partners .featured-partners:has(.placeholder-image) { display: none; } .block-partners .partners { display: flex !important; flex-wrap: wrap; gap: 18px var(--text-spacing-large); margin: var(--text-spacing-large) 0 0; } .block-partners .partner { color: var(--black); padding: 0; text-decoration: unset !important; } .block-partners .partner p { font-weight: 400; margin: 0 !important; } .block-partners .partner .btn-secondary span { display: none; } .block-partners .icon.circled-arrow { margin: var(--text-spacing-xxsmall) 0 0; position: relative; right: unset; top: unset; transform: translate3d(0, 0, 0); } /***The Latest***/ .block-the-latest article { align-items: flex-end; display: flex; justify-content: space-between; margin: 0 0 var(--text-spacing-medium); } .block-the-latest .post-container { gap: var(--text-spacing-xlarge) var(--gap); } .block-the-latest .post-item { color: var(--black); grid-column: span 3; text-decoration: unset !important; } .block-the-latest .post-item:nth-child(3), .block-the-latest .post-item:nth-child(8) { grid-column: span 6; } .block-the-latest .post-item .image-container { aspect-ratio: 269 / 152; height: auto; margin: 0 0 var(--text-spacing-small); transition: opacity 0.25s ease; width: 100%; } .block-the-latest .post-item:hover .image-container { opacity: 0.6; } .block-the-latest .post-item .image-container img { height: 100%; object-fit: cover; width: 100%; } .block-the-latest .post-item .eyebrow { display: block; margin: 0 0 var(--text-spacing-xxsmall); } .block-the-latest .post-item h3 { font-weight: 700; } .block-the-latest .post-item .btn-secondary { margin: var(--text-spacing-xxsmall) 0 0; } /***Big CTA***/ .block-big-cta:has(.simpatico-container) { aspect-ratio: 1440 / 660; height: auto; position: relative; width: 100%; } .block-big-cta .fullbleed-container { padding: 200px 0 var(--module-spacing-medium); } .block-big-cta .image-container:before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%); bottom: 0; height: 58%; top: unset; } .block-big-cta .image-container:after { background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%); } .block-big-cta article { grid-column: 1 / span 10; } .block-big-cta .button-container { align-items: center; display: flex; flex-wrap: wrap; gap: var(--text-spacing-small); margin: var(--text-spacing-small) 0 0; } .block-big-cta .button-container .btn-tertiary { color: var(--white) !important; } /***Team***/ .block-team .team-members { gap: var(--text-spacing-medium); grid-auto-rows: 1fr; margin: var(--text-spacing-xlarge) 0 0; } .block-team .member { grid-column: span 4; } .block-team .member a { color: var(--black); text-decoration: unset !important; } .block-team .member-cover { background: var(--light-gray); display: flex; flex-direction: column; height: 100%; padding: var(--text-spacing-small); } .block-team a.member-cover { padding-right: 80px; position: relative; } .block-team .member-cover > p { margin: var(--text-spacing-xxsmall) 0 0 !important; } .block-team .member .button-icon { aspect-ratio: 1; background: var(--pink); border-radius: 100%; height: auto; position: absolute; right: var(--text-spacing-small); top: var(--text-spacing-small); transition: background 0.25s ease; width: 44px; } .block-team .member a:hover .button-icon { background: var(--dark-pink); } .block-team .member .button-icon:before, .block-team .member .button-icon:after { background: var(--white); content: ''; height: 2px; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); width: 14px; } .block-team .member .button-icon:after { height: 14px; width: 2px; } .block-partners-carousel .logos .slick-track { gap: var(--module-spacing-large); } .block-partners-carousel .logos .image-container { background: var(--white); max-height: 120px; max-width: 180px; padding: 20px; transition: opacity 0.25s ease; } .block-partners-carousel .logos a.image-container:hover { opacity: 0.5; } .block-partners-carousel .logos .image-container img { height: 100%; object-fit: contain; width: 100%; } /*Cards*/ .logos + .cards { margin-top: var(--module-spacing-medium); } .block-partners-carousel .cards { position: relative; } .block-partners-carousel .cards .slick-arrow { background-size: 28px; bottom: -64px; height: 40px; right: calc(-1 * var(--text-spacing-medium)); top: unset; width: 40px; } .block-partners-carousel .cards .slick-arrow.slick-prev { right: calc((-1 * var(--text-spacing-medium)) + var(--text-spacing-xlarge)); } .block-partners-carousel .cards.count-2 .slick-track { margin: 0 auto; max-width: max-content; } .block-partners-carousel .partner-card { /* background: var(--blue-tint); */ background: var(--light-gray); color: var(--black); padding: var(--text-spacing-large) var(--text-spacing-medium); text-decoration: unset; width: calc(364 / 1440 * 100vw); } .block-partners-carousel .no-scroll .partner-card { width: calc( (100vw - (2 * var(--container-outer-margin)) - (2 * var(--text-spacing-medium))) / 3 ); } .block-partners-carousel .partner-card .heading-6 { color: var(--black); /* color: var(--dark-blue); */ } .block-partners-carousel .partner-card p, .block-partners-carousel .partner-card p:not(:last-child):not(.caption):not(.footer-p) { margin: var(--text-spacing-xxsmall) 0 0; } .block-partners-carousel .partner-card .btn-secondary { margin: var(--text-spacing-xsmall) 0 0; pointer-events: none; text-transform: unset; } .block-partners-carousel .partner-card:hover .btn-secondary { opacity: 0.5; } .block-partners-carousel .partner-card:hover .btn-secondary span:after { transform: translateX(5px); } /***Instagram Feed***/ .block-instagram-feed { padding: var(--module-spacing-medium) 0; } .block-instagram-feed .simpatico-container > h2 { width: 50%; } .block-instagram-feed #sb_instagram { margin-top: -24px; } .block-instagram-feed #sb_instagram .sb_instagram_header, .block-instagram-feed .sb_instagram_header { margin-bottom: var(--text-spacing-large) !important; } .block-instagram-feed #sb_instagram .sb_instagram_header a, .block-instagram-feed .sb_instagram_header a { align-items: center; display: flex; flex-direction: row-reverse; float: unset; gap: var(--text-spacing-xxsmall); margin-left: auto; min-width: unset; max-width: max-content; transition: all 0.25s ease; } .block-instagram-feed #sb_instagram .sb_instagram_header a:hover, .block-instagram-feed .sb_instagram_header a:hover { opacity: 0.6; } .block-instagram-feed #sb_instagram .sb_instagram_header .sbi_header_img, .block-instagram-feed .sb_instagram_header .sbi_header_img, .block-instagram-feed .sb_instagram_header .sbi_header_img img, .block-instagram-feed .sbi_no_avatar .sbi_header_img { background: unset; border-radius: unset; float: unset; height: 24px; margin: 0 !important; width: 24px; } .block-instagram-feed #sb_instagram .sb_instagram_header .sbi_header_text h3, .block-instagram-feed .sb_instagram_header .sbi_header_text h3 { clear: unset; float: unset; font-family: var(--heading-font); font-size: calc(14rem / 16); font-weight: 400; letter-spacing: 0; line-height: calc(24 / 14); margin: 0 !important; padding-top: 0 !important; text-transform: uppercase; } .block-instagram-feed #sb_instagram .sb_instagram_header .sbi_header_text, .block-instagram-feed .sb_instagram_header .sbi_header_text { float: unset; padding-top: unset; width: auto; } .block-instagram-feed #sb_instagram #sbi_images { display: grid; gap: var(--text-spacing-small); grid-template-columns: repeat(4, minmax(0, 1fr)); } .block-instagram-feed #sb_instagram.sbi_col_4 #sbi_images .sbi_item { width: 100% !important; } /*Color Variations*/ .block-instagram-feed.white { background: var(--white); } .block-instagram-feed.light-gray { background: var(--light-gray); } .block-instagram-feed.light-gray, .block-instagram-feed.white h2 { color: var(--black); } .block-instagram-feed.white #sb_instagram .sb_instagram_header a, .block-instagram-feed.white .sb_instagram_header a, .block-instagram-feed.white .sbi_no_avatar .sbi_header_hashtag_icon { color: var(--mid-blue); } .block-instagram-feed.dark-blue { background: var(--dark-blue); } .block-instagram-feed.dark-blue h2 { color: var(--white); } .block-instagram-feed.dark-blue #sb_instagram .sb_instagram_header a, .block-instagram-feed.dark-blue .sb_instagram_header a, .block-instagram-feed.dark-blue .sbi_no_avatar .sbi_header_hashtag_icon { color: var(--slate-blue-light); } /***Featured Research and Publications***/ .block-featured-research-publications { background: var(--white); padding: var(--module-spacing-medium) 0; } .block-featured-research-publications.dark-blue { background: var(--dark-blue); } .block-featured-research-publications h2, .block-featured-research-publications h2:not(.announcement-bar.text) { margin: 0 0 var(--text-spacing-xlarge); } .block-featured-research-publications:not(.dark-blue) h2, .block-featured-research-publications h3, .block-featured-research-publications h3 a { color: var(--black); text-decoration: none; transition: opacity 0.25s ease; } .block-featured-research-publications h3 a:hover { opacity: .7; } .block-featured-research-publications .feature-list { list-style: none; margin: 0; padding: 0; } .block-featured-research-publications .feature-list li { row-gap: var(--text-spacing-xsmall); } .block-featured-research-publications .feature-list li:not(:last-child) { margin: 0 0 var(--text-spacing-xxlarge); padding: 0 0 var(--text-spacing-xxlarge); position: relative; } .block-featured-research-publications .feature-list li:not(:last-child):before { /* background: var(--black); */ background: var(--dark-blue); bottom: 0; content: ''; height: 1px; left: 0; opacity: 0.2; position: absolute; width: 100%; } .block-featured-research-publications .feature-list .column { grid-column: span 6; } .block-featured-research-publications .feature-list .subhead, .block-featured-research-publications .feature-list .eyebrow { color: var(--black); display: flex; flex-wrap: wrap; font-weight: 400; gap: 2px var(--text-spacing-xsmall); grid-column: 1 / -1; text-transform: uppercase; width: calc(((100% - (11 * var(--gap))) / 12) * 5 + (4 * var(--gap))); } .block-featured-research-publications .feature-list p { color: var(--black); } .block-featured-research-publications .see-more { margin-top: var(--text-spacing-medium); } .block-featured-research-publications .see-more:focus { background: var(--dark-pink); } .feature-list li:nth-child(n+4) { display: none !important; } .block-featured-research-publications .see-more::after { transform: rotate(90deg); } .block-featured-research-publications .see-more.expanded::after { transform: rotate(90deg) scaleX(-1); } .feature-list.expanded li:nth-child(n+4) { display: grid !important; } /*Style Variation - White Background w/ Gray List Items*/ .block-featured-research-publications.list-item-fill h2, .block-featured-research-publications.list-item-fill h2:not(.announcement-bar.text) { margin: 0 0 var(--text-spacing-large); } .block-featured-research-publications.list-item-fill .feature-list li, .block-featured-research-publications.list-item-fill .feature-list li:not(:last-child) { margin: 0; padding: var(--text-spacing-xlarge) 0; } .block-featured-research-publications.list-item-fill .feature-list li:not(:last-child) { margin-bottom: var(--text-spacing-medium); } .block-featured-research-publications.list-item-fill.white .feature-list li { /* background: var(--blue-tint); */ background: var(--light-gray); } .block-featured-research-publications.list-item-fill .feature-list li:not(:last-child):before { display: none; } .block-featured-research-publications.list-item-fill .feature-list .eyebrow, .block-featured-research-publications.list-item-fill .feature-list .column.left { padding: 0 0 0 var(--text-spacing-xxlarge); } .block-featured-research-publications.list-item-fill .feature-list .column.right { padding: 0 var(--text-spacing-xxlarge) 0 0; } .block-featured-research-publications .see-more { position: relative; } /*Style Variation - Dark Blue Background*/ .block-featured-research-publications.dark-blue h2 { color: var(--slate-blue-dark); } .block-featured-research-publications.list-item-fill.dark-blue .feature-list li { background: var(--white); } /***404***/ .search-block-404 { background: var(--light-gray); } .search-block-404 .button.search-btn { background-color: var(--mid-gray); background-image: url(_include/img/svg/search-icon.svg) !important; } .search-block-404 .search-input, .search-block-404 .search-input::placeholder { color: var(--black) !important; } .search-block-404 .search-input::placeholder { opacity: .7; } /***************************************************************************************************************************************************************************************/ /*MQ MIN-WIDTH 1778 (1778 is when the container width is ~1600)*/ /***************************************************************************************************************************************************************************************/ @media only screen and (min-width: calc(1778rem/16)) { :root { --container-width: var(--container-max-width); } /***Footer***/ .new-footer .contact-col, .new-footer .right-col { left: 0; width: 100%; } /***Blocks***/ /*Policy Center Image Carousel*/ .block-pc-image-carousel .item-content a { height: 800px; min-height: unset; } /*Intro Euro*/ .block-intro-euro .simpatico-container .intro-content-holder { padding: 550px 0 var(--module-spacing-medium); } /*Full-Bleed Image + Content*/ .block-full-bleed-image-content, .block-big-cta:has(.simpatico-container) { aspect-ratio: unset; height: 765px; min-height: max-content; } .block-big-cta:has(.simpatico-container) { height: 700px; } /*Intro Four*/ .block-intro-four article { min-height: 690px; } } /***************************************************************************************************************************************************************************************/ /*MQ MIN-WIDTH 1550 - Larger Desktop Sizes*/ /***************************************************************************************************************************************************************************************/ @media only screen and (max-width: calc(1550rem/16)) { .block-quote .image-container { max-width: 350px; } } /***************************************************************************************************************************************************************************************/ /*MQ MIN-WIDTH 1400 - Larger Desktop Sizes*/ /***************************************************************************************************************************************************************************************/ @media only screen and (min-width: calc(1400rem/16)) { .block-quote .simpatico-container { max-width: 1500px; } .block-quote .image-container { left: -50px; } .block-quote article::before { right: -50px; width: 1200px; } } /***************************************************************************************************************************************************************************************/ /*MQ MAX-WIDTH 1400 - Smaller Desktop Sizes*/ /***************************************************************************************************************************************************************************************/ @media only screen and (max-width: calc(1400rem/16)) { :root { --container-width: 100%; --container-outer-margin: 0px; } /***Header***/ /* .simpatico-container.wide { max-width: calc(var(--container-max-width) + (42px * 2)); width: 100%; } */ /***Events Single***/ .single-events .event-info { margin: 0; padding: var(--text-spacing-medium); } /***Blocks***/ /*Plain Hero*/ .block-plain-hero .simpatico-container { max-width: var(--container-max-width); width: var(--container-width); } /*Overview*/ .block-overview .column.right { margin-left: var(--text-spacing-medium); } /***Latest Single***/ /*Featured Links*/ .block-featured-links p.subheading, .block-featured-links .left { grid-column: 1 / span 7; } .block-featured-links .right { grid-column: 8 / -1; } /*Full-Bleed Image + Content*/ .block-full-bleed-image-content, .block-big-cta:has(.simpatico-container) { aspect-ratio: unset; } .fullbleed-container { padding: 235px 0 175px; } /*Intro Country*/ .block-intro-country .director-info { left: unset; } /*Partners Carousel*/ .block-partners-carousel .simpatico-container { padding: 0 var(--container-outer-padding); } .block-partners-carousel .cards .slick-arrow { right: 0; } .block-partners-carousel .cards .slick-arrow.slick-prev { right: var(--text-spacing-xlarge); } /*Instagram Feed*/ .block-instagram-feed .simpatico-container { padding: 0 var(--container-outer-padding); } /*Featured Research and Publications*/ .block-featured-research-publications .simpatico-container { padding: 0 var(--container-outer-padding); } } /***************************************************************************************************************************************************************************************/ /*MQ MAX-WIDTH 1200 - Smaller Desktop Sizes / Larger Tablet Sizes*/ /***************************************************************************************************************************************************************************************/ @media only screen and (max-width: calc(1200rem/16)) { html.active, html.active body { height: 100%; overflow: hidden; } .large-only { display: none !important; } .medium-only { display: block !important; } /***Header***/ header > .container { padding: 0 6.25vw; } /***Footer***/ .new-footer .right-col { left: unset; width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - var(--module-spacing-medium)); } .footer-newsletter form { flex-direction: column; } /***Tag Archive***/ .tag-hero .tag-description { margin: var(--text-spacing-xxsmall) 0 0; } /***Latest Single***/ .single-hero .featured-image .image-container { height: 600px; } .single-post .block-container, .single-announcements .block-container { grid-column: 3 / span 9; padding: 0; } /***Publication Single***/ .block-individual-publication .socials-sticky-container { padding: 0 0 var(--module-spacing-medium); } .block-individual-publication .content { grid-column: 3 / span 9; padding: 0 0 var(--module-spacing-medium); } /***Events Single***/ .single-events .event-hero { grid-column: 1 / -1; } .single-events .event-info-sticky-container { grid-column: 1 / span 4; } .single-events .event-info { width: 100%; } .single-events .content { grid-column: 5 / -1; padding: 0; } /***Blocks***/ /*Plain Hero*/ .block-plain-hero h1, .block-plain-hero .subheading { grid-column: 1 / span 10; } /*Stats*/ .block-stats .stats { padding: 0; } .block-stats .stats p { padding: 0 var(--text-spacing-small); } /*Featured Links*/ .block-featured-links .additional-links, .block-featured-links .btn-tertiary.circled-arrow { padding: 0 0 0 var(--text-spacing-small); } /*Quote*/ .block-quote .image-container { width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) + 20px); } /*Text + Image CTA*/ .block-text-image-cta .cta-container { padding: 0 var(--text-spacing-small) 0 0; } /*Upcoming Events*/ .block-upcoming-events ul { padding: var(--text-spacing-xxsmall) 0 0; } /*Donation CTA*/ .block-donation-cta .donation-container, .block-donation-cta-features .donation-container, .donate-cta .donation-container { grid-column: 4 / span 6; } /*Multiple CTAs*/ .block-multiple-ctas article h2 { grid-column: 1 / span 10; padding: 0; } .block-multiple-ctas article .text-content { grid-column: 7 / -1; } .block-multiple-ctas .ctas-container { gap: var(--module-spacing-medium); } .block-multiple-ctas .cta .image-container { width: 100%; } .block-multiple-ctas .cta .content { margin: 0; } .block-multiple-ctas .cta:nth-of-type(odd) .content, .block-multiple-ctas .cta:nth-of-type(even) .content { padding: 0; } /*Overview*/ .block-overview .column.right { margin-left: var(--text-spacing-xsmall); } /*Full-Bleed Image + Content*/ .fullbleed-container { /* padding: 400px 0 var(--module-spacing-medium); */ } .video-fullbleed-container .simpatico-container.simpatico-grid { padding-top: var(--module-spacing-medium); padding-bottom: var(--module-spacing-medium); } /*Statement*/ .block-statement article { margin-left: var(--text-spacing-xxsmall); } /*Text + Image*/ .block-text-image .simpatico-grid { align-items: flex-start; } .block-text-image article { margin: 0; } /*How to Help*/ .block-how-to-help .content-box { padding: var(--text-spacing-medium) var(--text-spacing-large); } /*Featured Articles*/ .block-featured-articles .image-container { height: auto; } .block-featured-articles.count-1 .image-container, .block-featured-articles.count-1.background .image-container { aspect-ratio: 415 / 280; grid-column: 1 / span 5; max-height: 260px; } .block-featured-articles.count-1 article { grid-column: 6 / -1; padding: 0; } .block-featured-articles.count-1.background .image-container { aspect-ratio: 383 / 280; } .block-featured-articles.count-1.background article { padding: 0 var(--text-spacing-medium) 0 0; } .block-featured-articles.count-2 ul { gap: var(--module-spacing-small); } /*Text + Image CTA*/ /*Events*/ .block-events .heading-container h1 { grid-column: 1 / span 9; } .block-events .heading-container .button-container { grid-column: 10 / -1; } /*Images Two Large*/ .block-images-two-large .block-title { grid-column: 1 / span 10; } .block-images-two-large .item, .block-images-two-large .item:last-of-type { padding: 0; } /*Accordion Timeline*/ .block-accordion-timeline article { padding: 0 0 0 var(--text-spacing-xsmall); } .block-accordion-timeline .content { padding-left: var(--text-spacing-xsmall); } /*Countries*/ .block-countries article { grid-column: 1 / span 5; } .block-countries .countries { grid-column: 6 / -1; } .block-countries .country { width: calc( (100% - var(--gap)) / 2); } /*Default Article Block*/ .page .block-article .block-container, .embedded .block-container { grid-column: 2 / span 10; } /*Intro Euro*/ .block-resources .btn-primary .block-intro-euro .simpatico-container .intro-content-holder { grid-column: 1 / span 10; } /*Home Latest Announcements*/ .block-home-latest-announcements .news-container, .block-related-news .news-container { grid-template-columns: repeat(3, minmax(300px, 1fr)); left: calc(-1 * var(--container-outer-padding)); overflow: auto; padding: 0 var(--container-outer-padding); position: relative; width: calc(100% + (2 * var(--container-outer-padding))); } .block-home-latest-announcements .news-container > .news-post, .block-related-news .news-container > .news-post { grid-column: span 1; } /*Home Top Featured*/ .block-home-top-featured .featured-article { grid-column: 1 / span 8; } .block-home-top-featured .additional-articles { grid-column: 9 / -1; } /*Policy Center Image Carousel*/ .block-pc-image-carousel .item-content article { grid-column: 1 / span 10; padding: var(--module-spacing-xlarge) 0 var(--module-spacing-small) var(--module-spacing-small); } /*Small CTA*/ .block-small-cta .cta-container { grid-column: 1 / -1; } /*Indented List*/ .block-indented-list article, .block-indented-list .list-container, .block-intro-stats.no-stats article { grid-column: 1 / -1; } .block-indented-list.image-layout .list-container { padding: 0 0 0 var(--text-spacing-xsmall); } /*Intro Stats*/ .block-intro-stats article { grid-column: 1 / span 7; padding: 0; } .block-intro-stats .stats-container { grid-column: 8 / -1; } /*Intro Country*/ .block-intro-country .director-info { grid-column: 1 / span 4; width: 100%; } .block-intro-country .intro-content { grid-column: 5 / -1; padding: 0 0 0; } /*Intro Four*/ .block-intro-four article h1 { grid-column: 1 / span 10; padding: 280px 0 var(--text-spacing-xxlarge) var(--text-spacing-xxlarge); } /*Intro Five*/ .block-intro-five .primary-post { grid-column: 1 / span 7; } .block-intro-five .secondary-posts { grid-column: 8 / -1; } /*Large Feature (Image + Text Slider)*/ .block-large-feature article { padding: 0; } /*Images Three Medium*/ .block-images-three-medium article { grid-column: 1 / span 10; } .block-images-three-medium .images { gap: var(--text-spacing-medium); } /*Select Publications*/ .block-select-publications .publication .image-container { width: 100%; } /*Priorities List*/ .block-priorities-list article, .block-manual-list article, .block-manual-list-with-languages article { gap: var(--text-spacing-small); } .block-priorities-list article h3, .block-priorities-list article p, .block-manual-list article h3, .block-manual-list article p, .block-manual-list-with-languages article h3, .block-manual-list-with-languages article p { grid-column: 1 / -1; } .block-priorities-list .list-col .accordion-item:first-child .accordion-button .icon, .block-manual-list .list-col .accordion-item:first-child .accordion-button .icon, .block-manual-list-with-languages .list-col .accordion-item:first-child .accordion-button .icon { top: calc(50% - 16px); } /*Partners*/ .block-partners .partner { grid-column: span 4; } /*The Latest*/ .block-the-latest .post-container { gap: var(--text-spacing-large) var(--text-spacing-medium); } /*Partners Carousel*/ .block-partners-carousel .partner-card { width: calc(310 / 1200 * 100vw); } .block-partners-carousel .no-scroll .partner-card { width: calc( (100vw - (2 * var(--container-outer-padding)) - (2 * var(--text-spacing-medium))) / 3 ); } /*Featured Research and Publications*/ /* .block-featured-research-publications .feature-list .subhead, */ .block-featured-research-publications .feature-list .eyebrow { width: calc(((100% - (11 * var(--gap))) / 12) * 6 + (5 * var(--gap))); } .block-intro-stats .stats-container { display: block !important; } } /***************************************************************************************************************************************************************************************/ /*MQ MAX-WIDTH 1100 - Header Breakpoint*/ /***************************************************************************************************************************************************************************************/ @media only screen and (max-width: calc(1100rem/16)) { :root { --header-height: 84px; } html.active, html.active body { height: 100%; overflow: hidden; } .large-only { display: none !important; } .medium-only { display: block !important; } /***Header***/ .top-helper-nav + header { top: calc(32px + var(--top-offset)); } header { background: var(--white); border-bottom: unset; left: 0; padding: 20px 0; top: var(--top-offset); transition: all 0.25s ease; width: 100%; z-index: 999999; } header.active:before { background: var(--white); content: ''; height: 85px; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 10000; } header:after { background: rgb(44 86 151 / 15%); bottom: -1px; content: ''; height: 1px; left: 0; position: absolute; width: 100%; z-index: 10001; } header > .container { padding: 0 var(--container-outer-padding); transition: padding 0.25s ease; } header.active > .container { padding-left: var(--container-outer-padding); } header .logo { margin: 0; position: relative; z-index: 99999; } header.white .logo img { filter: unset; } header #last-link-dupe { display: block !important; margin: 0 var(--text-spacing-xxsmall) 0 auto; position: relative; z-index: 10000; } header #last-link-dupe .btn-primary { padding: 10px 20px; } header #last-link-dupe .btn-primary:after { display: none; } header .mobile-menu { align-items: center; background: rgb(14 34 62 / 10%); border: 0; border-radius: 100%; cursor: pointer; display: flex !important; flex-direction: column; height: 44px; justify-content: center; margin: 0; outline: none; overflow: hidden; position: relative; transform: translate3d(0, 0, 0); width: 44px; z-index: 99999; --menu-bar-height: 2px; /*Height of an individual menu bar*/ --menu-bar-margin: 4px; /*Amount of spacing between the menu bars*/ --menu-bar-width: 18px; /*Width of the menu bars*/ } header .mobile-menu span:not(.accessibility) { background: var(--black); border-radius: 1px; display: block; height: var(--menu-bar-height); position: relative; width: var(--menu-bar-width); } header .mobile-menu span:nth-of-type(2) { margin: var(--menu-bar-margin) 0; } /*Close*/ header.active .mobile-menu span:nth-of-type(1) { transform: translateY(calc(var(--menu-bar-height) + var(--menu-bar-margin))) rotate(45deg); } header.active .mobile-menu span:nth-of-type(2) { margin-right: auto; width: 0; } header.active .mobile-menu span:nth-of-type(3) { transform: translateY(calc((var(--menu-bar-height) + var(--menu-bar-margin)) * -1)) rotate(-45deg); } /*Nav*/ header nav { align-items: flex-start; background: var(--white); display: flex; flex-direction: column; gap: var(--text-spacing-medium); height: 100dvh; justify-content: flex-start; left: 0; margin-left: 0; opacity: 0; overflow: auto; padding: 0; position: absolute; top: 0; transform: translate3d(0, 0, 0); transition: .3s; visibility: hidden; width: 100%; z-index: 9999; } header.active nav { opacity: 1; visibility: visible; } header.dropdown-open nav { overflow: clip; } header nav #menu-new-main-menu, header nav #menu-main-menu-volunteer { align-items: flex-start; flex-direction: column; gap: 8px; /* height: 100%; */ justify-content: flex-start; /* overflow: auto; */ padding: 150px var(--container-outer-padding) 0; /* position: fixed; */ position: relative; top: 0; width: 100%; } header nav #menu-new-main-menu > li, header nav #menu-main-menu-volunteer > li { padding: 0; width: 100%; } header #menu-new-main-menu > li > a, header #menu-main-menu-volunteer > li > a { color: var(--dark-blue); transform: translate3d(0, 0, 0); } body:has(#content section.pc-header:first-of-type) header:not(.sticky-header, .dropdown-open) #menu-new-main-menu > li > a, body:has(#content section.pc-header:first-of-type) header:not(.sticky-header, .dropdown-open) #menu-main-menu-volunteer > li > a { color: var(--dark-blue); } #menu-new-main-menu > li > a, #menu-main-menu-volunteer > li > a { border-bottom: unset; font: 700 calc(24rem / 16)/calc(28 / 24) var(--heading-font); max-width: max-content; padding: 16px 20px 16px 0; } #menu-new-main-menu > li > a:after, #menu-main-menu-volunteer > li > a:after { background-size: 100%; height: 8px; top: 28px; transform: rotate(-90deg); width: 12px; } #menu-new-main-menu > li:hover > a:after, #menu-main-menu-volunteer > li:hover > a:after { transform: rotate(-90deg) translate3d(0, 5px, 0); } body:has(#content section.pc-header:first-of-type) header:not(.sticky-header, .dropdown-open) .logo img, body:has(#content section.pc-header:first-of-type) header:not(.sticky-header, .dropdown-open) #menu-new-main-menu > li > a:after, body:has(#content section.pc-header:first-of-type) header:not(.sticky-header, .dropdown-open) #menu-main-menu-volunteer > li > a:after { filter: unset; } header .back-button { background: unset; border: unset; color: var(--white); display: flex !important; font: 700 calc(13rem / 16)/calc(16 / 13) var(--heading-font); left: var(--container-outer-padding); opacity: 0; padding: 34px 14px; pointer-events: none; position: fixed; top: 84px; transition: 0.25s cubic-bezier(.45,0,.55,1); visibility: hidden; z-index: 99; } .top-helper-nav + header .back-button { /* top: 124px; */ top: 113px; } header .back-button:before { background: url('svgs/icon-dropdown.svg') no-repeat; background-size: 100%; content: ''; filter: brightness(0) invert(100%); height: 6px; left: 0; position: absolute; top: 39px; transform: rotate(90deg); width: 10px; } header .back-button:after { background: transparent; bottom: 0; content: ''; height: 100%; left: calc(-1 * var(--container-outer-padding)); pointer-events: none; position: absolute; transition: 0.25s cubic-bezier(.45,0,.55,1); width: 100vw; z-index: -1; } header.dropdown-open .back-button#back-to-main-nav:after { background: var(--midnight-blue); } header.dropdown-open #back-to-main-nav, header.dropdown-open.tertiary-open #back-to-parent-nav { opacity: 1; pointer-events: all; visibility: visible; } header.dropdown-open.tertiary-open #back-to-main-nav { opacity: 0; pointer-events: none; visibility: hidden; } header #back-to-main-nav > svg { display: none; } header #back-to-main-nav .icon { color: var(--black); margin-right: 7px; order: -1; transition: .25s ease; } header #back-to-main-nav .icon svg { height: 1em; position: relative; transform: none; width: auto; } header #back-to-main-nav:hover .icon { transform: translate3d(-5px, 0, 0); } header .back-button#back-to-parent-nav { color: var(--dark-blue); } header .back-button#back-to-parent-nav:after { background: var(--white); } header .back-button#back-to-parent-nav:before { filter: invert(18%) sepia(58%) saturate(616%) hue-rotate(176deg) brightness(97%) contrast(98%); } /*Color Options*/ header.white #menu-new-main-menu > li > a, header.white #menu-main-menu-volunteer > li > a { color: var(--dark-blue); } header.white #menu-new-main-menu > li > a:after, header.white #menu-main-menu-volunteer > li > a:after { filter: unset; } /*Search Flyout*/ .search-flyout.active { z-index: 999999; } /*Dropdown*/ header #menu-new-main-menu > li > .sub-menu, header #menu-new-main-menu > li:hover > .sub-menu, #menu-new-main-menu .sub-menu:not(.single-dropdown), header #menu-main-menu-volunteer > li > .sub-menu, header #menu-main-menu-volunteer > li:hover > .sub-menu, #menu-main-menu-volunteer .sub-menu:not(.single-dropdown) { align-items: flex-start; background: var(--blue-black); flex-direction: column; gap: 16px; height: 100dvh; left: 0; opacity: 0; overflow-y: auto; padding: 160px 0 100px; pointer-events: none; position: fixed; top: 0; visibility: hidden; width: 100vw; z-index: 1; } .top-helper-nav + header #menu-new-main-menu > li > .sub-menu, .top-helper-nav + header #menu-new-main-menu > li:hover > .sub-menu, .top-helper-nav + #menu-new-main-menu .sub-menu:not(.single-dropdown), .top-helper-nav + header #menu-main-menu-volunteer > li > .sub-menu, .top-helper-nav + header #menu-main-menu-volunteer > li:hover > .sub-menu, .top-helper-nav + #menu-main-menu-volunteer .sub-menu:not(.single-dropdown) { height: calc(100dvh - 40px); top: 40px; } header #menu-new-main-menu > li.active > .sub-menu, header #menu-main-menu-volunteer > li.active > .sub-menu { display: flex; opacity: 1; pointer-events: auto; visibility: visible; } /*Dropdown - Single Dropdown*/ header.dropdown-open.single-dropdown-open .back-button#back-to-main-nav { color: var(--dark-blue); } header.dropdown-open.single-dropdown-open .back-button#back-to-main-nav:before { filter: invert(18%) sepia(11%) saturate(3608%) hue-rotate(177deg) brightness(97%) contrast(93%); } header.dropdown-open.single-dropdown-open .back-button#back-to-main-nav:after { background: var(--light-gray); } #menu-new-main-menu > li:last-child > a, #menu-main-menu-volunteer > li:last-child > a { background: unset; border-radius: unset; color: var(--dark-blue); margin: 0; padding: 16px 20px 16px 0; } #menu-new-main-menu > li:last-child > a:after, #menu-main-menu-volunteer > li:last-child > a:after { display: block; filter: invert(16%) sepia(95%) saturate(430%) hue-rotate(176deg) brightness(98%) contrast(96%); margin-left: unset; position: absolute; vertical-align: unset; } #menu-new-main-menu > li:last-child > a:hover, #menu-main-menu-volunteer > li:last-child > a:hover { background: unset; color: var(--dark-blue); } .dropdown-single-lightbox:before { display: none; } #menu-new-main-menu li.layout-single-lightbox a.has-alt-title .title, #menu-main-menu-volunteer li.layout-single-lightbox a.has-alt-title .title { display: none; } #menu-new-main-menu li.layout-single-lightbox a.has-alt-title .alt-title, #menu-main-menu-volunteer li.layout-single-lightbox a.has-alt-title .alt-title { display: inline-block; } .dropdown-single-lightbox { background: unset; padding: 0 var(--container-outer-padding); } header #menu-new-main-menu > li > .sub-menu.single-dropdown, header #menu-main-menu-volunteer > li > .sub-menu.single-dropdown { background: var(--light-gray); } .sub-menu.single-dropdown li ul { gap: var(--text-spacing-small); padding: 0; } .dropdown-single-lightbox:before { background: none; color: var(--dark-blue); content: 'Ways to Donate'; display: block; font: bold calc(24rem/16)/calc(30/24) var(--heading-font); height: auto; letter-spacing: -0.3px; margin-bottom: var(--text-spacing-small); position: static; transform: none; width: auto; } .dropdown-single-lightbox > li { display: flex; flex-direction: column-reverse; gap: var(--text-spacing-medium); } #menu-new-main-menu .single-dropdown .btn-tertiary, #menu-main-menu-volunteer .single-dropdown .btn-tertiary { font: 700 calc(14rem/16)/calc(24/14) var(--heading-font); text-transform: uppercase; } .sub-menu.single-dropdown .fancy-button { border-radius: 30px; max-width: max-content; padding: 12px 20px 12px 16px; } /*Dropdown - Two-Column*/ header #menu-new-main-menu > li.layout-two-column > .sub-menu, header #menu-new-main-menu > li.layout-two-column:hover > .sub-menu, #menu-new-main-menu .layout-two-column .sub-menu:not(.single-dropdown), header #menu-main-menu-volunteer > li.layout-two-column > .sub-menu, header #menu-main-menu-volunteer > li.layout-two-column:hover > .sub-menu, #menu-main-menu-volunteer .layout-two-column .sub-menu:not(.single-dropdown) { background: var(--midnight-blue); padding-top: 170px; } #menu-new-main-menu .latest-featured-posts, #menu-main-menu-volunteer .latest-featured-posts { margin: 0 0 0 calc(-1 * var(--gap)); width: calc(100% + var(--gap)); } /*Dropdown - Three-Column*/ #menu-new-main-menu ul.dropdown-three-column, #menu-new-main-menu ul.dropdown-two-column, #menu-main-menu-volunteer ul.dropdown-three-column, #menu-main-menu-volunteer ul.dropdown-two-column { padding: 0 var(--container-outer-padding); } #menu-new-main-menu ul.dropdown-three-column .intro, #menu-new-main-menu ul.dropdown-three-column .secondary-links, #menu-new-main-menu ul.dropdown-three-column .links-carousel, #menu-main-menu-volunteer ul.dropdown-three-column .intro, #menu-main-menu-volunteer ul.dropdown-three-column .secondary-links, #menu-main-menu-volunteer ul.dropdown-three-column .links-carousel { grid-column: 1 / -1; max-width: calc(100vw - (2 * var(--container-outer-padding))); } #menu-new-main-menu .sub-menu:not(.single-dropdown)::before, #menu-main-menu-volunteer .sub-menu:not(.single-dropdown)::before { display: none; } #menu-new-main-menu ul.dropdown-three-column .intro, #menu-main-menu-volunteer ul.dropdown-three-column .intro { padding: 0 0 var(--gap); } #menu-new-main-menu ul.dropdown-three-column .intro:before, #menu-main-menu-volunteer ul.dropdown-three-column .intro:before { background: var(--midnight-blue); bottom: 0; content: ''; height: calc(100% + 150px); left: calc(-1 * var(--container-outer-padding)); pointer-events: none; position: absolute; top: auto; width: 100vw; z-index: -1; } #menu-new-main-menu ul.dropdown-three-column .secondary-links, #menu-main-menu-volunteer ul.dropdown-three-column .secondary-links { min-height: unset !important; } #menu-new-main-menu ul.dropdown-three-column .secondary-links h3, #menu-new-main-menu ul.dropdown-two-column .secondary-links h3, #menu-main-menu-volunteer ul.dropdown-three-column .secondary-links h3, #menu-main-menu-volunteer ul.dropdown-two-column .secondary-links h3 { display: none; } #menu-new-main-menu ul.dropdown-three-column .secondary-links > ul > li:first-child, #menu-new-main-menu ul.dropdown-two-column .secondary-links > ul > li:first-child, #menu-main-menu-volunteer ul.dropdown-three-column .secondary-links > ul > li:first-child, #menu-main-menu-volunteer ul.dropdown-two-column .secondary-links > ul > li:first-child { padding-top: 0; } #menu-new-main-menu ul.dropdown-three-column .links-carousel a, #menu-main-menu-volunteer ul.dropdown-three-column .links-carousel a { width: calc((100vw - (2 * var(--container-outer-padding)) - (0.5 * var(--text-spacing-medium))) / 2); } /*Tertiary Menus*/ header.tertiary-open #menu-new-main-menu .sub-menu, header.tertiary-open #menu-main-menu-volunteer .sub-menu { overflow-y: hidden !important; } #menu-new-main-menu ul.dropdown-three-column .secondary-links li.has-tertiary, #menu-main-menu-volunteer ul.dropdown-three-column .secondary-links li.has-tertiary { padding-right: unset; position: unset; width: 100%; } #menu-new-main-menu ul.dropdown-three-column .secondary-links li.has-tertiary:before, #menu-main-menu-volunteer ul.dropdown-three-column .secondary-links li.has-tertiary:before { display: none; } #menu-new-main-menu ul.dropdown-three-column li:hover > .tertiary-menu, #menu-main-menu-volunteer ul.dropdown-three-column li:hover > .tertiary-menu { pointer-events: none; opacity: 0; visibility: hidden; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu { height: 100dvh; left: 0; min-height: unset !important; overflow: auto; padding: 162px var(--container-outer-padding) 100px; position: fixed; top: 0 !important; transition: all 0.25s ease; width: 100vw !important; } #menu-new-main-menu ul.dropdown-three-column .has-tertiary.active .tertiary-menu, #menu-main-menu-volunteer ul.dropdown-three-column .has-tertiary.active .tertiary-menu { pointer-events: auto; opacity: 1; visibility: visible; z-index: 9; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu .heading-6.small, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu .heading-6.small { font-size: calc(28rem / 16); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu > .btn-tertiary, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu > .btn-tertiary { background: var(--pink); border-radius: 30px; bottom: unset; color: var(--white); left: unset; margin: var(--text-spacing-medium) 0 0; padding: 11px 20px 11px 24px; position: relative; text-transform: uppercase; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu > .btn-tertiary:after, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu > .btn-tertiary:after { filter: invert(100%) sepia(0%) saturate(7470%) hue-rotate(7deg) brightness(107%) contrast(108%); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu > .btn-tertiary:hover, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu > .btn-tertiary:hover { background: var(--pink); color: var(--white); } /*Tertiary Menus - US*/ #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-us > .btn-tertiary, #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe > .btn-tertiary, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-us > .btn-tertiary, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe > .btn-tertiary { display: none; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-us ul > .mobile-only, #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul > .mobile-only, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-us ul > .mobile-only, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul > .mobile-only { display: inline-block !important; margin: var(--text-spacing-xxsmall) 0 0; } /*Tertiary Menus - Europe*/ #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul > .mobile-only, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul > .mobile-only { margin: var(--text-spacing-small) 0 0; } /***Block Padding Change***/ .block-stats { padding: var(--module-spacing-medium) 0; } .block-featured-links, .block-latest-from-hias, .block-featured-statements, .block-quote, .block-text-image-cta, .block-upcoming-events { padding: 0 0 var(--module-spacing-medium); } .block-multiple-ctas, .block-info-cards, .block-quote, .block-upcoming-events { padding-bottom: var(--module-spacing-medium); } .block-newsletter-signup { margin: 0 0 var(--module-spacing-medium); } body:has(section.top-helper-nav) .block-plain-hero, .block-plain-hero { padding: var(--module-spacing-small) 0; } /***Footer***/ .new-footer .right-col { grid-column: 1 / -1; width: 100%; } .footer-header { display: flex; gap: 72px; } .new-footer .contact-col { left: unset; min-width: max-content; position: unset; width: calc(216 / 768 * 100vw); } .footer-header-content { flex-direction: column; gap: var(--text-spacing-xxlarge); width: auto; } .footer-header article { width: 100%; } .footer-address { margin-bottom: 0; } .footer-logos { bottom: 0; left: 0; position: absolute; } .footer-disclosures { flex-direction: column; gap: var(--text-spacing-xxlarge); } .footer-disclosures .disclosures-text { width: 100%; } .footer-disclosures .disclosures-links { justify-content: flex-end; } /**Latest Single***/ .single-post .block-article:first-child, .single-announcements .block-article:first-child { padding-top: 120px; } .block-individual-publication .title-container:before { height: calc(100% + 120px); } /***Publication Single***/ #content .block-individual-publication { padding-top: var(--module-spacing-medium); } /***Events Single***/ .block-individual-event-page { padding: var(--module-spacing-large) 0 0 !important; } .block-individual-event-page:last-child { padding-bottom: var(--module-spacing-medium) !important; } .block-individual-event-page .event-title:not(:last-child) { margin-bottom: var(--text-spacing-large) !important; } /***Blocks***/ .block-tagged-page.tag-archive-content:first-child { padding-top: 0; } /*Policy Center Image Carousel*/ .pc-header { padding-top: 160px !important; } /*Intro Three (Page Intro: Title + Small Subheader)*/ #content section.block-intro-three:first-child:has(.simpatico-container), #content section.block-intro-five:first-child { padding-top: var(--module-spacing-large); } } /***************************************************************************************************************************************************************************************/ /*MQ MAX-WIDTH 950 - Tablet Sizes*/ /***************************************************************************************************************************************************************************************/ @media only screen and (max-width: calc(950rem/16)) { :root { /* --announcement-bar-height: 0px !important; */ } body #content { margin-top: calc(var(--announcement-bar-height, 0px) + var(--header-height, 84px)); } h2, .heading-2 { font-size: calc(40rem / 16); font-weight: 900; line-height: calc(46 / 40); } h4, .heading-4, h5, .heading-5, #content .richtext h4, #content .richtext h5 { font-size: calc(22rem / 16); letter-spacing: -0.1px; line-height: calc(30 / 22); } h5.semi-bold, .heading-5.semi-bold { font-weight: 600; } h4, .heading-4, #content .richtext h4 { font-weight: 900; } p.large, ul.large, ol.large, .tag-hero p, .block-statement .text-content p, .block-statement .text-content ul, .block-statement .text-content ol, .large-text p, .large-text ul, .large-text ol { font-size: calc(18rem / 16); line-height: calc(28 / 18); } .single-post #content .richtext p:not(.para-1):not(.para-3), .single-announcements #content .richtext p:not(.para-1):not(.para-3), #content .richtext p, #content .richtext ul, #content .richtext ul li, #content .richtext ol { font-size: calc(16rem / 16); line-height: calc(25 / 16); } blockquote { font-size: calc(26rem / 16); letter-spacing: -0.6px !important; line-height: calc(34 / 26); } .tablet-only { display: block !important; } .desktop-only { display: none !important; } blockquote, blockquote + cite, .citation { padding: 0 0 0 var(--text-spacing-xlarge); } blockquote { font-size: calc(26rem / 16); } blockquote:before { font-size: calc(88rem / 16); } blockquote + cite, .citation { margin: var(--text-spacing-xsmall) 0 0; } /***Header***/ /*Europe - Back to main site*/ .back-to-global a { font-size: calc(14rem / 16); line-height: calc(22 / 14); padding: 0 0 0 24px; } .back-to-global a:before { height: 14px; width: 14px; } /*Top Nav*/ header.sticky-header { transform: translate3d(0, 0, 0) !important; } .top-helper-nav + header { /* top: calc(var(--top-offset) + var(--announcement-bar-height)); */ top: var(--top-offset); } .top-helper-nav + header .back-button { top: 84px; } .top-helper-nav + header #menu-new-main-menu > li > .sub-menu, .top-helper-nav + header #menu-new-main-menu > li:hover > .sub-menu, .top-helper-nav + #menu-new-main-menu .sub-menu:not(.single-dropdown), .top-helper-nav + header #menu-main-menu-volunteer > li > .sub-menu, .top-helper-nav + header #menu-main-menu-volunteer > li:hover > .sub-menu, .top-helper-nav + #menu-main-menu-volunteer .sub-menu:not(.single-dropdown) { height: 100dvh; top: 0; } /*Top Nav*/ .top-helper-nav { display: none; } header .top-helper-nav { display: block !important; height: 100%; padding: var(--text-spacing-medium) 0; position: relative; width: 100vw; z-index: 0; } header .top-helper-nav .simpatico-container { align-items: flex-start; display: grid; gap: var(--text-spacing-medium); grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: flex-start; } header .top-helper-nav ul { display: grid; gap: var(--text-spacing-xsmall); grid-column: 1; grid-row: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); } header .top-helper-nav ul li { grid-column: span 1; } header .top-helper-nav aside { grid-column: 1; grid-row: 2; max-width: max-content; } header .top-helper-nav .country-selector.weglot-dropdown[aria-expanded="true"] ul { display: flex; } header .top-helper-nav form { grid-column: 2; grid-row: 1; transform: translate3d(0, 0, 0); } header .top-helper-nav .footer-social { grid-column: 1 / -1; grid-row: 3; margin: 0; } header .top-helper-nav .footer-social .button { background: rgb(14 34 62 / 10%); background-image: none !important; position: relative; } header .top-helper-nav .footer-social .button:before { background-position: center; background-repeat: no-repeat; background-size: auto 100%; content: ''; height: 16px; filter: invert(84%) sepia(11%) saturate(3608%) hue-rotate(177deg) brightness(97%) contrast(93%); left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); width: 100%; } header .top-helper-nav .footer-social .button.facebook:before { background-image: url(svgs/facebook-white.svg) !important; } header .top-helper-nav .footer-social .button.twitter:before { background-image: url(svgs/twitter-white.svg) !important; } header .top-helper-nav .footer-social .button.linkedin:before { background-image: url(svgs/linkedin-white.svg) !important; top: calc(50% - 2px); } header .top-helper-nav .footer-social .button.instagram:before { background-image: url(svgs/instagram-white.svg) !important; } /*Dropdown - Single Dropdown*/ .sub-menu.single-dropdown .fancy-button:hover { background-color: var(--pink); } /*Dropdown - Two-Column*/ header #menu-new-main-menu > li.layout-two-column > .sub-menu, header #menu-new-main-menu > li.layout-two-column:hover > .sub-menu, #menu-new-main-menu .layout-two-column .sub-menu:not(.single-dropdown), header #menu-main-menu-volunteer > li.layout-two-column > .sub-menu, header #menu-main-menu-volunteer > li.layout-two-column:hover > .sub-menu, #menu-main-menu-volunteer .layout-two-column .sub-menu:not(.single-dropdown) { background: var(--blue-black); } #menu-new-main-menu ul.dropdown-two-column .secondary-links, #menu-new-main-menu .latest-featured-posts, #menu-main-menu-volunteer ul.dropdown-two-column .secondary-links, #menu-main-menu-volunteer .latest-featured-posts { grid-column: 1 / -1; } #menu-new-main-menu ul.dropdown-two-column .secondary-links, #menu-main-menu-volunteer ul.dropdown-two-column .secondary-links { padding: 0 0 40px; position: relative; } #menu-new-main-menu ul.dropdown-two-column .secondary-links:before, #menu-main-menu-volunteer ul.dropdown-two-column .secondary-links:before { background: var(--midnight-blue); bottom: 0; content: ''; height: calc(100% + 150px); left: calc(-1 * var(--container-outer-padding)); position: absolute; width: 100vw; z-index: -1; } #menu-new-main-menu .latest-featured-posts, #menu-main-menu-volunteer .latest-featured-posts { left: calc(-1 * var(--container-outer-padding)); margin: var(--text-spacing-xxsmall) 0 0; overflow: auto; padding: 0 var(--container-outer-padding); position: relative; width: calc(100% + (2 * var(--container-outer-padding))); } #menu-new-main-menu .latest-featured-posts .nav-featured-post, #menu-main-menu-volunteer .latest-featured-posts .nav-featured-post { min-width: calc(375 / 950 * 100vw); } #menu-new-main-menu .latest-featured-posts .nav-featured-post:last-of-type, #menu-main-menu-volunteer .latest-featured-posts .nav-featured-post:last-of-type { min-width: calc(375 / 950 * 100vw + var(--container-outer-padding)); padding-right: var(--container-outer-padding); } /*Footer*/ .new-footer { padding: var(--module-spacing-medium) 0 var(--text-spacing-xlarge); } .new-footer .contact-col, .new-footer .right-col, .footer-header .heading-6, .footer-header .btn-primary, .footer-header article, .footer-header .footer-chart { grid-column: 1 / -1; } .new-footer .contact-col { border-bottom: 1px solid var(--dark-blue); padding-bottom: 0; } .footer-address, .footer-address p:last-child { margin: 0 !important; } .footer-social { margin-bottom: var(--text-spacing-large); } .new-footer .right-col .simpatico-grid { gap: var(--gap); } .footer-header .heading-6 { margin-bottom: 0; } .footer-header .footer-chart { justify-content: flex-start; } .footer-nav { gap: var(--text-spacing-small) var(--gap); width: 100%; } .footer-links { flex-direction: column; gap: var(--text-spacing-xlarge); } .footer-newsletter { width: 100%; } .footer-newsletter form { flex-direction: row; } .footer-disclosures .footer-logos { display: flex !important; grid-column: 1 / -1; } .footer-newsletter form input { max-width: 360px; } /***Tag Archive***/ .tag-hero h1, .tag-hero .tag-description { grid-column: 1 / -1; } /***Latest Single***/ .single-post .block-article:first-child, .single-announcements .block-article:first-child { padding-top: var(--module-spacing-medium); } .single-hero .featured-image { margin: var(--module-spacing-medium) 0 0; } .single-post .sticky-social-container, .single-announcements .sticky-social-container { grid-column: 1 / -1; grid-row: 2; } .single-post .socials, .single-announcements .socials { flex-direction: row; position: relative; top: unset; } .single-post .block-container, .single-announcements .block-container { grid-column: 1 / -1; grid-row: 1; } .single-post .block-container > :last-child, .single-announcements .block-container > :last-child { margin-bottom: 0 !important; } .single-hero .featured-image figcaption { width: 100%; } .single-hero .featured-image .image-container, .single-post .single-image .img-holder picture, .single-announcements .single-image .img-holder picture { aspect-ratio: 950 / 600; height: auto; } .single-post .block-article .articleImagesSwiper .carousel-nav, .single-announcements .block-article .articleImagesSwiper .carousel-nav { right: var(--container-outer-padding); } .single-post .latest-related-news .simpatico-container, .single-announcements .latest-related-news .simpatico-container { padding-bottom: var(--module-spacing-small); } .single-post .latest-related-news .btn-tertiary.alt.circled-arrow, .single-announcements .latest-related-news .btn-tertiary.alt.circled-arrow { bottom: 4px; position: absolute; right: var(--container-outer-padding); } .single-post .latest-related-news .slick-arrow, .single-announcements .latest-related-news .slick-arrow { bottom: unset; height: 44px; right: var(--container-outer-padding); top: 0; width: 44px; } .single-post .latest-related-news .slick-arrow.slick-prev, .single-announcements .latest-related-news .slick-arrow.slick-prev { right: calc(var(--container-outer-padding) + 52px); } .single-post .latest-related-news, .single-announcements .latest-related-news { margin: var(--module-spacing-medium) 0 !important; } /***Events Single***/ .block-individual-event-page { padding: var(--module-spacing-medium) 0 0 !important; } .single-events .event-hero { margin: 0; } .single-events .event-hero h1 { font-size: calc(59rem / 16); line-height: calc(70 / 59); } .single-events .event-info-sticky-container { grid-column: 1 / -1; margin-top: -16px; } .single-events .event-info { background: unset; left: unset; padding: unset; position: relative; top: unset; } .single-events .content { grid-column: 1 / -1; } .single-events .partners .image-container { width: 190px; } /***Blocks***/ /*Stats*/ .block-stats article, .block-stats .stats { grid-column: 1 / -1; left: unset; width: 100%; } .block-stats .stats .number { font-size: calc(52rem / 16); letter-spacing: -1.2px; line-height: calc(46 / 52); } .block-stats .stats p { margin: 0; padding: 0; } /*Featured Links*/ .block-featured-links p.subheading, .block-featured-links article, .block-featured-links .right { grid-column: 1 / -1; grid-row: unset; margin-top: unset; } .block-featured-links .left { margin: var(--text-spacing-medium) 0 0; padding: 0; } .block-featured-links p.large { margin: var(--text-spacing-xxsmall) 0 0 !important; } .block-featured-links .additional-links { padding: var(--text-spacing-xxsmall) 0 0 22px; } .block-featured-links .additional-links li + li { margin-top: var(--text-spacing-large); } .block-featured-links .additional-links li:before { top: calc(var(--text-spacing-small) + 12px); } .block-featured-links .additional-links a .btn-tertiary { margin: var(--text-spacing-xxsmall) 0 0; } /*Newsletter Signup*/ .block-newsletter-signup .blue-div { left: calc(-1 * var(--container-outer-padding)); padding: var(--module-spacing-medium) var(--container-outer-padding); position: relative; width: calc(100% + (2 * var(--container-outer-padding))); } .block-newsletter-signup .simpatico-grid { gap: var(--gap); grid-template-columns: 1fr; } .block-newsletter-signup article, .block-newsletter-signup .signup-container { grid-column: span 1; } .block-newsletter-signup article { left: unset; width: 100%; } .block-newsletter-signup article h2, .block-newsletter-signup article p { text-align: center; } .block-newsletter-signup article p { max-width: unset; } .block-newsletter-signup .signup-container form { max-width: 430px; } .block-newsletter-signup .signup-container form p { margin: 0 22px !important; text-align: center; } /*Latest from HIAS*/ .block-latest-from-hias h2 { padding-right: 120px; } .block-latest-from-hias h2 + .slick-slider { margin-top: 36px; } .block-latest-from-hias .slick-track, .block-info-cards .slick-track, .single-post .latest-related-news .slick-track, .single-announcements .latest-related-news .slick-track { gap: var(--text-spacing-medium); } .block-latest-from-hias .slick-arrow { height: 44px; right: 0; top: -82px; width: 44px; } .block-latest-from-hias .slick-arrow.slick-prev { right: 52px; } .block-latest-from-hias .slick-slide, .block-info-cards .info-card, .single-post .latest-related-news .slide, .single-announcements .latest-related-news .slide { width: calc(300 / 768 * 100vw); } .single-post .latest-related-news .related-news-card .item-info, .single-announcements .latest-related-news .related-news-card .item-info { padding: var(--text-spacing-small) var(--text-spacing-small) 0; } .block-latest-from-hias .slick-slide .btn-tertiary, .block-info-cards .info-card .btn-tertiary, .single-post .latest-related-news .related-news-card .btn-tertiary, .single-announcements .latest-related-news .related-news-card .btn-tertiary { bottom: var(--text-spacing-small); right: var(--text-spacing-small); } .block-latest-from-hias .btn-tertiary.circled-arrow { margin: 36px 0 0 auto; } /*Info Cards*/ .block-info-cards .info-card article { padding: var(--text-spacing-small) var(--text-spacing-small) 86px; } /*Featured Statements*/ .block-featured-statements h2.heading-3 { margin: 0 0 var(--text-spacing-medium); } .block-featured-statements li:nth-child(1) { padding: 0 var(--text-spacing-small) 0 0; } .block-featured-statements li:nth-child(2) { padding: 0 0 0 var(--text-spacing-small); } .block-featured-statements li:nth-child(2):before { height: 100%; } /*Quote*/ .block-quote article { padding: 56px 24px 64px 0; } /*Text + Image CTA*/ .block-text-image-cta article { margin: 0 0 var(--text-spacing-large); row-gap: var(--text-spacing-xxsmall); } .block-text-image-cta .cta-container { padding: 0; } .block-text-image-cta h3.heading-2 { font-size: calc(34rem / 16); line-height: calc(44 / 34); } .block-text-image-cta h2, .block-text-image-cta .cta-container, .block-text-image-cta .main-copy, .block-text-image-cta .image-container { grid-column: 1 / -1; } .block-text-image-cta div.simpatico-grid { row-gap: var(--text-spacing-large); } .block-text-image-cta .cta-container { grid-row: 2; } .block-text-image-cta .image-container { grid-row: 1; } .block-text-image-cta .btn-tertiary { margin: var(--text-spacing-small) 0 0; } /*Upcoming Events*/ .block-upcoming-events .heading-container, .block-upcoming-events ul { grid-column: 1 / -1; } .block-upcoming-events .heading-container { display: flex; justify-content: space-between; } .block-upcoming-events .heading-container .btn-primary { margin: 0; } .block-upcoming-events ul { gap: var(--text-spacing-medium); } .block-upcoming-events ul:has(li:nth-child(2)):before { display: none; } .block-upcoming-events li { grid-column: 1 / -1; } .block-upcoming-events li:nth-child(1) { padding-right: 0; } .block-upcoming-events li:nth-child(2) { padding-left: 0; padding-top: var(--text-spacing-medium); position: relative; } .block-upcoming-events li:nth-child(2):before { background: var(--mid-gray); content: ''; height: 1px; left: 0; position: absolute; top: 0; width: 100%; } /*Donation CTA*/ .block-donation-cta article, .block-donation-cta .donation-container, .block-donation-cta .eyebrow, .block-donation-cta article .text-content, .block-donation-cta-features article, .block-donation-cta-features .donation-container, .block-donation-cta-features .eyebrow, .block-donation-cta-features article .text-content, .donate-cta .donation-container, .donate-cta article .text-content { grid-column: 1 / -1; } .block-donation-cta article, .block-donation-cta-features article, .donate-cta article { width: 100%; } .block-donation-cta .donation-container, .block-donation-cta-features .donation-container, .donate-cta .donation-container { left: unset; margin: 0 auto; max-width: 450px; padding: 0; width: 100%; } /*Plain Hero*/ .block-plain-hero h1, .block-plain-hero .subheading { grid-column: 1 / -1; } /*Multiple CTAs*/ .block-multiple-ctas article h2, .block-multiple-ctas article .text-content, .block-multiple-ctas .cta .image-container, .block-multiple-ctas .cta .content, .block-multiple-ctas .cta:nth-of-type(even) .image-container, .block-multiple-ctas .cta:nth-of-type(even) .content { grid-column: 1 / -1; } .block-multiple-ctas .ctas-container { gap: var(--text-spacing-xxlarge); margin: var(--text-spacing-large) 0 0; } .block-multiple-ctas .cta:nth-of-type(even) .image-container { grid-row: 1; margin-left: auto; } .block-multiple-ctas .cta .content { padding: 0; } .block-multiple-ctas .cta:nth-of-type(even) .content { grid-row: 2; } .block-multiple-ctas article { row-gap: var(--text-spacing-small); } .block-multiple-ctas article:has(.eyebrow) .text-content { margin-top: 0; } .block-multiple-ctas .cta p { margin: var(--text-spacing-xxsmall) 0 0; } .block-multiple-ctas .cta .btn-primary { margin: var(--text-spacing-small) 0 0; } /*Full-Bleed Image + Content*/ .fullbleed-container { /* padding: 266px 0 var(--module-spacing-small); */ } .extra-top-padding .fullbleed-container { padding-top: 266px; } .block-full-bleed-image-content article, .block-big-cta article { grid-column: 1 / -1; width: 100%; } .block-newsletter-signup .signup-container { margin: 0; } /*Statement*/ .block-statement article { margin-left: 0; } /***Tag Archive***/ .tag-hero h1, .tag-hero .tag-description { grid-column: 1 / -1; } /***Latest Single***/ .single-hero:not(:has(.featured-image)) { margin-bottom: unset; } .single-hero .featured-video .play-btn, .single-hero .featured-video .ui-hover:hover .play-btn { width: 80px; } /***Publication Single***/ .block-individual-publication .title-container { margin: 0 0 var(--text-spacing-small); padding: 0; } .block-individual-publication .title-container article { grid-column: 1 / -1; padding: 0; text-align: center; } .block-individual-publication .title-container .image-container { grid-column: 1 / -1; margin: 0 auto; position: relative; } .block-individual-publication .title-container .image-container:before { background: var(--white); bottom: 0; content: ''; height: 50%; left: 50%; position: absolute; transform: translate3d(-50%, 0, 0); width: 100vw; z-index: -1; } .block-individual-publication .title-container .image-container img { box-shadow: 0px 15px 20px 0px rgb(0 0 0 / 6%); } .block-individual-publication .socials-sticky-container { grid-column: 1 / -1; grid-row: 3; } .block-individual-publication .socials { flex-direction: row; justify-content: center; left: unset; position: relative; top: unset; } .block-individual-publication .content { grid-column: 1 / -1; padding: 0; text-align: center; } .block-individual-publication .content .richtext ul { align-items: center; display: flex; flex-direction: column; margin: 0 auto var(--text-spacing-xsmall); max-width: 500px; padding: 0; width: 100%; } .block-individual-publication .content .richtext ul li { max-width: max-content; } /***Blocks***/ /*Overview*/ .block-overview .column.left, .block-overview .column.right { grid-column: 1 / -1; } .block-overview .column.right, .block-overview.has-eyebrow .column.right { margin-left: 0; margin-top: 0; } /*Quote*/ .block-quote .simpatico-grid { align-items: center; } .block-quote .image-container { margin-bottom: 0; width: calc(100% + var(--container-outer-padding) + var(--gap) + 30px); } .block-quote article { padding: var(--text-spacing-xlarge) 0 var(--text-spacing-xxlarge) 76px; } .block-quote article:before { height: 100%; top: 0; } .block-quote article blockquote { padding: var(--text-spacing-large) 0 0; } .block-quote article .citation { padding: 0; } /*Text + Image*/ .block-text-image { padding: var(--module-spacing-small) 0; } .block-text-image .simpatico-grid { gap: var(--text-spacing-small); } .block-text-image .mobile-heading { display: block; grid-row: 1; } .block-text-image article, .block-text-image.text-right article, .block-text-image figure, .block-text-image.text-right .image-wrapper { grid-column: 1 / -1; } .block-text-image article, .block-text-image.text-right article { grid-row: 3; } .block-text-image article h2 + .text-content { margin: 0; } .block-text-image figure, .block-text-image.text-right figure { grid-row: 2; } .block-text-image article h2 { display: none; } /*Statement*/ .block-statement h2, .block-statement article { grid-column: 1 / -1; } .block-statement h2 { gap: var(--text-spacing-xsmall); } /*How to Help*/ .block-how-to-help .column.left, .block-how-to-help .column.right { grid-column: 1 / -1; } .block-how-to-help .column + .column { margin-top: var(--text-spacing-small); } .block-how-to-help .content-box { margin-top: var(--text-spacing-xsmall); } .block-statement article, .block-statement.has-eyebrow article { margin-top: 0; } /*Featured Articles*/ .block-featured-articles .heading-container { align-items: flex-start; flex-direction: column; gap: var(--text-spacing-xxsmall); margin: 0 0 var(--text-spacing-medium); } .block-featured-articles .heading-container .btn-tertiary { margin: 0; text-align: left; } .block-featured-articles article .btn-secondary { margin: var(--text-spacing-xsmall) 0 0; } .block-featured-articles.count-1 li a { align-items: flex-start; } .block-featured-articles.count-1 .image-container, .block-featured-articles.count-1.background .image-container { margin-top: 32px; } .block-featured-articles.count-2 ul { display: grid; gap: var(--text-spacing-xxlarge) var(--gap); grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); } .block-featured-articles.count-2 li { width: 100%; } /*Events*/ .block-events .heading-container h1 { grid-column: 1 / span 7; } .block-events .heading-container .button-container { grid-column: 8 / -1; } .block-events .featured-item article, .block-events .featured-item .image-container { grid-column: 1 / -1; padding: 0; } .block-events .event-item .image-container, .block-events .event-item .event-info, .block-news-list .news-item .image-container, .block-news-list .news-item .news-info, .block-resources .resource-item .image-container, .block-resources .resource-item .resource-info { grid-column: 1 / -1; } .block-events .featured-item { margin: 0 0 var(--text-spacing-xlarge); padding: 0; position: relative; } .block-events .featured-item article { grid-row: 2; } .block-events .featured-item .image-container { grid-row: 1; } .block-events .item .simpatico-grid, .block-news-list .item .simpatico-grid, .block-resources .item .simpatico-grid { gap: var(--text-spacing-small); } .block-events .event-item .image-container, .block-news-list .news-item .image-container, .block-resources .resource-item .image-container { width: 100%; } .block-events .eyebrow-container, .block-news-list .eyebrow-container { margin: 0 0 var(--text-spacing-xsmall); } .block-events .featured-item p, .block-events .event-item .event-info p, .block-news-list .news-item .news-info p, .block-resources .resource-info p { margin: var(--text-spacing-xsmall) 0 0 !important; } /*Resources*/ .block-resources .resource-item { padding-bottom: unset; } .block-resources .resource-item .resource-container:before { display: none; } .block-resources .resource-item .resource-info .button-container { margin: var(--text-spacing-small) 0 0; } .block-resources .resource-info .eyebrow { margin: 0 0 var(--text-spacing-xxsmall); } /*Images Two Large*/ .block-images-two-large .block-title { grid-column: 1 / -1; } .block-images-two-large .item .btn-secondary { margin: var(--text-spacing-xsmall) 0 0; } /*Images Two Small*/ .block-images-two-small article { gap: var(--text-spacing-xsmall); } .block-images-two-small article h2, .block-images-two-small article p, .block-images-two-small .image.large { grid-column: 1 / -1; } .block-images-two-small .image.large { grid-row: 1; } .block-images-two-small .image { grid-column: span 6; grid-row: 2; } /*Accordion Timeline*/ .block-accordion-timeline .accordion > button { padding: var(--text-spacing-large) 0; row-gap: var(--text-spacing-small); } .block-accordion-timeline .timeline-image, .block-accordion-timeline article, .block-accordion-timeline .content { grid-column: 1 / -1; } .block-accordion-timeline .timeline-image .eyebrow { display: block; margin: 0 0 var(--text-spacing-xsmall); } .block-accordion-timeline article { padding: 0; } .block-accordion-timeline .timeline-image:has(p.xsmall) + article { margin-top: 0; } .block-accordion-timeline .content { margin-bottom: var(--text-spacing-large) !important; top: 0 !important; padding-left: 0; padding-right: 0; } .block-accordion-timeline article .eyebrow { display: none; } /*Accordion*/ .block-accordion .accordion-collapse { margin: var(--text-spacing-small) 0 0; } .block-accordion .accordion-body { grid-column: 1 / -1; } .block-accordion .accordion-body .images { gap: var(--text-spacing-medium); } /*Countries*/ .block-countries article, .block-countries .countries { grid-column: 1 / -1; } .block-countries .countries { gap: var(--text-spacing-xsmall) var(--text-spacing-small); padding: 0; } .block-countries .country { width: calc( (100% - (2 * var(--text-spacing-small))) / 3); } /*Crisis*/ .block-crisis .simpatico-container .items .item:not(:first-child) { margin-top: var(--text-spacing-xxlarge); } .block-crisis .item.has-image { padding-bottom: 0 !important; } .block-crisis .item:not(.has-image) { left: calc(-1 * var(--container-outer-padding)); position: relative; width: calc(100% + (2 * var(--container-outer-padding))); } .block-crisis .simpatico-grid .left-col { grid-column: 1 / -1; padding: 0; } .block-crisis .simpatico-grid .left-col:before { height: calc(100% + (239 / 950 * 100vw) + var(--gap) + var(--text-spacing-large)); left: calc(-1 * var(--container-outer-padding)); width: calc(100% + (2 * var(--container-outer-padding))); } .block-crisis .item-content .image-col { grid-column: 1 / -1; margin-top: 0 !important; } /*Default Article Block*/ .page .block-article .block-container, .embedded .block-container { grid-column: 1 / -1; } /*Intro Euro*/ .block-intro-euro .intro-media:has(.image-medium) .image-large { display: none; } .block-intro-euro .intro-media .image-medium { display: block; } /*Intro Euro*/ .block-intro-euro .simpatico-container .intro-content-holder { grid-column: 1 / -1; padding: calc(448 / 1440 * 100vw) 0 var(--module-spacing-small); } /*Home Latest Announcements*/ .block-home-latest-announcements .home-latest > article, .block-related-news article { align-items: flex-start; flex-direction: column; gap: var(--text-spacing-xsmall); } .block-home-latest-announcements .news-container, .block-related-news .news-container { gap: var(--text-spacing-medium); } /*Home Featured 3 Images*/ .block-home-featured-3images .featured { gap: var(--text-spacing-small); } .block-home-featured-3images .featured article, .block-home-featured-3images .featured .media-container, .block-home-featured-3images .three-images .image-link { grid-column: 1 / -1; } .block-home-featured-3images .featured article { grid-row: 2; } .block-home-featured-3images .featured .media-container { grid-row: 1; } /*Home Top Featured*/ .block-home-top-featured .featured-article, .block-home-top-featured .additional-articles { grid-column: 1 / -1; } .block-home-top-featured .featured-article .article-link { height: max-content; min-height: unset; } .block-home-top-featured .featured-article article { padding: calc(278 / 950 * 100vw) calc(158 / 950 * 100vw) var(--text-spacing-xlarge) var(--text-spacing-xlarge); } .block-home-top-featured .additional-articles { flex-direction: row; } /*Indented List*/ .block-indented-list h2 + p, .block-indented-list.image-layout h2 + p { margin: -16px 0 0; } .block-indented-list.image-layout article { margin: 0; } .block-indented-list.image-layout article h2, .block-indented-list.image-layout h2 + p, .block-indented-list.image-layout .image-container, .block-indented-list.image-layout .list-container { grid-column: 1 / -1; } .block-indented-list.image-layout .image-container { grid-row: 3; } .block-indented-list.image-layout .list-container { margin: -16px 0 0; padding: 0; } /*Intro Stats*/ .block-intro-stats article { grid-column: 1 / -1; } .block-intro-stats .stats-container, .block-intro-stats article:has(.eyebrow) + .stats-container { grid-column: 1 / -1; padding: var(--text-spacing-small) 0 0; } /*Intro Country*/ .block-intro-country .director-info { align-items: center; grid-column: 1 / -1; left: 0; padding: var(--text-spacing-large) var(--text-spacing-small) var(--text-spacing-large); text-align: center; width: 100%; } .block-intro-country .director-info .socials { justify-content: center; } .block-intro-country .intro-content { grid-column: 1 / -1; padding: 0; } .block-intro-country .intro-content .crisis-container { text-align: center; } .block-intro-country .crisis-container .button-container { flex-wrap: wrap; justify-content: center; } /*Intro Four*/ .block-intro-four article h1 { font-size: calc(40rem / 16); line-height: calc(48 / 40); grid-column: 1 / span 10; padding: 240px 0 var(--text-spacing-xlarge) var(--text-spacing-xlarge); } .block-intro-four article .image-container.large { display: none; } .block-intro-four article .image-container.medium { display: block; } /*Large Feature (Image + Text Slider)*/ .block-large-feature .items .swiper-wrapper { padding-bottom: 0 !important; } .block-large-feature .simpatico-container .items { margin-top: var(--text-spacing-medium); } .block-large-feature .items .simpatico-grid { gap: var(--text-spacing-small); } .block-large-feature .media-container, .block-large-feature article { grid-column: 1 / -1; } .block-large-feature .media-container .caption { position: relative; top: unset; } /*Logos*/ .block-logos .simpatico-container .item { width: calc( (100% - (3 * var(--text-spacing-xlarge))) / 4 ); } /*Intro Three (Page Intro: Title + Small Subheader)*/ #content section.block-intro-three:first-child:has(.simpatico-container), .block-intro-three:has(.simpatico-container), #content section.block-intro-five:first-child { padding-top: var(--module-spacing-medium); } body:has(.back-to-website-bar-cong-opp) #content section.block-intro-three:first-child:has(.simpatico-container), body:has(.back-to-website-bar-cong-opp) .block-intro-three:has(.simpatico-container), body:has(.back-to-website-bar-cong-opp) #content section.block-intro-five:first-child { padding-top: var(--module-spacing-large) } .block-intro-three .content article { grid-column: 1 / -1; } .block-intro-three .content h1 { font-size: calc(54rem / 16); line-height: calc(64 / 54); } .block-intro-three .media-container.simpatico-grid { gap: var(--text-spacing-medium); } .block-intro-three .media-container .play-btn { width: 80px; } .block-intro-three .media-container .play-btn:before { width: 22px; } /*Intro Five*/ .block-intro-five .primary-post, .block-intro-five .secondary-posts { grid-column: 1 / -1; } /*Images Three Medium*/ .block-images-three-medium article { grid-column: 1 / -1; } .block-images-three-medium .images { gap: var(--gap); } .block-images-three-medium .image-block { grid-column: 1 / -1; } .block-images-three-medium .image-block .text-content { margin: var(--text-spacing-xsmall) 0 0; } .block-images-three-medium .image-block .heading-5.semi-bold { font-size: calc(28rem / 16); line-height: calc(36 / 28); } /*Select Resources*/ .block-select-resources .resource-item { border-top: unset; gap: var(--text-spacing-small); padding: 0; } .block-select-resources .resource-item article { grid-column: 1 / -1; grid-row: 2; } .block-select-resources .resource-item .image-container { grid-column: 1 / -1; grid-row: 1; width: 100%; } .block-select-resources .resource-item .button-container { margin: var(--text-spacing-small) 0 0; } /*Select Publications*/ .block-select-publications .simpatico-container > h2 { margin: 0 0 var(--text-spacing-large); } .block-select-publications .featured-publication article, .block-select-publications .publication article, .block-select-publications .featured-publication .image-container, .block-select-publications .publication .image-container { grid-column: 1 / -1; } .block-select-publications .featured-publication { /* border-bottom: 1px solid var(--mid-gray); */ margin: 0 0 var(--text-spacing-xlarge); /* padding: 0 0 var(--text-spacing-xlarge); */ } .block-select-publications .featured-publication, .block-select-publications .publication { gap: var(--text-spacing-small); } .block-select-publications .publication, .block-select-publications .featured-publication { border-bottom: unset; padding: 0; } .block-select-publications .publication:last-of-type { border-bottom: 1px solid var(--mid-gray); padding: 0 0 var(--text-spacing-large); } .block-select-publications .featured-publication h3.heading-2 { font-size: calc(32rem / 16); font-weight: 400; line-height: calc(42 / 32); } .block-select-publications .featured-publication .image-container { grid-row: 1; } .block-select-publications .show-more { margin: var(--text-spacing-large) 0 0 auto; } /*News List*/ .block-events .event-item, .block-news-list .news-item { border-bottom: unset; padding-bottom: 0; } .block-events .event-item a:before, .block-news-list .news-item a:before { display: none; } .block-news-list .news-item .news-info p { margin: var(--text-spacing-xxsmall) 0 0 !important; } .block-events .events-pagination, .block-news-list .publc-pagination { margin-top: var(--text-spacing-large); padding-top: var(--text-spacing-large); position: relative; } .block-events .events-pagination:before, .block-news-list .publc-pagination:before { background: var(--mid-gray); content: ''; height: 1px; left: var(--container-outer-padding); position: absolute; top: 0; width: calc(100vw - (2 * var(--container-outer-padding))); } /*Priorities List*/ .block-priorities-list article, .block-manual-list article, .block-manual-list-with-languages article { margin: 0 0 var(--text-spacing-large); } .block-priorities-list .list-col, .block-manual-list .list-col, .block-manual-list-with-languages .list-col { grid-column: 1 / -1; } .block-priorities-list .list-col .items, .block-manual-list .list-col .items, .block-manual-list-with-languages .list-col .items { margin-top: 0; } .block-priorities-list .list-col .accordion-item .accordion-button, .block-manual-list .list-col .accordion-item .accordion-button, .block-manual-list-with-languages .list-col .accordion-item .accordion-button { padding-right: 72px; } .block-priorities-list .list-col .accordion-item.inactive .accordion-button, .block-manual-list .list-col .accordion-item.inactive .accordion-button, .block-manual-list-with-languages .list-col .accordion-item.inactive .accordion-button { opacity: 1; } .block-priorities-list .list-col .accordion-item .accordion-button .icon, .block-manual-list .list-col .accordion-item .accordion-button .icon, .block-manual-list-with-languages .list-col .accordion-item .accordion-button .icon { display: block; } .block-priorities-list .simpatico-container .info-col, .block-manual-list .simpatico-container .info-col, .block-manual-list-with-languages .simpatico-container .info-col { display: none; } .block-priorities-list .simpatico-container .accordion-body, .block-manual-list .simpatico-container .accordion-body, .block-manual-list-with-languages .simpatico-container .accordion-body { padding: 0 0 var(--text-spacing-small) !important; } .block-priorities-list .simpatico-container .accordion-body .img-holder, .block-manual-list .simpatico-container .accordion-body .img-holder, .block-manual-list-with-languages .simpatico-container .accordion-body .img-holder { margin-top: 0; } .block-priorities-list .simpatico-container .button.play-btn, .block-manual-list .simpatico-container .button.play-btn, .block-manual-list-with-languages .simpatico-container .button.play-btn { right: var(--text-spacing-xsmall) !important; bottom: var(--text-spacing-xsmall) !important; } .block-priorities-list .simpatico-container .accordion-body .text, .block-manual-list .simpatico-container .accordion-body .text, .block-manual-list-with-languages .simpatico-container .accordion-body .text { margin: var(--text-spacing-xsmall) 0 0; } .block-priorities-list .simpatico-container .accordion-body .btn-tertiary, .block-manual-list .simpatico-container .accordion-body .btn-tertiary, .block-manual-list-with-languages .simpatico-container .accordion-body .btn-tertiary { margin: var(--text-spacing-small) 0 0; } /*Partners*/ .block-partners .featured-partner { gap: var(--text-spacing-small); } .block-partners .featured-partner + .featured-partner { margin-top: var(--text-spacing-large); } .block-partners .featured-partner article, .block-partners .featured-partner:nth-of-type(even) article { grid-column: 1 / -1; grid-row: 2; padding: 0; } .block-partners .featured-partner .image-container, .block-partners .featured-partner:nth-of-type(even) .image-container { grid-column: 1 / -1; grid-row: 1; } .block-partners .partners { gap: var(--text-spacing-medium); } .block-partners .partner { grid-column: span 6; } /*The Latest*/ .block-the-latest .post-item, .block-the-latest .post-item:nth-child(3), .block-the-latest .post-item:nth-child(8) { grid-column: span 4; } .block-the-latest .post-item:nth-child(2), .block-the-latest .post-item:nth-child(6) { grid-column: span 8; } /*Related News*/ .block-related-news .simpatico-container:has(.btn-tertiary.circled-arrow) { padding-bottom: var(--text-spacing-xxlarge); } .block-related-news article .btn-tertiary.circled-arrow { bottom: 0; left: var(--container-outer-padding); position: absolute; } /*Team*/ .block-team .member { grid-column: span 6; } /*Full Bleed Media*/ .block-full-bleed-media article { width: calc(690 / 950 * 100%); } /*Partners Carousel*/ .block-partners-carousel { padding: var(--module-spacing-medium) 0 var(--module-spacing-large); } .block-partners-carousel h2.eyebrow { margin: 0 0 var(--module-spacing-small); } .block-partners-carousel .logos, .block-partners-carousel .logos .slick-track { gap: var(--text-spacing-large) var(--module-spacing-medium); } .logos + .cards { margin-top: var(--module-spacing-small); } .block-partners-carousel .partner-card, .block-partners-carousel .no-scroll .partner-card { width: calc(360 / 950 * 100vw); } .block-partners-carousel .cards.count-2 .partner-card { width: calc((100vw - (2 * var(--container-outer-padding)) - var(--text-spacing-medium)) / 2); } /*Instagram Feed*/ .block-instagram-feed #sb_instagram #sbi_images { grid-template-columns: repeat(2, minmax(0, 1fr)); } /*Featured Research and Publications*/ .block-featured-research-publications .simpatico-grid { gap: var(--text-spacing-small); } .block-featured-research-publications .feature-list .column { grid-column: 1 / -1; } /* .block-featured-research-publications .feature-list .subhead, */ .block-featured-research-publications .feature-list .eyebrow { margin: 0 0 -12px; width: calc(((100% - (11 * var(--gap))) / 12) * 7 + (6 * var(--gap))); } .block-featured-research-publications.list-item-fill .feature-list .eyebrow { padding: 0 0 0 var(--text-spacing-large); } .block-featured-research-publications.list-item-fill .feature-list .column.left, .block-featured-research-publications.list-item-fill .feature-list .column.right { padding: 0 var(--text-spacing-large); } } /***************************************************************************************************************************************************************************************/ /*MQ MAX-WIDTH 800px*/ /***************************************************************************************************************************************************************************************/ @media only screen and (max-width: calc(800rem/16)) { .block-full-bleed-image-content h2 br { display: none; } } /***************************************************************************************************************************************************************************************/ /*MQ MAX-WIDTH 767.98px - Bootstrap Size*/ /***************************************************************************************************************************************************************************************/ @media only screen and (max-width: calc(767.98rem/16)) { .bootstrap-desktop { display: none !important; } .bootstrap-mobile { display: block !important; } .richtext p:not(.para-1):not(.para-3):not(:last-child) { margin-bottom: var(--text-spacing-xsmall) !important; } .block-home-top-featured .primary-item .item-content, .block-home-top-featured .primary-item figure, .block-home-top-featured .primary-item figure picture { height: unset; } .block-home-top-featured .mobile-prime-tag { display: flex !important; left: 10px; position: absolute; top: 0; z-index: 1; } .block-home-top-featured .mobile-prime-tag .emergency-tag { margin: 0; } .block-home-top-featured .primary-item .hero-img-link { left: 10px; width: calc(100% - 20px); } .block-home-top-featured .secondary-item .emergency-tag { left: 10px; } /***Latest Single***/ .single-post .block-article:first-child, .single-announcements .block-article:first-child { padding-top: var(--module-spacing-small); } .single-hero .featured-image { margin: var(--module-spacing-small) 0 0; } .single-post .block-article .article-block:not(.featured-img):not(.swiper-holder), .single-announcements .block-article .article-block:not(.featured-img):not(.swiper-holder) { margin-bottom: 40px; } .single-post .block-article .article-block:not(.featured-img):not(.swiper-holder):last-child, .single-announcements .block-article .article-block:not(.featured-img):not(.swiper-holder):last-child { margin-bottom: 0; } .block-article .article-block.swiper-holder:not(:last-child) { padding-bottom: 0 !important; } .block-article .articleImagesSwiper { padding: 0 0 50px !important; } .block-article .articleImagesSwiper:has([aria-label="1 / 1"]) { padding: 0 !important; } .block-article .articleImagesSwiper .carousel-nav { bottom: 0; top: unset !important; } /***Team Single***/ .block-single-team .single-team-holder .single-team-dialog .single-team-content .single-team-body, .modal#team_modal .modal-body { padding: var(--module-spacing-small) 0 !important; } .block-single-team .single-team-holder .single-team-dialog .single-team-content .single-team-body .container, .modal#team_modal .modal-body .container { padding-left: var(--text-spacing-large) !important; padding-right: var(--text-spacing-large) !important; } .block-single-team .single-team-holder .single-team-dialog .single-team-content .modal-close, .modal#team_modal .modal-close { right: 20px; top: 20px; } .block-single-team .single-team-holder .single-team-dialog .single-team-content .info-col .member-img, .modal#team_modal .info-col .member-img { margin-right: unset !important; width: 100%; } .block-single-team .single-team-body .info-col .align-items-center, .modal#team_modal .modal-body .info-col, .modal#team_modal .modal-content .info-col .align-items-center { align-items: center; flex-direction: column; justify-content: center; text-align: center; } .block-single-team .single-team-holder .single-team-dialog .single-team-content .info-col:not(:last-child), .modal#team_modal .modal-body .info-col:not(:last-child) { margin-bottom: var(--text-spacing-large); } .block-single-team .single-team-holder .single-team-dialog .single-team-content .info-col .member-info, .modal#team_modal .modal-body .info-col .member-info { margin-top: var(--text-spacing-small); padding-left: 0 !important; } .block-single-team .single-team-holder .single-team-dialog .single-team-content .info-col .member-info .social-info, .modal#team_modal .modal-body .info-col .member-info .social-info { justify-content: center; } .block-single-team .single-team-body .content-col, .modal#team_modal .modal-body .content-col { text-align: center; } /***Blocks***/ /*Featured Articles*/ .block-featured-articles.count-1.background li { padding: var(--text-spacing-large); } .block-featured-articles.count-1 .image-container, .block-featured-articles.count-1.background .image-container, .block-featured-articles.count-1 article { grid-column: 1 / -1; max-height: unset; width: 100%; } .block-featured-articles.count-1 .image-container { aspect-ratio: 415 / 234; } .block-featured-articles.count-1.background .image-container, .block-featured-articles.count-1.background article { padding: 0; } .block-featured-articles.count-1 .image-container, .block-featured-articles.count-1.background .image-container { margin-top: 0; } .block-featured-articles.count-1.background .image-container { aspect-ratio: 383 / 216; } /*Image Carousel*/ .block-image-carousel .items .imagesSwiper { padding-top: unset !important; } .block-image-carousel .items .swiper-wrapper .swiper-slide .item-content { padding-right: 0 !important; } /*Policy Center Image Carousel*/ .pc-header { padding-bottom: 224px !important; } #pc-topblue-section { margin-top: -160px !important; } .block-pc-image-carousel .item-content .image-container:before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.85) 100%); } /***Tag***/ .block-tagged-page .item-info .inline-img { margin: 0; float: none; width: 100%; padding: 0; } .block-tagged-page .item-info .inline-img img { margin: 0 0 16px; position: relative; } } /***************************************************************************************************************************************************************************************/ /*MQ MAX-WIDTH 767.98px - Bootstrap Size*/ /***************************************************************************************************************************************************************************************/ @media only screen and (max-width: calc(767.98rem/16)) { .bootstrap-desktop { display: none !important; } .bootstrap-mobile { display: block !important; } .block-home-top-featured .primary-item .item-content, .block-home-top-featured .primary-item figure, .block-home-top-featured .primary-item figure picture { height: unset; } .block-home-top-featured .mobile-prime-tag { display: flex !important; left: 10px; position: absolute; top: 0; z-index: 1; } .block-home-top-featured .mobile-prime-tag .emergency-tag { margin: 0; } .block-home-top-featured .primary-item .hero-img-link { left: 10px; width: calc(100% - 20px); } .block-home-top-featured .secondary-item .emergency-tag { left: 10px; } /*Team*/ .block-team .team-members { grid-auto-rows: unset; } .block-team .member { grid-column: 1 / -1; } .block-team .member .button-icon { top: 50%; transform: translate3d(0, -50%, 0); } } /***************************************************************************************************************************************************************************************/ /*MQ MAX-WIDTH 650 - Mobile Sizes*/ /***************************************************************************************************************************************************************************************/ @media only screen and (max-width: calc(650rem/16)) { :root { --container-outer-padding: 20px; --grid: 1fr; --module-spacing-large: 80px; --module-spacing-medium: 56px; --module-spacing-small: 56px; --header-height: 70px; } h1, .heading-1, .page-title, #content .richtext h1, h1.small, .heading-1.small, .page-title.small, .block-intro-three .content h1, .single-events .event-hero h1 { font-size: calc(40rem / 16); line-height: calc(48 / 40); } h2, .heading-2, #content .richtext h2 { font-size: calc(36rem / 16); letter-spacing: -0.1px; line-height: calc(42 / 36); } h3, .heading-3, #content .richtext h3, .block-select-publications .featured-publication h3.heading-2, .block-stats h2 { font-size: calc(28rem / 16); line-height: calc(36 / 28); } h4, .heading-4, h5, .heading-5, #content .richtext h4, #content .richtext h5 { font-size: calc(20rem / 16); line-height: calc(28 / 20); } h6, h6.small, .heading-6, .heading-6.small, #content .richtext h6 { font-size: calc(18rem / 16); letter-spacing: 0.2px; line-height: calc(24 / 18); } #content .richtext * + h2, #content .richtext * + h3 { margin-top: var(--text-spacing-large); } #content .richtext * + h4 { margin-top: var(--text-spacing-medium); } #content .richtext * + h5, #content .richtext * + h6 { margin-top: var(--text-spacing-small); } p, ul, ol { font-size: calc(14rem / 16); letter-spacing: 0px !important; line-height: calc(22 / 14); } p.large, ul.large, ol.large, .tag-hero p, .block-statement .text-content p, .block-statement .text-content ul, .block-statement .text-content ol, .large-text p, .large-text ul, .large-text ol { font-size: calc(16rem / 16); letter-spacing: -0.1px !important; line-height: calc(25 / 16); } .btn-secondary, .btn-tertiary { font-size: calc(14rem / 16); letter-spacing: -0.1px; line-height: calc(20 / 14); } .home .block-full-bleed-image-content .transparent, .home .block-full-bleed-image-content .btn-primary:nth-of-type(2) { display: none !important; } .mobile-only { display: block !important; } .container { padding-left: var(--container-outer-padding); padding-right: var(--container-outer-padding); } .slick-track { gap: var(--text-spacing-small); } /*Rich Text*/ .single-post .richtext p:not(.para-1):not(.para-3), .single-announcements .richtext p:not(.para-1):not(.para-3) { font-size: calc(16rem / 16); } blockquote + cite, .citation { padding: 0; } blockquote, .single-post .richtext .quote-block blockquote, .single-announcements .richtext .quote-block blockquote, .block-article .richtext .quote-block blockquote { padding: var(--text-spacing-medium) 0 0; } .btn-primary, .btn-secondary, .btn-tertiary, .sub-menu.single-dropdown .fancy-button { font-size: calc(14rem / 16); } .btn-primary:hover { background: var(--pink); } .btn-primary:hover::after, .btn-secondary:hover::after, .btn-tertiary:hover::after, .btn-hover:hover .btn-tertiary:after { transform: translateX(0); } .btn-tertiary.alt.circled-arrow span { padding: 0 40px 0 0; } /***Header***/ header { padding: 13px 0; } header.active:before { height: 70px; } header .logo { display: block; height: 32px; width: 118px; } /*Nav*/ header .back-button, .top-helper-nav + header .back-button { top: 70px; padding: var(--text-spacing-medium) 14px; } header .back-button:before { top: 37px; } header nav #menu-new-main-menu, header nav #menu-main-menu-volunteer { padding: 94px var(--container-outer-padding) 0; } #menu-new-main-menu > li > a, #menu-new-main-menu > li:last-child > a, #menu-main-menu-volunteer > li > a, #menu-main-menu-volunteer > li:last-child > a { font-size: calc(20rem / 16); line-height: calc(24 / 20); padding: 12px 20px 12px 0; } #menu-new-main-menu > li > a:after, #menu-main-menu-volunteer > li > a:after { top: 22px; } #menu-new-main-menu > li:hover > a:after, #menu-main-menu-volunteer > li:hover > a:after { transform: rotate(-90deg) translate3d(0, 0, 0); } /*Top Nav*/ header .top-helper-nav .simpatico-container { grid-template-columns: minmax(0, 1fr); } header .top-helper-nav ul, header .top-helper-nav aside, header .top-helper-nav form, header .top-helper-nav .footer-social { grid-column: 1; grid-row: unset; } /*Dropdown*/ header #menu-new-main-menu > li > .sub-menu, header #menu-new-main-menu > li:hover > .sub-menu, #menu-new-main-menu .sub-menu:not(.single-dropdown), header #menu-main-menu-volunteer > li > .sub-menu, header #menu-main-menu-volunteer > li:hover > .sub-menu, #menu-main-menu-volunteer .sub-menu:not(.single-dropdown) { padding: 145px 0 100px; } /*Dropdown - Two-Column*/ header #menu-new-main-menu > li.layout-two-column > .sub-menu, header #menu-new-main-menu > li.layout-two-column:hover > .sub-menu, #menu-new-main-menu .layout-two-column .sub-menu:not(.single-dropdown), header #menu-main-menu-volunteer > li.layout-two-column > .sub-menu, header #menu-main-menu-volunteer > li.layout-two-column:hover > .sub-menu, #menu-main-menu-volunteer .layout-two-column .sub-menu:not(.single-dropdown) { padding-top: 150px; } #menu-new-main-menu .latest-featured-posts .nav-featured-posts, #menu-main-menu-volunteer .latest-featured-posts .nav-featured-posts { gap: var(--text-spacing-small); } #menu-new-main-menu .latest-featured-posts .nav-featured-post, #menu-main-menu-volunteer .latest-featured-posts .nav-featured-post { min-width: calc(280 / 375 * 100vw); } #menu-new-main-menu .latest-featured-posts .nav-featured-post:last-of-type, #menu-main-menu-volunteer .latest-featured-posts .nav-featured-post:last-of-type { min-width: calc(280 / 375 * 100vw + var(--container-outer-padding)); padding-right: var(--container-outer-padding); } /*Dropdown - Three-Column*/ #menu-new-main-menu ul.dropdown-three-column .links-carousel, #menu-main-menu-volunteer ul.dropdown-three-column .links-carousel { max-width: 100vw; } #menu-new-main-menu ul.dropdown-three-column .links-carousel .slick-arrow, #menu-main-menu-volunteer ul.dropdown-three-column .links-carousel .slick-arrow { display: none !important; } #menu-new-main-menu ul.dropdown-three-column .links-carousel .slick-carousel, #menu-main-menu-volunteer ul.dropdown-three-column .links-carousel .slick-carousel { left: calc(-1 * var(--container-outer-padding)); padding: 50px var(--container-outer-padding) 0; } #menu-new-main-menu ul.dropdown-three-column .links-carousel a, #menu-main-menu-volunteer ul.dropdown-three-column .links-carousel a { width: calc(280 / 375 * 100vw); } /*Tertiary Menus*/ #menu-new-main-menu ul.dropdown-three-column .tertiary-menu, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu { padding: 147px var(--container-outer-padding) 100px; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu .heading-6.small, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu .heading-6.small { font-size: calc(24rem / 16); letter-spacing: -0.3px; line-height: calc(30 / 24); } /*Tertiary Menus - Images*/ #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-images a.simpatico-flex-container, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-images a.simpatico-flex-container { align-items: flex-start; flex-direction: column; gap: var(--text-spacing-xsmall); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-images .media, #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-images article, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-images .media, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-images article { width: 100%; } /*Tertiary Menus - US*/ #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-us, #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-us, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe { flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-us ul, #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-us ul, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul { width: 100%; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-us ul:first-of-type, #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-us ul:first-of-type, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type { margin: 0 0 40px; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-us ul:last-of-type, #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:last-of-type, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-us ul:last-of-type, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:last-of-type { height: 100%; padding: 40px 0; position: relative; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-us ul:last-of-type:before, #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:last-of-type:before, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-us ul:last-of-type:before, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:last-of-type:before { background: var(--light-gray); content: ''; height: calc(100% + 100px); left: calc(-1 * var(--container-outer-padding)); position: absolute; top: 0; width: 100vw; z-index: -1; } /*Tertiary Menus - Europe*/ #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type { display: grid; gap: var(--text-spacing-xsmall); grid-template-columns: repeat(2, minmax(0, 1fr)); } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type li, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type li { grid-column: span 1; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type li.mobile-only, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type li.mobile-only { grid-column: 1 / -1; margin: var(--text-spacing-xsmall) 0 0; } #menu-new-main-menu ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary:hover .icon, #menu-main-menu-volunteer ul.dropdown-three-column .tertiary-menu.style-europe ul:first-of-type .btn-tertiary:hover .icon { transform: translateX(0); } /*Footer*/ .new-footer { padding: var(--text-spacing-xxlarge) 0 var(--text-spacing-large); } .footer-header { align-items: center; flex-direction: column; gap: var(--text-spacing-medium); margin-bottom: var(--text-spacing-large); padding-bottom: var(--text-spacing-large); text-align: center; } .footer-header-content { gap: var(--text-spacing-large); } .footer-address p:last-child, .new-footer .contact-col, .footer-address { margin-bottom: 0 !important; padding-bottom: 0; } .new-footer .contact-col { align-items: center; } .footer-social { margin-bottom: var(--text-spacing-medium); } .footer-header .btn-primary { margin: var(--text-spacing-small) 0 0; text-align: center; width: 100%; } .footer-logos { bottom: 54px; justify-content: center; width: 100%; } .footer-header .footer-chart { justify-content: center; text-align: left; } .footer-nav { gap: var(--text-spacing-small); grid-template-columns: minmax(0, 1fr); } .footer-links { gap: var(--text-spacing-large); margin-bottom: var(--text-spacing-large); padding-bottom: var(--text-spacing-large); text-align: center; } .footer-disclosures { display: flex; flex-direction: column; gap: 96px; } .footer-disclosures .disclosures-links { justify-content: center; } .new-footer .right-col .simpatico-grid { grid-template-columns: 1fr; } .footer-newsletter .newsletter-header { margin: 0 0 var(--text-spacing-xsmall) !important; } .footer-newsletter form { flex-direction: column; } .footer-newsletter form input, .footer-newsletter form button[type="submit"], .footer-disclosures .disclosures-text { max-width: unset; text-align: center; width: 100%; } .footer-chart .chart-container, .footer-chart .chart-container canvas, #doughnut-chartcanvas-1 { height: 100% !important; width: 100% !important; } /***Home***/ .block-home-top-featured:first-child { padding-top: var(--text-spacing-small) !important; } /***Tag Archive***/ /*Tag Hero*/ .tag-hero { padding-bottom: 48px; padding-top: 48px; } .tag-hero .simpatico-grid { gap: 20px; } .tag-hero p { font-size: calc(16rem / 16); } .tag-hero .tag-description .sub-description { flex-direction: column; flex-wrap: unset; } .tag-hero .tag-description .sub-description .eyebrow.icon-alert, .tag-hero .tag-description .sub-description .btn-secondary { font-size: calc(12rem / 16); } .tag-hero .tag-description .sub-description .eyebrow.icon-alert { padding-left: 26px; } .tag-hero .tag-description .sub-description .eyebrow.icon-alert:before { height: 20px; width: 20px; } .tag-hero .tag-description .sub-description.has-alert.has-button .eyebrow.icon-alert { margin-right: unset; padding-right: unset; } .tag-hero .tag-description .sub-description.has-alert.has-button .eyebrow.icon-alert:after { display: none; } .tag-hero .tag-description .sub-description.has-alert.has-button .btn-secondary { margin-left: 26px; } .tag-hero .p-result { bottom: -105px; } .block-tagged-page .tag-hero + .items:not(:first-child) { margin-top: 90px; } /***Latest Single***/ .single-post .content, .single-announcements .content { margin: var(--text-spacing-large) 0 0; } .single-hero .featured-image .image-container, .single-post .single-image .img-holder picture, .single-announcements .single-image .img-holder picture { aspect-ratio: unset; } .single-hero .featured-image .image-container img, .single-post .single-image .img-holder img, .single-announcements .single-image .img-holder img { position: relative; } .single-post #content, .single-announcements #content { overflow: hidden; position: relative; } .single-hero .featured-video .play-btn, .single-hero .featured-video .ui-hover:hover .play-btn, .single-post .video-block .play-btn, .single-post .video-block .ui-hover:hover .play-btn, .single-announcements .video-block .play-btn, .single-announcements .video-block .ui-hover:hover .play-btn { bottom: unset; left: 50%; right: unset; top: 50%; transform: translate3d(-50%, -50%, 0); width: 64px; } .single-hero .featured-video .play-btn:before, .single-post .video-block .play-btn:before, .single-announcements .video-block .play-btn:before { width: 19px; } .single-hero .featured-video .play-btn span, .single-post .video-block .play-btn span, .single-announcements .video-block .play-btn span { display: none; } .single-post .swiper-holder, .single-announcements .swiper-holder { overflow: unset; width: calc(100vw - (2 * var(--container-outer-padding))); } .block-article .articleImagesSwiper { overflow: hidden; } .single-post .block-article .articleImagesSwiper .carousel-nav, .single-announcements .block-article .articleImagesSwiper .carousel-nav { right: 0; } .single-post .related-news .grid, .single-announcements .related-news .grid, .page .block-article .related-news .grid { grid-template-columns: minmax(0, 1fr); row-gap: var(--text-spacing-medium); } .single-post .latest-related-news .btn-tertiary.alt.circled-arrow, .single-announcements .latest-related-news .btn-tertiary.alt.circled-arrow { left: var(--container-outer-padding); right: unset; } .single-post .latest-related-news .slick-arrow.slick-prev, .single-announcements .latest-related-news .slick-arrow.slick-prev { left: 0; right: unset; } .single-post .latest-related-news .slick-arrow.slick-next, .single-announcements .latest-related-news .slick-arrow.slick-next { left: 52px; right: unset; } .single-post .related-news .image-container, .single-announcements .related-news .image-container, .page .block-article .related-news .image-container { aspect-ratio: 320 / 200; grid-column: 1 / -1; height: auto; width: 100%; } .single-post .related-news article, .single-announcements .related-news article, .page .block-article .related-news article { grid-column: 1 / -1; padding: 0 var(--text-spacing-small) var(--text-spacing-large) var(--text-spacing-small); text-align: center; } .single-post .related-news .btn-primary, .single-announcements .related-news .btn-primary, .page .block-article .related-news .btn-primary { margin: var(--text-spacing-small) auto 0; } .single-post .large-cta a, .single-announcements .large-cta a { left: calc(-1 * var(--container-outer-padding)); padding: var(--text-spacing-medium); position: relative; width: calc(100% + (2 * var(--container-outer-padding))); } .single-post .latest-related-news article, .single-announcements .latest-related-news article { align-items: flex-start; flex-direction: column; justify-content: flex-start; gap: var(--text-spacing-xsmall); margin: 0; } .single-post .latest-related-news .slick-slider, .single-announcements .latest-related-news .slick-slider { margin: var(--text-spacing-xsmall) 0 0; padding: 84px 0 0; position: relative; } .single-post .latest-related-news .related-news-card, .single-announcements .latest-related-news .related-news-card { padding: 0 0 72px; } .single-post .latest-related-news .related-news-card .item-info, .single-announcements .latest-related-news .related-news-card .item-info { padding: var(--text-spacing-small) var(--text-spacing-small) 0; } .single-post .latest-related-news .related-news-card .btn-tertiary, .single-announcements .latest-related-news .related-news-card .btn-tertiary { bottom: var(--text-spacing-small); right: var(--text-spacing-small); } /***Team Single***/ .single-team-holder, .modal#team_modal { z-index: 9999999; } .block-single-team .single-team-holder .single-team-dialog .single-team-content, .single-events:has(.speaker) .modal-content, .modal#team_modal .modal-content { height: 100dvh; max-height: 100dvh; max-width: 100vw; } .block-single-team .single-team-holder .single-team-dialog .single-team-content .single-team-body, .modal#team_modal .modal-body { padding: var(--module-spacing-small) 0 var(--text-spacing-xlarge) !important; } .block-single-team .single-team-holder .single-team-dialog .single-team-content .single-team-body .container, .modal#team_modal .modal-body .container { padding: 0 var(--text-spacing-small) !important; } .block-single-team .single-team-holder .single-team-dialog .single-team-content .info-col:not(:last-child), .modal#team_modal .modal-body .info-col:not(:last-child) { margin-bottom: var(--text-spacing-medium) !important; padding-bottom: var(--text-spacing-medium) !important; } /***Publication Single***/ .block-individual-publication .title-container .image-container { width: 80%; } /***Events Single***/ .single-events .content > * { margin: 0 0 var(--text-spacing-medium) !important; } .block-individual-event-page .form-div .custom-input { grid-column: 1 / -1; } .single-events .partners .logos { gap: var(--text-spacing-small); } .single-events .partners .image-container { width: calc(155 / 375 * 100vw); } /***Blocks***/ .block-full-bleed-media + .block-featured-links { margin-top: 0; } /*Stats*/ .block-stats article, .block-stats .stats { text-align: center; } .block-stats .stats { grid-template-columns: minmax(0, 1fr); } .block-stats .stats li { align-items: center; } .block-stats .stats li:before { left: calc(50% - 40px); transform: translate3d(-50%, 0, 0); } .block-stats .stats p.medium { font-size: calc(17rem / 16); line-height: calc(24 / 17); } /*Featured Links*/ .block-featured-links { padding: var(--module-spacing-medium) 0; } .block-stats + .block-featured-links { padding-top: 0; } .block-featured-links > .simpatico-grid { gap: var(--text-spacing-medium); } .block-featured-links .left { margin: var(--text-spacing-small) 0 0; } .block-featured-links .main-link article { margin: var(--text-spacing-xsmall) 0 0; padding: 0; } .block-featured-links .main-link article:before { display: none; } .block-featured-links .main-link p:not(:last-child):not(.caption):not(.footer-p), .block-featured-links .main-link .btn-tertiary { margin-top: var(--text-spacing-xxsmall); } .block-featured-links .additional-links { padding: 0 0 0 22px; } .block-featured-links .additional-links li + li { margin-top: var(--text-spacing-small); } .block-featured-links .additional-links li:before { top: 28px; } .block-featured-links .additional-links a { gap: 4px; padding: 20px 0 0; } .block-featured-links .additional-links a .btn-tertiary { margin: 4px 0 0; } .block-featured-links .btn-tertiary.circled-arrow { margin: var(--text-spacing-medium) 0 0; padding: 0 0 0 22px; } /*Newsletter Signup*/ .block-newsletter-signup .blue-div { padding: var(--module-spacing-small) var(--container-outer-padding); } .block-newsletter-signup .simpatico-grid { gap: var(--text-spacing-medium); } .block-newsletter-signup .signup-container { margin: 0; width: 100%; } .block-newsletter-signup .signup-container input[type="email"], .block-newsletter-signup .signup-container input[type="number"] { text-align: center; width: 100%; } .block-newsletter-signup article p { margin-top: var(--text-spacing-xxsmall); } /*Latest from HIAS*/ section + .block-latest-from-hias { padding-top: 0; } .block-latest-from-hias { padding: var(--module-spacing-small) 0; } .block-latest-from-hias h2 { padding-right: unset; } .block-latest-from-hias h2 + .slick-slider { margin-top: 100px; } .block-latest-from-hias .slick-arrow { top: -86px; } .block-latest-from-hias .slick-arrow.slick-prev { left: 0; right: unset; } .block-latest-from-hias .slick-arrow.slick-next { left: 52px; right: unset; } .block-latest-from-hias .slick-track, .block-info-cards .slick-track, .single-post .latest-related-news .slick-track, .single-announcements .latest-related-news .slick-track { gap: var(--text-spacing-small); } .block-latest-from-hias .slick-slide, .block-info-cards .info-card, .single-post .latest-related-news .slide, .single-announcements .latest-related-news .slide { width: calc(300 / 375 * 100vw); } .block-latest-from-hias .slick-slide .btn-tertiary { bottom: var(--text-spacing-small); right: var(--text-spacing-small); } .block-latest-from-hias .btn-tertiary.circled-arrow { margin: 36px 0 0; } /*Featured Statements*/ .block-featured-statements { padding: var(--module-spacing-small) 0; } .block-featured-statements h2.heading-3 { margin: 0 0 var(--text-spacing-small); } .block-featured-statements ul { gap: var(--text-spacing-medium); margin: var(--text-spacing-medium) 0 0; } .block-featured-statements li { grid-column: 1 / -1; } .block-featured-statements li:nth-child(1) { padding: 0; } .block-featured-statements li:nth-child(2) { padding: var(--text-spacing-medium) 0 0; } .block-featured-statements li:nth-child(2):before { background: var(--mid-gray); height: 1px; left: 0; top: 0; transform: translate3d(0, 0, 0); width: 100%; } .block-featured-statements .eyebrow { margin: 0 0 var(--text-spacing-xxsmall); } .block-featured-statements .btn-tertiary { margin: var(--text-spacing-xsmall) 0 0; } /*Quote*/ .block-quote { padding: var(--module-spacing-small) 0; } .block-quote .image-container { display: none; } .block-quote article, .block-quote.no-image article { grid-column: 1 / -1; margin: 0; padding: var(--text-spacing-xlarge) 0; } .block-quote article:before, .block-quote.no-image article:before { left: calc(-1 * var(--container-outer-padding)); width: calc(100% + (2 * var(--container-outer-padding))); } .block-quote .mobile-image { border-radius: 100%; display: block; height: 64px; overflow: hidden; position: relative; width: 64px; } .block-quote .mobile-image img { height: 100%; object-fit: cover; width: 100%; } .block-quote article .citation cite { width: calc(100% - var(--text-spacing-xsmall) - 64px); } /*Text + Image CTA*/ .block-text-image-cta .main-copy { margin: 0; } .block-text-image-cta article { margin: 0 0 var(--text-spacing-medium); } .block-text-image-cta div.simpatico-grid { row-gap: var(--text-spacing-medium); } .block-text-image-cta .btn-tertiary { margin: var(--text-spacing-xsmall) 0 0; } /*Upcoming Events*/ .block-upcoming-events .simpatico-container { row-gap: var(--text-spacing-medium); padding-bottom: 82px; } .block-upcoming-events .heading-container .btn-primary { bottom: 0; left: var(--container-outer-padding); position: absolute; } .block-upcoming-events ul { grid-template-columns: minmax(0, 1fr); padding: 0; } .block-upcoming-events li .eyebrow { margin: 0 0 var(--text-spacing-xxsmall); } .block-upcoming-events li p { margin: 4px 0 0 !important; } .block-upcoming-events li .btn-tertiary { margin: var(--text-spacing-xsmall) 0 0; } /*Donation CTA*/ .block-donation-cta, .block-donation-cta{ padding: var(--module-spacing-small) 0 var(--text-spacing-xxlarge); } .block-donation-cta .donation-container, .block-donation-cta-features .donation-container, .donate-cta .donation-container{ flex-direction: column; } .block-donation-cta .donation-container input, .block-donation-cta-features .donation-container input, .donate-cta .donation-container input { padding: 13px 22px; text-align: center; } .block-donation-cta .donation-container .btn-primary, .block-donation-cta-features .donation-container .btn-primary, .donate-cta .donation-container .btn-primary { max-width: unset; text-align: center; } /*Plain Hero*/ /* body:has(section.top-helper-nav) .block-plain-hero { padding-top: 140px; } .block-plain-hero { padding: 96px 0 var(--module-spacing-small); } */ /*Multiple CTAs*/ .block-multiple-ctas { padding: var(--module-spacing-small) 0; } .block-multiple-ctas article { gap: var(--text-spacing-xsmall); } .block-multiple-ctas .ctas-container { gap: var(--text-spacing-large); margin: var(--text-spacing-medium) 0 0; } .block-multiple-ctas .cta { gap: var(--text-spacing-small); } .block-multiple-ctas .cta .btn-primary { margin: var(--text-spacing-small) 0 0; } /*Info Cards*/ .block-info-cards { padding: var(--module-spacing-small) 0; } .block-info-cards:has(.slick-arrow) .info-cards { padding-bottom: var(--module-spacing-small); } .block-info-cards .info-card article { padding: var(--text-spacing-small) var(--text-spacing-small) 72px; } .block-info-cards div.info-card article { padding-bottom: var(--text-spacing-medium); } .block-info-cards .info-card .btn-tertiary { bottom: var(--text-spacing-small); right: var(--text-spacing-small); } /*Overview*/ .block-overview .eyebrow.large { font-size: calc(18rem / 16); margin-bottom: var(--text-spacing-xsmall); } .block-overview .images-container { margin-top: var(--text-spacing-large); width: calc(100vw - (2 * var(--container-outer-padding))); } .block-overview .overview-carousel { padding-top: var(--text-spacing-xxlarge); } .block-overview .overview-carousel .slick-arrow { top: 0 !important; } .block-overview figure { gap: var(--text-spacing-xsmall); } .block-overview .overview-carousel figcaption { margin-bottom: var(--text-spacing-xxlarge); margin-left: unset; width: 100%; } /*Full-Bleed Image + Content*/ .block-full-bleed-image-content { aspect-ratio: unset; } .fullbleed-container, .block-big-cta .fullbleed-container { display: flex; flex-direction: column; padding: 0; } .extra-top-padding .fullbleed-container { padding-top: 0; } #content > :first-child .fullbleed-container, #content > .block-big-cta:first-child .fullbleed-container { padding-top: 0; } .block-full-bleed-image-content.caption-present .image-container:before, .block-full-bleed-image-content .image-container:after, .block-big-cta .image-container:before, .block-big-cta .image-container:after { content: none; } .block-full-bleed-image-content .simpatico-container, .block-big-cta .simpatico-container { padding: var(--text-spacing-xlarge) var(--container-outer-padding) var(--text-spacing-xlarge); } .block-full-bleed-image-content .simpatico-container { padding-bottom: 175px !important; } .transparent, .btn-primary:nth-of-type(2) { background: var(--pink) !important; border: none !important; } .block-full-bleed-image-content article, .block-big-cta article { text-align: center; } .block-full-bleed-image-content .image-container, .block-big-cta .image-container { aspect-ratio: 375 / 220; height: auto; order: 1; position: relative; } .block-full-bleed-image-content .eyebrow { margin: 0 auto var(--text-spacing-small); max-width: max-content; } .block-full-bleed-image-content h2, .block-big-cta article h2, .block-big-cta article p, .block-big-cta .button-container .btn-tertiary { color: var(--black) !important; } .block-big-cta .button-container .btn-tertiary:hover { color: var(--pink) !important; } .block-full-bleed-image-content p, .block-full-bleed-image-content .buttons-container { grid-column: 1 / -1; } .block-full-bleed-image-content p { color: var(--midnight-blue); margin: var(--text-spacing-small) 0 0 !important; } .block-full-bleed-image-content .buttons-container { align-items: center; flex-direction: column; gap: var(--text-spacing-small); justify-content: center; } .block-full-bleed-image-content .buttons-container .btn-secondary { color: var(--dark-blue); } .block-full-bleed-image-content .caption-container { left: unset; margin-top: 7px; padding: var(--text-spacing-xxsmall) var(--container-outer-padding); position: relative; top: unset; transform: translate3d(0, 0, 0); } .block-full-bleed-image-content .fullbleed-caption { color: var(--black); text-align: left; } .video-fullbleed-container .video-container { grid-row: 2; } /*Big CTA*/ .block-big-cta .button-container { justify-content: center; } /*Statement*/ .block-featured-articles { padding: var(--module-spacing-small) 0; } .block-statement h2.heading-4 { font-size: calc(38rem / 16); } .block-statement .text-content p, .block-statement .text-content ul, .block-statement .text-content ol { font-size: calc(18rem / 16); } /*How to Help*/ .block-how-to-help .eyebrow { font-size: calc(16rem / 16); } .block-how-to-help .content-box { padding: var(--text-spacing-small); } .block-how-to-help .content-box h3.icon-alert:before { height: 22px; margin: 0 7px -3px 0; width: 21px; } /*Featured Articles*/ .block-featured-articles.count-1.background li { padding: var(--text-spacing-large) 0 var(--text-spacing-medium); position: relative; } .block-featured-articles.count-1.background.light-gray li:before { background: var(--light-gray); content: ''; height: 100%; left: 50%; position: absolute; top: 0; transform: translate3d(-50%, 0, 0); width: 100vw; z-index: -1; } .block-featured-articles.count-1 li a { gap: var(--text-spacing-small); } .block-featured-articles.count-2 article { margin: var(--text-spacing-small) 0 0; } /*Events*/ .block-events .heading-container h1, .block-events .heading-container .button-container { grid-column: 1 / -1; } .block-events .heading-container { gap: var(--text-spacing-small); } .block-events .heading-container .button-container { justify-content: flex-start; } .block-events .featured-item { margin: 0 0 var(--text-spacing-large); } .block-events .event-item + .event-item, .block-news-list .news-item + .news-item, .block-resources .resource-item + .resource-item { margin-top: var(--text-spacing-large); } .block-events .event-item a:before, .block-news-list .news-item a:before, .block-resources .resource-item .resource-container:before { bottom: calc(-1 * var(--text-spacing-large)); } /*Images Two Large*/ .block-images-two-large .item { grid-column: 1 / -1; } .block-images-two-large .item-content { margin: var(--text-spacing-small) 0 0; } /*Images Two Small*/ .block-images-two-small article { margin: 0 0 var(--text-spacing-medium); } .block-images-two-small .images { gap: var(--text-spacing-medium); } .block-images-two-small .image.large { grid-row: 1; } .block-images-two-small .image { grid-column: 1 / -1; grid-row: unset; } .block-images-two-small .image.large .content { margin: var(--text-spacing-xsmall) 0 0 !important; } .block-images-two-small .image .btn-secondary { margin: var(--text-spacing-xxsmall) 0 0; } /*Accordion Timeline*/ .block-accordion-timeline .accordion > button { padding: var(--text-spacing-medium) 0 var(--text-spacing-small); } .block-accordion-timeline .content { margin-bottom: var(--text-spacing-medium) !important; } .block-accordion-timeline .content .two-images { grid-template-columns: minmax(0, 1fr); } /*Accordion*/ .block-accordion .accordion-item .accordion-body > *:not(:first-child), .block-accordion .accordion-item .accordion-body .images:not(:first-child) { margin: var(--text-spacing-small) 0 0; } .block-accordion .accordion-body .images { flex-direction: column; gap: var(--text-spacing-small); } .block-accordion .accordion-body .images .image-container { width: 100%; } /*Announcements Index*/ .block-announcements-index .announcement, .block-announcements-latest .item, .block-home-latest-announcements .home-announcements .announcement-item { gap: var(--text-spacing-small); grid-template-columns: minmax(0, 1fr) 44px; } .block-announcements-index .announcement h3, .block-announcements-index .announcement .btn-icon, .block-announcements-latest .item .text-content, .block-announcements-latest .item .btn-icon, .block-home-latest-announcements .home-announcements h4, .block-home-latest-announcements .home-announcements .btn-arrow { grid-column: span 1; } .block-announcements-index .pagination-cont { margin-top: var(--text-spacing-large); } /*Countries*/ .block-countries .countries { gap: var(--text-spacing-small) var(--text-spacing-small); } .block-countries .country { max-width: max-content; width: 100%; } /*Crisis*/ .block-crisis .crisis-content { gap: var(--text-spacing-small); } .block-crisis .item:not(.has-image) { padding: var(--text-spacing-large) var(--container-outer-padding) !important; } .block-crisis .item h4 { padding: 0 0 0 var(--text-spacing-small); } .block-crisis .item h4:before { left: 0; } .block-crisis .simpatico-container .items .item:not(:first-child) { margin-top: var(--text-spacing-large); } /*Intro Euro*/ .block-intro-euro .simpatico-container .intro-content-holder { padding: 180px 0 var(--module-spacing-small); } /*Home Latest Announcements*/ .block-home-latest-announcements .news-container, .block-related-news .news-container { gap: var(--text-spacing-small); grid-template-columns: repeat(3, minmax(calc(300 / 375 * 100vw), 1fr)); } .block-home-latest-announcements .sub-block:not(:last-child) { margin-bottom: var(--text-spacing-xsmall) !important; } /*Home Top Featured*/ .block-home-top-featured .featured-article article { padding: calc(278 / 950 * 100vw) var(--text-spacing-small) var(--text-spacing-large); } .block-home-top-featured .additional-articles { flex-direction: column; } /*Policy Center Image Carousel*/ .pc-header { padding-bottom: 204px !important; padding-top: 80px !important; } .block-pc-image-carousel .item-content article { grid-column: 1 / -1; padding: var(--module-spacing-xlarge) var(--text-spacing-medium) var(--text-spacing-medium); } .block-pc-image-carousel .item-content h3 { font-size: calc(30rem / 16); line-height: calc(42 / 32); } /*Small CTA*/ .block-small-cta .cta-container { padding: var(--text-spacing-large) var(--text-spacing-medium); } /*Intro Stats*/ .block-intro-stats .stats-container, .block-intro-stats article:has(.eyebrow) + .stats-container { padding: var(--text-spacing-xxsmall) 0 0; } /*Intro Four*/ .block-intro-four article { gap: var(--text-spacing-medium); min-height: unset; } .block-intro-four article h1 { color: var(--black); grid-column: 1 / -1; padding: 0; } .block-intro-four article .image-container { aspect-ratio: 335 / 188; height: auto; position: relative; width: 100%; } .block-intro-four article .image-container:before { display: none; } /*Logos*/ .block-logos .simpatico-container .items { gap: var(--text-spacing-large); } .block-logos .simpatico-container .item { width: calc( (100% - (1 * var(--text-spacing-large))) / 2 ); } /*Intro Three (Page Intro: Title + Small Subheader)*/ .block-intro-three .content { margin: 0 0 var(--text-spacing-large); } .block-intro-three .media-container.simpatico-grid { gap: var(--gap); } .block-intro-three .first-image, .block-intro-three .second-image { grid-column: 1 / -1; } .block-intro-three .media-container .play-btn { width: 64px; } .block-intro-three .media-container .play-btn:before { width: 16px; } /*Images Three Medium*/ .block-images-three-medium .image-block .text-content .btn-secondary { margin: var(--text-spacing-xxsmall) 0 0; } /*Select Resources*/ .block-select-resources .resource-item { gap: var(--text-spacing-small); } /*Select Publications*/ .block-select-publications .featured-publication { margin: 0 0 var(--text-spacing-large); } .block-select-publications .publication + .publication { margin-top: var(--text-spacing-large); } .block-select-publications .featured-publication .button-container, .block-select-publications .publication .button-container { gap: var(--text-spacing-xsmall); } .block-select-publications .show-more { margin: var(--text-spacing-medium) 0 0 auto; } /*Partners*/ .block-partners .partners { gap: var(--text-spacing-small); } .block-partners .partner { grid-column: 1 / -1; } /*The Latest*/ .block-the-latest .post-item, .block-the-latest .post-item:nth-child(3), .block-the-latest .post-item:nth-child(8), .block-the-latest .post-item:nth-child(2), .block-the-latest .post-item:nth-child(6) { grid-column: 1 / -1; } /*Full Bleed Media*/ .block-full-bleed-media article { margin: 0; padding: var(--text-spacing-xsmall) var(--text-spacing-small) 0; width: 100%; } /*Partners Carousel*/ .block-partners-carousel { padding: var(--module-spacing-small) 0 var(--module-spacing-large); } .block-partners-carousel h2.eyebrow { margin: 0 0 var(--text-spacing-large); } .block-partners-carousel .logos, .block-partners-carousel .logos .slick-track { gap: var(--text-spacing-medium); } .block-partners-carousel .logos .image-container { max-height: 60px; max-width: 110px; padding: 4px; } .logos + .cards { margin-top: var(--text-spacing-xlarge); } .block-partners-carousel .partner-card, .block-partners-carousel .no-scroll .partner-card, .block-partners-carousel .cards.count-2 .partner-card { padding: var(--text-spacing-medium) var(--text-spacing-small); width: calc(470 / 650 * 100vw); } /*Instagram Feed*/ .block-instagram-feed { padding: var(--text-spacing-large) 0 var(--text-spacing-xxlarge); } .block-instagram-feed .simpatico-container > h2 { width: 100%; } .block-instagram-feed #sb_instagram { margin-top: 0; } .block-instagram-feed #sb_instagram .sb_instagram_header, .block-instagram-feed .sb_instagram_header { margin-bottom: var(--text-spacing-small) !important; } .block-instagram-feed #sb_instagram .sb_instagram_header a, .block-instagram-feed .sb_instagram_header a { margin-left: unset; } .block-instagram-feed #sb_instagram #sbi_images { gap: var(--text-spacing-xsmall); } /*Featured Research and Publications*/ .block-featured-research-publications { padding: var(--module-spacing-small) 0; } .block-featured-research-publications .simpatico-grid { gap: var(--text-spacing-xsmall); } .block-featured-research-publications h2, .block-featured-research-publications h2:not(.announcement-bar.text) { margin: 0 0 var(--text-spacing-medium); } .block-featured-research-publications .feature-list li:not(:last-child) { margin: 0 0 var(--text-spacing-large); padding: 0 0 var(--text-spacing-large); } .block-featured-research-publications.list-item-fill .feature-list li, .block-featured-research-publications.list-item-fill .feature-list li:not(:last-child) { padding: var(--text-spacing-medium) 0; } .block-featured-research-publications.list-item-fill .feature-list .eyebrow, .block-featured-research-publications.list-item-fill .feature-list .column.left, .block-featured-research-publications.list-item-fill .feature-list .column.right { padding: 0 var(--text-spacing-small); } .block-featured-research-publications .feature-list .eyebrow { margin: 0; width: 100%; } } /***************************************************************************************************************************************************************************************/ /*ACCESSIBILITY REDUCE MOTIONS*/ /***************************************************************************************************************************************************************************************/ @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } section { scroll-margin-top: 130px; } /***JazzyScroll Animations***/ [data-jazzy-scroll] { pointer-events: none; transition-duration: .8s; transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1); } [data-jazzy-scroll].animated-in { pointer-events: all; } /*All fade ins*/ [data-jazzy-scroll*="fade-in"] { opacity: 0; transition-property: opacity; } [data-jazzy-scroll*="fade-in"].animated-in { opacity: 1; } /*Fade in up*/ [data-jazzy-scroll="fade-in-up"] { position: relative; transform: translate3d(0, 60px, 0); transition-property: opacity, transform; } [data-jazzy-scroll="fade-in-up"].animated-in { transform: translate3d(0, 0, 0); } /*Progress Bar*/ [data-jazzy-scroll*="progress-bar"] .meter .progress { transform: scale(0,1); transform-origin: left center; transition: transform .25s ease; } [data-jazzy-scroll*="progress-bar"].animated-in .meter .progress { animation: progressBar .5s .75s ease-in forwards; } [data-jazzy-scroll*="progress-bar"] .meter .dandelion:after { left: -60px; transition: all .25s ease; } [data-jazzy-scroll*="progress-bar"].animated-in .meter .dandelion:after { animation: dandelion .5s .75s ease-in forwards; } @keyframes progressBar { from { transform: scale(0,1); } to { transform: scale(1,1); } } @keyframes dandelion { from { left: -60px; } to { left: calc(100% - 69px); } } /***Header***/ header .mobile-menu span:not(.accessibility) { transition: .3s; } /***Zoom Images***/ a:hover .image-zoom > img, a:hover .image-zoom > picture { transform: scale(1.05); } /***Fancy Boxes***/ a:hover .fancy-boxes:before, a:hover .fancy-boxes:after { height: 50%; } } /*Hide donate button on HIAS EU template*/ .page-template-template-europe #menu-new-main-menu > li:last-child > a, .page-template-template-europe #menu-main-menu-volunteer > li:last-child > a { display: none !important; } /*Admin bar*/ @media only screen and (max-width: 782px) { body:has(#wpadminbar) { --top-offset: 46px; } } @media only screen and (max-width: 600px) { #wpadminbar { position: fixed !important; } } /*Misc*/ .footer-newsletter .heading-6 { color: var(--white); } .block-results-page .item-info .inline-img { margin-top: -10px; } .modal#team_modal .modal-body { padding: 80px 95px; overflow-x: hidden; } .article-tags .p3-text { letter-spacing: 0px; } .page-template-template-volunteer .block-large-feature .simpatico-container .carousel-nav { position: static; margin-top: 20px; } .page-template-template-volunteer .block-large-feature .carousel-nav span { color: var(--black) !important; } iframe[title="Donation Form"], iframe[allowpaymentrequest="true"] { transition: none; } #menu-main-menu-volunteer > li > a:after { display: none !important; } #menu-main-menu-volunteer .current-menu-item a { border-color: var(--pink); } #menu-main-menu-volunteer > li > a { padding: 35px 0px 34px 0; } .block-donation-cta-features, .donate-cta { background: #bdc5e4 !important; } .donate-cta article h2 { grid-column: 1 / 8 !important; } .donate-cta article .text-content { grid-column: 1 / span 7 !important; font-family: var(--body-font); font-size: calc(20rem / 16); letter-spacing: -0.2px !important; line-height: calc(31 / 20); margin: var(--text-spacing-xsmall) 0 0; } .donate-cta .donation-container { grid-column: 2 / span 5 !important; } .block-donation-cta-features article .text-content { font-family: var(--body-font); font-size: calc(20rem / 16); letter-spacing: -0.2px !important; line-height: calc(31 / 20); } @media (max-width: 1396px) { .donate-cta article h2, .donate-cta article .text-content { grid-column: 1 / -1 !important; } .donate-cta .donation-container { grid-column: 1 / span 8 !important; left: calc(2 * var(--gap)) !important; } } @media (max-width: 979px) { .donate-cta .donation-container { grid-column: 1 / -4 !important; } } @media (max-width: 696px) { .donate-cta .donation-container { grid-column: 1 / -4 !important; } .donate-cta article { grid-column: -5 / 2; } .donate-cta .donation-container { grid-column: -1 / -5 !important; left: 0 !important; } } .transparent { background: transparent; border: 3px solid white; } .transparent:hover { background: white !important; border: 3px solid white !important; color: #000 !important; } .transparent.alt:hover span:after { filter: none; } .block-full-bleed-image-content .buttons-container .btn-primary:nth-of-type(2){ border: 3px solid var(--pink) !important; } .block-full-bleed-image-content .buttons-container .btn-primary:nth-of-type(2):hover { border: 3px solid var(--dark-pink) !important; background: var(--dark-pink) !important; } #popup-content-marker .button { height: auto !important; width: auto !important; } .block-newsletter-signup .signup-container form p { font-size: calc(12rem / 16) !important; } .background-blue-bright-dark { background-color: #899bcf !important; }