/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* stylelint-disable declaration-property-unit-allowed-list */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; text-size-adjust: 100%; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: .67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; height: 0; overflow: visible; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace; font-size: 1em; } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: 0; text-decoration: underline dotted; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace; font-size: 1em; } /** * 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 { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: .35em .75em .625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /** * 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"] { box-sizing: border-box; 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"] { -webkit-appearance: textfield; outline-offset: -2px; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [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 { -webkit-appearance: button; font: inherit; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* stylelint-enable declaration-property-unit-allowed-list */ /* stylelint-disable declaration-property-unit-allowed-list */ /* stylelint-enable declaration-property-unit-allowed-list */ :root { --padding-container-horizontal: 2rem; --padding-container-vertical: 6.4rem; --padding-site-header-vertical: 2rem; --padding-block: 8rem; --margin-between-text-elements: 4rem; } :root { --font-size-default: 20px; --font-size-tiny: 14px; --font-size-small: 16px; --font-size-medium: 17px; --font-size-large: 18px; --font-size-extra-large: 20px; --font-size-huge: 22px; --font-size-nav-toggle-label: 15px; --body-line-height: 1.7; --heading-line-height: 1.5; } @font-face { font-family: "Archivo"; font-display: auto; src: url("../fonts/archivo-v6-latin_latin-ext-regular.eot"); src: url("../fonts/archivo-v6-latin_latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/archivo-v6-latin_latin-ext-regular.woff") format("woff"), url("../fonts/archivo-v6-latin_latin-ext-regular.woff2") format("woff2"), url("../fonts/archivo-v6-latin_latin-ext-regular.ttf") format("truetype"), url("../fonts/archivo-v6-latin_latin-ext-regular.svg#Archivo") format("svg"); font-style: normal; font-weight: 400; } @font-face { font-family: "Archivo"; font-display: auto; src: url("../fonts/archivo-v6-latin_latin-ext-italic.eot"); src: url("../fonts/archivo-v6-latin_latin-ext-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/archivo-v6-latin_latin-ext-italic.woff") format("woff"), url("../fonts/archivo-v6-latin_latin-ext-italic.woff2") format("woff2"), url("../fonts/archivo-v6-latin_latin-ext-italic.ttf") format("truetype"), url("../fonts/archivo-v6-latin_latin-ext-italic.svg#Archivo") format("svg"); font-style: italic; font-weight: 400; } @font-face { font-family: "Archivo"; font-display: auto; src: url("../fonts/archivo-v6-latin_latin-ext-700.eot"); src: url("../fonts/archivo-v6-latin_latin-ext-700.eot?#iefix") format("embedded-opentype"), url("../fonts/archivo-v6-latin_latin-ext-700.woff") format("woff"), url("../fonts/archivo-v6-latin_latin-ext-700.woff2") format("woff2"), url("../fonts/archivo-v6-latin_latin-ext-700.ttf") format("truetype"), url("../fonts/archivo-v6-latin_latin-ext-700.svg#Archivo") format("svg"); font-style: normal; font-weight: 700; } @font-face { font-family: "Archivo"; font-display: auto; src: url("../fonts/archivo-v6-latin_latin-ext-700italic.eot"); src: url("../fonts/archivo-v6-latin_latin-ext-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/archivo-v6-latin_latin-ext-700italic.woff") format("woff"), url("../fonts/archivo-v6-latin_latin-ext-700italic.woff2") format("woff2"), url("../fonts/archivo-v6-latin_latin-ext-700italic.ttf") format("truetype"), url("../fonts/archivo-v6-latin_latin-ext-700italic.svg#Archivo") format("svg"); font-style: italic; font-weight: 700; } /* stylelint-disable selector-class-pattern, selector-max-combinators, selector-max-compound-selectors, selector-max-pseudo-class */ .screen-reader-text, .gform_body .gform_validation_container { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text.skip-link, .gform_body .skip-link.gform_validation_container { margin: 5px; } .screen-reader-text.skip-link:focus, .gform_body .skip-link.gform_validation_container:focus { background: #fff; color: #4d4aff; outline: 2px solid #4d4aff; } .screen-reader-text:focus, .gform_body .gform_validation_container:focus { background-color: #f5f5f5; border-radius: 0; box-shadow: 0 0 2px 2px rgba(34, 34, 34, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 1.7rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } [tabindex="-1"]:focus { outline: 0; } [data-whatinput="mouse"] *:focus, [data-whatinput="touch"] *:focus { outline: none; } .col { overflow: visible; } .gutenberg-content a { text-decoration: underline; } .gutenberg-content a:hover, .gutenberg-content a:focus { text-decoration: none; } .gutenberg-content .comments-link a, .gutenberg-content .tags a, .gutenberg-content .cat a { text-decoration: none; } [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus, [data-whatinput="keyboard"] nav ul li a:focus, [data-whatinput="keyboard"] div[tabindex]:focus { /* stylelint-disable */ outline: 1px dotted #4d4aff; outline: 5px auto -webkit-focus-ring-color; color: #222; /* stylelint-enable */ opacity: 1; z-index: 99; outline-width: 3px; outline-offset: 5px; } [data-whatinput="keyboard"] a.global-link:focus { outline-width: 5px; } .no-js *:focus { /* stylelint-disable */ outline: 1px dotted #4d4aff; outline: 5px auto -webkit-focus-ring-color; color: #222; /* stylelint-enable */ } a.is-external-link { display: inline-flex; justify-content: space-between; align-items: center; } a.is-external-link::after { background-image: url("../svg/external-link.svg"); background-position: right center; background-repeat: no-repeat; content: ''; position: relative; display: inline-flex; width: 14px; height: 14px; background-size: 14px 14px; right: 0; top: 0; margin-left: 5px; margin-right: 2px; transition: all .18s ease-in-out; } a.is-external-link.no-external-link-indicator::after { display: none; } .menu-items { position: relative; z-index: 9999; } .menu-items ul, .menu-items li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; direction: ltr; text-align: left; } .menu-items ul { margin-top: 0; margin-left: 25px; } .menu-items ul ul { margin-left: 25px; } .menu-items li, .menu-items a { position: relative; } .menu-items .disabled { cursor: not-allowed; } .menu-items li > h1, .menu-items li > h2, .menu-items li > h3, .menu-items li > h4, .menu-items li > h5, .menu-items li > h6 { margin: 0; padding: 0; } .dropdown-toggle::after, .dropdown-toggle.toggled-on::after { font-size: 1.3rem; } .no-js .nav-toggle { display: none; } /* stylelint-disable selector-max-combinators, selector-max-compound-selectors, max-nesting-depth, selector-max-class, no-descending-specificity */ .nav-container { background-color: transparent; position: absolute; width: 100%; } /* stylelint-disable selector-max-combinators, selector-max-compound-selectors, max-nesting-depth */ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 4rem 1.5rem; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.8; } .hamburger.is-active:hover { opacity: 0.8; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #fff; } .hamburger-box { width: 3rem; height: 1.6rem; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -0.1rem; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 3rem; height: 0.2rem; background-color: #fff; border-radius: 0; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -0.7rem; } .hamburger-inner::after { bottom: -0.7rem; } /* * 3DX */ .hamburger--3dx .hamburger-box { perspective: 6rem; } .hamburger--3dx .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { transform: translate3d(0, 0.7rem, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { transform: translate3d(0, -0.7rem, 0) rotate(-45deg); } /* * 3DX Reverse */ .hamburger--3dx-r .hamburger-box { perspective: 6rem; } .hamburger--3dx-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { transform: translate3d(0, 0.7rem, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { transform: translate3d(0, -0.7rem, 0) rotate(-45deg); } /* * 3DY */ .hamburger--3dy .hamburger-box { perspective: 6rem; } .hamburger--3dy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { transform: translate3d(0, 0.7rem, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { transform: translate3d(0, -0.7rem, 0) rotate(-45deg); } /* * 3DY Reverse */ .hamburger--3dy-r .hamburger-box { perspective: 6rem; } .hamburger--3dy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { transform: translate3d(0, 0.7rem, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { transform: translate3d(0, -0.7rem, 0) rotate(-45deg); } /* * 3DXY */ .hamburger--3dxy .hamburger-box { perspective: 6rem; } .hamburger--3dxy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { transform: translate3d(0, 0.7rem, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { transform: translate3d(0, -0.7rem, 0) rotate(-45deg); } /* * 3DXY Reverse */ .hamburger--3dxy-r .hamburger-box { perspective: 6rem; } .hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 0.7rem, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -0.7rem, 0) rotate(-45deg); } /* * Arrow */ .hamburger--arrow.is-active .hamburger-inner::before { transform: translate3d(-0.6rem, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { transform: translate3d(-0.6rem, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .hamburger--arrow-r.is-active .hamburger-inner::before { transform: translate3d(0.6rem, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { transform: translate3d(0.6rem, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .hamburger--arrowalt .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; transform: translate3d(-0.6rem, -0.75rem, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(-0.6rem, 0.75rem, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .hamburger--arrowalt-r .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; transform: translate3d(0.6rem, -0.75rem, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(0.6rem, 0.75rem, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { transition-property: none; } .hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /* * Collapse */ .hamburger--collapse .hamburger-inner, .hamburger .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after, .hamburger .hamburger-inner::after { top: -1.4rem; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before, .hamburger .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner, .is-active.hamburger .hamburger-inner { transform: translate3d(0, -0.7rem, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after, .is-active.hamburger .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before, .is-active.hamburger .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -1.4rem; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -0.7rem, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 0.1rem; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 0.7rem; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 1.4rem; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 0.7rem, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -1.4rem, 0) rotate(-270deg); transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 0.1rem; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 0.7rem; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 1.4rem; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 0.7rem, 0) rotate(-135deg); transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { transform: translate3d(0, -1.4rem, 0) rotate(270deg); transition-delay: 0.075s; } /* * Emphatic */ .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::after { top: 0.7rem; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -6rem; top: -6rem; transform: translate3d(6rem, 6rem, 0) rotate(45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -6rem; top: -6rem; transform: translate3d(-6rem, 6rem, 0) rotate(-45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::after { top: 0.7rem; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -6rem; top: 6rem; transform: translate3d(6rem, -6rem, 0) rotate(-45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -6rem; top: 6rem; transform: translate3d(-6rem, -6rem, 0) rotate(45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 0.1rem; } .hamburger--slider .hamburger-inner::before { top: 0.7rem; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 1.4rem; } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 0.7rem, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-0.42857rem, -0.5rem, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -1.4rem, 0) rotate(-90deg); } /* * Slider Reverse */ .hamburger--slider-r .hamburger-inner { top: 0.1rem; } .hamburger--slider-r .hamburger-inner::before { top: 0.7rem; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 1.4rem; } .hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 0.7rem, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { transform: rotate(45deg) translate3d(0.42857rem, -0.5rem, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { transform: translate3d(0, -1.4rem, 0) rotate(90deg); } /* * Spin */ .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .hamburger--spring .hamburger-inner { top: 0.1rem; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 0.7rem; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 1.4rem; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent !important; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0.7rem, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0.7rem, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -1.4rem; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -0.7rem, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .hamburger--stand .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { transform: rotate(90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .hamburger--stand-r .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand-r .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { transform: rotate(-90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .hamburger--vortex .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex.is-active .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); } /* * Vortex Reverse */ .hamburger--vortex-r .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex-r.is-active .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { color: #fff; background: #fff; } /* stylelint-disable selector-max-class */ .nav-toggle { list-style: none; z-index: 100000; border: 0; overflow: visible; color: #fff; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; user-select: none; text-decoration: none; padding: 2rem; margin: 0 -2rem 0 0; background: transparent; cursor: pointer; position: relative; top: 0; display: none; } .nav-toggle:not(.toggled-on) .hamburger-inner { width: 18px; transition: width 0.22s; } .nav-toggle.is-active .hamburger-inner, .nav-toggle:hover .hamburger-inner { width: 3rem; } .nav-toggle span { color: #fff; font-size: 1.2em; } .nav-toggle.is-active span { color: #fff; } .nav-toggle:hover, .nav-toggle:active { color: #fff; } .nav-toggle:hover span, .nav-toggle:active span { color: #fff; } .nav-toggle:focus { outline: none; } .nav-toggle:focus span span { background-color: #fff; } .nav-toggle:focus span span::before, .nav-toggle:focus span span::after { background-color: #fff; } .nav-toggle:not(.has-visible-label) .nav-toggle-label { display: none; } .nav-toggle.is-active { color: #fff; } .nav-toggle.is-active .hamburger-box .hamburger-inner { background-color: #fff; } .nav-toggle.is-active .hamburger-box .hamburger-inner::after { background-color: #fff; } .nav-toggle.is-active .focus .hamburger-inner, .nav-toggle.is-active span:focus .hamburger-inner { background-color: #fff; } .nav-toggle.is-active .focus .hamburger-inner::after, .nav-toggle.is-active span:focus .hamburger-inner::after { background-color: #fff; } .nav-toggle.is-active span:focus, .nav-toggle.is-active span:hover, .nav-toggle.is-active span:active { color: #fff; } .nav-toggle.is-active span:focus span, .nav-toggle.is-active span:hover span, .nav-toggle.is-active span:active span { color: #fff; } /* stylelint-enable selector-max-class */ /* stylelint-disable */ .site-header { padding-top: 4rem; padding-bottom: 4rem; } .site-header .site-title { font-weight: 700; margin: 0; } .site-header .site-title svg { transition: transform 1s ease-in; } .site-header .site-title .clr-i-solid-path-2 { fill: #fff; } .site-header .site-title a { color: #60f4ea; display: flex; align-items: center; } .site-header .site-title a:hover svg { transition: transform 0.4s cubic-bezier(0.6, -0.68, 0.73, 0.04); transform: translate(260%, -220%); } .site-header .site-title a:hover svg .clr-i-solid-path-2 { display: block !important; fill: #60f4ea; } .site-header .site-title .logo-name { content: 'Air'; display: block; text-transform: lowercase; letter-spacing: .1em; font-weight: 400; color: #fff; margin-left: .75rem; font-size: 2.2rem; } .js .nav-primary { top: calc(80px + 10px); left: 0; } .block.block-entry-header-demo { display: flex; align-items: center; justify-content: center; position: relative; text-shadow: 0 0 30px #3962c9; min-height: 53rem; max-height: 80rem; height: 80vh; max-width: 100%; margin: 0 auto; } .block.block-entry-header-demo .shade { opacity: .4; } .block.block-entry-header-demo .inner { display: grid; grid-template-rows: 1fr 1fr; /* autoprefixer: off */ align-items: center; max-height: 100%; justify-items: center; padding: 2rem; max-width: 1200px; margin-top: 140px; margin-bottom: 80px; } .block.block-entry-header-demo .logo { color: #60f4ea; border-top: 2px solid #fff; border-right: 0; width: 100%; text-align: center; order: 2; overflow: visible; animation: plane-container 10s linear 1s infinite; } .block.block-entry-header-demo .logo .logo-name { display: none; } .block.block-entry-header-demo .logo svg { padding: 2rem; height: auto; width: 100%; max-width: 20rem; opacity: 0; transform: translate(-100%, 100%); animation: plane 10s cubic-bezier(0.86, 0, 0.07, 1) 1s infinite; } .block.block-entry-header-demo .main-heading { font-size: 32px; color: #fff; margin: 0; padding: 2rem; position: relative; z-index: 2; text-align: center; line-height: 1.23; } .accent { font-style: normal; letter-spacing: .05em; text-transform: lowercase; font-weight: 500; margin: 0; margin-bottom: 1rem; color: #81a9ff; display: block; position: relative; z-index: 2; text-shadow: 0 0 10px rgba(57, 98, 201, 0.5); } .site-header .nav-primary .menu-items .menu-item ul.sub-menu .dropdown-toggle { color: #3962c9; } .block.block-entry-header-demo + .block .container { max-width: 800px; } .block.block-blog article, .block.block-blog nav { max-width: 800px; margin-left: auto; margin-right: auto; } .block-blog article { margin-bottom: var(--padding-block); } .block-blog article:last-child { margin-bottom: 0; } .block-blog ul.tags { padding-left: 0; } .block:not(.site-footer) { min-height: 80px; } /* stylelint-enable */ .block { background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #fff; position: relative; max-width: 100%; margin: 0 auto; } .shade { background: #03061b; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; opacity: .35; } .global-link { width: 100%; height: 100%; z-index: 3; position: absolute; top: 0; left: 0; } .site { max-width: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; } .container { margin: 0 auto; padding-top: var(--padding-container-vertical); padding-bottom: var(--padding-container-vertical); padding-left: var(--padding-container-horizontal); padding-right: var(--padding-container-horizontal); max-width: 1200px; margin-left: auto; margin-right: auto; } .site-main .container { overflow: hidden; clear: both; } .entry-footer { overflow: hidden; clear: both; display: flex; justify-content: space-between; } .edit-link { text-align: left; width: 100%; display: block; clear: both; max-width: 100%; min-width: 0; margin-bottom: 0; margin-top: 2rem; overflow: hidden; transition: all 0.22s; } .edit-link a { clear: both; text-align: center; transition: all 0.22s; display: block; padding: 2rem; background: #fafafa; color: #999; border: 2px dashed #999; margin: 0; text-decoration: none; } .edit-link a:hover { color: #999; background: #efefef; } .hide-completely { display: none !important; } /* stylelint-disable declaration-property-unit-allowed-list */ :root { font-size: 62.5%; } /* stylelint-enable declaration-property-unit-allowed-list */ body { font-size: var(--font-size-medium); font-family: "Archivo", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; color: #4f5964; font-weight: 400; text-size-adjust: none; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: #3962c9; text-decoration: none; } a:hover { color: #0c142a; } .gutenberg-content a:not(.button):not(.url):not(.no-text-link):not(.wp-block-button__link):not(.post-edit-link):not(.contact-detail):not([rel]), article > div *:not(.entry-footer):not(.entry-categories):not(.comments-link) > a:not(.button):not(.url):not(.no-text-link):not(.wp-block-button__link):not(.post-edit-link):not(.contact-detail):not([rel]) { position: relative; overflow: visible; font-weight: 700; z-index: 1; text-decoration: none; transition: all .18s ease-in-out; display: inline-flex; color: #4f5964; border-bottom: 1px solid #3962c9; box-shadow: inset 0 -0.1rem 0 #3962c9; } .gutenberg-content a:hover:not(.button):not(.url):not(.no-text-link):not(.wp-block-button__link):not(.post-edit-link):not(.contact-detail):not([rel]), article > div *:not(.entry-footer):not(.entry-categories):not(.comments-link) > a:hover:not(.button):not(.url):not(.no-text-link):not(.wp-block-button__link):not(.post-edit-link):not(.contact-detail):not([rel]), .gutenberg-content a:focus:not(.button):not(.url):not(.no-text-link):not(.wp-block-button__link):not(.post-edit-link):not(.contact-detail):not([rel]), article > div *:not(.entry-footer):not(.entry-categories):not(.comments-link) > a:focus:not(.button):not(.url):not(.no-text-link):not(.wp-block-button__link):not(.post-edit-link):not(.contact-detail):not([rel]) { box-shadow: inset 0 -100px 0 #3962c9; color: #fff; } p, dd, dt, figcaption, hr, small, ol, ul, li, blockquote, kbd, pre, samp, code, th, td, table, tr, textarea, select, input[type="text"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], input[type="month"], input[type="week"], input[type="email"], input[type="search"] { font-size: var(--font-size-small); line-height: 1.7; } h1, h2, h3, h4, h5, h6 { color: #3962c9; font-family: "Archivo", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; font-weight: 700; margin-top: 2.7rem; margin-bottom: 2.7rem; } h2, h3, h4, h5, h6 { line-height: 1.5; } h1 { font-size: 32px; } h2 { font-size: 24px; } h3, .accent { font-size: 21px; } h4, .comment-list .comment-author { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } ul { list-style: disc outside; padding-left: 1.9rem; } ul li { padding-left: 0; } ol { padding-left: 1.9rem; } b, strong { font-weight: 700; } em, i { font-style: italic; } small { line-height: 1; font-size: .87em; } p { margin-top: 2.9rem; margin-bottom: 2.9rem; } blockquote { clear: both; border: 0 none; position: relative; padding-bottom: 3rem; margin: 0; } blockquote p { font-style: italic; margin-bottom: 0; position: relative; overflow: visible; color: #666; } blockquote::before { content: ''; display: block; height: 4px; position: absolute; left: 0; top: 0; max-width: 147px; } cite { display: block; font-style: italic; } p:first-child { margin-top: 0; } p:last-child { margin-bottom: 0; } img { -ms-interpolation-mode: bicubic; height: auto; vertical-align: middle; max-width: 100%; } figure { position: relative; margin-bottom: 1rem; margin-left: 0; margin-right: 0; margin-top: 0; } figcaption { margin-top: 0; font-style: normal; font-weight: 400; } kbd, pre, samp { font-family: "Inconsolata", "Menlo", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", monospace; } code { color: #c7254e; background-color: #f9f2f4; font-family: "Inconsolata", "Menlo", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", monospace; line-height: 1; padding: .37rem .5rem; border-radius: .3rem; font-size: inherit; } pre code { display: inline-block; padding: 1.15rem 1rem .85rem; } pre { border-radius: .3rem; display: block; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; margin-bottom: 2rem; } .site-header { position: relative; z-index: 15; padding-bottom: var(--padding-site-header-vertical); padding-top: var(--padding-site-header-vertical); padding-left: var(--padding-container-horizontal); padding-right: var(--padding-container-horizontal); max-width: 1200px; margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: space-between; } .site-title { margin: 0; } .site-title a { display: flex; align-items: center; } .site-footer { padding: 20px; background: #eaeaea; color: #fff; overflow: hidden; clear: both; } .site-footer svg { margin-right: 5px; fill: #555; position: relative; } .site-footer p, .site-footer span { color: #555; } .site-footer a { color: #555; } .site-footer a:hover { color: #3962c9; } .theme-info { overflow: hidden; } :root { --checkbox-radio-size: 16px; --checkbox-radio-gap: 10px; --checkbox-radio-border-width: 2px; --checkbox-radio-line-height: var(--body-line-height); --radio-marker-size: 8px; --checkbox-marker-size: 12px; --checkbox-radius: 4px; } .button-wrapper { margin-bottom: 0; } .content-area button, .content-area .button, .content-area input[type="reset"], .content-area input[type="submit"], .content-area input[type="button"], .site-footer button, .site-footer .button, .site-footer input[type="reset"], .site-footer input[type="submit"], .site-footer input[type="button"] { font-size: var(--font-size-small); background: #4f5964; color: #fff; border: 0; border-radius: 3px; width: auto; display: inline-block; padding-top: 12px; padding-bottom: 12px; padding-left: 25px; padding-right: 25px; margin-bottom: 0; text-decoration: none; position: relative; cursor: pointer; transition: 150ms linear background; font-family: "Archivo", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1; appearance: none; } .content-area button.button-ghost, .content-area .button.button-ghost, .content-area input[type="reset"].button-ghost, .content-area input[type="submit"].button-ghost, .content-area input[type="button"].button-ghost, .site-footer button.button-ghost, .site-footer .button.button-ghost, .site-footer input[type="reset"].button-ghost, .site-footer input[type="submit"].button-ghost, .site-footer input[type="button"].button-ghost { background-color: transparent; border: 2px solid #222; color: #222; } .content-area button.button-small, .content-area .button.button-small, .content-area input[type="reset"].button-small, .content-area input[type="submit"].button-small, .content-area input[type="button"].button-small, .site-footer button.button-small, .site-footer .button.button-small, .site-footer input[type="reset"].button-small, .site-footer input[type="submit"].button-small, .site-footer input[type="button"].button-small { font-size: var(--font-size-small); padding-top: 12px; padding-bottom: 12px; padding-left: 25px; padding-right: 25px; } .content-area button.button-medium, .content-area .button.button-medium, .content-area input[type="reset"].button-medium, .content-area input[type="submit"].button-medium, .content-area input[type="button"].button-medium, .site-footer button.button-medium, .site-footer .button.button-medium, .site-footer input[type="reset"].button-medium, .site-footer input[type="submit"].button-medium, .site-footer input[type="button"].button-medium { font-size: var(--font-size-medium); padding-top: 15px; padding-bottom: 15px; padding-left: 20px; padding-right: 20px; } .content-area button.button-large, .content-area .button.button-large, .content-area input[type="reset"].button-large, .content-area input[type="submit"].button-large, .content-area input[type="button"].button-large, .site-footer button.button-large, .site-footer .button.button-large, .site-footer input[type="reset"].button-large, .site-footer input[type="submit"].button-large, .site-footer input[type="button"].button-large { font-size: var(--font-size-extra-large); padding: 21px 35px; } .content-area button:hover, .content-area button:focus, .content-area .button:hover, .content-area .button:focus, .content-area input[type="reset"]:hover, .content-area input[type="reset"]:focus, .content-area input[type="submit"]:hover, .content-area input[type="submit"]:focus, .content-area input[type="button"]:hover, .content-area input[type="button"]:focus, .site-footer button:hover, .site-footer button:focus, .site-footer .button:hover, .site-footer .button:focus, .site-footer input[type="reset"]:hover, .site-footer input[type="reset"]:focus, .site-footer input[type="submit"]:hover, .site-footer input[type="submit"]:focus, .site-footer input[type="button"]:hover, .site-footer input[type="button"]:focus { color: #fff; background: #3962c9; border-color: #3962c9; } select { border-radius: 0; background-image: url("../svg/select.svg"); background-repeat: no-repeat; background-position: right 0 center; background-size: 40px auto; transition: none; width: 100%; max-width: 100%; min-width: 0; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; border: 2px solid #d9d9d9; color: #4f5964; padding: 15px; line-height: 24px; font-size: var(--font-size-medium); } select::-ms-expand { display: none; } textarea, select, input[type="text"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], input[type="month"], input[type="week"], input[type="email"], input[type="search"] { border-radius: 3px; font-family: "Archivo", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; background: #fff; border: solid 2px #d9d9d9; padding: 15px; line-height: 24px; transition: background .55s; text-decoration: none; position: relative; appearance: none; margin-bottom: 0; box-sizing: border-box; font-size: var(--font-size-medium); } textarea::placeholder, select::placeholder, input[type="text"]::placeholder, input[type="tel"]::placeholder, input[type="url"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder, input[type="month"]::placeholder, input[type="week"]::placeholder, input[type="email"]::placeholder, input[type="search"]::placeholder { color: #4f5964; opacity: .4; } textarea:focus, select:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="search"]:focus { background: #fff; border: 2px solid #bababa; outline: 0; } textarea:focus::placeholder, select:focus::placeholder, input[type="text"]:focus::placeholder, input[type="tel"]:focus::placeholder, input[type="url"]:focus::placeholder, input[type="password"]:focus::placeholder, input[type="number"]:focus::placeholder, input[type="month"]:focus::placeholder, input[type="week"]:focus::placeholder, input[type="email"]:focus::placeholder, input[type="search"]:focus::placeholder { color: #222; opacity: .8; } select:focus { background: #fff; border: 2px solid #bababa; } input[type="radio"], input[type="checkbox"] { position: absolute; padding: 0; margin: 0; margin-top: calc((1em * var(--checkbox-radio-line-height) - var(--checkbox-radio-size)) / 2); opacity: 0; height: var(--checkbox-radio-size); width: var(--checkbox-radio-size); pointer-events: none; } input[type="radio"] + label, input[type="checkbox"] + label { display: inline-flex; align-items: flex-start; line-height: var(--checkbox-radio-line-height); user-select: none; cursor: pointer; } input[type="radio"] + label::before, input[type="checkbox"] + label::before { content: ''; display: inline-flex; align-self: center; position: relative; top: calc(var(--checkbox-radio-border-width) / 2); flex-shrink: 0; width: var(--checkbox-radio-size); height: var(--checkbox-radio-size); background-color: #fff; border-width: var(--checkbox-radio-border-width); border-color: #3962c9; border-style: solid; background-repeat: no-repeat; background-position: center; margin-right: var(--checkbox-radio-gap); transition: transform .2s, border .2s; } input[type="radio"] + label::before { border-radius: 50%; } input[type="checkbox"] + label::before { border-radius: var(--checkbox-radius); } input[type="radio"]:checked + label::before, input[type="checkbox"]:checked + label::before { background-color: #3962c9; box-shadow: none; border-color: #3962c9; transition: transform .2s; } input[type="radio"]:active + label::before, input[type="checkbox"]:active + label::before { transform: scale(0.8); transition: transform .2s; } input[type="radio"]:checked + label::before { background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg class='nc-icon-wrapper' fill='%23ffffff'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23ffffff'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); background-size: var(--radio-marker-size); } input[type="checkbox"]:checked + label::before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolyline points='1 6.5 4 9.5 11 2.5' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E"); background-size: var(--checkbox-marker-size); } input[type="radio"]:focus + label::before, input[type="checkbox"]:focus + label::before, input[type="radio"]:checked:active + label::before, input[type="checkbox"]:checked:active + label::before { border-color: #3962c9; box-shadow: 0 0 0 3px rgba(57, 98, 201, 0.2); } input[type="radio"]:checked:active + label::before, input[type="checkbox"]:checked:active + label::before { transform: none; transition: none; } /* stylelint-disable sh-waqar/declaration-use-variable, selector-max-pseudo-class */ input[type="radio"]:not(:checked):not(:focus) + label:hover::before, input[type="checkbox"]:not(:checked):not(:focus) + label:hover::before { border-color: #7592d9; } /* stylelint-enable sh-waqar/declaration-use-variable, selector-max-pseudo-class */ .cat { margin-top: 4rem; margin-bottom: 1rem; } .cat a { color: #222; font-size: var(--font-size-small); display: inline-block; /* stylelint-disable */ border-color: rgba(6, 22, 41, 0.2); /* stylelint-enable */ border-style: solid; border-width: 1px 1px 2px; border-radius: 5px; padding: .2em .6em; margin-right: .4em; box-shadow: none; background: transparent; transition: all 0.22s; } .cat a:hover, .cat a:focus { /* stylelint-disable sh-waqar/declaration-use-variable */ border-color: rgba(6, 22, 41, 0.4); /* stylelint-enable sh-waqar/declaration-use-variable */ } .gutenberg-content { max-width: 100%; padding-right: 0; padding-left: 0; padding-top: var(--padding-block); padding-bottom: var(--padding-block); /* stylelint-disable selector-max-compound-selectors */ /* stylelint-enable selector-max-compound-selectors */ } .gutenberg-content .blocks-gallery-grid { display: grid; } .gutenberg-content .blocks-gallery-grid .blocks-gallery-item { width: 100%; } .gutenberg-content .columns-2 .blocks-gallery-grid { grid-template-columns: repeat(2, 1fr); grid-column-gap: 3rem; } .gutenberg-content .columns-3 .blocks-gallery-grid { grid-template-columns: repeat(3, 1fr); grid-column-gap: 3rem; } .gutenberg-content .columns-4 .blocks-gallery-grid { grid-template-columns: repeat(4, 1fr); grid-column-gap: 3rem; } .gutenberg-content .columns-5 .blocks-gallery-grid { grid-template-columns: repeat(5, 1fr); grid-column-gap: 3rem; } .gutenberg-content .columns-6 .blocks-gallery-grid { grid-template-columns: repeat(6, 1fr); grid-column-gap: 3rem; } .gutenberg-content .columns-7 .blocks-gallery-grid { grid-template-columns: repeat(7, 1fr); grid-column-gap: 3rem; } .gutenberg-content .columns-8 .blocks-gallery-grid { grid-template-columns: repeat(8, 1fr); grid-column-gap: 3rem; } .gutenberg-content .columns-9 .blocks-gallery-grid { grid-template-columns: repeat(9, 1fr); grid-column-gap: 3rem; } .gutenberg-content .cat-links, .gutenberg-content .tags-links { display: block; } .gutenberg-content .alignleft { float: left; margin-right: 20px; } .gutenberg-content .alignright { float: right; margin-left: 20px; } .gutenberg-content .aligncenter { clear: both; display: block; margin: 0 auto; } .gutenberg-content del { text-decoration: line-through; color: #666; } .gutenberg-content p { line-height: 1.77; color: #4f5964; font-weight: 400; } .gutenberg-content li { font-size: 17px; } .gutenberg-content embed, .gutenberg-content iframe, .gutenberg-content object, .gutenberg-content video { max-width: 100%; } .gutenberg-content h1, .gutenberg-content h2, .gutenberg-content h3, .gutenberg-content h4, .gutenberg-content h5, .gutenberg-content .is-style-ingress { line-height: 1.22; } .gutenberg-content h1:first-child, .gutenberg-content h2:first-child, .gutenberg-content h3:first-child, .gutenberg-content h4:first-child, .gutenberg-content h5:first-child, .gutenberg-content h6:first-child { margin-top: 0; } .gutenberg-content img { border-radius: 4px; } .gutenberg-content figcaption, .gutenberg-content cite, .gutenberg-content small { font-size: 15px; font-style: normal; color: rgba(75, 75, 90, 0.9); border: 0; margin-left: auto; margin-right: auto; text-align: center; max-width: 800px; padding-bottom: 0; margin-top: 3rem; margin-bottom: 6rem; width: 100%; } .gutenberg-content.wp-block-gallery { overflow: hidden; color: #fff; } .gutenberg-content.wp-block-gallery figcaption { width: 100%; color: #fff; font-size: var(--font-size-small); padding: 0 2rem; line-height: 1.55; margin-bottom: var(--margin-between-text-elements); } .gutenberg-content.wp-block-gallery img { margin-bottom: 0; } .gutenberg-content .wp-block-image figcaption, .gutenberg-content .wp-block-image .alignright > figcaption, .gutenberg-content .wp-block-image .aligncenter > figcaption, .gutenberg-content .wp-block-image.is-resized > figcaption { width: 100%; display: block; } .gutenberg-content a:hover { text-decoration: none; } .gutenberg-content iframe, .gutenberg-content .fb-post, .gutenberg-content small { display: block; } .gutenberg-content cite { margin-bottom: 0; } .gutenberg-content > blockquote, .gutenberg-content > blockquote.wp-block-quote { margin-left: auto; margin-right: auto; border-left: 2px solid #3962c9; margin-top: 4rem; margin-bottom: 4rem; padding: 3.5rem 6rem; line-height: 1.77; } .gutenberg-content > blockquote cite, .gutenberg-content > blockquote.wp-block-quote cite { text-align: left; } .gutenberg-content > blockquote > p, .gutenberg-content > blockquote.wp-block-quote > p { color: #3962c9; line-height: 1.77; } .gutenberg-content div[style="width: 640px;"], .gutenberg-content .wp-video { width: 100% !important; max-width: 800px !important; margin-left: auto !important; margin-right: auto !important; } .gutenberg-content > figure.wp-caption { width: 100% !important; max-width: 800px !important; } .gutenberg-content > * { max-width: 800px; width: 100%; margin-left: auto; margin-right: auto; line-height: 1.77; } .gutenberg-content > * .twitter-tweet, .gutenberg-content > * .instagram-media, .gutenberg-content > * .wp-video, .gutenberg-content > * .is-provider-instagram, .gutenberg-content > * .is-provider-twitter, .gutenberg-content > * .is-provider-facebook { width: 100% !important; max-width: 800px !important; margin-left: auto !important; margin-right: auto !important; } .gutenberg-content > *.wp-block-image { margin-top: 4rem; margin-bottom: 4rem; } .gutenberg-content > *.wp-block-image img { max-width: 100%; width: 100%; height: auto; } .gutenberg-content > *.twitter-tweet, .gutenberg-content > *.instagram-media, .gutenberg-content > *.wp-video { width: 100% !important; max-width: 800px !important; margin-left: auto !important; margin-right: auto !important; } .gutenberg-content > *.alignwide { width: 100%; margin-top: 4rem; margin-bottom: 4rem; padding-left: 2rem; padding-right: 2rem; margin-left: auto; margin-right: auto; } .gutenberg-content > *.alignfull { max-width: 100%; width: 100%; margin-top: 8rem; margin-bottom: 8rem; } .gutenberg-content > *.alignfull img { border-radius: 0; } .wp-caption { max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption .wp-caption-text { text-align: left; font-style: italic; padding: 1rem 0; margin-bottom: 20px; } table { border-spacing: 0; border-collapse: collapse; } td, th { font-family: "Archivo", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; height: 3rem; padding: 1rem; } th { font-weight: 700; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } kbd { border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; background-color: #eaf1f8; color: #4f5964; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset; border-radius: 4px; display: inline-block; text-shadow: 0 1px 0 #fff; line-height: 1.4; white-space: nowrap; padding: 0 .5rem; } pre { background: #2b303c; white-space: pre; word-wrap: break-word; overflow: auto; border-radius: 4px; border: 1px solid #2b303c; position: relative; font-family: "Inconsolata", "Menlo", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", monospace; display: block; margin: 3rem 0; padding: 15px 16px 14px; overflow-x: auto; font-size: var(--font-size-small); line-height: 1.77; color: #f5f5f5; } pre code { border-radius: 4px; } .post-navigation .nav-links { display: flex; flex-wrap: wrap; justify-content: space-between; } ul.tags { overflow: hidden; margin-top: 0; margin-bottom: var(--margin-between-text-elements); list-style: none; } ul.tags li { margin-left: 0; margin-right: 10px; margin-bottom: 10px; padding-left: 0; float: left; margin-top: 0; /* stylelint-disable selector-max-compound-selectors, selector-max-pseudo-class, sh-waqar/declaration-use-variable */ /* stylelint-enable selector-max-compound-selectors, selector-max-pseudo-class, sh-waqar/declaration-use-variable */ } ul.tags li a:not(.button):not(.no-text-link) { color: #222; font-size: 14px; display: inline-block; /* stylelint-disable */ border-color: rgba(6, 22, 41, 0.1); /* stylelint-enable */ border-style: solid; border-width: 1px 1px 2px; border-radius: 5px; padding: .2em .6em; margin-right: .4em; box-shadow: none; background: transparent; transition: all 0.22s; } ul.tags li a:not(.button):not(.no-text-link):hover, ul.tags li a:not(.button):not(.no-text-link):focus { border-color: rgba(6, 22, 41, 0.4); } .sticky { border: 1px dashed #d7e4f2; padding: 2rem; margin-bottom: 2rem; } .comment-list li.bypostauthor, .bypostauthor { border: 1px dashed rgba(57, 98, 201, 0.5); padding: 2rem; } .top { background: transparent; padding: 16px; } .top svg { fill: #222; margin: 0; opacity: .8; transition: all .3s ease; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; } .top:hover svg, .top:focus svg, .top:active svg { transform: translateY(-0.5rem); } .back-to-top { margin: 0; position: fixed; bottom: 1rem; right: 1rem; text-decoration: none; opacity: 0; transition: opacity 0.22s 0s, visibility 0s 0.22s; z-index: 9999; display: flex; align-items: center; justify-content: center; } .back-to-top:focus { outline: none; } .back-to-top.has-light-bg svg { fill: #222; } .back-to-top.has-dark-bg svg { fill: #fff; } .back-to-top.is-visible, .back-to-top.fade-out, .no-touch .back-to-top:hover { transition: opacity 0.22s 0s, visibility 0s 0s; } .back-to-top.is-visible { opacity: 1; } .back-to-top.fade-out { opacity: 1; } .back-to-top.fade-out:hover { opacity: 1; } .no-touch .back-to-top:hover { opacity: 1; } .gallery { margin-bottom: 1.5em; display: grid; /* autoprefixer: off */ grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } div.lazy { position: absolute; height: 100%; width: 100%; background-size: cover; background-position: center; z-index: 0; top: 0; left: 0; } .has-lazyload { overflow: hidden; position: relative; } .navigation:not(.post-navigation) .nav-links { text-align: left; display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; overflow: hidden; font-size: 14px; font-family: "Archivo", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; margin-top: 4rem; } .navigation:not(.post-navigation) .nav-links a { text-decoration: none; } .page-numbers { border-top: 2px solid #ece6f2; border-bottom: 2px solid #ece6f2; border-left: 1px solid #ece6f2; border-right: 1px solid #ece6f2; background: #fff; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; margin-right: 0; margin-left: 0; color: #3962c9; font-weight: 500; transition: all 0.22s; } .page-numbers:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .page-numbers:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } a.page-numbers:hover { background: #3962c9; border-color: #3962c9; color: #fff; } .page-numbers.current { background: #3962c9; border-color: #3962c9; color: #fff; } .page-numbers.next, .page-numbers.prev { width: auto; padding-left: 20px; padding-right: 20px; } /* stylelint-disable selector-class-pattern */ div.validation_error { padding: 2rem; background: #e1b3b2; font-size: var(--font-size-medium); color: #fff; font-weight: 700; margin-bottom: 2rem; } div.validation_error:focus { color: #fff; } body *[aria-invalid="true"] { border-color: #e1b3b2; } .validation_message { color: #e1b3b2; font-weight: 400; font-size: var(--font-size-small); } .validation_list { list-style: none; margin-left: 0; padding: 0; margin-bottom: 2rem; } .validation_list a { color: #e1b3b2; text-decoration: none; } .validation_list li { color: #e1b3b2; font-weight: 700; } .gform_body .gfield_required { color: #3962c9; font-size: var(--font-size-huge); position: relative; top: 3px; } .gform_body ul { margin: 0; padding: 0; list-style: none; } .gform_body .gform_fields li { margin-top: 1rem; margin-bottom: 1rem; } .gform_body .gfieldset li { margin: 0; display: inline-flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: flex-start; } .gform_body .gform_fields li:last-child { margin-bottom: 0; } .gform_body .gfield_label, .gform_body .ginput_container label { font-weight: 700; margin-bottom: 1rem; margin-top: 1rem; display: inline-block; } .gform_body input[type="radio"], .gform_body input[type="checkbox"] { margin-right: 1rem; } .gform_body input:not([type="radio"]):not([type="checkbox"]), .gform_body textarea { width: 100%; } /* stylelint-enable selector-class-pattern */ .block-search, .block-search-results { background-color: #fff; } .block-search form { display: grid; grid-template-columns: 9fr 1fr; /* autoprefixer: off */ grid-gap: 1rem; } .block-search form input, .block-search form label { width: 100%; } .block-search-results > .container { padding-top: 0; } .block-search-results .row-result { padding: 2rem 0; border-top: 2px solid #d9d9d9; } .block-search-results .row-result:last-of-type { border-bottom: 2px solid #d9d9d9; } .block-search-results h3 { font-size: 18px; margin-bottom: 1rem; } .block-search-results p { margin-top: 1rem; } .block-search-results .tags a { background-color: #eaf1f8; color: #3962c9; } .block-search-results .tags a:hover { background-color: #3962c9; color: #eaf1f8; } .block-error-404 h1 { font-size: 42px; margin-bottom: 2rem; } /* stylelint-disable no-descending-specificity */ .comments-area { margin-top: 50px; margin-bottom: 0; overflow: visible; } .comment-list { padding: 0; margin: 0; list-style: none; } .comment-list li { font-size: var(--font-size-tiny); padding: 0; margin-top: 0; margin-bottom: 70px; } .comment-list p { font-size: var(--font-size-tiny); color: #4f5964; } .comment-list .avatar { float: right; border-radius: 50%; } .comment-list .comment-author { color: #4f5964; margin-top: 0; margin-bottom: 10px; padding: 0; } .comment-list a, .comment-list .comments-link a { color: #555; box-shadow: none; } .comment-list .comment-author a { color: #4f5964; } .comment-list .comment-time { font-size: var(--font-size-tiny); padding: 0; margin: 0; } .comment-list .comment-time a { color: #4f5964; } .comment-list .comment-time:hover { opacity: 1; } .comment-list .comment-time svg { fill: #4f5964; position: relative; top: 2px; margin-right: 5px; } .comments-link { font-size: var(--font-size-tiny); text-align: right; display: inline-flex; align-items: center; } .comments-link a { color: #555; } .comments-link:hover, .comments-link:focus, .comments-link a:hover, .comments-link a:focus { color: #222; } .comments-link svg { margin-right: 7px; top: -1px; position: relative; } .comment-respond { margin-bottom: 0; overflow: visible; } .comment-respond .comment-form-author { margin-bottom: 20px; margin-top: 0; } .comment-respond .comment-form-author input { padding: 15px; border-width: 1px; width: 100%; } .comment-respond .comment-form-email { margin-right: 0; clear: right; margin-bottom: 20px; margin-top: 0; } .comment-respond .comment-form-email input { padding: 15px; border-width: 1px; width: 100%; } .comment-respond .comment-form-url { position: relative; margin-top: 0; margin-bottom: 30px; } .comment-respond .comment-form-url input { padding: 15px; border-width: 1px; width: 100%; } .comment-respond .form-submit { display: block; clear: both; margin-bottom: 0; margin-top: 0; } .comment-respond .comment-form-comment { margin-bottom: 20px; } .comment-respond textarea { width: 100%; } /* stylelint-enable no-descending-specificity */ .wp-block.is-style-boxed, .is-style-boxed { border: 2px solid #4f5964; color: #4f5964; font-weight: 500; font-style: normal; line-height: 1.77; padding: 2rem; font-size: 17px; width: calc(100% - 4rem); } @media screen and (min-width: 320px) { .block.block-entry-header-demo .main-heading { font-size: calc(32px + 30 * ((100vw - 320px) / 1600)); } h1 { font-size: calc(32px + 19 * ((100vw - 320px) / 1600)); } h2 { font-size: calc(24px + 14 * ((100vw - 320px) / 1600)); } h3, .accent { font-size: calc(21px + 7 * ((100vw - 320px) / 1600)); } h4, .comment-list .comment-author { font-size: calc(18px + 3 * ((100vw - 320px) / 1600)); } h5 { font-size: calc(14px + 3 * ((100vw - 320px) / 1600)); } h6 { font-size: calc(12px + 2 * ((100vw - 320px) / 1600)); } .gutenberg-content li { font-size: calc(17px + 2 * ((100vw - 320px) / 1600)); } .block-search-results h3 { font-size: calc(18px + 3 * ((100vw - 320px) / 1600)); } .block-error-404 h1 { font-size: calc(42px + 158 * ((100vw - 320px) / 1600)); } } @media (min-width: 480px) { .js .nav-primary { top: calc(80px + 20px); } .hide-on-desktop { display: none !important; } blockquote::before { width: 30%; } .gform_body .ginput_full { width: 100%; display: block; } .gform_body .ginput_complex { margin-left: -.5rem; margin-right: -.5rem; display: flex; flex-wrap: wrap; } .gform_body .ginput_complex span { margin-right: .5rem; margin-left: .5rem; } .gform_body .ginput_left, .gform_body .ginput_right { width: calc(50% - 1rem); display: inline-flex; flex-wrap: wrap; } .gform_body .ginput_left > label, .gform_body .ginput_left input, .gform_body .ginput_right > label, .gform_body .ginput_right input { width: 100%; font-size: var(--font-size-small); } .block-error-404 .container { padding-top: 10%; padding-bottom: 10%; } .comment-form { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1em; /* autoprefixer: off */ justify-content: center; } .comment-form .comment-notes, .comment-form .comment-form-comment, .comment-form .form-submit { grid-column: 1 / span 2; } } @media (min-width: 770px) { .block.block-entry-header-demo .inner { padding: 0; display: grid; grid-template-rows: none; grid-template-columns: 3fr 5fr; max-width: 800px; } .block.block-entry-header-demo .logo { border-top: 0; border-right: 2px solid #fff; order: 0; text-align: right; } .block.block-entry-header-demo .logo svg { padding: 2rem 4rem; } .block.block-entry-header-demo .main-heading { padding: 2rem 4rem; text-align: left; } p, dd, dt, figcaption, hr, small, ol, ul, li, blockquote, kbd, pre, samp, code, th, td, table, tr, textarea, select, input[type="text"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], input[type="month"], input[type="week"], input[type="email"], input[type="search"] { font-size: 17px; } blockquote { margin-top: 4rem; padding-bottom: 4rem; } .theme-info { width: 60%; text-align: right; float: right; } } @media screen and (min-width: 770px) and (min-width: 320px) { p, dd, dt, figcaption, hr, small, ol, ul, li, blockquote, kbd, pre, samp, code, th, td, table, tr, textarea, select, input[type="text"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], input[type="month"], input[type="week"], input[type="email"], input[type="search"] { font-size: calc(17px + 3 * ((100vw - 320px) / 1600)); } } @media screen and (min-width: 770px) and (min-width: 1920px) { p, dd, dt, figcaption, hr, small, ol, ul, li, blockquote, kbd, pre, samp, code, th, td, table, tr, textarea, select, input[type="text"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], input[type="month"], input[type="week"], input[type="email"], input[type="search"] { font-size: 20px; } } @media (min-width: 840px) { ul.tags { padding: 0; } .gutenberg-content .is-style-boxed { transform: translate(2rem, 0); } } @media (min-width: 870px) { .gutenberg-content > *.alignwide { max-width: 1200px; padding-left: 0; padding-right: 0; } } @media (max-width: 959px) and (min-width: 411px) { .nav-toggle.has-visible-label .hamburger-box { margin-right: 2rem; } } @media (min-width: 960px) { .site-header .site-branding .site-title a, .site-header .nav-primary .menu-items.nav-menu .menu-item > .dropdown-toggle, .site-header .nav-primary .menu-items .current-menu-parent > a, .site-header .nav-primary .menu-items .current-menu-item > a { color: #60f4ea; } .block:not(.site-footer) { min-height: 100px; } .block:not(.site-footer) { min-height: 78px; } .hide-on-desktop-nav-view { display: none !important; } } @media (min-width: 960px) and (max-width: 960px) { .site-header .site-branding .site-title a, .site-header .nav-primary .menu-items.nav-menu .menu-item > .dropdown-toggle, .site-header .nav-primary .menu-items .current-menu-parent > a, .site-header .nav-primary .menu-items .current-menu-item > a { color: #60f4ea; } } @media only screen and (min-width: 960px) and (-ms-high-contrast: active), only screen and (min-width: 960px) and (-ms-high-contrast: none) { ul li:hover > ul { display: block; } } @media only screen and (min-width: 960px) { .nav-container .nav-primary > ul > li > a, .nav-container .nav-primary > ul > li > button { color: #fff; position: relative; } .nav-container .nav-primary > ul > li > a:hover { color: #fff; } .menu-item-has-children::before { content: ''; display: block; position: absolute; width: 0; height: 0; /* stylelint-disable */ border-color: transparent transparent #fff; /* stylelint-enable */ border-style: solid; border-width: 0 5px 5px; left: 50%; bottom: -10px; transform: scale(0); margin-left: -20px; transform-origin: center bottom; transition: none; } .nav-primary > ul:first-of-type > .menu-item-has-children:hover::before { transform: scale(1); transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .sub-menu { background: #fff; width: 22rem; left: 0; z-index: -1; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-left: 1px solid rgba(0, 0, 0, 0.05); border-right: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 25px 20px -10px rgba(5, 4, 25, 0.05); transition: opacity 0.25s cubic-bezier(0.19, 1, 0.22, 1); visibility: hidden; opacity: 0; position: absolute; top: -9999px; } .sub-menu a { line-height: 1.5; } .nav-primary ul .sub-menu.toggled-on, .menu-item-has-children:focus > .sub-menu, .menu-item-has-children:hover > .sub-menu, .menu-item-has-children.hover-intent > .sub-menu { top: 100%; visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); } .nav-container { background: #fff; } .nav-toggle { display: none; } .nav-primary { padding-top: 0; padding-bottom: 0; } .nav-primary .menu-items { margin: 0; padding: 0; background: transparent; position: relative; display: flex; align-items: center; } .nav-primary .menu-item { position: relative; margin: 0; } .nav-primary .menu-item > a { padding: 0.6rem 2rem; /* stylelint-disable */ color: #fff; font-size: 1.6rem; font-weight: 700; /* stylelint-enable */ display: inline-flex; align-items: center; /* stylelint-disable */ min-height: auto; /* stylelint-enable */ } .nav-primary .menu-item > a.disabled { color: #bbb; } .nav-primary .menu-item > a:hover, .nav-primary .menu-item > a:focus, .nav-primary .menu-item > a:active, .nav-primary .menu-item > a.highlighted, .nav-primary .menu-item > a.current { color: #fff; } .nav-primary .menu-item .sub-menu { width: 22rem; left: 5%; margin-left: 0; padding-bottom: .5rem; padding-top: .5rem; padding-left: 0; margin-top: 1rem; z-index: 999; } .nav-primary .menu-item .sub-menu li { float: none; width: 22rem; padding: 0; } .nav-primary .menu-item .sub-menu .sub-menu { top: 0; left: 100%; margin-left: 0; margin-top: -5px; } .nav-primary .menu-item .sub-menu a { padding: 0.4rem 1.5rem; font-size: 1.4rem; /* stylelint-disable font-weight-notation */ font-weight: 400; /* stylelint-enable font-weight-notation */ color: #3962c9; display: flex; align-items: center; } .nav-primary .menu-item .sub-menu a:hover, .nav-primary .menu-item .sub-menu a:focus, .nav-primary .menu-item .sub-menu a:active, .nav-primary .menu-item .sub-menu a.highlighted { color: #0c142a; } .nav-primary .menu-item .sub-menu .disabled { background: #fff; color: #bbb; } .nav-primary .menu-item .dropdown-toggle { background-color: transparent; border: none; border-radius: 50%; color: #fff; padding: 0; display: inline-flex; align-items: center; justify-content: center; } .nav-primary .menu-item .dropdown-toggle svg { /* stylelint-disable no-descending-specificity */ transition: transform 0.22s ease-in; width: 1rem; height: 1rem; /* stylelint-enable */ } .nav-primary .menu-item .dropdown-toggle.toggled-on svg { transform: rotateX(180deg); } .nav-primary .menu-item ul li .dropdown-toggle { background-color: transparent; border: none; border-radius: 0; color: #3962c9; height: auto; width: 3rem; flex-shrink: 0; align-self: center; } .nav-primary .menu-item ul li .dropdown-toggle svg { transform: rotate(-90deg) rotateX(0deg); width: 1rem; height: 1rem; } .nav-primary .menu-item ul li .dropdown-toggle.toggled-on svg { transform: rotate(-90deg) rotateX(180deg); } .nav-primary .menu-item > li > ul::after { content: ''; position: absolute; width: 0; height: 0; overflow: hidden; border-style: dashed dashed solid; top: -16px; left: 31px; border-width: 8px; /* stylelint-disable sh-waqar/declaration-use-variable */ border-color: transparent transparent #fff; /* stylelint-enable */ } .nav-primary .menu-item.menu-item-has-children { margin-right: .8rem; position: relative; display: flex; justify-content: space-between; align-items: center; /* stylelint-disable */ /* stylelint-enable */ } .nav-primary .menu-item.menu-item-has-children::after { display: block; position: absolute; content: ''; height: 1rem; width: 100%; top: 100%; } .nav-primary .menu-item.menu-item-has-children > a { padding-right: 1.5rem; } .nav-primary .sub-menu .menu-item-has-children::after { display: none; } } @media only screen and (min-width: 960px) and (max-width: 960px) { ul li:hover > ul { display: block; } } @media (min-width: 1024px) { .block-search-results > .container { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); /* autoprefixer: off */ grid-auto-rows: minmax(0, auto); grid-column-gap: 16px; grid-row-gap: 16px; } } @media all and (min-width: 1024px) and (-ms-high-contrast: none), (min-width: 1024px) and (-ms-high-contrast: active) { .block-search-results > .container { display: flex; flex-wrap: wrap; overflow: hidden; } .block-search-results > .container > div { width: calc(100% - 16px); margin-right: 16px; margin-bottom: 16px; } .block-search-results > .container > div:nth-child(1n+1) { margin-right: 0; } } @media (min-width: 1170px) { .gutenberg-content small[style="text-align: center;"] { width: 100%; max-width: 100%; display: block; margin-bottom: 8rem; margin-top: -4rem; } } @media screen and (min-width: 1920px) { .block.block-entry-header-demo .main-heading { font-size: 62px; } h1 { font-size: 51px; } h2 { font-size: 38px; } h3, .accent { font-size: 28px; } h4, .comment-list .comment-author { font-size: 21px; } h5 { font-size: 17px; } h6 { font-size: 14px; } .gutenberg-content li { font-size: 19px; } .block-search-results h3 { font-size: 21px; } .block-error-404 h1 { font-size: 200px; } } @media (max-width: 1350px) { :root { --padding-container-horizontal: 2rem; } } @media only screen and (max-width: 960px) { .js .menu-items ul { display: none; } .js ul .sub-menu.toggled-on { display: block; } } @media (max-width: 960px) { :root { --padding-site-header-vertical: 1rem; } .no-js .nav-container, .no-js .site-header, .no-js .main-navigation-wrapper, .no-js .nav-toggle, .no-js .search-wrapper { height: 80px !important; } .no-js > div:first-of-type { display: none !important; } .site-header { padding-top: 1rem; padding-bottom: 1rem; } .hide-on-mobile-nav-view { display: none !important; } } @media screen and (max-width: 959px) { .main-navigation-wrapper { order: 6; z-index: 999; } .no-js .site-header { position: static; background: #fff; } .disable-scroll { overflow: hidden; } .nav-primary { height: 100vh; width: 100vw; overflow: auto; transition: all 0.22s ease-in-out; margin: 0; display: block; will-change: opacity; visibility: hidden; opacity: 0; pointer-events: none; } .nav-primary a { border-top: 1px solid #f0f0f0; padding-top: 1.2rem; padding-bottom: 1.2rem; padding-left: 2.5rem; padding-right: 5.8rem; margin-left: 0; margin-right: 0; /* stylelint-disable */ color: #222; font-size: 15px; font-weight: 500; /* stylelint-enable */ text-decoration: none; position: relative; z-index: 0; display: block; outline: none; } .nav-primary .menu-items { opacity: 0; margin: 0; width: 100%; float: none; padding: 2rem 0; } .nav-primary a:hover, .nav-primary a:focus, .nav-primary a:active { /* stylelint-disable */ color: #3962c9; /* stylelint-enable */ } .nav-primary .current-menu-parent > a, .nav-primary .current-menu-item > a { /* stylelint-disable */ color: #3962c9; /* stylelint-enable */ } .nav-primary .disabled { color: #bbb; } .nav-primary .dropdown-toggle { position: absolute; top: 0; left: auto; right: 10px; width: 12px; height: 7px; overflow: hidden; background: transparent; border: 0; padding: 20px; z-index: 9999; background-image: url("../svg/mobile-nav-arrow-down.svg"); background-position: center; background-size: 12px 7px; background-repeat: no-repeat; transition: all 0.22s; transform: rotate(0); } .nav-primary .dropdown-toggle:focus { z-index: 10000; } .nav-primary .dropdown-toggle svg { display: none; } .nav-primary .dropdown-toggle.toggled-on { background-color: transparent; transform: rotate(-180deg); cursor: pointer; } .nav-primary ul { background: transparent; margin-left: 0; padding: 0; } .nav-primary .sub-menu > li > a { padding-left: 3.5rem; } .nav-primary [data-whatintent="mouse"] a:focus, .nav-primary [data-whatintent="touch"] a:focus { outline: none; } .js .nav-primary { position: fixed; z-index: 5; top: 80px; left: 0; } .js .nav-primary .menu-items { padding: 0; height: 100vh; } .js.js-nav-active { overflow: hidden; } .js.js-nav-active .nav-primary { visibility: visible; opacity: 1; pointer-events: all; background: #fff; } .js.js-nav-active .menu-items { opacity: 1; } } @media (max-width: 959px) { .nav-toggle { display: block; } .nav-toggle.has-visible-label { display: flex; align-items: center; } .nav-toggle.has-visible-label .nav-toggle-label { font-size: var(--font-size-nav-toggle-label); } } @media (max-width: 959px) and (max-width: 410px) { .nav-toggle.has-visible-label .nav-toggle-label { display: none; } } @media (max-width: 840px) { .gutenberg-content { width: calc(100% - 4rem); padding-left: 2rem; padding-right: 2rem; } .gutenberg-content pre { margin-left: 2rem; width: calc(100% - 8rem); } .gutenberg-content ol, .gutenberg-content ul:not(.tags) { padding-left: calc(2rem + 2.7rem); } .gutenberg-content ul.tags { padding-left: 0; } .wp-caption { width: 100% !important; } } @media (max-width: 800px) { .gutenberg-content > * .twitter-tweet, .gutenberg-content > * .instagram-media, .gutenberg-content > * .wp-video, .gutenberg-content > * .is-provider-instagram, .gutenberg-content > * .is-provider-twitter, .gutenberg-content > * .is-provider-facebook { padding-left: 4rem !important; padding-right: 4rem !important; } .gutenberg-content > *.twitter-tweet, .gutenberg-content > *.instagram-media, .gutenberg-content > *.wp-video { padding-left: 4rem !important; padding-right: 4rem !important; } } @media (max-width: 770px) { :root { --padding-container-vertical: 5rem; } :root { --font-size-extra-large: 17px; } } @media (max-width: 600px) { :root { --padding-block: 6rem; } .gutenberg-content.wp-block-gallery figcaption { padding: 0; } td, th { width: 100%; display: inline-block; height: auto; padding: 10px 0; text-align: center; } .page-numbers { width: 26px; height: 26px; } .page-numbers.next, .page-numbers.prev { padding-left: 10px; padding-right: 10px; } } @media (max-width: 480px) { :root { --padding-container-vertical: 4rem; } :root { --font-size-tiny: 16px; --font-size-small: 16px; --font-size-default: 16px; } .site-header { padding-top: 1rem; padding-bottom: 1rem; } .block.block-entry-header-demo .logo svg { max-width: 15rem; } .hide-on-mobile { display: none !important; } .gutenberg-content li { font-size: 15px; } .gutenberg-content figcaption, .gutenberg-content cite, .gutenberg-content small { margin-top: 2rem; } .gutenberg-content > blockquote, .gutenberg-content > blockquote.wp-block-quote { padding: 4rem 4rem 4rem 2rem; margin-left: 2rem; } .gutenberg-content > * .twitter-tweet, .gutenberg-content > * .instagram-media, .gutenberg-content > * .wp-video, .gutenberg-content > * .is-provider-instagram, .gutenberg-content > * .is-provider-twitter, .gutenberg-content > * .is-provider-facebook { padding-left: 2rem !important; padding-right: 2rem !important; } .gutenberg-content > *.twitter-tweet, .gutenberg-content > *.instagram-media, .gutenberg-content > *.wp-video { padding-left: 2rem !important; padding-right: 2rem !important; } .top svg { width: 15px; height: 15px; } .comment-respond input { width: 100%; } } @media (max-width: 420px) { :root { --font-size-nav-toggle-label: 13px; --font-size-extra-large: 16px; --font-size-tiny: 14px; --font-size-small: 14px; } } @keyframes plane-container { 0% { overflow: visible; } 80% { overflow: hidden; } 100% { overflow: hidden; } } @keyframes plane { 0% { transform: translate(-200%, 140%); } 10% { transform: translate(0, 0); opacity: 1; } 85% { transform: translate(0, 0); opacity: 1; } 95% { transform: translate(140%, -100%); } 97% { opacity: 0; } 100% { transform: translate(0, 0); } }