/* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ /** * --------------------------- * Bigwig - Site Styles - Base * --------------------------- */ /** * Z-index Revised Layering * ------------------------ * * 1060 - Popovers * 1150 - Body main overlay * 1160 - Fixed header * 1250 - Modal overlay * 1260 - Modals */ /** * Root Variables * -------------- */ :root { /* Font Familes */ --font-icon-pro: 'Font Awesome 5 Pro'; --font-default: 'Roboto Condensed', sans-serif; --font-primary: 'Bebas Neue', sans-serif; --font-secondary: 'Oswald', sans-serif; /* Font Sizes */ --font-size-xs: 1.4rem; --font-size-sm: 1.6rem; --font-size-default: 1.8rem; --font-size-lg: 2rem; --font-size-xl: 2.2rem; --font-size-h1: 4.2rem; --font-size-h2: 3.6rem; --font-size-h3: 3.2rem; --font-size-h4: 2.6rem; --font-size-h5: 1.8rem; --font-size-h6: 1.6rem; /* Font Weights */ --weight-light: 300; --weight-default: 400; --weight-medium: 500; --weight-bold-semi: 600; --weight-bold: 700; --weight-bold-extra: 800; --weight-bold-ultra: 900; /* Line Heights */ --line-default: 1.4; --line-sm: 1.2; --line-xs: 1.1; --line-single: 1; /* Transitions */ --transition-duration-quick: 150ms; --transition-duration-default: 300ms; --transition-duration-slow: 600ms; --transition-ease: ease-in-out; --transition-cubic: cubic-bezier(0.165, 0.84, 0.44, 1); --transition-quick-ease: var(--transition-duration-quick) var(--transition-ease); --transition-default-ease: var(--transition-duration-default) var(--transition-ease); --transition-slow-ease: var(--transition-duration-slow) var(--transition-ease); --transition-quick-cubic: var(--transition-duration-quick) var(--transition-cubic); --transition-default-cubic: var(--transition-duration-default) var(--transition-cubic); --transition-slow-cubic: var(--transition-duration-slow) var(--transition-cubic); /* Colors */ --color-black: #000; --color-default: #171717; --color-primary-dark: #f7c81a; --color-primary: #fff200; --color-primary-light: #fcf81b; --color-secondary: #d8d4ca; --color-secondary-light: #e4e2d6; --color-secondary-lighter: #ebe9df; --color-secondary-lightest: #f8f6e9; --color-white: #fff; --color-grey-darkest: #333333; --color-grey-dark: #525252; --color-grey: #848484; --color-grey-light: #b4b4b4; --color-grey-lighter: #eeeeee; --color-grey-lightest: #fafafa; --color-warning-darkest: #e74c3c; --color-warning-darker: #ed7264; --color-warning-dark: #f3978b; --color-warning: #f7bab2; --color-warning-light: #facbc5; --color-warning-lighter: #fcddd8; --color-warning-lightest: #fdedec; /* Colors - Transparent */ --color-primary-50p: rgba(255, 241, 0, 0.5); --color-primary-80p: rgba(255, 241, 0, 0.8); --color-grey-80p: rgb(108, 108, 108, 0.8); --color-default-80p: rgba(23, 23, 23, 0.8); --color-default-50p: rgba(23, 23, 23, 0.5); --color-default-25p: rgba(23, 23, 23, 0.25); --color-white-0p: rgba(255, 255, 255, 0); --color-white-10p: rgba(255, 255, 255, 0.1); --color-white-15p: rgba(255, 255, 255, 0.15); --color-white-20p: rgba(255, 255, 255, 0.2); --color-white-25p: rgba(255, 255, 255, 0.25); --color-white-50p: rgba(255, 255, 255, 0.5); --color-white-75p: rgba(255, 255, 255, 0.75); --color-white-90p: rgba(255, 255, 255, 0.9); --color-black-0p: rgba(0, 0, 0, 0); --color-black-5p: rgba(0, 0, 0, 0.05); --color-black-10p: rgba(0, 0, 0, 0.1); --color-black-15p: rgba(0, 0, 0, 0.15); --color-black-25p: rgba(0, 0, 0, 0.25); --color-black-75p: rgba(0, 0, 0, 0.75); /* Border Radius */ --border-radius-sm: 0.5rem; --border-radius: 1rem; --border-radius-lg: 2rem; --border-radius-soft: 1.5em; --border-radius-max: 99rem; /* Icons - Font Awesome */ --icon-fa-attach: 0.4687em; /* Equates to 10px when font size is 16px and fa-lg turns font-size into 21.334px */ /* Wordpress - Admin Bar */ --wp-admin-bar-height: 46px; /* Navbar Height */ --navbar-height: 77.578px; /* Viewport Height */ --viewport-height: 100vh; /* Aspect Ratios */ --aspect-21-9: 42.87%; --aspect-2-1: 50%; --aspect-16-9: 56.25%; --aspect-3-2: 66.67%; --aspect-4-3: 75%; --aspect-5-4: 80%; --aspect-1-1: 100%; --aspect-4-5: 125%; --aspect-3-4: 133.33%; --aspect-2-3: 150%; --aspect-9-16: 177.78%; --aspect-1-2: 200%; --aspect-9-21: 233.33%; /* Paddings */ --pad-y-sm: 4.5rem; --pad-y: 4.5rem; --pad-y-lg: 6rem; --pad-y-xl: 7.5rem; /* Spaces */ --space-sm: 0.5rem; --space-default: 0.75rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2.5rem; --space-xxl: 4rem; /* Box Shadows */ --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* Text Shadows */ --text-shadow: 0 0 2em var(--color-default-50p); --text-shadow-soft: 0 0 6px rgba(0, 0, 0, 0.2), /* soft spread shadow */ 0 0 12px rgba(0, 0, 0, 0.2), 0 0 24px rgba(0, 0, 0, 0.2), 0 0 48px rgba(0, 0, 0, 0.3); } @media (min-width: 783px) { :root { /* Wordpress - Admin Bar */ --wp-admin-bar-height: 32px; } } @media (min-width: 992px) { :root { /* Font Sizes */ --font-size-h1: 7.2rem; --font-size-h5: 2.2rem; /* Navbar Height */ --navbar-height: 80px; /* Paddings */ --pad-y: 9rem; --pad-y-lg: 12rem; --pad-y-xl: 15rem; /* Spaces */ --space-sm: 0.75rem; --space-default: 1.5rem; --space-md: 2rem; --space-lg: 3rem; --space-xl: 5rem; --space-xxl: 8rem; } } /** * Animation Keyframes * ------------------- */ @-webkit-keyframes arrow-point-up { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(110deg); transform: rotate(110deg); } 75% { -webkit-transform: rotate(80deg); transform: rotate(80deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes arrow-point-up { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(110deg); transform: rotate(110deg); } 75% { -webkit-transform: rotate(80deg); transform: rotate(80deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @-webkit-keyframes arrow-point-side { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } 75% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes arrow-point-side { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } 75% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes roll-and-spin { 0% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); } 100% { -webkit-transform: translate(-1000%, 0) rotate(-3600deg); transform: translate(-1000%, 0) rotate(-3600deg); } } @keyframes roll-and-spin { 0% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); } 100% { -webkit-transform: translate(-1000%, 0) rotate(-3600deg); transform: translate(-1000%, 0) rotate(-3600deg); } } @-webkit-keyframes spin-right { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -webkit-transform: rotate(380deg); transform: rotate(380deg); } 85% { -webkit-transform: rotate(350deg); transform: rotate(350deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin-right { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -webkit-transform: rotate(380deg); transform: rotate(380deg); } 85% { -webkit-transform: rotate(350deg); transform: rotate(350deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes spin-left { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -webkit-transform: rotate(-380deg); transform: rotate(-380deg); } 85% { -webkit-transform: rotate(-350deg); transform: rotate(-350deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes spin-left { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -webkit-transform: rotate(-380deg); transform: rotate(-380deg); } 85% { -webkit-transform: rotate(-350deg); transform: rotate(-350deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes push-down { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(15deg) translate(-10%, 5%); transform: rotate(15deg) translate(-10%, 5%); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes push-down { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(15deg) translate(-10%, 5%); transform: rotate(15deg) translate(-10%, 5%); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(10%); transform: translateY(10%); /* Move down 10px */ } } @keyframes bounce { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(10%); transform: translateY(10%); /* Move down 10px */ } } /** * Animations * ---------- */ /* Animation - Roll and Spin */ .rolling-and-spinning { -webkit-animation: roll-and-spin 6s cubic-bezier(0.35, 0, 0.2, 1) forwards; animation: roll-and-spin 6s cubic-bezier(0.35, 0, 0.2, 1) forwards; } @media (min-width: 768px) { .rolling-and-spinning { -webkit-animation: roll-and-spin 6s cubic-bezier(0.25, 0, 0.35, 1) forwards; animation: roll-and-spin 6s cubic-bezier(0.25, 0, 0.35, 1) forwards; } } @media (min-width: 1500px) { .rolling-and-spinning { -webkit-animation: roll-and-spin 4s cubic-bezier(0.5, 0, 0.5, 1) forwards; animation: roll-and-spin 4s cubic-bezier(0.5, 0, 0.5, 1) forwards; } } /* Animation - Spin Right */ .spinning-right { -webkit-animation: spin-right 1.5s cubic-bezier(0.7, 0, 0.3, 1); animation: spin-right 1.5s cubic-bezier(0.7, 0, 0.3, 1); } /* Animation - Spin Left */ .spinning-left { -webkit-animation: spin-left 1.5s cubic-bezier(0.7, 0, 0.3, 1); animation: spin-left 1.5s cubic-bezier(0.7, 0, 0.3, 1); } /** * Z Index * ------- */ .z-1 { z-index: 1; } /** * Selection * --------- */ ::-moz-selection { color: var(--color-black); background-color: var(--color-primary); } ::selection { color: var(--color-black); background-color: var(--color-primary); } /** * HTML & Body * ----------- */ html { font-size: 62.5%; } body { font-family: var(--font-default); font-size: var(--font-size-sm); font-weight: var(--weight-default); line-height: var(--line-default); color: var(--color-default); background-image: url('../images/backgrounds/page-bg-01.jpg'); background-position: center 0px; background-attachment: fixed; background-size: cover; background-color: var(--color-secondary); } @media (min-width: 992px) { body { font-size: var(--font-size-default); background-size: 100%; } } #body-main { position: relative; padding-top: var(--navbar-height); } /* Body - Admin Bars */ body:not(.admin-bar) { --wp-admin-bar-height: 0px; } /* HTML & Body - Boostrap Overrides */ *.focus, *:focus { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } :focus-visible { outline: none !important; } /* HTML & Body - Helper Classes */ .child-clean > *:first-child { margin-top: 0 !important; } .child-clean > *:last-child { margin-bottom: 0 !important; } /* HTML & Body - Sticky Footer */ .body-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .body-wrapper > .body-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; min-height: 100vh; } .body-wrapper > .body-inner > .body-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } /** * Body Page Backgrounds * --------------------- */ .bg-black-grey { background-color: var(--color-default); } /* Body Page Backgrounds - 02 */ body.page-bg-02 { background-image: url('../images/backgrounds/page-bg-sm-02.jpg'); } @media (min-width: 992px) { body.page-bg-02 { background-image: url('../images/backgrounds/page-bg-02.jpg'); } } /* Body Page Backgrounds - 03 */ body.page-bg-03 { background-image: url('../images/backgrounds/page-bg-03.jpg'); } /* Body Page Backgrounds - 04 */ body.page-bg-04 { background-image: url('../images/backgrounds/page-bg-04.jpg'); } /* Body Page Backgrounds - 05 */ body.page-bg-05 { background-image: url('../images/backgrounds/page-bg-05.jpg'); } /* Body Page Backgrounds - 06 */ body.page-bg-06 { background-image: url('../images/backgrounds/page-bg-06.jpg'); } /* Body Page Backgrounds - 07 */ body.page-bg-07 { background-image: url('../images/backgrounds/page-bg-07.jpg'); } /** * WP Admin Bar * ------------ */ @media (max-width: 600px) { #wpadminbar { position: fixed; } } /** * Devices * ------- */ /* Devices - Hide & Show */ @media (pointer: fine) and (hover: hover) { *[data-device-hide="desktop"] { display: none !important; } } /** * Borders * ------- */ .rounded { border-radius: 2.5rem !important; } .rounded-top { border-top-right-radius: 2.5rem !important; border-top-left-radius: 2.5rem !important; } .rounded-right { border-top-right-radius: 2.5rem !important; border-bottom-right-radius: 2.5rem !important; } .rounded-bottom { border-bottom-right-radius: 2.5rem !important; border-bottom-left-radius: 2.5rem !important; } .rounded-left { border-top-left-radius: 2.5rem !important; border-bottom-left-radius: 2.5rem !important; } /** * Texts * ----- */ .text-highlight { display: inline; line-height: 1.1; color: var(--color-black); background-color: var(--color-primary); } /** * Transitions * --------- */ .transition-none { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .transition-quick { -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); } .transition-default { -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); } .transition-slow { -webkit-transition: var(--transition-slow-ease); -o-transition: var(--transition-slow-ease); transition: var(--transition-slow-ease); } /** * Bootstrap Containers, Rows & Columns * ------------------------------------ */ /* Bootstrap - Containers */ .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-xxxl { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-xxxl { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-lg, .container-xl, .container-xxl, .container-xxxl { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-xl, .container-xxl, .container-xxxl { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-xxl, .container-xxxl { max-width: 1140px; } } @media (min-width: 1500px) { .container-xxl, .container-xxxl { max-width: 1410px; } } @media (min-width: 1900px) { .container-xxxl { max-width: 1780px; } } /* Bootstrap - Containers - Fluid */ .container-fluid-sm, .container-fluid-md, .container-fluid-lg, .container-fluid-xl, .container-fluid-xxl, .container-fluid-xxxl { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-fluid-sm { max-width: 540px; } } @media (min-width: 768px) { .container-fluid-md { max-width: 720px; } } @media (min-width: 992px) { .container-fluid-lg { max-width: 960px; } } @media (min-width: 1200px) { .container-fluid-xl { max-width: 1140px; } } @media (min-width: 1500px) { .container-fluid-xxl { max-width: 1410px; } } @media (min-width: 1900px) { .container-fluid-xxxl { max-width: 1780px; } } /** * Bootstrap - Rows & Columns - Gutter Sizing * ------------------------------------------ */ @media (min-width: 576px) { .row.has-space-extra { margin-right: -30px; margin-left: -30px; } .row.has-space-extra > .col, .row.has-space-extra > .col-1, .row.has-space-extra > .col-2, .row.has-space-extra > .col-3, .row.has-space-extra > .col-4, .row.has-space-extra > .col-5, .row.has-space-extra > .col-6, .row.has-space-extra > .col-7, .row.has-space-extra > .col-8, .row.has-space-extra > .col-9, .row.has-space-extra > .col-10, .row.has-space-extra > .col-11, .row.has-space-extra > .col-12, .row.has-space-extra > .col-auto, .row.has-space-extra > .col-sm, .row.has-space-extra > .col-sm-1, .row.has-space-extra > .col-sm-2, .row.has-space-extra > .col-sm-3, .row.has-space-extra > .col-sm-4, .row.has-space-extra > .col-sm-5, .row.has-space-extra > .col-sm-6, .row.has-space-extra > .col-sm-7, .row.has-space-extra > .col-sm-8, .row.has-space-extra > .col-sm-9, .row.has-space-extra > .col-sm-10, .row.has-space-extra > .col-sm-11, .row.has-space-extra > .col-sm-12, .row.has-space-extra > .col-sm-auto, .row.has-space-extra > .col-md, .row.has-space-extra > .col-md-1, .row.has-space-extra > .col-md-2, .row.has-space-extra > .col-md-3, .row.has-space-extra > .col-md-4, .row.has-space-extra > .col-md-5, .row.has-space-extra > .col-md-6, .row.has-space-extra > .col-md-7, .row.has-space-extra > .col-md-8, .row.has-space-extra > .col-md-9, .row.has-space-extra > .col-md-10, .row.has-space-extra > .col-md-11, .row.has-space-extra > .col-md-12, .row.has-space-extra > .col-md-auto, .row.has-space-extra > .col-lg, .row.has-space-extra > .col-lg-1, .row.has-space-extra > .col-lg-2, .row.has-space-extra > .col-lg-3, .row.has-space-extra > .col-lg-4, .row.has-space-extra > .col-lg-5, .row.has-space-extra > .col-lg-6, .row.has-space-extra > .col-lg-7, .row.has-space-extra > .col-lg-8, .row.has-space-extra > .col-lg-9, .row.has-space-extra > .col-lg-10, .row.has-space-extra > .col-lg-11, .row.has-space-extra > .col-lg-12, .row.has-space-extra > .col-lg-auto, .row.has-space-extra > .col-xl, .row.has-space-extra > .col-xl-1, .row.has-space-extra > .col-xl-2, .row.has-space-extra > .col-xl-3, .row.has-space-extra > .col-xl-4, .row.has-space-extra > .col-xl-5, .row.has-space-extra > .col-xl-6, .row.has-space-extra > .col-xl-7, .row.has-space-extra > .col-xl-8, .row.has-space-extra > .col-xl-9, .row.has-space-extra > .col-xl-10, .row.has-space-extra > .col-xl-11, .row.has-space-extra > .col-xl-12, .row.has-space-extra > .col-xl-auto { padding-right: 30px; padding-left: 30px; } } /** * Text & Background Colors * ------------------------ */ /* Text Colors */ .text-default { color: var(--color-default) !important; } .text-muted { color: var(--color-grey-light) !important; } .text-primary { color: var(--color-primary) !important; } .text-secondary { color: var(--color-secondary) !important; } .text-tertiary { color: var(--color-tertiary) !important; } .text-quaternary { color: var(--color-quaternary) !important; } .text-white { color: var(--color-white) !important; } .text-grey-darkest { color: var(--color-grey-darkest) !important; } .text-grey-dark { color: var(--color-grey-dark) !important; } .text-grey { color: var(--color-grey) !important; } .text-grey-light { color: var(--color-grey-light) !important; } .text-grey-lighter { color: var(--color-grey-lighter) !important; } .text-grey-lightest { color: var(--color-grey-lightest) !important; } .text-black { color: var(--color-black) !important; } .text-warning { color: var(--color-warning-darkest) !important; } /* Background Colors */ .bg-default { background-color: var(--color-default) !important; } .bg-primary { background-color: var(--color-primary) !important; } .bg-secondary { background-color: var(--color-secondary) !important; } .bg-tertiary { background-color: var(--color-tertiary) !important; } .bg-quaternary { background-color: var(--color-quaternary) !important; } .bg-white { background-color: var(--color-white) !important; } .bg-grey-darkest { background-color: var(--color-grey-darkest) !important; } .bg-grey-dark { background-color: var(--color-grey-dark) !important; } .bg-grey { background-color: var(--color-grey) !important; } .bg-grey-light { background-color: var(--color-grey-light) !important; } .bg-grey-lighter { background-color: var(--color-grey-lighter) !important; } .bg-grey-lightest { background-color: var(--color-grey-lightest) !important; } .bg-black { background-color: var(--color-black) !important; } .bg-warning { background-color: var(--color-warning-darkest) !important; } /* Background Colors - Overlays */ *[class^="bg-overlay"], *[class*=" bg-overlay"] { position: relative; } *[class^="bg-overlay"]::before, *[class*=" bg-overlay"]::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .bg-overlay-none-white-90p::before { background-color: var(--color-white-90p); } /** * Typography * --------- */ p { margin-bottom: var(--space-sm); } small, .small { font-size: 0.8em; font-weight: inherit; } strong, .strong { font-weight: var(--weight-bold); } blockquote { margin-bottom: 1.5rem; padding: 1.5rem; font-weight: var(--weight-bold); color: var(--color-black); background-color: var(--color-grey-lighter); } @media (min-width: 992px) { blockquote { padding: 3rem; margin-bottom: 3rem; } } blockquote > *:first-child { margin-top: 0 !important; } blockquote > *:last-child { margin-bottom: 0 !important; } hr { margin-top: 3rem; margin-bottom: 3rem; border-top: 0.1rem solid currentColor; opacity: 0.25; } @media (min-width: 992px) { hr { margin-top: 6rem; margin-bottom: 6rem; } } .white-space-nowrap { white-space: nowrap !important; } address.addr-nowrap br { display: none; } /* Typography - Font Families */ .font-family-default { font-family: var(--font-default) !important; } .font-family-primary { font-family: var(--font-primary) !important; font-weight: var(--weight-default) !important; line-height: var(--line-single) !important; text-transform: uppercase !important; } .font-family-secondary { font-family: var(--font-secondary) !important; } /* Typography - Font Sizes */ .font-size-xs { font-size: var(--font-size-xs) !important; } /* Typography - Font Weights */ .font-weight-inherit { font-weight: inherit !important; } .font-weight-light { font-weight: var(--weight-light) !important; } .font-weight-default { font-weight: var(--weight-default) !important; } .font-weight-medium { font-weight: var(--weight-medium) !important; } .font-weight-bold-semi { font-weight: var(--weight-bold-semi) !important; } .font-weight-bold { font-weight: var(--weight-bold) !important; } .font-weight-bold-extra { font-weight: var(--weight-bold-extra) !important; } .font-weight-bold-ultra { font-weight: var(--weight-bold-ultra) !important; } /* Typography - Line Heights */ .line-height-default { line-height: var(--line-default) !important; } .line-height-tight { line-height: var(--line-sm) !important; } /* * Typography - Headings * --------------------- */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h7 { display: block; margin-bottom: var(--space-sm); font-family: var(--font-primary); font-weight: var(--weight-default); line-height: var(--line-single); text-transform: uppercase; color: var(--color-grey-dark); } h1, .h1 { font-size: var(--font-size-h1); } h2, .h2 { font-size: var(--font-size-h2); } h3, .h3 { font-size: var(--font-size-h3); } h4, .h4 { font-size: var(--font-size-h4); } h5, .h5 { font-size: var(--font-size-h5); } h6, .h6 { font-size: var(--font-size-h6); } /* Headings - Display */ .display-1 { font-weight: var(--weight-bold); line-height: var(--line-sm); } /* Headings - Spacing */ h1.has-space-less, .h1.has-space-less, h2.has-space-less, .h2.has-space-less, h3.has-space-less, .h3.has-space-less, h4.has-space-less, .h4.has-space-less, h5.has-space-less, .h5.has-space-less, h6.has-space-less, .h6.has-space-less, .h7.has-space-less { margin-bottom: 0.5rem; } @media (min-width: 992px) { h1.has-space-less, .h1.has-space-less, h2.has-space-less, .h2.has-space-less, h3.has-space-less, .h3.has-space-less, h4.has-space-less, .h4.has-space-less, h5.has-space-less, .h5.has-space-less, h6.has-space-less, .h6.has-space-less, .h7.has-space-less { margin-bottom: 1rem; } } h1.has-space-extra, .h1.has-space-extra, h2.has-space-extra, .h2.has-space-extra, h3.has-space-extra, .h3.has-space-extra, h4.has-space-extra, .h4.has-space-extra, h5.has-space-extra, .h5.has-space-extra, h6.has-space-extra, .h6.has-space-extra, .h7.has-space-extra { margin-bottom: 3rem; } @media (min-width: 992px) { h1.has-space-extra, .h1.has-space-extra, h2.has-space-extra, .h2.has-space-extra, h3.has-space-extra, .h3.has-space-extra, h4.has-space-extra, .h4.has-space-extra, h5.has-space-extra, .h5.has-space-extra, h6.has-space-extra, .h6.has-space-extra, .h7.has-space-extra { margin-bottom: 6rem; } } p + h1, p + .h1, p + h2, p + .h2, p + h3, p + .h3, p + h4, p + .h4, p + h5, p + .h5, p + h6, p + .h6, p + .h7 { padding-top: var(--space-md); } /* Headings - Multiples */ h1 + h2, h1 + .h2, h1 + h3, h1 + .h3, h1 + h4, h1 + .h4, h1 + h5, h1 + .h5, h1 + h6, h1 + .h6, h1 + .h7, .h1 + h2, .h1 + .h2, .h1 + h3, .h1 + .h3, .h1 + h4, .h1 + .h4, .h1 + h5, .h1 + .h5, .h1 + h6, .h1 + .h6, .h1 + .h7, h2 + h3, h2 + .h3, h2 + h4, h2 + .h4, h2 + h5, h2 + .h5, h2 + h6, h2 + .h6, h2 + .h7, .h2 + h3, .h2 + .h3, .h2 + h4, .h2 + .h4, .h2 + h5, .h2 + .h5, .h2 + h6, .h2 + .h6, .h2 + .h7, h3 + h4, h3 + .h4, h3 + h5, h3 + .h5, h3 + h6, h3 + .h6, h3 + .h7, .h3 + h4, .h3 + .h4, .h3 + h5, .h3 + .h5, .h3 + h6, .h3 + .h6, .h3 + .h7, h4 + h5, h4 + .h5, h4 + h6, h4 + .h6, h4 + .h7, .h4 + h5, .h4 + .h5, .h4 + h6, .h4 + .h6, .h4 + .h7, h5 + h6, h5 + .h6, h5 + .h7, .h5 + h6, .h5 + .h6, .h5 + .h7, h6 + .h7, .h6 + .h7 { margin-top: -1rem; } @media (min-width: 992px) { h1 + h2, h1 + .h2, h1 + h3, h1 + .h3, h1 + h4, h1 + .h4, h1 + h5, h1 + .h5, h1 + h6, h1 + .h6, h1 + .h7, .h1 + h2, .h1 + .h2, .h1 + h3, .h1 + .h3, .h1 + h4, .h1 + .h4, .h1 + h5, .h1 + .h5, .h1 + h6, .h1 + .h6, .h1 + .h7, h2 + h3, h2 + .h3, h2 + h4, h2 + .h4, h2 + h5, h2 + .h5, h2 + h6, h2 + .h6, h2 + .h7, .h2 + h3, .h2 + .h3, .h2 + h4, .h2 + .h4, .h2 + h5, .h2 + .h5, .h2 + h6, .h2 + .h6, .h2 + .h7, h3 + h4, h3 + .h4, h3 + h5, h3 + .h5, h3 + h6, h3 + .h6, h3 + .h7, .h3 + h4, .h3 + .h4, .h3 + h5, .h3 + .h5, .h3 + h6, .h3 + .h6, .h3 + .h7, h4 + h5, h4 + .h5, h4 + h6, h4 + .h6, h4 + .h7, .h4 + h5, .h4 + .h5, .h4 + h6, .h4 + .h6, .h4 + .h7, h5 + h6, h5 + .h6, h5 + .h7, .h5 + h6, .h5 + .h6, .h5 + .h7, h6 + .h7, .h6 + .h7 { margin-top: -2rem; } } /* Headings - Numbered */ *[class^="heading-numbered-"], *[class*=" heading-numbered-"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 0.1em; word-break: break-all; color: var(--color-black); } *[class^="heading-numbered-"]::before, *[class*=" heading-numbered-"]::before, *[class^="heading-numbered-"]::after, *[class*=" heading-numbered-"]::after { padding: 0.25em 0.25em 0.15em; margin-top: -0.1334em; font-size: 0.75em; word-break: normal; color: var(--color-primary); background-color: var(--color-black); } .heading-numbered-before::before { content: attr(data-heading-number); margin-right: 0.3226em; } .heading-numbered-after::after { content: attr(data-heading-number); margin-left: 0.3226em; } .leadin-text { font-family: var(--font-default); line-height: 3.6rem; text-transform: none; } /** * Typography - Effects * -------------------- */ /* Effects - Typewriter */ @-webkit-keyframes cursor-pulse { 0% {opacity: 0; visibility: hidden} 20% {opacity: 0; visibility: hidden} 40% {opacity: 1; visibility: visible} 60% {opacity: 1; visibility: visible} 80% {opacity: 0; visibility: hidden} 100% {opacity: 0; visibility: hidden} } @keyframes cursor-pulse { 0% {opacity: 0; visibility: hidden} 20% {opacity: 0; visibility: hidden} 40% {opacity: 1; visibility: visible} 60% {opacity: 1; visibility: visible} 80% {opacity: 0; visibility: hidden} 100% {opacity: 0; visibility: hidden} } *[data-typewriter] { /* Variables */ --typewriter-text: ''; --typewriter-animation-duration: 1000ms; --typewriter-animation-iteration: infinite; display: inline-block; position: relative; opacity: 1; visibility: visible; } *[data-typewriter]::before { content: var(--typewriter-text); display: inline-block; opacity: 0; visibility: hidden; } *[data-typewriter] .hidden-text { opacity: 0; pointer-events: none; } *[data-typewriter] .typewriter-text { display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } *[data-typewriter] .typewriter-text::after { content: ''; position: relative; display: inline-block; width: 0.075em; height: 1em; bottom: -0.15em; opacity: 0; visibility: hidden; margin-top: -0.5em; -webkit-animation: cursor-pulse var(--typewriter-animation-duration) linear var(--typewriter-animation-iteration); animation: cursor-pulse var(--typewriter-animation-duration) linear var(--typewriter-animation-iteration); background-color: var(--color-black); } *[data-typewriter].hidden { opacity: 0; visibility: hidden; } .typewriter-text .highlight { color: var(--color-black); background-color: var(--color-primary); } /** * Typography - Writing Modes * -------------------------- */ .text-wm-vert-lr { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; } .text-wm-vert-rl { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } /** * Typography - Columns * -------------------- */ *[class^="text-col"], *[class*=" text-col"] { -webkit-columns: auto; -moz-columns: auto; columns: auto; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } /* Typography - Columns - Count */ .text-col-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } @media (min-width: 768px) { .text-col-md-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (min-width: 992px) { .text-col-lg-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } .text-col-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } @media (min-width: 768px) { .text-col-md-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media (min-width: 992px) { .text-col-lg-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } .text-col-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } @media (min-width: 768px) { .text-col-md-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } } @media (min-width: 992px) { .text-col-lg-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } } /** * Typography - Truncate Text * -------------------------- */ *[class^="text-truncate"], *[class*=" text-truncate"] { position: relative; overflow: hidden; } *[class^="text-truncate"]::before, *[class*=" text-truncate"]::before, *[class^="text-truncate"]::after, *[class*=" text-truncate"]::after { content: '...'; position: absolute; right: 0; background-color: var(--color-white); } *[class^="text-truncate"]::before, *[class*=" text-truncate"]::before { bottom: 0; } *[class^="text-truncate"]::after, *[class*=" text-truncate"]::after { color: transparent; } /* Typography - Truncate Text - Line Heights */ *[class^="text-truncate-default"], *[class*=" text-truncate-default"] { line-height: var(--line-default); } *[class^="text-truncate-tight"], *[class*=" text-truncate-tight"] { line-height: var(--line-sm); } *[class^="text-truncate-single"], *[class*=" text-truncate-single"] { line-height: var(--line-single); } /* Truncate Text - Max Heights */ .text-truncate-default-2 { max-height: calc(var(--line-default) * 2em); } .text-truncate-tight-2 { max-height: calc(var(--line-sm) * 2em); } .text-truncate-single-2 { max-height: calc(var(--line-single) * 2em); } .text-truncate-default-3 { max-height: calc(var(--line-default) * 3em); } .text-truncate-tight-3 { max-height: calc(var(--line-sm) * 3em); } .text-truncate-single-3 { max-height: calc(var(--line-single) * 3em); } .text-truncate-default-4 { max-height: calc(var(--line-default) * 4em); } .text-truncate-tight-4 { max-height: calc(var(--line-sm) * 4em); } .text-truncate-single-4 { max-height: calc(var(--line-single) * 4em); } /** * Lists * ----- */ ol, ul { margin-bottom: 1.5rem; padding-left: 1.667em; list-style: none; } @media (min-width: 992px) { ol, ul { margin-bottom: 1.667rem; } } ol { counter-reset: counter-ol; } ol > li { counter-increment: counter-ol; } ol > li:not(:last-child), ul > li:not(:last-child) { margin-bottom: 0.25rem; } ol > li::before, ul > li::before { display: inline-block; width: 1.2em; margin-left: -1em; } ol > li::before { content: counter(counter-ol) '.'; } ul > li::before { content: '\2022'; } /* Lists - Sizing */ ol.has-space-extra > li:not(:last-child), ul.has-space-extra > li:not(:last-child) { margin-bottom: 0.75rem; } @media (min-width: 992px) { ol.has-space-less > li:not(:last-child), ul.has-space-less > li:not(:last-child) { margin-bottom: 1.5rem; } } /* Lists - Unstyled */ ol.list-unstyled > li::before, ul.list-unstyled > li::before { display: none; } /** * Lists - Inline * -------------- */ ol[class^="list-inline"], ol[class*=" list-inline"], ul[class^="list-inline"], ul[class*=" list-inline"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1rem; padding-left: 0; list-style: none; } @media (min-width: 992px) { ol[class^="list-inline"], ol[class*=" list-inline"], ul[class^="list-inline"], ul[class*=" list-inline"] { margin-bottom: 2rem; } } ol.list-inline, ul.list-inline { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ol[class^="list-inline"] > li, ol[class*=" list-inline"] > li, ul[class^="list-inline"] > li, ul[class*=" list-inline"] > li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 0.5rem; } @media (min-width: 992px) { ol[class^="list-inline"] > li, ol[class*=" list-inline"] > li, ul[class^="list-inline"] > li, ul[class*=" list-inline"] > li { margin-bottom: 1rem; } } ol.list-inline > li:not(:last-child), ul.list-inline > li:not(:last-child) { margin-right: 0.5rem; } @media (min-width: 992px) { ol.list-inline > li:not(:last-child), ul.list-inline > li:not(:last-child) { margin-right: 1rem; } } ol[class^="list-inline"] > li::before, ol[class*=" list-inline"] > li::before, ul[class^="list-inline"] > li::before, ul[class*=" list-inline"] > li::before { display: none; } /* Lists - Inline - Breakpoints - Min Width */ @media (min-width: 576px) { ol.list-inline-sm, ul.list-inline-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ol.list-inline-sm > li:not(:last-child), ul.list-inline-sm > li:not(:last-child) { margin-right: 0.5rem; } } @media (min-width: 768px) { ol.list-inline-md, ul.list-inline-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ol.list-inline-md > li:not(:last-child), ul.list-inline-md > li:not(:last-child) { margin-right: 0.5rem; } } @media (min-width: 992px) { ol.list-inline-lg, ul.list-inline-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ol.list-inline-sm > li:not(:last-child), ol.list-inline-md > li:not(:last-child), ol.list-inline-lg > li:not(:last-child), ul.list-inline-sm > li:not(:last-child), ul.list-inline-md > li:not(:last-child), ul.list-inline-lg > li:not(:last-child) { margin-right: 1rem; } } @media (min-width: 1200px) { ol.list-inline-xl, ul.list-inline-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ol.list-inline-xl > li:not(:last-child), ul.list-inline-xl > li:not(:last-child) { margin-right: 1rem; } } @media (min-width: 1500px) { ol.list-inline-xxl, ul.list-inline-xxl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ol.list-inline-xxl > li:not(:last-child), ul.list-inline-xxl > li:not(:last-child) { margin-right: 1rem; } } @media (min-width: 1900px) { ol.list-inline-xxxl, ul.list-inline-xxxl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ol.list-inline-xxxl > li:not(:last-child), ul.list-inline-xxxl > li:not(:last-child) { margin-right: 1rem; } } /* Lists - Inline - Breakpoints - Max Width */ @media (max-width: 1899px) { ol.list-inline-xxl-max, ul.list-inline-xxl-max { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ol.list-inline-xxl-max > li:not(:last-child), ul.list-inline-xxl-max > li:not(:last-child) { margin-right: 1rem; } } @media (max-width: 1499px) { ol.list-inline-xl-max, ul.list-inline-xl-max { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ol.list-inline-xl-max > li:not(:last-child), ul.list-inline-xl-max > li:not(:last-child) { margin-right: 1rem; } } @media (max-width: 1199px) { ol.list-inline-lg-max, ul.list-inline-lg-max { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ol.list-inline-lg-max > li:not(:last-child), ul.list-inline-lg-max > li:not(:last-child) { margin-right: 1rem; } } @media (max-width: 991px) { ol.list-inline-md-max, ul.list-inline-md-max { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ol.list-inline-xxl-max > li:not(:last-child), ol.list-inline-xl-max > li:not(:last-child), ol.list-inline-lg-max > li:not(:last-child), ol.list-inline-md-max > li:not(:last-child), ul.list-inline-xxl-max > li:not(:last-child), ul.list-inline-xl-max > li:not(:last-child), ul.list-inline-lg-max > li:not(:last-child), ul.list-inline-md-max > li:not(:last-child) { margin-right: 0.5rem; } } @media (max-width: 767px) { ol.list-inline-sm-max, ul.list-inline-sm-max { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ol.list-inline-sm-max > li:not(:last-child), ul.list-inline-sm-max > li:not(:last-child) { margin-right: 0.5rem; } } @media (max-width: 575px) { ol.list-inline-xs-max, ul.list-inline-xs-max { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ol.list-inline-xs-max > li:not(:last-child), ul.list-inline-xs-max > li:not(:last-child) { margin-right: 0.5rem; } } /** * Lists - Inline - Alignments * --------------------------- */ ol.list-inline.align-right, ul.list-inline.align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ol.list-inline.align-right > li:not(:first-child), ul.list-inline.align-right > li:not(:first-child) { margin-left: 1rem; } ol.list-inline.align-right > li:not(:last-child), ul.list-inline.align-right > li:not(:last-child) { margin-right: 0; } @media (min-width: 992px) { ol.list-inline.align-right > li:not(:first-child), ul.list-inline.align-right > li:not(:first-child) { margin-left: 0.75rem; } } /* Lists - Inline - Alignments - Breakpoints - Min Width */ @media (min-width: 576px) { ol.list-inline.align-right-sm, ol.list-inline-sm.align-right, ul.list-inline.align-right-sm, ul.list-inline-sm.align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ol.list-inline.align-right-sm > li:not(:first-child), ol.list-inline-sm.align-right > li:not(:first-child), ul.list-inline.align-right-sm > li:not(:first-child), ul.list-inline-sm.align-right > li:not(:first-child) { margin-left: 0.5rem; } ol.list-inline.align-right-sm > li:not(:last-child), ol.list-inline-sm.align-right > li:not(:last-child), ul.list-inline.align-right-sm > li:not(:last-child), ul.list-inline-sm.align-right > li:not(:last-child) { margin-right: 0; } } @media (min-width: 768px) { ol.list-inline.align-right-md, ol.list-inline-md.align-right, ul.list-inline.align-right-md, ul.list-inline-md.align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ol.list-inline.align-right-md > li:not(:first-child), ol.list-inline-md.align-right > li:not(:first-child), ul.list-inline.align-right-md > li:not(:first-child), ul.list-inline-md.align-right > li:not(:first-child) { margin-left: 0.5rem; } ol.list-inline.align-right-md > li:not(:last-child), ol.list-inline-md.align-right > li:not(:last-child), ul.list-inline.align-right-md > li:not(:last-child), ul.list-inline-md.align-right > li:not(:last-child) { margin-right: 0; } } @media (min-width: 992px) { ol.list-inline.align-right-lg, ol.list-inline-lg.align-right, ul.list-inline.align-right-lg, ul.list-inline-lg.align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ol.list-inline.align-right-sm > li:not(:first-child), ol.list-inline.align-right-md > li:not(:first-child), ol.list-inline.align-right-lg > li:not(:first-child), ol.list-inline-sm.align-right > li:not(:first-child), ol.list-inline-md.align-right > li:not(:first-child), ol.list-inline-lg.align-right > li:not(:first-child), ul.list-inline.align-right-sm > li:not(:first-child), ul.list-inline.align-right-md > li:not(:first-child), ul.list-inline.align-right-lg > li:not(:first-child), ul.list-inline-sm.align-right > li:not(:first-child), ul.list-inline-md.align-right > li:not(:first-child), ul.list-inline-lg.align-right > li:not(:first-child) { margin-left: 1rem; } ol.list-inline.align-right-sm > li:not(:last-child), ol.list-inline.align-right-md > li:not(:last-child), ol.list-inline.align-right-lg > li:not(:last-child), ol.list-inline-sm.align-right > li:not(:last-child), ol.list-inline-md.align-right > li:not(:last-child), ol.list-inline-lg.align-right > li:not(:last-child), ul.list-inline.align-right-sm > li:not(:last-child), ul.list-inline.align-right-md > li:not(:last-child), ul.list-inline.align-right-lg > li:not(:last-child), ul.list-inline-sm.align-right > li:not(:last-child), ul.list-inline-md.align-right > li:not(:last-child), ul.list-inline-lg.align-right > li:not(:last-child) { margin-right: 0; } } @media (min-width: 1200px) { ol.list-inline.align-right-xl, ol.list-inline-xl.align-right, ul.list-inline.align-right-xl, ul.list-inline-xl.align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ol.list-inline.align-right-xl > li:not(:first-child), ol.list-inline-xl.align-right > li:not(:first-child), ul.list-inline.align-right-xl > li:not(:first-child), ul.list-inline-xl.align-right > li:not(:first-child) { margin-left: 1rem; } ol.list-inline.align-right-xl > li:not(:last-child), ol.list-inline-xl.align-right > li:not(:last-child), ul.list-inline.align-right-xl > li:not(:last-child), ul.list-inline-xl.align-right > li:not(:last-child) { margin-right: 0; } } @media (min-width: 1500px) { ol.list-inline.align-right-xxl, ol.list-inline-xxl.align-right, ul.list-inline.align-right-xxl, ul.list-inline-xxl.align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ol.list-inline.align-right-xxl > li:not(:first-child), ol.list-inline-xxl.align-right > li:not(:first-child), ul.list-inline.align-right-xxl > li:not(:first-child), ul.list-inline-xxl.align-right > li:not(:first-child) { margin-left: 1rem; } ol.list-inline.align-right-xxl > li:not(:last-child), ol.list-inline-xxl.align-right > li:not(:last-child), ul.list-inline.align-right-xxl > li:not(:last-child), ul.list-inline-xxl.align-right > li:not(:last-child) { margin-right: 0; } } @media (min-width: 1900px) { ol.list-inline.align-right-xxxl, ol.list-inline-xxxl.align-right, ul.list-inline.align-right-xxxl, ul.list-inline-xxxl.align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ol.list-inline.align-right-xxxl > li:not(:first-child), ol.list-inline-xxxl.align-right > li:not(:first-child), ul.list-inline.align-right-xxxl > li:not(:first-child), ul.list-inline-xxxl.align-right > li:not(:first-child) { margin-left: 1rem; } ol.list-inline.align-right-xxxl > li:not(:last-child), ol.list-inline-xxxl.align-right > li:not(:last-child), ul.list-inline.align-right-xxxl > li:not(:last-child), ul.list-inline-xxxl.align-right > li:not(:last-child) { margin-right: 0; } } /* Lists - Inline - Alignments - Breakpoints - Max Width */ @media (max-width: 1899px) { ol.list-inline.align-right-xxl-max, ol.list-inline-xxl-max.align-right, ul.list-inline.align-right-xxl-max, ul.list-inline-xxl-max.align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ol.list-inline.align-right-xxl-max > li:not(:first-child), ol.list-inline-xxl-max.align-right > li:not(:first-child), ul.list-inline.align-right-xxl-max > li:not(:first-child), ul.list-inline-xxl-max.align-right > li:not(:first-child) { margin-left: 1rem; } ol.list-inline.align-right-xxl-max > li:not(:last-child), ol.list-inline-xxl-max.align-right > li:not(:last-child), ul.list-inline.align-right-xxl-max > li:not(:last-child), ul.list-inline-xxl-max.align-right > li:not(:last-child) { margin-right: 0; } } @media (max-width: 1499px) { ol.list-inline.align-right-xl-max, ol.list-inline-xl-max.align-right, ul.list-inline.align-right-xl-max, ul.list-inline-xl-max.align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ol.list-inline.align-right-xl-max > li:not(:first-child), ol.list-inline-xl-max.align-right > li:not(:first-child), ul.list-inline.align-right-xl-max > li:not(:first-child), ul.list-inline-xl-max.align-right > li:not(:first-child) { margin-left: 1rem; } ol.list-inline.align-right-xl-max > li:not(:last-child), ol.list-inline-xl-max.align-right > li:not(:last-child), ul.list-inline.align-right-xl-max > li:not(:last-child), ul.list-inline-xl-max.align-right > li:not(:last-child) { margin-right: 0; } } @media (max-width: 1199px) { ol.list-inline.align-right-lg-max, ol.list-inline-lg-max.align-right, ul.list-inline.align-right-lg-max, ul.list-inline-lg-max.align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ol.list-inline.align-right-lg-max > li:not(:first-child), ol.list-inline-lg-max.align-right > li:not(:first-child), ul.list-inline.align-right-lg-max > li:not(:first-child), ul.list-inline-lg-max.align-right > li:not(:first-child) { margin-left: 1rem; } ol.list-inline.align-right-lg-max > li:not(:last-child), ol.list-inline-lg-max.align-right > li:not(:last-child), ul.list-inline.align-right-lg-max > li:not(:last-child), ul.list-inline-lg-max.align-right > li:not(:last-child) { margin-right: 0; } } @media (max-width: 991px) { ol.list-inline.align-right-md-max, ol.list-inline-md-max.align-right, ul.list-inline.align-right-md-max, ul.list-inline-md-max.align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ol.list-inline.align-right-xxl-max > li:not(:first-child), ol.list-inline.align-right-xl-max > li:not(:first-child), ol.list-inline.align-right-lg-max > li:not(:first-child), ol.list-inline.align-right-md-max > li:not(:first-child), ol.list-inline-xxl-max.align-right > li:not(:first-child), ol.list-inline-xl-max.align-right > li:not(:first-child), ol.list-inline-lg-max.align-right > li:not(:first-child), ol.list-inline-md-max.align-right > li:not(:first-child), ul.list-inline.align-right-xxl-max > li:not(:first-child), ul.list-inline.align-right-xl-max > li:not(:first-child), ul.list-inline.align-right-lg-max > li:not(:first-child), ul.list-inline.align-right-md-max > li:not(:first-child), ul.list-inline-xxl-max.align-right > li:not(:first-child), ul.list-inline-xl-max.align-right > li:not(:first-child), ul.list-inline-lg-max.align-right > li:not(:first-child), ul.list-inline-md-max.align-right > li:not(:first-child) { margin-left: 0.5rem; } ol.list-inline.align-right-xxl-max > li:not(:last-child), ol.list-inline.align-right-xl-max > li:not(:last-child), ol.list-inline.align-right-lg-max > li:not(:last-child), ol.list-inline.align-right-md-max > li:not(:last-child), ol.list-inline-xxl-max.align-right > li:not(:last-child), ol.list-inline-xl-max.align-right > li:not(:last-child), ol.list-inline-lg-max.align-right > li:not(:last-child), ol.list-inline-md-max.align-right > li:not(:last-child), ul.list-inline.align-right-xxl-max > li:not(:last-child), ul.list-inline.align-right-xl-max > li:not(:last-child), ul.list-inline.align-right-lg-max > li:not(:last-child), ul.list-inline.align-right-md-max > li:not(:last-child), ul.list-inline-xxl-max.align-right > li:not(:last-child), ul.list-inline-xl-max.align-right > li:not(:last-child), ul.list-inline-lg-max.align-right > li:not(:last-child), ul.list-inline-md-max.align-right > li:not(:last-child) { margin-right: 0rem; } } @media (max-width: 767px) { ol.list-inline.align-right-sm-max, ol.list-inline-sm-max.align-right, ul.list-inline.align-right-sm-max, ul.list-inline-sm-max.align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ol.list-inline.align-right-sm-max > li:not(:first-child), ol.list-inline-sm-max.align-right > li:not(:first-child), ul.list-inline.align-right-sm-max > li:not(:first-child), ul.list-inline-sm-max.align-right > li:not(:first-child) { margin-left: 0.5rem; } ol.list-inline.align-right-sm-max > li:not(:last-child), ol.list-inline-sm-max.align-right > li:not(:last-child), ul.list-inline.align-right-sm-max > li:not(:last-child), ul.list-inline-sm-max.align-right > li:not(:last-child) { margin-right: 0; } } @media (max-width: 575px) { ol.list-inline.align-right-xs-max, ol.list-inline-xs-max.align-right, ul.list-inline.align-right-xs-max, ul.list-inline-xs-max.align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ol.list-inline.align-right-xs-max > li:not(:first-child), ol.list-inline-xs-max.align-right > li:not(:first-child), ul.list-inline.align-right-xs-max > li:not(:first-child), ul.list-inline-xs-max.align-right > li:not(:first-child) { margin-left: 0.5rem; } ol.list-inline.align-right-xs-max > li:not(:last-child), ol.list-inline-xs-max.align-right > li:not(:last-child), ul.list-inline.align-right-xs-max > li:not(:last-child), ul.list-inline-xs-max.align-right > li:not(:last-child) { margin-right: 0; } } /** * Lists - Inline - Sizing * ----------------------- */ @media (min-width: 992px) { ol[class^="list-inline"].has-space-less, ol[class*=" list-inline"].has-space-less, ul[class^="list-inline"].has-space-less, ul[class*=" list-inline"].has-space-less { margin-bottom: 2.5rem; } ol[class^="list-inline"].has-space-less > li, ol[class*=" list-inline"].has-space-less > li, ul[class^="list-inline"].has-space-less > li, ul[class*=" list-inline"].has-space-less > li { margin-bottom: 0.5rem; } ol.list-inline.has-space-less > li:not(:last-child), ul.list-inline.has-space-less > li:not(:last-child) { margin-right: 0.5rem; } ol.list-inline.align-right.has-space-less > li:not(:last-child), ul.list-inline.align-right.has-space-less > li:not(:last-child) { margin-right: 0; margin-left: 0.5rem; } } /* Lists - Inline - Sizing - Breakpoints - Min Width */ @media (min-width: 992px) { ol.list-inline-sm.has-space-less > li:not(:last-child), ol.list-inline-md.has-space-less > li:not(:last-child), ol.list-inline-lg.has-space-less > li:not(:last-child), ul.list-inline-sm.has-space-less > li:not(:last-child), ul.list-inline-md.has-space-less > li:not(:last-child), ul.list-inline-lg.has-space-less > li:not(:last-child) { margin-right: 0.5rem; } ol.list-inline.align-right-sm.has-space-less > li:not(:last-child), ol.list-inline.align-right-md.has-space-less > li:not(:last-child), ol.list-inline.align-right-lg.has-space-less > li:not(:last-child), ol.list-inline-sm.align-right.has-space-less > li:not(:last-child), ol.list-inline-md.align-right.has-space-less > li:not(:last-child), ol.list-inline-lg.align-right.has-space-less > li:not(:last-child), ul.list-inline.align-right-sm.has-space-less > li:not(:last-child), ul.list-inline.align-right-md.has-space-less > li:not(:last-child), ul.list-inline.align-right-lg.has-space-less > li:not(:last-child), ul.list-inline-sm.align-right.has-space-less > li:not(:last-child), ul.list-inline-md.align-right.has-space-less > li:not(:last-child), ul.list-inline-lg.align-right.has-space-less > li:not(:last-child) { margin-right: 0; margin-left: 0.5rem; } } @media (min-width: 1200px) { ol.list-inline-xl.has-space-less > li:not(:last-child), ul.list-inline-xl.has-space-less > li:not(:last-child) { margin-right: 0.5rem; } ol.list-inline.align-right-xl.has-space-less > li:not(:last-child), ol.list-inline-xl.align-right.has-space-less > li:not(:last-child), ul.list-inline.align-right-xl.has-space-less > li:not(:last-child), ul.list-inline-xl.align-right.has-space-less > li:not(:last-child) { margin-right: 0; margin-left: 0.5rem; } } @media (min-width: 1500px) { ol.list-inline-xxl.has-space-less > li:not(:last-child), ul.list-inline-xxl.has-space-less > li:not(:last-child) { margin-right: 0.5rem; } ol.list-inline.align-right-xxl.has-space-less > li:not(:last-child), ol.list-inline-xxl.align-right.has-space-less > li:not(:last-child), ul.list-inline.align-right-xxl.has-space-less > li:not(:last-child), ul.list-inline-xxl.align-right.has-space-less > li:not(:last-child) { margin-right: 0; margin-left: 0.5rem; } } @media (min-width: 1900px) { ol.list-inline-xxxl.has-space-less > li:not(:last-child), ul.list-inline-xxxl.has-space-less > li:not(:last-child) { margin-right: 0.5rem; } ol.list-inline.align-right-xxxl.has-space-less > li:not(:last-child), ol.list-inline-xxxl.align-right.has-space-less > li:not(:last-child), ul.list-inline.align-right-xxxl.has-space-less > li:not(:last-child), ul.list-inline-xxxl.align-right.has-space-less > li:not(:last-child) { margin-right: 0; margin-left: 0.5rem; } } /* Lists - Inline - Sizing - Breakpoints - Max Width */ @media (max-width: 1899px) { ol.list-inline-xxl-max.has-space-less > li:not(:last-child), ul.list-inline-xxl-max.has-space-less > li:not(:last-child) { margin-right: 0.5rem; } ol.list-inline.align-right-xxl-max.has-space-less > li:not(:last-child), ol.list-inline-xxl-max.align-right.has-space-less > li:not(:last-child), ul.list-inline.align-right-xxl-max.has-space-less > li:not(:last-child), ul.list-inline-xxl-max.align-right.has-space-less > li:not(:last-child) { margin-right: 0; margin-left: 0.5rem; } } @media (max-width: 1499px) { ol.list-inline-xl-max.has-space-less > li:not(:last-child), ul.list-inline-xl-max.has-space-less > li:not(:last-child) { margin-right: 0.5rem; } ol.list-inline.align-right-xl-max.has-space-less > li:not(:last-child), ol.list-inline-xl-max.align-right.has-space-less > li:not(:last-child), ul.list-inline.align-right-xl-max.has-space-less > li:not(:last-child), ul.list-inline-xl-max.align-right.has-space-less > li:not(:last-child) { margin-right: 0; margin-left: 0.5rem; } } @media (max-width: 1199px) { ol.list-inline-lg-max.has-space-less > li:not(:last-child), ul.list-inline-lg-max.has-space-less > li:not(:last-child) { margin-right: 0.5rem; } ol.list-inline.align-right-lg-max.has-space-less > li:not(:last-child), ol.list-inline-lg-max.align-right.has-space-less > li:not(:last-child), ul.list-inline.align-right-lg-max.has-space-less > li:not(:last-child), ul.list-inline-lg-max.align-right.has-space-less > li:not(:last-child) { margin-right: 0; margin-left: 0.5rem; } } ol[class^="list-inline"].has-space-extra, ol[class*=" list-inline"].has-space-extra, ol[class^="list-inline"].has-space-extra > li, ol[class*=" list-inline"].has-space-extra > li, ul[class^="list-inline"].has-space-extra, ul[class*=" list-inline"].has-space-extra, ul[class^="list-inline"].has-space-extra > li, ul[class*=" list-inline"].has-space-extra > li { margin-bottom: 0.75rem; } @media (min-width: 992px) { ol[class^="list-inline"].has-space-extra, ol[class*=" list-inline"].has-space-extra, ol[class^="list-inline"].has-space-extra > li, ol[class*=" list-inline"].has-space-extra > li, ul[class^="list-inline"].has-space-extra, ul[class*=" list-inline"].has-space-extra, ul[class^="list-inline"].has-space-extra > li, ul[class*=" list-inline"].has-space-extra > li { margin-bottom: 1.5rem; } } ol.list-inline.has-space-extra > li:not(:last-child), ul.list-inline.has-space-extra > li:not(:last-child) { margin-right: 0.75rem; } @media (min-width: 992px) { ol.list-inline.has-space-extra > li:not(:last-child), ul.list-inline.has-space-extra > li:not(:last-child) { margin-right: 1.5rem; } } ol.list-inline.align-right.has-space-extra > li:not(:first-child), ul.list-inline.align-right.has-space-extra > li:not(:first-child) { margin-left: 0.75rem; } ol.list-inline.align-right.has-space-extra > li:not(:last-child), ul.list-inline.align-right.has-space-extra > li:not(:last-child) { margin-right: 0; } @media (min-width: 992px) { ol.list-inline.align-right.has-space-extra > li:not(:first-child), ul.list-inline.align-right.has-space-extra > li:not(:first-child) { margin-left: 1.5rem; } } /* Lists - Inline - Sizing - Breakpoints - Min Width */ @media (min-width: 576px) { ol.list-inline-sm.has-space-extra > li:not(:last-child), ul.list-inline-sm.has-space-extra > li:not(:last-child) { margin-right: 0.75rem; } ol.list-inline.align-right-sm.has-space-extra > li:not(:first-child), ol.list-inline-sm.align-right.has-space-extra > li:not(:first-child), ul.list-inline.align-right-sm.has-space-extra > li:not(:first-child), ul.list-inline-sm.align-right.has-space-extra > li:not(:first-child) { margin-left: 0.75rem; } ol.list-inline.align-right-sm.has-space-extra > li:not(:last-child), ol.list-inline-sm.align-right.has-space-extra > li:not(:last-child), ul.list-inline.align-right-sm.has-space-extra > li:not(:last-child), ul.list-inline-sm.align-right.has-space-extra > li:not(:last-child) { margin-right: 0; } } @media (min-width: 768px) { ol.list-inline-md.has-space-extra > li:not(:last-child), ul.list-inline-md.has-space-extra > li:not(:last-child) { margin-right: 0.75rem; } ol.list-inline.align-right-md.has-space-extra > li:not(:first-child), ol.list-inline-md.align-right.has-space-extra > li:not(:first-child), ul.list-inline.align-right-md.has-space-extra > li:not(:first-child), ul.list-inline-md.align-right.has-space-extra > li:not(:first-child) { margin-left: 0.75rem; } ol.list-inline.align-right-md.has-space-extra > li:not(:last-child), ol.list-inline-md.align-right.has-space-extra > li:not(:last-child), ul.list-inline.align-right-md.has-space-extra > li:not(:last-child), ul.list-inline-md.align-right.has-space-extra > li:not(:last-child) { margin-right: 0; } } @media (min-width: 992px) { ol.list-inline-sm.has-space-extra > li:not(:last-child), ol.list-inline-md.has-space-extra > li:not(:last-child), ol.list-inline-lg.has-space-extra > li:not(:last-child), ul.list-inline-sm.has-space-extra > li:not(:last-child), ul.list-inline-md.has-space-extra > li:not(:last-child), ul.list-inline-lg.has-space-extra > li:not(:last-child) { margin-right: 1.5rem; } ol.list-inline.align-right-sm.has-space-extra > li:not(:first-child), ol.list-inline.align-right-md.has-space-extra > li:not(:first-child), ol.list-inline.align-right-lg.has-space-extra > li:not(:first-child), ol.list-inline-sm.align-right.has-space-extra > li:not(:first-child), ol.list-inline-md.align-right.has-space-extra > li:not(:first-child), ol.list-inline-lg.align-right.has-space-extra > li:not(:first-child), ul.list-inline.align-right-sm.has-space-extra > li:not(:first-child), ul.list-inline.align-right-md.has-space-extra > li:not(:first-child), ul.list-inline.align-right-lg.has-space-extra > li:not(:first-child), ul.list-inline-sm.align-right.has-space-extra > li:not(:first-child), ul.list-inline-md.align-right.has-space-extra > li:not(:first-child), ul.list-inline-lg.align-right.has-space-extra > li:not(:first-child) { margin-left: 1.5rem; } ol.list-inline.align-right-sm.has-space-extra > li:not(:last-child), ol.list-inline.align-right-md.has-space-extra > li:not(:last-child), ol.list-inline.align-right-lg.has-space-extra > li:not(:last-child), ol.list-inline-sm.align-right.has-space-extra > li:not(:last-child), ol.list-inline-md.align-right.has-space-extra > li:not(:last-child), ol.list-inline-lg.align-right.has-space-extra > li:not(:last-child), ul.list-inline.align-right-sm.has-space-extra > li:not(:last-child), ul.list-inline.align-right-md.has-space-extra > li:not(:last-child), ul.list-inline.align-right-lg.has-space-extra > li:not(:last-child), ul.list-inline-sm.align-right.has-space-extra > li:not(:last-child), ul.list-inline-md.align-right.has-space-extra > li:not(:last-child), ul.list-inline-lg.align-right.has-space-extra > li:not(:last-child) { margin-right: 0; } } @media (min-width: 1200px) { ol.list-inline-xl.has-space-extra > li:not(:last-child), ul.list-inline-xl.has-space-extra > li:not(:last-child) { margin-right: 1.5rem; } ol.list-inline.align-right-xl.has-space-extra > li:not(:first-child), ol.list-inline-xl.align-right.has-space-extra > li:not(:first-child), ul.list-inline.align-right-xl.has-space-extra > li:not(:first-child), ul.list-inline-xl.align-right.has-space-extra > li:not(:first-child) { margin-left: 1.5rem; } ol.list-inline.align-right-xl.has-space-extra > li:not(:last-child), ol.list-inline-xl.align-right.has-space-extra > li:not(:last-child), ul.list-inline.align-right-xl.has-space-extra > li:not(:last-child), ul.list-inline-xl.align-right.has-space-extra > li:not(:last-child) { margin-right: 0; } } @media (min-width: 1500px) { ol.list-inline-xxl.has-space-extra > li:not(:last-child), ul.list-inline-xxl.has-space-extra > li:not(:last-child) { margin-right: 1.5rem; } ol.list-inline.align-right-xxl.has-space-extra > li:not(:first-child), ol.list-inline-xxl.align-right.has-space-extra > li:not(:first-child), ul.list-inline.align-right-xxl.has-space-extra > li:not(:first-child), ul.list-inline-xxl.align-right.has-space-extra > li:not(:first-child) { margin-left: 1.5rem; } ol.list-inline.align-right-xxl.has-space-extra > li:not(:last-child), ol.list-inline-xxl.align-right.has-space-extra > li:not(:last-child), ul.list-inline.align-right-xxl.has-space-extra > li:not(:last-child), ul.list-inline-xxl.align-right.has-space-extra > li:not(:last-child) { margin-right: 0; } } @media (min-width: 1900px) { ol.list-inline-xxxl.has-space-extra > li:not(:last-child), ul.list-inline-xxxl.has-space-extra > li:not(:last-child) { margin-right: 1.5rem; } ol.list-inline.align-right-xxxl.has-space-extra > li:not(:first-child), ol.list-inline-xxxl.align-right.has-space-extra > li:not(:first-child), ul.list-inline.align-right-xxxl.has-space-extra > li:not(:first-child), ul.list-inline-xxxl.align-right.has-space-extra > li:not(:first-child) { margin-left: 1.5rem; } ol.list-inline.align-right-xxxl.has-space-extra > li:not(:last-child), ol.list-inline-xxxl.align-right.has-space-extra > li:not(:last-child), ul.list-inline.align-right-xxxl.has-space-extra > li:not(:last-child), ul.list-inline-xxxl.align-right.has-space-extra > li:not(:last-child) { margin-right: 0; } } /* Lists - Inline - Sizing - Breakpoints - Max Width */ @media (max-width: 1899px) { ol.list-inline-xxl-max.has-space-extra > li:not(:last-child), ul.list-inline-xxl-max.has-space-extra > li:not(:last-child) { margin-right: 1.5rem; } ol.list-inline.align-right-xxl-max.has-space-extra > li:not(:first-child), ol.list-inline-xxl-max.align-right.has-space-extra > li:not(:first-child), ul.list-inline.align-right-xxl-max.has-space-extra > li:not(:first-child), ul.list-inline-xxl-max.align-right.has-space-extra > li:not(:first-child) { margin-left: 1.5rem; } ol.list-inline.align-right-xxl-max.has-space-extra > li:not(:last-child), ol.list-inline-xxl-max.align-right.has-space-extra > li:not(:last-child), ul.list-inline.align-right-xxl-max.has-space-extra > li:not(:last-child), ul.list-inline-xxl-max.align-right.has-space-extra > li:not(:last-child) { margin-right: 0; } } @media (max-width: 1499px) { ol.list-inline-xl-max.has-space-extra > li:not(:last-child), ul.list-inline-xl-max.has-space-extra > li:not(:last-child) { margin-right: 1.5rem; } ol.list-inline.align-right-xl-max.has-space-extra > li:not(:first-child), ol.list-inline-xl-max.align-right.has-space-extra > li:not(:first-child), ul.list-inline.align-right-xl-max.has-space-extra > li:not(:first-child), ul.list-inline-xl-max.align-right.has-space-extra > li:not(:first-child) { margin-left: 1.5rem; } ol.list-inline.align-right-xl-max.has-space-extra > li:not(:last-child), ol.list-inline-xl-max.align-right.has-space-extra > li:not(:last-child), ul.list-inline.align-right-xl-max.has-space-extra > li:not(:last-child), ul.list-inline-xl-max.align-right.has-space-extra > li:not(:last-child) { margin-right: 0; } } @media (max-width: 1199px) { ol.list-inline-lg-max.has-space-extra > li:not(:last-child), ul.list-inline-lg-max.has-space-extra > li:not(:last-child) { margin-right: 1.5rem; } ol.list-inline.align-right-lg-max.has-space-extra > li:not(:first-child), ol.list-inline-lg-max.align-right.has-space-extra > li:not(:first-child), ul.list-inline.align-right-lg-max.has-space-extra > li:not(:first-child), ul.list-inline-lg-max.align-right.has-space-extra > li:not(:first-child) { margin-left: 1.5rem; } ol.list-inline.align-right-lg-max.has-space-extra > li:not(:last-child), ol.list-inline-lg-max.align-right.has-space-extra > li:not(:last-child), ul.list-inline.align-right-lg-max.has-space-extra > li:not(:last-child), ul.list-inline-lg-max.align-right.has-space-extra > li:not(:last-child) { margin-right: 0; } } @media (max-width: 991px) { ol.list-inline-xxl-max.has-space-extra > li:not(:last-child), ol.list-inline-xl-max.has-space-extra > li:not(:last-child), ol.list-inline-lg-max.has-space-extra > li:not(:last-child), ol.list-inline-md-max.has-space-extra > li:not(:last-child), ul.list-inline-xxl-max.has-space-extra > li:not(:last-child), ul.list-inline-xl-max.has-space-extra > li:not(:last-child), ul.list-inline-lg-max.has-space-extra > li:not(:last-child), ul.list-inline-md-max.has-space-extra > li:not(:last-child) { margin-right: 0.75rem; } ol.list-inline.align-right-xxl-max.has-space-extra > li:not(:first-child), ol.list-inline.align-right-xl-max.has-space-extra > li:not(:first-child), ol.list-inline.align-right-lg-max.has-space-extra > li:not(:first-child), ol.list-inline.align-right-md-max.has-space-extra > li:not(:first-child), ol.list-inline-xxl-max.align-right.has-space-extra > li:not(:first-child), ol.list-inline-xl-max.align-right.has-space-extra > li:not(:first-child), ol.list-inline-lg-max.align-right.has-space-extra > li:not(:first-child), ol.list-inline-md-max.align-right.has-space-extra > li:not(:first-child), ul.list-inline.align-right-xxl-max.has-space-extra > li:not(:first-child), ul.list-inline.align-right-xl-max.has-space-extra > li:not(:first-child), ul.list-inline.align-right-lg-max.has-space-extra > li:not(:first-child), ul.list-inline.align-right-md-max.has-space-extra > li:not(:first-child), ul.list-inline-xxl-max.align-right.has-space-extra > li:not(:first-child), ul.list-inline-xl-max.align-right.has-space-extra > li:not(:first-child), ul.list-inline-lg-max.align-right.has-space-extra > li:not(:first-child), ul.list-inline-md-max.align-right.has-space-extra > li:not(:first-child) { margin-left: 0.75rem; } ol.list-inline.align-right-xxl-max.has-space-extra > li:not(:last-child), ol.list-inline.align-right-xl-max.has-space-extra > li:not(:last-child), ol.list-inline.align-right-lg-max.has-space-extra > li:not(:last-child), ol.list-inline.align-right-md-max.has-space-extra > li:not(:last-child), ol.list-inline-xxl-max.align-right.has-space-extra > li:not(:last-child), ol.list-inline-xl-max.align-right.has-space-extra > li:not(:last-child), ol.list-inline-lg-max.align-right.has-space-extra > li:not(:last-child), ol.list-inline-md-max.align-right.has-space-extra > li:not(:last-child), ul.list-inline.align-right-xxl-max.has-space-extra > li:not(:last-child), ul.list-inline.align-right-xl-max.has-space-extra > li:not(:last-child), ul.list-inline.align-right-lg-max.has-space-extra > li:not(:last-child), ul.list-inline.align-right-md-max.has-space-extra > li:not(:last-child), ul.list-inline-xxl-max.align-right.has-space-extra > li:not(:last-child), ul.list-inline-xl-max.align-right.has-space-extra > li:not(:last-child), ul.list-inline-lg-max.align-right.has-space-extra > li:not(:last-child), ul.list-inline-md-max.align-right.has-space-extra > li:not(:last-child) { margin-right: 0; } } @media (max-width: 767px) { ol.list-inline-sm-max.has-space-extra > li:not(:last-child), ul.list-inline-sm-max.has-space-extra > li:not(:last-child) { margin-right: 0.75rem; } ol.list-inline.align-right-sm-max.has-space-extra > li:not(:first-child), ol.list-inline-sm-max.align-right.has-space-extra > li:not(:first-child), ul.list-inline.align-right-sm-max.has-space-extra > li:not(:first-child), ul.list-inline-sm-max.align-right.has-space-extra > li:not(:first-child) { margin-left: 0.75rem; } ol.list-inline.align-right-sm-max.has-space-extra > li:not(:last-child), ol.list-inline-sm-max.align-right.has-space-extra > li:not(:last-child), ul.list-inline.align-right-sm-max.has-space-extra > li:not(:last-child), ul.list-inline-sm-max.align-right.has-space-extra > li:not(:last-child) { margin-right: 0; } } @media (max-width: 575px) { ol.list-inline-xs-max.has-space-extra > li:not(:last-child), ul.list-inline-xs-max.has-space-extra > li:not(:last-child) { margin-right: 0.75rem; } ol.list-inline.align-right-xs-max.has-space-extra > li:not(:first-child), ol.list-inline-xs-max.align-right.has-space-extra > li:not(:first-child), ul.list-inline.align-right-xs-max.has-space-extra > li:not(:first-child), ul.list-inline-xs-max.align-right.has-space-extra > li:not(:first-child) { margin-left: 0.75rem; } ol.list-inline.align-right-xs-max.has-space-extra > li:not(:last-child), ol.list-inline-xs-max.align-right.has-space-extra > li:not(:last-child), ul.list-inline.align-right-xs-max.has-space-extra > li:not(:last-child), ul.list-inline-xs-max.align-right.has-space-extra > li:not(:last-child) { margin-right: 0; } } /** * Lists - Inline - Has Separators * ------------------------------- */ ol[class^="list-inline"].has-separators > li::before, ol[class*=" list-inline"].has-separators > li::before, ol[class^="list-inline"].has-separators > li::after, ol[class*=" list-inline"].has-separators > li::after, ul[class^="list-inline"].has-separators > li::before, ul[class*=" list-inline"].has-separators > li::before, ul[class^="list-inline"].has-separators > li::after, ul[class*=" list-inline"].has-separators > li::after { content: '|'; display: none; } ol[class^="list-inline"].has-separators > li::before, ol[class*=" list-inline"].has-separators > li::before, ul[class^="list-inline"].has-separators > li::before, ul[class*=" list-inline"].has-separators > li::before { width: auto; margin-right: 0.5rem; margin-left: 0; } ol[class^="list-inline"].has-separators > li::after, ol[class*=" list-inline"].has-separators > li::after, ul[class^="list-inline"].has-separators > li::after, ul[class*=" list-inline"].has-separators > li::after { margin-left: 0.5rem; } @media (min-width: 992px) { ol[class^="list-inline"].has-separators > li::before, ol[class*=" list-inline"].has-separators > li::before, ul[class^="list-inline"].has-separators > li::before, ul[class*=" list-inline"].has-separators > li::before { margin-right: 0.75rem; } ol[class^="list-inline"].has-space-less.has-separators > li::before, ol[class*=" list-inline"].has-space-less.has-separators > li::before, ul[class^="list-inline"].has-space-less.has-separators > li::before, ul[class*=" list-inline"].has-space-less.has-separators > li::before { margin-right: 0.5rem; } ol[class^="list-inline"].has-separators > li::after, ol[class*=" list-inline"].has-separators > li::after, ul[class^="list-inline"].has-separators > li::after, ul[class*=" list-inline"].has-separators > li::after { margin-left: 0.75rem; } ol[class^="list-inline"].has-space-less.has-separators > li::after, ol[class*=" list-inline"].has-space-less.has-separators > li::after, ul[class^="list-inline"].has-space-less.has-separators > li::after, ul[class*=" list-inline"].has-space-less.has-separators > li::after { margin-left: 0.5rem; } } ol.list-inline.align-right.has-separators > li:not(:first-child)::before, ol.list-inline:not(.align-right).has-separators > li:not(:last-child)::after, ul.list-inline.align-right.has-separators > li:not(:first-child)::before, ul.list-inline:not(.align-right).has-separators > li:not(:last-child)::after { display: inline-block; } /* Lists - Inline - Has separators - Breakpoints - Min Width */ @media (min-width: 576px) { ol.list-inline.align-right-sm.has-separators > li:not(:first-child)::before, ol.list-inline-sm.align-right.has-separators > li:not(:first-child)::before, ol.list-inline-sm:not(.align-right).has-separators > li:not(:last-child)::after, ul.list-inline.align-right-sm.has-separators > li:not(:first-child)::before, ul.list-inline-sm.align-right.has-separators > li:not(:first-child)::before, ul.list-inline-sm:not(.align-right).has-separators > li:not(:last-child)::after { display: inline-block; } ol.list-inline.align-right-sm.has-separators > li:not(:last-child)::after, ul.list-inline.align-right-sm.has-separators > li:not(:last-child)::after { display: none; } } @media (min-width: 768px) { ol.list-inline.align-right-md.has-separators > li:not(:first-child)::before, ol.list-inline-md.align-right.has-separators > li:not(:first-child)::before, ol.list-inline-md:not(.align-right).has-separators > li:not(:last-child)::after, ul.list-inline.align-right-md.has-separators > li:not(:first-child)::before, ul.list-inline-md.align-right.has-separators > li:not(:first-child)::before, ul.list-inline-md:not(.align-right).has-separators > li:not(:last-child)::after { display: inline-block; } ol.list-inline.align-right-md.has-separators > li:not(:last-child)::after, ul.list-inline.align-right-md.has-separators > li:not(:last-child)::after { display: none; } } @media (min-width: 992px) { ol.list-inline.align-right-lg.has-separators > li:not(:first-child)::before, ol.list-inline-lg.align-right.has-separators > li:not(:first-child)::before, ol.list-inline-lg:not(.align-right).has-separators > li:not(:last-child)::after, ul.list-inline.align-right-lg.has-separators > li:not(:first-child)::before, ul.list-inline-lg.align-right.has-separators > li:not(:first-child)::before, ul.list-inline-lg:not(.align-right).has-separators > li:not(:last-child)::after { display: inline-block; } ol.list-inline.align-right-lg.has-separators > li:not(:last-child)::after, ul.list-inline.align-right-lg.has-separators > li:not(:last-child)::after { display: none; } } @media (min-width: 1200px) { ol.list-inline.align-right-xl.has-separators > li:not(:first-child)::before, ol.list-inline-xl.align-right.has-separators > li:not(:first-child)::before, ol.list-inline-xl:not(.align-right).has-separators > li:not(:last-child)::after, ul.list-inline.align-right-xl.has-separators > li:not(:first-child)::before, ul.list-inline-xl.align-right.has-separators > li:not(:first-child)::before, ul.list-inline-xl:not(.align-right).has-separators > li:not(:last-child)::after { display: inline-block; } ol.list-inline.align-right-xl.has-separators > li:not(:last-child)::after, ul.list-inline.align-right-xl.has-separators > li:not(:last-child)::after { display: none; } } @media (min-width: 1500px) { ol.list-inline.align-right-xxl.has-separators > li:not(:first-child)::before, ol.list-inline-xxl.align-right.has-separators > li:not(:first-child)::before, ol.list-inline-xxl:not(.align-right).has-separators > li:not(:last-child)::after, ul.list-inline.align-right-xxl.has-separators > li:not(:first-child)::before, ul.list-inline-xxl.align-right.has-separators > li:not(:first-child)::before, ul.list-inline-xxl:not(.align-right).has-separators > li:not(:last-child)::after { display: inline-block; } ol.list-inline.align-right-xxl.has-separators > li:not(:last-child)::after, ul.list-inline.align-right-xxl.has-separators > li:not(:last-child)::after { display: none; } } @media (min-width: 1900px) { ol.list-inline.align-right-xxl.has-separators > li:not(:first-child)::before, ol.list-inline-xxxl.align-right.has-separators > li:not(:first-child)::before, ol.list-inline-xxxl:not(.align-right).has-separators > li:not(:last-child)::after, ul.list-inline.align-right-xxl.has-separators > li:not(:first-child)::before, ul.list-inline-xxxl.align-right.has-separators > li:not(:first-child)::before, ul.list-inline-xxxl:not(.align-right).has-separators > li:not(:last-child)::after { display: inline-block; } ol.list-inline.align-right-xxxl.has-separators > li:not(:last-child)::after, ul.list-inline.align-right-xxxl.has-separators > li:not(:last-child)::after { display: none; } } /* Lists - Inline - Has separators - Breakpoints - Max Width */ @media (max-width: 1899px) { ol.list-inline.align-right-xxl-max.has-separators > li:not(:first-child)::before, ol.list-inline-xxl-max.align-right.has-separators > li:not(:first-child)::before, ol.list-inline-xxl-max:not(.align-right).has-separators > li:not(:last-child)::after, ul.list-inline.align-right-xxl-max.has-separators > li:not(:first-child)::before, ul.list-inline-xxl-max.align-right.has-separators > li:not(:first-child)::before, ul.list-inline-xxl-max:not(.align-right).has-separators > li:not(:last-child)::after { display: inline-block; } ol.list-inline.align-right-xxl-max.has-separators > li:not(:last-child)::after, ul.list-inline.align-right-xxl-max.has-separators > li:not(:last-child)::after { display: none; } } @media (max-width: 1499px) { ol.list-inline.align-right-xl-max.has-separators > li:not(:first-child)::before, ol.list-inline-xl-max.align-right.has-separators > li:not(:first-child)::before, ol.list-inline-xl-max:not(.align-right).has-separators > li:not(:last-child)::after, ul.list-inline.align-right-xl-max.has-separators > li:not(:first-child)::before, ul.list-inline-xl-max.align-right.has-separators > li:not(:first-child)::before, ul.list-inline-xl-max:not(.align-right).has-separators > li:not(:last-child)::after { display: inline-block; } ol.list-inline.align-right-xl-max.has-separators > li:not(:last-child)::after, ul.list-inline.align-right-xl-max.has-separators > li:not(:last-child)::after { display: none; } } @media (max-width: 1199px) { ol.list-inline.align-right-lg-max.has-separators > li:not(:first-child)::before, ol.list-inline-lg-max.align-right.has-separators > li:not(:first-child)::before, ol.list-inline-lg-max:not(.align-right).has-separators > li:not(:last-child)::after, ul.list-inline.align-right-lg-max.has-separators > li:not(:first-child)::before, ul.list-inline-lg-max.align-right.has-separators > li:not(:first-child)::before, ul.list-inline-lg-max:not(.align-right).has-separators > li:not(:last-child)::after { display: inline-block; } ol.list-inline.align-right-lg-max.has-separators > li:not(:last-child)::after, ul.list-inline.align-right-lg-max.has-separators > li:not(:last-child)::after { display: none; } } @media (max-width: 991px) { ol.list-inline.align-right-md-max.has-separators > li:not(:first-child)::before, ol.list-inline-md-max.align-right.has-separators > li:not(:first-child)::before, ol.list-inline-md-max:not(.align-right).has-separators > li:not(:last-child)::after, ul.list-inline.align-right-md-max.has-separators > li:not(:first-child)::before, ul.list-inline-md-max.align-right.has-separators > li:not(:first-child)::before, ul.list-inline-md-max:not(.align-right).has-separators > li:not(:last-child)::after { display: inline-block; } ol.list-inline.align-right-md-max.has-separators > li:not(:last-child)::after, ul.list-inline.align-right-md-max.has-separators > li:not(:last-child)::after { display: none; } } @media (max-width: 767px) { ol.list-inline.align-right-sm-max.has-separators > li:not(:first-child)::before, ol.list-inline-sm-max.align-right.has-separators > li:not(:first-child)::before, ol.list-inline-sm-max:not(.align-right).has-separators > li:not(:last-child)::after, ul.list-inline.align-right-sm-max.has-separators > li:not(:first-child)::before, ul.list-inline-sm-max.align-right.has-separators > li:not(:first-child)::before, ul.list-inline-sm-max:not(.align-right).has-separators > li:not(:last-child)::after { display: inline-block; } ol.list-inline.align-right-sm-max.has-separators > li:not(:last-child)::after, ul.list-inline.align-right-sm-max.has-separators > li:not(:last-child)::after { display: none; } } @media (max-width: 575px) { ol.list-inline.align-right-xs-max.has-separators > li:not(:first-child)::before, ol.list-inline-xs-max.align-right.has-separators > li:not(:first-child)::before, ol.list-inline-xs-max:not(.align-right).has-separators > li:not(:last-child)::after, ul.list-inline.align-right-xs-max.has-separators > li:not(:first-child)::before, ul.list-inline-xs-max.align-right.has-separators > li:not(:first-child)::before, ul.list-inline-xs-max:not(.align-right).has-separators > li:not(:last-child)::after { display: inline-block; } ol.list-inline.align-right-xs-max.has-separators > li:not(:last-child)::after, ul.list-inline.align-right-xs-max.has-separators > li:not(:last-child)::after { display: none; } } ol[class^="list-inline"].has-space-extra.has-separators > li::before, ol[class*=" list-inline"].has-space-extra.has-separators > li::before, ul[class^="list-inline"].has-space-extra.has-separators > li::before, ul[class*=" list-inline"].has-space-extra.has-separators > li::before { margin-right: 0.75rem; } ol[class^="list-inline"].has-space-extra.has-separators > li::after, ol[class*=" list-inline"].has-space-extra.has-separators > li::after, ul[class^="list-inline"].has-space-extra.has-separators > li::after, ul[class*=" list-inline"].has-space-extra.has-separators > li::after { margin-left: 0.75rem; } @media (min-width: 992px) { ol[class^="list-inline"].has-separators > li::before, ol[class*=" list-inline"].has-separators > li::before, ul[class^="list-inline"].has-separators > li::before, ul[class*=" list-inline"].has-separators > li::before { margin-right: 1rem; } ol[class^="list-inline"].has-space-extra.has-separators > li::before, ol[class*=" list-inline"].has-space-extra.has-separators > li::before, ul[class^="list-inline"].has-space-extra.has-separators > li::before, ul[class*=" list-inline"].has-space-extra.has-separators > li::before { margin-right: 1.5rem; } ol[class^="list-inline"].has-separators > li::after, ol[class*=" list-inline"].has-separators > li::after, ul[class^="list-inline"].has-separators > li::after, ul[class*=" list-inline"].has-separators > li::after { margin-left: 1rem; } ol[class^="list-inline"].has-space-extra.has-separators > li::after, ol[class*=" list-inline"].has-space-extra.has-separators > li::after, ul[class^="list-inline"].has-space-extra.has-separators > li::after, ul[class*=" list-inline"].has-space-extra.has-separators > li::after { margin-left: 1.5rem; } } /** * Lists - Tags * ------------ */ .list-tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--space-sm); padding-left: 0; font-size: var(--font-size-sm); } .list-tag > li:not(:last-child) { margin-bottom: 0; } .list-tag li::before { display: none; } .list-tag .tag-link, .list-tag .tag-name { border-radius: var(--border-radius-max); padding: 0.25em 0.75em; color: var(--color-grey-dark); background-color: var(--color-secondary-light); } .list-tag .tag-link { font-weight: inherit; color: var(--color-primary); background-color: var(--color-black); background-image: none; } .list-tag .tag-link:hover { color: var(--color-black); background-color: var(--color-primary); } /** * Lists - Security * -------------------- */ @media (max-width: 767px) { .list-security-logos { margin-top: 2.25rem; } } .list-security-logos .security-logo-wrapper { width: 65px; height: 65px; } @media (min-width: 767px) { .list-security-logos .security-logo-wrapper { width: 75px; height: 75px; } } /** * Lists - Social Media * -------------------- */ .list-social-media .list-social-media-link { -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); } .list-social-media .list-social-media-link .fa-layers { position: relative; overflow: hidden; border-radius: 9999px; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; background-color: var(--color-secondary-light); } .list-social-media .list-social-media-link .fa-layers::before { display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; background-color: var(--color-black); } .list-social-media .list-social-media-link .fa-layers *[class^="fa-"], .list-social-media .list-social-media-link .fa-layers *[class*=" fa-"] { -webkit-transition: inherit; -o-transition: inherit; transition: inherit; color: var(--color-black); } .list-social-media .list-social-media-link .fa-layers .clone { color: var(--color-primary); } @media (max-width: 991px) { .list-social-media .list-social-media-link .fa-layers::before, .list-social-media .list-social-media-link .fa-layers .clone { opacity: 0; visibility: hidden; } .list-social-media .list-social-media-link:hover .fa-layers::before, .list-social-media .list-social-media-link:focus .fa-layers::before, .list-social-media .list-social-media-link.focus .fa-layers::before, .list-social-media .list-social-media-link:active .fa-layers::before, .list-social-media .list-social-media-link.active .fa-layers::before, .list-social-media .list-social-media-link:hover .fa-layers .clone, .list-social-media .list-social-media-link:focus .fa-layers .clone, .list-social-media .list-social-media-link.focus .fa-layers .clone, .list-social-media .list-social-media-link:active .fa-layers .clone, .list-social-media .list-social-media-link.active .fa-layers .clone { opacity: 1; visibility: visible; } } @media (min-width: 992px) { .list-social-media .list-social-media-link .fa-layers::before, .list-social-media .list-social-media-link .fa-layers .clone { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); } .list-social-media .list-social-media-link:hover .fa-layers *[class^="fa-"], .list-social-media .list-social-media-link:focus .fa-layers *[class^="fa-"], .list-social-media .list-social-media-link.focus .fa-layers *[class^="fa-"], .list-social-media .list-social-media-link:active .fa-layers *[class^="fa-"], .list-social-media .list-social-media-link.active .fa-layers *[class^="fa-"], .list-social-media .list-social-media-link:hover .fa-layers *[class*=" fa-"], .list-social-media .list-social-media-link:focus .fa-layers *[class*=" fa-"], .list-social-media .list-social-media-link.focus .fa-layers *[class*=" fa-"], .list-social-media .list-social-media-link:active .fa-layers *[class*=" fa-"], .list-social-media .list-social-media-link.active .fa-layers *[class*=" fa-"] { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); } .list-social-media .list-social-media-link:hover .fa-layers::before, .list-social-media .list-social-media-link:focus .fa-layers::before, .list-social-media .list-social-media-link.focus .fa-layers::before, .list-social-media .list-social-media-link:active .fa-layers::before, .list-social-media .list-social-media-link.active .fa-layers::before, .list-social-media .list-social-media-link:hover .fa-layers .clone, .list-social-media .list-social-media-link:focus .fa-layers .clone, .list-social-media .list-social-media-link.focus .fa-layers .clone, .list-social-media .list-social-media-link:active .fa-layers .clone, .list-social-media .list-social-media-link.active .fa-layers .clone { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } /** * Lists - Contact & Open Hours * ---------------------------- */ .list-contact > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0; } .list-contact span { min-width: 5rem; font-weight: var(--weight-bold); margin-right: 0.5rem; } .list-contact a, .list-open-hours span { font-weight: var(--weight-default); display: block; } .list-open-hours span:last-child { margin-right: 0; } /** * Lists - Breadcrumbs * ------------------- */ .breadcrumb { -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; border-radius: 0; overflow-x: auto; font-family: var(--font-secondary); font-size: var(--font-size-default); font-weight: var(--weight-light); color: var(--color-grey); background-color: transparent; } @media (min-width: 992px) { .breadcrumb { margin-bottom: 2.25rem; font-size: var(--font-size-lg); } } .breadcrumb .breadcrumb-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0.5rem; } @media (min-width: 992px) { .breadcrumb .breadcrumb-item { margin-bottom: 0.75rem; } } .breadcrumb .breadcrumb-item::before { display: none; } @media (min-width: 992px) { .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 0.75rem; } } .breadcrumb .breadcrumb-item .seperator:not(:first-child) { margin-left: 0.5rem; } @media (min-width: 992px) { .breadcrumb .breadcrumb-item .seperator:not(:first-child) { margin-left: 0.75rem; } } .breadcrumb .breadcrumb-item a { font-weight: inherit; } .breadcrumb .breadcrumb-item.active { color: var(--color-grey-dark); } .breadcrumb .breadcrumb-item h1 { margin-bottom: 0; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-transform: none; color: inherit; } /** * Lists - Custom * -------------- */ /* Lists - Custom - Pagination */ .page-numbers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 1.25rem; padding-left: 0; line-height: var(--line-single); } @media (min-width: 992px) { .page-numbers { margin-bottom: 2.5rem; } } .page-numbers > li { display: block; margin-bottom: 0.25rem; } @media (min-width: 992px) { .page-numbers > li { margin-bottom: 0.5rem; } } .page-numbers > li:not(:last-child) { margin: 0 0.25rem 0.25rem 0; } @media (min-width: 992px) { .page-numbers > li:not(:last-child) { margin: 0 0.5rem 0.5rem 0; } } .page-numbers > li::before { display: none; } .page-numbers > li .page-numbers { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: calc(1em + 1.5rem); padding: 0.75rem 0.75rem calc(0.75rem - 0.125em); border-radius: 9999px; margin: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; font-family: var(--font-primary); font-size: var(--font-size-xs); font-weight: var(--weight-default); text-transform: uppercase; text-align: center; color: var(--color-black); background: var(--color-secondary-light); } @media (min-width: 992px) { .page-numbers > li .page-numbers { font-size: var(--font-size-sm); } } .page-numbers > li a.page-numbers:hover, .page-numbers > li a.page-numbers:focus, .page-numbers > li a.page-numbers.focus, .page-numbers > li a.page-numbers:active, .page-numbers > li a.page-numbers.active { background-color: var(--color-secondary-lightest); } .page-numbers > li .page-numbers.current { font-weight: var(--weight-default); color: var(--color-secondary-lightest); background-color: var(--color-black); } .page-numbers > li .page-numbers.prev .svg-wrapper, .page-numbers > li .page-numbers.next .svg-wrapper { width: 1.631em; } .page-numbers > li .page-numbers.prev .svg-wrapper svg, .page-numbers > li .page-numbers.next .svg-wrapper svg { fill: currentColor; } /** * Toggles * ------- */ .toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: var(--font-primary); font-weight: var(--weight-default); text-transform: uppercase; -webkit-transition: var(--transition-slow-ease); -o-transition: var(--transition-slow-ease); transition: var(--transition-slow-ease); -webkit-transition-duration: 450ms; -o-transition-duration: 450ms; transition-duration: 450ms; color: var(--color-grey-80p); } .toggle .left-text, .toggle .right-text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; margin: 0; line-height: var(--line-single); -webkit-transition: inherit; -o-transition: inherit; transition: inherit; } .toggle:not(.checked) .left-text, .toggle.checked .right-text { color: var(--color-default); } /* Toggle - Switch */ .toggle input { cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 20em; margin-left: 0.5em; margin-right: 0.5em; width: 4em; height: 1.75em; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; color: var(--color-default-80p); background-color: currentColor; } .toggle input::before { content: ''; position: absolute; border-radius: 9999px; top: 50%; left: 23%; width: 1.4em; height: 1.4em; -webkit-transform: translate(-50%, -50%) rotate(0); -ms-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); -webkit-transition: inherit; -o-transition: inherit; transition: inherit; opacity: 0; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)), -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)), -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)); background-image: -o-linear-gradient(currentColor 0 0), -o-linear-gradient(currentColor 0 0), -o-linear-gradient(currentColor 0 0); background-image: linear-gradient(currentColor 0 0), linear-gradient(currentColor 0 0), linear-gradient(currentColor 0 0); background-position: 60% 50%, 32.5% 50%, 20% 50%; background-size: 30% 45%, 5% 35%, 5% 25%; background-color: var(--color-primary); } .toggle input:checked::before { left: 77%; -webkit-transform: translate(-50%, -50%) rotate(360deg); -ms-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)), -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)), -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)), -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)), -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)), -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)), -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)), -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)), -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)); background-image: -o-linear-gradient(currentColor 0 0), -o-linear-gradient(currentColor 0 0), -o-linear-gradient(currentColor 0 0), -o-linear-gradient(currentColor 0 0), -o-linear-gradient(currentColor 0 0), -o-linear-gradient(currentColor 0 0), -o-linear-gradient(currentColor 0 0), -o-linear-gradient(currentColor 0 0), -o-linear-gradient(currentColor 0 0); background-image: linear-gradient(currentColor 0 0), linear-gradient(currentColor 0 0), linear-gradient(currentColor 0 0), linear-gradient(currentColor 0 0), linear-gradient(currentColor 0 0), linear-gradient(currentColor 0 0), linear-gradient(currentColor 0 0), linear-gradient(currentColor 0 0), linear-gradient(currentColor 0 0); background-position: 25% 25%, 50% 25%, 75% 25%, 25% 50%, 50% 50%, 75% 50%, 25% 75%, 50% 75%, 75% 75%; background-size: 15% 15%; } body.toggle-initialised .toggle input::before { opacity: 1; } /** * Hover - Effects * --------------- */ .hoverable { cursor: pointer; } /* Effects - Color */ .color-hover { -webkit-transition: unset !important; -o-transition: unset !important; transition: unset !important; } .color-hover:hover { color: var(--color-primary) !important; } /* Effects - Underline */ .underline-hover { /* Variables */ --bg-h: 0.11em; display: initial; -webkit-transition: 350ms; -o-transition: 350ms; transition: 350ms; -webkit-transition-property: background-size, color; -o-transition-property: background-size, color; transition-property: background-size, color; background: -webkit-gradient(linear, left bottom, left top, from(currentColor), to(currentColor)) no-repeat right bottom / 0 var(--bg-h); background: -o-linear-gradient(bottom, currentColor, currentColor) no-repeat right bottom / 0 var(--bg-h); background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom / 0 var(--bg-h); } .underline-hover:hover, .underline-hover:focus, .hoverable:hover .underline-hover, .hoverable:focus .underline-hover { background-size: 100% var(--bg-h); background-position-x: left; } /* Effects - Circular Ripple */ @media (hover: hover) and (pointer: fine) { .ripple-hover { --width: 100%; --time: 0.5s; overflow: hidden; position: relative; } .ripple-hover .background-effect { position: absolute; display: block; z-index: 0; width: 0; height: 0; border-radius: 100%; background: var(--color-primary); -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; -webkit-transition: width var(--time), padding-top var(--time) !important; -o-transition: width var(--time), padding-top var(--time) !important; transition: width var(--time), padding-top var(--time) !important; } .ripple-hover.hover .background-effect { width: calc(var(--width) * 3); padding-top: calc(var(--width) * 3); } } /* Effects - Label Up */ .label-up-hover { position: relative; overflow: hidden; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; line-height: var(--line-single); } .label-up-hover .label, .label-up-hover::after { display: block; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; } .label-up-hover::after { position: absolute; top: 100%; content: attr(data-text); } .label-up-hover:hover .label, .label-up-hover:hover::after, .hoverable:hover .label-up-hover .label, .hoverable:hover .label-up-hover::after { -webkit-transform: translateY(-1em); -ms-transform: translateY(-1em); transform: translateY(-1em); } /** * Links & Buttons * --------------- */ /* Links */ a { -webkit-transition: all var(--transition-quick-ease); -o-transition: all var(--transition-quick-ease); transition: all var(--transition-quick-ease); font-weight: var(--weight-bold); color: inherit; } a:hover { color: inherit; text-decoration: none; } a.disabled { pointer-events: none; } a.text-primary:focus, a.text-primary:hover { color: var(--color-primary) !important; } a:not(.lacks-underline) { background-image: -o-linear-gradient(currentColor, currentColor); background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)); background-image: linear-gradient(currentColor, currentColor); background-size: 0% 0.111em; background-position-y: 100%; background-repeat: no-repeat; } a:not(.lacks-underline):hover, a:not(.lacks-underline):focus, a:not(.lacks-underline).focus, a:not(.lacks-underline):active, a:not(.lacks-underline).active { background-size: 100% 0.111em; } /* Buttons */ button, .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0.2rem solid transparent; padding: 0.75rem 1.5rem calc(0.75rem - 0.125em) 1.5rem; -webkit-transition: all var(--transition-quick-ease); -o-transition: all var(--transition-quick-ease); transition: all var(--transition-quick-ease); font-family: var(--font-primary); font-size: var(--font-size-sm); font-weight: var(--weight-default); line-height: var(--line-single); text-transform: uppercase; color: inherit; } @media (min-width: 992px) { button, .btn { padding-right: 3rem; padding-left: 3rem; font-size: var(--font-size-default); } } button { vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; background-color: transparent; } .btn { border-radius: 0; } .btn:hover { color: inherit; } .btn.lacks-pad { padding: 0; } .btn-block { display: -webkit-box; display: -ms-flexbox; display: flex; } a.btn { background-image: none; background-size: auto; background-position-y: 0%; background-repeat: repeat; } /* Buttons - Layout */ .btn-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--space-xl); } @media (min-width: 992px) { .btn-row { gap: var(--space-lg); } } .btn-row br { display: none; } /* Buttons - Styles */ .btn-pill { border-radius: 9999px; } /* Buttons - Icons */ .btn-icon { padding: 1rem; } /* Buttons - Links */ .btn-link { padding: 0; border: 0; } .btn-link:hover, .btn-link.focus, .btn-link:focus { text-decoration: none; } /* Buttons - Sizes */ .btn-sm { padding-right: 1.5rem; padding-left: 1.5rem; } /* Buttons - Colors */ .btn-primary { border-color: var(--color-secondary); color: var(--color-grey-dark); background-color: var(--color-secondary-light); } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { border-color: var(--color-secondary); color: var(--color-grey-dark); background-color: var(--color-secondary-lightest); } .btn-primary:disabled, .btn-primary.disabled { border-color: var(--color-secondary); color: var(--color-grey-dark); background-color: var(--color-secondary-light); } /* Buttons - Styles */ .btn-fancy { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 0; border: none; font-size: 3.2rem; color: var(--color-black); } .btn-fancy .btn-content-text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .btn-fancy .btn-content-text::after { content: ''; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-bottom: 0.125em solid currentColor; } .btn-fancy .btn-content-icon { border: none; position: relative; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 0.5em; font-size: 1.5em; overflow: hidden; border-radius: 9999px; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); } .btn-fancy .btn-content-icon .fa-circle::before { font-size: 1em; } .btn-fancy .btn-content-icon .fa-circle + *[class^="fa-"], .btn-fancy .btn-content-icon .fa-circle + *[class*=" fa-"] { -webkit-transition: inherit; -o-transition: inherit; transition: inherit; color: var(--color-primary); z-index: 1; } .btn-fancy:hover .btn-content-icon .fa-circle + *[class^="fa-"], .btn-fancy:hover .btn-content-icon .fa-circle + *[class*=" fa-"], .btn-fancy:focus .btn-content-icon .fa-circle + *[class^="fa-"], .btn-fancy:focus .btn-content-icon .fa-circle + *[class*=" fa-"], .btn-fancy.focus .btn-content-icon .fa-circle + *[class^="fa-"], .btn-fancy.focus .btn-content-icon .fa-circle + *[class*=" fa-"], .btn-fancy:not(:disabled):not(.disabled):active .btn-content-icon .fa-circle + *[class^="fa-"], .btn-fancy:not(:disabled):not(.disabled):active .btn-content-icon .fa-circle + *[class*=" fa-"], .btn-fancy:not(:disabled):not(.disabled).active .btn-content-icon .fa-circle + *[class^="fa-"], .btn-fancy:not(:disabled):not(.disabled).active .btn-content-icon .fa-circle + *[class*=" fa-"], .show > .btn-fancy.dropdown-toggle .btn-content-icon .fa-circle + *[class^="fa-"], .show > .btn-fancy.dropdown-toggle .btn-content-icon .fa-circle + *[class*=" fa-"] { top: -2em; } .btn-fancy .btn-content-icon::before { display: block; content: ''; position: absolute; top: 0; bottom: 0; right: 100%; border-radius: inherit; width: 120%; height: 100%; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; background-color: var(--color-primary); z-index: 1; } .btn-fancy:hover .btn-content-icon::before, .btn-fancy:focus .btn-content-icon::before, .btn-fancy.focus .btn-content-icon::before, .btn-fancy:not(:disabled):not(.disabled):active .btn-content-icon::before, .btn-fancy:not(:disabled):not(.disabled).active .btn-content-icon::before, .show > .btn-fancy.dropdown-toggle .btn-content-icon::before { right: -10%; } .btn-fancy .btn-content-icon::after { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 2.2em; right: 0; left: 0; bottom: 0; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: '\f30b'; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; font-size: 0.6em; z-index: 1; } .btn-fancy:hover .btn-content-icon::after, .btn-fancy:focus .btn-content-icon::after, .btn-fancy.focus .btn-content-icon::after, .btn-fancy:not(:disabled):not(.disabled):active .btn-content-icon::after, .btn-fancy:not(:disabled):not(.disabled).active .btn-content-icon::after, .show > .btn-fancy.dropdown-toggle .btn-content-icon::after { top: 0; } /* Buttons - Fancy - Secondary */ .btn-fancy.btn-secondary { border-radius: 2em; padding: 0.3em 0.75em; padding-right: 0.35em; color: var(--color-secondary-light); background-color: var(--color-black); } .btn-fancy.btn-secondary .btn-content-icon::after, .btn-fancy.btn-secondary .btn-content-icon .fa-circle + *[class^="fa-"], .btn-fancy.btn-secondary .btn-content-icon .fa-circle + *[class*=" fa-"] { color: var(--color-black); } /* Buttons - Styles - Colors */ .btn-fancy.btn-invert { color: var(--color-primary); } .btn-fancy.btn-invert .btn-content-icon .fa-circle + *[class^="fa-"], .btn-fancy.btn-invert .btn-content-icon .fa-circle + *[class*=" fa-"] { color: var(--color-black); } .btn-fancy.btn-invert .btn-content-icon::before { background-color: var(--color-black); } .btn-fancy.btn-invert .btn-content-icon::after { color: var(--color-primary); } /* Buttons - Links */ .btn-link { padding: 0; border: 0; } /* Buttons - Highlights */ .btn-highlight { -webkit-clip-path: polygon(1.543px calc(100% - 7.144px), 1.543px calc(100% - 7.144px), 1.50111px calc(100% - 6.622108px), 1.45736px calc(100% - 6.094264px), 1.42213px calc(100% - 5.562916px), 1.4058px calc(100% - 5.030512px), 1.41875px calc(100% - 4.4995px), 1.47136px calc(100% - 3.972328px), 1.57401px calc(100% - 3.451444px), 1.73708px calc(100% - 2.939296px), 1.97095px calc(100% - 2.438332px), 2.286px calc(100% - 1.951px), 2.286px calc(100% - 1.951px), 2.317825px calc(100% - 1.876068px), 2.34488px calc(100% - 1.799624px), 2.367135px calc(100% - 1.721896px), 2.38456px calc(100% - 1.643112px), 2.397125px calc(100% - 1.5635px), 2.4048px calc(100% - 1.483288px), 2.407555px calc(100% - 1.402704px), 2.40536px calc(100% - 1.321976px), 2.398185px calc(100% - 1.241332px), 2.386px calc(100% - 1.161px), 2.386px calc(100% - 1.161px), 2.386093px calc(100% - 0.917083px), 2.417584px calc(100% - 0.70666399999998px), 2.478691px calc(100% - 0.527841px), 2.567632px calc(100% - 0.37871199999999px), 2.682625px calc(100% - 0.257375px), 2.821888px calc(100% - 0.161928px), 2.983639px calc(100% - 0.090468999999999px), 3.166096px calc(100% - 0.041096000000003px), 3.367477px calc(100% - 0.011907000000008px), 3.586px calc(100% - 0.0010000000000119px), 3.586px calc(100% - 0.0010000000000048px), 3.699455px calc(100% - 0.0017599999999902px), 3.813px calc(100% - 0.0039599999999922px), 3.926605px calc(100% - 0.0074800000000081px), 4.04024px calc(100% - 0.0122px), 4.153875px calc(100% - 0.018000000000008px), 4.26748px calc(100% - 0.024760000000001px), 4.381025px calc(100% - 0.032360000000004px), 4.49448px calc(100% - 0.040680000000009px), 4.607815px calc(100% - 0.049599999999998px), 4.721px calc(100% - 0.059000000000012px), 4.721px calc(100% - 0.059000000000005px), 6.192213px calc(100% - 0.199158px), 7.664584px calc(100% - 0.32442399999999px), 9.138011px calc(100% - 0.43478600000001px), 10.612392px calc(100% - 0.530232px), 12.087625px calc(100% - 0.61075000000001px), 13.563608px calc(100% - 0.67632800000001px), 15.040239px calc(100% - 0.72695400000001px), 16.517416px calc(100% - 0.762616px), 17.995037px calc(100% - 0.78330200000001px), 19.473px calc(100% - 0.78900000000001px), 19.473px calc(100% - 0.789px), 21.365373px calc(100% - 0.757986px), 23.257704px calc(100% - 0.72580799999999px), 25.150011px calc(100% - 0.693762px), 27.042312px calc(100% - 0.663144px), 28.934625px calc(100% - 0.63525px), 30.826968px calc(100% - 0.611376px), 32.719359px calc(100% - 0.592818px), 34.611816px calc(100% - 0.580872px), 36.504357px calc(100% - 0.57683400000001px), 38.397px calc(100% - 0.58200000000001px), calc(50% - 25.7845px) calc(100% - 0.582px), calc(50% - 25.364002px) calc(100% - 0.58907799999999px), calc(50% - 24.942676px) calc(100% - 0.60370399999999px), calc(50% - 24.520774px) calc(100% - 0.623166px), calc(50% - 24.098548px) calc(100% - 0.644752px), calc(50% - 23.67625px) calc(100% - 0.66575px), calc(50% - 23.254132px) calc(100% - 0.683448px), calc(50% - 22.832446px) calc(100% - 0.695134px), calc(50% - 22.411444px) calc(100% - 0.69809599999999px), calc(50% - 21.991378px) calc(100% - 0.689622px), calc(50% - 21.5725px) calc(100% - 0.66700000000001px), calc(50% - 21.5725px) calc(100% - 0.667px), calc(50% - 20.446432px) calc(100% - 0.59593999999999px), calc(50% - 19.320076px) calc(100% - 0.54539999999999px), calc(50% - 18.193504px) calc(100% - 0.51184px), calc(50% - 17.066788px) calc(100% - 0.49171999999999px), calc(50% - 15.94px) calc(100% - 0.4815px), calc(50% - 14.813212px) calc(100% - 0.47764px), calc(50% - 13.686496px) calc(100% - 0.47659999999999px), calc(50% - 12.559924px) calc(100% - 0.47484px), calc(50% - 11.433568px) calc(100% - 0.46882px), calc(50% - 10.3075px) calc(100% - 0.45500000000001px), calc(50% - 10.3075px) calc(100% - 0.455px), calc(50% - 9.59342px) calc(100% - 0.432561px), calc(50% - 8.87922px) calc(100% - 0.41744799999999px), calc(50% - 8.16496px) calc(100% - 0.40966699999999px), calc(50% - 7.4507px) calc(100% - 0.40922399999999px), calc(50% - 6.7365px) calc(100% - 0.416125px), calc(50% - 6.02242px) calc(100% - 0.430376px), calc(50% - 5.30852px) calc(100% - 0.451983px), calc(50% - 4.59486px) calc(100% - 0.48095199999999px), calc(50% - 3.8815px) calc(100% - 0.517289px), calc(50% - 3.1685px) calc(100% - 0.56100000000001px), calc(50% - 3.1685px) calc(100% - 0.561px), calc(50% - 2.523958px) calc(100% - 0.596791px), calc(50% - 1.879164px) calc(100% - 0.62556799999999px), calc(50% - 1.234166px) calc(100% - 0.64733700000001px), calc(50% - 0.589012px) calc(100% - 0.662104px), calc(50% - -0.056250000000006px) calc(100% - 0.669875px), calc(50% - -0.70157200000001px) calc(100% - 0.670656px), calc(50% - -1.346906px) calc(100% - 0.66445299999999px), calc(50% - -1.992204px) calc(100% - 0.65127200000001px), calc(50% - -2.637418px) calc(100% - 0.631119px), calc(50% - -3.2825px) calc(100% - 0.60400000000001px), calc(50% - -3.2825px) calc(100% - 0.604px), calc(50% - -3.738797px) calc(100% - 0.60427599999999px), calc(50% - -4.193996px) calc(100% - 0.62240799999999px), calc(50% - -4.648259px) calc(100% - 0.653752px), calc(50% - -5.101748px) calc(100% - 0.693664px), calc(50% - -5.554625px) calc(100% - 0.7375px), calc(50% - -6.007052px) calc(100% - 0.780616px), calc(50% - -6.459191px) calc(100% - 0.81836800000001px), calc(50% - -6.911204px) calc(100% - 0.84611200000001px), calc(50% - -7.363253px) calc(100% - 0.859204px), calc(50% - -7.8155px) calc(100% - 0.85300000000001px), calc(50% - -7.8155px) calc(100% - 0.853px), calc(50% - -8.553092px) calc(100% - 0.793001px), calc(50% - -9.291476px) calc(100% - 0.74980799999999px), calc(50% - -10.030364px) calc(100% - 0.72342700000001px), calc(50% - -10.769468px) calc(100% - 0.713864px), calc(50% - -11.5085px) calc(100% - 0.72112499999999px), calc(50% - -12.247172px) calc(100% - 0.745216px), calc(50% - -12.985196px) calc(100% - 0.786143px), calc(50% - -13.722284px) calc(100% - 0.843912px), calc(50% - -14.458148px) calc(100% - 0.918529px), calc(50% - -15.1925px) calc(100% - 1.01px), calc(50% - -15.1925px) calc(100% - 1.01px), calc(50% - -15.255644px) calc(100% - 1.021698px), calc(50% - -15.319052px) calc(100% - 1.031584px), calc(50% - -15.382688px) calc(100% - 1.039646px), calc(50% - -15.446516px) calc(100% - 1.045872px), calc(50% - -15.5105px) calc(100% - 1.05025px), calc(50% - -15.574604px) calc(100% - 1.052768px), calc(50% - -15.638792px) calc(100% - 1.053414px), calc(50% - -15.703028px) calc(100% - 1.052176px), calc(50% - -15.767276px) calc(100% - 1.049042px), calc(50% - -15.8315px) calc(100% - 1.044px), calc(50% - -15.8315px) calc(100% - 1.044px), calc(50% - -16.900384px) calc(100% - 0.982502px), calc(50% - -17.969772px) calc(100% - 0.93241599999999px), calc(50% - -19.039568px) calc(100% - 0.893754px), calc(50% - -20.109676px) calc(100% - 0.866528px), calc(50% - -21.18px) calc(100% - 0.85075000000001px), calc(50% - -22.250444px) calc(100% - 0.846432px), calc(50% - -23.320912px) calc(100% - 0.853586px), calc(50% - -24.391308px) calc(100% - 0.872224px), calc(50% - -25.461536px) calc(100% - 0.90235800000001px), calc(50% - -26.5315px) calc(100% - 0.94400000000001px), calc(50% - -26.5315px) calc(100% - 0.944px), calc(50% - -27.583875px) calc(100% - 0.948855px), calc(50% - -28.63622px) calc(100% - 0.96147999999999px), calc(50% - -29.688565px) calc(100% - 0.97896500000001px), calc(50% - -30.74094px) calc(100% - 0.9984px), calc(50% - -31.793375px) calc(100% - 1.016875px), calc(50% - -32.8459px) calc(100% - 1.03148px), calc(50% - -33.898545px) calc(100% - 1.039305px), calc(50% - -34.95134px) calc(100% - 1.03744px), calc(50% - -36.004315px) calc(100% - 1.022975px), calc(50% - -37.0575px) calc(100% - 0.99300000000001px), calc(50% - -37.0575px) calc(100% - 0.993px), calc(50% - -37.57547px) calc(100% - 0.97704299999999px), calc(50% - -38.09374px) calc(100% - 0.96698399999999px), calc(50% - -38.61225px) calc(100% - 0.961941px), calc(50% - -39.13094px) calc(100% - 0.961032px), calc(50% - -39.64975px) calc(100% - 0.963375px), calc(50% - -40.16862px) calc(100% - 0.968088px), calc(50% - -40.68749px) calc(100% - 0.97428900000001px), calc(50% - -41.2063px) calc(100% - 0.981096px), calc(50% - -41.72499px) calc(100% - 0.987627px), calc(50% - -42.2435px) calc(100% - 0.99300000000001px), calc(100% - 21.938px) calc(100% - 0.993px), calc(100% - 21.840519px) calc(100% - 0.99477699999999px), calc(100% - 21.741352px) calc(100% - 1.001096px), calc(100% - 21.642413px) calc(100% - 1.013439px), calc(100% - 21.545616px) calc(100% - 1.033288px), calc(100% - 21.452875px) calc(100% - 1.062125px), calc(100% - 21.366104px) calc(100% - 1.101432px), calc(100% - 21.287217px) calc(100% - 1.152691px), calc(100% - 21.218128px) calc(100% - 1.217384px), calc(100% - 21.160751px) calc(100% - 1.296993px), calc(100% - 21.117px) calc(100% - 1.393px), calc(100% - 21.117px) calc(100% - 1.393px), calc(100% - 21.087597px) calc(100% - 1.531916px), calc(100% - 21.095856px) calc(100% - 1.645608px), calc(100% - 21.135279px) calc(100% - 1.738492px), calc(100% - 21.199368px) calc(100% - 1.814984px), calc(100% - 21.281625px) calc(100% - 1.8795px), calc(100% - 21.375552px) calc(100% - 1.936456px), calc(100% - 21.474651px) calc(100% - 1.990268px), calc(100% - 21.572424px) calc(100% - 2.045352px), calc(100% - 21.662373px) calc(100% - 2.106124px), calc(100% - 21.738px) calc(100% - 2.177px), calc(100% - 21.738px) calc(100% - 2.177px), calc(100% - 21.612408px) calc(100% - 2.307527px), calc(100% - 21.477384px) calc(100% - 2.426456px), calc(100% - 21.333756px) calc(100% - 2.533409px), calc(100% - 21.182352px) calc(100% - 2.628008px), calc(100% - 21.024px) calc(100% - 2.709875px), calc(100% - 20.859528px) calc(100% - 2.778632px), calc(100% - 20.689764px) calc(100% - 2.833901px), calc(100% - 20.515536px) calc(100% - 2.875304px), calc(100% - 20.337672px) calc(100% - 2.902463px), calc(100% - 20.157px) calc(100% - 2.915px), calc(100% - 20.157px) calc(100% - 2.915px), calc(100% - 19.699462px) calc(100% - 2.886922px), calc(100% - 19.243976px) calc(100% - 2.888376px), calc(100% - 18.790134px) calc(100% - 2.912894px), calc(100% - 18.337528px) calc(100% - 2.954008px), calc(100% - 17.88575px) calc(100% - 3.00525px), calc(100% - 17.434392px) calc(100% - 3.060152px), calc(100% - 16.983046px) calc(100% - 3.112246px), calc(100% - 16.531304px) calc(100% - 3.155064px), calc(100% - 16.078758px) calc(100% - 3.182138px), calc(100% - 15.625px) calc(100% - 3.187px), calc(100% - 15.625px) calc(100% - 3.187px), calc(100% - 14.833217px) calc(100% - 3.193419px), calc(100% - 14.042016px) calc(100% - 3.215072px), calc(100% - 13.251619px) calc(100% - 3.251953px), calc(100% - 12.462248px) calc(100% - 3.304056px), calc(100% - 11.674125px) calc(100% - 3.371375px), calc(100% - 10.887472px) calc(100% - 3.453904px), calc(100% - 10.102511px) calc(100% - 3.551637px), calc(100% - 9.319464px) calc(100% - 3.664568px), calc(100% - 8.538553px) calc(100% - 3.792691px), calc(100% - 7.76px) calc(100% - 3.936px), calc(100% - 7.76px) calc(100% - 3.936px), calc(100% - 7.661889px) calc(100% - 3.951135px), calc(100% - 7.561072px) calc(100% - 3.96468px), calc(100% - 7.459823px) calc(100% - 3.979245px), calc(100% - 7.360416px) calc(100% - 3.99744px), calc(100% - 7.265125px) calc(100% - 4.021875px), calc(100% - 7.176224px) calc(100% - 4.05516px), calc(100% - 7.095987px) calc(100% - 4.099905px), calc(100% - 7.026688px) calc(100% - 4.15872px), calc(100% - 6.970601px) calc(100% - 4.234215px), calc(100% - 6.93px) calc(100% - 4.329px), calc(100% - 6.93px) calc(100% - 4.329px), calc(100% - 6.840316px) calc(100% - 4.579528px), calc(100% - 6.720608px) calc(100% - 4.811984px), calc(100% - 6.573492px) calc(100% - 5.024376px), calc(100% - 6.401584px) calc(100% - 5.214712px), calc(100% - 6.2075px) calc(100% - 5.381px), calc(100% - 5.993856px) calc(100% - 5.521248px), calc(100% - 5.763268px) calc(100% - 5.633464px), calc(100% - 5.518352px) calc(100% - 5.715656px), calc(100% - 5.261724px) calc(100% - 5.765832px), calc(100% - 4.996px) calc(100% - 5.782px), calc(100% - 4.996px) calc(100% - 5.782px), calc(100% - 4.913784px) calc(100% - 5.792664px), calc(100% - 4.834352px) calc(100% - 5.812352px), calc(100% - 4.758328px) calc(100% - 5.840608px), calc(100% - 4.686336px) calc(100% - 5.876976px), calc(100% - 4.619px) calc(100% - 5.921px), calc(100% - 4.556944px) calc(100% - 5.972224px), calc(100% - 4.500792px) calc(100% - 6.030192px), calc(100% - 4.451168px) calc(100% - 6.094448px), calc(100% - 4.408696px) calc(100% - 6.164536px), calc(100% - 4.374px) calc(100% - 6.24px), calc(100% - 4.374px) calc(100% - 6.24px), calc(100% - 4.26417px) calc(100% - 6.461236px), calc(100% - 4.13508px) calc(100% - 6.638768px), calc(100% - 3.98853px) calc(100% - 6.777732px), calc(100% - 3.82632px) calc(100% - 6.883264px), calc(100% - 3.65025px) calc(100% - 6.9605px), calc(100% - 3.46212px) calc(100% - 7.014576px), calc(100% - 3.26373px) calc(100% - 7.050628px), calc(100% - 3.05688px) calc(100% - 7.073792px), calc(100% - 2.84337px) calc(100% - 7.089204px), calc(100% - 2.625px) calc(100% - 7.102px), calc(100% - 2.625px) calc(100% - 7.102px), calc(100% - 2.275432px) calc(100% - 7.137781px), calc(100% - 1.969256px) calc(100% - 7.202368px), calc(100% - 1.704264px) calc(100% - 7.297327px), calc(100% - 1.478248px) calc(100% - 7.424224px), calc(100% - 1.289px) calc(100% - 7.584625px), calc(100% - 1.134312px) calc(100% - 7.780096px), calc(100% - 1.011976px) calc(100% - 8.012203px), calc(100% - 0.91978399999999px) calc(100% - 8.282512px), calc(100% - 0.85552799999999px) calc(100% - 8.592589px), calc(100% - 0.81699999999999px) calc(100% - 8.944px), calc(100% - 0.81699999999999px) calc(100% - 8.944px), calc(100% - 0.81132799999997px) calc(100% - 9.041223px), calc(100% - 0.80810399999996px) calc(100% - 9.138464px), calc(100% - 0.807316px) calc(100% - 9.235681px), calc(100% - 0.80895199999999px) calc(100% - 9.332832px), calc(100% - 0.813px) calc(100% - 9.429875px), calc(100% - 0.81944799999999px) calc(100% - 9.526768px), calc(100% - 0.828284px) calc(100% - 9.623469px), calc(100% - 0.83949599999998px) calc(100% - 9.719936px), calc(100% - 0.853072px) calc(100% - 9.816127px), calc(100% - 0.869px) calc(100% - 9.912px), calc(100% - 0.869px) calc(100% - 9.912px), calc(100% - 0.94828999999999px) calc(100% - 10.311585px), calc(100% - 0.99847999999997px) calc(100% - 10.71372px), calc(100% - 1.01975px) calc(100% - 11.116875px), calc(100% - 1.01228px) calc(100% - 11.51952px), calc(100% - 0.97624999999999px) calc(100% - 11.920125px), calc(100% - 0.91183999999998px) calc(100% - 12.31716px), calc(100% - 0.81923px) calc(100% - 12.709095px), calc(100% - 0.6986px) calc(100% - 13.0944px), calc(100% - 0.55013000000001px) calc(100% - 13.471545px), calc(100% - 0.374px) calc(100% - 13.839px), calc(100% - 0.374px) calc(100% - 13.839px), calc(100% - 0.31205599999996px) calc(100% - 13.989153px), calc(100% - 0.25584799999996px) calc(100% - 14.141304px), calc(100% - 0.205412px) calc(100% - 14.295291px), calc(100% - 0.16078400000001px) calc(100% - 14.450952px), calc(100% - 0.12200000000001px) calc(100% - 14.608125px), calc(100% - 0.089096000000012px) calc(100% - 14.766648px), calc(100% - 0.062107999999995px) calc(100% - 14.926359px), calc(100% - 0.041072000000014px) calc(100% - 15.087096px), calc(100% - 0.026024000000007px) calc(100% - 15.248697px), calc(100% - 0.017000000000024px) calc(100% - 15.411px), calc(100% - 0.016999999999996px) calc(100% - 15.411px), calc(100% - -0.0083660000000236px) calc(100% - 15.523278px), calc(100% - -0.023928000000041px) calc(100% - 15.636504px), calc(100% - -0.029781999999983px) calc(100% - 15.750066px), calc(100% - -0.026024000000007px) calc(100% - 15.863352px), calc(100% - -0.012750000000011px) calc(100% - 15.97575px), calc(100% - 0.0099439999999902px) calc(100% - 16.086648px), calc(100% - 0.041962000000012px) calc(100% - 16.195434px), calc(100% - 0.083207999999985px) calc(100% - 16.301496px), calc(100% - 0.13358600000001px) calc(100% - 16.404222px), calc(100% - 0.19300000000004px) calc(100% - 16.503px), calc(100% - 0.19300000000001px) calc(100% - 16.503px), calc(100% - 0.26038199999999px) calc(100% - 16.596336px), calc(100% - 0.33497599999998px) calc(100% - 16.682928px), calc(100% - 0.41625400000001px) calc(100% - 16.762452px), calc(100% - 0.503688px) calc(100% - 16.834584px), calc(100% - 0.59675px) calc(100% - 16.899px), calc(100% - 0.694912px) calc(100% - 16.955376px), calc(100% - 0.79764599999999px) calc(100% - 17.003388px), calc(100% - 0.90442399999999px) calc(100% - 17.042712px), calc(100% - 1.014718px) calc(100% - 17.073024px), calc(100% - 1.128px) calc(100% - 17.094px), calc(100% - 1.128px) calc(100% - 17.094px), calc(100% - 1.268279px) calc(100% - 17.133179px), calc(100% - 1.408912px) calc(100% - 17.170912px), calc(100% - 1.549893px) calc(100% - 17.207193px), calc(100% - 1.691216px) calc(100% - 17.242016px), calc(100% - 1.832875px) calc(100% - 17.275375px), calc(100% - 1.974864px) calc(100% - 17.307264px), calc(100% - 2.117177px) calc(100% - 17.337677px), calc(100% - 2.259808px) calc(100% - 17.366608px), calc(100% - 2.402751px) calc(100% - 17.394051px), calc(100% - 2.546px) calc(100% - 17.42px), calc(100% - 2.546px) calc(100% - 17.42px), calc(100% - 2.851103px) calc(100% - 17.464592px), calc(100% - 3.156704px) calc(100% - 17.506016px), calc(100% - 3.462641px) calc(100% - 17.545244px), calc(100% - 3.768752px) calc(100% - 17.583248px), calc(100% - 4.074875px) calc(100% - 17.621px), calc(100% - 4.380848px) calc(100% - 17.659472px), calc(100% - 4.686509px) calc(100% - 17.699636px), calc(100% - 4.991696px) calc(100% - 17.742464px), calc(100% - 5.296247px) calc(100% - 17.788928px), calc(100% - 5.6px) calc(100% - 17.84px), calc(100% - 5.6px) calc(100% - 17.84px), calc(100% - 5.95438px) calc(100% - 17.908444px), calc(100% - 6.24804px) calc(100% - 17.981472px), calc(100% - 6.48596px) calc(100% - 18.065828px), calc(100% - 6.67312px) calc(100% - 18.168256px), calc(100% - 6.8145px) calc(100% - 18.2955px), calc(100% - 6.91508px) calc(100% - 18.454304px), calc(100% - 6.97984px) calc(100% - 18.651412px), calc(100% - 7.01376px) calc(100% - 18.893568px), calc(100% - 7.02182px) calc(100% - 19.187516px), calc(100% - 7.009px) calc(100% - 19.54px), calc(100% - 7.009px) calc(100% - 19.54px), calc(100% - 6.994961px) calc(100% - 20.529568px), calc(100% - 6.970848px) calc(100% - 21.518824px), calc(100% - 6.936667px) calc(100% - 22.507696px), calc(100% - 6.892424px) calc(100% - 23.496112px), calc(100% - 6.838125px) calc(100% - 24.484px), calc(100% - 6.773776px) calc(100% - 25.471288px), calc(100% - 6.699383px) calc(100% - 26.457904px), calc(100% - 6.614952px) calc(100% - 27.443776px), calc(100% - 6.520489px) calc(100% - 28.428832px), calc(100% - 6.416px) calc(100% - 29.413px), calc(100% - 6.416px) 15.584px, calc(100% - 6.38238px) 15.331168px, calc(100% - 6.36412px) 15.077184px, calc(100% - 6.36542px) 14.826416px, calc(100% - 6.39048px) 14.583232px, calc(100% - 6.4435px) 14.352px, calc(100% - 6.52868px) 14.137088px, calc(100% - 6.65022px) 13.942864px, calc(100% - 6.81232px) 13.773696px, calc(100% - 7.01918px) 13.633952px, calc(100% - 7.275px) 13.528px, calc(100% - 7.275px) 13.528px, calc(100% - 7.589227px) 13.407182px, calc(100% - 7.837136px) 13.262616px, calc(100% - 8.025969px) 13.096234px, calc(100% - 8.162968px) 12.909968px, calc(100% - 8.255375px) 12.70575px, calc(100% - 8.310432px) 12.485512px, calc(100% - 8.335381px) 12.251186px, calc(100% - 8.337464px) 12.004704px, calc(100% - 8.323923px) 11.747998px, calc(100% - 8.302px) 11.483px, calc(100% - 8.302px) 11.483px, calc(100% - 8.24984px) 10.737543px, calc(100% - 8.22096px) 9.991624px, calc(100% - 8.20966px) 9.245321px, calc(100% - 8.21024px) 8.498712px, calc(100% - 8.217px) 7.751875px, calc(100% - 8.22424px) 7.004888px, calc(100% - 8.22626px) 6.257829px, calc(100% - 8.21736px) 5.510776px, calc(100% - 8.19184px) 4.763807px, calc(100% - 8.144px) 4.017px, calc(100% - 8.144px) 4.017px, calc(100% - 8.128432px) 3.712714px, calc(100% - 8.137416px) 3.456392px, calc(100% - 8.173484px) 3.242838px, calc(100% - 8.239168px) 3.066856px, calc(100% - 8.337px) 2.92325px, calc(100% - 8.469512px) 2.806824px, calc(100% - 8.639236px) 2.712382px, calc(100% - 8.848704px) 2.634728px, calc(100% - 9.100448px) 2.568666px, calc(100% - 9.397px) 2.509px, calc(100% - 9.397px) 2.509px, calc(100% - 9.603907px) 2.46901px, calc(100% - 9.811216px) 2.43124px, calc(100% - 10.018909px) 2.39569px, calc(100% - 10.226968px) 2.36236px, calc(100% - 10.435375px) 2.33125px, calc(100% - 10.644112px) 2.30236px, calc(100% - 10.853161px) 2.27569px, calc(100% - 11.062504px) 2.25124px, calc(100% - 11.272123px) 2.22901px, calc(100% - 11.482px) 2.209px, calc(100% - 11.482px) 2.209px, calc(100% - 13.394795px) 2.077431px, calc(100% - 15.30816px) 1.958408px, calc(100% - 17.222065px) 1.852357px, calc(100% - 19.13648px) 1.759704px, calc(100% - 21.051375px) 1.680875px, calc(100% - 22.96672px) 1.616296px, calc(100% - 24.882485px) 1.566393px, calc(100% - 26.79864px) 1.531592px, calc(100% - 28.715155px) 1.512319px, calc(100% - 30.632px) 1.509px, calc(50% - -33.5495px) 1.509px, calc(50% - -30.090228px) 1.519546px, calc(50% - -26.631004px) 1.529888px, calc(50% - -23.171816px) 1.537782px, calc(50% - -19.712652px) 1.540984px, calc(50% - -16.2535px) 1.53725px, calc(50% - -12.794348px) 1.524336px, calc(50% - -9.335184px) 1.499998px, calc(50% - -5.875996px) 1.461992px, calc(50% - -2.416772px) 1.408074px, calc(50% - 1.0425px) 1.336px, calc(50% - 1.0425px) 1.336px, calc(50% - 3.073222px) 1.293524px, calc(50% - 5.103956px) 1.261752px, calc(50% - 7.134654px) 1.237468px, calc(50% - 9.165268px) 1.217456px, calc(50% - 11.19575px) 1.1985px, calc(50% - 13.226052px) 1.177384px, calc(50% - 15.256126px) 1.150892px, calc(50% - 17.285924px) 1.115808px, calc(50% - 19.315398px) 1.068916px, calc(50% - 21.3445px) 1.007px, calc(50% - 21.3445px) 1.007px, calc(50% - 22.934506px) 0.950015px, calc(50% - 24.524548px) 0.8906px, calc(50% - 26.114662px) 0.829565px, calc(50% - 27.704884px) 0.76772px, calc(50% - 29.29525px) 0.705875px, calc(50% - 30.885796px) 0.64484px, calc(50% - 32.476558px) 0.585425px, calc(50% - 34.067572px) 0.52844px, calc(50% - 35.658874px) 0.474695px, calc(50% - 37.2505px) 0.425px, calc(50% - 37.2505px) 0.425px, calc(50% - 38.435012px) 0.385984px, calc(50% - 39.619716px) 0.341592px, calc(50% - 40.804564px) 0.295508px, calc(50% - 41.989508px) 0.251416px, calc(50% - 43.1745px) 0.213px, calc(50% - 44.359492px) 0.183944px, calc(50% - 45.544436px) 0.167932px, calc(50% - 46.729284px) 0.168648px, calc(50% - 47.913988px) 0.189776px, calc(50% - 49.0985px) 0.235px, 15.083px 0.235px, 14.532235px 0.273311px, 13.98108px 0.298848px, 13.429745px 0.311617px, 12.87844px 0.311624px, 12.327375px 0.298875px, 11.77676px 0.273376px, 11.226805px 0.235133px, 10.67772px 0.184152px, 10.129715px 0.120439px, 9.583px 0.044px, 9.583px 0.044px, 9.389631px 0.008344px, 9.195488px -0.009408px, 9.001717px -0.009532px, 8.809464px 0.007696px, 8.619875px 0.042px, 8.434096px 0.093104px, 8.253273px 0.160732px, 8.078552px 0.244608px, 7.911079px 0.344456px, 7.752px 0.46px, 7.752px 0.46px, 7.604395px 0.589811px, 7.47032px 0.731328px, 7.350285px 0.883477px, 7.2448px 1.045184px, 7.154375px 1.215375px, 7.07952px 1.392976px, 7.020745px 1.576913px, 6.97856px 1.766112px, 6.953475px 1.959499px, 6.946px 2.156px, 6.946px 2.156px, 6.93978px 2.351539px, 6.94328px 2.546712px, 6.95644px 2.741153px, 6.9792px 2.934496px, 7.0115px 3.126375px, 7.05328px 3.316424px, 7.10448px 3.504277px, 7.16504px 3.689568px, 7.2349px 3.871931px, 7.314px 4.051px, 7.314px 4.051px, 7.553174px 4.665379px, 7.737352px 5.289352px, 7.876518px 5.921173px, 7.980656px 6.559096px, 8.05975px 7.201375px, 8.123784px 7.846264px, 8.182742px 8.492017px, 8.246608px 9.136888px, 8.325366px 9.779131px, 8.429px 10.417px, 8.429px 10.417px, 8.466516px 10.674811px, 8.473768px 10.893688px, 8.449412px 11.077897px, 8.392104px 11.231704px, 8.3005px 11.359375px, 8.173256px 11.465176px, 8.009028px 11.553373px, 7.806472px 11.628232px, 7.564244px 11.694019px, 7.281px 11.755px, 7.281px 11.755px, 6.858887px 11.862547px, 6.435016px 11.961976px, 6.009489px 12.053269px, 5.582408px 12.136408px, 5.153875px 12.211375px, 4.723992px 12.278152px, 4.292861px 12.336721px, 3.860584px 12.387064px, 3.427263px 12.429163px, 2.993px 12.463px, 2.993px 12.463px, 2.545484px 12.493657px, 2.154632px 12.575776px, 1.821488px 12.707179px, 1.547096px 12.885688px, 1.3325px 13.109125px, 1.178744px 13.375312px, 1.086872px 13.682071px, 1.057928px 14.027224px, 1.092956px 14.408593px, 1.193px 14.824px, 1.193px 14.824px, 1.382588px 15.49185px, 1.552904px 16.16432px, 1.703876px 16.84099px, 1.835432px 17.52144px, 1.9475px 18.20525px, 2.040008px 18.892px, 2.112884px 19.58127px, 2.166056px 20.27264px, 2.199452px 20.96569px, 2.213px 21.66px, 2.213px calc(50% - 0.8385px), 2.217105px calc(50% - 0.35458999999999px), 2.20996px calc(50% - -0.1277px), 2.183975px calc(50% - -0.60591px), 2.13156px calc(50% - -1.07758px), 2.045125px calc(50% - -1.54025px), 1.91708px calc(50% - -1.99146px), 1.739835px calc(50% - -2.42875px), 1.5058px calc(50% - -2.84966px), 1.207385px calc(50% - -3.25173px), 0.837px calc(50% - -3.6325px), 0.837px calc(50% - -3.6325px), 0.612261px calc(50% - -3.852623px), 0.420408px calc(50% - -4.095444px), 0.262287px calc(50% - -4.357441px), 0.138744px calc(50% - -4.635092px), 0.050625px calc(50% - -4.924875px), -0.001224px calc(50% - -5.223268px), -0.015957px calc(50% - -5.526749px), 0.007272px calc(50% - -5.831796px), 0.069309px calc(50% - -6.134887px), 0.171px calc(50% - -6.4325px), 0.171px calc(100% - 16.066px), 0.460894px calc(100% - 15.203665px), 0.717272px calc(100% - 14.33212px), 0.939978px calc(100% - 13.452355px), 1.128856px calc(100% - 12.56536px), 1.28375px calc(100% - 11.672125px), 1.404504px calc(100% - 10.77364px), 1.490962px calc(100% - 9.870895px), 1.542968px calc(100% - 8.96488px), 1.560366px calc(100% - 8.056585px), 1.543px calc(100% - 7.147px)); clip-path: polygon(1.543px calc(100% - 7.144px), 1.543px calc(100% - 7.144px), 1.50111px calc(100% - 6.622108px), 1.45736px calc(100% - 6.094264px), 1.42213px calc(100% - 5.562916px), 1.4058px calc(100% - 5.030512px), 1.41875px calc(100% - 4.4995px), 1.47136px calc(100% - 3.972328px), 1.57401px calc(100% - 3.451444px), 1.73708px calc(100% - 2.939296px), 1.97095px calc(100% - 2.438332px), 2.286px calc(100% - 1.951px), 2.286px calc(100% - 1.951px), 2.317825px calc(100% - 1.876068px), 2.34488px calc(100% - 1.799624px), 2.367135px calc(100% - 1.721896px), 2.38456px calc(100% - 1.643112px), 2.397125px calc(100% - 1.5635px), 2.4048px calc(100% - 1.483288px), 2.407555px calc(100% - 1.402704px), 2.40536px calc(100% - 1.321976px), 2.398185px calc(100% - 1.241332px), 2.386px calc(100% - 1.161px), 2.386px calc(100% - 1.161px), 2.386093px calc(100% - 0.917083px), 2.417584px calc(100% - 0.70666399999998px), 2.478691px calc(100% - 0.527841px), 2.567632px calc(100% - 0.37871199999999px), 2.682625px calc(100% - 0.257375px), 2.821888px calc(100% - 0.161928px), 2.983639px calc(100% - 0.090468999999999px), 3.166096px calc(100% - 0.041096000000003px), 3.367477px calc(100% - 0.011907000000008px), 3.586px calc(100% - 0.0010000000000119px), 3.586px calc(100% - 0.0010000000000048px), 3.699455px calc(100% - 0.0017599999999902px), 3.813px calc(100% - 0.0039599999999922px), 3.926605px calc(100% - 0.0074800000000081px), 4.04024px calc(100% - 0.0122px), 4.153875px calc(100% - 0.018000000000008px), 4.26748px calc(100% - 0.024760000000001px), 4.381025px calc(100% - 0.032360000000004px), 4.49448px calc(100% - 0.040680000000009px), 4.607815px calc(100% - 0.049599999999998px), 4.721px calc(100% - 0.059000000000012px), 4.721px calc(100% - 0.059000000000005px), 6.192213px calc(100% - 0.199158px), 7.664584px calc(100% - 0.32442399999999px), 9.138011px calc(100% - 0.43478600000001px), 10.612392px calc(100% - 0.530232px), 12.087625px calc(100% - 0.61075000000001px), 13.563608px calc(100% - 0.67632800000001px), 15.040239px calc(100% - 0.72695400000001px), 16.517416px calc(100% - 0.762616px), 17.995037px calc(100% - 0.78330200000001px), 19.473px calc(100% - 0.78900000000001px), 19.473px calc(100% - 0.789px), 21.365373px calc(100% - 0.757986px), 23.257704px calc(100% - 0.72580799999999px), 25.150011px calc(100% - 0.693762px), 27.042312px calc(100% - 0.663144px), 28.934625px calc(100% - 0.63525px), 30.826968px calc(100% - 0.611376px), 32.719359px calc(100% - 0.592818px), 34.611816px calc(100% - 0.580872px), 36.504357px calc(100% - 0.57683400000001px), 38.397px calc(100% - 0.58200000000001px), calc(50% - 25.7845px) calc(100% - 0.582px), calc(50% - 25.364002px) calc(100% - 0.58907799999999px), calc(50% - 24.942676px) calc(100% - 0.60370399999999px), calc(50% - 24.520774px) calc(100% - 0.623166px), calc(50% - 24.098548px) calc(100% - 0.644752px), calc(50% - 23.67625px) calc(100% - 0.66575px), calc(50% - 23.254132px) calc(100% - 0.683448px), calc(50% - 22.832446px) calc(100% - 0.695134px), calc(50% - 22.411444px) calc(100% - 0.69809599999999px), calc(50% - 21.991378px) calc(100% - 0.689622px), calc(50% - 21.5725px) calc(100% - 0.66700000000001px), calc(50% - 21.5725px) calc(100% - 0.667px), calc(50% - 20.446432px) calc(100% - 0.59593999999999px), calc(50% - 19.320076px) calc(100% - 0.54539999999999px), calc(50% - 18.193504px) calc(100% - 0.51184px), calc(50% - 17.066788px) calc(100% - 0.49171999999999px), calc(50% - 15.94px) calc(100% - 0.4815px), calc(50% - 14.813212px) calc(100% - 0.47764px), calc(50% - 13.686496px) calc(100% - 0.47659999999999px), calc(50% - 12.559924px) calc(100% - 0.47484px), calc(50% - 11.433568px) calc(100% - 0.46882px), calc(50% - 10.3075px) calc(100% - 0.45500000000001px), calc(50% - 10.3075px) calc(100% - 0.455px), calc(50% - 9.59342px) calc(100% - 0.432561px), calc(50% - 8.87922px) calc(100% - 0.41744799999999px), calc(50% - 8.16496px) calc(100% - 0.40966699999999px), calc(50% - 7.4507px) calc(100% - 0.40922399999999px), calc(50% - 6.7365px) calc(100% - 0.416125px), calc(50% - 6.02242px) calc(100% - 0.430376px), calc(50% - 5.30852px) calc(100% - 0.451983px), calc(50% - 4.59486px) calc(100% - 0.48095199999999px), calc(50% - 3.8815px) calc(100% - 0.517289px), calc(50% - 3.1685px) calc(100% - 0.56100000000001px), calc(50% - 3.1685px) calc(100% - 0.561px), calc(50% - 2.523958px) calc(100% - 0.596791px), calc(50% - 1.879164px) calc(100% - 0.62556799999999px), calc(50% - 1.234166px) calc(100% - 0.64733700000001px), calc(50% - 0.589012px) calc(100% - 0.662104px), calc(50% - -0.056250000000006px) calc(100% - 0.669875px), calc(50% - -0.70157200000001px) calc(100% - 0.670656px), calc(50% - -1.346906px) calc(100% - 0.66445299999999px), calc(50% - -1.992204px) calc(100% - 0.65127200000001px), calc(50% - -2.637418px) calc(100% - 0.631119px), calc(50% - -3.2825px) calc(100% - 0.60400000000001px), calc(50% - -3.2825px) calc(100% - 0.604px), calc(50% - -3.738797px) calc(100% - 0.60427599999999px), calc(50% - -4.193996px) calc(100% - 0.62240799999999px), calc(50% - -4.648259px) calc(100% - 0.653752px), calc(50% - -5.101748px) calc(100% - 0.693664px), calc(50% - -5.554625px) calc(100% - 0.7375px), calc(50% - -6.007052px) calc(100% - 0.780616px), calc(50% - -6.459191px) calc(100% - 0.81836800000001px), calc(50% - -6.911204px) calc(100% - 0.84611200000001px), calc(50% - -7.363253px) calc(100% - 0.859204px), calc(50% - -7.8155px) calc(100% - 0.85300000000001px), calc(50% - -7.8155px) calc(100% - 0.853px), calc(50% - -8.553092px) calc(100% - 0.793001px), calc(50% - -9.291476px) calc(100% - 0.74980799999999px), calc(50% - -10.030364px) calc(100% - 0.72342700000001px), calc(50% - -10.769468px) calc(100% - 0.713864px), calc(50% - -11.5085px) calc(100% - 0.72112499999999px), calc(50% - -12.247172px) calc(100% - 0.745216px), calc(50% - -12.985196px) calc(100% - 0.786143px), calc(50% - -13.722284px) calc(100% - 0.843912px), calc(50% - -14.458148px) calc(100% - 0.918529px), calc(50% - -15.1925px) calc(100% - 1.01px), calc(50% - -15.1925px) calc(100% - 1.01px), calc(50% - -15.255644px) calc(100% - 1.021698px), calc(50% - -15.319052px) calc(100% - 1.031584px), calc(50% - -15.382688px) calc(100% - 1.039646px), calc(50% - -15.446516px) calc(100% - 1.045872px), calc(50% - -15.5105px) calc(100% - 1.05025px), calc(50% - -15.574604px) calc(100% - 1.052768px), calc(50% - -15.638792px) calc(100% - 1.053414px), calc(50% - -15.703028px) calc(100% - 1.052176px), calc(50% - -15.767276px) calc(100% - 1.049042px), calc(50% - -15.8315px) calc(100% - 1.044px), calc(50% - -15.8315px) calc(100% - 1.044px), calc(50% - -16.900384px) calc(100% - 0.982502px), calc(50% - -17.969772px) calc(100% - 0.93241599999999px), calc(50% - -19.039568px) calc(100% - 0.893754px), calc(50% - -20.109676px) calc(100% - 0.866528px), calc(50% - -21.18px) calc(100% - 0.85075000000001px), calc(50% - -22.250444px) calc(100% - 0.846432px), calc(50% - -23.320912px) calc(100% - 0.853586px), calc(50% - -24.391308px) calc(100% - 0.872224px), calc(50% - -25.461536px) calc(100% - 0.90235800000001px), calc(50% - -26.5315px) calc(100% - 0.94400000000001px), calc(50% - -26.5315px) calc(100% - 0.944px), calc(50% - -27.583875px) calc(100% - 0.948855px), calc(50% - -28.63622px) calc(100% - 0.96147999999999px), calc(50% - -29.688565px) calc(100% - 0.97896500000001px), calc(50% - -30.74094px) calc(100% - 0.9984px), calc(50% - -31.793375px) calc(100% - 1.016875px), calc(50% - -32.8459px) calc(100% - 1.03148px), calc(50% - -33.898545px) calc(100% - 1.039305px), calc(50% - -34.95134px) calc(100% - 1.03744px), calc(50% - -36.004315px) calc(100% - 1.022975px), calc(50% - -37.0575px) calc(100% - 0.99300000000001px), calc(50% - -37.0575px) calc(100% - 0.993px), calc(50% - -37.57547px) calc(100% - 0.97704299999999px), calc(50% - -38.09374px) calc(100% - 0.96698399999999px), calc(50% - -38.61225px) calc(100% - 0.961941px), calc(50% - -39.13094px) calc(100% - 0.961032px), calc(50% - -39.64975px) calc(100% - 0.963375px), calc(50% - -40.16862px) calc(100% - 0.968088px), calc(50% - -40.68749px) calc(100% - 0.97428900000001px), calc(50% - -41.2063px) calc(100% - 0.981096px), calc(50% - -41.72499px) calc(100% - 0.987627px), calc(50% - -42.2435px) calc(100% - 0.99300000000001px), calc(100% - 21.938px) calc(100% - 0.993px), calc(100% - 21.840519px) calc(100% - 0.99477699999999px), calc(100% - 21.741352px) calc(100% - 1.001096px), calc(100% - 21.642413px) calc(100% - 1.013439px), calc(100% - 21.545616px) calc(100% - 1.033288px), calc(100% - 21.452875px) calc(100% - 1.062125px), calc(100% - 21.366104px) calc(100% - 1.101432px), calc(100% - 21.287217px) calc(100% - 1.152691px), calc(100% - 21.218128px) calc(100% - 1.217384px), calc(100% - 21.160751px) calc(100% - 1.296993px), calc(100% - 21.117px) calc(100% - 1.393px), calc(100% - 21.117px) calc(100% - 1.393px), calc(100% - 21.087597px) calc(100% - 1.531916px), calc(100% - 21.095856px) calc(100% - 1.645608px), calc(100% - 21.135279px) calc(100% - 1.738492px), calc(100% - 21.199368px) calc(100% - 1.814984px), calc(100% - 21.281625px) calc(100% - 1.8795px), calc(100% - 21.375552px) calc(100% - 1.936456px), calc(100% - 21.474651px) calc(100% - 1.990268px), calc(100% - 21.572424px) calc(100% - 2.045352px), calc(100% - 21.662373px) calc(100% - 2.106124px), calc(100% - 21.738px) calc(100% - 2.177px), calc(100% - 21.738px) calc(100% - 2.177px), calc(100% - 21.612408px) calc(100% - 2.307527px), calc(100% - 21.477384px) calc(100% - 2.426456px), calc(100% - 21.333756px) calc(100% - 2.533409px), calc(100% - 21.182352px) calc(100% - 2.628008px), calc(100% - 21.024px) calc(100% - 2.709875px), calc(100% - 20.859528px) calc(100% - 2.778632px), calc(100% - 20.689764px) calc(100% - 2.833901px), calc(100% - 20.515536px) calc(100% - 2.875304px), calc(100% - 20.337672px) calc(100% - 2.902463px), calc(100% - 20.157px) calc(100% - 2.915px), calc(100% - 20.157px) calc(100% - 2.915px), calc(100% - 19.699462px) calc(100% - 2.886922px), calc(100% - 19.243976px) calc(100% - 2.888376px), calc(100% - 18.790134px) calc(100% - 2.912894px), calc(100% - 18.337528px) calc(100% - 2.954008px), calc(100% - 17.88575px) calc(100% - 3.00525px), calc(100% - 17.434392px) calc(100% - 3.060152px), calc(100% - 16.983046px) calc(100% - 3.112246px), calc(100% - 16.531304px) calc(100% - 3.155064px), calc(100% - 16.078758px) calc(100% - 3.182138px), calc(100% - 15.625px) calc(100% - 3.187px), calc(100% - 15.625px) calc(100% - 3.187px), calc(100% - 14.833217px) calc(100% - 3.193419px), calc(100% - 14.042016px) calc(100% - 3.215072px), calc(100% - 13.251619px) calc(100% - 3.251953px), calc(100% - 12.462248px) calc(100% - 3.304056px), calc(100% - 11.674125px) calc(100% - 3.371375px), calc(100% - 10.887472px) calc(100% - 3.453904px), calc(100% - 10.102511px) calc(100% - 3.551637px), calc(100% - 9.319464px) calc(100% - 3.664568px), calc(100% - 8.538553px) calc(100% - 3.792691px), calc(100% - 7.76px) calc(100% - 3.936px), calc(100% - 7.76px) calc(100% - 3.936px), calc(100% - 7.661889px) calc(100% - 3.951135px), calc(100% - 7.561072px) calc(100% - 3.96468px), calc(100% - 7.459823px) calc(100% - 3.979245px), calc(100% - 7.360416px) calc(100% - 3.99744px), calc(100% - 7.265125px) calc(100% - 4.021875px), calc(100% - 7.176224px) calc(100% - 4.05516px), calc(100% - 7.095987px) calc(100% - 4.099905px), calc(100% - 7.026688px) calc(100% - 4.15872px), calc(100% - 6.970601px) calc(100% - 4.234215px), calc(100% - 6.93px) calc(100% - 4.329px), calc(100% - 6.93px) calc(100% - 4.329px), calc(100% - 6.840316px) calc(100% - 4.579528px), calc(100% - 6.720608px) calc(100% - 4.811984px), calc(100% - 6.573492px) calc(100% - 5.024376px), calc(100% - 6.401584px) calc(100% - 5.214712px), calc(100% - 6.2075px) calc(100% - 5.381px), calc(100% - 5.993856px) calc(100% - 5.521248px), calc(100% - 5.763268px) calc(100% - 5.633464px), calc(100% - 5.518352px) calc(100% - 5.715656px), calc(100% - 5.261724px) calc(100% - 5.765832px), calc(100% - 4.996px) calc(100% - 5.782px), calc(100% - 4.996px) calc(100% - 5.782px), calc(100% - 4.913784px) calc(100% - 5.792664px), calc(100% - 4.834352px) calc(100% - 5.812352px), calc(100% - 4.758328px) calc(100% - 5.840608px), calc(100% - 4.686336px) calc(100% - 5.876976px), calc(100% - 4.619px) calc(100% - 5.921px), calc(100% - 4.556944px) calc(100% - 5.972224px), calc(100% - 4.500792px) calc(100% - 6.030192px), calc(100% - 4.451168px) calc(100% - 6.094448px), calc(100% - 4.408696px) calc(100% - 6.164536px), calc(100% - 4.374px) calc(100% - 6.24px), calc(100% - 4.374px) calc(100% - 6.24px), calc(100% - 4.26417px) calc(100% - 6.461236px), calc(100% - 4.13508px) calc(100% - 6.638768px), calc(100% - 3.98853px) calc(100% - 6.777732px), calc(100% - 3.82632px) calc(100% - 6.883264px), calc(100% - 3.65025px) calc(100% - 6.9605px), calc(100% - 3.46212px) calc(100% - 7.014576px), calc(100% - 3.26373px) calc(100% - 7.050628px), calc(100% - 3.05688px) calc(100% - 7.073792px), calc(100% - 2.84337px) calc(100% - 7.089204px), calc(100% - 2.625px) calc(100% - 7.102px), calc(100% - 2.625px) calc(100% - 7.102px), calc(100% - 2.275432px) calc(100% - 7.137781px), calc(100% - 1.969256px) calc(100% - 7.202368px), calc(100% - 1.704264px) calc(100% - 7.297327px), calc(100% - 1.478248px) calc(100% - 7.424224px), calc(100% - 1.289px) calc(100% - 7.584625px), calc(100% - 1.134312px) calc(100% - 7.780096px), calc(100% - 1.011976px) calc(100% - 8.012203px), calc(100% - 0.91978399999999px) calc(100% - 8.282512px), calc(100% - 0.85552799999999px) calc(100% - 8.592589px), calc(100% - 0.81699999999999px) calc(100% - 8.944px), calc(100% - 0.81699999999999px) calc(100% - 8.944px), calc(100% - 0.81132799999997px) calc(100% - 9.041223px), calc(100% - 0.80810399999996px) calc(100% - 9.138464px), calc(100% - 0.807316px) calc(100% - 9.235681px), calc(100% - 0.80895199999999px) calc(100% - 9.332832px), calc(100% - 0.813px) calc(100% - 9.429875px), calc(100% - 0.81944799999999px) calc(100% - 9.526768px), calc(100% - 0.828284px) calc(100% - 9.623469px), calc(100% - 0.83949599999998px) calc(100% - 9.719936px), calc(100% - 0.853072px) calc(100% - 9.816127px), calc(100% - 0.869px) calc(100% - 9.912px), calc(100% - 0.869px) calc(100% - 9.912px), calc(100% - 0.94828999999999px) calc(100% - 10.311585px), calc(100% - 0.99847999999997px) calc(100% - 10.71372px), calc(100% - 1.01975px) calc(100% - 11.116875px), calc(100% - 1.01228px) calc(100% - 11.51952px), calc(100% - 0.97624999999999px) calc(100% - 11.920125px), calc(100% - 0.91183999999998px) calc(100% - 12.31716px), calc(100% - 0.81923px) calc(100% - 12.709095px), calc(100% - 0.6986px) calc(100% - 13.0944px), calc(100% - 0.55013000000001px) calc(100% - 13.471545px), calc(100% - 0.374px) calc(100% - 13.839px), calc(100% - 0.374px) calc(100% - 13.839px), calc(100% - 0.31205599999996px) calc(100% - 13.989153px), calc(100% - 0.25584799999996px) calc(100% - 14.141304px), calc(100% - 0.205412px) calc(100% - 14.295291px), calc(100% - 0.16078400000001px) calc(100% - 14.450952px), calc(100% - 0.12200000000001px) calc(100% - 14.608125px), calc(100% - 0.089096000000012px) calc(100% - 14.766648px), calc(100% - 0.062107999999995px) calc(100% - 14.926359px), calc(100% - 0.041072000000014px) calc(100% - 15.087096px), calc(100% - 0.026024000000007px) calc(100% - 15.248697px), calc(100% - 0.017000000000024px) calc(100% - 15.411px), calc(100% - 0.016999999999996px) calc(100% - 15.411px), calc(100% - -0.0083660000000236px) calc(100% - 15.523278px), calc(100% - -0.023928000000041px) calc(100% - 15.636504px), calc(100% - -0.029781999999983px) calc(100% - 15.750066px), calc(100% - -0.026024000000007px) calc(100% - 15.863352px), calc(100% - -0.012750000000011px) calc(100% - 15.97575px), calc(100% - 0.0099439999999902px) calc(100% - 16.086648px), calc(100% - 0.041962000000012px) calc(100% - 16.195434px), calc(100% - 0.083207999999985px) calc(100% - 16.301496px), calc(100% - 0.13358600000001px) calc(100% - 16.404222px), calc(100% - 0.19300000000004px) calc(100% - 16.503px), calc(100% - 0.19300000000001px) calc(100% - 16.503px), calc(100% - 0.26038199999999px) calc(100% - 16.596336px), calc(100% - 0.33497599999998px) calc(100% - 16.682928px), calc(100% - 0.41625400000001px) calc(100% - 16.762452px), calc(100% - 0.503688px) calc(100% - 16.834584px), calc(100% - 0.59675px) calc(100% - 16.899px), calc(100% - 0.694912px) calc(100% - 16.955376px), calc(100% - 0.79764599999999px) calc(100% - 17.003388px), calc(100% - 0.90442399999999px) calc(100% - 17.042712px), calc(100% - 1.014718px) calc(100% - 17.073024px), calc(100% - 1.128px) calc(100% - 17.094px), calc(100% - 1.128px) calc(100% - 17.094px), calc(100% - 1.268279px) calc(100% - 17.133179px), calc(100% - 1.408912px) calc(100% - 17.170912px), calc(100% - 1.549893px) calc(100% - 17.207193px), calc(100% - 1.691216px) calc(100% - 17.242016px), calc(100% - 1.832875px) calc(100% - 17.275375px), calc(100% - 1.974864px) calc(100% - 17.307264px), calc(100% - 2.117177px) calc(100% - 17.337677px), calc(100% - 2.259808px) calc(100% - 17.366608px), calc(100% - 2.402751px) calc(100% - 17.394051px), calc(100% - 2.546px) calc(100% - 17.42px), calc(100% - 2.546px) calc(100% - 17.42px), calc(100% - 2.851103px) calc(100% - 17.464592px), calc(100% - 3.156704px) calc(100% - 17.506016px), calc(100% - 3.462641px) calc(100% - 17.545244px), calc(100% - 3.768752px) calc(100% - 17.583248px), calc(100% - 4.074875px) calc(100% - 17.621px), calc(100% - 4.380848px) calc(100% - 17.659472px), calc(100% - 4.686509px) calc(100% - 17.699636px), calc(100% - 4.991696px) calc(100% - 17.742464px), calc(100% - 5.296247px) calc(100% - 17.788928px), calc(100% - 5.6px) calc(100% - 17.84px), calc(100% - 5.6px) calc(100% - 17.84px), calc(100% - 5.95438px) calc(100% - 17.908444px), calc(100% - 6.24804px) calc(100% - 17.981472px), calc(100% - 6.48596px) calc(100% - 18.065828px), calc(100% - 6.67312px) calc(100% - 18.168256px), calc(100% - 6.8145px) calc(100% - 18.2955px), calc(100% - 6.91508px) calc(100% - 18.454304px), calc(100% - 6.97984px) calc(100% - 18.651412px), calc(100% - 7.01376px) calc(100% - 18.893568px), calc(100% - 7.02182px) calc(100% - 19.187516px), calc(100% - 7.009px) calc(100% - 19.54px), calc(100% - 7.009px) calc(100% - 19.54px), calc(100% - 6.994961px) calc(100% - 20.529568px), calc(100% - 6.970848px) calc(100% - 21.518824px), calc(100% - 6.936667px) calc(100% - 22.507696px), calc(100% - 6.892424px) calc(100% - 23.496112px), calc(100% - 6.838125px) calc(100% - 24.484px), calc(100% - 6.773776px) calc(100% - 25.471288px), calc(100% - 6.699383px) calc(100% - 26.457904px), calc(100% - 6.614952px) calc(100% - 27.443776px), calc(100% - 6.520489px) calc(100% - 28.428832px), calc(100% - 6.416px) calc(100% - 29.413px), calc(100% - 6.416px) 15.584px, calc(100% - 6.38238px) 15.331168px, calc(100% - 6.36412px) 15.077184px, calc(100% - 6.36542px) 14.826416px, calc(100% - 6.39048px) 14.583232px, calc(100% - 6.4435px) 14.352px, calc(100% - 6.52868px) 14.137088px, calc(100% - 6.65022px) 13.942864px, calc(100% - 6.81232px) 13.773696px, calc(100% - 7.01918px) 13.633952px, calc(100% - 7.275px) 13.528px, calc(100% - 7.275px) 13.528px, calc(100% - 7.589227px) 13.407182px, calc(100% - 7.837136px) 13.262616px, calc(100% - 8.025969px) 13.096234px, calc(100% - 8.162968px) 12.909968px, calc(100% - 8.255375px) 12.70575px, calc(100% - 8.310432px) 12.485512px, calc(100% - 8.335381px) 12.251186px, calc(100% - 8.337464px) 12.004704px, calc(100% - 8.323923px) 11.747998px, calc(100% - 8.302px) 11.483px, calc(100% - 8.302px) 11.483px, calc(100% - 8.24984px) 10.737543px, calc(100% - 8.22096px) 9.991624px, calc(100% - 8.20966px) 9.245321px, calc(100% - 8.21024px) 8.498712px, calc(100% - 8.217px) 7.751875px, calc(100% - 8.22424px) 7.004888px, calc(100% - 8.22626px) 6.257829px, calc(100% - 8.21736px) 5.510776px, calc(100% - 8.19184px) 4.763807px, calc(100% - 8.144px) 4.017px, calc(100% - 8.144px) 4.017px, calc(100% - 8.128432px) 3.712714px, calc(100% - 8.137416px) 3.456392px, calc(100% - 8.173484px) 3.242838px, calc(100% - 8.239168px) 3.066856px, calc(100% - 8.337px) 2.92325px, calc(100% - 8.469512px) 2.806824px, calc(100% - 8.639236px) 2.712382px, calc(100% - 8.848704px) 2.634728px, calc(100% - 9.100448px) 2.568666px, calc(100% - 9.397px) 2.509px, calc(100% - 9.397px) 2.509px, calc(100% - 9.603907px) 2.46901px, calc(100% - 9.811216px) 2.43124px, calc(100% - 10.018909px) 2.39569px, calc(100% - 10.226968px) 2.36236px, calc(100% - 10.435375px) 2.33125px, calc(100% - 10.644112px) 2.30236px, calc(100% - 10.853161px) 2.27569px, calc(100% - 11.062504px) 2.25124px, calc(100% - 11.272123px) 2.22901px, calc(100% - 11.482px) 2.209px, calc(100% - 11.482px) 2.209px, calc(100% - 13.394795px) 2.077431px, calc(100% - 15.30816px) 1.958408px, calc(100% - 17.222065px) 1.852357px, calc(100% - 19.13648px) 1.759704px, calc(100% - 21.051375px) 1.680875px, calc(100% - 22.96672px) 1.616296px, calc(100% - 24.882485px) 1.566393px, calc(100% - 26.79864px) 1.531592px, calc(100% - 28.715155px) 1.512319px, calc(100% - 30.632px) 1.509px, calc(50% - -33.5495px) 1.509px, calc(50% - -30.090228px) 1.519546px, calc(50% - -26.631004px) 1.529888px, calc(50% - -23.171816px) 1.537782px, calc(50% - -19.712652px) 1.540984px, calc(50% - -16.2535px) 1.53725px, calc(50% - -12.794348px) 1.524336px, calc(50% - -9.335184px) 1.499998px, calc(50% - -5.875996px) 1.461992px, calc(50% - -2.416772px) 1.408074px, calc(50% - 1.0425px) 1.336px, calc(50% - 1.0425px) 1.336px, calc(50% - 3.073222px) 1.293524px, calc(50% - 5.103956px) 1.261752px, calc(50% - 7.134654px) 1.237468px, calc(50% - 9.165268px) 1.217456px, calc(50% - 11.19575px) 1.1985px, calc(50% - 13.226052px) 1.177384px, calc(50% - 15.256126px) 1.150892px, calc(50% - 17.285924px) 1.115808px, calc(50% - 19.315398px) 1.068916px, calc(50% - 21.3445px) 1.007px, calc(50% - 21.3445px) 1.007px, calc(50% - 22.934506px) 0.950015px, calc(50% - 24.524548px) 0.8906px, calc(50% - 26.114662px) 0.829565px, calc(50% - 27.704884px) 0.76772px, calc(50% - 29.29525px) 0.705875px, calc(50% - 30.885796px) 0.64484px, calc(50% - 32.476558px) 0.585425px, calc(50% - 34.067572px) 0.52844px, calc(50% - 35.658874px) 0.474695px, calc(50% - 37.2505px) 0.425px, calc(50% - 37.2505px) 0.425px, calc(50% - 38.435012px) 0.385984px, calc(50% - 39.619716px) 0.341592px, calc(50% - 40.804564px) 0.295508px, calc(50% - 41.989508px) 0.251416px, calc(50% - 43.1745px) 0.213px, calc(50% - 44.359492px) 0.183944px, calc(50% - 45.544436px) 0.167932px, calc(50% - 46.729284px) 0.168648px, calc(50% - 47.913988px) 0.189776px, calc(50% - 49.0985px) 0.235px, 15.083px 0.235px, 14.532235px 0.273311px, 13.98108px 0.298848px, 13.429745px 0.311617px, 12.87844px 0.311624px, 12.327375px 0.298875px, 11.77676px 0.273376px, 11.226805px 0.235133px, 10.67772px 0.184152px, 10.129715px 0.120439px, 9.583px 0.044px, 9.583px 0.044px, 9.389631px 0.008344px, 9.195488px -0.009408px, 9.001717px -0.009532px, 8.809464px 0.007696px, 8.619875px 0.042px, 8.434096px 0.093104px, 8.253273px 0.160732px, 8.078552px 0.244608px, 7.911079px 0.344456px, 7.752px 0.46px, 7.752px 0.46px, 7.604395px 0.589811px, 7.47032px 0.731328px, 7.350285px 0.883477px, 7.2448px 1.045184px, 7.154375px 1.215375px, 7.07952px 1.392976px, 7.020745px 1.576913px, 6.97856px 1.766112px, 6.953475px 1.959499px, 6.946px 2.156px, 6.946px 2.156px, 6.93978px 2.351539px, 6.94328px 2.546712px, 6.95644px 2.741153px, 6.9792px 2.934496px, 7.0115px 3.126375px, 7.05328px 3.316424px, 7.10448px 3.504277px, 7.16504px 3.689568px, 7.2349px 3.871931px, 7.314px 4.051px, 7.314px 4.051px, 7.553174px 4.665379px, 7.737352px 5.289352px, 7.876518px 5.921173px, 7.980656px 6.559096px, 8.05975px 7.201375px, 8.123784px 7.846264px, 8.182742px 8.492017px, 8.246608px 9.136888px, 8.325366px 9.779131px, 8.429px 10.417px, 8.429px 10.417px, 8.466516px 10.674811px, 8.473768px 10.893688px, 8.449412px 11.077897px, 8.392104px 11.231704px, 8.3005px 11.359375px, 8.173256px 11.465176px, 8.009028px 11.553373px, 7.806472px 11.628232px, 7.564244px 11.694019px, 7.281px 11.755px, 7.281px 11.755px, 6.858887px 11.862547px, 6.435016px 11.961976px, 6.009489px 12.053269px, 5.582408px 12.136408px, 5.153875px 12.211375px, 4.723992px 12.278152px, 4.292861px 12.336721px, 3.860584px 12.387064px, 3.427263px 12.429163px, 2.993px 12.463px, 2.993px 12.463px, 2.545484px 12.493657px, 2.154632px 12.575776px, 1.821488px 12.707179px, 1.547096px 12.885688px, 1.3325px 13.109125px, 1.178744px 13.375312px, 1.086872px 13.682071px, 1.057928px 14.027224px, 1.092956px 14.408593px, 1.193px 14.824px, 1.193px 14.824px, 1.382588px 15.49185px, 1.552904px 16.16432px, 1.703876px 16.84099px, 1.835432px 17.52144px, 1.9475px 18.20525px, 2.040008px 18.892px, 2.112884px 19.58127px, 2.166056px 20.27264px, 2.199452px 20.96569px, 2.213px 21.66px, 2.213px calc(50% - 0.8385px), 2.217105px calc(50% - 0.35458999999999px), 2.20996px calc(50% - -0.1277px), 2.183975px calc(50% - -0.60591px), 2.13156px calc(50% - -1.07758px), 2.045125px calc(50% - -1.54025px), 1.91708px calc(50% - -1.99146px), 1.739835px calc(50% - -2.42875px), 1.5058px calc(50% - -2.84966px), 1.207385px calc(50% - -3.25173px), 0.837px calc(50% - -3.6325px), 0.837px calc(50% - -3.6325px), 0.612261px calc(50% - -3.852623px), 0.420408px calc(50% - -4.095444px), 0.262287px calc(50% - -4.357441px), 0.138744px calc(50% - -4.635092px), 0.050625px calc(50% - -4.924875px), -0.001224px calc(50% - -5.223268px), -0.015957px calc(50% - -5.526749px), 0.007272px calc(50% - -5.831796px), 0.069309px calc(50% - -6.134887px), 0.171px calc(50% - -6.4325px), 0.171px calc(100% - 16.066px), 0.460894px calc(100% - 15.203665px), 0.717272px calc(100% - 14.33212px), 0.939978px calc(100% - 13.452355px), 1.128856px calc(100% - 12.56536px), 1.28375px calc(100% - 11.672125px), 1.404504px calc(100% - 10.77364px), 1.490962px calc(100% - 9.870895px), 1.542968px calc(100% - 8.96488px), 1.560366px calc(100% - 8.056585px), 1.543px calc(100% - 7.147px)); ; border: none; padding: 0.75em 1.75em; color: var(--color-secondary-light); background-color: var(--color-grey-80p); } .btn-highlight:hover, .btn-highlight:focus, .btn-highlight.focus, .btn-highlight:not(:disabled):not(.disabled):active, .btn-highlight:not(:disabled):not(.disabled).active { opacity: 1; color: var(--color-white); background-color: var(--color-default-80p); } .btn-highlight.active { color: var(--color-primary) !important; } .btn-highlight.reversed { -webkit-clip-path: polygon(1.624px 7.143px, 1.624px 7.143px, 1.580043px 6.621108px, 1.534064px 6.093264px, 1.497001px 5.561916px, 1.479792px 5.029512px, 1.493375px 4.4985px, 1.548688px 3.971328px, 1.656669px 3.450444px, 1.828256px 2.938296px, 2.074387px 2.437332px, 2.406px 1.95px, 2.406px 1.95px, 2.438905px 1.875311px, 2.4668px 1.799008px, 2.489655px 1.721337px, 2.50744px 1.642544px, 2.520125px 1.562875px, 2.52768px 1.482576px, 2.530075px 1.401893px, 2.52728px 1.321072px, 2.519265px 1.240359px, 2.506px 1.16px, 2.506px 1.16px, 2.506291px 0.916056px, 2.539528px 0.705568px, 2.603857px 0.526652px, 2.697424px 0.377424px, 2.818375px 0.256px, 2.964856px 0.160496px, 3.135013px 0.089028px, 3.326992px 0.039712px, 3.538939px 0.010664px, 3.769px 2.3314683517128E-18px, 3.769px 0px, 3.888994px 0.00076px, 4.008952px 0.00296px, 4.128838px 0.00648px, 4.248616px 0.0112px, 4.36825px 0.017px, 4.487704px 0.02376px, 4.606942px 0.03136px, 4.725928px 0.03968px, 4.844626px 0.0486px, 4.963px 0.058px, 4.963px 0.058px, 6.512472px 0.183254px, 8.062496px 0.303552px, 9.613084px 0.416398px, 11.164248px 0.519296px, 12.716px 0.60975px, 14.268352px 0.685264px, 15.821316px 0.743342px, 17.374904px 0.781488px, 18.929128px 0.797206px, 20.484px 0.788px, 20.484px 0.788px, 22.475045px 0.757714px, 24.466px 0.725952px, 26.456895px 0.694058px, 28.44776px 0.663376px, 30.438625px 0.63525px, 32.42952px 0.611024px, 34.420475px 0.592042px, 36.41152px 0.579648px, 38.402685px 0.575186px, 40.394px 0.58px, calc(50% - 27.1335px) 0.58px, calc(50% - 26.689886px) 0.587078px, calc(50% - 26.245948px) 0.601704px, calc(50% - 25.801842px) 0.621166px, calc(50% - 25.357724px) 0.642752px, calc(50% - 24.91375px) 0.66375px, calc(50% - 24.470076px) 0.681448px, calc(50% - 24.026858px) 0.693134px, calc(50% - 23.584252px) 0.696096px, calc(50% - 23.142414px) 0.687622px, calc(50% - 22.7015px) 0.665px, calc(50% - 22.7015px) 0.665px, calc(50% - 21.516984px) 0.59394px, calc(50% - 20.332252px) 0.5434px, calc(50% - 19.147328px) 0.50984px, calc(50% - 17.962236px) 0.48972px, calc(50% - 16.777px) 0.4795px, calc(50% - 15.591644px) 0.47564px, calc(50% - 14.406192px) 0.4746px, calc(50% - 13.220668px) 0.47284px, calc(50% - 12.035096px) 0.46682px, calc(50% - 10.8495px) 0.453px, calc(50% - 10.8495px) 0.453px, calc(50% - 10.101676px) 0.440686px, calc(50% - 9.352868px) 0.428888px, calc(50% - 8.603172px) 0.419322px, calc(50% - 7.852684px) 0.413704px, calc(50% - 7.1015px) 0.41375px, calc(50% - 6.349716px) 0.421176px, calc(50% - 5.597428px) 0.437698px, calc(50% - 4.844732px) 0.465032px, calc(50% - 4.091724px) 0.504894px, calc(50% - 3.3385px) 0.559px, calc(50% - 3.3385px) 0.559px, calc(50% - 2.660358px) 0.594519px, calc(50% - 1.981964px) 0.623072px, calc(50% - 1.303366px) 0.644653px, calc(50% - 0.62461200000001px) 0.659256px, calc(50% - -0.054249999999996px) 0.666875px, calc(50% - -0.733172px) 0.667504px, calc(50% - -1.412106px) 0.661137px, calc(50% - -2.091004px) 0.647768px, calc(50% - -2.769818px) 0.627391px, calc(50% - -3.4485px) 0.6px, calc(50% - -3.4485px) 0.6px, calc(50% - -3.92801px) 0.600276px, calc(50% - -4.40662px) 0.618408px, calc(50% - -4.88445px) 0.649752px, calc(50% - -5.36162px) 0.689664px, calc(50% - -5.83825px) 0.7335px, calc(50% - -6.31446px) 0.776616px, calc(50% - -6.79037px) 0.814368px, calc(50% - -7.2661px) 0.842112px, calc(50% - -7.74177px) 0.855204px, calc(50% - -8.2175px) 0.849px, calc(50% - -8.2175px) 0.849px, calc(50% - -8.993465px) 0.789001px, calc(50% - -9.77018px) 0.745808px, calc(50% - -10.547375px) 0.719427px, calc(50% - -11.32478px) 0.709864px, calc(50% - -12.102125px) 0.717125px, calc(50% - -12.87914px) 0.741216px, calc(50% - -13.655555px) 0.782143px, calc(50% - -14.4311px) 0.839912px, calc(50% - -15.205505px) 0.914529px, calc(50% - -15.9785px) 1.006px, calc(50% - -15.9785px) 1.006px, calc(50% - -16.044971px) 1.017698px, calc(50% - -16.111748px) 1.027584px, calc(50% - -16.178777px) 1.035646px, calc(50% - -16.246004px) 1.041872px, calc(50% - -16.313375px) 1.04625px, calc(50% - -16.380836px) 1.048768px, calc(50% - -16.448333px) 1.049414px, calc(50% - -16.515812px) 1.048176px, calc(50% - -16.583219px) 1.045042px, calc(50% - -16.6505px) 1.04px, calc(50% - -16.6505px) 1.04px, calc(50% - -17.775127px) 0.978502px, calc(50% - -18.900156px) 0.928416px, calc(50% - -20.025509px) 0.889754px, calc(50% - -21.151108px) 0.862528px, calc(50% - -22.276875px) 0.84675px, calc(50% - -23.402732px) 0.842432px, calc(50% - -24.528601px) 0.849586px, calc(50% - -25.654404px) 0.868224px, calc(50% - -26.780063px) 0.898358px, calc(50% - -27.9055px) 0.94px, calc(50% - -27.9055px) 0.94px, calc(50% - -29.012775px) 0.944855px, calc(50% - -30.12002px) 0.95748px, calc(50% - -31.227265px) 0.974965px, calc(50% - -32.33454px) 0.9944px, calc(50% - -33.441875px) 1.012875px, calc(50% - -34.5493px) 1.02748px, calc(50% - -35.656845px) 1.035305px, calc(50% - -36.76454px) 1.03344px, calc(50% - -37.872415px) 1.018975px, calc(50% - -38.9805px) 0.989px, calc(100% - 28.547px) 0.989px, calc(100% - 28.002029px) 0.973043px, calc(100% - 27.456752px) 0.962984px, calc(100% - 26.911223px) 0.957941px, calc(100% - 26.365496px) 0.957032px, calc(100% - 25.819625px) 0.959375px, calc(100% - 25.273664px) 0.964088px, calc(100% - 24.727667px) 0.970289px, calc(100% - 24.181688px) 0.977096px, calc(100% - 23.635781px) 0.983627px, calc(100% - 23.09px) 0.989px, calc(100% - 23.09px) 0.989px, calc(100% - 22.987238px) 0.990777px, calc(100% - 22.882544px) 0.997096px, calc(100% - 22.778006px) 1.009439px, calc(100% - 22.675712px) 1.029288px, calc(100% - 22.57775px) 1.058125px, calc(100% - 22.486208px) 1.097432px, calc(100% - 22.403174px) 1.148691px, calc(100% - 22.330736px) 1.213384px, calc(100% - 22.270982px) 1.292993px, calc(100% - 22.226px) 1.389px, calc(100% - 22.226px) 1.389px, calc(100% - 22.195091px) 1.527916px, calc(100% - 22.203968px) 1.641608px, calc(100% - 22.245737px) 1.734492px, calc(100% - 22.313504px) 1.810984px, calc(100% - 22.400375px) 1.8755px, calc(100% - 22.499456px) 1.932456px, calc(100% - 22.603853px) 1.986268px, calc(100% - 22.706672px) 2.041352px, calc(100% - 22.801019px) 2.102124px, calc(100% - 22.88px) 2.173px, calc(100% - 22.88px) 2.173px, calc(100% - 22.744983px) 2.30485px, calc(100% - 22.600864px) 2.42476px, calc(100% - 22.448441px) 2.53237px, calc(100% - 22.288512px) 2.62732px, calc(100% - 22.121875px) 2.70925px, calc(100% - 21.949328px) 2.7778px, calc(100% - 21.771669px) 2.83261px, calc(100% - 21.589696px) 2.87332px, calc(100% - 21.404207px) 2.89957px, calc(100% - 21.216px) 2.911px, calc(100% - 21.216px) 2.911px, calc(100% - 20.734547px) 2.882922px, calc(100% - 20.255296px) 2.884376px, calc(100% - 19.777809px) 2.908894px, calc(100% - 19.301648px) 2.950008px, calc(100% - 18.826375px) 3.00125px, calc(100% - 18.351552px) 3.056152px, calc(100% - 17.876741px) 3.108246px, calc(100% - 17.401504px) 3.151064px, calc(100% - 16.925403px) 3.178138px, calc(100% - 16.448px) 3.183px, calc(100% - 16.448px) 3.183px, calc(100% - 15.615685px) 3.189176px, calc(100% - 14.78388px) 3.210688px, calc(100% - 13.952795px) 3.247512px, calc(100% - 13.12264px) 3.299624px, calc(100% - 12.293625px) 3.367px, calc(100% - 11.46596px) 3.449616px, calc(100% - 10.639855px) 3.547448px, calc(100% - 9.81552px) 3.660472px, calc(100% - 8.993165px) 3.788664px, calc(100% - 8.173px) 3.932px, calc(100% - 8.173px) 3.932px, calc(100% - 8.069689px) 3.947135px, calc(100% - 7.963552px) 3.96068px, calc(100% - 7.856983px) 3.975245px, calc(100% - 7.752376px) 3.99344px, calc(100% - 7.652125px) 4.017875px, calc(100% - 7.558624px) 4.05116px, calc(100% - 7.474267px) 4.095905px, calc(100% - 7.401448px) 4.15472px, calc(100% - 7.342561px) 4.230215px, calc(100% - 7.3px) 4.325px, calc(100% - 7.3px) 4.325px, calc(100% - 7.198713px) 4.579713px, calc(100% - 7.067624px) 4.815184px, calc(100% - 6.909391px) 5.029511px, calc(100% - 6.726672px) 5.220792px, calc(100% - 6.522125px) 5.387125px, calc(100% - 6.298408px) 5.526608px, calc(100% - 6.058179px) 5.637339px, calc(100% - 5.804096px) 5.717416px, calc(100% - 5.538817px) 5.764937px, calc(100% - 5.265px) 5.778px, calc(100% - 5.265px) 5.778px, calc(100% - 5.180025px) 5.787584px, calc(100% - 5.09772px) 5.806432px, calc(100% - 5.018715px) 5.834088px, calc(100% - 4.94364px) 5.870096px, calc(100% - 4.873125px) 5.914px, calc(100% - 4.8078px) 5.965344px, calc(100% - 4.748295px) 6.023672px, calc(100% - 4.69524px) 6.088528px, calc(100% - 4.649265px) 6.159456px, calc(100% - 4.611px) 6.236px, calc(100% - 4.611px) 6.236px, calc(100% - 4.495274px) 6.457236px, calc(100% - 4.359352px) 6.634768px, calc(100% - 4.205118px) 6.773732px, calc(100% - 4.034456px) 6.879264px, calc(100% - 3.84925px) 6.9565px, calc(100% - 3.651384px) 7.010576px, calc(100% - 3.442742px) 7.046628px, calc(100% - 3.225208px) 7.069792px, calc(100% - 3.000666px) 7.085204px, calc(100% - 2.771px) 7.098px, calc(100% - 2.771px) 7.098px, calc(100% - 2.403115px) 7.133781px, calc(100% - 2.08092px) 7.198368px, calc(100% - 1.802105px) 7.293327px, calc(100% - 1.56436px) 7.420224px, calc(100% - 1.365375px) 7.580625px, calc(100% - 1.20284px) 7.776096px, calc(100% - 1.074445px) 8.008203px, calc(100% - 0.97788000000003px) 8.278512px, calc(100% - 0.91083499999999px) 8.588589px, calc(100% - 0.87100000000004px) 8.94px, calc(100% - 0.87100000000001px) 8.94px, calc(100% - 0.86506px) 9.037223px, calc(100% - 0.86163999999999px) 9.134464px, calc(100% - 0.86074000000002px) 9.231681px, calc(100% - 0.86236px) 9.328832px, calc(100% - 0.86650000000003px) 9.425875px, calc(100% - 0.87315999999998px) 9.522768px, calc(100% - 0.88234px) 9.619469px, calc(100% - 0.89404000000002px) 9.715936px, calc(100% - 0.90825999999998px) 9.812127px, calc(100% - 0.92500000000004px) 9.908px, calc(100% - 0.92500000000001px) 9.908px, calc(100% - 1.008287px) 10.308368px, calc(100% - 1.060896px) 10.711544px, calc(100% - 1.083049px) 11.115836px, calc(100% - 1.074968px) 11.519552px, calc(100% - 1.036875px) 11.921px, calc(100% - 0.96899200000001px) 12.318488px, calc(100% - 0.87154100000001px) 12.710324px, calc(100% - 0.74474400000003px) 13.094816px, calc(100% - 0.58882299999999px) 13.470272px, calc(100% - 0.40400000000002px) 13.835px, calc(100% - 0.404px) 13.835px, calc(100% - 0.33887799999997px) 13.98437px, calc(100% - 0.27974399999997px) 14.13596px, calc(100% - 0.22664600000002px) 14.28959px, calc(100% - 0.17963200000003px) 14.44508px, calc(100% - 0.13875000000002px) 14.60225px, calc(100% - 0.10404800000001px) 14.76092px, calc(100% - 0.075574000000017px) 14.92091px, calc(100% - 0.053376000000014px) 15.08204px, calc(100% - 0.037502000000018px) 15.24413px, calc(100% - 0.028000000000048px) 15.407px, calc(100% - 0.02800000000002px) 15.407px, calc(100% - 0.0034119999999973px) 15.521942px, calc(100% - -0.01102400000002px) 15.637736px, calc(100% - -0.015416000000016px) 15.753734px, calc(100% - -0.0098720000000014px) 15.869288px, calc(100% - 0.0055000000000121px) 15.98375px, calc(100% - 0.030591999999984px) 16.096472px, calc(100% - 0.065295999999989px) 16.206806px, calc(100% - 0.10950399999999px) 16.314104px, calc(100% - 0.16310800000002px) 16.417718px, calc(100% - 0.22600000000003px) 16.517px, calc(100% - 0.226px) 16.517px, calc(100% - 0.29703599999999px) 16.610696px, calc(100% - 0.37536799999998px) 16.697168px, calc(100% - 0.460432px) 16.776092px, calc(100% - 0.55166400000002px) 16.847144px, calc(100% - 0.64850000000001px) 16.91px, calc(100% - 0.75037599999999px) 16.964336px, calc(100% - 0.85672800000003px) 17.009828px, calc(100% - 0.966992px) 17.046152px, calc(100% - 1.080604px) 17.072984px, calc(100% - 1.197px) 17.09px, calc(100% - 1.197px) 17.09px, calc(100% - 1.345237px) 17.126803px, calc(100% - 1.493576px) 17.163744px, calc(100% - 1.642059px) 17.200421px, calc(100% - 1.790728px) 17.236432px, calc(100% - 1.939625px) 17.271375px, calc(100% - 2.088792px) 17.304848px, calc(100% - 2.238271px) 17.336449px, calc(100% - 2.388104px) 17.365776px, calc(100% - 2.538333px) 17.392427px, calc(100% - 2.689px) 17.416px, calc(100% - 2.689px) 17.416px, calc(100% - 3.01003px) 17.460592px, calc(100% - 3.3316px) 17.502016px, calc(100% - 3.65353px) 17.541244px, calc(100% - 3.97564px) 17.579248px, calc(100% - 4.29775px) 17.617px, calc(100% - 4.61968px) 17.655472px, calc(100% - 4.94125px) 17.695636px, calc(100% - 5.26228px) 17.738464px, calc(100% - 5.58259px) 17.784928px, calc(100% - 5.902px) 17.836px, calc(100% - 5.902px) 17.836px, calc(100% - 6.274813px) 17.904444px, calc(100% - 6.583744px) 17.977472px, calc(100% - 6.834031px) 18.061828px, calc(100% - 7.030912px) 18.164256px, calc(100% - 7.179625px) 18.2915px, calc(100% - 7.285408px) 18.450304px, calc(100% - 7.353499px) 18.647412px, calc(100% - 7.389136px) 18.889568px, calc(100% - 7.397557px) 19.183516px, calc(100% - 7.384px) 19.536px, calc(100% - 7.384px) 19.536px, calc(100% - 7.36912px) 20.525838px, calc(100% - 7.34368px) 21.515304px, calc(100% - 7.30768px) 22.504326px, calc(100% - 7.26112px) 23.492832px, calc(100% - 7.204px) 24.48075px, calc(100% - 7.13632px) 25.468008px, calc(100% - 7.05808px) 26.454534px, calc(100% - 6.96928px) 27.440256px, calc(100% - 6.86992px) 28.425102px, calc(100% - 6.7600000000001px) 29.409px, calc(100% - 6.76px) calc(100% - 15.588px), calc(100% - 6.724585px) calc(100% - 15.335168px), calc(100% - 6.70528px) calc(100% - 15.081184px), calc(100% - 6.706495px) calc(100% - 14.830416px), calc(100% - 6.73264px) calc(100% - 14.587232px), calc(100% - 6.788125px) calc(100% - 14.356px), calc(100% - 6.87736px) calc(100% - 14.141088px), calc(100% - 7.004755px) calc(100% - 13.946864px), calc(100% - 7.17472px) calc(100% - 13.777696px), calc(100% - 7.391665px) calc(100% - 13.637952px), calc(100% - 7.66px) calc(100% - 13.532px), calc(100% - 7.66px) calc(100% - 13.532px), calc(100% - 7.990643px) calc(100% - 13.411182px), calc(100% - 8.251464px) calc(100% - 13.266616px), calc(100% - 8.450101px) calc(100% - 13.100234px), calc(100% - 8.594192px) calc(100% - 12.913968px), calc(100% - 8.691375px) calc(100% - 12.70975px), calc(100% - 8.749288px) calc(100% - 12.489512px), calc(100% - 8.775569px) calc(100% - 12.255186px), calc(100% - 8.777856px) calc(100% - 12.008704px), calc(100% - 8.763787px) calc(100% - 11.751998px), calc(100% - 8.741px) calc(100% - 11.487px), calc(100% - 8.741px) calc(100% - 11.487px), calc(100% - 8.686213px) calc(100% - 10.741543px), calc(100% - 8.655864px) calc(100% - 9.995624px), calc(100% - 8.643971px) calc(100% - 9.249321px), calc(100% - 8.644552px) calc(100% - 8.502712px), calc(100% - 8.651625px) calc(100% - 7.755875px), calc(100% - 8.659208px) calc(100% - 7.008888px), calc(100% - 8.661319px) calc(100% - 6.261829px), calc(100% - 8.651976px) calc(100% - 5.514776px), calc(100% - 8.625197px) calc(100% - 4.767807px), calc(100% - 8.575px) calc(100% - 4.021px), calc(100% - 8.575px) calc(100% - 4.021px), calc(100% - 8.558633px) calc(100% - 3.716714px), calc(100% - 8.568264px) calc(100% - 3.460392px), calc(100% - 8.606491px) calc(100% - 3.246838px), calc(100% - 8.675912px) calc(100% - 3.070856px), calc(100% - 8.779125px) calc(100% - 2.92725px), calc(100% - 8.918728px) calc(100% - 2.810824px), calc(100% - 9.097319px) calc(100% - 2.716382px), calc(100% - 9.317496px) calc(100% - 2.638728px), calc(100% - 9.581857px) calc(100% - 2.572666px), calc(100% - 9.893px) calc(100% - 2.513px), calc(100% - 9.893px) calc(100% - 2.513px), calc(100% - 10.110978px) calc(100% - 2.47301px), calc(100% - 10.329304px) calc(100% - 2.43524px), calc(100% - 10.547966px) calc(100% - 2.39969px), calc(100% - 10.766952px) calc(100% - 2.36636px), calc(100% - 10.98625px) calc(100% - 2.33525px), calc(100% - 11.205848px) calc(100% - 2.30636px), calc(100% - 11.425734px) calc(100% - 2.27969px), calc(100% - 11.645896px) calc(100% - 2.25524px), calc(100% - 11.866322px) calc(100% - 2.23301px), calc(100% - 12.087px) calc(100% - 2.213px), calc(100% - 12.087px) calc(100% - 2.213px), calc(100% - 14.099425px) calc(100% - 2.081431px), calc(100% - 16.11248px) calc(100% - 1.962408px), calc(100% - 18.126135px) calc(100% - 1.856357px), calc(100% - 20.14036px) calc(100% - 1.763704px), calc(100% - 22.155125px) calc(100% - 1.684875px), calc(100% - 24.1704px) calc(100% - 1.620296px), calc(100% - 26.186155px) calc(100% - 1.570393px), calc(100% - 28.20236px) calc(100% - 1.535592px), calc(100% - 30.218985px) calc(100% - 1.516319px), calc(100% - 32.236px) calc(100% - 1.513px), calc(50% - -35.2915px) calc(100% - 1.513px), calc(50% - -31.651923px) calc(100% - 1.523546px), calc(50% - -28.012364px) calc(100% - 1.533888px), calc(50% - -24.372781px) calc(100% - 1.541782px), calc(50% - -20.733132px) calc(100% - 1.544984px), calc(50% - -17.093375px) calc(100% - 1.54125px), calc(50% - -13.453468px) calc(100% - 1.528336px), calc(50% - -9.813369px) calc(100% - 1.503998px), calc(50% - -6.173036px) calc(100% - 1.465992px), calc(50% - -2.532427px) calc(100% - 1.412074px), calc(50% - 1.1085px) calc(100% - 1.34px), calc(50% - 1.1085px) calc(100% - 1.34px), calc(50% - 3.243197px) calc(100% - 1.297524px), calc(50% - 5.378236px) calc(100% - 1.265752px), calc(50% - 7.513539px) calc(100% - 1.241468px), calc(50% - 9.649028px) calc(100% - 1.221456px), calc(50% - 11.784625px) calc(100% - 1.2025px), calc(50% - 13.920252px) calc(100% - 1.181384px), calc(50% - 16.055831px) calc(100% - 1.154892px), calc(50% - 18.191284px) calc(100% - 1.119808px), calc(50% - 20.326533px) calc(100% - 1.072916px), calc(50% - 22.4615px) calc(100% - 1.011px), calc(50% - 22.4615px) calc(100% - 1.011px), calc(50% - 24.135117px) calc(100% - 0.95401499999999px), calc(50% - 25.808596px) calc(100% - 0.89459999999999px), calc(50% - 27.481979px) calc(100% - 0.833565px), calc(50% - 29.155308px) calc(100% - 0.77171999999999px), calc(50% - 30.828625px) calc(100% - 0.709875px), calc(50% - 32.501972px) calc(100% - 0.64883999999999px), calc(50% - 34.175391px) calc(100% - 0.58942499999999px), calc(50% - 35.848924px) calc(100% - 0.53243999999999px), calc(50% - 37.522613px) calc(100% - 0.47869499999999px), calc(50% - 39.1965px) calc(100% - 0.429px), calc(50% - 39.1965px) calc(100% - 0.42899999999999px), calc(50% - 40.442704px) calc(100% - 0.38998399999999px), calc(50% - 41.688932px) calc(100% - 0.34559199999998px), calc(50% - 42.935208px) calc(100% - 0.299508px), calc(50% - 44.181556px) calc(100% - 0.255416px), calc(50% - 45.428px) calc(100% - 0.217px), calc(50% - 46.674564px) calc(100% - 0.187944px), calc(50% - 47.921272px) calc(100% - 0.171932px), calc(50% - 49.168148px) calc(100% - 0.172648px), calc(50% - 50.415216px) calc(100% - 0.193776px), calc(50% - 51.6625px) calc(100% - 0.239px), 15.865px calc(100% - 0.239px), 15.286034px calc(100% - 0.27704099999999px), 14.706672px calc(100% - 0.30236799999999px), 14.127118px calc(100% - 0.314987px), 13.547576px calc(100% - 0.314904px), 12.96825px calc(100% - 0.302125px), 12.389344px calc(100% - 0.276656px), 11.811062px calc(100% - 0.238503px), 11.233608px calc(100% - 0.18767200000001px), 10.657186px calc(100% - 0.124169px), 10.082px calc(100% - 0.048000000000009px), 10.082px calc(100% - 0.048000000000002px), 9.883926px calc(100% - 0.0082689999999843px), 9.684688px calc(100% - -0.013288000000017px), 9.485462px calc(100% - -0.016916999999999px), 9.287424px calc(100% - -0.0028640000000024px), 9.09175px calc(100% - 0.028624999999998px), 8.899616px calc(100% - 0.077303999999998px), 8.712198px calc(100% - 0.14292700000001px), 8.530672px calc(100% - 0.22524799999999px), 8.356214px calc(100% - 0.32402099999999px), 8.19px calc(100% - 0.43900000000001px), 8.19px calc(100% - 0.439px), 8.03484px calc(100% - 0.56821199999999px), 7.89312px calc(100% - 0.70973599999999px), 7.76538px calc(100% - 0.862504px), 7.65216px calc(100% - 1.025448px), 7.554px calc(100% - 1.1975px), 7.47144px calc(100% - 1.377592px), 7.40502px calc(100% - 1.564656px), 7.35528px calc(100% - 1.757624px), 7.32276px calc(100% - 1.955428px), 7.308px calc(100% - 2.157px), 7.308px calc(100% - 2.157px), 7.301475px calc(100% - 2.353376px), 7.30524px calc(100% - 2.549248px), 7.319205px calc(100% - 2.744232px), 7.34328px calc(100% - 2.937944px), 7.377375px calc(100% - 3.13px), 7.4214px calc(100% - 3.320016px), 7.475265px calc(100% - 3.507608px), 7.53888px calc(100% - 3.692392px), 7.612155px calc(100% - 3.873984px), 7.695px calc(100% - 4.052px), 7.695px calc(100% - 4.052px), 7.946166px calc(100% - 4.666379px), 8.139648px calc(100% - 5.290352px), 8.285922px calc(100% - 5.922173px), 8.395464px calc(100% - 6.560096px), 8.47875px calc(100% - 7.202375px), 8.546256px calc(100% - 7.847264px), 8.608458px calc(100% - 8.493017px), 8.675832px calc(100% - 9.137888px), 8.758854px calc(100% - 9.780131px), 8.868px calc(100% - 10.418px), 8.868px calc(100% - 10.418px), 8.907455px calc(100% - 10.675811px), 8.91508px calc(100% - 10.894688px), 8.889465px calc(100% - 11.078897px), 8.8292px calc(100% - 11.232704px), 8.732875px calc(100% - 11.360375px), 8.59908px calc(100% - 11.466176px), 8.426405px calc(100% - 11.554373px), 8.21344px calc(100% - 11.629232px), 7.958775px calc(100% - 11.695019px), 7.661px calc(100% - 11.756px), 7.661px calc(100% - 11.756px), 7.216361px calc(100% - 11.863547px), 6.769928px calc(100% - 11.962976px), 6.321827px calc(100% - 12.054269px), 5.872184px calc(100% - 12.137408px), 5.421125px calc(100% - 12.212375px), 4.968776px calc(100% - 12.279152px), 4.515263px calc(100% - 12.337721px), 4.060712px calc(100% - 12.388064px), 3.605249px calc(100% - 12.430163px), 3.149px calc(100% - 12.464px), 3.149px calc(100% - 12.464px), 2.678304px calc(100% - 12.494657px), 2.267152px calc(100% - 12.576776px), 1.916648px calc(100% - 12.708179px), 1.627896px calc(100% - 12.886688px), 1.402px calc(100% - 13.110125px), 1.240064px calc(100% - 13.376312px), 1.143192px calc(100% - 13.683071px), 1.112488px calc(100% - 14.028224px), 1.149056px calc(100% - 14.409593px), 1.254px calc(100% - 14.825px), 1.254px calc(100% - 14.825px), 1.453336px calc(100% - 15.491284px), 1.632488px calc(100% - 16.162632px), 1.791372px calc(100% - 16.838588px), 1.929904px calc(100% - 17.518696px), 2.048px calc(100% - 18.2025px), 2.145576px calc(100% - 18.889544px), 2.222548px calc(100% - 19.579372px), 2.278832px calc(100% - 20.271528px), 2.314344px calc(100% - 20.965556px), 2.329px calc(100% - 21.661px), 2.329px calc(50% - -0.8375px), 2.333168px calc(50% - -0.35359px), 2.325384px calc(50% - 0.1287px), 2.297716px calc(50% - 0.60691000000001px), 2.242232px calc(50% - 1.07858px), 2.151px calc(50% - 1.54125px), 2.016088px calc(50% - 1.99246px), 1.829564px calc(50% - 2.42975px), 1.583496px calc(50% - 2.85066px), 1.269952px calc(50% - 3.25273px), 0.881px calc(50% - 3.6335px), 0.881px 18.865px, 0.646021px 18.650844px, 0.445128px 18.411752px, 0.279287px 18.151588px, 0.149464px 17.874216px, 0.056625px 17.5835px, 0.0017360000000001px 17.283304px, -0.014237px 16.977492px, 0.009672px 16.669928px, 0.074429px 16.364476px, 0.181px 16.065px, 0.181px 16.065px, 0.48568px 15.20547px, 0.7552px 14.3358px, 0.98938px 13.45707px, 1.18804px 12.57036px, 1.351px 11.67675px, 1.47808px 10.77732px, 1.5691px 9.87315px, 1.62388px 8.96532px, 1.64224px 8.05491px, 1.624px 7.143px); clip-path: polygon(1.624px 7.143px, 1.624px 7.143px, 1.580043px 6.621108px, 1.534064px 6.093264px, 1.497001px 5.561916px, 1.479792px 5.029512px, 1.493375px 4.4985px, 1.548688px 3.971328px, 1.656669px 3.450444px, 1.828256px 2.938296px, 2.074387px 2.437332px, 2.406px 1.95px, 2.406px 1.95px, 2.438905px 1.875311px, 2.4668px 1.799008px, 2.489655px 1.721337px, 2.50744px 1.642544px, 2.520125px 1.562875px, 2.52768px 1.482576px, 2.530075px 1.401893px, 2.52728px 1.321072px, 2.519265px 1.240359px, 2.506px 1.16px, 2.506px 1.16px, 2.506291px 0.916056px, 2.539528px 0.705568px, 2.603857px 0.526652px, 2.697424px 0.377424px, 2.818375px 0.256px, 2.964856px 0.160496px, 3.135013px 0.089028px, 3.326992px 0.039712px, 3.538939px 0.010664px, 3.769px 2.3314683517128E-18px, 3.769px 0px, 3.888994px 0.00076px, 4.008952px 0.00296px, 4.128838px 0.00648px, 4.248616px 0.0112px, 4.36825px 0.017px, 4.487704px 0.02376px, 4.606942px 0.03136px, 4.725928px 0.03968px, 4.844626px 0.0486px, 4.963px 0.058px, 4.963px 0.058px, 6.512472px 0.183254px, 8.062496px 0.303552px, 9.613084px 0.416398px, 11.164248px 0.519296px, 12.716px 0.60975px, 14.268352px 0.685264px, 15.821316px 0.743342px, 17.374904px 0.781488px, 18.929128px 0.797206px, 20.484px 0.788px, 20.484px 0.788px, 22.475045px 0.757714px, 24.466px 0.725952px, 26.456895px 0.694058px, 28.44776px 0.663376px, 30.438625px 0.63525px, 32.42952px 0.611024px, 34.420475px 0.592042px, 36.41152px 0.579648px, 38.402685px 0.575186px, 40.394px 0.58px, calc(50% - 27.1335px) 0.58px, calc(50% - 26.689886px) 0.587078px, calc(50% - 26.245948px) 0.601704px, calc(50% - 25.801842px) 0.621166px, calc(50% - 25.357724px) 0.642752px, calc(50% - 24.91375px) 0.66375px, calc(50% - 24.470076px) 0.681448px, calc(50% - 24.026858px) 0.693134px, calc(50% - 23.584252px) 0.696096px, calc(50% - 23.142414px) 0.687622px, calc(50% - 22.7015px) 0.665px, calc(50% - 22.7015px) 0.665px, calc(50% - 21.516984px) 0.59394px, calc(50% - 20.332252px) 0.5434px, calc(50% - 19.147328px) 0.50984px, calc(50% - 17.962236px) 0.48972px, calc(50% - 16.777px) 0.4795px, calc(50% - 15.591644px) 0.47564px, calc(50% - 14.406192px) 0.4746px, calc(50% - 13.220668px) 0.47284px, calc(50% - 12.035096px) 0.46682px, calc(50% - 10.8495px) 0.453px, calc(50% - 10.8495px) 0.453px, calc(50% - 10.101676px) 0.440686px, calc(50% - 9.352868px) 0.428888px, calc(50% - 8.603172px) 0.419322px, calc(50% - 7.852684px) 0.413704px, calc(50% - 7.1015px) 0.41375px, calc(50% - 6.349716px) 0.421176px, calc(50% - 5.597428px) 0.437698px, calc(50% - 4.844732px) 0.465032px, calc(50% - 4.091724px) 0.504894px, calc(50% - 3.3385px) 0.559px, calc(50% - 3.3385px) 0.559px, calc(50% - 2.660358px) 0.594519px, calc(50% - 1.981964px) 0.623072px, calc(50% - 1.303366px) 0.644653px, calc(50% - 0.62461200000001px) 0.659256px, calc(50% - -0.054249999999996px) 0.666875px, calc(50% - -0.733172px) 0.667504px, calc(50% - -1.412106px) 0.661137px, calc(50% - -2.091004px) 0.647768px, calc(50% - -2.769818px) 0.627391px, calc(50% - -3.4485px) 0.6px, calc(50% - -3.4485px) 0.6px, calc(50% - -3.92801px) 0.600276px, calc(50% - -4.40662px) 0.618408px, calc(50% - -4.88445px) 0.649752px, calc(50% - -5.36162px) 0.689664px, calc(50% - -5.83825px) 0.7335px, calc(50% - -6.31446px) 0.776616px, calc(50% - -6.79037px) 0.814368px, calc(50% - -7.2661px) 0.842112px, calc(50% - -7.74177px) 0.855204px, calc(50% - -8.2175px) 0.849px, calc(50% - -8.2175px) 0.849px, calc(50% - -8.993465px) 0.789001px, calc(50% - -9.77018px) 0.745808px, calc(50% - -10.547375px) 0.719427px, calc(50% - -11.32478px) 0.709864px, calc(50% - -12.102125px) 0.717125px, calc(50% - -12.87914px) 0.741216px, calc(50% - -13.655555px) 0.782143px, calc(50% - -14.4311px) 0.839912px, calc(50% - -15.205505px) 0.914529px, calc(50% - -15.9785px) 1.006px, calc(50% - -15.9785px) 1.006px, calc(50% - -16.044971px) 1.017698px, calc(50% - -16.111748px) 1.027584px, calc(50% - -16.178777px) 1.035646px, calc(50% - -16.246004px) 1.041872px, calc(50% - -16.313375px) 1.04625px, calc(50% - -16.380836px) 1.048768px, calc(50% - -16.448333px) 1.049414px, calc(50% - -16.515812px) 1.048176px, calc(50% - -16.583219px) 1.045042px, calc(50% - -16.6505px) 1.04px, calc(50% - -16.6505px) 1.04px, calc(50% - -17.775127px) 0.978502px, calc(50% - -18.900156px) 0.928416px, calc(50% - -20.025509px) 0.889754px, calc(50% - -21.151108px) 0.862528px, calc(50% - -22.276875px) 0.84675px, calc(50% - -23.402732px) 0.842432px, calc(50% - -24.528601px) 0.849586px, calc(50% - -25.654404px) 0.868224px, calc(50% - -26.780063px) 0.898358px, calc(50% - -27.9055px) 0.94px, calc(50% - -27.9055px) 0.94px, calc(50% - -29.012775px) 0.944855px, calc(50% - -30.12002px) 0.95748px, calc(50% - -31.227265px) 0.974965px, calc(50% - -32.33454px) 0.9944px, calc(50% - -33.441875px) 1.012875px, calc(50% - -34.5493px) 1.02748px, calc(50% - -35.656845px) 1.035305px, calc(50% - -36.76454px) 1.03344px, calc(50% - -37.872415px) 1.018975px, calc(50% - -38.9805px) 0.989px, calc(100% - 28.547px) 0.989px, calc(100% - 28.002029px) 0.973043px, calc(100% - 27.456752px) 0.962984px, calc(100% - 26.911223px) 0.957941px, calc(100% - 26.365496px) 0.957032px, calc(100% - 25.819625px) 0.959375px, calc(100% - 25.273664px) 0.964088px, calc(100% - 24.727667px) 0.970289px, calc(100% - 24.181688px) 0.977096px, calc(100% - 23.635781px) 0.983627px, calc(100% - 23.09px) 0.989px, calc(100% - 23.09px) 0.989px, calc(100% - 22.987238px) 0.990777px, calc(100% - 22.882544px) 0.997096px, calc(100% - 22.778006px) 1.009439px, calc(100% - 22.675712px) 1.029288px, calc(100% - 22.57775px) 1.058125px, calc(100% - 22.486208px) 1.097432px, calc(100% - 22.403174px) 1.148691px, calc(100% - 22.330736px) 1.213384px, calc(100% - 22.270982px) 1.292993px, calc(100% - 22.226px) 1.389px, calc(100% - 22.226px) 1.389px, calc(100% - 22.195091px) 1.527916px, calc(100% - 22.203968px) 1.641608px, calc(100% - 22.245737px) 1.734492px, calc(100% - 22.313504px) 1.810984px, calc(100% - 22.400375px) 1.8755px, calc(100% - 22.499456px) 1.932456px, calc(100% - 22.603853px) 1.986268px, calc(100% - 22.706672px) 2.041352px, calc(100% - 22.801019px) 2.102124px, calc(100% - 22.88px) 2.173px, calc(100% - 22.88px) 2.173px, calc(100% - 22.744983px) 2.30485px, calc(100% - 22.600864px) 2.42476px, calc(100% - 22.448441px) 2.53237px, calc(100% - 22.288512px) 2.62732px, calc(100% - 22.121875px) 2.70925px, calc(100% - 21.949328px) 2.7778px, calc(100% - 21.771669px) 2.83261px, calc(100% - 21.589696px) 2.87332px, calc(100% - 21.404207px) 2.89957px, calc(100% - 21.216px) 2.911px, calc(100% - 21.216px) 2.911px, calc(100% - 20.734547px) 2.882922px, calc(100% - 20.255296px) 2.884376px, calc(100% - 19.777809px) 2.908894px, calc(100% - 19.301648px) 2.950008px, calc(100% - 18.826375px) 3.00125px, calc(100% - 18.351552px) 3.056152px, calc(100% - 17.876741px) 3.108246px, calc(100% - 17.401504px) 3.151064px, calc(100% - 16.925403px) 3.178138px, calc(100% - 16.448px) 3.183px, calc(100% - 16.448px) 3.183px, calc(100% - 15.615685px) 3.189176px, calc(100% - 14.78388px) 3.210688px, calc(100% - 13.952795px) 3.247512px, calc(100% - 13.12264px) 3.299624px, calc(100% - 12.293625px) 3.367px, calc(100% - 11.46596px) 3.449616px, calc(100% - 10.639855px) 3.547448px, calc(100% - 9.81552px) 3.660472px, calc(100% - 8.993165px) 3.788664px, calc(100% - 8.173px) 3.932px, calc(100% - 8.173px) 3.932px, calc(100% - 8.069689px) 3.947135px, calc(100% - 7.963552px) 3.96068px, calc(100% - 7.856983px) 3.975245px, calc(100% - 7.752376px) 3.99344px, calc(100% - 7.652125px) 4.017875px, calc(100% - 7.558624px) 4.05116px, calc(100% - 7.474267px) 4.095905px, calc(100% - 7.401448px) 4.15472px, calc(100% - 7.342561px) 4.230215px, calc(100% - 7.3px) 4.325px, calc(100% - 7.3px) 4.325px, calc(100% - 7.198713px) 4.579713px, calc(100% - 7.067624px) 4.815184px, calc(100% - 6.909391px) 5.029511px, calc(100% - 6.726672px) 5.220792px, calc(100% - 6.522125px) 5.387125px, calc(100% - 6.298408px) 5.526608px, calc(100% - 6.058179px) 5.637339px, calc(100% - 5.804096px) 5.717416px, calc(100% - 5.538817px) 5.764937px, calc(100% - 5.265px) 5.778px, calc(100% - 5.265px) 5.778px, calc(100% - 5.180025px) 5.787584px, calc(100% - 5.09772px) 5.806432px, calc(100% - 5.018715px) 5.834088px, calc(100% - 4.94364px) 5.870096px, calc(100% - 4.873125px) 5.914px, calc(100% - 4.8078px) 5.965344px, calc(100% - 4.748295px) 6.023672px, calc(100% - 4.69524px) 6.088528px, calc(100% - 4.649265px) 6.159456px, calc(100% - 4.611px) 6.236px, calc(100% - 4.611px) 6.236px, calc(100% - 4.495274px) 6.457236px, calc(100% - 4.359352px) 6.634768px, calc(100% - 4.205118px) 6.773732px, calc(100% - 4.034456px) 6.879264px, calc(100% - 3.84925px) 6.9565px, calc(100% - 3.651384px) 7.010576px, calc(100% - 3.442742px) 7.046628px, calc(100% - 3.225208px) 7.069792px, calc(100% - 3.000666px) 7.085204px, calc(100% - 2.771px) 7.098px, calc(100% - 2.771px) 7.098px, calc(100% - 2.403115px) 7.133781px, calc(100% - 2.08092px) 7.198368px, calc(100% - 1.802105px) 7.293327px, calc(100% - 1.56436px) 7.420224px, calc(100% - 1.365375px) 7.580625px, calc(100% - 1.20284px) 7.776096px, calc(100% - 1.074445px) 8.008203px, calc(100% - 0.97788000000003px) 8.278512px, calc(100% - 0.91083499999999px) 8.588589px, calc(100% - 0.87100000000004px) 8.94px, calc(100% - 0.87100000000001px) 8.94px, calc(100% - 0.86506px) 9.037223px, calc(100% - 0.86163999999999px) 9.134464px, calc(100% - 0.86074000000002px) 9.231681px, calc(100% - 0.86236px) 9.328832px, calc(100% - 0.86650000000003px) 9.425875px, calc(100% - 0.87315999999998px) 9.522768px, calc(100% - 0.88234px) 9.619469px, calc(100% - 0.89404000000002px) 9.715936px, calc(100% - 0.90825999999998px) 9.812127px, calc(100% - 0.92500000000004px) 9.908px, calc(100% - 0.92500000000001px) 9.908px, calc(100% - 1.008287px) 10.308368px, calc(100% - 1.060896px) 10.711544px, calc(100% - 1.083049px) 11.115836px, calc(100% - 1.074968px) 11.519552px, calc(100% - 1.036875px) 11.921px, calc(100% - 0.96899200000001px) 12.318488px, calc(100% - 0.87154100000001px) 12.710324px, calc(100% - 0.74474400000003px) 13.094816px, calc(100% - 0.58882299999999px) 13.470272px, calc(100% - 0.40400000000002px) 13.835px, calc(100% - 0.404px) 13.835px, calc(100% - 0.33887799999997px) 13.98437px, calc(100% - 0.27974399999997px) 14.13596px, calc(100% - 0.22664600000002px) 14.28959px, calc(100% - 0.17963200000003px) 14.44508px, calc(100% - 0.13875000000002px) 14.60225px, calc(100% - 0.10404800000001px) 14.76092px, calc(100% - 0.075574000000017px) 14.92091px, calc(100% - 0.053376000000014px) 15.08204px, calc(100% - 0.037502000000018px) 15.24413px, calc(100% - 0.028000000000048px) 15.407px, calc(100% - 0.02800000000002px) 15.407px, calc(100% - 0.0034119999999973px) 15.521942px, calc(100% - -0.01102400000002px) 15.637736px, calc(100% - -0.015416000000016px) 15.753734px, calc(100% - -0.0098720000000014px) 15.869288px, calc(100% - 0.0055000000000121px) 15.98375px, calc(100% - 0.030591999999984px) 16.096472px, calc(100% - 0.065295999999989px) 16.206806px, calc(100% - 0.10950399999999px) 16.314104px, calc(100% - 0.16310800000002px) 16.417718px, calc(100% - 0.22600000000003px) 16.517px, calc(100% - 0.226px) 16.517px, calc(100% - 0.29703599999999px) 16.610696px, calc(100% - 0.37536799999998px) 16.697168px, calc(100% - 0.460432px) 16.776092px, calc(100% - 0.55166400000002px) 16.847144px, calc(100% - 0.64850000000001px) 16.91px, calc(100% - 0.75037599999999px) 16.964336px, calc(100% - 0.85672800000003px) 17.009828px, calc(100% - 0.966992px) 17.046152px, calc(100% - 1.080604px) 17.072984px, calc(100% - 1.197px) 17.09px, calc(100% - 1.197px) 17.09px, calc(100% - 1.345237px) 17.126803px, calc(100% - 1.493576px) 17.163744px, calc(100% - 1.642059px) 17.200421px, calc(100% - 1.790728px) 17.236432px, calc(100% - 1.939625px) 17.271375px, calc(100% - 2.088792px) 17.304848px, calc(100% - 2.238271px) 17.336449px, calc(100% - 2.388104px) 17.365776px, calc(100% - 2.538333px) 17.392427px, calc(100% - 2.689px) 17.416px, calc(100% - 2.689px) 17.416px, calc(100% - 3.01003px) 17.460592px, calc(100% - 3.3316px) 17.502016px, calc(100% - 3.65353px) 17.541244px, calc(100% - 3.97564px) 17.579248px, calc(100% - 4.29775px) 17.617px, calc(100% - 4.61968px) 17.655472px, calc(100% - 4.94125px) 17.695636px, calc(100% - 5.26228px) 17.738464px, calc(100% - 5.58259px) 17.784928px, calc(100% - 5.902px) 17.836px, calc(100% - 5.902px) 17.836px, calc(100% - 6.274813px) 17.904444px, calc(100% - 6.583744px) 17.977472px, calc(100% - 6.834031px) 18.061828px, calc(100% - 7.030912px) 18.164256px, calc(100% - 7.179625px) 18.2915px, calc(100% - 7.285408px) 18.450304px, calc(100% - 7.353499px) 18.647412px, calc(100% - 7.389136px) 18.889568px, calc(100% - 7.397557px) 19.183516px, calc(100% - 7.384px) 19.536px, calc(100% - 7.384px) 19.536px, calc(100% - 7.36912px) 20.525838px, calc(100% - 7.34368px) 21.515304px, calc(100% - 7.30768px) 22.504326px, calc(100% - 7.26112px) 23.492832px, calc(100% - 7.204px) 24.48075px, calc(100% - 7.13632px) 25.468008px, calc(100% - 7.05808px) 26.454534px, calc(100% - 6.96928px) 27.440256px, calc(100% - 6.86992px) 28.425102px, calc(100% - 6.7600000000001px) 29.409px, calc(100% - 6.76px) calc(100% - 15.588px), calc(100% - 6.724585px) calc(100% - 15.335168px), calc(100% - 6.70528px) calc(100% - 15.081184px), calc(100% - 6.706495px) calc(100% - 14.830416px), calc(100% - 6.73264px) calc(100% - 14.587232px), calc(100% - 6.788125px) calc(100% - 14.356px), calc(100% - 6.87736px) calc(100% - 14.141088px), calc(100% - 7.004755px) calc(100% - 13.946864px), calc(100% - 7.17472px) calc(100% - 13.777696px), calc(100% - 7.391665px) calc(100% - 13.637952px), calc(100% - 7.66px) calc(100% - 13.532px), calc(100% - 7.66px) calc(100% - 13.532px), calc(100% - 7.990643px) calc(100% - 13.411182px), calc(100% - 8.251464px) calc(100% - 13.266616px), calc(100% - 8.450101px) calc(100% - 13.100234px), calc(100% - 8.594192px) calc(100% - 12.913968px), calc(100% - 8.691375px) calc(100% - 12.70975px), calc(100% - 8.749288px) calc(100% - 12.489512px), calc(100% - 8.775569px) calc(100% - 12.255186px), calc(100% - 8.777856px) calc(100% - 12.008704px), calc(100% - 8.763787px) calc(100% - 11.751998px), calc(100% - 8.741px) calc(100% - 11.487px), calc(100% - 8.741px) calc(100% - 11.487px), calc(100% - 8.686213px) calc(100% - 10.741543px), calc(100% - 8.655864px) calc(100% - 9.995624px), calc(100% - 8.643971px) calc(100% - 9.249321px), calc(100% - 8.644552px) calc(100% - 8.502712px), calc(100% - 8.651625px) calc(100% - 7.755875px), calc(100% - 8.659208px) calc(100% - 7.008888px), calc(100% - 8.661319px) calc(100% - 6.261829px), calc(100% - 8.651976px) calc(100% - 5.514776px), calc(100% - 8.625197px) calc(100% - 4.767807px), calc(100% - 8.575px) calc(100% - 4.021px), calc(100% - 8.575px) calc(100% - 4.021px), calc(100% - 8.558633px) calc(100% - 3.716714px), calc(100% - 8.568264px) calc(100% - 3.460392px), calc(100% - 8.606491px) calc(100% - 3.246838px), calc(100% - 8.675912px) calc(100% - 3.070856px), calc(100% - 8.779125px) calc(100% - 2.92725px), calc(100% - 8.918728px) calc(100% - 2.810824px), calc(100% - 9.097319px) calc(100% - 2.716382px), calc(100% - 9.317496px) calc(100% - 2.638728px), calc(100% - 9.581857px) calc(100% - 2.572666px), calc(100% - 9.893px) calc(100% - 2.513px), calc(100% - 9.893px) calc(100% - 2.513px), calc(100% - 10.110978px) calc(100% - 2.47301px), calc(100% - 10.329304px) calc(100% - 2.43524px), calc(100% - 10.547966px) calc(100% - 2.39969px), calc(100% - 10.766952px) calc(100% - 2.36636px), calc(100% - 10.98625px) calc(100% - 2.33525px), calc(100% - 11.205848px) calc(100% - 2.30636px), calc(100% - 11.425734px) calc(100% - 2.27969px), calc(100% - 11.645896px) calc(100% - 2.25524px), calc(100% - 11.866322px) calc(100% - 2.23301px), calc(100% - 12.087px) calc(100% - 2.213px), calc(100% - 12.087px) calc(100% - 2.213px), calc(100% - 14.099425px) calc(100% - 2.081431px), calc(100% - 16.11248px) calc(100% - 1.962408px), calc(100% - 18.126135px) calc(100% - 1.856357px), calc(100% - 20.14036px) calc(100% - 1.763704px), calc(100% - 22.155125px) calc(100% - 1.684875px), calc(100% - 24.1704px) calc(100% - 1.620296px), calc(100% - 26.186155px) calc(100% - 1.570393px), calc(100% - 28.20236px) calc(100% - 1.535592px), calc(100% - 30.218985px) calc(100% - 1.516319px), calc(100% - 32.236px) calc(100% - 1.513px), calc(50% - -35.2915px) calc(100% - 1.513px), calc(50% - -31.651923px) calc(100% - 1.523546px), calc(50% - -28.012364px) calc(100% - 1.533888px), calc(50% - -24.372781px) calc(100% - 1.541782px), calc(50% - -20.733132px) calc(100% - 1.544984px), calc(50% - -17.093375px) calc(100% - 1.54125px), calc(50% - -13.453468px) calc(100% - 1.528336px), calc(50% - -9.813369px) calc(100% - 1.503998px), calc(50% - -6.173036px) calc(100% - 1.465992px), calc(50% - -2.532427px) calc(100% - 1.412074px), calc(50% - 1.1085px) calc(100% - 1.34px), calc(50% - 1.1085px) calc(100% - 1.34px), calc(50% - 3.243197px) calc(100% - 1.297524px), calc(50% - 5.378236px) calc(100% - 1.265752px), calc(50% - 7.513539px) calc(100% - 1.241468px), calc(50% - 9.649028px) calc(100% - 1.221456px), calc(50% - 11.784625px) calc(100% - 1.2025px), calc(50% - 13.920252px) calc(100% - 1.181384px), calc(50% - 16.055831px) calc(100% - 1.154892px), calc(50% - 18.191284px) calc(100% - 1.119808px), calc(50% - 20.326533px) calc(100% - 1.072916px), calc(50% - 22.4615px) calc(100% - 1.011px), calc(50% - 22.4615px) calc(100% - 1.011px), calc(50% - 24.135117px) calc(100% - 0.95401499999999px), calc(50% - 25.808596px) calc(100% - 0.89459999999999px), calc(50% - 27.481979px) calc(100% - 0.833565px), calc(50% - 29.155308px) calc(100% - 0.77171999999999px), calc(50% - 30.828625px) calc(100% - 0.709875px), calc(50% - 32.501972px) calc(100% - 0.64883999999999px), calc(50% - 34.175391px) calc(100% - 0.58942499999999px), calc(50% - 35.848924px) calc(100% - 0.53243999999999px), calc(50% - 37.522613px) calc(100% - 0.47869499999999px), calc(50% - 39.1965px) calc(100% - 0.429px), calc(50% - 39.1965px) calc(100% - 0.42899999999999px), calc(50% - 40.442704px) calc(100% - 0.38998399999999px), calc(50% - 41.688932px) calc(100% - 0.34559199999998px), calc(50% - 42.935208px) calc(100% - 0.299508px), calc(50% - 44.181556px) calc(100% - 0.255416px), calc(50% - 45.428px) calc(100% - 0.217px), calc(50% - 46.674564px) calc(100% - 0.187944px), calc(50% - 47.921272px) calc(100% - 0.171932px), calc(50% - 49.168148px) calc(100% - 0.172648px), calc(50% - 50.415216px) calc(100% - 0.193776px), calc(50% - 51.6625px) calc(100% - 0.239px), 15.865px calc(100% - 0.239px), 15.286034px calc(100% - 0.27704099999999px), 14.706672px calc(100% - 0.30236799999999px), 14.127118px calc(100% - 0.314987px), 13.547576px calc(100% - 0.314904px), 12.96825px calc(100% - 0.302125px), 12.389344px calc(100% - 0.276656px), 11.811062px calc(100% - 0.238503px), 11.233608px calc(100% - 0.18767200000001px), 10.657186px calc(100% - 0.124169px), 10.082px calc(100% - 0.048000000000009px), 10.082px calc(100% - 0.048000000000002px), 9.883926px calc(100% - 0.0082689999999843px), 9.684688px calc(100% - -0.013288000000017px), 9.485462px calc(100% - -0.016916999999999px), 9.287424px calc(100% - -0.0028640000000024px), 9.09175px calc(100% - 0.028624999999998px), 8.899616px calc(100% - 0.077303999999998px), 8.712198px calc(100% - 0.14292700000001px), 8.530672px calc(100% - 0.22524799999999px), 8.356214px calc(100% - 0.32402099999999px), 8.19px calc(100% - 0.43900000000001px), 8.19px calc(100% - 0.439px), 8.03484px calc(100% - 0.56821199999999px), 7.89312px calc(100% - 0.70973599999999px), 7.76538px calc(100% - 0.862504px), 7.65216px calc(100% - 1.025448px), 7.554px calc(100% - 1.1975px), 7.47144px calc(100% - 1.377592px), 7.40502px calc(100% - 1.564656px), 7.35528px calc(100% - 1.757624px), 7.32276px calc(100% - 1.955428px), 7.308px calc(100% - 2.157px), 7.308px calc(100% - 2.157px), 7.301475px calc(100% - 2.353376px), 7.30524px calc(100% - 2.549248px), 7.319205px calc(100% - 2.744232px), 7.34328px calc(100% - 2.937944px), 7.377375px calc(100% - 3.13px), 7.4214px calc(100% - 3.320016px), 7.475265px calc(100% - 3.507608px), 7.53888px calc(100% - 3.692392px), 7.612155px calc(100% - 3.873984px), 7.695px calc(100% - 4.052px), 7.695px calc(100% - 4.052px), 7.946166px calc(100% - 4.666379px), 8.139648px calc(100% - 5.290352px), 8.285922px calc(100% - 5.922173px), 8.395464px calc(100% - 6.560096px), 8.47875px calc(100% - 7.202375px), 8.546256px calc(100% - 7.847264px), 8.608458px calc(100% - 8.493017px), 8.675832px calc(100% - 9.137888px), 8.758854px calc(100% - 9.780131px), 8.868px calc(100% - 10.418px), 8.868px calc(100% - 10.418px), 8.907455px calc(100% - 10.675811px), 8.91508px calc(100% - 10.894688px), 8.889465px calc(100% - 11.078897px), 8.8292px calc(100% - 11.232704px), 8.732875px calc(100% - 11.360375px), 8.59908px calc(100% - 11.466176px), 8.426405px calc(100% - 11.554373px), 8.21344px calc(100% - 11.629232px), 7.958775px calc(100% - 11.695019px), 7.661px calc(100% - 11.756px), 7.661px calc(100% - 11.756px), 7.216361px calc(100% - 11.863547px), 6.769928px calc(100% - 11.962976px), 6.321827px calc(100% - 12.054269px), 5.872184px calc(100% - 12.137408px), 5.421125px calc(100% - 12.212375px), 4.968776px calc(100% - 12.279152px), 4.515263px calc(100% - 12.337721px), 4.060712px calc(100% - 12.388064px), 3.605249px calc(100% - 12.430163px), 3.149px calc(100% - 12.464px), 3.149px calc(100% - 12.464px), 2.678304px calc(100% - 12.494657px), 2.267152px calc(100% - 12.576776px), 1.916648px calc(100% - 12.708179px), 1.627896px calc(100% - 12.886688px), 1.402px calc(100% - 13.110125px), 1.240064px calc(100% - 13.376312px), 1.143192px calc(100% - 13.683071px), 1.112488px calc(100% - 14.028224px), 1.149056px calc(100% - 14.409593px), 1.254px calc(100% - 14.825px), 1.254px calc(100% - 14.825px), 1.453336px calc(100% - 15.491284px), 1.632488px calc(100% - 16.162632px), 1.791372px calc(100% - 16.838588px), 1.929904px calc(100% - 17.518696px), 2.048px calc(100% - 18.2025px), 2.145576px calc(100% - 18.889544px), 2.222548px calc(100% - 19.579372px), 2.278832px calc(100% - 20.271528px), 2.314344px calc(100% - 20.965556px), 2.329px calc(100% - 21.661px), 2.329px calc(50% - -0.8375px), 2.333168px calc(50% - -0.35359px), 2.325384px calc(50% - 0.1287px), 2.297716px calc(50% - 0.60691000000001px), 2.242232px calc(50% - 1.07858px), 2.151px calc(50% - 1.54125px), 2.016088px calc(50% - 1.99246px), 1.829564px calc(50% - 2.42975px), 1.583496px calc(50% - 2.85066px), 1.269952px calc(50% - 3.25273px), 0.881px calc(50% - 3.6335px), 0.881px 18.865px, 0.646021px 18.650844px, 0.445128px 18.411752px, 0.279287px 18.151588px, 0.149464px 17.874216px, 0.056625px 17.5835px, 0.0017360000000001px 17.283304px, -0.014237px 16.977492px, 0.009672px 16.669928px, 0.074429px 16.364476px, 0.181px 16.065px, 0.181px 16.065px, 0.48568px 15.20547px, 0.7552px 14.3358px, 0.98938px 13.45707px, 1.18804px 12.57036px, 1.351px 11.67675px, 1.47808px 10.77732px, 1.5691px 9.87315px, 1.62388px 8.96532px, 1.64224px 8.05491px, 1.624px 7.143px); ; } /** * Icons - Font Awesome * -------------------- */ .icon-fa-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon-fa-wrapper > .svg-inline--fa { -ms-flex-negative: 0; flex-shrink: 0; } /* Icons - Font Awesome - Prepend & Append */ .icon-fa-prepend { margin-right: var(--icon-fa-attach); } .icon-fa-append { margin-left: var(--icon-fa-attach); } /* Icons - Font Awesome - Layers */ .fa-layers { display: inline-block; height: 1em; position: relative; text-align: center; vertical-align: -.125em; width: 1em; } .fa-layers i { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; height: 1em; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .fa-layers i::before { font-size: 0.6em; } /** * Menus * ----- */ .menu, .sub-menu { padding-left: 0; } .menu-item:not(:last-child) { margin-bottom: 0; } .menu .menu-item::before { display: none; } .menu .menu-item a { display: block; line-height: var(--line-sm); } .menu .menu-item a:not(.underline-hover) { background-image: none; background-size: auto; background-position-y: 0%; background-repeat: repeat; } /* Menus - Types - Collapse */ .menu-type-collapse .menu-item { margin: 0 -1rem; } .menu-type-collapse .menu-item-has-children { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .menu-type-collapse .menu-item a { padding: 1rem; } .menu-type-collapse .menu-item-has-children > a { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .menu-type-collapse .sub-menu-toggler { border: 0; font-size: inherit; } .menu-type-collapse .sub-menu-toggler .fa-chevron-down, .menu-type-collapse .sub-menu-toggler[aria-expanded="true"] .fa-chevron-up { width: 1em; } .menu-type-collapse .sub-menu-toggler .fa-chevron-up, .menu-type-collapse .sub-menu-toggler[aria-expanded="true"] .fa-chevron-down { width: 0.1px; } .menu-type-collapse .sub-menu { width: 100%; margin: 0 1rem; padding: 0 1rem; } /* Menus - Locations - Header - Shared Main & Drawer */ .menu-header-main .menu-item a, .menu-header-drawer .menu-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: var(--font-secondary); font-weight: var(--weight-light); text-transform: uppercase; } .menu-header-main .menu-item a:hover, .menu-header-main .menu-item a:focus, .menu-header-main .menu-item a.focus, .menu-header-main .menu-item a:active, .menu-header-main .menu-item a.active, .menu-header-main .menu-item:hover > a, .menu-header-main .menu-item:focus > a, .menu-header-main .menu-item.focus > a, .menu-header-main .menu-item:active > a, .menu-header-main .menu-item.active > a, .menu-header-main .menu-item.current-menu-item > a, .menu-header-main .menu-item.current-menu-parent > a, .menu-header-drawer .menu-item a:active, .menu-header-drawer .menu-item a.active, .menu-header-drawer .menu-item.current-menu-item > a, .menu-header-drawer .menu-item.current-menu-parent > a, .menu-header-drawer .menu-item-has-children .sub-menu-toggler:focus + a, .menu-header-drawer .menu-item-has-children .sub-menu-toggler[aria-expanded="true"] + a { color: var(--color-white); } .menu-header-main .menu-item a::before { content: ''; display: inline-block; width: 0.25em; height: 0.25em; border-radius: 50%; margin-right: 1.5rem; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; } .menu-header-main .menu-item a:hover::before, .menu-header-main .menu-item a:focus::before, .menu-header-main .menu-item a.focus::before, .menu-header-main .menu-item a:active::before, .menu-header-main .menu-item a.active::before, .menu-header-main .menu-item:hover > a::before, .menu-header-main .menu-item:focus > a::before, .menu-header-main .menu-item.focus > a::before, .menu-header-main .menu-item:active > a::before, .menu-header-main .menu-item.active > a::before, .menu-header-main .menu-item.current-menu-item > a::before, .menu-header-main .menu-item.current-menu-parent > a::before, .menu-header-drawer .menu-item a:hover::before, .menu-header-drawer .menu-item a:focus::before, .menu-header-drawer .menu-item a.focus::before, .menu-header-drawer .menu-item a:active::before, .menu-header-drawer .menu-item a.active::before, .menu-header-drawer .menu-item:hover > a::before, .menu-header-drawer .menu-item:focus > a::before, .menu-header-drawer .menu-item.focus > a::before, .menu-header-drawer .menu-item:active > a::before, .menu-header-drawer .menu-item.active > a::before, .menu-header-drawer .menu-item.current-menu-item > a::before, .menu-header-drawer .menu-item.current-menu-parent > a::before, .menu-header-drawer .menu-item-has-children .sub-menu-toggler:focus + a::before, .menu-header-drawer .menu-item-has-children .sub-menu-toggler[aria-expanded="true"] + a::before { background-color: var(--color-primary); } .menu-header-main .menu-item-has-children .sub-menu .menu-item, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item { background-color: var(--color-default); } .menu-header-main .menu-item-has-children .sub-menu .menu-item a, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item a { padding-top: 0.75rem; padding-bottom: 0.75rem; color: var(--color-secondary); } .menu-header-main .menu-item-has-children .sub-menu .menu-item:last-child > a, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item:last-child > a { padding-bottom: 3rem; } .menu-header-main .menu-item-has-children .sub-menu .menu-item a:hover, .menu-header-main .menu-item-has-children .sub-menu .menu-item a:focus, .menu-header-main .menu-item-has-children .sub-menu .menu-item a.focus, .menu-header-main .menu-item-has-children .sub-menu .menu-item a:active, .menu-header-main .menu-item-has-children .sub-menu .menu-item a.active, .menu-header-main .menu-item-has-children .sub-menu .menu-item:hover > a, .menu-header-main .menu-item-has-children .sub-menu .menu-item:focus > a, .menu-header-main .menu-item-has-children .sub-menu .menu-item.focus > a, .menu-header-main .menu-item-has-children .sub-menu .menu-item:active > a, .menu-header-main .menu-item-has-children .sub-menu .menu-item.active > a, .menu-header-main .menu-item-has-children .sub-menu .menu-item.current-menu-item > a, .menu-header-main .menu-item-has-children .sub-menu .menu-item.current-menu-parent > a, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item a:hover, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item a:focus, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item a.focus, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item a:active, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item a.active, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item:hover > a, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item:focus > a, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item.focus > a, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item:active > a, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item.active > a, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item.current-menu-item > a, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item.current-menu-parent > a { color: var(--color-white); } .menu-header-main .menu-item-has-children .sub-menu .menu-item a::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item a::before { height: calc((1em * var(--line-sm)) + 1.5rem); border-radius: 0; margin-top: -0.75rem; margin-bottom: -0.75rem; } .menu-header-main .menu-item-has-children .sub-menu .menu-item:first-child > a::before, .menu-header-main .menu-item-has-children .sub-menu .menu-item:last-child > a::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item:first-child > a::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item:last-child > a::before { height: calc((1em * var(--line-sm)) + 0.75rem); } .menu-header-main .menu-item-has-children .sub-menu .menu-item:first-child > a::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item:first-child > a::before { border-top-right-radius: 9999px; border-top-left-radius: 9999px; margin-top: 0; } .menu-header-main .menu-item-has-children .sub-menu .menu-item:last-child > a::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item:last-child > a::before { border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px; margin-bottom: 0; } /* Menus - Locations - Header - Main */ .menu-header-main { font-size: var(--font-size-lg); } .menu-header-main .menu-item a { padding: 3rem 2rem; height: 100%; color: var(--color-grey); } @media (min-width: 1200px) { .menu-header-main .menu-item a { padding-left: 3rem; padding-right: 3rem; } } .menu-header-main .menu-item a::before { background-color: var(--color-primary-50p); } .menu-header-main .menu-item-has-children .sub-menu { /* Variables */ --triangle-height: calc(1.5rem + 0.25em); display: none; right: -1.5rem; left: -1.5rem; padding-top: calc(var(--triangle-height) + 0.5rem); font-size: var(--font-size-default); } .menu-header-main .menu-item-has-children .sub-menu::before { content: ''; position: absolute; display: inline-block; width: 0; height: 0; top: 0.5rem; left: 4.5rem; border-right: calc(var(--triangle-height) / 2) solid transparent; border-bottom: var(--triangle-height) solid var(--color-default); border-left: calc(var(--triangle-height) / 2) solid transparent; } .menu-header-main .menu-item-has-children .sub-menu .menu-item a { padding-right: 4.5rem; padding-left: 4.5rem; } .menu-header-main .menu-item-has-children .sub-menu .menu-item:first-child > a { padding-top: 3rem; } /* Menus - Locations - Header - Drawer */ .menu-header-drawer { position: relative; font-size: var(--font-size-xl); } .menu-header-drawer .menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0.75rem 0; } .menu-header-drawer .menu-item a { opacity: 0; visibility: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 1rem; padding: 1.5rem 2.5rem; -webkit-transform: translateY(1.5em); -ms-transform: translateY(1.5em); transform: translateY(1.5em); -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); color: var(--color-default); } .menu-header-drawer .menu-item a:active, .menu-header-drawer .menu-item a.active, .menu-header-drawer .menu-item.current-menu-item > a, .menu-header-drawer .menu-item.current-menu-parent > a, .menu-header-drawer .menu-item-has-children .sub-menu-toggler:focus + a, .menu-header-drawer .menu-item-has-children .sub-menu-toggler[aria-expanded="true"] + a { background-color: var(--color-default); } .menu-header-drawer .menu-item a::before { background-color: var(--color-white); } .menu-type-collapse .menu-item-has-children > a { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial; } .menu-header-drawer .menu-item-has-children .sub-menu-toggler { display: none; padding: 1.5rem 3rem 1.5rem 1.5rem; } .menu-header-drawer .menu-item-has-children .sub-menu-toggler:hover, .menu-header-drawer .menu-item-has-children .sub-menu-toggler:focus, .menu-header-drawer .menu-item-has-children .sub-menu-toggler.focus, .menu-header-drawer .menu-item-has-children .sub-menu-toggler:active, .menu-header-drawer .menu-item-has-children .sub-menu-toggler.active, .menu-header-drawer .menu-item-has-children .sub-menu-toggler[aria-expanded="true"], .menu-header-drawer .menu-item-has-children:hover > .sub-menu-toggler, .menu-header-drawer .menu-item-has-children:focus > .sub-menu-toggler, .menu-header-drawer .menu-item-has-children.focus > .sub-menu-toggler, .menu-header-drawer .menu-item-has-children:active > .sub-menu-toggler, .menu-header-drawer .menu-item-has-children.active > .sub-menu-toggler, .menu-header-drawer .menu-item-has-children.current-menu-item > .sub-menu-toggler, .menu-header-drawer .menu-item-has-children.current-menu-parent > .sub-menu-toggler { color: var(--color-white); background-color: var(--color-default); } .menu-header-drawer .menu-item-has-children .sub-menu { padding: 0; margin: 0; font-size: var(--font-size-sm); } .menu-header-drawer .menu-item-has-children .sub-menu .menu-item a { background-color: transparent; } .menu-header-drawer .menu-item-has-children .sub-menu .menu-item:first-child > a { padding-top: 1.5rem; } .menu-header-drawer .menu-item-has-children .sub-menu .menu-item a::before { background-color: var(--color-primary-50p); } .menu-header-drawer .menu-item-has-children .sub-menu .menu-item a:hover::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item a:focus::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item a.focus::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item a:active::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item a.active::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item:hover > a::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item:focus > a::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item.focus > a::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item:active > a::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item.active > a::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item.current-menu-item > a::before, .menu-header-drawer .menu-item-has-children .sub-menu .menu-item.current-menu-parent > a::before { background-color: var(--color-primary); } .navbar-brand, .navbar-toolbar { position: relative; z-index: 1; } body.header-drawer-open .navbar-brand path { fill: var(--color-black); } body.header-drawer-open .header-main .navbar-toolbar .navbar-link, body.header-drawer-open .header-main .navbar-toggler { color: var(--color-black); } .header-drawer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-top: var(--navbar-height); width: 100vw; height: calc(var(--viewport-height, 100vh) - var(--wp-admin-bar-height)); -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); opacity: 0; visibility: hidden; z-index: -1; } .header-drawer .drawer-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: scroll; position: relative; width: 100%; z-index: 1; } .header-drawer .drawer-menu > * { pointer-events: all; } @media (min-height: 576px) { .header-drawer .menu-header-drawer-container { margin-bottom: var(--navbar-height); } } .header-drawer .list-social-media { --order: 6; /* The order of the menu item */ margin: 1rem 0 !important; opacity: 0; visibility: hidden; -webkit-transform: translateY(1.5em); -ms-transform: translateY(1.5em); transform: translateY(1.5em); -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); } .header-drawer .list-social-media .fa-layers { background-color: transparent; } .header-drawer .list-social-media .fa-layers svg.clone { color: var(--color-white); } body.header-drawer-open .header-drawer { opacity: 1; visibility: visible; z-index: 0; } header::before { content: ''; position: absolute; top: 0; right: 0; left: 0; min-height: 0; height: var(--navbar-height); max-height: var(--navbar-height); -webkit-transition: all var(--transition-default-ease); -o-transition: all var(--transition-default-ease); transition: all var(--transition-default-ease); background-color: var(--color-default); } body.header-drawer-open header::before { min-height: calc(var(--viewport-height, 100vh) - var(--wp-admin-bar-height)); height: calc(var(--viewport-height, 100vh) - var(--wp-admin-bar-height)); background-color: var(--color-primary); } body.header-drawer-open .menu-header-drawer .menu-item a, body.header-drawer-open .header-drawer .list-social-media { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: calc(150ms + (var(--order) * 50ms)); -o-transition-delay: calc(150ms + (var(--order) * 50ms)); transition-delay: calc(150ms + (var(--order) * 50ms)); } /* Menus - Locations - Footer */ .menu-footer-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { .menu-footer-container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .menu-footer { margin-bottom: 0.75rem; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; } @media (min-width: 992px) { .menu-footer { margin-bottom: 1.5rem; -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; } } .menu-footer .menu-item { margin-bottom: 0.75rem; } @media (min-width: 992px) { .menu-footer .menu-item { margin-bottom: 1.5rem; } } @media (max-width: 767px) { .menu-footer .menu-item { text-align: center; } } .menu-footer .menu-item a { display: initial; font-weight: var(--weight-default); line-height: var(--line-default); } .menu-footer .menu-item.current-menu-item > a { color: var(--color-white); } /** * Bubbles * ------- */ .bubble { /* Variables */ --bubble-outline: 0.15em; font-size: 1.6rem; line-height: var(--line-sm); width: 100%; min-width: 20em; max-width: 30em; color: var(--color-grey-dark); } .bubble-body { position: relative; padding: 1em 2em; text-align: center; -webkit-clip-path: polygon(0 0, 100% 0.1em, calc(100% - 0.7em) calc(100% - 0.3em), 50% 100%, 50% calc(100% - 0.1em), 0.5em calc(100% - 0.1em)); clip-path: polygon(0 0, 100% 0.1em, calc(100% - 0.7em) calc(100% - 0.3em), 50% 100%, 50% calc(100% - 0.1em), 0.5em calc(100% - 0.1em)); background-color: var(--color-primary-dark); } .bubble-body::before { display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-clip-path: polygon(0 0, 100% 0.1em, calc(100% - 0.7em) calc(100% - 0.3em), calc(100% - 0.7em - var(--bubble-outline)) calc(100% - 0.3em - var(--bubble-outline)), var(--bubble-outline) var(--bubble-outline)); clip-path: polygon(0 0, 100% 0.1em, calc(100% - 0.7em) calc(100% - 0.3em), calc(100% - 0.7em - var(--bubble-outline)) calc(100% - 0.3em - var(--bubble-outline)), var(--bubble-outline) var(--bubble-outline)); background-color: var(--color-primary-light); z-index: -1; } .bubble-body::after { display: block; content: ''; position: absolute; top: var(--bubble-outline); right: var(--bubble-outline); bottom: var(--bubble-outline); left: var(--bubble-outline); -webkit-clip-path: inherit; clip-path: inherit; background-color: var(--color-primary); z-index: -1; } .bubble-pointer { position: relative; width: 1.6em; padding-top: 5em; margin-top: calc(-0.1em - var(--bubble-outline)); margin-left: calc(50% - var(--bubble-outline)); -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%); clip-path: polygon(0 0, 100% 0, 50% 100%); background-color: var(--color-primary-dark); } .bubble-pointer::before { display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-clip-path: polygon(var(--bubble-outline) 0, 100% 0, 50% 100%, 50% calc(100% - (var(--bubble-outline) * 5))); clip-path: polygon(var(--bubble-outline) 0, 100% 0, 50% 100%, 50% calc(100% - (var(--bubble-outline) * 5))); background-color: var(--color-primary-light); z-index: -1; } .bubble-pointer::after { display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-clip-path: polygon(var(--bubble-outline) 0, calc(100% - var(--bubble-outline)) 0, calc(50% + (var(--bubble-outline) * 0)) calc(100% - (var(--bubble-outline) * 5))); clip-path: polygon(var(--bubble-outline) 0, calc(100% - var(--bubble-outline)) 0, calc(50% + (var(--bubble-outline) * 0)) calc(100% - (var(--bubble-outline) * 5))); background-color: var(--color-primary); } /* Bubbles - Colors */ .bubble-dark { color: var(--color-white); } .bubble-dark .bubble-body, .bubble-dark .bubble-pointer { background-color: var(--color-grey-darkest); } .bubble-dark .bubble-body::before, .bubble-dark .bubble-pointer::before { background-color: var(--color-grey); } .bubble-dark .bubble-body::after, .bubble-dark .bubble-pointer::after { background-color: var(--color-black); } /** * Collapses & Accordions * ---------------------- */ /* Collapses */ .collapse-item:last-of-type { border-bottom: 0.2rem solid var(--color-grey-light); } /* Collapses - Headers */ .collapse-header { border-top: 0.2rem solid var(--color-grey-light); } .collapse-header .btn[data-toggle="collapse"] { border: 0; border-radius: 0; padding: 1rem 0; font-size: inherit; font-weight: inherit; line-height: inherit; text-transform: inherit; text-align: initial; } @media (min-width: 992px) { .collapse-header .btn[data-toggle="collapse"] { padding-top: 1.5rem; padding-bottom: 1.5rem; } } .collapse-header .btn[data-toggle="collapse"].disabled, .collapse-header .btn[data-toggle="collapse"]:disabled { opacity: 1; } .collapse-header .btn[data-toggle="collapse"] .collapse-text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .collapse-header .btn[data-toggle="collapse"] .collapse-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 1.25em; height: 1em; } .collapse-header .btn[data-toggle="collapse"].disabled .collapse-icon, .collapse-header .btn[data-toggle="collapse"]:disabled .collapse-icon { display: none; } .collapse-header .btn[data-toggle="collapse"] .collapse-icon:not(:first-child) { margin-left: 1rem; } @media (min-width: 992px) { .collapse-header .btn[data-toggle="collapse"] .collapse-icon:not(:first-child) { margin-left: 1.5rem; } } .collapse-item.show-forced .collapse-header .btn[data-toggle="collapse"] .collapse-icon { display: none; } .collapse-header .btn[data-toggle="collapse"] .collapse-icon .svg-inline--fa:first-child, .collapse-header .btn[data-toggle="collapse"][aria-expanded="true"] .collapse-icon .svg-inline--fa:last-child { opacity: 0; visibility: hidden; } .collapse-header .btn[data-toggle="collapse"] .collapse-icon .svg-inline--fa:last-child, .collapse-header .btn[data-toggle="collapse"][aria-expanded="true"] .collapse-icon .svg-inline--fa:first-child { opacity: 1; visibility: visible; } /* Collapses - Bodies */ .collapse-body .collapse-body-inner { padding-bottom: 1rem; } @media (min-width: 992px) { .collapse-body .collapse-body-inner { padding-bottom: 1.5rem; } } /* Collapses - Text */ .collapse-text { font-family: var(--font-primary); font-size: 3.2rem; font-weight: var(--weight-default); line-height: var(--line-sm); color: var(--color-primary); } @media (min-width: 992px) { .collapse-text { font-size: 7.2rem; } } .collapse-text span { font-family: var(--font-default); font-size: 1.8rem; text-transform: none; color: var(--color-secondary-lighter); } @media (min-width: 992px) { .collapse-text span { font-size: 3.6rem; } } .collapse-body .collapse-text { font-size: 2.4rem; } @media (min-width: 992px) { .collapse-body .collapse-text { font-size: 4.8rem; } } .collapse-body .collapsed .collapse-text { color: var(--color-grey-darkest); } .collapse-body h5 { font-family: var(--font-default); font-weight: var(--weight-bold); text-transform: none; } @media (min-width: 992px) { .collapse-body h5 { margin-bottom: 2rem; } } /* Collapses - Icons */ .collapse-header .btn[data-toggle="collapse"] .collapse-icon { width: 1em; height: 1em; } .collapse-header .btn[data-toggle="collapse"] .collapse-icon svg g { -webkit-animation: arrow-point-up 600ms forwards; animation: arrow-point-up 600ms forwards; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); } .collapse-header .btn[aria-expanded="true"] .collapse-icon svg g { -webkit-animation: arrow-point-side 600ms forwards; animation: arrow-point-side 600ms forwards; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .collapse-header .btn[data-toggle="collapse"] .collapse-icon svg g + path, .collapse-header .btn[data-toggle="collapse"] .collapse-icon svg g path:first-child { opacity: 0; } .collapse-header .btn[aria-expanded="true"] .collapse-icon svg g + path, .collapse-header .btn[aria-expanded="true"] .collapse-icon svg g path:first-child { opacity: 1; } /* Collapses - Types - Team - Header */ .collapse-item-team .collapse-header { position: relative; } .collapse-item-team > .collapse-header { border-top: none; } .collapse-item-team > .collapse-header .btn { padding: 0; } .collapse-item-team > .collapse-header .collapse-text { padding-top: 10rem; padding-bottom: 5rem; } .collapse-item-team:last-child > .collapse-header .collapse-text { padding-top: 7.5rem; padding-bottom: 7.5rem; } @media (min-width: 992px) { .collapse-item-team > .collapse-header .collapse-text, .collapse-item-team:last-child > .collapse-header .collapse-text { padding-top: 4.2rem; padding-bottom: 4.2rem; } } .collapse-item-team .collapse-header .collapse-text { z-index: 1; } .collapse-item-team .collapse-header .collapse-background { z-index: 0; position: absolute; top: 0; right: calc(((100vw - 100%) / 2 ) * -1); bottom: 0; left: calc(((100vw - 100%) / 2 ) * -1); } .collapse-item-team .collapse-header .btn { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } @media (min-width: 992px) { .collapse-item-team .collapse-header .btn { padding-right: 0; padding-left: 0; text-align: left; } } @media (max-width: 991px) { .collapse-item-team.collapse-item-alt-even > .collapse-header .btn { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .collapse-item-team > .collapse-header .btn[data-toggle="collapse"] .collapse-icon { display: none; } @media (min-width: 992px) { .collapse-item-team > .collapse-header .btn[data-toggle="collapse"] .collapse-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-right: calc(((100vw - 100%) / -2) + 3rem); width: 1.2em; height: 1.2em; fill: var(--color-white); z-index: 1; } .collapse-item-team > .collapse-header .btn[data-toggle="collapse"] .collapse-icon::after { content: 'Close'; margin-top: 0.5em; font-family: var(--font-default); font-size: 0.3em; text-transform: none; color: var(--color-white); } } @media (min-width: 1200px) { .collapse-item-team > .collapse-header .btn[data-toggle="collapse"] .collapse-icon { margin-left: 5rem; } } @media (min-width: 1400px) { .collapse-item-team > .collapse-header .btn[data-toggle="collapse"] .collapse-icon { margin-right: -1.2em; } } /* Collapses - Types - Team - Avatar */ .collapse-item-team > .collapse-header .collapse-image-wrapper { position: relative; width: 20%; min-width: 12rem; max-width: 30rem; height: auto; } .collapse-item-team > .collapse-header .collapse-image { overflow: visible; position: absolute; bottom: 0; width: auto; height: 100%; max-width: unset; margin-bottom: 0; -o-object-fit: cover; object-fit: cover; } /* Collapses - Types - Team - Body */ .collapse-item-team .collapse-body .collapse-team > .collapse-body-inner { padding: 6rem 0; } .collapse-item-team .collapse-body .collapse-item .btn[data-toggle="collapse"] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .collapse-item-team .collapse-body .collapse-item .collapse-body-inner { padding-bottom: 3.5rem; } .collapse-item-team .collapse-body .collapse-item .btn[aria-expanded="true"] { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-top: 1.5rem; padding-bottom: 1rem; } @media (min-width: 992px) { .collapse-item-team .collapse-body .collapse-item .btn[aria-expanded="true"] { padding-top: 3.5rem; } } .collapse-item-team .collapse-body .btn[data-toggle="collapse"] .collapse-icon { font-size: 3rem; } @media (min-width: 992px) { .collapse-item-team .collapse-body .btn[data-toggle="collapse"] .collapse-icon { font-size: 6rem; } } /* Accordions */ .accordion { padding-left: 0; list-style: none; } .accordion > li:not(:last-child) { margin-bottom: 0; } .accordion > li::before { display: none; } .accordion ol, .accordion ul { margin-bottom: 1.5rem; } @media (min-width: 992px) { .accordion ol, .accordion ul { margin-bottom: 3rem; } } /** * Accordion - Team * ----------------- */ .accordion-team { margin-top: 3.6rem; margin-bottom: 0; } .accordion-team .collapse-item-team:last-of-type { border-bottom: 0; } @media (min-width: 992px) { .accordion-team { position: relative; } .accordion-team .collapse-item-team { display: inherit !important; position: relative; opacity: 0; height: 0; visibility: hidden; z-index: -1; -webkit-transition: var(--transition-default-ease), height 600ms ease-in-out; -o-transition: var(--transition-default-ease), height 600ms ease-in-out; transition: var(--transition-default-ease), height 600ms ease-in-out; /* Match default Bootstrap collapse element transition */ } .accordion-team .collapse-item-team.show { height: auto; opacity: 1; visibility: visible; z-index: 0; } .accordion-team .collapse-item-team.hiding { height: 0 !important; opacity: 0; } .accordion-team .collapse-item-team > .collapse-header { border-top: 0; } .accordion-team .collapse-item-team .collapse-team:not(.show) { display: block; } .accordion-team .collapse-item-team .collapse-team.collapsing { height: auto; overflow: visible; -webkit-transition: none; -o-transition: none; transition: none; } .accordion-team .collapse-item-team.showing .collapse-team.collapsing { -webkit-transition: var(--transition-default-ease), height 600ms ease-in-out; -o-transition: var(--transition-default-ease), height 600ms ease-in-out; transition: var(--transition-default-ease), height 600ms ease-in-out; /* Match default Bootstrap collapse element transition */ } } /* Desktop */ @media (hover: hover) and (pointer: fine) { .collapse-item-team > .collapse-header .btn[data-toggle="collapse"] .collapse-icon svg { -webkit-transition: -webkit-transform var(--transition-default-cubic); transition: -webkit-transform var(--transition-default-cubic); -o-transition: transform var(--transition-default-cubic); transition: transform var(--transition-default-cubic); transition: transform var(--transition-default-cubic), -webkit-transform var(--transition-default-cubic); } .collapse-item-team > .collapse-header .btn[data-toggle="collapse"]:hover .collapse-icon svg { -webkit-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); fill: var(--color-primary); } .collapse-item-team > .collapse-header .btn[data-toggle="collapse"]:hover .collapse-icon::after { color: var(--color-primary); } .collapse-item-team .collapse-body .collapse-item .btn[data-toggle="collapse"]:hover { opacity: 0.5; } } /* Accordion - Team - Amy Day */ .accordion-team #collapse-title-team-amy-day .collapse-image-wrapper .collapse-image { top: -2rem; left: -5rem; height: 150%; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } @media (min-width: 992px) { .accordion-team #collapse-title-team-amy-day .collapse-image-wrapper .collapse-image { top: -2rem; right: 0; left: unset; height: 130%; } } @media (min-width: 1500px) { .accordion-team #collapse-title-team-amy-day .collapse-image-wrapper .collapse-image { top: -8rem; height: 160%; } } /* Accordion - Team - Christina Vagnoni */ .accordion-team #collapse-title-team-christina-vagnoni .collapse-image-wrapper .collapse-image { top: -2rem; left: -2rem; height: 160%; } @media (min-width: 992px) { .accordion-team #collapse-title-team-christina-vagnoni .collapse-image-wrapper .collapse-image { top: -4rem; right: 1rem; left: unset; height: 135%; } } .accordion-team #collapse-title-team-christina-vagnoni.collapse-title .collapse-text { padding-top: 5rem; padding-bottom: 10rem; } /* Accordion - Team - Daniel Calder */ .accordion-team #collapse-title-team-daniel-calder .collapse-image-wrapper .collapse-image { top: -2rem; right: -5rem; height: 127%; } @media (min-width: 992px) { .accordion-team #collapse-title-team-daniel-calder .collapse-image-wrapper .collapse-image { top: -3rem; right: -1rem; height: 135%; } } @media (min-width: 1200px) { .accordion-team #collapse-title-team-daniel-calder .collapse-image-wrapper .collapse-image { height: 145%; } } /* Accordion - Team - Emily Smart */ .accordion-team #collapse-title-team-emily-smart .collapse-image-wrapper .collapse-image { top: -7rem; left: -10rem; height: 160%; } @media (min-width: 992px) { .accordion-team #collapse-title-team-emily-smart .collapse-image-wrapper .collapse-image { top: -7rem; right: 0; left: unset; height: 150%; } } /* Accordion - Team - Khun Lim */ .accordion-team #collapse-title-team-khun-lim .collapse-image-wrapper .collapse-image { top: 4rem; right: -2rem; height: 85%; } @media (min-width: 992px) { .accordion-team #collapse-title-team-khun-lim .collapse-image-wrapper .collapse-image { top: 1rem; right: -1rem; height: 105%; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } } /* Accordion - Team - Rish Fernando */ .accordion-team #collapse-title-team-rish-fernando .collapse-image-wrapper .collapse-image { top: -3rem; right: -3rem; height: 170%; } @media (min-width: 992px) { .accordion-team #collapse-title-team-rish-fernando .collapse-image-wrapper .collapse-image { top: -7rem; right: 2rem; height: 200%; } } /* Accordion - Team - Thomas Rennie */ .accordion-team #collapse-title-team-thomas-rennie .collapse-image-wrapper .collapse-image { top: -4rem; height: 121%; } @media (min-width: 992px) { .accordion-team #collapse-title-team-thomas-rennie .collapse-image-wrapper .collapse-image { top: -3rem; right: -3rem; height: 135%; } } /* Accordion - Team - Loren Jolly */ .accordion-team #collapse-title-team-loren-jolly .collapse-image-wrapper .collapse-image { top: -3rem; height: 160%; } @media (min-width: 992px) { .accordion-team #collapse-title-team-loren-jolly .collapse-image-wrapper .collapse-image { right: 0; height: 175%; } } /* Accordion - Team - Jessie Showell */ .accordion-team #collapse-title-team-jessie-showell .collapse-image-wrapper .collapse-image { top: 4rem; left: -4rem; height: 95%; } @media (min-width: 992px) { .accordion-team #collapse-title-team-jessie-showell .collapse-image-wrapper .collapse-image { top: 2rem; left: 0; height: 103%; } } /* Accordion - Team - Daniel Eugene Torregue */ .accordion-team #collapse-title-team-daniel-eugene-torregue .collapse-image-wrapper .collapse-image { top: 7rem; right: -72%; height: 89%; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } @media (min-width: 576px) { .accordion-team #collapse-title-team-daniel-eugene-torregue .collapse-image-wrapper .collapse-image { top: 5.3rem; height: 82%; } } @media (min-width: 992px) { .accordion-team #collapse-title-team-daniel-eugene-torregue .collapse-image-wrapper .collapse-image { right: -40%; height: 89%; } } .page-content-archive-team .scene-team { margin: 0 calc(((100vw - 100%) / 2) * -1) 0; } .page-content-archive-team .scene-team .list-team-item a.design-elem-flip[aria-expanded="true"] .design-elem-img, .page-content-archive-team .scene-team .list-team-item button.design-elem-flip[aria-expanded="true"] .design-elem-img { background-position: top center; } /** * Navbars * ------- */ .navbar { padding: 1.5rem 15px; } @media (min-width: 992px) { .navbar { padding-top: 3rem; padding-bottom: 3rem; } } @media (min-width: 1500px) { .navbar-expand-xxl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1900px) { .navbar-expand-xxxl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl { padding-right: 15px; padding-left: 15px; } /* Navbars - Containers */ .navbar .container, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl, .navbar .container-xxxl, .navbar .container-fluid, .navbar .container-fluid-sm, .navbar .container-fluid-md, .navbar .container-fluid-lg, .navbar .container-fluid-xl, .navbar .container-fluid-xxl, .navbar .container-fluid-xxxl { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .navbar .container-xxl, .navbar .container-xxxl, .navbar .container-fluid-sm, .navbar .container-fluid-md, .navbar .container-fluid-lg, .navbar .container-fluid-xl, .navbar .container-fluid-xxl, .navbar .container-fluid-xxxl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar-expand > .container-xxl, .navbar-expand > .container-xxxl, .navbar-expand > .container-fluid-sm, .navbar-expand > .container-fluid-md, .navbar-expand > .container-fluid-lg, .navbar-expand > .container-fluid-xl, .navbar-expand > .container-fluid-xxl, .navbar-expand > .container-fluid-xxxl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-right: 0; padding-left: 0; } @media (max-width: 575.98px) { .navbar-expand-sm > .container-xxl, .navbar-expand-sm > .container-xxxl, .navbar-expand-sm > .container-fluid-sm, .navbar-expand-sm > .container-fluid-md, .navbar-expand-sm > .container-fluid-lg, .navbar-expand-sm > .container-fluid-xl, .navbar-expand-sm > .container-fluid-xxl, .navbar-expand-sm > .container-fluid-xxxl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm > .container-xxl, .navbar-expand-sm > .container-xxxl, .navbar-expand-sm > .container-fluid-sm, .navbar-expand-sm > .container-fluid-md, .navbar-expand-sm > .container-fluid-lg, .navbar-expand-sm > .container-fluid-xl, .navbar-expand-sm > .container-fluid-xxl, .navbar-expand-sm > .container-fluid-xxxl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (max-width: 767.98px) { .navbar-expand-md > .container-xxl, .navbar-expand-md > .container-xxxl, .navbar-expand-md > .container-fluid-sm, .navbar-expand-md > .container-fluid-md, .navbar-expand-md > .container-fluid-lg, .navbar-expand-md > .container-fluid-xl, .navbar-expand-md > .container-fluid-xxl, .navbar-expand-md > .container-fluid-xxxl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md > .container-xxl, .navbar-expand-md > .container-xxxl, .navbar-expand-md > .container-fluid-sm, .navbar-expand-md > .container-fluid-md, .navbar-expand-md > .container-fluid-lg, .navbar-expand-md > .container-fluid-xl, .navbar-expand-md > .container-fluid-xxl, .navbar-expand-md > .container-fluid-xxxl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container-xxl, .navbar-expand-lg > .container-xxxl, .navbar-expand-lg > .container-fluid-sm, .navbar-expand-lg > .container-fluid-md, .navbar-expand-lg > .container-fluid-lg, .navbar-expand-lg > .container-fluid-xl, .navbar-expand-lg > .container-fluid-xxl, .navbar-expand-lg > .container-fluid-xxxl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg > .container-xxl, .navbar-expand-lg > .container-xxxl, .navbar-expand-lg > .container-fluid-sm, .navbar-expand-lg > .container-fluid-md, .navbar-expand-lg > .container-fluid-lg, .navbar-expand-lg > .container-fluid-xl, .navbar-expand-lg > .container-fluid-xxl, .navbar-expand-lg > .container-fluid-xxxl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container-xxl, .navbar-expand-xl > .container-xxxl, .navbar-expand-xl > .container-fluid-sm, .navbar-expand-xl > .container-fluid-md, .navbar-expand-xl > .container-fluid-lg, .navbar-expand-xl > .container-fluid-xl, .navbar-expand-xl > .container-fluid-xxl, .navbar-expand-xl > .container-fluid-xxxl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl > .container-xxl, .navbar-expand-xl > .container-xxxl, .navbar-expand-xl > .container-fluid-sm, .navbar-expand-xl > .container-fluid-md, .navbar-expand-xl > .container-fluid-lg, .navbar-expand-xl > .container-fluid-xl, .navbar-expand-xl > .container-fluid-xxl, .navbar-expand-xl > .container-fluid-xxxl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (max-width: 1499.98px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl, .navbar-expand-xxl > .container-xxxl, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-fluid-sm, .navbar-expand-xxl > .container-fluid-md, .navbar-expand-xxl > .container-fluid-lg, .navbar-expand-xxl > .container-fluid-xl, .navbar-expand-xxl > .container-fluid-xxl, .navbar-expand-xxl > .container-fluid-xxxl { padding-right: 0; padding-left: 0; } } @media (min-width: 1500px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl, .navbar-expand-xxl > .container-xxxl, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-fluid-sm, .navbar-expand-xxl > .container-fluid-md, .navbar-expand-xxl > .container-fluid-lg, .navbar-expand-xxl > .container-fluid-xl, .navbar-expand-xxl > .container-fluid-xxl, .navbar-expand-xxl > .container-fluid-xxxl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (max-width: 1899.98px) { .navbar-expand-xxxl > .container, .navbar-expand-xxxl > .container-sm, .navbar-expand-xxxl > .container-md, .navbar-expand-xxxl > .container-lg, .navbar-expand-xxxl > .container-xl, .navbar-expand-xxxl > .container-xxl, .navbar-expand-xxxl > .container-xxxl, .navbar-expand-xxxl > .container-fluid, .navbar-expand-xxxl > .container-fluid-sm, .navbar-expand-xxxl > .container-fluid-md, .navbar-expand-xxxl > .container-fluid-lg, .navbar-expand-xxxl > .container-fluid-xl, .navbar-expand-xxxl > .container-fluid-xxl, .navbar-expand-xxxl > .container-fluid-xxxl { padding-right: 0; padding-left: 0; } } @media (min-width: 1900px) { .navbar-expand-xxxl > .container, .navbar-expand-xxxl > .container-sm, .navbar-expand-xxxl > .container-md, .navbar-expand-xxxl > .container-lg, .navbar-expand-xxxl > .container-xl, .navbar-expand-xxxl > .container-xxl, .navbar-expand-xxxl > .container-xxxl, .navbar-expand-xxxl > .container-fluid, .navbar-expand-xxxl > .container-fluid-sm, .navbar-expand-xxxl > .container-fluid-md, .navbar-expand-xxxl > .container-fluid-lg, .navbar-expand-xxxl > .container-fluid-xl, .navbar-expand-xxxl > .container-fluid-xxl, .navbar-expand-xxxl > .container-fluid-xxxl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } /* Navbars - Items */ .navbar .navbar-item { margin-right: 15px; margin-left: 15px; } .navbar-item:first-child, .navbar-item.first-child { margin-left: 0; } .navbar-item:last-child, .navbar-item.last-child { margin-right: 0; } /* Navbars - Brands */ .navbar-brand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; padding: 0; margin-right: 0; font-size: inherit; white-space: normal; } /* Navbars - Menus */ .navbar-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 991px) { .navbar-menu { display: none; } } .navbar-menu:last-child, .navbar-menu.last-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .navbar-menu .menu { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; } .navbar-menu .menu .menu-item { position: relative; } .navbar-menu .menu .sub-menu { position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all var(--transition-quick-ease); -o-transition: all var(--transition-quick-ease); transition: all var(--transition-quick-ease); } .navbar-menu .menu .menu-item-has-children:hover > .sub-menu, .navbar-menu .menu .menu-item-has-children:active > .sub-menu, .navbar-menu .menu .menu-item-has-children:focus > .sub-menu { opacity: 1; visibility: visible; } /** * Forms - Bootstrap * ----------------- */ .form { margin: 3rem 0 1.5rem; } /* Bootstrap - Groups */ .form-group { margin-bottom: 1.5rem; } /* Bootstrap - Inputs */ .form-control { display: inline-block; max-width: 100%; height: auto; border: 0.1rem solid var(--color-grey-light); border-radius: 0; padding: 1rem; -webkit-transition: all var(--transition-quick-ease); -o-transition: all var(--transition-quick-ease); transition: all var(--transition-quick-ease); font-size: inherit; font-weight: var(--weight-default); line-height: var(--line-sm); color: var(--color-black); background-color: var(--color-white); } .form-control:focus { border-color: var(--color-grey-light); color: var(--color-black); background-color: var(--color-white); } .form-control::-webkit-input-placeholder { color: var(--color-grey); } .form-control::-moz-placeholder { opacity: 1; color: var(--color-grey); } .form-control:-ms-input-placeholder { color: var(--color-grey); } .form-control::-ms-input-placeholder { color: var(--color-grey); } .form-control::placeholder { color: var(--color-grey); } /** * Forms - Gravity Forms * --------------------- */ /* Gravity Forms - Wrapper & Fields */ .gform_wrapper.gravity-theme { font-size: var(--font-size-sm); } @media (min-width: 992px) { .gform_wrapper.gravity-theme { font-size: var(--font-size-default); } } .gform_wrapper.gravity-theme form .gform_fields { grid-gap: 1.5rem; } /* Gravity Forms - Validation Errors */ .gform_wrapper.gform_validation_error .gform_validation_errors { margin: 0 0 1.5rem 0; border-radius: 0; border: 0.1rem solid var(--color-warning-darkest); padding: 1rem 1rem 1rem calc((1.5em * 1.125) + 2rem); -webkit-box-shadow: none; box-shadow: none; font-size: var(--font-size-xs); background-color: var(--color-white); } @media (min-width: 992px) { .gform_wrapper.gform_validation_error .gform_validation_errors { font-size: var(--font-size-sm); padding-top: 1.5rem; padding-bottom: 1.5rem; } } .gform_wrapper.gform_validation_error .gform_validation_errors .gform_submission_error { margin: 0 0 1rem 0; font-size: inherit; font-weight: var(--weight-bold); line-height: var(--line-sm); color: var(--color-warning-darkest); } .gform_wrapper.gform_validation_error .gform_validation_errors .gform_submission_error.hide_summary { margin: 0; } .gform_wrapper.gform_validation_error .gform_validation_errors .gform_submission_error .gform-icon--close { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; left: 1rem; font-family: var(--font-icon-pro) !important; font-size: 1.5em; font-weight: var(--weight-default); line-height: var(--line-single); text-rendering: auto; } .gform_wrapper.gform_validation_error .gform_validation_errors .gform_submission_error .gform-icon--close::before { display: none; content: '\f071'; } .gform_wrapper.gravity-theme .gform_validation_errors { display: none; } .gform_wrapper.gravity-theme form .gfield_error legend, .gform_wrapper.gravity-theme form .gfield_error label, .gform_wrapper.gravity-theme form .gfield_error .gfield_label, .gform_wrapper.gravity-theme form .gfield_error .gform_fileupload_rules { color: var(--color-grey-dark) !important; } .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"], .gform_wrapper.gravity-theme form label + [aria-invalid="true"], .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input { color: var(--color-black) !important; } .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"]::-webkit-input-placeholder, .gform_wrapper.gravity-theme form label + [aria-invalid="true"]::-webkit-input-placeholder, .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input::-webkit-input-placeholder { color: var(--color-grey) !important; } .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"]::-moz-placeholder, .gform_wrapper.gravity-theme form label + [aria-invalid="true"]::-moz-placeholder, .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input::-moz-placeholder { color: var(--color-grey) !important; } .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"]:-ms-input-placeholder, .gform_wrapper.gravity-theme form label + [aria-invalid="true"]:-ms-input-placeholder, .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input:-ms-input-placeholder { color: var(--color-grey) !important; } .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"]::-ms-input-placeholder, .gform_wrapper.gravity-theme form label + [aria-invalid="true"]::-ms-input-placeholder, .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input::-ms-input-placeholder { color: var(--color-grey) !important; } .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"]::placeholder, .gform_wrapper.gravity-theme form label + [aria-invalid="true"]::placeholder, .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input::placeholder { color: var(--color-grey) !important; } .gform_wrapper.gravity-theme form .gfield_validation_message, .gform_wrapper.gravity-theme form .validation_message { border: none; padding-left: 0; padding-right: 0; font-style: normal; color: var(--color-warning-darkest); background-color: unset; } /* Gravity Forms - Progress Bars */ .gform_wrapper.gravity-theme form .gf_progressbar_wrapper { font-size: var(--font-size-xs); } @media (min-width: 992px) { .gform_wrapper.gravity-theme form .gf_progressbar_wrapper { font-size: var(--font-size-sm); } } .gform_wrapper.gravity-theme form .gf_progressbar_title { margin: 0 0 0.5rem 0; font-size: inherit; font-weight: var(--weight-bold); color: var(--color-black); } .gform_wrapper.gravity-theme form .gf_progressbar { margin-bottom: 1.5rem; border-radius: 0; background-color: var(--color-grey-light); } .gform_wrapper.gravity-theme form .gf_progressbar_percentage, .gform_wrapper.gravity-theme form .gf_progressbar_percentage:not(.percentbar_100) { border-radius: 0; } .gform_wrapper.gravity-theme form .gf_progressbar_percentage { height: auto; padding: 0.5rem 1rem; text-align: center; color: var(--color-white); background-color: var(--color-grey); } .gform_wrapper.gravity-theme form .gf_progressbar_percentage span { min-width: auto; margin: 0; float: none; font-size: inherit; line-height: var(--line-single); } /* Gravity Forms - Heading */ .gform_wrapper.gravity-theme .gform_required_legend { display: none; } .gform_wrapper.gravity-theme .gform_heading * { margin-bottom: 1.5rem; } .gform_wrapper.gravity-theme .gform_title { font-size: 3.2rem; } /* Gravity Forms - Sections */ .gform_wrapper.gravity-theme form .gsection { margin-top: calc(1.5rem - 15px); } @media (min-width: 992px) { .gform_wrapper.gravity-theme form .gsection { margin-top: calc(3rem - 15px); } } .gform_wrapper.gravity-theme form .gsection > *:first-child { margin-top: 0 !important; } .gform_wrapper.gravity-theme form .gsection > *:last-child { margin-bottom: 0 !important; } .gform_wrapper.gravity-theme form .gsection .gsection_description { width: auto; margin-bottom: 1rem; padding-top: 0; font-size: inherit; } .gform_wrapper.gravity-theme form .gsection .gsection_title + .gsection_description { margin-top: -1rem; } @media (min-width: 992px) { .gform_wrapper.gravity-theme form .gsection .gsection_description { margin-bottom: 1.5rem; } .gform_wrapper.gravity-theme form .gsection .gsection_title + .gsection_description { margin-top: -1.5rem; } } /* Gravity Forms - Requireds */ .gform_wrapper.gravity-theme .gform_required_legend .gfield_required, .gform_wrapper.gravity-theme form .gfield_required { padding-left: 0.25em; font-size: 1em; color: inherit; } .gform_wrapper.gravity-theme form .gfield_required { font-size: 0.75em; } .gform_wrapper.gravity-theme form .gfield_required .gfield_required { padding-left: 0; font-size: 1em; } .gform_wrapper.gravity-theme form .gfield_required .gfield_required_custom, .gform_wrapper.gravity-theme form .gfield_required .gfield_required_text { font-weight: var(--weight-default); } /* Gravity Forms - Legends, Labels & Instructions */ .gform_wrapper.gravity-theme form legend, .gform_wrapper.gravity-theme form label, .gform_wrapper.gravity-theme form .gform_fileupload_rules, .gform_wrapper.gravity-theme form .gfield_label, .gform_wrapper.gravity-theme form .instruction, .gform_wrapper.gravity-theme form .ginput_complex label, .gform_wrapper.gravity-theme form .gfield_checkbox label, .gform_wrapper.gravity-theme form .gfield_radio label { font-size: var(--font-size-xs); line-height: var(--line-sm); } @media (min-width: 992px) { .gform_wrapper.gravity-theme form legend, .gform_wrapper.gravity-theme form label, .gform_wrapper.gravity-theme form .gform_fileupload_rules, .gform_wrapper.gravity-theme form .gfield_label, .gform_wrapper.gravity-theme form .instruction, .gform_wrapper.gravity-theme form .ginput_complex label, .gform_wrapper.gravity-theme form .gfield_checkbox label, .gform_wrapper.gravity-theme form .gfield_radio label { font-size: var(--font-size-sm); } } .gform_wrapper.gravity-theme form legend, .gform_wrapper.gravity-theme form label, .gform_wrapper.gravity-theme form .instruction, .gform_wrapper.gravity-theme form .select2-selection__placeholder { color: var(--color-grey-dark); } .gform_wrapper.gravity-theme form legend { margin-bottom: 0.5rem; font-weight: var(--weight-bold); } .gform_wrapper.gravity-theme form label, .gform_wrapper.gravity-theme form .gform_fileupload_rules, .gform_wrapper.gravity-theme form .instruction { font-style: italic; } .gform_wrapper.gravity-theme form .ginput_complex label, .gform_wrapper.gravity-theme form .gform_fileupload_rules, .gform_wrapper.gravity-theme form .instruction { padding-top: 0.5rem; } .gform_wrapper.gravity-theme form label { margin-bottom: 0; } .gform_wrapper.gravity-theme form .ginput_complex label:not(:last-child) { padding-top: 0; padding-bottom: 0.5rem; } .gform_wrapper.gravity-theme form .gform_fileupload_rules { margin-top: 0; } .gform_wrapper.gravity-theme form .gfield_label { margin-bottom: 0.5rem; font-style: normal; font-weight: var(--weight-bold); color: var(--color-black); } .gform_wrapper.gravity-theme form legend, .gform_wrapper.gravity-theme form label, .gform_wrapper.gravity-theme form .gform_fileupload_rules, .gform_wrapper.gravity-theme form .gfield_label, .gform_wrapper.gravity-theme form .instruction, .gform_wrapper.gravity-theme form .ginput_complex label, .gform_wrapper.gravity-theme form .gfield_checkbox label, .gform_wrapper.gravity-theme form .gfield_radio label { font-size: inherit; } .gform_wrapper.gravity-theme form .ginput_complex label, .gform_wrapper.gravity-theme form .gform_fileupload_rules, .gform_wrapper.gravity-theme form .instruction { font-size: var(--font-size-xs); font-style: normal; } @media (min-width: 992px) { .gform_wrapper.gravity-theme form .ginput_complex label, .gform_wrapper.gravity-theme form .gform_fileupload_rules, .gform_wrapper.gravity-theme form .instruction { padding-top: 1rem; font-size: var(--font-size-sm); } } .gform_wrapper.gravity-theme form .gfield_label { font-weight: var(--weight-default); color: var(--color-grey-dark); } @media (min-width: 992px) { .gform_wrapper.gravity-theme form .gfield_label { margin-bottom: 1rem; } } /* Gravity Forms - Legends, Labels & Instructions - Validation */ .gform_wrapper.gravity-theme form .gfield_error legend, .gform_wrapper.gravity-theme form .gfield_error label, .gform_wrapper.gravity-theme form .gfield_error .gfield_label, .gform_wrapper.gravity-theme form .gfield_error .gform_fileupload_rules { color: var(--color-warning-darkest) !important; } /* Gravity Forms - Input Wrappers */ @media (min-width: 641px) { .gform_wrapper.gravity-theme form .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), .gform_wrapper.gravity-theme form .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) { padding-right: 7.5px; } .gform_wrapper.gravity-theme form .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full), .gform_wrapper.gravity-theme form .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full) { padding-left: 7.5px; } } /* Gravity Forms - Inputs */ @media (max-width: 640px) { .gform_wrapper.gravity-theme form .ginput_complex span { margin-bottom: 1.5rem; } .gform_wrapper.gravity-theme form .ginput_complex span:last-child { margin-bottom: 0; } } .gform_wrapper.gravity-theme form .ginput_container { --pad-x: 1.25rem; --pad-y: 1.25rem; -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); } .gform_wrapper.gravity-theme form .gfield input, .gform_wrapper.gravity-theme form .gfield select, .gform_wrapper.gravity-theme form .select2-container--default .select2-selection--single, .gform_wrapper.gravity-theme form .gfield textarea { border: 0.1rem solid var(--color-grey-light); padding: 1rem; -webkit-transition: all var(--transition-quick-ease); -o-transition: all var(--transition-quick-ease); transition: all var(--transition-quick-ease); font-size: inherit; font-weight: var(--weight-default); line-height: var(--line-sm); color: var(--color-black); background-color: var(--color-white); } @media (max-width: 641px) { .gform_wrapper.gravity-theme form .gfield input, .gform_wrapper.gravity-theme form .gfield select, .gform_wrapper.gravity-theme form .gfield textarea { min-height: auto !important; line-height: var(--line-sm) !important; } } .gform_wrapper.gravity-theme form .gfield input, .gform_wrapper.gravity-theme form .gfield select, .gform_wrapper.gravity-theme form .select2-container--default .select2-selection--single, .gform_wrapper.gravity-theme form .gfield textarea { padding: var(--pad-x) var(--pad-y); padding-top: calc(var(--pad-y) * 2.5); border: 0; border-radius: 1rem; font-size: var(--font-size-xs); color: var(--color-default); background-color: var(--color-secondary-lighter); } @media (min-width: 992px) { .gform_wrapper.gravity-theme form .gfield input, .gform_wrapper.gravity-theme form .gfield select, .gform_wrapper.gravity-theme form .select2-container--default .select2-selection--single, .gform_wrapper.gravity-theme form .gfield textarea { font-size: var(--font-size-sm); } } .gform_wrapper.gravity-theme form .gfield input::-webkit-input-placeholder, .gform_wrapper.gravity-theme form .gfield select::-webkit-input-placeholder, .gform_wrapper.gravity-theme form .gfield textarea::-webkit-input-placeholder { color: var(--color-grey); } .gform_wrapper.gravity-theme form .gfield input::-moz-placeholder, .gform_wrapper.gravity-theme form .gfield select::-moz-placeholder, .gform_wrapper.gravity-theme form .gfield textarea::-moz-placeholder { opacity: 1; color: var(--color-grey); } .gform_wrapper.gravity-theme form .gfield input::-ms-input-placeholder, .gform_wrapper.gravity-theme form .gfield select::-ms-input-placeholder, .gform_wrapper.gravity-theme form .gfield textarea::-ms-input-placeholder { color: var(--color-grey); } .gform_wrapper.gravity-theme form .gfield input::-webkit-input-placeholder, .gform_wrapper.gravity-theme form .gfield select::-webkit-input-placeholder, .gform_wrapper.gravity-theme form .gfield textarea::-webkit-input-placeholder { color: var(--color-grey); } .gform_wrapper.gravity-theme form .gfield input::-moz-placeholder, .gform_wrapper.gravity-theme form .gfield select::-moz-placeholder, .gform_wrapper.gravity-theme form .gfield textarea::-moz-placeholder { color: var(--color-grey); } .gform_wrapper.gravity-theme form .gfield input:-ms-input-placeholder, .gform_wrapper.gravity-theme form .gfield select:-ms-input-placeholder, .gform_wrapper.gravity-theme form .gfield textarea:-ms-input-placeholder { color: var(--color-grey); } .gform_wrapper.gravity-theme form .gfield input::-ms-input-placeholder, .gform_wrapper.gravity-theme form .gfield select::-ms-input-placeholder, .gform_wrapper.gravity-theme form .gfield textarea::-ms-input-placeholder { color: var(--color-grey); } .gform_wrapper.gravity-theme form .gfield input::placeholder, .gform_wrapper.gravity-theme form .gfield select::placeholder, .gform_wrapper.gravity-theme form .gfield textarea::placeholder { color: var(--color-grey); } .gform_wrapper.gravity-theme form .gfield textarea { display: block; } .gform_wrapper.gravity-theme form .gfield .ginput_container_date input { width: 100%; } .gform_wrapper.gravity-theme form .gfield, .gform_wrapper.gravity-theme form .ginput_complex .gform-grid-col { position: relative; } .gform_wrapper.gravity-theme form .gfield_label { display: none; } .gform_wrapper.gravity-theme form .ginput_container label, .gform_wrapper.gravity-theme form .ginput_complex label, .gform_wrapper.gravity-theme form .select2-selection__placeholder { pointer-events: none; position: absolute; top: calc(var(--pad-y) * 1.75); left: var(--pad-x); font-size: inherit; font-style: normal; line-height: var(--line-single); -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); } .gform_wrapper.gravity-theme form .ginput_complex .gform-grid-col { -webkit-transition: inherit; -o-transition: inherit; transition: inherit; } .gform_wrapper.gravity-theme form .gfield_contains_required .ginput_complex label::after { content: '*'; display: inline-block; margin-left: 0.5rem; } .gform_wrapper.gravity-theme form .ginput_complex label { clip: unset; -webkit-clip-path: unset; clip-path: unset; padding: 0; width: auto; height: auto; } @media (min-width: 641px) { .gform_wrapper.gravity-theme form .ginput_complex .name_last label { left: calc(var(--pad-x) + 15px); } } .gform_wrapper.gravity-theme form .ginput_container input:not(:-moz-placeholder-shown) + label, .gform_wrapper.gravity-theme form .ginput_container textarea:not(:-moz-placeholder-shown) + label { top: var(--pad-y); font-size: 0.7em; } .gform_wrapper.gravity-theme form .ginput_container input:not(:-ms-input-placeholder) + label, .gform_wrapper.gravity-theme form .ginput_container textarea:not(:-ms-input-placeholder) + label { top: var(--pad-y); font-size: 0.7em; } .gform_wrapper.gravity-theme form .ginput_container input:focus + label, .gform_wrapper.gravity-theme form .ginput_container input:not(:placeholder-shown) + label, .gform_wrapper.gravity-theme form .ginput_container textarea:focus + label, .gform_wrapper.gravity-theme form .ginput_container textarea:not(:placeholder-shown) + label, .gform_wrapper.gravity-theme form .select2-selection__rendered.selected .select2-selection__placeholder { top: var(--pad-y); font-size: 0.7em; } .gform_wrapper.gravity-theme form .gfield input::-webkit-input-placeholder, .gform_wrapper.gravity-theme form .gfield textarea::-webkit-input-placeholder { opacity: 0; } .gform_wrapper.gravity-theme form .gfield input::-moz-placeholder, .gform_wrapper.gravity-theme form .gfield textarea::-moz-placeholder { opacity: 0; } .gform_wrapper.gravity-theme form .gfield input:-ms-input-placeholder, .gform_wrapper.gravity-theme form .gfield textarea:-ms-input-placeholder { opacity: 0; } .gform_wrapper.gravity-theme form .gfield input::-ms-input-placeholder, .gform_wrapper.gravity-theme form .gfield textarea::-ms-input-placeholder { opacity: 0; } .gform_wrapper.gravity-theme form .gfield input::placeholder, .gform_wrapper.gravity-theme form .gfield textarea::placeholder { opacity: 0; } /* Gravity Forms - Inputs - Validation */ .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"], .gform_wrapper.gravity-theme form label + [aria-invalid="true"], .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input { border-color: var(--color-warning-darkest) !important; color: var(--color-warning-darkest) !important; background-color: var(--color-warning-lightest) !important; } .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"]:focus, .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input:focus { background-color: var(--color-warning-lighter) !important; } .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"]::-webkit-input-placeholder, .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input::-webkit-input-placeholder { color: var(--color-warning-darkest) !important; } .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"]::-moz-placeholder, .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input::-moz-placeholder { color: var(--color-warning-darkest) !important; } .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"]:-ms-input-placeholder, .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input:-ms-input-placeholder { color: var(--color-warning-darkest) !important; } .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"]::-webkit-input-placeholder, .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input::-webkit-input-placeholder { color: var(--color-warning-darkest) !important; } .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"]::-moz-placeholder, .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input::-moz-placeholder { color: var(--color-warning-darkest) !important; } .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"]:-ms-input-placeholder, .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input:-ms-input-placeholder { color: var(--color-warning-darkest) !important; } .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"]::-ms-input-placeholder, .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input::-ms-input-placeholder { color: var(--color-warning-darkest) !important; } .gform_wrapper.gravity-theme form .gfield_error [aria-invalid="true"]::placeholder, .gform_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input::placeholder { color: var(--color-warning-darkest) !important; } .gform_wrapper.gravity-theme form .gfield_validation_message, .gform_wrapper.gravity-theme form .validation_message { display: none; } /* Gravity Forms - Messages - Confirmation */ .gform_confirmation_wrapper.gravity-theme { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100%; } .gform_confirmation_wrapper.gravity-theme .gform_confirmation_message { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; border: none; border-radius: 1rem; -webkit-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.2); box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.2); padding: 6rem 3rem; color: var(--color-default); background-color: var(--color-primary); } @media (min-width: 992px) { .gform_confirmation_wrapper.gravity-theme .gform_confirmation_message { padding: 8rem 2.5rem; margin: 0; } } .gform_confirmation_wrapper.gravity-theme .gform_confirmation_message p { margin-bottom: 1.5rem; } .gform_confirmation_wrapper.gravity-theme .gform_confirmation_message p:last-child { margin-bottom: 0; } .gform_confirmation_wrapper.gravity-theme .gform_confirmation_message br { display: none; } /* Gravity Forms - Inputs - Checkboxes & Radios */ @media (min-width: 641px) { .gform_wrapper.gravity-theme form .gfield.gf_list_inline .gfield_checkbox .gchoice, .gform_wrapper.gravity-theme form .gfield.gf_list_inline .gfield_radio .gchoice { padding-right: 15px; } } .gform_wrapper.gravity-theme form .gfield_radio .gfield-choice-input { display: none; } .gform_wrapper.gravity-theme form .gfield_radio .gfield-choice-input + label { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; max-width: 100%; cursor: pointer; } .gform_wrapper.gravity-theme form .gfield_radio .gfield-choice-input + label::before, .gform_wrapper.gravity-theme form .gfield_radio .gfield-choice-input + label::after { content: '\f192'; display: none; font-family: var(--font-icon-pro); } .gform_wrapper.gravity-theme form .gfield_radio .gfield-choice-input + label::before { font-weight: var(--weight-default); } .gform_wrapper.gravity-theme form .gfield_radio .gfield-choice-input + label::after { font-weight: var(--weight-bold-ultra); } .gform_wrapper.gravity-theme form .gfield_radio .gfield-choice-input + label .svg-inline--fa { -webkit-transition: all var(--transition-quick-ease); -o-transition: all var(--transition-quick-ease); transition: all var(--transition-quick-ease); font-size: 1.125em; color: var(--color-grey-light); } .gform_wrapper.gravity-theme form .gfield_radio .gfield-choice-input + label .svg-inline--fa[data-fa-pseudo-element=":before"] { margin-right: 0.5rem; } .gform_wrapper.gravity-theme form .gfield_radio .gfield-choice-input + label .svg-inline--fa[data-fa-pseudo-element=":after"] { position: absolute; top: 0; left: 0; } .gform_wrapper.gravity-theme form .gfield_radio .gfield-choice-input:checked + label .svg-inline--fa[data-fa-pseudo-element=":before"], .gform_wrapper.gravity-theme form .gfield_radio .gfield-choice-input:not(:checked) + label .svg-inline--fa[data-fa-pseudo-element=":after"] { opacity: 0; visibility: hidden; } /* Gravity Forms - Inputs - Checkboxes & Radios - Validation */ .gform_wrapper.gravity-theme form .gfield_error .gfield_radio .gfield-choice-input + label .svg-inline--fa { color: var(--color-warning-darkest) !important; } /* Gravity Forms - Inputs - File Upload */ .gform_wrapper.gravity-theme form .gfield .ginput_container_fileupload .gform_drop_area { margin-bottom: 0; padding: 3rem; border: 0.1rem solid var(--color-grey-light); border-radius: 0; background-color: var(--color-grey-lighter); } .gform_wrapper.gravity-theme form .gfield .ginput_container_fileupload .gform_drop_instructions { margin-bottom: 0; } .gform_wrapper.gravity-theme form .gfield .ginput_container_fileupload .gform_button_select_files { padding-right: 1rem; padding-left: 1rem; font-size: var(--font-size-xs); } @media (min-width: 992px) { .gform_wrapper.gravity-theme form .gfield .ginput_container_fileupload .gform_button_select_files { padding-right: 1.5rem; padding-left: 1.5rem; font-size: var(--font-size-sm); } } .gform_wrapper.gravity-theme form .gfield .ginput_preview { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0.5rem 0; font-size: var(--font-size-xs); } @media (min-width: 992px) { .gform_wrapper.gravity-theme form .gfield .ginput_preview { font-size: var(--font-size-sm); } } .gform_wrapper.gravity-theme form .gfield .ginput_preview:first-child { margin-top: 1rem; } .gform_wrapper.gravity-theme form .gfield .ginput_preview b, .gform_wrapper.gravity-theme form .gfield .ginput_preview a { margin-left: 0.5rem; } .gform_wrapper.gravity-theme form .gfield .ginput_preview a { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: right; } .gform_wrapper.gravity-theme form .gfield .ginput_preview .gform_delete_file { margin: -0.5rem 0; padding-right: 1rem; padding-left: 1rem; } .gform_wrapper.gravity-theme form .gfield .ginput_preview .gform_delete_file:first-child { margin-left: -1rem; } .gform_wrapper.gravity-theme form .gfield .ginput_preview .gform_delete_file .dashicons { width: 1em; height: 1em; font-size: 1em; } .gform_wrapper.gravity-theme form .gfield .ginput_preview strong { display: inline-block; padding: 0.5rem 0; word-break: break-all; } /* Gravity Forms - Inputs - File Upload - Validation */ .gform_wrapper.gravity-theme form .gfield_error .ginput_container_fileupload .gform_drop_area { border-color: var(--color-warning-darkest) !important; color: var(--color-warning-darkest) !important; background-color: var(--color-warning-lightest) !important; } .gform_wrapper.gravity-theme form .gfield_error .ginput_container_fileupload .gform_button_select_files { color: var(--color-warning-darkest) !important; } /* Gravity Forms - Messages - Validation */ .gform_wrapper.gravity-theme form .gfield_validation_message, .gform_wrapper.gravity-theme form .validation_message { color: var(--color-warning-darkest); } .gform_wrapper.gravity-theme form .gfield_validation_message, .gform_wrapper.gravity-theme form .validation_message { margin-top: 0; border: 0.1rem solid var(--color-warning-darkest); padding: 0.5rem 1rem; font-size: var(--font-size-xs); font-style: italic; line-height: var(--line-sm); color: var(--color-white); background-color: var(--color-warning-darkest); } @media (min-width: 992px) { .gform_wrapper.gravity-theme form .gfield_validation_message, .gform_wrapper.gravity-theme form .validation_message { font-size: var(--font-size-sm); } } .gform_wrapper.gravity-theme form .ginput_complex + .gfield_validation_message, .gform_wrapper.gravity-theme form .ginput_complex + .validation_message, .gform_wrapper.gravity-theme form .ginput_container_checkbox + .gfield_validation_message, .gform_wrapper.gravity-theme form .ginput_container_checkbox + .validation_message, .gform_wrapper.gravity-theme form .ginput_container_radio + .gfield_validation_message, .gform_wrapper.gravity-theme form .ginput_container_radio + .validation_message { margin-top: 0.5rem; } /* Gravity Forms - Footers */ .gform_wrapper.gravity-theme .gform_footer { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* Gravity Forms - Search Form */ .search-form .screen-reader-text, .search-form .search-submit { display: none; } .search-form label input.search-field { padding: 1.5rem 1rem; border: 0; border-radius: 1rem; font-size: var(--font-size-xs); color: var(--color-default); background-color: var(--color-secondary); } @media (min-width: 992px) { .search-form label input.search-field { font-size: var(--font-size-sm); } } /* Gravity Forms - Loading */ .gform_ajax_spinner, .gform-loader { display: none !important; } .gform_wrapper.gravity-theme button[type="submit"] { position: relative; } .gform_wrapper.gravity-theme button[type="submit"]::after { display: none; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-duotone); content: '\f3f4'; } .gform_wrapper.gravity-theme button[type="submit"] > svg { position: absolute; top: 0; right: 0; opacity: 0; border-radius: 999px; padding: 0.2815em; font-size: 0.8em; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); color: var(--color-primary); background-color: var(--color-black); } .gform_wrapper.gravity-theme button[type="submit"].loading .btn-content-icon { opacity: 0; } .gform_wrapper.gravity-theme button[type="submit"].loading > svg { -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; opacity: 1; } /** * Forms - Select2.js * ------------------ */ /* Select2.js - Container */ .select2-container { display: inline-block !important; width: 100% !important; } /* Select2.js - Container - Gravity Forms - Address */ .gform_wrapper.gravity-theme form .gfield .ginput_container_address .select2-container, .gform_wrapper.gravity-theme form .gfield .ginput_container_address .select2-container span { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; } @media (max-width: 640px) { .gform_wrapper.gravity-theme form .gfield .ginput_container_address .select2-container span { margin-bottom: 0; } } /* Select2.js - Selected */ .select2-container .select2-selection--single { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; font-size: var(--font-size-sm); } @media (min-width: 992px) { .select2-container .select2-selection--single { font-size: var(--font-size-default); } } .select2-container--default .select2-selection--single { border: 0.1rem solid var(--color-grey-light); border-radius: 0; line-height: var(--line-sm); background-color: var(--color-white); } .select2-container .select2-selection--single .select2-selection__rendered { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; padding: 1rem; line-height: inherit; color: var(--color-black); } .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__arrow b { position: static; width: auto; height: auto; top: auto; } .select2-container--default .select2-selection--single .select2-selection__arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; min-width: 3.7rem; right: auto; border-left: 0.1rem solid transparent; padding: 1rem; } .select2-container--default .select2-selection--single .select2-selection__arrow b { left: auto; margin: 0; border-width: 0.5rem 0.5rem 0 0.5rem; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-width: 0 0.5rem 0.5rem 0.5rem; } /* Select2.js - Selected - Gravity Forms - Mobile Styles */ @media (max-width: 640px) { .select2-container .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__arrow { padding-left: 1rem; } } /* Select2.js - Selected - Gravity Forms */ .gform_wrapper.gravity-theme form .select2-container .select2-selection--single .select2-selection__rendered, .gform_wrapper.gravity-theme form .select2-container--default .select2-selection--single .select2-selection__arrow { padding: 0; } .gform_wrapper.gravity-theme form .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 1rem; min-height: 1.2em; } @media (min-width: 992px) { .gform_wrapper.gravity-theme form .select2-container .select2-selection--single .select2-selection__rendered { font-size: var(--font-size-default); } } .gform_wrapper.gravity-theme form .select2-container--default .select2-selection--single .select2-selection__arrow { margin-top: calc(var(--pad-y) * -1.75); padding-left: 1rem; } .gform_wrapper.gravity-theme form .select2-dropdown { overflow: hidden; border: 0.1rem solid var(--color-grey-light); border-radius: 1rem; margin-top: 1rem; background-color: var(--color-secondary-lighter); } /* Select2.js - Selected - Gravity Forms - Validation */ .gform_wrapper.gravity-theme form .gfield_error .select2-container .select2-selection--single { border-color: var(--color-warning-darkest) !important; background-color: var(--color-warning-lightest) !important; } .gform_wrapper.gravity-theme form .gfield_error .select2-container .select2-selection--single .select2-selection__rendered { color: var(--color-warning-darkest) !important; } .gform_wrapper.gravity-theme form .gfield_error .select2-container--default .select2-selection--single .select2-selection__arrow { border-left-color: var(--color-warning-darkest) !important; } .gform_wrapper.gravity-theme form .gfield_error .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--color-warning-darkest) transparent transparent transparent !important; } .gform_wrapper.gravity-theme form .gfield_error .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent var(--color-warning-darkest) transparent !important; } /* Select2.js - Results */ .select2-dropdown { border: 0.1rem solid var(--color-grey-light); border-radius: 0; background-color: var(--color-white); } .select2-results__option { padding: 0.5rem 1rem; } .select2-results__option:not(:last-child) { margin-bottom: 0; } .select2-container--default .select2-results__option { color: var(--color-grey-dark); } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: var(--color-grey-light); } .select2-container--default .select2-results__option--highlighted[aria-selected] { color: var(--color-white); background-color: var(--color-grey); } /* Select2.js - Results - Gravity Forms - Validation */ .gform_wrapper.gravity-theme form .gfield_error .select2-dropdown { border-color: var(--color-warning-darkest) !important; } .gform_wrapper.gravity-theme form .gfield_error .select2-container--default .select2-results__option { color: var(--color-warning-darkest) !important; background-color: var(--color-warning-lightest) !important; } .gform_wrapper.gravity-theme form .gfield_error .select2-container--default .select2-results__option[aria-selected=true] { background-color: var(--color-warning-light) !important; } .gform_wrapper.gravity-theme form .gfield_error .select2-container--default .select2-results__option--highlighted[aria-selected] { color: var(--color-white) !important; background-color: var(--color-warning-darker) !important; } /** * Forms - reCAPTCHA * ----------------- */ .grecaptcha-badge[data-style^="bottom"], .grecaptcha-badge[data-style*=" bottom"] { bottom: 55px !important; } /** * Forms - Search * -------------- */ .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; } /* Search - Labels */ .search-form label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 0; } /* Search - Inputs */ .search-form .search-field { width: 100%; max-width: 100%; border: 0.1rem solid var(--color-grey-light); padding: 1rem; font-weight: var(--weight-default); line-height: var(--line-sm); color: var(--color-black); background-color: var(--color-white); } .search-form .search-field::-webkit-input-placeholder, .search-form .search-field:-ms-input-placeholder, .search-form .search-field::-ms-input-placeholder { color: var(--color-grey); } .search-form .search-field::-moz-placeholder { opacity: 1; color: var(--color-grey); } .search-form .search-field::-webkit-input-placeholder { color: var(--color-grey); } .search-form .search-field:-ms-input-placeholder { color: var(--color-grey); } .search-form .search-field::-ms-input-placeholder { color: var(--color-grey); } .search-form .search-field::placeholder { color: var(--color-grey); } /* Search - Buttons */ .search-form label + .search-submit { margin-left: 1rem; } /** * Search Page * ----------- */ .search-form-container { --design-elem-width: 8rem; --design-elem-gap: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { .search-form-container { --design-elem-width: 16rem; --design-elem-gap: 8rem; } } .search-form-container > * { width: 100%; } .search-form-container > h1, .search-form-container > .subtitle { padding-right: calc(var(--design-elem-width) + var(--design-elem-gap)); } .search-form-container .search-form { position: relative; } .search-form-container .search-form::after { display: block; content: ''; position: absolute; right: var(--design-elem-gap); bottom: 100%; width: var(--design-elem-width); height: calc(var(--design-elem-width) * 0.8); background-image: url('../images/design-assets/meerkat-search.png'); background-size: contain; background-repeat: no-repeat; } .search-form-container .search-form-submit { margin-top: var(--space-default); width: unset; } /* Search - Results */ .search-result-count, .search-result-item > *:last-child { margin-bottom: var(--space-xl); } .search-result-item h3 > a { background: none; } .search-result-item h3 .title { -webkit-transition: none; -o-transition: none; transition: none; font-weight: var(--weight-light); } .search-result-item h3:hover { color: var(--color-black); } /** * Images * ------ */ img { width: 100%; max-width: 100%; height: auto; margin-bottom: 1.5rem; } @media (min-width: 992px) { img { margin-bottom: 3rem; } } @media (min-width: 992px) { .img-wrapper { margin-bottom: 3rem; } } .img-wrapper img { margin-bottom: 0; } .img-wrapper:not(.aspect-original) { position: relative; display: block; width: 100%; height: 0; } .img-wrapper:not(.aspect-original) img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } /* Images - Aspect Ratios */ .img-wrapper.aspect-21-9 { padding-top: var(--aspect-21-9) !important; } .img-wrapper.aspect-2-1 { padding-top: var(--aspect-2-1) !important; } .img-wrapper.aspect-16-9 { padding-top: var(--aspect-16-9) !important; } .img-wrapper.aspect-3-2 { padding-top: var(--aspect-3-2) !important; } .img-wrapper.aspect-4-3 { padding-top: var(--aspect-4-3) !important; } .img-wrapper.aspect-5-4 { padding-top: var(--aspect-5-4) !important; } .img-wrapper.aspect-1-1 { padding-top: var(--aspect-1-1) !important; } .img-wrapper.aspect-4-5 { padding-top: var(--aspect-4-5) !important; } .img-wrapper.aspect-3-4 { padding-top: var(--aspect-3-4) !important; } .img-wrapper.aspect-2-3 { padding-top: var(--aspect-2-3) !important; } .img-wrapper.aspect-9-16 { padding-top: var(--aspect-9-16) !important; } .img-wrapper.aspect-1-2 { padding-top: var(--aspect-1-2) !important; } .img-wrapper.aspect-9-21 { padding-top: var(--aspect-9-21) !important; } /* Images - SVGs */ .svg-wrapper { position: relative; display: block; width: 100%; height: 0; overflow: hidden; } .svg-wrapper > svg, .svg-wrapper > img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } /* Images - Backgrounds */ *[class^="bg-img"], *[class*=" bg-img"] { background-repeat: no-repeat; } *[class^="bg-img-cover"], *[class*=" bg-img-cover"] { background-size: cover; } *[class^="bg-img-contain"], *[class*=" bg-img-contain"] { background-size: contain; } .bg-img-cover-center, .bg-img-contain-center { background-position: center; } .bg-img-cover-left-center, .bg-img-contain-left-center { background-position: left center; } /* Images - Backgrounds - Aspect Ratios */ *[class^="bg-img"].aspect-5-1, *[class*=" bg-img"].aspect-5-1 { padding-top: 20% !important; } *[class^="bg-img"].aspect-21-9, *[class*=" bg-img"].aspect-21-9 { padding-top: 42.87% !important; } *[class^="bg-img"].aspect-2-1, *[class*=" bg-img"].aspect-2-1 { padding-top: 50% !important; } *[class^="bg-img"].aspect-16-9, *[class*=" bg-img"].aspect-16-9 { padding-top: 56.25% !important; } *[class^="bg-img"].aspect-3-2, *[class*=" bg-img"].aspect-3-2 { padding-top: 66.67% !important; } *[class^="bg-img"].aspect-4-3, *[class*=" bg-img"].aspect-4-3 { padding-top: 75% !important; } *[class^="bg-img"].aspect-5-4, *[class*=" bg-img"].aspect-5-4 { padding-top: 80% !important; } *[class^="bg-img"].aspect-1-1, *[class*=" bg-img"].aspect-1-1 { padding-top: 100% !important; } *[class^="bg-img"].aspect-4-5, *[class*=" bg-img"].aspect-4-5 { padding-top: 125% !important; } *[class^="bg-img"].aspect-3-4, *[class*=" bg-img"].aspect-3-4 { padding-top: 133.33% !important; } *[class^="bg-img"].aspect-2-3, *[class*=" bg-img"].aspect-2-3 { padding-top: 150% !important; } *[class^="bg-img"].aspect-9-16, *[class*=" bg-img"].aspect-9-16 { padding-top: 177.78% !important; } *[class^="bg-img"].aspect-1-2, *[class*=" bg-img"].aspect-1-2 { padding-top: 200% !important; } *[class^="bg-img"].aspect-9-21, *[class*=" bg-img"].aspect-9-21 { padding-top: 233.33% !important; } *[class^="bg-img"].aspect-1-5, *[class*=" bg-img"].aspect-1-5 { padding-top: 500% !important; } /** * Icons - Font Awesome * -------------------- */ /* Icons - Font Awesome - Spacing */ *[class^="fa-"].has-space-right, *[class*=" fa-"].has-space-right { margin-right: 0.5em; } *[class^="fa-"].has-space-right-less, *[class*=" fa-"].has-space-right-less { margin-right: 0.25em; } *[class^="fa-"].has-space-left, *[class*=" fa-"].has-space-left { margin-left: 0.5em; } *[class^="fa-"].has-space-left-less, *[class*=" fa-"].has-space-left-less { margin-left: 0.25em; } /** * Figures * ------- */ /* Figures - WP Image Captions */ .wp-caption { width: 100%; max-width: 100%; margin-bottom: 1.5rem; } @media (min-width: 992px) { .wp-caption { margin-bottom: 3rem; } } .wp-caption.alignleft { margin-right: 30px; float: left; } .wp-caption.aligncenter { margin-left: auto; margin-right: auto; } .wp-caption.alignright { margin-left: 30px; float: right; } .wp-caption .wp-caption-text { padding: 1rem 1.5rem; font-size: var(--font-size-xs); } @media (min-width: 992px) { .wp-caption .wp-caption-text { padding: 1.5rem; font-size: var(--font-size-sm); } } /** * Videos * ------ */ .content-item-videos .videos-slider .slide-video-wrapper { margin-bottom: var(--space-lg); } .embed-responsive video { background-color: var(--color-grey-light); } /** * Embeds * ------ */ .embed-responsive { margin: 1.5rem 0; } @media (min-width:992px) { .embed-responsive { margin: 3rem 0; } } .embed-responsive-9by16 { padding-top: 177.78%; /* (16 / 9) * 100% */ } /** * Tables * ------ */ .table-responsive, .table { margin-bottom: 1.5rem; } @media (min-width: 992px) { .table-responsive, .table { margin-bottom: 3rem; } } .table { color: inherit; } .table-responsive > .table { margin-bottom: 0; } /* Tables - Colors */ .table-transparent, .table-transparent > th, .table-transparent > td { background-color: transparent !important; } .table-primary, .table-primary > th, .table-primary > td { background-color: var(--color-primary) !important; } /** * Popovers * -------- */ .popover { max-width: 290px; /* Smallest screen size is 320px minus 15px each side for container padding */ border: 0; border-radius: 0; font-family: inherit; font-size: var(--font-size-xs); font-weight: inherit; line-height: inherit; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: calc(1rem + 1px); } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: calc(1rem + 1px); } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: calc(1rem + 1px); } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: calc(1rem + 1px); } /* Popovers - Blocks */ .popover-header, .popover-body { padding: 0.75rem; } .popover-header { border-bottom: 0; border-radius: 0; font-size: inherit; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { display: none; } .popover-body { color: inherit; } .popover-header + .popover-body { padding-top: 0; } /* Popovers - Arrows */ .popover .arrow::before { display: none; } /** * Cards * ----- */ .card { border: 0; border-radius: 0; background-color: transparent; } a.card { font-weight: var(--weight-default); } /* Cards - Typography */ .card-badge, .card-title, .card-subtitle, .card-text, .card-text p, .card-link { margin-bottom: 0.75rem; } @media (min-width: 992px) { .card-badge, .card-title, .card-subtitle, .card-text, .card-text p, .card-link { margin-bottom: 1.5rem; } } .card-title { color: var(--color-black); } .card-subtitle { margin-top: 0; } /* Cards - Links & Buttons */ .card-link:not(.btn) { display: block; } /* Cards - Images & Icons */ .card-img, .card-icon { max-width: 100%; } .card-img { border-radius: 0; } img.card-img { -o-object-fit: cover; object-fit: cover; } .card-img[class^="rounded"], .card-img[class*=" rounded"] { overflow: hidden; } .card-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } /* Cards - Images & Icons - Sizing */ .card-icon-width-sm { width: 1.5em; } .card-icon-width-default { width: 3em; } .card-icon-width-lg { width: 4.5em; } .card-icon-width-xl { width: 6em; } /* Cards - Images & Icons - Overlays */ .card-img-overlay { overflow: hidden; } /* Cards - Blocks */ .card-header, .card-body, .card-footer { padding: 0; } .card-img:not(:last-child), .card-icon:not(:last-child), .card-header:not(:last-child), .card-body:not(:last-child), .card-footer:not(:last-child){ margin-bottom: 1rem; } @media (min-width: 992px) { .card-img:not(:last-child), .card-icon:not(:last-child), .card-header:not(:last-child), .card-body:not(:last-child), .card-footer:not(:last-child) { margin-bottom: 1.5rem; } } .card-header, .card-footer { background-color: transparent; } .card-header { border-bottom: 0; } .card-header:first-child { border-radius: 0; } .card-footer { border-top: 0; } .card-footer:last-child { border-radius: 0; } /* Cards - Typography */ .card-title a, .card-text a { font-weight: inherit; } .card-list { margin-bottom: 0.25rem; } @media (min-width: 992px) { .card-list { margin-bottom: 0.5rem; } } /* Cards - Post Types - Post */ .card-post .card-img { -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); } .card-post:hover .card-img, .card-post:focus .card-img { -webkit-filter: grayscale(100%) sepia(100%) saturate(500%) hue-rotate(10deg); filter: grayscale(100%) sepia(100%) saturate(500%) hue-rotate(10deg); } /* Cards - Post Types - Service */ .card-post-service { /* Variables */ --card-color: var(--color-black); --card-background-color: rgba(23,23,23,0.3); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.5rem; border-radius: 1rem; -webkit-box-shadow: 0 0 0 transparent inset, 0 0.3rem 0.6rem var(--color-black-15p); box-shadow: 0 0 0 transparent inset, 0 0.3rem 0.6rem var(--color-black-15p); color: var(--card-color); background-color: var(--card-background-color); } @media (min-width: 992px) { .card-post-service { /* Variables */ --card-color: var(--color-secondary-lighter); --card-background-color: var(--color-default-25p); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 3rem; border-radius: 2.5rem; } } a.card-post-service.hover { color: var(--card-color); } @media (min-width: 992px) { a.card-post-service.hover { /* Variables */ --card-color: var(--color-black); } } a.card-post-service:focus, a.card-post-service.focus, a.card-post-service:active, a.card-post-service.active { -webkit-box-shadow: 0 0.15rem 0.3rem var(--color-black-15p) inset, 0 0.15rem 0.3rem var(--color-black-15p) !important; box-shadow: 0 0.15rem 0.3rem var(--color-black-15p) inset, 0 0.15rem 0.3rem var(--color-black-15p) !important; } a.card-post-service.disabled { /* Variables */ --card-color: var(--color-secondary); --card-background-color: var(--color-secondary-lighter); -webkit-box-shadow: 0 0 0 transparent inset, 0 0.3rem 0.6rem var(--color-black-15p) !important; box-shadow: 0 0 0 transparent inset, 0 0.3rem 0.6rem var(--color-black-15p) !important; } @media (max-width: 991px) { .card-post-service .card-body { text-align: center; } } .card-post-service .card-body:not(:last-child) { margin-bottom: 0; } @media (max-width: 991px) { .card-post-service .card-body:not(:last-child) { padding-right: 1.5rem; } } .card-post-service .card-body { position: relative; z-index: 1; } .card-post-service .card-body .card-title { -webkit-transition: all var(--transition-quick-ease); -o-transition: all var(--transition-quick-ease); transition: all var(--transition-quick-ease); color: var(--card-color); } @media (max-width: 991px) { .card-post-service .card-body > .card-title { margin-bottom: -0.125em !important; } } @media (min-width: 992px) { .card-post-service .card-body .card-title { font-size: 3.2rem; color: var(--color-primary); } a.card-post-service.hover .card-body .card-title { color: var(--card-color); } } .card-post-service .card-body .card-text, .card-post-service .card-body .card-link { color: var(--card-color); } @media (max-width: 991px) { .card-post-service .card-body .card-text { display: none; } } .card-post-service .card-body .card-text[class^="text-truncate"]::before, .card-post-service .card-body .card-text[class*=" text-truncate"]::before, .card-post-service .card-body .card-text[class^="text-truncate"]::after, .card-post-service .card-body .card-text[class*=" text-truncate"]::after { -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); background-color: transparent; } .card-post-service .card-body .card-text[class^="text-truncate"]::before, .card-post-service .card-body .card-text[class*=" text-truncate"]::before { color: var(--card-color); } .card-post-service .card-body .card-link { font-size: var(--font-size-xs); } @media (max-width: 991px) { .card-post-service .card-body .card-link { display: none; } } @media (min-width: 992px) { .card-post-service .card-body .card-link { font-size: var(--font-size-sm); } } @media (max-width: 991px) { .card-post-service .card-icon { width: 20%; max-width: 6rem; } } @media (min-width: 992px) { .card-post-service .card-icon { display: none; } } .card-post-service .card-icon svg { fill: currentColor; } /* Touch Screen */ @media (hover: none) or (pointer: coarse) { .card-post-service:hover { -webkit-transition: none; -o-transition: none; transition: none; background-color: var(--color-primary); } } /* Cards - Post Types - Work */ .card-post-work { overflow: hidden; position: relative; border-radius: 2.5rem; padding: 0; } .card-post-work .embed-responsive { margin: 0; } .card-post-work .card-img { margin-bottom: 0; } .card-post-work .video-background { overflow: hidden; position: relative; padding-top: 100%; width: 100%; height: 0; } .card-post-work .video-background video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .card-post-work .card-badge { position: absolute; top: var(--space-default); left: var(--space-default); border-radius: var(--border-radius-soft); margin-bottom: 0; padding: var(--space-sm) var(--space-default); color: var(--color-primary); background-color: var(--color-black); } .card-post-work .card-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: var(--space-md) var(--space-default); font-family: var(--font-primary); text-align: center; } .card-post-work .card-title small { margin-top: var(--space-sm); } .card-post-work .background-effect { pointer-events: none; } /* Touch Screen */ @media (hover: none) or (pointer: coarse) { .card-post-work { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .card-post-work .card-title { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; width: 100%; font-size: var(--font-size-default); background-color: var(--color-primary); } } /* Desktop */ @media (hover: hover) and (pointer: fine) { .card-post-work .background-effect { -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); background: var(--color-primary-80p); z-index: 1; } .card-post-work .card-img { -webkit-transition: var(--transition-slow-cubic); -o-transition: var(--transition-slow-cubic); transition: var(--transition-slow-cubic); -webkit-transition-property: -webkit-transform, -webkit-filter; transition-property: -webkit-transform, -webkit-filter; -o-transition-property: transform, filter; transition-property: transform, filter; transition-property: transform, filter, -webkit-transform, -webkit-filter; } .card-post-work.hover .card-img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .card-post-work .card-title { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); -webkit-transition: var(--transition-default-cubic); -o-transition: var(--transition-default-cubic); transition: var(--transition-default-cubic); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-delay: var(--transition-duration-quick); -o-transition-delay: var(--transition-duration-quick); transition-delay: var(--transition-duration-quick); opacity: 0; z-index: 1; } .card-post-work.hover .card-title { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } } /** * Card Decks * ---------- */ /* Card Decks - Default */ .card-deck { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 15px -15px; } .card-deck .card-deck-col { padding: 15px; } /* Card Decks - Widths */ .card-deck[class^="card-width"] .card-deck-col, .card-deck[class*=" card-width"] .card-deck-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .card-deck.card-width-16p .card-deck-col, .card-deck .card-deck-col.card-width-16p { width: 16.667%; } .card-deck.card-width-20p .card-deck-col, .card-deck .card-deck-col.card-width-20p { width: 20%; } .card-deck.card-width-25p .card-deck-col, .card-deck > .card-deck-col.card-width-25p { width: 25%; } .card-deck.card-width-33p .card-deck-col, .card-deck .card-deck-col.card-width-33p { width: 33.3333%; } .card-deck.card-width-50p .card-deck-col, .card-deck > .card-deck-col.card-width-50p { width: 50%; } .card-deck.card-width-66p .card-deck-col, .card-deck .card-deck-col.card-width-66p { width: 66.668%; } .card-deck.card-width-75p .card-deck-col, .card-deck .card-deck-col.card-width-75p { width: 75%; } .card-deck.card-width-100p .card-deck-col, .card-deck .card-deck-col.card-width-100p { width: 100%; } @media (min-width: 481px) { .card-deck.card-width-xs-16p .card-deck-col, .card-deck .card-deck-col.card-width-xs-16p { width: 16.667%; } .card-deck.card-width-xs-20p .card-deck-col, .card-deck .card-deck-col.card-width-xs-20p { width: 20%; } .card-deck.card-width-xs-25p .card-deck-col, .card-deck .card-deck-col.card-width-xs-25p { width: 25%; } .card-deck.card-width-xs-33p .card-deck-col, .card-deck .card-deck-col.card-width-xs-33p { width: 33.3333%; } .card-deck.card-width-xs-50p .card-deck-col, .card-deck .card-deck-col.card-width-xs-50p { width: 50%; } .card-deck.card-width-xs-66p .card-deck-col, .card-deck .card-deck-col.card-width-xs-66p { width: 66.668%; } .card-deck.card-width-xs-75p .card-deck-col, .card-deck .card-deck-col.card-width-xs-75p { width: 75%; } .card-deck.card-width-xs-100p .card-deck-col, .card-deck .card-deck-col.card-width-xs-100p { width: 100%; } } @media (min-width: 576px) { .card-deck.card-width-sm-16p .card-deck-col, .card-deck .card-deck-col.card-width-sm-16p { width: 16.6666%; } .card-deck.card-width-sm-20p .card-deck-col, .card-deck .card-deck-col.card-width-sm-20p { width: 20%; } .card-deck.card-width-sm-25p .card-deck-col, .card-deck .card-deck-col.card-width-sm-25p { width: 25%; } .card-deck.card-width-sm-33p .card-deck-col, .card-deck .card-deck-col.card-width-sm-33p { width: 33.33333%; } .card-deck.card-width-sm-50p .card-deck-col, .card-deck .card-deck-col.card-width-sm-50p { width: 50%; } .card-deck.card-width-sm-66p .card-deck-col, .card-deck .card-deck-col.card-width-sm-66p { width: 66.667%; } .card-deck.card-width-sm-75p .card-deck-col, .card-deck .card-deck-col.card-width-sm-75p { width: 75%; } .card-deck.card-width-sm-100p .card-deck-col, .card-deck .card-deck-col.card-width-sm-100p { width: 100%; } } @media (min-width: 768px) { .card-deck.card-width-md-16p .card-deck-col, .card-deck .card-deck-col.card-width-md-16p { width: 16.667%; } .card-deck.card-width-md-20p .card-deck-col, .card-deck .card-deck-col.card-width-md-20p { width: 20%; } .card-deck.card-width-md-25p .card-deck-col, .card-deck .card-deck-col.card-width-md-25p { width: 25%; } .card-deck.card-width-md-33p .card-deck-col, .card-deck .card-deck-col.card-width-md-33p { width: 33.3333%; } .card-deck.card-width-md-50p .card-deck-col, .card-deck .card-deck-col.card-width-md-50p { width: 50%; } .card-deck.card-width-md-66p .card-deck-col, .card-deck .card-deck-col.card-width-md-66p { width: 66.668%; } .card-deck.card-width-md-75p .card-deck-col, .card-deck .card-deck-col.card-width-md-75p { width: 75%; } .card-deck.card-width-md-100p .card-deck-col, .card-deck .card-deck-col.card-width-md-100p { width: 100%; } } @media (min-width: 992px) { .card-deck.card-width-lg-16p .card-deck-col, .card-deck .card-deck-col.card-width-lg-16p { width: 16.667%; } .card-deck.card-width-lg-20p .card-deck-col, .card-deck .card-deck-col.card-width-lg-20p { width: 20%; } .card-deck.card-width-lg-25p .card-deck-col, .card-deck .card-deck-col.card-width-lg-25p { width: 25%; } .card-deck.card-width-lg-33p .card-deck-col, .card-deck .card-deck-col.card-width-lg-33p { width: 33.3333%; } .card-deck.card-width-lg-50p .card-deck-col, .card-deck .card-deck-col.card-width-lg-50p { width: 50%; } .card-deck.card-width-lg-66p .card-deck-col, .card-deck .card-deck-col.card-width-lg-66p { width: 66.668%; } .card-deck.card-width-lg-75p .card-deck-col, .card-deck .card-deck-col.card-width-lg-75p { width: 75%; } .card-deck.card-width-lg-100p .card-deck-col, .card-deck .card-deck-col.card-width-lg-100p { width: 100%; } } @media (min-width: 1200px) { .card-deck.card-width-xl-16p .card-deck-col, .card-deck .card-deck-col.card-width-xl-16p { width: 16.667%; } .card-deck.card-width-xl-20p .card-deck-col, .card-deck .card-deck-col.card-width-xl-20p { width: 20%; } .card-deck.card-width-xl-25p .card-deck-col, .card-deck .card-deck-col.card-width-xl-25p { width: 25%; } .card-deck.card-width-xl-33p .card-deck-col, .card-deck .card-deck-col.card-width-xl-33p { width: 33.3333%; } .card-deck.card-width-xl-50p .card-deck-col, .card-deck .card-deck-col.card-width-xl-50p { width: 50%; } .card-deck.card-width-xl-66p .card-deck-col, .card-deck .card-deck-col.card-width-xl-66p { width: 66.668%; } .card-deck.card-width-xl-75p .card-deck-col, .card-deck .card-deck-col.card-width-xl-75p { width: 75%; } .card-deck.card-width-xl-100p .card-deck-col, .card-deck .card-deck-col.card-width-xl-100p { width: 100%; } } @media (min-width: 1500px) { .card-deck.card-width-xxl-16p .card-deck-col, .card-deck .card-deck-col.card-width-xxl-16p { width: 16.667%; } .card-deck.card-width-xxl-20p .card-deck-col, .card-deck .card-deck-col.card-width-xxl-20p { width: 20%; } .card-deck.card-width-xxl-25p .card-deck-col, .card-deck .card-deck-col.card-width-xxl-25p { width: 25%; } .card-deck.card-width-xxl-33p .card-deck-col, .card-deck .card-deck-col.card-width-xxl-33p { width: 33.3333%; } .card-deck.card-width-xxl-50p .card-deck-col, .card-deck .card-deck-col.card-width-xxl-50p { width: 50%; } .card-deck.card-width-xxl-66p .card-deck-col, .card-deck .card-deck-col.card-width-xxl-66p { width: 66.668%; } .card-deck.card-width-xxl-75p .card-deck-col, .card-deck .card-deck-col.card-width-xxl-75p { width: 75%; } .card-deck.card-width-xxl-100p .card-deck-col, .card-deck .card-deck-col.card-width-xxl-100p { width: 100%; } } /* Card Decks - Cards */ .card-deck .card-deck-col .card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } @media (min-width: 576px) { .card-deck .card-deck-col .card { margin-right: 0; margin-left: 0; } } /* Card Decks - Messages */ .card-deck .card-deck-message { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding: 15px; } .card-deck .card-deck-message .message-title { text-align: center; } /* Card Decks - Hidden */ .card-deck-format-grid.hidden, .card-deck-format-slider.hidden { display: none; } /* Card Decks - Post Types - Post */ .card-deck-post .card-deck-col::after { content: ''; display: block; padding-bottom: 3rem; border-bottom: 0.2rem solid var(--color-secondary); } /** * Sliders - Slick * --------------- */ /* Slick - Sliders - Containers */ .slick-slider-container { position: relative; width: 100%; } /* Slick - Sliders */ .slick-slider { width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all var(--transition-slow-ease); -o-transition: all var(--transition-slow-ease); transition: all var(--transition-slow-ease); } .slick-slider.slick-initialized { opacity: 1; visibility: visible; } .slick-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* Slick - Slides */ .slick-slider .slick-slide { height: auto; } .slick-slider.slick-initialized .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* Slick - Navigations */ .slick-slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding-right: 15px; padding-left: 15px; } /* Slick - Navigations - Previous & Next */ .slick-prev, .slick-next { font-size: inherit; color: inherit; } .slick-prev::before, .slick-next::before { display: none; } /* Slick - Navigations - Dots */ .slick-slider.slick-dotted { margin-bottom: 0; } .slick-dots, .slick-dots li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; } .slick-dots { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; bottom: 0; margin: 1.5rem -0.5rem; } .slick-dots li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: auto; margin: 0 0.5rem; } .slick-dots li:not(:last-child) { margin-bottom: 0; } .slick-dots li::before { display: none; } .slick-dots li button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 1rem; height: 1rem; border-radius: 50%; padding: 0; background-color: var(--color-grey-lighter); } .slick-dots li.slick-active button { background-color: var(--color-grey-dark); } .slick-dots li button::before { display: none; } /* Slick - Navigations - Thumbnails */ .slick-thumbnails li { -webkit-box-flex: 0; -ms-flex: 0 1 10%; flex: 0 1 10%; width: 100%; max-width: 100px; } .slick-thumbnails li button, .slick-thumbnails li.slick-active button { background-color: transparent; } .slick-thumbnails li button { width: 100%; height: auto; border-radius: 0; } .slick-thumbnails li button *[class^="bg-img"], .slick-thumbnails li button *[class*=" bg-img"] { display: block; width: 100%; } /* Slick - Image */ .slide-img { margin-bottom: 0; } /* Slick - Navigations - Dots */ .slick-dots { margin-right: -0.75rem; margin-left: -0.75rem; } @media (min-width: 992px) { .slick-dots { margin: 3rem -1.5rem; } } .slick-dots > li { margin-right: 0.75rem; margin-left: 0.75rem; } @media (min-width: 992px) { .slick-dots > li { margin-right: 1.5rem; margin-left: 1.5rem; } } .slick-dots > li button { width: 1.25rem; height: 1.25rem; background-color: var(--color-secondary-lighter); } .slick-dots > li.slick-active button { -webkit-box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.2); background-color: var(--color-grey); } /* Slick - Navigations - Dot - Positions */ .slick-dot-under { position: relative !important; } .slick-dot-on-top { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; right: initial !important; width: auto; } .slick-dot-on-top .slick-dots { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 1rem 1.25rem; margin: 0 0 1.5rem 0; } @media (min-width: 576px) { .slick-dot-on-top .slick-dots { margin: 0 1.5rem 1.5rem; } } @media (min-width: 992px) { .slick-dot-on-top .slick-dots { padding: 1.5rem 1.75rem; margin: 0 5rem 5rem; } } .container-fluid .slick-dot-on-top .slick-dots { margin-right: 0; margin-left: 0; } @media (min-width: 992px) { .container-fluid .slick-dot-on-top .slick-dots { margin: 0 3.5rem 5rem; } } .slick-dot-on-top .slick-dots::after { display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.8; border-radius: 999px; background-color: var(--color-secondary-light); } .slick-dot-on-top .slick-dots > li { margin-top: 0.5rem; margin-bottom: 0.5rem; margin-right: 0; margin-left: 0; z-index: 1; } @media (min-width: 992px) { .slick-dot-on-top .slick-dots > li { margin-top: 0.75rem; margin-bottom: 0.75rem; } } .slick-dot-on-top .slick-dots > li button { -webkit-box-shadow: none; box-shadow: none; background-color: var(--color-grey); } .slick-dot-on-top .slick-dots > li.slick-active button { -webkit-box-shadow: none; box-shadow: none; background-color: var(--color-grey-darkest); } /* Slick - Navigations - Previous & Next */ .slick-prev, .slick-next { font-size: 3rem; width: auto; height: auto; top: calc((100% - var(--sldr-img-height-offset)) * 0.5); } @media (min-width: 576px) { .slick-prev { left: -1.5rem; } .slick-next { right: -1.5rem; } } @media (min-width: 992px) { .slick-prev, .slick-next { font-size: 5rem; } .slick-prev { left: -2.5rem; } .slick-next { right: -2.5rem; } } @media (min-width: 1200px) { .slick-prev { left: -3.5rem; } .slick-next { right: -3.5rem; } } .slick-prev, .slick-next, .slick-prev:focus, .slick-next:focus { color: var(--color-grey-80p); } .slick-prev:hover, .slick-next:hover { color: var(--color-black); } /** * Design Elements * --------------- */ /* Design Elements - Arrows - Dotted */ .arrow-dotted-arrow { display: inline-block; width: calc( var(--width) / 2.2 ); } @media (min-width: 992px) { .arrow-dotted-arrow { width: var(--width); } } img + .arrow-dotted > .arrow-dotted-arrow { margin-top: calc( var(--width) * -0.1 ); } /* Design Elements - Generic */ a.design-elem-group { display: block; } .design-elem { position: relative; width: 1em; } a.design-elem, button.design-elem { display: block; -webkit-transition: none; -o-transition: none; transition: none; font-weight: inherit; } button.design-elem { padding: 0; border: 0; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; vertical-align: baseline; font-family: inherit; font-size: inherit; line-height: inherit; text-transform: inherit; text-align: inherit; } .design-elem-img:not(img) { display: block; width: 100%; height: 0; background-size: 100%; background-repeat: no-repeat; } .design-elem-text { position: absolute; font-family: var(--font-primary); font-weight: var(--weight-default); line-height: var(--line-single); text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a.design-elem-flip .design-elem-img, button.design-elem-flip .design-elem-img { background-position: bottom center; } a.design-elem-flip:hover .design-elem-img, a.design-elem-flip:focus .design-elem-img, a.design-elem-flip.focus .design-elem-img, a.design-elem-flip:active .design-elem-img, a.design-elem-flip.active .design-elem-img, button.design-elem-flip:hover .design-elem-img, button.design-elem-flip:focus .design-elem-img, button.design-elem-flip.focus .design-elem-img, button.design-elem-flip:active .design-elem-img, button.design-elem-flip.active .design-elem-img { background-position: top center; } .design-elem.hidden { opacity: 0; visibility: hidden; } /* Design Elements - Birds */ .design-elem.bird-banner { font-size: 160px; } @media (min-width: 992px) { .design-elem.bird-banner { font-size: 250px; } } @media (min-width: 1920px) { .design-elem.bird-banner { font-size: 300px; /* 20% bigger than previous breakpoint size */ } } .design-elem.bird-banner .design-elem-img { padding-top: 45.60%; background-image: url('../images/design-assets/bird-banner-v2.png'); } .design-elem.bird-banner .design-elem-text { top: 55%; right: 14%; left: 28%; -webkit-transform: translateY(-50%) rotate(-8deg); -ms-transform: translateY(-50%) rotate(-8deg); transform: translateY(-50%) rotate(-8deg); font-size: 0.125em; color: var(--color-grey-dark); } a.design-elem.bird-banner:hover .design-elem-text, a.design-elem.bird-banner:focus .design-elem-text, a.design-elem.bird-banner.focus .design-elem-text, a.design-elem.bird-banner:active .design-elem-text, a.design-elem.bird-banner.active .design-elem-text { color: var(--color-black); } /* Design Elements - Chimpanzees */ .design-elem.chimpanzee { font-size: 150px; } .design-elem.chimpanzee .design-elem-img { padding-top: 151.17%; background-image: url('../images/design-assets/chimpanzee.png'); } /* Design Elements - Grasses */ .design-elem.grass { --grass-height: 43px; overflow: hidden; position: relative; pointer-events: none; z-index: 1; width: 100%; height: var(--grass-height); margin-top: calc(var(--grass-height) * -1); } .design-elem.grass::after { --offset: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; content: ''; margin: 0 calc(var(--offset) * -1); height: 100%; width: calc(100% + (var(--offset) * 2)); background: url('../images/design-assets/grass.svg') 0 calc(100% + 1px) repeat-x, url('../images/design-assets/grass.svg') 50px calc(100% + 1px) repeat-x; } .design-elem.grass svg { position: absolute; bottom: 0; left: 0; } .design-elem.grass svg path { fill: none; stroke: var(--color-black); } /* Design Elements - Lemurs */ .design-elem.lemur-couple { font-size: 250px; } .design-elem.lemur-couple .design-elem-img { padding-top: 84%; background-image: url('../images/design-assets/lemur-couple.png'); } /* Design Elements - Meerkats */ .design-elem.meerkat-megaphone { font-size: 126px; } @media (min-width: 1920px) { .design-elem.meerkat-megaphone { font-size: 151px; /* 20% bigger than previous breakpoint size */ } } .design-elem.meerkat-megaphone .design-elem-img { padding-top: 121%; background-image: url('../images/design-assets/meerkat-megaphone-v2.png'); } .design-elem.meerkat-megaphone .design-elem-text { right: 30%; bottom: 85%; -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; font-size: 0.191em; color: var(--color-grey-dark); } a.design-elem.meerkat-megaphone:hover .design-elem-text, a.design-elem.meerkat-megaphone:focus .design-elem-text, a.design-elem.meerkat-megaphone.focus .design-elem-text, a.design-elem.meerkat-megaphone:active .design-elem-text, a.design-elem.meerkat-megaphone.active .design-elem-text { color: var(--color-black); } .design-elem.meerkat-jeep { font-size: 350px; } @media (min-width: 1920px) { .design-elem.meerkat-jeep { font-size: 420px; /* 20% bigger than previous breakpoint size */ } } .design-elem.meerkat-jeep .design-elem-img { padding-top: 98.14%; background-image: url('../images/design-assets/meerkat-jeep.png'); } .design-elem.meerkat-couple { font-size: 120px; } .design-elem.meerkat-couple .design-elem-img { padding-top: 131.25%; background-image: url('../images/design-assets/meerkat-couple.png'); } /* Design Elements - Ostriches */ .design-elem.ostrich { font-size: 225px; } .design-elem.ostrich .design-elem-img { padding-top: 75.56%; background-image: url('../images/design-assets/ostrich.png'); } /* Design Elements - Rhino */ .design-elem.rhino-couple { font-size: 250px; } .design-elem.rhino-couple .design-elem-img { padding-top: 80.80%; background-image: url('../images/design-assets/rhino-couple.png'); } /* Design Elements - Sign Posts */ .design-elem.sign-post { font-size: 154px; } @media (min-width: 992px) { .design-elem.sign-post { font-size: 220px; } } .design-elem.sign-post ul { position: absolute; top: 3%; right: 0; left: 0; margin-bottom: 0; } .design-elem.sign-post ul > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .design-elem.sign-post ul > li:not(:last-child) { margin-bottom: 0; } .design-elem.sign-post-pole { width: 20%; margin: 0 auto; } .design-elem.sign-post-pole .design-elem-img { padding-top: 712.5%; background-image: url('../images/design-assets/sign-post-pole.png'); } .design-elem.sign-right { -ms-flex-item-align: end; align-self: flex-end; width: 92.5%; } .design-elem.sign-left { -ms-flex-item-align: start; align-self: flex-start; width: 88.54%; } .design-elem.sign-right .design-elem-img { padding-top: 38.51%; background-image: url('../images/design-assets/sign-post-sign-right.png'); } .design-elem.sign-left .design-elem-img { padding-top: 38.82%; background-image: url('../images/design-assets/sign-post-sign-left.png'); } .design-elem.sign-right .design-elem-text, .design-elem.sign-left .design-elem-text { top: 50%; -webkit-transform: translateY(-50%) rotate(-4deg); -ms-transform: translateY(-50%) rotate(-4deg); transform: translateY(-50%) rotate(-4deg); font-size: 0.1667em; color: var(--color-secondary-lighter); } .design-elem.sign-right .design-elem-text { right: 12%; left: 2%; } .design-elem.sign-left .design-elem-text { right: 2%; left: 12%; } a.design-elem.sign-right:hover .design-elem-text, a.design-elem.sign-right:focus .design-elem-text, a.design-elem.sign-right.focus .design-elem-text, a.design-elem.sign-right:active .design-elem-text, a.design-elem.sign-right.active .design-elem-text, a.design-elem.sign-left:hover .design-elem-text, a.design-elem.sign-left:focus .design-elem-text, a.design-elem.sign-left.focus .design-elem-text, a.design-elem.sign-left:active .design-elem-text, a.design-elem.sign-left.active .design-elem-text { color: var(--color-primary); } /* Design Elements - Stereoscopes */ .design-elem.stereoscope { margin-top: var(--space-xl); font-size: 740px; } .design-elem.stereoscope-reel { position: absolute; width: 53.51%; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .design-elem.stereoscope-reel .design-elem-img { padding-top: 100%; -webkit-transition: -webkit-transform var(--transition-default-ease); transition: -webkit-transform var(--transition-default-ease); -o-transition: transform var(--transition-default-ease); transition: transform var(--transition-default-ease); transition: transform var(--transition-default-ease), -webkit-transform var(--transition-default-ease); background-image: url('../images/design-assets/stereoscope-reel.png'); } .design-elem.stereoscope-lever { cursor: pointer; position: absolute; width: 14.46%; right: 0; bottom: 32%; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .design-elem.stereoscope-lever.clicking { -webkit-animation: push-down 350ms linear forwards; animation: push-down 350ms linear forwards; } .design-elem.stereoscope-lever .design-elem-img { padding-top: 123.36%; background-image: url('../images/design-assets/stereoscope-lever.png'); } .design-elem.stereoscope-body { pointer-events: none; width: 100%; } .design-elem.stereoscope-body .design-elem-img { padding-top: 50%; background-image: url('../images/design-assets/stereoscope-body.png'); background-position: bottom; } /* Design Elements - Stereoscopes - Bubble */ .design-elem.stereoscope .bubble-wrapper { position: absolute; bottom: 70%; width: 100%; -webkit-animation: bounce 1s infinite; animation: bounce 1s infinite; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; -o-transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; } .design-elem.stereoscope:not(.has-hint) .bubble-wrapper { opacity: 0; visibility: hidden; pointer-events: none; } .design-elem.stereoscope .bubble { margin-left: auto; min-width: 16rem; max-width: 20rem; -webkit-transform: translateX(10%) scale(0.75); -ms-transform: translateX(10%) scale(0.75); transform: translateX(10%) scale(0.75); font-family: var(--font-primary); font-weight: var(--weight-default); text-transform: uppercase; } @media (max-width: 991px) { .design-elem.stereoscope .bubble { -webkit-transform: translateX(10%) scale(0.75); -ms-transform: translateX(10%) scale(0.75); transform: translateX(10%) scale(0.75); } .design-elem.stereoscope .bubble-pointer { --pointer-width: 2.5em; width: calc(50% + (var(--pointer-width) / 2)); -webkit-clip-path: polygon(calc(var(--bubble-outline) * -1) 0, var(--pointer-width) 0, 70% 100%, calc(var(--bubble-outline) * -1) 0); clip-path: polygon(calc(var(--bubble-outline) * -1) 0, var(--pointer-width) 0, 70% 100%, calc(var(--bubble-outline) * -1) 0); } .design-elem.stereoscope .bubble-pointer::before { -webkit-clip-path: polygon(var(--bubble-outline) 0, var(--pointer-width) 0, 70% 100%, var(--bubble-outline) 0); clip-path: polygon(var(--bubble-outline) 0, var(--pointer-width) 0, 70% 100%, var(--bubble-outline) 0); background-color: var(--color-primary); } .design-elem.stereoscope .bubble-pointer::after { display: none; } } @media (min-width: 992px) { .design-elem.stereoscope .bubble { -webkit-transform: translateX(30%); -ms-transform: translateX(30%); transform: translateX(30%); } } /* Design Elements - Team Avatars */ .design-elem.team-avatar-elephant { font-size: 294px; } .design-elem.team-avatar-elephant .design-elem-img { padding-top: 109.5400%; background-image: url('../images/design-assets/team-avatars/team-avatar-elephant.png'); } .design-elem.team-avatar-flamingo { font-size: 119px; } .design-elem.team-avatar-flamingo .design-elem-img { padding-top: 215.1261%; background-image: url('../images/design-assets/team-avatars/team-avatar-flamingo.png'); } .design-elem.team-avatar-giraffe { font-size: 119px; } .design-elem.team-avatar-giraffe .design-elem-img { padding-top: 179.8%; background-image: url('../images/design-assets/team-avatars/team-avatar-giraffe.png'); } .design-elem.team-avatar-bush-baby { font-size: 110px; } .design-elem.team-avatar-bush-baby .design-elem-img { padding-top: 101.2%; background-image: url('../images/design-assets/team-avatars/team-avatar-bush-baby.png'); } .design-elem.team-avatar-gorilla { font-size: 138px; } .design-elem.team-avatar-gorilla .design-elem-img { padding-top: 178.6232%; background-image: url('../images/design-assets/team-avatars/team-avatar-gorilla.png'); } .design-elem.team-avatar-impala { font-size: 176px; } .design-elem.team-avatar-impala .design-elem-img { padding-top: 129.5455%; background-image: url('../images/design-assets/team-avatars/team-avatar-impala.png'); } .design-elem.team-avatar-lemur { font-size: 106px; } .design-elem.team-avatar-lemur .design-elem-img { padding-top: 141.1017%; background-image: url('../images/design-assets/team-avatars/team-avatar-lemur.png'); } .design-elem.team-avatar-porcupine { font-size: 103px; } .design-elem.team-avatar-porcupine .design-elem-img { padding-top: 102.9126%; background-image: url('../images/design-assets/team-avatars/team-avatar-porcupine.png'); } .design-elem.team-avatar-tiger { font-size: 119px; } .design-elem.team-avatar-tiger .design-elem-img { padding-top: 48%; background-image: url('../images/design-assets/team-avatars/team-avatar-tiger.png'); } .design-elem.team-avatar-zebra { font-size: 188px; } .design-elem.team-avatar-zebra .design-elem-img { padding-top: 86.8984%; background-image: url('../images/design-assets/team-avatars/team-avatar-zebra.png'); } /* Design Elements - Tumbleweeds */ .design-elem.tumbleweed { font-size: 126px; } @media (min-width: 992px) { .design-elem.tumbleweed { font-size: 180px; } } .design-elem.tumbleweed .design-elem-img { padding-top: 95.28%; background-image: url('../images/design-assets/tumbleweed.png'); } .design-elem.tumbleweed .design-elem-text { top: 50%; right: 0; left: 10%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 0.1444em; color: var(--color-secondary-lighter); } a.design-elem.tumbleweed:hover .design-elem-text, a.design-elem.tumbleweed:focus .design-elem-text, a.design-elem.tumbleweed.focus .design-elem-text, a.design-elem.tumbleweed:active .design-elem-text, a.design-elem.tumbleweed.active .design-elem-text { color: var(--color-primary); } /* Design Elements - Zebras */ .design-elem.zebra-right, .design-elem.zebra-left { font-size: 425px; } @media (min-width: 1920px) { .design-elem.zebra-right, .design-elem.zebra-left { font-size: 510px; /* 20% bigger than previous breakpoint size */ } } .design-elem.zebra-right .design-elem-img, .design-elem.zebra-left .design-elem-img { padding-top: 95.29%; } .design-elem.zebra-right .design-elem-img { background-image: url('../images/design-assets/zebra-right.png'); } .design-elem.zebra-left .design-elem-img { background-image: url('../images/design-assets/zebra-left.png'); } /** * Design Containers * ----------------- */ /* Design Containers - Generic */ .design-cont-top, .design-cont-middle, .design-cont-bottom { background-size: 100%; } .design-cont-top, .design-cont-bottom { z-index: 1; position: relative; background-repeat: no-repeat; } .design-cont-middle { background-repeat: repeat-y; } /* Design Containers - Rotulus */ .design-cont.rotulus { /* Variables */ --rotulus-middle-padding-y: 1.5rem; } @media (min-width: 992px) { .design-cont.rotulus { /* Variables */ --rotulus-middle-padding-y: 3rem; } } .design-cont.rotulus .design-cont-top { padding-top: 39%; margin: 0% -14.36% -13% -17.5%; background-image: url('../images/design-assets/rotulus-top.png'); } .design-cont.rotulus .design-cont-bottom { padding-top: 17.57%; margin: -8.79% -2.20% 0; background-image: url('../images/design-assets/rotulus-bottom.png'); } .design-cont.rotulus .design-cont-middle { padding: calc(13% + var(--rotulus-middle-padding-y)) 15.18% calc(8.79% + var(--rotulus-middle-padding-y)); /* 5.18% is 15px @ 320px min screen size */ /* padding: calc(13% + var(--rotulus-middle-padding-y)) 5.18% calc(8.79% + var(--rotulus-middle-padding-y)); */ background-image: url('../images/design-assets/rotulus-middle.png'); } /* Design Containers - Television */ .design-cont.television { z-index: 0; } @media (max-width: 991px) { .design-cont.television .design-cont-sm { position: relative; margin: 3rem 1.5rem 0; } .design-cont.television .design-cont-sm::before { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; content: ''; margin-left: 7em; margin-bottom: -4.75em; padding-top: 25em; font-size: 8px; -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); background-image: url('../images/design-assets/meerkat-connect.png'); background-position: left top; background-repeat: no-repeat; background-size: contain; z-index: 1; } .design-cont.television .design-cont-sm::after { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; content: ''; padding-top: 61.145833%; background-image: url('../images/design-assets/television.png'); background-position: center bottom; background-repeat: no-repeat; background-size: contain; } } @media (max-width: 767px) { .design-cont.television .design-cont-sm::before { font-size: 6px; } } @media (max-width: 575px) { .design-cont.television .design-cont-sm::before { font-size: 1vw; } } @media (min-width: 992px) { .design-cont.television { /* Variables */ --da-meerkat-connect-size: 18rem; } .design-cont.television .design-cont-lg { --overflow-left: 12%; --overflow-right: 30%; position: relative; margin-bottom: -1.5%; margin-left: calc(var(--overflow-left) * -1); margin-right: calc(var(--overflow-right) * -1); padding-top: 15%; padding-bottom: 23%; padding-left: calc(var(--overflow-left) + 30px); padding-right: var(--overflow-right); background-image: url('../images/design-assets/television-meerkat.png?v=1'); background-size: contain; background-repeat: no-repeat; z-index: 1; } } @media (min-width: 1200px) { .design-cont.television .design-cont-lg { --overflow-left: 11%; } } /** * Scenes - Team * ------------- */ .scene-team { position: relative; padding-bottom: 25.36vw; background-image: url('../images/scenes/scene-team.png'); background-size: 100%; background-position: center bottom; background-repeat: no-repeat; } /* Scenes - Team - Lists */ .scene-team .list-team { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin-bottom: 0; } .scene-team .list-team-item { position: absolute; } .scene-team .list-team-item:not(:last-child) { margin-bottom: 0; } .scene-team .list-team-item button.design-elem[class^="team-avatar"], .scene-team .list-team-item button.design-elem[class*=" team-avatar"] { padding: 0; border: 0; -webkit-transition: none; -o-transition: none; transition: none; } .scene-team .bubble-wrapper { position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1; } .scene-team .bubble { font-size: 0.8vw; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: opacity 150ms ease-in-out, -webkit-transform 150ms ease-in-out; transition: opacity 150ms ease-in-out, -webkit-transform 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out, transform 150ms ease-in-out; transition: opacity 150ms ease-in-out, transform 150ms ease-in-out; transition: opacity 150ms ease-in-out, transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out; } .scene-team .design-elem:hover + .bubble-wrapper .bubble { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .scene-team .bubble h4 { font-size: 1.8em; color: var(--color-black); } .scene-team .bubble-dark h4 { color: var(--color-primary); } /* Scenes - Team - Amy Day */ .scene-team .list-team-item.amy-day { bottom: 35%; left: 42.5%; } .scene-team .list-team-item.amy-day .design-elem.team-avatar-zebra { font-size: 9.7917vw; } .scene-team .list-team-item.amy-day .bubble-wrapper { bottom: 88%; } /* Scenes - Team - Christina Vagnoni */ .scene-team .list-team-item.christina-vagnoni { right: 36%; bottom: 0; } .scene-team .list-team-item.christina-vagnoni .design-elem.team-avatar-flamingo { font-size: 6.1979vw; } .scene-team .list-team-item.christina-vagnoni .bubble-wrapper { bottom: 85%; left: 35%; } /* Scenes - Team - Daniel Calder */ .scene-team .list-team-item.daniel-calder { bottom: 22.5%; left: 27%; } .scene-team .list-team-item.daniel-calder .design-elem.team-avatar-elephant { font-size: 15.3125vw; } .scene-team .list-team-item.daniel-calder .bubble-wrapper { left: 45%; } /* Scenes - Team - Emily Smart */ .scene-team .list-team-item.emily-smart { bottom: 15%; left: 12%; } .scene-team .list-team-item.emily-smart .design-elem.team-avatar-lemur { font-size: 5.5208vw; } .scene-team .list-team-item.emily-smart .bubble-wrapper { bottom: 65%; left: 25%; } /* Scenes - Team - Khun Lim */ .scene-team .list-team-item.khun-lim { right: 13%; bottom: 12%; } .scene-team .list-team-item.khun-lim .design-elem.team-avatar-porcupine { font-size: 5.3646vw; } /* Scenes - Team - Rish Fernando */ .scene-team .list-team-item.rish-fernando { right: 24%; bottom: 25%; } .scene-team .list-team-item.rish-fernando .design-elem.team-avatar-impala { font-size: 9.1667vw; } .scene-team .list-team-item.rish-fernando .bubble-wrapper { bottom: 70%; } /* Scenes - Team - Thomas Rennie */ .scene-team .list-team-item.thomas-rennie { bottom: 0; left: 21%; } .scene-team .list-team-item.thomas-rennie .design-elem.team-avatar-gorilla { font-size: 7.1875vw; } .scene-team .list-team-item.thomas-rennie .bubble-wrapper { left: 45%; } /* Scenes - Team - Loren Jolly */ .scene-team .list-team-item.loren-jolly { bottom: 37.5%; left: 56%; } .scene-team .list-team-item.loren-jolly .design-elem.team-avatar-giraffe { font-size: 8.7vw; } .scene-team .list-team-item.loren-jolly .bubble-wrapper { bottom: 79%; left: 35%; } /* Scenes - Team - Jessie Showell */ .scene-team .list-team-item.jessie-showell { bottom: 20%; left: 27.4%; } .scene-team .list-team-item.jessie-showell .design-elem.team-avatar-bush-baby { font-size: 5vw; } .scene-team .list-team-item.jessie-showell .bubble-wrapper { left: 60%; } /* Scenes - Team - Daniel Eugene Torregue */ .scene-team .list-team-item.daniel-eugene-torregue { bottom: 14%; left: 15%; } .scene-team .list-team-item.daniel-eugene-torregue .design-elem.team-avatar-tiger { font-size: 15vw; } .scene-team .list-team-item.daniel-eugene-torregue .bubble-wrapper { bottom: 80%; left: 45%; } /** * Section - Team * ------------- */ @media (max-width: 992px) { .section-team{ overflow: hidden; } } /** * Chocolat * -------- */ .chocolat-wrapper .chocolat-loader { background-image: url('../images/vendor/chocolat/loader.gif'); } .chocolat-wrapper .chocolat-close { background-image: url('../images/vendor/chocolat/close.png'); } .chocolat-wrapper .chocolat-right { background-image: url('../images/vendor/chocolat/right.png'); } .chocolat-wrapper .chocolat-left { background-image: url('../images/vendor/chocolat/left.png'); } .chocolat-wrapper .chocolat-fullscreen { background-image: url('../images/vendor/chocolat/fullscreen.png'); } /** * Maps * ---- */ .map-wrapper { position: relative; display: block; width: 100%; height: 0; overflow: hidden; } .map-wrapper > map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } /** * Modals * ------ */ .modal { z-index: 1260; /* See z-index order list at top of file */ } /* Modals - Dialogs */ .modal-dialog { margin: 0; padding: 1.5rem 15px; } @media (min-width: 576px) { .modal-dialog { max-width: 540px; margin-right: auto; margin-left: auto; } } @media (min-width: 768px) { .modal-dialog { max-width: 720px; } } @media (min-width: 992px) { .modal-dialog { max-width: 960px; } } @media (min-width: 1200px) { .modal-dialog { max-width: 1140px; } } .modal-dialog-centered { min-height: 100%; } /* Modals - Blocks */ .modal-body { padding: 0 15px; } /* Modals - Backdrop */ .modal-backdrop { z-index: 1250; /* See z-index order list at top of file */ background-color: var(--color-black); } .modal-backdrop.show { opacity: 0.75; } /** * Sections * -------- */ /* Sections - Padding */ .section.has-pad-top-sm { --sec-pad-top: var(--pad-y-sm); } .section.has-pad-top { --sec-pad-top: var(--pad-y); } .section.has-pad-top-lg { --sec-pad-top: var(--pad-y-lg); } .section.has-pad-top-xl { --sec-pad-top: var(--pad-y-xl); } .section.has-pad-bottom-sm { --sec-pad-bottom: var(--pad-y-sm); } .section.has-pad-bottom { --sec-pad-bottom: var(--pad-y); } .section.has-pad-bottom-lg { --sec-pad-bottom: var(--pad-y-lg); } .section.has-pad-bottom-xl { --sec-pad-bottom: var(--pad-y-xl); } .section { padding-top: var(--sec-pad-top, 0); padding-bottom: var(--sec-pad-bottom, 0); } /* Sections - Images - Backgrounds */ .section.has-bg-img { position: relative; } .section.has-bg-img .section-bg-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } /* Sections - Design Elements */ .section.has-design-elem { position: relative; overflow: visible; } @media (min-width: 992px) { .section-design-elem { position: absolute; } } .section-design-elem .design-elem { position: static; width: auto; } .section-design-elem .design-elem.flip-x { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .section-design-elem .design-elem.flip-y { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .section-design-elem .design-elem-img { max-width: none; } @media (min-width: 992px) { .section-design-elem .design-elem-img { margin-top: 1.5rem; margin-bottom: 0; } } /* Sections - Design Elements - Elephant */ .section-design-elem .elephant-with-bird .design-elem-img { width: 75vw; max-width: 30rem; } @media (min-width: 992px) { .section-design-elem .elephant-with-bird .design-elem-img { width: 40vw; max-width: 50rem; } } /* Sections - Design Elements - Zebra */ .section-design-elem .zebra-yelling .design-elem-img { width: 75vw; max-width: 20rem; } @media (min-width: 992px) { .section-design-elem .zebra-yelling .design-elem-img { width: 35vw; max-width: 45rem; } } /** * Content Areas * ------------- */ .content-area { display: -webkit-box; display: -ms-flexbox; display: flex; } .content-area-row { width: calc(100% + 30px); } .content-area-row.has-space-extra { width: calc(100% + 60px); } .section.has-pad-bottom .content-area.section-pad-offset-bottom { margin-bottom: calc(var(--pad-y) * -1); } /** * Content Items * ------------- */ /* Content Items - Design Elements */ .content-item-design-elem, .content-item-design-elem > .content-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .content-item-design-elem .design-elem { position: static; width: auto; } .content-item-design-elem .design-elem-img { max-width: none; margin-bottom: 0; } /* Content Items - Terms */ .content-item-terms .content-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 90%; } /** * Content Item - Images & Videos * ------------------------------ */ .section > .container-fluid .content-item-images, .section > .container-fluid .content-item-videos { padding-right: 0; padding-left: 0; } @media (max-width: 575px) { .section > *[class^="container"]:not([class^="container-fluid"]) .content-item-images, .section > *[class^="container"]:not([class*=" container-fluid"]) .content-item-images, .section > *[class*=" container"]:not([class^="container-fluid"]) .content-item-images, .section > *[class*=" container"]:not([class*=" container-fluid"]) .content-item-images, .section > .container-fluid-sm .content-item-images, .section > *[class^="container"]:not([class^="container-fluid"]) .content-item-videos, .section > *[class^="container"]:not([class*=" container-fluid"]) .content-item-videos, .section > *[class*=" container"]:not([class^="container-fluid"]) .content-item-videos, .section > *[class*=" container"]:not([class*=" container-fluid"]) .content-item-videos, .section > .container-fluid-sm .content-item-videos { padding-right: 0; padding-left: 0; } } @media (max-width: 767px) { .section > .container-fluid-md .content-item-images, .section > .container-fluid-md .content-item-videos { padding-right: 0; padding-left: 0; } } @media (max-width: 991px) { .section > .container-fluid-lg .content-item-images, .section > .container-fluid-lg .content-item-videos { padding-right: 0; padding-left: 0; } } @media (max-width: 1199px) { .section > .container-fluid-xl .content-item-images, .section > .container-fluid-xl .content-item-videos { padding-right: 0; padding-left: 0; } } @media (max-width: 1499px) { .section > .container-fluid-xxl .content-item-images, .section > .container-fluid-xxl .content-item-videos { padding-right: 0; padding-left: 0; } } @media (max-width: 1899px) { .section > .container-fluid-xxxl .content-item-images, .section > .container-fluid-xxxl .content-item-videos { padding-right: 0; padding-left: 0; } } /* Content Item - Images - Slides */ .content-item-images .images-slider .slick-slider .slide-img { width: 100%; } /* Content Item - Images - Slider - Navigations */ .content-item-images .images-slider .slick-slider-nav { position: absolute; right: 0; bottom: 0; left: 0; } /* Content Item - Videos - Slides */ .content-item-videos .videos-slider .slide-video-wrapper { margin: 0; } /** * Headers * ------- */ header.fixed-top { z-index: 1160; /* See z-index order list at top of file */ } body.admin-bar header.fixed-top { top: var( --wp-admin-bar-height); } .header-main .navbar { padding: 0; } /* Headers - Main - Navbar - Brands */ .header-main .navbar-brand { padding: 2rem 0; width: 125px; max-width: 100%; } @media (min-width: 992px) { .header-main .navbar-brand { padding: 0; width: 150px; } } .header-main .navbar-brand path { -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); } .header-main .navbar-menu { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* Headers - Main - Navbar - Share Toolbars & Togglers */ .header-main .navbar-toolbar .navbar-link, .header-main .navbar-toggler { color: var(--color-primary); } /* Headers - Main - Navbar - Toolbars */ .header-main .navbar-toolbar, .header-main .navbar-toolbar .navbar-list-item { margin-right: 0; margin-bottom: 0; } .header-main .navbar-toolbar .navbar-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem 1.25rem; } @media (min-width: 992px) { .header-main .navbar-toolbar { margin-left: 0; } .header-main .navbar-toolbar i { font-size: 1.2em; } } /* Desktop */ @media (hover: hover) and (pointer: fine) and (min-width: 992px) { .header-main .navbar-toolbar .navbar-link { color: var(--color-grey); } .header-main .navbar-toolbar .navbar-link:hover { color: var(--color-white); } } /* Headers - Main - Navbar - Togglers */ .header-main .navbar-toggler { border: none; margin: 0; padding: 0; font-size: inherit; } .header-main .navbar-toggler:last-child { margin-right: -1rem; } .header-main .navbar-toggler .svg-inline--fa { -webkit-transition: all var(--transition-quick-ease); -o-transition: all var(--transition-quick-ease); transition: all var(--transition-quick-ease); } body.header-drawer-open .header-main .navbar-toggler .fa-times, body:not(.header-drawer-open) .header-main .navbar-toggler .fa-bars { width: 1em; } body.header-drawer-open .header-main .navbar-toggler .fa-bars, body:not(.header-drawer-open) .header-main .navbar-toggler .fa-times { width: 0.1px; } .header-main .navbar-toggler svg { cursor: pointer; width: 1em; height: 1em; font-size: 3.5em; -webkit-transition: -webkit-transform 400ms; transition: -webkit-transform 400ms; -o-transition: transform 400ms; transition: transform 400ms; transition: transform 400ms, -webkit-transform 400ms; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header-main .navbar-toggler svg path { -webkit-transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; -o-transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; } body.header-drawer-open .header-main .navbar-toggler svg { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } body.header-drawer-open .header-main .navbar-toggler path:first-child { stroke-dashoffset: -98px; } body.header-drawer-open .header-main .navbar-toggler path:last-child { stroke-dashoffset: -138px; } /* Headers - Main - Navbar - Search Icon */ .header-main .navbar-toolbar .navbar-search { min-width: calc(1.2em + 2.5rem); } /** * Page Contents * ------------- */ /* Page Contents - Headers */ .page-content-header .container { position: relative; } .page-content-header .design-elem { position: absolute; left: calc(100% - 15px); bottom: 0; } @media (min-width: 768px) { .page-content-header .design-elem { position: relative; left: initial; } .page-content-header .section.has-design-elem .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .page-content-header .section.has-design-elem .section-row { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: initial; } } .page-content-header .section.has-pad-bottom .design-elem, .page-content-header .section.has-pad-bottom-sm .design-elem { bottom: -4.5rem; } @media (min-width: 992px) { .page-content-header .section.has-pad-bottom .design-elem { bottom: -9rem; } } @media (min-width: 992px) { .page-content-header .list-terms-links.list-inline > li { width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 0.5rem; } .page-content-header .list-terms-links.list-inline.align-right-lg > li:first-child { margin-left: 1rem; } .page-content-header .list-terms-links.list-inline.align-right-lg.has-separators > li:not(:first-child)::before { display: none; } } .page-content-header .list-terms-links > li a { font-weight: inherit; } /* Page Contents - Home */ @media (min-width: 992px) { .page-content-home .design-elem.bird-banner { margin-left: 6rem; } } @media (min-width: 1200px) { .page-content-home .design-elem.bird-banner { margin-left: auto; } } .page-content-home .design-elem-group.meerkat { position: absolute; right: 63%; bottom: 73%; } @media (min-width: 1200px) { .page-content-home .design-elem-group.meerkat { right: auto; bottom: 0; left: 100%; } } @media (min-width: 1500px) { .page-content-home .design-elem-group.meerkat { left: 125%; } } @media (max-width: 1199px) { .page-content-home .design-elem-group.meerkat .design-elem.meerkat-jeep { display: none; } } @media (min-width: 1200px) { .page-content-home .design-elem-group.meerkat .design-elem.meerkat-megaphone { position: absolute; right: 45%; bottom: 60%; } } .page-content-home .design-elem-group.meerkat a.design-elem.meerkat-jeep:hover + a.design-elem.meerkat-megaphone .design-elem-text, .page-content-home .design-elem-group.meerkat a.design-elem.meerkat-jeep:focus + a.design-elem.meerkat-megaphone .design-elem-text, .page-content-home .design-elem-group.meerkat a.design-elem.meerkat-jeep.focus + a.design-elem.meerkat-megaphone .design-elem-text, .page-content-home .design-elem-group.meerkat a.design-elem.meerkat-jeep:active + a.design-elem.meerkat-megaphone .design-elem-text, .page-content-home .design-elem-group.meerkat a.design-elem.meerkat-jeep.active + a.design-elem.meerkat-megaphone .design-elem-text { color: var(--color-black); } .page-content-home .design-elem.sign-post { margin: 0 -0.45em; font-size: 150px; } @media (min-width: 1920px) { .page-content-home .design-elem.sign-post { font-size: 180px; /* 20% bigger than previous breakpoint size */ } } /* Page Contents - Archive - Work */ .page-content-archive-work .card-deck-stereoscope { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } /* Page Contents - Next Steps */ .body-main > .page-content-next-steps:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } /** * Page Templates * -------------- */ body.page-template-home .body-main { min-height: 100vh; } body.page-template-home.admin-bar .body-main { min-height: calc(100vh - var(--wp-admin-bar-height)); } /** * Body Backgrounds & Scenes * ------------------------- */ /* Body Scenes */ .body-main[class^="bg-scene-"]:not(.bg-scene-none), .body-main[class*=" bg-scene-"]:not(.bg-scene-none) { background-position: center bottom; background-repeat: no-repeat; } @media (min-width: 1920px) { .body-main[class^="bg-scene-"]:not(.bg-scene-none), .body-main[class*=" bg-scene-"]:not(.bg-scene-none) { background-size: 100%; } } /* Body Scenes - 01 */ .body-main.bg-scene-01 { background-image: url('../images/scenes/scene-01.png'); } .body-main.bg-scene-01.bg-offset { padding-bottom: 547px; } @media (min-width: 1920px) { .body-main.bg-scene-01.bg-offset { padding-bottom: 28.49vw; } } /* Body Scenes - 02 */ .body-main.bg-scene-02 { background-image: url('../images/scenes/scene-02.png'); } .body-main.bg-scene-02.bg-offset { padding-bottom: 654px; } @media (min-width: 1920px) { .body-main.bg-scene-02.bg-offset { padding-bottom: 34.06vw; } } /* Body Scenes - 03 */ .body-main.bg-scene-03 { background-image: url('../images/scenes/scene-03.png'); } .body-main.bg-scene-03.bg-offset { padding-bottom: 428px; } @media (min-width: 1920px) { .body-main.bg-scene-03.bg-offset { padding-bottom: 22.29vw; } } /* Body Scenes - 04 */ .body-main.bg-scene-04 { background-image: url('../images/scenes/scene-04.png'); } .body-main.bg-scene-04.bg-offset { padding-bottom: 835px; } @media (min-width: 1920px) { .body-main.bg-scene-04.bg-offset { padding-bottom: 43.49vw; } } /* Body Scenes - 05 */ .body-main.bg-scene-05 { background-image: url('../images/scenes/scene-05.png'); } .body-main.bg-scene-05.bg-offset { padding-bottom: 420px; } @media (min-width: 1920px) { .body-main.bg-scene-05.bg-offset { padding-bottom: 21.88vw; } } /* Body Scenes - 06 */ .body-main.bg-scene-06 { background-image: url('../images/scenes/scene-06.png'); } .body-main.bg-scene-06.bg-offset { padding-bottom: 300px; } @media (min-width: 1920px) { .body-main.bg-scene-06.bg-offset { padding-bottom: 15.62vw; } } /* Body Scenes - Random */ .body-main.bg-scene-random-01 { background-image: url('../images/scenes/random/scene-random-01.png'); } .body-main.bg-scene-random-02 { background-image: url('../images/scenes/random/scene-random-02.png'); } .body-main.bg-scene-random-03 { background-image: url('../images/scenes/random/scene-random-03.png'); } .body-main.bg-scene-random-04 { background-image: url('../images/scenes/random/scene-random-04.png'); } /** * Footer * ------ */ footer { position: relative; padding: 6rem 0 1.5rem; font-size: var(--font-size-sm); background-image: url('../images/backgrounds/footer-bg.jpg'); background-size: cover; background-position: 25% 0; background-repeat: no-repeat; } @media (min-width: 992px) { footer { padding: 12rem 0 3rem; } } footer::before { content : ''; display: block; position: absolute; top: 0; right: 0; left: 0; height: 66.666667%; background: -o-linear-gradient( top, var(--color-default) 25%, transparent 100% ); background: -webkit-gradient( linear, left top, left bottom, color-stop(25%, var(--color-default)), to(transparent) ); background: linear-gradient( to bottom, var(--color-default) 25%, transparent 100% ); } /* Footers - Links */ footer a { font-weight: var(--weight-default); } footer.text-grey-light a:hover, footer.text-grey-light a:focus, footer.text-grey-light a.focus, footer.text-grey-light a:active, footer.text-grey-light a.active { color: var(--color-white); } /* Footers - Lists */ @media (min-width: 992px) { footer .list-social-media { font-size: var(--font-size-lg); } } /* Footers - Rows & Columns */ footer .footer-row.has-space-btm { margin-bottom: 1.5rem; } @media (min-width: 992px) { footer .footer-row.has-space-btm { margin-bottom: 6rem; } } footer .footer-row > *[class^="col-"], footer .footer-row > *[class*=" col-"] { margin-bottom: 3rem; } /** * Pages * ----- */ /* Pages - Title */ .page-title small { display: block; font-size: 0.5em; } /* Pages - Archive Post */ body.blog .content-area-insights { padding-bottom: 26rem; } /* Pages - Archive Post Work */ body.post-type-archive-post-work .card-deck, body.archive.tax-category-work .card-deck { margin-top: 0; margin-bottom: 0; } @media (max-width: 575px) { body.post-type-archive-post-work .card-deck .slick-prev, body.post-type-archive-post-work .card-deck .slick-next, body.archive.tax-category-work .card-deck .slick-prev, body.archive.tax-category-work .card-deck .slick-next { display: none !important; } body.post-type-archive-post-work .card-deck, body.post-type-archive-post-work .card-deck, body.archive.tax-category-work .card-deck, body.archive.tax-category-work .card-deck { margin-right: 0; margin-left: 0; } } @media (min-width: 576px) { body.post-type-archive-post-work .card-deck, body.archive.tax-category-work .card-deck { margin: 0; } } body.post-type-archive-post-work .card-deck-format-grid, body.archive.tax-category-work .card-deck-format-grid { padding-bottom: 40rem; } body.post-type-archive-post-work .card-deck-format-grid, body.tax-category-work .card-deck-format-grid { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } body.post-type-archive-post-work .card-deck-format-grid.hidden, body.tax-category-work .card-deck-format-grid.hidden { display: none !important; } /* Pages - Archive Post Work - Before Initialise */ body.post-type-archive-post-work .card-deck.card-deck-style-thumbnail > *, body.tax-category-work .card-deck.card-deck-style-thumbnail > * { -webkit-transition: opacity var(--transition-default-ease); -o-transition: opacity var(--transition-default-ease); transition: opacity var(--transition-default-ease); opacity: 1; } body.post-type-archive-post-work:not(.toggle-initialised) .card-deck.card-deck-style-thumbnail > *, body.tax-category-work:not(.toggle-initialised) .card-deck.card-deck-style-thumbnail > * { opacity: 0; } /* Pages - Service */ body[class^="single-post-service"] .cta-get-in-touch, body[class*=" single-post-service"] .cta-get-in-touch { margin-top: var(--space-lg); } @media (min-width: 992px) { .post-type-archive-post-service .body-main.bg-scene-04.bg-offset { padding-bottom: 0px; } } /* Pages - Contact */ body.page-template-contact .design-elem.grass { mix-blend-mode: normal; } @media (min-width: 992px) { body.page-template-contact .page-title, body.page-template-contact .page-subtitle, body.page-template-contact .content-item-text address a, body.page-template-contact .list-contact > li > span, body.page-template-contact .list-contact > li > a, body.page-template-contact .list-open-hours > li > span, body.page-template-contact .gform_title, body.page-template-contact button[type="submit"] .btn-content-text { text-shadow: var(--text-shadow-soft); color: var(--color-secondary-lighter); background-image: none; } } /* Pages - Error */ body.error404 .body-main::before { display: block; content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.5; background-color: var(--color-black); } /* Pages - Work */ @media (max-width: 768px) { .single-post-work .page-content-header .design-elem { display: none; } } /* Home Page - Video */ body.home .bg-video { position: absolute; top: 0; left: 0; width: 100vw; min-height: calc(74rem + var(--wp-admin-bar-height)); height: calc(100vh - 24rem); -o-object-fit: cover; object-fit: cover; z-index: -1; overflow: hidden; } @media screen and (max-width: 500px) and (max-height: 950px) { body.home .bg-video { min-height: calc(60rem + var(--wp-admin-bar-height)); } } @media screen and (max-width: 350px) { body.home .bg-video { min-height: calc(63rem + var(--wp-admin-bar-height)); } } body.home .video-background { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); min-width: 100%; min-height: 100%; } body.home .body-wrapper { position: relative; z-index: 1; } /** * fslightbox * ---------- */ .fslightbox-container { background: -webkit-gradient(linear,left top, left bottom,from(rgba(30,30,30,.9)),color-stop(1810%, var(--color-black-15p))) !important; background: -o-linear-gradient(rgba(30,30,30,.9),var(--color-black-15p) 1810%) !important; background: linear-gradient(rgba(30,30,30,.9),var(--color-black-15p) 1810%) !important; } .fslightbox-slide-btn .fslightbox-svg-path { fill: var(--color-primary); } .fslightbox-slide-btn-container:hover svg .fslightbox-svg-path { fill: var(--color-primary-dark); } /** * Background Noise * ---------------- */ .background-noise { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .background-noise::after { display: -webkit-box; display: -ms-flexbox; display: flex; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--color-default-25p); } .background-noise .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(https://picsum.photos/1500/1500); background-position: center; background-size: 150%; -webkit-filter: sepia(0.7) grayscale(0.8) contrast(0.75); filter: sepia(0.7) grayscale(0.8) contrast(0.75); -webkit-transition: background-position 10s steps(60); -o-transition: background-position 10s steps(60); transition: background-position 10s steps(60); } .background-noise canvas { position: absolute; mix-blend-mode: hard-light; top: 0; left: 0; width: 100%; height: 100%; } .background-noise .scratch { -webkit-filter: url(#disp-1); filter: url(#disp-1); } .background-noise svg { display: none; } /* Background Noise - Contact Page */ @media (max-width: 991px) { body.page-template-contact .background-noise { top: unset; right: 26%; bottom: 10%; left: 7%; height: 0; padding-top: 47%; } } @media (min-width: 992px) { body.page-template-contact .background-noise { top: 10rem; right: 3.5rem; bottom: 18rem; } } @media (min-width: 1200px) { body.page-template-contact .background-noise { right: 14rem; bottom: 19rem; left: -1rem; } } /** * Modals * ------ */ .modal { --modal-gap: 1.5rem; top: var(--wp-admin-bar-height); height: calc(100% - var(--wp-admin-bar-height)); } @media (min-width: 992px) { .modal { --modal-gap: 3rem; } } /* Modals - Work */ .modal-work .modal-dialog { padding: var(--modal-gap); } .modal-work .modal-dialog, .modal-work .section > *[class^="container"], .modal-work .section > *[class*=" container"] { margin: 0; max-width: none; } .modal-work .modal-content { height: calc(100vh - var(--wp-admin-bar-height) - (var(--modal-gap) * 2)); } .modal-work .modal-content-inner { overflow: scroll; } .modal-work .modal-content-inner { padding-top: var(--modal-gap); padding-bottom: var(--modal-gap); } .modal-work .close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; top: calc(var(--modal-gap) * 2); right: calc(var(--modal-gap) * 2); border-radius: var(--border-radius-sm); margin-top: -0.1em; padding: 0.4em; width: 2em; font-size: 1.5em; color: var(--color-primary); opacity: 1; z-index: 1; background-color: var(--color-black); } @media (min-width: 992px) { .modal-work .close { font-size: 2em; } } .modal-work .close .svg-wrapper, .modal-work .close svg { overflow: visible; } .modal-work .close .svg-wrapper rect, .modal-work .close .svg-wrapper path { fill: currentColor; } .modal-work .close g { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .modal-work .close g:first-child { -webkit-transform: rotate(-45deg) translateY(-1.5em); -ms-transform: rotate(-45deg) translateY(-1.5em); transform: rotate(-45deg) translateY(-1.5em); } .modal-work .close g:last-child { -webkit-transform: rotate(45deg) translateY(-1.5em); -ms-transform: rotate(45deg) translateY(-1.5em); transform: rotate(45deg) translateY(-1.5em); } /* Desktop */ @media (hover: hover) and (pointer: fine) { .modal-work .close g { -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); -webkit-transition-property: opacity, -webkit-transform, -webkit-transform-origin; transition-property: opacity, -webkit-transform, -webkit-transform-origin; -o-transition-property: transform, transform-origin, opacity; transition-property: transform, transform-origin, opacity; transition-property: transform, transform-origin, opacity, -webkit-transform, -webkit-transform-origin, -ms-transform-origin; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .modal-work .close:hover g:first-child { -webkit-transform: rotate(-45deg) translateY(0em); -ms-transform: rotate(-45deg) translateY(0em); transform: rotate(-45deg) translateY(0em); } .modal-work .close:hover g:last-child { -webkit-transform: rotate(45deg) translateY(-0.75em); -ms-transform: rotate(45deg) translateY(-0.75em); transform: rotate(45deg) translateY(-0.75em); } .modal-work .close:active g, .modal-work .close:focus g { opacity: 0; -webkit-transition-delay: 0s, 0s, var(--transition-duration-quick); -o-transition-delay: 0s, 0s, var(--transition-duration-quick); transition-delay: 0s, 0s, var(--transition-duration-quick); } .modal-work .close:active g:first-child, .modal-work .close:focus g:first-child { -webkit-transform: rotate(-45deg) translateY(-100%); -ms-transform: rotate(-45deg) translateY(-100%); transform: rotate(-45deg) translateY(-100%); } .modal-work .close:active g:last-child, .modal-work .close:focus g:last-child { -webkit-transform: rotate(45deg) translateY(-100%); -ms-transform: rotate(45deg) translateY(-100%); transform: rotate(45deg) translateY(-100%); } } .modal-work .modal-content-inner.loading, .modal-work .modal-content-inner.error { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .modal-work .modal-content-inner .content-area { padding-right: var(--modal-gap); padding-left: var(--modal-gap); } @media (max-width: 575px) { .modal-work .modal-content-inner .content-item-images { padding-right: var(--modal-gap) !important; padding-left: var(--modal-gap) !important; } } .modal-work .modal-content-inner .section:last-child .content-area:last-child .content-item:last-child .slide-video-wrapper, .modal-work .modal-content-inner .section:last-child .content-area:last-child .content-item:last-child .img-wrapper { margin-bottom: 0; } /** * Loadings * -------- */ @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loading::before { display: none; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-duotone); content: '\f3f4'; } .loading > svg { -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; font-size: 1.5em; } .loading::after { display: block; content: 'Loading...'; margin-top: 1rem; } /** * Birds * ----- */ body.has-bg-birds .body-main { position: relative; } .bird-fly-zone { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 5s ease-in-out 0.5s; -o-transition: opacity 5s ease-in-out 0.5s; transition: opacity 5s ease-in-out 0.5s; z-index: -5; } .bird-fly-zone.show { opacity: 1; } body.post-type-archive-post-service .bird-container { position: absolute; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } body.post-type-archive-post-service .bird { background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/174479/bird-cells-new.svg'); -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(50%); filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(50%); background-size: auto 100%; width: 88px; height: 125px; will-change: background-position; -webkit-animation-name: fly-cycle; animation-name: fly-cycle; -webkit-animation-timing-function: steps(10); animation-timing-function: steps(10); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } body.post-type-archive-post-service .bird-one { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } body.post-type-archive-post-service .bird-two { -webkit-animation-duration: 0.9s; animation-duration: 0.9s; -webkit-animation-delay: -0.75s; animation-delay: -0.75s; } body.post-type-archive-post-service .bird-three { -webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-delay: -0.25s; animation-delay: -0.25s; } body.post-type-archive-post-service .bird-four { -webkit-animation-duration: 1.1s; animation-duration: 1.1s; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } @-webkit-keyframes fly-cycle { 100% { background-position: -900px 0; } } @keyframes fly-cycle { 100% { background-position: -900px 0; } } @-webkit-keyframes fly-right { 0% { -webkit-transform: translateX(-10vw) scale(0.5); transform: translateX(-10vw) scale(0.5); /* Start outside the left */ } 50% { -webkit-transform: translateY(-5vh) translateX(50vw) scale(0.75); transform: translateY(-5vh) translateX(50vw) scale(0.75); /* Move to the middle with some variation */ } 100% { -webkit-transform: translateX(110vw) scale(0.5); transform: translateX(110vw) scale(0.5); /* End outside the right */ } } @keyframes fly-right { 0% { -webkit-transform: translateX(-10vw) scale(0.5); transform: translateX(-10vw) scale(0.5); /* Start outside the left */ } 50% { -webkit-transform: translateY(-5vh) translateX(50vw) scale(0.75); transform: translateY(-5vh) translateX(50vw) scale(0.75); /* Move to the middle with some variation */ } 100% { -webkit-transform: translateX(110vw) scale(0.5); transform: translateX(110vw) scale(0.5); /* End outside the right */ } } @-webkit-keyframes fly-right-distant { 0% { -webkit-transform: translateX(-10vw) scale(0.2); transform: translateX(-10vw) scale(0.2); /* Smaller size for distant birds */ } 50% { -webkit-transform: translateY(-2vh) translateX(50vw) scale(0.3); transform: translateY(-2vh) translateX(50vw) scale(0.3); /* Less vertical movement */ } 100% { -webkit-transform: translateX(110vw) scale(0.2); transform: translateX(110vw) scale(0.2); /* End outside the right, smaller size */ } } @keyframes fly-right-distant { 0% { -webkit-transform: translateX(-10vw) scale(0.2); transform: translateX(-10vw) scale(0.2); /* Smaller size for distant birds */ } 50% { -webkit-transform: translateY(-2vh) translateX(50vw) scale(0.3); transform: translateY(-2vh) translateX(50vw) scale(0.3); /* Less vertical movement */ } 100% { -webkit-transform: translateX(110vw) scale(0.2); transform: translateX(110vw) scale(0.2); /* End outside the right, smaller size */ } } body.post-type-archive-post-team .bird-container { position: absolute; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); /* Scale down to 50% */ } body.post-type-archive-post-team .bird { -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(40%); filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(40%); background-size: auto 100%; width: 88px; height: 125px; will-change: background-position; -webkit-animation-name: fly-cycle; animation-name: fly-cycle; -webkit-animation-timing-function: steps(10); animation-timing-function: steps(10); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/174479/bird-cells-new.svg'); } body.post-type-archive-post-team .bird-one { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } body.post-type-archive-post-team .bird-two { -webkit-animation-duration: 0.9s; animation-duration: 0.9s; -webkit-animation-delay: -0.75s; animation-delay: -0.75s; } body.post-type-archive-post-team .bird-three { -webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-delay: -0.25s; animation-delay: -0.25s; } body.post-type-archive-post-team .bird-four { -webkit-animation-duration: 1.1s; animation-duration: 1.1s; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } @keyframes fly-cycle { 100% { background-position: -900px 0; } } @-webkit-keyframes fly-right-0 { 0% { -webkit-transform: translateX(-10vw) translateY(100vh) scale(0.5); transform: translateX(-10vw) translateY(100vh) scale(0.5); /* Start from the bottom left */ } 25% { -webkit-transform: translateX(20vw) translateY(70vh) scale(0.6); transform: translateX(20vw) translateY(70vh) scale(0.6); /* Move up in an arc */ } 50% { -webkit-transform: translateX(50vw) translateY(40vh) scale(0.75); transform: translateX(50vw) translateY(40vh) scale(0.75); /* Continue moving up */ } 75% { -webkit-transform: translateX(80vw) translateY(10vh) scale(0.6); transform: translateX(80vw) translateY(10vh) scale(0.6); /* Almost at the top */ } 100% { -webkit-transform: translateX(110vw) translateY(0vh) scale(0.5); transform: translateX(110vw) translateY(0vh) scale(0.5); /* End outside the top right */ } } @keyframes fly-right-0 { 0% { -webkit-transform: translateX(-10vw) translateY(100vh) scale(0.5); transform: translateX(-10vw) translateY(100vh) scale(0.5); /* Start from the bottom left */ } 25% { -webkit-transform: translateX(20vw) translateY(70vh) scale(0.6); transform: translateX(20vw) translateY(70vh) scale(0.6); /* Move up in an arc */ } 50% { -webkit-transform: translateX(50vw) translateY(40vh) scale(0.75); transform: translateX(50vw) translateY(40vh) scale(0.75); /* Continue moving up */ } 75% { -webkit-transform: translateX(80vw) translateY(10vh) scale(0.6); transform: translateX(80vw) translateY(10vh) scale(0.6); /* Almost at the top */ } 100% { -webkit-transform: translateX(110vw) translateY(0vh) scale(0.5); transform: translateX(110vw) translateY(0vh) scale(0.5); /* End outside the top right */ } } @-webkit-keyframes fly-right-1 { 0% { -webkit-transform: translateX(-10vw) translateY(90vh) scale(0.5); transform: translateX(-10vw) translateY(90vh) scale(0.5); /* Start from the bottom left */ } 25% { -webkit-transform: translateX(30vw) translateY(60vh) scale(0.6); transform: translateX(30vw) translateY(60vh) scale(0.6); /* Move up in an arc */ } 50% { -webkit-transform: translateX(60vw) translateY(30vh) scale(0.75); transform: translateX(60vw) translateY(30vh) scale(0.75); /* Continue moving up */ } 75% { -webkit-transform: translateX(90vw) translateY(10vh) scale(0.6); transform: translateX(90vw) translateY(10vh) scale(0.6); /* Almost at the top */ } 100% { -webkit-transform: translateX(110vw) translateY(0vh) scale(0.5); transform: translateX(110vw) translateY(0vh) scale(0.5); /* End outside the top right */ } } @keyframes fly-right-1 { 0% { -webkit-transform: translateX(-10vw) translateY(90vh) scale(0.5); transform: translateX(-10vw) translateY(90vh) scale(0.5); /* Start from the bottom left */ } 25% { -webkit-transform: translateX(30vw) translateY(60vh) scale(0.6); transform: translateX(30vw) translateY(60vh) scale(0.6); /* Move up in an arc */ } 50% { -webkit-transform: translateX(60vw) translateY(30vh) scale(0.75); transform: translateX(60vw) translateY(30vh) scale(0.75); /* Continue moving up */ } 75% { -webkit-transform: translateX(90vw) translateY(10vh) scale(0.6); transform: translateX(90vw) translateY(10vh) scale(0.6); /* Almost at the top */ } 100% { -webkit-transform: translateX(110vw) translateY(0vh) scale(0.5); transform: translateX(110vw) translateY(0vh) scale(0.5); /* End outside the top right */ } } @-webkit-keyframes fly-right-distant-0 { 0% { -webkit-transform: translateX(-10vw) translateY(100vh) scale(0.2); transform: translateX(-10vw) translateY(100vh) scale(0.2); /* Start from the bottom left */ } 25% { -webkit-transform: translateX(25vw) translateY(80vh) scale(0.25); transform: translateX(25vw) translateY(80vh) scale(0.25); /* Move up in an arc */ } 50% { -webkit-transform: translateX(55vw) translateY(50vh) scale(0.3); transform: translateX(55vw) translateY(50vh) scale(0.3); /* Continue moving up */ } 75% { -webkit-transform: translateX(85vw) translateY(20vh) scale(0.25); transform: translateX(85vw) translateY(20vh) scale(0.25); /* Almost at the top */ } 100% { -webkit-transform: translateX(110vw) translateY(0vh) scale(0.2); transform: translateX(110vw) translateY(0vh) scale(0.2); /* End outside the top right */ } } @keyframes fly-right-distant-0 { 0% { -webkit-transform: translateX(-10vw) translateY(100vh) scale(0.2); transform: translateX(-10vw) translateY(100vh) scale(0.2); /* Start from the bottom left */ } 25% { -webkit-transform: translateX(25vw) translateY(80vh) scale(0.25); transform: translateX(25vw) translateY(80vh) scale(0.25); /* Move up in an arc */ } 50% { -webkit-transform: translateX(55vw) translateY(50vh) scale(0.3); transform: translateX(55vw) translateY(50vh) scale(0.3); /* Continue moving up */ } 75% { -webkit-transform: translateX(85vw) translateY(20vh) scale(0.25); transform: translateX(85vw) translateY(20vh) scale(0.25); /* Almost at the top */ } 100% { -webkit-transform: translateX(110vw) translateY(0vh) scale(0.2); transform: translateX(110vw) translateY(0vh) scale(0.2); /* End outside the top right */ } } @-webkit-keyframes fly-right-distant-1 { 0% { -webkit-transform: translateX(-10vw) translateY(95vh) scale(0.2); transform: translateX(-10vw) translateY(95vh) scale(0.2); /* Start from the bottom left */ } 25% { -webkit-transform: translateX(20vw) translateY(75vh) scale(0.25); transform: translateX(20vw) translateY(75vh) scale(0.25); /* Move up in an arc */ } 50% { -webkit-transform: translateX(50vw) translateY(45vh) scale(0.3); transform: translateX(50vw) translateY(45vh) scale(0.3); /* Continue moving up */ } 75% { -webkit-transform: translateX(80vw) translateY(15vh) scale(0.25); transform: translateX(80vw) translateY(15vh) scale(0.25); /* Almost at the top */ } 100% { -webkit-transform: translateX(110vw) translateY(0vh) scale(0.2); transform: translateX(110vw) translateY(0vh) scale(0.2); /* End outside the top right */ } } @keyframes fly-right-distant-1 { 0% { -webkit-transform: translateX(-10vw) translateY(95vh) scale(0.2); transform: translateX(-10vw) translateY(95vh) scale(0.2); /* Start from the bottom left */ } 25% { -webkit-transform: translateX(20vw) translateY(75vh) scale(0.25); transform: translateX(20vw) translateY(75vh) scale(0.25); /* Move up in an arc */ } 50% { -webkit-transform: translateX(50vw) translateY(45vh) scale(0.3); transform: translateX(50vw) translateY(45vh) scale(0.3); /* Continue moving up */ } 75% { -webkit-transform: translateX(80vw) translateY(15vh) scale(0.25); transform: translateX(80vw) translateY(15vh) scale(0.25); /* Almost at the top */ } 100% { -webkit-transform: translateX(110vw) translateY(0vh) scale(0.2); transform: translateX(110vw) translateY(0vh) scale(0.2); /* End outside the top right */ } } /** * Blog Page * --------- */ .page-content-archive-post .giraffe.design-elem { height: auto; } .page-content-archive-post .giraffe.design-elem .design-elem-img { width: auto; background-color: unset; } /** * Single Work Page * --------- */ .page-content-single-work .content-area:not(:last-of-type) { margin-bottom: 15px; } .page-content-single-work .content-area:not(:first-of-type) { margin-top: 15px; } .page-content-single-work .content-area .img-wrapper { margin-bottom: 0; } .page-content-single-work .content-area-row .content-item { margin-bottom: 30px; } .page-content-single-work .content-area-row .content-item:last-child { margin-bottom: 0; } @media (min-width: 992px) { .page-content-single-work .content-area-row .content-item:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } } /* Modal */ @media (max-width: 992px) { .h3.see-our-branding { margin-top: 10px; } }