/* general helpers */ /* if carousel has background: 0 - no-bg 1 - has bg */ /* type of background dark - dark bg, white text white - light bg, dark text !!! if you have dark website you should check the mixin inside theme, you can switch the colors there !!! REMINDER: add more comments, to reference the proper mixin */ /* URLS */ /* MAIN FONTS DECLARATION */ /* SOCIAL COLORS */ /* this will be removed */ :root { --rootFontSize: 62.5%; /* #region fonts */ --primary-font: "Gelion", sans-serif; --secondary-font: "Cormorant Garamond", serif; /* #endregion */ /* #region branding-primaries */ --primary-color: #1c2b3c; --secondary-color: #7fc9c7; --tertiary-color: #c55f3c; --fourth-color: #e4e7e9; --neutral-color: #fff; /* #endregion */ /* #region status-messages */ --status-error: #cb1d23; --status-success: #1dad22; --status-warning: #eab308; /* #endregion */ /* #region base colors */ --general-bg-color: $neutralColor; --general-text-color: var(--primary-color); --main-layout-color: var(--general-bg-color); --loader-in-transparent-bg: var(--primary-color); --loader-in-bg: var(--neutral-color); /* #endregion */ /* #region in-widget */ --widget-background: var(--primary-color); --widget-background2: var(--fourth-color); --widget-background-even: rgba(28, 43, 60, 0.97); --widget-text-color: var(--neutral-color); --content-templates-padding: 9rem; /* #endregion */ /* #region structural changes */ /* on designer requests ( this is applied on all widgets, if something custom go to that particular css or use the widget unique or create a unique class ) Info: p- -> padding m- -> margin lr- -> left-right */ --carousel-next-prev-border-radius: 5rem; --carousel-next-prev-width: 5rem; --carousel-next-prev-height: var(--carousel-next-prev-width); --video-controls-width: 5.8rem; --video-controls-height: var(--video-controls-width); --video-controls-border-radius: 5.8rem; --secondLvlCss-content-margin: clamp(3rem, 0.7936507937vw + 2.7301587302rem, 4rem); --secondLvlCss-heading-margin: var(--secondLvlCss-content-margin); --general-mobile-lr-gap: 3rem; --widget-with-bg--p-top: clamp(5rem, 4.7619047619vw + 3.380952381rem, 11rem); --widget-with-bg--p-bottom: clamp(5rem, 4.7619047619vw + 3.380952381rem, 11rem); --widget-with-bg--p-top-small: clamp(4rem, 3.9682539683vw + 2.6507936508rem, 9rem); --widget-with-bg--p-bottom-small: clamp(4rem, 1.5873015873vw + 3.4603174603rem, 6rem); --widget-title--m-bottom: clamp(3rem, 1.5873015873vw + 2.4603174603rem, 5rem); --widget-bottom-navigation--m-top: var(--widget-title--m-bottom); --widget-general-gap: clamp(2rem, 5.5555555556vw + 0.1111111111rem, 9rem); /* #endregion */ /* #region carousel & gridswith cards */ --carousel-widget-item-gap: clamp(2rem, 0.7936507937vw + 1.7301587302rem, 3rem); --carousel-widget-item-general-width: clamp(26rem, 17.0634920635vw + 20.1984126984rem, 47.5rem); --carousel-widget-item-story-width: var(--carousel-widget-item-general-width); --carousel-widget-item-event-width: var(--carousel-widget-item-general-width); --carousel-widget-item-profile-width: clamp(26rem, 7.9365079365vw + 23.3015873016rem, 36rem); --carousel-widget-item-promos-width: clamp(23.7rem, 11.1904761905vw + 19.8952380952rem, 37.8rem); --carousel-widget-item-portals-width: clamp(20rem, 3.1746031746vw + 18.9206349206rem, 24rem); --carousel-widget-item-stats-width: clamp(30rem, 7.2028811525vw + 24.4753901561rem, 36rem); --carousel-widget-item-landscape-video-width: clamp(31.5rem, 21.3492063492vw + 24.2412698413rem, 58.4rem); --carousel-widget-item-portrait-video-width: clamp(31.5rem, 5.1587301587vw + 29.746031746rem, 38rem); --grid-widget-general-gap: clamp(1.5rem, 1.1904761905vw + 1.0952380952rem, 3rem); --grid-widget-item-general-width: clamp(25rem, 3.9682539683vw + 23.6507936508rem, 30rem); --grid-widget-item-stories-width: var(--grid-widget-item-general-width); --grid-widget-item-events-width: var(--grid-widget-item-general-width); --grid-widget-item-profiles-width: var(--grid-widget-item-general-width); --grid-widget-item-promos-width: clamp(20.7rem, 5.6349206349vw + 18.7841269841rem, 27.8rem); --grid-widget-item-portals-width: clamp(12rem, 6.3492063492vw + 9.8412698413rem, 20rem); --grid-widget-item-stats-width: clamp(32.3rem, 2.9365079365vw + 31.3015873016rem, 36rem); --grid-widget-item-landscape-video-width: clamp(31rem, 18vw + 11.2rem, 40rem); --grid-widget-item-portrait-video-width: clamp(21rem, 18vw + 1.2rem, 30rem); /* #endregion */ /* #region grid-boundaries */ --grid-module-content-column: 4/10; --grid-module-content-big-column: 3/6; /* #endregion */ } @media (min-width: 1920px) { :root { --rootFontSize: max(62.5%, -webkit-calc(0.3vw - 0.625em) + 0.625rem); --rootFontSize: max(62.5%, -moz-calc(0.3vw - 0.625em) + 0.625rem); --rootFontSize: max(62.5%, calc(0.3vw - 0.625em) + 0.625rem); } } @media (max-width: 767px) { :root { --grid-module-content-big-column: 1/8; } } /* #region global */ /* #endregion */ /* #region hero */ /* #endregion */ /* #region content */ /* #endregion */ /* #region buttons */ /* #endregion */ /* NOTES */ /* - the v's that you'll see in mixin are referring to the variant. It may or it may not show depending on what set has been chosen - on promos, stats, portals, the v is set in _env file. Please set that first before doing anything in here - on api/media cards, the v is set in config.js - on the rest of the carousel / widget, the v is set in cshtml. Check for Set or Variant keyword - on content templates, it's hardcore mode ( god be with you ) . Some can be chosen from _env but in some cases you'll have to dig into _content-templates.scss file until backend has time to integrate this in the cms instead of ckeditor. */ /* #region events */ /* #endregion */ /* #region notices */ /* #endregion */ /* #region profiles */ /* #endregion */ /* #region cards */ /* #endregion */ /* #region promos */ /* #endregion */ /* #region blockquote */ /* #endregion */ /* #region portals */ /* #endregion */ /* #region stats */ /* #endregion */ /* #region stories */ /* #endregion */ /* #region faqs */ /* #endregion */ /* #region contentTemplates */ /* #endregion */ /* #region videos */ /* #endregion */ /* #region tickertape */ /* #endregion */ /* #region glossary */ /* #endregion */ /* #region admission */ /* #endregion */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } * { -webkit-touch-callout: none; } html, body { line-height: 1.15; text-align: left; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: var(--general-bg-color); color: var(--general-text-color); } html { font-family: var(--primary-font); overflow-y: auto; font-size: var(--rootFontSize); } body { font-size: 1.6rem; overflow: hidden; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, progress { padding: 0; margin: 0; border: 0; vertical-align: baseline; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, progress { outline: none; } legend { color: inherit; display: table; white-space: normal; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { height: 0; display: none; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } strong { font-weight: bold; } sub, sup { font-size: 60%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } button, input, optgroup, select, textarea { padding: 0; margin: 0; font-family: inherit; color: inherit; font-size: 100%; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } textarea { overflow: auto; resize: none; vertical-align: top; } input::-moz-placeholder, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder { opacity: 1; } input, textarea { -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } input { -webkit-box-shadow: none; box-shadow: none; } a { background-color: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #000; } a:link, a:active, a:visited { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a:hover { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :focus html.touch { outline: none; } [hidden] { display: none; } ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; } /* #region Gelion-font */ @font-face { font-family: "Gelion"; font-style: normal; font-weight: 400; src: local("gelion regular"), url("/Fonts/gelion/gelion-regular.woff") format("woff"); } @font-face { font-family: "Gelion"; font-style: italic; font-weight: 400; src: local("gelion regular italic"), url("/Fonts/gelion/gelion-regular-italic.woff") format("woff"); } @font-face { font-family: "Gelion"; font-style: normal; font-weight: 300; src: local("gelion light"), url("/Fonts/gelion/gelion-light.woff") format("woff"); } @font-face { font-family: "Gelion"; font-style: italic; font-weight: 200; src: local("gelion thin italic"), url("/Fonts/gelion/gelion-thin-italic.woff") format("woff"); } @font-face { font-family: "Gelion"; font-style: italic; font-weight: 300; src: local("gelion light italic"), url("/Fonts/gelion/gelion-light-italic.woff") format("woff"); } @font-face { font-family: "Gelion"; font-style: normal; font-weight: 200; src: local("gelion thin"), url("/Fonts/gelion/gelion-thin.woff") format("woff"); } @font-face { font-family: "Gelion"; font-style: italic; font-weight: 500; src: local("gelion medium italic"), url("/Fonts/gelion/gelion-medium-italic.woff") format("woff"); } @font-face { font-family: "Gelion"; font-style: normal; font-weight: 500; src: local("gelion medium"), url("/Fonts/gelion/gelion-medium.woff") format("woff"); } @font-face { font-family: "Gelion"; font-style: italic; font-weight: 600; src: local("gelion semi bold italic"), url("/Fonts/gelion/gelion-semibold-italic.woff") format("woff"); } @font-face { font-family: "Gelion"; font-style: normal; font-weight: 600; src: local("gelion semi bold"), url("/Fonts/gelion/gelion-semibold.woff") format("woff"); } @font-face { font-family: "Gelion"; font-style: italic; font-weight: 700; src: local("gelion bold italic"), url("/Fonts/gelion/gelion-bold-italic.woff") format("woff"); } @font-face { font-family: "Gelion"; font-style: normal; font-weight: 700; src: local("gelion bold"), url("/Fonts/gelion/gelion-bold.woff") format("woff"); } @font-face { font-family: "Gelion"; font-style: italic; font-weight: 900; src: local("gelion black italic"), url("/Fonts/gelion/gelion-black italic.woff") format("woff"); } @font-face { font-family: "Gelion"; font-style: normal; font-weight: 900; src: local("gelion black"), url("/Fonts/gelion/gelion-black.woff") format("woff"); } /* #endregion */ /* #region cormorant */ /* cormorant-garamond-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300; src: url("/Fonts/cormorant/cormorant-garamond-v16-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Garamond"; font-style: italic; font-weight: 300; src: url("/Fonts/cormorant/cormorant-garamond-v16-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400; src: url("/Fonts/cormorant/cormorant-garamond-v16-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Garamond"; font-style: italic; font-weight: 400; src: url("/Fonts/cormorant/cormorant-garamond-v16-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; src: url("/Fonts/cormorant/cormorant-garamond-v16-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Garamond"; font-style: italic; font-weight: 500; src: url("/Fonts/cormorant/cormorant-garamond-v16-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; src: url("/Fonts/cormorant/cormorant-garamond-v16-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Garamond"; font-style: italic; font-weight: 600; src: url("/Fonts/cormorant/cormorant-garamond-v16-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Garamond"; font-style: normal; font-weight: 700; src: url("/Fonts/cormorant/cormorant-garamond-v16-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Cormorant Garamond"; font-style: italic; font-weight: 700; src: url("/Fonts/cormorant/cormorant-garamond-v16-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* #endregion */ @font-face { font-family: "global-icons"; src: url("/Fonts/icons/global-icons.ttf?wa71h2s") format("truetype"), url("/Fonts/icons/global-icons.woff?wa71h2s") format("woff"), url("/Fonts/icons/global-icons.svg?wa71h2s#global-icons") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .g-icon, .ISGridSearch .ISGridSearch__submit, .ISFilteredGrid .ISFilteredGrid__filterIcon, .ISFilteredGrid .ISFilteredGrid__desktopClear i, .ISFilteredGrid .ISFilteredGrid__mobileClear i, .video-card .duration-icon, .stat-card .stat-card__icon, .module-widget--events-notices .notice-item__update:after, .portal-card .portal-card__icon, .module-widget--events-list .event-list-item__time:after, .story-card .story-card__icon-link, .module-widget--faqs.v1 .accordion-container .accordion-icon, .carousel-btn .icon-carousel, .video-controls-button__icon, .secondLvlCss blockquote:before, .ISFilteredGrid .ISFilteredGrid__noResults blockquote:before, .secondLvlCss blockquote:after, .ISFilteredGrid .ISFilteredGrid__noResults blockquote:after, .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "global-icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .g-search-i:after, .ISGridSearch .ISGridSearch__submit:after { content: "\e919"; } .g-reset-i:after, .ISFilteredGrid .ISFilteredGrid__desktopClear i:after, .ISFilteredGrid .ISFilteredGrid__mobileClear i:after { content: "\e91a"; } .g-mail-i:after, .secondLvlCss a[href^=mailto]:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn):after, .ISFilteredGrid .ISFilteredGrid__noResults a[href^=mailto]:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn):after { content: "\e916"; } .g-new-window-i:after, .secondLvlCss a[target=_blank]:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn):not([href$=".pdf"]):after, .ISFilteredGrid .ISFilteredGrid__noResults a[target=_blank]:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn):not([href$=".pdf"]):after { content: "\e917"; } .g-pdf-i:after, .secondLvlCss a[href$=".pdf"]:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn):after, .ISFilteredGrid .ISFilteredGrid__noResults a[href$=".pdf"]:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn):after { content: "\e918"; } .g-muted-i:after, .video-controls-button__icon--muted:after { content: "\e912"; } .g-pause-i:after, .video-controls-button__icon--pause:after { content: "\e913"; } .g-play-i:after, .video-card .duration-icon:after, .video-controls-button__icon--play:after { content: "\e914"; } .g-sound-i:after, .video-controls-button__icon--sound:after { content: "\e915"; } .g-arrow-down-i:after, .ISFilteredGrid .ISFilteredGrid__filterIcon:after, .module-widget--faqs.v1 .accordion-container .accordion-icon:after { content: "\e900"; } .g-arrow-left-i:after, .carousel-btn .icon-carousel-prev:after { content: "\e901"; } .g-arrow-right-i:after, .carousel-btn .icon-carousel-next:after { content: "\e902"; } .g-arrow-top-i:after { content: "\e903"; } .g-closing-quote-i:after { content: "\e904"; } .g-link-notifier-i:after, .cards-card .g-icon-url:after, .profile-card .g-icon-url:after, .story-card .story-card__icon-link:after { content: "\e905"; } .g-opening-quote-i:after { content: "\e906"; } .g-small-arrow-left-i:after { content: "\e907"; } .g-small-arrow-right-i:after, .stat-card .stat-card__icon:after, .module-widget--events-notices .notice-item__update:after, .promo-card .promo-card__icon:after, .promo-card .promo-card-icon:after, .portal-card .portal-card__icon:after, .module-widget--events-list .event-list-item__time:after { content: "\e908"; } .g-social-facebook-i:after { content: "\e909"; } .g-social-flickr-i:after { content: "\e90a"; } .g-social-instagram-i:after { content: "\e90b"; } .g-social-issuu-i:after { content: "\e90c"; } .g-social-pinterest-i:after { content: "\e90d"; } .g-social-soundcloud-i:after { content: "\e90e"; } .g-social-vimeo-i:after { content: "\e90f"; } .g-social-x-i:after { content: "\e910"; } .g-social-youtube-i:after { content: "\e911"; } html, body { font-family: var(--primary-font); font-weight: 400; } body { width: 100%; height: 100%; } .safe-wrap { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } main { display: block; position: relative; z-index: 1; } body.secondLvl main { pointer-events: all; } main #content { pointer-events: all; } .sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .custom-logo { width: 7.8rem; height: 13.7rem; position: absolute; left: 3rem; top: 4.3rem; } .custom-logo img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -o-object-fit: contain; object-fit: contain; } .fit-image { max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .full-image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; } .full-image img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -o-object-fit: cover; object-fit: cover; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .full-image img.lazyloaded { opacity: 1; } .card-trigger-button { width: 100%; height: 100%; position: absolute; z-index: 10; top: 0; left: 0; cursor: pointer; background-color: transparent; border: none; } .card-trigger-link { width: 100%; height: 100%; position: absolute; z-index: 10; top: 0; left: 0; cursor: pointer; border: none; background: transparent; } .card-trigger-link--sr-only { pointer-events: none; } .clearfix:after, .secondLvlCss blockquote p.has-image:after, .ISFilteredGrid .ISFilteredGrid__noResults blockquote p.has-image:after { content: " "; width: 0; height: 0; padding: 0; margin: 0; display: block; visibility: hidden; overflow: hidden; font-size: 0; line-height: 0; clear: both; } img { pointer-events: none !important; } .skip-to-content { left: 0; position: fixed; opacity: 0; background: var(--primary-color); font-size: 13px; color: #fff; padding: 10px; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; z-index: 30; text-transform: uppercase; z-index: 99999; } .skip-to-content:focus { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } body.homepage .skip-to-content { display: none; } .cp-loader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; -moz-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; background: #1c2b3c; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } html.js-hide-loader .cp-loader { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s ease 1s, visibility 0.5s ease 1s; -moz-transition: opacity 0.5s ease 1s, visibility 0.5s ease 1s; transition: opacity 0.5s ease 1s, visibility 0.5s ease 1s; } .calendar-date { z-index: 3; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; min-width: 8.2rem; height: 8.2rem; background: var(--fourth-color); font-size: 2.8rem; line-height: 0.9; padding: 0 1.5rem; } .calendar-date .start-date, .calendar-date .end-date { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; text-align: center; } .calendar-date .month { font-size: 2.3rem; } .event-countdown { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 2rem; } .event-countdown__col { border-right: 2px solid rgba(255, 255, 255, 0.4); color: #fff; padding-right: 20px; font-weight: 900; line-height: 1.25; } .event-countdown__col:last-child { border: none; margin: 0; padding: 0; } .event-countdown__value { font-family: var(--secondary-font); font-size: clamp(4.2rem, 0.6349206349vw + 3.9841269841rem, 5rem); line-height: 1.35; text-align: center; font-weight: 400; } .event-countdown__unit { text-transform: lowercase; font-size: clamp(1.6rem, 0.3174603175vw + 1.4920634921rem, 2rem); text-align: center; font-weight: 300; } /*============================================= * LAYOUT RELATED =============================================*/ :root { --main-cols: var(--general-mobile-lr-gap) repeat(4, 0) repeat(2, 1fr) repeat(4, 0) var(--general-mobile-lr-gap); } @media (min-width: 768px) { :root { --main-cols: 0 var(--general-mobile-lr-gap) repeat(8, 1fr) var(--general-mobile-lr-gap) 0; } } @media (min-width: 900px) { :root { --main-cols: var(--general-mobile-lr-gap) repeat(10, 1fr) var(--general-mobile-lr-gap); } } @media (min-width: 1200px) { :root { --main-cols: repeat(12, 1fr); } } /*---------- Single Column ----------*/ .grid-inherit { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: inherit; grid-template-columns: inherit; grid-column: 1/-1; } .main-layout { width: 100%; position: relative; background: var(--general-bg-color); z-index: 4; padding-top: clamp(3.5rem, 2.7777777778vw + 2.5555555556rem, 7rem); } .main-layout__container { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: var(--main-cols); grid-template-columns: var(--main-cols); grid-column: 1/-1; row-gap: var(--widget-general-gap); } .main-layout.no-bottom-stories { padding-bottom: clamp(3rem, 1.5873015873vw + 2.4603174603rem, 5rem); } .main-layout .main-layout__sidebar { display: none; } .module-content, .module-widget--blockquote-fader .blockquote-fader-item__inner .secondLvlCss, .module-widget--blockquote-fader .blockquote-fader-item__inner .ISFilteredGrid .ISFilteredGrid__noResults, .ISFilteredGrid .module-widget--blockquote-fader .blockquote-fader-item__inner .ISFilteredGrid__noResults { position: relative; -ms-grid-column: 4; -ms-grid-column-span: 6; grid-column: 4/10; } /* the content-templates shares the same grid as module-widget the split is to give you a better possibility to change based on your needs if you want to change the grid separelty you have the option to do so */ @-webkit-keyframes loaderAnimation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes loaderAnimation { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loaderAnimation { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } .module-widget--has-loader:not(.loaded), .element--has-loader:not(.loaded) { min-width: 100%; } .module-widget--has-loader:not(.loaded):before, .element--has-loader:not(.loaded):before { content: ""; width: 4rem; height: 4rem; border: 0.3rem solid var(--loader-in-transparent-bg); border-bottom-color: transparent; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: 1s loaderAnimation linear infinite; -moz-animation: 1s loaderAnimation linear infinite; animation: 1s loaderAnimation linear infinite; position: absolute; left: 50%; top: 50%; margin-left: -1.5rem; margin-top: -1.5rem; pointer-events: none; } .module-widget--has-loader:not(.loaded).module-widget--with-bg:before, .element--has-loader:not(.loaded).module-widget--with-bg:before { border: 0.3rem solid var(--loader-in-bg); border-bottom-color: transparent; } .content-templates .module-widget--has-loader:not(.loaded):before, .content-templates .element--has-loader:not(.loaded):before { border: 0.3rem solid var(--loader-in-bg); border-bottom-color: transparent; } .module-widget--has-loader.loaded:before, .element--has-loader.loaded:before { opacity: 0; visibility: hidden; } .module-widget--has-loader:not(.loaded):not(.has-height) > *, .element--has-loader:not(.loaded):not(.has-height) > * { height: 10rem; position: relative; overflow: hidden; visibility: hidden !important; opacity: 0 !important; } .module-widget--has-loader.has-height:not(.loaded) > *, .element--has-loader.has-height:not(.loaded) > * { visibility: hidden !important; opacity: 0 !important; } .module-widget, .content-templates { position: relative; grid-column: 1/-1; display: -ms-grid; display: grid; -ms-grid-columns: inherit; grid-template-columns: inherit; } .module-widget .module-widget__wrapper, .content-templates .module-widget__wrapper { grid-column: 1/-1; } .module-widget .module-widget__wrapper--fill-right, .content-templates .module-widget__wrapper--fill-right { grid-column: 2/-1; position: relative; } .module-widget .module-widget__wrapper--fill-content-big, .module-widget .featured-paragraph .secondLvlCss, .module-widget .featured-paragraph .ISFilteredGrid .ISFilteredGrid__noResults, .ISFilteredGrid .module-widget .featured-paragraph .ISFilteredGrid__noResults, .featured-paragraph .module-widget .secondLvlCss, .featured-paragraph .module-widget .ISFilteredGrid .ISFilteredGrid__noResults, .ISFilteredGrid .featured-paragraph .module-widget .ISFilteredGrid__noResults, .content-templates .module-widget__wrapper--fill-content-big, .content-templates .featured-paragraph .secondLvlCss, .content-templates .featured-paragraph .ISFilteredGrid .ISFilteredGrid__noResults, .ISFilteredGrid .content-templates .featured-paragraph .ISFilteredGrid__noResults, .featured-paragraph .content-templates .secondLvlCss, .featured-paragraph .content-templates .ISFilteredGrid .ISFilteredGrid__noResults, .ISFilteredGrid .featured-paragraph .content-templates .ISFilteredGrid__noResults { -ms-grid-column: 3; -ms-grid-column-span: 8; grid-column: 3/11; } .module-widget .module-widget__wrapper--fill-content, .content-templates .module-widget__wrapper--fill-content { -ms-grid-column: 4; -ms-grid-column-span: 6; grid-column: 4/10; } .module-widget .module-widget__has-title, .content-templates .module-widget__has-title { text-align: left; margin-bottom: var(--widget-title--m-bottom); } .module-widget .module-widget__has-title .secondLvlCss, .module-widget .module-widget__has-title .ISFilteredGrid .ISFilteredGrid__noResults, .ISFilteredGrid .module-widget .module-widget__has-title .ISFilteredGrid__noResults, .content-templates .module-widget__has-title .secondLvlCss, .content-templates .module-widget__has-title .ISFilteredGrid .ISFilteredGrid__noResults, .ISFilteredGrid .content-templates .module-widget__has-title .ISFilteredGrid__noResults { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .module-widget .module-widget__has-title .secondLvlCss h2, .module-widget .module-widget__has-title .ISFilteredGrid .ISFilteredGrid__noResults h2, .ISFilteredGrid .module-widget .module-widget__has-title .ISFilteredGrid__noResults h2, .module-widget .module-widget__has-title .secondLvlCss h3, .module-widget .module-widget__has-title .ISFilteredGrid .ISFilteredGrid__noResults h3, .ISFilteredGrid .module-widget .module-widget__has-title .ISFilteredGrid__noResults h3, .module-widget .module-widget__has-title .secondLvlCss h4, .module-widget .module-widget__has-title .ISFilteredGrid .ISFilteredGrid__noResults h4, .ISFilteredGrid .module-widget .module-widget__has-title .ISFilteredGrid__noResults h4, .content-templates .module-widget__has-title .secondLvlCss h2, .content-templates .module-widget__has-title .ISFilteredGrid .ISFilteredGrid__noResults h2, .ISFilteredGrid .content-templates .module-widget__has-title .ISFilteredGrid__noResults h2, .content-templates .module-widget__has-title .secondLvlCss h3, .content-templates .module-widget__has-title .ISFilteredGrid .ISFilteredGrid__noResults h3, .ISFilteredGrid .content-templates .module-widget__has-title .ISFilteredGrid__noResults h3, .content-templates .module-widget__has-title .secondLvlCss h4, .content-templates .module-widget__has-title .ISFilteredGrid .ISFilteredGrid__noResults h4, .ISFilteredGrid .content-templates .module-widget__has-title .ISFilteredGrid__noResults h4 { margin-bottom: 0; } .module-widget .module-widget__has-title--align-center .secondLvlCss, .module-widget .module-widget__has-title--align-center .ISFilteredGrid .ISFilteredGrid__noResults, .ISFilteredGrid .module-widget .module-widget__has-title--align-center .ISFilteredGrid__noResults, .content-templates .module-widget__has-title--align-center .secondLvlCss, .content-templates .module-widget__has-title--align-center .ISFilteredGrid .ISFilteredGrid__noResults, .ISFilteredGrid .content-templates .module-widget__has-title--align-center .ISFilteredGrid__noResults { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .module-widget .module-widget__has-title--with-btn .secondLvlCss, .module-widget .module-widget__has-title--with-btn .ISFilteredGrid .ISFilteredGrid__noResults, .ISFilteredGrid .module-widget .module-widget__has-title--with-btn .ISFilteredGrid__noResults, .content-templates .module-widget__has-title--with-btn .secondLvlCss, .content-templates .module-widget__has-title--with-btn .ISFilteredGrid .ISFilteredGrid__noResults, .ISFilteredGrid .content-templates .module-widget__has-title--with-btn .ISFilteredGrid__noResults { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .module-widget .module-widget__has-title--with-btn .widgetDownloadBtn, .content-templates .module-widget__has-title--with-btn .widgetDownloadBtn { display: none; } } .content-templates { display: block; } .module-widget--with-bg { background: var(--widget-background); padding-top: var(--widget-with-bg--p-top); padding-bottom: var(--widget-with-bg--p-bottom); margin-top: var(--widget-general-gap); } .module-widget--with-bg.module-widget--smaller-padding { padding-top: var(--widget-with-bg--p-top-small); padding-bottom: var(--widget-with-bg--p-bottom-small); } .module-widget--with-bg.module-widget--no-padding { padding-top: 0; padding-bottom: 0; } .module-widget--with-bg .module-widget__title { color: var(--widget-text-color); } .module-widget--with-bg-v2 { background: var(--widget-background2); } .module-widget--with-bg-v2 .module-widget__title { color: var(--primary-color); } .module-widget--with-bg + .module-widget--with-bg:not(.module-widget--with-bg-v2) { margin-top: -webkit-calc(var(--widget-general-gap) * -1); margin-top: -moz-calc(var(--widget-general-gap) * -1); margin-top: calc(var(--widget-general-gap) * -1); } .module-widget--with-bg + .content-templates { margin-top: -webkit-calc(var(--widget-general-gap) * -1); margin-top: -moz-calc(var(--widget-general-gap) * -1); margin-top: calc(var(--widget-general-gap) * -1); } .module-widget--has-carousel.swiper-parent--disabled .module-widget__wrapper { grid-column: 1/-1; } .module-widget--has-carousel.swiper-parent--disabled .module-carousel { width: 100%; } .module-widget--has-carousel.swiper-parent--disabled .swiper-wrapper { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: var(--carousel-widget-item-gap); } .module-widget--has-carousel.swiper-parent--disabled .swiper-slide { padding-right: 0; } .module-widget--has-carousel.swiper-parent--disabled .module-carousel__navigation--nav-bottom .navigation-inner { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .module-widget--with-bg + .module-widget--with-bg:not(.module-widget--with-bg-v2) { background: var(--widget-background-even); } .module-widget--with-bg + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) { background: var(--widget-background); } .module-widget--with-bg + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) { background: var(--widget-background-even); } .module-widget--with-bg + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) { background: var(--widget-background); } .module-widget--with-bg + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) { background: var(--widget-background-even); } .module-widget--with-bg + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) { background: var(--widget-background); } .module-widget--with-bg + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) { background: var(--widget-background-even); } .module-widget--with-bg + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) { background: var(--widget-background); } .module-widget--with-bg + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) + .module-widget--with-bg:not(.module-widget--with-bg-v2) { background: var(--widget-background-even); } .module-widget--in-content-templates { max-width: 100%; position: relative; } /*============================================= * !!!!!! WORK IN PROGRESS !!!!!! * UNCOMMENT THIS IF YOU NEED SIDEBAR SUPPORT * PLEASE MAKE SURE NECESSARY CLASSES ARE ADDED TO MAIN LAYOUTS =============================================*/ /*! * OverlayScrollbars * Version: 2.10.1 * * Copyright (c) Rene Haas | KingSora. * https://github.com/KingSora * * Released under the MIT license. */ .os-size-observer, .os-size-observer-listener { scroll-behavior: auto !important; direction: inherit; pointer-events: none; overflow: hidden; visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .os-size-observer, .os-size-observer-listener, .os-size-observer-listener-item, .os-size-observer-listener-item-final { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; position: absolute; left: 0; top: 0; } .os-size-observer { z-index: -1; contain: strict; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: inherit; border: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; margin: -133px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); } .os-size-observer::before { content: ""; -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; padding: 10px; width: 10px; height: 10px; } .os-size-observer-appear { -webkit-animation: os-size-observer-appear-animation 1ms forwards; -moz-animation: os-size-observer-appear-animation 1ms forwards; animation: os-size-observer-appear-animation 1ms forwards; } .os-size-observer-listener { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto; padding: inherit; border: inherit; margin: -133px; -webkit-transform: scale(10); -moz-transform: scale(10); -ms-transform: scale(10); transform: scale(10); } .os-size-observer-listener.ltr { margin-right: -266px; margin-left: 0; } .os-size-observer-listener.rtl { margin-left: -266px; margin-right: 0; } .os-size-observer-listener:empty::before { content: ""; width: 100%; height: 100%; } .os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item { display: block; position: relative; padding: inherit; border: inherit; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto; } .os-size-observer-listener-scroll { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .os-size-observer-listener-item { right: 0; bottom: 0; overflow: hidden; direction: ltr; -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; } .os-size-observer-listener-item-final { -webkit-transition: none; -moz-transition: none; transition: none; } @-webkit-keyframes os-size-observer-appear-animation { from { cursor: auto; } to { cursor: none; } } @-moz-keyframes os-size-observer-appear-animation { from { cursor: auto; } to { cursor: none; } } @keyframes os-size-observer-appear-animation { from { cursor: auto; } to { cursor: none; } } .os-trinsic-observer { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; max-width: 0px; max-height: 1px; padding: 0; margin: 0; border: none; overflow: hidden; z-index: -1; height: 0; top: -webkit-calc(100% + 1px); top: -moz-calc(100% + 1px); top: calc(100% + 1px); contain: strict; } .os-trinsic-observer:not(:empty) { height: -webkit-calc(100% + 1px); height: -moz-calc(100% + 1px); height: calc(100% + 1px); top: -1px; } .os-trinsic-observer:not(:empty) > .os-size-observer { width: 1000%; height: 1000%; min-height: 1px; min-width: 1px; } /** * hide native scrollbars * changes to this styles need to be reflected in the environment styles to correctly detect scrollbar hiding */ [data-overlayscrollbars-initialize], [data-overlayscrollbars-viewport~=scrollbarHidden] { scrollbar-width: none !important; } [data-overlayscrollbars-initialize]::-webkit-scrollbar, [data-overlayscrollbars-initialize]::-webkit-scrollbar-corner, [data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar, [data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner { -webkit-appearance: none !important; appearance: none !important; display: none !important; width: 0 !important; height: 0 !important; } /** * elements wont suddenly clip after initialization is done */ [data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) { overflow: auto; } /** * applied to body */ html[data-overlayscrollbars-body] { overflow: hidden; } html[data-overlayscrollbars-body], html[data-overlayscrollbars-body] > body { width: 100%; height: 100%; margin: 0; } html[data-overlayscrollbars-body] > body { overflow: visible; margin: 0; } /** * structure setup */ [data-overlayscrollbars] { position: relative; } [data-overlayscrollbars~=host], [data-overlayscrollbars-padding] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -moz-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; scroll-behavior: auto !important; } [data-overlayscrollbars-padding], [data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; position: relative; -webkit-box-flex: 1 !important; -webkit-flex: auto !important; -moz-box-flex: 1 !important; -ms-flex: auto !important; flex: auto !important; height: auto; width: 100%; min-width: 0; padding: 0; margin: 0; border: none; z-index: 0; } [data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) { --os-vaw: 0; --os-vah: 0; outline: none; } [data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus { outline: none; } [data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before { content: ""; position: absolute; pointer-events: none; z-index: -1; min-width: 1px; min-height: 1px; width: var(--os-vaw); height: var(--os-vah); } [data-overlayscrollbars], [data-overlayscrollbars-padding], [data-overlayscrollbars-viewport] { overflow: hidden !important; } [data-overlayscrollbars~=noClipping], [data-overlayscrollbars-padding~=noClipping] { overflow: visible !important; } [data-overlayscrollbars-viewport~=measuring] { overflow: hidden !important; scroll-behavior: auto !important; -webkit-scroll-snap-type: none !important; -ms-scroll-snap-type: none !important; scroll-snap-type: none !important; } [data-overlayscrollbars-viewport~=overflowXVisible]:not([data-overlayscrollbars-viewport~=measuring]) { overflow-x: visible !important; } [data-overlayscrollbars-viewport~=overflowXHidden] { overflow-x: hidden !important; } [data-overlayscrollbars-viewport~=overflowXScroll] { overflow-x: scroll !important; } [data-overlayscrollbars-viewport~=overflowYVisible]:not([data-overlayscrollbars-viewport~=measuring]) { overflow-y: visible !important; } [data-overlayscrollbars-viewport~=overflowYHidden] { overflow-y: hidden !important; } [data-overlayscrollbars-viewport~=overflowYScroll] { overflow-y: scroll !important; } [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) { font-size: 0 !important; line-height: 0 !important; } [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before, [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after, [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > * { display: none !important; position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border-width: 0 !important; } [data-overlayscrollbars-viewport~=scrolling] { scroll-behavior: auto !important; -webkit-scroll-snap-type: none !important; -ms-scroll-snap-type: none !important; scroll-snap-type: none !important; } [data-overlayscrollbars-content] { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } /** * Display contents to bridge any flickering during deferred initialization. */ [data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) { display: contents; } /** * optional & experimental grid mode */ [data-overlayscrollbars-grid], [data-overlayscrollbars-grid] [data-overlayscrollbars-padding] { display: -ms-grid; display: grid; -ms-grid-rows: 1fr; -ms-grid-columns: 1fr; grid-template: 1fr/1fr; } [data-overlayscrollbars-grid] > [data-overlayscrollbars-padding], [data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport], [data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] { height: auto !important; width: auto !important; } @property --os-scroll-percent { syntax: ""; inherits: true; initial-value: 0; } @property --os-viewport-percent { syntax: ""; inherits: true; initial-value: 0; } .os-scrollbar { --os-viewport-percent: 0; --os-scroll-percent: 0; --os-scroll-direction: 0; --os-scroll-percent-directional: -webkit-calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) ); --os-scroll-percent-directional: -moz-calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) ); --os-scroll-percent-directional: calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) ); } .os-scrollbar { contain: size layout; contain: size layout style; -webkit-transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s; -moz-transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s; transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s; pointer-events: none; position: absolute; opacity: 0; visibility: hidden; } body > .os-scrollbar { position: fixed; z-index: 99999; } .os-scrollbar-transitionless { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .os-scrollbar-track { position: relative; padding: 0 !important; border: none !important; } .os-scrollbar-handle { position: absolute; } .os-scrollbar-track, .os-scrollbar-handle { pointer-events: none; width: 100%; height: 100%; } .os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track, .os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle { pointer-events: auto; -ms-touch-action: none; touch-action: none; } .os-scrollbar-horizontal { bottom: 0; left: 0; } .os-scrollbar-vertical { top: 0; right: 0; } .os-scrollbar-rtl.os-scrollbar-horizontal { right: 0; } .os-scrollbar-rtl.os-scrollbar-vertical { right: auto; left: 0; } .os-scrollbar-visible { opacity: 1; visibility: visible; } .os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden { opacity: 0; visibility: hidden; } .os-scrollbar-interaction.os-scrollbar-visible { opacity: 1; visibility: visible; } .os-scrollbar-unusable, .os-scrollbar-unusable *, .os-scrollbar-wheel, .os-scrollbar-wheel * { pointer-events: none !important; } .os-scrollbar-unusable .os-scrollbar-handle { opacity: 0 !important; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .os-scrollbar-horizontal .os-scrollbar-handle { bottom: 0; left: -webkit-calc(var(--os-scroll-percent-directional) * 100%); left: -moz-calc(var(--os-scroll-percent-directional) * 100%); left: calc(var(--os-scroll-percent-directional) * 100%); -webkit-transform: translateX(-webkit-calc(var(--os-scroll-percent-directional) * -100%)); -moz-transform: translateX(-moz-calc(var(--os-scroll-percent-directional) * -100%)); -ms-transform: translateX(calc(var(--os-scroll-percent-directional) * -100%)); transform: translateX(calc(var(--os-scroll-percent-directional) * -100%)); width: -webkit-calc(var(--os-viewport-percent) * 100%); width: -moz-calc(var(--os-viewport-percent) * 100%); width: calc(var(--os-viewport-percent) * 100%); } .os-scrollbar-vertical .os-scrollbar-handle { right: 0; top: -webkit-calc(var(--os-scroll-percent-directional) * 100%); top: -moz-calc(var(--os-scroll-percent-directional) * 100%); top: calc(var(--os-scroll-percent-directional) * 100%); -webkit-transform: translateY(-webkit-calc(var(--os-scroll-percent-directional) * -100%)); -moz-transform: translateY(-moz-calc(var(--os-scroll-percent-directional) * -100%)); -ms-transform: translateY(calc(var(--os-scroll-percent-directional) * -100%)); transform: translateY(calc(var(--os-scroll-percent-directional) * -100%)); height: -webkit-calc(var(--os-viewport-percent) * 100%); height: -moz-calc(var(--os-viewport-percent) * 100%); height: calc(var(--os-viewport-percent) * 100%); } @supports (container-type: size) { .os-scrollbar-track { container-type: size; } .os-scrollbar-horizontal .os-scrollbar-handle { left: auto; -webkit-transform: translateX(-webkit-calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%)); -moz-transform: translateX(-moz-calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%)); -ms-transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%)); transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%)); } .os-scrollbar-vertical .os-scrollbar-handle { top: auto; -webkit-transform: translateY(-webkit-calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%)); -moz-transform: translateY(-moz-calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%)); -ms-transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%)); transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%)); } .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle { right: auto; left: 0; } } .os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle { right: auto; left: 0; } .os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless, .os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl { left: 0; right: 0; } .os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless, .os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl { top: 0; bottom: 0; } @media print { .os-scrollbar { display: none; } } .os-scrollbar { --os-size: 0; --os-padding-perpendicular: 0; --os-padding-axis: 0; --os-track-border-radius: 0; --os-track-bg: none; --os-track-bg-hover: none; --os-track-bg-active: none; --os-track-border: none; --os-track-border-hover: none; --os-track-border-active: none; --os-handle-border-radius: 0; --os-handle-bg: none; --os-handle-bg-hover: none; --os-handle-bg-active: none; --os-handle-border: none; --os-handle-border-hover: none; --os-handle-border-active: none; --os-handle-min-size: 33px; --os-handle-max-size: none; --os-handle-perpendicular-size: 100%; --os-handle-perpendicular-size-hover: 100%; --os-handle-perpendicular-size-active: 100%; --os-handle-interactive-area-offset: 0; } .os-scrollbar-track { border: var(--os-track-border); -moz-border-radius: var(--os-track-border-radius); border-radius: var(--os-track-border-radius); background: var(--os-track-bg); -webkit-transition: opacity 0.15s, background-color 0.15s, border-color 0.15s; -moz-transition: opacity 0.15s, background-color 0.15s, border-color 0.15s; transition: opacity 0.15s, background-color 0.15s, border-color 0.15s; } .os-scrollbar-track:hover { border: var(--os-track-border-hover); background: var(--os-track-bg-hover); } .os-scrollbar-track:active { border: var(--os-track-border-active); background: var(--os-track-bg-active); } .os-scrollbar-handle { border: var(--os-handle-border); -moz-border-radius: var(--os-handle-border-radius); border-radius: var(--os-handle-border-radius); background: var(--os-handle-bg); } .os-scrollbar-handle:hover { border: var(--os-handle-border-hover); background: var(--os-handle-bg-hover); } .os-scrollbar-handle:active { border: var(--os-handle-border-active); background: var(--os-handle-bg-active); } .os-scrollbar-track:before, .os-scrollbar-handle:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; } .os-scrollbar-horizontal { padding: var(--os-padding-perpendicular) var(--os-padding-axis); right: var(--os-size); height: var(--os-size); } .os-scrollbar-horizontal.os-scrollbar-rtl { left: var(--os-size); right: 0; } .os-scrollbar-horizontal .os-scrollbar-track:before { top: -webkit-calc(var(--os-padding-perpendicular) * -1); top: -moz-calc(var(--os-padding-perpendicular) * -1); top: calc(var(--os-padding-perpendicular) * -1); bottom: -webkit-calc(var(--os-padding-perpendicular) * -1); bottom: -moz-calc(var(--os-padding-perpendicular) * -1); bottom: calc(var(--os-padding-perpendicular) * -1); } .os-scrollbar-horizontal .os-scrollbar-handle { min-width: var(--os-handle-min-size); max-width: var(--os-handle-max-size); height: var(--os-handle-perpendicular-size); -webkit-transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s; -moz-transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s; transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s; } .os-scrollbar-horizontal .os-scrollbar-handle:before { top: -webkit-calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1); top: -moz-calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1); top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1); bottom: -webkit-calc(var(--os-padding-perpendicular) * -1); bottom: -moz-calc(var(--os-padding-perpendicular) * -1); bottom: calc(var(--os-padding-perpendicular) * -1); } .os-scrollbar-horizontal:hover .os-scrollbar-handle { height: var(--os-handle-perpendicular-size-hover); } .os-scrollbar-horizontal:active .os-scrollbar-handle { height: var(--os-handle-perpendicular-size-active); } .os-scrollbar-vertical { padding: var(--os-padding-axis) var(--os-padding-perpendicular); bottom: var(--os-size); width: var(--os-size); } .os-scrollbar-vertical .os-scrollbar-track:before { left: -webkit-calc(var(--os-padding-perpendicular) * -1); left: -moz-calc(var(--os-padding-perpendicular) * -1); left: calc(var(--os-padding-perpendicular) * -1); right: -webkit-calc(var(--os-padding-perpendicular) * -1); right: -moz-calc(var(--os-padding-perpendicular) * -1); right: calc(var(--os-padding-perpendicular) * -1); } .os-scrollbar-vertical .os-scrollbar-handle { min-height: var(--os-handle-min-size); max-height: var(--os-handle-max-size); width: var(--os-handle-perpendicular-size); -webkit-transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s; -moz-transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s; transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s; } .os-scrollbar-vertical .os-scrollbar-handle:before { left: -webkit-calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1); left: -moz-calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1); left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1); right: -webkit-calc(var(--os-padding-perpendicular) * -1); right: -moz-calc(var(--os-padding-perpendicular) * -1); right: calc(var(--os-padding-perpendicular) * -1); } .os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before { right: -webkit-calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1); right: -moz-calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1); right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1); left: -webkit-calc(var(--os-padding-perpendicular) * -1); left: -moz-calc(var(--os-padding-perpendicular) * -1); left: calc(var(--os-padding-perpendicular) * -1); } .os-scrollbar-vertical:hover .os-scrollbar-handle { width: var(--os-handle-perpendicular-size-hover); } .os-scrollbar-vertical:active .os-scrollbar-handle { width: var(--os-handle-perpendicular-size-active); } /* NONE THEME: */ [data-overlayscrollbars-viewport~=measuring] > .os-scrollbar, .os-theme-none.os-scrollbar { display: none !important; } /* DARK & LIGHT THEME: */ .os-theme-dark, .os-theme-light { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; --os-size: 16px; --os-padding-perpendicular: 2px; --os-padding-axis: 2px; --os-track-border-radius: 10px; --os-handle-interactive-area-offset: 4px; --os-handle-border-radius: 10px; } .os-theme-dark { --os-handle-bg: rgba(0, 0, 0, 0.44); --os-handle-bg-hover: rgba(0, 0, 0, 0.55); --os-handle-bg-active: rgba(0, 0, 0, 0.66); } .os-theme-light { --os-handle-bg: rgba(255, 255, 255, 0.44); --os-handle-bg-hover: rgba(255, 255, 255, 0.55); --os-handle-bg-active: rgba(255, 255, 255, 0.66); } .secondLvlCss, .ISFilteredGrid .ISFilteredGrid__noResults { /* youtube / vimeo iframe */ /* #region featured-paragraph */ /* #endregion */ } .secondLvlCss h2, .ISFilteredGrid .ISFilteredGrid__noResults h2, .secondLvlCss h3, .ISFilteredGrid .ISFilteredGrid__noResults h3, .secondLvlCss h4, .ISFilteredGrid .ISFilteredGrid__noResults h4, .secondLvlCss h5, .ISFilteredGrid .ISFilteredGrid__noResults h5 { margin-bottom: var(--secondLvlCss-heading-margin); position: relative; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } .secondLvlCss .featuredText, .ISFilteredGrid .ISFilteredGrid__noResults .featuredText, .secondLvlCss .featuredParagraph, .ISFilteredGrid .ISFilteredGrid__noResults .featuredParagraph { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } .secondLvlCss p, .ISFilteredGrid .ISFilteredGrid__noResults p { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; margin-bottom: var(--secondLvlCss-content-margin); } .secondLvlCss p a, .ISFilteredGrid .ISFilteredGrid__noResults p a { font-size: inherit; line-height: inherit; } .secondLvlCss hr, .ISFilteredGrid .ISFilteredGrid__noResults hr { width: 100%; height: 0.3rem; display: block; position: relative; margin: clamp(3rem, 1.5873015873vw + 2.4603174603rem, 5rem) 0; background: rgba(165, 197, 237, 0.3); border: none; } .secondLvlCss blockquote, .ISFilteredGrid .ISFilteredGrid__noResults blockquote { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; position: relative; } .secondLvlCss blockquote p, .ISFilteredGrid .ISFilteredGrid__noResults blockquote p { font-family: inherit !important; position: relative; z-index: 2; margin: 0 !important; font-size: inherit; line-height: inherit; font-weight: inherit; font-family: inherit; display: inline; color: inherit; } .secondLvlCss .table-wrapper, .ISFilteredGrid .ISFilteredGrid__noResults .table-wrapper { display: block; overflow: auto hidden; position: relative; overflow-y: auto; overflow-x: auto; max-width: 100%; margin-bottom: var(--secondLvlCss-content-margin); background: rgba(127, 201, 199, 0.3); -webkit-box-shadow: inset 0 0 0 1px var(--secondary-color); box-shadow: inset 0 0 0 1px var(--secondary-color); } html.touch .secondLvlCss .table-wrapper, html.touch .ISFilteredGrid .ISFilteredGrid__noResults .table-wrapper, .ISFilteredGrid html.touch .ISFilteredGrid__noResults .table-wrapper { -webkit-overflow-scrolling: touch; } .secondLvlCss .table-wrapper td, .ISFilteredGrid .ISFilteredGrid__noResults .table-wrapper td, .secondLvlCss .table-wrapper th, .ISFilteredGrid .ISFilteredGrid__noResults .table-wrapper th { font-size: 2rem; line-height: 1.5; color: var(--primary-color); padding: 1.5rem 2rem; } .secondLvlCss .table-wrapper th, .ISFilteredGrid .ISFilteredGrid__noResults .table-wrapper th { background: var(--secondary-color); border-right: 1px solid rgb(91.1318681319, 185.8681318681, 183.3076923077); } .secondLvlCss .table-wrapper td, .ISFilteredGrid .ISFilteredGrid__noResults .table-wrapper td { font-size: 2rem; border-right: 1px solid var(--secondary-color); border-bottom: 1px solid var(--secondary-color); } .secondLvlCss .table-wrapper .os-scrollbar-handle, .ISFilteredGrid .ISFilteredGrid__noResults .table-wrapper .os-scrollbar-handle { cursor: pointer; background: var(--secondary-color); } .secondLvlCss table thead, .ISFilteredGrid .ISFilteredGrid__noResults table thead, .secondLvlCss table tbody, .ISFilteredGrid .ISFilteredGrid__noResults table tbody { width: 100%; } .secondLvlCss table colgroup col, .ISFilteredGrid .ISFilteredGrid__noResults table colgroup col { width: auto !important; } .secondLvlCss table td, .ISFilteredGrid .ISFilteredGrid__noResults table td, .secondLvlCss table th, .ISFilteredGrid .ISFilteredGrid__noResults table th { width: 25%; min-width: 20rem; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } .secondLvlCss table td p, .ISFilteredGrid .ISFilteredGrid__noResults table td p, .secondLvlCss table th p, .ISFilteredGrid .ISFilteredGrid__noResults table th p { color: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; } .secondLvlCss table td p:last-child, .ISFilteredGrid .ISFilteredGrid__noResults table td p:last-child, .secondLvlCss table th p:last-child, .ISFilteredGrid .ISFilteredGrid__noResults table th p:last-child { margin-bottom: 0; } .secondLvlCss table td:last-of-type, .ISFilteredGrid .ISFilteredGrid__noResults table td:last-of-type { width: 999px; } .secondLvlCss table:last-child, .ISFilteredGrid .ISFilteredGrid__noResults table:last-child { margin-bottom: 0; } .secondLvlCss .downloadBtn, .ISFilteredGrid .ISFilteredGrid__noResults .downloadBtn { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; max-width: 100%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-height: 5rem; padding: 1rem 2.5rem 1.2rem; font-size: 2.1rem; font-weight: 400; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--primary-color); color: #fff; -moz-border-radius: 3rem; border-radius: 3rem; -webkit-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; -moz-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; border: none; cursor: pointer; } html.no-touch .secondLvlCss .downloadBtn:hover, html.no-touch .ISFilteredGrid .ISFilteredGrid__noResults .downloadBtn:hover, .ISFilteredGrid html.no-touch .ISFilteredGrid__noResults .downloadBtn:hover { background: var(--tertiary-color); color: #fff; border-color: var(--tertiary-color); } .secondLvlCss .secondaryDownloadBtn, .ISFilteredGrid .ISFilteredGrid__noResults .secondaryDownloadBtn { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; max-width: 100%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-height: 5rem; padding: 1rem 2.5rem 1.2rem; font-size: 2.1rem; font-weight: 400; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--primary-color); color: #fff; -moz-border-radius: 3rem; border-radius: 3rem; -webkit-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; -moz-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; border: none; cursor: pointer; background: var(--secondary-color); color: var(--primary-color); } html.no-touch .secondLvlCss .secondaryDownloadBtn:hover, html.no-touch .ISFilteredGrid .ISFilteredGrid__noResults .secondaryDownloadBtn:hover, .ISFilteredGrid html.no-touch .ISFilteredGrid__noResults .secondaryDownloadBtn:hover { background: var(--tertiary-color); color: #fff; border-color: var(--tertiary-color); } .secondLvlCss .thirdDownloadBtn, .ISFilteredGrid .ISFilteredGrid__noResults .thirdDownloadBtn { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; max-width: 100%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-height: 5rem; padding: 1rem 2.5rem 1.2rem; font-size: 2.1rem; font-weight: 400; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--primary-color); color: #fff; -moz-border-radius: 3rem; border-radius: 3rem; -webkit-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; -moz-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; border: none; cursor: pointer; background: transparent; border: 2px solid var(--primary-color); color: var(--primary-color); } html.no-touch .secondLvlCss .thirdDownloadBtn:hover, html.no-touch .ISFilteredGrid .ISFilteredGrid__noResults .thirdDownloadBtn:hover, .ISFilteredGrid html.no-touch .ISFilteredGrid__noResults .thirdDownloadBtn:hover { background: var(--tertiary-color); color: #fff; border-color: var(--tertiary-color); } .secondLvlCss img, .ISFilteredGrid .ISFilteredGrid__noResults img { width: 100%; height: auto; margin: 0 0 clamp(3rem, 1.5873015873vw + 2.4603174603rem, 5rem); position: relative; -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); } .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn), .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn) { font-size: inherit; line-height: inherit; font-weight: 500; display: inline-block; -webkit-transition: color 0.3s ease, border 0.3s ease; -moz-transition: color 0.3s ease, border 0.3s ease; transition: color 0.3s ease, border 0.3s ease; color: inherit; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; border-bottom: 0.1rem solid var(--tertiary-color); } .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"], .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"], .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]), .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]), .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto], .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto] { margin-right: 2.3rem; position: relative; } .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after { font-size: 1.2rem; right: -2rem; position: absolute; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; margin-left: 0.5rem; top: 1rem; color: inherit; } .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after { font-size: 1.7rem; top: 0.5rem; } .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after { top: 0.9rem; } html.no-touch .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn):hover, html.no-touch .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn):hover, .ISFilteredGrid html.no-touch .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn):hover { color: var(--tertiary-color); } .secondLvlCss .embed-container, .ISFilteredGrid .ISFilteredGrid__noResults .embed-container { margin: 0 0 clamp(3rem, 1.5873015873vw + 2.4603174603rem, 5rem); position: relative; padding-bottom: 56.25%; padding-top: 3rem; height: 0; overflow: hidden; } .secondLvlCss .embed-container iframe, .ISFilteredGrid .ISFilteredGrid__noResults .embed-container iframe, .secondLvlCss .embed-container object, .ISFilteredGrid .ISFilteredGrid__noResults .embed-container object, .secondLvlCss .embed-container embed, .ISFilteredGrid .ISFilteredGrid__noResults .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .secondLvlCss > *:last-child, .ISFilteredGrid .ISFilteredGrid__noResults > *:last-child { margin-bottom: 0; } .secondLvlCss p, .ISFilteredGrid .ISFilteredGrid__noResults p { font-size: clamp(1.6rem, 0.3174603175vw + 1.4920634921rem, 2rem); line-height: 1.44; display: block; } .secondLvlCss p strong, .ISFilteredGrid .ISFilteredGrid__noResults p strong { font-weight: 700; } .secondLvlCss h2, .ISFilteredGrid .ISFilteredGrid__noResults h2 { font-family: var(--secondary-font); font-size: clamp(3.3rem, 1.3492063492vw + 2.8412698413rem, 5rem); line-height: 1.1; font-weight: 400; color: var(--primary-color); text-transform: uppercase; } .secondLvlCss h3, .ISFilteredGrid .ISFilteredGrid__noResults h3 { font-family: var(--secondary-font); font-size: clamp(2.8rem, 0.9523809524vw + 2.4761904762rem, 4rem); line-height: 1.125; font-weight: 500; color: var(--tertiary-color); } .secondLvlCss h3:first-letter, .ISFilteredGrid .ISFilteredGrid__noResults h3:first-letter { text-transform: uppercase; } .secondLvlCss h4, .ISFilteredGrid .ISFilteredGrid__noResults h4 { font-size: clamp(1.9rem, 0.7142857143vw + 1.6571428571rem, 2.8rem); line-height: 1.125; font-weight: 400; color: var(--primary-color); } .secondLvlCss h4:first-letter, .ISFilteredGrid .ISFilteredGrid__noResults h4:first-letter { text-transform: uppercase; } .secondLvlCss ul, .ISFilteredGrid .ISFilteredGrid__noResults ul { display: block; margin: clamp(3rem, 3.1746031746vw + 1.9206349206rem, 7rem) 0; } .secondLvlCss ul > li, .ISFilteredGrid .ISFilteredGrid__noResults ul > li { font-weight: 400; list-style-type: none; font-size: clamp(1.6rem, 0.3174603175vw + 1.4920634921rem, 2rem); line-height: 1.44; position: relative; margin-bottom: 1rem; padding-left: 2.8rem; } .secondLvlCss ul > li:before, .ISFilteredGrid .ISFilteredGrid__noResults ul > li:before { content: ""; width: 0.8rem; height: 0.8rem; -moz-border-radius: 50%; border-radius: 50%; display: block; background: var(--tertiary-color); position: absolute; left: 0; top: 0.9rem; } .secondLvlCss ul > li ul, .ISFilteredGrid .ISFilteredGrid__noResults ul > li ul, .secondLvlCss ul > li ol, .ISFilteredGrid .ISFilteredGrid__noResults ul > li ol { margin: 1rem 0 0; } .secondLvlCss ul > li > ul, .ISFilteredGrid .ISFilteredGrid__noResults ul > li > ul { padding-left: 2rem; } .secondLvlCss ul > li > ul > li:before, .ISFilteredGrid .ISFilteredGrid__noResults ul > li > ul > li:before { background: transparent; border: 1px solid var(--tertiary-color); } .secondLvlCss ul > li > ol, .ISFilteredGrid .ISFilteredGrid__noResults ul > li > ol { padding-left: 2rem; } .secondLvlCss ul > li:first-letter, .ISFilteredGrid .ISFilteredGrid__noResults ul > li:first-letter { text-transform: uppercase; } .secondLvlCss ul > li:last-child, .ISFilteredGrid .ISFilteredGrid__noResults ul > li:last-child { margin-bottom: 0; } .secondLvlCss ol, .ISFilteredGrid .ISFilteredGrid__noResults ol { margin: clamp(3rem, 2.380952381vw + 2.1904761905rem, 6rem) 0; counter-reset: li; } .secondLvlCss ol > li, .ISFilteredGrid .ISFilteredGrid__noResults ol > li { position: relative; font-size: clamp(1.6rem, 0.3174603175vw + 1.4920634921rem, 2rem); line-height: 1.44; font-weight: 400; list-style-type: decimal; margin-bottom: 1.6rem; list-style-type: none; display: block; padding-left: 4rem; } .secondLvlCss ol > li:before, .ISFilteredGrid .ISFilteredGrid__noResults ol > li:before { content: counter(li); counter-increment: li; min-width: 2.8rem; height: 2.8rem; line-height: 2.6rem; color: var(--primary-color); font-weight: 400; font-size: 1.6rem; position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-grid-column-align: unset; justify-self: unset; left: 0; top: 0; background: var(--fourth-color); -moz-border-radius: 1.4rem; border-radius: 1.4rem; border: none; } .secondLvlCss ol > li ul, .ISFilteredGrid .ISFilteredGrid__noResults ol > li ul, .secondLvlCss ol > li ol, .ISFilteredGrid .ISFilteredGrid__noResults ol > li ol { margin: 1rem 0 0; } .secondLvlCss ol > li > ul, .ISFilteredGrid .ISFilteredGrid__noResults ol > li > ul { padding-left: 2rem; margin: 1rem 0 0; } .secondLvlCss ol > li > ul > li:before, .ISFilteredGrid .ISFilteredGrid__noResults ol > li > ul > li:before { background: transparent; border: 1px solid var(--tertiary-color); } .secondLvlCss ol > li > ol, .ISFilteredGrid .ISFilteredGrid__noResults ol > li > ol { padding-left: 2rem; } .secondLvlCss ol > li:first-letter, .ISFilteredGrid .ISFilteredGrid__noResults ol > li:first-letter { text-transform: uppercase; } .secondLvlCss ol > li:last-child, .ISFilteredGrid .ISFilteredGrid__noResults ol > li:last-child { margin-bottom: 0; } .secondLvlCss h5, .ISFilteredGrid .ISFilteredGrid__noResults h5 { font-size: clamp(1.6rem, 0.6349206349vw + 1.3841269841rem, 2.4rem); line-height: 1.125; font-weight: 400; color: var(--primary-color); } .secondLvlCss h5:first-letter, .ISFilteredGrid .ISFilteredGrid__noResults h5:first-letter { text-transform: uppercase; } .secondLvlCss blockquote, .ISFilteredGrid .ISFilteredGrid__noResults blockquote { font-family: var(--secondary-font); font-size: clamp(2.4rem, 0.7936507937vw + 2.1301587302rem, 3.4rem); font-style: italic; font-weight: 400; line-height: 1.14; color: var(--primary-color); margin: clamp(3.5rem, 2.7777777778vw + 2.5555555556rem, 7rem) 0; padding: 1rem clamp(3rem, 2.380952381vw + 2.1904761905rem, 6rem) 1rem clamp(3rem, 2.380952381vw + 2.1904761905rem, 6rem); text-align: center; } .secondLvlCss blockquote:before, .ISFilteredGrid .ISFilteredGrid__noResults blockquote:before, .secondLvlCss blockquote:after, .ISFilteredGrid .ISFilteredGrid__noResults blockquote:after { position: absolute; color: var(--tertiary-color); font-size: clamp(1.9rem, 0.3174603175vw + 1.7920634921rem, 2.3rem); display: block; } .secondLvlCss blockquote:before, .ISFilteredGrid .ISFilteredGrid__noResults blockquote:before { content: "\e906"; left: 0; top: 0; } .secondLvlCss blockquote:after, .ISFilteredGrid .ISFilteredGrid__noResults blockquote:after { content: "\e904"; bottom: 0; right: 0; } @media (max-width: 767px) { .secondLvlCss blockquote, .ISFilteredGrid .ISFilteredGrid__noResults blockquote { padding: 0; } .secondLvlCss blockquote:before, .ISFilteredGrid .ISFilteredGrid__noResults blockquote:before, .secondLvlCss blockquote:after, .ISFilteredGrid .ISFilteredGrid__noResults blockquote:after { position: relative; } .secondLvlCss blockquote:before, .ISFilteredGrid .ISFilteredGrid__noResults blockquote:before { text-align: left; margin-bottom: 1rem; } .secondLvlCss blockquote:after, .ISFilteredGrid .ISFilteredGrid__noResults blockquote:after { text-align: right; margin-top: 1rem; } } .secondLvlCss .featuredText, .ISFilteredGrid .ISFilteredGrid__noResults .featuredText, .secondLvlCss .featuredParagraph, .ISFilteredGrid .ISFilteredGrid__noResults .featuredParagraph { font-family: var(--secondary-font); font-size: clamp(2.3rem, 0.7936507937vw + 2.0301587302rem, 3.3rem); line-height: 1.15; font-style: italic; font-weight: 400; } .secondLvlCss .featuredText strong, .ISFilteredGrid .ISFilteredGrid__noResults .featuredText strong, .secondLvlCss .featuredParagraph strong, .ISFilteredGrid .ISFilteredGrid__noResults .featuredParagraph strong { font-style: inherit; font-weight: 700; } .secondLvlCss .featuredText a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn), .ISFilteredGrid .ISFilteredGrid__noResults .featuredText a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn), .secondLvlCss .featuredParagraph a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn), .ISFilteredGrid .ISFilteredGrid__noResults .featuredParagraph a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn) { font-size: inherit; font-weight: 700; color: inherit; line-height: inherit; } .secondLvlCss .featuredParagraph, .ISFilteredGrid .ISFilteredGrid__noResults .featuredParagraph { color: var(--primary-color); } .secondLvlCss .featuredText, .ISFilteredGrid .ISFilteredGrid__noResults .featuredText { color: var(--tertiary-color); } .styling--light-text .secondLvlCss p, .styling--light-text .ISFilteredGrid .ISFilteredGrid__noResults p, .ISFilteredGrid .styling--light-text .ISFilteredGrid__noResults p, .styling--light-text .secondLvlCss h2, .styling--light-text .ISFilteredGrid .ISFilteredGrid__noResults h2, .ISFilteredGrid .styling--light-text .ISFilteredGrid__noResults h2, .styling--light-text .secondLvlCss h3, .styling--light-text .ISFilteredGrid .ISFilteredGrid__noResults h3, .ISFilteredGrid .styling--light-text .ISFilteredGrid__noResults h3, .styling--light-text .secondLvlCss h4, .styling--light-text .ISFilteredGrid .ISFilteredGrid__noResults h4, .ISFilteredGrid .styling--light-text .ISFilteredGrid__noResults h4, .styling--light-text .secondLvlCss h5, .styling--light-text .ISFilteredGrid .ISFilteredGrid__noResults h5, .ISFilteredGrid .styling--light-text .ISFilteredGrid__noResults h5 { color: #fff; } .widgetDownloadBtn { pointer-events: auto; border: none; background: transparent; max-width: 100%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-height: 5rem; padding: 1rem 2.5rem 1.2rem; font-size: 2.1rem; font-weight: 400; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--primary-color); color: #fff; -moz-border-radius: 3rem; border-radius: 3rem; -webkit-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; -moz-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; border: none; cursor: pointer; background: var(--secondary-color); color: var(--primary-color); } html.no-touch .widgetDownloadBtn:hover { background: var(--tertiary-color); color: #fff; border-color: var(--tertiary-color); } .widgetDownloadBtn--v2 { pointer-events: auto; border: none; background: transparent; max-width: 100%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-height: 5rem; padding: 1rem 2.5rem 1.2rem; font-size: 2.1rem; font-weight: 400; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--primary-color); color: #fff; -moz-border-radius: 3rem; border-radius: 3rem; -webkit-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; -moz-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; border: none; cursor: pointer; background: transparent; border: 2px solid var(--primary-color); color: var(--primary-color); } html.no-touch .widgetDownloadBtn--v2:hover { background: var(--tertiary-color); color: #fff; border-color: var(--tertiary-color); } @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } .swiper, swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform; -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -moz-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide, swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -moz-transition-property: transform, height, -moz-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform, -moz-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: y mandatory; -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-box-ordinal-group: 10000; -ms-flex-order: 9999; order: 9999; } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); -moz-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); -moz-border-radius: 50%; border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; -moz-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes swiper-preloader-spin { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } @-webkit-keyframes modal-video { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes modal-video { from { opacity: 0; } to { opacity: 1; } } @keyframes modal-video { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes modal-video-inner { from { -webkit-transform: translate(0, 100px); transform: translate(0, 100px); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-moz-keyframes modal-video-inner { from { -moz-transform: translate(0, 100px); transform: translate(0, 100px); } to { -moz-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes modal-video-inner { from { -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); transform: translate(0, 100px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); } } .modal-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000000; cursor: pointer; opacity: 1; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: modal-video; -moz-animation-name: modal-video; animation-name: modal-video; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .modal-video-close { opacity: 0; } .modal-video-close .modal-video-movie-wrap { -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); -o-transform: translate(0, 100px); transform: translate(0, 100px); } .modal-video-body { max-width: 940px; width: 100%; height: 100%; margin: 0 auto; display: table; } .modal-video-inner { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .modal-video-movie-wrap { width: 100%; height: 0; position: relative; padding-bottom: 56.25%; background-color: #333; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: modal-video-inner; -moz-animation-name: modal-video-inner; animation-name: modal-video-inner; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -ms-transition: -ms-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out; } .modal-video-movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-video-close-btn { position: absolute; z-index: 2; top: -35px; right: -35px; display: inline-block; width: 35px; height: 35px; overflow: hidden; border: none; background: transparent; } .modal-video-close-btn:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modal-video-close-btn:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .modal-video-close-btn:before, .modal-video-close-btn:after { content: ""; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #fff; -moz-border-radius: 5px; border-radius: 5px; margin-top: -6px; } .video-controls-button { background: transparent; border: none; cursor: pointer; position: relative; } .video-controls-button .icon-container { width: var(--video-controls-width); height: var(--video-controls-height); background: var(--secondary-color); display: block; position: relative; -moz-border-radius: var(--video-controls-border-radius); border-radius: var(--video-controls-border-radius); } @media (min-width: 768px) { .video-controls-button .icon-container { width: clamp(4.5rem, 1.0317460317vw + 4.1492063492rem, 5.8rem); height: clamp(4.5rem, 1.0317460317vw + 4.1492063492rem, 5.8rem); } } .video-controls-button .txt { color: #fff; font-size: 1.6rem; line-height: 1.3; position: relative; text-align: center; margin-top: 0.8rem; } .video-controls-button .txt span:first-child { opacity: 1; } .video-controls-button .txt span:last-child { opacity: 0; width: 100%; position: absolute; left: 0; } .video-controls-button__icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-controls-button__icon--play { font-size: 2.4rem; opacity: 0; margin-left: 0.2rem; -webkit-transform: translate(-50%, -50%) translateX(2px); -moz-transform: translate(-50%, -50%) translateX(2px); -ms-transform: translate(-50%, -50%) translateX(2px); transform: translate(-50%, -50%) translateX(2px); } .video-controls-button__icon--pause { font-size: 2.2rem; opacity: 1; } .video-controls-button__icon--sound { font-size: 2.2rem; opacity: 0; } .video-controls-button__icon--muted { font-size: 2.2rem; opacity: 1; } .video-controls-button.paused .video-controls-button__icon--play { opacity: 1; } .video-controls-button.paused .video-controls-button__icon--pause { opacity: 0; } .video-controls-button.paused .txt span:first-child { opacity: 0; } .video-controls-button.paused .txt span:last-child { opacity: 1; } .video-controls-button.muted .video-controls-button__icon--sound { opacity: 1; } .video-controls-button.muted .video-controls-button__icon--muted { opacity: 0; } .video-controls-button.muted .txt span:first-child { opacity: 0; } .video-controls-button.muted .txt span:last-child { opacity: 1; } :root { --shadow-margin: 2rem; --shadow-margin-neg: -2rem; } .module-carousel { width: -webkit-calc(100% + var(--shadow-margin)); width: -moz-calc(100% + var(--shadow-margin)); width: calc(100% + var(--shadow-margin)); position: relative; overflow: hidden; padding-top: var(--shadow-margin); padding-bottom: var(--shadow-margin); margin: var(--shadow-margin-neg) 0; } .swiper-parent--enabled.module-widget--arow-right .module-carousel, .swiper-parent--enabled.module-widget--arow-center .module-carousel { -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(80%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0))); -webkit-mask-image: -webkit-linear-gradient(left, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); mask-image: -webkit-gradient(linear, left top, right top, color-stop(80%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0))); mask-image: linear-gradient(to right, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); } @media (max-width: 767px) { .swiper-parent--enabled .module-carousel { -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(80%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0))); -webkit-mask-image: -webkit-linear-gradient(left, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); mask-image: -webkit-gradient(linear, left top, right top, color-stop(80%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0))); mask-image: linear-gradient(to right, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); } } .module-carousel .swiper-slide { padding-right: var(--carousel-widget-item-gap); width: var(--carousel-widget-item-general-width); } .module-carousel .swiper-slide.story-card { width: var(--carousel-widget-item-story-width); } .module-carousel .swiper-slide.event-card { width: var(--carousel-widget-item-event-width); } .module-carousel .swiper-slide.profile-card { width: var(--carousel-widget-item-profile-width); } .module-carousel .swiper-slide.promo-card { width: var(--carousel-widget-item-promos-width); } .module-carousel .swiper-slide.portal-card { width: var(--carousel-widget-item-portals-width); } .module-carousel .swiper-slide.stat-card { width: var(--carousel-widget-item-stats-width); } .module-widget--videos-portrait .module-carousel .swiper-slide .video-card { width: var(--carousel-widget-item-portrait-video-width); } .module-widget--videos-landscape .module-carousel .swiper-slide .video-card { width: var(--carousel-widget-item-landscape-video-width); } .module-widget--stats .module-carousel .swiper-wrapper { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .carousel-btn { cursor: pointer; pointer-events: auto; width: var(--carousel-next-prev-width); height: var(--carousel-next-prev-height); -moz-border-radius: var(--carousel-next-prev-border-radius); border-radius: var(--carousel-next-prev-border-radius); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--secondary-color); -webkit-transition: background 0.3s ease, opacity 0.3s ease; -moz-transition: background 0.3s ease, opacity 0.3s ease; transition: background 0.3s ease, opacity 0.3s ease; } .swiper-parent--disabled .carousel-btn { display: none !important; } .carousel-btn--disabled { opacity: 0.4; cursor: default; } html.no-touch .carousel-btn:not(.carousel-btn--disabled):hover { background: rgb(74.6208791209, 176.8791208791, 174.1153846154); } .module-carousel__navigation { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 4; pointer-events: none; display: none; } .module-carousel__navigation .navigation-inner { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .module-carousel__navigation--mobile { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .module-carousel__navigation--mobile .navigation-inner { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .module-carousel__navigation--mobile .carousel-btn--next { -moz-border-radius: var(--carousel-next-prev-border-radius) 0 0 var(--carousel-next-prev-border-radius); border-radius: var(--carousel-next-prev-border-radius) 0 0 var(--carousel-next-prev-border-radius); } .module-carousel__navigation--mobile .carousel-btn--prev { -moz-border-radius: 0 var(--carousel-next-prev-border-radius) var(--carousel-next-prev-border-radius) 0; border-radius: 0 var(--carousel-next-prev-border-radius) var(--carousel-next-prev-border-radius) 0; } } @media (min-width: 768px) { .module-carousel__navigation--left { -ms-grid-columns: var(--main-cols); grid-template-columns: var(--main-cols); display: -ms-grid; display: grid; } .module-carousel__navigation--left .navigation-inner { gap: 1.2rem; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2/3; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 768px) and (max-width: 899px) { .module-carousel__navigation--left { padding-left: 2rem; } } @media (min-width: 768px) { .module-carousel__navigation--right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-right: clamp(2rem, 6.0024009604vw + -2.6038415366rem, 7rem); } .module-carousel__navigation--right .navigation-inner { gap: 1.2rem; -ms-grid-column: 12; -ms-grid-column-span: 1; grid-column: 12/13; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 768px) { .module-carousel__navigation--center { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 clamp(2rem, 6.0024009604vw + -2.6038415366rem, 7rem); } .module-carousel__navigation--center .navigation-inner { width: 100%; -ms-grid-column: 12; -ms-grid-column-span: 1; grid-column: 12/13; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .module-carousel__navigation--center.close-to-edge { padding: 0; grid-column: 1/-1; } .module-carousel__navigation--center.close-to-edge .carousel-btn--next { -moz-border-radius: var(--carousel-next-prev-border-radius) 0 0 var(--carousel-next-prev-border-radius); border-radius: var(--carousel-next-prev-border-radius) 0 0 var(--carousel-next-prev-border-radius); } .module-carousel__navigation--center.close-to-edge .carousel-btn--prev { -moz-border-radius: 0 var(--carousel-next-prev-border-radius) var(--carousel-next-prev-border-radius) 0; border-radius: 0 var(--carousel-next-prev-border-radius) var(--carousel-next-prev-border-radius) 0; } .module-carousel__navigation--nav-bottom, .module-carousel__navigation--nav-bottom-mobile { width: 100%; position: relative; top: auto; left: auto; height: auto; -ms-grid-columns: var(--main-cols); grid-template-columns: var(--main-cols); display: -ms-grid; display: grid; } @media (min-width: 768px) { .module-carousel__navigation--nav-bottom.is-mobile, .module-carousel__navigation--nav-bottom-mobile.is-mobile { display: none; } } .module-carousel__navigation--nav-bottom .navigation-inner, .module-carousel__navigation--nav-bottom-mobile .navigation-inner { grid-column: 1/-1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: var(--widget-bottom-navigation--m-top); } @media (max-width: 767px) { .module-carousel__navigation--nav-bottom .navigation-inner, .module-carousel__navigation--nav-bottom-mobile .navigation-inner { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .module-carousel__navigation--nav-bottom .navigation-inner .carousel-btn, .module-carousel__navigation--nav-bottom-mobile .navigation-inner .carousel-btn { display: none; } } .inline-navigation { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 30px; } .module-grid { display: -ms-grid; display: grid; grid-auto-flow: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; grid-gap: var(--grid-widget-general-gap); max-width: -webkit-calc(var(--grid-widget-item-general-width) * (var(--widget-grid-no-elements) + 1)); max-width: -moz-calc(var(--grid-widget-item-general-width) * (var(--widget-grid-no-elements) + 1)); max-width: calc(var(--grid-widget-item-general-width) * (var(--widget-grid-no-elements) + 1)); grid-template-columns: repeat(auto-fit, minmax(var(--grid-widget-item-general-width), 1fr)); } .module-widget--profiles .module-grid { max-width: -webkit-calc(var(--grid-widget-item-profiles-width) * (var(--widget-grid-no-elements) + 1)); max-width: -moz-calc(var(--grid-widget-item-profiles-width) * (var(--widget-grid-no-elements) + 1)); max-width: calc(var(--grid-widget-item-profiles-width) * (var(--widget-grid-no-elements) + 1)); grid-template-columns: repeat(auto-fit, minmax(var(--grid-widget-item-profiles-width), 1fr)); } .module-widget--profiles.module-grid--single-card .module-grid { max-width: -webkit-calc(var(--grid-widget-item-profiles-width) * 3); max-width: -moz-calc(var(--grid-widget-item-profiles-width) * 3); max-width: calc(var(--grid-widget-item-profiles-width) * 3); } .module-widget--promos .module-grid { max-width: -webkit-calc(var(--grid-widget-item-promos-width) * (var(--widget-grid-no-elements) + 1)); max-width: -moz-calc(var(--grid-widget-item-promos-width) * (var(--widget-grid-no-elements) + 1)); max-width: calc(var(--grid-widget-item-promos-width) * (var(--widget-grid-no-elements) + 1)); grid-template-columns: repeat(auto-fit, minmax(var(--grid-widget-item-promos-width), 1fr)); } .module-widget--portals .module-grid { max-width: -webkit-calc(var(--grid-widget-item-portals-width) * (var(--widget-grid-no-elements) + 1)); max-width: -moz-calc(var(--grid-widget-item-portals-width) * (var(--widget-grid-no-elements) + 1)); max-width: calc(var(--grid-widget-item-portals-width) * (var(--widget-grid-no-elements) + 1)); grid-template-columns: repeat(auto-fit, minmax(var(--grid-widget-item-portals-width), 1fr)); } .module-widget--stats .module-grid { max-width: -webkit-calc(var(--grid-widget-item-stats-width) * (var(--widget-grid-no-elements) + 1)); max-width: -moz-calc(var(--grid-widget-item-stats-width) * (var(--widget-grid-no-elements) + 1)); max-width: calc(var(--grid-widget-item-stats-width) * (var(--widget-grid-no-elements) + 1)); grid-template-columns: repeat(auto-fit, minmax(var(--grid-widget-item-stats-width), 1fr)); } .module-widget--videos-landscape .module-grid { max-width: none; grid-template-columns: repeat(auto-fit, minmax(var(--grid-widget-item-landscape-video-width), 1fr)); } .module-widget--videos-portrait .module-grid { max-width: none; grid-template-columns: repeat(auto-fit, minmax(var(--grid-widget-item-portrait-video-width), 1fr)); } .module-widget--promos.module-grid--single-card .module-grid { max-width: -webkit-calc(var(--grid-widget-item-profiles-width) * 1.5); max-width: -moz-calc(var(--grid-widget-item-profiles-width) * 1.5); max-width: calc(var(--grid-widget-item-profiles-width) * 1.5); } .module-widget--cards.module-grid--single-card .module-grid { max-width: -webkit-calc(var(--grid-widget-item-profiles-width) * 3); max-width: -moz-calc(var(--grid-widget-item-profiles-width) * 3); max-width: calc(var(--grid-widget-item-profiles-width) * 3); } .module-grid-full { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 0; } .module-grid-full .grid-card { min-width: 30rem; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .module-widget--promos .module-grid-full .grid-card { min-width: var(--grid-widget-item-promos-width); } /* CP Global */ /* Holding dots, navigation, video buttons, sound buttons etc... */ .cp-dots { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 2rem; } .cp-dots .swiper-pagination-bullet { width: 2rem; height: 2rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border: none; background: transparent; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; gap: 1rem; } .cp-dots .swiper-pagination-bullet:before { content: ""; width: 1.3rem; height: 1.3rem; position: relative; background: rgba(255, 255, 255, 0.4); -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; transition: background 0.3s ease; } html.no-touch .cp-dots .swiper-pagination-bullet:hover:before { background: rgba(255, 255, 255, 0.8); } .cp-dots .swiper-pagination-bullet-active:before { background: #fff !important; } .cp-dots--dark .swiper-pagination-bullet:before { background: rgba(28, 43, 60, 0.4); } html.no-touch .cp-dots--dark .swiper-pagination-bullet:hover:before { background: rgba(28, 43, 60, 0.8); } .cp-dots--dark .swiper-pagination-bullet-active:before { background: var(--primary-color) !important; } /* HERO */ .breadcrumbs { width: 100%; display: block; text-align: center; position: relative; pointer-events: all; padding: 0 clamp(2rem, 1.5873015873vw + 1.4603174603rem, 4rem); } .breadcrumbs .breadcrumbs__link, .breadcrumbs .breadcrumbs__item, .breadcrumbs .breadcrumbs__current-page { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } .breadcrumbs .breadcrumbs__link { display: inline-block; vertical-align: middle; color: inherit; font-size: inherit; line-height: inherit; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; } html.no-touch .breadcrumbs .breadcrumbs__link:hover { text-decoration: underline; } .breadcrumbs .breadcrumbs__item { display: inline-block; vertical-align: middle; color: #fff; font-size: clamp(1.5rem, 0.5208333333vw + 0.9666666667rem, 1.8rem); line-height: 1.4; font-weight: 500; margin-left: 1rem; text-transform: uppercase; letter-spacing: 0.1em; } .breadcrumbs .breadcrumbs__item:first-child { margin: 0; } .breadcrumbs .breadcrumbs__current-page { vertical-align: middle; display: inline-block; color: inherit; } @media (max-width: 767px) { .breadcrumbs { display: none; } } .breadcrumbs--dark .breadcrumbs__item { color: var(--primary-color); } h1.title-heading { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; font-family: var(--secondary-font); font-size: clamp(4.2rem, 2.619047619vw + 3.3095238095rem, 7.5rem); line-height: 1.1; text-align: center; padding: 2rem clamp(2rem, 1.5873015873vw + 1.4603174603rem, 4rem) 0; color: #fff; font-weight: 400; text-transform: uppercase; } h1.title-heading--dark { color: var(--primary-color); } .hero-cp { width: 100%; position: relative; --header-height: 10rem; } .hero-cp__video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .hero-cp__video video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -o-object-fit: cover; object-fit: cover; } .hero-cp .hero-cp__fader { width: 100%; height: 100%; position: absolute; } html.touch .hero-cp .hero-cp__fader { position: absolute; } .hero-cp .hero-cp__fader-item { position: relative; z-index: 1; } .hero-cp .hero-cp__image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } .hero-cp .img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 0; left: 0; -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease 1.2s; transition: opacity 0.5s ease, -webkit-transform 0.5s ease 1.2s; -moz-transition: opacity 0.5s ease, transform 0.5s ease 1.2s, -moz-transform 0.5s ease 1.2s; transition: opacity 0.5s ease, transform 0.5s ease 1.2s; transition: opacity 0.5s ease, transform 0.5s ease 1.2s, -webkit-transform 0.5s ease 1.2s, -moz-transform 0.5s ease 1.2s; opacity: 0; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); display: block; } html.js-hide-loader .hero-cp .img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hero-cp .img.lazyloaded { opacity: 1; } .hero-cp .img.lazyloaded + .shadow-fade { opacity: 0.7; } .hero-cp .hero-cp__content { z-index: 3; position: relative; pointer-events: none; } .hero-cp .hero-cp__content a, .hero-cp .hero-cp__content button { pointer-events: auto; } .hero-cp .cp-dots { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .hero-cp.swiper-parent--disabled .cp-dots, .hero-cp.swiper-parent--disabled .hero-cp__navigation { display: none; } .hero-cp .hero-cp__title-area { padding-bottom: clamp(2rem, 1.5873015873vw + 1.4603174603rem, 4rem); } .hero-cp.v1 .hero-cp__content { display: -ms-grid; display: grid; -ms-grid-rows: var(--header-height) 1fr auto; grid-template-rows: var(--header-height) 1fr auto; min-height: -webkit-calc(100vh - 20rem); min-height: -moz-calc(100vh - 20rem); min-height: calc(100vh - 20rem); min-height: -webkit-calc(100svh - 20rem); min-height: -moz-calc(100svh - 20rem); min-height: calc(100svh - 20rem); } .hero-cp.v1 .cp-dots { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 1rem; } .hero-cp .hero-cp__navigation { width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -moz-border-radius: 0; border-radius: 0; } .hero-cp .hero-cp__navigation .carousel-btn--prev { -moz-border-radius: 0 var(--carousel-next-prev-border-radius) var(--carousel-next-prev-border-radius) 0; border-radius: 0 var(--carousel-next-prev-border-radius) var(--carousel-next-prev-border-radius) 0; } .hero-cp .hero-cp__navigation .carousel-btn--next { -moz-border-radius: var(--carousel-next-prev-border-radius) 0 0 var(--carousel-next-prev-border-radius); border-radius: var(--carousel-next-prev-border-radius) 0 0 var(--carousel-next-prev-border-radius); } @media (min-width: 768px) { .hero-cp .hero-cp__navigation { display: none; } } .hero-cp .hero-cp__buttons-area { -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2/3; position: relative; z-index: 4; } .hero-cp .hero-cp__title-area { grid-row: 3/-1; } .hero-cp.v2 { display: -ms-grid; display: grid; -ms-grid-rows: 1fr auto; grid-template-rows: 1fr auto; min-height: -webkit-calc(100vh - 20rem); min-height: -moz-calc(100vh - 20rem); min-height: calc(100vh - 20rem); min-height: -webkit-calc(100svh - 20rem); min-height: -moz-calc(100svh - 20rem); min-height: calc(100svh - 20rem); } .hero-cp.v2 .hero-cp__wrapper { -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2; position: relative; display: -ms-grid; display: grid; -ms-grid-rows: var(--header-height) 1fr auto; grid-template-rows: var(--header-height) 1fr auto; } .hero-cp.v2 .hero-cp__buttons-area { -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3/4; } .hero-cp.v2 .hero-cp__content { grid-row: 2/-1; } body.noHeader .hero-cp.v2 { min-height: 0; } body.noHeader .hero-cp.v2 .hero-cp__wrapper { -ms-grid-rows: var(--header-height) auto auto; grid-template-rows: var(--header-height) auto auto; } .hero-cp .shadow-fade { width: 100%; height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); position: absolute; left: 0; bottom: 0; z-index: 2; opacity: 0; -webkit-transform: opacity 0.3s ease; -moz-transform: opacity 0.3s ease; -ms-transform: opacity 0.3s ease; transform: opacity 0.3s ease; } .hero-cp .hero-cp__fader { background: var(--primary-color); } .hero-cp .hero-cp__video-controls { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 2.2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .hero-cp .hero-cp__buttons-area { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 3rem 5rem; } @media (max-width: 767px) { .hero-cp .hero-cp__buttons-area { padding-left: 0; } .hero-cp .hero-cp__buttons-area .hero-cp__video-controls { gap: 0; } .hero-cp .hero-cp__buttons-area .hero-cp__video-controls .video-controls-button:first-child { border-bottom: 1px solid rgba(28, 43, 60, 0.2); top: 1px; z-index: 2; } .hero-cp .hero-cp__buttons-area .hero-cp__video-controls .video-controls-button .txt { display: none; } .hero-cp .hero-cp__buttons-area .hero-cp__video-controls .video-controls-button__icon { margin-left: -0.2rem; } .hero-cp .hero-cp__buttons-area .hero-cp__video-controls .video-controls-button:first-child .icon-container { -moz-border-radius: 0 -moz-calc(var(--video-controls-border-radius) / 2.5) 0 0; border-radius: 0 -webkit-calc(var(--video-controls-border-radius) / 2.5) 0 0; border-radius: 0 calc(var(--video-controls-border-radius) / 2.5) 0 0; } .hero-cp .hero-cp__buttons-area .hero-cp__video-controls .video-controls-button:last-child .icon-container { -moz-border-radius: 0 0 -moz-calc(var(--video-controls-border-radius) / 2.5) 0; border-radius: 0 0 -webkit-calc(var(--video-controls-border-radius) / 2.5) 0; border-radius: 0 0 calc(var(--video-controls-border-radius) / 2.5) 0; } } body.noHeader .hero-cp { background: var(--primary-color); } body.noHeader .hero-cp .swiper-wrapper, body.noHeader .hero-cp .hero-cp__video, body.noHeader .hero-cp .hero-cp__video-controls, body.noHeader .hero-cp .cp-dots { display: none; } body.noHeader .hero-cp .hero-cp__content { min-height: 0; } .hero-cp.v2 .hero-cp__content { padding-top: 4rem; } @media (max-width: 767px) { .hero-cp.v2 .hero-cp__content { padding-top: 0; } } body.noHeader .hero-cp.v2 .title-heading--dark { color: #fff; } body.noHeader .hero-cp.v2 .breadcrumbs__item { color: #fff; } .header { width: 100%; position: fixed; top: 0; left: 0; z-index: 99; } html.sticky:not(.custom-menu-active) .header .header__links { opacity: 0; visibility: hidden; } html.sticky .header .header__logo { opacity: 0; visibility: hidden; } .header__buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; top: 4rem; right: 0; } body.special-header .header__buttons { top: 0; } .menu-link { width: clamp(15rem, 1.2698412698vw + 14.5682539683rem, 16.6rem); height: clamp(5rem, 0.7936507937vw + 4.7301587302rem, 6rem); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--secondary-color); border: none; cursor: pointer; padding-right: 7rem; line-height: 2rem; font-weight: 700; font-size: clamp(1.6rem, 0.2380952381vw + 1.519047619rem, 1.9rem); position: relative; overflow: hidden; -webkit-transition: background 0.4s ease-in-out, color 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out, color 0.4s ease-in-out; transition: background 0.4s ease-in-out, color 0.4s ease-in-out; text-transform: uppercase; } .menu-link .hamb-icon { width: 6rem; height: 1.8rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; } .menu-link .hamb-icon:before, .menu-link .hamb-icon:after, .menu-link .hamb-icon .line { content: ""; width: 100%; height: 0.3rem; position: absolute; left: 0; background: var(--primary-color); -webkit-transition: opacity 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease; -moz-transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease, -moz-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; } .menu-link .hamb-icon:before { top: 0; } .menu-link .hamb-icon .line { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: background 0.3s ease, -webkit-transform 0.3s ease; transition: background 0.3s ease, -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, background 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease, background 0.3s ease; transition: transform 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; -webkit-transform-origin: center right; -moz-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; } .menu-link .hamb-icon:after { bottom: 0; } .menu-link .txt { position: relative; } .menu-link .txt .close { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; -moz-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; } .menu-link .txt .open { position: absolute; top: 0; left: 0; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; -moz-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; } .menu-link.active-2 .txt span { display: block; } .menu-link.active-2 .txt .open { opacity: 0; visibility: hidden; } .menu-link.active-2 .txt .close { opacity: 1; visibility: visible; } .menu-link.active-2 .hamb-icon { -webkit-transform: scale(0.7) translate3d(-10px, -50%, 0); -moz-transform: scale(0.7) translate3d(-10px, -50%, 0); transform: scale(0.7) translate3d(-10px, -50%, 0); } .menu-link.active-2 .hamb-icon:before { -webkit-transform: translateY(0.7rem) translateX(0.2rem) rotate(25deg); -moz-transform: translateY(0.7rem) translateX(0.2rem) rotate(25deg); -ms-transform: translateY(0.7rem) translateX(0.2rem) rotate(25deg); transform: translateY(0.7rem) translateX(0.2rem) rotate(25deg); } .menu-link.active-2 .hamb-icon:after { -webkit-transform: translateY(-0.9rem) translateX(0.2rem) rotate(-25deg); -moz-transform: translateY(-0.9rem) translateX(0.2rem) rotate(-25deg); -ms-transform: translateY(-0.9rem) translateX(0.2rem) rotate(-25deg); transform: translateY(-0.9rem) translateX(0.2rem) rotate(-25deg); } .menu-link.active-2 .hamb-icon .line { opacity: 0; -webkit-transform: translateY(-50%) scaleX(0); -moz-transform: translateY(-50%) scaleX(0); -ms-transform: translateY(-50%) scaleX(0); transform: translateY(-50%) scaleX(0); } .menu-link:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; opacity: 0.25; -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: -webkit-transform 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); z-index: -1; } html.no-touch .menu-link:hover { color: #fff; background: var(--tertiary-color); } html.no-touch .menu-link:hover:before { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } html.no-touch .menu-link:hover .hamb-icon:before, html.no-touch .menu-link:hover .hamb-icon:after, html.no-touch .menu-link:hover .hamb-icon .line { background: #fff; } html.no-touch .menu-link:hover .hamb-icon .line { -webkit-transform: translate3d(0, -50%, 0) scaleX(1.1); -moz-transform: translate3d(0, -50%, 0) scaleX(1.1); transform: translate3d(0, -50%, 0) scaleX(1.1); } .header__logo { width: 9.1rem; position: absolute; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; -moz-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; top: 2.6rem; left: 3rem; } .header__logo .logo-hp-extended { display: none; } html.custom-menu-active .header__logo { opacity: 0; visibility: hidden; } .header__logo img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; position: relative; } @media (min-width: 990px) { body.homepage .header__logo { width: clamp(41.8rem, 14.4444444444vw + 36.8888888889rem, 60rem); } body.homepage .header__logo .logo-small { display: none; } body.homepage .header__logo .logo-hp-extended { display: block; } } body.special-header .header__logo { width: 3.4rem; top: 1.1rem; left: 2rem; } .header__links { height: clamp(5rem, 0.7936507937vw + 4.7301587302rem, 6rem); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background: var(--secondary-color); position: absolute; right: clamp(13.3rem, 2.619047619vw + 12.4095238095rem, 16.6rem); top: 4rem; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 2.1rem; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; -moz-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; padding-right: 3.1rem; } .header__links > * { margin-right: 1.3rem; } .header__links > *:last-child { margin-right: 0; } body.special-header .header__links { top: 0; } .header__links a, .header__links button { font-size: 1.9rem; color: var(--primary-color); font-weight: 700; background: transparent; border: none; cursor: pointer; line-height: 2rem; } .header__links a .txt, .header__links a .hide-desktop, .header__links button .txt, .header__links button .hide-desktop { -webkit-transition: color 0.3s ease, background 0.3s ease; -moz-transition: color 0.3s ease, background 0.3s ease; transition: color 0.3s ease, background 0.3s ease; background: -webkit-gradient(linear, left top, left bottom, from(#b2db73), to(#b2db73)) white no-repeat 0 0; background: -webkit-linear-gradient(#b2db73, #b2db73) white no-repeat 0 0; background: -moz-linear-gradient(#b2db73, #b2db73) white no-repeat 0 0; background: linear-gradient(#b2db73, #b2db73) white no-repeat 0 0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 0 100%; } .header__links a .g-icon, .header__links a .ISGridSearch .ISGridSearch__submit, .ISGridSearch .header__links a .ISGridSearch__submit, .header__links a .ISFilteredGrid .ISFilteredGrid__filterIcon, .ISFilteredGrid .header__links a .ISFilteredGrid__filterIcon, .header__links a .ISFilteredGrid .ISFilteredGrid__desktopClear i, .ISFilteredGrid .ISFilteredGrid__desktopClear .header__links a i, .header__links a .ISFilteredGrid .ISFilteredGrid__mobileClear i, .ISFilteredGrid .ISFilteredGrid__mobileClear .header__links a i, .header__links a .video-card .duration-icon, .video-card .header__links a .duration-icon, .header__links a .stat-card .stat-card__icon, .stat-card .header__links a .stat-card__icon, .header__links a .module-widget--events-notices .notice-item__update:after, .module-widget--events-notices .header__links a .notice-item__update:after, .header__links a .portal-card .portal-card__icon, .portal-card .header__links a .portal-card__icon, .header__links a .module-widget--events-list .event-list-item__time:after, .module-widget--events-list .header__links a .event-list-item__time:after, .header__links a .story-card .story-card__icon-link, .story-card .header__links a .story-card__icon-link, .header__links a .module-widget--faqs.v1 .accordion-container .accordion-icon, .module-widget--faqs.v1 .accordion-container .header__links a .accordion-icon, .header__links a .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .header__links a .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .header__links a .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .secondLvlCss .header__links a a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .ISFilteredGrid__noResults .header__links a a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .header__links a .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .header__links a .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .header__links a .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .secondLvlCss .header__links a a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .ISFilteredGrid__noResults .header__links a a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .header__links a .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .header__links a .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .header__links a .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .secondLvlCss .header__links a a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .ISFilteredGrid__noResults .header__links a a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .header__links a .secondLvlCss blockquote:before, .header__links a .ISFilteredGrid .ISFilteredGrid__noResults blockquote:before, .ISFilteredGrid .header__links a .ISFilteredGrid__noResults blockquote:before, .secondLvlCss .header__links a blockquote:before, .ISFilteredGrid .ISFilteredGrid__noResults .header__links a blockquote:before, .header__links a .secondLvlCss blockquote:after, .header__links a .ISFilteredGrid .ISFilteredGrid__noResults blockquote:after, .ISFilteredGrid .header__links a .ISFilteredGrid__noResults blockquote:after, .secondLvlCss .header__links a blockquote:after, .ISFilteredGrid .ISFilteredGrid__noResults .header__links a blockquote:after, .header__links a .video-controls-button__icon, .header__links a .carousel-btn .icon-carousel, .carousel-btn .header__links a .icon-carousel, .header__links button .g-icon, .header__links button .ISGridSearch .ISGridSearch__submit, .ISGridSearch .header__links button .ISGridSearch__submit, .header__links button .ISFilteredGrid .ISFilteredGrid__filterIcon, .ISFilteredGrid .header__links button .ISFilteredGrid__filterIcon, .header__links button .ISFilteredGrid .ISFilteredGrid__desktopClear i, .ISFilteredGrid .ISFilteredGrid__desktopClear .header__links button i, .header__links button .ISFilteredGrid .ISFilteredGrid__mobileClear i, .ISFilteredGrid .ISFilteredGrid__mobileClear .header__links button i, .header__links button .video-card .duration-icon, .video-card .header__links button .duration-icon, .header__links button .stat-card .stat-card__icon, .stat-card .header__links button .stat-card__icon, .header__links button .module-widget--events-notices .notice-item__update:after, .module-widget--events-notices .header__links button .notice-item__update:after, .header__links button .portal-card .portal-card__icon, .portal-card .header__links button .portal-card__icon, .header__links button .module-widget--events-list .event-list-item__time:after, .module-widget--events-list .header__links button .event-list-item__time:after, .header__links button .story-card .story-card__icon-link, .story-card .header__links button .story-card__icon-link, .header__links button .module-widget--faqs.v1 .accordion-container .accordion-icon, .module-widget--faqs.v1 .accordion-container .header__links button .accordion-icon, .header__links button .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .header__links button .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .header__links button .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .secondLvlCss .header__links button a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .ISFilteredGrid__noResults .header__links button a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .header__links button .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .header__links button .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .header__links button .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .secondLvlCss .header__links button a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .ISFilteredGrid__noResults .header__links button a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .header__links button .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .header__links button .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .header__links button .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .secondLvlCss .header__links button a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .ISFilteredGrid__noResults .header__links button a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .header__links button .secondLvlCss blockquote:before, .header__links button .ISFilteredGrid .ISFilteredGrid__noResults blockquote:before, .ISFilteredGrid .header__links button .ISFilteredGrid__noResults blockquote:before, .secondLvlCss .header__links button blockquote:before, .ISFilteredGrid .ISFilteredGrid__noResults .header__links button blockquote:before, .header__links button .secondLvlCss blockquote:after, .header__links button .ISFilteredGrid .ISFilteredGrid__noResults blockquote:after, .ISFilteredGrid .header__links button .ISFilteredGrid__noResults blockquote:after, .secondLvlCss .header__links button blockquote:after, .ISFilteredGrid .ISFilteredGrid__noResults .header__links button blockquote:after, .header__links button .video-controls-button__icon, .header__links button .carousel-btn .icon-carousel, .carousel-btn .header__links button .icon-carousel { -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; } .header__links a .txt, .header__links button .txt { position: relative; } html.no-touch .header__links a:hover .g-icon, html.no-touch .header__links a:hover .ISGridSearch .ISGridSearch__submit, .ISGridSearch html.no-touch .header__links a:hover .ISGridSearch__submit, html.no-touch .header__links a:hover .ISFilteredGrid .ISFilteredGrid__filterIcon, .ISFilteredGrid html.no-touch .header__links a:hover .ISFilteredGrid__filterIcon, html.no-touch .header__links a:hover .ISFilteredGrid .ISFilteredGrid__desktopClear i, .ISFilteredGrid .ISFilteredGrid__desktopClear html.no-touch .header__links a:hover i, html.no-touch .header__links a:hover .ISFilteredGrid .ISFilteredGrid__mobileClear i, .ISFilteredGrid .ISFilteredGrid__mobileClear html.no-touch .header__links a:hover i, html.no-touch .header__links a:hover .video-card .duration-icon, .video-card html.no-touch .header__links a:hover .duration-icon, html.no-touch .header__links a:hover .stat-card .stat-card__icon, .stat-card html.no-touch .header__links a:hover .stat-card__icon, html.no-touch .header__links a:hover .module-widget--events-notices .notice-item__update:after, .module-widget--events-notices html.no-touch .header__links a:hover .notice-item__update:after, html.no-touch .header__links a:hover .portal-card .portal-card__icon, .portal-card html.no-touch .header__links a:hover .portal-card__icon, html.no-touch .header__links a:hover .module-widget--events-list .event-list-item__time:after, .module-widget--events-list html.no-touch .header__links a:hover .event-list-item__time:after, html.no-touch .header__links a:hover .story-card .story-card__icon-link, .story-card html.no-touch .header__links a:hover .story-card__icon-link, html.no-touch .header__links a:hover .module-widget--faqs.v1 .accordion-container .accordion-icon, .module-widget--faqs.v1 .accordion-container html.no-touch .header__links a:hover .accordion-icon, html.no-touch .header__links a:hover .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, html.no-touch .header__links a:hover .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid html.no-touch .header__links a:hover .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .secondLvlCss html.no-touch .header__links a:hover a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .ISFilteredGrid__noResults html.no-touch .header__links a:hover a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, html.no-touch .header__links a:hover .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, html.no-touch .header__links a:hover .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid html.no-touch .header__links a:hover .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .secondLvlCss html.no-touch .header__links a:hover a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .ISFilteredGrid__noResults html.no-touch .header__links a:hover a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, html.no-touch .header__links a:hover .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, html.no-touch .header__links a:hover .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid html.no-touch .header__links a:hover .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .secondLvlCss html.no-touch .header__links a:hover a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .ISFilteredGrid__noResults html.no-touch .header__links a:hover a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, html.no-touch .header__links a:hover .secondLvlCss blockquote:before, html.no-touch .header__links a:hover .ISFilteredGrid .ISFilteredGrid__noResults blockquote:before, .ISFilteredGrid html.no-touch .header__links a:hover .ISFilteredGrid__noResults blockquote:before, .secondLvlCss html.no-touch .header__links a:hover blockquote:before, .ISFilteredGrid .ISFilteredGrid__noResults html.no-touch .header__links a:hover blockquote:before, html.no-touch .header__links a:hover .secondLvlCss blockquote:after, html.no-touch .header__links a:hover .ISFilteredGrid .ISFilteredGrid__noResults blockquote:after, .ISFilteredGrid html.no-touch .header__links a:hover .ISFilteredGrid__noResults blockquote:after, .secondLvlCss html.no-touch .header__links a:hover blockquote:after, .ISFilteredGrid .ISFilteredGrid__noResults html.no-touch .header__links a:hover blockquote:after, html.no-touch .header__links a:hover .video-controls-button__icon, html.no-touch .header__links a:hover .carousel-btn .icon-carousel, .carousel-btn html.no-touch .header__links a:hover .icon-carousel, html.no-touch .header__links button:hover .g-icon, html.no-touch .header__links button:hover .ISGridSearch .ISGridSearch__submit, .ISGridSearch html.no-touch .header__links button:hover .ISGridSearch__submit, html.no-touch .header__links button:hover .ISFilteredGrid .ISFilteredGrid__filterIcon, .ISFilteredGrid html.no-touch .header__links button:hover .ISFilteredGrid__filterIcon, html.no-touch .header__links button:hover .ISFilteredGrid .ISFilteredGrid__desktopClear i, .ISFilteredGrid .ISFilteredGrid__desktopClear html.no-touch .header__links button:hover i, html.no-touch .header__links button:hover .ISFilteredGrid .ISFilteredGrid__mobileClear i, .ISFilteredGrid .ISFilteredGrid__mobileClear html.no-touch .header__links button:hover i, html.no-touch .header__links button:hover .video-card .duration-icon, .video-card html.no-touch .header__links button:hover .duration-icon, html.no-touch .header__links button:hover .stat-card .stat-card__icon, .stat-card html.no-touch .header__links button:hover .stat-card__icon, html.no-touch .header__links button:hover .module-widget--events-notices .notice-item__update:after, .module-widget--events-notices html.no-touch .header__links button:hover .notice-item__update:after, html.no-touch .header__links button:hover .portal-card .portal-card__icon, .portal-card html.no-touch .header__links button:hover .portal-card__icon, html.no-touch .header__links button:hover .module-widget--events-list .event-list-item__time:after, .module-widget--events-list html.no-touch .header__links button:hover .event-list-item__time:after, html.no-touch .header__links button:hover .story-card .story-card__icon-link, .story-card html.no-touch .header__links button:hover .story-card__icon-link, html.no-touch .header__links button:hover .module-widget--faqs.v1 .accordion-container .accordion-icon, .module-widget--faqs.v1 .accordion-container html.no-touch .header__links button:hover .accordion-icon, html.no-touch .header__links button:hover .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, html.no-touch .header__links button:hover .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid html.no-touch .header__links button:hover .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .secondLvlCss html.no-touch .header__links button:hover a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .ISFilteredGrid__noResults html.no-touch .header__links button:hover a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, html.no-touch .header__links button:hover .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, html.no-touch .header__links button:hover .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid html.no-touch .header__links button:hover .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .secondLvlCss html.no-touch .header__links button:hover a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .ISFilteredGrid__noResults html.no-touch .header__links button:hover a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, html.no-touch .header__links button:hover .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, html.no-touch .header__links button:hover .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid html.no-touch .header__links button:hover .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .secondLvlCss html.no-touch .header__links button:hover a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .ISFilteredGrid__noResults html.no-touch .header__links button:hover a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, html.no-touch .header__links button:hover .secondLvlCss blockquote:before, html.no-touch .header__links button:hover .ISFilteredGrid .ISFilteredGrid__noResults blockquote:before, .ISFilteredGrid html.no-touch .header__links button:hover .ISFilteredGrid__noResults blockquote:before, .secondLvlCss html.no-touch .header__links button:hover blockquote:before, .ISFilteredGrid .ISFilteredGrid__noResults html.no-touch .header__links button:hover blockquote:before, html.no-touch .header__links button:hover .secondLvlCss blockquote:after, html.no-touch .header__links button:hover .ISFilteredGrid .ISFilteredGrid__noResults blockquote:after, .ISFilteredGrid html.no-touch .header__links button:hover .ISFilteredGrid__noResults blockquote:after, .secondLvlCss html.no-touch .header__links button:hover blockquote:after, .ISFilteredGrid .ISFilteredGrid__noResults html.no-touch .header__links button:hover blockquote:after, html.no-touch .header__links button:hover .video-controls-button__icon, html.no-touch .header__links button:hover .carousel-btn .icon-carousel, .carousel-btn html.no-touch .header__links button:hover .icon-carousel { color: #b2db73; } html.no-touch .header__links a:hover .txt, html.no-touch .header__links a:hover .hide-desktop, html.no-touch .header__links button:hover .txt, html.no-touch .header__links button:hover .hide-desktop { color: #b2db73; background-size: 100% 100%; } .header__links .separator { width: 2px; height: 1.6rem; background: rgba(28, 43, 60, 0.3); position: relative; top: 0; } .header__links .hide-mobile { display: none; } .header__links .hide-desktop { display: block; } @media (max-width: 865px) { .header__links .hide-mobile { display: block; } .header__links .hide-desktop { display: none; } } .mtHeader { width: 100%; height: 6rem; height: clamp(5.316rem, 0.8211284514vw + 4.6861944778rem, 6rem); position: fixed; top: 0; left: 0; display: none; background: #00381e; z-index: 99; -webkit-transition: visibility 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; transition: visibility 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; height: 18rem; } html.custom-menu-active .mtHeader { opacity: 0; visibility: hidden; } body.special-header .mtHeader { display: block; } /* Featured Paragraph */ .featured-paragraph { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: var(--main-cols); grid-template-columns: var(--main-cols); grid-column: 1/-1; row-gap: var(--widget-general-gap); position: relative; padding: clamp(6.4rem, -1.9047619048vw + 7.0476190476rem, 4rem) 0; background: var(--fourth-color); } .featured-paragraph .secondLvlCss p, .featured-paragraph .ISFilteredGrid .ISFilteredGrid__noResults p, .ISFilteredGrid .featured-paragraph .ISFilteredGrid__noResults p { position: relative; } .featured-paragraph .secondLvlCss p:last-child, .featured-paragraph .ISFilteredGrid .ISFilteredGrid__noResults p:last-child, .ISFilteredGrid .featured-paragraph .ISFilteredGrid__noResults p:last-child { margin-bottom: 0; } .featured-paragraph .secondLvlCss, .featured-paragraph .ISFilteredGrid .ISFilteredGrid__noResults, .ISFilteredGrid .featured-paragraph .ISFilteredGrid__noResults { text-align: center; } /* Faqs */ @media (max-width: 767px) { .module-widget--faqs .module-widget__wrapper { padding-left: 0; padding-right: 0; } } .accordion-container { width: 100%; display: block; overflow: hidden; } .accordion-container:last-child { margin-bottom: 0; } .accordion-container .accordion-container__link { width: 100%; position: relative; cursor: pointer; overflow: hidden; border: none; background: transparent; text-align: left; } .accordion-container .accordion-container__link .txt { position: relative; z-index: 2; } .accordion-container .accordion-container__dropdown { width: 100%; display: block; z-index: 1; position: relative; } .accordion-container .accordion-container__dropdown .dropdown-container__inner { display: none; } .faqs-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: var(--secondLvlCss-content-margin); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .accordion-container .accordion-container__link { font-size: 2rem; line-height: 1.2; font-weight: 500; padding: 1.5rem 2rem 1.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 2rem; } .accordion-container .dropdown-container__inner { padding: 2rem 2rem 3rem; } .accordion-container .dropdown-container__inner .secondLvlCss, .accordion-container .dropdown-container__inner .ISFilteredGrid .ISFilteredGrid__noResults, .ISFilteredGrid .accordion-container .dropdown-container__inner .ISFilteredGrid__noResults { font-size: clamp(1.6rem, 0.3174603175vw + 1.4920634921rem, 2rem); line-height: 1.44; display: block; } .module-widget--faqs.v1 .accordion-container { background: var(--fourth-color); } .module-widget--faqs.v1 .accordion-container .accordion-icon { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; font-size: 1.1rem; margin-top: 0.7rem; display: block; } .module-widget--faqs.v1 .accordion-container .dropdown-container__inner { background: var(--fourth-color); } html.no-touch .module-widget--faqs.v1 .accordion-container .accordion-container__link:hover .accordion-icon { -webkit-transform: translate3d(0, 0.5rem, 0); -moz-transform: translate3d(0, 0.5rem, 0); transform: translate3d(0, 0.5rem, 0); } .module-widget--faqs.v1 .accordion-container.active .accordion-container__link .accordion-icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } html.no-touch .module-widget--faqs.v1 .accordion-container.active .accordion-container__link:hover .accordion-icon { -webkit-transform: translate3d(0, -0.5rem, 0) rotate(180deg); -moz-transform: translate3d(0, -0.5rem, 0) rotate(180deg); transform: translate3d(0, -0.5rem, 0) rotate(180deg); } .module-widget--faqs.v2 .accordion-container .arrow { width: 6rem; height: 6rem; -moz-border-radius: 6rem; border-radius: 6rem; background: var(--fourth-color); position: absolute; top: 0; right: 0; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; transition: background 0.3s ease; } .module-widget--faqs.v2 .accordion-container .accordion-icon { width: 2.4rem; height: 2.4rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; transition: background 0.3s ease; } .module-widget--faqs.v2 .accordion-container .accordion-icon:before, .module-widget--faqs.v2 .accordion-container .accordion-icon:after { content: ""; position: absolute; -webkit-transition: opacity 0.3s ease, background 0.3s ease; -moz-transition: opacity 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease, background 0.3s ease; } .module-widget--faqs.v2 .accordion-container .accordion-icon:before { width: 2px; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: var(--primary-color); } .module-widget--faqs.v2 .accordion-container .accordion-icon:after { width: 100%; height: 2px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: var(--primary-color); } .module-widget--faqs.v2 .accordion-container .accordion-container__link { padding: 2rem 8rem 2rem 0; } .module-widget--faqs.v2 .accordion-container .accordion-container__link:before { content: ""; width: -webkit-calc(100% - 8rem); width: -moz-calc(100% - 8rem); width: calc(100% - 8rem); height: 1px; position: absolute; bottom: 0; left: 0; background: rgba(28, 43, 60, 0.4); } html.no-touch .module-widget--faqs.v2 .accordion-container .accordion-container__link:hover .arrow { background: var(--tertiary-color); } html.no-touch .module-widget--faqs.v2 .accordion-container .accordion-container__link:hover .accordion-icon:before, html.no-touch .module-widget--faqs.v2 .accordion-container .accordion-container__link:hover .accordion-icon:after { background: #fff; } .module-widget--faqs.v2 .accordion-container .dropdown-container__inner { padding-left: 0; padding-right: 0; } .module-widget--faqs.v2 .accordion-container.active .accordion-container__link .accordion-icon:before { opacity: 0; } /* STORIES */ .story-card { display: block; position: relative; pointer-events: none; cursor: pointer; } .story-card .story-card__inner { width: 100%; position: relative; pointer-events: auto; } .story-card .story-card__content { width: 100%; padding: 2.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.7rem; } .story-card .icon-container--image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; } .story-card .description { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } .story-card .school-handle { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } .story-card .story-card__time { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .story-card--not-in-shared .story-card__inner { display: -ms-grid; display: grid; height: 54rem; -ms-grid-rows: 1fr auto; grid-template-rows: 1fr auto; } .story-card--not-in-shared .story-card__image { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1/2; } .story-card--not-in-shared .story-card__content { grid-column: 2/-1; } .story-card--not-in-shared .description { text-overflow: ellipsis; } .story-card.story-card--v3 { padding-left: 2rem; padding-top: 2rem; } .story-card.story-card--v3.swiper-slide { width: -webkit-calc(var(--carousel-widget-item-story-width) + 4rem); width: -moz-calc(var(--carousel-widget-item-story-width) + 4rem); width: calc(var(--carousel-widget-item-story-width) + 4rem); } .story-card.story-card--v3 .icon-container { width: 7.7rem; height: 7.7rem; position: absolute; top: -2rem; left: -2rem; z-index: 3; background: #000; -moz-border-radius: 50%; border-radius: 50%; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .story-card.story-card--v3 .icon-container.color-news { background: #f1a033; } .story-card.story-card--v3 .icon-container.color-facebook { background: #1877f2; } .story-card.story-card--v3 .icon-container.color-news { background: #f1a033; } .story-card.story-card--v3 .icon-container.color-facebook { background: #1877f2; } .story-card.story-card--v3 .icon-container.color-twitter { background: #000000; } .story-card.story-card--v3 .icon-container.color-instagram { background: #ae19e5; } .story-card.story-card--v3 .icon-container.color-flickr { background: #ff007e; } .story-card.story-card--v3 .icon-container.color-youtube { background: #ff0000; } .story-card.story-card--v3 .icon-container.color-vimeo { background: #1ab7ea; } .story-card.story-card--v3 .icon-container.color-soundcloud { background: #ff3300; } .story-card.story-card--v3 .icon-container.color-pinterest { background: #bd081c; } .story-card.story-card--v3 .icon-container.color-issu { background: #f36d5d; } .story-card.story-card--v3 .icon-container.color-blog { background: #21759b; } .story-card.story-card--v3 .icon-container.color-event { background: #67c7c5; } .story-card .social-icon { width: 2.6rem; height: 2.6rem; position: relative; display: block; } .story-card .story-card__content { background: var(--fourth-color); } .story-card .story-card__image { width: 100%; position: relative; overflow: hidden; display: block; } .story-card .story-card__image:before { content: ""; width: 100%; height: 100%; right: 0.1rem; top: -0.1rem; position: absolute; background: -webkit-linear-gradient(315deg, #1c2b3c 0%, rgba(28, 43, 60, 0) 18%, rgba(28, 43, 60, 0) 100%); background: -moz-linear-gradient(315deg, #1c2b3c 0%, rgba(28, 43, 60, 0) 18%, rgba(28, 43, 60, 0) 100%); background: linear-gradient(135deg, #1c2b3c 0%, rgba(28, 43, 60, 0) 18%, rgba(28, 43, 60, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ opacity: 1; z-index: 2; } .story-card .story-card__image img { width: 100%; height: auto; position: relative; -o-object-fit: cover; object-fit: cover; z-index: 1; display: block; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; } .story-card .story-card__icon-link { font-size: 1.8rem; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; color: var(--primary-color); } .story-card .story-card__content { width: 100%; padding: 2.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.7rem; background: var(--fourth-color); } .story-card .story-card__time { font-weight: 300; } .story-card .school-handle { max-width: 100%; display: block; text-align: left; font-size: 2rem; line-height: 1.3; font-weight: 500; } .story-card .school-handle.v2 { color: var(--primary-color); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1.2rem; } .story-card .school-handle.v2 .txt { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .story-card .school-handle.v3 { color: #fff; position: absolute; top: 0; right: 0; z-index: 4; padding: 2rem 3rem 2rem 8rem; } .story-card .school-handle.v3 .txt { text-align: right; } .story-card .description { font-size: 2rem; font-weight: 300; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; max-height: 12rem; } .story-card .icon-container .g-icon, .story-card .icon-container .ISGridSearch .ISGridSearch__submit, .ISGridSearch .story-card .icon-container .ISGridSearch__submit, .story-card .icon-container .ISFilteredGrid .ISFilteredGrid__filterIcon, .ISFilteredGrid .story-card .icon-container .ISFilteredGrid__filterIcon, .story-card .icon-container .ISFilteredGrid .ISFilteredGrid__desktopClear i, .ISFilteredGrid .ISFilteredGrid__desktopClear .story-card .icon-container i, .story-card .icon-container .ISFilteredGrid .ISFilteredGrid__mobileClear i, .ISFilteredGrid .ISFilteredGrid__mobileClear .story-card .icon-container i, .story-card .icon-container .video-card .duration-icon, .video-card .story-card .icon-container .duration-icon, .story-card .icon-container .stat-card .stat-card__icon, .stat-card .story-card .icon-container .stat-card__icon, .story-card .icon-container .module-widget--events-notices .notice-item__update:after, .module-widget--events-notices .story-card .icon-container .notice-item__update:after, .story-card .icon-container .portal-card .portal-card__icon, .portal-card .story-card .icon-container .portal-card__icon, .story-card .icon-container .module-widget--events-list .event-list-item__time:after, .module-widget--events-list .story-card .icon-container .event-list-item__time:after, .story-card .icon-container .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .story-card .icon-container .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .story-card .icon-container .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .secondLvlCss .story-card .icon-container a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .ISFilteredGrid__noResults .story-card .icon-container a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .story-card .icon-container .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .story-card .icon-container .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .story-card .icon-container .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .secondLvlCss .story-card .icon-container a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .ISFilteredGrid__noResults .story-card .icon-container a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .story-card .icon-container .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .story-card .icon-container .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .story-card .icon-container .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .secondLvlCss .story-card .icon-container a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .ISFilteredGrid__noResults .story-card .icon-container a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .story-card .icon-container .secondLvlCss blockquote:before, .story-card .icon-container .ISFilteredGrid .ISFilteredGrid__noResults blockquote:before, .ISFilteredGrid .story-card .icon-container .ISFilteredGrid__noResults blockquote:before, .secondLvlCss .story-card .icon-container blockquote:before, .ISFilteredGrid .ISFilteredGrid__noResults .story-card .icon-container blockquote:before, .story-card .icon-container .secondLvlCss blockquote:after, .story-card .icon-container .ISFilteredGrid .ISFilteredGrid__noResults blockquote:after, .ISFilteredGrid .story-card .icon-container .ISFilteredGrid__noResults blockquote:after, .secondLvlCss .story-card .icon-container blockquote:after, .ISFilteredGrid .ISFilteredGrid__noResults .story-card .icon-container blockquote:after, .story-card .icon-container .video-controls-button__icon, .story-card .icon-container .carousel-btn .icon-carousel, .carousel-btn .story-card .icon-container .icon-carousel, .story-card .icon-container .module-widget--faqs.v1 .accordion-container .accordion-icon, .module-widget--faqs.v1 .accordion-container .story-card .icon-container .accordion-icon, .story-card .icon-container .story-card__icon-link { color: #fff; font-size: 2.4rem; } .story-card .icon-container .g-social-flickr-i { font-size: 1.4rem; } .story-card.story-card--v1 .icon-container { position: absolute; left: 2.5rem; top: 2.5rem; z-index: 3; } .story-card.story-card--v3 .story-card__image:before { background: -webkit-linear-gradient(45deg, rgba(28, 43, 60, 0) 0%, rgba(28, 43, 60, 0) 18%, #1c2b3c 100%); background: -moz-linear-gradient(45deg, rgba(28, 43, 60, 0) 0%, rgba(28, 43, 60, 0) 18%, #1c2b3c 100%); background: linear-gradient(45deg, rgba(28, 43, 60, 0) 0%, rgba(28, 43, 60, 0) 18%, #1c2b3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .story-card--not-in-shared .story-card__image img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } html.no-touch .story-card:hover .story-card__image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } html.no-touch .story-card:hover .story-card__icon-link { color: Var(--tertiary-color); } .module-widget--stories.module-widget--has-grid .btn-wrapper { padding-top: clamp(2rem, 1.5873015873vw + 1.4603174603rem, 4rem); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* STORIES */ .event-card { display: block; position: relative; } .event-card .event-card__inner { cursor: pointer; position: relative; height: 50rem; } html.no-touch .event-card .event-card__inner:hover .event-card__image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .event-card .event-card__image { width: 100%; overflow: hidden; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1/2; position: relative; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .event-card .event-card__image img { width: 100%; height: 100%; display: block; position: relative; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; } .event-card .event-card__content { width: 100%; position: relative; z-index: 4; } .event-card .event-card__description { width: 100%; } .event-card .event-card__title { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } .event-card .event-card__time-range { width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 300; } .event-card .event-card__time-range .g-icon, .event-card .event-card__time-range .ISGridSearch .ISGridSearch__submit, .ISGridSearch .event-card .event-card__time-range .ISGridSearch__submit, .event-card .event-card__time-range .ISFilteredGrid .ISFilteredGrid__filterIcon, .ISFilteredGrid .event-card .event-card__time-range .ISFilteredGrid__filterIcon, .event-card .event-card__time-range .ISFilteredGrid .ISFilteredGrid__desktopClear i, .ISFilteredGrid .ISFilteredGrid__desktopClear .event-card .event-card__time-range i, .event-card .event-card__time-range .ISFilteredGrid .ISFilteredGrid__mobileClear i, .ISFilteredGrid .ISFilteredGrid__mobileClear .event-card .event-card__time-range i, .event-card .event-card__time-range .video-card .duration-icon, .video-card .event-card .event-card__time-range .duration-icon, .event-card .event-card__time-range .stat-card .stat-card__icon, .stat-card .event-card .event-card__time-range .stat-card__icon, .event-card .event-card__time-range .module-widget--events-notices .notice-item__update:after, .module-widget--events-notices .event-card .event-card__time-range .notice-item__update:after, .event-card .event-card__time-range .portal-card .portal-card__icon, .portal-card .event-card .event-card__time-range .portal-card__icon, .event-card .event-card__time-range .module-widget--events-list .event-list-item__time:after, .module-widget--events-list .event-card .event-card__time-range .event-list-item__time:after, .event-card .event-card__time-range .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .event-card .event-card__time-range .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .event-card .event-card__time-range .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .secondLvlCss .event-card .event-card__time-range a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .ISFilteredGrid__noResults .event-card .event-card__time-range a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .event-card .event-card__time-range .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .event-card .event-card__time-range .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .event-card .event-card__time-range .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .secondLvlCss .event-card .event-card__time-range a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .ISFilteredGrid__noResults .event-card .event-card__time-range a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .event-card .event-card__time-range .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .event-card .event-card__time-range .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .event-card .event-card__time-range .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .secondLvlCss .event-card .event-card__time-range a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .ISFilteredGrid__noResults .event-card .event-card__time-range a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .event-card .event-card__time-range .secondLvlCss blockquote:before, .event-card .event-card__time-range .ISFilteredGrid .ISFilteredGrid__noResults blockquote:before, .ISFilteredGrid .event-card .event-card__time-range .ISFilteredGrid__noResults blockquote:before, .secondLvlCss .event-card .event-card__time-range blockquote:before, .ISFilteredGrid .ISFilteredGrid__noResults .event-card .event-card__time-range blockquote:before, .event-card .event-card__time-range .secondLvlCss blockquote:after, .event-card .event-card__time-range .ISFilteredGrid .ISFilteredGrid__noResults blockquote:after, .ISFilteredGrid .event-card .event-card__time-range .ISFilteredGrid__noResults blockquote:after, .secondLvlCss .event-card .event-card__time-range blockquote:after, .ISFilteredGrid .ISFilteredGrid__noResults .event-card .event-card__time-range blockquote:after, .event-card .event-card__time-range .video-controls-button__icon, .event-card .event-card__time-range .carousel-btn .icon-carousel, .carousel-btn .event-card .event-card__time-range .icon-carousel, .event-card .event-card__time-range .module-widget--faqs.v1 .accordion-container .accordion-icon, .module-widget--faqs.v1 .accordion-container .event-card .event-card__time-range .accordion-icon, .event-card .event-card__time-range .story-card .story-card__icon-link, .story-card .event-card .event-card__time-range .story-card__icon-link { font-size: clamp(1.6rem, 0.1587301587vw + 1.546031746rem, 1.8rem); } .event-card.v1 .event-card__inner { display: -ms-grid; display: grid; -ms-grid-rows: 1fr auto; grid-template-rows: 1fr auto; } .event-card.v1 .calendar-date { position: absolute; top: 0; left: 0; } .event-card.v1 .calendar-date--same-month { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .event-card.v2 .event-card__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .event-card.v2 .calendar-date { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .event-card.v2 .calendar-date .start-date, .event-card.v2 .calendar-date .end-date { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; } .event-card.v2 .event-card__image { width: 100%; height: 100%; top: 0; left: 0; position: absolute; } .event-card.v2 .event-card__image img { width: 100%; height: 100%; } .event-card.v3 .event-card__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .event-card.v3 .calendar-date { position: absolute; top: 0; right: 0; } .event-card.v3 .calendar-date--same-month { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .event-card.v3 .event-card__image { width: 100%; height: 100%; top: 0; left: 0; position: absolute; } .event-card.v3 .event-card__image img { width: 100%; height: 100%; } .event-card .event-card__description { color: var(--primary-color); } .event-card .event-card__title { font-family: var(--secondary-font); font-size: clamp(2.4rem, 1.0317460317vw + 2.0492063492rem, 3.7rem); font-style: italic; line-height: 1.2; } .event-card .event-card__title .txt { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: clamp(5.76rem, 2.4761904762vw + 4.9180952381rem, 8.88rem); } .event-card .event-card__time-range { font-size: clamp(1.6rem, 0.3174603175vw + 1.4920634921rem, 2rem); } .event-card .event-card__image:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 3; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); opacity: 0.6; } .event-card .calendar-date { min-width: clamp(6.5rem, 1.3492063492vw + 6.0412698413rem, 8.2rem); height: clamp(6.5rem, 1.3492063492vw + 6.0412698413rem, 8.2rem); } .event-card .calendar-date .day { font-size: clamp(2.8rem, 0.873015873vw + 2.5031746032rem, 3.9rem); font-weight: 400; line-height: 1; } .event-card .calendar-date .conn-word { font-size: 2rem; } .event-card .calendar-date .month { font-size: clamp(2.1rem, 0.5555555556vw + 1.9111111111rem, 2.8rem); font-weight: 500; font-style: italic; line-height: 1; } .event-card.v1 .event-card__description { background: var(--fourth-color); padding: 1.8rem 2.4rem; } .event-card.v2 .event-card__description { color: #fff; padding: 1.8rem 2.4rem; } .event-card.v2 .calendar-date { height: clamp(4.4rem, 1.3492063492vw + 3.9412698413rem, 6.1rem); } .event-card.v3 .event-card__description { color: #fff; } .event-card.v3 .event-card__title { padding: 1.8rem 2.4rem 0; } .event-card.v3 .event-card__time-range { background: var(--fourth-color); padding: 1.8rem 2.4rem; color: var(--primary-color); } .event-fader-item { width: 100%; min-height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: auto; } .event-fader-item .event-fader-item__wrapper { width: 100%; min-height: 53rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .event-fader-item .event-fader-item__content { width: 100%; position: relative; z-index: 2; } .event-fader-item .calendar-date--same-month { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .event-fader-item .event-fader-item__title { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } .module-fader--events.has-dots { padding-bottom: 6rem; } .module-fader--events .cp-dots { position: absolute; left: 0; bottom: clamp(3.5rem, 1.4285714286vw + 3.0142857143rem, 5.3rem); z-index: 4; gap: 0.5rem; } @media (min-width: 767px) { .module-widget--events.v2 .module-fader--events .cp-dots { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 4rem; } } .event-fader-item__image { background: var(--primary-color); } .event-fader-item__image:before { content: ""; width: 100%; height: 100%; background: rgba(28, 43, 60, 0.8); position: absolute; left: 0; top: 0; z-index: 2; } .event-fader-item__content-inner { padding: 10rem 12rem; gap: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .event-fader-item__content-inner { padding: 10rem 8rem; } } @media (min-width: 767px) { .module-widget--events.v2 .event-fader-item .event-fader-item__content { display: -ms-grid; display: grid; -ms-grid-columns: var(--main-cols); grid-template-columns: var(--main-cols); } .module-widget--events.v2 .event-fader-item .event-fader-item__content-inner { -ms-grid-column: 4; -ms-grid-column-span: 6; grid-column: 4/10; text-align: left; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 10rem 0; } .module-widget--events.v2 .event-fader-item .event-fader-item__title { text-align: left; } } .event-list-item { width: 100%; display: block; position: relative; cursor: pointer; padding: 2rem; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; transition: background 0.3s ease; } .event-list-item .event-list-item__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 3rem; pointer-events: none; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; position: relative; z-index: 3; } .event-list-item .date-container .event-list-item__time { display: none; } .event-list-item .event-list-item__image { width: 100%; display: none; padding-top: 37%; min-height: 14.6rem; position: relative; margin-bottom: 3rem; } .event-list-item .event-list-item__image .calendar-date { display: none; } .event-list-item .event-list-item__image img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; -o-object-fit: cover; object-fit: cover; } .event-list-item .event-list-item__title { position: relative; padding-right: 2.8rem; } .event-list-item .event-list-item__title .g-icon, .event-list-item .event-list-item__title .ISGridSearch .ISGridSearch__submit, .ISGridSearch .event-list-item .event-list-item__title .ISGridSearch__submit, .event-list-item .event-list-item__title .ISFilteredGrid .ISFilteredGrid__filterIcon, .ISFilteredGrid .event-list-item .event-list-item__title .ISFilteredGrid__filterIcon, .event-list-item .event-list-item__title .ISFilteredGrid .ISFilteredGrid__desktopClear i, .ISFilteredGrid .ISFilteredGrid__desktopClear .event-list-item .event-list-item__title i, .event-list-item .event-list-item__title .ISFilteredGrid .ISFilteredGrid__mobileClear i, .ISFilteredGrid .ISFilteredGrid__mobileClear .event-list-item .event-list-item__title i, .event-list-item .event-list-item__title .video-card .duration-icon, .video-card .event-list-item .event-list-item__title .duration-icon, .event-list-item .event-list-item__title .stat-card .stat-card__icon, .stat-card .event-list-item .event-list-item__title .stat-card__icon, .event-list-item .event-list-item__title .module-widget--events-notices .notice-item__update:after, .module-widget--events-notices .event-list-item .event-list-item__title .notice-item__update:after, .event-list-item .event-list-item__title .portal-card .portal-card__icon, .portal-card .event-list-item .event-list-item__title .portal-card__icon, .event-list-item .event-list-item__title .module-widget--events-list .event-list-item__time:after, .module-widget--events-list .event-list-item .event-list-item__title .event-list-item__time:after, .event-list-item .event-list-item__title .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .event-list-item .event-list-item__title .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .event-list-item .event-list-item__title .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .secondLvlCss .event-list-item .event-list-item__title a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .ISFilteredGrid__noResults .event-list-item .event-list-item__title a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .event-list-item .event-list-item__title .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .event-list-item .event-list-item__title .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .event-list-item .event-list-item__title .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .secondLvlCss .event-list-item .event-list-item__title a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .ISFilteredGrid__noResults .event-list-item .event-list-item__title a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .event-list-item .event-list-item__title .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .event-list-item .event-list-item__title .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .event-list-item .event-list-item__title .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .secondLvlCss .event-list-item .event-list-item__title a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .ISFilteredGrid__noResults .event-list-item .event-list-item__title a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .event-list-item .event-list-item__title .secondLvlCss blockquote:before, .event-list-item .event-list-item__title .ISFilteredGrid .ISFilteredGrid__noResults blockquote:before, .ISFilteredGrid .event-list-item .event-list-item__title .ISFilteredGrid__noResults blockquote:before, .secondLvlCss .event-list-item .event-list-item__title blockquote:before, .ISFilteredGrid .ISFilteredGrid__noResults .event-list-item .event-list-item__title blockquote:before, .event-list-item .event-list-item__title .secondLvlCss blockquote:after, .event-list-item .event-list-item__title .ISFilteredGrid .ISFilteredGrid__noResults blockquote:after, .ISFilteredGrid .event-list-item .event-list-item__title .ISFilteredGrid__noResults blockquote:after, .secondLvlCss .event-list-item .event-list-item__title blockquote:after, .ISFilteredGrid .ISFilteredGrid__noResults .event-list-item .event-list-item__title blockquote:after, .event-list-item .event-list-item__title .video-controls-button__icon, .event-list-item .event-list-item__title .carousel-btn .icon-carousel, .carousel-btn .event-list-item .event-list-item__title .icon-carousel, .event-list-item .event-list-item__title .module-widget--faqs.v1 .accordion-container .accordion-icon, .module-widget--faqs.v1 .accordion-container .event-list-item .event-list-item__title .accordion-icon, .event-list-item .event-list-item__title .story-card .story-card__icon-link, .story-card .event-list-item .event-list-item__title .story-card__icon-link { position: absolute; right: 0; top: clamp(1rem, 0.3968253968vw + 0.8650793651rem, 1.5rem); } .event-list-item .event-list-item__content { display: block; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .event-list-item .event-list-item__time { position: relative; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; } .event-list-item.is-extended:first-child .event-list-item__image { display: block; } .event-list-item.is-extended:first-child .image { display: block; } @media (max-width: 767px) { .event-list-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; padding: 0; } .event-list-item .event-list-item__inner { gap: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; flex-direction: column; } .event-list-item .event-list-item__inner .calendar-date { margin-right: auto; margin-bottom: 1rem; } .event-list-item .date-container { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 2.1rem; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 2rem; } .event-list-item .date-container .event-list-item__time { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .event-list-item .event-list-item__content { width: 100%; padding: 1.2rem 2rem 2rem; } .event-list-item .event-list-item__content .event-list-item__time { display: none; } .event-list-item.is-extended:first-child .event-list-item__inner { padding-left: 0; } .event-list-item.is-extended:first-child .event-list-item__inner .date-container { display: none; } .event-list-item.is-extended:first-child .event-list-item__inner .date-container .event-list-item__time { display: none; } .event-list-item.is-extended:first-child .event-list-item__image { margin-bottom: 0; } .event-list-item.is-extended:first-child .event-list-item__image .calendar-date { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .event-list-item.is-extended:first-child .event-list-item__content { padding: 2rem; } .event-list-item.is-extended:first-child .event-list-item__content .event-list-item__time { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .event-list-item.is-extended:first-child .calendar-date { position: absolute; top: 0; left: 0; } .event-list-item.is-extended:first-child .calendar-date .event-list-item__time { display: none; } } .module-widget--events-list.v2 .event-list-item { padding-left: 0; padding-right: 0; padding-top: 0; } @media (max-width: 767px) { .module-widget--events-list.v2 .event-list-item .event-list-item__content { padding-left: 0; } } .module-widget--events-list.v2 .event-list-item.is-extended:first-child .event-list-item__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: clamp(20rem, 13.4126984127vw + 15.4396825397rem, 36.9rem); padding-top: 4rem; padding: 8rem 0 0; } .module-widget--events-list.v2 .event-list-item.is-extended:first-child .event-list-item__inner .date-container { display: none; } .module-widget--events-list.v2 .event-list-item.is-extended:first-child .event-list-item__inner .event-list-item__content { min-width: 100%; -webkit-box-flex: 0; -webkit-flex: 0; -moz-box-flex: 0; -ms-flex: 0; flex: 0; padding: 2rem; } @media (max-width: 767px) { .module-widget--events-list.v2 .event-list-item.is-extended:first-child .event-list-item__inner .event-list-item__content { padding-bottom: 4rem; } } .module-widget--events-list.v2 .event-list-item.is-extended:first-child .event-list-item__image .calendar-date { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; } .module-widget--events-list.v2 .event-list-item .event-list-item__image { width: 100%; position: absolute; padding: 0; top: 0; left: 0; margin: 0; } .module-widget--events-list .btn-wrapper { padding-top: clamp(2rem, 1.5873015873vw + 1.4603174603rem, 4rem); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .module-widget--events-list .calendar-date { color: var(--primary-color); background: #7fc9c7; } .module-widget--events-list .hold-media { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; } .module-widget--events-list .event-list-item__title { font-family: var(--secondary-font); font-size: clamp(2.4rem, 0.2380952381vw + 2.319047619rem, 2.7rem); font-weight: 500; font-style: italic; color: var(--primary-color); } .module-widget--events-list .event-list-item__time { width: 100%; font-size: 2rem; font-weight: 300; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .module-widget--events-list .event-list-item__time:after { font-size: 1.3rem; position: relative; display: inline-block; color: var(--primary-color); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; } .module-widget--events-list.v1 .event-list-item { background: #fff; -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1); } .module-widget--events-list.v2 .event-list-item { border-bottom: 1px solid rgba(28, 43, 60, 0.15); } .module-widget--events-list.v2 .event-list-item.is-extended:first-child .event-list-item__title { color: #fff; } .module-widget--events-list.v2 .event-list-item.is-extended:first-child .event-list-item__time { color: #fff; } .module-widget--events-list.v2 .event-list-item.is-extended:first-child .event-list-item__time:after { color: #fff; } .module-widget--events-list.v2 .event-list-item__image { height: -webkit-calc(100% - 2rem); height: -moz-calc(100% - 2rem); height: calc(100% - 2rem); background: var(--primary-color); } .module-widget--events-list.v2 .event-list-item__image:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 43, 60, 0)), to(#1c2b3c)); background: -webkit-linear-gradient(top, rgba(28, 43, 60, 0) 0%, #1c2b3c 100%); background: -moz-linear-gradient(top, rgba(28, 43, 60, 0) 0%, #1c2b3c 100%); background: linear-gradient(to bottom, rgba(28, 43, 60, 0) 0%, #1c2b3c 100%); opacity: 0.75; z-index: 2; } html.no-touch .module-widget--events-list .event-list-item:hover .event-list-item__time:after { -webkit-transform: translate3d(0.5rem, 0, 0); -moz-transform: translate3d(0.5rem, 0, 0); transform: translate3d(0.5rem, 0, 0); } /* Profiles */ .profile-card { display: block; position: relative; } .profile-card .profile-card__inner { cursor: pointer; position: relative; height: 44.4rem; } html.no-touch .profile-card .profile-card__inner:hover .profile-card__image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .profile-card .profile-card__image { width: 100%; overflow: hidden; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1/2; position: relative; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .profile-card .profile-card__image img { width: 100%; height: 100%; display: block; position: relative; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; } .profile-card .profile-card__content { width: 100%; position: relative; z-index: 4; } .profile-card .profile-card__description { width: 100%; } .profile-card .profile-card__title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } .profile-card .profile-card__role { width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 300; } .profile-card .g-icon, .profile-card .ISGridSearch .ISGridSearch__submit, .ISGridSearch .profile-card .ISGridSearch__submit, .profile-card .ISFilteredGrid .ISFilteredGrid__filterIcon, .ISFilteredGrid .profile-card .ISFilteredGrid__filterIcon, .profile-card .ISFilteredGrid .ISFilteredGrid__desktopClear i, .ISFilteredGrid .ISFilteredGrid__desktopClear .profile-card i, .profile-card .ISFilteredGrid .ISFilteredGrid__mobileClear i, .ISFilteredGrid .ISFilteredGrid__mobileClear .profile-card i, .profile-card .video-card .duration-icon, .video-card .profile-card .duration-icon, .profile-card .stat-card .stat-card__icon, .stat-card .profile-card .stat-card__icon, .profile-card .module-widget--events-notices .notice-item__update:after, .module-widget--events-notices .profile-card .notice-item__update:after, .profile-card .portal-card .portal-card__icon, .portal-card .profile-card .portal-card__icon, .profile-card .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .profile-card .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .profile-card .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .secondLvlCss .profile-card a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .ISFilteredGrid__noResults .profile-card a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .profile-card .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .profile-card .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .profile-card .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .secondLvlCss .profile-card a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .ISFilteredGrid__noResults .profile-card a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .profile-card .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .profile-card .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .profile-card .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .secondLvlCss .profile-card a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .ISFilteredGrid__noResults .profile-card a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .profile-card .secondLvlCss blockquote:before, .profile-card .ISFilteredGrid .ISFilteredGrid__noResults blockquote:before, .ISFilteredGrid .profile-card .ISFilteredGrid__noResults blockquote:before, .secondLvlCss .profile-card blockquote:before, .ISFilteredGrid .ISFilteredGrid__noResults .profile-card blockquote:before, .profile-card .secondLvlCss blockquote:after, .profile-card .ISFilteredGrid .ISFilteredGrid__noResults blockquote:after, .ISFilteredGrid .profile-card .ISFilteredGrid__noResults blockquote:after, .secondLvlCss .profile-card blockquote:after, .ISFilteredGrid .ISFilteredGrid__noResults .profile-card blockquote:after, .profile-card .video-controls-button__icon, .profile-card .carousel-btn .icon-carousel, .carousel-btn .profile-card .icon-carousel, .profile-card .module-widget--faqs.v1 .accordion-container .accordion-icon, .module-widget--faqs.v1 .accordion-container .profile-card .accordion-icon, .profile-card .story-card .story-card__icon-link, .story-card .profile-card .story-card__icon-link, .profile-card .module-widget--events-list .event-list-item__time:after, .module-widget--events-list .profile-card .event-list-item__time:after { font-size: clamp(1.6rem, 0.1587301587vw + 1.546031746rem, 1.8rem); } .profile-card.v1 .profile-card__inner { display: -ms-grid; display: grid; -ms-grid-rows: 1fr auto; grid-template-rows: 1fr auto; } .profile-card.v2 .profile-card__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .profile-card.v2 .profile-card__description { text-align: center; } .profile-card.v2 .profile-card__title { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .profile-card.v2 .profile-card__role { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .profile-card.v2 .profile-card__image { width: 100%; height: 100%; top: 0; left: 0; position: absolute; } .profile-card.v2 .profile-card__image img { width: 100%; height: 100%; } .profile-card.v3 .profile-card__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .profile-card.v3 .profile-card__image { width: 100%; height: 100%; top: 0; left: 0; position: absolute; } .profile-card.v3 .profile-card__image img { width: 100%; height: 100%; } .profile-card.grid-card--single-card { width: 100%; max-width: 96rem; } .profile-card.grid-card--single-card .profile-card__inner { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); grid-auto-flow: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: auto; min-height: clamp(25rem, 18.253968254vw + 18.7936507937rem, 48rem); } .profile-card.grid-card--single-card .profile-card__image { height: 100%; } .profile-card.grid-card--single-card .profile-card__title { margin-bottom: 0.8rem; } .profile-card.grid-card--single-card .profile-card__description { max-width: 32rem; margin: auto; } .profile-card.grid-card--single-card .profile-card__text { margin-top: 3rem; } .profile-card.grid-card--single-card .profile-card__content { padding: 3rem; } .profile-card.grid-card--single-card .g-icon-url { font-size: clamp(1.8rem, 0.3968253968vw + 1.6650793651rem, 2.3rem); line-height: clamp(1.8rem, 0.3968253968vw + 1.6650793651rem, 2.3rem); position: absolute; bottom: 3.1rem; right: 3.1rem; } .profile-card .profile-card__description { color: var(--primary-color); } .profile-card .profile-card__title { font-family: var(--secondary-font); font-size: clamp(2.4rem, 1.0317460317vw + 2.0492063492rem, 3.7rem); line-height: 1.2; margin-bottom: 1.1rem; font-weight: 500; font-style: italic; } .profile-card .profile-card__title .txt { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: clamp(5.76rem, 2.4761904762vw + 4.9180952381rem, 8.88rem); } .profile-card .profile-card__role { font-size: clamp(1.6rem, 0.3174603175vw + 1.4920634921rem, 2rem); } .profile-card .profile-card__text { font-size: clamp(1.6rem, 0.3174603175vw + 1.4920634921rem, 2rem); line-height: 1.45; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; max-height: clamp(13.92rem, 2.7619047619vw + 12.980952381rem, 17.4rem); } .profile-card .g-icon-url { font-size: clamp(1.3rem, 0.3174603175vw + 1.1920634921rem, 1.7rem); line-height: clamp(1.3rem, 0.3174603175vw + 1.1920634921rem, 1.7rem); position: relative; display: block; } .profile-card .profile-card__image:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 3; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); opacity: 0.6; } .profile-card.v1 .profile-card__description { background: var(--fourth-color); padding: 1.8rem 2.4rem; } .profile-card.v2 .profile-card__description { color: #fff; padding: 1.8rem 2.4rem; } .profile-card.v3 .profile-card__description { color: #fff; } .profile-card.v3 .profile-card__title { padding: 1.8rem 2.4rem 0; } .profile-card.v3 .profile-card__role { background: var(--fourth-color); padding: 1.8rem 2.4rem; color: var(--primary-color); } .profile-card.grid-card--single-card { background: var(--fourth-color); } .profile-card.grid-card--single-card .profile-card__content { min-height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 6rem; padding-top: 6rem; } /* PORTALS */ .portal-card { display: block; position: relative; } .portal-card .portal-card__inner { width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .portal-card .portal-card__image { width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .portal-card .portal-card__image img { display: block; position: relative; } .portal-card .portal-card__icon { position: relative; } .portal-card .portal-card__txt { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; width: 100%; } .content-templates .portal-card .portal-card__image { background: #e4e7e9; } .content-templates .portal-card .portal-card__txt { color: #fff; } html.no-touch .portal-card .portal-card__inner:hover .portal-card__image img { -webkit-transform: translate3d(0, -0.5rem, 0); -moz-transform: translate3d(0, -0.5rem, 0); transform: translate3d(0, -0.5rem, 0); } .portal-card .portal-card__txt { text-align: center; font-size: clamp(1.6rem, 0.7142857143vw + 1.3571428571rem, 2.5rem); line-height: 1.25; font-weight: 500; color: var(--primary-color); -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; padding: 0 1.5rem; } .portal-card .portal-card__icon { color: inherit; font-size: clamp(1.1rem, 0.1587301587vw + 1.046031746rem, 1.3rem); top: clamp(0rem, -0.1984126984vw + 0.0674603175rem, -0.25rem); left: 0.5rem; line-height: inherit; } .portal-card .portal-card__image { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; } .portal-card .portal-card__image img { width: 100%; height: clamp(6.9rem, 1.6666666667vw + 6.3333333333rem, 9rem); -o-object-fit: contain; object-fit: contain; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; } .portal-card:not(.grid-card--single-card) .portal-card__image { background: var(--primary-color); padding: 4.2rem; aspect-ratio: 1/1; } .portal-card:not(.grid-card--single-card) .portal-card__txt { line-height: 1.4; font-weight: 500; color: var(--primary-color); -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; padding-top: 2.2rem; } .module-widget--with-bg .portal-card:not(.grid-card--single-card) .portal-card__image, .content-templates .portal-card:not(.grid-card--single-card) .portal-card__image { background: var(--fourth-color); } .module-widget--with-bg .portal-card:not(.grid-card--single-card) .portal-card__txt, .content-templates .portal-card:not(.grid-card--single-card) .portal-card__txt { color: #fff; } .portal-card.grid-card--single-card .portal-card__inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background: var(--primary-color); padding: clamp(3rem, 2.7777777778vw + 2.0555555556rem, 6.5rem) 2rem; } .portal-card.grid-card--single-card .portal-card__image { min-width: 40%; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .portal-card.grid-card--single-card .portal-card__image img { height: clamp(4rem, 4.7619047619vw + 2.380952381rem, 10rem); } .portal-card.grid-card--single-card .portal-card__txt { min-width: 60%; color: #fff; text-align: center; } .module-widget--with-bg .portal-card.grid-card--single-card .portal-card__inner { background: var(--fourth-color); } .module-widget--with-bg .portal-card.grid-card--single-card .portal-card__inner .portal-card__txt { color: var(--primary-color); } .module-widget--with-bg .portal-card.grid-card--single-card .portal-card__inner .portal-card__icon { color: var(--tertiary-color); } /* CARDS */ .cards-card { display: block; position: relative; } .cards-card .cards-card__inner { cursor: pointer; position: relative; height: 43.3rem; } html.no-touch .cards-card .cards-card__inner:hover .cards-card__image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .cards-card .cards-card__image { width: 100%; overflow: hidden; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1/2; position: relative; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .cards-card .cards-card__image img { width: 100%; height: 100%; display: block; position: relative; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; } .cards-card .cards-card__content { width: 100%; position: relative; z-index: 4; } .cards-card .cards-card__description { width: 100%; } .cards-card .cards-card__title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } .cards-card .cards-card__text { width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 300; } .cards-card .g-icon, .cards-card .ISGridSearch .ISGridSearch__submit, .ISGridSearch .cards-card .ISGridSearch__submit, .cards-card .ISFilteredGrid .ISFilteredGrid__filterIcon, .ISFilteredGrid .cards-card .ISFilteredGrid__filterIcon, .cards-card .ISFilteredGrid .ISFilteredGrid__desktopClear i, .ISFilteredGrid .ISFilteredGrid__desktopClear .cards-card i, .cards-card .ISFilteredGrid .ISFilteredGrid__mobileClear i, .ISFilteredGrid .ISFilteredGrid__mobileClear .cards-card i, .cards-card .video-card .duration-icon, .video-card .cards-card .duration-icon, .cards-card .stat-card .stat-card__icon, .stat-card .cards-card .stat-card__icon, .cards-card .module-widget--events-notices .notice-item__update:after, .module-widget--events-notices .cards-card .notice-item__update:after, .cards-card .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .cards-card .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .cards-card .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .secondLvlCss .cards-card a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .ISFilteredGrid__noResults .cards-card a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .cards-card .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .cards-card .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .cards-card .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .secondLvlCss .cards-card a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .ISFilteredGrid__noResults .cards-card a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .cards-card .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .cards-card .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .cards-card .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .secondLvlCss .cards-card a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .ISFilteredGrid__noResults .cards-card a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .cards-card .secondLvlCss blockquote:before, .cards-card .ISFilteredGrid .ISFilteredGrid__noResults blockquote:before, .ISFilteredGrid .cards-card .ISFilteredGrid__noResults blockquote:before, .secondLvlCss .cards-card blockquote:before, .ISFilteredGrid .ISFilteredGrid__noResults .cards-card blockquote:before, .cards-card .secondLvlCss blockquote:after, .cards-card .ISFilteredGrid .ISFilteredGrid__noResults blockquote:after, .ISFilteredGrid .cards-card .ISFilteredGrid__noResults blockquote:after, .secondLvlCss .cards-card blockquote:after, .ISFilteredGrid .ISFilteredGrid__noResults .cards-card blockquote:after, .cards-card .video-controls-button__icon, .cards-card .carousel-btn .icon-carousel, .carousel-btn .cards-card .icon-carousel, .cards-card .module-widget--faqs.v1 .accordion-container .accordion-icon, .module-widget--faqs.v1 .accordion-container .cards-card .accordion-icon, .cards-card .story-card .story-card__icon-link, .story-card .cards-card .story-card__icon-link, .cards-card .module-widget--events-list .event-list-item__time:after, .module-widget--events-list .cards-card .event-list-item__time:after, .cards-card .portal-card .portal-card__icon, .portal-card .cards-card .portal-card__icon { font-size: clamp(1.6rem, 0.1587301587vw + 1.546031746rem, 1.8rem); } .cards-card.v1 .cards-card__inner { display: -ms-grid; display: grid; -ms-grid-rows: 1fr auto; grid-template-rows: 1fr auto; } .cards-card.v2 .cards-card__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cards-card.v2 .cards-card__description { text-align: center; } .cards-card.v2 .cards-card__title { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cards-card.v2 .cards-card__role { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cards-card.v2 .cards-card__image { width: 100%; height: 100%; top: 0; left: 0; position: absolute; } .cards-card.v2 .cards-card__image img { width: 100%; height: 100%; } .cards-card.v3 .cards-card__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cards-card.v3 .cards-card__image { width: 100%; height: 100%; top: 0; left: 0; position: absolute; } .cards-card.v3 .cards-card__image img { width: 100%; height: 100%; } .cards-card.grid-card--single-card { width: 100%; max-width: 96rem; } .cards-card.grid-card--single-card .cards-card__inner { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); grid-auto-flow: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: auto; min-height: clamp(25rem, 18.253968254vw + 18.7936507937rem, 48rem); } .cards-card.grid-card--single-card .cards-card__image { height: 100%; } .cards-card.grid-card--single-card .cards-card__title { margin-bottom: 0.8rem; } .cards-card.grid-card--single-card .cards-card__description { max-width: 32rem; margin: auto; } .cards-card.grid-card--single-card .cards-card__text { margin-top: 3rem; } .cards-card.grid-card--single-card .cards-card__content { padding: 3rem; } .cards-card.grid-card--single-card .g-icon-url { font-size: clamp(1.8rem, 0.3968253968vw + 1.6650793651rem, 2.3rem); line-height: clamp(1.8rem, 0.3968253968vw + 1.6650793651rem, 2.3rem); position: absolute; bottom: 3.1rem; right: 3.1rem; top: auto; } .cards-card .cards-card__description { color: var(--primary-color); } .cards-card .cards-card__title { font-family: var(--secondary-font); font-size: clamp(2.4rem, 1.0317460317vw + 2.0492063492rem, 3.7rem); line-height: 1.2; font-weight: 500; font-style: italic; margin-bottom: 1rem; } .cards-card .cards-card__title .txt { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: clamp(5.76rem, 2.4761904762vw + 4.9180952381rem, 8.88rem); } .cards-card .cards-card__text { font-size: clamp(1.6rem, 0.3174603175vw + 1.4920634921rem, 2rem); line-height: 1.45; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; max-height: clamp(9.28rem, 1.8412698413vw + 8.653968254rem, 11.6rem); } .cards-card .g-icon-url { font-size: clamp(1.3rem, 0.3174603175vw + 1.1920634921rem, 1.7rem); line-height: clamp(1.3rem, 0.3174603175vw + 1.1920634921rem, 1.7rem); top: 0.2rem; position: relative; display: block; } .cards-card .cards-card__image:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 3; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); opacity: 0.6; } .cards-card.v1 .cards-card__description { background: var(--fourth-color); padding: 1.8rem 2.5rem; } .cards-card.v2 .cards-card__title { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .cards-card.v2 .cards-card__description { color: #fff; padding: 1.8rem 2.4rem; text-align: left; } .cards-card.v3 .cards-card__description { color: #fff; } .cards-card.v3 .cards-card__title { padding: 1.8rem 2.4rem 0; margin-bottom: 1.5rem; } .cards-card.v3 .cards-card__text { margin-top: 0; background: var(--fourth-color); padding: 1.8rem 2.4rem; color: var(--primary-color); } .cards-card.grid-card--single-card { background: var(--fourth-color); } .cards-card.grid-card--single-card .cards-card__content { min-height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 6rem; padding-top: 6rem; } /* Blockquote fader */ .module-widget--blockquote-fader .swiper-wrapper { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .module-widget--blockquote-fader .blockquote-fader-item__inner { display: -ms-grid; display: grid; -ms-grid-columns: var(--main-cols); grid-template-columns: var(--main-cols); padding: 0 3rem; } .module-widget--blockquote-fader .blockquote-fader-item__inner .secondLvlCss blockquote, .module-widget--blockquote-fader .blockquote-fader-item__inner .ISFilteredGrid .ISFilteredGrid__noResults blockquote, .ISFilteredGrid .module-widget--blockquote-fader .blockquote-fader-item__inner .ISFilteredGrid__noResults blockquote { margin: 0; } .module-widget--blockquote-fader .blockquote-fader-item__inner .blockquote-source { margin-top: 2rem; text-align: center; } @media (max-width: 767px) { .module-widget--blockquote-fader.v2 .blockquote-fader-item__inner .secondLvlCss, .module-widget--blockquote-fader.v2 .blockquote-fader-item__inner .ISFilteredGrid .ISFilteredGrid__noResults, .ISFilteredGrid .module-widget--blockquote-fader.v2 .blockquote-fader-item__inner .ISFilteredGrid__noResults { -ms-grid-column: 1; -ms-grid-column-span: 12; grid-column: 1/13; } } .module-widget--blockquote-fader.module-widget--with-bg { background: var(--fourth-color); } .module-widget--blockquote-fader .cp-dots { gap: 0.5rem; margin-top: 3.6rem; } .module-widget--blockquote-fader-ct .blockquote-fader { text-align: left; } .module-widget--blockquote-fader-ct .secondLvlCss blockquote, .module-widget--blockquote-fader-ct .ISFilteredGrid .ISFilteredGrid__noResults blockquote, .ISFilteredGrid .module-widget--blockquote-fader-ct .ISFilteredGrid__noResults blockquote { text-align: left; padding: 4rem 0 4rem 2rem; margin: 0; } @media (max-width: 767px) { .module-widget--blockquote-fader-ct .secondLvlCss blockquote, .module-widget--blockquote-fader-ct .ISFilteredGrid .ISFilteredGrid__noResults blockquote, .ISFilteredGrid .module-widget--blockquote-fader-ct .ISFilteredGrid__noResults blockquote { padding: 0.5rem 0; } } .module-widget--blockquote-fader-ct .secondLvlCss .blockquote-source, .module-widget--blockquote-fader-ct .ISFilteredGrid .ISFilteredGrid__noResults .blockquote-source, .ISFilteredGrid .module-widget--blockquote-fader-ct .ISFilteredGrid__noResults .blockquote-source { padding-left: 2rem; padding-right: 5rem; } @media (max-width: 767px) { .module-widget--blockquote-fader-ct .secondLvlCss .blockquote-source, .module-widget--blockquote-fader-ct .ISFilteredGrid .ISFilteredGrid__noResults .blockquote-source, .ISFilteredGrid .module-widget--blockquote-fader-ct .ISFilteredGrid__noResults .blockquote-source { padding: 0; } } .module-widget--blockquote-fader-ct .cp-dots { gap: 0.5rem; margin-top: 3.6rem; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 767px) { .module-widget--blockquote-fader-ct .cp-dots { margin-top: 2rem; padding-left: 0; } } /* Promos */ .promo-card { position: relative; direction: ltr; } .promo-card .promo-card__inner { width: 100%; position: relative; cursor: pointer; } .promo-card .promo-card__image { width: 100%; padding-top: 72%; position: relative; z-index: 1; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .promo-card .promo-card__image img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; -o-object-fit: cover; object-fit: cover; } .promo-card .promo-card__txt { position: absolute; left: 0; bottom: 0; z-index: 2; } .promo-card .promo-card__icon { z-index: 3; position: relative; } html.no-touch .promo-card .promo-card__inner:hover img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); } .promo-card .promo-card__subtitle { font-size: clamp(1.6rem, 0.3174603175vw + 1.4920634921rem, 2rem); padding-right: 2rem; color: #fff; margin-top: 0.3rem; } .promo-card .promo-card__icon { color: #fff; } .promo-card .promo-card__title .txt { font-family: var(--secondary-font); font-size: clamp(2.4rem, 0.7142857143vw + 2.1571428571rem, 3.3rem); font-weight: 500; font-style: italic; color: #fff; } .promo-card .promo-card__image:before { content: ""; width: 100%; height: 80%; display: block; position: absolute; bottom: -1px; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); z-index: 2; opacity: 0.78; } .promo-card .promo-card__txt { width: 100%; padding: 2.5rem; } .promo-card.in-content .promo-card__txt { position: relative; text-align: center; padding: 1rem 0; } .promo-card.in-content .promo-card__icon { display: none; } .promo-card.in-content .promo-card__title { padding-right: 0; } .promo-card.in-content .promo-card__title .txt { color: var(--primary-color); } .promo-card.in-content .promo-card__subtitle { color: var(--primary-color); padding-right: 0; } .module-widget--with-bg .promo-card.in-content .promo-card__title .txt, .module-widget--with-bg .promo-card.in-content .promo-card__subtitle, .content-templates .promo-card.in-content .promo-card__title .txt, .content-templates .promo-card.in-content .promo-card__subtitle { color: #fff; } /* Notices */ .notices-holder { gap: 2rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .notice-item { width: 100%; display: block; position: relative; padding: 2rem; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; transition: background 0.3s ease; } .notice-item .notice-item__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 3rem; pointer-events: none; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; position: relative; z-index: 3; } .notice-item .notice-item__image { width: 100%; display: block; padding-top: 37%; min-height: 14.6rem; position: relative; margin-bottom: 3rem; } .notice-item .notice-item__image img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; -o-object-fit: cover; object-fit: cover; } .notice-item .notice-item__title { position: relative; } .notice-item .notice-item__title .g-icon, .notice-item .notice-item__title .ISGridSearch .ISGridSearch__submit, .ISGridSearch .notice-item .notice-item__title .ISGridSearch__submit, .notice-item .notice-item__title .ISFilteredGrid .ISFilteredGrid__filterIcon, .ISFilteredGrid .notice-item .notice-item__title .ISFilteredGrid__filterIcon, .notice-item .notice-item__title .ISFilteredGrid .ISFilteredGrid__desktopClear i, .ISFilteredGrid .ISFilteredGrid__desktopClear .notice-item .notice-item__title i, .notice-item .notice-item__title .ISFilteredGrid .ISFilteredGrid__mobileClear i, .ISFilteredGrid .ISFilteredGrid__mobileClear .notice-item .notice-item__title i, .notice-item .notice-item__title .video-card .duration-icon, .video-card .notice-item .notice-item__title .duration-icon, .notice-item .notice-item__title .stat-card .stat-card__icon, .stat-card .notice-item .notice-item__title .stat-card__icon, .notice-item .notice-item__title .module-widget--events-notices .notice-item__update:after, .module-widget--events-notices .notice-item .notice-item__title .notice-item__update:after, .notice-item .notice-item__title .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .notice-item .notice-item__title .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .notice-item .notice-item__title .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .secondLvlCss .notice-item .notice-item__title a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .ISFilteredGrid .ISFilteredGrid__noResults .notice-item .notice-item__title a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href$=".pdf"]:after, .notice-item .notice-item__title .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .notice-item .notice-item__title .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .notice-item .notice-item__title .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .secondLvlCss .notice-item .notice-item__title a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .ISFilteredGrid .ISFilteredGrid__noResults .notice-item .notice-item__title a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .notice-item .notice-item__title .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .notice-item .notice-item__title .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .notice-item .notice-item__title .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .secondLvlCss .notice-item .notice-item__title a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .ISFilteredGrid .ISFilteredGrid__noResults .notice-item .notice-item__title a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn)[href^=mailto]:after, .notice-item .notice-item__title .secondLvlCss blockquote:before, .notice-item .notice-item__title .ISFilteredGrid .ISFilteredGrid__noResults blockquote:before, .ISFilteredGrid .notice-item .notice-item__title .ISFilteredGrid__noResults blockquote:before, .secondLvlCss .notice-item .notice-item__title blockquote:before, .ISFilteredGrid .ISFilteredGrid__noResults .notice-item .notice-item__title blockquote:before, .notice-item .notice-item__title .secondLvlCss blockquote:after, .notice-item .notice-item__title .ISFilteredGrid .ISFilteredGrid__noResults blockquote:after, .ISFilteredGrid .notice-item .notice-item__title .ISFilteredGrid__noResults blockquote:after, .secondLvlCss .notice-item .notice-item__title blockquote:after, .ISFilteredGrid .ISFilteredGrid__noResults .notice-item .notice-item__title blockquote:after, .notice-item .notice-item__title .video-controls-button__icon, .notice-item .notice-item__title .carousel-btn .icon-carousel, .carousel-btn .notice-item .notice-item__title .icon-carousel, .notice-item .notice-item__title .module-widget--faqs.v1 .accordion-container .accordion-icon, .module-widget--faqs.v1 .accordion-container .notice-item .notice-item__title .accordion-icon, .notice-item .notice-item__title .story-card .story-card__icon-link, .story-card .notice-item .notice-item__title .story-card__icon-link, .notice-item .notice-item__title .module-widget--events-list .event-list-item__time:after, .module-widget--events-list .notice-item .notice-item__title .event-list-item__time:after, .notice-item .notice-item__title .portal-card .portal-card__icon, .portal-card .notice-item .notice-item__title .portal-card__icon { position: absolute; right: 0; top: clamp(1rem, 0.3968253968vw + 0.8650793651rem, 1.5rem); } .notice-item .notice-item__content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1.5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .notice-item .notice-item__time { position: relative; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; } .module-widget--events-notices .notice-item__title { font-family: var(--secondary-font); font-size: clamp(2.4rem, 1.0317460317vw + 2.0492063492rem, 3.7rem); font-weight: 500; font-style: italic; color: var(--primary-color); } .module-widget--events-notices .notice-item__update { width: 100%; font-size: clamp(1.5rem, 0.3968253968vw + 1.3650793651rem, 2rem); font-weight: 300; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .module-widget--events-notices .notice-item__update:after { font-size: 1.3rem; position: relative; display: none; color: var(--primary-color); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; margin-left: 0.5rem; } .module-widget--events-notices.v1 .notice-item { background: #fff; -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1); } .module-widget--events-notices.v2 .notice-item { padding: 0 0 2rem; border-bottom: 1px solid rgba(28, 43, 60, 0.15); } .module-widget--events-notices.v2 .notice-item:last-child { padding: 0; border: none; } .module-widget--events-notices .notice-item .card-trigger-link ~ .notice-item__content .notice-item__update:after { display: inline-block; } html.no-touch .module-widget--events-notices .notice-item:hover .notice-item__update:after { -webkit-transform: translate3d(0.5rem, 0, 0); -moz-transform: translate3d(0.5rem, 0, 0); transform: translate3d(0.5rem, 0, 0); } /* STATS */ .stat-card { position: relative; text-align: left; min-height: 38.9rem; direction: ltr; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .stat-card .stat-card__inner { width: 100%; min-height: 100%; min-width: 100%; padding: 2rem; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stat-card .stat-card__head { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; width: 100%; display: block; } .stat-card .stat-card__subhead { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; width: 100%; display: block; } .stat-card .stat-card__description { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; width: 100%; display: block; } .stat-card .stat-card__inner { background: var(--fourth-color); -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .stat-card .stat-card__icon { color: inherit; font-size: clamp(1.1rem, 0.1587301587vw + 1.046031746rem, 1.3rem); margin-top: 0.5rem; line-height: inherit; display: none; text-align: center; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; color: var(--primary-color); } .stat-card.has-url .stat-card__icon { display: block; } .stat-card .stat-card__head { font-family: var(--secondary-font); overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; line-height: 1.25; color: var(--tertiary-color); font-weight: 400; margin-bottom: 0.5rem; text-align: center; font-size: -webkit-calc(clamp(4rem, 0.7936507937vw + 3.7301587302rem, 5rem) - var(--titleLength, 20) / 10 * 0.5rem); font-size: -moz-calc(clamp(4rem, 0.7936507937vw + 3.7301587302rem, 5rem) - var(--titleLength, 20) / 10 * 0.5rem); font-size: calc(clamp(4rem, 0.7936507937vw + 3.7301587302rem, 5rem) - var(--titleLength, 20) / 10 * 0.5rem); } .stat-card .stat-card__subhead { font-size: 2.8rem; line-height: 1.25; color: var(--primary-color); text-align: center; font-weight: 400; margin-bottom: 0.5rem; } .stat-card .stat-card__description { font-size: 2rem; font-weight: 300; line-height: 1.25; color: var(--primary-color); text-align: center; } .stat-card .stat-card__image { width: 15.3rem; height: 8.5rem; position: relative; margin-bottom: 1.5rem; } .stat-card .stat-card__image img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: contain; object-fit: contain; } html.no-touch .stat-card.has-url:hover .stat-card__inner { background: rgba(197, 95, 60, 0.4); } html.no-touch .stat-card.has-url:hover .stat-card__icon { -webkit-transform: translate3d(0.5rem, 0, 0); -moz-transform: translate3d(0.5rem, 0, 0); transform: translate3d(0.5rem, 0, 0); } .stat-card.grid-card--single-card { min-height: 0; } .stat-card.grid-card--single-card .stat-card__inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 4rem 2rem; gap: 2rem; } .stat-card.grid-card--single-card .stat-card__head { font-size: -webkit-calc(clamp(3rem, 3.9682539683vw + 1.6507936508rem, 8rem) - var(--titleLength, 20) / 10 * 0.5rem); font-size: -moz-calc(clamp(3rem, 3.9682539683vw + 1.6507936508rem, 8rem) - var(--titleLength, 20) / 10 * 0.5rem); font-size: calc(clamp(3rem, 3.9682539683vw + 1.6507936508rem, 8rem) - var(--titleLength, 20) / 10 * 0.5rem); } .stat-card.grid-card--single-card .stat-card__content { padding: 4rem 0; } .stat-card.grid-card--single-card .stat-card__subhead { text-align: left; } .stat-card.grid-card--single-card .stat-card__description { text-align: left; } .stat-card.grid-card--single-card .stat-card__icon { position: absolute; right: 2rem; bottom: 2rem; top: auto; } /* Content Templates */ .content-templates { position: relative; z-index: 1; } .content-templates + .content-templates { margin-top: -webkit-calc(var(--widget-general-gap) * -1); margin-top: -moz-calc(var(--widget-general-gap) * -1); margin-top: calc(var(--widget-general-gap) * -1); } .content-templates .iframe-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .content-templates .iframe-container iframe { width: 100% !important; height: 100% !important; } .content-templates__wrapper { display: -ms-grid; display: grid; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-columns: var(--main-cols); grid-template-columns: var(--main-cols); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; } @media (max-width: 767px) { .content-templates__wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--general-mobile-lr-gap); } } .content-templates__wrapper .contentTemplates-column { position: relative; z-index: 3; } @media (min-width: 768px) { .content-templates__wrapper .contentTemplates-left { -ms-grid-column: 3; -ms-grid-column-span: 4; grid-column: 3/7; } .content-templates__wrapper .contentTemplates-right { -ms-grid-column: 7; -ms-grid-column-span: 5; grid-column: 7/12; } } @media (min-width: 900px) { .content-templates__wrapper .contentTemplates-left { -ms-grid-column: 2; -ms-grid-column-span: 5; grid-column: 2/7; } .content-templates__wrapper .contentTemplates-right { -ms-grid-column: 7; -ms-grid-column-span: 5; grid-column: 7/12; } } .content-templates__column-text { margin: auto; } @media (max-width: 767px) { .content-templates__column-text { padding: 0 var(--general-mobile-lr-gap); } } @media (min-width: 768px) { .content-templates__column-text { max-width: clamp(32rem, 33.6134453782vw + 6.218487395rem, 60rem); } } .content-templates__bg { grid-column: 1/-1; } .content-templates__bg img { width: 100%; height: auto; position: relative; display: block; -o-object-fit: cover; object-fit: cover; } .content-templates__bg--shadow { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .content-templates__bg--shadow img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; z-index: 1; display: block; } @media (max-width: 767px) { .content-templates__bg--shadow { height: auto; position: relative; top: auto; left: auto; } .content-templates__bg--shadow img { height: auto; position: relative; } } .content-templates--equal-column { background: var(--primary-color); } .content-templates--equal-column .content-templates__wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .content-templates--equal-column .content-templates__wrapper { padding: clamp(5rem, 3.1746031746vw + 3.9206349206rem, 9rem) 0; } .content-templates--equal-column .content-templates__column-text .secondLvlCss h2, .content-templates--equal-column .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults h2, .ISFilteredGrid .content-templates--equal-column .content-templates__column-text .ISFilteredGrid__noResults h2, .content-templates--equal-column .content-templates__column-text .secondLvlCss h3, .content-templates--equal-column .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults h3, .ISFilteredGrid .content-templates--equal-column .content-templates__column-text .ISFilteredGrid__noResults h3, .content-templates--equal-column .content-templates__column-text .secondLvlCss h4, .content-templates--equal-column .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults h4, .ISFilteredGrid .content-templates--equal-column .content-templates__column-text .ISFilteredGrid__noResults h4, .content-templates--equal-column .content-templates__column-text .secondLvlCss h5, .content-templates--equal-column .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults h5, .ISFilteredGrid .content-templates--equal-column .content-templates__column-text .ISFilteredGrid__noResults h5, .content-templates--equal-column .content-templates__column-text .secondLvlCss h6, .content-templates--equal-column .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults h6, .ISFilteredGrid .content-templates--equal-column .content-templates__column-text .ISFilteredGrid__noResults h6, .content-templates--equal-column .content-templates__column-text .secondLvlCss ul, .content-templates--equal-column .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults ul, .ISFilteredGrid .content-templates--equal-column .content-templates__column-text .ISFilteredGrid__noResults ul, .content-templates--equal-column .content-templates__column-text .secondLvlCss ul li, .content-templates--equal-column .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults ul li, .ISFilteredGrid .content-templates--equal-column .content-templates__column-text .ISFilteredGrid__noResults ul li, .content-templates--equal-column .content-templates__column-text .secondLvlCss ol, .content-templates--equal-column .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults ol, .ISFilteredGrid .content-templates--equal-column .content-templates__column-text .ISFilteredGrid__noResults ol, .content-templates--equal-column .content-templates__column-text .secondLvlCss ol li, .content-templates--equal-column .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults ol li, .ISFilteredGrid .content-templates--equal-column .content-templates__column-text .ISFilteredGrid__noResults ol li, .content-templates--equal-column .content-templates__column-text .secondLvlCss p, .content-templates--equal-column .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults p, .ISFilteredGrid .content-templates--equal-column .content-templates__column-text .ISFilteredGrid__noResults p, .content-templates--equal-column .content-templates__column-text .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn), .content-templates--equal-column .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn), .ISFilteredGrid .content-templates--equal-column .content-templates__column-text .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn) { color: #fff; } .content-templates--equal-column .content-templates__column-text .secondLvlCss p:last-child, .content-templates--equal-column .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults p:last-child, .ISFilteredGrid .content-templates--equal-column .content-templates__column-text .ISFilteredGrid__noResults p:last-child { margin-bottom: 0; } .content-templates--full-width-image .content-templates__bg { max-height: 60rem; width: 100%; } @media (max-width: 767px) { .content-templates--text-centered .content-templates__wrapper, .content-templates--text-equal .content-templates__wrapper, .content-templates--text-left .content-templates__wrapper, .content-templates--text-right .content-templates__wrapper { padding-top: 0; padding-bottom: var(--general-mobile-lr-gap); } } @media (max-width: 767px) { .content-templates--text-centered::before, .content-templates--text-centered:after, .content-templates--text-equal::before, .content-templates--text-equal:after, .content-templates--text-left::before, .content-templates--text-left:after, .content-templates--text-right::before, .content-templates--text-right:after { display: none; } } @media (min-width: 768px) { .content-templates--text-centered .content-templates__column-text { max-width: 70rem; } } @media (min-width: 768px) { .content-templates--text-centered .contentTemplates-left { grid-column: 1/-1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .content-templates--text-centered h2, .content-templates--text-centered h3, .content-templates--text-centered h4, .content-templates--text-centered h5, .content-templates--text-centered h6 { text-align: center; } .content-templates--text-centered ul, .content-templates--text-centered ol { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -ms-grid-column-align: center; justify-self: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .contentTemplates-column--elem { position: relative; } .content-templates--has-elem { background: var(--fourth-color); } .content-templates--has-elem .content-templates__column-text { padding: clamp(5rem, 3.1746031746vw + 3.9206349206rem, 9rem) 0; } @media (max-width: 767px) { .content-templates--has-elem .content-templates__column-text { padding: 0 3rem 3rem; } } @media (min-width: 768px) { .content-templates--has-elem-left .contentTemplates-left { -ms-grid-column: 1; -ms-grid-column-span: 6; grid-column: 1/7; } .content-templates--has-elem-left .contentTemplates-right { -ms-grid-column: 7; -ms-grid-column-span: 5; grid-column: 7/12; padding-left: 3rem; } } @media (min-width: 1200px) { .content-templates--has-elem-left .contentTemplates-left { -ms-grid-column: 1; -ms-grid-column-span: 6; grid-column: 1/7; } .content-templates--has-elem-left .contentTemplates-right { -ms-grid-column: 8; -ms-grid-column-span: 4; grid-column: 8/12; } } @media (min-width: 768px) { .content-templates--has-elem-right .contentTemplates-left { padding-right: 3rem; -ms-grid-column: 2; -ms-grid-column-span: 5; grid-column: 2/7; } .content-templates--has-elem-right .contentTemplates-right { grid-column: 7/-1; } } @media (min-width: 1200px) { .content-templates--has-elem-right .contentTemplates-left { -ms-grid-column: 2; -ms-grid-column-span: 4; grid-column: 2/6; } .content-templates--has-elem-right .contentTemplates-right { grid-column: 7/-1; } } @media (max-width: 767px) { .content-templates--has-elem-right .content-templates__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (max-width: 767px) { .content-templates--has-carousel .contentTemplates-column { width: 100%; } } .content-templates--has-carousel .module-carousel__navigation { width: auto; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 0; gap: 1.2rem; } @media (max-width: 767px) { .content-templates--has-carousel .module-carousel__navigation { width: 100%; height: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; left: 0; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .content-templates--has-carousel .content-templates__wrapper { padding-top: var(--content-templates-padding); padding-bottom: var(--content-templates-padding); background: var(--widget-background); } .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .secondLvlCss h2, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults h2, .ISFilteredGrid .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid__noResults h2, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .secondLvlCss h3, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults h3, .ISFilteredGrid .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid__noResults h3, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .secondLvlCss h4, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults h4, .ISFilteredGrid .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid__noResults h4, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .secondLvlCss h5, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults h5, .ISFilteredGrid .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid__noResults h5, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .secondLvlCss h6, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults h6, .ISFilteredGrid .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid__noResults h6, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .secondLvlCss ul, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults ul, .ISFilteredGrid .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid__noResults ul, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .secondLvlCss ul li, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults ul li, .ISFilteredGrid .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid__noResults ul li, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .secondLvlCss ol, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults ol, .ISFilteredGrid .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid__noResults ol, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .secondLvlCss ol li, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults ol li, .ISFilteredGrid .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid__noResults ol li, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .secondLvlCss p, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults p, .ISFilteredGrid .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid__noResults p, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn), .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn), .ISFilteredGrid .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid__noResults a:not(.downloadBtn):not(.secondaryDownloadBtn):not(.thirdDownloadBtn):not(.widgetDownloadBtn) { color: #fff; } .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .secondLvlCss p:last-child, .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid .ISFilteredGrid__noResults p:last-child, .ISFilteredGrid .content-templates--has-carousel .content-templates__wrapper .content-templates__column-text .ISFilteredGrid__noResults p:last-child { margin-bottom: 0; } .content-templates--has-carousel + .content-templates--has-carousel .content-templates__wrapper { background: var(--widget-background-even); } .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel .content-templates__wrapper { background: var(--widget-background); } .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel .content-templates__wrapper { background: var(--widget-background-even); } .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel .content-templates__wrapper { background: var(--widget-background); } .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel .content-templates__wrapper { background: var(--widget-background-even); } .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel .content-templates__wrapper { background: var(--widget-background); } .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel .content-templates__wrapper { background: var(--widget-background-even); } .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel .content-templates__wrapper { background: var(--widget-background); } .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel .content-templates__wrapper { background: var(--widget-background-even); } .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel + .content-templates--has-carousel .content-templates__wrapper { background: var(--widget-background); } @media (min-width: 768px) { .content-templates--has-carousel-left .module-carousel__navigation { right: 0; left: auto; } } .content-templates--has-carousel-left .swiper-slide { direction: ltr; } @media (min-width: 768px) { .content-templates--has-carousel-left .contentTemplates-left { -ms-grid-column: 1; -ms-grid-column-span: 6; grid-column: 1/7; padding-right: 7vh; } .content-templates--has-carousel-left .contentTemplates-right { -ms-grid-column: 7; -ms-grid-column-span: 4; grid-column: 7/11; padding-left: 3rem; } } @media (min-width: 1200px) { .content-templates--has-carousel-left .contentTemplates-left { -ms-grid-column: 1; -ms-grid-column-span: 6; grid-column: 1/7; } .content-templates--has-carousel-left .contentTemplates-right { -ms-grid-column: 8; -ms-grid-column-span: 4; grid-column: 8/12; } } @media (max-width: 767px) { .content-templates--has-carousel-left .content-templates__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .content-templates--has-carousel-left .module-carousel { padding-left: var(--general-mobile-lr-gap); } } @media (min-width: 768px) { .content-templates--has-carousel-right .module-carousel__navigation { left: 0; right: auto; } .content-templates--has-carousel-right .contentTemplates-left { padding-right: 3rem; -ms-grid-column: 3; -ms-grid-column-span: 4; grid-column: 3/7; } .content-templates--has-carousel-right .contentTemplates-right { grid-column: 7/-1; padding-left: 7vh; } } @media (min-width: 1200px) { .content-templates--has-carousel-right .contentTemplates-left { -ms-grid-column: 2; -ms-grid-column-span: 4; grid-column: 2/6; } .content-templates--has-carousel-right .contentTemplates-right { grid-column: 7/-1; } } .content-templates--has-elem .contentTemplates-column--elem { height: 100%; min-height: clamp(38rem, 15.873015873vw + 32.6031746032rem, 58rem); } @media (max-width: 767px) { .content-templates--has-elem .contentTemplates-column { width: 100%; } } @media (max-width: 767px) { .contentTemplates-column--image { min-height: 0 !important; } } .contentTemplates-column--image img { width: 100%; height: auto; position: relative; -o-object-fit: cover; object-fit: cover; } @media (min-width: 768px) { .contentTemplates-column--image img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } } @media (max-width: 767px) { .contentTemplates-column--video-embeed { padding-top: 40%; } } @media (max-width: 767px) { .contentTemplates-column--images-fader { padding-top: 40%; } } .module-fader--images { width: 100%; height: 100%; position: absolute; top: 0; left: 0; position: absolute; bottom: 0; left: 0; z-index: 3; } .module-fader--images img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .module-fader--images .cp-dots { width: 100%; position: absolute; bottom: 3rem; left: 0; z-index: 3; } .module-fader--images:after { content: ""; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 43, 60, 0)), to(#1c2b3c)); background: -webkit-linear-gradient(top, rgba(28, 43, 60, 0) 0%, #1c2b3c 100%); background: -moz-linear-gradient(top, rgba(28, 43, 60, 0) 0%, #1c2b3c 100%); background: linear-gradient(to bottom, rgba(28, 43, 60, 0) 0%, #1c2b3c 100%); z-index: 2; } .module-fader--images.swiper-parent--disabled:after, .module-fader--images.swiper-parent--disabled .cp-dots { display: none; } .content-templates__bg--shadow:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(28, 43, 60, 0.89); opacity: 1; z-index: 3; } .content-templates__bg--shadow:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, left top, right top, from(#1c2b3c), to(rgba(28, 43, 60, 0))); background: -webkit-linear-gradient(left, #1c2b3c 0%, rgba(28, 43, 60, 0) 100%); background: -moz-linear-gradient(left, #1c2b3c 0%, rgba(28, 43, 60, 0) 100%); background: linear-gradient(90deg, #1c2b3c 0%, rgba(28, 43, 60, 0) 100%); opacity: 0.5; z-index: 2; } .content-templates__bg--shadow-right:before { display: none; } .content-templates__bg--shadow-right:after { opacity: 1; background: -webkit-gradient(linear, left top, right top, from(rgba(28, 43, 60, 0)), color-stop(78%, #1c2b3c), to(#1c2b3c)); background: -webkit-linear-gradient(left, rgba(28, 43, 60, 0) 0%, #1c2b3c 78%, #1c2b3c 100%); background: -moz-linear-gradient(left, rgba(28, 43, 60, 0) 0%, #1c2b3c 78%, #1c2b3c 100%); background: linear-gradient(to right, rgba(28, 43, 60, 0) 0%, #1c2b3c 78%, #1c2b3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .content-templates__bg--shadow-left:before { display: none; } .content-templates__bg--shadow-left:after { opacity: 0.85; background: -webkit-gradient(linear, left top, right top, from(#1c2b3c), color-stop(22%, #1c2b3c), to(rgba(28, 43, 60, 0))); background: -webkit-linear-gradient(left, #1c2b3c 0%, #1c2b3c 22%, rgba(28, 43, 60, 0) 100%); background: -moz-linear-gradient(left, #1c2b3c 0%, #1c2b3c 22%, rgba(28, 43, 60, 0) 100%); background: linear-gradient(to right, #1c2b3c 0%, #1c2b3c 22%, rgba(28, 43, 60, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } @media (max-width: 767px) { .content-templates__bg--shadow:before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 43, 60, 0)), color-stop(99%, #1c2b3c), to(#1c2b3c)); background: -webkit-linear-gradient(top, rgba(28, 43, 60, 0) 0%, #1c2b3c 99%, #1c2b3c 100%); background: -moz-linear-gradient(top, rgba(28, 43, 60, 0) 0%, #1c2b3c 99%, #1c2b3c 100%); background: linear-gradient(to bottom, rgba(28, 43, 60, 0) 0%, #1c2b3c 99%, #1c2b3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ opacity: 1; display: block; } .content-templates__bg--shadow:after { display: none; } } /* Videos */ .video-card { position: relative; } .video-card:before { content: ""; width: 50vw; height: 50vh; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-card .video-card__inner { position: relative; cursor: pointer; } html.no-touch .video-card .video-card__inner:hover .inline-video-element { opacity: 1; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .video-card .video-card__video, .video-card .video-card__image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .video-card .video-card__image { -o-object-fit: cover; object-fit: cover; } .video-card .video-card__video { overflow: hidden; } .video-card .inline-video-element { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; -o-object-fit: cover; object-fit: cover; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .video-card .inline-video-element.show { opacity: 1; } .video-card__video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: contain; object-fit: contain; } .video-card__title { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } .video-card .video-card__content { z-index: 3; position: absolute; bottom: 0; left: 0; } .video-card .video-card__element.no-video:before { display: none; } .module-widget--videos-portrait .video-card .video-card__element { position: relative; padding-top: 139%; } .module-widget--videos-full-width .video-card .video-card__element { position: relative; height: 90vh; } .module-widget--videos-full-width .video-card .video-card__content { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; text-align: center; gap: 1.5rem; } .module-widget--videos-full-width .video-card .video-card__content .video-card__title { width: 100%; text-align: center; padding: 0 2rem; } .module-widget--videos-small-width .video-card .video-card__element { position: relative; padding-top: 65%; } @media (max-width: 767px) { .module-widget--videos-small-width .video-card .video-card__element { min-height: 30rem; } } .module-widget--videos-small-width .video-card .video-card__content { width: 100%; height: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: center; gap: 2rem; } .module-widget--videos-small-width .video-card .video-card__content .video-card__title { padding: 0; text-align: left; } @media (max-width: 767px) { .module-widget--videos-small-width .video-card .video-card__content { width: 100%; height: 100%; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .module-widget--videos-small-width .video-card .video-card__content .video-controls-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .module-widget--videos-landscape .video-card .video-card__element { position: relative; padding-top: 85%; } .video-card .video-card__element { background: var(--primary-color); } .video-card .video-card__element:before { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: 3; background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 43, 60, 0)), to(#1c2b3c)); background: -webkit-linear-gradient(top, rgba(28, 43, 60, 0) 0%, #1c2b3c 100%); background: -moz-linear-gradient(top, rgba(28, 43, 60, 0) 0%, #1c2b3c 100%); background: linear-gradient(to bottom, rgba(28, 43, 60, 0) 0%, #1c2b3c 100%); } .video-card .video-card__content { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: clamp(2rem, 0.7936507937vw + 1.7301587302rem, 3rem); gap: 0.5rem; } .video-card .video-card__additional { font-size: clamp(1.6rem, 0.3174603175vw + 1.4920634921rem, 2rem); color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .video-card .duration-icon { color: #fff; font-size: 1.4rem; margin-right: 1rem; } .video-card .video-card__title { font-family: var(--secondary-font); font-size: clamp(2.4rem, 1.0317460317vw + 2.0492063492rem, 3.7rem); line-height: 1.05; font-weight: 500; font-style: italic; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; max-height: clamp(11.136rem, 4.7873015873vw + 9.5083174603rem, 17.168rem); } .module-widget--videos-landscape .video-card .video-controls-button, .module-widget--videos-portraint .video-card .video-controls-button { z-index: 4; position: absolute; right: 3rem; bottom: 3rem; } @media (max-width: 767px) { .module-widget--videos-landscape .video-card .video-controls-button, .module-widget--videos-portraint .video-card .video-controls-button { position: absolute; top: 50%; left: 50%; right: auto; bottom: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .module-widget--videos-portrait .module-widget--videos-landscape .video-card .video-controls-button, .module-widget--videos-portrait .module-widget--videos-portraint .video-card .video-controls-button { display: none; } .video-card .video-card__inner .icon-container { -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; } html.no-touch .video-card .video-card__inner:hover .video-controls-button .icon-container { background: rgb(74.6208791209, 176.8791208791, 174.1153846154); } .module-widget--videos-landscape .video-card .video-card__content { padding-right: 10rem; } @media (max-width: 767px) { .module-widget--videos-landscape .video-card .video-card__content { position: relative; padding: 0.8rem 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .module-widget--videos-landscape .video-card .video-card__title, .module-widget--videos-landscape .video-card .video-card__additional { color: var(--primary-color); } } /* Tickertape */ .tickertape { width: 100%; position: relative; left: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .tickertape .tickertape__wrapper { min-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 2.6rem; overflow: hidden; white-space: nowrap; position: relative; gap: clamp(3rem, 2.380952381vw + 2.1904761905rem, 6rem); visibility: hidden; top: 0; } .tickertape .tickertape__wrapper.visible { min-width: 100%; height: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: stretch; -webkit-justify-content: stretch; -moz-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; margin-right: 2.6rem; overflow: hidden; white-space: nowrap; position: absolute; left: 0; top: 3rem; visibility: visible; } .tickertape .tickertape__wrapper.clone { left: clamp(3rem, 2.380952381vw + 2.1904761905rem, 6rem); } .tickertape .tickertape__wrapper img { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .tickertape .tickertape__item { min-width: 27rem; width: 27rem; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .tickertape .tickertape__item .item__image { margin-bottom: clamp(1.2rem, 0.4761904762vw + 1.0380952381rem, 1.8rem); } .tickertape .tickertape__item .item__description { margin-top: 1.5rem; } .tickertape .item__image { width: 100%; padding-top: 100%; position: relative; } .tickertape .item__image img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .tickertape .item__text { max-width: 100%; display: block; position: relative; } .tickertape .item__title { white-space: normal; } .tickertape .item__description { white-space: normal; } .tickertape .item__title { font-size: 2.5rem; line-height: 1.2; } .tickertape .item__description { font-size: 2rem; font-weight: 300; } .module-widget--with-bg .tickertape .item__title { color: #fff; } .module-widget--with-bg .tickertape .item__description { color: #fff; } /* Filtered grid for cards and profiles */ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #DDD; -moz-border-radius: 0px; border-radius: 0px; background: #F8F8F8; position: relative; overflow: hidden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 10px; font-size: 12px; line-height: 38px; color: #444; height: 38px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; line-height: 38px; background-color: #F8f8f8; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none; } .selectric-focus .selectric { border-color: #aaaaaa; } .selectric-hover .selectric { border-color: rgb(195.5, 195.5, 195.5); } .selectric-hover .selectric .button { color: rgb(161.5, 161.5, 161.5); } .selectric-hover .selectric .button:after { border-top-color: rgb(161.5, 161.5, 161.5); } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: rgb(195.5, 195.5, 195.5); } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F8F8F8; border: 1px solid rgb(195.5, 195.5, 195.5); z-index: -1; -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; } .selectric-items li.selected { background: #E0E0E0; color: #444; } .selectric-items li.highlighted { background: #D0D0D0; color: #444; } .selectric-items li:hover { background: #D5D5D5; color: #444; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } .ISFilteredGrid .ISFilteredGrid__topRowFilters { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 1rem; } .ISFilteredGrid .ISFilteredGrid__mainFilters { padding: 1.5rem 2rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; background: var(--primary-color); -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-border-radius: 45px; border-radius: 45px; -webkit-column-gap: 1.3rem; -moz-column-gap: 1.3rem; column-gap: 1.3rem; row-gap: 1rem; } .ISFilteredGrid .ISFilteredGrid__searchWrapper { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .ISFilteredGrid .ISFilteredGrid__mobileOnlyButtons { display: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 18px; } .ISFilteredGrid .ISFilteredGrid__label { color: var(--primary-color); font-family: var(--primary-font); font-size: clamp(1.5rem, 0.4761904762vw + 1.3380952381rem, 2.1rem); } .ISFilteredGrid .ISFilteredGrid__desktopClear, .ISFilteredGrid .ISFilteredGrid__mobileClear { background: none; border: 0; cursor: pointer; } .ISFilteredGrid .ISFilteredGrid__desktopClear i, .ISFilteredGrid .ISFilteredGrid__mobileClear i { display: inline-block; vertical-align: middle; font-size: clamp(1.8rem, 0.5555555556vw + 1.6111111111rem, 2.5rem); color: var(--primary-color); position: relative; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .ISFilteredGrid .ISFilteredGrid__desktopClear span, .ISFilteredGrid .ISFilteredGrid__mobileClear span { color: var(--primary-color); font-size: clamp(1.5rem, 0.4761904762vw + 1.3380952381rem, 2.1rem); display: inline-block; vertical-align: middle; padding-right: 10px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } html.no-touch .ISFilteredGrid .ISFilteredGrid__desktopClear:hover span, html.no-touch .ISFilteredGrid .ISFilteredGrid__desktopClear:hover i, html.no-touch .ISFilteredGrid .ISFilteredGrid__mobileClear:hover span, html.no-touch .ISFilteredGrid .ISFilteredGrid__mobileClear:hover i { color: var(--secondary-color); } .ISFilteredGrid .ISFilteredGrid__mobileClear { display: none; -webkit-box-flex: 1; -webkit-flex: 1 1 -webkit-calc(50% - 0.65rem); -moz-box-flex: 1; -ms-flex: 1 1 calc(50% - 0.65rem); flex: 1 1 calc(50% - 0.65rem); } .ISFilteredGrid .ISFilteredGrid__mobileClear span { color: #fff; line-height: clamp(4.2rem, 0.6349206349vw + 3.9841269841rem, 5rem); } .ISFilteredGrid .ISFilteredGrid__mobileClear i { color: #fff; } .ISFilteredGrid .ISFilteredGrid__filterName, .ISFilteredGrid .selectric .label { font-size: clamp(1.6rem, 0.3968253968vw + 1.4650793651rem, 2.1rem); font-family: var(--primary-font); font-weight: 400; color: var(--primary-color); vertical-align: middle; padding: 0 clamp(4rem, 1.5873015873vw + 3.4603174603rem, 6rem) 0 clamp(2rem, 0.6349206349vw + 1.7841269841rem, 2.8rem); line-height: clamp(4.2rem, 0.6349206349vw + 3.9841269841rem, 5rem); height: auto; margin: 0; } .ISFilteredGrid .ISFilteredGrid__filterIcon { -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out; font-size: 0.7rem; position: absolute; top: 50%; right: clamp(2rem, 0.3968253968vw + 1.8650793651rem, 2.5rem); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ISFilteredGrid .ISFilteredGrid__filterBy { background: none; border: 0; cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ISFilteredGrid .ISFilteredGrid__filterBy .selectric, .ISFilteredGrid .ISFilteredGrid__filterBy.isButtonSort { background: var(--secondary-color); -moz-border-radius: 5rem; border-radius: 5rem; } .ISFilteredGrid .ISFilteredGrid__filterBy select { display: none; } .ISFilteredGrid .ISFilteredGrid__filterBy.js-GraduationDecade { min-width: 100px; } .ISFilteredGrid .ISFilteredGrid__filterBy.isButtonSort { width: auto; -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; max-width: unset; position: relative; } .ISFilteredGrid .ISFilteredGrid__filterBy.isButtonSort em { vertical-align: middle; } .ISFilteredGrid .ISFilteredGrid__filterBy.isButtonSort .ISFilteredGrid__filterName, .ISFilteredGrid .ISFilteredGrid__filterBy.isButtonSort .ISFilteredGrid__filterIcon { opacity: 0.5; } .ISFilteredGrid .ISFilteredGrid__filterBy.isButtonSort.descendingOrder .ISFilteredGrid__filterIcon { -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .ISFilteredGrid .ISFilteredGrid__filterBy.isButtonSort.filterActive .ISFilteredGrid__filterName, .ISFilteredGrid .ISFilteredGrid__filterBy.isButtonSort.filterActive .ISFilteredGrid__filterIcon { opacity: 1; } .ISFilteredGrid .ISFilteredGrid__tagWrapper, .ISFilteredGrid .ISGridSearch__searchTerms { margin: 1rem 2rem 0 2rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .ISFilteredGrid .ISFilteredGrid__tagWrapper:not(:has(li)), .ISFilteredGrid .ISGridSearch__searchTerms:not(:has(li)) { display: none; } .ISFilteredGrid .ISFilteredGrid__tag { background: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: auto; } .ISFilteredGrid .ISFilteredGrid__tag:not(:last-of-type) { margin-bottom: 5px; } .ISFilteredGrid .ISFilteredGrid__tag span { font-family: var(--primary-font); font-size: 1.5rem; color: var(--primary-color); padding: 0 5px 0 12px; vertical-align: middle; cursor: initial; } .ISFilteredGrid .ISFilteredGrid__tag button { width: 23px; height: 25px; display: inline-block; vertical-align: middle; position: relative; color: var(--primary-color); background: none; border: 0; cursor: pointer; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .ISFilteredGrid .ISFilteredGrid__tag button:after, .ISFilteredGrid .ISFilteredGrid__tag button:before { content: ""; position: absolute; left: 50%; top: 50%; width: 9px; height: 1px; margin-left: -5px; margin-top: -1px; background: currentColor; } .ISFilteredGrid .ISFilteredGrid__tag button:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .ISFilteredGrid .ISFilteredGrid__tag button:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } html.no-touch .ISFilteredGrid .ISFilteredGrid__tag button:hover { color: var(--secondary-color); } .ISFilteredGrid .selectric { background: none; border: 0; } .selectric-open .ISFilteredGrid .selectric { border: none; } .ISFilteredGrid .selectric-items { border: none; z-index: 1; max-width: 100%; } .ISFilteredGrid .selectric-items li { font-size: clamp(1.5rem, 0.3174603175vw + 1.3920634921rem, 1.9rem); min-height: 42px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-transform: capitalize; color: var(--primary-color); font-family: var(--primary-font); padding: 8px 15px; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; } .ISFilteredGrid .selectric-items li.isDisabled, .ISFilteredGrid .selectric-items li.disabled { display: none; } .ISFilteredGrid .selectric-items .selectric-scroll::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .ISFilteredGrid .selectric-items .selectric-scroll::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } .ISFilteredGrid .ISFilteredGrid__content { padding-top: clamp(2rem, 0.7936507937vw + 1.7301587302rem, 3rem); gap: clamp(2rem, 0.7936507937vw + 1.7301587302rem, 3rem); font-size: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } @media (max-width: 1920px) { .ISFilteredGrid .ISFilteredGrid__content { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 1023px) { .ISFilteredGrid .ISFilteredGrid__content { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media (max-width: 600px) { .ISFilteredGrid .ISFilteredGrid__content { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .ISFilteredGrid .ISFilteredGrid__noResults { text-align: center; max-width: 520px; padding: 0 20px 50px 20px; margin: 0 auto; } .ISFilteredGrid ul { margin: 0; padding-left: 0; } .ISFilteredGrid ul li { line-height: normal; margin-bottom: 0; padding-left: 0; } .ISFilteredGrid ul li:before { display: none; } .ISFilteredGrid .ISFilteredGrid__pagination { font-size: 0; margin-top: 20px; text-align: right; display: none; } .ISFilteredGrid .ISFilteredGrid__pagination.isVisible { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .ISFilteredGrid .ISFilteredGrid__prevPage, .ISFilteredGrid .ISFilteredGrid__nextPage { width: 33px; height: 33px; display: inline-block; vertical-align: middle; position: relative; background: none; cursor: pointer; border: none; font-size: 2rem; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .ISFilteredGrid .ISFilteredGrid__prevPage.isDisabled, .ISFilteredGrid .ISFilteredGrid__nextPage.isDisabled { pointer-events: none; opacity: 0.4; } .ISFilteredGrid .ISFilteredGrid__prevPage { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ISFilteredGrid .ISFilteredGrid__nextPage { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ISFilteredGrid .ISFilteredGrid__pages { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 0 clamp(2.5rem, 1.5873015873vw + 1.9603174603rem, 4.5rem); } .ISFilteredGrid .ISFilteredGrid__pages fieldset { display: inline-block; vertical-align: middle; position: relative; margin: 0 6px; } .ISFilteredGrid .ISFilteredGrid__pages span { font-size: 2rem; font-family: var(--primary-font); font-weight: 500; color: var(--primary-color); vertical-align: middle; } .ISFilteredGrid .ISFilteredGrid__pages span:first-of-type { font-weight: 300; } .ISFilteredGrid .ISFilteredGrid__pages span em { font-style: normal; } .ISFilteredGrid .ISFilteredGrid__pages input { width: 3rem; height: 3rem; font-size: 2rem; -webkit-appearance: none; background: none; text-align: center; line-height: 3rem; font-family: var(--primary-font); color: var(--primary-color); -moz-border-radius: 50%; border-radius: 50%; background: var(--secondary-color); border: 0; } .ISFilteredGrid .ISFilteredGrid__pages input::-ms-clear { display: none; } .ISFilteredGrid .ISFilteredGrid__pages input::-webkit-input-placeholder { font-family: var(--primary-font); color: var(--primary-color); font-size: 16px; } .ISFilteredGrid .ISFilteredGrid__pages input::-webkit-outer-spin-button, .ISFilteredGrid .ISFilteredGrid__pages input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .ISFilteredGrid .ISFilteredGrid__pages input[type=number] { -moz-appearance: textfield; /* Firefox */ } .ISFilteredGrid .ISFilteredGrid__pages input.warning { border: 1px solid palevioletred; } .ISFilteredGrid .ISFilteredGrid__paginationErrorMessage { font-size: 14px; font-family: var(--primary-font); font-weight: 500; color: #fff; vertical-align: middle; background: var(--primary-color); position: absolute; left: 50%; top: -45px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 250px; text-align: center; display: inline-block; padding: 4px; opacity: 0; pointer-events: none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .ISFilteredGrid .ISFilteredGrid__paginationErrorMessage.isVisible { opacity: 1; } .ISFilteredGrid .ISFilteredGrid__paginationErrorMessage:after { content: ""; border-top: 5px solid var(--primary-color); border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 50%; top: 100%; margin: 0 0 0 -5px; } .ISFilteredGrid.noDecade .js-GraduationDecade { pointer-events: none; opacity: 0; } .ISFilteredGrid.noResults .ISFilteredGrid__content { display: block; } @media (max-width: 767px) { .ISFilteredGrid .ISFilteredGrid__pagination.isBeforeContent, .ISFilteredGrid .ISFilteredGrid__topRowFilters { display: none; } .ISFilteredGrid .ISFilteredGrid__mobileClear { display: block; } .ISFilteredGrid .ISFilteredGrid__searchWrapper { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .ISFilteredGrid .ISFilteredGrid__mainFilters { -moz-border-radius: 20px; border-radius: 20px; } .ISFilteredGrid .ISFilteredGrid__filterBy:not(.isButtonSort) { max-width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -moz-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: block; } .ISFilteredGrid .ISFilteredGrid__filterBy select { display: block; } .ISFilteredGrid .ISFilteredGrid__filterBy .selectric-wrapper .selectric { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ISFilteredGrid .ISFilteredGrid__filterBy.isButtonSort { max-width: -webkit-calc(50% - 0.65rem); max-width: -moz-calc(50% - 0.65rem); max-width: calc(50% - 0.65rem); -webkit-box-flex: 1; -webkit-flex: 1 1 -webkit-calc(50% - 0.65rem); -moz-box-flex: 1; -ms-flex: 1 1 calc(50% - 0.65rem); flex: 1 1 calc(50% - 0.65rem); } } .ISGridSearch { max-width: clamp(20rem, 7.9365079365vw + 17.3015873016rem, 30rem); margin-right: clamp(2rem, 3.1746031746vw + 0.9206349206rem, 6rem); } .ISGridSearch fieldset { position: relative; height: 5rem; background: rgba(255, 255, 255, 0.3); -moz-border-radius: 60px; border-radius: 60px; } .ISGridSearch input { width: 100%; height: 100%; border: 0; font-size: 2.1rem; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; background: none; padding: 0 4.5rem; font-family: var(--primary-font); color: #fff; } .ISGridSearch input::-ms-clear { display: none; } .ISGridSearch input::-webkit-input-placeholder { font-family: var(--primary-font); color: #fff; font-size: 2.1rem; } .ISGridSearch .ISGridSearch__reset { display: none; position: absolute; z-index: 2; width: 33px; height: 100%; border: none; top: 0; right: 0; background: none; border: 0; cursor: pointer; text-indent: -9999px; } .ISGridSearch .ISGridSearch__reset:after, .ISGridSearch .ISGridSearch__reset:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 9px; height: 1px; background: var(--primary-color); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .ISGridSearch .ISGridSearch__reset:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ISGridSearch .ISGridSearch__reset:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .ISGridSearch .ISGridSearch__reset.isVisible { display: block; } html.no-touch .ISGridSearch .ISGridSearch__reset:hover:after, html.no-touch .ISGridSearch .ISGridSearch__reset:hover:before { background: #fff; } .ISGridSearch .ISGridSearch__submit { position: absolute; left: 0; top: 0; bottom: 0; width: 4.5rem; background: transparent; padding: 0; border: 0; -moz-border-radius: 0; border-radius: 0; cursor: pointer; font-size: clamp(1.5rem, 0.3174603175vw + 1.3920634921rem, 1.9rem); color: var(--secondary-color); } .ISGridSearch .ISGridSearch__errorMessage { color: red; padding: 2px 3px; position: absolute; top: -2.1px; left: 50%; font-size: 1.2rem; z-index: 2; border: 1px solid red; font-family: var(--primary-font); opacity: 0; pointer-events: none; white-space: pre; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .ISGridSearch .ISGridSearch__errorMessage.isVisible { opacity: 1; } .ISGridSearch .ISGridSearch__loader { height: 1.8rem; width: 1.8rem; -webkit-animation: rotateAnimation 1.2s infinite linear; -moz-animation: rotateAnimation 1.2s infinite linear; animation: rotateAnimation 1.2s infinite linear; border: 0.2rem solid #fff; border-right-color: transparent; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; right: 3rem; margin: -0.9rem 0 0 0; pointer-events: none; z-index: 3; opacity: 0; -webkit-transition: 0.1s ease; -moz-transition: 0.1s ease; transition: 0.1s ease; } .ISGridSearch .ISGridSearch__loader.isVisible { opacity: 1; } @-webkit-keyframes rotateAnimation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes rotateAnimation { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotateAnimation { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } .ISGridSearch .ISGridSearch__suggestions { position: absolute; top: 100%; left: 0; right: 0; z-index: 3; max-height: 459px; overflow-y: auto; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); } .ISGridSearch .ISGridSearch__suggestions::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .ISGridSearch .ISGridSearch__suggestions::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } .ISGridSearch .ISGridSearch__suggestions li { line-height: 5rem; padding: 0 2rem; cursor: pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; background: #fff; color: var(--primary-color); font-family: var(--primary-font); font-size: 1.6rem; border-top: 1px solid #f0f0f0; font-weight: 400; } html.no-touch .ISGridSearch .ISGridSearch__suggestions li:hover { background: rgb(229.5, 229.5, 229.5); } @media (max-width: 767px) { .ISGridSearch { max-width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; } } .menu-levels { font-family: var(--primary-font); width: 100%; display: block; position: relative; } .menu-levels .ml-list { width: 100%; display: block; } .menu-levels .dropdown-js { display: none; } .menu-levels .open-level-js { background: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; display: block; } .menu-levels .open-level { width: 30px; height: 30px; position: absolute; right: -5px; top: -1px; z-index: 3; cursor: pointer; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; } .menu-levels .open-level i { width: 10px; height: 10px; display: block; position: absolute; top: 50%; margin-top: -5px; left: 50%; margin-left: -5px; } .menu-levels .open-level i:before, .menu-levels .open-level i:after { content: ""; display: block; position: absolute; background: #2f3f55; -webkit-transition: opacity 0.3s ease, background-color 0.3s ease; -moz-transition: opacity 0.3s ease, background-color 0.3s ease; transition: opacity 0.3s ease, background-color 0.3s ease; } .menu-levels .open-level i:before { width: 100%; height: 2px; top: 50%; margin-top: -1px; left: 0; } .menu-levels .open-level i:after { content: ""; width: 2px; height: 100%; display: block; position: absolute; left: 50%; margin-left: -1px; } html.no-touch .menu-levels .open-level:hover i:before, html.no-touch .menu-levels .open-level:hover i:after { background: #ffcc00; } .menu-levels .item { position: relative; margin-bottom: 10px; } .menu-levels .item:last-child { margin: 0; } html.no-touch .menu-levels .item.has-open-child .link-container:hover .link { color: #ffcc00 !important; } html.no-touch .menu-levels .item.has-open-child .link-container:hover .open-level-icon:before, html.no-touch .menu-levels .item.has-open-child .link-container:hover .open-level-icon:after { background: #ffcc00 !important; } .menu-levels .link-container { width: 100%; display: block; position: relative; padding-right: 20px; } .menu-levels .link { font-size: 18px; font-weight: 400; display: block; line-height: 26px; position: relative; color: #2f3f55; -webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease; transition: color 0.3s ease, -webkit-transform 0.3s ease; -moz-transition: color 0.3s ease, transform 0.3s ease, -moz-transform 0.3s ease; transition: color 0.3s ease, transform 0.3s ease; transition: color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; } .menu-levels .link.current { font-weight: 700; color: #2f3f55; } html.no-touch .menu-levels .link:hover { color: #ffcc00 !important; } .menu-levels .dropdown { width: 100%; margin-top: 10px; padding-left: 15px; position: relative; } .menu-levels .item.active i:after { opacity: 0; } .cp-fixed-menu { max-height: -webkit-calc(100% - 200px); max-height: -moz-calc(100% - 200px); max-height: calc(100% - 200px); width: 320px; height: 75px; position: fixed; left: 0; bottom: 0; background: #eff2f7; overflow: hidden; -webkit-transition: height 0.5s ease, overflow 0.5s ease 0.4s, opacity 0.5s ease; -moz-transition: height 0.5s ease, overflow 0.5s ease 0.4s, opacity 0.5s ease; transition: height 0.5s ease, overflow 0.5s ease 0.4s, opacity 0.5s ease; opacity: 0; display: block; pointer-events: all; z-index: 28; -webkit-box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.18); box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.18); -moz-border-radius: 0 30px 0 0; border-radius: 0 30px 0 0; } .sidebar-layout .cp-fixed-menu { z-index: -99999; } .cp-fixed-menu .fm-current-page { font-family: var(--primary-font); width: 100%; font-size: 20px; line-height: 24px; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background: #98aacf; color: #fff; min-height: 80px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 30px; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; border-left: none; } .cp-fixed-menu .fm-current-page .txt { width: 100%; display: block; display: block; position: relative; } .cp-fixed-menu .fm-current-page .txt .arrow { content: ""; width: 8px; height: 8px; display: block; position: absolute; right: 0; top: 50%; margin-top: -4px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; } .cp-fixed-menu .fm-current-page .txt .arrow:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: border 0.3s ease; -moz-transition: border 0.3s ease; transition: border 0.3s ease; } .cp-fixed-menu .menu-levels { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.4s ease, visibility 0.4s ease; -moz-transition: opacity 0.4s ease, visibility 0.4s ease; transition: opacity 0.4s ease, visibility 0.4s ease; } html.no-touch .cp-fixed-menu:hover, .cp-fixed-menu.opened { height: 100% !important; -webkit-transition: width 0.5s ease, height 0.5s ease, overflow 0.5s ease 0s, overflow 0.5s ease; -moz-transition: width 0.5s ease, height 0.5s ease, overflow 0.5s ease 0s, overflow 0.5s ease; transition: width 0.5s ease, height 0.5s ease, overflow 0.5s ease 0s, overflow 0.5s ease; overflow-y: auto; -webkit-overflow-scrolling: touch; } html.no-touch .cp-fixed-menu:hover .menu-levels, .cp-fixed-menu.opened .menu-levels { opacity: 1; visibility: visible; } html.no-touch .cp-fixed-menu:hover .fm-current-page, .cp-fixed-menu.opened .fm-current-page { background: #ffcc00; color: #2f3f55; } html.no-touch .cp-fixed-menu:hover .fm-current-page .txt .arrow:before, .cp-fixed-menu.opened .fm-current-page .txt .arrow:before { border-color: #2f3f55; } html.no-touch .cp-fixed-menu:hover .fm-current-page .txt .arrow, .cp-fixed-menu.opened .fm-current-page .txt .arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .cp-fixed-menu .fm-wrapper { padding: 20px; } @media screen and (max-width: 767px) { .cp-fixed-menu { opacity: 0; z-index: -3333; pointer-events: none; visibility: hidden; } } .sidebar-box { width: 100%; display: block; border-bottom: 1px solid rgba(152, 170, 207, 0.3); margin-bottom: 30px; padding-bottom: 30px; } .sidebar-box:last-child { margin: 0; padding: 0; } .sidebar-title { margin-bottom: 25px; z-index: 2; position: relative; } .js-donations-popup { overflow: hidden; } .donations-calculator { position: relative; margin: 50px 0; padding: 50px 0; z-index: 1; } .donations-calculator::before { content: ""; position: absolute; top: 0; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100vw; height: 100%; background-color: #f1f2f3; z-index: -1; } .donations-calculator .progress { --progress: 1%; margin: 120px 0 50px; position: relative; width: 92%; } .donations-calculator .progress__value { position: absolute; top: -90px; left: 0; width: 22%; text-align: center; } @media only screen and (max-width: 768px) { .donations-calculator .progress__value { width: auto; } } .donations-calculator .progress__value .label { color: #757575; font-size: 16px; margin-bottom: 5px; } .donations-calculator .progress__value .value { color: var(--secondary-color); font-size: 30px; } .donations-calculator .progress__value.total-raised { left: var(--progress); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 768px) { .donations-calculator .progress__value.total-raised { left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } .donations-calculator .progress__value.campaign-target { left: auto; right: -10%; } @media only screen and (max-width: 768px) { .donations-calculator .progress__value.campaign-target { top: auto; right: 0; bottom: -90px; text-align: right; } } .donations-calculator .progress__bar { background-image: -webkit-gradient(linear, left top, right top, from(#b3995d), color-stop(0, #fff)); background-image: -webkit-linear-gradient(left, #b3995d var(--progress), #fff 0); background-image: -moz-linear-gradient(left, #b3995d var(--progress), #fff 0); background-image: linear-gradient(90deg, #b3995d var(--progress), #fff 0); -moz-border-radius: 25px; border-radius: 25px; border: 1px solid #b3995d; height: 50px; position: relative; } .donations-calculator .progress__bar::before { content: ""; position: absolute; right: -1px; bottom: 50%; width: 1px; height: 40px; background-color: #b3995d; } @media only screen and (max-width: 768px) { .donations-calculator .progress__bar::before { top: 50%; bottom: auto; } } .donations-calculator .progress__bar .bars { position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .donations-calculator .progress__bar .bar { border-right: 1px solid var(--bar-color); display: block; width: -webkit-calc(100% / var(--increments)); width: -moz-calc(100% / var(--increments)); width: calc(100% / var(--increments)); height: 25px; } @media only screen and (min-width: 769px) { .donations-calculator .progress.js-progress-bottom .progress__value.campaign-target { top: auto; bottom: -90px; } .donations-calculator .progress.js-progress-bottom .progress__bar::before { top: 50%; bottom: auto; } .donations-calculator .progress.js-progress-bottom + .text-center { text-align: left; } } @media only screen and (min-width: 769px) { .donations-calculator .text-center { text-align: center; } } .donations-calculator .downloadBtn { background-color: var(--primary-color); -moz-border-radius: 70px; border-radius: 70px; border: 0; color: #fff !important; cursor: pointer; font-size: 22px; padding: 16px 37px 10px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .donations-calculator .downloadBtn::before { content: normal; } .donations-calculator .downloadBtn span { display: block; min-height: 0; } .donations-calculator .downloadBtn .g-icons { display: none; } html.no-touch .donations-calculator .downloadBtn:hover { background-color: var(--secondary-color); } .donationsPopup { --loader: url('data:image/svg+xml,%0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" stroke="%2300615f" fill="none" xmlns:v="https://vecta.io/nano"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".5" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/svg%3E%0A'); --arrow: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12.127" height="6.934"%3E%3Cpath d="M6.065 4.844l4.586-4.59c.162-.163.382-.255.612-.255s.45.092.612.255c.336.34.336.888 0 1.228l-5.2 5.2c-.328.33-.858.341-1.2.025L.252 1.486A.87.87 0 0 1 .637.032a.87.87 0 0 1 .839.222z" fill="%2398AACF"/%3E%3C/svg%3E%0A'); --close: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="22.862" height="22.862" fill="none" stroke="%23fff"%3E%3Cpath d="M.353 22.508L22.508.353"/%3E%3Cpath d="M.353.353l22.155 22.155"/%3E%3C/svg%3E%0A'); --closeActive: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="22.862" height="22.862" fill="none" stroke="%23172742"%3E%3Cpath d="M.353 22.508L22.508.353"/%3E%3Cpath d="M.353.353l22.155 22.155"/%3E%3C/svg%3E%0A'); --edit: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16.034" height="16.033" fill="%23fff"%3E%3Cpath d="M12.8 7.766c-.172 0-.336.068-.457.19s-.19.286-.19.457v5.178a.65.65 0 0 1-.647.647H2.442a.65.65 0 0 1-.647-.647V4.53a.65.65 0 0 1 .647-.647H7.62a.65.65 0 0 0 .648-.648.65.65 0 0 0-.648-.648H2.442C1.37 2.589.501 3.458.5 4.53v9.061c.001 1.072.87 1.941 1.942 1.942H11.5c1.072-.001 1.941-.87 1.942-1.942V8.414c.001-.356-.286-.645-.642-.648zm0 0" stroke="%23fff"/%3E%3Cpath d="M6.569 7.177a.33.33 0 0 0-.089.165l-.458 2.289c-.019.095.005.194.067.269s.154.118.251.118c.021 0 .042-.002.063-.006l2.288-.458c.063-.012.121-.043.166-.089l5.121-5.121-2.288-2.288zM15.56.473a1.62 1.62 0 0 0-2.288 0l-.9.9 2.288 2.288.9-.9a1.62 1.62 0 0 0 0-2.288zm0 0"/%3E%3C/svg%3E%0A'); position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 97, 95, 0.9); overflow: hidden; z-index: 999; } .donationsPopup__inner { background-color: #fff; margin-left: auto; max-width: 670px; -webkit-transform: translateX(130%); -moz-transform: translateX(130%); -ms-transform: translateX(130%); transform: translateX(130%); width: 100%; height: 100%; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .donationsPopup__inner.isShowing { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .donationsPopup__topNav { position: relative; } .donationsPopup__topNav .donationsPopup__close { position: absolute; top: 0; right: 100%; width: 55px; height: 100%; background-color: #b3995d; border: 0; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; } @media only screen and (max-width: 768px) { .donationsPopup__topNav .donationsPopup__close { left: 0; right: auto; } } .donationsPopup__topNav .donationsPopup__close .close-icon { background-image: var(--close); background-position: center; background-repeat: no-repeat; display: block; pointer-events: none; width: 23px; height: 23px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } html.no-touch .donationsPopup__topNav .donationsPopup__close:hover .close-icon { background-image: var(--closeActive); } .donationsPopup__topNav .donationsPopup__title { background-color: #ede5d4; color: var(--secondary-color); font-family: var(--primary-font); font-size: 21px; padding: 18px 30px 13px; } @media only screen and (max-width: 768px) { .donationsPopup__topNav .donationsPopup__title { padding-left: 85px; } } .donationsPopup__content { height: -webkit-calc(100% - 105px); height: -moz-calc(100% - 105px); height: calc(100% - 105px); overflow: auto; padding: 25px clamp(20px, 3vw, 30px); } .donationsPopup__content .downloadBtn { background-color: transparent; -moz-border-radius: 70px; border-radius: 70px; border: 1px solid #b3995d; color: var(--primary-color); cursor: pointer; font-size: 18px; min-width: 145px; padding: 15px 35px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .donationsPopup__content .downloadBtn::before { content: normal; } .donationsPopup__content .downloadBtn span { display: block; min-height: 0; } .donationsPopup__content .downloadBtn .g-icons { display: none; } html.no-touch .donationsPopup__content .downloadBtn:hover { background-color: var(--secondary-color); border-color: var(--secondary-color); color: #fff !important; } .donationsPopup__content .select-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 768px) { .donationsPopup__content .select-wrap { display: block; margin: 7px 0; width: 100%; } } @media only screen and (min-width: 769px) { .donationsPopup__content .select-wrap--center { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } } @media only screen and (max-width: 768px) { .donationsPopup__content .select-wrap label { display: block; } } .donationsPopup__content label { color: var(--secondary-color); font-size: 16px; margin: 10px 0; padding-right: 15px; } .donationsPopup__content select { display: none; } .donationsPopup__content .nice-select { font-family: var(--primary-font); position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; z-index: 1; } .donationsPopup__content .nice-select .current { -moz-border-radius: 23px; border-radius: 23px; border: 1px solid var(--border-color); color: var(--primary-color); cursor: pointer; display: block; font-size: 18px; padding: 10px 40px 10px 25px; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .donationsPopup__content .nice-select .current::before { content: ""; position: absolute; top: 50%; right: 17px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 12px; height: 7px; background-image: var(--arrow); background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } html.no-touch .donationsPopup__content .nice-select .current:hover { color: var(--secondary-color); } html.no-touch .donationsPopup__content .nice-select .current:hover::before { -webkit-transform: translateY(-50%) scaleY(-1); -moz-transform: translateY(-50%) scaleY(-1); -ms-transform: translateY(-50%) scaleY(-1); transform: translateY(-50%) scaleY(-1); } .donationsPopup__content .nice-select .list { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; right: 0; width: 100%; background-color: #fff; -moz-border-radius: 18px; border-radius: 18px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); list-style: none; margin: 0; padding: 50px 25px 15px; text-align: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; z-index: -1; } .donationsPopup__content .nice-select .list li { color: var(--secondary-color); cursor: pointer; font-size: 18px; margin-bottom: 0; padding: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .donationsPopup__content .nice-select .list li::before { content: normal; } .donationsPopup__content .nice-select .list li ~ li { border-top: 1px solid rgba(0, 97, 95, 0.2); margin-top: 10px; padding-top: 10px; } .donationsPopup__content .nice-select .list li.selected { color: rgba(0, 97, 95, 0.5); pointer-events: none; } html.no-touch .donationsPopup__content .nice-select .list li:hover { color: var(--primary-color); } .donationsPopup__content .nice-select.open { z-index: 20; } .donationsPopup__content .nice-select.open .current { color: var(--secondary-color); } .donationsPopup__content .nice-select.open .current::before { -webkit-transform: translateY(-50%) scaleY(-1); -moz-transform: translateY(-50%) scaleY(-1); -ms-transform: translateY(-50%) scaleY(-1); transform: translateY(-50%) scaleY(-1); } .donationsPopup__content .nice-select.open .list { opacity: 1; visibility: visible; } .donationsPopup__content input[type=number] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .donationsPopup__content input[type=number]::-webkit-outer-spin-button, .donationsPopup__content input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } .donationsPopup__content .step { display: none; } .donationsPopup__content .step.js-active { display: block; } .donationsPopup__content .step.js-loading { position: relative; } .donationsPopup__content .step.js-loading::before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80px; height: 80px; background-image: var(--loader); background-position: center; background-size: cover; } .donationsPopup__content .step.js-loading > * { opacity: 0.1; pointer-events: none; } .donationsPopup__content .step__title { color: var(--secondary-color) !important; font-size: 25px; line-height: 1; margin-top: 30px; margin-bottom: 10px; } .donationsPopup__content .step__description { color: var(--secondary-color) !important; font-size: 16px; font-weight: 400; line-height: 1; margin-top: 15px; margin-bottom: 15px; } .donationsPopup__content .step__content { background-color: var(--content-background); -moz-border-radius: 6px; border-radius: 6px; margin-top: 20px; padding: 15px 20px; } .donationsPopup__content .step-navigation { margin-top: 30px; text-align: center; } .donationsPopup__content .step-navigation .downloadBtn { background-color: var(--primary-color); border-color: var(--primary-color); color: #fff !important; padding: 12px 35px; } @media only screen and (max-width: 768px) { .donationsPopup__content .step-navigation .downloadBtn { display: block; max-width: none; width: 100%; } } .donationsPopup__content .step-navigation .downloadBtn[disabled] { opacity: 0.4; pointer-events: none; } .donationsPopup__content .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .donationsPopup__content .row__title { color: var(--secondary-color) !important; font-size: 15px; line-height: 1; margin: 15px 0 10px; text-transform: uppercase; width: 100%; } .donationsPopup__content .row .col { margin: 6px 0; position: relative; width: 100%; } @media only screen and (min-width: 541px) { .donationsPopup__content .row .col--1-of-2 { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); } } .donationsPopup__content .row .col input { display: block; width: 100%; font-size: 16px; border: 1px solid #002664; padding: 15px 20px; } .donationsPopup__content .row .col input.js-invalid { border-color: #ff0000; } .donationsPopup__content .row .col input::-webkit-input-placeholder { color: #fff; opacity: 0; } .donationsPopup__content .row .col input::-moz-placeholder { color: #fff; opacity: 0; } .donationsPopup__content .row .col input:-ms-input-placeholder { color: #fff; opacity: 0; } .donationsPopup__content .row .col input::-ms-input-placeholder { color: #fff; opacity: 0; } .donationsPopup__content .row .col input::placeholder { color: #fff; opacity: 0; } .donationsPopup__content .row .col input:-ms-input-placeholder { color: #fff; } .donationsPopup__content .row .col input::-ms-input-placeholder { color: #fff; } .donationsPopup__content .row .col input[required] + label::after { content: "*"; color: #ff0000; } .donationsPopup__content .row .col input:not(:-moz-placeholder) + label { display: none; } .donationsPopup__content .row .col input:not(:-ms-input-placeholder) + label { display: none; } .donationsPopup__content .row .col input:not(:placeholder-shown) + label { display: none; } .donationsPopup__content .row .col label { position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #161615; margin: 0; padding: 0; pointer-events: none; } .donationsPopup__bottomNav .donationsPopup__steps { border-top: 1px solid #b3995d; font-size: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; text-align: center; height: 51px; } .donationsPopup__bottomNav .step { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; position: relative; width: 33.3333333333%; } .donationsPopup__bottomNav .step:nth-child(2)::before, .donationsPopup__bottomNav .step:nth-child(2)::after { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 25px; background-color: #b3995d; } .donationsPopup__bottomNav .step:nth-child(2)::before { left: 0; } .donationsPopup__bottomNav .step:nth-child(2)::after { right: 0; } .donationsPopup__bottomNav .step.js-active { background-color: var(--secondary-color); color: #fff; } .donationsPopup__bottomNav .step[data-step] { cursor: pointer; } .donationsPopup .donation-period__buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 768px) { .donationsPopup .donation-period__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .donationsPopup .donation-period__buttons button { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); } @media only screen and (max-width: 768px) { .donationsPopup .donation-period__buttons button { margin: 8px 0; width: 100%; } } .donationsPopup .donation-period__buttons button.js-active { background-color: var(--secondary-color); border-color: var(--secondary-color); color: #fff; } .donationsPopup .donation-period__content .tab { display: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 768px) { .donationsPopup .donation-period__content .tab { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .donationsPopup .donation-period__content .tab.js-active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .donationsPopup .donation-period__content input[type=number] { background-color: transparent; -moz-border-radius: 23px; border-radius: 23px; border: 1px solid var(--border-color); color: var(--primary-color); display: block; font-size: 18px; max-width: 100px; padding: 8px 25px; text-align: center; } .donationsPopup .donation-period span[data-currency] { display: block; position: relative; } .donationsPopup .donation-period span[data-currency]::before { content: attr(data-currency); position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: var(--primary-color); font-family: var(--primary-font); font-size: 24px; } .donationsPopup .donation-period #oneOffAmount { display: block; max-width: 250px; padding: 8px 25px 8px 50px; width: 91px; } .donationsPopup .donation-calculations__content .items { margin-top: 30px; } .donationsPopup .donation-calculations__content .item { color: #757575; font-size: 17px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .donationsPopup .donation-calculations__content .item.js-invisible { display: none; } .donationsPopup .donation-calculations__content .item:not(.js-invisible) ~ .item { border-top: 1px solid rgba(117, 117, 117, 0.2); margin-top: 13px; padding-top: 13px; } .donationsPopup .donation-calculations__content .item__label { padding-right: 25px; } .donationsPopup .donation-calculations__content .values { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; } .donationsPopup .donation-calculations__content .value { text-align: center; width: 50%; } @media only screen and (min-width: 541px) { .donationsPopup .donation-calculations__content .value:first-child { margin-right: -1px; } .donationsPopup .donation-calculations__content .value:first-child .value__cash { -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } .donationsPopup .donation-calculations__content .value:last-child .value__cash { background-color: var(--value-background); -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; } } @media only screen and (max-width: 540px) { .donationsPopup .donation-calculations__content .value { width: 100%; } .donationsPopup .donation-calculations__content .value ~ .value { margin-top: 15px; } } .donationsPopup .donation-calculations__content .value__label { color: var(--secondary-color); font-size: 14px; margin-bottom: 7px; } .donationsPopup .donation-calculations__content .value__cash { color: var(--secondary-color); border: 1px solid var(--border-color); font-family: var(--primary-font); font-size: 22px; padding: 10px; } @media only screen and (max-width: 540px) { .donationsPopup .donation-calculations__content .value__cash { -moz-border-radius: 6px; border-radius: 6px; } } .donationsPopup .donation-calculations__content #taxBracket + .nice-select .list { text-align: left; } .donationsPopup .my-pledge { font-size: 16px; } .donationsPopup .my-pledge__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0; padding-right: -webkit-calc(13vmin + 10px); padding-right: -moz-calc(13vmin + 10px); padding-right: calc(13vmin + 10px); overflow: hidden; position: relative; } .donationsPopup .my-pledge .title { color: var(--secondary-color); font-size: 17px; font-weight: 700; padding-right: 20px; position: relative; } .donationsPopup .my-pledge .title::after { content: ""; position: absolute; top: 0; right: 10px; width: 1px; height: 100%; background-color: var(--secondary-color); } .donationsPopup .my-pledge .label { color: var(--secondary-color); } .donationsPopup .my-pledge .value { color: var(--primary-color); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .donationsPopup .my-pledge .edit { position: absolute; top: 0; right: 0; height: 100%; background-color: var(--secondary-color); border: 0; color: #fff; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 5px 25px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } @media only screen and (max-width: 540px) { .donationsPopup .my-pledge .edit { padding: 5px 15px; } } .donationsPopup .my-pledge .edit:focus, .donationsPopup .my-pledge .edit:hover { background-color: var(--primary-color); } .donationsPopup .my-pledge .edit .icon { width: 16px; height: 16px; background-image: var(--edit); background-position: center; background-repeat: no-repeat; margin-right: 5px; } @media only screen and (max-width: 540px) { .donationsPopup .my-pledge .edit .icon { margin: 0; } } @media only screen and (max-width: 540px) { .donationsPopup .my-pledge .edit .text { position: absolute !important; width: 1px !important; height: 1px !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; } } .donationsPopup .contact-information { margin-top: 20px; } .donationsPopup .pledge-summary .pledge-total { font-size: 16px; } .donationsPopup .pledge-summary .pledge-total .label { color: var(--secondary-color); } .donationsPopup .pledge-summary .pledge-total .value { color: var(--primary-color); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .donationsPopup .contact-information-verify { margin-top: 20px; } .donationsPopup .contact-details { font-size: 16px; } .donationsPopup .contact-details ul { margin-bottom: 0; } .donationsPopup .contact-details li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; position: relative; } .donationsPopup .contact-details li::before { content: normal; } .donationsPopup .contact-details li ~ li { margin-top: 20px; } .donationsPopup .contact-details .label { width: 16%; } @media only screen and (max-width: 640px) { .donationsPopup .contact-details .label { width: 95px; } } .donationsPopup .contact-details .value { color: var(--secondary-color); padding: 0 20px 0 10px; width: -webkit-calc(84% - 16px); width: -moz-calc(84% - 16px); width: calc(84% - 16px); word-break: break-word; } @media only screen and (max-width: 640px) { .donationsPopup .contact-details .value { width: -webkit-calc(100% - 111px); width: -moz-calc(100% - 111px); width: calc(100% - 111px); } } .donationsPopup .contact-details .edit { background-color: transparent; border: 0; cursor: pointer; margin: 0; padding: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } html.no-touch .donationsPopup .contact-details .edit:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .donationsPopup .contact-details .icon { background-image: var(--edit); background-position: center; background-repeat: no-repeat; display: block; -webkit-filter: brightness(0) saturate(100%) invert(18%) sepia(35%) saturate(5437%) hue-rotate(163deg) brightness(101%) contrast(103%); filter: brightness(0) saturate(100%) invert(18%) sepia(35%) saturate(5437%) hue-rotate(163deg) brightness(101%) contrast(103%); width: 16px; height: 16px; } @media only screen and (min-width: 769px) { .donationsPopup .step--thanks { max-width: 65%; margin-left: auto; margin-right: auto; } } .donationsPopup .step--thanks.js-active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; height: 100%; } .donationsPopup .step--thanks h2 { color: var(--secondary-color) !important; font-size: 25px; margin-top: 0; margin-bottom: 5px; } .donationsPopup .step--thanks .downloadBtn { background-color: var(--primary-color); border-color: var(--primary-color); color: #fff !important; font-size: 22px; padding: 15px 35px; }