@charset "UTF-8"; /** * Based on * * - reset.css 2.0 by Eric Meyer (public domain) * http://meyerweb.com/eric/tools/css/reset/ * * - normalize.css 8.0.1 by Nicolas Gallagher and Jonathan Neal * (licensed under MIT) * https://github.com/necolas/normalize.css * * - Based on Reboot from Bootstrap 4.2.1 * (licensed under MIT) * https://github.com/twbs/bootstrap */ /** * IE10+ doesn't honor `` in some cases */ /** * general reset */ 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, main { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; color: inherit; } /** * HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, summary { display: block; } /** * inherit box model for all elements */ *, *::before, *::after { box-sizing: inherit; } /** * html root rules * 1. set border-box for inheritance * 2. avoid 300ms click delay on touch devices that support the `touch-action` * CSS property * 3. Prevent adjustments of font size after orientation changes in IE, on * Windows Phone and iOS. * 4. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, * so we force a non-overlapping, non-auto-hiding scrollbar to counteract. * 5. Change the default tap highlight to be completely transparent in iOS. */ html { /* 1 */ box-sizing: border-box; /* 2 */ touch-action: manipulation; /* 3 */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 4 */ -ms-overflow-style: scrollbar; /* 5 */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /** * body rules * 1. reset line-height to 1 * 2. set base font-family to sans-serif * 3. Set an explicit initial text-align value so that we can later use the * `inherit` value on things like `` elements. */ body { /* 1 */ line-height: 1; /* 2 */ font-family: sans-serif; /* 3 */ text-align: left; } /** * Lists */ ol, ul { list-style: none; } /** * Quotes */ blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: ""; content: none; } /** * Tables */ table { border-collapse: collapse; border-spacing: 0; } caption { caption-side: bottom; } /** * Table Headers * 1. Matches default `` alignment by inheriting from the ``, or the * closest parent with a set `text-align`. */ th { /* 1 */ text-align: inherit; } /** * Horizontal Lines * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { /* 1 */ box-sizing: content-box; height: 0; /* 2 */ overflow: visible; } /** * Preformatted Text * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Don't allow content to break outside * 3. We have @viewport set which causes scrollbars to overlap content in IE11 * and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to * counteract. */ pre, code, kbd, samp { /* 1 */ font-family: monospace, monospace; } pre { /* 2 */ overflow: auto; /* 3 */ -ms-overflow-style: scrollbar; } /** * Links * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { /* 1 */ background-color: transparent; /* 2 */ -webkit-text-decoration-skip: objects; } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. * 3. Add explicit cursor to indicate changed behavior. * 4. Prevent the text-decoration to be skipped. */ abbr[title] { /* 1 */ border-bottom: none; /* 2 */ text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 3 */ cursor: help; /* 4 */ -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { position: relative; font-size: 75%; line-height: 0; } sub { bottom: -0.25em; } sup { top: -0.5em; } /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /** * Hide SVG overflow in IE */ svg:not(:root) { overflow: hidden; } /** * Remove the default `border-radius` that macOS Chrome adds. * Details at https://github.com/twbs/bootstrap/issues/24093 */ button { border-radius: 0; } /** * Work around a Firefox/IE bug where the transparent `button` background * results in a loss of the default `button` focus styles. * Credit: https://github.com/suitcss/base/ */ button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } /** * form element resets * 1. Remove the margin in Firefox and Safari * 2. inherit font rules */ input, button, select, optgroup, textarea { /* 1 */ margin: 0; /* 2 */ font-family: inherit; font-size: inherit; line-height: inherit; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, [type=reset], [type=submit], [type=button] { /* 2 */ -webkit-appearance: button; } /** * Remove the default appearance of temporal inputs to avoid a Mobile Safari * bug where setting a custom line-height prevents text from being vertically * centered within the input. * See https://bugs.webkit.org/show_bug.cgi?id=139848 * and https://github.com/twbs/bootstrap/issues/11266 */ input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } /** * 1. Remove the default vertical scrollbar in IE. * 2. Textareas should really only resize vertically so they don't break their * (horizontal) containers. */ textarea { overflow: auto; resize: vertical; } /** * Show the overflow in IE. */ button, input { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. */ button, select { text-transform: none; } /** * Remove the inheritance of word-wrap in Safari. * See https://github.com/twbs/bootstrap/issues/24990 */ select { word-wrap: normal; } /** * Remove inner border and padding from Firefox, but don't restore the outline * like Normalize. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * 1. Add the correct box sizing in IE 10- * 2. Remove the padding in IE 10- */ input[type=radio], input[type=checkbox] { /* 1 */ box-sizing: border-box; /* 2 */ padding: 0; } /** * Suppress the focus outline on elements that cannot be accessed via keyboard. * This prevents an unwanted focus outline from appearing around elements that * might still respond to pointer events. * Credit: https://github.com/suitcss/base */ [tabindex="-1"]:focus { outline: 0 !important; } /** * Browsers set a default `min-width: min-content` on fieldsets, * unlike e.g. `
`s, which have `min-width: 0` by default. * So we reset that to ensure fieldsets behave more like a standard block element. * See https://github.com/twbs/bootstrap/issues/12359 * and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements */ fieldset { min-width: 0; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Set display to block for all browsers */ legend { /* 1 */ max-width: 100%; white-space: normal; /* 2 */ color: inherit; /* 3 */ display: block; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { /* 1 */ box-sizing: border-box; /* 2 */ padding: 0; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { /* 1 */ -webkit-appearance: textfield; /* 2 */ outline-offset: -2px; } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { /* 1 */ -webkit-appearance: button; /* 2 */ font: inherit; } /** * Correct element display for output */ output { display: inline-block; } /** * Add the correct display in IE 10+. */ template { display: none; } [hidden] { display: none; } /*RGB*/ /*Gradients*/ body { font-family: "Helvetica Neue", sans-serif; font-weight: 400; font-size: 18px; line-height: 1.3333333333; color: #000; } @media (min-width: 1210px) { body { font-size: 18px; } } p { font-weight: 400; margin-bottom: 10px; } p a:not(.btn) { color: #612C83; font-weight: 700; display: inline-block; position: relative; border-bottom: none; text-decoration: none; } p a:not(.btn):after { content: ""; display: block; margin: auto; height: 2px; width: 0px; background: transparent; transition: width 0.5s ease, background-color 0.5s ease; bottom: 0; } p a:not(.btn):hover:after { width: 100%; background: #32044F; } p a:not(.btn).arrow { text-decoration: none; position: relative; padding-right: 25px; padding-bottom: 5px; } @media (max-width: 1209px) { p a:not(.btn).arrow:after { content: "→"; display: inline-block; position: relative; transition: all 200ms ease-in-out; margin-left: 5px; width: auto; background: transparent; } p a:not(.btn).arrow:before { display: none; visibility: hidden; } } @media (min-width: 1210px) { p a:not(.btn).arrow:before { content: "→"; position: absolute; display: inline-block; transition: all 200ms ease-in-out; right: 0; } p a:not(.btn).arrow:hover:before { right: -5px; } } .body-large { font-size: 24px; line-height: 1.4583333333; } .body-small { font-size: 12px; line-height: 1.5; } .body-medium { font-size: 14px; line-height: 1.4285714286; } .color-purple { color: #32044F; } .color-lt-purple { color: #612C83; } .color-orange { color: #F9AE1C; } .color-lt-orange { color: #FEF2E2; } .color-yellow { color: #FFCF0B; } .color-white { color: #FFFFFF; } .eyebrow { font-size: 16px; text-transform: uppercase; font-weight: 700 !important; } h1, h2, h3, h4, h5, h6 { font-weight: 700; margin-bottom: 15px; width: 100%; } h1, .h1 { font-size: 46px; line-height: 1.1764705882; } @media (min-width: 1210px) { h1, .h1 { font-size: 50px; } } h2, .h2 { font-size: 40px; line-height: 1.225; } h3, .h3 { line-height: 1.2333333333; font-size: 30px; margin-bottom: 30px; } h4, .h4 { font-size: 28px; line-height: 1.2142857143; } h5, .h5 { font-weight: 700; line-height: 1.2083333333; font-size: 24px; margin-bottom: 15px; } h6, .h6 { font-size: 16px; line-height: 1.3333333333; text-decoration: underline; } strong { font-weight: 700; } em { font-style: italic; } .container { width: 100%; margin: 0 auto; padding: 0 30px; max-width: 1440px; } @media (min-width: 1210px) { .container { padding: 0 40px; } } .columns { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; margin: 0 -10px -20px; } .columns > * { display: block; flex: 0 0 auto; width: 100%; padding: 0 10px; margin-bottom: 20px; } @media (min-width: 768px) { .columns { margin: 0 -15px -30px; } .columns > * { width: 50%; padding: 0 15px; margin-bottom: 30px; } } button { cursor: pointer; border: 0; background-color: transparent; } .btn { border: 1px solid transparent; color: #32044F; background-image: radial-gradient(circle, #f9ae1c 0%, #f9ae1c 70%); text-align: center; display: inline-block; padding: 15px 20px; margin: 20px auto; text-decoration: none; cursor: pointer; font-size: 16px; font-weight: 700; border: 1px solid #F9AE1C; z-index: 1; position: relative; } @media (max-width: 767px) { .btn { width: 100%; } } .btn:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; transition: opacity 200ms ease-in-out; opacity: 0; background-image: radial-gradient(circle, #ffcf0b 0%, #f9ae1c 70%); } .btn a { text-decoration: none; } .btn--orange:hover:before, .btn--yellow:hover:before { opacity: 1; } .btn--arrow { position: relative; } .btn--arrow:after { content: ""; width: 15px; height: 12px; background-image: url("../assets/images/arrow.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; position: relative; display: inline-block; margin-left: 15px; transition: transform 200ms ease-in-out; } .btn--arrow:hover:before { opacity: 1; } .btn--arrow:hover:after { transform: translateX(5px); } .btn--transparent { background-color: transparent; background-image: none; color: #F9AE1C; border: 1px solid #F9AE1C; padding: 10px 25px; transition: background-color 200ms ease-in-out, color 200ms ease-in-out; text-decoration: none; } .btn--transparent:hover { background-color: #FEF2E2; color: #F9AE1C; } .btn--transparent:active { background-color: #FFCF0B; } .btn--transparent-purple { background-color: transparent; background-image: none; color: #32044F; border: 1px solid #32044F; padding: 10px 25px; transition: background-color 200ms ease-in-out; text-decoration: none; } .btn--transparent-purple:hover { background-color: #F1ECF4; } .btn--transparent-purple:active { background-color: #F1ECF4; } .btn:hover { cursor: pointer; } p .btn { margin-right: 24px; } a.arrow-down:not(.btn) { -webkit-text-decoration: underline 2px #612C83; text-decoration: underline 2px #612C83; text-underline-offset: 5px; } a.arrow-down:after { display: none; visibility: hidden; } a.arrow-down:before { content: ""; display: inline-block; position: relative; width: 15px; height: 20px; margin-bottom: -5px; background-image: url("../assets/images/arrow-underline.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; margin-right: 15px; transition: transform 200ms ease-in-out; opacity: 1; } a.arrow-down:hover:before { transform: rotate(-90deg); } body.wp-admin .wysiwyg .hr--orange, body.wp-admin .mce-content-body .hr--orange { background: #fca70d; background: linear-gradient(90deg, #fca70d 0%, rgba(252, 167, 13, 0) 100%); } body.wp-admin #tiny-mce .hr--orange { background-color: #fca70d; } .wysiwyg .body-large, .mce-content-body .body-large { font-size: 24px; line-height: 1.4166666667; } .wysiwyg .color-white, .mce-content-body .color-white { text-shadow: 2px 2px 5px black; } .wysiwyg > *:last-child, .mce-content-body > *:last-child { margin-bottom: 0; } .wysiwyg > *:last-child .btn, .mce-content-body > *:last-child .btn { margin-bottom: 0; } .wysiwyg *:first-child, .mce-content-body *:first-child { margin-top: 0; } .wysiwyg *:last-child, .mce-content-body *:last-child { margin-bottom: 0; } .wysiwyg ul, .mce-content-body ul { list-style: disc; padding-left: 1em; } .wysiwyg ol, .mce-content-body ol { list-style: num; padding-left: 1.2em; } .wysiwyg p, .wysiwyg li, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .wysiwyg ol, .wysiwyg ul, .wysiwyg blockquote, .mce-content-body p, .mce-content-body li, .mce-content-body h1, .mce-content-body h2, .mce-content-body h3, .mce-content-body h4, .mce-content-body h5, .mce-content-body h6, .mce-content-body ol, .mce-content-body ul, .mce-content-body blockquote { margin-bottom: 12px; } .wysiwyg p, .wysiwyg li, .mce-content-body p, .mce-content-body li { font-weight: 300; } .wysiwyg p:not(:first-child), .wysiwyg li:not(:first-child), .mce-content-body p:not(:first-child), .mce-content-body li:not(:first-child) { margin-top: 12px; } .wysiwyg .h1, .mce-content-body .h1 { font-size: 54.9px; line-height: 72px; } .wysiwyg .h2, .mce-content-body .h2 { font-size: 43.92px; line-height: 60px; } .wysiwyg .h3, .mce-content-body .h3 { font-size: 35.16px; line-height: 48px; } .wysiwyg .h4, .mce-content-body .h4 { font-size: 28.2px; line-height: 36px; } .wysiwyg .h5, .mce-content-body .h5 { font-size: 22.5px; line-height: 24px; } .form_padding-top { padding-top: 60px; } @media (min-width: 768px) { .form_padding-top { padding-top: 90px; } } .hr.hr--orange { height: 3px; border: none; position: relative; overflow: hidden; margin: 25px 0; } .hr.hr--orange:after { content: ""; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background: #fca70d; background: linear-gradient(90deg, #fca70d 0%, rgba(252, 167, 13, 0) 100%); transition: left 1000ms ease-in-out; } .hr.hr--orange.animated:after { left: 0; } .bg--white { background-color: #FFFFFF; } .bg--lt-purple { background-color: #612C83; } .bg--lt-purple.pxblock--text-w-media { color: #FFFFFF; } .bg--dk-purple { background-color: #32044F; } .bg--dk-purple.pxblock--text-w-media { color: #FFFFFF; } .bg--lilac { background-color: #F1ECF4; } .bg--lilac .btn--transparent { color: #32044F; border: 1px solid #32044F; } .bg--lilac .btn--transparent:hover { color: #F9AE1C; } .bg--orange { background-color: #F9AE1C; } .bg--lt-orange { background-color: #FEF2E2; } .bg--orange-gradient { background: linear-gradient(180deg, #FEF2E2 0%, rgba(254, 242, 226, 0) 71.83%); } .site-header { background-color: #FFFFFF; padding: 26px 15px; position: fixed; top: 0; left: 0; width: 100vw; z-index: 200; } @media (min-width: 1210px) { .site-header { padding: 10px 0 0 0; } } .site-header > .container { display: flex; flex-flow: row nowrap; justify-content: space-between; padding: 0; } @media (min-width: 1200px) { .site-header > .container { padding: 0 11px; } } .site-header__nav { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; flex: 1; } .site-header__nav .logo img { width: 245px; height: auto; } .site-header__nav .nav-items { position: fixed; top: 0; right: 0; bottom: 0; width: 100vw; padding: 4px; background-color: #FFFFFF; color: #FFFFFF; z-index: 50; transition: 0.25s ease-in-out; transform: translateX(100%); overflow-y: auto; } .site-header__nav .nav-items li.menu-item-has-children .sub-menu li { padding: 5px 0; } .site-header__nav .nav-items li.menu-item-has-children .sub-menu li a { font-weight: 400; font-size: 14px; color: #8E8E8E; } @media (min-width: 1210px) { .site-header__nav .nav-items li + li { margin-left: 10px; } } .site-header__nav .nav-items li .open-sub-menu { display: none; visibility: hidden; } .site-header__nav .nav-items li.current_page_ancestor > a, .site-header__nav .nav-items li.current_page_item > a { font-weight: 600 !important; } .site-header__nav .nav-items li.current_page_ancestor:not(.btn):after, .site-header__nav .nav-items li.current_page_item:not(.btn):after { width: 100%; } .site-header__nav .nav-items li:not(.btn) { position: relative; padding: 10px 0; } @inclue bp($l) { .site-header__nav .nav-items li:not(.btn):after { content: ""; width: 0; height: 2px; background-color: #F9AE1C; position: absolute; bottom: 0; left: 0; transition: width 300ms ease-in-out; } } .site-header__nav .nav-items li:not(.btn):hover:after { width: 100%; } .site-header__nav .nav-items li:not(.btn) a { position: relative; } @media (min-width: 1210px) { .site-header__nav .nav-items li:not(.btn) a { color: #222222; font-weight: 400; font-size: 14px; padding: 10px 12.5px; line-height: 1.2142857143; } } @media (min-width: 1210px) { .site-header__nav .nav-items li.btn { margin-left: 12.5px; } } .site-header__nav .nav-items li.current_page_item { position: relative; } @media (min-width: 1210px) { .site-header__nav .nav-items li.current_page_item a { font-weight: 600; } } .site-header__nav .nav-items li a { text-decoration: none; } .site-header__nav .nav-items li.btn a { color: #32044F; } .site-header__nav .nav-items li a:before { display: none; } @media (min-width: 1210px) { .site-header__nav .nav-items { display: flex; align-items: center; position: static; width: auto; padding: 0; background-color: transparent; color: inherit; transform: none; overflow-y: visible; } .site-header__nav .nav-items li.menu-item-has-children { position: relative; } .site-header__nav .nav-items li.menu-item-has-children > .sub-menu { position: absolute; top: 100%; left: 0; background-color: #FFFFFF; width: 200px; opacity: 0; transition: opacity 200ms ease-in-out; pointer-events: none; } .site-header__nav .nav-items li.menu-item-has-children > .sub-menu li { transition: background-color 200ms ease-in-out; padding: 5px 0; } .site-header__nav .nav-items li.menu-item-has-children > .sub-menu li:after { display: none; } .site-header__nav .nav-items li.menu-item-has-children > .sub-menu li + li { margin: 0; } .site-header__nav .nav-items li.menu-item-has-children > .sub-menu li a { transition: all 200ms ease-in-out; color: #222222; -webkit-text-stroke: 0; } .site-header__nav .nav-items li.menu-item-has-children > .sub-menu li:hover { background-color: #FEF2E2; } .site-header__nav .nav-items li.menu-item-has-children:hover > .sub-menu { opacity: 1; pointer-events: all; } } .mobile-nav-open .site-header__nav .nav-items { transform: translateX(0); } .site-header__mobile-trigger { width: 46px; height: 22px; position: relative; margin: 0; transform: rotate(0deg); transition: 0.5s ease-in-out; cursor: pointer; border: 0; background-color: transparent; z-index: 55; } @media (min-width: 1210px) { .site-header__mobile-trigger { display: none; } } .site-header__mobile-trigger:focus { outline: none; } .site-header__mobile-trigger span { display: block; position: absolute; height: 3px; width: 100%; background-color: #222222; opacity: 1; left: 0; transform: rotate(0deg); transition: 0.25s ease-in-out; } .site-header__mobile-trigger span:nth-child(1) { top: 0px; } .site-header__mobile-trigger span:nth-child(2), .site-header__mobile-trigger span:nth-child(3) { top: 11px; } .site-header__mobile-trigger span:nth-child(4) { top: 22px; } .site-header__mobile-trigger.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } .site-header__mobile-trigger.open span:nth-child(2) { transform: rotate(45deg); } .site-header__mobile-trigger.open span:nth-child(3) { transform: rotate(-45deg); } .site-header__mobile-trigger.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } @media (max-width: 1209px) { .site-header__nav .nav-items { top: 95px; padding: 50px 24px; border-top: 10px solid #32044F; } .site-header__nav .nav-items li:not(.btn) { padding: 0 0 37px 0; } .site-header__nav .nav-items li:not(.btn):last-child { padding: 0; } .site-header__nav .nav-items li:not(.btn) a { color: #222222; font-size: 35px; } .site-header__nav .nav-items li:not(.btn) .sub-menu { transition: 200ms ease-in-out; opacity: 0; max-height: 0; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 20px); } .site-header__nav .nav-items li:not(.btn) .sub-menu--open { margin: 30px 0 0 0; max-height: 1000px; opacity: 1; transform: translate(-120%, -45px); } .site-header__nav .nav-items li:not(.btn) .sub-menu--open li:not(.btn) { padding: 0 0 37px 0; } .site-header__nav .nav-items li:not(.btn) .sub-menu--open li:not(.btn):last-of-type { padding: 0; } .site-header__nav .nav-items li:not(.btn) .sub-menu--open li:not(.btn) a { font-size: 35px; color: #222222; } .site-header__nav .nav-items li.btn { width: 100%; } .site-header__nav .nav-items li.btn a { font-size: 30px; } .site-header__nav .nav-items li.btn--arrow:after { width: 34px; height: 16px; background-size: cover; } .site-header__nav .nav-items li .open-sub-menu { visibility: visible; position: absolute; display: block; width: 30px; height: 30px; top: 10px; right: 0px; z-index: 9999; } .site-header__nav .nav-items li .open-sub-menu:after { content: ""; width: 30px; height: 30px; background-image: url("../assets/images/arrow.svg"); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: inline-block; transition: transform 200ms ease-in-out; } .site-header__nav .nav-items li .open-sub-menu--active { transform: rotate(180deg); top: 65vh; right: 90%; } .site-header__nav .nav-items li .open-sub-menu--active:after { background-image: url("../assets/images/arrow-orange.svg"); } .site-header__nav .nav-items li.hide-parent { display: none; visibility: hidden; } .site-header__nav .nav-items li a.active { text-decoration: underline; text-decoration-thickness: 5px; -webkit-text-decoration-color: #F9AE1C; text-decoration-color: #F9AE1C; text-underline-offset: 15px; margin-bottom: 15px; display: block; } } #pxMainContent { position: relative; } @media (min-width: 1210px) { #pxMainContent .orbs-container { position: absolute; top: 0; left: 0; right: 0; overflow: hidden; bottom: 0; pointer-events: none; } #pxMainContent .orbs { position: absolute; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); } #pxMainContent .orbs--large { position: absolute; width: 485px; height: 485px; right: 0; top: 250px; animation: orb-large 2.5s ease-in-out infinite; } #pxMainContent .orbs--medium { position: absolute; width: 160px; height: 160px; right: 175px; top: 1380px; animation: orb-medium 2.5s ease-in-out infinite; } #pxMainContent .orbs--small { position: absolute; width: 58px; height: 58px; right: 75px; top: 1900px; animation: orb-small 2.5s ease-in-out infinite; } } @keyframes orb-large { 0% { right: -5%; top: 250px; } 50% { right: -8%; top: 270px; } 100% { right: -5%; top: 250px; } } @keyframes orb-medium { 0% { right: 175px; top: 1380px; } 50% { right: 180px; top: 1390px; } 100% { right: 175px; top: 1380px; } } @keyframes orb-small { 0% { right: 75px; top: 1900px; } 50% { right: 65px; top: 1910px; transform: translateX(5px); } 100% { right: 75px; top: 1900px; } } .site-footer { background-color: #FFFFFF; border-top: 5px solid #222222; } .site-footer .container { padding: 45px 40px 20px 40px; } .site-footer .container .footer__main { display: grid; grid-template-columns: repeat(4, [col-start] 1fr); gap: 10px; padding-bottom: 40px; border-bottom: 1px solid #222222; } @media (min-width: 1210px) { .site-footer .container .footer__main { gap: 24px; grid-template-columns: repeat(12, [col-start] 1fr); } } .site-footer .container .footer__main .footer__logo { grid-column: col-start 2/span 2; } @media (min-width: 768px) { .site-footer .container .footer__main .footer__logo { grid-column: col-start 1/span 3; } } .site-footer .container .footer__main .footer__menu { grid-column: col-start 1/span 4; display: grid; grid-template-columns: repeat(1, [col-start] 1fr); } .site-footer .container .footer__main .footer__menu ul { text-align: center; margin-bottom: 15px; } @media (min-width: 768px) { .site-footer .container .footer__main .footer__menu ul { text-align: left; } } .site-footer .container .footer__main .footer__menu ul .btn { margin: 20px 0 0 0; } @media (min-width: 768px) { .site-footer .container .footer__main .footer__menu ul .btn { margin: 0; } } .site-footer .container .footer__main .footer__menu ul li { font-weight: 700; font-size: 16px; } .site-footer .container .footer__main .footer__menu ul li a { text-decoration: none; color: #222222; position: relative; } .site-footer .container .footer__main .footer__menu ul li a:not(.btn):hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; } .site-footer .container .footer__main .footer__menu ul li + li { margin-top: 15px; } .site-footer .container .footer__main .footer__menu ul li:hover a { font-weight: 700; } .site-footer .container .footer__main .footer__menu ul li:hover a:after { width: 100%; } .site-footer .container .footer__main .footer__menu ul li:active a { font-weight: 700; } .site-footer .container .footer__main .footer__menu ul li:active a:after { width: 100%; } @media (min-width: 768px) { .site-footer .container .footer__main .footer__menu { grid-column: col-start 6/span 7; grid-template-columns: repeat(3, [col-start] 1fr); } } .site-footer .container .footer__sub { display: grid; grid-template-columns: repeat(4, [col-start] 1fr); gap: 10px; padding-top: 20px; font-size: 18px; text-align: center; } @media (min-width: 1210px) { .site-footer .container .footer__sub { gap: 24px; grid-template-columns: repeat(12, [col-start] 1fr); } } @media (max-width: 767px) { .site-footer .container .footer__sub { gap: 5px; font-size: 14px; } } @media (min-width: 768px) { .site-footer .container .footer__sub { text-align: left; } } .site-footer .container .footer__sub .privacy { grid-column: col-start 1/span 4; } @media (min-width: 768px) { .site-footer .container .footer__sub .privacy { grid-column: col-start 1/span 4; } } .site-footer .container .footer__sub .privacy P { margin-bottom: 5px; } @media (min-width: 1210px) { .site-footer .container .footer__sub .privacy P { margin-bottom: 10px; } } .site-footer .container .footer__sub .privacy-menu { grid-column: col-start 1/span 4; text-align: center; } @media (min-width: 768px) { .site-footer .container .footer__sub .privacy-menu { grid-column: col-start 9/span 4; } } @media (min-width: 1210px) { .site-footer .container .footer__sub .privacy-menu { text-align: right; } } .site-footer .container .footer__sub .privacy-menu p a { color: #222222; text-decoration: none; font-weight: 400; padding: 0 5px; } @media (min-width: 1210px) { .site-footer .container .footer__sub .privacy-menu p a { padding: 0 10px; } } .site-footer .container .footer__sub .privacy-menu p a:first-child { padding: 0 5px 0 0; } @media (min-width: 1210px) { .site-footer .container .footer__sub .privacy-menu p a:first-child { padding: 0 10px 0 0; } } .site-footer .container .footer__sub .privacy-menu p a:last-child { padding: 0 0 0 5px; } @media (min-width: 1210px) { .site-footer .container .footer__sub .privacy-menu p a:last-child { padding: 0 0 0 10px; } } .site-footer .container .footer__sub .privacy-menu p a:hover { color: #612C83; } .site-footer .cookie-banner { background-color: #FFFFFF; border-top: 0.5px solid #DAE0E7; border-bottom: 7px solid #F9AE1C; position: fixed; bottom: 0; left: 0; width: 100vw; z-index: 200; } .site-footer .cookie-banner .container { padding: 23px 40px; display: flex; flex-wrap: wrap; } .site-footer .cookie-banner .container .cookie-text { width: 100%; font-size: 10px; color: #222222; text-align: center; margin-bottom: 5px; } @media (min-width: 768px) { .site-footer .cookie-banner .container .cookie-text { width: 75%; text-align: left; margin-bottom: 0px; } } .site-footer .cookie-banner .container .cookie-buttons { width: 100%; text-align: center; } .site-footer .cookie-banner .container .cookie-buttons .cookie--btn.dismiss { color: #888888; font-size: 12px; padding-right: 10px; } .site-footer .cookie-banner .container .cookie-buttons .cookie--btn.accept { color: #612C83; font-size: 14px; font-weight: 700; text-decoration: underline; border-left: 1px solid orange; padding-left: 10px; } @media (min-width: 768px) { .site-footer .cookie-banner .container .cookie-buttons { width: 25%; } } .block-editor .editor-styles-wrapper { font-family: inherit; } .block-editor .editor-styles-wrapper .wp-block { max-width: 100%; } .edit-post-sidebar { width: auto; } @media (min-width: 768px) { .edit-post-sidebar { width: 30vw; } } .block-badge { background-color: #1a89c0; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 14px; position: absolute; top: 10px; right: 10px; display: inline-block; padding: 5px 10px; line-height: 1; letter-spacing: 0.03em; } .acf-block-component.acf-block-panel { padding: 16px; } .pxblock:first-of-type { padding-top: 100px; } @media (min-width: 1210px) { .pxblock:first-of-type { padding-top: 55px; } } img { max-width: 100%; height: auto; } img.alignleft { float: left; margin-right: 20px; margin-bottom: 20px; } img.alignright { float: right; margin-left: 20px; margin-bottom: 20px; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .skip_to_main_link { display: block; width: 1px; height: 1px; overflow: hidden; position: fixed; border-bottom: 1px solid #333; top: 0; left: 0; right: 0; background-color: #fff; z-index: 1000; color: #000; font-weight: bold; font-size: 18px; } .skip_to_main_link:focus { padding: 20px 40px; width: 100%; height: auto; } .cookie-banner { color: #fff; background-color: #333; } .cookie-banner > .container { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .cookie-banner p { margin: 0; margin-right: 20px; } body.mobile-nav-open { position: sticky; } .pxblock { padding: 50px 0; } body.wp-admin .pxblock--banner { z-index: 1; } body.wp-admin .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point { opacity: 1; } body.wp-admin .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point:nth-of-type(2n) { opacity: 1; } body.wp-admin .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point:nth-child(odd) { transform: translateY(0); } body.wp-admin .pxblock--navigation .nav--bg-img { z-index: 0; } body.wp-admin .pxblock--navigation .container .nav--items ul li a.arrow { width: auto; overflow: visible; bottom: 0; } @media (min-width: 768px) { .animate-in:not(.animate-children), .animate-in.animate-children > * { opacity: 0; transition: opacity 800ms ease-in-out; transform: translate3d(-25px, 0, 0); } .animate-in.animate-children > *:nth-child(1) { transition-delay: 0ms; } .animate-in.animate-children > *:nth-child(2) { transition-delay: 300ms; } .animate-in.animate-children > *:nth-child(3) { transition-delay: 600ms; } .animate-in.animate-children > *:nth-child(4) { transition-delay: 900ms; } .animate-in.animate-children > *:nth-child(5) { transition-delay: 1200ms; } .animate-in.animate-children > *:nth-child(6) { transition-delay: 1500ms; } .animate-in.animate-children > *:nth-child(7) { transition-delay: 1800ms; } .animate-in.animate-children > *:nth-child(8) { transition-delay: 2100ms; } .animate-in.animate-children > *:nth-child(9) { transition-delay: 2400ms; } .animate-in.animate-children > *:nth-child(10) { transition-delay: 2700ms; } .animate-in.animate-children > *:nth-child(11) { transition-delay: 3000ms; } .animate-in.animate-children > *:nth-child(12) { transition-delay: 3300ms; } .animate-in.animate-children > *:nth-child(13) { transition-delay: 3600ms; } .animate-in.animate-children > *:nth-child(14) { transition-delay: 3900ms; } .animate-in.animate-children > *:nth-child(15) { transition-delay: 4200ms; } .animate-in.animated:not(.animate-children) { opacity: 1; transform: translate3d(0, 0, 0); } .animate-in.animated.animate-children > * { opacity: 1; transform: translate3d(0, 0, 0); } body.wp-admin .animate-in:not(.animate-children), body.wp-admin .animate-in.animate-children > * { opacity: 1; } } .pxblock.fpo { border: 5px solid #666; background: #ccc !important; display: flex; flex-flow: column; justify-content: center; align-items: center; padding: 30px; min-height: 300px; } .pxblock.fpo *:not(.fpo-title) { display: none !important; } .pxblock.fpo .fpo-title { text-transform: uppercase; font-size: 30px; color: #666; } body.wp-admin .ui-sortable > tr:nth-child(odd) .acf-field, body.wp-admin .ui-sortable > tr:nth-child(odd) .acf-row-handle { background: #f9f9f9; } body.wp-admin .ui-sortable > tr:nth-child(even) .acf-field, body.wp-admin .ui-sortable > tr:nth-child(even) .acf-row-handle { background: #fff !important; } body.wp-admin #wp-link-wrap #link-selector { font-size: 14px; } body.wp-admin .block-editor-button-block-appender.block-list-appender__toggle, body.wp-admin .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { display: block; height: auto; margin: 0px auto; flex: 0 0 auto; width: 100%; } body.wp-admin .block-editor-button-block-appender.block-list-appender__toggle svg, body.wp-admin .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon svg { width: 32px; height: 32px; background-color: #007cba; border-radius: 2px; } body.wp-admin .block-editor-button-block-appender.block-list-appender__toggle:hover svg, body.wp-admin .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover svg { background-color: #006ba1; } body.wp-admin .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { margin-left: -5px; } body.wp-admin .interface-complementary-area .components-panel { font-size: 14px; } body.wp-admin .pxblock { max-width: 100% !important; } body.wp-admin .pxblock ul { list-style: none; } body.wp-admin .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point .wysiwyg, body.wp-admin .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point .point--image { opacity: 1 !important; transform: none !important; } body#tinymce { padding: 20px; } .acf-block-preview a:active { pointer-events: none; } @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .modal { display: none; } .modal.is-open { display: block; } .modal[aria-hidden=false] .modal__overlay { animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .modal[aria-hidden=false] .modal__dialog { animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .modal[aria-hidden=true] .modal__overlay { animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .modal[aria-hidden=true] .modal__dialog { animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .modal__overlay, .modal__dialog { will-change: transform; } .modal__overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background: rgba(34, 34, 34, 0.85); display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; } .modal__dialog { padding: 50px 30px; background: #FFFFFF; position: relative; } .modal__dialog button[data-micromodal-close] { position: absolute; top: 10px; right: 10px; } .modal--video > div { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background: rgba(0, 0, 0, 0.75); display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; padding: 30px; } .modal--video > div > div { padding: 50px; background: #FFFFFF; position: relative; } .modal--video button svg { width: 50px; height: 50px; transform: rotate(45deg); } .modal--video button svg path { fill: #FFFFFF; } .modal--video button svg:hover path { fill: #F9AE1C; } .modal--video .responsive-video { width: 60vw; max-height: 80vh; } @media (max-width: 1209px) { .modal--video .responsive-video { height: 100vh; } } .modal--video .responsive-video iframe { width: 95%; height: 90%; position: absolute; top: 5%; left: 2%; z-index: 1; } .modal--video .responsive-video:after { content: ""; display: block; padding-bottom: 55%; } .modal button:active, .modal button:focus { outline: none; } .posts { display: grid; grid: auto-flow/repeat(3, 1fr); grid-gap: 80px 30px; } .posts .post__title { margin-bottom: 20px; } .posts .post__title a { text-decoration: none; } .posts .post__date { text-transform: uppercase; font-size: 13px; font-weight: 500; margin-bottom: 20px; letter-spacing: 0.025em; } .posts .post__excerpt { margin-bottom: 20px; } .posts .post__link { color: #612C83; position: relative; text-decoration: none; font-weight: 500; } .posts .post__link:before { content: ""; width: 100%; height: 1px; background-color: #612C83; position: absolute; bottom: 0; left: 0; } .posts .post__link:after { content: "→"; transition: all 200ms ease-in-out; padding-left: 10px; } .posts .post__link:hover:after { padding-left: 15px; } .posts .post__video .video__modal { border: 1px solid #612C83; position: relative; height: 170px; -o-object-fit: cover; object-fit: cover; width: 100%; } .posts .post__video .video__modal:before { content: ""; background-image: url("../assets/images/play.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: 20%; left: 35%; width: 38px; height: 38px; z-index: 10; transform: translate(50%, 50%); } .posts .post__video .video__modal img { position: absolute; top: 0; left: 0; display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .posts .post__video .video__modal img:before { content: ""; display: block; padding-bottom: 100%; } .posts .post__video .video__modal:hover { cursor: pointer; border: 1px solid #F9AE1C; } .posts .post__video .video__title { margin: 20px 0 30px; } .posts .post a.arrow-down { color: #612C83; font-weight: 700; display: flex; padding: inherit; } @media (max-width: 767px) { .posts { display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start; } } .posts__FeaturedMedia { overflow: hidden; } .posts__FeaturedMedia ul.slick-dots { text-align: center; margin-top: 30px; } .posts__FeaturedMedia ul.slick-dots li { display: inline-block; position: relative; margin: 0 3px; } .posts__FeaturedMedia ul.slick-dots li button { width: 10px; height: 10px; border-radius: 50%; background: #D1D1D1; } .posts__FeaturedMedia ul.slick-dots li button:focus, .posts__FeaturedMedia ul.slick-dots li button:active { outline: none; } .posts__FeaturedMedia ul.slick-dots li button span.slick-sr-only { font-size: 0; } .posts__FeaturedMedia ul.slick-dots li.slick-active button { background: #888888; } .posts__FeaturedMedia .slick-autoplay-toggle-button { display: none; } .posts__FeaturedMedia .slick-track { display: flex; } .posts__FeaturedMedia .slick-slide { transition: 200ms ease-in-out; opacity: 1; display: flex; flex-direction: column; margin: 0; } .posts__FeaturedMedia .slick-slide > div { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .posts__FeaturedMedia .slick-slide > div li { align-items: center; justify-content: center; } .posts__FeaturedMedia .slick-track { gap: 80px 30px; } .posts__FeaturedMedia .slick-track .img__holder { position: relative; height: 145px; -o-object-fit: cover; object-fit: cover; width: 100%; margin-bottom: 15px; } .posts__FeaturedMedia .slick-track .img__holder img { position: absolute; top: 0; left: 0; display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .posts__FeaturedMedia .slick-track .img__holder img:before { content: ""; display: block; padding-bottom: 100%; } .posts__FeaturedMedia .slick-track a.arrow-down { color: #612C83; font-weight: 700; display: flex; } .posts__pagination { flex: 0 0 auto; width: 100%; text-align: center; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding-top: 30px; } .posts__pagination .page-numbers { display: inline-block; text-decoration: none; width: 35px; height: 35px; color: #32044F; font-weight: 700; display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 2px; } .posts__pagination .page-numbers.prev, .posts__pagination .page-numbers.next { display: none; } .posts__pagination .page-numbers.dots { background: none !important; } .posts__pagination .page-numbers.current, .posts__pagination .page-numbers:hover { background-color: #F9AE1C; } @media (min-width: 768px) { .posts__pagination { padding-top: 80px; } } .single-post { margin-bottom: 45px; } @media (min-width: 1210px) { .single-post { margin-bottom: 85px; } } .single-post .container { display: grid; grid-template-columns: repeat(4, [col-start] 1fr); gap: 10px; padding: 0 30px; } @media (min-width: 1210px) { .single-post .container { gap: 24px; grid-template-columns: repeat(12, [col-start] 1fr); } } @media (min-width: 1200px) { .single-post .container { padding: 0 10px; } } .single-post .container .pxblock--text { padding: 50px 0 !important; } .single-post .container .container { display: block; padding: 0; } .single-post .container .article__content { grid-column: col-start 1/span 4; } .single-post .container .article__content .share { text-align: center; position: relative; width: 200px; height: 35px; } .single-post .container .article__content .share ul { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; width: 100%; height: 100%; margin: 20px 0; height: 35px; z-index: 1; position: relative; } .single-post .container .article__content .share ul li { display: block; position: relative; margin: 0; background: #F9AE1C; width: 40px; height: 100%; text-align: center; } .single-post .container .article__content .share ul li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; transition: opacity 200ms ease-in-out; } .single-post .container .article__content .share ul li:hover:before { opacity: 1; background-image: radial-gradient(circle, #ffcf0b 0%, #f9ae1c 70%); } .single-post .container .article__content .share ul li a { text-decoration: none; z-index: 2; position: relative; display: block; width: 100%; height: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; } .single-post .container .article__content .share ul li svg { margin: 0 auto; text-align: center; } .single-post .container .article__content .share ul li:hover svg { opacity: 0.75; } .single-post .container .article__content .share .btn { width: 100%; height: 100%; padding: 5px; position: absolute; top: 0; left: 0; margin: 0; z-index: 2; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: width 200ms ease-in-out; } .single-post .container .article__content .share .btn:after { margin: 0; width: 20px; height: 20px; margin-left: 10px; margin-right: 10px; flex: 0 0 auto; transform: none !important; } .single-post .container .article__content .share .btn span { display: block; overflow: hidden; transition: width 200ms ease-in-out, opacity 200ms ease-in-out 200ms; } .single-post .container .article__content .share .btn.open { width: 40px; } .single-post .container .article__content .share .btn.open span { width: 0; transition: width 200ms ease-in-out, opacity 200ms ease-in-out; } .single-post .container .article__content .content__featured-image { max-width: 641px; max-height: 400px; overflow: hidden; margin-top: 70px; } .single-post .container .article__content .content__featured-image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .single-post .container .article__content h1 { max-width: 640px; color: #612C83; } .single-post .container .article__content .date { font-weight: 700; text-transform: uppercase; } .single-post .container .article__sidebar { grid-column: col-start 1/span 4; display: flex; padding-bottom: 15px; } .single-post .container .article__sidebar .sidebar-holder { border: 1px solid #612C83; max-height: 470px; padding: 40px; width: 100%; } .single-post .container .article__sidebar .sidebar-holder ul li { list-style: none; margin-bottom: 10px; } @media (min-width: 1210px) { .single-post .container .article__sidebar .sidebar-holder ul li { margin-bottom: 20px; } } .single-post .container .article__sidebar .sidebar-holder ul li:last-child { margin-bottom: 0; } .single-post .container .article__sidebar .sidebar-holder ul li a { color: #32044F; transition: color 200ms ease-in-out; } .single-post .container .article__sidebar .sidebar-holder ul li a:hover { color: #612C83; } @media (min-width: 1210px) { .single-post .container .article__content { grid-column: col-start 1/span 8; } .single-post .container .article__sidebar { grid-column: col-start 10/span 3; } .single-post .container .article__sidebar .sidebar-holder { position: sticky; top: 16%; } } .iframe { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; } .iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dev-documentation { width: 100%; height: auto; padding: 100px 0; } .dev-documentation .section { margin-bottom: 100px; padding-bottom: 30px; border-bottom: 2px solid #FFFFFF; } .dev-documentation code { padding: 20px; background: #181818; margin: 20px 0; display: block; width: 100%; } .pxblock--banner { position: relative; display: grid; grid-template-columns: repeat(4, [col-start] 1fr); gap: 10px; align-content: stretch; overflow: hidden; padding: 0; z-index: -1; padding: 50px 0 80px 0; } @media (min-width: 1210px) { .pxblock--banner { gap: 24px; grid-template-columns: repeat(12, [col-start] 1fr); } } .pxblock--banner .banner-arch { width: 100%; height: 100px; position: absolute; bottom: 0; left: 0; transform: scaleX(1); background-image: url(../assets/images/banner-mask.svg); background-position: center; background-size: cover; z-index: 10; } @media (min-width: 768px) { .pxblock--banner .banner-arch { height: 160px; } } @media (min-width: 768px) { .pxblock--banner { padding: 130px 0; } } @media (min-width: 1210px) { .pxblock--banner { padding: 200px 0 130px 0; min-height: 630px; align-content: center; } } .pxblock--banner:before { content: ""; width: 150%; height: 150%; position: absolute; z-index: 10; top: 50%; background: radial-gradient(circle, #32044f 0%, rgba(50, 4, 79, 0) 80%); left: 50%; transform: translateX(-50%) translateY(-50%); } @media (min-width: 1210px) { .pxblock--banner:before { content: ""; width: 100%; height: 100%; position: absolute; z-index: 10; top: 0; background: radial-gradient(circle, #32044f 0%, rgba(50, 4, 79, 0) 80%); left: -25%; transform: none; } } .pxblock--banner .banner--images { position: absolute; overflow: hidden; z-index: -1; height: 100%; width: 100%; left: 0; top: 0; } .pxblock--banner .banner--images .image--desktop { display: none; visibility: hidden; } @media (min-width: 1210px) { .pxblock--banner .banner--images .image--desktop { display: block; visibility: visible; } } .pxblock--banner .banner--images .image--mobile { display: block; visibility: visible; width: 100%; height: 100%; } @media (min-width: 1210px) { .pxblock--banner .banner--images .image--mobile { display: none; visibility: hidden; } } .pxblock--banner .banner--images .image--always, .pxblock--banner .banner--images .image--desktop, .pxblock--banner .banner--images .image--mobile { position: relative; height: 100%; } .pxblock--banner .banner--images .image--always img, .pxblock--banner .banner--images .image--desktop img, .pxblock--banner .banner--images .image--mobile img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .pxblock--banner .banner--text { z-index: 15; position: relative; color: #FFFFFF; height: 100%; grid-column: col-start 1/span 4; padding: 60px 0 30px; display: flex; justify-content: center; align-items: center; text-align: center; } @media (min-width: 1210px) { .pxblock--banner .banner--text { grid-column: col-start 2/span 5; width: 94%; margin: 0 0 0 auto; background: transparent; padding-top: 0; text-align: left; } } .pxblock--banner .banner--text .text--holder { position: relative; z-index: 12; width: 80%; padding-bottom: 50px; } .pxblock--banner .banner--text .text--holder .color-orange { color: #FFFFFF; transition: color 500ms ease-in; transition-delay: 1s; } .pxblock--banner .banner--text .text--holder .color-orange.animated { color: #F9AE1C; } @media (min-width: 1210px) { .pxblock--banner .banner--text .text--holder { display: flex; align-items: center; justify-content: center; height: 75%; width: auto; } } @media (max-width: 767px) { .pxblock--banner .banner--text .text--holder .container { padding: 0; } } .pxblock--banner .banner--arrow { position: absolute; left: 0; bottom: -10px; z-index: 15; width: 100%; height: 55px; text-align: center; } .pxblock--banner .banner--arrow svg { margin: 0 auto; width: 55px; height: auto; animation: bounce 2s infinite; } @media (min-width: 768px) { .pxblock--banner .banner--arrow { bottom: 0; } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .pxblock--button-navigation.bg--orange-gradient { background: linear-gradient(0deg, #FEF2E2 0%, rgba(254, 242, 226, 0) 71.83%); } .pxblock--button-navigation .container .heading { padding: 20px 0; } @media (min-width: 1210px) { .pxblock--button-navigation .container .heading { padding: 100px 0 20px 0; } } .pxblock--button-navigation .container .nav { padding-bottom: 20px; text-align: center; position: relative; display: block; } .pxblock--button-navigation .container .nav ul.nav-items li.item { display: inline-block; position: relative; padding: 10px 20px; margin: 0 5px 15px; } @media (min-width: 1210px) { .pxblock--button-navigation .container .nav ul.nav-items li.item { font-size: 16px; padding: 10px 25px; margin: 0 24px; } } .pxblock--button-navigation.button--orange .nav ul.nav-items li.item:hover:before { opacity: 1; } .pxblock--button-navigation.button--arrow .nav ul.nav-items li.item { position: relative; } .pxblock--button-navigation.button--arrow .nav ul.nav-items li.item:after { content: ""; width: 15px; height: 12px; background-image: url("../assets/images/arrow.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; position: relative; display: inline-block; margin-left: 15px; transition: transform 200ms ease-in-out; } .pxblock--button-navigation.button--arrow .nav ul.nav-items li.item:hover:before { opacity: 1; } .pxblock--button-navigation.button--arrow .nav ul.nav-items li.item:hover:after { transform: translateX(5px); } .pxblock--button-navigation.button--purple-trans .nav ul.nav-items li.item { background-color: transparent; background-image: none; color: #612C83; border: 1px solid #612C83; padding: 10px 25px; text-decoration: none; } .pxblock--button-navigation.button--purple-trans .nav ul.nav-items li.item:hover { background-color: #F1ECF4; } .pxblock--button-navigation.button--purple-trans .nav ul.nav-items li.item:active { background-color: #F1ECF4; } .pxblock--button-navigation.button--orange-trans .nav ul.nav-items li.item { background-color: transparent; background-image: none; color: #F9AE1C; border: 1px solid #F9AE1C; padding: 10px 25px; transition: background-color 200ms ease-in-out, color 200ms ease-in-out; text-decoration: none; } .pxblock--button-navigation.button--orange-trans .nav ul.nav-items li.item:hover { background-color: #FEF2E2; color: #F9AE1C; } .pxblock--button-navigation.button--orange-trans .nav ul.nav-items li.item:active { background-color: #FFCF0B; } .pxblock--columns { position: relative; overflow: hidden; z-index: 2; padding: 80px 0; } .pxblock--columns.bg--dk-purple { color: #FFFFFF; border-top: 10px solid #612C83; } .pxblock--columns.padding--small { padding: 50px 0; } .pxblock--columns.padding--medium { padding: 75px 0; } .pxblock--columns.padding--large { padding: 100px 0; } .pxblock--columns.padding--x-large { padding: 150px 0; } .pxblock--columns .container .columns__rows .columns { position: relative; justify-content: center; margin: 30px 0; } .pxblock--columns .container .columns__rows .columns:nth-child(2) .orb-parallax.orb--xlarge { opacity: 0; } .pxblock--columns .container .columns__rows .columns:nth-child(3) .orb-parallax.orb--large { opacity: 0; } .pxblock--columns .container .columns__rows .columns .orb-parallax { position: absolute; top: 0; left: 0; z-index: -1; } .pxblock--columns .container .columns__rows .columns .orb-parallax.orb--large { width: 389px; height: 389px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); display: block; } .pxblock--columns .container .columns__rows .columns .orb-parallax.orb--xlarge { width: 528px; height: 528px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); } .pxblock--columns .container .columns__rows .columns .orb-parallax.orb--small { width: 160px; height: 160px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); } .pxblock--columns .container .columns__rows .columns .orb { position: absolute; top: 0; left: 0; z-index: -1; } .pxblock--columns .container .columns__rows .columns .orb.orb--xsmall { width: 58px; height: 58px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); } .pxblock--columns .container .columns__rows .columns.col-1 > * { width: 100%; } .pxblock--columns .container .columns__rows .columns.col-1 .column--text .text-holder { max-width: 750px; margin: 0 auto; } .pxblock--columns .container .columns__rows .columns .column--image .image-holder img { -o-object-fit: contain; object-fit: contain; } .pxblock--columns .container .columns__rows .columns .column--video .video-holder { display: flex; justify-content: center; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; margin: 40px 0; } .pxblock--columns .container .columns__rows .columns .column--video .video-holder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pxblock--content-repeater .container { display: grid; grid-template-columns: repeat(4, [col-start] 1fr); gap: 10px; } @media (min-width: 1210px) { .pxblock--content-repeater .container { gap: 24px; grid-template-columns: repeat(12, [col-start] 1fr); } } .pxblock--content-repeater .content { grid-column: col-start 1/span 13; } @media (min-width: 1210px) { .pxblock--content-repeater .content { grid-column: col-start 1/span 9; } } .pxblock--content-repeater .content__hr .hr--orange { height: 3px; border: none; position: relative; overflow: hidden; margin: 25px 0; } .pxblock--content-repeater .content__hr .hr--orange:after { content: ""; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background: #fca70d; background: linear-gradient(90deg, #fca70d 0%, rgba(252, 167, 13, 0) 100%); transition: left 1000ms ease-in-out; } .pxblock--content-repeater .content__hr .hr--orange.animated:after { left: 0; } .pxblock--content-repeater .content__text { margin: 22px 0 50px; } @media (min-width: 1210px) { .pxblock--content-repeater .content__text { margin: 40px 0 100px; } } .pxblock--faq-items { background: linear-gradient(180deg, #FEF2E2 0%, rgba(254, 242, 226, 0) 100%); padding: 70px 42px; } .pxblock--faq-items header.header { display: flex; margin-bottom: 40px; } .pxblock--faq-items header.header .title { margin: 0; flex: 1; font-style: normal; font-weight: 700; font-size: 30px; line-height: 122.6%; color: #612C83; } .pxblock--faq-items header.header span.file_link { display: flex; flex: 1; justify-content: flex-end; align-items: center; } .pxblock--faq-items header.header span.file_link span { margin-right: 10px; } .pxblock--faq-items header.header span.file_link a { display: flex; font-style: normal; font-weight: 700; font-size: 18px; line-height: 24px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #612C83; } .pxblock--faq-items .tab-default { transition: opacity 500ms, max-height 200ms; overflow: hidden; max-height: 500px; } .pxblock--faq-items .tab-default.collapsed { opacity: 0; visibility: hidden; max-height: 0px; } @media (min-width: 768px) { .pxblock--faq-items .items { -moz-column-count: 2; column-count: 2; -moz-column-gap: 25px; column-gap: 25px; } } .pxblock--faq-items .items .item { background-color: #FFFFFF; border: 1px solid #612C83; padding: 0 26px 38px; margin-bottom: 25px; } @media (min-width: 768px) { .pxblock--faq-items .items .item { display: grid; -moz-column-break-inside: avoid; break-inside: avoid; } } .pxblock--faq-items .items .item.active { background: #F1ECF4; } .pxblock--faq-items .items .item.active .arrow { transform: rotate(180deg); } .pxblock--faq-items .items .item .arrow { margin-left: auto; transition: transform 200ms; } .pxblock--faq-items .items .item .btn { margin: 0; background: none; border: none; padding: 38px 0px 0; margin: 0; display: flex; width: 100%; text-align: left; font-style: normal; font-weight: 700; font-size: 24px; line-height: 122.6%; color: #222222; } .pxblock--faq-items .items .item .content { padding-top: 33px; display: flex; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #222222; } .pxblock--featured-news .container--posts { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; } .pxblock--featured-news .posts { padding-right: 80px; max-width: 1200px; } .pxblock--featured-news .posts__no-results { width: 100%; grid-column: 1/4; } .pxblock--featured-news .filters { flex: 0 0 auto; width: 130px; text-align: right; } .pxblock--featured-news .filters__title { width: 100%; padding: 24px 0; border-top: 1px solid #DAE0E7; border-bottom: 1px solid #DAE0E7; margin-bottom: 20px; } .pxblock--featured-news .filters__title h4 { font-size: 18px; text-align: right; margin: 0; } .pxblock--featured-news .filter { margin-bottom: 30px; } .pxblock--featured-news .filter__label { font-size: 12px; text-transform: uppercase; margin-bottom: 20px; font-weight: 700; } .pxblock--featured-news .filter li { font-size: 12px; margin-bottom: 15px; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; } .pxblock--featured-news .filter label, .pxblock--featured-news .filter input { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pxblock--featured-news .filter input[type=checkbox] { display: inline-block; position: relative; margin-left: 10px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 3px solid #612C83; width: 15px; height: 15px; vertical-align: middle; margin-bottom: 3px; } .pxblock--featured-news .filter input[type=checkbox]:before { content: ""; position: absolute; display: block; width: 36px; height: 36px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); opacity: 0; z-index: -1; } .pxblock--featured-news .filter input[type=checkbox]:after { content: ""; background-image: url(../assets/images/check-small.svg); background-position: center; background-repeat: no-repeat; position: absolute; top: -5px; left: 1px; width: 13px; height: 13px; opacity: 0; } .pxblock--featured-news .filter input[type=checkbox]:checked:before, .pxblock--featured-news .filter input[type=checkbox]:checked:after { opacity: 1; } @media (max-width: 767px) { .pxblock--featured-news .container--posts { flex-flow: column-reverse; justify-content: flex-start; align-items: flex-start; } .pxblock--featured-news .filters { text-align: left; margin-bottom: 40px; } .pxblock--featured-news .filters__title h4 { text-align: left; } .pxblock--featured-news .filter li { justify-content: flex-start; } .pxblock--featured-news .filter li label { display: flex; flex-flow: row-reverse; justify-content: flex-start; } .pxblock--featured-news .filter li label input[type=checkbox] { margin-left: 0; margin-right: 10px; } } .pxblock--form { position: relative; } .pxblock--form .container { display: grid; grid-template-columns: repeat(4, [col-start] 1fr); gap: 10px; } @media (min-width: 1210px) { .pxblock--form .container { gap: 24px; grid-template-columns: repeat(12, [col-start] 1fr); } } .pxblock--form .container .header { grid-column: col-start 1/span 4; } @media (min-width: 1210px) { .pxblock--form .container .header { grid-column: col-start 4/span 6; } } .pxblock--form .container .form-holder { grid-column: col-start 1/span 4; } @media (min-width: 1200px) { .pxblock--form .container .form-holder { grid-column: col-start 4/span 6; } } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_heading .gform_title { display: none; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields { grid-row-gap: 32px; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_contains_required .ginput_container .name_first label, .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_contains_required .ginput_container .name_last label { position: relative; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_contains_required .ginput_container .name_first label:after, .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_contains_required .ginput_container .name_last label:after { content: "*"; position: absolute; top: 3px; left: 90px; color: red; width: 10px; height: 10px; font-size: 16px; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield .gfield_required { color: transparent; position: relative; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield .gfield_required:after { content: "*"; position: absolute; top: -5px; left: 8px; color: red; width: 10px; height: 10px; font-size: 16px; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select select { background-color: rgba(241, 236, 244, 0.25); border-bottom: 2px solid #612C83; border-top: 1px solid #F1ECF4; border-left: 1px solid #F1ECF4; border-right: 1px solid #F1ECF4; font-size: 24px; color: #8E8E8E; padding: 15px 10px; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield .break { position: relative; height: 100px; width: 100%; overflow: hidden; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield .break:before { content: ""; width: 14px; height: 100px; background-image: url(../assets/images/arrow-large-body.svg); background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 50%; transform: translateX(-50%) translateY(-100px); transition: transform 1000ms ease-in-out; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield .break.animated:before { transform: translateX(-50%) translateY(-20px); } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield input { background-color: rgba(241, 236, 244, 0.25); border-bottom: 2px solid #612C83; border-top: 1px solid #F1ECF4; border-left: 1px solid #F1ECF4; border-right: 1px solid #F1ECF4; font-size: 24px; padding: 15px 10px; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield input:focus { border-bottom: 2px solid #32044F; border-top: 1px solid #32044F; border-left: 1px solid #32044F; border-right: 1px solid #32044F; outline: none; background-color: #F1ECF4; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield label { color: #8E8E8E; font-weight: 700; font-size: 16px; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield .gfield_label { color: #8E8E8E; font-size: 16px; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield h3 { text-align: center; margin-bottom: 24px; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_address span { margin-bottom: 32px; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea { font-size: 24px; background-color: rgba(241, 236, 244, 0.25); border-bottom: 2px solid #32044F; border-top: 1px solid #F1ECF4; border-left: 1px solid #F1ECF4; border-right: 1px solid #F1ECF4; max-height: 135px; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea:focus { border-bottom: 2px solid #32044F; border-top: 1px solid #32044F; border-left: 1px solid #32044F; border-right: 1px solid #32044F; outline: none; background-color: #F1ECF4; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_address_country select { font-size: 24px; padding: 16px 10px; background-color: rgba(241, 236, 244, 0.25); border-bottom: 2px solid #32044F; border-top: 1px solid #F1ECF4; border-left: 1px solid #F1ECF4; border-right: 1px solid #F1ECF4; } @media (min-width: 1210px) { .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_checkbox { display: grid; grid-template-columns: repeat(2, [col-start] 1fr); } } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_checkbox .gchoice { position: relative; margin-bottom: 20px; } @media (min-width: 1210px) { .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_checkbox .gchoice { margin-bottom: 10px; } } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_checkbox .gchoice label { font-size: 25px; color: #222222; line-height: 25px; position: relative; padding-left: 40px; cursor: pointer; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_checkbox .gchoice label:before { content: ""; width: 58px; height: 58px; position: absolute; top: -15px; left: -20px; outline: 2px #612C83 solid; outline-offset: -19px; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_checkbox .gchoice label:after { content: ""; background-image: url(../assets/images/check.svg); background-position: center; background-repeat: no-repeat; position: absolute; top: -3px; left: 2px; width: 22px; height: 22px; opacity: 0; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_checkbox .gchoice input { display: none; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_checkbox .gchoice input:checked + label:before { background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_checkbox .gchoice input:checked + label:after { opacity: 1; } @media (min-width: 768px) { .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_radio { display: grid; grid-template-columns: repeat(2, [col-start] 1fr); } } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_radio .gchoice { position: relative; margin-bottom: 20px; } @media (min-width: 1210px) { .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_radio .gchoice { margin-bottom: 10px; } } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_radio .gchoice label { font-size: 25px; color: #222222; line-height: 25px; position: relative; padding-left: 40px; cursor: pointer; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_radio .gchoice label:before { content: ""; width: 58px; height: 58px; position: absolute; top: -15px; left: -20px; outline: 2px #612C83 solid; outline-offset: -19px; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_radio .gchoice label:after { content: ""; background-image: url(../assets/images/check.svg); background-position: center; background-repeat: no-repeat; position: absolute; top: -3px; left: 2px; width: 22px; height: 22px; opacity: 0; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_radio .gchoice input { display: none; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_radio .gchoice input:checked + label:before { background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_body .gform_fields .gfield_radio .gchoice input:checked + label:after { opacity: 1; } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_footer input[type=submit] { color: #32044F; text-align: center; display: block; margin: 20px auto; cursor: pointer; font-size: 16px; font-weight: 700; border: 1px solid #F9AE1C; text-decoration: none; z-index: 1; position: relative; background-image: radial-gradient(circle, #f9ae1c 0%, #f9ae1c 70%); padding: 15px 20px; border-radius: 0 !important; } @media (max-width: 767px) { .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_footer input[type=submit] { width: 100%; } } @media (min-width: 1210px) { .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_footer input[type=submit] { padding: 15px 40px; } } .pxblock--form .container .form-holder .gravity-form .gform_wrapper .gform_footer input[type=submit]:hover { background-image: radial-gradient(circle, #ffcf0b 0%, #f9ae1c 70%); } .pxblock--form.orbs--two .forms--orbs, .pxblock--form.orbs--four .forms--orbs { position: absolute; z-index: 1; display: block; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; pointer-events: none; } @media (min-width: 1210px) { .pxblock--form.orbs--two .forms--orbs .orb { position: absolute; display: block; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); z-index: 1; } .pxblock--form.orbs--two .forms--orbs .orb--large { position: absolute; width: 485px; height: 485px; right: -15%; top: 20%; } .pxblock--form.orbs--two .forms--orbs .orb--small { width: 326px; height: 326px; bottom: 5%; left: -2%; } .pxblock--form.orbs--two .forms--orbs .orb--xl, .pxblock--form.orbs--two .forms--orbs .orb--xsmall { display: none; visibility: hidden; } } @media (min-width: 1210px) { .pxblock--form.orbs--four .forms--orbs .orb { position: absolute; display: block; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); z-index: 1; } .pxblock--form.orbs--four .forms--orbs .orb--xl { width: 326px; height: 326px; left: -5%; top: 10%; } .pxblock--form.orbs--four .forms--orbs .orb--large { width: 714px; height: 714px; right: -20%; top: 35%; } .pxblock--form.orbs--four .forms--orbs .orb--small { width: 140px; height: 140px; bottom: 15%; left: -2%; } .pxblock--form.orbs--four .forms--orbs .orb--xsmall { width: 140px; height: 140px; bottom: 5%; left: 10%; } } .gform_confirmation_message { text-align: center; } .pxblock--grants { padding: 0; } .pxblock--grants .grants--header { padding: 30px 0; background: linear-gradient(0deg, #fef2e2 71.83%, rgba(255, 242, 226, 0) 100%); } @media (min-width: 1210px) { .pxblock--grants .grants--header { padding: 100px 0 20px 0; } } .pxblock--grants .grants--states .state--nav { padding-bottom: 40px; background: #FEF2E2; text-align: center; position: relative; display: block; } @media (min-width: 1210px) { .pxblock--grants .grants--states .state--nav { padding-bottom: 60px; } } .pxblock--grants .grants--states .state--nav ul li { display: inline-block; position: relative; border: 1px solid #612C83; color: #612C83; font-weight: 700; background-color: transparent; font-size: 14px; line-height: 1.25; padding: 5px 20px; margin: 0 5px 15px; } @media (min-width: 1210px) { .pxblock--grants .grants--states .state--nav ul li { font-size: 16px; padding: 10px 25px; margin: 0 24px; } } .pxblock--grants .grants--states .state--nav ul li.active { background-color: #F1ECF4; } .pxblock--grants .grants--states .state--nav ul li.disabled { background: transparent; border: 1px solid #8E8E8E; } .pxblock--grants .grants--states .state--nav ul li:hover { cursor: pointer; background-color: #F1ECF4; } .pxblock--grants .grants--states .state--grants { position: relative; display: block; } .pxblock--grants .grants--states .state--grants .slick-list { padding: 0 !important; width: 100vw; } .pxblock--grants .grants--states .state--grants .state--grant { height: 0; opacity: 0; overflow: hidden; position: relative; } .pxblock--grants .grants--states .state--grants .state--grant.active { height: auto; opacity: 1; overflow: visible; } .pxblock--grants .grants--states .state--grants .state--grant.state--slider { overflow: hidden; position: relative; } .pxblock--grants .grants--states .state--grants .state--grant.state--slider .slick-autoplay-toggle-button { display: none; } .pxblock--grants .grants--states .state--grants .state--grant.state--slider .slick-track { display: flex; } .pxblock--grants .grants--states .state--grants .state--grant.state--slider .slick-slide { transition: 200ms ease-in-out; opacity: 1; display: flex; flex-direction: column; margin: 0; } .pxblock--grants .grants--states .state--grants .state--grant.state--slider .slick-slide > div { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .pxblock--grants .grants--states .state--grants .state--grant.state--slider .slick-slide > div li { align-items: center; justify-content: center; } .pxblock--grants .grants--states .state--grants .state--grant.state--slider .grant--slide { position: relative; height: auto; } @media (min-width: 1210px) { .pxblock--grants .grants--states .state--grants .state--grant.state--slider .grant--slide { height: 624px; } } .pxblock--grants .grants--states .state--grants .state--grant.state--slider .grant--slide .grant--bg { z-index: 5; position: relative; display: block; padding-bottom: 200%; } @media (min-width: 1210px) { .pxblock--grants .grants--states .state--grants .state--grant.state--slider .grant--slide .grant--bg { padding-bottom: 75%; } } .pxblock--grants .grants--states .state--grants .state--grant.state--slider .grant--slide .grant--bg:before { content: ""; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background-blend-mode: multiply, normal; background: linear-gradient(0deg, rgba(50, 4, 79, 0.85), rgba(50, 4, 79, 0.85)); z-index: 5; } .pxblock--grants .grants--states .state--grants .state--grant.state--slider .grant--slide .grant--bg img { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .pxblock--grants .grants--states .state--grants .state--grant.state--slider .grant--slide .grant--text-holder { display: block; z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pxblock--grants .grants--states .state--grants .state--grant.state--slider .grant--slide .grant--text-holder .grant--text { text-align: center; color: #FFFFFF; width: 90%; position: absolute; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); } @media (min-width: 1210px) { .pxblock--grants .grants--states .state--grants .state--grant.state--slider .grant--slide .grant--text-holder .grant--text { width: 50%; } } .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn { position: absolute; top: 0; height: 100%; } .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--prev, .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--next { font-size: 0; top: 0; position: absolute; background: transparent; transition: all 0.2s ease-in-out; padding: 0 15px; } @media (min-width: 1210px) { .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--prev, .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--next { padding: 0 30px; } } .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--prev:hover, .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--prev:focus, .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--next:hover, .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--next:focus { background: #32044F; } .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--prev:hover:before, .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--prev:focus:before, .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--next:hover:before, .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--next:focus:before { transform: scale(0.5); } .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--prev:before, .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--next:before { background-repeat: no-repeat; background-position: center; background-size: 100%; display: inline-block; vertical-align: middle; height: 100%; transition: all 0.2s ease-in-out; width: 25px; } .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--prev { left: 0%; border-right: 1px solid #FFFFFF; z-index: 10; } .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--prev:before { content: ""; background-image: url("../assets/images/white-small-arrow.svg"); } .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--next { right: 0; border-right: 1px solid #FFFFFF; transform: rotate(180deg); } .pxblock--grants .grants--states .state--grants .state--grant button.slick-btn--next:before { content: ""; background-image: url("../assets/images/white-small-arrow.svg"); } .pxblock--grants .grants--states .state--grants .state--grant ul.slick-dots { text-align: center; margin-bottom: 50px; position: absolute; width: 100%; height: auto; left: 0; bottom: -2%; } @media (min-width: 1210px) { .pxblock--grants .grants--states .state--grants .state--grant ul.slick-dots { bottom: 0; } } .pxblock--grants .grants--states .state--grants .state--grant ul.slick-dots li { display: inline-block; position: relative; font-size: 0; width: 10px; height: 10px; background-color: #D1D1D1; margin: 0 5px; border-radius: 50%; } .pxblock--grants .grants--states .state--grants .state--grant ul.slick-dots li.active { background-color: #888888; } .pxblock--grants .grants--states .state--grants .state--grant ul.slick-dots li:hover, .pxblock--grants .grants--states .state--grants .state--grant ul.slick-dots li:focus { background-color: #FFCF0B; cursor: pointer; outline: none; } .pxblock--grants .grants--states .state--grants .state--grant ul.slick-dots li button:focus { outline: none; } .pxblock--icon-list { background-color: #32044F; color: #FFFFFF; border-top: 10px solid #612C83; border-bottom: 10px solid #612C83; padding: 0; } .pxblock--icon-list .container { display: flex; flex-wrap: wrap; padding-right: 0; } @media (max-width: 1209px) { .pxblock--icon-list .container { padding: 0; } } .pxblock--icon-list .container .text { width: 100%; border-bottom: 5px solid #612C83; padding-right: 95px; padding: 100px 0; } .pxblock--icon-list .container .text .content { width: 80%; top: 20%; position: sticky; margin: 0 auto; } @media (min-width: 1210px) { .pxblock--icon-list .container .text .content { width: 70%; margin: 0; } } .pxblock--icon-list .container .orb-holder { height: 100%; } .pxblock--icon-list .container .orb-holder.orbs__left { right: 0; top: 0; width: 15%; height: 100%; position: relative; overflow: hidden; } .pxblock--icon-list .container .orb-holder.orbs__left .orb { right: 0; } .pxblock--icon-list .container .orb-holder.orbs__right { right: 0; top: 0; width: 15%; height: 100%; position: relative; } .pxblock--icon-list .container .orb-holder.orbs__right .orb { left: 0; } .pxblock--icon-list .container .orb-holder .orb-parallax { position: absolute; } .pxblock--icon-list .container .orb-holder .orb-parallax.orb--xsmall { width: 60px; height: 60px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); } .pxblock--icon-list .container .orb-holder .orb-parallax.orb--small { width: 135px; height: 135px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); } .pxblock--icon-list .container .orb-holder .orb-parallax.orb--medium { width: 232px; height: 232px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); } .pxblock--icon-list .container .list { padding: 100px 0; position: relative; display: flex; justify-content: space-between; } .pxblock--icon-list .container .list ul { counter-reset: item; list-style-type: none; width: 70%; } .pxblock--icon-list .container .list ul .item { margin-top: 20px; margin-bottom: 163px; } .pxblock--icon-list .container .list ul .item:last-child { margin-bottom: 0px; } .pxblock--icon-list .container .list ul .item .icon { width: 155px; height: 135px; margin-left: 80px; margin-bottom: 40px; position: relative; } .pxblock--icon-list .container .list ul .item .icon:after { content: ""; width: 293px; height: 293px; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background-image: url(../assets/images/Ellipse-medium.svg); background-position: center; background-repeat: no-repeat; background-size: contain; } .pxblock--icon-list .container .list ul .item .icon img { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .pxblock--icon-list .container .list ul .item li { position: relative; padding-left: 80px; } .pxblock--icon-list .container .list ul .item li h3 { width: 75%; } .pxblock--icon-list .container .list ul .item li:before { content: counter(item, decimal-leading-zero) " "; counter-increment: item; position: absolute; font-size: 50px; font-weight: 700; left: 0; top: -30px; } .pxblock--icon-list .container .list ul .item li:after { content: ""; width: 23px; height: 110px; position: absolute; margin-top: 25px; left: 15px; top: 30px; background-image: url(../assets/images/arrow-large-body-tall.svg); background-size: contain; background-repeat: no-repeat; background-position: center; } .pxblock--icon-list .container .list ul .item li + li { margin-top: 80px; } .pxblock--icon-list .container .list ul .item li ul { width: 90%; } .pxblock--icon-list .container .list ul .item li ul li { list-style: disc; padding-left: 0; margin-left: 20px; } .pxblock--icon-list .container .list ul .item li ul li + li { margin-top: 20px; } .pxblock--icon-list .container .list ul .item li ul li:after, .pxblock--icon-list .container .list ul .item li ul li:before { display: none; visibility: hidden; } @media (min-width: 1210px) { .pxblock--icon-list { margin: 0; } .pxblock--icon-list .container .text { width: 40%; border-right: 5px solid #612C83; border-bottom: none; border-left: none; } .pxblock--icon-list .container .list { width: 60%; } .pxblock--icon-list .container .list ul { width: 60%; } .pxblock--icon-list.list--left .container .text { order: 2; border-right: none; border-left: 5px solid #612C83; padding-left: 40px; } .pxblock--icon-list.list--left .container .list { order: 1; } } .pxblock--learn-more-states { padding: 0 0 30px 0; } @media (min-width: 1210px) { .pxblock--learn-more-states { padding: 0 0 80px 0; } } .pxblock--learn-more-states .info--header { padding: 80px 0 30px; background: linear-gradient(0deg, #fef2e2 71.83%, rgba(255, 242, 226, 0) 100%); } @media (min-width: 1210px) { .pxblock--learn-more-states .info--header { padding: 100px 0 20px 0; } } .pxblock--learn-more-states .info--states .state--nav { padding-bottom: 40px; background: #FEF2E2; text-align: center; position: relative; display: block; } @media (min-width: 1210px) { .pxblock--learn-more-states .info--states .state--nav { padding-bottom: 60px; } } .pxblock--learn-more-states .info--states .state--nav ul li { display: inline-block; position: relative; border: 1px solid #612C83; color: #612C83; font-weight: 700; background-color: transparent; font-size: 14px; line-height: 1.25; padding: 5px 20px; margin: 0 5px 15px; } @media (min-width: 1210px) { .pxblock--learn-more-states .info--states .state--nav ul li { font-size: 16px; padding: 10px 25px; margin: 0 24px; } } .pxblock--learn-more-states .info--states .state--nav ul li.active { background-color: #F1ECF4; } .pxblock--learn-more-states .info--states .state--nav ul li.disabled { background: transparent; border: 1px solid #8E8E8E; } .pxblock--learn-more-states .info--states .state--nav ul li:hover { cursor: pointer; background-color: #F1ECF4; } .pxblock--learn-more-states .info--states .state--infos { border-top: 10px solid #612C83; border-bottom: 10px solid #612C83; background: #32044F; position: relative; display: block; padding: 50px 0; overflow: hidden; } @media (min-width: 1210px) { .pxblock--learn-more-states .info--states .state--infos { padding: 80px 0 100px; } } .pxblock--learn-more-states .info--states .state--infos .state--info { height: 0; opacity: 0; overflow: hidden; position: relative; } .pxblock--learn-more-states .info--states .state--infos .state--info.active { height: auto; opacity: 1; overflow: visible; } @media (min-width: 1210px) { .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--heading { justify-content: space-between; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--heading > * { width: 45%; } } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--heading .heading--text { color: #FFFFFF; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--heading .heading--img { position: relative; display: block; height: auto; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--heading .heading--img img { position: relative; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; z-index: 8; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--heading .heading--img:before { z-index: 10; content: ""; position: absolute; display: block; background-image: url("../assets/images/arrow-large-body-tall.svg"); background-position: bottom center; background-repeat: no-repeat; background-size: contain; width: 15px; height: 140px; bottom: -8%; left: 15%; } @media (min-width: 1210px) { .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--heading .heading--img:before { width: 25px; height: 150px; } } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--heading .orb-parallax { position: absolute; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--heading .orb-parallax.orb--small { width: 135px; height: 135px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); right: 25%; top: 15%; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--heading .orb-parallax.orb--small + .orb--small { right: 90%; top: 25%; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--heading .orb-parallax.orb--large { width: 370px; height: 370px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); top: -10%; right: -5%; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--video { padding-top: 50px; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--video .video--header { width: 90%; margin: 35px auto 75px; color: #FFFFFF; } @media (min-width: 1210px) { .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--video .video--header { width: 50%; margin: 70px auto; } } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--video .video--holder { position: relative; display: block; z-index: 2; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--video .video--holder iframe { width: 100%; height: auto; } @media (min-width: 1210px) { .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--video .video--holder iframe { height: 550px; } } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--footer { color: #FFFFFF; position: relative; z-index: 1; margin: 75px 0 0 0; } @media (min-width: 1210px) { .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--footer { width: 100%; margin: 150px auto 0; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--footer .footer { width: 50%; margin: 0 auto; } } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--footer .orb { position: absolute; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--footer .orb--xsmall { width: 60px; height: 60px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); top: -30%; left: 50%; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--footer .orb--xsmall:nth-child(2) { top: 80%; left: 20%; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--footer .orb--xsmall:nth-child(3) { top: 100%; left: 90%; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--footer .orb-parallax.orb--small { width: 135px; height: 135px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); position: absolute; top: 50%; right: 10%; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--footer .orb-parallax.orb--xlarge { width: 528px; height: 528px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); position: absolute; top: -100%; right: -10%; } .pxblock--learn-more-states .info--states .state--infos .state--info .state--holder .info--footer .orb-parallax.orb--xlarge + .orb--xlarge { left: -10%; top: 10%; } .pxblock--locations { position: relative; margin-bottom: 50px; } .pxblock--locations .break { position: absolute; bottom: -70px; left: 0; height: 100px; width: 100%; overflow: hidden; z-index: 2; } .pxblock--locations .break:before { content: ""; width: 14px; height: 100px; background-image: url(../assets/images/arrow-large-body.svg); background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 50%; transform: translateX(-50%) translateY(-100px); transition: transform 1000ms ease-in-out; } .pxblock--locations .break.animated:before { transform: translateX(-50%) translateY(-20px); } .pxblock--locations:after { content: ""; position: absolute; width: 100%; height: 50%; left: 0; bottom: 0; background: linear-gradient(180deg, #FEF2E2 0%, rgba(254, 242, 226, 0) 100%); transform: rotate(-180deg); } .pxblock--locations .container .locations__header { width: 75%; margin: 0 auto; } .pxblock--locations .container .locations__holder { position: relative; margin: 100px 0 50px 0; z-index: 1; } .pxblock--locations .container .locations__holder.per-row--two .location.column { width: 100%; border-bottom: 1px solid #612C83; } .pxblock--locations .container .locations__holder.per-row--two .location.column:last-child { border-bottom: none; } @media (min-width: 1210px) { .pxblock--locations .container .locations__holder.per-row--two .location.column { width: 50%; } .pxblock--locations .container .locations__holder.per-row--two .location.column:nth-child(1) { border-bottom: 1px solid #612C83; border-right: 1px solid #612C83; } .pxblock--locations .container .locations__holder.per-row--two .location.column:nth-child(2) { border-bottom: 1px solid #612C83; } .pxblock--locations .container .locations__holder.per-row--two .location.column:nth-child(3) { border-right: 1px solid #612C83; border-bottom: none; } } .pxblock--locations .container .locations__holder.per-row--three .location.column { border-right: none; border-bottom: 1px solid #612C83; width: 100%; } .pxblock--locations .container .locations__holder.per-row--three .location.column:last-child { border-bottom: none; } @media (min-width: 1210px) { .pxblock--locations .container .locations__holder.per-row--three .location.column { width: 33.33%; } .pxblock--locations .container .locations__holder.per-row--three .location.column:nth-child(1) { border-right: 1px solid #612C83; border-bottom: 1px solid #612C83; } .pxblock--locations .container .locations__holder.per-row--three .location.column:nth-child(2) { border-right: 1px solid #612C83; border-bottom: 1px solid #612C83; } .pxblock--locations .container .locations__holder.per-row--three .location.column:nth-child(3) { border-bottom: 1px solid #612C83; } .pxblock--locations .container .locations__holder.per-row--three .location.column:nth-child(4) { border-right: 1px solid #612C83; border-bottom: none; } .pxblock--locations .container .locations__holder.per-row--three .location.column:nth-child(5) { border-right: 1px solid #612C83; border-bottom: none; } } @media (min-width: 768px) { .pxblock--locations .container .locations__holder:after { opacity: 1; } } .pxblock--locations .container .locations__holder .location { text-align: center; display: flex; flex-wrap: wrap; padding: 40px; margin: 0; } .pxblock--locations .container .locations__holder .location h5 { width: 100%; margin-bottom: 5px; } .pxblock--locations .container .locations__holder .location span { width: 100%; } .pxblock--locations .container .locations__holder .location a { color: #222222; font-size: 18px; line-height: 1.3333333333; } .pxblock--locations .container .locations__holder .location .phone { font-weight: 700; width: 100%; margin-top: 20px; } .pxblock--locations .container .locations__holder .location .address { text-decoration: none; width: 100%; margin-top: 20px; } .pxblock--navigation.bg--image { position: relative; display: block; } .pxblock--navigation.bg--image .nav--bg-img { position: absolute; overflow: hidden; z-index: -1; height: 100%; width: 100%; left: 0; top: 0; } .pxblock--navigation.bg--image .nav--bg-img .bg--mobile, .pxblock--navigation.bg--image .nav--bg-img .bg--desktop, .pxblock--navigation.bg--image .nav--bg-img .bg--always { position: relative; } .pxblock--navigation.bg--image .nav--bg-img .bg--mobile img, .pxblock--navigation.bg--image .nav--bg-img .bg--desktop img, .pxblock--navigation.bg--image .nav--bg-img .bg--always img { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .pxblock--navigation.bg--image .nav--bg-img .bg--mobile { display: block; visibility: visible; width: 100%; height: 100%; } @media (min-width: 1210px) { .pxblock--navigation.bg--image .nav--bg-img .bg--mobile { display: none; visibility: hidden; width: 0; height: 0; } } .pxblock--navigation.bg--image .nav--bg-img .bg--desktop { display: none; visibility: hidden; width: 0; height: 0; } @media (min-width: 1210px) { .pxblock--navigation.bg--image .nav--bg-img .bg--desktop { display: block; visibility: visible; width: 100%; height: 100%; } } .pxblock--navigation.bg--image .nav--bg-img .bg--always { display: block; visibility: visible; width: 100%; height: 100%; } .pxblock--navigation.title--side .nav--title, .pxblock--navigation.title--side .nav--items { display: inline-block; position: relative; } .pxblock--navigation.title--side .nav--title { margin-right: 0; margin-bottom: 0px; } @media (min-width: 768px) { .pxblock--navigation.title--side .nav--title { margin-right: 25px; } } @media (min-width: 1200px) { .pxblock--navigation.title--side .nav--title { margin-right: 55px; } } .pxblock--navigation.title--side .nav--title h1, .pxblock--navigation.title--side .nav--title h2, .pxblock--navigation.title--side .nav--title h3, .pxblock--navigation.title--side .nav--title h4, .pxblock--navigation.title--side .nav--title h5, .pxblock--navigation.title--side .nav--title h6, .pxblock--navigation.title--side .nav--title p { margin-bottom: 15px; } @media (min-width: 1210px) { .pxblock--navigation.title--side .nav--title h1, .pxblock--navigation.title--side .nav--title h2, .pxblock--navigation.title--side .nav--title h3, .pxblock--navigation.title--side .nav--title h4, .pxblock--navigation.title--side .nav--title h5, .pxblock--navigation.title--side .nav--title h6, .pxblock--navigation.title--side .nav--title p { margin-bottom: 0; } } .pxblock--navigation.title--above h1, .pxblock--navigation.title--above h2, .pxblock--navigation.title--above h3, .pxblock--navigation.title--above h4, .pxblock--navigation.title--above h5, .pxblock--navigation.title--above h6, .pxblock--navigation.title--above p { margin-bottom: 15px; } @media (min-width: 1210px) { .pxblock--navigation.title--above h1, .pxblock--navigation.title--above h2, .pxblock--navigation.title--above h3, .pxblock--navigation.title--above h4, .pxblock--navigation.title--above h5, .pxblock--navigation.title--above h6, .pxblock--navigation.title--above p { margin-bottom: 25px; } } .pxblock--navigation .nav--items.items-color--white a { color: #FFFFFF; } .pxblock--navigation .nav--items.items-color--white a:hover:after { background: #FFFFFF; } .pxblock--navigation .nav--items.items-color--orange a { color: #F9AE1C; } .pxblock--navigation .nav--items.items-color--orange a:hover:after { background: #F9AE1C; } .pxblock--navigation .nav--items.items-color--black a { color: #222222; } .pxblock--navigation .nav--items.items-color--black a:hover:after { background: #222222; } .pxblock--navigation .nav--items.items-color--purple a { color: #32044F; } .pxblock--navigation .nav--items.items-color--purple a:hover:after { background: #32044F; } .pxblock--navigation .nav--items.items-color--yellow a { color: #FFCF0B; } .pxblock--navigation .nav--items.items-color--yellow a:hover:after { background: #FFCF0B; } .pxblock--navigation .nav--items ul li { display: block; position: relative; } @media (min-width: 1210px) { .pxblock--navigation .nav--items ul li:last-child { margin: 0; } } @media (min-width: 1210px) { .pxblock--navigation .nav--items ul li { display: inline-block; margin: 0 50px 0 0; } } .pxblock--navigation .nav--items ul li a { font-weight: 700; display: inline-block; position: relative; border-bottom: none; text-decoration: none; } .pxblock--navigation .nav--items ul li a.arrow { text-decoration: none; position: relative; padding-right: 25px; padding-bottom: 5px; } @media (max-width: 1209px) { .pxblock--navigation .nav--items ul li a.arrow:after { content: "→"; display: inline-block; position: relative; transition: all 200ms ease-in-out; margin-left: 5px; width: auto; background: transparent; } .pxblock--navigation .nav--items ul li a.arrow:before { display: none; visibility: hidden; } } @media (min-width: 1210px) { .pxblock--navigation .nav--items ul li a.arrow:before { content: "→"; position: absolute; display: inline-block; transition: all 200ms ease-in-out; right: 0; } .pxblock--navigation .nav--items ul li a.arrow:hover:before { right: -5px; } } .pxblock--navigation .nav--items ul li a:after { content: ""; display: block; margin: auto; height: 2px; width: 0px; background: transparent; transition: width 0.5s ease, background-color 0.5s ease; bottom: 0; } .pxblock--navigation .nav--items ul li a:hover:after { width: 100%; } .pxblock--quote .container .quote-holder { border-top: 1px solid #612C83; border-bottom: 1px solid #612C83; padding: 50px 0; } .pxblock--quote .container .quote-holder .mark { font-size: 75px; color: #612C83; height: 60px; line-height: 1; } .pxblock--quote .container .quote-holder .quote__details span { display: block; } .pxblock--resources-and-news .container { display: grid; grid-template-columns: repeat(4, [col-start] 1fr); gap: 10px; } @media (min-width: 1210px) { .pxblock--resources-and-news .container { gap: 24px; grid-template-columns: repeat(12, [col-start] 1fr); } } @media (max-width: 1209px) { .pxblock--resources-and-news .container { padding: 0; display: flex; flex-flow: column-reverse; } } .pxblock--resources-and-news .container .rn--feed { grid-column: col-start 1/span 13; } @media (min-width: 1210px) { .pxblock--resources-and-news .container .rn--feed { grid-column: col-start 1/span 9; } } .pxblock--resources-and-news .container .rn--feed .rn--header { color: #612C83; background: linear-gradient(90deg, #FEF2E2 0%, rgba(254, 242, 226, 0) 100%); padding: 22px; margin-bottom: 22px; } @media (min-width: 1210px) { .pxblock--resources-and-news .container .rn--feed .rn--header { padding: 32px 42px; margin-bottom: 44px; } } @media (min-width: 1210px) { .pxblock--resources-and-news .container .rn--feed .rn--header#FeaturedNews { display: flex; align-items: flex-end; } } .pxblock--resources-and-news .container .rn--feed .rn--header h2 { margin-bottom: 0; padding-bottom: 0; } .pxblock--resources-and-news .container .rn--feed .rn--header .feature--link { margin-top: 10px; } @media (min-width: 1210px) { .pxblock--resources-and-news .container .rn--feed .rn--header .feature--link { margin-top: 0; width: 50%; } } .pxblock--resources-and-news .container .rn--feed .rn--header .feature--link a { color: #612C83; position: relative; text-decoration: none; font-weight: 500; } .pxblock--resources-and-news .container .rn--feed .rn--header .feature--link a:before { content: ""; width: 100%; height: 1px; background-color: #612C83; position: absolute; bottom: 0; left: 0; } .pxblock--resources-and-news .container .rn--feed .rn--header .feature--link a:after { content: "→"; transition: all 200ms ease-in-out; padding-left: 10px; } .pxblock--resources-and-news .container .rn--feed .rn--header .feature--link a:hover:after { padding-left: 15px; } .pxblock--resources-and-news .container .rn--feed .rn--desc { margin: 0 20px 55px 20px; } @media (min-width: 1210px) { .pxblock--resources-and-news .container .rn--feed .rn--desc { margin: 0 0 55px 0; } } .pxblock--resources-and-news .container .rn--feed .rn--feed { padding: 0 22px 22px; } @media (min-width: 1210px) { .pxblock--resources-and-news .container .rn--feed .rn--feed { padding: 0 0 100px 0; } } .pxblock--resources-and-news .container .rn--feed .rn--child-header .hr--orange { height: 3px; border: none; position: relative; overflow: hidden; margin: 25px 0; } .pxblock--resources-and-news .container .rn--feed .rn--child-header .hr--orange:after { content: ""; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background: #fca70d; background: linear-gradient(90deg, #fca70d 0%, rgba(252, 167, 13, 0) 100%); transition: left 1000ms ease-in-out; } .pxblock--resources-and-news .container .rn--feed .rn--child-header .hr--orange.animated:after { left: 0; } .pxblock--resources-and-news .container .rn--nav { grid-column: col-start 1/span 13; position: sticky; top: 94px; left: 0; background: #FFFFFF; padding: 0 30px 20px; width: 100%; } @media (min-width: 1210px) { .pxblock--resources-and-news .container .rn--nav { position: relative; grid-column: col-start 11/span 13; padding: 0; background: transparent; } } .pxblock--resources-and-news .container .rn--nav ul { text-align: center; width: 100%; } @media (min-width: 1210px) { .pxblock--resources-and-news .container .rn--nav ul { display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-end; position: sticky; top: 25vh; right: 5vw; text-align: right; } } .pxblock--resources-and-news .container .rn--nav ul li { display: inline-block; position: relative; margin: 0 10px 16px; } @media (min-width: 1210px) { .pxblock--resources-and-news .container .rn--nav ul li { display: block; margin: 0 0 16px 0; max-width: 180px; } } .pxblock--resources-and-news .container .rn--nav ul li a { color: #612C83; font-weight: 700; font-size: 18px; line-height: 24px; text-decoration: none; padding-right: 20px; display: inline-block; } @media (max-width: 1209px) { .pxblock--resources-and-news .container .rn--nav ul li a { padding-right: 0; } .pxblock--resources-and-news .container .rn--nav ul li a.active:after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 3px; background: linear-gradient(0deg, rgba(249, 174, 28, 0) 0%, rgba(249, 174, 28, 0.7133447129) 65%, #f9ae1c 100%); } } @media (min-width: 1210px) { .pxblock--resources-and-news .container .rn--nav ul li:hover a:after, .pxblock--resources-and-news .container .rn--nav ul li a.active:after { content: ""; position: absolute; right: -16px; top: 0; height: 34px; width: 3px; background: linear-gradient(0deg, rgba(249, 174, 28, 0) 0%, rgba(249, 174, 28, 0.7133447129) 65%, #f9ae1c 100%); } } .pxblock--separator { position: relative; margin-bottom: 50px; } .pxblock--separator .break { position: absolute; bottom: 5%; left: 0; height: 100px; width: 100%; overflow: hidden; z-index: 2; } .pxblock--separator .break:before { content: ""; width: 40px; height: 100px; background-image: url(../assets/images/arrow-large-body.svg); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 50%; transform: translateX(-50%) translateY(-100px); transition: transform 1000ms ease-in-out; } .pxblock--separator .break.animated:before { transform: translateX(-50%) translateY(-30px); } .pxblock--state-details { padding: 125px 0 100px 0; } .pxblock--state-details .container .columns { display: grid; grid-template-columns: repeat(4, [col-start] 1fr); gap: 10px; } @media (min-width: 1210px) { .pxblock--state-details .container .columns { gap: 24px; grid-template-columns: repeat(12, [col-start] 1fr); } } .pxblock--state-details .container .columns .column { width: 100%; } .pxblock--state-details .container .columns .column__content { grid-column: col-start 1/span 4; } @media (min-width: 1210px) { .pxblock--state-details .container .columns .column__content { grid-column: col-start 1/span 5; } } .pxblock--state-details .container .columns .column__content .state-expander__toggle { width: 100%; border-bottom: 1px solid #612C83; padding-bottom: 10px; } .pxblock--state-details .container .columns .column__content .state-expander__toggle .toggle { color: #612C83; font-weight: 700; padding-right: 20px; position: relative; } .pxblock--state-details .container .columns .column__content .state-expander__toggle .toggle:after { content: "+"; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .pxblock--state-details .container .columns .column__content .state-expander__toggle .toggle:focus { outline: none; } .pxblock--state-details .container .columns .column__content .state-expander__drawer { margin-top: 20px; } .pxblock--state-details .container .columns .column__slider { grid-column: col-start 1/span 4; position: relative; } @media (min-width: 1210px) { .pxblock--state-details .container .columns .column__slider { grid-column: col-start 7/span 6; } } .pxblock--state-details .container .columns .column__slider .state-details__heading { text-align: center; } @media (min-width: 1210px) { .pxblock--state-details .container .columns .column__slider .state-details__heading { text-align: left; } } .pxblock--state-details .container .columns .column__slider .state-details__slider { margin-top: 60px; overflow: hidden; position: relative; } .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-autoplay-toggle-button { display: none; } .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-track { display: flex; } .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-slide { transition: 200ms ease-in-out; opacity: 1; display: flex; flex-direction: column; margin: 0; } .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-slide > div { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-slide > div li { align-items: center; justify-content: center; } .pxblock--state-details .container .columns .column__slider .state-details__slider::before { content: ""; z-index: 10; display: block; position: absolute; width: 2px; background: #612C83; left: 0; top: 0; height: 500px; } @media (min-width: 1210px) { .pxblock--state-details .container .columns .column__slider .state-details__slider::before { height: 90%; } } .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-prev { display: none !important; } .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-next { position: absolute; right: 0; top: 0; border: 2px solid #612C83; width: 70px; transition: background-color 200ms ease-in-out; font-size: 0; height: 500px; background-color: #FFFFFF; } @media (min-width: 1210px) { .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-next { height: 360px; } } .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-next:focus, .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-next:active { outline: none; } .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-next:after { content: ""; width: 20px; height: 20px; background-image: url(../assets/images/arrow.svg); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-next:hover, .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-next:active { background-color: #F1ECF4; } .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-dots { display: flex; flex-wrap: wrap; justify-content: center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-dots li { font-size: 0; width: 10px; height: 10px; background-color: #D1D1D1; border-radius: 50%; } .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-dots li + li { margin-left: 10px; } .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-dots li button:focus { outline: none; } .pxblock--state-details .container .columns .column__slider .state-details__slider .slick-dots li.slick-active { background-color: #888888; } .pxblock--state-details .container .columns .column__slider .state-details__slider .slide { border-top: 2px solid #612C83; border-bottom: 2px solid #612C83; position: relative; background-color: #FFFFFF; padding: 30px; display: flex !important; align-items: center; margin-bottom: 40px; height: 500px; } @media (min-width: 1210px) { .pxblock--state-details .container .columns .column__slider .state-details__slider .slide { height: 360px; } } @media (min-width: 768px) { .pxblock--state-details .container .columns .column__slider .state-details__slider .slide { padding: 86px 95px 86px 68px; } } @media (max-width: 767px) { .pxblock--state-details .container .columns .column__slider .state-details__slider .slide > * { width: 80%; } } .pxblock--testimonial-slider .testimonial-slider { overflow: hidden; } .pxblock--testimonial-slider .testimonial-slider .slick-autoplay-toggle-button { display: none; } .pxblock--testimonial-slider .testimonial-slider .slick-track { display: flex; } .pxblock--testimonial-slider .testimonial-slider .slick-slide { transition: 200ms ease-in-out; opacity: 1; display: flex; flex-direction: column; margin: 0; } .pxblock--testimonial-slider .testimonial-slider .slick-slide > div { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .pxblock--testimonial-slider .testimonial-slider .slick-slide > div li { align-items: center; justify-content: center; } .pxblock--testimonial-slider .testimonial-slider .slick-slide { margin: 0 10px; } @media (min-width: 1210px) { .pxblock--testimonial-slider .testimonial-slider .slick-slide { margin: 0 13px; } } .pxblock--testimonial-slider .testimonial-slider .slick-dots { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; } .pxblock--testimonial-slider .testimonial-slider .slick-dots li { font-size: 0; width: 10px; height: 10px; background-color: #D1D1D1; border-radius: 50%; } .pxblock--testimonial-slider .testimonial-slider .slick-dots li + li { margin-left: 10px; } .pxblock--testimonial-slider .testimonial-slider .slick-dots li button:focus { outline: none; } .pxblock--testimonial-slider .testimonial-slider .slick-dots li.slick-active { background-color: #888888; } .pxblock--testimonial-slider .testimonial-slider .testimonial__slide .grid { width: 100%; height: 100%; display: grid; grid-template-areas: "a b b" "a c c"; gap: 26px 0; } @media (min-width: 1210px) { .pxblock--testimonial-slider .testimonial-slider .testimonial__slide .grid { gap: 26px; } } .pxblock--testimonial-slider .testimonial-slider .testimonial__slide .grid .testimonial__single { grid-area: a; background-color: #F1ECF4; border: 1px solid #612C83; padding: 30px; } @media (min-width: 1210px) { .pxblock--testimonial-slider .testimonial-slider .testimonial__slide .grid .testimonial__single { padding: 70px; } } .pxblock--testimonial-slider .testimonial-slider .testimonial__slide .grid .testimonial__single .testimonial { font-size: 18px; line-height: 1.3333333333; position: relative; padding-top: 70px; } .pxblock--testimonial-slider .testimonial-slider .testimonial__slide .grid .testimonial__single .testimonial:before { content: "“"; font-size: 100px; color: #612C83; position: absolute; left: 0; top: 0; line-height: 1; } .pxblock--testimonial-slider .testimonial-slider .testimonial__slide .grid .testimonial__single .attribution { font-size: 12px; line-height: 1.5; font-weight: 700; margin-top: 20px; } .pxblock--testimonial-slider .testimonial-slider .testimonial__slide .grid .testimonial__single:nth-child(1) { grid-area: b; background-color: transparent; } .pxblock--testimonial-slider .testimonial-slider .testimonial__slide .grid .testimonial__single:nth-child(1) .testimonial { font-size: 14px; line-height: 1.4285714286; padding-top: 50px; } .pxblock--testimonial-slider .testimonial-slider .testimonial__slide .grid .testimonial__single:nth-child(1) .testimonial:before { font-size: 75px; } .pxblock--testimonial-slider .testimonial-slider .testimonial__slide .grid .testimonial__single:nth-child(2) { grid-area: c; background-color: transparent; } .pxblock--testimonial-slider .testimonial-slider .testimonial__slide .grid .testimonial__single:nth-child(2) .testimonial { font-size: 14px; line-height: 1.4285714286; padding-top: 50px; } .pxblock--testimonial-slider .testimonial-slider .testimonial__slide .grid .testimonial__single:nth-child(2) .testimonial:before { font-size: 75px; } @media (max-width: 767px) { .pxblock--testimonial-slider .testimonial-slider .testimonial__slide .grid .testimonial__single:last-of-type { display: none; visibility: hidden; } } .pxblock--text-w-media { width: 100vw; width: 100%; } @media (max-width: 767px) { .pxblock--text-w-media { overflow: hidden; } } .pxblock--text-w-media.bg--dk-purple { border-top: 10px solid #612C83; } @media (min-width: 768px) { .pxblock--text-w-media.full-circle { margin: 150px 0; } } @media (min-width: 1210px) { .pxblock--text-w-media.full-circle { margin: 100px 0 225px 0; } } .pxblock--text-w-media.media-type--iframe .columns .container { align-items: center; } .pxblock--text-w-media.media-type--iframe .columns .container .media--iframe .iframe { position: relative; width: 100%; height: 0; padding: 0 0 56.25% 0; overflow: hidden; } @media (max-width: 767px) { .pxblock--text-w-media.media-type--iframe .columns .container .media--iframe .iframe { min-height: 300px; } } .pxblock--text-w-media.media-type--iframe .columns .container .media--iframe .iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (min-width: 1210px) { .pxblock--text-w-media.media-type--video .columns { justify-content: space-between; } .pxblock--text-w-media.media-type--video .columns > * { width: 45%; } } .pxblock--text-w-media.media-type--video .columns .media--video { position: relative; } .pxblock--text-w-media.media-type--video .columns .media--video iframe { width: 100%; } .pxblock--text-w-media.media-type--image { position: relative; } .pxblock--text-w-media.media-type--image .columns .column { margin-bottom: 0; } .pxblock--text-w-media.media-type--image .columns .media--image { padding-top: 40px; position: relative; margin: auto 0; } .pxblock--text-w-media.media-type--image .columns .media--image .image { flex: 1; border-radius: 50%; overflow: hidden; position: relative; } .pxblock--text-w-media.media-type--image .columns .media--image .image:before { content: ""; background: #FFCF0B; background: linear-gradient(#FFCF0B, transparent); animation: spin 3s linear infinite; display: block; padding-bottom: 100%; width: 100%; border-radius: 50%; } .pxblock--text-w-media.media-type--image .columns .media--image .image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; border-radius: 50%; padding: 20px; } .pxblock--text-w-media.media-type--image .columns .media--image .image--mobile { display: block; } @media (min-width: 1210px) { .pxblock--text-w-media.media-type--image .columns .media--image .image--mobile { display: none; } } @media (min-width: 768px) { .pxblock--text-w-media.media-type--image .columns .media--image { min-height: 500px; } .pxblock--text-w-media.media-type--image .columns .media--image .image { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 125%; } } .pxblock--text-w-media.media-type--image .columns .media--text { padding: 50px 0; margin: auto 0; } @media (min-width: 768px) { .pxblock--text-w-media.media-type--image .columns .media--text { padding: 50px 0; } } @media (min-width: 768px) { .pxblock--text-w-media.media-type--image .columns .media--text .text-holder { padding-left: 100px; } } .pxblock--text-w-media.media-type--image .columns .media--text .text-holder a.btn { margin: 10px auto 0; } @media (min-width: 1210px) { .pxblock--text-w-media.media-type--image .columns .media--text .text-holder a.btn { margin: 20px auto 0; } } .pxblock--text-w-media.full-width { padding: 0; margin: 0; overflow: hidden; } .pxblock--text-w-media.full-width .columns.media-right .media--image { order: 2; } .pxblock--text-w-media.full-width .columns.media-right .media--iframe { order: 2; } .pxblock--text-w-media.full-width .columns.media-right .media--text { order: 1; } @media (max-width: 767px) { .pxblock--text-w-media.full-width .columns.media-right .media--text { padding: 50px 0 0 0; } } .pxblock--text-w-media.full-width .columns > * { width: 100%; } .pxblock--text-w-media.full-width .columns--half .media--image { width: 100%; min-height: 300px; } .pxblock--text-w-media.full-width .columns--half .media--iframe { width: 100%; min-height: 300px; } .pxblock--text-w-media.full-width .columns--half .media--text { width: 100%; } @media (min-width: 768px) { .pxblock--text-w-media.full-width .columns--half .media--image { width: 50%; min-height: 500px; } .pxblock--text-w-media.full-width .columns--half .media--iframe { width: 50%; min-height: 500px; } .pxblock--text-w-media.full-width .columns--half .media--text { width: 50%; padding: 40px 40px 40px 100px; } } .pxblock--text-w-media.full-width .columns--one-third .media--iframe { width: 100%; min-height: 300px; } .pxblock--text-w-media.full-width .columns--one-third .media--image { width: 100%; min-height: 400px; } .pxblock--text-w-media.full-width .columns--one-third .media--text { width: 100%; } @media (min-width: 768px) { .pxblock--text-w-media.full-width .columns--one-third .media--iframe { width: 66.6666666667%; min-height: 500px; } } @media (min-width: 1210px) { .pxblock--text-w-media.full-width .columns--one-third .media--image { width: 66.6666666667%; min-height: 500px; } .pxblock--text-w-media.full-width .columns--one-third .media--text { width: 33.3333333333%; padding: 40px; } } .pxblock--text-w-media.full-width .columns .container { display: flex; flex-wrap: wrap; margin-bottom: 0; } .pxblock--text-w-media.full-width .columns .container .media--image.image-contain { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .pxblock--text-w-media.full-width .columns .container .media--image.image-contain .image { min-height: 250px; } .pxblock--text-w-media.full-width .columns .container .media--image.image-contain img { -o-object-fit: contain; object-fit: contain; width: 100%; padding: 50px 40px; } .pxblock--text-w-media.full-width .columns .container--half .media--image { width: 50%; } .pxblock--text-w-media.full-width .columns .container--half .media--text { width: 50%; padding: 40px 40px 40px 100px; } .pxblock--text-w-media.full-width .columns .container--one-third .media--image { width: 66.6666666667%; } .pxblock--text-w-media.full-width .columns .container--one-third .media--text { width: 33.3333333333%; padding: 40px; } .pxblock--text-w-media.full-width .columns .media--image { position: relative; padding: 0; } .pxblock--text-w-media.full-width .columns .media--image .image--always img, .pxblock--text-w-media.full-width .columns .media--image .image--desktop img, .pxblock--text-w-media.full-width .columns .media--image .image--mobile img { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .pxblock--text-w-media.full-width .columns .media--text { display: flex; justify-content: center; align-items: center; } .pxblock--text-w-media.full-width .columns .media--text .text-holder { padding: 0 20px; } @media (min-width: 1210px) { .pxblock--text-w-media.full-width .columns .media--text .text-holder { height: 100%; width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; align-content: center; padding: 0; } .pxblock--text-w-media.full-width .columns .media--text .text-holder p { width: 100%; } } .pxblock--text-w-media.container-width.media-type--image { padding: 0; } .pxblock--text-w-media.semi-circle { overflow: hidden; } .pxblock--text-w-media.semi-circle .container .columns .media--text { order: 1; } .pxblock--text-w-media.semi-circle .container .columns .media--image { order: 2; height: 300px; } .pxblock--text-w-media.semi-circle .container .columns .media--image .image { position: absolute; right: 50%; top: 10%; transform: translateX(50%); width: 125%; } .pxblock--text-w-media.semi-circle .container .columns .media--image .image:before { background: none; } .pxblock--text-w-media.semi-circle .container .columns .media--image:after { content: ""; position: absolute; right: 20%; bottom: 20px; height: 30px; width: 120%; background: #ffcf0b; background: linear-gradient(90deg, #ffcf0b 0%, rgba(255, 207, 11, 0) 100%); } @media (min-width: 768px) { .pxblock--text-w-media.semi-circle .container .columns .media--image:after { right: 15%; bottom: 30px; height: 30px; width: 50vw; } } @media (min-width: 768px) { .pxblock--text-w-media.semi-circle .container .columns .media--image { order: 1; } .pxblock--text-w-media.semi-circle .container .columns .media--image .image { right: 0; transform: none; top: 20%; width: 70vw; } .pxblock--text-w-media.semi-circle .container .columns .media--text { order: 2; padding-right: 40px; } } .pxblock--text-w-media.has-iframe { padding: 100px 0; } .pxblock--text-w-media.has-iframe .columns { margin: 0 auto !important; } .pxblock--text-w-media.has-iframe .media--text { position: relative; z-index: 2; } .pxblock--text-w-media.has-iframe .media--iframe { padding: 0 45px 0 30px; position: relative; } .pxblock--text-w-media.has-iframe .media--iframe:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); z-index: 1; width: 150%; height: 0px; padding-bottom: 100%; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); display: block; } .pxblock--text-w-media.has-iframe .media--iframe .iframe { position: relative; z-index: 2; } @media (min-width: 768px) { .pxblock--text-w-media.has-iframe .media--iframe { padding: 0 60px 0 0; } } @media (max-width: 1199px) { .has-iframe .media--iframe, .has-iframe .media--text { width: 100% !important; } } @media (max-width: 1199px) { .has-iframe .media--iframe { padding: 0 60px !important; margin: 0 auto; } } @keyframes spin { 100% { transform: rotate(360deg); } } .pxblock--text { /*First block add extra padding */ /*Last block add extra padding */ /*Start ACF Padding */ /*Start ACF Width */ /*Start ACF Arrow Option */ } .pxblock--text.pxblock--top { padding-top: 60px !important; } @media (min-width: 1210px) { .pxblock--text.pxblock--top { padding-top: 125px !important; } } .pxblock--text.pxblock--bottom { padding-bottom: 60px !important; } @media (min-width: 1210px) { .pxblock--text.pxblock--bottom { padding-bottom: 125px !important; } } .pxblock--text.pxblock.padding--zero { padding: 0; } .pxblock--text.pxblock.padding--fifteen { padding: 15px 0; } .pxblock--text.pxblock.padding--twenty-five { padding: 10px 0; } @media (min-width: 1210px) { .pxblock--text.pxblock.padding--twenty-five { padding: 25px 0; } } .pxblock--text.pxblock.padding--thirty { padding: 15px 0; } @media (min-width: 1210px) { .pxblock--text.pxblock.padding--thirty { padding: 30px 0; } } .pxblock--text.pxblock.padding--fifty { padding: 30px 0; } @media (min-width: 1210px) { .pxblock--text.pxblock.padding--fifty { padding: 50px 0; } } .pxblock--text.pxblock.padding--sixty { padding: 30px 0; } @media (min-width: 1210px) { .pxblock--text.pxblock.padding--sixty { padding: 60px 0; } } .pxblock--text.pxblock.padding--seventy-five { padding: 45px 0; } @media (min-width: 1210px) { .pxblock--text.pxblock.padding--seventy-five { padding: 75px 0; } } .pxblock--text.pxblock.padding--eighty { padding: 40px 0; } @media (min-width: 1210px) { .pxblock--text.pxblock.padding--eighty { padding: 80px 0; } } .pxblock--text.pxblock.padding--one-hundred { padding: 50px 0; } @media (min-width: 1210px) { .pxblock--text.pxblock.padding--one-hundred { padding: 100px 0; } } .pxblock--text .width--full { width: 100%; } .pxblock--text .width--half { margin-left: 0; margin-right: auto; width: 100%; } @media (min-width: 1210px) { .pxblock--text .width--half { width: 50%; } } .pxblock--text .width--three-quarters { margin-right: auto; margin-left: 0; width: 100%; } @media (min-width: 1210px) { .pxblock--text .width--three-quarters { width: 75%; } } .pxblock--text .arrow--yes { position: relative; } .pxblock--text .arrow--yes p { margin-left: 40px; } @media (min-width: 1210px) { .pxblock--text .arrow--yes p { margin-left: 95px; } } .pxblock--text .arrow--yes:before { content: ""; position: absolute; display: block; background-image: url("../assets/images/arrow-large-body.svg"); background-position: top center; background-repeat: no-repeat; background-size: contain; width: 25px; height: 100%; top: 0; left: 0px; } @media (min-width: 1210px) { .pxblock--text .arrow--yes:before { left: 45px; } } .pxblock--timeline { /*Start ACF Padding */ } .pxblock--timeline.pxblock.padding--zero { padding: 0; } .pxblock--timeline.pxblock.padding--fifteen { padding: 15px 0; } .pxblock--timeline.pxblock.padding--twenty-five { padding: 10px 0; } @media (min-width: 1210px) { .pxblock--timeline.pxblock.padding--twenty-five { padding: 25px 0; } } .pxblock--timeline.pxblock.padding--thirty { padding: 15px 0; } @media (min-width: 1210px) { .pxblock--timeline.pxblock.padding--thirty { padding: 30px 0; } } .pxblock--timeline.pxblock.padding--fifty { padding: 30px 0; } @media (min-width: 1210px) { .pxblock--timeline.pxblock.padding--fifty { padding: 50px 0; } } .pxblock--timeline.pxblock.padding--sixty { padding: 30px 0; } @media (min-width: 1210px) { .pxblock--timeline.pxblock.padding--sixty { padding: 60px 0; } } .pxblock--timeline.pxblock.padding--seventy-five { padding: 45px 0; } @media (min-width: 1210px) { .pxblock--timeline.pxblock.padding--seventy-five { padding: 75px 0; } } .pxblock--timeline.pxblock.padding--eighty { padding: 40px 0; } @media (min-width: 1210px) { .pxblock--timeline.pxblock.padding--eighty { padding: 80px 0; } } .pxblock--timeline.pxblock.padding--one-hundred { padding: 50px 0; } @media (min-width: 1210px) { .pxblock--timeline.pxblock.padding--one-hundred { padding: 100px 0; } } @media (max-width: 767px) { .pxblock--timeline.pxblock { padding: 30px 0 0 0 !important; } } .pxblock--timeline .timeline--header { margin: 0 auto 45px; text-align: center; } @media (min-width: 1210px) { .pxblock--timeline .timeline--header { width: 55%; } } .pxblock--timeline .timeline--body { position: relative; /*Mobile remove the container padding*/ /*Builds the line in the center*/ } @media (max-width: 1199px) { .pxblock--timeline .timeline--body { width: 100vw; margin-left: -30px; } } @media (min-width: 1210px) { .pxblock--timeline .timeline--body .timeline--line { position: absolute; height: 0%; border: 2px solid #F9AE1C; right: 50%; top: 0; } .pxblock--timeline .timeline--body .timeline--line:after { content: ""; width: 25px; height: 15px; background-image: url("../assets/images/arrow-pointer.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; left: -13px; bottom: -5px; } } .pxblock--timeline .timeline--body:after { content: ""; display: table; clear: both; } .pxblock--timeline .timeline--body ul.timeline--points { /*Overflow hidden is added to calculate the correct height of the box to drawl the timeline*/ overflow: hidden; position: relative; display: block; } @media (min-width: 1210px) { .pxblock--timeline .timeline--body ul.timeline--points { /*This does not hide the timeline--line arrow bottom*/ padding-bottom: 20px; } } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point { position: relative; clear: both; margin: 0 auto; padding-top: 100px; } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point:before { transform-origin: center right; transform: scaleX(0); transition: transform 400ms ease-in-out; } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point .wysiwyg, .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point .point--image { opacity: 0; transform: translate3D(50px, 0, 0); transition: opacity 400ms ease-in-out 400ms, transform 400ms ease-in-out 400ms; } @media (max-width: 1199px) { .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point .wysiwyg, .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point .point--image { padding: 0 30px; } } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point.timeline--point--active:before { transform: scaleX(1); } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point.timeline--point--active .wysiwyg, .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point.timeline--point--active .point--image { opacity: 1; transform: translate3D(0, 0, 0); } @media (min-width: 1210px) { .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point { margin: 0; padding-top: 0; } } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point:after, .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point:before { content: ""; position: absolute; } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point:before { right: 40%; top: 0; width: 80px; height: 60px; background: url("../assets/images/arrow-large-body.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } @media (min-width: 1210px) { .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point:before { right: 0px; top: calc(50% - 5px); width: 80px; height: 2px; background: linear-gradient(270deg, #F9AE1C 0%, rgba(249, 174, 28, 0) 100%); } } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point .point--title { color: #612C83; line-height: 1.221; font-weight: 700; font-size: 40px; } @media (min-width: 1210px) { .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point .point--title { font-size: 50px; } } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point .orb { position: absolute; left: 0; top: 0; z-index: -1; } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point .orb.orb--xsmall { width: 58px; height: 58px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point .orb.orb--small { width: 160px; height: 160px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point .orb.orb--large { width: 389px; height: 389px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); display: block; } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point:nth-of-type(1n+1) .orb.orb--xsmall { display: block; } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point:nth-of-type(1n+1) .orb.orb--small { display: none; } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point:nth-of-type(1n+1) .orb.orb--large { display: none; } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point:nth-of-type(2n+2) .orb.orb--xsmall { display: none; } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point:nth-of-type(2n+2) .orb.orb--small { display: none; } .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point:nth-of-type(2n+2) .orb.orb--large { display: block; } .pxblock--timeline .timeline--body ul.timeline--points span.points--right li.timeline--point:before { transform: scaleX(0) rotate(180deg) translateX(-100%); } .pxblock--timeline .timeline--body ul.timeline--points span.points--right li.timeline--point.timeline--point--active:before { transform-origin: center left; left: 0; transform: scaleX(0) rotate(180deg) translateX(-100%); } .pxblock--timeline .timeline--body ul.timeline--points span.points--right .wysiwyg, .pxblock--timeline .timeline--body ul.timeline--points span.points--right .point--image { transform: translate3D(-50px, 0, 0); } @media (min-width: 1210px) { .pxblock--timeline .timeline--body ul.timeline--points span.points--right li.timeline--point--active:before { transform: scaleX(1) rotate(180deg) translateX(-100%) !important; } } .pxblock--timeline .timeline--body ul.timeline--points span.points--right li.timeline--point--active .point--image, .pxblock--timeline .timeline--body ul.timeline--points span.points--right li.timeline--point--active .wysiwyg { transform: translate3D(0, 0, 0); } .pxblock--timeline .timeline--body ul.timeline--points.type--text { text-align: center; } .pxblock--timeline .timeline--body ul.timeline--points.type--text .point--type { line-height: 1.25; color: #612C83; font-weight: 700; } .pxblock--timeline .timeline--body ul.timeline--points.type--text .point--type p { font-weight: 700; } @media (min-width: 1210px) { .pxblock--timeline .timeline--body ul.timeline--points.type--text .point--type { font-size: 16px; width: 100%; margin: 5px auto 0; } } .pxblock--timeline .timeline--body ul.timeline--points.type--text .points--right li.timeline--point { float: right; margin: 1rem 0; } @media (min-width: 1210px) { .pxblock--timeline .timeline--body ul.timeline--points.type--text .points--right li.timeline--point:before { right: auto; left: 0px; } } @media (min-width: 1210px) { .pxblock--timeline .timeline--body ul.timeline--points.type--image li.timeline--point { margin: 0; float: left; } } @media (min-width: 1210px) { .pxblock--timeline .timeline--body ul.timeline--points.type--image li.timeline--point .point--type { margin: 5px auto 0 0; } } .pxblock--timeline .timeline--facts { text-align: center; position: relative; width: 200px; height: 35px; margin: 0px auto; } @media (max-width: 767px) { .pxblock--timeline .timeline--facts { margin-bottom: 25px; } } .pxblock--timeline .timeline--facts.type--download { height: 40px; } .pxblock--timeline .timeline--facts.type--download a:before { height: 17px; margin-right: 5px; margin-bottom: 0; } .pxblock--timeline .timeline--facts .btn { width: 100%; height: 100%; padding: 10px 5px; position: absolute; top: 0; left: 0; margin: 0; z-index: 2; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: width 200ms ease-in-out; } .pxblock--timeline .timeline--facts .btn:after { margin: 0; width: 20px; height: 20px; margin-left: 10px; margin-right: 10px; flex: 0 0 auto; transform: none !important; } .pxblock--timeline .timeline--facts .btn span { display: block; overflow: hidden; transition: width 200ms ease-in-out, opacity 200ms ease-in-out 200ms; } .pxblock--timeline .timeline--facts .btn.open { width: 40px; } .pxblock--timeline .timeline--facts .btn.open span { width: 0; transition: width 200ms ease-in-out, opacity 200ms ease-in-out; } .pxblock--timeline .timeline--share { text-align: center; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; } .pxblock--timeline .timeline--share ul { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; width: 100%; height: 100%; padding-left: 42px; } .pxblock--timeline .timeline--share ul li { display: block; position: relative; margin: 0; background: #F9AE1C; width: 40px; height: 100%; text-align: center; } .pxblock--timeline .timeline--share ul li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; transition: opacity 200ms ease-in-out; } .pxblock--timeline .timeline--share ul li:hover:before { opacity: 1; background-image: radial-gradient(circle, #ffcf0b 0%, #f9ae1c 70%); } .pxblock--timeline .timeline--share ul li a { text-decoration: none; z-index: 2; position: relative; display: block; width: 100%; height: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; } .pxblock--timeline .timeline--share ul li svg { margin: 0 auto; text-align: center; } .pxblock--timeline .timeline--share ul li:hover svg { opacity: 0.75; } .pxblock--timeline .timeline--share .copied { opacity: 0; font-size: 16px; color: #F9AE1C; margin-top: 20px; } .pxblock--timeline .timeline--share .copied.active { opacity: 1; } @media (max-width: 1199px) { .pxblock--timeline .timeline--body ul.timeline--points span.points--right li.timeline--point--active:before, .pxblock--timeline .timeline--body ul.timeline--points li.timeline--point:nth-of-type(2):before, .pxblock--timeline li.timeline--point:before { transform: none !important; transition: none !important; right: auto !important; left: 50% !important; margin-left: -40px !important; } } @media (min-width: 768px) { .pxblock--timeline .timeline--body ul.timeline--points.type--text { padding-bottom: 350px; margin-bottom: -100px; } } @media (max-width: 767px) { .pxblock--timeline .timeline--points { width: calc(100% + 60px); margin-left: -30px; padding-bottom: 130px; } } .pxblock--timeline .timeline--points { flex-flow: row nowrap; justify-content: space-between; width: 100%; overflow: visible; } @media (min-width: 768px) { .pxblock--timeline .timeline--points { display: flex !important; } } .pxblock--timeline .points--left, .pxblock--timeline .points--right { display: block; width: 100%; overflow: visible; } .pxblock--timeline .points--left .timeline--point, .pxblock--timeline .points--right .timeline--point { padding-bottom: 90px; width: 100%; } @media (min-width: 768px) { .pxblock--timeline .points--left, .pxblock--timeline .points--right { width: 50%; display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-end; } } @media (max-width: 767px) { .pxblock--timeline .timeline--points { margin-left: 0; } } @media (min-width: 1210px) { .pxblock--timeline .points--left li.timeline--point { padding-right: 100px; } } @media (min-width: 1210px) { .pxblock--timeline .points--right li.timeline--point { float: right !important; padding-left: 100px; } } @media (max-width: 767px) { .pxblock--text-w-media.media-type--image + .pxblock--timeline .timeline--points { padding-bottom: 0; } } .pxblock--text#error-404 { padding: 100px 0 !important; } @media (min-width: 768px) { .pxblock--text#error-404 { padding: 200px 0 !important; } } .pxblock--text#error-404 .container { position: relative; z-index: 2; } .pxblock--text#error-404 .orb { position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none; } .pxblock--text#error-404 .orb.orb--xsmall { width: 58px; height: 58px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); } .pxblock--text#error-404 .orb.orb--small { width: 160px; height: 160px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); } .pxblock--text#error-404 .orb.orb--large { width: 389px; height: 389px; background: radial-gradient(50% 50% at 50% 50%, rgba(251, 207, 41, 0.75) 0%, rgba(251, 207, 41, 0) 100%); display: block; } .pxblock--text#error-404 .orb--1 { top: 50px; right: 150px; left: auto; } .pxblock--text#error-404 .orb--2 { top: 400px; left: 400px; } .pxblock--text#error-404 .orb--3 { top: 150px; right: 30px; left: auto; } .pxblock--text#error-404 .orb--4 { left: -150px; top: 50px; } /*# sourceMappingURL=app.css.map*/