/* * 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 * 1300 - Depicter Modals */ /** * Root Variables * -------------- */ :root { /* Font Familes */ --font-default: aktiv-grotesk, sans-serif; --font-default-thin: aktiv-grotesk-thin, sans-serif; --font-icon-pro: "Font Awesome 5 Pro"; /* Font Sizes */ --font-size-xxs: 1.3rem; --font-size-xs: 1.4rem; --font-size-sm: 1.6rem; --font-size-default: 2rem; --font-size-md: 2.2rem; --font-size-h1: 3.2rem; --font-size-h2: 2.8rem; --font-size-h3: 2.4rem; --font-size-h4: 2rem; --font-size-h5: 1.8rem; --font-size-h6: 1.6rem; --font-size-display-1: 3.6rem; --font-size-display-2: 2.2rem; --font-size-display-3: 1.8rem; /* Font Weights */ --weight-thin: 200; --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-lg: 1.8; --line-default: 1.4; --line-sm: 1.2; --line-xs: 1.1; --line-single: 1; /* Transitions */ --transition-rapid-ease: 75ms ease-in-out; --transition-quick-ease: 150ms ease-in-out; --transition-default-ease: 300ms ease-in-out; --transition-slow-ease: 500ms ease-in-out; /* Colors */ --color-white: #fff; --color-black: #252526; --color-default: #252526; --color-grey-darkest: #484444; --color-grey-darker: #797979; --color-grey-dark: #888888; --color-grey-medium: #cbcbca; --color-grey: #ebebe8; --color-grey-light: #f2f1ea; --color-grey-lighter: #fafaf8; --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; --color-primary-dark: #184a45; --color-primary: #3f5a4b; --color-primary-light: #727a3d; --color-primary-lighter: #b7d6c5; --color-primary-lightest: #cbf5e5; --color-primary-light-extra: #e7f1eb; --color-secondary-dark: #97503b; --color-secondary: #ed7462; --color-secondary-light: #dba48f; --color-secondary-lighter: #fbe1dd; --color-secondary-lightest: #f8eeec; --color-tertiary: #776658; --color-tertiary-light: #fde6cb; --color-quaternary: #d0dff2; --color-quaternary-light: #e7f1eb; --color-cream: #fafbdd; --color-cream-light: #fcfbf0; --color-white-beige: #f8f4f0; --color-yellow-green: #e3eb2d; --color-yellow: #f5fe2e; --color-green-light: #e7f1f1; --color-blue-lighter: #f1f5fb; --color-blue-light: #d0dff2; --color-blue-dark: #102848; --color-dark-green: #4d5946; --color-dark-light: #f6f6f5; --color-success: #cbf5e5; --color-facebook: #0866ff; --color-instagram: #e4405f; --color-pinterest: #e60023; --color-email: #ffce00; /* Colors - Transparent */ --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); --color-grey-lighter-50p: rgba(250, 250, 248, 0.5); /* Clip Paths */ --clip-path-slant: 1rem; --clip-path-pentagon: polygon(var(--clip-path-slant) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--clip-path-slant) * 2)); --clip-path-pentagon-before: polygon(0 0, calc(var(--clip-path-slant) * 0.96) 0, 0 calc(var(--clip-path-slant) * 2 * 0.96)); --clip-path-triangle-top-left: polygon( calc(100% - 4.029px) 0px, 0px 0px, 0px calc(100% - 4.007px), 0px calc(100% - 4.007px), calc(0% + 0.0091159999998922px) calc(100% - 3.524179px), calc(0% + 0.09460799999988px) calc(100% - 3.055272px), calc(0% + 0.23369199999996px) calc(100% - 2.604413px), calc(0% + 0.42358399999995px) calc(100% - 2.175736px), calc(0% + 0.66149999999999px) calc(100% - 1.773375px), calc(0% + 0.94465600000001px) calc(100% - 1.401464px), calc(0% + 1.270268px) calc(100% - 1.064137px), calc(0% + 1.635552px) calc(100% - 0.765528px), calc(0% + 2.037724px) calc(100% - 0.509771px), calc(0% + 2.474px) calc(100% - 0.301px), calc(0% + 2.474px) calc(100% - 0.301px), calc(0% + 2.932215px) calc(100% - 0.146179px), calc(0% + 3.3988px) calc(100% - 0.048832px), calc(0% + 3.868865px) calc(100% - 0.007933px), calc(0% + 4.33752px) calc(100% - 0.022456px), calc(0% + 4.799875px) calc(100% - 0.091375px), calc(0% + 5.25104px) calc(100% - 0.213664px), calc(0% + 5.686125px) calc(100% - 0.388297px), calc(0% + 6.10024px) calc(100% - 0.614248px), calc(0% + 6.488495px) calc(100% - 0.890491px), calc(0% + 6.8460000000001px) calc(100% - 1.216px), calc(100% - 1.162px) 6.791px, calc(100% - 1.162px) 6.791px, calc(100% - 0.84951899999998px) 6.42939px, calc(100% - 0.58587199999999px) 6.0389199999998px, calc(100% - 0.37195299999999px) 5.62433px, calc(100% - 0.208656px) 5.19036px, calc(100% - 0.096874999999997px) 4.74175px, calc(100% - 0.037503999999999px) 4.28324px, calc(100% - 0.031436999999999px) 3.8195699999999px, calc(100% - 0.079568px) 3.35548px, calc(100% - 0.182791px) 2.89571px, calc(100% - 0.342px) 2.4450000000001px, calc(100% - 0.342px) 2.445px, calc(100% - 0.553667px) 2.0164139999999px, calc(100% - 0.810976px) 1.621632px, calc(100% - 1.109889px) 1.263318px, calc(100% - 1.446368px) 0.9441359999999px, calc(100% - 1.816375px) 0.66674999999992px, calc(100% - 2.215872px) 0.43382400000002px, calc(100% - 2.640821px) 0.24802199999999px, calc(100% - 3.087184px) 0.112008px, calc(100% - 3.550923px) 0.028445999999974px, calc(100% - 4.028px) 5.6843418860808e-14px ); --clip-path-triangle-bottom-right: polygon( 4.029px calc(100% - 0px), calc(100% + 0.020000000000039px) calc(100% - 0px), calc(100% + 0.020000000000039px) 4.007px, calc(100% + 0.020000000000039px) 4.007px, calc(100% - 0.0091159999998922px) 3.524179px, calc(100% - 0.09460799999988px) 3.055272px, calc(100% - 0.23369199999996px) 2.604413px, calc(100% - 0.42358399999995px) 2.175736px, calc(100% - 0.66149999999999px) 1.773375px, calc(100% - 0.94465600000001px) 1.401464px, calc(100% - 1.270268px) 1.064137px, calc(100% - 1.635552px) 0.765528px, calc(100% - 2.037724px) 0.509771px, calc(100% - 2.474px) 0.301px, calc(100% - 2.474px) 0.301px, calc(100% - 2.932215px) 0.146179px, calc(100% - 3.3988px) 0.048832px, calc(100% - 3.868865px) 0.007933px, calc(100% - 4.33752px) 0.022456px, calc(100% - 4.799875px) 0.091375px, calc(100% - 5.25104px) 0.213664px, calc(100% - 5.686125px) 0.388297px, calc(100% - 6.10024px) 0.614248px, calc(100% - 6.488495px) 0.890491px, calc(100% - 6.8460000000001px) 1.216px, 1.162px calc(100% - 6.791px), 1.162px calc(100% - 6.791px), 0.84951899999998px calc(100% - 6.42939px), 0.58587199999999px calc(100% - 6.0389199999998px), 0.37195299999999px calc(100% - 5.62433px), 0.208656px calc(100% - 5.19036px), 0.096874999999997px calc(100% - 4.74175px), 0.037503999999999px calc(100% - 4.28324px), 0.031436999999999px calc(100% - 3.8195699999999px), 0.079568px calc(100% - 3.35548px), 0.182791px calc(100% - 2.89571px), 0.342px calc(100% - 2.4450000000001px), 0.342px calc(100% - 2.445px), 0.553667px calc(100% - 2.0164139999999px), 0.810976px calc(100% - 1.621632px), 1.109889px calc(100% - 1.263318px), 1.446368px calc(100% - 0.9441359999999px), 1.816375px calc(100% - 0.66674999999992px), 2.215872px calc(100% - 0.43382400000002px), 2.640821px calc(100% - 0.24802199999999px), 3.087184px calc(100% - 0.112008px), 3.550923px calc(100% - 0.028445999999974px), 4.028px calc(100% - 5.6843418860808e-14px) ); /* 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 */ /* Navbar - Height */ --navbar-height: 61.8px; /* Drawer Width */ --drawer-width: 90%; --drawer-min-width: 236px; --drawer-max-width: 432px; /* Paddings */ --pad-y-sm: 4.5rem; --pad-y: 4.5rem; --pad-y-lg: 6rem; --pad-y-xl: 7.5rem; /* Wordpress - Admin Bar */ --wp-admin-bar-height: 46px; /* Shadows */ --shadow-default: 2px 2px 12px #0000000d; --text-shadow-default: 0 0 0.25em rgba(0, 0, 0, 0.5), 0 0 0.625em rgba(255, 255, 255, 0.2); --text-shadow-white: 0 0 0.25em rgba(255, 255, 255, 0.5), 0 0 0.625em rgba(255, 255, 255, 0.2); /* Border */ --border: 1px solid var(--color-grey-medium); /* Border Radius */ --border-radius-sm: 0.2rem; --border-radius: 0.4rem; --border-radius-lg: 1rem; --border-radius-max: 99rem; /* Slopes */ --slope-edge: 8rem; --slope-area: 5.5rem; --slope-gap: 1rem; /* Badges */ --badge-featured-size: 35vw; --badge-featured-size-lg: 60vw; /* Margins */ --margin-y: 7rem; /* Offsets */ --offset-h2: calc(2.8rem * 0.3636); /* Modals */ --modal-pad: 1.5rem; --modal-fancy-width: 90vw; /* Spaces */ --space-sm: 0.5rem; --space-default: 0.75rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2.5rem; --space-xxl: 4rem; } @media (min-width: 576px) { :root { /* Badges */ --badge-featured-size: 20rem; --badge-featured-size-lg: 30rem; /* Modals */ --modal-pad: 3rem; --modal-fancy-width: 75vw; } } @media (min-width: 783px) { :root { /* Wordpress - Admin Bar */ --wp-admin-bar-height: 32px; } } @media (min-width: 992px) { :root { /* Font Sizes */ --font-size-h1: 6.4rem; --font-size-h2: 4.4rem; --font-size-h3: 3.6rem; --font-size-h4: 2.2rem; --font-size-display-1: 6rem; --font-size-display-2: 2.6rem; --font-size-display-3: 2.2rem; /* Navbar - Height */ --navbar-height: 80px; /* Border Radius */ --border-radius-lg: 1.5rem; /* Slopes */ --slope-edge: 12rem; --slope-area: 6rem; --slope-gap: 1.5rem; /* Badges */ --badge-featured-size: 30rem; --badge-featured-size-lg: 40rem; /* Paddings */ --pad-x-sm: 4.5rem; --pad-x: 7rem; --pad-x-lg: 12rem; --pad-x-xl: 15rem; --pad-y: 9rem; --pad-y-lg: 12rem; --pad-y-xl: 15rem; /* Margins */ --margin-y: 12rem; /* Offsets */ --offset-h2: calc(4.4rem * 0.3636); /* Modals */ --modal-pad: 5rem; --modal-fancy-width: 50vw; /* Spaces */ --space-sm: 1rem; --space-default: 1.5rem; --space-md: 2rem; --space-lg: 3rem; --space-xl: 5rem; --space-xxl: 8rem; } } @media (min-width: 1200px) { :root { /* Badges */ --badge-featured-size: 40rem; } } /** * Keyframes * --------- */ @-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); } } /** * HTML & Body * ----------- */ html { font-size: 62.5%; } body { overflow-x: hidden; font-family: var(--font-default-thin); font-size: var(--font-size-sm); font-weight: var(--weight-thin); line-height: var(--line-default); color: var(--color-black); background-color: var(--color-white); } @media (min-width: 992px) { body { font-size: var(--font-size-default); } } /* Body - Background Colors */ body.search-results .body-main, body.tax-product_cat .body-main, body.post-type-archive-product .body-main, body.single-product .body-main, body.single-designer-project .body-main, body.error404 .body-main, body.woocommerce-view-order .body-main, body.woocommerce-cart .body-main, body.woocommerce-checkout .body-main, body.page-template-moodboard .body-main { background-color: var(--color-grey-lighter); } /* Body - Overlay */ body.header-drawer-open .body-main::after { opacity: 1; visibility: visible; background-color: rgba(221, 221, 219, 0.5); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); } /* 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; } /* HTML & Body - Body Overlay */ .body-main::after { content: ""; z-index: 1150; /* See z-index order list at top of file */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; visibility: hidden; cursor: pointer; -webkit-transition: all var(--transition-default-ease); -o-transition: all var(--transition-default-ease); transition: all var(--transition-default-ease); background-color: var(--color-black-75p); } body.header-drawer-open .body-main::after { opacity: 1; visibility: visible; } /* Body - Admin Bars */ body:not(.admin-bar) { --wp-admin-bar-height: 0px; } /** * 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; } } /** * Border Radiuses * --------------- */ .border-radius-none { border-radius: 0 !important; } /** * Shadows * ------- */ .shadow-default { -webkit-box-shadow: var(--shadow-default); box-shadow: var(--shadow-default); } /** * Transitions * ----------- */ .transition-default { -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); } .transition-quick { -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); } /** * Underlines * ---------- */ .lacks-underline { text-decoration: none !important; } /** * Width * ----- */ .max-width-none { max-width: none !important; } /** * 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: 992px) { .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; } .row.has-space-less { margin-right: -30px; margin-left: -30px; } .row.has-space-less > .col, .row.has-space-less > .col-1, .row.has-space-less > .col-2, .row.has-space-less > .col-3, .row.has-space-less > .col-4, .row.has-space-less > .col-5, .row.has-space-less > .col-6, .row.has-space-less > .col-7, .row.has-space-less > .col-8, .row.has-space-less > .col-9, .row.has-space-less > .col-10, .row.has-space-less > .col-11, .row.has-space-less > .col-12, .row.has-space-less > .col-auto, .row.has-space-less > .col-sm, .row.has-space-less > .col-sm-1, .row.has-space-less > .col-sm-2, .row.has-space-less > .col-sm-3, .row.has-space-less > .col-sm-4, .row.has-space-less > .col-sm-5, .row.has-space-less > .col-sm-6, .row.has-space-less > .col-sm-7, .row.has-space-less > .col-sm-8, .row.has-space-less > .col-sm-9, .row.has-space-less > .col-sm-10, .row.has-space-less > .col-sm-11, .row.has-space-less > .col-sm-12, .row.has-space-less > .col-sm-auto, .row.has-space-less > .col-md, .row.has-space-less > .col-md-1, .row.has-space-less > .col-md-2, .row.has-space-less > .col-md-3, .row.has-space-less > .col-md-4, .row.has-space-less > .col-md-5, .row.has-space-less > .col-md-6, .row.has-space-less > .col-md-7, .row.has-space-less > .col-md-8, .row.has-space-less > .col-md-9, .row.has-space-less > .col-md-10, .row.has-space-less > .col-md-11, .row.has-space-less > .col-md-12, .row.has-space-less > .col-md-auto, .row.has-space-less > .col-lg, .row.has-space-less > .col-lg-1, .row.has-space-less > .col-lg-2, .row.has-space-less > .col-lg-3, .row.has-space-less > .col-lg-4, .row.has-space-less > .col-lg-5, .row.has-space-less > .col-lg-6, .row.has-space-less > .col-lg-7, .row.has-space-less > .col-lg-8, .row.has-space-less > .col-lg-9, .row.has-space-less > .col-lg-10, .row.has-space-less > .col-lg-11, .row.has-space-less > .col-lg-12, .row.has-space-less > .col-lg-auto, .row.has-space-less > .col-xl, .row.has-space-less > .col-xl-1, .row.has-space-less > .col-xl-2, .row.has-space-less > .col-xl-3, .row.has-space-less > .col-xl-4, .row.has-space-less > .col-xl-5, .row.has-space-less > .col-xl-6, .row.has-space-less > .col-xl-7, .row.has-space-less > .col-xl-8, .row.has-space-less > .col-xl-9, .row.has-space-less > .col-xl-10, .row.has-space-less > .col-xl-11, .row.has-space-less > .col-xl-12, .row.has-space-less > .col-xl-auto { padding-right: 7.5px; padding-left: 7.5px; } } /** * Text & Background Colors * ------------------------ */ /* Text Colors */ .text-default { color: var(--color-default) !important; } .text-muted { color: var(--color-grey-light) !important; } .text-primary-dark { color: var(--color-primary-dark) !important; } .text-primary-light { color: var(--color-primary-lighter) !important; } .text-primary-lightest { color: var(--color-primary-lightest) !important; } .text-primary { color: var(--color-primary) !important; } .text-secondary-dark { color: var(--color-secondary-dark) !important; } .text-secondary-light { color: var(--color-secondary-light) !important; } .text-secondary-lighter { color: var(--color-secondary-lighter) !important; } .text-secondary { color: var(--color-secondary) !important; } .text-tertiary { color: var(--color-tertiary) !important; } .text-tertiary-light { color: var(--color-tertiary-light) !important; } .text-quaternary { color: var(--color-quaternary) !important; } .text-quaternary-light { color: var(--color-quaternary-light) !important; } .text-cream { color: var(--color-cream) !important; } .text-cream-light { color: var(--color-cream-light) !important; } .text-white-beige { color: var(--color-white-beige) !important; } .text-yellow { color: var(--color-yellow) !important; } .text-yellow-green { color: var(--color-yellow-green) !important; } .text-green-light { color: var(--color-green-light) !important; } .text-blue-lighter { color: var(--color-blue-lighter) !important; } .text-blue-light { color: var(--color-blue-light) !important; } .text-blue-dark { color: var(--color-blue-dark) !important; } .text-dark-green { color: var(--color-dark-green) !important; } .text-dark-light { color: var(--color-dark-light) !important; } .text-success { color: var(--color-success) !important; } .text-white { color: var(--color-white) !important; } .text-grey-darkest { color: var(--color-grey-darkest) !important; } .text-grey-darker { color: var(--color-grey-darker) !important; } .text-grey-dark { color: var(--color-grey-dark) !important; } .text-grey-medium { color: var(--color-grey-medium) !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-dark { background-color: var(--color-primary-dark) !important; } .bg-primary { background-color: var(--color-primary) !important; } .bg-primary-lighter { background-color: var(--color-primary-lighter) !important; } .bg-primary-lightest { background-color: var(--color-primary-lightest) !important; } .bg-secondary-dark { background-color: var(--color-secondary-dark) !important; } .bg-secondary { background-color: var(--color-secondary) !important; } .bg-secondary-light { background-color: var(--color-secondary-light) !important; } .bg-secondary-lighter { background-color: var(--color-secondary-lighter) !important; } .bg-tertiary { background-color: var(--color-tertiary) !important; } .bg-tertiary-light { background-color: var(--color-tertiary-light) !important; } .bg-quaternary { background-color: var(--color-quaternary) !important; } .bg-quaternary-light { background-color: var(--color-quaternary-light) !important; } .bg-cream { background-color: var(--color-cream) !important; } .bg-cream-light { background-color: var(--color-cream-light) !important; } .bg-white-beige { background-color: var(--color-white-beige) !important; } .bg-yellow { background-color: var(--color-yellow) !important; } .bg-yellow-green { background-color: var(--color-yellow-green) !important; } .bg-green-light { background-color: var(--color-green-light) !important; } .bg-blue-lighter { background-color: var(--color-blue-lighter) !important; } .bg-blue-light { background-color: var(--color-blue-light) !important; } .bg-blue-dark { background-color: var(--color-blue-dark) !important; } .bg-dark-green { background-color: var(--color-dark-green) !important; } .bg-dark-light { background-color: var(--color-dark-light) !important; } .bg-success { background-color: var(--color-success) !important; } .bg-white { background-color: var(--color-white) !important; } .bg-grey-darkest { background-color: var(--color-grey-darkest) !important; } .bg-grey-darker { background-color: var(--color-grey-darker) !important; } .bg-grey-dark { background-color: var(--color-grey-dark) !important; } .bg-grey-medium { background-color: var(--color-grey-medium) !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); } .bg-overlay-primary-dark::after { background-color: var(--color-primary-dark); } .bg-overlay-grey-darkest::after { background-color: var(--color-grey-darkest); } .bg-overlay-grey-lighter::after { background-color: var(--color-grey-lighter); } /** * Typography * ---------- */ a.card { font-family: var(--font-default); } p { margin-bottom: var(--space-lg); } .p1 { font-size: var(--font-size-default); } @media (min-width: 992px) { .p1 { font-size: var(--font-size-md); } } .p2 { font-size: var(--font-size-sm); font-family: var(--font-default); font-weight: var(--weight-default); } .p3 { font-size: var(--font-size-xs); } 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; } .text-transform-none { text-transform: unset !important; } /* Typography - Font Families */ .font-family-default { font-family: var(--font-default) !important; } .font-family-primary { font-family: var(--font-primary) !important; } .font-family-secondary { font-family: var(--font-secondary) !important; } /* Typography - Font Weights */ .font-weight-inherit { font-weight: inherit !important; } .font-weight-thin { font-family: var(--font-default-thin); font-weight: var(--weight-thin) !important; } .font-weight-light { font-family: var(--font-default); font-weight: var(--weight-light) !important; } .font-weight-default { font-family: var(--font-default); font-weight: var(--weight-default) !important; } .font-weight-medium { font-family: var(--font-default); font-weight: var(--weight-medium) !important; } .font-weight-bold-semi { font-family: var(--font-default); font-weight: var(--weight-bold-semi) !important; } .font-weight-bold { font-family: var(--font-default); font-weight: var(--weight-bold) !important; } .font-weight-bold-extra { font-family: var(--font-default); font-weight: var(--weight-bold-extra) !important; } .font-weight-bold-ultra { font-family: var(--font-default); font-weight: var(--weight-bold-ultra) !important; } /* Typography - Line Heights */ .line-height-lg { line-height: var(--line-lg) !important; } .line-height-default { line-height: var(--line-default) !important; } .line-height-tight { line-height: var(--line-sm) !important; } /* Typography - Weights */ strong { font-family: var(--font-default); font-weight: var(--weight-default); } /* * Typography - Headings * --------------------- */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h7 { display: block; margin-bottom: var(--space-lg); font-family: var(--font-default); font-weight: var(--weight-default); line-height: var(--line-sm); letter-spacing: var(--font-spacing-default); word-break: break-word; } h1 + h1, h1 + .h1, h1 + h2, h1 + .h2, h1 + h3, h1 + .h3, h1 + h4, h1 + .h4, h1 + h5, h1 + .h5, h1 + h6, h1 + .h6, .h1 + h1, .h1 + .h1, .h1 + h2, .h1 + .h2, .h1 + h3, .h1 + .h3, .h1 + h4, .h1 + .h4, .h1 + h5, .h1 + .h5, .h1 + h6, .h1 + .h6, h2 + h2, h2 + .h2, h2 + h3, h2 + .h3, h2 + h4, h2 + .h4, h2 + h5, h2 + .h5, h2 + h6, h2 + .h6, .h2 + h2, .h2 + .h2, .h2 + h3, .h2 + .h3, .h2 + h4, .h2 + .h4, .h2 + h5, .h2 + .h5, .h2 + h6, .h2 + .h6, h3 + h3, h3 + .h3, h3 + h4, h3 + .h4, h3 + h5, h3 + .h5, h3 + h6, h3 + .h6, .h3 + h3, .h3 + .h3, .h3 + h4, .h3 + .h4, .h3 + h5, .h3 + .h5, .h3 + h6, .h3 + .h6, h4 + h4, h4 + .h4, h4 + h5, h4 + .h5, h4 + h6, h4 + .h6, .h4 + h4, .h4 + .h4, .h4 + h5, .h4 + .h5, .h4 + h6, .h4 + .h6, h5 + h5, h5 + .h5, h5 + h6, h5 + .h6, .h5 + h5, .h5 + .h5, .h5 + h6, .h5 + .h6 { margin-top: -0.5rem; } @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 + h2, .h1 + .h2, .h1 + h3, .h1 + .h3, .h1 + h4, .h1 + .h4, .h1 + h5, .h1 + .h5, .h1 + h6, .h1 + .h6, h2 + h3, h2 + .h3, h2 + h4, h2 + .h4, h2 + h5, h2 + .h5, h2 + h6, h2 + .h6, .h2 + h3, .h2 + .h3, .h2 + h4, .h2 + .h4, .h2 + h5, .h2 + .h5, .h2 + h6, .h2 + .h6, h3 + h4, h3 + .h4, h3 + h5, h3 + .h5, h3 + h6, h3 + .h6, .h3 + h4, .h3 + .h4, .h3 + h5, .h3 + .h5, .h3 + h6, .h3 + .h6, h4 + h5, h4 + .h5, h4 + h6, h4 + .h6, .h4 + h5, .h4 + .h5, .h4 + h6, .h4 + .h6, h5 + h6, h5 + .h6, .h5 + h6, .h5 + .h6 { margin-top: -2rem; } } /* h1::before, .h1::before, h2::before, .h2::before, h3::before, .h3::before, h4::before, .h4::before, h5::before, .h5::before, h6::before, .h6::before { display: inline-block; content: '/'; font-family: var(--font-default-thin); font-weight: var(--weight-thin); } h1.lacks-slash::before, .h1.lacks-slash::before, h2.lacks-slash::before, .h2.lacks-slash::before, h3.lacks-slash::before, .h3.lacks-slash::before, h4.lacks-slash::before, .h4.lacks-slash::before, h5.lacks-slash::before, .h5.lacks-slash::before, h6.lacks-slash::before, .h6.lacks-slash::before { display: none; } */ h1, .h1 { font-size: var(--font-size-h1); text-transform: uppercase; } h2, .h2 { font-size: var(--font-size-h2); text-transform: uppercase; } h3, .h3 { font-size: var(--font-size-h3); } h4, .h4 { font-size: var(--font-size-h4); } h5, .h5 { font-size: var(--font-size-h5); font-weight: var(--weight-light); } h6, .h6 { font-size: var(--font-size-h6); font-weight: var(--weight-light); } /* Headings - Display */ .display-1, .display-2, .display-3 { font-family: var(--font-default-thin); font-weight: var(--weight-thin); line-height: var(--line-default); text-transform: uppercase; word-break: break-word; } .display-2::before, .display-3::before { display: none; } .display-1 { font-size: var(--font-size-display-1); font-family: var(--font-default); font-weight: var(--weight-default); line-height: var(--line-sm); } .display-2 { font-size: var(--font-size-display-2); } .display-3 { font-size: var(--font-size-display-3); line-height: var(--line-lg); } /* Typography - Headings - Spacing */ 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 { margin-bottom: 1.2em; } @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 { margin-bottom: 1.5em; } } /** * 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); } /** * Hover - Effects * --------------- */ /* Effects - Underline */ .underline-hover { /* Variables */ --bg-h: 0.1em; display: initial; text-decoration: none !important; -webkit-transition: background-size 350ms; -o-transition: background-size 350ms; transition: background-size 350ms; background: -o-linear-gradient(bottom, currentColor, currentColor) no-repeat right bottom / 0 var(--bg-h); background: -webkit-gradient(linear, left bottom, left top, from(currentColor), to(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; } .underline-hover.underline-thin { --bg-h: 0.075em; } /* Effects - Circular Ripple */ .ripple-hover { --width: 100%; --time: 0.5s; overflow: hidden; position: relative; } .ripple-hover:hover { color: var(--color-white); } .ripple-hover .background-effect { position: absolute; display: block; z-index: -1; width: 0; height: 0; border-radius: 100%; background: var(--color-black); -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); } /** * Lists * ----- */ ol, ul { margin-bottom: 1.5rem; padding-left: 1.667em; list-style: none; } @media (min-width: 992px) { ol, ul { margin-bottom: 3rem; } } ol { counter-reset: counter-ol; } ol > li { counter-increment: counter-ol; } ol > li:not(:last-child), ul > li:not(:last-child) { margin-bottom: 0.5rem; } @media (min-width: 992px) { ol > li:not(:last-child), ul > li:not(:last-child) { margin-bottom: 0.75rem; } } ol > li::before, ul > li::before { display: inline-block; width: 1.667em; margin-left: -1.667em; } ol > li::before { content: counter(counter-ol) "."; } ul > li::before { content: "\2022"; } /* Lists - Sizing */ @media (min-width: 992px) { ol.has-space-less > li:not(:last-child), ul.has-space-less > li:not(:last-child) { margin-bottom: 0.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: 2.25rem; } } 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: 0.75rem; } } 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: 0.75rem; } } 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: 0.75rem; } } @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: 0.75rem; } } @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: 0.75rem; } } @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: 0.75rem; } } /* 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: 0.75rem; } } @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: 0.75rem; } } @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: 0.75rem; } } @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: 0.5rem; } 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: 0.75rem; } 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: 0.75rem; } 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: 0.75rem; } 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: 0.75rem; } 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: 0.75rem; } 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: 0.75rem; } 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: 0.75rem; } 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; } } /** * 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; } } /** * Lists - Breadcrumbs * ------------------- */ .breadcrumb { -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; border-radius: 0; overflow-x: auto; background-color: transparent; } @media (min-width: 992px) { .breadcrumb { margin-bottom: 2.25rem; } } .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; } } /** * 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; margin-top: -1rem; margin-bottom: 0; padding-left: 0; line-height: var(--line-single); } @media (min-width: 992px) { .page-numbers { margin-bottom: 0.5rem; } } .page-numbers > li { display: block; margin-bottom: 0; } .page-numbers > li::before { display: none; } .page-numbers > li .page-numbers { display: block; padding: 1rem; } .page-numbers > li .page-numbers.current { font-weight: var(--weight-bold); } /** * Lists - Paginations * ------------------- */ .page-numbers > li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0.25rem; } .page-numbers > li .page-numbers, .facetwp-pager > .facetwp-page { padding: 0; font-family: var(--font-default-thin); font-weight: var(--weight-thin); } .page-numbers > li .page-numbers.current, .facetwp-pager > .facetwp-page.active { border: var(--border); border-radius: var(--border-radius-sm); } .page-numbers > li .page-numbers:not(.current):not(.dots):hover, .facetwp-pager > .facetwp-page:not(.active):hover { background-color: var(--color-grey-light); } .page-numbers > li:not(:last-child) { margin-bottom: 0; } .page-numbers > li .page-numbers, .facetwp-pager .facetwp-page { 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: 0; padding: 0 0.5em; font-size: 0.8em; height: 2em; min-width: 2em; } .page-numbers > li .prev svg, .page-numbers > li .next svg, .facetwp-pager > .facetwp-page svg { font-size: 0.8em; } .page-numbers > li .next svg { margin-left: 0.25em; } .page-numbers > li .prev svg { margin-right: 0.25em; } .facetwp-pager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .facetwp-pager > .facetwp-page:not(:last-child) { margin-right: 0.5rem; } .facetwp-pager > .facetwp-page.next svg { margin-left: 0.5em; } .facetwp-pager > .facetwp-page.prev svg { margin-right: 0.5em; } /** * List Groups - Action * -------------------- */ .list-group-action { /* Variables */ --border-width: 0.1rem; position: relative; padding: var(--border-width); border-radius: 0; -webkit-clip-path: var(--clip-path-pentagon); clip-path: var(--clip-path-pentagon); background-color: var(--color-grey-medium); } .list-group-action::before { content: ""; position: absolute; top: var(--border-width); right: var(--border-width); bottom: var(--border-width); left: var(--border-width); -webkit-clip-path: inherit; clip-path: inherit; background-color: var(--color-white); } .list-group-action .list-group-item:hover { text-decoration: none; } /* List Groups - Action - Items */ .list-group-item-action { /* Variables */ --pad-y: 1rem; --pad-x: 3rem; 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; padding: var(--pad-y) var(--pad-x); border: 0; font-family: var(--font-default-thin); font-weight: var(--weight-thin); font-size: 1.4rem; line-height: var(--line-sm); text-transform: uppercase; text-align: center; color: var(--color-black); background-color: transparent; } @media (min-width: 992px) { .list-group-item-action { /* Variables */ --pad-y: 2rem; --pad-x: 6rem; font-size: 1.6rem; } } .list-group-item-action:first-child { -webkit-clip-path: inherit; clip-path: inherit; } .list-group-item-action:hover, .list-group-item-action:active, .list-group-item-action:focus, .list-group-item-action.focus { color: var(--color-black); background-color: var(--color-grey-lightest); } .list-group-item-action.active { border-color: transparent; font-family: var(--font-default); font-weight: var(--weight-default); color: var(--color-black); background-color: transparent; } .list-group-item-action + .list-group-item-action.active { border-top: 0; margin-top: 0; } /* List Groups - Action - Horizontal - Items */ .list-group-action.list-group-horizontal > .list-group-item-action { /* Variables */ --pipe-width: 0.1rem; } .list-group-action.list-group-horizontal > .list-group-item-action:first-child, .list-group-action.list-group-horizontal > .list-group-item-action:last-child { border-radius: inherit; } .list-group-action.list-group-horizontal > .list-group-item-action:first-child { -webkit-clip-path: polygon(1rem 0, calc(100% + var(--pipe-width)) 0, calc(100% + var(--pipe-width)) 100%, 0 100%, 0 2rem); clip-path: polygon(1rem 0, calc(100% + var(--pipe-width)) 0, calc(100% + var(--pipe-width)) 100%, 0 100%, 0 2rem); } .list-group-action.list-group-horizontal > .list-group-item-action:not(:last-child) { margin-right: var(--pipe-width); } .list-group-action.list-group-horizontal > .list-group-item-action:not(:last-child)::before { content: ""; position: absolute; top: 50%; right: calc(var(--pipe-width) * -1); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: var(--pipe-width); height: calc((1em * var(--line-sm)) + (var(--pad-y) / 2)); background-color: #707070; } .list-group-action.list-group-horizontal > .list-group-item-action.tri-active::after { position: relative; top: 0.08em; } .list-group-action.list-group-horizontal > .list-group-item-action + .list-group-item-action { border-width: 0; } .list-group-action.list-group-horizontal > .list-group-item-action + .list-group-item-action.active { margin-left: 0; } /** * 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; } /* 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.1rem solid transparent; padding: 1rem 1.5rem; -webkit-transition: all var(--transition-quick-ease); -o-transition: all var(--transition-quick-ease); transition: all var(--transition-quick-ease); font-size: var(--font-size-xs); font-weight: var(--weight-bold); line-height: var(--line-sm); color: inherit; } @media (min-width: 992px) { button, .btn { padding-right: 3rem; padding-left: 3rem; font-size: var(--font-size-sm); } } 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 { /* Variables */ --btn-svg-size: 1.5em; --btn-svg-offset: 1.75em; border-radius: 0; padding: 1.5rem; } .btn:hover { color: inherit; } .btn:active { opacity: 0.8; } .btn.lacks-pad { padding: 0; } .btn-block { display: -webkit-box; display: -ms-flexbox; display: flex; } .btn.w-100 { max-width: none; } .btn > svg { margin-right: calc(var(--btn-svg-offset) * -1); font-size: var(--btn-svg-size); width: 1em; height: 1em; } .btn::after { font-size: var(--btn-svg-size); width: var(--btn-svg-offset); height: 1em; } /* 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 - Simple */ .btn-simple:not(.lacks-icon):after { display: none; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-thin); content: "\f061"; } .btn-simple svg:last-child { margin-left: 0.5rem; font-size: 1em; opacity: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: inherit; -o-transition: inherit; transition: inherit; } .btn-simple:hover svg:last-child { opacity: 1; } /* Buttons - Basic */ .btn-basic, .btn-basic-outline, .facetwp-load-more { overflow: hidden; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: none; padding: 1.2em; width: 100%; min-width: 10rem; max-width: 30rem; font-family: var(--font-default-thin); font-weight: var(--weight-thin); line-height: var(--line-sm); text-transform: uppercase; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); -webkit-clip-path: var(--clip-path-pentagon); clip-path: var(--clip-path-pentagon); } .btn-basic::after, .btn-basic-outline::after, .facetwp-load-more::after { margin-left: 0.25em; -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); } .btn-basic:not(.disabled):hover::after, .btn-hoverable:not(.disabled):hover .btn-basic::after, .btn-basic-outline:not(.disabled):hover::after, .btn-hoverable:not(.disabled):hover .btn-basic-outline::after, .facetwp-load-more:not(.disabled):hover::after, .btn-hoverable:not(.disabled):hover .facetwp-load-more::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .btn-basic-dark { color: var(--color-white); background-color: var(--color-black); } .btn-basic-dark::after { color: var(--color-primary-lighter); } .btn-basic-light { color: var(--color-black); background-color: var(--color-white); } .btn-basic-light::after { color: var(--color-black); } .btn-basic-dark:not(.disabled):hover, .btn-hoverable:hover .btn-basic-dark:not(.disabled), .btn-basic-light:not(.disabled):hover, .btn-hoverable:hover .btn-basic-light:not(.disabled) { color: var(--color-white); } .btn-basic.btn-yellow { background-color: var(--color-yellow); } .btn-basic.btn-yellow:not(.disabled):hover, .btn-hoverable:not(.disabled):hover .btn-basic.btn-yellow { text-decoration: none; background-color: var(--color-yellow-green); } /* Buttons - Basic - Outline */ .btn-basic-outline, .facetwp-load-more { /* Variables */ --btn-border-color: var(--color-black); --btn-background-color: var(--color-white); position: relative; border: 1px solid var(--btn-border-color); color: var(--color-black); background-color: var(--btn-background-color); } .btn-basic-outline.btn-transparent, .facetwp-load-more { /* Variables */ --btn-background-color: transparent; } .btn-basic-outline::before, .facetwp-load-more::before { content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: calc(var(--clip-path-slant) * 2); height: calc(var(--clip-path-slant) * 2); -webkit-clip-path: var(--clip-path-pentagon-before); clip-path: var(--clip-path-pentagon-before); background-color: var(--btn-border-color); } .btn-basic-outline.active, .btn-basic-outline:active, .facetwp-load-more.active, .facetwp-load-more:active { /* Variables */ --btn-background-color: var(--color-black); color: var(--color-white); } .btn-basic-outline .background-effect, .facetwp-load-more .background-effect { position: absolute; top: -50%; right: -100%; border-radius: 9999px; width: 100%; height: 200%; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; color: inherit; background-color: var(--color-black); z-index: -1; } .btn-basic-outline:not(.disabled):hover, .btn-hoverable:hover .btn-basic-outline:not(.disabled), .facetwp-load-more:not(.disabled):hover, .btn-hoverable:hover .facetwp-load-more:not(.disabled) { /* Variables */ --btn-background-color: var(--color-grey-lighter); text-decoration: none; color: var(--color-white); } .btn-basic-outline:not(.disabled):hover .background-effect, .btn-hoverable:hover .btn-basic-outline:not(.disabled) .background-effect, .facetwp-load-more:not(.disabled):hover .background-effect, .btn-hoverable:hover .facetwp-load-more:not(.disabled) .background-effect { top: -100%; right: -100%; width: 300%; height: 300%; } .btn-basic-outline:not(.disabled):hover::after, .btn-hoverable:hover .btn-basic-outline:not(.disabled)::after, .facetwp-load-more:not(.disabled):hover::after, .btn-hoverable:hover .facetwp-load-more:not(.disabled)::after { color: var(--color-primary-lighter); } .btn-basic-outline.active:not(.disabled):hover, .btn-hoverable:hover .btn-basic-outline.active:not(.disabled), .facetwp-load-more.active:not(.disabled):hover, .btn-hoverable:hover .facetwp-load-more.active:not(.disabled) { /* Variables */ --btn-background-color: var(--color-black); color: var(--color-grey-dark); } /* Buttons - Basic - Size */ .btn-basic.btn-sm, .btn-basic-outline.btn-sm { font-size: 1.4rem; padding: 1em 2em; } @media (min-width: 992px) { .btn-basic.btn-sm, .btn-basic-outline.btn-sm { font-size: 1.6rem; } } .btn-basic.btn-lg, .btn-basic-outline.btn-lg { font-size: 1.6rem; } /* Buttons - Fancy */ .btn-fancy { overflow: hidden; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 0.65em 0.75em 0.65em 0; font-family: var(--font-default-thin); font-weight: var(--weight-thin); text-transform: uppercase; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); -webkit-clip-path: polygon(0.5em 0, 100% 0, 100% 100%, 0 100%, 0 1em); clip-path: polygon(0.5em 0, 100% 0, 100% 100%, 0 100%, 0 1em); background-color: unset; } .btn-fancy:hover, .btn-hoverable:hover { padding-left: 0.8em; text-decoration: none !important; color: var(--color-white); } .btn-fancy:hover::after, .btn-hoverable:hover .btn-fancy::after { margin-left: 0.5em; -webkit-transform: translateY(-2%) rotate(-45deg); -ms-transform: translateY(-2%) rotate(-45deg); transform: translateY(-2%) rotate(-45deg); color: var(--color-primary-lighter); } .btn-fancy::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; height: 2.8em; width: 2.8em; border-radius: 9999px; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; z-index: -1; background-color: var(--color-black); } .btn-fancy:hover::before, .btn-hoverable:hover .btn-fancy::before { top: -1em; right: -1em; bottom: -1em; height: 4em; width: 150%; } .btn-fancy::after { position: relative; content: attr(data-text); margin-right: -0.4em; margin-left: 0.4em; -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); color: var(--color-white); z-index: 1; } /* Buttons - Fancy - Dark */ .btn-fancy-dark:hover, .btn-hoverable:hover .btn-fancy-dark { color: var(--color-white); } /* Buttons - Fancy - Light */ .btn-fancy-light { color: var(--color-white); } .btn-fancy-light::before { background-color: var(--color-white); } .btn-fancy-light::after, .btn-fancy-light:hover, .btn-hoverable:hover .btn-fancy-light { color: var(--color-black); } .btn-fancy-light:hover::before, .btn-hoverable:hover .btn-fancy-light::before { background-color: var(--color-white); } /* Buttons - CTA */ .btn-cta { /* Variables */ --min-size: 9rem; --max-size: 15rem; --font-size-to-width-ratio: 0.08; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; cursor: pointer; position: absolute; overflow: hidden; bottom: 0; right: 0; width: 65%; min-width: var(--min-size); max-width: var(--max-size); height: var(--btn-size, 65%); min-height: var(--min-size); max-height: var(--max-size); font-size: calc(var(--btn-size, 150) * var(--font-size-to-width-ratio)); /* default to 1.2rem */ text-align: right; font-family: var(--font-default); font-weight: var(--weight-light); margin: 0 !important; padding: 8em 1.2em 1.2em 4em; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); -webkit-clip-path: var(--clip-path-triangle-bottom-right); clip-path: var(--clip-path-triangle-bottom-right); color: var(--color-black); background-color: var(--color-cream); } @media (min-width: 992px) { .btn-cta { font-size: calc(var(--btn-size, 175) * var(--font-size-to-width-ratio)); /* default to 1.4rem */ } } .btn-cta.bottom-right { top: unset; right: 0; bottom: 0; left: unset; } .btn-cta.top-left { 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-align: start; -ms-flex-align: start; align-items: flex-start; top: 0; right: unset; bottom: unset; left: 0; padding: 1.2em 4em 8em 1.2em; text-align: left; -webkit-clip-path: var(--clip-path-triangle-top-left); clip-path: var(--clip-path-triangle-top-left); } .btn-cta.btn-md { /* Variables */ --max-size: 18rem; font-size: calc(var(--btn-size, 175) * var(--font-size-to-width-ratio)); /* default to 1.4rem */ } @media (min-width: 992px) { .btn-cta.btn-md { font-size: calc(var(--btn-size, 200) * var(--font-size-to-width-ratio)); /* default to 1.6rem */ } } .btn-cta.btn-lg { /* Variables */ --max-size: 22rem; font-size: calc(var(--btn-size, 200) * var(--font-size-to-width-ratio)); /* default to 1.6rem */ font-family: var(--font-default); font-weight: var(--weight-medium); } @media (min-width: 992px) { .btn-cta.btn-lg { font-size: calc(var(--btn-size, 212.5) * var(--font-size-to-width-ratio)); /* default to 1.7rem */ } } .btn-cta:hover { text-decoration: none !important; color: var(--color-black); } @media (min-width: 992px) { .btn-hoverable .btn-cta { opacity: 0; } .btn-hoverable:hover .btn-cta { opacity: 1; } } /* Buttons - Square Icons */ .btn-icon-square { cursor: pointer; 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; border-radius: var(--border-radius-sm); padding: 0; font-size: inherit; width: 2em; height: 2em; background-color: var(--color-grey-light); } .btn-icon-square.icon-dark { color: var(--color-primary-lightest); background-color: var(--color-black); } .btn-icon-square:hover { background-color: var(--color-grey-medium); } .btn-icon-square.icon-dark:hover { background-color: var(--color-grey-darker); } /* Buttons - Arrow Icons */ .btn-basic:not(.lacks-icon)::after, .btn-basic-outline:not(.lacks-icon)::after, .btn-fancy:not(.lacks-icon)::after { -ms-flex-negative: 0; flex-shrink: 0; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-thin); font-size: var(--btn-svg-size); content: "\f061"; } /* Buttons - Loading */ .btn.loading, .btn-icon-square.loading, .card-style-thumbnail-product .button.add_to_cart_button.loading, .single_add_to_cart_button.loading { pointer-events: none; opacity: 0.5; } .btn.loading::after, .btn-icon-square.loading::after, .card-style-thumbnail-product .button.add_to_cart_button.loading::before, .single_add_to_cart_button.loading::after { text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-duotone); font-size: var(--btn-svg-size); content: "\f3f4" !important; width: var(--btn-svg-offset, auto); } .btn.loading::after, .btn-icon-square.loading::after, .card-style-thumbnail-product .button.add_to_cart_button.loading::before, .single_add_to_cart_button.loading::after { -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } .btn-icon-square.loading i { display: none; } .single_add_to_cart_button { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .single_add_to_cart_button.loading::after { position: unset !important; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-left: 1em; width: unset !important; background-color: unset !important; } /* Buttons - Disabled */ .btn.disabled { pointer-events: none; cursor: default; opacity: 0.5; } /* Buttons - Group */ .btn-group { 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; } .btn-group .btn:not(:last-child) { margin-bottom: 2rem; } @media (min-width: 992px) { .btn-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .btn-group .btn:not(:last-child) { margin-right: 5rem; margin-bottom: 0; } } /* Buttons - Group - Vertical */ .btn-group-vertical { 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-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media (max-width: 991px) { .btn-group-vertical > .btn { max-width: 100%; } } .btn-group-vertical > * { margin-bottom: 1rem; } @media (min-width: 992px) { .btn-group-vertical > * { margin-bottom: 1.5rem; } } /** * 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); } /** * Badges * ------ */ .tri-active { 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-align: start; -ms-flex-align: start; align-items: flex-start; } .tri-active::after { /* Variables */ --tri-width: 0.66em; content: ""; display: inline-block; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: var(--tri-width); height: calc(var(--tri-width) * 1.2); margin-left: 0.25em; font-size: inherit; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%); opacity: 1; background-color: var(--color-black); } /* Badge - Featured */ .badge-featured-wrapper { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(var(--badge-featured-size) + var(--slope-gap) + 1rem); height: calc(var(--badge-featured-size) + var(--slope-gap) + 1rem); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: var(--color-white); z-index: 1; } /* Keyframes define the color change over time */ @-webkit-keyframes badgeFeaturedBackground { 0% { background-color: var(--color-grey); } 50% { background-color: var(--color-yellow); } 100% { background-color: var(--color-grey); } } @keyframes badgeFeaturedBackground { 0% { background-color: var(--color-grey); } 50% { background-color: var(--color-yellow); } 100% { background-color: var(--color-grey); } } .badge-featured { position: relative; 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; width: var(--badge-featured-size); height: var(--badge-featured-size); font-size: 3.5vw; font-family: var(--font-default); font-weight: var(--weight-default); line-height: var(--line-single); text-transform: uppercase; -webkit-animation: badgeFeaturedBackground 5s infinite alternate; animation: badgeFeaturedBackground 5s infinite alternate; color: var(--color-black); background-color: var(--color-grey); } @media (min-width: 576px) { .badge-featured { font-size: var(--font-size-sm); } } @media (min-width: 992px) { .badge-featured { font-size: var(--font-size-md); } } .badge-featured:before { display: block; content: ""; position: absolute; top: 0; right: 0; left: 0; width: inherit; height: 0; -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); background-color: var(--color-yellow-green); } .badge-featured-wrapper.bottom-right .badge-featured:before { top: unset; bottom: 0; } .badge-featured:hover:before { height: inherit; } .badge-featured .content { position: relative; padding-left: var(--slash-width); } .badge-featured .slash { position: absolute; display: block; top: 0; left: calc((var(--slash-width) * 0.5) - 0.06em); width: 0.06em; height: 100%; content: ""; border-radius: 1rem; background-color: currentColor; -webkit-transform: rotate(17deg); -ms-transform: rotate(17deg); transform: rotate(17deg); } .badge-featured:hover { color: var(--color-black); } /* Badge - Featured - Positions */ .badge-featured-wrapper:not(.top-left):not(.bottom-right), .badge-featured-wrapper.top-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; top: 0; left: 0; -webkit-clip-path: polygon( calc(100% - 8.61204px) 3.64331px, calc(100% - 8.61204px) 3.64331px, calc(100% - 7.90935601px) 2.97538434px, calc(100% - 7.16010848px) 2.37012352px, calc(100% - 6.36854907px) 1.82932778px, calc(100% - 5.53892944px) 1.35479736px, calc(100% - 4.67550125px) 0.9483325px, calc(100% - 3.7825161600001px) 0.61173344px, calc(100% - 2.86422583px) 0.34680042px, calc(100% - 1.92488192px) 0.15533368px, calc(100% - 0.96873609000005px) 0.03913346px, calc(100% - 4.000000006954e-5px) 4.8605541415676e-32px, 0px 0px, 0px calc(100% - -1.0000000031596e-5px), 0px calc(100% - -1.0000000031596e-5px), 0.03620029px calc(100% - 0.93169343999989px), 0.14376992px calc(100% - 1.8522251199999px), 0.32116203px calc(100% - 2.7577710799999px), 0.56682976px calc(100% - 3.64451736px), 0.87922625px calc(100% - 4.50865px), 1.25680464px calc(100% - 5.3463550399999px), 1.69801807px calc(100% - 6.15381852px), 2.20131968px calc(100% - 6.9272264799999px), 2.76516261px calc(100% - 7.66276496px), 3.388px calc(100% - 8.35662px) ); clip-path: polygon( calc(100% - 8.61204px) 3.64331px, calc(100% - 8.61204px) 3.64331px, calc(100% - 7.90935601px) 2.97538434px, calc(100% - 7.16010848px) 2.37012352px, calc(100% - 6.36854907px) 1.82932778px, calc(100% - 5.53892944px) 1.35479736px, calc(100% - 4.67550125px) 0.9483325px, calc(100% - 3.7825161600001px) 0.61173344px, calc(100% - 2.86422583px) 0.34680042px, calc(100% - 1.92488192px) 0.15533368px, calc(100% - 0.96873609000005px) 0.03913346px, calc(100% - 4.000000006954e-5px) 4.8605541415676e-32px, 0px 0px, 0px calc(100% - -1.0000000031596e-5px), 0px calc(100% - -1.0000000031596e-5px), 0.03620029px calc(100% - 0.93169343999989px), 0.14376992px calc(100% - 1.8522251199999px), 0.32116203px calc(100% - 2.7577710799999px), 0.56682976px calc(100% - 3.64451736px), 0.87922625px calc(100% - 4.50865px), 1.25680464px calc(100% - 5.3463550399999px), 1.69801807px calc(100% - 6.15381852px), 2.20131968px calc(100% - 6.9272264799999px), 2.76516261px calc(100% - 7.66276496px), 3.388px calc(100% - 8.35662px) ); } .badge-featured-wrapper:not(.top-left):not(.bottom-right) .badge-featured, .badge-featured-wrapper.top-left .badge-featured { padding-right: calc(var(--badge-featured-size) * 0.4); padding-bottom: calc(var(--badge-featured-size) * 0.3); padding-left: 0.5rem; -webkit-clip-path: var(--clip-path-triangle-top-left); clip-path: var(--clip-path-triangle-top-left); } .badge-featured-wrapper.bottom-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; right: 0; bottom: 0; -webkit-clip-path: polygon( 8.612px calc(100% - 3.6433px), 8.612px calc(100% - 3.6433px), 7.90931601px calc(100% - 2.97537434px), 7.16006848px calc(100% - 2.3701135199999px), 6.36850907px calc(100% - 1.82931778px), 5.53888944px calc(100% - 1.35478736px), 4.67546125px calc(100% - 0.94832250000002px), 3.78247616px calc(100% - 0.61172343999999px), 2.86418583px calc(100% - 0.34679042000005px), 1.92484192px calc(100% - 0.15532368000004px), 0.96869609px calc(100% - 0.039123460000042px), 1.0808620665159e-15px calc(100% - -9.999999917909e-6px), calc(100% - 4.0000000012697e-5px) calc(100% - -9.9999999747524e-6px), calc(100% - 4.0000000012697e-5px) -5.6843418860808e-14px, calc(100% - 4.0000000012697e-5px) -5.6843418860808e-14px, calc(100% - 0.03624028999991px) 0.93170343999994px, calc(100% - 0.14380991999991px) 1.8522351199999px, calc(100% - 0.32120203000005px) 2.7577810799999px, calc(100% - 0.56686975999997px) 3.6445273599999px, calc(100% - 0.87926625000006px) 4.5086599999999px, calc(100% - 1.25684464px) 5.3463650399999px, calc(100% - 1.6980580699999px) 6.1538285199999px, calc(100% - 2.20135968px) 6.9272364799999px, calc(100% - 2.76520261px) 7.6627749599999px, calc(100% - 3.38804px) 8.3566299999999px ); clip-path: polygon( 8.612px calc(100% - 3.6433px), 8.612px calc(100% - 3.6433px), 7.90931601px calc(100% - 2.97537434px), 7.16006848px calc(100% - 2.3701135199999px), 6.36850907px calc(100% - 1.82931778px), 5.53888944px calc(100% - 1.35478736px), 4.67546125px calc(100% - 0.94832250000002px), 3.78247616px calc(100% - 0.61172343999999px), 2.86418583px calc(100% - 0.34679042000005px), 1.92484192px calc(100% - 0.15532368000004px), 0.96869609px calc(100% - 0.039123460000042px), 1.0808620665159e-15px calc(100% - -9.999999917909e-6px), calc(100% - 4.0000000012697e-5px) calc(100% - -9.9999999747524e-6px), calc(100% - 4.0000000012697e-5px) -5.6843418860808e-14px, calc(100% - 4.0000000012697e-5px) -5.6843418860808e-14px, calc(100% - 0.03624028999991px) 0.93170343999994px, calc(100% - 0.14380991999991px) 1.8522351199999px, calc(100% - 0.32120203000005px) 2.7577810799999px, calc(100% - 0.56686975999997px) 3.6445273599999px, calc(100% - 0.87926625000006px) 4.5086599999999px, calc(100% - 1.25684464px) 5.3463650399999px, calc(100% - 1.6980580699999px) 6.1538285199999px, calc(100% - 2.20135968px) 6.9272364799999px, calc(100% - 2.76520261px) 7.6627749599999px, calc(100% - 3.38804px) 8.3566299999999px ); } .badge-featured-wrapper.bottom-right .badge-featured { padding-top: calc(var(--badge-featured-size) * 0.6); padding-left: calc(var(--badge-featured-size) * 0.35); padding-right: 0.5rem; -webkit-clip-path: var(--clip-path-triangle-bottom-right); clip-path: var(--clip-path-triangle-bottom-right); } /* Badge - Featured - Offset Header */ .badge-featured-wrapper.top-left.offset-header { width: calc(var(--badge-featured-size-lg) + var(--slope-gap) + 1rem); height: calc(var(--badge-featured-size-lg) + var(--slope-gap) + 1rem); } .badge-featured-wrapper.top-left.offset-header .badge-featured { padding-top: var(--navbar-height); width: var(--badge-featured-size-lg); height: var(--badge-featured-size-lg); padding-right: calc(var(--badge-featured-size-lg) * 0.55); padding-bottom: calc(var(--badge-featured-size-lg) * 0.35); } /** * Loadings * -------- */ .loading-mask { position: relative; } .loading-mask::after { cursor: progress; display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.25; background-color: var(--color-black); z-index: 1; } .loading-mask * { pointer-events: none; } /** * 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); } /* 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 & Navbars * --------------- */ .menu .menu-item a, .menu .menu-item button, .navbar-toolbar .navbar-list-item a:not(.navbar-icon) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--font-size-sm); font-family: var(--font-default); font-weight: var(--weight-light); line-height: var(--line-single); text-transform: uppercase; } @media (min-width: 992px) { .menu .menu-item a, .menu .menu-item button, .navbar-toolbar .navbar-list-item a:not(.navbar-icon) { font-size: var(--font-size-xs); padding: 0.75rem 1.5rem 0.25rem; } } @media (min-width: 1500px) { .menu .menu-item a, .menu .menu-item button, .navbar-toolbar .navbar-list-item a:not(.navbar-icon) { font-size: var(--font-size-sm); } } .menu .menu-item:not(.current-menu-item) > a.active, .menu .menu-item:not(.current-menu-item) > a:hover, .menu .menu-item:not(.current-menu-item) > button.active, .menu .menu-item:not(.current-menu-item) > button:hover, .navbar-toolbar .navbar-list-item > a:hover, .navbar-toolbar .navbar-list-item > button:hover { color: var(--color-grey-dark); } .menu .menu-item.current-menu-parent > a, .menu .menu-item.current-menu-item > a { font-family: var(--font-default); font-weight: var(--weight-default); } .menu-type-collapse .menu-item { margin: 0; } .menu-type-collapse .menu-item-has-children > a { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .menu-type-collapse .sub-menu-toggler { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .menu-type-collapse .menu-item-has-children > a > .fa-arrow-right { width: 0; opacity: 0; visibility: hidden; } .menu-type-collapse .sub-menu-toggler .fa-chevron-down { margin-right: 0; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; } .menu-type-collapse .sub-menu-toggler[aria-expanded="true"] .fa-chevron-down { width: 1em; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .menu-type-collapse .sub-menu { padding-right: 0; margin-right: 0; } .menu-container .modal .sub-menu .menu-item a { border: none; margin: 0; } /* Menus - Left */ .menu-header-main-left .menu-item:first-child a { margin-left: -1rem; } .menu-header-main-left .menu-item:not(:last-child) a { border-right: 1px solid var(--color-black); } /* Menus - Right */ .menu-header-main-right .menu-item a, .navbar-toolbar .navbar-list-item a:not(.navbar-icon) { padding-right: 1rem; padding-left: 1rem; text-align: center; } @media (min-width: 992px) and (max-width: 1199px) { .menu-header-main-right .menu-item a, .navbar-toolbar .navbar-list-item a:not(.navbar-icon) { padding-right: 0.75rem; padding-left: 0.75rem; } } .navbar-toolbar .navbar-list-item .navbar-icon { font-size: 1.2em; } @media (min-width: 992px) { .navbar-toolbar .navbar-list-item .navbar-icon { font-size: 2rem; } } .navbar-toolbar .navbar-list-item .navbar-icon.tri-active::after { margin-left: 0; font-size: var(--font-size-sm); } /* Menus - Locations - Header - Main */ .menu-header-main-right-container, .menu-header-main-left-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu-header-main-right .menu-item, .menu-header-main-left .menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu-header-main-right .menu-item a, .menu-header-main-left .menu-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* Menus - Locations - Shop - Categories - Accordion */ .menu-accordion.menu-shop-categories-accordion .sub-menu { margin-bottom: 2.5rem; } @media (min-width: 992px) { .menu-accordion.menu-shop-categories-accordion .sub-menu { margin-bottom: 5rem; } } @media (max-width: 991px) { .menu-shop-categories-accordion, .menu-shop-categories-accordion .sub-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .menu-shop-categories-accordion > .menu-item { border-top: 1px solid var(--color-grey-medium); } .menu-shop-categories-accordion > .menu-item:last-child { border-bottom: none; } .menu-shop-categories-accordion .menu-item.active > a { font-family: var(--font-default); font-weight: var(--weight-default); } .menu-shop-categories-accordion .menu-item a { padding: 1rem 0; } .menu-shop-categories-accordion > .menu-item > a { padding-top: 1.5rem; padding-bottom: 1.5rem; } .menu-shop-categories-accordion .menu-item .sub-menu-toggler + a { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .menu-shop-categories-accordion .menu-item .sub-menu-toggler { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 0; padding-bottom: 0; padding-right: 0; } .menu-shop-categories-accordion .sub-menu, .menu-shop-categories-accordion .sub-menu .menu-item { margin-right: 0; padding-right: 0; } } @media (min-width: 992px) { .menu-shop-categories-accordion { display: none; } } /* Menus - Locations - Shop - Categories - Dropdown */ .menu-shop-categories-dropdown { display: none; } @media (min-width: 992px) { .menu-shop-categories-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: unset; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu-shop-categories-dropdown .menu { 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: center; -ms-flex-pack: center; justify-content: center; margin-left: auto; margin-right: auto; margin-bottom: 1.5rem; } .menu-shop-categories-dropdown .menu-item { -ms-flex-line-pack: center; align-content: center; } .menu-shop-categories-dropdown .menu-item { padding: 0; font-family: var(--font-default-thin); font-weight: var(--weight-thin); text-transform: uppercase; line-height: var(--line-single); font-size: 1.8rem; color: var(--color-black); } .menu-shop-categories-dropdown .menu-item > a, .menu-shop-categories-dropdown .sub-menu .menu-item button { padding: 1.6rem; } .menu-shop-categories-dropdown .menu-item > a { display: block; text-align: center; font-family: var(--font-default-thin); font-weight: var(--weight-thin); line-height: var(--line-single); font-size: 1.8rem; } .menu-shop-categories-dropdown .menu > .menu-item .sub-menu-toggler.btn:not(.tri-active) { opacity: 0.5; } .menu-shop-categories-dropdown .menu > .menu-item .sub-menu-toggler.btn:hover { color: var(--color-black); opacity: 1; } .menu-shop-categories-dropdown .menu > .menu-item .sub-menu-toggler.btn[aria-expanded="true"] { color: var(--color-black); opacity: 1; } .menu-shop-categories-dropdown .menu-item:hover > a, .menu-shop-categories-dropdown .menu-item:hover .sub-menu-toggler { color: var(--color-grey-dark); } .menu-shop-categories-dropdown .menu-item .sub-menu-toggler, .menu-shop-categories-dropdown .menu-item > a { text-transform: uppercase; } .menu-shop-categories-dropdown .sub-menu { display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); background-color: var(--color-white); } .menu-shop-categories-dropdown .sub-menu.show, .menu-shop-categories-dropdown .sub-menu.collapsing { display: -ms-grid; display: grid; width: auto; } .menu-shop-categories-dropdown .sub-menu .menu-item .sub-menu.show, .menu-shop-categories-dropdown .sub-menu .menu-item .sub-menu.collapsing { position: absolute; top: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1; } .menu-shop-categories-dropdown > .sub-menu { -webkit-box-shadow: var(--shadow-default); box-shadow: var(--shadow-default); } .menu-shop-categories-dropdown .sub-menu .menu-item, .menu-shop-categories-dropdown .sub-menu .menu-item a, .menu-shop-categories-dropdown .sub-menu .menu-item button { -ms-grid-row: 1; grid-row: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: var(--font-default-thin); font-weight: var(--weight-thin); line-height: var(--line-single); font-size: var(--font-size-sm); text-transform: capitalize; position: relative; } .menu-shop-categories-dropdown .sub-menu .menu-item a, .menu-shop-categories-dropdown .sub-menu .menu-item { height: 100%; } .menu-shop-categories-dropdown .sub-menu .menu-item button { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; } .menu-shop-categories-dropdown .sub-menu .menu-item:first-child > .sub-menu { left: 0; } .menu-shop-categories-dropdown .sub-menu .menu-item:last-child > .sub-menu { right: 0; } .menu-shop-categories-dropdown .sub-menu .menu-item:hover > .sub-menu { position: absolute; top: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; min-width: 12rem; padding-left: 0; margin-left: 0; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .menu-shop-categories-dropdown .sub-menu .menu-item:hover > .sub-menu-toggler.btn.btn-icon i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .menu-shop-categories-dropdown .sub-menu .menu-item.active > a, .menu-shop-categories-dropdown .sub-menu .menu-item.active > .sub-menu-toggler.btn.btn-icon { font-family: var(--font-default); font-weight: var(--weight-default); } .menu-shop-categories-dropdown .sub-menu .menu-item .sub-menu-toggler.btn.btn-icon span { padding-right: 0.5rem; } .menu-shop-categories-dropdown .sub-menu-toggler.btn.btn-icon.collapsed.tri-active, .menu-shop-categories-dropdown .menu-item.active a.tri-active { font-family: var(--font-default); font-weight: var(--weight-default); } .menu-shop-categories-dropdown .sub-menu .menu-item::before { display: none; } .menu-shop-categories-dropdown .sub-menu .sub-menu .menu-item:hover { background-color: var(--color-grey); } } @media (min-width: 1200px) { .menu-shop-categories-dropdown .sub-menu-toggler.btn, .menu-shop-categories-dropdown .menu .menu-item { font-size: var(--font-default); } } @media (min-width: 992px) and (max-width: 1199px) { .menu-shop-categories-dropdown .menu-item > a, .menu-shop-categories-dropdown .sub-menu .menu-item button { padding: 1.2rem; } } /** * Collapses & Accordions * ---------------------- */ /* Collapses */ .collapse-item { font-size: 1.6rem; } @media (min-width: 992px) { .collapse-item { font-size: 1.8rem; } } .collapse-item:last-of-type { border-bottom: 0.1rem solid var(--color-grey-dark); } /* Collapses - Headers */ .collapse-header { border-top: 0.1rem solid var(--color-grey-dark); text-transform: uppercase; } .collapse-header .btn[data-toggle="collapse"] { border: 0; border-radius: 0; padding: 2rem 1rem 2rem 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: 2.5rem; padding-bottom: 2.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; font-size: 2rem; } .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: 0.5rem; } @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; } @media (min-width: 992px) { .collapse-header .btn[data-toggle="collapse"] .collapse-icon { font-size: 2rem; } .collapse-header .btn[data-toggle="collapse"] .collapse-icon:not(:first-child) { margin-left: 1rem; } } .collapse-header .btn[data-toggle="collapse"] .collapse-icon { position: relative; width: 1em; height: 1em; } .collapse-header .btn[data-toggle="collapse"] .collapse-icon i, .collapse-header .btn[data-toggle="collapse"] .collapse-icon::before, .collapse-header .btn[data-toggle="collapse"] .collapse-icon::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); } .collapse-header .btn[data-toggle="collapse"][aria-expanded="true"] .collapse-icon i, .collapse-header .btn[data-toggle="collapse"][aria-expanded="true"] .collapse-icon::before, .collapse-header .btn[data-toggle="collapse"][aria-expanded="true"] .collapse-icon::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .collapse-header .btn[data-toggle="collapse"] .collapse-text { font-weight: var(--weight-default); } /* Collapses - Bodies */ .collapse-body .collapse-body-inner { padding-bottom: 2rem; } @media (min-width: 992px) { .collapse-body .collapse-body-inner { padding-bottom: 2.5rem; } } .collapse-heading { text-transform: uppercase; } .collapse-heading, .collapse-link { 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: 1rem; font-family: var(--font-default); font-weight: var(--weight-light); } @media (min-width: 992px) { .collapse-heading, .collapse-link { margin-bottom: 1.5rem; } } a.collapse-link:hover { text-decoration: none !important; } .collapse-link > span { display: inline-block; word-break: break-all; } .collapse-link:hover span { text-decoration: underline; text-underline-offset: 2px; } .collapse-link i { margin-top: 0.2em; } .collapse-link i:first-child { margin-right: 1rem; } /* Collapses - More Link */ .more-link[data-toggle="collapse"] .collapse-icon i { 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; height: 100%; } .more-link[data-toggle="collapse"] .collapse-icon i:first-child, .more-link[data-toggle="collapse"][aria-expanded="true"] .collapse-icon i:last-child { opacity: 0; visibility: hidden; } .more-link[data-toggle="collapse"] .collapse-icon i:last-child, .more-link[data-toggle="collapse"][aria-expanded="true"] .collapse-icon i:first-child { opacity: 1; visibility: visible; } /* 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; } } /* Accordions - Fancy */ .accordion.pentagon-style .collapse-item { border-bottom: none; margin-bottom: 2rem; } @media (min-width: 992px) { .accordion.pentagon-style .collapse-item { margin-bottom: 4rem; } } /* Accordions - Fancy - Header */ .accordion.pentagon-style > .collapse-item > .collapse-header { -webkit-clip-path: var(--clip-path-pentagon); clip-path: var(--clip-path-pentagon); color: var(--color-white); background-color: var(--color-grey-darkest); } .accordion.pentagon-style > .collapse-item > .collapse-header .btn[data-toggle="collapse"] { padding: 1rem 1.5rem 1rem 2.5rem; } @media (min-width: 992px) { .accordion.pentagon-style > .collapse-item > .collapse-header .btn[data-toggle="collapse"] { padding-left: 4rem; padding-right: 2.5rem; } } .accordion.pentagon-style > .collapse-item > .collapse-header .btn[data-toggle="collapse"] .collapse-text { font-family: var(--font-default-thin); font-weight: var(--weight-thin); } /* Accordions - Fancy - Body */ .accordion.pentagon-style .collapse-body .collapse-body-inner { padding-top: 1rem; padding-bottom: 0; } @media (min-width: 992px) { .accordion.pentagon-style .collapse-body .collapse-body-inner { padding-top: 2rem; } } /* Accordions - Filter */ .filter-accordion { margin-bottom: 0; max-height: calc(100vh - var(--navbar-height) - var(--wp-admin-bar-height)); } .filter-accordion .btn[data-toggle="collapse"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-right: 0; padding-left: 0; } .filter-accordion .collapse-header .btn[data-toggle="collapse"] .collapse-icon::before, .filter-accordion .collapse-header .btn[data-toggle="collapse"] .collapse-icon::after { display: block; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f078"; } .filter-accordion .collapse-header .btn[data-toggle="collapse"] .collapse-icon::before { font: var(--fa-font-thin); } .filter-accordion .collapse-header .btn[data-toggle="collapse"] .collapse-icon::after { font: var(--fa-font-regular); } .filter-accordion .collapse-header .btn[data-toggle="collapse"] .collapse-icon::before, .filter-accordion .collapse-header .btn[data-toggle="collapse"][aria-expanded="true"] .collapse-icon::after { opacity: 1; visibility: visible; } .filter-accordion .collapse-header .btn[data-toggle="collapse"] .collapse-icon::after, .filter-accordion .collapse-header .btn[data-toggle="collapse"][aria-expanded="true"] .collapse-icon::before { opacity: 0; visibility: hidden; } .filter-accordion .btn[data-toggle="collapse"] + .facetwp-type-reset { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 992px) { .filter-accordion .btn[data-toggle="collapse"] + .facetwp-type-reset { display: none; } } .filter-accordion .btn[data-toggle="collapse"] .facetwp-reset { margin: 0 0.5rem; } .filter-accordion .collapse-title { 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: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.6rem; } @media (min-width: 992px) { .filter-accordion .collapse-title { font-size: 1.8rem; } } .filter-accordion .collapse-header .btn[aria-expanded="true"] .collapse-text { font-family: var(--font-default); font-weight: var(--weight-default); } .filter-accordion .collapse-text { font-family: var(--font-default-thin); font-weight: var(--weight-thin); text-transform: none; } .filter-accordion .collapse-body .collapse-body-inner { padding: 0; } @media (max-width: 991px) { #filter-header[data-content="0"]::after { display: none; } #filter-header::after { content: attr(data-content); margin-left: 0.5rem; } } /* Accordions - Filter - fSelect */ .filter-accordion .facetwp-type-fselect .fs-wrap { /* Variables */ --btn-border-color: var(--color-grey-medium); --btn-background-color: var(--color-white); --select-pad-x: 1.2rem; --select-pad-y: 1rem; width: 100%; } .filter-accordion .fs-wrap .fs-label-wrap, .filter-accordion .fs-wrap .fs-dropdown .fs-search input, .filter-accordion .fs-wrap .fs-dropdown .fs-no-results, .filter-accordion .fs-wrap .fs-dropdown .fs-option { font-size: 0.8em; } .filter-accordion .fs-wrap .fs-label-wrap, .filter-accordion .fs-wrap .fs-dropdown { border-radius: var(--border-radius); } .filter-accordion .fs-wrap .fs-label-wrap { -webkit-clip-path: none; clip-path: none; margin-top: 0.1rem; } .filter-accordion .fs-wrap .fs-label-wrap::before { content: none; } .filter-accordion .fs-wrap .fs-label-wrap::after { font: var(--fa-font-regular); } .filter-accordion .fs-wrap .fs-label-wrap .fs-label { font-family: var(--font-default); font-weight: var(--weight-default); } .filter-accordion .fs-wrap.multiple .fs-option { padding-top: var(--select-pad-y); padding-bottom: var(--select-pad-y); padding-left: var(--select-pad-x) !important; } .filter-accordion .fs-wrap.multiple .fs-option .fs-option-label { padding-left: calc(var(--select-pad-x) * 1.5) !important; line-height: var(--line-default); white-space: wrap; } @media (min-width: 992px) { .filter-accordion .fs-wrap.multiple .fs-option .fs-option-label { padding-left: calc(var(--select-pad-x) * 2) !important; } } /* Accordions - Product Download */ .accordion-product-download .collapse-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } /** * Facets * ------ */ /* Facets - Toggle */ .facetwp-toggle { font-family: var(--font-default-thin); font-weight: var(--weight-thin); } /* Facets - Reset */ .facetwp-facet.facetwp-type-reset { margin-bottom: 0; } .facetwp-reset { border: none; padding: 0.5rem 0; margin: 0 0.5rem; font-family: var(--font-default-thin); font-weight: var(--weight-thin); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } .facetwp-reset:hover { color: var(--color-grey-dark); } .facet-filters .facetwp-facet.facetwp-type-reset { display: inherit; } .facet-filters .facetwp-type-reset.facetwp-hidden { display: none; } /* Facets - Pager */ .facetwp-pager { text-align: center; } .facetwp-pager > .facetwp-page { margin: 0; padding: 1rem; } /* Facets - Filters */ .facet-filters { font-size: var(--font-size-xs); } @media (min-width: 992px) { .facet-filters { font-size: var(--font-size-sm); } } .facet-filters { font-size: var(--font-size-xs); } @media (min-width: 992px) { .facet-filters { font-size: var(--font-size-sm); } } .facet-filters.has-space-less { margin-left: -7.5px; margin-right: -7.5px; } .facet-filters.has-space-less > *[class^="col-"], .facet-filters.has-space-less > *[class*=" col-"] { padding-left: 7.5px; padding-right: 7.5px; } .facet-filters .facetwp-facet { 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; margin-bottom: 2rem; } .facet-filters .facetwp-slider-wrap { padding-top: 0.5rem; padding-bottom: 1rem; padding-left: 0.1rem; padding-right: 0.1rem; } .facet-filters .sort-wrapper { 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-align: start; -ms-flex-align: start; align-items: flex-start; } .facet-filters .facetwp-slider-reset, .facetwp-type-sort select { display: none; } .facet-title { margin-bottom: 0.5rem; font-size: inherit; font-family: var(--font-default); font-weight: var(--weight-default); text-transform: uppercase; } .page-content-header .facet-title { font-size: 1.8rem; } /* Facets - Types */ .facetwp-facet .facetwp-checkbox, .facetwp-facet .facetwp-checkbox.checked, .facetwp-facet .facetwp-radio, .facetwp-facet .facetwp-radio.checked { border: var(--border); border-radius: var(--border-radius); margin-right: 0.6em; margin-bottom: 0.6em; padding: 0.6em 0.75em; font-size: 0.8em; background-image: none; background-color: var(--color-white); } .facetwp-facet .facetwp-checkbox.checked, .facetwp-facet .facetwp-checkbox.checked:hover, .facetwp-facet .facetwp-radio.checked, .facetwp-facet .facetwp-radio.checked:hover { background-color: var(--color-yellow); } .facetwp-facet .facetwp-checkbox:last-child, .facetwp-facet .facetwp-checkbox.checked:last-child, .facetwp-facet .facetwp-radio:last-child, .facetwp-facet .facetwp-radio.checked:last-child { margin-right: 0; } .facetwp-facet .facetwp-checkbox:hover, .facetwp-facet .facetwp-radio:hover { background-color: var(--color-grey-lighter); } /* Facets - Radio */ .facetwp-type-radio .facetwp-radio:first-child { display: none; } .facetwp-facet .facetwp-radio.checked { font-family: var(--font-default); font-weight: var(--weight-default); } /* Facets - Sort */ .facet-filters .facetwp-type-sort { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .facetwp-type-sort .facetwp-radio, .facetwp-type-sort .facetwp-radio.checked { margin-right: 0; } /* Facets - fSelect Multiple */ .fs-wrap.multiple .fs-option { position: relative; padding-left: 1.4em !important; background-image: none !important; } .fs-wrap.multiple .fs-option::before, .fs-wrap.multiple .fs-option::after { position: absolute; top: 0.2em; left: 0; font-size: 1.2em; color: var(--color-grey-dark); } .fs-wrap.multiple .fs-option::before, .fs-wrap.multiple .fs-option::after { text-rendering: auto; -webkit-font-smoothing: antialiased; } .fs-wrap.multiple .fs-option::before { font: var(--fa-font-light); content: "\f0c8"; opacity: 1; } .fs-wrap.multiple .fs-option::after { font: var(--fa-font-solid); font-size: 0.65em; content: "\f00c"; opacity: 0; -webkit-transform: translate(0.25em, 0.3em); -ms-transform: translate(0.25em, 0.3em); transform: translate(0.25em, 0.3em); } .fs-wrap.multiple .fs-option.selected::before { font: var(--fa-font-solid); color: var(--color-black); } .fs-wrap.multiple .fs-option.selected::after { opacity: 1; color: var(--color-yellow-green); } .fs-option:hover .fs-option-label { text-decoration: underline; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; text-decoration-thickness: 1px; text-underline-offset: 2px; } .fs-wrap.multiple .fs-option::before, .fs-wrap.multiple .fs-option::after { padding-top: inherit; padding-left: inherit; } .fs-wrap.multiple .fs-option .fs-option-label { padding-left: inherit !important; white-space: wrap; word-break: normal; } .fs-wrap.multiple .fs-option .fs-checkbox { display: none; } /* Facets - Selections */ .facet-selection-container { display: none; } @media (min-width: 992px) { .facet-selection-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .facet-selection-container[data-content="0"] .facetwp-type-reset, .facet-selection-container[data-content="(1)"] .facetwp-type-reset { display: none; } .facet-selection-container .facetwp-reset { margin-top: 3rem; padding: 1rem 0; font-size: 0.7em; } .facetwp-template .card-deck[data-content="0"] { margin-top: 1.5rem; } @media (min-width: 992px) { .facetwp-template .card-deck[data-content="0"] { margin-top: 3rem; } } .facetwp-selections ul { padding: 0; margin-top: 3rem; margin-bottom: 2rem; font-size: var(--font-size-sm); } .facetwp-selections li { margin-right: 1rem; margin-bottom: 1rem; } .facetwp-selections li::before, .facetwp-selections .facetwp-selection-label { display: none; } .facetwp-selections li .facetwp-selection-value { padding: 1rem; font-family: var(--font-default); font-weight: var(--weight-default); -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); font-size: 0.8em; color: var(--color-black); background-color: var(--color-white); background-image: none; } .facetwp-selections li .facetwp-selection-value:hover { color: var(--color-white); background-color: var(--color-black); } .facetwp-selections li .facetwp-selection-value:last-child { margin-right: 0; } .facetwp-selections .facetwp-selection-value::after { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-regular); content: "\e59b"; font-size: 0.8em; margin-left: 0.5rem; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; } /* Facets - Sale */ .facetwp-source-sale .facetwp-facet .facetwp-checkbox { /* Variables */ --btn-color: var(--color-secondary); --btn-border-color: var(--color-secondary); overflow: hidden; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 1px solid var(--btn-border-color); border-radius: 0; padding: 1.2rem 2rem; font-family: var(--font-default); font-weight: var(--weight-default); line-height: var(--line-sm); text-transform: uppercase; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); -webkit-clip-path: var(--clip-path-pentagon); clip-path: var(--clip-path-pentagon); color: var(--btn-color); } .facetwp-source-sale .facetwp-facet .facetwp-checkbox::before { content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: calc(var(--clip-path-slant) * 2); height: calc(var(--clip-path-slant) * 2); -webkit-clip-path: var(--clip-path-pentagon-before); clip-path: var(--clip-path-pentagon-before); background-color: var(--btn-border-color); } .facetwp-source-sale .facetwp-facet .facetwp-checkbox.checked { --btn-color: var(--color-white); background-color: var(--color-secondary); } .facetwp-source-sale .facetwp-counter { display: none; } /* Facets - Disabled */ .facetwp-type-fselect.is-empty { cursor: default; pointer-events: none; opacity: 0.5; } .facetwp-type-fselect.is-empty .fs-wrap { --btn-border-color: var(--color-grey-dark); } /** * Navbars * ------- */ .header-main .navbar-brand.navbar-item { -webkit-box-flex: 0.5; -ms-flex: 0.5; flex: 0.5; } @media (min-width: 992px) and (max-width: 1199px) { .header-main .navbar-brand.navbar-item { -webkit-box-flex: 0.3; -ms-flex: 0.3; flex: 0.3; } } .navbar { padding: 1.5rem 15px; } @media (min-width: 992px) { .navbar { padding-top: 2.5rem; padding-bottom: 2.5rem; } } @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; } } /* 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:not(.navbar-toolbar) { margin-right: 15px; margin-left: 15px; } /* 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; } /* Navbars - Menus */ .navbar-menu { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navbar-menu .menu .menu-item { position: inherit; } .navbar-menu .menu .sub-menu { position: initial; opacity: 1; visibility: visible; } .navbar-menu .menu .sub-menu .menu-item a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* Navbars - Toolbars */ .navbar-toolbar .navbar-list-item { margin-bottom: 0; } .navbar-toolbar.list-inline.align-right .navbar-list-item:not(:first-child) { margin-left: 0; } .navbar-toolbar .navbar-icon { 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; padding: 0.5rem; } /* Navbars - Carts */ .navbar-cart { position: relative; } .navbar-cart::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; content: attr(data-content); position: absolute; height: 1.5em; min-width: 1.5em; max-width: 3em; padding: 0 0.3em; font-size: 0.5em; font-family: var(--font-default); font-weight: var(--weight-light); border-radius: 999px; color: var(--color-black); -webkit-transform: translate(1em, 1em); -ms-transform: translate(1em, 1em); transform: translate(1em, 1em); -webkit-transition: inherit; -o-transition: inherit; transition: inherit; background-color: var(--color-yellow-green); } .navbar-cart:hover::after { color: var(--color-grey); background-color: var(--color-black); } .navbar-cart[data-content="0"], .navbar-cart[data-content="0"]::after { display: none; } /** * Selects * ------- */ .select-group .facetwp-facet { margin: 0; padding-top: 0.75rem; padding-bottom: 0.75rem; } .select-group .facetwp-facet > * { width: 100%; } /** * Selectize.js & Facet fSelects * ----------------------------- */ .selectize-control.select-sm { /* Variables */ --select-pad-x: 1.2rem; --select-pad-y: 1.2rem; --select-arrow-size: 1.2em; } .fs-wrap, .selectize-control.select-md { /* Variables */ --select-pad-x: 2rem; --select-pad-y: 2rem; --select-arrow-size: 1.4em; } .selectize-control { /* Variables */ --select-pad-x: 1.5rem; --select-pad-y: 1.5rem; --select-arrow-size: 1.2em; } @media (min-width: 992px) { .selectize-control { /* Variables */ --select-pad-x: 2.5rem; --select-pad-y: 2.5rem; --select-arrow-size: 1.4em; } } .fs-wrap .fs-label-wrap, .fs-wrap .fs-dropdown .fs-search, .fs-wrap .fs-dropdown .fs-no-results, .fs-wrap .fs-dropdown .fs-option, .selectize-input, .selectize-input input, .selectize-dropdown, .selectize-dropdown .option { -webkit-box-shadow: none; box-shadow: none; padding: var(--select-pad-y) var(--select-pad-x); font-size: 1.6rem; line-height: var(--line-default); background-color: var(--btn-background-color); } .fs-wrap .fs-dropdown .fs-search, .fs-wrap .fs-dropdown .fs-no-results, .fs-wrap .fs-dropdown .fs-option { padding-top: calc(var(--select-pad-y) / 2); padding-bottom: calc(var(--select-pad-y) / 2); } .fs-wrap .fs-dropdown .fs-option, .selectize-dropdown .option { /* Variables */ --btn-background-color: var(--color-white); } .fs-wrap .fs-dropdown .fs-search, .selectize-dropdown .option.selected { /* Variables */ --btn-background-color: var(--color-blue-lighter); } .fs-wrap .fs-dropdown .fs-search.hidden { display: none; } .selectize-dropdown .active:not(.selected) { color: currentColor; background-color: var(--color-grey-lighter); } .fs-wrap .fs-label-wrap, .selectize-input, .selectize-input input { padding-right: calc(var(--select-pad-x) + var(--select-arrow-size)); } .fs-wrap .fs-label-wrap, .selectize-input, .selectize-control.single .selectize-input, .selectize-control.single .selectize-input.input-active { cursor: pointer; overflow: hidden; 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: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; border-radius: var(--border-radius); font-family: var(--font-default); font-weight: var(--weight-default); background-color: var(--color-grey); } .fs-wrap .fs-label, .selectize-input > input, .selectize-input > .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .selectize-input > .item + input { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .selectize-input > input:disabled { pointer-events: none; } .selectize-input.dropdown-active::before { height: auto; } .selectize-dropdown { /* Variables */ --btn-border-color: var(--color-grey-medium); } .fs-wrap .fs-dropdown, .selectize-dropdown { overflow: hidden; border: var(--border); border-color: var(--btn-border-color); border-radius: var(--border-radius); margin-top: 1rem; padding: 0; } .fs-wrap .fs-label-wrap::after, .selectize-control.single .selectize-input:not(.no-arrow)::after { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; bottom: 0; right: var(--select-pad-y); text-rendering: auto; -webkit-font-smoothing: antialiased; width: 1em; height: 1em; font: var(--fa-font-thin); font-size: var(--select-arrow-size); -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); color: var(--btn-border-color); content: "\f078"; } .selectize-control.select-sm.single .selectize-input:not(.no-arrow)::after { font: var(--fa-font-light); font-size: var(--select-arrow-size); } .fs-wrap.fs-open .fs-label-wrap::after, .selectize-control.single .selectize-input:not(.no-arrow).dropdown-active::after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .selectize input::-webkit-input-placeholder { color: var(--color-grey-dark); } .selectize input::-moz-placeholder { color: var(--color-grey-dark); } .selectize input:-ms-input-placeholder { color: var(--color-grey-dark); } .selectize input::-ms-input-placeholder { color: var(--color-grey-dark); } .selectize input::placeholder { color: var(--color-grey-dark); } .selectize.text-uppercase input::-webkit-input-placeholder { text-transform: uppercase; } .selectize.text-uppercase input::-moz-placeholder { text-transform: uppercase; } .selectize.text-uppercase input:-ms-input-placeholder { text-transform: uppercase; } .selectize.text-uppercase input::-ms-input-placeholder { text-transform: uppercase; } .fs-wrap .fs-dropdown, .selectize.text-uppercase input::placeholder { text-transform: uppercase; } .fs-wrap .fs-label-wrap .fs-label { padding: 0; font-family: var(--font-default-thin); font-weight: var(--weight-thin); line-height: var(--line-default); } .fs-wrap .fs-arrow { display: none; } /* Selectize.js & Facet fSelects - Pentagon */ .pentagon-style { /* Variables */ --select-pad-x: 4rem; --btn-border-color: var(--color-grey-medium); --btn-background-color: var(--color-white); } .pentagon-style.select-sm { /* Variables */ --select-pad-x: 2rem; } .fs-wrap, .pentagon-style.select-md { /* Variables */ --select-pad-x: 3rem; } .fs-wrap, .pentagon-style.btn-transparent { /* Variables */ --btn-border-color: var(--color-black); --btn-background-color: transparent; } .fs-wrap .fs-label-wrap, .pentagon-style .selectize-input, .pentagon-style.selectize-control.single .selectize-input, .pentagon-style.selectize-control.single .selectize-input.input-active { position: relative; border-radius: 0; border: 1px solid var(--btn-border-color); -webkit-clip-path: var(--clip-path-pentagon); clip-path: var(--clip-path-pentagon); font-family: var(--font-default-thin); font-weight: var(--weight-thin); background-color: var(--btn-background-color); } .fs-wrap .fs-label-wrap::before, .pentagon-style .selectize-input::before, .pentagon-style.selectize-control.single .selectize-input::before, .pentagon-style.selectize-control.single .selectize-input.input-active::before { content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: calc(var(--clip-path-slant) * 2); height: calc(var(--clip-path-slant) * 2); -webkit-clip-path: var(--clip-path-pentagon-before); clip-path: var(--clip-path-pentagon-before); background-color: var(--btn-border-color); } .fs-wrap .fs-dropdown, .pentagon-style.selectize-dropdown { border-radius: 0; } .fs-wrap, .pentagon-style.text-uppercase { text-transform: uppercase; } /* Selectize.js - fSelect Style */ .selectize.fselect-style .selectize-input input::-webkit-input-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); text-transform: uppercase; line-height: var(--line-default); } .selectize.fselect-style .selectize-input input::-moz-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); text-transform: uppercase; line-height: var(--line-default); } .selectize.fselect-style .selectize-input input:-ms-input-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); text-transform: uppercase; line-height: var(--line-default); } .selectize.fselect-style .selectize-input input::-ms-input-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); text-transform: uppercase; line-height: var(--line-default); } .selectize.fselect-style .selectize-input > .item, .selectize.fselect-style .selectize-input input::placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); text-transform: uppercase; line-height: var(--line-default); } .selectize.fselect-style input::-webkit-input-placeholder { color: var(--color-black); } .selectize.fselect-style input::-moz-placeholder { color: var(--color-black); } .selectize.fselect-style input:-ms-input-placeholder { color: var(--color-black); } .selectize.fselect-style input::-ms-input-placeholder { color: var(--color-black); } .selectize.fselect-style input::placeholder { color: var(--color-black); } .selectize.fselect-style .selectize-dropdown .option { padding-top: calc(var(--select-pad-y) / 2); padding-bottom: calc(var(--select-pad-y) / 2); text-transform: uppercase; } .selectize.fselect-style .selectize-dropdown .option:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } /* Selectize.js - Brands */ .select-brand { min-width: 25rem; } .select-brand .selectize-input, .select-brand.selectize-control.single .selectize-input, .select-brand.selectize-control.single .selectize-input.input-active { font-family: var(--font-default-thin); font-weight: var(--weight-thin); } /* Selectize.js - Menu Brands */ .select-brand .selectize-input, .select-menu-brand.selectize-control.single .selectize-input, .select-menu-brand.selectize-control.single .selectize-input.input-active { text-transform: none; } /** * Select2.js * ---------- */ .select2-container .select2-selection, .select2-container .select2-selection--single .select2-selection__rendered, .select2-results__option { /* Variables */ --pad-y: 1rem; --pad-x: 2rem; padding: var(--pad-y) var(--pad-x); font-family: var(--font-default-thin); font-weight: var(--weight-thin); font-size: 1.6rem; line-height: var(--line-sm); text-transform: uppercase; } @media (min-width: 992px) { .select2-container .select2-selection, .select2-container .select2-selection--single .select2-selection__rendered, .select2-results__option { /* Variables */ --pad-y: 2rem; --pad-x: 4rem; } } .select2-container .select2-selection.select2-sm, .select2-container .select2-selection--single.select2-sm .select2-selection__rendered, .select2-dropdown.select2-sm .select2-results__option { /* Variables */ --pad-x: 1rem; text-transform: none; } @media (min-width: 992px) { .select2-container .select2-selection.select2-sm, .select2-container .select2-selection--single.select2-sm .select2-selection__rendered, .select2-dropdown.select2-sm .select2-results__option { /* Variables */ --pad-y: 1rem; } } .select2-container .select2-selection { /* Variables */ --select-border-width: 0.1rem; position: relative; padding: var(--select-border-width); border: none; border-radius: 0; -webkit-clip-path: polygon(0.5em 0, 100% 0, 100% 100%, 0 100%, 0 1em); clip-path: polygon(0.5em 0, 100% 0, 100% 100%, 0 100%, 0 1em); background-color: var(--color-grey-medium); } .select2-container .select2-selection::before { content: ""; position: absolute; top: var(--select-border-width); right: var(--select-border-width); bottom: var(--select-border-width); left: var(--select-border-width); -webkit-clip-path: inherit; clip-path: inherit; background-color: var(--color-grey-lighter); z-index: -1; } .select2-container--default .select2-selection--single .select2-selection__arrow { padding-right: calc(var(--pad-x) * 0.75); } .select2-container--default .select2-selection--single .select2-selection__placeholder, .select2-container--default .select2-results__option--highlighted[aria-selected] { text-transform: uppercase; color: var(--color-black); } .select2-container--default .select2-selection--single.select2-sm .select2-selection__placeholder, .select2-container--default .select2-sm .select2-results__option--highlighted[aria-selected] { text-transform: none; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--color-grey-lighter); } .select2-container--default .select2-results__option[data-selected="true"] { color: var(--color-black); background-color: var(--color-blue-lighter); } .select2-selection__arrow b, .select2-results__options > li::before { display: none; } .icon::before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; } .select2-selection__arrow::before { display: none; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-light); content: "\f078"; } .select2-selection__arrow svg { -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); } .select2-container--open .select2-selection__arrow svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .select2-container--open:not(.select2):not(.select2-container--above), .select2-container--open:not(.select2):not(.select2-container--below) { width: unset !important; } .select2-container--open .select2-dropdown--above, .select2-container--open .select2-dropdown--below { overflow: hidden; border: var(--border); border-radius: var(--border-radius); } .select2-container--open .select2-dropdown--above { margin-top: -1rem; } .select2-container--open .select2-dropdown--below { margin-top: 1rem; } .select2-dropdown .divider:not(:last-child)::after { display: block; content: ""; width: 80%; border-bottom: 1px solid black; } .select2-search--dropdown { display: none; } /* Select2 - Select Actions */ @media (min-width: 992px) { .select-action.d-lg-none + .select2-container { display: none !important; } } /* Select2 - Menu */ .select-menu .select2-results__option:first-child:not(:last-child) { position: relative; } .select-menu .select2-results__option:first-child:not(:last-child)::after { display: block; content: ""; position: absolute; left: var(--pad-x); right: var(--pad-x); bottom: -0.5px; height: 1px; background-color: var(--color-grey-medium); } /** * 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 { /* Variables */ --gap: 2rem; 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 { gap: var(--gap); } .gform_wrapper.gravity-theme .gf_clear { display: none; } /* 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"; } /* 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 - 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 .gfield_required { padding-left: 0; } .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 { 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); } /* 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 - Labels */ .gform_wrapper.gravity-theme form .gfield_label, .gform_wrapper.gravity-theme form .ginput_complex label { display: none; } .gform_wrapper.gravity-theme .gsection_title { font-size: 2rem; } @media (min-width: 992px) { .gform_wrapper.gravity-theme .gsection_title { font-size: 2.2rem; } } .gform_wrapper.gravity-theme .gsection_title::before { display: none; } .gform_wrapper.gravity-theme .gsection_title { font-weight: var(--weight-light); } .gform_wrapper.gravity-theme .gsection.gfield { border-bottom: none; } /* 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: 1rem; } .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: 1rem; } } /* Gravity Forms - Inputs */ @media (max-width: 640px) { .gform_wrapper.gravity-theme form .ginput_complex span { margin-bottom: 2rem; } .gform_wrapper.gravity-theme form .ginput_complex span:last-child { margin-bottom: 0; } } .gform_wrapper.gravity-theme form .gfield input, .gform_wrapper.gravity-theme form .gfield select, .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::-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::-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 div.gfield_contains_required, .gform_wrapper.gravity-theme fieldset.gfield_contains_required .ginput_container span { position: relative; } .gform_wrapper.gravity-theme div.gfield_contains_required::after, .gform_wrapper.gravity-theme fieldset.gfield_contains_required .gform-grid-col::after { display: block; content: ""; position: absolute; top: 0; right: 0; width: 0.8em; height: 0.8em; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%); background-color: var(--color-black); z-index: 1; } @media (min-width: 641px) { .gform_wrapper.gravity-theme fieldset.gfield_contains_required .gform-grid-col:first-child:after { right: 1rem; } } .gform_wrapper.gravity-theme form .gfield input, .gform_wrapper.gravity-theme form .gfield select, .gform_wrapper.gravity-theme form .gfield textarea, .gform_wrapper.gravity-theme .select2-container .select2-selection, .gform_wrapper.gravity-theme form .gfield .ginput_container_fileupload .gform_drop_area { border: none; border-radius: var(--border-radius); padding: 1.5rem; font-size: 1.6rem; font-family: var(--font-default); font-weight: var(--weight-default); background-color: var(--color-grey); } @media (min-width: 992px) { .gform_wrapper.gravity-theme form .gfield input, .gform_wrapper.gravity-theme form .gfield select, .gform_wrapper.gravity-theme form .gfield textarea, .gform_wrapper.gravity-theme .select2-container .select2-selection, .gform_wrapper.gravity-theme form .gfield .ginput_container_fileupload .gform_drop_area { padding: 2.5rem; } } .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 { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .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 { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .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 { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .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 { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .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 { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .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 { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .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 { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .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 { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .gform_wrapper.gravity-theme form .gfield input::placeholder, .gform_wrapper.gravity-theme form .gfield select::placeholder, .gform_wrapper.gravity-theme form .gfield textarea::placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .gform_wrapper.gravity-theme form .gfield svg { font-size: 2.5rem; } /* 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"]::-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; } /* 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 - Inputs - Password */ .gform_wrapper.gravity-theme .password_input_container, .gform_wrapper.gravity-theme .ginput_container_password .ginput_right { margin-bottom: 0 !important; } .gform_wrapper.gravity-theme .password_input_container { padding: 0 !important; } /* Gravity Forms - Inputs - Address */ .gform_wrapper.gravity-theme fieldset .ginput_container_address { display: -ms-grid; display: grid; -ms-grid-columns: 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr; grid-template-columns: repeat(12, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; gap: var(--gap); margin: 0; } .gform_wrapper.gravity-theme fieldset .ginput_container_address > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .gform_wrapper.gravity-theme fieldset .ginput_container_address > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .gform_wrapper.gravity-theme fieldset .ginput_container_address > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .gform_wrapper.gravity-theme fieldset .ginput_container_address > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; } .gform_wrapper.gravity-theme fieldset .ginput_container_address > *:nth-child(5) { -ms-grid-row: 1; -ms-grid-column: 9; } .gform_wrapper.gravity-theme fieldset .ginput_container_address > *:nth-child(6) { -ms-grid-row: 1; -ms-grid-column: 11; } .gform_wrapper.gravity-theme fieldset .ginput_container_address > *:nth-child(7) { -ms-grid-row: 1; -ms-grid-column: 13; } .gform_wrapper.gravity-theme fieldset .ginput_container_address > *:nth-child(8) { -ms-grid-row: 1; -ms-grid-column: 15; } .gform_wrapper.gravity-theme fieldset .ginput_container_address > *:nth-child(9) { -ms-grid-row: 1; -ms-grid-column: 17; } .gform_wrapper.gravity-theme fieldset .ginput_container_address > *:nth-child(10) { -ms-grid-row: 1; -ms-grid-column: 19; } .gform_wrapper.gravity-theme fieldset .ginput_container_address > *:nth-child(11) { -ms-grid-row: 1; -ms-grid-column: 21; } .gform_wrapper.gravity-theme fieldset .ginput_container_address > *:nth-child(12) { -ms-grid-row: 1; -ms-grid-column: 23; } .gform_wrapper.gravity-theme fieldset .ginput_container_address span, .gform_wrapper.gravity-theme fieldset .ginput_container_address span.address_city { -ms-grid-column-span: 12; grid-column: span 12; margin: 0 !important; padding: 0 !important; } @media (min-width: 992px) { .gform_wrapper.gravity-theme fieldset .ginput_container_address .ginput_left, .gform_wrapper.gravity-theme fieldset .ginput_container_address .ginput_right { -ms-grid-column-span: 6; grid-column: span 6; } } .gform_wrapper.gravity-theme fieldset.gfield_contains_required .ginput_container_address span:after { top: 0; right: 0 !important; } .gform_wrapper.gravity-theme fieldset.gfield_contains_required .ginput_container_address .ginput_address_line_2::after { display: none; } /* Gravity Forms - Inputs - Date */ .gform_wrapper.gravity-theme form .gfield--type-date .ginput_container { position: relative; } .gform_wrapper.gravity-theme form .gfield--type-date .ginput_container::after { display: none; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-thin); content: "\f133"; } .gform_wrapper.gravity-theme form .gfield--type-date .ginput_container > svg { pointer-events: none; position: absolute; right: 0; padding-right: 2.5rem; padding-left: 1rem; background-color: var(--color-grey); } .gravity-theme.ui-datepicker.ui-widget, .gravity-theme.ui-datepicker.ui-widget .ui-datepicker-header select, .gravity-theme.ui-datepicker.ui-widget .ui-datepicker-calendar th span, .gravity-theme.ui-datepicker.ui-widget .ui-datepicker-calendar td { font-size: inherit; } .gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default { border: none !important; opacity: 0.5; } .gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default { border-color: var(--color-black) !important; background-color: var(--color-black) !important; } /* Gravity Forms - Inputs - File */ .gform_wrapper.gravity-theme form .gfield .ginput_container_fileupload .gform_drop_area { 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; } .gform_wrapper.gravity-theme form .gfield .ginput_container_fileupload .gform_drop_area::after { display: block; content: "Attach diagrams, specification details to share with our team"; margin-top: 0.5rem; font-size: 0.9em; font-family: var(--font-default-thin); font-weight: var(--weight-thin); } .gform_wrapper.gravity-theme .ginput_container_fileupload .gform_drop_instructions::after { display: inline-block; content: "select files"; } .gform_wrapper.gravity-theme .ginput_container_fileupload .gform_button_select_files { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; opacity: 0; font-size: inherit; font-weight: var(--weight-default); } .gform_wrapper.gravity-theme .gfield--type-fileupload .ginput_preview { border-top: var(--border); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gform_wrapper.gravity-theme .gfield--type-fileupload .ginput_preview:last-child { border-bottom: var(--border); } .gform_wrapper.gravity-theme form .gfield .ginput_preview .gform_delete_file { margin-left: auto; } .gform_wrapper.gravity-theme form .gform_fileupload_rules { font-size: var(--font-size-xs); font-style: normal; text-align: right; } /* Gravity Forms - Pages */ .gform_wrapper.gravity-theme form .gf_progressbar_wrapper { margin-bottom: 1.5rem; } @media (min-width: 992px) { .gform_wrapper.gravity-theme form .gf_progressbar_wrapper { margin-bottom: 3rem; } } .gform_wrapper.gravity-theme form .gf_progressbar_title { font-family: var(--font-default); font-weight: var(--weight-default); text-align: center; } .gform_wrapper.gravity-theme form .gf_progressbar { display: none; } .gform_wrapper.gravity-theme form .gform_page_footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0; margin-top: var(--gap); padding: 0; } .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button.button, .gform_wrapper.gravity-theme .gform_page button[type="submit"] { border-radius: 0; max-width: 20rem; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); text-transform: uppercase; color: var(--color-white); background-color: var(--color-black); } .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button.button:hover, .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button.button:hover, .gform_wrapper.gravity-theme .gform_page button[type="submit"]:hover { background-color: var(--color-grey-darkest) !important; } .gform_wrapper.gravity-theme .gform_page button[type="submit"], .gform_wrapper.gravity-theme .gform_next_button.button { margin-left: auto; } .gform_wrapper.gravity-theme .gform_previous_button.button { margin-right: 0.75rem; } .gform_wrapper.gravity-theme .gform_page button[type="submit"] { -webkit-clip-path: none; clip-path: none; } .gform_wrapper.gravity-theme .gform_page button[type="submit"] svg, .gform_wrapper.gravity-theme .gform_page button[type="submit"]::after { display: none; } /* Gravity Forms - Messages - Validation */ .gform_wrapper.gravity-theme .gform_validation_errors { display: none; } .gform_wrapper.gravity-theme form .gfield_validation_message, .gform_wrapper.gravity-theme form .validation_message { border: none; border-radius: 0; margin-top: 0.5rem; padding-left: 0; padding-right: 0; font-style: normal; color: var(--color-warning-darkest); background-color: transparent; } .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, .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 { color: var(--color-black) !important; background-color: var(--color-grey) !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-dark) !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-dark) !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-dark) !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-dark) !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-dark) !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-dark) !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-dark) !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-dark) !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-dark) !important; } /* Gravity Forms - Selects */ .gform_wrapper.gravity-theme .select2-container .select2-selection { -webkit-clip-path: none; clip-path: none; } .gform_wrapper.gravity-theme .select2-container .select2-selection::before { display: none; } .gform_wrapper.gravity-theme .select2-container.select2-container--above.select2-container--open .select2-selection { border-top-right-radius: 0; border-top-left-radius: 0; } .gform_wrapper.gravity-theme .select2-container.select2-container--below.select2-container--open .select2-selection { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .gform_wrapper.gravity-theme .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; font-family: var(--font-default); font-weight: var(--weight-default); } .gform_wrapper.gravity-theme .select2-container .select2-selection--single .select2-selection__rendered, .gform_wrapper.gravity-theme .select2-selection--single .select2-selection__placeholder, .gform_wrapper.gravity-theme .select2-results__option { text-transform: none; } .gform_wrapper.gravity-theme .select2-selection--single .select2-selection__placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); } .gform_wrapper.gravity-theme .select2-selection__arrow { border: none; padding-top: 0; padding-right: 0; padding-bottom: 0; font-size: 2rem; } .gform_wrapper.gravity-theme .select2-selection__arrow::before { font: var(--fa-font-thin); } .gform_wrapper.gravity-theme form .select2-selection__arrow svg { font-size: 2rem; } .gform_select.select2-dropdown { overflow: hidden; border-radius: var(--border-radius); } .gform_wrapper.gravity-theme .select2-results__option { padding: 2.5rem; } /* Gravity Forms - Buttons */ .gform_wrapper.gravity-theme .btn-basic, .gform_wrapper.gravity-theme .btn-basic-outline { max-width: none; } /* Gravity Forms - Loading */ .gform_ajax_spinner, .gform-loader { display: none !important; } /* Gravity Forms - Confirmation */ #gform_confirmation_wrapper_2, #gform_confirmation_wrapper_3 { 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; border: var(--border); border-color: var(--color-black); border-radius: var(--border-radius); margin: var(--space-lg) 0; padding: var(--space-xl); max-width: 70rem; background-color: var(--color-yellow); } #gform_confirmation_wrapper_2::before, #gform_confirmation_wrapper_3::before { display: block; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: var(--space-default); font: var(--fa-font-regular); font-size: 2em; content: "\f058"; } #gform_confirmation_wrapper_2::after, #gform_confirmation_wrapper_3::after { display: block; content: "Confirmation"; font-size: var(--font-size-h3); font-family: var(--font-default); font-weight: var(--weight-default); text-transform: uppercase; } #gform_confirmation_message_2, #gform_confirmation_message_3 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; width: 100%; margin-top: var(--space-lg); } /* Gravity Forms - Booking & Enquiry Form */ .gravity_splitted_wrapper .gf_progressbar_wrapper, .gravity_splitted_wrapper .gform_page_footer { display: none; } .gravity_splitted_wrapper .gform_body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 992px) { .gravity_splitted_wrapper .gform_body { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .gravity_splitted_wrapper #field_submit { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gravity_splitted_wrapper button[type="submit"] { margin-bottom: 4rem; } @media (min-width: 992px) { .gravity_splitted_wrapper button[type="submit"] { margin-bottom: 6rem; } } /* Gravity Forms - Booking & Enquiry Form - Sections */ #gform_wrapper_3 .gform-body { place-items: center; } .gravity_splitted_wrapper form .gsection { padding: 0; margin: 0; } .gravity_splitted_wrapper .gsection_container > .gfield:not(.gfield--width-half) { grid-column: 1 / -1 !important; } @media (max-width: 991px) { .gravity_splitted_wrapper .gsection_container { grid-column: 1 / -1; } .gravity_splitted_wrapper .gsection_container:not(:last-child) { margin-bottom: 4rem; } } @media (min-width: 992px) { .gravity_splitted_wrapper .gsection_container { padding-right: 5rem; padding-left: 5rem; -ms-grid-column-span: 6; grid-column: span 6; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .gravity_splitted_wrapper .gform_body .gsection_container:first-child, .gravity_splitted_wrapper .gform_body .gform_footer + .gsection_container { padding-left: 0; } .gravity_splitted_wrapper .gsection_container:last-child { padding-right: 0; } } .gravity_splitted_wrapper.gravity-theme form .gform_footer, .gravity_splitted_wrapper.gravity-theme form .gform_page_footer { padding: 0; margin: 0; } /** * Forms - Secondary Gravity Forms * ------------------------------- */ .gform_secondary_wrapper.gravity-theme { margin-bottom: 1.5rem; } @media (min-width: 992px) { .gform_secondary_wrapper.gravity-theme { margin-bottom: 3rem; } } .gform_secondary_wrapper.gravity-theme form .gform_fields { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .gform_secondary_wrapper.gravity-theme .gform_heading, .gform_secondary_wrapper.gravity-theme div.gfield_contains_required::after, .gform_secondary_wrapper.gravity-theme fieldset.gfield_contains_required .ginput_container span::after { display: none; } /* Secondary Gravity Forms - Validation Errors */ .gform_secondary_wrapper.gravity-theme .gform_validation_errors { display: none; } .gform_secondary_wrapper.gravity-theme form .gfield_error [aria-invalid="true"], .gform_secondary_wrapper.gravity-theme form label + [aria-invalid="true"], .gform_secondary_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input, .gform_secondary_wrapper.gravity-theme form .gfield_error [aria-invalid="true"]:focus, .gform_secondary_wrapper.gravity-theme form .gfield_error .ginput_container_address .ginput_address_line_2 input:focus { border-top: none; border-right: none; border-left: none; background-color: transparent !important; } .gform_secondary_wrapper.gravity-theme form .gfield_validation_message, .gform_secondary_wrapper.gravity-theme form .validation_message { border: none; padding: 1rem 0; font-family: var(--font-default); font-weight: var(--weight-default); text-align: left; color: var(--color-warning-darkest); background-color: transparent; } /* Secondary Gravity Forms - Input */ .gform_secondary_wrapper.gravity-theme form .gfield input { border: none; padding: 1rem 0; font-family: var(--font-default); font-weight: var(--weight-light); color: var(--color-black); background-color: transparent; } .gform_secondary_wrapper.gravity-theme form .gfield input::-webkit-input-placeholder { color: var(--color-grey-dark); } .gform_secondary_wrapper.gravity-theme form .gfield input::-moz-placeholder { color: var(--color-grey-dark); } .gform_secondary_wrapper.gravity-theme form .gfield input:-ms-input-placeholder { color: var(--color-grey-dark); } .gform_secondary_wrapper.gravity-theme form .gfield input::-ms-input-placeholder { color: var(--color-grey-dark); } .gform_secondary_wrapper.gravity-theme form .gfield input::placeholder { color: var(--color-grey-dark); } /* Secondary Gravity Forms - Buttons */ .gform_secondary_wrapper.gravity-theme form .btn-icon { /* Variables */ --btn-svg-size: inherit; --btn-svg-offset: 0; position: relative; border-radius: var(--border-radius-max); margin-bottom: 0.2em; padding: 0; background-color: var(--color-black); } .gform_secondary_wrapper.gravity-theme form .btn-icon i { 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; padding: 0; width: 2em; height: 2em; font-size: inherit; -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); color: var(--color-white); } .gform_secondary_wrapper.gravity-theme form .btn-icon:hover i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); color: var(--color-primary-lighter); } .gform_secondary_wrapper.gravity-theme form .btn-icon.loading i { opacity: 0; } .gform_secondary_wrapper.gravity-theme form .btn-icon.loading::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: auto; color: var(--color-white); } /* Secondary Gravity Forms - Newsletter */ #gform_wrapper_1.gravity-theme, #gform_wrapper_1.gravity-theme form .gform-button { font-size: inherit; } #gform_wrapper_1 .gform_fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-bottom: 0.5px solid var(--color-black); } #gform_wrapper_1 .gfield { position: relative; } #gform_wrapper_1 .gfield:first-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #gform_wrapper_1.gravity-theme form .gfield input { font-size: inherit; } #gform_wrapper_1.gravity-theme form .gfield input, #gform_wrapper_1.gravity-theme form .gfield_validation_message, #gform_wrapper_1.gravity-theme form .validation_message { font-family: var(--font-default-thin); font-weight: var(--weight-thin); } #gform_wrapper_1.gravity-theme form .gfield_validation_message, #gform_wrapper_1.gravity-theme form .validation_message { position: absolute; bottom: -100%; font-size: 85%; } @media (min-width: 992px) { #gform_wrapper_1.gravity-theme form .gfield_validation_message, #gform_wrapper_1.gravity-theme form .validation_message { font-size: 85%; } } #gform_wrapper_1.gform_validation_error .gform_body { padding-bottom: 3.2rem; } #gform_wrapper_1 form .gfield_error [aria-invalid="true"], #gform_wrapper_1 form label + [aria-invalid="true"], #gform_wrapper_1 form .gfield_error .ginput_container_address .ginput_address_line_2 input, #gform_wrapper_1 form .gfield_error [aria-invalid="true"]:focus, #gform_wrapper_1 form .gfield_error .ginput_container_address .ginput_address_line_2 input:focus, #gform_wrapper_1 form .gfield input { border-bottom: none; } #gform_wrapper_1 .gform_footer { display: none; } /** * Forms - Input Pentagon * ---------------------- */ .input-pentagon { position: relative; border: 1px solid var(--color-black); font-size: 1.6rem; -webkit-clip-path: var(--clip-path-pentagon); clip-path: var(--clip-path-pentagon); color: var(--color-black); } .input-pentagon input { border: none; outline-style: none; padding: 2rem 3rem; line-height: var(--line-default); width: 100%; background-color: transparent; } .input-pentagon input::-webkit-input-placeholder { text-transform: uppercase; color: currentColor; } .input-pentagon input::-moz-placeholder { text-transform: uppercase; color: currentColor; } .input-pentagon input:-ms-input-placeholder { text-transform: uppercase; color: currentColor; } .input-pentagon input::-ms-input-placeholder { text-transform: uppercase; color: currentColor; } .input-pentagon input::placeholder { text-transform: uppercase; color: currentColor; } .input-pentagon::before { content: ""; z-index: 0; position: absolute; top: 0; left: 0; width: calc(var(--clip-path-slant) * 2); height: calc(var(--clip-path-slant) * 2); -webkit-clip-path: var(--clip-path-pentagon-before); clip-path: var(--clip-path-pentagon-before); background-color: var(--color-black); } .input-pentagon.tri-active::after { position: absolute; right: 0; } /** * Forms - WooCommerce * ------------------- */ .woocommerce .woocommerce-input-wrapper { position: relative; } .woocommerce input, .woocommerce select, .woocommerce textarea, .woocommerce .select2-container .select2-selection { --input-pad-x: 1.5rem; --input-pad-y: 1.5rem; border: none; border-radius: var(--border-radius); padding: var(--input-pad-y) var(--input-pad-x); font-size: 1.6rem; font-family: var(--font-default); font-weight: var(--weight-default); background-color: var(--color-grey); } @media (min-width: 992px) { .woocommerce input:not(.input-sm), .woocommerce select, .woocommerce textarea, .woocommerce .select2-container .select2-selection { --input-pad-x: 2.5rem; --input-pad-y: 2.5rem; } } .woocommerce input::-webkit-input-placeholder, .woocommerce select::-webkit-input-placeholder, .woocommerce textarea::-webkit-input-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .woocommerce input::-moz-placeholder, .woocommerce select::-moz-placeholder, .woocommerce textarea::-moz-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .woocommerce input:-ms-input-placeholder, .woocommerce select:-ms-input-placeholder, .woocommerce textarea:-ms-input-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .woocommerce input::-ms-input-placeholder, .woocommerce select::-ms-input-placeholder, .woocommerce textarea::-ms-input-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .woocommerce input::-webkit-input-placeholder, .woocommerce select::-webkit-input-placeholder, .woocommerce textarea::-webkit-input-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .woocommerce input::-moz-placeholder, .woocommerce select::-moz-placeholder, .woocommerce textarea::-moz-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .woocommerce input:-ms-input-placeholder, .woocommerce select:-ms-input-placeholder, .woocommerce textarea:-ms-input-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .woocommerce input::-ms-input-placeholder, .woocommerce select::-ms-input-placeholder, .woocommerce textarea::-ms-input-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .woocommerce input::placeholder, .woocommerce select::placeholder, .woocommerce textarea::placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-grey-dark); } .woocommerce .validate-required .woocommerce-input-wrapper::after { display: block; content: ""; position: absolute; top: 0; right: 0; width: 0.8em; height: 0.8em; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%); background-color: var(--color-black); } .woocommerce-invalid input { color: var(--color-secondary); background-color: var(--color-secondary-lightest); } /* Forms - WooCommerce - Password */ .password-input { --visible-icon-width: 5rem; position: relative; } @media (min-width: 992px) { .password-input { --visible-icon-width: 7rem; } } .woocommerce .woocommerce-Input--password { padding-right: var(--visible-icon-width); } .show-password-input { position: absolute; top: 0; right: 0; bottom: 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; padding: 0.5em; width: var(--visible-icon-width); } .show-password-input::after { display: block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-light); font-size: 1.2em; content: "\f070"; } .show-password-input.display-password::after { content: "\f06e"; } .woocommerce-password-strength { margin-top: 1rem; font-family: var(--font-default); font-weight: var(--weight-light); font-size: var(--font-size-sm); } .woocommerce-password-strength::before { display: block; content: ""; border-radius: 999px; margin-bottom: 0.5rem; height: 0.5rem; width: 0; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); background-color: currentColor; } .woocommerce-password-strength.short::before { width: 10%; } .woocommerce-password-strength.bad::before { width: 25%; } .woocommerce-password-strength.good::before { width: 50%; } .woocommerce-password-strength.strong::before { width: 100%; } .woocommerce-password-strength.short, .woocommerce-password-strength.bad { color: var(--color-secondary); } .woocommerce-password-strength.good { color: #ffc75f; } .woocommerce-password-strength.strong { color: #4caf50; } /* Forms - WooCommerce - Select2 */ .woocommerce-page .select2-container .select2-selection { -webkit-clip-path: none; clip-path: none; } .woocommerce-page .select2-container .select2-selection::before { display: none; } .woocommerce-page .woocommerce .select2-selection__arrow { border: none; padding-top: 0; padding-right: 0; padding-bottom: 0; font-size: 2rem; } .woocommerce-page .select2-container .select2-selection--single .select2-selection__rendered, .woocommerce-page .select2-selection--single .select2-selection__placeholder, .woocommerce-page .select2-results__option { text-transform: none !important; } .woocommerce-page .select2-container .select2-selection--single .select2-selection__rendered { font-family: var(--font-default); font-weight: var(--weight-default); } .woocommerce-page .select2-selection--single .select2-selection__placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); } .woocommerce-page .select2-container.select2-container--above.select2-container--open .select2-selection { border-top-right-radius: 0; border-top-left-radius: 0; } .woocommerce-page .select2-container.select2-container--below.select2-container--open .select2-selection { border-radius: var(--border-radius); } .woocommerce-page .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; font-family: var(--font-default); } .woocommerce-page .select2-container .select2-selection--single .select2-selection__rendered, .woocommerce-page .select2-selection--single .select2-selection__placeholder, .woocommerce-page .select2-results__option { text-transform: none; } .woocommerce-page .select2-selection__arrow { border: none; padding-top: 0; padding-right: 0; padding-bottom: 0; font-size: 2rem; } .woocommerce-page .select2-selection__arrow::before { font: var(--fa-font-thin); } .woocommerce-page form .select2-selection__arrow svg { font-size: 2rem; } .woocommerce-page .select2-results__option { padding: 1.5rem; } @media (min-width: 992px) { .woocommerce-page .select2-results__option { padding: 2.5rem; } } /** * 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 - 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-black); 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::-webkit-input-placeholder, .search-form .search-field::-webkit-input-placeholder { color: var(--color-grey); } .search-form .search-field::-moz-placeholder, .search-form .search-field::-moz-placeholder, .search-form .search-field::-moz-placeholder { opacity: 1; color: var(--color-grey); } .search-form .search-field:-ms-input-placeholder, .search-form .search-field:-ms-input-placeholder, .search-form .search-field:-ms-input-placeholder { color: var(--color-grey); } .search-form .search-field::-webkit-input-placeholder, .search-form .search-field::-webkit-input-placeholder, .search-form .search-field::-webkit-input-placeholder { color: var(--color-grey); } .search-form .search-field::-moz-placeholder, .search-form .search-field::-moz-placeholder, .search-form .search-field::-moz-placeholder { color: var(--color-grey); } .search-form .search-field:-ms-input-placeholder, .search-form .search-field:-ms-input-placeholder, .search-form .search-field:-ms-input-placeholder { color: var(--color-grey); } .search-form .search-field::-ms-input-placeholder, .search-form .search-field::-ms-input-placeholder, .search-form .search-field::-ms-input-placeholder { color: var(--color-grey); } .search-form .search-field::-webkit-input-placeholder, .search-form .search-field::-webkit-input-placeholder, .search-form .search-field::-webkit-input-placeholder { color: var(--color-grey); } .search-form .search-field::-moz-placeholder, .search-form .search-field::-moz-placeholder, .search-form .search-field::-moz-placeholder { color: var(--color-grey); } .search-form .search-field:-ms-input-placeholder, .search-form .search-field:-ms-input-placeholder, .search-form .search-field:-ms-input-placeholder { color: var(--color-grey); } .search-form .search-field::-ms-input-placeholder, .search-form .search-field::-ms-input-placeholder, .search-form .search-field::-ms-input-placeholder { color: var(--color-grey); } .search-form .search-field::placeholder, .search-form .search-field::placeholder, .search-form .search-field::placeholder { color: var(--color-grey); } /* Search - Buttons */ .search-form label + .search-submit { margin-left: 1rem; } /** * SVGs * ---- */ /* SVGs - Aspect Ratios */ .svg-wrapper.aspect-5-1 { padding-top: 20% !important; } .svg-wrapper.aspect-21-9 { padding-top: 42.87% !important; } .svg-wrapper.aspect-2-1 { padding-top: 50% !important; } .svg-wrapper.aspect-16-9 { padding-top: 56.25% !important; } .svg-wrapper.aspect-3-2 { padding-top: 66.67% !important; } .svg-wrapper.aspect-4-3 { padding-top: 75% !important; } .svg-wrapper.aspect-5-4 { padding-top: 80% !important; } .svg-wrapper.aspect-1-1 { padding-top: 100% !important; } .svg-wrapper.aspect-4-5 { padding-top: 125% !important; } .svg-wrapper.aspect-3-4 { padding-top: 133.33% !important; } .svg-wrapper.aspect-2-3 { padding-top: 150% !important; } .svg-wrapper.aspect-9-16 { padding-top: 177.78% !important; } .svg-wrapper.aspect-1-2 { padding-top: 200% !important; } .svg-wrapper.aspect-9-21 { padding-top: 233.33% !important; } .svg-wrapper.aspect-1-5 { padding-top: 500% !important; } /** * Images * ------ */ img { max-width: 100%; height: auto; margin-bottom: 1rem; } @media (min-width: 992px) { img { margin-bottom: 1.5rem; } } /* Images - Aspect Ratios */ img.aspect-5-1 { aspect-ratio: 5/1 !important; } img.aspect-21-9 { aspect-ratio: 21/9 !important; } img.aspect-2-1 { aspect-ratio: 2/1 !important; } img.aspect-16-9 { aspect-ratio: 16/9 !important; } img.aspect-3-2 { aspect-ratio: 3/2 !important; } img.aspect-4-3 { aspect-ratio: 4/3 !important; } img.aspect-5-4 { aspect-ratio: 5/4 !important; } img.aspect-1-1 { aspect-ratio: 1/1 !important; } img.aspect-4-5 { aspect-ratio: 4/5 !important; } img.aspect-3-4 { aspect-ratio: 3/4 !important; } img.aspect-2-3 { aspect-ratio: 2/3 !important; } img.aspect-9-16 { aspect-ratio: 9/16 !important; } img.aspect-1-2 { aspect-ratio: 1/2 !important; } img.aspect-9-21 { aspect-ratio: 9/21 !important; } img.aspect-1-5 { aspect-ratio: 1/5 !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; } /** * Images & Sliders Images * ----------------------- */ .img-wrapper, .slide-img-wrapper { overflow: hidden; position: relative; display: block; width: 100%; height: 0; } .img-wrapper img, .slide-img-wrapper img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } /* Images - Apsect Ratios */ .img-wrapper.aspect-original img, .slide-img-wrapper.aspect-original img { position: relative; } .img-wrapper.aspect-original, .slide-img-wrapper.aspect-original { height: unset; } .img-wrapper.aspect-5-1, .slide-img-wrapper.aspect-5-1 { padding-top: 20% !important; } .img-wrapper.aspect-21-9, .slide-img-wrapper.aspect-21-9 { padding-top: 42.87% !important; } .img-wrapper.aspect-2-1, .slide-img-wrapper.aspect-2-1 { padding-top: 50% !important; } .img-wrapper.aspect-16-9, .slide-img-wrapper.aspect-16-9 { padding-top: 56.25% !important; } .img-wrapper.aspect-3-2, .slide-img-wrapper.aspect-3-2 { padding-top: 66.67% !important; } .img-wrapper.aspect-4-3, .slide-img-wrapper.aspect-4-3 { padding-top: 75% !important; } .img-wrapper.aspect-5-4, .slide-img-wrapper.aspect-5-4 { padding-top: 80% !important; } .img-wrapper.aspect-1-1, .slide-img-wrapper.aspect-1-1 { padding-top: 100% !important; } .img-wrapper.aspect-4-5, .slide-img-wrapper.aspect-4-5 { padding-top: 125% !important; } .img-wrapper.aspect-3-4, .slide-img-wrapper.aspect-3-4 { padding-top: 133.33% !important; } .img-wrapper.aspect-2-3, .slide-img-wrapper.aspect-2-3 { padding-top: 150% !important; } .img-wrapper.aspect-9-16, .slide-img-wrapper.aspect-9-16 { padding-top: 177.78% !important; } .img-wrapper.aspect-1-2, .slide-img-wrapper.aspect-1-2 { padding-top: 200% !important; } .img-wrapper.aspect-9-21, .slide-img-wrapper.aspect-9-21 { padding-top: 233.33% !important; } .img-wrapper.aspect-1-5, .slide-img-wrapper.aspect-1-5 { padding-top: 500% !important; } /* Images - Position */ img.img-position-center { -o-object-position: center; object-position: center; } img.img-position-top { -o-object-position: top; object-position: top; } img.img-position-bottom { -o-object-position: bottom; object-position: bottom; } img.img-position-left { -o-object-position: left; object-position: left; } img.img-position-right { -o-object-position: right; object-position: right; } /* Images - Hovering Effects */ .img-scale-hover { overflow: hidden; } .img-scale-hover img { -webkit-transition: var(--transition-slow-ease); -o-transition: var(--transition-slow-ease); transition: var(--transition-slow-ease); } .img-scale-hover:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /** * 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; } /** * Brand Logos * ----------- */ .brand-logo { display: block; width: 100%; text-align: center; margin-bottom: 1rem; } .brand-logo svg { max-height: 4rem; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); color: var(--color-black); } @media (min-width: 992px) { .brand-logo { margin-bottom: 2rem; } .brand-logo svg { max-height: none; } } a.brand-logo:hover svg { color: var(--color-grey-dark); } .brand-logo svg path { fill: currentColor; } /** * 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); } } /** * 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% */ } /** * Tabs * ---- */ .nav-tabs .nav-item::before { display: none; } .nav-tabs .nav-link i { margin-right: 1rem; font-size: 1.2em; } /* Tabs - Create Account */ .nav-tabs-create-account { --gutter-size: 0.375rem; 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: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; margin-left: calc(var(--gutter-size) * -1); margin-right: calc(var(--gutter-size) * -1); margin-bottom: 1.5rem; } @media (min-width: 641px) { .nav-tabs-create-account { --gutter-size: 1rem; } } @media (min-width: 992px) { .nav-tabs-create-account { margin-bottom: 3rem; } } .nav-tabs-create-account .nav-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; padding: var(--gutter-size); } .nav-tabs-create-account .nav-link { border: var(--border); border-radius: 0; padding: 1.5rem; width: 100%; font-family: var(--font-default); font-weight: var(--weight-light); text-transform: uppercase; background-color: var(--color-grey-lighter); } @media (min-width: 992px) { .nav-tabs-create-account .nav-link { padding: 2.5rem; } } .nav-tabs-create-account .nav-link.active { border: 1px solid var(--color-blue-light); background-color: var(--color-blue-lighter); } /** * 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; } /* Tables - Products */ .product-table { width: 100%; font-size: var(--font-size-sm); } .product-table tbody tr:last-child td:last-child { padding-bottom: 2rem; } @media (max-width: 575px) { .product-table thead { display: none; } .product-table tbody tr { 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; } .product-table tbody tr > * { width: 100%; } .product-table tbody td { padding: 0; } .product-table tbody td:first-child { padding-top: 1rem; } .product-table tbody td:first-child, .product-table tbody td:last-child { padding-bottom: 1rem; } .product-table td.product-quantity { text-align: left; } .product-table td.product-quantity::before { content: "Qty:"; } .product-table td.product-total { text-align: right; } } .product-table th, .product-table td { padding: 1rem 0.5rem; text-align: center; } @media (min-width: 992px) { .product-table th, .product-table td { padding: 2rem 1rem; } } .product-table thead tr > *:first-child, .product-table tbody tr > *:first-child { padding-left: 0; } .product-table thead tr > *:last-child, .product-table tbody tr > *:last-child { padding-right: 0; } .product-table th { padding-bottom: 0; font-family: var(--font-default); font-weight: var(--weight-default); text-transform: uppercase; } .product-table tbody td { vertical-align: top; } .product-table tbody tr:not(:last-child) { border-bottom: var(--border); } .product-table .product-thumbnail, .product-table .product-name { text-align: left; } .product-table .product-thumbnail { min-width: 15rem; } @media (min-width: 1200px) { .product-table .product-thumbnail { min-width: 20rem; } } .product-table tfoot { border-radius: var(--border-radius); background-color: var(--color-grey); } @media (max-width: 575px) { .product-table tfoot tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .product-table tfoot tr:not(:last-child) { border-bottom: var(--border); } .product-table tfoot th, .product-table tfoot td { padding: 2rem; text-transform: none; font-family: var(--font-default-thin); font-weight: var(--weight-thin); } .product-table tfoot th { text-align: left; } .product-table tfoot td { text-align: right; } .product-table tfoot tr:last-child > * { font-family: var(--font-default); font-weight: var(--weight-default); } /* Tables - Single Products */ .single-product-table { width: 100%; } .single-product-table th, .single-product-table td { vertical-align: baseline; padding: 0.5rem; font-family: var(--font-default); font-weight: var(--weight-light); } @media (min-width: 992px) { .single-product-table th, .single-product-table td { padding: 1rem; } } .single-product-table th { width: 25%; padding-left: 0; color: var(--color-grey-dark); } .single-product-table td:last-child { padding-right: 0; } /* Tables - Product Common Details */ .product-common-details-table th, .product-details-table th { width: 35%; } /* Tables - Product Project */ .product-project-table { width: 100%; } .product-project-table thead { display: none; } .product-project-table th { font-family: var(--font-default); font-weight: var(--weight-default); text-align: center; text-transform: uppercase; text-wrap: nowrap; } .product-project-table tr { 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; border-bottom: var(--border); padding: 1.5em 0; } .product-project-table tr:last-child { border-bottom: none; } .product-project-table th, .product-project-table td { padding: 0; } .product-project-table .product-img, .product-project-table .product-description, .product-project-table .product-price, .product-project-table .product-quantity, .product-project-table .product-lead-time, .product-project-table .product-total { width: 100%; } .product-project-table .product-subtitle, .product-project-table .variation, .product-project-table .product-quantity, .product-project-table .product-lead-time { margin-bottom: 0.5em; } .product-project-table .product-title, .product-project-table .product-price, .product-project-table .product-lead-time, .product-project-table .product-total { font-family: var(--font-default); font-weight: var(--weight-default); } .product-project-table .product-img { margin-bottom: 1em; } .product-project-table .product-title { margin-bottom: 0.75em; font-size: 1.2em; } .product-project-table .product-subtitle { font-size: 1em; } .product-project-table .variation { font-size: 0.9em; } .product-project-table .product-price, .product-project-table .product-lead-time, .product-project-table .product-total { text-align: right; } .product-project-table .product-lead-time { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .product-project-table .product-price, .product-project-table .product-lead-time br { display: none; } .product-project-table .product-quantity { 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-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-project-table .quantity { margin-right: 0.8em; max-width: 10em; } .product-project-table .variation, .product-project-table .btn-remove { padding-left: 0; padding-right: 0; font-size: 0.9em; } .product-project-table .variation .label { margin-right: 0; } .product-project-table .btn-remove i { margin-right: 0.5em; } .product-project-table .added-date { margin-bottom: 0.5em; font-size: 0.9em; font-family: var(--font-default-thin); font-weight: var(--weight-thin); text-align: right; } @media (min-width: 576px) { .product-project-table .product-img { margin-left: auto; margin-right: auto; max-width: 25rem; } } @media (min-width: 768px) { .product-project-table { font-size: 0.8em; } .product-project-table thead { display: table-header-group; } .product-project-table th { padding: 1em 0.5em 1.5em 0.5em; } .product-project-table tr { display: table-row; } .product-project-table td { vertical-align: middle; padding: 1.5em 0.5em; } .product-project-table .product-description, .product-project-table .product-price, .product-project-table .product-quantity, .product-project-table .product-lead-time, .product-project-table .product-total { width: auto; } .product-project-table .product-price, .product-project-table .product-lead-time, .product-project-table .product-total { text-align: center; } .product-project-table .product-img { padding-left: 0 !important; width: 10em; } .product-project-table .product-price { display: table-cell; } .product-project-table .product-quantity { display: table-cell; } .product-project-table .quantity { margin-right: 0; } .product-project-table .btn-remove { position: absolute; margin-top: 0.5em; } .product-project-table .product-lead-time br { display: block; } .product-project-table .product-total { padding-right: 0 !important; } .product-project-table .added-date { margin-top: 1.5em; margin-bottom: 0; text-align: left; } } @media (min-width: 1200px) { .product-project-table { font-size: 0.9em; } } @media (min-width: 1500px) { .product-project-table tr::before, .product-project-table tr::after { display: table-cell; content: ""; width: 2em; } .product-project-table td { padding: 2em 1em; } .product-project-table .product-img { width: 12em; } } .product-project-table .deleted-product .product-quantity .quantity { opacity: 0.25; pointer-events: none; } .product-project-table .deleted-product a, .product-table .deleted-product a { pointer-events: none; } .product-project-table .deleted-product .not-availble, .product-table .deleted-product .not-availble { color: var(--color-warning-darkest); margin-bottom: 0px; font-size: var(--font-size-h5); margin-top: var(--space-default); } /* Tables - Product Project Summary */ .product-project-summary-table.total-summary-table { width: 100%; background-color: transparent; } .product-project-summary-table thead th { padding-left: 0; } .product-project-summary-table tbody { background-color: var(--color-grey); } .product-project-summary-table tbody.submitted { background-color: var(--color-green-light); } /* Tables - Order History */ @media (max-width: 991px) { .account-orders-table thead { display: none; } .account-orders-table tr { 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; } .account-orders-table td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-left: 0.5rem !important; padding-right: 0.5rem !important; width: 50%; text-align: left !important; } .account-orders-table td::before { content: attr(data-title) ":"; display: block; margin-right: 0.5rem; } .account-orders-table td.woocommerce-orders-table__cell-order-total, .account-orders-table td.woocommerce-orders-table__cell-order-actions, .account-orders-table td.woocommerce-orders-table__cell-order-actions > .woocommerce-button { width: 100%; } .account-orders-table td.woocommerce-orders-table__cell-order-actions::before { display: none; } } /** * 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-subtitle { margin-top: 0; } .card .card-title, .card .card-subtitle, .card .card-link { font-size: var(--font-size-sm); } @media (min-width: 992px) { .card .card-title { font-size: var(--font-size-default); } } .card .card-link { -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); font-family: var(--font-default-thin); font-weight: var(--weight-thin); margin-bottom: 0; } .card:hover .card-link { color: var(--color-grey-darker); } a.card:hover { text-decoration: none !important; } /* 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-img img { -o-object-fit: cover; object-fit: cover; margin-bottom: 0; background-color: var(--color-white); } .card-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .card-img:not(img) { position: relative; } .card-img:not(img) .card-title:last-child { margin-bottom: 0; } /* 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 - Featured */ .card-featured, .card-featured .card-img, .card-featured .card-img .img-wrapper, .card-featured .card-img .img-wrapper * { height: 100%; } .card-featured { margin-bottom: 0; padding-bottom: 3.5rem; } @media (min-width: 992px) { .card-featured { padding-bottom: 5rem; } } @media (min-width: 768px) { .card-featured .img-wrapper { padding-top: 100% !important; } } .card-featured .btn-cta { /* Variables */ --max-size: 35rem; margin: 0; font-size: calc(var(--btn-size, 13em) * 0.05); font-family: var(--font-default); font-weight: var(--weight-default); background-color: var(--color-grey-lighter); } @media (min-width: 992px) { .card-featured .btn-cta { font-size: calc(var(--btn-size, 18em) * 0.05); } } .card-featured .btn-cta span:not(:last-child) { margin-bottom: 0.75em; } .card-featured .btn-cta.top-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 12em; font-size: calc(var(--btn-size, 13em) * 0.045); font-family: var(--font-default-thin); font-weight: var(--weight-thin); } @media (min-width: 992px) { .card-featured .btn-cta.top-left { font-size: calc(var(--btn-size, 18em) * 0.045); } } .card-featured .btn-cta.top-left span { height: auto; } .card-featured .btn-cta.bottom-right { padding-top: 11em; text-transform: uppercase; line-height: var(--line-default); } /* Cards - Post */ .card-post .card-title { font-family: var(--font-default); font-weight: var(--weight-default); line-height: var(--line-default); } .card-post .card-list a { font-size: 1.6rem; font-family: var(--font-default-thin); font-weight: var(--weight-thin); } @media (min-width: 992px) { .card-post .card-list a { line-height: var(--line-lg); } } /* Cards - Post Brand */ .card-post-brand.card-style-thumbnail-pentagon .card-img { position: relative; padding: var(--space-xl); border-radius: 0 !important; background-color: var(--color-grey); } .card-post-brand.card-style-thumbnail-pentagon .card-img::before { --border-width: 0.1rem; content: ""; position: absolute; top: var(--border-width); right: var(--border-width); bottom: var(--border-width); left: var(--border-width); background-color: var(--color-white); } .card-post-brand.card-style-thumbnail-pentagon .card-img svg { height: 100%; width: 100%; } .card-post-brand.card-style-thumbnail-pentagon .card-img svg path { fill: var(--color-black) !important; } .card-post-brand.card-style-thumbnail-pentagon .cta-icon { position: absolute; right: 0; bottom: 0; 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; width: 1em; height: 1em; -webkit-clip-path: polygon( 4.029px calc(100% + 0px), calc(100% + 0.02px) calc(100% + 0px), calc(100% + 0.02px) 4.007px, calc(100% + 0.02px) 4.007px, calc(100% - 0.009116px) 3.52418px, calc(100% - 0.094608px) 3.05527px, calc(100% - 0.233692px) 2.60441px, calc(100% - 0.423584px) 2.17574px, calc(100% - 0.6615px) 1.77337px, calc(100% - 0.944656px) 1.40146px, calc(100% - 1.27027px) 1.06414px, calc(100% - 1.63555px) 0.765528px, calc(100% - 2.03772px) 0.509771px, calc(100% - 2.474px) 0.301px, calc(100% - 2.474px) 0.301px, calc(100% - 2.93221px) 0.146179px, calc(100% - 3.3988px) 0.048832px, calc(100% - 3.86886px) 0.007933px, calc(100% - 4.33752px) 0.022456px, calc(100% - 4.79988px) 0.091375px, calc(100% - 5.25104px) 0.213664px, calc(100% - 5.68612px) 0.388297px, calc(100% - 6.10024px) 0.614248px, calc(100% - 6.4885px) 0.890491px, calc(100% - 6.846px) 1.216px, 1.162px calc(100% - 6.791px), 1.162px calc(100% - 6.791px), 0.849519px calc(100% - 6.42939px), 0.585872px calc(100% - 6.03892px), 0.371953px calc(100% - 5.62433px), 0.208656px calc(100% - 5.19036px), 0.096875px calc(100% - 4.74175px), 0.037504px calc(100% - 4.28324px), 0.031437px calc(100% - 3.81957px), 0.079568px calc(100% - 3.35548px), 0.182791px calc(100% - 2.89571px), 0.342px calc(100% - 2.445px), 0.342px calc(100% - 2.445px), 0.553667px calc(100% - 2.01641px), 0.810976px calc(100% - 1.62163px), 1.10989px calc(100% - 1.26332px), 1.44637px calc(100% - 0.944136px), 1.81638px calc(100% - 0.66675px), 2.21587px calc(100% - 0.433824px), 2.64082px calc(100% - 0.248022px), 3.08718px calc(100% - 0.112008px), 3.55092px calc(100% - 0.028446px), 4.028px calc(100% - 5.68434e-14px) ); clip-path: polygon( 4.029px calc(100% + 0px), calc(100% + 0.02px) calc(100% + 0px), calc(100% + 0.02px) 4.007px, calc(100% + 0.02px) 4.007px, calc(100% - 0.009116px) 3.52418px, calc(100% - 0.094608px) 3.05527px, calc(100% - 0.233692px) 2.60441px, calc(100% - 0.423584px) 2.17574px, calc(100% - 0.6615px) 1.77337px, calc(100% - 0.944656px) 1.40146px, calc(100% - 1.27027px) 1.06414px, calc(100% - 1.63555px) 0.765528px, calc(100% - 2.03772px) 0.509771px, calc(100% - 2.474px) 0.301px, calc(100% - 2.474px) 0.301px, calc(100% - 2.93221px) 0.146179px, calc(100% - 3.3988px) 0.048832px, calc(100% - 3.86886px) 0.007933px, calc(100% - 4.33752px) 0.022456px, calc(100% - 4.79988px) 0.091375px, calc(100% - 5.25104px) 0.213664px, calc(100% - 5.68612px) 0.388297px, calc(100% - 6.10024px) 0.614248px, calc(100% - 6.4885px) 0.890491px, calc(100% - 6.846px) 1.216px, 1.162px calc(100% - 6.791px), 1.162px calc(100% - 6.791px), 0.849519px calc(100% - 6.42939px), 0.585872px calc(100% - 6.03892px), 0.371953px calc(100% - 5.62433px), 0.208656px calc(100% - 5.19036px), 0.096875px calc(100% - 4.74175px), 0.037504px calc(100% - 4.28324px), 0.031437px calc(100% - 3.81957px), 0.079568px calc(100% - 3.35548px), 0.182791px calc(100% - 2.89571px), 0.342px calc(100% - 2.445px), 0.342px calc(100% - 2.445px), 0.553667px calc(100% - 2.01641px), 0.810976px calc(100% - 1.62163px), 1.10989px calc(100% - 1.26332px), 1.44637px calc(100% - 0.944136px), 1.81638px calc(100% - 0.66675px), 2.21587px calc(100% - 0.433824px), 2.64082px calc(100% - 0.248022px), 3.08718px calc(100% - 0.112008px), 3.55092px calc(100% - 0.028446px), 4.028px calc(100% - 5.68434e-14px) ); font-size: 6rem; } @media (min-width: 768px) { .card-post-brand.card-style-thumbnail-pentagon .cta-icon { font-size: 7.5rem; } } @media (min-width: 992px) { .card-post-brand.card-style-thumbnail-pentagon .cta-icon { font-size: 9rem; } } .card-post-brand.card-style-thumbnail-pentagon .cta-icon i { margin-right: 0.7em; margin-bottom: 0.5em; font-size: 0.3em; -webkit-transition: -webkit-transform var(--transition-quick-ease); transition: -webkit-transform var(--transition-quick-ease); -o-transition: transform var(--transition-quick-ease); transition: transform var(--transition-quick-ease); transition: transform var(--transition-quick-ease), -webkit-transform var(--transition-quick-ease); transition: transform var(--transition-quick-ease), -webkit-transform var(--transition-quick-ease); } .card-post-brand.card-style-thumbnail-pentagon .card-img:hover .cta-icon i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .card-post-brand.card-style-thumbnail-pentagon .card-title { font-family: var(--font-default); font-weight: var(--weight-default); } .card-post-brand.card-style-thumbnail-pentagon .card-body { margin-bottom: 0.5rem; } .card-post-brand.card-style-thumbnail-pentagon .card-title::before { display: none; } .card-post-brand.card-style-thumbnail-pentagon .card-footer { 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-default); } .card-post-brand.card-style-thumbnail-pentagon .card-footer > .card-link { position: relative; margin: 0; color: var(--color-black); } .card-post-brand.card-style-thumbnail-pentagon .card-footer > .card-link:hover { text-decoration: underline; text-decoration-thickness: 0.1rem; text-underline-offset: 0.1em; } .card-post-brand.card-style-thumbnail-pentagon .card-footer > .card-link:not(:last-child)::after { display: block; content: ""; position: absolute; top: 0; right: calc(var(--space-default) * -0.5); bottom: 0; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 0.1rem; height: 1em; background-color: currentColor; } /* Cards - Post Designer & Product Category */ .card-post-product-category .btn-cta { --font-size-to-width-ratio: 0.075; } .card-post-designer .btn-cta { --font-size-to-width-ratio: 0.075; } /* Cards - Post Catalogue */ .card-post-catalogue .card-title { font-size: var(--font-size-sm); font-family: var(--font-default-thin); font-weight: var(--weight-thin); margin-bottom: 0; } /* Cards - Product Gallery */ .card-gallery-product { cursor: pointer; } /* Cards - Product Project */ .card-post-product-project .card-img:not(:last-child), .card-post-product-project .card-body .card-title, .card-post-product-project .card-body .card-text { margin-bottom: 1.5rem; } .card-post-product-project .card-body .card-text { font-family: var(--font-default); font-weight: var(--weight-default); text-transform: none; } .card-post-product-project .price { font-family: var(--font-default); font-weight: var(--weight-light); font-size: 1.6rem; } .card-post-product-project .price .label { margin-right: 0.5rem; } .card-post-product-project .price del { margin-right: 0; } .card-post-product-project .list-icon > li { margin-bottom: 1.5rem; } .card-post-product-project .list-icon .icon-dark svg { font-size: 1.4em; } .card-post-product-project .list-icon > li:not(:last-child), .card-post-product-project .list-icon > li:not(:last-child) { margin-right: 1.2rem; } /* Cards - Designer Projects */ .card-designer-project { padding: 3rem 6rem 6rem 2rem; text-decoration: none !important; background-color: var(--color-grey-lighter); } @media (min-width: 992px) { .card-designer-project { padding-left: 3rem; } } .card-designer-project .card-title { margin-bottom: 1rem; font-size: 2.4rem; line-height: var(--line-default); } @media (min-width: 992px) { .card-designer-project .card-title { margin-bottom: 2rem; font-size: 3.6rem; } } .card-designer-project .card-text { font-family: var(--font-default); font-weight: var(--weight-light); } @media (min-width: 992px) { .card-designer-project .card-text { font-size: 1.8rem; } } .card-designer-project .card-text .label { font-family: var(--font-default-thin); font-weight: var(--weight-thin); } /** * Cards - Styles * -------------- */ /* Cards - Styles - Thumbnails - Default */ .card-style-thumbnail-default .card-body { margin-bottom: 0; } .card-style-thumbnail-default .card-img { overflow: hidden; border-radius: var(--border-radius); } .card-style-thumbnail-default .card-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-style-thumbnail-default .card-title { margin-bottom: 0.5rem; } .card-style-thumbnail-default .card-subtitle { margin-top: 0; } .card-style-thumbnail-default .card-list { margin-bottom: 0; } .card-style-thumbnail-default .card-text { font-family: var(--font-default); font-weight: var(--weight-light); margin-bottom: 0.5rem; } .card-style-thumbnail-default .card-title::before, .card-style-thumbnail-default .card-text::before, .card-style-thumbnail-default .card-text::after { display: none; } /* Cards - Styles - Thumbnails - Basic */ .card-style-thumbnail-basic .card-img { overflow: hidden; border-radius: var(--border-radius); margin-bottom: 2rem; } .card-style-thumbnail-basic .card-body { 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-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .card-style-thumbnail-basic .card-title { margin-bottom: 0; font-family: var(--font-default); font-weight: var(--weight-medium); text-transform: uppercase; color: var(--color-primary-light); } .card-style-thumbnail-basic .card-title::before { display: none; } .card-style-thumbnail-basic .card-subtitle { font-family: var(--font-default-thin); font-weight: var(--weight-thin); line-height: var(--line-lg); } @media (min-width: 992px) { .card-style-thumbnail-basic .card-title, .card-style-thumbnail-basic .card-subtitle { max-width: 80%; } } /* Cards - Styles - Thumbnails - Fancy */ .card-deck-style-thumbnail-fancy .card-deck-col { margin-bottom: 1rem; } .card-style-thumbnail-fancy { padding: 2.5rem; } @media (min-width: 992px) { .card-style-thumbnail-fancy { padding: 4rem; } } a.card-style-thumbnail-fancy { padding-bottom: calc(var(--slope-edge) * 0.5); padding-right: 6rem; } @media (min-width: 992px) { a.card-style-thumbnail-fancy { padding-bottom: calc(var(--slope-edge) * 0.4); } } .card-style-thumbnail-fancy .card-body, .card-style-thumbnail-fancy .card-footer, .card-style-thumbnail-fancy .card-link i { z-index: 1; } .card-style-thumbnail-fancy .card-title { font-size: 2.4rem; text-transform: uppercase; } @media (min-width: 992px) { .card-style-thumbnail-fancy .card-title { font-size: 3rem; } } @media (min-width: 1200px) { .card-style-thumbnail-fancy .card-title { font-size: 3.6rem; } } .card-style-thumbnail-fancy .card-subtitle { font-size: 1.8rem; font-family: var(--font-default-thin); font-weight: var(--weight-thin); line-height: var(--line-default); } @media (min-width: 992px) { .card-style-thumbnail-fancy .card-subtitle { font-size: 2rem; } } .card-style-thumbnail-fancy .card-footer { position: absolute; right: 0; bottom: 0; } .card-style-thumbnail-fancy .card-link i { position: absolute; font-size: 0.3em; bottom: 0.5em; right: 0.7em; -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); } .card-style-thumbnail-fancy:hover i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Cards - Styles - Thumbnails - Fancy - Background */ .card-style-thumbnail-fancy::after, .card-style-thumbnail-fancy .card-link::before, .card-style-thumbnail-fancy .card-link::after { content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } a.card-style-thumbnail-fancy::after { -webkit-clip-path: polygon( calc(100% - 112.1928px) calc(100% - 0.065229999999985px), 0px calc(100% - 0.065229999999985px), 0px 0.06523px, calc(100% - 0.49072000000001px) 0.06523px, calc(100% - 4.9999999987449e-5px) calc(100% - 115.12564px), calc(100% - 4.9999999987449e-5px) calc(100% - 115.12564px), calc(100% - 0.034240589999911px) calc(100% - 114.1792929px), calc(100% - 0.14131911999982px) calc(100% - 113.2442012px), calc(100% - 0.31970272999996px) calc(100% - 112.3242793px), calc(100% - 0.56780855999995px) calc(100% - 111.4234416px), calc(100% - 0.88405374999996px) calc(100% - 110.5456025px), calc(100% - 1.26685544px) calc(100% - 109.6946764px), calc(100% - 1.7146307699999px) calc(100% - 108.8745777px), calc(100% - 2.22579688px) calc(100% - 108.0892208px), calc(100% - 2.79877091px) calc(100% - 107.3425201px), calc(100% - 3.43197px) calc(100% - 106.63839px), calc(100% - 103.50179px) calc(100% - 3.73641px), calc(100% - 103.50179px) calc(100% - 3.73641px), calc(100% - 104.21137914px) calc(100% - 3.06328409px), calc(100% - 104.96782432px) calc(100% - 2.4533411199999px), calc(100% - 105.76684718px) calc(100% - 1.90838823px), calc(100% - 106.60416936px) calc(100% - 1.43023256px), calc(100% - 107.4755125px) calc(100% - 1.02068125px), calc(100% - 108.37659824px) calc(100% - 0.68154143999999px), calc(100% - 109.30314822px) calc(100% - 0.41462026999994px), calc(100% - 110.25088408px) calc(100% - 0.22172488000001px), calc(100% - 111.21552746px) calc(100% - 0.10466240999995px), calc(100% - 112.1928px) calc(100% - 0.065240000000017px) ); clip-path: polygon( calc(100% - 112.1928px) calc(100% - 0.065229999999985px), 0px calc(100% - 0.065229999999985px), 0px 0.06523px, calc(100% - 0.49072000000001px) 0.06523px, calc(100% - 4.9999999987449e-5px) calc(100% - 115.12564px), calc(100% - 4.9999999987449e-5px) calc(100% - 115.12564px), calc(100% - 0.034240589999911px) calc(100% - 114.1792929px), calc(100% - 0.14131911999982px) calc(100% - 113.2442012px), calc(100% - 0.31970272999996px) calc(100% - 112.3242793px), calc(100% - 0.56780855999995px) calc(100% - 111.4234416px), calc(100% - 0.88405374999996px) calc(100% - 110.5456025px), calc(100% - 1.26685544px) calc(100% - 109.6946764px), calc(100% - 1.7146307699999px) calc(100% - 108.8745777px), calc(100% - 2.22579688px) calc(100% - 108.0892208px), calc(100% - 2.79877091px) calc(100% - 107.3425201px), calc(100% - 3.43197px) calc(100% - 106.63839px), calc(100% - 103.50179px) calc(100% - 3.73641px), calc(100% - 103.50179px) calc(100% - 3.73641px), calc(100% - 104.21137914px) calc(100% - 3.06328409px), calc(100% - 104.96782432px) calc(100% - 2.4533411199999px), calc(100% - 105.76684718px) calc(100% - 1.90838823px), calc(100% - 106.60416936px) calc(100% - 1.43023256px), calc(100% - 107.4755125px) calc(100% - 1.02068125px), calc(100% - 108.37659824px) calc(100% - 0.68154143999999px), calc(100% - 109.30314822px) calc(100% - 0.41462026999994px), calc(100% - 110.25088408px) calc(100% - 0.22172488000001px), calc(100% - 111.21552746px) calc(100% - 0.10466240999995px), calc(100% - 112.1928px) calc(100% - 0.065240000000017px) ); } .card-style-thumbnail-fancy .card-link { position: relative; font-size: calc(var(--slope-edge) * 1.15); height: 1em; width: 1em; } @media (min-width: 992px) { .card-style-thumbnail-fancy .card-link { font-size: calc(var(--slope-edge) * 0.75); } } .card-style-thumbnail-fancy .card-link::before { background-color: var(--color-white); } .card-style-thumbnail-fancy .card-link::after { opacity: 0.2; } .card-style-thumbnail-fancy .card-link::before, .card-style-thumbnail-fancy .card-link::after { -webkit-clip-path: polygon( 4.029px calc(100% - 0px), calc(100% - -0.020000000000039px) calc(100% - 0px), calc(100% - -0.020000000000039px) 4.007px, calc(100% - -0.020000000000039px) 4.007px, calc(100% - 0.0091159999998922px) 3.524179px, calc(100% - 0.09460799999988px) 3.055272px, calc(100% - 0.23369199999996px) 2.604413px, calc(100% - 0.42358399999995px) 2.175736px, calc(100% - 0.66149999999999px) 1.773375px, calc(100% - 0.94465600000001px) 1.401464px, calc(100% - 1.270268px) 1.064137px, calc(100% - 1.635552px) 0.765528px, calc(100% - 2.037724px) 0.509771px, calc(100% - 2.474px) 0.301px, calc(100% - 2.474px) 0.301px, calc(100% - 2.932215px) 0.146179px, calc(100% - 3.3988px) 0.048832px, calc(100% - 3.868865px) 0.007933px, calc(100% - 4.33752px) 0.022456px, calc(100% - 4.799875px) 0.091375px, calc(100% - 5.25104px) 0.213664px, calc(100% - 5.686125px) 0.388297px, calc(100% - 6.10024px) 0.614248px, calc(100% - 6.488495px) 0.890491px, calc(100% - 6.8460000000001px) 1.216px, 1.162px calc(100% - 6.791px), 1.162px calc(100% - 6.791px), 0.84951899999998px calc(100% - 6.42939px), 0.58587199999999px calc(100% - 6.0389199999998px), 0.37195299999999px calc(100% - 5.62433px), 0.208656px calc(100% - 5.19036px), 0.096874999999997px calc(100% - 4.74175px), 0.037503999999999px calc(100% - 4.28324px), 0.031436999999999px calc(100% - 3.8195699999999px), 0.079568px calc(100% - 3.35548px), 0.182791px calc(100% - 2.89571px), 0.342px calc(100% - 2.4450000000001px), 0.342px calc(100% - 2.445px), 0.553667px calc(100% - 2.0164139999999px), 0.810976px calc(100% - 1.621632px), 1.109889px calc(100% - 1.263318px), 1.446368px calc(100% - 0.9441359999999px), 1.816375px calc(100% - 0.66674999999992px), 2.215872px calc(100% - 0.43382400000002px), 2.640821px calc(100% - 0.24802199999999px), 3.087184px calc(100% - 0.112008px), 3.550923px calc(100% - 0.028445999999974px), 4.028px calc(100% - 5.6843418860808e-14px) ); clip-path: polygon( 4.029px calc(100% - 0px), calc(100% - -0.020000000000039px) calc(100% - 0px), calc(100% - -0.020000000000039px) 4.007px, calc(100% - -0.020000000000039px) 4.007px, calc(100% - 0.0091159999998922px) 3.524179px, calc(100% - 0.09460799999988px) 3.055272px, calc(100% - 0.23369199999996px) 2.604413px, calc(100% - 0.42358399999995px) 2.175736px, calc(100% - 0.66149999999999px) 1.773375px, calc(100% - 0.94465600000001px) 1.401464px, calc(100% - 1.270268px) 1.064137px, calc(100% - 1.635552px) 0.765528px, calc(100% - 2.037724px) 0.509771px, calc(100% - 2.474px) 0.301px, calc(100% - 2.474px) 0.301px, calc(100% - 2.932215px) 0.146179px, calc(100% - 3.3988px) 0.048832px, calc(100% - 3.868865px) 0.007933px, calc(100% - 4.33752px) 0.022456px, calc(100% - 4.799875px) 0.091375px, calc(100% - 5.25104px) 0.213664px, calc(100% - 5.686125px) 0.388297px, calc(100% - 6.10024px) 0.614248px, calc(100% - 6.488495px) 0.890491px, calc(100% - 6.8460000000001px) 1.216px, 1.162px calc(100% - 6.791px), 1.162px calc(100% - 6.791px), 0.84951899999998px calc(100% - 6.42939px), 0.58587199999999px calc(100% - 6.0389199999998px), 0.37195299999999px calc(100% - 5.62433px), 0.208656px calc(100% - 5.19036px), 0.096874999999997px calc(100% - 4.74175px), 0.037503999999999px calc(100% - 4.28324px), 0.031436999999999px calc(100% - 3.8195699999999px), 0.079568px calc(100% - 3.35548px), 0.182791px calc(100% - 2.89571px), 0.342px calc(100% - 2.4450000000001px), 0.342px calc(100% - 2.445px), 0.553667px calc(100% - 2.0164139999999px), 0.810976px calc(100% - 1.621632px), 1.109889px calc(100% - 1.263318px), 1.446368px calc(100% - 0.9441359999999px), 1.816375px calc(100% - 0.66674999999992px), 2.215872px calc(100% - 0.43382400000002px), 2.640821px calc(100% - 0.24802199999999px), 3.087184px calc(100% - 0.112008px), 3.550923px calc(100% - 0.028445999999974px), 4.028px calc(100% - 5.6843418860808e-14px) ); } /* Cards - Styles - Thumbnails - Fancy - Theme */ .card-style-thumbnail-fancy.theme-type-grey::after { background-color: var(--color-grey); } .card-style-thumbnail-fancy.theme-type-default.theme-color-primary::after, .card-style-thumbnail-fancy.theme-color-primary .card-link::after { background-color: var(--color-primary-lighter); } .card-style-thumbnail-fancy.theme-type-default.theme-color-primary, .card-style-thumbnail-fancy.theme-color-primary .card-link { color: var(--color-primary); } .card-style-thumbnail-fancy.theme-type-default.theme-color-secondary::after, .card-style-thumbnail-fancy.theme-color-secondary .card-link::after { background-color: var(--color-secondary); } .card-style-thumbnail-fancy.theme-type-default.theme-color-secondary { color: var(--color-secondary-lightest); } .card-style-thumbnail-fancy.theme-color-secondary .card-link { color: var(--color-secondary); } .card-style-thumbnail-fancy.theme-type-default.theme-color-tertiary::after, .card-style-thumbnail-fancy.theme-color-tertiary .card-link::after { background-color: var(--color-tertiary); } .card-style-thumbnail-fancy.theme-type-default.theme-color-tertiary { color: var(--color-tertiary-light); } .card-style-thumbnail-fancy.theme-color-tertiary .card-link { color: var(--color-tertiary); } .card-style-thumbnail-fancy.theme-type-default.theme-color-dark-green::after, .card-style-thumbnail-fancy.theme-color-dark-green .card-link::after { background-color: var(--color-dark-green); } .card-style-thumbnail-fancy.theme-type-default.theme-color-dark-green { color: var(--color-white); } .card-style-thumbnail-fancy.theme-color-dark-green .card-link { color: var(--color-dark-green); } .card-style-thumbnail-fancy.theme-type-default.theme-color-pale-blue::after, .card-style-thumbnail-fancy.theme-color-pale-blue .card-link::after { background-color: var(--color-blue-light); } .card-style-thumbnail-fancy.theme-type-default.theme-color-pale-blue { color: var(--color-blue-dark); } .card-style-thumbnail-fancy.theme-color-pale-blue .card-link { color: var(--color-blue-dark); } /* Cards - Styles - Thumbnails - Product */ .card-style-thumbnail-product { border-bottom: 1px solid var(--color-black); } .card-style-thumbnail-product .card-img { overflow: hidden; border-radius: var(--border-radius); } .card-style-thumbnail-product .card-img img:not(:first-of-type) { opacity: 0; } .card-style-thumbnail-product .card-img:hover img:not(:first-of-type) { opacity: 1; } .card-style-thumbnail-product .card-body { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; } .card-style-thumbnail-product .card-title { font-family: var(--font-default); font-weight: var(--weight-default); text-transform: none; } .card-style-thumbnail-product .card-title::before { display: none; } .card-style-thumbnail-product .card-title, .card-style-thumbnail-product .card-text { margin-bottom: 1rem; } .card-style-thumbnail-product .card-subtitle { font-size: var(--font-size-xxs); font-weight: var(--weight-thin); text-transform: uppercase; margin-bottom: 0.2rem; } .card-style-thumbnail-product .card-text { font-size: 1.6rem; font-family: var(--font-default); font-weight: var(--weight-light); } .card-style-thumbnail-product .card-footer { 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-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-bottom: 1rem; } .card-style-thumbnail-product .card-footer .variations_form.cart { margin-top: 0; margin-bottom: auto; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; } .card-style-thumbnail-product .card-footer .variations_form.cart div.variations { margin-bottom: 0; } .card-style-thumbnail-product .card-footer .variations_form.cart .select_box { margin-bottom: var(--space-sm); font-size: calc(var(--font-size-xs) * 0.9); } .card-style-thumbnail-product .card-footer > .price, .card-style-thumbnail-product .card-footer > .amount { margin-top: auto; padding-right: var(--space-sm); font-family: var(--font-default); font-size: var(--font-size-sm); font-weight: var(--weight-default); } li.product.product-no-price .card-style-thumbnail-product .card-footer > .price .amount { display: none; } .card-style-thumbnail-product .card-footer .add_to_cart_button { 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; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; border-radius: var(--border-radius-sm); margin-top: auto; margin-left: auto; padding: 0; font-size: inherit; width: 2em; height: 2em; background-color: var(--color-grey-light); } li.product.backorder-enabled .card-style-thumbnail-product .card-footer .add_to_cart_button { display: none; } /* Temporary forcing backorder */ /* .card-style-thumbnail-product .card-footer .add_to_cart_button { display: none !important; } */ .card-style-thumbnail-product .card-footer .add_to_cart_button:hover { color: var(--color-black) !important; background-color: var(--color-grey-medium) !important; } .card-style-thumbnail-product .card-footer .add_to_cart_button::before { display: block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-thin); font-size: 1.2em; content: "\e651"; } .card-style-thumbnail-product .card-footer .added_to_cart.wc-forward, .card-style-thumbnail-product .card-footer .add_to_cart_button.loading svg:first-child, .card-style-thumbnail-product .card-footer .add_to_cart_button > span { display: none; } .card-style-thumbnail-product .price-label { margin-right: 0.5em; font-size: var(--font-size-xs); } .card-style-thumbnail-product del { margin-right: 0.5em; color: var(--color-grey-dark); } .card-style-thumbnail-product ins { text-decoration: none; color: var(--color-secondary); } .card-style-thumbnail-product *[class^="text-truncate"]::before, .card-style-thumbnail-product *[class*=" text-truncate"]::before, .card-style-thumbnail-product *[class^="text-truncate"]::after, .card-style-thumbnail-product *[class*=" text-truncate"]::after { background-color: transparent; } .card-style-thumbnail-product .form-action { 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: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; border-radius: var(--border-radius-sm); } .card-style-thumbnail-product .form-action input { border: none; border-radius: 0; margin: 0; padding: 0 1.5rem; width: 100%; max-width: 10rem; font-size: 1.6rem; text-align: center; } .card-style-thumbnail-product input[type="number"]::-webkit-inner-spin-button, .card-style-thumbnail-product input[type="number"]::-webkit-outer-spin-button, .card-style-thumbnail-product input[type="number"]::-webkit-clear-button { -webkit-appearance: none; } .card-style-thumbnail-product input[type="number"] { -moz-appearance: textfield; /* Firefox */ } .card-style-thumbnail-product .form-action .btn-icon { border-radius: 0; } /* Cards - Styles - Logos - Grid */ .card-deck-format-logo.card-deck-gutter-default .card-deck-col, .card-deck-format-logo.card-deck-gutter-medium .card-deck-col, .card-deck-format-logo.card-deck-gutter-large .card-deck-col { padding: 0; } .card-deck-format-logo .card { padding: 15px; } @media (min-width: 576px) { .card-deck-format-logo.card-deck-gutter-default .card { padding: 7.5px; } .card-deck-format-logo.card-deck-gutter-medium .card { padding: 15px; } .card-deck-format-logo.card-deck-gutter-large .card { padding: 30px; } } .card-style-logo-grid .card-img .svg-wrapper { overflow: visible; font-size: 12vw; } @media (min-width: 576px) { .card-style-logo-grid .card-img .svg-wrapper { font-size: 6rem; } } @media (min-width: 992px) { .card-style-logo-grid .card-img .svg-wrapper { font-size: 8rem; } } /* Larger Card */ @media (min-width: 768px) { .card-style-logo-grid.larger-card .card-img .svg-wrapper { font-size: 8rem; } } @media (min-width: 992px) { .card-style-logo-grid.larger-card .card-img .svg-wrapper { font-size: 10rem; } } @media (min-width: 1200px) { .card-style-logo-grid.larger-card .card-img .svg-wrapper { font-size: 12rem; } } .card-style-logo-grid .card-img .svg-wrapper path { fill: var(--color-grey-darker) !important; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); } .card-style-logo-grid:hover .card-img .svg-wrapper path { fill: var(--color-black) !important; } /** * 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 - Gutter Sizes */ .card-deck-gutter-default { --gutter-size: 7.5px; } @media (min-width: 576px) { .card-deck-gutter-medium { --gutter-size: 15px; } .card-deck-gutter-large { --gutter-size: 30px; } } .card-deck-gutter-default { margin: var(--gutter-size) calc(var(--gutter-size) * -1); } .card-deck-gutter-default .card-deck-col { padding: var(--gutter-size); padding-bottom: 0; } @media (min-width: 576px) { .card-deck-gutter-medium, .card-deck-gutter-large { margin: var(--gutter-size) calc(var(--gutter-size) * -1); } .card-deck-gutter-medium .card-deck-col, .card-deck-gutter-large .card-deck-col { padding: var(--gutter-size); padding-bottom: 0; } } .card-deck-col { margin-bottom: 3.5rem; } @media (min-width: 992px) { .card-deck-col { margin-bottom: 5rem; } } /* Card Decks - Call To Action */ .card-deck-style-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } .card-deck-style-cta .card-deck-col { margin-bottom: 0; } /* Card Decks - Logo */ .card-deck-format-logo { 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: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* Card Decks - Grids */ .card-deck-format-grid .slick-slide { height: unset; float: unset; } /* Card Decks - Sliders */ ul.card-deck-slider { margin-bottom: unset; padding-left: unset; } @media (max-width: 575px) { .card-deck-slider[data-count]:not([data-count="1"]) .card-deck-col { width: 75vw !important; } } .card-deck-slider .card-deck-col { margin-bottom: 0; } .content-area.col-12 .card-deck-slider .slick-list { --side-gap: calc((100vw - 100%) / 2); margin-right: calc(var(--side-gap) * -1); margin-left: calc(var(--side-gap) * -1); padding-right: var(--side-gap); padding-left: var(--side-gap); } .content-area.col-12 .card-deck-slider .slick-slide { -webkit-transition: var(--transition-rapid-ease); -o-transition: var(--transition-rapid-ease); transition: var(--transition-rapid-ease); } /* Card Decks - Product */ ul.card-deck-post-product { padding-left: 0; } ul.card-deck-post-product > li { margin-bottom: var(--space-xxl) !important; } @media (min-width: 992px) { ul.card-deck-post-product > li { margin-bottom: var(--space-xl) !important; } } ul.card-deck-post-product > li:before { display: none; } /* Card Decks - Gallery Product */ @media (min-width: 992px) { .card-deck-gallery-product { margin-top: -7.5px; } } .card-deck-gallery-product .card-deck-col { padding: 7.5px; margin-bottom: 0; } /* Card Decks - Moodboard */ .card-deck-moodboard .card-deck-col { margin-bottom: 0; padding-bottom: var(--gutter-size); } /** * Infinite Marquee * ---------------- */ .marquee { position: relative; overflow: hidden; } .marquee__inner { -webkit-font-smoothing: antialiased; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .marquee__part { -ms-flex-negative: 0; flex-shrink: 0; padding: 0 var(--space-sm); font-smooth: always; height: 100%; } /* Infinite Marquee - Lifestyle Image */ .lifestyle-image-marquee { overflow: visible; padding-top: 56.25%; /* aspect 16-9 */ height: 0; } @media (max-width: 575px) { .lifestyle-image-marquee { margin-left: -1.5rem; margin-right: -1.5rem; padding-top: 66.67%; /* aspect 3-2 */ } } .lifestyle-image-marquee .marquee__inner { position: absolute; top: 0; left: 50%; bottom: 0; width: 100vw; height: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .lifestyle-image-marquee img { border-radius: var(--border-radius); width: auto; height: 100%; } /** * 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; } /* 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-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.5; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: inherit; } .slick-prev:active, .slick-next:active { opacity: 0.25; } .slick-slider-nav { width: unset; padding: 0; margin-left: 1rem; } .slick-slider-nav .slick-slider-nav-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .slick-prev, .slick-next { top: unset; right: unset; bottom: unset; left: unset; width: unset; -webkit-transform: unset; -ms-transform: unset; transform: unset; position: relative; height: 100%; padding: 0.25rem 0.5rem; font-size: 1.5em; } @media (min-width: 992px) { .slick-prev, .slick-next { padding: 0.5rem 0.75rem; } } /* 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%; } /** * Sliders - WooThumbs * ------------------- */ .iconic-woothumbs-all-images-wrap { width: 100% !important; } .iconic-woothumbs-images-wrap { /* Variables */ --image-clip-size: 10rem; margin-bottom: var(--space-default); } @media (min-width: 992px) { .iconic-woothumbs-images-wrap { /* Variables */ --image-clip-size: 22rem; } } .iconic-woothumbs-images { overflow: hidden; border-radius: var(--border-radius-lg); -webkit-clip-path: polygon(0 0, calc(100% - var(--image-clip-size)) 0, 100% var(--image-clip-size), 100% 100%, var(--image-clip-size) 100%, 0 calc(100% - var(--image-clip-size))); clip-path: polygon(0 0, calc(100% - var(--image-clip-size)) 0, 100% var(--image-clip-size), 100% 100%, var(--image-clip-size) 100%, 0 calc(100% - var(--image-clip-size))); background-color: var(--color-white); } .iconic-woothumbs-images.iconic-woothumbs-images--click-anywhere { cursor: pointer; } .iconic-woothumbs-images .slick-track { min-height: 25rem !important; max-height: 50rem !important; } @media (min-width: 992px) { .iconic-woothumbs-images .slick-track { min-height: 50rem !important; max-height: 100rem !important; } } .iconic-woothumbs-images .slick-slide, .iconic-woothumbs-images .slick-slide > div { 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; } .iconic-woothumbs-images .slick-slide * { width: 100%; height: 100%; } .iconic-woothumbs-images .slick-slide img { -o-object-fit: cover; object-fit: cover; } /* Sliders - WooThumbs - Navigation */ .iconic-woothumbs-images .slick-dots { -ms-flex-item-align: end; align-self: flex-end; top: inherit !important; bottom: var(--space-lg) !important; } .iconic-woothumbs-all-images-wrap .iconic-woothumbs-images .slick-dots li button { background-color: var(--color-grey) !important; } .iconic-woothumbs-all-images-wrap .iconic-woothumbs-images .slick-dots .slick-active button { background-color: var(--color-grey-dark) !important; } .iconic-woothumbs-all-images-wrap .iconic-woothumbs-images .slick-dots li, .iconic-woothumbs-all-images-wrap .iconic-woothumbs-images .slick-dots li button, .iconic-woothumbs-all-images-wrap .iconic-woothumbs-images .slick-dots .slick-active, .iconic-woothumbs-all-images-wrap .iconic-woothumbs-images .slick-dots .slick-active button { width: 0.8rem; height: 0.8rem; } /* Sliders - WooThumbs - Download Icon */ .iconic-woothumbs-download { border: none; border-bottom-left-radius: var(--border-radius-lg); position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: var(--space-lg) var(--space-sm); width: var(--image-clip-size); height: var(--image-clip-size); font-family: var(--font-default-thin); font-weight: var(--weight-thin); font-size: calc(var(--image-clip-size) * 0.1); line-height: var(--line-single); -webkit-clip-path: polygon(0 0, var(--image-clip-size) var(--image-clip-size), 0 var(--image-clip-size)); clip-path: polygon(0 0, var(--image-clip-size) var(--image-clip-size), 0 var(--image-clip-size)); } @media (min-width: 992px) { .iconic-woothumbs-download { padding: var(--space-lg); font-size: calc(var(--image-clip-size) * 0.0636363); } } .iconic-woothumbs-download:hover { background-color: var(--color-grey-light); } .iconic-woothumbs-download:active { background-color: var(--color-grey); } .iconic-woothumbs-download i { margin-right: 1rem; font-size: 1.2em; } /* Sliders - WooThumbs - Zoom Icon */ .iconic-woothumbs-fullscreen { 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-align: center; -ms-flex-align: center; align-items: center; right: 0.75rem; bottom: 0.75rem; border-radius: var(--border-radius); padding: 0.5rem 0.75rem; font-size: 1rem; color: var(--color-black); } @media (min-width: 992px) { .iconic-woothumbs-fullscreen { right: 1.5rem; bottom: 1.5rem; padding: 1rem 1.5rem; font-size: 1.4rem; } } .iconic-woothumbs-fullscreen:hover { color: var(--color-white); background-color: var(--color-black); } .iconic-woothumbs-fullscreen svg.svg-inline--fa { height: 1.3em; width: 1.3em; } .iconic-woothumbs-fullscreen svg.svg-inline--fa path:last-child { fill: currentColor !important; } .iconic-woothumbs-fullscreen svg:last-child { display: none; } .iconic-woothumbs-fullscreen::before { display: block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-light); content: "\f002"; } .iconic-woothumbs-fullscreen::after { display: block; content: "Click to zoom"; margin-left: 1rem; font-family: var(--font-default-thin); font-weight: var(--weight-thin); } /* Sliders - WooThumbs - Thumbnails */ .iconic-woothumbs-all-images-wrap, .iconic-woothumbs-thumbnails, .iconic-woothumbs-thumbnails__slide, .iconic-woothumbs-thumbnails__image-wrapper { overflow: visible !important; } .iconic-woothumbs-thumbnails-wrap.iconic-woothumbs-thumbnails-wrap--sliding { /* Variables */ --iconic-woothumbs-thumbnails-gutter: 0.5rem; padding: var(--iconic-woothumbs-thumbnails-gutter); } @media (min-width: 992px) { .iconic-woothumbs-thumbnails-wrap.iconic-woothumbs-thumbnails-wrap--sliding { --iconic-woothumbs-thumbnails-gutter: 0.75rem; } } .iconic-woothumbs-all-images-wrap .slick-list { overflow: visible !important; } .iconic-woothumbs-all-images-wrap--thumbnails-above .iconic-woothumbs-thumbnails-wrap.iconic-woothumbs-thumbnails-wrap--stacked, .iconic-woothumbs-all-images-wrap--thumbnails-below .iconic-woothumbs-thumbnails-wrap.iconic-woothumbs-thumbnails-wrap--stacked { margin-left: calc(var(--iconic-woothumbs-thumbnails-gutter) * -1); margin-right: calc(var(--iconic-woothumbs-thumbnails-gutter) * -1); } .iconic-woothumbs-all-images-wrap--thumbnails-below .iconic-woothumbs-thumbnails-wrap.iconic-woothumbs-thumbnails-wrap--stacked .iconic-woothumbs-thumbnails__slide { padding: var(--iconic-woothumbs-thumbnails-gutter); } .iconic-woothumbs-thumbnails__image-wrapper img, .iconic-woothumbs-thumbnails .iconic-woothumbs-thumbnails__image-wrapper:after { border-radius: var(--border-radius); } .iconic-woothumbs-thumbnails__image-wrapper img { background-color: var(--color-white); } .iconic-woothumbs-thumbnails__slide--active .iconic-woothumbs-thumbnails__image-wrapper::before { display: none; } .iconic-woothumbs-thumbnails .iconic-woothumbs-thumbnails__image-wrapper:after { top: calc(var(--iconic-woothumbs-thumbnails-gutter) * -1); right: calc(var(--iconic-woothumbs-thumbnails-gutter) * -1); bottom: calc(var(--iconic-woothumbs-thumbnails-gutter) * -1); left: calc(var(--iconic-woothumbs-thumbnails-gutter) * -1); border-color: var(--color-black); } /* Sliders - WooThumbs - Viewer */ .pswp__img { margin-bottom: 0; background-color: var(--color-white); } /** * 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 { top: var(--wp-admin-bar-height); z-index: 1260; /* See z-index order list at top of file */ } /* Modals - Dialogs */ .modal-dialog { display: -webkit-box; display: -ms-flexbox; display: flex; 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; } .modal .close { padding-left: 1em; padding-right: 1em; font-size: 1.4rem; opacity: 1; } @media (min-width: 992px) { .modal .close { font-size: 2rem; } } .modal .close:hover { opacity: 0.5; } .modal .close:active { opacity: 0.25 !important; } .modal .modal-content { border: none; border-radius: 0; overflow-y: scroll; padding: var(--modal-pad); height: calc(var(--viewport-height, 100vh) - var(--wp-admin-bar-height)); width: var(--drawer-width); min-width: var(--drawer-min-width); max-width: var(--drawer-max-width); -webkit-transition: inherit; -o-transition: inherit; transition: inherit; background-color: var(--color-white); } .modal .modal-footer { -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; } .modal .modal-footer > * { margin: 0; } .modal .modal-footer > *:not(:last-child) { margin-bottom: 1rem; } @media (min-width: 992px) { .modal .modal-footer > *:not(:last-child) { margin-bottom: 2rem; } } .modal-backdrop { background-color: rgba(221, 221, 219, 0.5); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } .modal-backdrop.show { opacity: 1; } .modal .action-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } /* Modals - Positions */ .modal.align-right .modal-dialog { padding: 0; margin: 0; max-width: none; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); } .modal.align-right .modal-content { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } @media (min-width: 992px) { .modal.align-right .modal-content { width: 50%; max-width: none; } } .modal.align-right.show .modal-content { -webkit-transform: none; -ms-transform: none; transform: none; } /* Modals - Simple */ .modal.modal-simple .modal-content { padding: 0; width: 100%; max-width: unset; background-color: var(--color-grey-lighter); } @media (min-width: 992px) { .modal.modal-simple .modal-content { width: var(--drawer-width); max-width: 80rem; } } .modal.modal-simple .modal-header, .modal.modal-simple .modal-body, .modal.modal-simple .modal-footer { --modal-pad: 2rem 1.5rem; border-color: var(--color-grey-medium); padding: var(--modal-pad); background-color: var(--color-grey-lighter); } @media (min-width: 992px) { .modal.modal-simple .modal-header, .modal.modal-simple .modal-body, .modal.modal-simple .modal-footer { --modal-pad: 3.5rem; } } .modal.modal-simple .modal-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } /* Modals - Modern */ .modal.modal-modern .modal-content { height: unset; max-height: 80%; } .modal.modal-modern .modal-dialog { height: calc(var(--viewport-height, 100vh) - var(--wp-admin-bar-height)); } @media (max-width: 575px) { .modal.modal-modern .modal-dialog, .modal.modal-modern .modal-content { width: 100vw; max-width: unset; } .modal.modal-modern .modal-dialog { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 0; padding: 0; } .modal.modal-modern .modal-content { border-top-left-radius: var(--border-radius-lg); border-top-right-radius: var(--border-radius-lg); padding-top: 2.5rem; padding-bottom: 2.5rem; min-height: 30rem; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .modal.modal-modern.show .modal-content { -webkit-transform: none; -ms-transform: none; transform: none; } } @media (min-width: 576px) { .modal.modal-modern .modal-dialog { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 992px) { .modal.modal-modern .modal-content { padding: 3rem; } } /* Modals - Fancy */ .modal.modal-fancy, body.modal-fancy-open .modal-backdrop { top: calc(var(--navbar-height) + var(--wp-admin-bar-height)); } .modal.modal-fancy .modal-content { overflow: visible; position: relative; height: calc(var(--viewport-height, 100vh) - var(--navbar-height) - var(--wp-admin-bar-height)); width: 100%; max-width: unset; margin-right: auto; margin-left: auto; padding: 0; -webkit-clip-path: polygon(0 0, var(--modal-fancy-width) 0, var(--modal-fancy-width) 100%, 0 100%); clip-path: polygon(0 0, var(--modal-fancy-width) 0, var(--modal-fancy-width) 100%, 0 100%); } @media (min-width: 576px) { .modal.modal-fancy .modal-content { max-width: 540px; } } @media (min-width: 768px) { .modal.modal-fancy .modal-content { max-width: 720px; } } @media (min-width: 992px) { .modal.modal-fancy .modal-content { max-width: 960px; } } @media (min-width: 1200px) { .modal.modal-fancy .modal-content { max-width: 1140px; } } @media (min-width: 1500px) { .modal.modal-fancy .modal-content { max-width: 1410px; } } .modal.modal-fancy.show .modal-content { -webkit-transform: translateX(calc(100vw - var(--modal-fancy-width))); -ms-transform: translateX(calc(100vw - var(--modal-fancy-width))); transform: translateX(calc(100vw - var(--modal-fancy-width))); } @media (min-width: 576px) { .modal.modal-fancy.show .modal-content { -webkit-transform: translateX(calc(100vw - (var(--modal-fancy-width) + ((100vw - 100%) / 2)))); -ms-transform: translateX(calc(100vw - (var(--modal-fancy-width) + ((100vw - 100%) / 2)))); transform: translateX(calc(100vw - (var(--modal-fancy-width) + ((100vw - 100%) / 2)))); } } body.modal-fancy-open:not(.modal-closing) .page-content, body.modal-fancy-open:not(.modal-closing) footer > * { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } body.modal-fancy-open .header-main::before, body.home.window-scroll.modal-fancy-open .header-main::before { background-color: var(--color-white) !important; } .modal.modal-fancy .modal-content-inner { overflow-y: scroll; padding: var(--modal-pad); width: var(--modal-fancy-width); } @media (min-width: 992px) { .modal.modal-fancy .modal-content-inner { width: calc(var(--modal-fancy-width) - ((100vw - 100%) / 2)); padding-right: 15px; } } body.modal-fancy-open .modal-backdrop { z-index: 1150; } /* Modals - Fancy - Full Screen */ @media (min-width: 576px) { .modal-fancy.modal-full-screen .modal-content { -webkit-clip-path: none; clip-path: none; } .modal-fancy.modal-full-screen .modal-content::after { display: block; content: ""; position: absolute; top: 0; left: 0; right: calc((100vw - 100% / 2) * -1); bottom: 0; background-color: var(--color-white); z-index: -1; } .modal-fancy.modal-full-screen .modal-content-inner { width: calc(100% + ((100vw - 100%) / 2)); } .modal-fancy.modal-full-screen.show .modal-content { -webkit-transform: none; -ms-transform: none; transform: none; } } @media (min-width: 992px) { .modal-fancy.modal-full-screen .modal-content-inner { width: 100%; } } /** * Cart Modals * ----------- */ /* Cart Modals - Mini Cart */ .woocommerce-mini-cart { position: relative; } .mini_cart_item { margin-bottom: 0 !important; } .mini_cart_item:first-child { border-top: none; } .mini_cart_item:last-child { border-bottom: none; } .mini_cart_item td { padding: 2rem 0; } @media (min-width: 992px) { .mini_cart_item td { padding: 3.5rem 0; } } .woocommerce-mini-cart.loading::after { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: wait; opacity: 0.5; background-color: var(--color-grey-lighter); } .modal.modal-cart .modal-content .widget_shopping_cart_content { display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; height: inherit; } .modal.modal-cart .woocommerce-mini-cart__empty { border-color: var(--color-grey-medium); padding: 2rem 1.5rem; background-color: var(--color-grey-lighter); } @media (min-width: 992px) { .modal.modal-cart .woocommerce-mini-cart__empty { padding: 3.5rem; } } .modal.modal-cart .modal-header { position: sticky; top: 0; z-index: 2; } .modal.modal-cart .modal-body { padding-top: 0; padding-bottom: 0; } .modal.modal-cart .modal-footer { position: sticky; bottom: 0; } .modal.modal-cart .modal-footer > * { width: 100%; } .modal.modal-cart .woocommerce-mini-cart__total { 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: justify; -ms-flex-pack: justify; justify-content: space-between; } .modal.modal-cart .woocommerce-mini-cart__total p { margin-bottom: 0; } .modal.modal-cart .woocommerce-mini-cart__total .price { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 1rem; font-size: var(--font-size-sm); text-align: right; } @media (min-width: 992px) { .modal.modal-cart .woocommerce-mini-cart__total .price { font-size: var(--font-size-md); } } .modal.modal-cart .woocommerce-mini-cart__buttons { /* Variables */ --button-gap: var(--space-sm); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: calc(var(--button-gap) * -1); margin-bottom: var(--button-gap); width: calc(100% + (var(--button-gap) * 2)); } .modal.modal-cart .woocommerce-mini-cart__buttons .button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: var(--button-gap); font-family: var(--font-default); font-weight: var(--weight-light); } /* Cart Modals - Mini Cart - Empty */ .woocommerce-mini-cart__empty { 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%; width: 100%; max-width: 40rem; margin-right: auto; margin-left: auto; font-size: var(--font-size-xs); text-align: center; } @media (min-width: 992px) { .woocommerce-mini-cart__empty { max-width: 50rem; font-size: var(--font-size-sm); } } .woocommerce-mini-cart__empty i { font-size: 10rem; margin-bottom: 2rem; } @media (min-width: 992px) { .woocommerce-mini-cart__empty i { font-size: 15rem; } } .woocommerce-mini-cart__empty-message { font-family: var(--font-default); font-weight: var(--weight-default); font-size: var(--font-size-md); margin-bottom: 0.5rem; } @media (min-width: 992px) { .woocommerce-mini-cart__empty-message { font-size: 2.8rem; } } .woocommerce-checkout-review-order .cart-item:last-child { border-bottom: none; } /** * Header Offsets * -------------- */ /* Header Offsets - Page Content Headers & Sections */ .page-content-header .section, .page-content-header .section.lacks-pad-top, .page-content:first-of-type .section:first-of-type, .page-content:first-of-type .section.lacks-pad-top:first-of-type, .woocommerce-page.single-product .section:first-of-type, .woocommerce-page.single-product .section.lacks-pad-top:first-of-type { padding-top: var(--navbar-height); } .page-content-header .section.has-pad-top-sm, .page-content:first-of-type .section.has-pad-top-sm:first-of-type, .woocommerce-page.single-product .section.has-pad-top-sm:first-of-type { padding-top: calc(var(--pad-y-sm) + var(--navbar-height)); } .page-content-header .section.has-pad-top, .page-content:first-of-type .section.has-pad-top:first-of-type, .woocommerce-page.single-product .section.has-pad-top:first-of-type { padding-top: calc(var(--pad-y) + var(--navbar-height)); } .page-content-header .section.has-pad-top-lg, .page-content:first-of-type .section.has-pad-top-lg:first-of-type, .woocommerce-page.single-product .section.has-pad-top-lg:first-of-type { padding-top: calc(var(--pad-y-lg) + var(--navbar-height)); } .page-content-header .section.has-pad-top-xl, .page-content:first-of-type .section.has-pad-top-xl:first-of-type, .woocommerce-page.single-product .section.has-pad-top-xl:first-of-type { padding-top: calc(var(--pad-y-xl) + var(--navbar-height)); } /** * Sections * -------- */ .section > .container-none { padding-right: 15px; padding-left: 15px; } /* Sections - Margin */ .section.has-margin-bottom:not(:last-child) { margin-bottom: var(--margin-y); } .section.has-margin-bottom + .section.offset-margin-top { margin-top: calc(var(--margin-y) * -1); } /* Sections - Padding */ .section.has-pad-top-sm { padding-top: var(--pad-y-sm); } .section.has-pad-top { padding-top: var(--pad-y); } .section.has-pad-top-lg { padding-top: var(--pad-y-lg); } .section.has-pad-top-xl { padding-top: var(--pad-y-xl); } .section.has-pad-bottom-sm { padding-bottom: var(--pad-y-sm); } .section.has-pad-bottom { padding-bottom: var(--pad-y); } .section.has-pad-bottom-lg { padding-bottom: var(--pad-y-lg); } .section.has-pad-bottom-xl { padding-bottom: var(--pad-y-xl); } /* 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 - Background Media */ .section.has-bg-media { position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; height: 70vh; min-height: 60rem; max-height: 109rem; } .section.has-bg-media .bg-media { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; } .section.has-bg-media .video-wrapper { position: relative; width: 100%; height: 100%; } .section.has-bg-media .video-wrapper video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; } /* Sections - Fancy Content */ .section.has-fancy-content { height: unset; min-height: 70vh; max-height: unset; } /** * Content Areas * ------------- */ .content-area { display: -webkit-box; display: -ms-flexbox; display: flex; } .content-area-row { width: calc(100% + 30px); height: 100%; } /* Content Areas - Background Color */ .content-area[class^="bg-"], .content-area[class*=" bg-"] { position: relative; } .content-area[class^="bg-"]::after, .content-area[class*=" bg-"]::after { display: -webkit-box; display: -ms-flexbox; display: flex; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; width: 100vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; } @media (min-width: 992px) { .content-area[class^="bg-"]:not(.col-12):not(.col-lg-12)::after, .content-area[class*=" bg-"]:not(.col-12):not(.col-lg-12)::after { left: 0; -webkit-transform: unset; -ms-transform: unset; transform: unset; } .content-area[class^="bg-"]:not(.col-12):not(.col-lg-12):nth-child(odd)::after, .content-area[class*=" bg-"]:not(.col-12):not(.col-lg-12):nth-child(odd)::after { left: unset; } .content-area[class^="bg-"]:not(.col-12):not(.col-lg-12):nth-child(even)::after, .content-area[class*=" bg-"]:not(.col-12):not(.col-lg-12):nth-child(even)::after { right: unset; } .content-area[class^="bg-"].col-lg-1::after, .content-area[class*=" bg-"].col-lg-1::after { width: calc(((100vw - 1200%) / 2) + 100%); } .content-area[class^="bg-"].col-lg-2::after, .content-area[class*=" bg-"].col-lg-2::after { width: calc(((100vw - 600%) / 2) + 100%); } .content-area[class^="bg-"].col-lg-3::after, .content-area[class*=" bg-"].col-lg-3::after { width: calc(((100vw - 400%) / 2) + 100%); } .content-area[class^="bg-"].col-lg-4::after, .content-area[class*=" bg-"].col-lg-4::after { width: calc(((100vw - 300%) / 2) + 100%); } .content-area[class^="bg-"].col-lg-5::after, .content-area[class*=" bg-"].col-lg-5::after { width: calc(((100vw - 240%) / 2) + 100%); } .content-area[class^="bg-"].col-lg-6::after, .content-area[class*=" bg-"].col-lg-6::after { width: calc(((100vw - 200%) / 2) + 100%); } .content-area[class^="bg-"].col-lg-7::after, .content-area[class*=" bg-"].col-lg-7::after { width: calc(((100vw - 171.4286%) / 2) + 100%); } .content-area[class^="bg-"].col-lg-8::after, .content-area[class*=" bg-"].col-lg-8::after { width: calc(((100vw - 150%) / 2) + 100%); } .content-area[class^="bg-"].col-lg-9::after, .content-area[class*=" bg-"].col-lg-9::after { width: calc(((100vw - 133.3333%) / 2) + 100%); } .content-area[class^="bg-"].col-lg-10::after, .content-area[class*=" bg-"].col-lg-10::after { width: calc(((100vw - 120%) / 2) + 100%); } .content-area[class^="bg-"].col-lg-11::after, .content-area[class*=" bg-"].col-lg-11::after { width: calc(((100vw - 109.0909%) / 2) + 100%); } } /* Content Areas - Slant Effect */ .content-area.slant-effect:not(.content-area-last):not(.order-last) { margin-bottom: 0; } @media (min-width: 992px) { .content-area.slant-effect:not(.col-12):not(.col-lg-12):nth-child(odd)::after { -webkit-clip-path: polygon( 4.311px 0px, calc(100% - 4.312px) 0px, calc(100% - 4.312px) 0px, calc(100% - 3.612438px) 0.068465px, calc(100% - 2.948864px) 0.26668px, calc(100% - 2.330146px) 0.583875px, calc(100% - 1.765152px) 1.00928px, calc(100% - 1.26275px) 1.532125px, calc(100% - 0.831808px) 2.14164px, calc(100% - 0.481194px) 2.827055px, calc(100% - 0.219776px) 3.5776px, calc(100% - 0.056422px) 4.382505px, calc(100% - 0px) 5.231px, calc(100% - 101.317px) calc(100% - 5.23px), calc(100% - 101.317px) calc(100% - 5.23px), calc(100% - 101.373421px) calc(100% - 4.381505px), calc(100% - 101.536768px) calc(100% - 3.5766px), calc(100% - 101.798167px) calc(100% - 2.826055px), calc(100% - 102.148744px) calc(100% - 2.14064px), calc(100% - 102.579625px) calc(100% - 1.531125px), calc(100% - 103.081936px) calc(100% - 1.00828px), calc(100% - 103.646803px) calc(100% - 0.582875px), calc(100% - 104.265352px) calc(100% - 0.26568px), calc(100% - 104.928709px) calc(100% - 0.067465px), calc(100% - 105.628px) calc(100% - -0.001px), 4.311px calc(100% - -0.001px), 4.311px calc(100% - -0.001px), 3.611709px calc(100% - 0.067735px), 2.948352px calc(100% - 0.26616px), 2.329803px calc(100% - 0.583505px), 1.764936px calc(100% - 1.009px), 1.262625px calc(100% - 1.531875px), 0.831744px calc(100% - 2.14136px), 0.481167px calc(100% - 2.826685px), 0.219768px calc(100% - 3.57708px), 0.056421px calc(100% - 4.381775px), 0px calc(100% - 5.23px), 0px 5.231px, 0.056421px 4.382505px, 0.219768px 3.5776px, 0.481167px 2.827055px, 0.831744px 2.14164px, 1.262625px 1.532125px, 1.764936px 1.00928px, 2.329803px 0.583875px, 2.948352px 0.26668px, 3.611709px 0.068465px, 4.311px 0px ); clip-path: polygon( 4.311px 0px, calc(100% - 4.312px) 0px, calc(100% - 4.312px) 0px, calc(100% - 3.612438px) 0.068465px, calc(100% - 2.948864px) 0.26668px, calc(100% - 2.330146px) 0.583875px, calc(100% - 1.765152px) 1.00928px, calc(100% - 1.26275px) 1.532125px, calc(100% - 0.831808px) 2.14164px, calc(100% - 0.481194px) 2.827055px, calc(100% - 0.219776px) 3.5776px, calc(100% - 0.056422px) 4.382505px, calc(100% - 0px) 5.231px, calc(100% - 101.317px) calc(100% - 5.23px), calc(100% - 101.317px) calc(100% - 5.23px), calc(100% - 101.373421px) calc(100% - 4.381505px), calc(100% - 101.536768px) calc(100% - 3.5766px), calc(100% - 101.798167px) calc(100% - 2.826055px), calc(100% - 102.148744px) calc(100% - 2.14064px), calc(100% - 102.579625px) calc(100% - 1.531125px), calc(100% - 103.081936px) calc(100% - 1.00828px), calc(100% - 103.646803px) calc(100% - 0.582875px), calc(100% - 104.265352px) calc(100% - 0.26568px), calc(100% - 104.928709px) calc(100% - 0.067465px), calc(100% - 105.628px) calc(100% - -0.001px), 4.311px calc(100% - -0.001px), 4.311px calc(100% - -0.001px), 3.611709px calc(100% - 0.067735px), 2.948352px calc(100% - 0.26616px), 2.329803px calc(100% - 0.583505px), 1.764936px calc(100% - 1.009px), 1.262625px calc(100% - 1.531875px), 0.831744px calc(100% - 2.14136px), 0.481167px calc(100% - 2.826685px), 0.219768px calc(100% - 3.57708px), 0.056421px calc(100% - 4.381775px), 0px calc(100% - 5.23px), 0px 5.231px, 0.056421px 4.382505px, 0.219768px 3.5776px, 0.481167px 2.827055px, 0.831744px 2.14164px, 1.262625px 1.532125px, 1.764936px 1.00928px, 2.329803px 0.583875px, 2.948352px 0.26668px, 3.611709px 0.068465px, 4.311px 0px ); -webkit-transform: translateX(calc(var(--slope-area) - var(--slope-gap))); -ms-transform: translateX(calc(var(--slope-area) - var(--slope-gap))); transform: translateX(calc(var(--slope-area) - var(--slope-gap))); } .content-area.slant-effect:not(.col-12):not(.col-lg-12):nth-child(even)::after { -webkit-clip-path: polygon( calc(100% - 4.312px) calc(100% - 0px), 4.311px calc(100% - 0px), 4.311px calc(100% - 0px), 3.611709px calc(100% - 0.068464px), 2.948352px calc(100% - 0.266672px), 2.329803px calc(100% - 0.583848px), 1.764936px calc(100% - 1.009216px), 1.262625px calc(100% - 1.532px), 0.831744px calc(100% - 2.141424px), 0.481167px calc(100% - 2.826712px), 0.219768px calc(100% - 3.577088px), 0.056421px calc(100% - 4.381776px), 0px calc(100% - 5.23px), 101.317px 5.231px, 101.317px 5.231px, 101.373421px 4.382505px, 101.536768px 3.5776px, 101.798167px 2.827055px, 102.148744px 2.14164px, 102.579625px 1.532125px, 103.081936px 1.00928px, 103.646803px 0.583875px, 104.265352px 0.26668px, 104.928709px 0.068465px, 105.628px -5.3290705182008e-15px, calc(100% - 4.312px) -5.3290705182008e-15px, calc(100% - 4.312px) -5.3290705182008e-15px, calc(100% - 3.612438px) 0.068465px, calc(100% - 2.948864px) 0.26668px, calc(100% - 2.330146px) 0.583875px, calc(100% - 1.765152px) 1.00928px, calc(100% - 1.26275px) 1.532125px, calc(100% - 0.831808px) 2.14164px, calc(100% - 0.481194px) 2.827055px, calc(100% - 0.219776px) 3.5776px, calc(100% - 0.056422px) 4.382505px, calc(100% - 1.1368683772162e-13px) 5.231px, calc(100% - 0px) calc(100% - 5.23px), calc(100% - 0px) calc(100% - 5.23px), calc(100% - 0.056422px) calc(100% - 4.381776px), calc(100% - 0.219776px) calc(100% - 3.577088px), calc(100% - 0.481194px) calc(100% - 2.826712px), calc(100% - 0.831808px) calc(100% - 2.141424px), calc(100% - 1.26275px) calc(100% - 1.532px), calc(100% - 1.765152px) calc(100% - 1.009216px), calc(100% - 2.330146px) calc(100% - 0.583848px), calc(100% - 2.948864px) calc(100% - 0.266672px), calc(100% - 3.612438px) calc(100% - 0.068464px), calc(100% - 4.312px) calc(100% - 5.6843418860808e-14px) ); clip-path: polygon( calc(100% - 4.312px) calc(100% - 0px), 4.311px calc(100% - 0px), 4.311px calc(100% - 0px), 3.611709px calc(100% - 0.068464px), 2.948352px calc(100% - 0.266672px), 2.329803px calc(100% - 0.583848px), 1.764936px calc(100% - 1.009216px), 1.262625px calc(100% - 1.532px), 0.831744px calc(100% - 2.141424px), 0.481167px calc(100% - 2.826712px), 0.219768px calc(100% - 3.577088px), 0.056421px calc(100% - 4.381776px), 0px calc(100% - 5.23px), 101.317px 5.231px, 101.317px 5.231px, 101.373421px 4.382505px, 101.536768px 3.5776px, 101.798167px 2.827055px, 102.148744px 2.14164px, 102.579625px 1.532125px, 103.081936px 1.00928px, 103.646803px 0.583875px, 104.265352px 0.26668px, 104.928709px 0.068465px, 105.628px -5.3290705182008e-15px, calc(100% - 4.312px) -5.3290705182008e-15px, calc(100% - 4.312px) -5.3290705182008e-15px, calc(100% - 3.612438px) 0.068465px, calc(100% - 2.948864px) 0.26668px, calc(100% - 2.330146px) 0.583875px, calc(100% - 1.765152px) 1.00928px, calc(100% - 1.26275px) 1.532125px, calc(100% - 0.831808px) 2.14164px, calc(100% - 0.481194px) 2.827055px, calc(100% - 0.219776px) 3.5776px, calc(100% - 0.056422px) 4.382505px, calc(100% - 1.1368683772162e-13px) 5.231px, calc(100% - 0px) calc(100% - 5.23px), calc(100% - 0px) calc(100% - 5.23px), calc(100% - 0.056422px) calc(100% - 4.381776px), calc(100% - 0.219776px) calc(100% - 3.577088px), calc(100% - 0.481194px) calc(100% - 2.826712px), calc(100% - 0.831808px) calc(100% - 2.141424px), calc(100% - 1.26275px) calc(100% - 1.532px), calc(100% - 1.765152px) calc(100% - 1.009216px), calc(100% - 2.330146px) calc(100% - 0.583848px), calc(100% - 2.948864px) calc(100% - 0.266672px), calc(100% - 3.612438px) calc(100% - 0.068464px), calc(100% - 4.312px) calc(100% - 5.6843418860808e-14px) ); -webkit-transform: translateX(calc((var(--slope-area) - var(--slope-gap)) * -1)); -ms-transform: translateX(calc((var(--slope-area) - var(--slope-gap)) * -1)); transform: translateX(calc((var(--slope-area) - var(--slope-gap)) * -1)); } .content-area.slant-effect.col-lg-1::after { width: calc(((100vw - 1200%) / 2) + 100% + (var(--slope-area) - var(--slope-gap))); } .content-area.slant-effect.col-lg-2::after { width: calc(((100vw - 600%) / 2) + 100% + (var(--slope-area) - var(--slope-gap))); } .content-area.slant-effect.col-lg-3::after { width: calc(((100vw - 400%) / 2) + 100% + (var(--slope-area) - var(--slope-gap))); } .content-area.slant-effect.col-lg-4::after { width: calc(((100vw - 300%) / 2) + 100% + (var(--slope-area) - var(--slope-gap))); } .content-area.slant-effect.col-lg-5::after { width: calc(((100vw - 240%) / 2) + 100% + (var(--slope-area) - var(--slope-gap))); } .content-area.slant-effect.col-lg-6::after { width: calc(((100vw - 200%) / 2) + 100% + (var(--slope-area) - var(--slope-gap))); } .content-area.slant-effect.col-lg-7::after { width: calc(((100vw - 171.4286%) / 2) + 100% + (var(--slope-area) - var(--slope-gap))); } .content-area.slant-effect.col-lg-8::after { width: calc(((100vw - 150%) / 2) + 100% + (var(--slope-area) - var(--slope-gap))); } .content-area.slant-effect.col-lg-9::after { width: calc(((100vw - 133.3333%) / 2) + 100% + (var(--slope-area) - var(--slope-gap))); } .content-area.slant-effect.col-lg-10::after { width: calc(((100vw - 120%) / 2) + 100% + (var(--slope-area) - var(--slope-gap))); } .content-area.slant-effect.col-lg-11::after { width: calc(((100vw - 109.0909%) / 2) + 100% + (var(--slope-area) - var(--slope-gap))); } } /* Content Areas - Glass Effect */ @media (max-width: 991px) { .content-area.glass-effect:not(.content-area-first) { margin-top: 3.825rem; } .content-area.glass-effect:not(.content-area-last) { margin-bottom: 3.825rem; } } .content-area.glass-effect .content-area-row { /* Variables */ --glass-effect-pad: 3.825rem calc(3.825rem - 15px); position: relative; width: 100%; margin-right: 0; margin-left: 0; padding: var(--glass-effect-pad); } @media (min-width: 992px) { .content-area.glass-effect .content-area-row { --glass-effect-pad: 3.825rem calc(9rem - 15px); } .content-area.glass-effect.has-extra-space .content-area-row { --glass-effect-pad: 7.5rem calc(9rem - 15px); } } .content-area.glass-effect .content-area-row::before { display: -webkit-box; display: -ms-flexbox; display: flex; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--border-radius); background-color: rgba(255, 255, 255, 0.15); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); -webkit-filter: brightness(115%); filter: brightness(115%); z-index: 0; } .content-area.glass-effect.shadow-default { -webkit-box-shadow: none; box-shadow: none; } .content-area.glass-effect.shadow-default .content-area-row::before { -webkit-box-shadow: var(--shadow-default); box-shadow: var(--shadow-default); } /* Content Areas - Glass Effect - Overflow Header */ .content-area.glass-effect.has-header-overflow { margin-top: 4rem; } @media (min-width: 992px) { .content-area.glass-effect.has-header-overflow { margin-bottom: 4rem; } } .content-area.glass-effect.has-header-overflow .content-area-row { padding-top: 5rem; } @media (min-width: 992px) { .content-area.glass-effect.has-header-overflow .content-area-row { padding-top: 9rem; } } .content-area.glass-effect .header-overflow { z-index: 1; position: absolute; left: var(--glass-effect-pad); bottom: calc(100% - (2.8rem * var(--line-sm))); } @media (min-width: 992px) { .content-area.glass-effect .header-overflow { bottom: calc(100% - (4.4rem * var(--line-sm))); } } .content-area.glass-effect .header-overflow br { display: block; } .content-area.glass-effect .header-overflow .page-subtitle { margin-top: 0; margin-bottom: 0; } /* Content Areas - Images - Backgrounds */ .content-area.has-bg-img { position: relative; min-height: 25rem; } @media (min-width: 992px) { .content-area.has-bg-img { min-height: 35rem; max-height: 120rem; } } .content-area.has-bg-img .content-area-bg-img { position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (min-width: 992px) { .content-area.has-bg-img:not(.col-12) .content-area-bg-img { overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: unset; -ms-transform: unset; transform: unset; } .content-area.has-bg-img:not(.col-12):nth-child(odd) .content-area-bg-img { right: unset; } .content-area.has-bg-img:not(.col-12):nth-child(even) .content-area-bg-img { left: unset; } .content-area.has-bg-img.col-lg-1 .content-area-bg-img { width: calc(((100vw - 1200%) / 2) + 100%); } .content-area.has-bg-img.col-lg-2 .content-area-bg-img { width: calc(((100vw - 600%) / 2) + 100%); } .content-area.has-bg-img.col-lg-3 .content-area-bg-img { width: calc(((100vw - 400%) / 2) + 100%); } .content-area.has-bg-img.col-lg-4 .content-area-bg-img { width: calc(((100vw - 300%) / 2) + 100%); } .content-area.has-bg-img.col-lg-5 .content-area-bg-img { width: calc(((100vw - 240%) / 2) + 100%); } .content-area.has-bg-img.col-lg-6 .content-area-bg-img { width: calc(((100vw - 200%) / 2) + 100%); } .content-area.has-bg-img.col-lg-7 .content-area-bg-img { width: calc(((100vw - 171.4286%) / 2) + 100%); } .content-area.has-bg-img.col-lg-8 .content-area-bg-img { width: calc(((100vw - 150%) / 2) + 100%); } .content-area.has-bg-img.col-lg-9 .content-area-bg-img { width: calc(((100vw - 133.3333%) / 2) + 100%); } .content-area.has-bg-img.col-lg-10 .content-area-bg-img { width: calc(((100vw - 120%) / 2) + 100%); } .content-area.has-bg-img.col-lg-11 .content-area-bg-img { width: calc(((100vw - 109.0909%) / 2) + 100%); } } /* Content Areas - Padding */ .content-area.has-pad-top-sm { padding-top: var(--pad-y-sm); } .content-area.has-pad-top { padding-top: var(--pad-y); } .content-area.has-pad-top-lg { padding-top: var(--pad-y-lg); } .content-area.has-pad-top-xl { padding-top: var(--pad-y-xl); } .content-area.has-pad-bottom-sm { padding-bottom: var(--pad-y-sm); } .content-area.has-pad-bottom { padding-bottom: var(--pad-y); } .content-area.has-pad-bottom-lg { padding-bottom: var(--pad-y-lg); } .content-area.has-pad-bottom-xl { padding-bottom: var(--pad-y-xl); } @media (min-width: 992px) { .content-area.has-pad-left-sm { padding-left: var(--pad-x-sm); } .content-area.has-pad-left { padding-left: var(--pad-x); } .content-area.has-pad-left-lg { padding-left: var(--pad-x-lg); } .content-area.has-pad-left-xl { padding-left: var(--pad-x-xl); } .content-area.has-pad-right-sm { padding-right: var(--pad-x-sm); } .content-area.has-pad-right { padding-right: var(--pad-x); } .content-area.has-pad-right-lg { padding-right: var(--pad-x-lg); } .content-area.has-pad-right-xl { padding-right: var(--pad-x-xl); } } /** * Content Items * ------------- */ .content-item.has-pad-bottom { padding-bottom: var(--pad-y); } /** * Content Items - Text * -------------------- */ .content-item-text img { width: 100%; } .content-item-text .display-logo, .content-item-text .display-logo-lg { display: -webkit-box; display: -ms-flexbox; display: flex; } .content-item-text .display-logo img { width: auto; max-width: 15rem; max-height: 2.5rem; } @media (min-width: 992px) { .content-item-text .display-logo img { max-width: 21rem; max-height: 3.5rem; } } .content-item-text .display-logo-lg img { width: auto; max-width: 20rem; max-height: 3rem; } @media (min-width: 992px) { .content-item-text .display-logo-lg img { max-width: 40rem; max-height: 6rem; } } .content-item-text a:hover { text-decoration: underline; text-underline-offset: 0.2rem; text-decoration-thickness: 0.1rem; } /** * Content Items - Videos * ---------------------- */ /* Content Items - Videos - Featured Badge */ .content-item-videos .badge-featured-wrapper.top-left { margin-top: -0.5px; } .content-item-videos .badge-featured-wrapper.bottom-right { margin-bottom: -0.5px; } /* Content Items - Videos - Cinematic Aspect Ratio */ .content-item-videos .aspect-ratio-cinematic .slide-video-wrapper { max-height: 70rem; } .content-item-videos .aspect-ratio-cinematic .slide-video-src { height: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width: 576px) { .content-item-videos .aspect-ratio-cinematic { margin-left: -15px; margin-right: -15px; } } .content-item-videos .aspect-ratio-16-9 .slide-video-src, .content-item-videos .aspect-ratio-21-9 .slide-video-src, .content-item-videos .aspect-ratio-3-2 .slide-video-src { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 576px) { .container-none .content-item-videos .videos-slider { margin-left: -15px; margin-right: -15px; } } /* Content Items - Videos - 16:9 Aspect Ratio */ .content-item-videos .aspect-ratio-16-9 .slide-video-wrapper { max-height: 1068px; } /* Content Items - Videos - 21:9 Aspect Ratio */ .content-item-videos .aspect-ratio-21-9 .slide-video-wrapper { max-height: 814px; } /* Content Items - Videos - 3:2 Aspect Ratio */ .embed-responsive-3by2::before { padding-top: 66.67%; } .content-item-videos .aspect-ratio-3-2 .slide-video-wrapper { max-height: 1267px; } /** * Content Items - Posts * --------------------- */ .content-item-posts .content-item-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 991px) { .content-item-posts .content-item-header br { display: none; } } .content-item-posts .content-item-headline-wrapper { 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: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 1.5rem; } @media (min-width: 992px) { .content-item-posts .content-item-headline-wrapper { margin-bottom: 3rem; } } .content-item-posts .content-headline { margin-bottom: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .content-item-posts .content-item-headline-wrapper .slick-arrow { padding-top: 0; padding-bottom: 0; font-size: 2.4rem; line-height: 0; } @media (min-width: 992px) { .content-item-posts .content-item-headline-wrapper .slick-arrow { font-size: 3.6rem; } } /** * Content Items - Call to Actions * ------------------------------- */ .content-item-ctas .cta-headline { max-width: 50%; padding: 1rem 0; text-transform: uppercase; -ms-flex-item-align: start; align-self: flex-start; } .content-item-ctas .cta-headline:last-child { -ms-flex-item-align: end; align-self: flex-end; } .content-item-ctas .cta-headline h4 { font-size: 2rem; margin-bottom: 0; } @media (min-width: 992px) { .content-item-ctas .cta-headline h4 { font-size: 3.6rem; } } .content-item-ctas .cta-img-cont { 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: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 575px) { .content-item-ctas .cta-img-cont { margin-left: -15px; margin-right: -15px; } } .content-item-ctas .cta-img { overflow: visible; width: calc(50% - var(--slope-area)); } .content-item-ctas .cta-img .img-wrapper { height: 35vh; min-height: 30rem; max-height: 99rem; } .content-item-ctas .cta-img .img-wrapper { width: calc(100% + ((var(--slope-area) * 2) - var(--slope-gap))); max-width: calc(100% + ((var(--slope-area) * 2) - var(--slope-gap))); margin-bottom: 0; } .content-item-ctas .cta-img:nth-child(odd) .img-wrapper { -webkit-clip-path: polygon( 4.311px 0px, calc(100% - 4.312px) 0px, calc(100% - 4.312px) 0px, calc(100% - 3.612438px) 0.068465px, calc(100% - 2.948864px) 0.26668px, calc(100% - 2.330146px) 0.583875px, calc(100% - 1.765152px) 1.00928px, calc(100% - 1.26275px) 1.532125px, calc(100% - 0.831808px) 2.14164px, calc(100% - 0.481194px) 2.827055px, calc(100% - 0.219776px) 3.5776px, calc(100% - 0.056422px) 4.382505px, calc(100% - 1.1368683772162e-13px) 5.231px, calc(100% - 101.317px) calc(100% - 5.23px), calc(100% - 101.317px) calc(100% - 5.23px), calc(100% - 101.373421px) calc(100% - 4.381505px), calc(100% - 101.536768px) calc(100% - 3.5766px), calc(100% - 101.798167px) calc(100% - 2.826055px), calc(100% - 102.148744px) calc(100% - 2.14064px), calc(100% - 102.579625px) calc(100% - 1.531125px), calc(100% - 103.081936px) calc(100% - 1.00828px), calc(100% - 103.646803px) calc(100% - 0.582875px), calc(100% - 104.265352px) calc(100% - 0.26568px), calc(100% - 104.928709px) calc(100% - 0.067465px), calc(100% - 105.628px) calc(100% - -0.001px), 4.311px calc(100% - -0.001px), 4.311px calc(100% - -0.001px), 3.611709px calc(100% - 0.067735px), 2.948352px calc(100% - 0.26616px), 2.329803px calc(100% - 0.583505px), 1.764936px calc(100% - 1.009px), 1.262625px calc(100% - 1.531875px), 0.831744px calc(100% - 2.14136px), 0.481167px calc(100% - 2.826685px), 0.219768px calc(100% - 3.57708px), 0.056421px calc(100% - 4.381775px), 7.1367260019213e-32px calc(100% - 5.23px), 0px 5.231px, 0px 5.231px, 0.056421px 4.382505px, 0.219768px 3.5776px, 0.481167px 2.827055px, 0.831744px 2.14164px, 1.262625px 1.532125px, 1.764936px 1.00928px, 2.329803px 0.583875px, 2.948352px 0.26668px, 3.611709px 0.068465px, 4.311px 0px ); clip-path: polygon( 4.311px 0px, calc(100% - 4.312px) 0px, calc(100% - 4.312px) 0px, calc(100% - 3.612438px) 0.068465px, calc(100% - 2.948864px) 0.26668px, calc(100% - 2.330146px) 0.583875px, calc(100% - 1.765152px) 1.00928px, calc(100% - 1.26275px) 1.532125px, calc(100% - 0.831808px) 2.14164px, calc(100% - 0.481194px) 2.827055px, calc(100% - 0.219776px) 3.5776px, calc(100% - 0.056422px) 4.382505px, calc(100% - 1.1368683772162e-13px) 5.231px, calc(100% - 101.317px) calc(100% - 5.23px), calc(100% - 101.317px) calc(100% - 5.23px), calc(100% - 101.373421px) calc(100% - 4.381505px), calc(100% - 101.536768px) calc(100% - 3.5766px), calc(100% - 101.798167px) calc(100% - 2.826055px), calc(100% - 102.148744px) calc(100% - 2.14064px), calc(100% - 102.579625px) calc(100% - 1.531125px), calc(100% - 103.081936px) calc(100% - 1.00828px), calc(100% - 103.646803px) calc(100% - 0.582875px), calc(100% - 104.265352px) calc(100% - 0.26568px), calc(100% - 104.928709px) calc(100% - 0.067465px), calc(100% - 105.628px) calc(100% - -0.001px), 4.311px calc(100% - -0.001px), 4.311px calc(100% - -0.001px), 3.611709px calc(100% - 0.067735px), 2.948352px calc(100% - 0.26616px), 2.329803px calc(100% - 0.583505px), 1.764936px calc(100% - 1.009px), 1.262625px calc(100% - 1.531875px), 0.831744px calc(100% - 2.14136px), 0.481167px calc(100% - 2.826685px), 0.219768px calc(100% - 3.57708px), 0.056421px calc(100% - 4.381775px), 7.1367260019213e-32px calc(100% - 5.23px), 0px 5.231px, 0px 5.231px, 0.056421px 4.382505px, 0.219768px 3.5776px, 0.481167px 2.827055px, 0.831744px 2.14164px, 1.262625px 1.532125px, 1.764936px 1.00928px, 2.329803px 0.583875px, 2.948352px 0.26668px, 3.611709px 0.068465px, 4.311px 0px ); } .content-item-ctas .cta-img:nth-child(even) .img-wrapper { left: calc(((var(--slope-area) * 2) - var(--slope-gap)) * -1); -webkit-clip-path: polygon( calc(100% - 4.312px) calc(100% - 0px), 4.311px calc(100% - 0px), 4.311px calc(100% - 0px), 3.611709px calc(100% - 0.068464px), 2.948352px calc(100% - 0.266672px), 2.329803px calc(100% - 0.583848px), 1.764936px calc(100% - 1.009216px), 1.262625px calc(100% - 1.532px), 0.831744px calc(100% - 2.141424px), 0.481167px calc(100% - 2.826712px), 0.219768px calc(100% - 3.577088px), 0.056421px calc(100% - 4.381776px), 3.5527136788005e-14px calc(100% - 5.23px), 101.317px 5.231px, 101.317px 5.231px, 101.373421px 4.382505px, 101.536768px 3.5776px, 101.798167px 2.827055px, 102.148744px 2.14164px, 102.579625px 1.532125px, 103.081936px 1.00928px, 103.646803px 0.583875px, 104.265352px 0.26668px, 104.928709px 0.068465px, 105.628px -5.3290705182008e-15px, calc(100% - 4.312px) -5.3290705182008e-15px, calc(100% - 4.312px) -5.3290705182008e-15px, calc(100% - 3.612438px) 0.068465px, calc(100% - 2.948864px) 0.26668px, calc(100% - 2.330146px) 0.583875px, calc(100% - 1.765152px) 1.00928px, calc(100% - 1.26275px) 1.532125px, calc(100% - 0.831808px) 2.14164px, calc(100% - 0.481194px) 2.827055px, calc(100% - 0.219776px) 3.5776px, calc(100% - 0.056422px) 4.382505px, calc(100% - 1.1368683772162e-13px) 5.231px, calc(100% - 0px) calc(100% - 5.23px), calc(100% - 0px) calc(100% - 5.23px), calc(100% - 0.056422px) calc(100% - 4.381776px), calc(100% - 0.219776px) calc(100% - 3.577088px), calc(100% - 0.481194px) calc(100% - 2.826712px), calc(100% - 0.831808px) calc(100% - 2.141424px), calc(100% - 1.26275px) calc(100% - 1.532px), calc(100% - 1.765152px) calc(100% - 1.009216px), calc(100% - 2.330146px) calc(100% - 0.583848px), calc(100% - 2.948864px) calc(100% - 0.266672px), calc(100% - 3.612438px) calc(100% - 0.068464px), calc(100% - 4.312px) calc(100% - 5.6843418860808e-14px) ); clip-path: polygon( calc(100% - 4.312px) calc(100% - 0px), 4.311px calc(100% - 0px), 4.311px calc(100% - 0px), 3.611709px calc(100% - 0.068464px), 2.948352px calc(100% - 0.266672px), 2.329803px calc(100% - 0.583848px), 1.764936px calc(100% - 1.009216px), 1.262625px calc(100% - 1.532px), 0.831744px calc(100% - 2.141424px), 0.481167px calc(100% - 2.826712px), 0.219768px calc(100% - 3.577088px), 0.056421px calc(100% - 4.381776px), 3.5527136788005e-14px calc(100% - 5.23px), 101.317px 5.231px, 101.317px 5.231px, 101.373421px 4.382505px, 101.536768px 3.5776px, 101.798167px 2.827055px, 102.148744px 2.14164px, 102.579625px 1.532125px, 103.081936px 1.00928px, 103.646803px 0.583875px, 104.265352px 0.26668px, 104.928709px 0.068465px, 105.628px -5.3290705182008e-15px, calc(100% - 4.312px) -5.3290705182008e-15px, calc(100% - 4.312px) -5.3290705182008e-15px, calc(100% - 3.612438px) 0.068465px, calc(100% - 2.948864px) 0.26668px, calc(100% - 2.330146px) 0.583875px, calc(100% - 1.765152px) 1.00928px, calc(100% - 1.26275px) 1.532125px, calc(100% - 0.831808px) 2.14164px, calc(100% - 0.481194px) 2.827055px, calc(100% - 0.219776px) 3.5776px, calc(100% - 0.056422px) 4.382505px, calc(100% - 1.1368683772162e-13px) 5.231px, calc(100% - 0px) calc(100% - 5.23px), calc(100% - 0px) calc(100% - 5.23px), calc(100% - 0.056422px) calc(100% - 4.381776px), calc(100% - 0.219776px) calc(100% - 3.577088px), calc(100% - 0.481194px) calc(100% - 2.826712px), calc(100% - 0.831808px) calc(100% - 2.141424px), calc(100% - 1.26275px) calc(100% - 1.532px), calc(100% - 1.765152px) calc(100% - 1.009216px), calc(100% - 2.330146px) calc(100% - 0.583848px), calc(100% - 2.948864px) calc(100% - 0.266672px), calc(100% - 3.612438px) calc(100% - 0.068464px), calc(100% - 4.312px) calc(100% - 5.6843418860808e-14px) ); } /** * Content Items - Images & Featured Products * ------------------------------------------ */ /* Content Items - Images - Height */ .content-item-products .product-slider-cont *:not(.btn) { height: 100%; } /* Content Items - Images - Padding */ .content-item-images.lacks-pad-bottom img, .content-item-products.lacks-pad-bottom img { margin-bottom: 0; } .section.has-pad-bottom-sm .content-item-images.lacks-pad-bottom .section.has-pad-bottom-sm .content-item-products.lacks-pad-bottom .product-slider-cont { height: calc(100% + var(--pad-y-sm)); margin-bottom: calc(var(--pad-y-sm) * -1); } .section.has-pad-bottom .content-item-images.lacks-pad-bottom, .section.has-pad-bottom .content-item-products.lacks-pad-bottom .product-slider-cont { height: calc(100% + var(--pad-y)); margin-bottom: calc(var(--pad-y) * -1); } .section.has-pad-bottom-lg .content-item-images.lacks-pad-bottom, .section.has-pad-bottom-lg .content-item-products.lacks-pad-bottom .product-slider-cont { height: calc(100% + var(--pad-y-lg)); margin-bottom: calc(var(--pad-y-lg) * -1); } .section.has-pad-bottom-xl .content-item-images.lacks-pad-bottom, .section.has-pad-bottom-xl .content-item-products.lacks-pad-bottom .product-slider-cont { height: calc(100% + var(--pad-y-xl)); margin-bottom: calc(var(--pad-y-xl) * -1); } @media (min-width: 576px) and (max-width: 991px) { .content-item-images.lacks-pad-bottom .images-slider, .content-item-products.lacks-pad-bottom .products-slider { width: 80%; } .content-item-images.lacks-pad-bottom .images-slider.align-right, .content-item-products.lacks-pad-bottom .products-slider.align-right { margin-left: auto; } } @media (max-width: 991px) { .section.has-pad-bottom-sm .content-area-first .content-item-images.lacks-pad-bottom, .section.has-pad-bottom .content-area-first .content-item-images.lacks-pad-bottom, .section.has-pad-bottom-lg .content-area-first .content-item-images.lacks-pad-bottom, .section.has-pad-bottom-xl .content-area-first .content-item-images.lacks-pad-bottom { height: 100%; } } /** * 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; } /** * Content Items - Images * ---------------------- */ @media (max-width: 991px) { .content-area:not(.content-area-last) .content-item-images, .content-area-last .content-item-images:not(.content-item-last) { margin-bottom: 30px; } } @media (min-width: 992px) { .content-item-images:not(.content-item-last) { margin-bottom: 30px; } } .content-item-images .content-item-inner, .content-item-images .images-slider, .content-item-images .slick-slider, .content-item-images .slick-list, .content-item-images .slick-track, .content-item-images .slick-slide, .content-item-images .slide-img-wrapper { height: 100%; } .content-item-images .images-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; height: 100%; } /* Content Item - Images - Slider - Navigations */ .content-item-images .images-slider .slick-dots { display: none !important; } .content-item-images .images-slider .slick-slider-nav { 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; position: initial; margin: 0; } .content-item-images .images-slider .slick-arrow { position: relative; padding-bottom: 1rem; width: auto; height: auto; font-size: 2.4rem; } @media (min-width: 992px) { .content-item-images .images-slider .slick-arrow { margin-bottom: 1rem; font-size: 3.6rem; } } .content-item-images .images-slider svg { height: 1em; } /* Content Items - Images - Gallery */ .content-item-images .images-slider-style-gallery { position: relative; padding-right: 10%; padding-left: 10%; height: auto; } .content-item-images .images-slider-style-gallery .slick-list { overflow: visible; } .content-item-images .images-slider-style-gallery .slick-slide { -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); } .content-item-images .images-slider-style-gallery .slide-img-wrapper img { border-radius: var(--border-radius); } .content-item-images .images-slider-style-gallery .slick-slide[tabindex="-1"] { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); opacity: 0.8; } @media (min-width: 576px) { .content-item-images .images-slider-style-gallery { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content-item-images .images-slider-style-gallery .slick-slider[data-slider-dots="1"] + .slick-slider-nav { /* Variables */ --slider-dots-height: 3rem; } .content-item-images .images-slider-style-gallery .slick-slider-nav { height: var(--slider-dots-height, 0); } .content-item-images .images-slider-style-gallery .slick-slider-nav-inner { width: 100%; } .content-item-images .images-slider-style-gallery .slick-dots { display: block !important; margin: 0; height: var(--slider-dots-height); font-size: calc(var(--slider-dots-height) * 0.25); } .content-item-images .images-slider-style-gallery .slick-dots button { border-radius: var(--border-radius-max); margin-top: 2em; width: 3em; height: 0.5em; font-size: inherit; } .content-item-images .images-slider-style-gallery .slick-dots li.slick-active button { background-color: var(--color-black); } .content-item-images .images-slider-style-gallery .slick-arrow { position: absolute; top: calc(50% - 0.5em - (var(--slider-dots-height) / 2)); 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; border-radius: 999px; padding: 0; width: 1em; height: 1em; font-size: 4rem; color: var(--color-white); background-color: var(--color-black); } .content-item-images .images-slider-style-gallery .slick-arrow:hover { color: var(--color-primary-lighter); } .content-item-images .images-slider-style-gallery .slick-arrow i { height: 1em; font-size: 0.5em; } .content-item-images .images-slider-style-gallery .slick-prev { left: -1.5rem; } .content-item-images .images-slider-style-gallery .slick-next { right: -1.5rem; } } @media (min-width: 992px) { .content-item-images .images-slider-style-gallery .slick-slider[data-slider-dots="1"] + .slick-slider-nav { /* Variables */ --slider-dots-height: 4rem; } .content-item-images .images-slider-style-gallery .slick-arrow { font-size: 5rem; } } /** * Content Items - Featured Products * --------------------------------- */ @media (max-width: 575px) { .section > *[class^="container"]:not([class^="container-fluid"]) .content-item-products .products-slider, .section > *[class^="container"]:not([class*=" container-fluid"]) .content-item-products .products-slider, .section > *[class*=" container"]:not([class^="container-fluid"]) .content-item-products .products-slider, .section > *[class*=" container"]:not([class*=" continer-fluid"]) .content-item-products .products-slider, .section > .container-fluid-sm .content-item-products .products-slider { margin-right: -15px; margin-left: -15px; } } .content-item-products .product-content { 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; } .content-item-products .product-content-header { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 6rem; } .content-item-products .product-description-cont { position: relative; 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: nowrap; flex-wrap: nowrap; } .content-item-products .product-description { position: absolute; display: block; opacity: 0; z-index: -1; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); } .content-item-products .product-description.active { opacity: 1; z-index: 1; } .content-item-products .slick-slider-nav { padding: 0; margin-left: 0; } @media (max-width: 991px) { .content-item-products .slick-slider-nav { margin-bottom: 4rem; } } .content-item-products .slick-slider-nav-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .content-item-products .slick-dots { 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-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0; } .content-item-products .slick-dots li { display: block; margin: 0; } .content-item-products .slick-dots li:not(:last-child) { margin-bottom: 2rem; } @media (min-width: 992px) { .content-item-products .slick-dots li:not(:last-child) { margin-bottom: 2.5rem; } } .content-item-products .slick-dots button { font-size: var(--font-size-default); font-family: var(--font-default-thin); font-weight: var(--weight-thin); line-height: var(--line-single); width: auto; height: auto; border-radius: unset; background-color: unset; } @media (min-width: 992px) { .content-item-products .slick-dots button { font-size: var(--font-size-md); } } .content-item-products li.slick-active button { font-family: var(--font-default); font-weight: var(--weight-default); background-color: unset; } /** * Content Items - Action * ---------------------- */ .content-item-action { 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: end; -ms-flex-align: end; align-items: flex-end; } @media (min-width: 992px) { .content-item-action { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .content-item-action::after { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; content: ""; height: 100%; } .content-item-action .content-item-inner { 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-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; margin-top: 1rem; } @media (min-width: 992px) { .content-item-action .content-item-inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0; } } .content-item-action .content-item-inner > * { margin-bottom: 1rem; } .content-item-action .content-item-inner > *:not(:first-child) { margin-right: 1rem; } @media (min-width: 992px) { .content-item-action .content-item-inner > *:not(:first-child) { margin-right: 0; margin-left: 1rem; } } .content-item-action .select-action, .content-item-action .btn-basic { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .content-item-action .selectize-input, .content-item-action .selectize-dropdown .option { --select-pad-x: 2rem; --select-pad-y: 1.5rem; } .content-item-action .btn-basic { padding: 1.3rem 1.5rem; min-width: 25rem; max-width: unset; width: auto; text-wrap: balance; } /** * Headers * ------- */ header.fixed-top { z-index: 1160; /* See z-index order list at top of file */ top: var(--wp-admin-bar-height); } .header-main { position: relative; -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); } .header-main::before { display: -webkit-box; display: -ms-flexbox; display: flex; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; } body:not(.home) .header-main::before, body.home.window-scroll:not(.header-drawer-open) .header-main::before { background-color: rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(50px) brightness(1.2) saturate(1.1); backdrop-filter: blur(50px) brightness(1.2) saturate(1.1); z-index: 0; } body.header-drawer-open .header-main::before { background-color: var(--color-white); } .header-main .navbar-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .header-main .navbar-brand { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: none; } .header-main .navbar-brand .navbar-link { min-width: 64px; width: 20vw; max-width: 85px; } @media (min-width: 576px) { .header-main .navbar-brand .navbar-link { width: 85px; max-width: 100%; } } @media (max-width: 330px) { .header-main .navbar-brand .navbar-link { width: 55px; min-width: 55px; } } @media (min-width: 992px) { .header-main .navbar-brand .navbar-link { width: 100px; } } @media (min-width: 1200px) { .header-main .navbar-brand .navbar-link { width: 140px; } } .header-main .navbar-toolbar { font-size: 3.7vw; margin-bottom: 0; } @media (min-width: 576px) { .header-main .navbar-toolbar { font-size: inherit; } } @media (max-width: 480px) { .header-main .navbar-toolbar { font-size: 3vw; } } /* Headers - Main - Navbar - Brands */ .header-main .navbar-brand { max-width: 100%; } /* Headers - Main - Navbar - Togglers */ .header-main .navbar-toggler { 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 .menu-icon { width: 3em; } @media (min-width: 992px) { .header-main .menu-icon { width: 3.5em; } } .header-main .menu-icon path { -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); } .header-main .menu-icon path:first-child { -webkit-transform: translateY(15%) rotate(0); -ms-transform: translateY(15%) rotate(0); transform: translateY(15%) rotate(0); } .header-main .menu-icon path:last-child { -webkit-transform: translateY(-15%) rotate(0); -ms-transform: translateY(-15%) rotate(0); transform: translateY(-15%) rotate(0); } body.header-drawer-open .header-main .menu-icon path:first-child { -webkit-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } body.header-drawer-open .header-main .menu-icon path:last-child { -webkit-transform: translateY(0) rotate(45deg); -ms-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } /* Headers - Drawers */ .header-drawer > .container-sm, .header-drawer > .container-md, .header-drawer > .container-lg, .header-drawer > .container-xl, .header-drawer > .container-xxl, .header-drawer > .container-xxxl, .header-drawer > .container-fluid-sm, .header-drawer > .container-fluid-md, .header-drawer > .container-fluid-lg, .header-drawer > .container-fluid-xl, .header-drawer > .container-fluid-xxl, .header-drawer > .container-fluid-xxxl { padding-right: 0; padding-left: 0; } .header-drawer { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 75%; min-width: 236px; max-width: 432px; height: calc(100vh - 100% - var(--wp-admin-bar-height)); top: 100%; right: -100%; padding: 3rem; overflow-y: auto; opacity: 0; visibility: hidden; -webkit-transition: all var(--transition-default-ease); -o-transition: all var(--transition-default-ease); transition: all var(--transition-default-ease); background-color: var(--color-white); } @media (min-width: 576px) { .header-drawer { padding: 5rem; } } body.header-drawer-open .header-drawer { right: 0; opacity: 1; visibility: visible; } /* Headers - Drawers & Sub Menus */ .menu .modal-sub-menu .menu-item:first-child, .header-drawer .menu .menu-item:first-child { border-top: 1px solid var(--color-grey); } .menu .modal-sub-menu .menu-item, .header-drawer .menu .menu-item { border-bottom: 1px solid var(--color-grey); } .header-drawer .menu .sub-menu { padding-bottom: 0.5rem; } @media (min-width: 992px) { .header-drawer .menu .sub-menu { padding-bottom: 1rem; } } .header-drawer .menu .sub-menu .menu-item { border: none; } .menu .sub-menu .menu-item a, .header-drawer .menu .sub-menu .menu-item a { padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 992px) { .menu .sub-menu .menu-item a, .header-drawer .menu .sub-menu .menu-item a { padding-top: 1.5rem; padding-bottom: 1.5rem; } } .header-drawer .menu .sub-menu .menu-item:first-child a { padding-top: 0; } .menu .modal-sub-menu .menu-item a, .header-drawer .menu .menu-item a, .header-drawer .menu .menu-item button, .header-drawer .menu .menu-item .sub-menu-toggler { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.5rem 0; } @media (min-width: 992px) { .menu .modal-sub-menu .menu-item a, .header-drawer .menu .menu-item a, .header-drawer .menu .menu-item button, .header-drawer .menu .menu-item .sub-menu-toggler { padding-top: 2.5rem; padding-bottom: 2.5rem; } } .header-drawer .menu .menu-item .sub-menu-toggler { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .menu .modal-sub-menu .menu-item i, .header-drawer .menu .menu-item i { margin-right: 0.5rem; margin-left: 1rem; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; } .menu-header-drawer { margin-bottom: 0; } @media (min-width: 992px) { .header-drawer { width: 100vw; min-width: unset; max-width: unset; padding: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .header-drawer .drawer-menu { padding-top: 6rem; padding-left: 6rem; padding-bottom: 6rem; width: 50%; -webkit-transform: translateX(calc(((100vw - 200%) / 2) * -1)); -ms-transform: translateX(calc(((100vw - 200%) / 2) * -1)); transform: translateX(calc(((100vw - 200%) / 2) * -1)); } } .menu .modal-sub-menu .menu-item:hover > a > .fa-arrow-right, .header-drawer .menu .menu-item:hover > a > .fa-arrow-right, .header-drawer .menu .menu-item:hover > button > .fa-arrow-right { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /** * Page Contents - Headers * ----------------------- */ /* Page Contents - Headers - Select2 */ @media (min-width: 992px) { .page-content-header .select-brand + .select2-container { margin-bottom: var(--offset-h2) !important; } } /* Page Contents - Headers - Margins & Border Radiuses */ .page-content-header .section.has-margin-bottom { margin-bottom: var(--margin-y); } .page-content-header .section.has-border-radius { border-bottom-right-radius: var(--border-radius-lg); border-bottom-left-radius: var(--border-radius-lg); } /* Page Contents - Headers - Background Overlay & Text Shadows */ .page-content-header .section.has-bg-overlay .bg-media::after { display: -webkit-box; display: -ms-flexbox; display: flex; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); } .page-content-header .section.has-bg-overlay .page-title, .page-content-header .section.has-bg-overlay .page-subtitle, .page-content-header .section.has-bg-overlay .page-excerpt { text-shadow: var(--text-shadow-default); } /* Page Contents - Headers - Section Overlay */ .page-content-header .section.section-overlay { overflow: visible; padding-bottom: 1.5rem; height: calc(70vh - 10rem); min-height: 50rem; max-height: 990rem; } .page-content-header .section.section-overlay.overlay-extra { height: 35vh; min-height: 30rem; max-height: 50rem; } @media (min-width: 992px) { .page-content-header .section.section-overlay.overlay-lg-less { height: calc(70vh - 10rem); min-height: 50rem; max-height: 990rem; } } .page-content-header .section.section-overlay .bg-media { height: 70vh; min-height: 60rem; max-height: 109rem; } /* Page Contents - Headers - Titles & Excerpts */ .page-content-header .page-title-wrapper { margin-bottom: 1.5rem; } @media (min-width: 992px) { .page-content-header .page-title-wrapper { margin-bottom: 3rem; } } .page-content-header .page-title-wrapper > *:first-child { margin-top: 0; } .page-content-header .page-title-wrapper > *:last-child { margin-bottom: 0; } .page-content-header .page-title-wrapper.flex-column-reverse .page-title:not(:last-child) { margin: -0.5rem 0 0; } @media (min-width: 992px) { .page-content-header .page-title-wrapper.flex-column-reverse .page-title:not(:last-child) { margin-top: -2rem; } } .page-content-header .page-title-wrapper.flex-column-reverse .page-subtitle:not(:first-child) { margin: 0 0 1.5rem; } @media (min-width: 992px) { .page-content-header .page-title-wrapper.flex-column-reverse .page-subtitle:not(:first-child) { margin-bottom: 3rem; } } @media (max-width: 991px) { .page-content-header .page-subtitle br, .page-content-header .page-excerpt br { display: none; } } /* Page Contents - Headers - List Groups */ .page-content-header .list-group-action { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .page-content-header .list-group-item-action { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto; } /** * Page Contents - Archives * ------------------------ */ /* Page Contents - Archives - Post Designer */ .page-content-archive-designer .content-item-pagination button[data-load-more] { margin-top: 1.5rem; } @media (min-width: 992px) { .page-content-archive-designer .content-item-pagination button[data-load-more] { margin-top: 3rem; } } /** * Page Contents & Footer Offests * ------------------------------ */ .page-content, footer > * { -webkit-transition: var(--transition-default-ease); -o-transition: var(--transition-default-ease); transition: var(--transition-default-ease); } body.header-drawer-open .page-content, body.header-drawer-open footer > * { -webkit-transform: translateX(calc(var(--drawer-min-width) * -1)); -ms-transform: translateX(calc(var(--drawer-min-width) * -1)); transform: translateX(calc(var(--drawer-min-width) * -1)); } @media (min-width: 992px) { body.header-drawer-open .page-content, body.header-drawer-open footer > * { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } /** * Notifications * ------------- */ .notification-bar { border-radius: var(--border-radius); -webkit-box-shadow: var(--shadow-default); box-shadow: var(--shadow-default); font-family: var(--font-default); font-weight: var(--weight-light); } .notification-bar.success { color: var(--color-black); background-color: var(--color-success); } .notification-bar.error { background-color: var(--color-secondary); } .notification-bar .action-close span { display: none; } .notification-bar .action-close::before { display: block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-light); content: "\f00d"; } /** * Footer * ------ */ footer { padding: 9rem 0 6rem; font-family: var(--font-default-thin); font-size: var(--font-size-xs); font-weight: var(--weight-thin); text-align: center; background-color: var(--color-grey); } @media (min-width: 992px) { footer { padding: 18rem 0 3rem; text-align: left; } } footer.has-margin-top { margin-top: var(--margin-y); } /* Footers - Links */ footer a { font-family: var(--font-default-thin); font-weight: var(--weight-thin); -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); } /* Footers - Headers */ .footer-header { font-size: var(--font-size-sm); font-weight: var(--weight-default); text-transform: uppercase; } .footer-header::before { display: none; } /* Footers - Rows */ footer .row:not(:last-child) > *:not(:last-child) { margin-bottom: 5rem; } @media (min-width: 992px) { footer .row:not(:last-child) > *:not(:last-child) { margin-bottom: 0; } } footer .row:not(:last-child) { margin-bottom: 9rem; } @media (min-width: 992px) { footer .row:not(:last-child) { margin-bottom: 6rem; } } /* Footers - Lists */ footer ul, footer ul.list-inline, footer ul:not([class^="list-inline"]) li:last-child, footer ul:not([class*=" list-inline"]) li:last-child { margin-bottom: 0; } footer ul:not([class^="list-inline"]) li:not(:last-child), footer ul:not([class*=" list-inline"]) li:not(:last-child) { margin-bottom: 1rem; } footer ul.list-inline-lg { font-size: calc(var(--font-size-xs) * 0.85); } @media (min-width: 992px) { footer ul.list-inline-lg li:not(:last-child) { margin-right: 3rem; } footer ul.list-inline-lg li { margin-bottom: 1rem !important; } } footer .list-open-hours { margin-top: 5rem; } @media (min-width: 992px) { footer .list-open-hours { margin-top: 3rem; } footer ul.list-open-hours > li:not(:last-child) { margin-bottom: 0.5rem; } } footer .list-social-media > li:not(:last-child) { margin-right: 2rem; } footer .list-social-media > li { margin-bottom: 2rem; } footer .list-social-media > li a:hover { text-decoration: none; } footer .list-social-media > li .facebook:hover { color: var(--color-facebook); } footer .list-social-media > li .instagram:hover { color: var(--color-instagram); } footer .list-social-media > li .pinterest:hover { color: var(--color-pinterest); } /* Footers - Brand Logo */ footer .brand-logo { width: 15rem; } footer .brand-logo svg { max-height: none; } /* Footer - Forms */ @media (max-width: 991px) { footer .gform_wrapper.gravity-theme { max-width: 200px; margin: 0 auto; } } footer .gform_wrapper.gravity-theme form .gform_fields { -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; } @media (min-width: 641px) { footer .gform_wrapper.gravity-theme form .gform_fields { grid-column-gap: 0; } } footer .gform_wrapper.gravity-theme form .gfield.gfield--width-half { grid-column: auto / auto; } /** * Home Page * --------- */ /* Home Page - Menu & Navbar */ /* body.home .header-main svg path { transition: var(--transition-default-ease); } body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-open) .header-main .navbar-brand svg path { fill: var(--color-white); } body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-open) .header-main .navbar-list-item button { color: var(--color-white); } body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-open) .header-main .navbar-list-item button:hover { color: var(--color-grey-dark); } body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-open) .header-main .navbar-list-item a { color: var(--color-white); } body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-open) .header-main .navbar-list-item a:hover { color: var(--color-grey-dark); } body.home:not(.window-scroll) .badge-featured-wrapper { z-index: 1161; } body.home .navbar-menu, body.home .navbar-toolbar .navbar-list-item.d-none { display: none !important; } body.home .header-main .menu-icon { display: flex; padding-left: 1rem; } body.home .navbar-list-item .navbar-icon { font-size: 1.5em; } @media (max-width: 480px) { body.home .navbar-list-item .navbar-icon { font-size: 1.2em; } } @media (max-width: 414px) { body.home .navbar-list-item .navbar-icon { font-size: 1em; } body.home .header-main .navbar-brand .navbar-link { width: 18vw; min-width: 55px; } body.home .header-main .navbar-item { margin-left: 8px; margin-right: 8px; } } @media (min-width: 992px) { body.home .navbar-list-item .navbar-icon { padding: 1rem; } } */ /* Home - Navbar */ .header-main svg path { -webkit-transition: fill var(--transition-default-ease); -o-transition: fill var(--transition-default-ease); transition: fill var(--transition-default-ease); } body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-fancy-open) .header-main .navbar { color: var(--color-white); } body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-fancy-open) .header-main .menu .menu-item:not(.current-menu-item) > a.active, body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-fancy-open) .header-main .menu .menu-item:not(.current-menu-item) > a:hover, body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-fancy-open) .header-main .menu .menu-item:not(.current-menu-item) > button.active, body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-fancy-open) .header-main .menu .menu-item:not(.current-menu-item) > button:hover, body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-fancy-open) .header-main .navbar-toolbar .navbar-list-item > a:hover, body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-fancy-open) .header-main .navbar-toolbar .navbar-list-item > button:hover { text-shadow: var(--text-shadow-white); color: inherit; } body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-fancy-open) .header-main svg path { fill: var(--color-white); } body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-fancy-open) .menu-header-main-left .menu-item:not(:last-child) a { border-color: var(--color-white); } body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-fancy-open) .header-main .navbar-brand .svg-wrapper, body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-fancy-open) .header-main .navbar-brand .svg-wrapper svg { overflow: visible; } body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-fancy-open) .header-main .navbar-brand svg path { -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.2)); filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.2)); } body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-fancy-open) .header-main .navbar, body.home:not(.window-scroll):not(.header-drawer-open):not(.modal-fancy-open) .navbar-toolbar .navbar-list-item .navbar-icon { text-shadow: var(--text-shadow-default); } /** * Colors * ------ */ .color-list .color-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 1em; height: 1em; font-size: 2rem; color: black; } @media (min-width: 992px) { .color-list .color-item { font-size: 2.6rem; } } ol.list-inline.color-list > li:not(:last-child), ul.list-inline.color-list > li:not(:last-child) { margin-right: 0.5em; } .color-list .color-item::before, .color-list .color-item::after { display: -webkit-box; display: -ms-flexbox; display: flex; content: ""; position: absolute; border-radius: 1em; } .color-list .color-item::before { top: 0.15em; right: 0.15em; bottom: 0.15em; left: 0.15em; width: unset; margin-left: 0; background-color: currentColor; } .color-list .color-item.active::after { top: 0; right: 0; bottom: 0; left: 0; border: 0.075em solid currentColor; } /** * Filters * ------- */ /* Filters - List */ .filter-list > li:not(:last-child) { margin-bottom: 0.75rem; } @media (min-width: 992px) { .filter-list > li:not(:last-child) { margin-bottom: 1.5rem; } } .filter-list a { font-size: var(--font-size-default); font-family: var(--font-default-thin); font-weight: var(--weight-thin); } @media (min-width: 992px) { .filter-list a { font-size: var(--font-size-md); } } .filter-list a.active { font-family: var(--font-default); font-weight: var(--weight-default); } .filter-list a:hover { text-decoration: none; color: var(--color-grey-dark); } /* Filters - Products */ .filter-product { z-index: 1; position: sticky; top: calc(var(--navbar-height) + var(--wp-admin-bar-height)); background-color: var(--color-grey-lighter); } /** * WooCommerce * ----------- */ /* WooCommerce - Header */ .woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4, .woocommerce h5, .woocommerce h6 { margin-bottom: var(--space-default); } /* WooCommerce - Typography */ .woocommerce small { font-family: var(--font-default-thin); font-weight: var(--weight-thin); } .form-description { text-align: center; padding-top: 0; padding-bottom: 0; margin-bottom: 1rem; font-size: var(--font-size-default); } @media (min-width: 992px) { .form-description { margin-bottom: 2rem; font-size: var(--font-size-md); } } address { line-height: var(--line-default); } /* Woocommerce - Links */ .woocommerce-link { display: inline-block; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } .woocommerce-link:hover { opacity: 0.5; } /* Woocommerce - Breadcrumbs */ .woocommerce-breadcrumb { margin-bottom: var(--space-xl); font-size: var(--font-size-xs); } .woocommerce-breadcrumb a { font-family: var(--font-default); font-weight: var(--weight-light); } .woocommerce-breadcrumb a:hover { text-decoration: none; } .woocommerce-breadcrumb i { -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); color: var(--color-grey-dark); } .woocommerce-breadcrumb a:not(:last-child), .woocommerce-breadcrumb i { margin-left: 0.75rem; margin-right: 0.75rem; } .woocommerce-breadcrumb > .underline-hover:last-child { --bg-h: 0; } /* Woocommerce - Labels */ .woocommerce .product_title { margin-bottom: var(--space-lg); font-size: 2.6rem; text-transform: none; } @media (min-width: 992px) { .woocommerce .product_title { font-size: 4.4rem; } } .woocommerce .price del { margin-right: 0.5em; color: var(--color-grey-darker); } .woocommerce .price ins { text-decoration: none; color: var(--color-secondary); } .woocommerce .long-description { margin-bottom: 3.5rem; } @media (min-width: 992px) { .woocommerce .long-description { margin-bottom: 7rem; } } .woocommerce .long-description.has-more-link { --more-link-height: calc(1em); position: relative; margin-bottom: var(--space-lg); padding-bottom: var(--more-link-height); } .woocommerce .long-description .more-link { position: absolute; top: calc(100% - var(--more-link-height) - var(--space-default)); right: 0; } .woocommerce .long-description .more-link { padding: 0; } .woocommerce .more-link .collapse-icon { font-size: 2.5rem; width: 1em; height: 1em; margin-right: 0.5em; } .woocommerce .more-link .collapse-text { font-size: 1.2rem; } @media (min-width: 992px) { .woocommerce .more-link .collapse-text { font-size: 1.4rem; } } /* Woocommerce - Variations */ .variations { font-size: var(--font-size-xs); width: 100%; } .variations tr { width: 100%; } @media (min-width: 1200px) { .cart:not(.in_loop) .variations { margin-right: -7.5px; margin-left: -7.5px; } .variations tbody { 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; } .cart:not(.in_loop) .variations tr { padding-right: 7.5px; padding-left: 7.5px; } .variations.width-half tr { width: 50%; } } .variations.width-half tr.reset-row { width: 100%; } .variations .reset_variations { display: block !important; margin-bottom: var(--space-default); opacity: 1 !important; visibility: visible !important; } .variations .reset_variations.hidden { opacity: 0 !important; visibility: hidden !important; } /* Woocommerce - Quantity */ .quantity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border: none; /* border-radius: var(--border-radius); */ padding: 0.75rem; font-family: var(--font-default); font-weight: var(--weight-light); color: var(--color-black); background-color: var(--color-grey); } @media (min-width: 576px) { .quantity { padding: 1.4rem; } } .quantity .input-text.qty { border: none; width: 50%; margin: 0; padding: 0; font-weight: inherit; line-height: var(--line-single); text-align: center; background-color: transparent; } .quantity .input-text.qty[type="number"], .quantity .input-text.qty::-webkit-outer-spin-button, .quantity .input-text.qty::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: textfield; margin: 0; } .quantity .minus, .quantity .plus { width: 25%; padding: 0 1rem; font-size: 1.2em; } .quantity button:disabled, .quantity .minus:active, .quantity .plus:active { opacity: 0.25; } /* Woocommerce - Models */ .model { 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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid var(--color-grey-dark); border-right: none; border-left: none; } .model .model-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 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; padding: 1rem 1rem 1rem 0; } .model .model-title { font-size: 1.6rem; font-weight: var(--weight-default); margin-bottom: 0.25rem; } @media (min-width: 992px) { .model .model-title { font-size: 1.8rem; } } .model .model-text { font-size: 1.4rem; margin-bottom: 0; } @media (min-width: 992px) { .model .model-text { font-size: 1.6rem; } } .model .model-img { overflow: hidden; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; border-radius: var(--border-radius); width: 20%; min-width: 4rem; max-width: 6rem; margin: 1rem 0; } @media (min-width: 992px) { .model .model-img { max-width: 7.5rem; } } .model .model-img img { margin-bottom: 0; background-color: var(--color-white); } /* Woocommerce - Accordion Product Details */ .accordion-product-details .require-attribute-selection:not(.d-none) ~ * { display: none; } .accordion-product-details .collapse-body .collapse-body-inner { padding-bottom: 1.5rem; } /* WooCommerce - My Account */ .my-account-info-container { position: relative; margin-bottom: 3.5rem; padding: 3rem 1.5rem 10rem 2rem; } @media (min-width: 992px) { .my-account-info-container { padding: 3rem; margin-bottom: 5rem; } } .woocommerce-MyAccount-content .edit-account, .woocommerce-MyAccount-content .edit-address { margin-right: auto; margin-left: auto; max-width: 75rem; } .woocommerce-MyAccount-content .edit-account button[type="submit"], .woocommerce-MyAccount-content .edit-address button[type="submit"] { margin-top: var(--space-lg); width: 100%; } /* WooCommerce - My Account - Navigation */ .woocommerce-MyAccount-navigation { --gap: 1rem; padding-top: calc(var(--pad-y-sm) * 0.5); padding-bottom: calc(var(--pad-y-sm) * 0.5); } @media (min-width: 992px) { .woocommerce-MyAccount-navigation { --gap: 1rem; padding-top: var(--pad-y-sm); padding-bottom: var(--pad-y-sm); } } .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link { border-top: 1px solid var(--color-grey-medium); padding-left: var(--gap); padding-right: var(--gap); } .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 1.5rem; padding-bottom: 1.5rem; font-size: var(--font-size-sm); font-family: var(--font-default); font-weight: var(--weight-light); line-height: var(--line-default); text-transform: uppercase; text-align: center; text-decoration: none !important; } .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover { color: var(--color-grey-dark); } .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:not(:last-child) { margin-bottom: 0; } .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:last-child { border-bottom: 1px solid var(--color-grey-medium); } .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link::before { content: ""; display: none; } .woocommerce-MyAccount-navigation ul { padding-left: 0; margin-bottom: 0; } .woocommerce-MyAccount-navigation-link.is-active a { font-weight: var(--weight-medium); } @media (min-width: 992px) { .woocommerce-MyAccount-navigation ul { 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: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 0; margin-bottom: 0; } .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 2rem; margin-bottom: 0; } .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:last-child { border-bottom: 0px; } .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link { border-top: 0px; margin-bottom: 0; padding-bottom: 0; } } .accordion-MyAccount-navigation .collapse-item, .accordion-MyAccount-navigation .collapse-header { border: none; } @media (max-width: 991px) { .accordion-MyAccount-navigation .woocommerce-MyAccount-navigation-link { padding-left: calc(var(--gap) * 2); padding-right: calc(var(--gap) * 2); } } @media (min-width: 992px) { .accordion-MyAccount-navigation .collapse-header { display: none; } .accordion-MyAccount-navigation .collapse-body .collapse { display: block !important; } .accordion-MyAccount-navigation .collapse-body .collapse-body-inner { padding-bottom: 0; } } /* WooCommerce - My Account - Dashboard */ .my-account-dashboard-info-lable { font-size: var(--font-size-sm); font-weight: var(--weight-default); font-family: var(--font-default); margin-bottom: 0.7rem; } .my-account-dashboard-info-data { margin-bottom: 2rem; font-size: 2.2rem; font-family: var(--font-default); font-weight: var(--weight-light); word-break: break-all; } @media (min-width: 992px) { .my-account-dashboard-info-data { font-size: 2.6rem; margin-bottom: 3rem; } } /* WooCommerce - My Account - Account Information */ .woocommerce-MyAccount-content .edit-account fieldset legend { font-family: var(--font-default); font-weight: var(--weight-default); font-size: var(--font-size-h4); } .woocommerce-account-info-fields__field-wrapper, .woocommerce-additional-fields__field-wrapper, .woocommerce-address-fields__field-wrapper { 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; margin: -1rem; margin-bottom: 3rem; } .woocommerce-form-row .woocommerce-form-row--wide .form-row .form-row-wide { padding-left: 0; padding-right: 0; } .woocommerce-form-row .woocommerce-form-row--wide .form-row .form-row-wide { padding-left: 0; padding-right: 0; } .woocommerce-additional-fields__field-wrapper .notes { width: 100%; } .woocommerce-MyAccount-content .woocommerce-Input--help-text { padding-top: 1rem; font-size: var(--font-size-xs); } .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_subscribed"], .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_unsubscribed"], .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_transactional"] { cursor: pointer; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: var(--space-md); padding: var(--form-row-pad-y) var(--form-row-pad-x); font-size: var(--font-size-sm); } @media (min-width: 992px) { .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_subscribed"], .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_unsubscribed"], .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_transactional"] { padding: calc(var(--form-row-pad-y) * 1.5) calc(var(--form-row-pad-x) * 1.5); } } .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_subscribed"] input, .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_unsubscribed"] input, .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_transactional"] input { cursor: pointer; -webkit-appearance: none; /* Safari/Chrome */ -moz-appearance: none; /* Firefox */ appearance: none; margin-right: var(--space-default); padding: 0; width: unset; font-size: inherit; background-color: unset; } .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_subscribed"] input::before, .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_unsubscribed"] input::before, .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_transactional"] input::before { text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-regular); content: "\f111"; margin-top: 0.15em; } .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_subscribed"] input:checked:before, .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_unsubscribed"] input:checked:before, .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_transactional"] input:checked:before { content: "\f192"; } .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_subscribed"] input::after, .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_unsubscribed"] input::after, .woocommerce-MyAccount-content .edit-account label[for="mailchimp_woocommerce_is_transactional"] input::after { display: -webkit-box; display: -ms-flexbox; display: flex; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--border-radius-sm); border: var(--border); margin: calc(var(--form-row-pad-y) * -1) calc(var(--form-row-pad-x) * -1); } .my-account-address-container { position: relative; padding: 3rem 9rem 9rem 2rem; height: 100%; min-height: 25rem; } @media (min-width: 992px) { .my-account-address-container { padding-left: 3rem; } } .woocommerce-MyAccount-content .woocommerce-EditAccountForm { padding-bottom: var(--pad-y-sm); } .woocommerce-MyAccount-content .woocommerce-Address-title { text-transform: uppercase; } @media (min-width: 992px) { .woocommerce-billing-fields__field-wrapper .address-field.validate-state, .woocommerce-billing-fields__field-wrapper .address-field.validate-postcode { width: 50%; } } /* WooCommerce - My Account - Designer - Cards */ .my-account-details-designer-cards .card .card-title { font-size: var(--font-size-sm); font-weight: var(--weight-default); font-family: var(--font-default); } .my-account-details-designer-cards .card .card-subtitle { font-size: var(--font-size-xs); font-weight: var(--weight-light); font-family: var(--font-default); margin-bottom: 0; } @media (min-width: 992px) { .my-account-details-designer-cards .card .card-title { margin-bottom: 0.75rem; } } /* WooCommerce - My Account - Order History */ .woocommerce-MyAccount-content .woocommerce-orders-table.woocommerce-MyAccount-orders { width: 100%; margin-left: auto; margin-right: auto; } .woocommerce-MyAccount-content .woocommerce-orders-table__header.woocommerce-orders-table__header { font-size: var(--font-default); font-weight: var(--weight-default); font-family: var(--font-default); text-transform: uppercase; text-align: center; } .woocommerce-MyAccount-content .woocommerce-orders-table__header.woocommerce-orders-table__header:first-child { text-align: left; } .woocommerce-MyAccount-content .woocommerce-orders-table__cell { text-align: center; } .woocommerce-MyAccount-content .woocommerce-orders-table__cell:first-child { text-align: left; padding-left: 0; } .woocommerce-MyAccount-content .woocommerce-orders-table__cell:last-child { padding-right: 0; } .woocommerce-MyAccount-content table.woocommerce-orders-table tr.woocommerce-orders-table__row.order:not(:last-child) { border-bottom: var(--border); } .woocommerce-MyAccount-content table.shop_table.my_account_orders tr.order { padding-bottom: 10px; } .woocommerce-MyAccount-content .woocommerce-orders-table__cell { padding: 1rem 0.5rem; } .order-history-table .woocommerce-button:not(:last-child) { margin-bottom: 1rem; } @media (min-width: 992px) { .woocommerce-MyAccount-content .woocommerce-orders-table__cell { padding: 2rem 1rem; } } /* Woocommerce - Cart Empty */ .wc-empty-cart-message a, .return-to-shop a { font-family: var(--font-default); font-weight: var(--weight-light); } .wc-empty-cart-message { margin-top: 7rem; text-align: center; } .return-to-shop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15rem; text-align: center; } /** * Carts * ----- */ /* Carts - Items */ .cart-item { border-bottom: var(--border); } .cart-item:first-child { border-top: var(--border); } .cart-item td { padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 992px) { .cart-item td { padding-top: 2rem; padding-bottom: 2rem; } } .cart-item .img { vertical-align: top; position: relative; min-width: 11rem; padding-right: 1rem; } @media (min-width: 576px) { .cart-item .img { min-width: 15rem; padding-right: 2rem; } } @media (min-width: 1200px) { .cart-item .img { min-width: 20rem; } } .cart-item .img-wrapper { overflow: hidden; border-radius: var(--border-radius); } .cart-item .remove { font-size: var(--font-size-xs); font-family: var(--font-default); font-weight: var(--weight-light); margin-top: 1rem; text-decoration: none !important; } .cart-item .remove .text { line-height: 1; margin-left: 0.5rem; border-bottom: 1px solid transparent; } .cart-item .details { width: 100%; vertical-align: top; } .cart-item .product-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 576px) { .cart-item .product-header { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cart-item .product-name { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width: 576px) { .cart-item .product-name { margin-right: 1.5rem; } } .cart-item .product-name > a { text-decoration: none !important; } .cart-item .product-quantity { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 50%; min-width: 15rem; max-width: 25rem; margin-top: 1rem; } .cart-item .product-price, .cart-item .product-text { font-size: var(--font-size-xs); margin: 0.75rem 0; } .cart-item .product-subtotal { 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-align: start; -ms-flex-align: start; align-items: flex-start; font-family: var(--font-default); font-weight: var(--weight-default); font-size: 1.8rem; margin-bottom: 1rem; } @media (min-width: 576px) { .cart-item .product-subtotal { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media (min-width: 992px) { .cart-item .product-subtotal { font-size: var(--font-size-default); } } .cart-item .product-subtotal del { font-size: 0.8em; color: var(--color-grey-darker); } .cart-item .product-subtotal del + .amount { color: var(--color-secondary); } .cart-item .blockOverlay { opacity: 0.5 !important; background-color: var(--color-grey-lighter) !important; } /* Carts - Collaterals */ .cart-collaterals { position: sticky; top: calc((var(--navbar-height) * 1.5) + var(--wp-admin-bar-height)); } /* Carts - Backorder */ .cart-item .backorder-note { margin-top: var(--space-sm); margin-bottom: 0; font-size: var(--font-size-sm); } .cart-item .backorder-note a { font-family: var(--font-default); font-weight: var(--weight-default); } /** * Woocommerce - Single Product * ---------------------------- */ .single-product .onsale, .single-product .added_to_cart.wc-forward { display: none; } /* Single Product - Variation */ #single-variations-form .variations { margin-bottom: var(--space-default); } /* Single Product - Skeleton */ #single-variations-form .variations_form:not(.initialized) .variations { display: none; } #single-variations-form .variations_form:not(.initialized)::before { --skeleton-height: 2rem; display: block; content: ""; margin-bottom: var(--space-lg); width: 100%; height: calc((var(--skeleton-height) * 4) + (var(--space-sm) * 5)); background-image: -o-linear-gradient(var(--color-grey), var(--color-grey)), -o-linear-gradient(var(--color-grey), var(--color-grey)), -o-linear-gradient(var(--color-grey), var(--color-grey)), -o-linear-gradient(var(--color-grey), var(--color-grey)); background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), to(var(--color-grey))), -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), to(var(--color-grey))), -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), to(var(--color-grey))), -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), to(var(--color-grey))); background-image: -o-linear-gradient(var(--color-grey), var(--color-grey)), -o-linear-gradient(var(--color-grey), var(--color-grey)), -o-linear-gradient(var(--color-grey), var(--color-grey)), -o-linear-gradient(var(--color-grey), var(--color-grey)); background-image: linear-gradient(var(--color-grey), var(--color-grey)), linear-gradient(var(--color-grey), var(--color-grey)), linear-gradient(var(--color-grey), var(--color-grey)), linear-gradient(var(--color-grey), var(--color-grey)); background-size: 35% var(--skeleton-height), 100% var(--skeleton-height), 35% var(--skeleton-height), 100% var(--skeleton-height); background-position: 0 0, 0 calc(var(--skeleton-height) + var(--space-sm)), 0 calc((var(--skeleton-height) * 2) + (var(--space-sm) * 4)), 0 calc((var(--skeleton-height) * 3) + (var(--space-sm) * 5)); background-repeat: no-repeat; } /* Single Product - More Available Option */ .more-available-option-wrap { 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; } button.more-available-option { 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-bottom: var(--space-lg); padding: 0; font-family: var(--font-default); font-weight: var(--weight-default); font-size: var(--font-size-default); text-align: left; } button.more-available-option i { margin-left: var(--space-sm); } /* Single Product - Select Brand Menu */ .select-menu-brand { margin-bottom: var(--space-xl); } /* Single Product - Price */ .woocommerce-variation.single_variation { display: block !important; min-height: 1.4em; font-size: 2.2rem; } @media (min-width: 992px) { .woocommerce-variation.single_variation { font-size: 2.6rem; } } #single-variations-form .variations_form[current-variation-id=""] .woocommerce-variation-price, #single-variations-form .variations_form:not([current-variation-id=""]) .woocommerce-variation-price-range { display: none; } /* Single Product - Availability */ .woocommerce-variation-availability { font-family: var(--font-default); font-weight: var(--weight-default); font-size: var(--font-size-sm); } .woocommerce-variation-availability p.in-stock { margin-bottom: var(--space-default); color: var(--color-primary); } /* Single Product - Add to Cart & Project */ .product-type-simple form.cart, .woocommerce-variation-add-to-cart, .woocommerce .add-to-project { /* Variables */ --button-gap: 0.75rem; 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; margin-right: calc(var(--button-gap) * -1); margin-left: calc(var(--button-gap) * -1); margin-bottom: calc(var(--button-gap) * 2); } @media (min-width: 992px) { .product-type-simple form.cart, .woocommerce-variation-add-to-cart, .woocommerce .add-to-project { /* Variables */ --button-gap: 1rem; } } .product-type-simple form.cart > *, .woocommerce-variation-add-to-cart > *, .woocommerce .add-to-project > * { margin-right: var(--button-gap); margin-left: var(--button-gap); } .product-type-simple form.cart .quantity, .woocommerce-variation-add-to-cart .quantity, .woocommerce .add-to-project > *:last-child { -webkit-box-flex: 0.4; -ms-flex: 0.4; flex: 0.4; } .product-type-simple form.cart .single_add_to_cart_button, .woocommerce-variation-add-to-cart .single_add_to_cart_button, .woocommerce-variation-add-to-cart .single-enquiry-button, .woocommerce .add-to-project > *:first-child { -webkit-box-flex: 0.6; -ms-flex: 0.6; flex: 0.6; } .woocommerce-variation-add-to-cart { margin-top: var(--button-gap); } @media (min-width: 992px) { .woocommerce .add-to-project { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } #wc-stripe-express-checkout-element { display: none; } /* Single Product - Backorder */ .woocommerce-variation-add-to-cart.backorder-enabled .single_add_to_cart_button, .woocommerce-variation-add-to-cart:not(.backorder-enabled) .woocommerce-variation-backorder-note, .woocommerce-variation-add-to-cart:not(.backorder-enabled) .single-enquiry-button { display: none !important; } /* Temporary forcing backorder */ .woocommerce-variation-add-to-cart .single_add_to_cart_button { /* display: none !important; */ } /* Temporary forcing backorder */ .woocommerce-variation-add-to-cart:not(.backorder-enabled) .single-enquiry-button { /* display: block !important; */ } .woocommerce-variation-add-to-cart .woocommerce-variation-backorder-note { margin: var(--button-gap); margin-bottom: calc(var(--button-gap) * 2); width: 100%; font-size: var(--font-size-sm); } /* Single Product - Enquiry & Share Buttons */ .single-product .btn-group-vertical .btn { max-width: 35rem; } /* Single Product - Enquiry Form */ .modal-product-enquiry .product-details { 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: nowrap; flex-wrap: nowrap; gap: var(--space-default); margin-bottom: var(--space-default); } @media (min-width: 576px) { .modal-product-enquiry .product-details { -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; } } .modal-product-enquiry .product-details .product-img { -ms-flex-negative: 0; flex-shrink: 0; width: 12rem; } @media (min-width: 768px) { .modal-product-enquiry .product-details .product-img { width: 16rem; } } .modal-product-enquiry .product-details .product-attribute { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } /* Single Product - Lifestyle Image */ .single-product .lifestyle-image img { border-radius: var(--border-radius); margin-bottom: 0; } /** * Woocommerce - Metas & Variations * -------------------------------- */ .wc-item-meta { padding-left: 0; margin-bottom: 0; } .wc-item-meta > li::before { content: none; } ul.wc-item-meta > li { display: inline-block; margin-bottom: 0; width: 100%; } .variation, .wc-item-meta > li * { font-family: var(--font-default-thin); font-weight: var(--weight-thin); font-size: var(--font-size-xs); margin-bottom: 0.75rem; text-transform: uppercase; } .wc-item-meta > li p { display: inline-block; } .variation .label, .wc-item-meta .wc-item-meta-label { text-transform: capitalize; margin-right: 0.5rem; } /** * Woocommerce - Accordions * ------------------------ */ /* Woocommerce - Accordions - Products */ .product-accordion .woocommerce-link { padding: 1rem 0; font-size: var(--font-size-xs); font-family: var(--font-default); font-weight: var(--weight-default); } /** * Woocommerce - Tables * -------------------- */ /* Woocommerce - Tables - Total Summary */ .total-summary-table { margin-bottom: 2rem; font-size: var(--font-size-sm); border-radius: var(--border-radius); background-color: var(--color-grey); } .total-summary-table tr:not(:last-child) { border-bottom: var(--border); } .total-summary-table th, .total-summary-table td { font-family: var(--font-default-thin); font-weight: var(--weight-thin); padding: 2rem; } .total-summary-table td { text-align: right; } .total-summary-table .cart-coupon .button { background-color: var(--color-white-beige); } .total-summary-table .cart-subtotal > * { font-family: var(--font-default-thin); font-weight: var(--weight-thin); } .total-summary-table .order-total th, .total-summary-table .order-total td, .total-summary-table .order-total .amount, .total-summary-table .order_total th, .total-summary-table .order_total td, .total-summary-table .order_total .amount { font-family: var(--font-default); font-weight: var(--weight-default); } .total-summary-table .order-total th { vertical-align: baseline; } .total-summary-table .order-total td > strong { display: block; } .total-summary-table .shipping td { text-align: left; } .total-summary-table .shipping-title, .total-summary-table .woocommerce-shipping-methods { padding: 0; margin-bottom: var(--space-default); } .total-summary-table .woocommerce-shipping-methods li::before, .total-summary-table input.shipping_method { display: none; } .total-summary-table input.shipping_method + label { cursor: pointer; 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: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 0; text-wrap: balance; } .total-summary-table input.shipping_method:checked + label { font-family: var(--font-default); font-weight: var(--weight-default); } .total-summary-table input.shipping_method + label::before { text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-regular); content: "\f111"; margin-top: 0.15em; margin-right: 0.75em; } .total-summary-table input.shipping_method:checked + label::before, .total-summary-table input.shipping_method[type="hidden"] + label::before { content: "\f192"; } .total-summary-table input.shipping_method + label .amount { margin-left: auto; padding-left: 0.75em; } .total-summary-table .shipping .woocommerce-shipping-destination { margin-bottom: 0; } /** * Woocommerce - Coupon * -------------------- */ /* Woocommerce - Coupon - Checkout Page */ .coupon, .woocommerce-form-coupon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .woocommerce-form-coupon .form-row { width: 100%; margin: 0; } .coupon input, .woocommerce-form-coupon input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: none; border-radius: var(--border-radius); border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 0 1rem; background-color: var(--color-white); } .coupon .button, .woocommerce-form-coupon .button { border-radius: var(--border-radius); border-top-left-radius: 0; border-bottom-left-radius: 0; background-color: var(--color-grey); } .coupon .button:hover, .woocommerce-form-coupon .button:hover { background-color: var(--color-grey-medium); } .woocommerce .wc-proceed-to-checkout { width: 100%; } div.woocommerce .checkout-button { background-color: var(--color-yellow); } div.woocommerce .checkout-button:not(:disabled):not(.disabled):hover, div.woocommerce .checkout-button:not(:disabled):not(.disabled).active, div.woocommerce .checkout-button:not(:disabled):not(.disabled):active { color: var(--color-black); background-color: var(--color-yellow-green); } /** * Woocommerce - Checkouts & Payment Methods * ----------------------------------------- */ /* Woocommerce - Checkouts */ #customer_details, .woocommerce-checkout-review-order-table, .woocommerce-checkout-payment { margin-bottom: var(--pad-y); } .woocommerce .checkout-button::before, .woocommerce-checkout-payment #place_order::before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.5em; font: var(--fa-font-light); content: "\f30d"; } /* Woocommerce - Express Checkout */ #wc-stripe-express-checkout-element { display: none !important; } /* Woocommerce - Payment Methods */ .wc_payment_methods { margin-bottom: 0; } @media (min-width: 992px) { .wc_payment_methods > .wc_payment_method { padding-top: 2rem !important; padding-bottom: 2rem !important; } } .wc_payment_methods > .wc_payment_method:first-child { border-top: var(--border); } .wc_payment_methods > .wc_payment_method:not(:last-child) { border-bottom: var(--border); } ul.payment_methods li[class*="payment_method"] input[name="payment_method"] { cursor: pointer; padding: 0; width: 1em; height: 1em; } ul.payment_methods li[class*="payment_method_stripe"] > input[name="payment_method"] + label { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; font-size: 1.8rem; font-family: var(--font-default); font-weight: var(--weight-default); } ul.payment_methods li[class*="payment_method_stripe"] label > img:first-of-type { margin-left: 1rem; margin-bottom: 0; } ul.payment_methods .payment_box ul.wc-saved-payment-methods > li::before { display: none; } .payment_box .wc-stripe-wallet-notice { border-color: var(--color-grey-medium); border-radius: var(--border-radius); -webkit-box-shadow: none; box-shadow: none; font-size: 0.9em; } .wc-stripe-wallet-notice img.wc-stripe-wallet-notice--mark { display: none; } .wc_payment_methods .wc-stripe_cc-new-method-container, .wc-stripe-wallet-notice img.wc-stripe-wallet-notice--icon { margin-bottom: 0; } .woocommerce-privacy-policy-text p { font-size: var(--font-size-sm); } .woocommerce-privacy-policy-text a { font-family: var(--font-default); font-weight: var(--weight-default); } .woocommerce-NoticeGroup-checkout, .wc_payment_methods .woocommerce-NoticeGroup { display: none; } .payment_box.payment_method_stripe_cc { border: var(--border); border-radius: var(--border-radius); padding: 1.2rem; background-color: var(--color-white); } .wc_payment_method .woocommerce-SavedPaymentMethods-saveNew { 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: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-right: 0; padding-left: 0; width: 100%; } .wc_payment_method .woocommerce-SavedPaymentMethods-saveNew label, .wc_payment_method .woocommerce-SavedPaymentMethods-saveNew input { cursor: pointer; } .wc_payment_method .woocommerce-SavedPaymentMethods-saveNew input { position: relative; -webkit-appearance: none; /* Safari/Chrome */ -moz-appearance: none; /* Firefox */ appearance: none; margin-top: 0.2em; margin-right: var(--space-sm); padding: 0; font-size: 1em; background-color: unset; } .wc_payment_method .woocommerce-SavedPaymentMethods-saveNew input::before, .wc_payment_method .woocommerce-SavedPaymentMethods-saveNew input::after { display: -webkit-box; display: -ms-flexbox; display: flex; text-rendering: auto; -webkit-font-smoothing: antialiased; } .wc_payment_method .woocommerce-SavedPaymentMethods-saveNew input::before { font: var(--fa-font-regular); content: "\f0c8"; } .wc_payment_method .woocommerce-SavedPaymentMethods-saveNew input::after { display: none; position: absolute; top: 0.3em; left: 0.25em; content: "\f00c"; font: var(--fa-font-solid); font-size: 0.6em; color: var(--color-yellow-green); } .wc_payment_method .woocommerce-SavedPaymentMethods-saveNew input:checked::before { font: var(--fa-font-solid); } .wc_payment_method .woocommerce-SavedPaymentMethods-saveNew input:checked::after { display: -webkit-box; display: -ms-flexbox; display: flex; } /** * Woocommerce - Billing & Shipping * -------------------------------- */ .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-additional-fields__field-wrapper { 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; margin: -1rem; margin-bottom: 3rem; } .woocommerce-billing-fields #billing_country_field, .woocommerce-shipping-fields #shipping_country_field { display: none; } @media (min-width: 992px) { .woocommerce-billing-fields__field-wrapper .address-field.validate-state, .woocommerce-billing-fields__field-wrapper .address-field.validate-postcode, .woocommerce-shipping-fields__field-wrapper .address-field.validate-state, .woocommerce-shipping-fields__field-wrapper .address-field.validate-postcode { width: 50%; } } .woocommerce-shipping-fields #ship-to-different-address label { cursor: pointer; 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: nowrap; flex-wrap: nowrap; } .woocommerce-shipping-fields #ship-to-different-address input { cursor: pointer; 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; -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; -webkit-appearance: none; /* Safari/Chrome */ -moz-appearance: none; /* Firefox */ appearance: none; border: none; margin-left: var(--space-default); padding: 0; width: unset; font-size: 1em; background-color: unset; } .woocommerce-shipping-fields #ship-to-different-address input::before, .woocommerce-shipping-fields #ship-to-different-address input::after { display: -webkit-box; display: -ms-flexbox; display: flex; text-rendering: auto; -webkit-font-smoothing: antialiased; } .woocommerce-shipping-fields #ship-to-different-address input::before { font: var(--fa-font-regular); content: "\f0c8"; } .woocommerce-shipping-fields #ship-to-different-address input::after { display: none; position: absolute; content: "\f00c"; font: var(--fa-font-solid); font-size: 0.6em; color: var(--color-yellow-green); } .woocommerce-shipping-fields #ship-to-different-address input:checked::before { font: var(--fa-font-solid); } .woocommerce-shipping-fields #ship-to-different-address input:checked::after { display: -webkit-box; display: -ms-flexbox; display: flex; } .woocommerce-additional-fields #order_comments_field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .woocommerce-additional-fields #order_comments_field label, .woocommerce-additional-fields #authority_to_leave h2 { display: block; margin-top: var(--space-lg); margin-bottom: var(--space-default); font-family: var(--font-default); font-size: var(--font-size-h4); font-weight: var(--weight-default); text-transform: none; } .woocommerce-additional-fields__field-wrapper { margin-bottom: 0 !important; } .woocommerce-additional-fields__field-wrapper .notes { width: 100%; } .woocommerce-additional-fields #authority_to_leave h2::before { display: none; } .woocommerce-additional-fields #authority_to_leave_field { padding: 0; } /** * Woocommerce - Thank You Page * ---------------------------- */ .woocommerce-order { 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; margin-right: -15px; margin-left: -15px; } @media (min-width: 992px) { .woocommerce-order { margin-right: -30px; margin-left: -30px; } } .woocommerce-order-confirmation, .woocommerce-order-details, .woocommerce-customer-details { width: 100%; } .woocommerce-error-wrapper, .woocommerce-order-details, .woocommerce-customer-details { padding-right: 15px; padding-left: 15px; } @media (min-width: 992px) { .woocommerce-error-wrapper, .woocommerce-order-details, .woocommerce-customer-details { padding-right: 30px; padding-left: 30px; } .woocommerce-order-details { width: 66.66%; } .woocommerce-customer-details { width: 33.33%; } } .woocommerce-order-details, .woocommerce-customer-details { padding-top: var(--pad-y-sm); } @media (min-width: 992px) { .woocommerce-order-details, .woocommerce-customer-details { padding-bottom: var(--pad-y-sm); } } /* Woocommerce - Thank You Page - Order Confirmations */ .woocommerce-order-confirmation { margin-top: calc(var(--pad-y) * -1); text-align: center; -webkit-transform: translateX(calc((100vw - 100%) / -2)); -ms-transform: translateX(calc((100vw - 100%) / -2)); transform: translateX(calc((100vw - 100%) / -2)); } .woocommerce-order-confirmation .container-inner { padding-top: var(--pad-y-sm); padding-bottom: var(--pad-y-sm); width: 100vw; background-color: var(--color-quaternary); } .woocommerce-order-confirmation .container-xxl { 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; } .order-confirmation-details { border-radius: var(--border-radius); padding: 1.5rem; width: 100%; max-width: 75rem; background-color: var(--color-white); } @media (min-width: 992px) { .order-confirmation-details { padding: 3rem; } } .order-confirmation-details p { font-family: var(--font-default); font-weight: var(--weight-light); color: var(--color-grey-dark); line-height: var(--line-lg); } .order-confirmation-details p span { font-weight: var(--weight-default); color: var(--color-black); } /* Woocommerce - Thank You Page - Order Details */ .woocommerce-order-details .product-table { border-top: var(--border); } /* Woocommerce - Thank You Page - Customer Details */ .woocommerce-customer-details address { border-top: var(--border); padding-top: 1rem; padding-bottom: 1rem; font-size: var(--font-size-sm); } @media (min-width: 992px) { .woocommerce-customer-details address { padding-top: 2rem; padding-bottom: 2rem; } } .woocommerce-customer-details--email, .woocommerce-customer-details--phone { margin-bottom: 0; } /* Woocommerce - Thank You Page - Error Messages */ .woocommerce-order .woocommerce-error-wrapper { width: 100%; } .woocommerce-order .woocommerce-thankyou-order-failed { display: block; border-radius: var(--border-radius); border: var(--border); border-color: var(--color-secondary); width: 100%; padding: 2rem; color: var(--color-secondary); background-color: var(--color-secondary-lightest); } .woocommerce-order .woocommerce-thankyou-order-failed-actions { 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; } .woocommerce-order .woocommerce-thankyou-order-failed-actions .button:not(:last-child) { margin-bottom: 1rem; } @media (min-width: 576px) { .woocommerce-order .woocommerce-thankyou-order-failed-actions { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .woocommerce-order .woocommerce-thankyou-order-failed-actions .button:not(:last-child) { margin-right: 2rem; margin-bottom: 0; } } .woocommerce-order .woocommerce-thankyou-order-failed-actions .button { min-width: 20rem; } /** * Woocommerce - Login & Register * ------------------------------ */ .woocommerce-form-login .woocommerce-form-login__submit, .woocommerce-form-register .woocommerce-form-register__submit, .woocommerce-ResetPassword button[type="submit"] { width: 100%; } /* Woocommerce - Login */ @media (min-width: 992px) { #customer_login, .woocommerce-ResetPassword { margin-right: auto; margin-left: auto; max-width: 75rem; } } #customer_login wc-order-attribution-inputs { padding: 0; } /* Woocommerce - Login & Register - Modals */ .modal #customer_login { margin-right: auto; margin-left: auto; } .modal #customer_login .col-1, .modal #customer_login .col-2 { padding-right: 0; padding-left: 0; } /** * Woocommerce - Order History * --------------------------- */ .woocommerce-order-history { margin-left: auto; margin-right: auto; max-width: 75rem; min-height: 30rem; text-align: center; } .woocommerce-order-history .woocommerce-info { 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-align: center; -ms-flex-align: center; align-items: center; } .order-note { border-radius: var(--border-radius); border: var(--border); padding: 2rem; text-align: center; background-color: var(--color-green-light); } .order-note.cancelled { background-color: var(--color-white-beige); } .order-note.pending { background-color: var(--color-tertiary-light); } .order-note mark { font-family: var(--font-default); font-weight: var(--weight-default); background-color: transparent; } /** * Woocommerce - Notice Messages * ----------------------------- */ .woocommerce-notices-wrapper { display: none; } .woocommerce-message, ul.woocommerce-error { border-radius: var(--border-radius); } ul.woocommerce-error.max-width { margin-left: auto; margin-right: auto; max-width: 72rem; } /* Woocommerce - Notice Messages - Colors */ ul.woocommerce-error { border-color: var(--color-secondary); color: var(--color-secondary); background-color: var(--color-secondary-lightest); } .woocommerce-message { border-color: var(--color-primary-light); color: var(--color-primary); background-color: var(--color-primary-light-extra); } /* Woocommerce - Notice Messages - Icons */ .woocommerce-error:not(ul)::before, .woocommerce-message:not(ul)::before { display: none; text-rendering: auto; -webkit-font-smoothing: antialiased; } .woocommerce-error:not(ul)::before { font: var(--fa-font-solid); content: "\f06a"; } .woocommerce-message:not(ul)::before { font: var(--fa-font-solid); content: "\f058"; } .woocommerce-error > svg, .woocommerce-message > svg { margin-right: 0.5rem; } @media (min-width: 992px) { .woocommerce-error > svg, .woocommerce-message > svg { margin-right: 1rem; } } /** * Related products * ---------------- */ .related-product-slider .slick-slide > div, .related-product-slider .card-deck-col { height: 100%; } /** * Product Swatches * ---------------- */ th.yith_wccl_layout_inline, th.yith_wccl_layout_separate { padding-bottom: 0.5rem; font-family: var(--font-default); font-weight: var(--weight-default); } .yith_wccl_is_custom .select_box { 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; font-size: var(--font-size-xs); margin: -0.25em; margin-bottom: var(--space-default); } .select_option, .select_option.selected { border: none; } .select_option { --yith-wccl-customization-swatches-padding: 0.3rem; --yith-wccl-customization-option-border-radius: var(--border-radius-max); --yith-wccl-customization-color-swatches-size: 2rem; margin: 0; padding: var(--yith-wccl-customization-swatches-padding); } .select_option .yith_wccl_value_wrapper { border: var(--border); background-color: var(--color-white); } .select_option.selected .yith_wccl_value_wrapper { border-color: var(--color-black); } .select_option .yith_wccl_tooltip { font-family: var(--font-default); font-size: var(--font-size-xs); line-height: var(--line-default); } /* Touch-only devices (no hover, coarse pointer) */ @media (hover: none) and (pointer: coarse) { .select_option .yith_wccl_tooltip { display: none; } } /* Product Swatches - Labels */ .select_option_label .yith_wccl_value_wrapper { border-radius: var(--border-radius); padding: var(--yith-wccl-customization-swatches-padding) calc(var(--yith-wccl-customization-swatches-padding) * 2); min-width: unset !important; height: unset !important; } .select_option_label.selected .yith_wccl_value_wrapper { color: var(--color-white); background-color: var(--color-black); } .select_option_label .yith_wccl_value { border: none; font-size: inherit; } /* Product Swatches - Color Pickers & Image */ .select_option_colorpicker .yith_wccl_value_wrapper, .select_option_image .yith_wccl_value_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; border-color: transparent; border-radius: var(--border-radius-max); padding: var(--yith-wccl-customization-swatches-padding); background-color: unset; } .select_option_colorpicker.selected .yith_wccl_value_wrapper, .select_option_image.selected .yith_wccl_value_wrapper { background-color: var(--color-white); } .select_option_colorpicker .yith_wccl_value, .select_option_image .yith_wccl_value { border: none; margin-bottom: 0; -o-object-fit: cover; object-fit: cover; width: var(--yith-wccl-customization-color-swatches-size); height: var(--yith-wccl-customization-color-swatches-size); } .select_option_colorpicker.selected .yith_wccl_value, .select_option_image.selected .yith_wccl_value { border-color: var(--color-white); } .select_option_colorpicker .yith_wccl_value.empty, .select_option_image .yith_wccl_value.empty { background-color: #fff; /* fallback color */ background-image: -o-linear-gradient(45deg, #ccc 25%, transparent 25%), -o-linear-gradient(135deg, #ccc 25%, transparent 25%), -o-linear-gradient(45deg, transparent 75%, #ccc 75%), -o-linear-gradient(135deg, transparent 75%, #ccc 75%); background-image: -o-linear-gradient(45deg, #ccc 25%, transparent 25%), -o-linear-gradient(135deg, #ccc 25%, transparent 25%), -o-linear-gradient(45deg, transparent 75%, #ccc 75%), -o-linear-gradient(135deg, transparent 75%, #ccc 75%); background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%); background-size: calc(var(--yith-wccl-customization-color-swatches-size) / 4) calc(var(--yith-wccl-customization-color-swatches-size) / 4); /* size of checker squares */ background-position: center; background-repeat: repeat; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .select_option .yith_wccl_tooltip img { width: 100%; min-height: 8.8rem; } /* Product Swatches - Inactive */ .select_option { position: relative; } .select_option.yith-wccl-remove { /* opacity: 0.5; */ -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); -webkit-transition-property: opacity, color, background-color; -o-transition-property: opacity, color, background-color; transition-property: opacity, color, background-color; } .select_option.yith-wccl-remove:hover { opacity: 1; } .select_option.inactive span.yith_wccl_value { opacity: unset; } .select_option.yith-wccl-remove, .select_option.inactive, .select_option.inactive .yith_wccl_value { display: inline-block; cursor: pointer; } /** * Product Swatches - Product Single Page * -------------------------------------- */ #single-variations-form .yith_wccl_is_custom .select_box_colorpicker, #single-variations-form .yith_wccl_is_custom .select_box_image { font-size: var(--font-size-sm); } #single-variations-form .select_option { --yith-wccl-customization-swatches-padding: 0.4rem; --yith-wccl-customization-color-swatches-size: 2.6rem; } /** * Product & Build Project Pages * ----------------------------- */ .page-product .facetwp-facet-clear_all, .page-build-project .facetwp-facet-clear_all { margin-top: 1rem; margin-bottom: 0; } @media (min-width: 992px) { .page-product .facetwp-facet-clear_all, .page-build-project .facetwp-facet-clear_all { position: absolute; top: 100%; left: 0; right: 0; } } .card-post-product-project .card-footer { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* Temporary forcing backorder */ .card-post-product-project .card-footer > .price, .card-post-product-project .card-footer > .amount { /* margin-left: unset; */ } .card-post-product-project .card-footer .add_to_cart_button { display: none; } .card-post-product-project.card-style-thumbnail-product .form-action { -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; margin-left: auto; max-width: 15rem; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; font-size: var(--font-size-xs); } .card-post-product-project.card-style-thumbnail-product .quantity .minus, .card-post-product-project.card-style-thumbnail-product .quantity .plus, .card-post-product-project.card-style-thumbnail-product input[name="product_qty"], .card-post-product-project.card-style-thumbnail-product .form-add-to-project button[type="submit"] { font-size: inherit; } .card-post-product-project.card-style-thumbnail-product .quantity { padding: 0 0.2rem; } .card-post-product-project.card-style-thumbnail-product .quantity .minus, .card-post-product-project.card-style-thumbnail-product .quantity .plus { width: 30%; } .card-post-product-project.card-style-thumbnail-product input[name="product_qty"] { padding: 0; background-color: unset; } .card-post-product-project.card-style-thumbnail-product .form-add-to-project button[type="submit"] { -ms-flex-negative: 0; flex-shrink: 0; width: 3em; height: 3em; color: var(--color-white); } .card-post-product-project.card-style-thumbnail-product .form-add-to-project button[type="submit"].loading > .text { display: none; } /** * Shop Pages * ---------- */ /* Shop Pages - Category Accordion */ .accordion-shop-category ul { margin-bottom: 0; } .accordion-shop-category.hide-border-bottom .collapse-item:last-of-type { border-bottom: none; } .accordion-shop-category .collapse-header { border-top: var(--border); } .accordion-shop-category .collapse-title { font-size: var(--font-size-sm); } .accordion-shop-category .collapse-header .btn[data-toggle="collapse"] { padding-right: 0; } .accordion-shop-category .collapse-text i { margin-right: var(--space-sm); margin-left: var(--space-sm); } .accordion-shop-category .collapse-body .collapse-body-inner { padding-bottom: 0; } @media (max-width: 991px) { .accordion-shop-category .collapse-item:last-of-type { border-bottom: var(--border); } .accordion-shop-category .menu-shop-categories-accordion > .menu-item { padding-left: var(--space-lg); padding-right: var(--space-lg); } } @media (min-width: 992px) { .accordion-shop-category .collapse-item:last-of-type { border-bottom: none; } .accordion-shop-category { margin-bottom: var(--space-xl); } .accordion-shop-category .collapse-header { display: none; } .accordion-shop-category .collapse-body > .collapse { display: block !important; } } /* Shop Pages - Filter */ .page-shop .filter-accordion { border-top: var(--border); border-bottom: var(--border); } .page-shop .filter-accordion .collapse-header, .page-shop .filter-accordion .collapse-item:last-of-type { border: none; } .page-shop .filter-accordion .collapse-header { z-index: 2; position: sticky; top: 0; background-color: var(--color-grey-lighter); } /* Shop Pages - Category Banner */ @media (max-width: 991px) { .product-category-lifestyle-img { margin-top: var(--space-xl); } } /** * Product Pages * ------------- */ /* Product Pages - Filter */ .page-product .facetwp-facet-product_sub_category .fs-wrap.multiple .fs-option.d0 { cursor: default; pointer-events: none; } .page-product .facetwp-facet-product_sub_category .fs-wrap.multiple .fs-option.d0, .page-product .facetwp-facet-product_sub_category .fs-wrap.multiple .fs-option.d1 { padding: 1rem var(--select-pad-x) !important; } .page-product .facetwp-facet-product_sub_category .fs-wrap.multiple .fs-option.d0 svg { display: none; } .page-product .facetwp-facet-product_sub_category .fs-wrap.multiple .fs-option.d0 .fs-option-label { padding-left: 0 !important; } .page-product .facetwp-facet-product_sub_category .fs-wrap.multiple .fs-option.d1 { font-size: 0.8em; } .page-product .facetwp-facet-product_sub_category .fs-wrap.multiple .fs-option.d1 svg { margin-left: 1.2rem; } /** * Account Pages * ------------- */ .woocommerce-account .section.has-bg-media { height: 40vh; min-height: 40rem; } @media (min-width: 992px) { .woocommerce-account .section.has-bg-media { padding-bottom: var(--pad-y-sm); } } /** * iFrames * ------- */ iframe.embed-archive-product { border: none; width: 100%; height: 0; } /** * Page Embed * ---------- */ .page-embed .body-main { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .page-embed #wpadminbar { display: none; } .page-embed .accordion.pentagon-style { overflow: hidden; } .page-embed .filter-accordion, .page-embed .filter-accordion .collapse-item { margin-bottom: 0; } .page-embed .filter-accordion .collapse-header { border: none; } .page-embed .accordion.pentagon-style .collapse-body .collapse-body-inner, .page-embed .accordion.filter-accordion .collapse-body .collapse-body-inner { padding-top: 0; } .page-embed .facet-selection-container[data-content="0"] { display: none; } .page-embed .facet-selection-container { border-top: var(--border); } .page-embed .facetwp-template .card-deck-post-product { margin-top: -7.5px; } /** * Project Designer - Page * ----------------------- */ .single-designer-project .call-to-action-container { margin-top: 1rem; margin-bottom: 2rem; text-align: right; } @media (min-width: 992px) { .single-designer-project .call-to-action-container { margin-top: 2rem; margin-bottom: 4rem; } } .single-designer-project .accordion-product-download .collapse-item:first-child .collapse-header { border-top: none; } #designer-checkout-button i { margin-right: var(--space-sm); } /** * Project Moodboard - Page * ------------------------ */ .page-content-moodboard { overflow: scroll; } .page-content-moodboard .section { min-width: 50rem; } /** * Add to Project - Single Page Form * --------------------------------- */ .form-single-add-to-project { margin-top: 2.5rem; } @media (min-width: 992px) { .form-single-add-to-project { margin-top: 5rem; } } .form-single-add-to-project .product-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 2rem; } @media (min-width: 992px) { .form-single-add-to-project .product-details { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .form-single-add-to-project .product-name { font-family: var(--font-default); font-weight: var(--weight-light); text-transform: uppercase; margin-right: 1.5rem; margin-bottom: 1rem; } @media (min-width: 992px) { .form-single-add-to-project .product-name { margin-bottom: 0; } } .form-single-add-to-project .product-quantity { min-width: 10rem; } /** * Print Page * ---------- */ @media print { @page { size: A4; margin: 0mm 10mm; } body { width: 210mm; /* Match the A4 width in millimeters */ margin: 0 auto; /* Center the content */ } .container-xxl { width: 100%; /* Ensure container fits the print width */ max-width: unset; } body #siteby { display: none; } .section-footer-moodboard { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .section-footer-moodboard .content-item { width: 33%; color: var(--color-black); } .card-moodboard { border: var(--border); -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .card-deck-moodboard { padding-top: 0 !important; } .card-deck.card-deck-format-masonry { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .card-deck.card-deck-format-masonry .card-deck-col { display: inline-block; width: 33%; margin: 0 0 10px 0; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } } /** * Inputs * ------ */ .input-group { overflow: hidden; 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: nowrap; flex-wrap: nowrap; border-radius: var(--border-radius); background-color: var(--color-grey); } .input-group input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; background-color: unset; } .input-group .btn-icon-square { padding: 1.5rem; width: unset; height: unset; } /** * Social Share * ------------ */ .social-share .modal-header { border: none; margin-bottom: 1.5rem; padding: 0; } /* Social Share - Lists */ .social-share-list { 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: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .social-share-list .list-item, .social-share-list .list-item a { -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); } .social-share-list .list-item { margin-right: 1rem; margin-left: 1rem; } .social-share-list .list-item:first-child { margin-left: 0; } .social-share-list .list-item:last-child { margin-right: 0; } .social-share-list .icon { 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; border-radius: 9999px; margin-bottom: 0.75rem; width: 1em; height: 1em; font-size: 6rem; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; background-color: var(--color-grey-light); } .social-share-list .icon i { font-size: 0.35em; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; } .social-share-list .title { margin-bottom: 0; font-size: var(--font-size-xs); text-align: center; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; color: var(--color-grey-darker); } .social-share-list .list-item:hover .icon { background-color: currentColor; } .social-share-list .list-item:hover .icon i { color: var(--color-white); } .social-share-list .list-item:hover .title { color: inherit; } /** * Social Share - Modal * -------------------- */ @media (min-width: 992px) { .modal-social-share .modal-content { min-width: 50rem; } .modal-social-share .input-group input { padding: 1.5rem; } } .modal-social-share .social-share-list, .modal-social-share .social-share-list + p { margin-bottom: 2rem; } /** * Search Page & Modal * ------------------- */ /* Search - Titles */ @media (max-width: 767px) { body.search .content-title { margin-top: var(--space-xxl); } } /* Search - Search results */ .search-form { overflow: hidden; border-radius: var(--border-radius); } .search-form .search-submit { display: block; overflow: hidden; border: none; border-radius: 0; padding: 1.4rem 2rem; font-family: var(--font-default); font-weight: var(--weight-light); font-size: var(--font-size-xs); text-align: center; -webkit-transition: var(--transition-quick-ease); -o-transition: var(--transition-quick-ease); transition: var(--transition-quick-ease); color: var(--color-white); background-color: var(--color-black); } .search-form .search-submit:hover { background-color: var(--color-black-75p); } @media (min-width: 992px) { .search-form .search-submit { padding: 1.6rem 3rem; font-size: var(--font-size-sm); } } /* Search - Search Form */ .search-form input.search-field { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; -webkit-box-shadow: var(--shadow-default); box-shadow: var(--shadow-default); border: none; padding: 1.5rem; font-size: 1.6rem; font-family: var(--font-default); font-weight: var(--weight-default); background-color: var(--color-grey); } @media (min-width: 992px) { .search-form input.search-field { padding: 2.5rem; } } .search-form input.search-field::-webkit-input-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-black); } .search-form input.search-field::-moz-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-black); } .search-form input.search-field:-ms-input-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-black); } .search-form input.search-field::-ms-input-placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-black); } .search-form input.search-field::placeholder { font-family: var(--font-default-thin); font-weight: var(--weight-thin); color: var(--color-black); } .search-form label + .search-submit { margin-left: 0; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } /* Search - Modals */ .modal .modal-search .modal-header .title { margin-bottom: 0; } /** * Depicter Pop Ups * ---------------- */ .depicter-popup-container { z-index: 1300 !important; } /* Hide welcome popup in embeded pages */ body.page-embed .depicter-1-display { display: none; }