/** ** Core files/setup */ /** * Core variables. */ /** * Core mixins, variables etc. */ /** * CORE MIXINS */ /** * Calculate the rem value of a unit (eventually) */ /** * Core base */ /** * CORE BASE */ body { margin: 0; overflow-x: hidden; } .s-content-page { max-width: 90rem; } .row { max-width: 90rem; } .row .row { max-width: 90rem; } .row .row.column, .row .row.columns { margin-left: auto !important; margin-right: auto !important; } .show-for-sr, .screen-reader-text, .show-on-focus, .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } /** * BUTTONS--HORIZONTAL-ALIGN */ .c-buttons--horizontal-align-left { text-align: left; } .c-buttons--horizontal-align-centre { text-align: center; } .c-buttons--horizontal-align-right { text-align: right; } /*------------------------------------*\ #NAVICON \*------------------------------------*/ .c-navicon { display: inline-block; cursor: pointer; transition-property: opacity; transition-duration: .4s; transition-timing-function: ease-in-out; } .c-navicon:hover { opacity: 0.7; } .c-navicon:active, .c-navicon:focus { outline: none; } .c-navicon__box { display: block; width: 2.5rem; height: 1.5rem; position: relative; } .c-navicon__inner { display: block; top: 50%; transform: translateY(-50%); } .c-navicon__inner, .c-navicon__inner::before, .c-navicon__inner::after { width: 100%; height: 0.0625rem; background-color: #000000; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .c-navicon__inner::before, .c-navicon__inner::after { content: ""; display: block; } .c-navicon__inner::before { top: -0.5rem; } @media only screen and (min-width: 64em) { .c-navicon__inner::before { top: -0.75rem; } } .c-navicon__inner::after { bottom: -0.5rem; } @media only screen and (min-width: 64em) { .c-navicon__inner::after { bottom: -0.75rem; } } /* * Spin animation for navicon */ .c-navicon--spin .c-navicon__inner { transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .c-navicon--spin .c-navicon__inner:before { transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; } .c-navicon--spin .c-navicon__inner:after { transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .navigation--is-active .c-navicon--spin .c-navicon__inner { transform: rotate(225deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .navigation--is-active .c-navicon--spin .c-navicon__inner:before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; } .navigation--is-active .c-navicon--spin .c-navicon__inner:after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); } /** * SiteOrigin row and widget styling */ /*------------------------------------*\ #ROW-LAYOUT \*------------------------------------*/ .c-row--overflow-visible { overflow: visible; } .c-row--overflow-visible.siteorigin-panels-stretch { overflow-y: visible; } .c-row--no-padding-top { padding-top: 0 !important; } .c-row--no-padding-bottom { padding-bottom: 0 !important; } .c-row--no-padding-vertical { padding-top: 0 !important; padding-bottom: 0 !important; } @media only screen and (min-width: 40em) { .c-row--valign-top, .c-row--valign-middle, .c-row--valign-bottom, .c-row--valign-equal { display: flex; } } .c-row--valign-top .panel-grid-cell, .c-row--valign-middle .panel-grid-cell, .c-row--valign-bottom .panel-grid-cell, .c-row--valign-equal .panel-grid-cell { margin-left: -0.025%; margin-right: -0.025%; } .c-row--valign-top { align-items: flex-start; } .c-row--valign-middle { align-items: center; } .c-row--valign-bottom { align-items: flex-end; } .c-row--valign-equal { align-items: stretch; } .c-row--valign-equal .widget { height: 100%; } .c-row--valign-equal .widget > div { height: 100%; } .c-row--widget-none .widget > div { margin-bottom: 0 !important; } .c-row--widget-none .widget > div > div { margin-bottom: 0 !important; } .c-row--margin-none { margin-bottom: 0 !important; } .c-row--column-none > div { padding-left: 0 !important; padding-right: 0 !important; } /*------------------------------------*\ #ROW-STYLE \*------------------------------------*/ .siteorigin-panels-stretch { overflow: hidden; } @media only screen and (min-width: 0em) and (max-width: map-next((small: 0, medium: 640px, large: 1024px, xlarge: 1280px, xxlarge: 1440px), small) - 0.0625) { .siteorigin-panels-stretch[data-stretch-type="full-stretched"] { margin-left: 0; margin-right: 0; } .siteorigin-panels-stretch[data-stretch-type="full-stretched"].c-row--column-none { margin-left: 0.9375rem; margin-right: 0.9375rem; } .siteorigin-panels-stretch[data-stretch-type="full-stretched"][class*="panel-row-style-for-"] { margin-left: -0.625rem; margin-right: -0.625rem; } } @media only screen and (min-width: 40em) { .siteorigin-panels-stretch[data-stretch-type="full-stretched"] { padding-left: 0; padding-right: 0; margin-left: -0.9375rem; margin-right: -0.9375rem; } .siteorigin-panels-stretch[data-stretch-type="full-stretched"].c-row--column-none, .siteorigin-panels-stretch[data-stretch-type="full-stretched"][class*="panel-row-style-for-"].c-row--column-none { margin-left: 0; margin-right: 0; } } @media (min-width: rem-calc(1440)) { .siteorigin-panels-stretch[data-stretch-type="full"] { padding-left: calc(1 * (100vw - rem-calc(1440)) / 2); padding-right: calc(1 * (100vw - rem-calc(1440)) / 2); } .siteorigin-panels-stretch[data-stretch-type="full-stretched"] { padding-left: 0; padding-right: 0; margin-left: calc(-1 * (((100vw - rem-calc(1440)) / 2) + 15px)); margin-right: calc(-1 * (((100vw - rem-calc(1440)) / 2) + 15px)); } .siteorigin-panels-stretch[data-stretch-type="full-stretched"].c-row--column-none, .siteorigin-panels-stretch[data-stretch-type="full-stretched"][class*="panel-row-style-for-"].c-row--column-none { margin-left: calc(-1 * ((100vw - rem-calc(1440)) / 2)); margin-right: calc(-1 * ((100vw - rem-calc(1440)) / 2)); } } .siteorigin-panels-stretch.c-row--no-column-gutters > .panel-grid-cell { padding-left: 0 !important; padding-right: 0 !important; } .panel-row-style.has-background { background-size: cover; background-repeat: no-repeat; background-position: center center; } /*------------------------------------*\ #SO-WIDGETS \*------------------------------------*/ @media (max-width: 1200px) { .so-widget-cn-core-cta-slider-widget { overflow: hidden; } } .panel-grid-cell:only-child { width: 100%; } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'Dubai'; font-style: normal; font-weight: 300; src: url("./../fonts/dubai/DubaiW23-Light.woff") format("woff"), url("./../fonts/dubai/DubaiW23-Light.woff2") format("woff2"), url("./../fonts/dubai/DubaiW23-Light.ttf") format("ttf"); } @font-face { font-family: 'Dubai'; font-style: normal; font-weight: 400; src: url("./../fonts/dubai/DubaiW23-Regular.woff") format("woff"), url("./../fonts/dubai/DubaiW23-Regular.woff2") format("woff2"), url("./../fonts/dubai/DubaiW23-Regular.ttf") format("ttf"); } @font-face { font-family: 'Dubai'; font-style: normal; font-weight: 600; src: url("./../fonts/dubai/DubaiW23-Medium.woff") format("woff"), url("./../fonts/dubai/DubaiW23-Medium.woff2") format("woff2"), url("./../fonts/dubai/DubaiW23-Medium.ttf") format("ttf"); } @font-face { font-family: 'Dubai'; font-style: normal; font-weight: 700; src: url("./../fonts/dubai/DubaiW23-Bold.woff") format("woff"), url("./../fonts/dubai/DubaiW23-Bold.woff2") format("woff2"), url("./../fonts/dubai/DubaiW23-Bold.ttf") format("ttf"); } /** ** Row layout variables */ /** * ROW--COLUMN **/ .c-row--column-small .panel-grid-cell { padding-left: 0.75rem; padding-right: 0.75rem; } @media only screen and (min-width: 64em) { .c-row--column-small .panel-grid-cell { padding-left: 0.75rem; padding-right: 0.75rem; } } .c-row--column-smedium .panel-grid-cell { padding-left: 0.75rem; padding-right: 0.75rem; } @media only screen and (min-width: 64em) { .c-row--column-smedium .panel-grid-cell { padding-left: 0.75rem; padding-right: 0.75rem; } } .c-row--column-default .panel-grid-cell { padding-left: 0.75rem; padding-right: 0.75rem; } @media only screen and (min-width: 64em) { .c-row--column-default .panel-grid-cell { padding-left: 0.75rem; padding-right: 0.75rem; } } .c-row--column-large .panel-grid-cell { padding-left: 0.75rem; padding-right: 0.75rem; } @media only screen and (min-width: 64em) { .c-row--column-large .panel-grid-cell { padding-left: 3.875rem; padding-right: 3.875rem; } } .c-row--column-xlarge .panel-grid-cell { padding-left: 0.75rem; padding-right: 0.75rem; } @media only screen and (min-width: 64em) { .c-row--column-xlarge .panel-grid-cell { padding-left: 3.875rem; padding-right: 3.875rem; } } @media only screen and (min-width: 64em) { .c-row--column-small .panel-grid-cell:nth-of-type(1), .c-row--column-smedium .panel-grid-cell:nth-of-type(1), .c-row--column-default .panel-grid-cell:nth-of-type(1), .c-row--column-large .panel-grid-cell:nth-of-type(1), .c-row--column-xlarge .panel-grid-cell:nth-of-type(1) { padding-left: 0; } } @media only screen and (min-width: 64em) { .c-row--column-small .panel-grid-cell:last-child, .c-row--column-smedium .panel-grid-cell:last-child, .c-row--column-default .panel-grid-cell:last-child, .c-row--column-large .panel-grid-cell:last-child, .c-row--column-xlarge .panel-grid-cell:last-child { padding-right: 0; } } /** * ROW--MARGIN **/ .c-row--margin-small { margin-bottom: 1.875rem; min-width: 100%; } @media only screen and (min-width: 64em) { .c-row--margin-small { margin-bottom: 1.875rem; } } .c-row--margin-smedium { margin-bottom: 1.875rem; min-width: 100%; } @media only screen and (min-width: 64em) { .c-row--margin-smedium { margin-bottom: 3.125rem; } } .c-row--margin-default { margin-bottom: 1.875rem; min-width: 100%; } @media only screen and (min-width: 64em) { .c-row--margin-default { margin-bottom: 3.75rem; } } .c-row--margin-large { margin-bottom: 1.875rem; min-width: 100%; } @media only screen and (min-width: 64em) { .c-row--margin-large { margin-bottom: 5rem; } } .c-row--margin-xlarge { margin-bottom: 3.75rem; min-width: 100%; } @media only screen and (min-width: 64em) { .c-row--margin-xlarge { margin-bottom: 9.0625rem; } } /** ** Theme variables */ @-webkit-keyframes transition-fade-left { 0% { opacity: 0; transform: translateX(-100px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes transition-fade-left { 0% { opacity: 0; transform: translateX(-100px); } 100% { opacity: 1; transform: translateX(0); } } /** * BODY */ html, body { overflow-x: hidden; } html { scroll-behavior: smooth; margin-top: 0 !important; } html.navigation--is-active, html.image-hotspot--is-active { height: 100vh; overflow: hidden; } html.navigation--is-active:after, html.image-hotspot--is-active:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(10, 10, 10, 0.3); z-index: 2; pointer-events: none; z-index: 101; position: fixed; } @media only screen and (max-width: 63.9375em) { html #wpadminbar { display: none !important; } } body { padding-top: 5rem; font-family: "Dubai", sans-serif !important; color: #38383D; } @media only screen and (min-width: 64em) { body { padding-top: 7.625rem; } } body.post-type-archive-product, body.single-product { border: solid 1px red; } @media only screen and (min-width: 64em) { body.post-type-archive-product, body.single-product { border: solid 0px green; } } body .mobile { width: 100%; } @media only screen and (min-width: 64em) { body .mobile { display: none !important; } } body .desktop { display: none !important; } @media only screen and (min-width: 64em) { body .desktop { display: inherit !important; width: 100%; } } body:not(.logged-in) .logged-in { display: none; } body.logged-in .logged-out { display: none; } body sub, body sup { font-size: 50%; top: -0.625rem; } body .panel-grid.panel-has-style > .panel-row-style.desktop-only { display: none; } @media only screen and (min-width: 64em) { body .panel-grid.panel-has-style > .panel-row-style.desktop-only { display: block; } } body .panel-layout-product .panel-grid-cell { width: 100%; } @media only screen and (min-width: 64em) { body .panel-layout-product [data-stretch-type="full"], body .panel-layout-product [data-stretch-type="full-stretched"] { margin-left: calc(-1 * (((100vw - 75rem) / 2) + 15px)); margin-right: calc(-1 * (((100vw - 75rem) / 2) + 15px)); } } @media only screen and (min-width: 64em) { body .panel-layout-product [data-stretch-type="full"] { padding-left: calc(1 * (((100vw - 75rem) / 2) + 15px)); padding-right: calc(1 * (((100vw - 75rem) / 2) + 15px)); } } body.woocommerce-cart, body.woocommerce-checkout { padding-top: 6.875rem; } @media only screen and (min-width: 64em) { body.woocommerce-cart, body.woocommerce-checkout { padding-top: 9.5rem; } } body.woocommerce-cart { background-color: #F7F7F7; } body .flickity-viewport { width: 100%; } body #reveal-button { max-height: 0; overflow-y: hidden; transition: 0.33s max-height cubic-bezier(0.445, 0.05, 0.55, 0.95); } body #reveal-button.is-active { max-height: 12.5rem; } body .s-content-page { padding-left: 1.25rem; padding-right: 1.25rem; } @media only screen and (min-width: 40em) { body .s-content-page { padding-left: 3rem; padding-right: 3rem; } } @media only screen and (min-width: 64em) { body .s-content-page { padding-left: 3.75rem; padding-right: 3.75rem; } } body.single-product .s-content-page { margin: 0 auto; } body a { text-decoration: none; } body p a { text-decoration: underline; color: #38383D; transition: 0.22s color cubic-bezier(0.445, 0.05, 0.55, 0.95); } body p a:hover { color: #ff6712; } body *:focus { outline: none; } /** ** Header/footer styles */ /** * NAV-ACCOUNT **/ .c-nav-account, .c-nav-info { margin-right: 0.625rem; } @media only screen and (min-width: 64em) { .c-nav-account, .c-nav-info { margin-right: 0; } } .c-nav-account .menu, .c-nav-info .menu { display: flex; align-items: center; } @media only screen and (min-width: 64em) { .c-nav-account .menu-item, .c-nav-info .menu-item { opacity: 0; transform: translateX(16px); transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .has-loaded .c-nav-account .menu-item, .has-loaded .c-nav-info .menu-item { opacity: 1; transform: translateX(0); } .has-loaded .c-nav-account .menu-item:nth-child(1), .has-loaded .c-nav-info .menu-item:nth-child(1) { transition-delay: 0.55s; } .has-loaded .c-nav-account .menu-item:nth-child(2), .has-loaded .c-nav-info .menu-item:nth-child(2) { transition-delay: 0.6s; } .has-loaded .c-nav-account .menu-item:nth-child(3), .has-loaded .c-nav-info .menu-item:nth-child(3) { transition-delay: 0.65s; } .has-loaded .c-nav-account .menu-item:nth-child(4), .has-loaded .c-nav-info .menu-item:nth-child(4) { transition-delay: 0.7s; } .has-loaded .c-nav-account .menu-item:nth-child(5), .has-loaded .c-nav-info .menu-item:nth-child(5) { transition-delay: 0.75s; } .has-loaded .c-nav-account .menu-item:nth-child(6), .has-loaded .c-nav-info .menu-item:nth-child(6) { transition-delay: 0.8s; } .has-loaded .c-nav-account .menu-item:nth-child(7), .has-loaded .c-nav-info .menu-item:nth-child(7) { transition-delay: 0.85s; } .has-loaded .c-nav-account .menu-item:nth-child(8), .has-loaded .c-nav-info .menu-item:nth-child(8) { transition-delay: 0.9s; } .has-loaded .c-nav-account .menu-item:nth-child(9), .has-loaded .c-nav-info .menu-item:nth-child(9) { transition-delay: 0.95s; } .has-loaded .c-nav-account .menu-item:nth-child(10), .has-loaded .c-nav-info .menu-item:nth-child(10) { transition-delay: 1s; } .has-loaded .c-nav-account .menu-item:nth-child(11), .has-loaded .c-nav-info .menu-item:nth-child(11) { transition-delay: 1.05s; } .has-loaded .c-nav-account .menu-item:nth-child(12), .has-loaded .c-nav-info .menu-item:nth-child(12) { transition-delay: 1.1s; } .has-loaded .c-nav-account .menu-item:nth-child(13), .has-loaded .c-nav-info .menu-item:nth-child(13) { transition-delay: 1.15s; } .has-loaded .c-nav-account .menu-item:nth-child(14), .has-loaded .c-nav-info .menu-item:nth-child(14) { transition-delay: 1.2s; } .has-loaded .c-nav-account .menu-item:nth-child(15), .has-loaded .c-nav-info .menu-item:nth-child(15) { transition-delay: 1.25s; } .has-loaded .c-nav-account .menu-item:nth-child(16), .has-loaded .c-nav-info .menu-item:nth-child(16) { transition-delay: 1.3s; } .has-loaded .c-nav-account .menu-item:nth-child(17), .has-loaded .c-nav-info .menu-item:nth-child(17) { transition-delay: 1.35s; } .has-loaded .c-nav-account .menu-item:nth-child(18), .has-loaded .c-nav-info .menu-item:nth-child(18) { transition-delay: 1.4s; } .has-loaded .c-nav-account .menu-item:nth-child(19), .has-loaded .c-nav-info .menu-item:nth-child(19) { transition-delay: 1.45s; } .has-loaded .c-nav-account .menu-item:nth-child(20), .has-loaded .c-nav-info .menu-item:nth-child(20) { transition-delay: 1.5s; } .has-loaded .c-nav-account .menu-item:nth-child(21), .has-loaded .c-nav-info .menu-item:nth-child(21) { transition-delay: 1.55s; } .has-loaded .c-nav-account .menu-item:nth-child(22), .has-loaded .c-nav-info .menu-item:nth-child(22) { transition-delay: 1.6s; } .has-loaded .c-nav-account .menu-item:nth-child(23), .has-loaded .c-nav-info .menu-item:nth-child(23) { transition-delay: 1.65s; } .has-loaded .c-nav-account .menu-item:nth-child(24), .has-loaded .c-nav-info .menu-item:nth-child(24) { transition-delay: 1.7s; } .has-loaded .c-nav-account .menu-item:nth-child(25), .has-loaded .c-nav-info .menu-item:nth-child(25) { transition-delay: 1.75s; } .has-loaded .c-nav-account .menu-item:nth-child(26), .has-loaded .c-nav-info .menu-item:nth-child(26) { transition-delay: 1.8s; } .has-loaded .c-nav-account .menu-item:nth-child(27), .has-loaded .c-nav-info .menu-item:nth-child(27) { transition-delay: 1.85s; } .has-loaded .c-nav-account .menu-item:nth-child(28), .has-loaded .c-nav-info .menu-item:nth-child(28) { transition-delay: 1.9s; } .has-loaded .c-nav-account .menu-item:nth-child(29), .has-loaded .c-nav-info .menu-item:nth-child(29) { transition-delay: 1.95s; } .has-loaded .c-nav-account .menu-item:nth-child(30), .has-loaded .c-nav-info .menu-item:nth-child(30) { transition-delay: 2s; } .has-loaded .c-nav-account .menu-item:nth-child(31), .has-loaded .c-nav-info .menu-item:nth-child(31) { transition-delay: 2.05s; } .has-loaded .c-nav-account .menu-item:nth-child(32), .has-loaded .c-nav-info .menu-item:nth-child(32) { transition-delay: 2.1s; } .has-loaded .c-nav-account .menu-item:nth-child(33), .has-loaded .c-nav-info .menu-item:nth-child(33) { transition-delay: 2.15s; } .has-loaded .c-nav-account .menu-item:nth-child(34), .has-loaded .c-nav-info .menu-item:nth-child(34) { transition-delay: 2.2s; } .has-loaded .c-nav-account .menu-item:nth-child(35), .has-loaded .c-nav-info .menu-item:nth-child(35) { transition-delay: 2.25s; } .has-loaded .c-nav-account .menu-item:nth-child(36), .has-loaded .c-nav-info .menu-item:nth-child(36) { transition-delay: 2.3s; } .has-loaded .c-nav-account .menu-item:nth-child(37), .has-loaded .c-nav-info .menu-item:nth-child(37) { transition-delay: 2.35s; } .has-loaded .c-nav-account .menu-item:nth-child(38), .has-loaded .c-nav-info .menu-item:nth-child(38) { transition-delay: 2.4s; } .has-loaded .c-nav-account .menu-item:nth-child(39), .has-loaded .c-nav-info .menu-item:nth-child(39) { transition-delay: 2.45s; } .has-loaded .c-nav-account .menu-item:nth-child(40), .has-loaded .c-nav-info .menu-item:nth-child(40) { transition-delay: 2.5s; } .has-loaded .c-nav-account .menu-item:nth-child(41), .has-loaded .c-nav-info .menu-item:nth-child(41) { transition-delay: 2.55s; } .has-loaded .c-nav-account .menu-item:nth-child(42), .has-loaded .c-nav-info .menu-item:nth-child(42) { transition-delay: 2.6s; } .has-loaded .c-nav-account .menu-item:nth-child(43), .has-loaded .c-nav-info .menu-item:nth-child(43) { transition-delay: 2.65s; } .has-loaded .c-nav-account .menu-item:nth-child(44), .has-loaded .c-nav-info .menu-item:nth-child(44) { transition-delay: 2.7s; } .has-loaded .c-nav-account .menu-item:nth-child(45), .has-loaded .c-nav-info .menu-item:nth-child(45) { transition-delay: 2.75s; } .has-loaded .c-nav-account .menu-item:nth-child(46), .has-loaded .c-nav-info .menu-item:nth-child(46) { transition-delay: 2.8s; } .has-loaded .c-nav-account .menu-item:nth-child(47), .has-loaded .c-nav-info .menu-item:nth-child(47) { transition-delay: 2.85s; } .has-loaded .c-nav-account .menu-item:nth-child(48), .has-loaded .c-nav-info .menu-item:nth-child(48) { transition-delay: 2.9s; } .has-loaded .c-nav-account .menu-item:nth-child(49), .has-loaded .c-nav-info .menu-item:nth-child(49) { transition-delay: 2.95s; } .has-loaded .c-nav-account .menu-item:nth-child(50), .has-loaded .c-nav-info .menu-item:nth-child(50) { transition-delay: 3s; } .has-loaded .c-nav-account .menu-item:nth-child(51), .has-loaded .c-nav-info .menu-item:nth-child(51) { transition-delay: 3.05s; } .has-loaded .c-nav-account .menu-item:nth-child(52), .has-loaded .c-nav-info .menu-item:nth-child(52) { transition-delay: 3.1s; } .has-loaded .c-nav-account .menu-item:nth-child(53), .has-loaded .c-nav-info .menu-item:nth-child(53) { transition-delay: 3.15s; } .has-loaded .c-nav-account .menu-item:nth-child(54), .has-loaded .c-nav-info .menu-item:nth-child(54) { transition-delay: 3.2s; } .has-loaded .c-nav-account .menu-item:nth-child(55), .has-loaded .c-nav-info .menu-item:nth-child(55) { transition-delay: 3.25s; } .has-loaded .c-nav-account .menu-item:nth-child(56), .has-loaded .c-nav-info .menu-item:nth-child(56) { transition-delay: 3.3s; } .has-loaded .c-nav-account .menu-item:nth-child(57), .has-loaded .c-nav-info .menu-item:nth-child(57) { transition-delay: 3.35s; } .has-loaded .c-nav-account .menu-item:nth-child(58), .has-loaded .c-nav-info .menu-item:nth-child(58) { transition-delay: 3.4s; } .has-loaded .c-nav-account .menu-item:nth-child(59), .has-loaded .c-nav-info .menu-item:nth-child(59) { transition-delay: 3.45s; } .has-loaded .c-nav-account .menu-item:nth-child(60), .has-loaded .c-nav-info .menu-item:nth-child(60) { transition-delay: 3.5s; } .has-loaded .c-nav-account .menu-item:nth-child(61), .has-loaded .c-nav-info .menu-item:nth-child(61) { transition-delay: 3.55s; } .has-loaded .c-nav-account .menu-item:nth-child(62), .has-loaded .c-nav-info .menu-item:nth-child(62) { transition-delay: 3.6s; } .has-loaded .c-nav-account .menu-item:nth-child(63), .has-loaded .c-nav-info .menu-item:nth-child(63) { transition-delay: 3.65s; } .has-loaded .c-nav-account .menu-item:nth-child(64), .has-loaded .c-nav-info .menu-item:nth-child(64) { transition-delay: 3.7s; } .has-loaded .c-nav-account .menu-item:nth-child(65), .has-loaded .c-nav-info .menu-item:nth-child(65) { transition-delay: 3.75s; } .has-loaded .c-nav-account .menu-item:nth-child(66), .has-loaded .c-nav-info .menu-item:nth-child(66) { transition-delay: 3.8s; } .has-loaded .c-nav-account .menu-item:nth-child(67), .has-loaded .c-nav-info .menu-item:nth-child(67) { transition-delay: 3.85s; } .has-loaded .c-nav-account .menu-item:nth-child(68), .has-loaded .c-nav-info .menu-item:nth-child(68) { transition-delay: 3.9s; } .has-loaded .c-nav-account .menu-item:nth-child(69), .has-loaded .c-nav-info .menu-item:nth-child(69) { transition-delay: 3.95s; } .has-loaded .c-nav-account .menu-item:nth-child(70), .has-loaded .c-nav-info .menu-item:nth-child(70) { transition-delay: 4s; } .has-loaded .c-nav-account .menu-item:nth-child(71), .has-loaded .c-nav-info .menu-item:nth-child(71) { transition-delay: 4.05s; } .has-loaded .c-nav-account .menu-item:nth-child(72), .has-loaded .c-nav-info .menu-item:nth-child(72) { transition-delay: 4.1s; } .has-loaded .c-nav-account .menu-item:nth-child(73), .has-loaded .c-nav-info .menu-item:nth-child(73) { transition-delay: 4.15s; } .has-loaded .c-nav-account .menu-item:nth-child(74), .has-loaded .c-nav-info .menu-item:nth-child(74) { transition-delay: 4.2s; } .has-loaded .c-nav-account .menu-item:nth-child(75), .has-loaded .c-nav-info .menu-item:nth-child(75) { transition-delay: 4.25s; } .has-loaded .c-nav-account .menu-item:nth-child(76), .has-loaded .c-nav-info .menu-item:nth-child(76) { transition-delay: 4.3s; } .has-loaded .c-nav-account .menu-item:nth-child(77), .has-loaded .c-nav-info .menu-item:nth-child(77) { transition-delay: 4.35s; } .has-loaded .c-nav-account .menu-item:nth-child(78), .has-loaded .c-nav-info .menu-item:nth-child(78) { transition-delay: 4.4s; } .has-loaded .c-nav-account .menu-item:nth-child(79), .has-loaded .c-nav-info .menu-item:nth-child(79) { transition-delay: 4.45s; } .has-loaded .c-nav-account .menu-item:nth-child(80), .has-loaded .c-nav-info .menu-item:nth-child(80) { transition-delay: 4.5s; } .has-loaded .c-nav-account .menu-item:nth-child(81), .has-loaded .c-nav-info .menu-item:nth-child(81) { transition-delay: 4.55s; } .has-loaded .c-nav-account .menu-item:nth-child(82), .has-loaded .c-nav-info .menu-item:nth-child(82) { transition-delay: 4.6s; } .has-loaded .c-nav-account .menu-item:nth-child(83), .has-loaded .c-nav-info .menu-item:nth-child(83) { transition-delay: 4.65s; } .has-loaded .c-nav-account .menu-item:nth-child(84), .has-loaded .c-nav-info .menu-item:nth-child(84) { transition-delay: 4.7s; } .has-loaded .c-nav-account .menu-item:nth-child(85), .has-loaded .c-nav-info .menu-item:nth-child(85) { transition-delay: 4.75s; } .has-loaded .c-nav-account .menu-item:nth-child(86), .has-loaded .c-nav-info .menu-item:nth-child(86) { transition-delay: 4.8s; } .has-loaded .c-nav-account .menu-item:nth-child(87), .has-loaded .c-nav-info .menu-item:nth-child(87) { transition-delay: 4.85s; } .has-loaded .c-nav-account .menu-item:nth-child(88), .has-loaded .c-nav-info .menu-item:nth-child(88) { transition-delay: 4.9s; } .has-loaded .c-nav-account .menu-item:nth-child(89), .has-loaded .c-nav-info .menu-item:nth-child(89) { transition-delay: 4.95s; } .has-loaded .c-nav-account .menu-item:nth-child(90), .has-loaded .c-nav-info .menu-item:nth-child(90) { transition-delay: 5s; } .has-loaded .c-nav-account .menu-item:nth-child(91), .has-loaded .c-nav-info .menu-item:nth-child(91) { transition-delay: 5.05s; } .has-loaded .c-nav-account .menu-item:nth-child(92), .has-loaded .c-nav-info .menu-item:nth-child(92) { transition-delay: 5.1s; } .has-loaded .c-nav-account .menu-item:nth-child(93), .has-loaded .c-nav-info .menu-item:nth-child(93) { transition-delay: 5.15s; } .has-loaded .c-nav-account .menu-item:nth-child(94), .has-loaded .c-nav-info .menu-item:nth-child(94) { transition-delay: 5.2s; } .has-loaded .c-nav-account .menu-item:nth-child(95), .has-loaded .c-nav-info .menu-item:nth-child(95) { transition-delay: 5.25s; } .has-loaded .c-nav-account .menu-item:nth-child(96), .has-loaded .c-nav-info .menu-item:nth-child(96) { transition-delay: 5.3s; } .has-loaded .c-nav-account .menu-item:nth-child(97), .has-loaded .c-nav-info .menu-item:nth-child(97) { transition-delay: 5.35s; } .has-loaded .c-nav-account .menu-item:nth-child(98), .has-loaded .c-nav-info .menu-item:nth-child(98) { transition-delay: 5.4s; } .has-loaded .c-nav-account .menu-item:nth-child(99), .has-loaded .c-nav-info .menu-item:nth-child(99) { transition-delay: 5.45s; } .has-loaded .c-nav-account .menu-item:nth-child(100), .has-loaded .c-nav-info .menu-item:nth-child(100) { transition-delay: 5.5s; } } .c-nav-account .menu-item a, .c-nav-info .menu-item a { color: #FFFFFF; padding: 0.5rem 0.5rem 0.5rem 1.125rem; background-size: 1.25rem auto; background-repeat: no-repeat; background-position: 0 50%; font-size: 0; min-height: 1.25rem; font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .c-nav-account .menu-item a, .c-nav-info .menu-item a { padding: 0.75rem 0.75rem 0.75rem 1.75rem; } } @media only screen and (max-width: 63.9375em) { .c-nav-account .menu-item a, .c-nav-info .menu-item a { font-size: 0; } } .c-nav-account .menu-item.login-register a, .c-nav-info .menu-item.login-register a { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIHN0cm9rZT0iI0M0QUI4QyIgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIi8+PGcgc3Ryb2tlPSIjQ0FBQTg5Ij48cGF0aCBkPSJNMTEuOTk0IDdjLS4wOSAxLjEwMS0uOTk3IDItMS45OTQgMnMtMS45MDYtLjg5OC0xLjk5NC0yQzcuOTE2IDUuODU0IDguOCA1IDEwIDVjMS4yIDAgMi4wODQuODc1IDEuOTk0IDJ6IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTAgMTFjLTIuMjY2IDAtNC41NjUgMS41LTQuOTkgNC4zMzEtLjA1Mi4zNDEuMTEuNjY5LjQwNy42NjloOS4xNjZjLjI5OCAwIC40NTktLjMyOC40MDgtLjY2OUMxNC41NjUgMTIuNSAxMi4yNjUgMTEgMTAgMTF6Ii8+PC9nPjwvZz48L3N2Zz4="); } .c-nav-account .menu-item.basket a, .c-nav-info .menu-item.basket a { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIHN0cm9rZT0iI0M0QUI4QyIgZmlsbD0iI0M0QUI4QyIgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIi8+PHBhdGggZD0iTTEzLjY2MiAxNC4zM2MuMjYgMCAuNDg3LS4wNzYuNjgtLjIyOS4xOTMtLjE1Mi4zMjYtLjM1LjM5Ny0uNTkyLjExNy0uNDQ5LjM2LTEuMzM4LjcyNy0yLjY2Ni4zMDYtMS4xMTMuNTQzLTIuMDEuNzE0LTIuNjkzYS41MjEuNTIxIDAgMDAtLjE2OC0uMzkuNTcuNTcgMCAwMC0uNDExLS4xNjJoLTIuNjhsLTIuNDUtMy42NzZBLjUzLjUzIDAgMDAxMCAzLjY4YS41My41MyAwIDAwLS40NzEuMjQybC0yLjQ1IDMuNjc2aC0yLjY4YS41NzguNTc4IDAgMDAtLjQwNC4xNjIuNTEyLjUxMiAwIDAwLS4xNzUuMzljMCAuMDcyLjAwOS4xMjYuMDI3LjE2MmwxLjQxNCA1LjE5N2MuMDcxLjI0Mi4yMDYuNDQuNDA0LjU5Mi4xOTcuMTUzLjQyNi4yMy42ODYuMjNoNy4zMTF6bS0xLjk3OS02LjczMkg4LjMxN0wxMCA1LjEyMWwxLjY4MyAyLjQ3N3pNMTAgMTIuMDk1Yy0uMzA1IDAtLjU3LS4xMTItLjc5NC0uMzM3YTEuMDg2IDEuMDg2IDAgMDEtLjMzNy0uNzk0YzAtLjMwNS4xMTItLjU3LjMzNy0uNzk0LjIyNC0uMjI1LjQ4OS0uMzM3Ljc5NC0uMzM3LjMwNSAwIC41Ny4xMTIuNzk0LjMzNy4yMjUuMjI0LjMzNy40ODkuMzM3Ljc5NCAwIC4zMDUtLjExMi41Ny0uMzM3Ljc5NC0uMjI0LjIyNS0uNDg5LjMzNy0uNzk0LjMzN3oiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4="); } /** * NAV-FOOTER **/ .c-nav-footer { margin-bottom: 1.5rem; } @media only screen and (min-width: 64em) { .c-nav-footer { margin-bottom: 0; } } .c-nav-footer .menu { display: block; } .c-nav-footer .menu-item { display: block; transition: opacity 0.22s cubic-bezier(0.445, 0.05, 0.55, 0.95); } .c-nav-footer .menu-item:not(:last-child) { margin-bottom: 0.5rem; } .c-nav-footer .menu-item a { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; color: #38383D; padding: 0; display: inline-block; position: relative; font-size: initial; } .c-nav-footer .menu-item a:before { position: absolute; top: 50%; transform: translateY(-50%); background-color: #38383D; height: 0.0625rem; left: 0; pointer-events: none; width: 0; transition: none; } @media only screen and (min-width: 64em) { .c-nav-footer .menu-item a:before { content: ''; } } .c-nav-footer .menu-item a[href*="mailto"], .c-nav-footer .menu-item a[href*="tel"] { padding-left: 2rem; background-position: 0 0; background-repeat: no-repeat; background-size: 1.375rem auto; min-height: 1.375rem; line-height: 1.375rem; } .c-nav-footer .menu-item a[href*="mailto"] { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIHN0cm9rZT0iI0M0QUI4QyIgY3g9IjExIiBjeT0iMTEiIHI9IjExIi8+PHBhdGggZD0iTTUuNDI5IDdIMTYuNTdjLjIzNyAwIC40MjkuMTYyLjQyOS4zNjR2Ny4yNzJjMCAuMjAyLS4xOTIuMzY0LS40MjkuMzY0SDUuNDNDNS4xOTIgMTUgNSAxNC44MzggNSAxNC42MzZWNy4zNjRDNSA3LjE2MiA1LjE5MiA3IDUuNDI5IDd6bS41MzUgMS4yNnY1LjkyMmgxMC4wNzJWOC4yNTlsLjM3LS4yNDQtLjUyNy0uNTc0LS41NzMuMzc4SDYuNjkzbC0uNTczLS4zNzgtLjUyNy41NzQuMzcxLjI0NHptLjcyOS0uNDQyTDExIDEwLjY2bDQuMzA3LTIuODQuNTczLS4zOC41MjcuNTc1LS4zNy4yNDQtNC41NzUgMy4wMThhLjg1OC44NTggMCAwMS0uOTIgMEw1Ljk2NCA4LjI2bC0uMzctLjI0NC41MjctLjU3NC41NzIuMzc3eiIgZmlsbD0iIzM4MzgzRCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg=="); } .c-nav-footer .menu-item a[href*="tel"] { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIHN0cm9rZT0iI0M0QUI4QyIgY3g9IjExIiBjeT0iMTEiIHI9IjExIi8+PHBhdGggZD0iTTE1LjYxNiAxN2gtLjA3OUM2LjQ3MiAxNi40NzggNS4xODQgOC44MjYgNS4wMDQgNi40OUExLjM4NSAxLjM4NSAwIDAxNi4yNzggNUg4LjgyYy4zNzggMCAuNzE4LjIzLjg1OC41ODJsLjcwMSAxLjcyNmEuOTIzLjkyMyAwIDAxLS4yMDMuOTk3bC0uOTgyLjk5MmE0LjMyNCA0LjMyNCAwIDAwMy40OTcgMy41MDhsMS4wMDEtLjk5M2EuOTIyLjkyMiAwIDAxMS4wMDEtLjE4OWwxLjc0LjY5N2MuMzQ1LjE0NC41Ny40ODQuNTY3Ljg1OHYyLjQzN0MxNyAxNi4zOCAxNi4zOCAxNyAxNS42MTYgMTd6TTYuNDU1IDZBLjQ1NS40NTUgMCAwMDYgNi40NTV2LjAzNmMuMjEgMi42OSAxLjU1IDkuMDU0IDkuNTE4IDkuNTA4YS40NTUuNDU1IDAgMDAuNDgyLS40Mjd2LTIuNDI3bC0xLjcxNC0uNjg2LTEuMzA0IDEuMjk1LS4yMTgtLjAyN2MtMy45NTUtLjQ5Ni00LjQ5MS00LjQ1LTQuNDkxLTQuNDlsLS4wMjgtLjIyIDEuMjkxLTEuMzA0TDguODU1IDZoLTIuNHoiIGZpbGw9IiMzODM4M0QiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4="); } .c-nav-footer .menu-item a:hover { font-weight: bold; } @media only screen and (min-width: 64em) { .c-nav-footer .menu-item.sibling-is-hovering { opacity: .5; } .c-nav-footer .menu-item.sibling-is-hovering a:before { display: none; width: 100%; transition: width 0.22s cubic-bezier(0.445, 0.05, 0.55, 0.95); } } /** * NAV-INFO **/ .c-nav-info .menu-item a { color: #38383D; font-size: 0.875rem; line-height: 1rem; font-weight: 400; font-family: Dubai, sans-serif; background-size: 0.875rem auto; padding-left: 1.25rem; } @media only screen and (max-width: 63.9375em) { .c-nav-info .menu-item a { font-size: 0.75rem; } } .c-nav-info .menu-item.delivery a { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuMzk3IDEzLjQ1NWEyLjI2OSAyLjI2OSAwIDAxLTIuMjY1LTIuMjY1QzEuNjkgMTEuMTkgMSAxMS4yOCAxIDEwLjYyNFYxLjU2NkEuNTcuNTcgMCAwMTEuNTY2IDFoOS4wNThhLjU3LjU3IDAgMDEuNTY2LjU2NnYxLjY5OWgxLjQxNmMuMzE4IDAgLjc0My4xNzYuOTY0LjM5OGwxLjc1MiAxLjc1MWMuNDg2LjQ4Ny4zOTggMS4xODUuMzk4IDEuODE0djIuODNhLjU3LjU3IDAgMDEuNTY2LjU2NmMwIC42NTUtLjY5LjU2Ni0xLjEzMy41NjZoLS41NjZhMi4yNjkgMi4yNjkgMCAwMS0yLjI2NCAyLjI2NSAyLjI2OSAyLjI2OSAwIDAxLTIuMjY1LTIuMjY1SDYuNjYxYTIuMjY5IDIuMjY5IDAgMDEtMi4yNjQgMi4yNjV6bTYuNzkzLTYuNzk0aDMuMzk3di0uMjY1YS41MzMuNTMzIDAgMDAtLjA4LS4xOTVsLTEuNzI0LTEuNzI1YS41MzMuNTMzIDAgMDAtLjE5NS0uMDhIMTEuMTl2Mi4yNjV6bTEuMTMzIDUuNjYyYTEuMTQgMS4xNCAwIDAwMS4xMzItMS4xMzMgMS4xNCAxLjE0IDAgMDAtMS4xMzItMS4xMzIgMS4xNCAxLjE0IDAgMDAtMS4xMzMgMS4xMzJjMCAuNjIuNTE0IDEuMTMzIDEuMTMzIDEuMTMzem0tNy45MjYgMGExLjE0IDEuMTQgMCAwMDEuMTMyLTEuMTMzIDEuMTQgMS4xNCAwIDAwLTEuMTMyLTEuMTMyIDEuMTQgMS4xNCAwIDAwLTEuMTMyIDEuMTMyYzAgLjYyLjUxMyAxLjEzMyAxLjEzMiAxLjEzM3oiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMzgzODNFIiBmaWxsPSJub25lIi8+PC9zdmc+"); } .c-nav-info .menu-item.email a { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgLjVMLjUgMGgxM2wuNS41djlsLS41LjVILjVMMCA5LjV2LTl6bTEgMS4wMzVWOWgxMlYxLjUzNkw3LjMxIDUuOUg2LjdMMSAxLjUzNXpNMTIuMDMgMUgxLjk3TDcgNC44NjkgMTIuMDMgMXoiIGZpbGw9IiMzODM4M0UiLz48L3N2Zz4="); } /** * NAV-MEGA-MENU **/ @media only screen and (min-width: 64em) { .c-nav-mega-menu { position: absolute; z-index: 1; top: 3.9375rem; max-width: 90rem; width: 100%; left: 50%; opacity: 0; pointer-events: none; transition: all 0.33s cubic-bezier(0.445, 0.05, 0.55, 0.95); transform: scale(1, 0.8) translateX(-50%); transform-origin: 0 0; } } @media only screen and (min-width: 64em) { .mega-menu--is-active .c-page-header .c-nav-mega-menu.primary { opacity: 1; pointer-events: initial; transform: scale(1, 1) translateX(-50%); } } @media only screen and (min-width: 64em) { .mega-menu-secondary--is-active .c-page-header .c-nav-mega-menu.secondary { opacity: 1; pointer-events: initial; transform: scale(1, 1) translateX(-50%); } } .c-nav-mega-menu .menu { margin: 0; } @media only screen and (min-width: 64em) { .c-nav-mega-menu .menu { display: flex; flex-wrap: wrap; justify-content: space-between; background: #EEEDE4; padding: 0.375rem 1.5rem 0.75rem; } } .c-nav-mega-menu .menu-item { display: block; } @media only screen and (min-width: 64em) { .c-nav-mega-menu .menu-item { width: 15%; } } .c-nav-mega-menu .menu-item.is-active a { background-color: transparent; } @media only screen and (max-width: 63.9375em) { .c-nav-mega-menu .menu-item.is-active .sub-menu { max-height: 18.75rem; } } .c-nav-mega-menu .menu-item a { color: #FFFFFF; padding-left: 0; padding-right: 0; font-weight: 700; } @media only screen and (min-width: 64em) { .c-nav-mega-menu .menu-item a { color: #26262D; } } @media only screen and (min-width: 64em) { .c-nav-mega-menu .menu-item a[href="#no-link"] { pointer-events: none; } } .c-nav-mega-menu .menu-item .sub-menu { margin: 0; } @media only screen and (max-width: 63.9375em) { .c-nav-mega-menu .menu-item .sub-menu { max-height: 0; overflow: hidden; transition: max-height 0.33s 0.22s cubic-bezier(0.445, 0.05, 0.55, 0.95); } } .c-nav-mega-menu .menu-item .sub-menu .sub-menu { font-size: 90%; padding-bottom: 0.625rem; } .c-nav-mega-menu .menu-item .sub-menu .sub-menu li a { font-weight: 700; } .c-nav-mega-menu .menu-item .sub-menu .menu-item { display: block; width: 100%; } .c-nav-mega-menu .menu-item .sub-menu .menu-item.bold a { font-weight: 700; } .c-nav-mega-menu .menu-item .sub-menu .menu-item a { font-weight: 400; } /** * NAV-PRIMARY **/ .c-nav-primary { width: 100%; padding: 0; display: block; } @media only screen and (min-width: 64em) { .c-nav-primary { padding: 0.625rem 0; } } @media only screen and (min-width: 64em) { .c-nav-primary { display: flex; justify-content: flex-start; height: 100%; width: 100%; } } @media only screen and (min-width: 64em) { .c-nav-primary > .menu { width: 100%; text-align: center; } } @media only screen and (min-width: 64em) { .c-nav-primary > .menu > .menu-item-has-children > a { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Ym94PSIwIDAgOCA1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03LjA3MS41MzZMMy41MzYgNC4wNyAwIC41MzYiIHN0cm9rZT0iI0Y3RjdGNyIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4="); } } @media only screen and (min-width: 64em) { .c-nav-primary > .menu > .menu-item-has-children.mega-menu-secondary > .sub-menu { left: 50%; transform: scale(1, 0) translateX(-50%); } } @media only screen and (min-width: 64em) { .c-nav-primary > .menu > .menu-item > .sub-menu { opacity: 0; pointer-events: none; transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); overflow: hidden; margin: 0; background-color: #EEEDE4; display: flex; flex-wrap: wrap; background: #EEEDE4; padding: 0.375rem 1.5rem 0.75rem; transform: scale(1, 0); transform-origin: 0 0; position: absolute; left: 0.75rem; right: 0.75rem; top: 3.3125rem; margin: 0; min-width: 12.5rem; width: auto; box-shadow: 0 1.875rem 1.875rem rgba(10, 10, 10, 0.15); } } .c-nav-primary > .menu > .menu-item.is-active > a { background-color: transparent; } @media only screen and (min-width: 64em) { .c-nav-primary > .menu > .menu-item.is-active > a { background-color: transparent; } } .c-nav-primary > .menu > .menu-item.is-active > .sub-menu { opacity: 1; pointer-events: initial; transform: scale(1); } @media only screen and (min-width: 64em) { .c-nav-primary > .menu > .menu-item.is-active.mega-menu-secondary > .sub-menu { transform: scale(1) translateX(-50%); } } @media only screen and (min-width: 64em) { .c-nav-primary .menu { display: flex; flex-wrap: wrap; justify-content: flex-start; } } .c-nav-primary .menu-item { display: block; } @media only screen and (min-width: 64em) { .c-nav-primary .menu-item { display: inline-block; opacity: 0; transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .has-loaded .c-nav-primary .menu-item { opacity: 1; } .has-loaded .c-nav-primary .menu-item:nth-child(1) { transition-delay: 0.55s; } .has-loaded .c-nav-primary .menu-item:nth-child(2) { transition-delay: 0.6s; } .has-loaded .c-nav-primary .menu-item:nth-child(3) { transition-delay: 0.65s; } .has-loaded .c-nav-primary .menu-item:nth-child(4) { transition-delay: 0.7s; } .has-loaded .c-nav-primary .menu-item:nth-child(5) { transition-delay: 0.75s; } .has-loaded .c-nav-primary .menu-item:nth-child(6) { transition-delay: 0.8s; } .has-loaded .c-nav-primary .menu-item:nth-child(7) { transition-delay: 0.85s; } .has-loaded .c-nav-primary .menu-item:nth-child(8) { transition-delay: 0.9s; } .has-loaded .c-nav-primary .menu-item:nth-child(9) { transition-delay: 0.95s; } .has-loaded .c-nav-primary .menu-item:nth-child(10) { transition-delay: 1s; } .has-loaded .c-nav-primary .menu-item:nth-child(11) { transition-delay: 1.05s; } .has-loaded .c-nav-primary .menu-item:nth-child(12) { transition-delay: 1.1s; } .has-loaded .c-nav-primary .menu-item:nth-child(13) { transition-delay: 1.15s; } .has-loaded .c-nav-primary .menu-item:nth-child(14) { transition-delay: 1.2s; } .has-loaded .c-nav-primary .menu-item:nth-child(15) { transition-delay: 1.25s; } .has-loaded .c-nav-primary .menu-item:nth-child(16) { transition-delay: 1.3s; } .has-loaded .c-nav-primary .menu-item:nth-child(17) { transition-delay: 1.35s; } .has-loaded .c-nav-primary .menu-item:nth-child(18) { transition-delay: 1.4s; } .has-loaded .c-nav-primary .menu-item:nth-child(19) { transition-delay: 1.45s; } .has-loaded .c-nav-primary .menu-item:nth-child(20) { transition-delay: 1.5s; } .has-loaded .c-nav-primary .menu-item:nth-child(21) { transition-delay: 1.55s; } .has-loaded .c-nav-primary .menu-item:nth-child(22) { transition-delay: 1.6s; } .has-loaded .c-nav-primary .menu-item:nth-child(23) { transition-delay: 1.65s; } .has-loaded .c-nav-primary .menu-item:nth-child(24) { transition-delay: 1.7s; } .has-loaded .c-nav-primary .menu-item:nth-child(25) { transition-delay: 1.75s; } .has-loaded .c-nav-primary .menu-item:nth-child(26) { transition-delay: 1.8s; } .has-loaded .c-nav-primary .menu-item:nth-child(27) { transition-delay: 1.85s; } .has-loaded .c-nav-primary .menu-item:nth-child(28) { transition-delay: 1.9s; } .has-loaded .c-nav-primary .menu-item:nth-child(29) { transition-delay: 1.95s; } .has-loaded .c-nav-primary .menu-item:nth-child(30) { transition-delay: 2s; } .has-loaded .c-nav-primary .menu-item:nth-child(31) { transition-delay: 2.05s; } .has-loaded .c-nav-primary .menu-item:nth-child(32) { transition-delay: 2.1s; } .has-loaded .c-nav-primary .menu-item:nth-child(33) { transition-delay: 2.15s; } .has-loaded .c-nav-primary .menu-item:nth-child(34) { transition-delay: 2.2s; } .has-loaded .c-nav-primary .menu-item:nth-child(35) { transition-delay: 2.25s; } .has-loaded .c-nav-primary .menu-item:nth-child(36) { transition-delay: 2.3s; } .has-loaded .c-nav-primary .menu-item:nth-child(37) { transition-delay: 2.35s; } .has-loaded .c-nav-primary .menu-item:nth-child(38) { transition-delay: 2.4s; } .has-loaded .c-nav-primary .menu-item:nth-child(39) { transition-delay: 2.45s; } .has-loaded .c-nav-primary .menu-item:nth-child(40) { transition-delay: 2.5s; } .has-loaded .c-nav-primary .menu-item:nth-child(41) { transition-delay: 2.55s; } .has-loaded .c-nav-primary .menu-item:nth-child(42) { transition-delay: 2.6s; } .has-loaded .c-nav-primary .menu-item:nth-child(43) { transition-delay: 2.65s; } .has-loaded .c-nav-primary .menu-item:nth-child(44) { transition-delay: 2.7s; } .has-loaded .c-nav-primary .menu-item:nth-child(45) { transition-delay: 2.75s; } .has-loaded .c-nav-primary .menu-item:nth-child(46) { transition-delay: 2.8s; } .has-loaded .c-nav-primary .menu-item:nth-child(47) { transition-delay: 2.85s; } .has-loaded .c-nav-primary .menu-item:nth-child(48) { transition-delay: 2.9s; } .has-loaded .c-nav-primary .menu-item:nth-child(49) { transition-delay: 2.95s; } .has-loaded .c-nav-primary .menu-item:nth-child(50) { transition-delay: 3s; } .has-loaded .c-nav-primary .menu-item:nth-child(51) { transition-delay: 3.05s; } .has-loaded .c-nav-primary .menu-item:nth-child(52) { transition-delay: 3.1s; } .has-loaded .c-nav-primary .menu-item:nth-child(53) { transition-delay: 3.15s; } .has-loaded .c-nav-primary .menu-item:nth-child(54) { transition-delay: 3.2s; } .has-loaded .c-nav-primary .menu-item:nth-child(55) { transition-delay: 3.25s; } .has-loaded .c-nav-primary .menu-item:nth-child(56) { transition-delay: 3.3s; } .has-loaded .c-nav-primary .menu-item:nth-child(57) { transition-delay: 3.35s; } .has-loaded .c-nav-primary .menu-item:nth-child(58) { transition-delay: 3.4s; } .has-loaded .c-nav-primary .menu-item:nth-child(59) { transition-delay: 3.45s; } .has-loaded .c-nav-primary .menu-item:nth-child(60) { transition-delay: 3.5s; } .has-loaded .c-nav-primary .menu-item:nth-child(61) { transition-delay: 3.55s; } .has-loaded .c-nav-primary .menu-item:nth-child(62) { transition-delay: 3.6s; } .has-loaded .c-nav-primary .menu-item:nth-child(63) { transition-delay: 3.65s; } .has-loaded .c-nav-primary .menu-item:nth-child(64) { transition-delay: 3.7s; } .has-loaded .c-nav-primary .menu-item:nth-child(65) { transition-delay: 3.75s; } .has-loaded .c-nav-primary .menu-item:nth-child(66) { transition-delay: 3.8s; } .has-loaded .c-nav-primary .menu-item:nth-child(67) { transition-delay: 3.85s; } .has-loaded .c-nav-primary .menu-item:nth-child(68) { transition-delay: 3.9s; } .has-loaded .c-nav-primary .menu-item:nth-child(69) { transition-delay: 3.95s; } .has-loaded .c-nav-primary .menu-item:nth-child(70) { transition-delay: 4s; } .has-loaded .c-nav-primary .menu-item:nth-child(71) { transition-delay: 4.05s; } .has-loaded .c-nav-primary .menu-item:nth-child(72) { transition-delay: 4.1s; } .has-loaded .c-nav-primary .menu-item:nth-child(73) { transition-delay: 4.15s; } .has-loaded .c-nav-primary .menu-item:nth-child(74) { transition-delay: 4.2s; } .has-loaded .c-nav-primary .menu-item:nth-child(75) { transition-delay: 4.25s; } .has-loaded .c-nav-primary .menu-item:nth-child(76) { transition-delay: 4.3s; } .has-loaded .c-nav-primary .menu-item:nth-child(77) { transition-delay: 4.35s; } .has-loaded .c-nav-primary .menu-item:nth-child(78) { transition-delay: 4.4s; } .has-loaded .c-nav-primary .menu-item:nth-child(79) { transition-delay: 4.45s; } .has-loaded .c-nav-primary .menu-item:nth-child(80) { transition-delay: 4.5s; } .has-loaded .c-nav-primary .menu-item:nth-child(81) { transition-delay: 4.55s; } .has-loaded .c-nav-primary .menu-item:nth-child(82) { transition-delay: 4.6s; } .has-loaded .c-nav-primary .menu-item:nth-child(83) { transition-delay: 4.65s; } .has-loaded .c-nav-primary .menu-item:nth-child(84) { transition-delay: 4.7s; } .has-loaded .c-nav-primary .menu-item:nth-child(85) { transition-delay: 4.75s; } .has-loaded .c-nav-primary .menu-item:nth-child(86) { transition-delay: 4.8s; } .has-loaded .c-nav-primary .menu-item:nth-child(87) { transition-delay: 4.85s; } .has-loaded .c-nav-primary .menu-item:nth-child(88) { transition-delay: 4.9s; } .has-loaded .c-nav-primary .menu-item:nth-child(89) { transition-delay: 4.95s; } .has-loaded .c-nav-primary .menu-item:nth-child(90) { transition-delay: 5s; } .has-loaded .c-nav-primary .menu-item:nth-child(91) { transition-delay: 5.05s; } .has-loaded .c-nav-primary .menu-item:nth-child(92) { transition-delay: 5.1s; } .has-loaded .c-nav-primary .menu-item:nth-child(93) { transition-delay: 5.15s; } .has-loaded .c-nav-primary .menu-item:nth-child(94) { transition-delay: 5.2s; } .has-loaded .c-nav-primary .menu-item:nth-child(95) { transition-delay: 5.25s; } .has-loaded .c-nav-primary .menu-item:nth-child(96) { transition-delay: 5.3s; } .has-loaded .c-nav-primary .menu-item:nth-child(97) { transition-delay: 5.35s; } .has-loaded .c-nav-primary .menu-item:nth-child(98) { transition-delay: 5.4s; } .has-loaded .c-nav-primary .menu-item:nth-child(99) { transition-delay: 5.45s; } .has-loaded .c-nav-primary .menu-item:nth-child(100) { transition-delay: 5.5s; } } .c-nav-primary .menu-item a { color: #FFFFFF; font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; padding: 0.5rem 0.5rem 0.5rem 0; } @media only screen and (min-width: 64em) { .c-nav-primary .menu-item a { padding: 0.75rem; } } .c-nav-primary .menu-item.is-bold > a { font-size: 1rem; line-height: 1.1875rem; font-weight: 700; font-family: Dubai, sans-serif; } .c-nav-primary .menu-item.is-bold > .sub-menu > li > a { font-size: 1rem; line-height: 1.1875rem; font-weight: 700; font-family: Dubai, sans-serif; text-decoration: underline; } .c-nav-primary .menu-item-has-children > a { transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); position: relative; background-repeat: no-repeat; background-size: 0.75rem auto; background-position: 100% 50%; padding-right: 1.25rem; } .c-nav-primary .menu-item .sub-menu { margin: 0; } .c-nav-primary .menu-item .sub-menu .sub-menu { margin: 0; } .c-nav-primary .menu-item .sub-menu .sub-menu .menu-item a { padding-left: 0; padding-right: 0; } @media only screen and (min-width: 64em) { .c-nav-primary .menu-item .sub-menu .sub-menu .menu-item a { padding-left: 0.375rem; padding-right: 0.375rem; } } .c-nav-primary .menu-item .sub-menu .sub-menu .menu-item .sub-menu .menu-item a { padding-left: 0; padding-right: 0; } .c-nav-primary .menu-item .sub-menu .menu-item { display: block; margin: 0; font-weight: 400; padding: 0.125rem 0.5rem; text-align: left; } @media only screen and (max-width: 63.9375em) { .c-nav-primary .menu-item .sub-menu .menu-item, .c-nav-primary .menu-item .sub-menu .menu-item a { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 64em) { .c-nav-primary .menu-item .sub-menu .menu-item a { color: #26262D; transition: all 0.22s cubic-bezier(0.445, 0.05, 0.55, 0.95); } } .c-nav-primary .menu-item .sub-menu .menu-item a:hover { text-decoration: underline; } /** * NAV-RESOURCES **/ .c-nav-resources { margin: 1.5rem -1.25rem; position: relative; height: 5.125rem; } @media only screen and (min-width: 64em) { .c-nav-resources { margin: 1.875rem 0; } } .c-nav-resources:before, .c-nav-resources:after { content: ''; z-index: 2; position: absolute; top: 0; bottom: 0; width: 2.5rem; pointer-events: none; } .c-nav-resources:before { left: 0; background: linear-gradient(90deg, #38383d 0%, rgba(56, 56, 61, 0) 100%); } .c-nav-resources:after { right: 0; background: linear-gradient(90deg, rgba(56, 56, 61, 0) 0%, #38383d 100%); } .c-nav-resources .menu { margin: 0; padding: 0 1.875rem; text-align: center; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; background-color: #38383D; display: flex; } @media only screen and (min-width: 64em) { .c-nav-resources .menu { padding: 0; flex-wrap: wrap; overflow-y: unset; overflow-x: unset; white-space: unset; justify-content: center; } } .c-nav-resources .menu-item { margin: 0 -0.1875rem; height: 5.125rem; width: auto; } @media only screen and (min-width: 64em) { .c-nav-resources .menu-item { width: 16.666666667%; margin: 0; } } .c-nav-resources .menu-item + .menu-item a { position: relative; } .c-nav-resources .menu-item + .menu-item a:before { position: absolute; left: 0; background-color: #ff6712; width: 0.0625rem; top: 0.625rem; bottom: 0.625rem; } @media only screen and (min-width: 64em) { .c-nav-resources .menu-item + .menu-item a:before { content: ''; } } .c-nav-resources .menu-item a { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 400; font-family: Dubai, sans-serif; color: #FFFFFF; height: 100%; display: flex; align-items: center; justify-content: center; width: 9.375rem; white-space: pre-wrap; } @media only screen and (min-width: 64em) { .c-nav-resources .menu-item a { width: auto; } } /** * NAVICON **/ .c-navicon { display: block; z-index: 101; } @media only screen and (min-width: 64em) { .c-navicon { display: none; } } .c-navicon__box { width: 1.375rem; height: 1rem; } .c-navicon__inner, .c-navicon__inner:before, .c-navicon__inner:after { background-color: #ff6712; height: 0.125rem; } .c-navicon__inner:before { top: -0.4375rem; } .c-navicon__inner:after { bottom: -0.4375rem; } /** * OFFCANVAS **/ .c-offcanvas { position: fixed; left: 0; right: 0; bottom: 0; top: 0; pointer-events: none; opacity: 0; z-index: 100; transform: scale(1.2); transform-origin: center center; background-color: #38383D; transition: transform 0.5s 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95); } .navigation--is-active .c-offcanvas { opacity: 1; pointer-events: initial; transform: scale(1); } .c-offcanvas .c-navicon { position: absolute; right: 1.5rem; top: 1.5rem; } .c-offcanvas__inner { padding: 0 2rem; } .c-offcanvas__content { height: 100vh; } .c-offcanvas__content:before, .c-offcanvas__content:after { content: ''; z-index: 2; position: absolute; left: 0; right: 0; height: 3.125rem; pointer-events: none; } .c-offcanvas__content:before { top: 0; background: linear-gradient(180deg, #26262d 0%, rgba(38, 38, 45, 0) 100%); } .c-offcanvas__content:after { bottom: 0; background: linear-gradient(180deg, rgba(38, 38, 45, 0) 0%, #26262d 100%); } .c-offcanvas__menu { padding: 4.375rem 0; height: 100%; height: calc(var(--vh, 1vh) * 100); overflow-y: auto; } /** * PAGE-FOOTER **/ .c-page-footer__heading { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; padding-bottom: 0.25rem; margin-bottom: 0.75rem; border-bottom: 0.0625rem solid #ff6712; display: inline-block; } @media only screen and (min-width: 64em) { .c-page-footer__heading { font-size: 1.375rem; line-height: 1.5625rem; } } .c-page-footer__copyright { text-align: center; max-width: 11.4375rem; margin: 0 auto 1.25rem; } @media only screen and (min-width: 64em) { .c-page-footer__copyright { text-align: right; max-width: 100%; margin: 0; } } .c-page-footer__copyright p { font-size: 0.875rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; margin: 0; color: #FFFFFF; } .c-page-footer__address { padding-left: 2rem; background-position: 0 0; background-repeat: no-repeat; background-size: 1.375rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIHN0cm9rZT0iI0M0QUI4QyIgY3g9IjExIiBjeT0iMTEiIHI9IjExIi8+PHBhdGggZD0iTTExIDcuODg5Yy0xLjE4MyAwLTIuMTQzLjk3LTIuMTQzIDIuMTY3IDAgMS4xOTYuOTYgMi4xNjYgMi4xNDMgMi4xNjYgMS4xODMgMCAyLjE0My0uOTcgMi4xNDMtMi4xNjYtLjAwMS0xLjE5Ny0uOTYtMi4xNjYtMi4xNDMtMi4xNjd6bTAgMy44NTJjLS45MiAwLTEuNjY3LS43NTUtMS42NjctMS42ODUgMC0uOTMxLjc0Ny0xLjY4NiAxLjY2Ny0xLjY4NnMxLjY2Ny43NTUgMS42NjcgMS42ODZBMS42NzggMS42NzggMCAwMTExIDExLjc0ek0xMSA1Yy0yLjc2LjAwMy00Ljk5NyAyLjI2NS01IDUuMDU2IDAgMS44My44NDMgMy43NzkgMi40NCA1LjYzNGExNC45NTMgMTQuOTUzIDAgMDAyLjQyMyAyLjI2Ni4yMzYuMjM2IDAgMDAuMjc0IDAgMTQuOTUzIDE0Ljk1MyAwIDAwMi40MjQtMi4yNjZDMTUuMTU2IDEzLjgzNSAxNiAxMS44ODYgMTYgMTAuMDU2IDE1Ljk5NyA3LjI2NSAxMy43NiA1LjAwMyAxMSA1em0yLjIwOSAxMC4zNjZBMTUuMTkgMTUuMTkgMCAwMTExIDE3LjQ2YTE1LjE5IDE1LjE5IDAgMDEtMi4yMDktMi4wOTRjLTEuMDU2LTEuMjMtMi4zMTUtMy4xNS0yLjMxNS01LjMxQzYuNDc2IDcuNTI5IDguNTAyIDUuNDggMTEgNS40OHM0LjUyNCAyLjA0OCA0LjUyNCA0LjU3NWMwIDIuMTYtMS4yNiA0LjA4LTIuMzE1IDUuMzFoMHoiIHN0cm9rZT0iIzM4MzgzRCIgZmlsbD0iIzM4MzgzRCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg=="); } .c-page-footer__address p { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; margin-bottom: 0; } .c-page-footer__address p:not(:last-child) { margin-bottom: 0.5rem; } @media only screen and (min-width: 64em) { .c-page-footer .rows { display: flex; } } .c-page-footer .rows:nth-of-type(1) { padding-top: 0.5rem; background-color: #FBFBFB; } @media only screen and (min-width: 64em) { .c-page-footer .rows:nth-of-type(1) { padding-top: 3.75rem; } } .c-page-footer .rows:nth-of-type(2) { background-color: #F7F7F7; padding: 1.25rem 0.625rem 0; } @media only screen and (min-width: 64em) { .c-page-footer .rows:nth-of-type(2) { justify-content: center; padding: 3.25rem 0; } } .c-page-footer .rows:nth-of-type(3) { padding: 1rem 1rem 0; max-width: 75rem; margin: 0 auto; float: none; clear: both; } @media only screen and (min-width: 64em) { .c-page-footer .rows:nth-of-type(3) { padding: 2.625rem 0; justify-content: center; } } @media only screen and (max-width: 39.9375em) { .c-page-footer .rows:nth-of-type(3) .small-12 { float: none; } } @media only screen and (max-width: 39.9375em) { .c-page-footer .rows:nth-of-type(3) .c-nav-footer { margin-bottom: 1rem; } } .c-page-footer .rows:nth-of-type(4) { background-color: #38383D; min-height: 4.375rem; } @media only screen and (min-width: 64em) { .c-page-footer .rows:nth-of-type(4) { align-items: center; justify-content: center; } } @media only screen and (min-width: 64em) { .c-page-footer .rows:nth-of-type(4) .column { max-width: 37.5rem; } } .c-page-footer .rows:nth-of-type(4) .column:last-child { text-align: right; } @media only screen and (min-width: 64em) { .c-page-footer .large-20 { max-width: 20%; width: auto; flex-grow: 1; } } /** * PAGE-FOOTER--CART-CHECKOUT **/ .c-page-footer--cart-checkout { background-color: #38383D; } .c-page-footer--cart-checkout .rows:nth-of-type(1), .c-page-footer--cart-checkout .rows:nth-of-type(2) { background-color: #38383D; display: flex; flex-wrap: wrap; justify-content: center; float: none; } .c-page-footer--cart-checkout .rows:nth-of-type(1) .column { display: flex; justify-content: center; max-width: 31.25rem; } .c-page-footer--cart-checkout .c-page-footer__copyright { text-align: center; } .c-page-footer--cart-checkout .c-page-footer__address { color: #FFFFFF; background-image: none; padding-left: 0; } .c-page-footer--cart-checkout .c-page-footer__cart-text { color: #FFFFFF; } .c-page-footer--cart-checkout .c-page-footer__cart-text a, .c-page-footer--cart-checkout .c-page-footer__cart-text h4 { color: #FFFFFF; } .c-page-footer--cart-checkout .c-page-footer__cart-text a { margin-bottom: 0.5rem; } .c-page-footer--cart-checkout .c-page-footer__cart-text h4 { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 1rem; } @media only screen and (min-width: 64em) { .c-page-footer--cart-checkout .c-page-footer__cart-text h4 { font-size: 1.375rem; line-height: 1.5625rem; } } /** * PAGE-FOOTER-NEWSLETTER **/ .c-page-footer-newsletter { max-width: 40.8125rem; margin: 0 auto; text-align: center; } .c-page-footer-newsletter li { list-style-type: none; } .c-page-footer-newsletter .c-form .gform_wrapper { margin-bottom: 0; } .c-page-footer-newsletter .c-form__heading { font-size: 2.25rem; line-height: 2.625rem; font-weight: 900; font-family: Dubai, sans-serif; position: relative; padding-bottom: 0.625rem; margin-bottom: 1.25rem; padding-left: 1.75rem; padding-right: 1.75rem; } @media only screen and (min-width: 64em) { .c-page-footer-newsletter .c-form__heading { font-size: 2.25rem; line-height: 2.625rem; } } .c-page-footer-newsletter .c-form__heading:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); right: 0; bottom: 0; background-color: #ff6712; height: 0.0625rem; max-width: 35.9375rem; width: 100%; } .c-page-footer-newsletter .c-text { text-align: left; } .c-page-footer-newsletter .c-text__content p { font-size: 0.875rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; } /** * PAGE-HEADER **/ .c-page-header { width: 100%; top: 0; z-index: 99; } .no-hero .c-page-header { margin-bottom: 1.875rem; } .c-page-header .row { display: flex; align-items: center; width: 100%; max-width: 100%; z-index: 101; } .c-page-header .row:nth-of-type(1), .c-page-header .row:nth-of-type(2) { position: fixed; z-index: 100; } .c-page-header .row:nth-of-type(1) { height: 1.875rem; background-color: #EEEDE4; top: 0; justify-content: center; position: fixed; } @media only screen and (min-width: 64em) { .c-page-header .row:nth-of-type(1) { justify-content: flex-end; } } .c-page-header .row:nth-of-type(2) { top: 1.875rem; height: 3.125rem; background-color: #38383D; transition: transform 0.33s 0.33s cubic-bezier(0.445, 0.05, 0.55, 0.95); transform: translateY(0); z-index: 102; } @media only screen and (min-width: 64em) { .c-page-header .row:nth-of-type(2) { height: 5.75rem; } } @media only screen and (min-width: 64em) { .admin-bar .c-page-header .row:nth-of-type(2) { top: 3.875rem; } } .image-hotspot--is-active .c-page-header .row:nth-of-type(2), .image-hotspot--is-active .page-is-scrolled .c-page-header .row:nth-of-type(2) { transform: translateY(-100%); transition: transform 0.33s cubic-bezier(0.445, 0.05, 0.55, 0.95); } .page-is-scrolled .c-page-header .row:nth-of-type(2) { top: 0; height: 2.875rem; transition: all 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media only screen and (min-width: 64em) { .page-is-scrolled .c-page-header .row:nth-of-type(2) { height: 4.875rem; } } .page-is-scrolled .c-page-header .row:nth-of-type(2) { top: 1.875rem; } .c-page-header .row:nth-of-type(3) { background-color: #38383D; padding-bottom: 1.25rem; position: relative; } @media only screen and (min-width: 64em) { .c-page-header .row:nth-of-type(3) { background-color: #26262D; padding-bottom: 0; } } .c-page-header .row .column { display: flex; align-items: center; padding: 0; } .c-page-header .row .column:last-child { justify-content: flex-end; } .c-page-header .c-woocommerce-product-search { width: 100%; } @media only screen and (min-width: 64em) { .c-page-header .c-woocommerce-product-search { width: 31.5625rem; } } .c-page-header .c-nav-primary { margin: 0 auto; } /** * PAGE-HEADER--CART-CHECKOUT **/ @media only screen and (min-width: 64em) { .c-page-header--cart-checkout + .s-content-page { min-height: calc(100vh - 28.125rem); } } .c-page-header--cart-checkout .row { display: flex; align-items: center; width: 100%; max-width: 100%; z-index: 99; } .c-page-header--cart-checkout .row:nth-of-type(1) { top: 1.875rem; height: 3.125rem; background-color: #38383D; transition: transform 0.33s 0.33s cubic-bezier(0.445, 0.05, 0.55, 0.95); transform: translateY(0); top: 0; } @media only screen and (min-width: 64em) { .c-page-header--cart-checkout .row:nth-of-type(1) { height: 5.75rem; } } @media only screen and (min-width: 64em) { .admin-bar .c-page-header--cart-checkout .row:nth-of-type(1) { top: 3.875rem; } } .image-hotspot--is-active .c-page-header--cart-checkout .row:nth-of-type(1), .image-hotspot--is-active .page-is-scrolled .c-page-header--cart-checkout .row:nth-of-type(1) { transform: translateY(-100%); transition: transform 0.33s cubic-bezier(0.445, 0.05, 0.55, 0.95); } .page-is-scrolled .c-page-header--cart-checkout .row:nth-of-type(1) { top: 0; height: 2.875rem; transition: all 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media only screen and (min-width: 64em) { .page-is-scrolled .c-page-header--cart-checkout .row:nth-of-type(1) { height: 4.875rem; } } @media only screen and (min-width: 64em) { .admin-bar .c-page-header--cart-checkout .row:nth-of-type(1) { top: 2rem; } } @media only screen and (min-width: 64em) { .c-page-header--cart-checkout .row .column:nth-of-type(2) { max-width: 34.375rem; } } .c-page-header--cart-checkout .c-page-header__cart-text { color: #FFFFFF; display: flex; flex-wrap: wrap; } @media only screen and (min-width: 64em) { .c-page-header--cart-checkout .c-page-header__cart-text { align-items: flex-end; } } .c-page-header--cart-checkout .c-page-header__cart-text a, .c-page-header--cart-checkout .c-page-header__cart-text h4, .c-page-header--cart-checkout .c-page-header__cart-text li a { color: #FFFFFF; } .c-page-header--cart-checkout .c-page-header__cart-text li { list-style-type: none; } .c-page-header--cart-checkout .c-page-header__cart-text a { text-decoration: none; margin-bottom: 0.5rem; } .c-page-header--cart-checkout .c-page-header__cart-text a:hover { text-decoration: underline; } @media only screen and (min-width: 64em) { .c-page-header--cart-checkout .c-page-header__cart-text h4, .c-page-header--cart-checkout .c-page-header__cart-text p { margin-bottom: 0; width: auto; padding-right: 1rem; } } @media only screen and (min-width: 64em) { .c-page-header--cart-checkout .c-page-header__cart-text li { width: 4.375rem; } } .c-page-header--cart-checkout .c-page-header__cart-text h4 { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .c-page-header--cart-checkout .c-page-header__cart-text h4 { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .c-page-header--cart-checkout .c-page-header__cart-text h4 { max-width: 12.5rem; } } /** * PAGE-LOGO **/ .c-page-logo { display: inline-block; width: 7.625rem; height: 1.75rem; transition: all 0.33s cubic-bezier(0.445, 0.05, 0.55, 0.95); } @media only screen and (min-width: 64em) { .c-page-logo { -webkit-animation: transition-fade-left 1s 1.5s normal forwards ease-in-out; animation: transition-fade-left 1s 1.5s normal forwards ease-in-out; width: 16.5625rem; height: 4.875rem; } } .page-is-scrolled .c-page-logo { width: 5.625rem; } @media only screen and (min-width: 64em) { .page-is-scrolled .c-page-logo { width: 10.9375rem; } } .c-page-logo svg { width: 100%; height: 100%; } @media only screen and (min-width: 64em) { .c-page-logo + .c-woocommerce-product-search { margin-left: 1.875rem; } } /** ** Additonal component files */ /** * ACCOUNT **/ .c-account { padding: 1.5rem 0; display: flex; flex-wrap: wrap; align-items: flex-start; flex-direction: column; } @media only screen and (min-width: 64em) { .c-account { padding: 3.125rem 0; flex-direction: row; } } .c-account .woocommerce-MyAccount-navigation, .c-account .woocommerce-MyAccount-content { float: none; } @media only screen and (min-width: 64em) { .c-account .woocommerce-MyAccount-content { width: calc(100% - 20.625rem); margin-left: 1.875rem; } } .c-account .woocommerce-MyAccount-content h3 { font-size: 2.25rem; line-height: 2.625rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 1.5rem; } @media only screen and (min-width: 64em) { .c-account .woocommerce-MyAccount-content h3 { font-size: 2.25rem; line-height: 2.625rem; } } .c-account .woocommerce-MyAccount-content p, .c-account .woocommerce-MyAccount-content address { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 500; font-family: Dubai, sans-serif; font-style: normal; } .c-account .woocommerce-MyAccount-content p a, .c-account .woocommerce-MyAccount-content address a { color: #ff6712; } .c-account .woocommerce-MyAccount-navigation { background-color: #F7F7F7; padding: 1.5rem; } @media only screen and (min-width: 64em) { .c-account .woocommerce-MyAccount-navigation { width: 18.75rem; } } .c-account .woocommerce-MyAccount-navigation ul { margin: 0; } .c-account .woocommerce-MyAccount-navigation ul li { list-style-type: none; margin-bottom: 1rem; } .c-account .woocommerce-MyAccount-navigation ul li:last-of-type { margin-bottom: 0; } .c-account .woocommerce-MyAccount-navigation ul li a { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; color: #0a0a0a; } @media only screen and (min-width: 64em) { .c-account .woocommerce-MyAccount-navigation ul li a { font-size: 1.375rem; line-height: 1.5625rem; } } .c-account .woocommerce-MyAccount-navigation ul li a:hover { color: #ff6712; } /** * ASL-STORELOCATOR **/ body #asl-storelocator.container.storelocator-main.asl-p-cont.asl-template-0 { max-width: 75rem !important; } body #asl-storelocator.asl-p-cont.asl-bg-0 .Num_of_store, body #asl-storelocator.asl-p-cont.asl-bg-0 .inside.search_filter .Num_of_store, body #asl-storelocator.asl-p-cont.asl-bg-0 .col-xs-12.search_filter .sl-search-group > span, body #asl-storelocator.asl-p-cont.asl-bg-0 .col-xs-12.search_filter .asl-store-search > span, body #asl-storelocator.asl-p-cont.asl-bg-0 #asl-geolocation-agile-modal .btn.btn-default, body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont button, body #asl-storelocator #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont .btn.btn-asl { background: #0a0a0a !important; color: #FFFFFF !important; } body #asl-storelocator.asl-p-cont.asl-bg-0 .Filter_section { padding: 2.5rem 1.25rem 1.25rem; } body #asl-storelocator.asl-p-cont.asl-bg-0 .infoWindow .phone > b, body #asl-storelocator.asl-p-cont.asl-bg-0 .infoWindow .address, body #asl-storelocator.asl-p-cont.asl-bg-0 .btn-default, body #asl-storelocator.asl-p-cont.asl-bg-0 .infoWindow .categories, body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-inner .sl-item .addr-sec .p-title, body #asl-storelocator.asl-p-cont.asl-bg-0 .search_filter > p:first-child, body #asl-storelocator.asl-p-cont.asl-bg-0 .store-locator h4 { color: #0a0a0a !important; } body #asl-storelocator.asl-p-cont.asl-bg-0 .search_filter > p:first-child { font-size: 2.25rem; line-height: 2.625rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 1.5rem !important; } @media only screen and (min-width: 64em) { body #asl-storelocator.asl-p-cont.asl-bg-0 .search_filter > p:first-child { font-size: 2.25rem; line-height: 2.625rem; } } body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-inner .sl-item .addr-sec .p-title { font-size: 1rem; line-height: 1.1875rem; font-weight: 300; font-family: Dubai, sans-serif; } body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-inner .sl-item .addr-sec .p-title { font-size: 1rem; line-height: 1.1875rem; font-weight: 300; font-family: Dubai, sans-serif; } body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-inner .sl-item > .addr-sec .p-title { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; margin: 0.625rem 0 1.25rem; } @media only screen and (min-width: 64em) { body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-inner .sl-item > .addr-sec .p-title { font-size: 1.375rem; line-height: 1.5625rem; } } body #asl-storelocator.asl-p-cont.container .panel-inner p.p-area, body #asl-storelocator.asl-p-cont.container .panel-inner p.p-area a, body #asl-storelocator.asl-p-cont.container .panel-inner p.p-area span { font-size: 0.875rem; line-height: 1rem; font-weight: 400; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { body #asl-storelocator.asl-p-cont.asl-template-0.asl-p-cont.no-asl-filters .asl-panel .inside.search_filter + #asl-list.storelocator-panel { margin-top: 6.4375rem !important; } } body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont button, body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont .btn.btn-asl { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #38383D; padding: 0 1rem !important; font-size: 1rem; height: 2.1875rem; line-height: 2rem; } @media only screen and (min-width: 64em) { body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont button, body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont .btn.btn-asl { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont button, body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont .btn.btn-asl { line-height: 2.625rem; } } body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont button:hover, body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont .btn.btn-asl:hover { background-position: calc(100% - 12px) 50%; } body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont button:hover, body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont .btn.btn-asl:hover { background-color: #4c4c52; } @media only screen and (min-width: 64em) { body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont button, body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont .btn.btn-asl { font-size: 1rem; height: 2.1875rem; line-height: 2rem; } } /** * BLOG-CATEGORY-ARCHIVE **/ .c-blog-category-archive { margin: 0; } .c-blog-category-archive li { list-style-type: none; } /** * BREADCRUMBS **/ .page-template-page-resources .c-breadcrumbs { margin-bottom: 1.875rem; } @media only screen and (min-width: 64em) { .page-template-page-resources .c-breadcrumbs { margin-bottom: 3.75rem; } } .c-breadcrumbs span a { color: #38383D; text-decoration: underline; } /** * BREADCRUMBS--SINGLE-POST **/ .c-breadcrumbs--single-post .c-breadcrumbs__inner { margin: 0 0 3.75rem; display: flex; flex-wrap: wrap; } .c-breadcrumbs--single-post .c-breadcrumbs__item { list-style-type: none; } .c-breadcrumbs--single-post .c-breadcrumbs__item + .c-breadcrumbs__item:before { content: '>'; margin: 0 0.375rem; } .c-breadcrumbs--single-post .c-breadcrumbs__item a { color: #0a0a0a; text-decoration: underline; } /** * BUTTON **/ .c-button.no-variation:not(.small-text) { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #38383D; } @media only screen and (min-width: 64em) { .c-button.no-variation:not(.small-text) { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .c-button.no-variation:not(.small-text) { line-height: 2.625rem; } } .c-button.no-variation:not(.small-text):hover { background-position: calc(100% - 12px) 50%; } .c-button.no-variation:not(.small-text):hover { background-color: #4c4c52; } .c-button.no-variation.small-text { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); font-size: 1.25rem; line-height: 1.375rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 0.875rem; line-height: 2.625rem; height: 2.8125rem; background-position: calc(100% - 14px) 50%; padding: 0 1.875rem 0 1.1875rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); font-size: 0.875rem; background-color: #38383D; } @media only screen and (min-width: 64em) { .c-button.no-variation.small-text { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .c-button.no-variation.small-text { line-height: 2.625rem; } } @media only screen and (min-width: 64em) { .c-button.no-variation.small-text { line-height: 2.625rem; } } .c-button.no-variation.small-text:hover { background-position: calc(100% - 10px) 50%; } .c-button.no-variation.small-text:hover { background-color: #4c4c52; } @media only screen and (min-width: 64em) { .c-button.no-variation.small-text { font-size: 1rem; } } /** * BUTTON--CONVERSION **/ .c-button--conversion { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #ff6712; } @media only screen and (min-width: 64em) { .c-button--conversion { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .c-button--conversion { line-height: 2.625rem; } } .c-button--conversion:hover { background-position: calc(100% - 12px) 50%; } .c-button--conversion:hover { background-color: #e85300; color: #FFFFFF; } /** * BUTTON--HOLLOW **/ .c-button--hollow { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); background-size: 1.375rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9Ii42IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTYgMCkiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTcgMTFsMy0zLTMtMyIvPjwvZz48L3N2Zz4="); background-position: 100% 50%; padding: 0 2.25rem 0 0; color: #FFFFFF; } @media only screen and (min-width: 64em) { .c-button--hollow { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .c-button--hollow { line-height: 2.625rem; } } .c-button--hollow:hover { color: #FFFFFF; } /** * BUTTON--HOLLOW-BLACK **/ .c-button--hollow-black { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); background-size: 1.375rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9Ii42IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTYgMCkiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTcgMTFsMy0zLTMtMyIvPjwvZz48L3N2Zz4="); background-position: 100% 50%; padding: 0 2.25rem 0 0; color: #FFFFFF; color: #26262D; } @media only screen and (min-width: 64em) { .c-button--hollow-black { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .c-button--hollow-black { line-height: 2.625rem; } } .c-button--hollow-black:hover { color: #FFFFFF; } .c-button--hollow-black:hover { color: #26262D; } /** * BUTTON--INLINE **/ .c-button--inline { color: #26262D; text-decoration: underline; background-repeat: no-repeat; background-position: 100% 50%; background-size: 0.625rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDBMNC41IDMuNSAxIDAiIHN0cm9rZT0iIzM4MzgzRCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4="); padding-right: 1rem; margin-right: 1.5rem; } .c-button--inline:hover { color: #38383D; } .archive .c-button--inline { text-align: center; display: inline-block; left: 50%; transform: translateX(-50%); position: relative; text-decoration: underline; } /** * CART **/ .woocommerce .c-cart, .woocommerce-cart .c-cart, .woocommerce-page .c-cart { display: flex; flex-direction: column; flex-wrap: wrap; margin-bottom: 1.875rem; padding-bottom: 1.875rem; border-bottom: 0.0625rem solid #ff6712; } @media only screen and (min-width: 64em) { .woocommerce .c-cart, .woocommerce-cart .c-cart, .woocommerce-page .c-cart { flex-direction: row; margin-bottom: 2.5rem; padding-bottom: 2.5rem; } } .woocommerce .c-cart .c-cart-collaterals, .woocommerce .c-cart .c-cart-form, .woocommerce-cart .c-cart .c-cart-collaterals, .woocommerce-cart .c-cart .c-cart-form, .woocommerce-page .c-cart .c-cart-collaterals, .woocommerce-page .c-cart .c-cart-form { width: 100%; background-color: #FFFFFF; border-radius: 0.125rem; box-shadow: 0 0 3.125rem rgba(10, 10, 10, 0.1); padding: 2.375rem 1.875rem; } .woocommerce .c-cart .c-cart-collaterals table, .woocommerce .c-cart .c-cart-collaterals tbody, .woocommerce .c-cart .c-cart-collaterals tfoot, .woocommerce .c-cart .c-cart-collaterals thead, .woocommerce .c-cart .c-cart-collaterals tr, .woocommerce .c-cart .c-cart-collaterals td, .woocommerce .c-cart .c-cart-collaterals th, .woocommerce .c-cart .c-cart-collaterals .cart_totals table, .woocommerce .c-cart .c-cart-collaterals .cart_totals tbody, .woocommerce .c-cart .c-cart-collaterals .cart_totals tfoot, .woocommerce .c-cart .c-cart-collaterals .cart_totals thead, .woocommerce .c-cart .c-cart-collaterals .cart_totals tr, .woocommerce .c-cart .c-cart-collaterals .cart_totals td, .woocommerce .c-cart .c-cart-collaterals .cart_totals th, .woocommerce .c-cart .c-cart-form table, .woocommerce .c-cart .c-cart-form tbody, .woocommerce .c-cart .c-cart-form tfoot, .woocommerce .c-cart .c-cart-form thead, .woocommerce .c-cart .c-cart-form tr, .woocommerce .c-cart .c-cart-form td, .woocommerce .c-cart .c-cart-form th, .woocommerce .c-cart .c-cart-form .cart_totals table, .woocommerce .c-cart .c-cart-form .cart_totals tbody, .woocommerce .c-cart .c-cart-form .cart_totals tfoot, .woocommerce .c-cart .c-cart-form .cart_totals thead, .woocommerce .c-cart .c-cart-form .cart_totals tr, .woocommerce .c-cart .c-cart-form .cart_totals td, .woocommerce .c-cart .c-cart-form .cart_totals th, .woocommerce-cart .c-cart .c-cart-collaterals table, .woocommerce-cart .c-cart .c-cart-collaterals tbody, .woocommerce-cart .c-cart .c-cart-collaterals tfoot, .woocommerce-cart .c-cart .c-cart-collaterals thead, .woocommerce-cart .c-cart .c-cart-collaterals tr, .woocommerce-cart .c-cart .c-cart-collaterals td, .woocommerce-cart .c-cart .c-cart-collaterals th, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals table, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals tbody, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals tfoot, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals thead, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals tr, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals td, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals th, .woocommerce-cart .c-cart .c-cart-form table, .woocommerce-cart .c-cart .c-cart-form tbody, .woocommerce-cart .c-cart .c-cart-form tfoot, .woocommerce-cart .c-cart .c-cart-form thead, .woocommerce-cart .c-cart .c-cart-form tr, .woocommerce-cart .c-cart .c-cart-form td, .woocommerce-cart .c-cart .c-cart-form th, .woocommerce-cart .c-cart .c-cart-form .cart_totals table, .woocommerce-cart .c-cart .c-cart-form .cart_totals tbody, .woocommerce-cart .c-cart .c-cart-form .cart_totals tfoot, .woocommerce-cart .c-cart .c-cart-form .cart_totals thead, .woocommerce-cart .c-cart .c-cart-form .cart_totals tr, .woocommerce-cart .c-cart .c-cart-form .cart_totals td, .woocommerce-cart .c-cart .c-cart-form .cart_totals th, .woocommerce-page .c-cart .c-cart-collaterals table, .woocommerce-page .c-cart .c-cart-collaterals tbody, .woocommerce-page .c-cart .c-cart-collaterals tfoot, .woocommerce-page .c-cart .c-cart-collaterals thead, .woocommerce-page .c-cart .c-cart-collaterals tr, .woocommerce-page .c-cart .c-cart-collaterals td, .woocommerce-page .c-cart .c-cart-collaterals th, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals table, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals tbody, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals tfoot, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals thead, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals tr, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals td, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals th, .woocommerce-page .c-cart .c-cart-form table, .woocommerce-page .c-cart .c-cart-form tbody, .woocommerce-page .c-cart .c-cart-form tfoot, .woocommerce-page .c-cart .c-cart-form thead, .woocommerce-page .c-cart .c-cart-form tr, .woocommerce-page .c-cart .c-cart-form td, .woocommerce-page .c-cart .c-cart-form th, .woocommerce-page .c-cart .c-cart-form .cart_totals table, .woocommerce-page .c-cart .c-cart-form .cart_totals tbody, .woocommerce-page .c-cart .c-cart-form .cart_totals tfoot, .woocommerce-page .c-cart .c-cart-form .cart_totals thead, .woocommerce-page .c-cart .c-cart-form .cart_totals tr, .woocommerce-page .c-cart .c-cart-form .cart_totals td, .woocommerce-page .c-cart .c-cart-form .cart_totals th { border: none; border-radius: 0; } .woocommerce .c-cart .c-cart-collaterals .woocommerce-shipping-totals .woocommerce-shipping-methods label, .woocommerce .c-cart .c-cart-collaterals .woocommerce-shipping-totals .woocommerce-shipping-methods label span, .woocommerce .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-methods label, .woocommerce .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-methods label span, .woocommerce .c-cart .c-cart-form .woocommerce-shipping-totals .woocommerce-shipping-methods label, .woocommerce .c-cart .c-cart-form .woocommerce-shipping-totals .woocommerce-shipping-methods label span, .woocommerce .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-methods label, .woocommerce .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-methods label span, .woocommerce-cart .c-cart .c-cart-collaterals .woocommerce-shipping-totals .woocommerce-shipping-methods label, .woocommerce-cart .c-cart .c-cart-collaterals .woocommerce-shipping-totals .woocommerce-shipping-methods label span, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-methods label, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-methods label span, .woocommerce-cart .c-cart .c-cart-form .woocommerce-shipping-totals .woocommerce-shipping-methods label, .woocommerce-cart .c-cart .c-cart-form .woocommerce-shipping-totals .woocommerce-shipping-methods label span, .woocommerce-cart .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-methods label, .woocommerce-cart .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-methods label span, .woocommerce-page .c-cart .c-cart-collaterals .woocommerce-shipping-totals .woocommerce-shipping-methods label, .woocommerce-page .c-cart .c-cart-collaterals .woocommerce-shipping-totals .woocommerce-shipping-methods label span, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-methods label, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-methods label span, .woocommerce-page .c-cart .c-cart-form .woocommerce-shipping-totals .woocommerce-shipping-methods label, .woocommerce-page .c-cart .c-cart-form .woocommerce-shipping-totals .woocommerce-shipping-methods label span, .woocommerce-page .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-methods label, .woocommerce-page .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-methods label span { font-size: 1.25rem; line-height: 1.375rem; font-weight: 700; font-family: Dubai, sans-serif; } .woocommerce .c-cart .c-cart-collaterals .woocommerce-shipping-totals td:after, .woocommerce .c-cart .c-cart-collaterals .woocommerce-shipping-totals th:after, .woocommerce .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals td:after, .woocommerce .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals th:after, .woocommerce .c-cart .c-cart-form .woocommerce-shipping-totals td:after, .woocommerce .c-cart .c-cart-form .woocommerce-shipping-totals th:after, .woocommerce .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals td:after, .woocommerce .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals th:after, .woocommerce-cart .c-cart .c-cart-collaterals .woocommerce-shipping-totals td:after, .woocommerce-cart .c-cart .c-cart-collaterals .woocommerce-shipping-totals th:after, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals td:after, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals th:after, .woocommerce-cart .c-cart .c-cart-form .woocommerce-shipping-totals td:after, .woocommerce-cart .c-cart .c-cart-form .woocommerce-shipping-totals th:after, .woocommerce-cart .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals td:after, .woocommerce-cart .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals th:after, .woocommerce-page .c-cart .c-cart-collaterals .woocommerce-shipping-totals td:after, .woocommerce-page .c-cart .c-cart-collaterals .woocommerce-shipping-totals th:after, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals td:after, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals th:after, .woocommerce-page .c-cart .c-cart-form .woocommerce-shipping-totals td:after, .woocommerce-page .c-cart .c-cart-form .woocommerce-shipping-totals th:after, .woocommerce-page .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals td:after, .woocommerce-page .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals th:after { content: ''; display: inline-block; height: 1.875rem; width: 100%; } .woocommerce .c-cart .c-cart-collaterals .woocommerce-shipping-totals td a, .woocommerce .c-cart .c-cart-collaterals .woocommerce-shipping-totals th a, .woocommerce .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals td a, .woocommerce .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals th a, .woocommerce .c-cart .c-cart-form .woocommerce-shipping-totals td a, .woocommerce .c-cart .c-cart-form .woocommerce-shipping-totals th a, .woocommerce .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals td a, .woocommerce .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals th a, .woocommerce-cart .c-cart .c-cart-collaterals .woocommerce-shipping-totals td a, .woocommerce-cart .c-cart .c-cart-collaterals .woocommerce-shipping-totals th a, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals td a, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals th a, .woocommerce-cart .c-cart .c-cart-form .woocommerce-shipping-totals td a, .woocommerce-cart .c-cart .c-cart-form .woocommerce-shipping-totals th a, .woocommerce-cart .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals td a, .woocommerce-cart .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals th a, .woocommerce-page .c-cart .c-cart-collaterals .woocommerce-shipping-totals td a, .woocommerce-page .c-cart .c-cart-collaterals .woocommerce-shipping-totals th a, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals td a, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals .woocommerce-shipping-totals th a, .woocommerce-page .c-cart .c-cart-form .woocommerce-shipping-totals td a, .woocommerce-page .c-cart .c-cart-form .woocommerce-shipping-totals th a, .woocommerce-page .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals td a, .woocommerce-page .c-cart .c-cart-form .cart_totals .woocommerce-shipping-totals th a { color: #0a0a0a; } .woocommerce .c-cart .c-cart-collaterals .order-total td, .woocommerce .c-cart .c-cart-collaterals .order-total th, .woocommerce .c-cart .c-cart-collaterals .cart_totals .order-total td, .woocommerce .c-cart .c-cart-collaterals .cart_totals .order-total th, .woocommerce .c-cart .c-cart-form .order-total td, .woocommerce .c-cart .c-cart-form .order-total th, .woocommerce .c-cart .c-cart-form .cart_totals .order-total td, .woocommerce .c-cart .c-cart-form .cart_totals .order-total th, .woocommerce-cart .c-cart .c-cart-collaterals .order-total td, .woocommerce-cart .c-cart .c-cart-collaterals .order-total th, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals .order-total td, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals .order-total th, .woocommerce-cart .c-cart .c-cart-form .order-total td, .woocommerce-cart .c-cart .c-cart-form .order-total th, .woocommerce-cart .c-cart .c-cart-form .cart_totals .order-total td, .woocommerce-cart .c-cart .c-cart-form .cart_totals .order-total th, .woocommerce-page .c-cart .c-cart-collaterals .order-total td, .woocommerce-page .c-cart .c-cart-collaterals .order-total th, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals .order-total td, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals .order-total th, .woocommerce-page .c-cart .c-cart-form .order-total td, .woocommerce-page .c-cart .c-cart-form .order-total th, .woocommerce-page .c-cart .c-cart-form .cart_totals .order-total td, .woocommerce-page .c-cart .c-cart-form .cart_totals .order-total th { padding-top: 1.875rem; border-top: 0.0625rem solid #ff6712; font-size: 1.5rem; line-height: 1.75rem; font-weight: 700; font-family: Dubai, sans-serif; } .woocommerce .c-cart .c-cart-collaterals tr:nth-of-type(even), .woocommerce .c-cart .c-cart-form tr:nth-of-type(even), .woocommerce-cart .c-cart .c-cart-collaterals tr:nth-of-type(even), .woocommerce-cart .c-cart .c-cart-form tr:nth-of-type(even), .woocommerce-page .c-cart .c-cart-collaterals tr:nth-of-type(even), .woocommerce-page .c-cart .c-cart-form tr:nth-of-type(even) { background-color: transparent; } @media only screen and (min-width: 64em) { .woocommerce .c-cart .c-cart-collaterals, .woocommerce-cart .c-cart .c-cart-collaterals, .woocommerce-page .c-cart .c-cart-collaterals { width: 38.2%; } } .woocommerce .c-cart .c-cart-collaterals .cart_totals, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals { width: 100%; float: none; } .woocommerce .c-cart .c-cart-collaterals .cart_totals th, .woocommerce .c-cart .c-cart-collaterals .cart_totals td, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals th, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals td, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals th, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals td { padding-left: 0; font-size: 1.25rem; line-height: 1.375rem; font-weight: 700; font-family: Dubai, sans-serif; } .woocommerce .c-cart .c-cart-collaterals .cart_totals th b, .woocommerce .c-cart .c-cart-collaterals .cart_totals th strong, .woocommerce .c-cart .c-cart-collaterals .cart_totals td b, .woocommerce .c-cart .c-cart-collaterals .cart_totals td strong, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals th b, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals th strong, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals td b, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals td strong, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals th b, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals th strong, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals td b, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals td strong { font-weight: 700; } @media only screen and (min-width: 64em) { .woocommerce .c-cart .c-cart-collaterals .cart_totals th, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals th, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals th { min-width: 12.5rem; } } .woocommerce .c-cart .c-cart-collaterals .cart_totals th span, .woocommerce-cart .c-cart .c-cart-collaterals .cart_totals th span, .woocommerce-page .c-cart .c-cart-collaterals .cart_totals th span { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; display: inline-block; } .woocommerce .c-cart .woocommerce-cart-form, .woocommerce-cart .c-cart .woocommerce-cart-form, .woocommerce-page .c-cart .woocommerce-cart-form { margin: 0 0 1.5625rem; } @media only screen and (min-width: 64em) { .woocommerce .c-cart .woocommerce-cart-form, .woocommerce-cart .c-cart .woocommerce-cart-form, .woocommerce-page .c-cart .woocommerce-cart-form { width: calc(61.8% - 25px); margin: 0 1.5625rem 0 0; } } .woocommerce .c-cart .woocommerce-cart-form .product-quantity, .woocommerce-cart .c-cart .woocommerce-cart-form .product-quantity, .woocommerce-page .c-cart .woocommerce-cart-form .product-quantity { display: flex; } .woocommerce .c-cart .woocommerce-cart-form .product-quantity .minus, .woocommerce .c-cart .woocommerce-cart-form .product-quantity .plus, .woocommerce-cart .c-cart .woocommerce-cart-form .product-quantity .minus, .woocommerce-cart .c-cart .woocommerce-cart-form .product-quantity .plus, .woocommerce-page .c-cart .woocommerce-cart-form .product-quantity .minus, .woocommerce-page .c-cart .woocommerce-cart-form .product-quantity .plus { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; margin: 0; height: 2rem; width: 2rem; box-shadow: none; border: 0.0625rem solid #38383D; background-color: #38383D; color: #FFFFFF; cursor: pointer; transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); } @media only screen and (min-width: 64em) { .woocommerce .c-cart .woocommerce-cart-form .product-quantity .minus, .woocommerce .c-cart .woocommerce-cart-form .product-quantity .plus, .woocommerce-cart .c-cart .woocommerce-cart-form .product-quantity .minus, .woocommerce-cart .c-cart .woocommerce-cart-form .product-quantity .plus, .woocommerce-page .c-cart .woocommerce-cart-form .product-quantity .minus, .woocommerce-page .c-cart .woocommerce-cart-form .product-quantity .plus { font-size: 1.25rem; line-height: 1.375rem; } } .woocommerce .c-cart .woocommerce-cart-form .product-quantity .minus:hover, .woocommerce .c-cart .woocommerce-cart-form .product-quantity .plus:hover, .woocommerce-cart .c-cart .woocommerce-cart-form .product-quantity .minus:hover, .woocommerce-cart .c-cart .woocommerce-cart-form .product-quantity .plus:hover, .woocommerce-page .c-cart .woocommerce-cart-form .product-quantity .minus:hover, .woocommerce-page .c-cart .woocommerce-cart-form .product-quantity .plus:hover { background-color: #505058; border: 0.0625rem solid #505058; color: #FFFFFF; } .woocommerce .c-cart .woocommerce-cart-form .product-quantity div.quantity, .woocommerce-cart .c-cart .woocommerce-cart-form .product-quantity div.quantity, .woocommerce-page .c-cart .woocommerce-cart-form .product-quantity div.quantity { float: none; display: flex; } .woocommerce .c-cart .woocommerce-cart-form .product-quantity div.quantity .qty, .woocommerce-cart .c-cart .woocommerce-cart-form .product-quantity div.quantity .qty, .woocommerce-page .c-cart .woocommerce-cart-form .product-quantity div.quantity .qty { margin: 0 0.25rem; height: 2rem; width: 2rem; text-align: center; box-shadow: none; border: none; border: 0.0625rem solid #38383D; } .woocommerce .c-cart .woocommerce-cart-form .product-quantity div.quantity .qty::-webkit-outer-spin-button, .woocommerce .c-cart .woocommerce-cart-form .product-quantity div.quantity .qty::-webkit-inner-spin-button, .woocommerce-cart .c-cart .woocommerce-cart-form .product-quantity div.quantity .qty::-webkit-outer-spin-button, .woocommerce-cart .c-cart .woocommerce-cart-form .product-quantity div.quantity .qty::-webkit-inner-spin-button, .woocommerce-page .c-cart .woocommerce-cart-form .product-quantity div.quantity .qty::-webkit-outer-spin-button, .woocommerce-page .c-cart .woocommerce-cart-form .product-quantity div.quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table { margin: 0 0 3.75rem; border: none; border-radius: 0; margin-bottom: 0; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table thead, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table thead, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table thead { display: none; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tr:nth-child(even), .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tr:nth-child(even), .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tr:nth-child(even) { background-color: transparent; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot, .woocommerce .c-cart .woocommerce-cart-form table.shop_table thead, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table thead, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table thead { background: transparent; border: none; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody td, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody th, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody span, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody label, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody li, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody p, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot td, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot th, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot span, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot label, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot li, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot p, .woocommerce .c-cart .woocommerce-cart-form table.shop_table thead td, .woocommerce .c-cart .woocommerce-cart-form table.shop_table thead th, .woocommerce .c-cart .woocommerce-cart-form table.shop_table thead span, .woocommerce .c-cart .woocommerce-cart-form table.shop_table thead label, .woocommerce .c-cart .woocommerce-cart-form table.shop_table thead li, .woocommerce .c-cart .woocommerce-cart-form table.shop_table thead p, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody td, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody th, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody span, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody label, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody li, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody p, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot td, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot th, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot span, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot label, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot li, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot p, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table thead td, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table thead th, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table thead span, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table thead label, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table thead li, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table thead p, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody td, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody th, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody span, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody label, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody li, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody p, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot td, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot th, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot span, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot label, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot li, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot p, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table thead td, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table thead th, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table thead span, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table thead label, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table thead li, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table thead p { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; font-weight: 400 !important; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody #shipping_method li input, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot #shipping_method li input, .woocommerce .c-cart .woocommerce-cart-form table.shop_table thead #shipping_method li input, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody #shipping_method li input, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot #shipping_method li input, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table thead #shipping_method li input, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody #shipping_method li input, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot #shipping_method li input, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table thead #shipping_method li input { margin: rem-clac(6 0 0); } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody td[data-title="Shipping"], .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot td[data-title="Shipping"], .woocommerce .c-cart .woocommerce-cart-form table.shop_table thead td[data-title="Shipping"], .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody td[data-title="Shipping"], .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot td[data-title="Shipping"], .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table thead td[data-title="Shipping"], .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody td[data-title="Shipping"], .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot td[data-title="Shipping"], .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table thead td[data-title="Shipping"] { width: 100%; } @media only screen and (min-width: 64em) { .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody label, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot label, .woocommerce .c-cart .woocommerce-cart-form table.shop_table thead label, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody label, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot label, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table thead label, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody label, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot label, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table thead label { margin-right: 0; } } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody td, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody th, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot td, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot th, .woocommerce .c-cart .woocommerce-cart-form table.shop_table thead td, .woocommerce .c-cart .woocommerce-cart-form table.shop_table thead th, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody td, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody th, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot td, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot th, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table thead td, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table thead th, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody td, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody th, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot td, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot th, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table thead td, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table thead th { padding: 1rem 0; border-top: none; } @media only screen and (min-width: 64em) { .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody td:last-child, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot td:last-child, .woocommerce .c-cart .woocommerce-cart-form table.shop_table thead td:last-child, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody td:last-child, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot td:last-child, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table thead td:last-child, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody td:last-child, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot td:last-child, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table thead td:last-child { text-align: right; } } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody td, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody td, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody td { padding-top: 0; vertical-align: top; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody:after, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody:after, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody:after { content: ''; display: block; width: 100%; height: 6.25rem; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-thumbnail, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-thumbnail, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-thumbnail { width: 6.25rem; padding-right: 1.625rem; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-thumbnail img, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-thumbnail img, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-thumbnail img { width: 100%; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-remove, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-remove, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-remove { width: 0.625rem; padding: 0; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-remove a.remove, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-remove a.remove, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-remove a.remove { color: #0a0a0a !important; font-weight: 300; line-height: 1; transition: 0.2s all cubic-bezier(0.445, 0.05, 0.55, 0.95); } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-remove a.remove:hover, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-remove a.remove:hover, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-remove a.remove:hover { background-color: #38383D; color: #FFFFFF !important; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-name > a, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-name > a, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-name > a { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; margin-bottom: 1.0625rem; display: block; color: #0a0a0a; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-name__inner, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-name__inner, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-name__inner { display: flex; flex-direction: column; justify-content: space-between; min-height: 3.75rem; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-name__inner span, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-name__inner span, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-name__inner span { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-name__inner span.product-quantity, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-name__inner span.product-quantity, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-name__inner span.product-quantity { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-total, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-price, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-subtotal, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-total, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-price, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-subtotal, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-total, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-price, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-subtotal { padding-top: 0.5rem; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-total, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-total .amount, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-price, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-price .amount, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-subtotal, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-subtotal .amount, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-total, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-total .amount, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-price, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-price .amount, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-subtotal, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-subtotal .amount, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-total, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-total .amount, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-price, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-price .amount, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-subtotal, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-subtotal .amount { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-weight: 700; } @media only screen and (min-width: 64em) { .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-total, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-total .amount, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-price, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-price .amount, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-subtotal, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tbody .product-subtotal .amount, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-total, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-total .amount, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-price, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-price .amount, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-subtotal, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tbody .product-subtotal .amount, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-total, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-total .amount, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-price, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-price .amount, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-subtotal, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tbody .product-subtotal .amount { font-size: 1.375rem; line-height: 1.5625rem; } } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot tr:nth-of-type(1) td, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot tr:nth-of-type(1) th, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot tr:nth-of-type(1) td, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot tr:nth-of-type(1) th, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot tr:nth-of-type(1) td, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot tr:nth-of-type(1) th { border-top: 0.0625rem solid #E6E6E6; } .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot tr:last-child td, .woocommerce .c-cart .woocommerce-cart-form table.shop_table tfoot tr:last-child th, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot tr:last-child td, .woocommerce-cart .c-cart .woocommerce-cart-form table.shop_table tfoot tr:last-child th, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot tr:last-child td, .woocommerce-page .c-cart .woocommerce-cart-form table.shop_table tfoot tr:last-child th { border-top: 0.0625rem solid #E6E6E6; border-bottom: 0.0625rem solid #E6E6E6; } .woocommerce .c-cart .c-cart__heading, .woocommerce-cart .c-cart .c-cart__heading, .woocommerce-page .c-cart .c-cart__heading { font-size: 1.5rem; line-height: 1.75rem; font-weight: 900; font-family: Dubai, sans-serif; display: block; border-bottom: 0.0625rem solid #ff6712; padding-bottom: 0.6875rem; margin-bottom: 2.5rem; } /** * CART-COLLATERALS */ #add_payment_method .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); height: 4.0625rem; line-height: 3.8125rem; background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #38383D; display: block; text-align: left; } @media only screen and (min-width: 64em) { #add_payment_method .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { #add_payment_method .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button { line-height: 2.625rem; } } @media only screen and (min-width: 64em) { #add_payment_method .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button { height: 4.0625rem; line-height: 3.8125rem; } } #add_payment_method .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover { background-position: calc(100% - 12px) 50%; } #add_payment_method .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .c-cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover { background-color: #4c4c52; } /** * CART-COUNT */ .c-cart-count { margin-right: 0.5rem; margin-left: -0.875rem; margin-top: -1.25rem; display: block; background-color: #ff6712; border-radius: 50%; color: #38383D; font-size: 0.625rem; font-weight: 700; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; } @media only screen and (min-width: 64em) { .c-cart-count { margin-left: -0.625rem; } } /** * CART-FORM **/ .woocommerce-cart .c-cart-form .woocommerce-cart-form__cart-item.subtitle { margin-bottom: 2.5rem; text-align: right; } .woocommerce-cart .c-cart-form .woocommerce-cart-form__cart-item.subtitle span { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .woocommerce-cart .c-cart-form .woocommerce-cart-form__cart-item.subtitle span { font-size: 1.25rem; line-height: 1.375rem; } } .woocommerce-cart .c-cart-form .woocommerce-cart-form__cart-item.subtitle span[data-title="Subtotal"] { margin-left: 1.875rem; } .woocommerce-cart .c-cart-form .woocommerce-cart-form__cart-item.subtitle span[data-title="Subtotal"], .woocommerce-cart .c-cart-form .woocommerce-cart-form__cart-item.subtitle span[data-title="Subtotal"] span { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .woocommerce-cart .c-cart-form .woocommerce-cart-form__cart-item.subtitle span[data-title="Subtotal"], .woocommerce-cart .c-cart-form .woocommerce-cart-form__cart-item.subtitle span[data-title="Subtotal"] span { font-size: 1.375rem; line-height: 1.5625rem; } } .woocommerce-cart .c-cart-form .actions .button[name="update_cart"] { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #38383D; } @media only screen and (min-width: 64em) { .woocommerce-cart .c-cart-form .actions .button[name="update_cart"] { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .woocommerce-cart .c-cart-form .actions .button[name="update_cart"] { line-height: 2.625rem; } } .woocommerce-cart .c-cart-form .actions .button[name="update_cart"]:hover { background-position: calc(100% - 12px) 50%; } .woocommerce-cart .c-cart-form .actions .button[name="update_cart"]:hover { background-color: #4c4c52; } .woocommerce-cart .c-cart-form .actions .button[name="apply_coupon"] { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #ff6712; } @media only screen and (min-width: 64em) { .woocommerce-cart .c-cart-form .actions .button[name="apply_coupon"] { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .woocommerce-cart .c-cart-form .actions .button[name="apply_coupon"] { line-height: 2.625rem; } } .woocommerce-cart .c-cart-form .actions .button[name="apply_coupon"]:hover { background-position: calc(100% - 12px) 50%; } .woocommerce-cart .c-cart-form .actions .button[name="apply_coupon"]:hover { background-color: #e85300; color: #FFFFFF; } .woocommerce-cart .c-cart-form .actions .coupon { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; } .woocommerce-cart .c-cart-form .actions .coupon label { display: none; } .woocommerce-cart .c-cart-form .actions .coupon .input-text { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; box-shadow: none; color: #38383D; border: 0.125rem solid #38383D; height: 2.8125rem; line-height: 2.8125rem; padding: 0 1rem; width: auto; flex-grow: 1; } .woocommerce-cart .c-cart-form .actions .coupon .input-text:focus { outline: none; box-shadow: none; } .woocommerce-cart .c-cart-form .actions .coupon .input-text::-moz-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .woocommerce-cart .c-cart-form .actions .coupon .input-text:-ms-input-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .woocommerce-cart .c-cart-form .actions .coupon .input-text::placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .woocommerce-cart .c-cart-form .actions .coupon .input-text + .button { margin-left: 1rem; } /** * CART-MINI **/ .c-cart-mini { position: fixed; display: flex; align-items: center; justify-content: center; left: 0; right: 0; bottom: 0; box-shadow: 0 0 3.125rem rgba(10, 10, 10, 0.15); background-color: #38383D; color: #FFFFFF; padding: 1rem; flex-direction: column; z-index: 1000; height: 5.625rem; display: none; transition: 0.6s 0.3s transform cubic-bezier(0.445, 0.05, 0.55, 0.95); pointer-events: initial; transform: translateY(0); } @media only screen and (min-width: 64em) { .c-cart-mini { flex-direction: row; bottom: 1rem; left: 50%; right: auto; transform: translateX(-50%); } } .navigation--is-active .c-cart-mini { pointer-events: none; transform: translateY(100%); transition: none; } .post-type-archive-product .c-cart-mini, .single-product .c-cart-mini { display: flex; } .c-cart-mini__count, .c-cart-mini__count *, .c-cart-mini__buttons, .c-cart-mini__buttons * { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 400; font-family: Dubai, sans-serif; } .c-cart-mini__count:after { display: inline-block; margin: 0 0 0 0.5rem; } @media only screen and (min-width: 64em) { .c-cart-mini__count:after { content: '|'; } } .c-cart-mini__count .c-cart-count { width: auto; height: auto; margin: 0; border-radius: 0; background-color: transparent; display: inline-block; font-weight: 700; color: #FFFFFF; } .c-cart-mini__buttons .c-button { color: #FFFFFF; } .c-cart-mini__buttons .c-button.basket { text-decoration: none; padding: 0.5rem 0.5rem 0.5rem 1.875rem; background-size: 1.25rem auto; background-repeat: no-repeat; background-position: 0 50%; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIHN0cm9rZT0iI0M0QUI4QyIgZmlsbD0iI0M0QUI4QyIgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIi8+PHBhdGggZD0iTTEzLjY2MiAxNC4zM2MuMjYgMCAuNDg3LS4wNzYuNjgtLjIyOS4xOTMtLjE1Mi4zMjYtLjM1LjM5Ny0uNTkyLjExNy0uNDQ5LjM2LTEuMzM4LjcyNy0yLjY2Ni4zMDYtMS4xMTMuNTQzLTIuMDEuNzE0LTIuNjkzYS41MjEuNTIxIDAgMDAtLjE2OC0uMzkuNTcuNTcgMCAwMC0uNDExLS4xNjJoLTIuNjhsLTIuNDUtMy42NzZBLjUzLjUzIDAgMDAxMCAzLjY4YS41My41MyAwIDAwLS40NzEuMjQybC0yLjQ1IDMuNjc2aC0yLjY4YS41NzguNTc4IDAgMDAtLjQwNC4xNjIuNTEyLjUxMiAwIDAwLS4xNzUuMzljMCAuMDcyLjAwOS4xMjYuMDI3LjE2MmwxLjQxNCA1LjE5N2MuMDcxLjI0Mi4yMDYuNDQuNDA0LjU5Mi4xOTcuMTUzLjQyNi4yMy42ODYuMjNoNy4zMTF6bS0xLjk3OS02LjczMkg4LjMxN0wxMCA1LjEyMWwxLjY4MyAyLjQ3N3pNMTAgMTIuMDk1Yy0uMzA1IDAtLjU3LS4xMTItLjc5NC0uMzM3YTEuMDg2IDEuMDg2IDAgMDEtLjMzNy0uNzk0YzAtLjMwNS4xMTItLjU3LjMzNy0uNzk0LjIyNC0uMjI1LjQ4OS0uMzM3Ljc5NC0uMzM3LjMwNSAwIC41Ny4xMTIuNzk0LjMzNy4yMjUuMjI0LjMzNy40ODkuMzM3Ljc5NCAwIC4zMDUtLjExMi41Ny0uMzM3Ljc5NC0uMjI0LjIyNS0uNDg5LjMzNy0uNzk0LjMzN3oiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4="); } @media only screen and (min-width: 64em) { .c-cart-mini__buttons .c-button.basket:hover { text-decoration: underline; } } /** * CHECKOUT-FORM **/ .woocommerce .c-checkout-form.argmc-wrapper .argmc-register .u-column2, .woocommerce .c-checkout-form.argmc-wrapper .argmc-register .woocommerce-form-login, .woocommerce .c-checkout-form.argmc-wrapper .argmc-login .u-column2, .woocommerce .c-checkout-form.argmc-wrapper .argmc-login .woocommerce-form-login, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-register .u-column2, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-register .woocommerce-form-login, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-login .u-column2, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-login .woocommerce-form-login { margin-top: 0; } .woocommerce .c-checkout-form.argmc-wrapper .argmc-register .u-column2 > p, .woocommerce .c-checkout-form.argmc-wrapper .argmc-register .woocommerce-form-login > p, .woocommerce .c-checkout-form.argmc-wrapper .argmc-login .u-column2 > p, .woocommerce .c-checkout-form.argmc-wrapper .argmc-login .woocommerce-form-login > p, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-register .u-column2 > p, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-register .woocommerce-form-login > p, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-login .u-column2 > p, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-login .woocommerce-form-login > p { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; margin-bottom: 1.875rem; } .woocommerce .c-checkout-form.argmc-wrapper.login-step .argmc-nav.header, .woocommerce-page .c-checkout-form.argmc-wrapper.login-step .argmc-nav.header { display: block; } .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-divider, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-divider { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 2.25rem; } .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-divider__item:not(:nth-of-type(2)), .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-divider__item:not(:nth-of-type(2)) { flex-grow: 1; height: 0.125rem; background-color: #E6E6E6; } .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-divider__item:nth-of-type(2), .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-divider__item:nth-of-type(2) { margin: 0 0.625rem; font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-divider__item:nth-of-type(2), .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-divider__item:nth-of-type(2) { font-size: 1.375rem; line-height: 1.5625rem; } } .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons { position: relative; text-align: left; } .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); height: 4.0625rem; line-height: 3.8125rem; background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #38383D; } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button { line-height: 2.625rem; } } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button { height: 4.0625rem; line-height: 3.8125rem; } } .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button:hover, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button:hover { background-position: calc(100% - 12px) 50%; } .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button:hover, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button:hover { background-color: #4c4c52; } .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button:not(.argmc-previous), .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button:not(.argmc-previous) { max-width: 100%; } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button:not(.argmc-previous), .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button:not(.argmc-previous) { width: 100%; } } .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button.argmc-previous, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button.argmc-previous { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); height: 4.0625rem; line-height: 3.8125rem; background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); padding: 0 4.375rem 0 2.5rem; background-color: #38383D; margin-left: 0; } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button.argmc-previous, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button.argmc-previous { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button.argmc-previous, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button.argmc-previous { line-height: 2.625rem; } } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button.argmc-previous, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button.argmc-previous { height: 4.0625rem; line-height: 3.8125rem; } } .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button.argmc-previous:hover, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button.argmc-previous:hover { background-position: calc(100% - 12px) 50%; } .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button.argmc-previous:hover, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button.argmc-previous:hover { background-color: #4c4c52; } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button.argmc-previous, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav .argmc-nav-buttons .button.argmc-previous { margin-left: -13.125rem !important; } } .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav.header, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav.header { display: none; } .woocommerce .c-checkout-form.argmc-wrapper .argmc-nav.header .argmc-nav-buttons, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-nav.header .argmc-nav-buttons { border-top: none; padding-top: 0; width: 100%; display: block; } .woocommerce .c-checkout-form.argmc-wrapper .argmc-login-tabs, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-login-tabs { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 0.3125rem; } .woocommerce .c-checkout-form.argmc-wrapper .argmc-login-tabs .tab-item, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-login-tabs .tab-item { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; height: 3.125rem; line-height: 3.125rem; width: 50%; text-align: center; border-left: 0.125rem solid #0a0a0a; border-bottom: 0.125rem solid #0a0a0a; } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-form.argmc-wrapper .argmc-login-tabs .tab-item, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-login-tabs .tab-item { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-form.argmc-wrapper .argmc-login-tabs .tab-item, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-login-tabs .tab-item { line-height: 3.125rem; } } .woocommerce .c-checkout-form.argmc-wrapper .argmc-login-tabs .tab-item.current, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-login-tabs .tab-item.current { border-top: 0.125rem solid #0a0a0a; border-bottom: none; } .woocommerce .c-checkout-form.argmc-wrapper form.checkout_coupon, .woocommerce .c-checkout-form.argmc-wrapper form.login, .woocommerce .c-checkout-form.argmc-wrapper form.register, .woocommerce-page .c-checkout-form.argmc-wrapper form.checkout_coupon, .woocommerce-page .c-checkout-form.argmc-wrapper form.login, .woocommerce-page .c-checkout-form.argmc-wrapper form.register { padding: 0; border-radius: 0; border: none; } .woocommerce .c-checkout-form.argmc-wrapper .argmc-form-steps, .woocommerce-page .c-checkout-form.argmc-wrapper .argmc-form-steps { padding: 0; } .woocommerce .c-checkout-form.argmc-wrapper form .form-row, .woocommerce-page .c-checkout-form.argmc-wrapper form .form-row { margin-bottom: 1.875rem; padding: 0; } .woocommerce .c-checkout-form.argmc-wrapper form .form-row, .woocommerce .c-checkout-form.argmc-wrapper form .form-row .form-row-first, .woocommerce .c-checkout-form.argmc-wrapper form .form-row .form-row-last, .woocommerce-page .c-checkout-form.argmc-wrapper form .form-row, .woocommerce-page .c-checkout-form.argmc-wrapper form .form-row .form-row-first, .woocommerce-page .c-checkout-form.argmc-wrapper form .form-row .form-row-last { float: none; width: 100%; } .woocommerce .c-checkout-form.argmc-wrapper form h3, .woocommerce-page .c-checkout-form.argmc-wrapper form h3 { font-size: 2.25rem; line-height: 2.625rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 1.5rem; } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-form.argmc-wrapper form h3, .woocommerce-page .c-checkout-form.argmc-wrapper form h3 { font-size: 2.25rem; line-height: 2.625rem; } } .woocommerce .c-checkout-form.argmc-wrapper form .woocommerce-shipping-fields, .woocommerce-page .c-checkout-form.argmc-wrapper form .woocommerce-shipping-fields { margin-bottom: 1.875rem; } .woocommerce .c-checkout-form.argmc-wrapper form input[type="checkbox"], .woocommerce-page .c-checkout-form.argmc-wrapper form input[type="checkbox"] { opacity: 0; width: 0; margin: 0; } .woocommerce .c-checkout-form.argmc-wrapper form input[type="checkbox"] + span, .woocommerce-page .c-checkout-form.argmc-wrapper form input[type="checkbox"] + span { position: relative; padding-left: 1.5rem; } .woocommerce .c-checkout-form.argmc-wrapper form input[type="checkbox"] + span:before, .woocommerce-page .c-checkout-form.argmc-wrapper form input[type="checkbox"] + span:before { content: ''; position: absolute; left: 0; top: 0.25rem; width: 0.875rem; height: 0.875rem; border-radius: 0.1875rem; border: 0.0625rem solid #38383D; background-size: 0.5rem auto; background-position: 50% 50%; background-repeat: no-repeat; } .woocommerce .c-checkout-form.argmc-wrapper form input[type="checkbox"]:checked + span:before, .woocommerce-page .c-checkout-form.argmc-wrapper form input[type="checkbox"]:checked + span:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02Ljg4NS4yMTdhLjc1Ljc1IDAgMDExLjA3IDEuMDVsLTMuOTkxIDQuOTlhLjc1Ljc1IDAgMDEtMS4wOC4wMkwuMjM5IDMuNjMxYS43NS43NSAwIDExMS4wNi0xLjA2bDIuMDk0IDIuMDkzTDYuODY2LjI0YS4yMzYuMjM2IDAgMDEuMDItLjAyMmgtLjAwMXoiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg=="); } .woocommerce .c-checkout-form.argmc-wrapper form input.input-text, .woocommerce .c-checkout-form.argmc-wrapper form textarea, .woocommerce .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single, .woocommerce-page .c-checkout-form.argmc-wrapper form input.input-text, .woocommerce-page .c-checkout-form.argmc-wrapper form textarea, .woocommerce-page .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; box-shadow: none; color: #38383D; border: 0.125rem solid #38383D; font-size: 1rem; line-height: 1.1875rem; font-weight: 300; font-family: Dubai, sans-serif; border: 0.0625rem solid #B2B2B2; height: 3.625rem; line-height: 3.625rem; padding: 0 1.25rem; border-radius: 0.125rem; } .woocommerce .c-checkout-form.argmc-wrapper form input.input-text:focus, .woocommerce .c-checkout-form.argmc-wrapper form textarea:focus, .woocommerce .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single:focus, .woocommerce-page .c-checkout-form.argmc-wrapper form input.input-text:focus, .woocommerce-page .c-checkout-form.argmc-wrapper form textarea:focus, .woocommerce-page .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single:focus { outline: none; box-shadow: none; } .woocommerce .c-checkout-form.argmc-wrapper form input.input-text::-moz-placeholder, .woocommerce .c-checkout-form.argmc-wrapper form textarea::-moz-placeholder, .woocommerce .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single::-moz-placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form input.input-text::-moz-placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form textarea::-moz-placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single::-moz-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .woocommerce .c-checkout-form.argmc-wrapper form input.input-text:-ms-input-placeholder, .woocommerce .c-checkout-form.argmc-wrapper form textarea:-ms-input-placeholder, .woocommerce .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single:-ms-input-placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form input.input-text:-ms-input-placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form textarea:-ms-input-placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single:-ms-input-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .woocommerce .c-checkout-form.argmc-wrapper form input.input-text::placeholder, .woocommerce .c-checkout-form.argmc-wrapper form textarea::placeholder, .woocommerce .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single::placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form input.input-text::placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form textarea::placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single::placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .woocommerce .c-checkout-form.argmc-wrapper form input.input-text::-moz-placeholder, .woocommerce .c-checkout-form.argmc-wrapper form textarea::-moz-placeholder, .woocommerce .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single::-moz-placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form input.input-text::-moz-placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form textarea::-moz-placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single::-moz-placeholder { font-size: 1rem; line-height: 1.1875rem; font-weight: 300; font-family: Dubai, sans-serif; } .woocommerce .c-checkout-form.argmc-wrapper form input.input-text:-ms-input-placeholder, .woocommerce .c-checkout-form.argmc-wrapper form textarea:-ms-input-placeholder, .woocommerce .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single:-ms-input-placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form input.input-text:-ms-input-placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form textarea:-ms-input-placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single:-ms-input-placeholder { font-size: 1rem; line-height: 1.1875rem; font-weight: 300; font-family: Dubai, sans-serif; } .woocommerce .c-checkout-form.argmc-wrapper form input.input-text::placeholder, .woocommerce .c-checkout-form.argmc-wrapper form textarea::placeholder, .woocommerce .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single::placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form input.input-text::placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form textarea::placeholder, .woocommerce-page .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single::placeholder { font-size: 1rem; line-height: 1.1875rem; font-weight: 300; font-family: Dubai, sans-serif; } .woocommerce .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single .select2-selection__rendered, .woocommerce-page .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single .select2-selection__rendered { height: 3.625rem; line-height: 3.625rem; padding: 0; } .woocommerce .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single .select2-selection__arrow, .woocommerce-page .c-checkout-form.argmc-wrapper form .select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 1.25rem; } .woocommerce .c-checkout-form.argmc-wrapper form textarea, .woocommerce-page .c-checkout-form.argmc-wrapper form textarea { padding: 1.25rem; } .woocommerce .c-checkout-form.argmc-wrapper button[type="submit"], .woocommerce-page .c-checkout-form.argmc-wrapper button[type="submit"] { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); height: 4.0625rem; line-height: 3.8125rem; background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #38383D; display: block; width: 100%; } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-form.argmc-wrapper button[type="submit"], .woocommerce-page .c-checkout-form.argmc-wrapper button[type="submit"] { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-form.argmc-wrapper button[type="submit"], .woocommerce-page .c-checkout-form.argmc-wrapper button[type="submit"] { line-height: 2.625rem; } } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-form.argmc-wrapper button[type="submit"], .woocommerce-page .c-checkout-form.argmc-wrapper button[type="submit"] { height: 4.0625rem; line-height: 3.8125rem; } } .woocommerce .c-checkout-form.argmc-wrapper button[type="submit"]:hover, .woocommerce-page .c-checkout-form.argmc-wrapper button[type="submit"]:hover { background-position: calc(100% - 12px) 50%; } .woocommerce .c-checkout-form.argmc-wrapper button[type="submit"]:hover, .woocommerce-page .c-checkout-form.argmc-wrapper button[type="submit"]:hover { background-color: #4c4c52; } /** * CHECKOUT-REVIEW-ORDER **/ .woocommerce .c-checkout-review-order table.shop_table { margin: 0 0 3.75rem; border: none; border-radius: 0; } .woocommerce .c-checkout-review-order table.shop_table thead { display: none; } .woocommerce .c-checkout-review-order table.shop_table tr:nth-child(even) { background-color: transparent; } .woocommerce .c-checkout-review-order table.shop_table tbody, .woocommerce .c-checkout-review-order table.shop_table tfoot, .woocommerce .c-checkout-review-order table.shop_table thead { background: transparent; border: none; } .woocommerce .c-checkout-review-order table.shop_table tbody td, .woocommerce .c-checkout-review-order table.shop_table tbody th, .woocommerce .c-checkout-review-order table.shop_table tbody span, .woocommerce .c-checkout-review-order table.shop_table tbody label, .woocommerce .c-checkout-review-order table.shop_table tbody li, .woocommerce .c-checkout-review-order table.shop_table tbody p, .woocommerce .c-checkout-review-order table.shop_table tfoot td, .woocommerce .c-checkout-review-order table.shop_table tfoot th, .woocommerce .c-checkout-review-order table.shop_table tfoot span, .woocommerce .c-checkout-review-order table.shop_table tfoot label, .woocommerce .c-checkout-review-order table.shop_table tfoot li, .woocommerce .c-checkout-review-order table.shop_table tfoot p, .woocommerce .c-checkout-review-order table.shop_table thead td, .woocommerce .c-checkout-review-order table.shop_table thead th, .woocommerce .c-checkout-review-order table.shop_table thead span, .woocommerce .c-checkout-review-order table.shop_table thead label, .woocommerce .c-checkout-review-order table.shop_table thead li, .woocommerce .c-checkout-review-order table.shop_table thead p { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; font-weight: 400 !important; } .woocommerce .c-checkout-review-order table.shop_table tbody #shipping_method li input, .woocommerce .c-checkout-review-order table.shop_table tfoot #shipping_method li input, .woocommerce .c-checkout-review-order table.shop_table thead #shipping_method li input { margin: rem-clac(6 0 0); } .woocommerce .c-checkout-review-order table.shop_table tbody td[data-title="Shipping"], .woocommerce .c-checkout-review-order table.shop_table tfoot td[data-title="Shipping"], .woocommerce .c-checkout-review-order table.shop_table thead td[data-title="Shipping"] { width: 100%; } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-review-order table.shop_table tbody label, .woocommerce .c-checkout-review-order table.shop_table tfoot label, .woocommerce .c-checkout-review-order table.shop_table thead label { margin-right: 0; } } .woocommerce .c-checkout-review-order table.shop_table tbody td, .woocommerce .c-checkout-review-order table.shop_table tbody th, .woocommerce .c-checkout-review-order table.shop_table tfoot td, .woocommerce .c-checkout-review-order table.shop_table tfoot th, .woocommerce .c-checkout-review-order table.shop_table thead td, .woocommerce .c-checkout-review-order table.shop_table thead th { padding: 1rem 0; border-top: none; } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-review-order table.shop_table tbody td:last-child, .woocommerce .c-checkout-review-order table.shop_table tfoot td:last-child, .woocommerce .c-checkout-review-order table.shop_table thead td:last-child { text-align: right; } } .woocommerce .c-checkout-review-order table.shop_table tbody td { padding-top: 0; vertical-align: top; } .woocommerce .c-checkout-review-order table.shop_table tbody:after { content: ''; display: block; width: 100%; height: 6.25rem; } .woocommerce .c-checkout-review-order table.shop_table tbody .product-thumbnail { width: 6.25rem; padding-right: 1.625rem; } .woocommerce .c-checkout-review-order table.shop_table tbody .product-thumbnail img { width: 100%; } .woocommerce .c-checkout-review-order table.shop_table tbody .product-remove { width: 0.625rem; padding: 0; } .woocommerce .c-checkout-review-order table.shop_table tbody .product-remove a.remove { color: #0a0a0a !important; font-weight: 300; line-height: 1; transition: 0.2s all cubic-bezier(0.445, 0.05, 0.55, 0.95); } .woocommerce .c-checkout-review-order table.shop_table tbody .product-remove a.remove:hover { background-color: #38383D; color: #FFFFFF !important; } .woocommerce .c-checkout-review-order table.shop_table tbody .product-name > a { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; margin-bottom: 1.0625rem; display: block; color: #0a0a0a; } .woocommerce .c-checkout-review-order table.shop_table tbody .product-name__inner { display: flex; flex-direction: column; justify-content: space-between; min-height: 3.75rem; } .woocommerce .c-checkout-review-order table.shop_table tbody .product-name__inner span { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; } .woocommerce .c-checkout-review-order table.shop_table tbody .product-name__inner span.product-quantity { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; } .woocommerce .c-checkout-review-order table.shop_table tbody .product-total, .woocommerce .c-checkout-review-order table.shop_table tbody .product-price, .woocommerce .c-checkout-review-order table.shop_table tbody .product-subtotal { padding-top: 0.5rem; } .woocommerce .c-checkout-review-order table.shop_table tbody .product-total, .woocommerce .c-checkout-review-order table.shop_table tbody .product-total .amount, .woocommerce .c-checkout-review-order table.shop_table tbody .product-price, .woocommerce .c-checkout-review-order table.shop_table tbody .product-price .amount, .woocommerce .c-checkout-review-order table.shop_table tbody .product-subtotal, .woocommerce .c-checkout-review-order table.shop_table tbody .product-subtotal .amount { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-weight: 700; } @media only screen and (min-width: 64em) { .woocommerce .c-checkout-review-order table.shop_table tbody .product-total, .woocommerce .c-checkout-review-order table.shop_table tbody .product-total .amount, .woocommerce .c-checkout-review-order table.shop_table tbody .product-price, .woocommerce .c-checkout-review-order table.shop_table tbody .product-price .amount, .woocommerce .c-checkout-review-order table.shop_table tbody .product-subtotal, .woocommerce .c-checkout-review-order table.shop_table tbody .product-subtotal .amount { font-size: 1.375rem; line-height: 1.5625rem; } } .woocommerce .c-checkout-review-order table.shop_table tfoot tr:nth-of-type(1) td, .woocommerce .c-checkout-review-order table.shop_table tfoot tr:nth-of-type(1) th { border-top: 0.0625rem solid #E6E6E6; } .woocommerce .c-checkout-review-order table.shop_table tfoot tr:last-child td, .woocommerce .c-checkout-review-order table.shop_table tfoot tr:last-child th { border-top: 0.0625rem solid #E6E6E6; border-bottom: 0.0625rem solid #E6E6E6; } /** * COOKIE-NOTICE **/ .c-cookie-notice { position: fixed; box-shadow: 0 0 3.125rem rgba(0, 0, 0, 0.25); bottom: 1.5rem; left: 1.5rem; max-width: 34.375rem; border-radius: 0.5rem; background-color: #EEEDE4; width: calc(100% - 3rem); z-index: 99; display: none; } @media only screen and (min-width: 64em) { .c-cookie-notice { width: calc(100% - 4rem); bottom: 2rem; left: 2rem; border-radius: 1.25rem; } } .c-cookie-notice__inner { padding: 2rem; } @media only screen and (min-width: 64em) { .c-cookie-notice__inner { padding: 3rem; } } .c-cookie-notice__inner li { list-style-type: none; margin-bottom: 0; } .c-cookie-notice__inner .c-cta__heading { font-size: 2.25rem; line-height: 2.625rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 0.625rem; } @media only screen and (min-width: 64em) { .c-cookie-notice__inner .c-cta__heading { font-size: 2.25rem; line-height: 2.625rem; } } @media only screen and (min-width: 64em) { .c-cookie-notice__inner .c-cta__heading { margin-bottom: 1rem; } } .c-cookie-notice__inner .c-cta__text { margin-bottom: 1.5rem; } @media only screen and (min-width: 64em) { .c-cookie-notice__inner .c-cta__text { margin-bottom: 2rem; } } .c-cookie-notice__inner .c-cta__text p a { color: #26262D; text-decoration: underline; font-weight: bold; } /** * CROSS-SELLS **/ .cross-sells > h2 { font-size: 2.5625rem; line-height: 3rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 1.375rem; } .cross-sells > h2:before { content: 'Accessories'; display: block; font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; margin-bottom: 0; } @media only screen and (min-width: 64em) { .woocommerce .cross-sells .products.columns-6 li.product, .woocommerce-page .cross-sells .products.columns-6 li.product { margin-right: 1.25rem; width: calc(16.6667% - 20px); } } .woocommerce .cross-sells .products .c-product div[style="margin-bottom:10px;"], .woocommerce-page .cross-sells .products .c-product div[style="margin-bottom:10px;"] { display: none; } .woocommerce .cross-sells .products .c-product .woocommerce-loop-product__link a, .woocommerce .cross-sells .products .c-product .woocommerce-loop-product__link .price, .woocommerce .cross-sells .products .c-product .woocommerce-loop-product__title a, .woocommerce .cross-sells .products .c-product .woocommerce-loop-product__title .price, .woocommerce-page .cross-sells .products .c-product .woocommerce-loop-product__link a, .woocommerce-page .cross-sells .products .c-product .woocommerce-loop-product__link .price, .woocommerce-page .cross-sells .products .c-product .woocommerce-loop-product__title a, .woocommerce-page .cross-sells .products .c-product .woocommerce-loop-product__title .price { font-size: 0.875rem; line-height: 1rem; font-weight: 900; font-family: Dubai, sans-serif; } .woocommerce .cross-sells .products .c-product .woocommerce-loop-product__link .price, .woocommerce-page .cross-sells .products .c-product .woocommerce-loop-product__link .price { min-height: 2.625rem; } .woocommerce .cross-sells .products .c-product .button, .woocommerce .cross-sells .products .c-product .button:not(.ajax_add_to_cart), .woocommerce-page .cross-sells .products .c-product .button, .woocommerce-page .cross-sells .products .c-product .button:not(.ajax_add_to_cart) { width: 100%; padding-right: 1rem; background-position: calc(100% - 10px) 50%; } .woocommerce .cross-sells .products .c-product .c-product__brand-logo, .woocommerce-page .cross-sells .products .c-product .c-product__brand-logo { display: none; } .woocommerce .cross-sells .products .c-product .c-product__column:nth-of-type(1), .woocommerce-page .cross-sells .products .c-product .c-product__column:nth-of-type(1) { margin-bottom: 2rem; } .woocommerce .cross-sells .products .c-product .c-product__column:nth-of-type(1) a, .woocommerce-page .cross-sells .products .c-product .c-product__column:nth-of-type(1) a { height: 0; padding-bottom: 100%; } .woocommerce .cross-sells .products .c-product .c-product__column:nth-of-type(1) a img, .woocommerce-page .cross-sells .products .c-product .c-product__column:nth-of-type(1) a img { -o-object-fit: cover; object-fit: cover; height: 100%; position: absolute; } /** * CTA **/ .c-cta__heading { font-size: 2.25rem; line-height: 2.625rem; font-weight: 900; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .c-cta__heading { font-size: 2.25rem; line-height: 2.625rem; } } .c-cta__inner .crop:first-of-type { margin-bottom: 2.1875rem; } .c-cta__text p { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; } .c-cta__text p:last-child { margin-bottom: 0; } .c-cta__headings.excel .c-cta__heading, .c-cta__headings.excel-longplank .c-cta__heading, .c-cta__headings.excel-classic .c-cta__heading, .c-cta__headings.editions .c-cta__heading, .c-cta__headings.editions-tile .c-cta__heading, .c-cta__headings.editions-tiles .c-cta__heading, .c-cta__headings.editions-herringbone .c-cta__heading, .c-cta__headings.editions-essential .c-cta__heading, .c-cta__headings.editions-classic .c-cta__heading, .c-cta__headings.accessories .c-cta__heading, .c-cta__headings.accessories-doorbars .c-cta__heading, .c-cta__headings.accessories-stairsets .c-cta__heading { background-repeat: no-repeat; color: transparent; background-size: auto 2.25rem; min-height: 2.5rem; background-position: 0.25rem 0; font-size: 0; } .c-cta__headings.excel .c-cta__heading { background-image: url("../svg/excel.svg"); } .c-cta__headings.excel-longplank .c-cta__heading { background-image: url("../svg/excel-longplank.svg"); } .c-cta__headings.excel-classic .c-cta__heading { background-image: url("../svg/excel-classic.svg"); } .c-cta__headings.editions .c-cta__heading { background-image: url("../svg/editions.svg"); } .c-cta__headings.editions-tile .c-cta__heading, .c-cta__headings.editions-tiles .c-cta__heading { background-image: url("../svg/editions-tile.svg"); } .c-cta__headings.editions-classic .c-cta__heading { background-image: url("../svg/editions-classic.svg"); } .c-cta__headings.editions-herringbone .c-cta__heading { background-image: url("../svg/editions-herringbone.svg"); } .c-cta__headings.editions-essential .c-cta__heading { background-image: url("../svg/editions-essential.svg"); } .c-cta__headings.accessories .c-cta__heading { background-image: url("../svg/accessories.svg"); } .c-cta__headings.accessories-doorbars .c-cta__heading { background-image: url("../svg/accessories-doorbars.svg"); } .c-cta__headings.accessories-stairsets .c-cta__heading { background-image: url("../svg/accessories-stairsets.svg"); } .c-cta__iframe .videoPoster { background-color: rgba(0, 0, 0, 0.5); } .c-cta__iframe .videoPoster span { background-position: 50% 50%; background-size: 3.75rem 2.8125rem; background-repeat: no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMzguM3YtMzBBNy41IDcuNSAwIDAxNy41LjhoNDVBNy41IDcuNSAwIDAxNjAgOC4zdjMwYTcuNSA3LjUgMCAwMS03LjUgNy41aC00NUE3LjUgNy41IDAgMDEwIDM4LjN6bTI1LjQ2Mi0yNS45MDFhMS44NzUgMS44NzUgMCAwMC0yLjk2MiAxLjUyNnYxOC43NWExLjg3NSAxLjg3NSAwIDAwMi45NjIgMS41MjZsMTMuMTI1LTkuMzc1YTEuODc1IDEuODc1IDAgMDAwLTMuMDUybC0xMy4xMjUtOS4zNzV6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4="); background-color: transparent; transition: background-image 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); } .c-cta__iframe .videoPoster span:before, .c-cta__iframe .videoPoster span:after { display: none; } .c-cta__iframe .videoPoster:hover span { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMzguM3YtMzBBNy41IDcuNSAwIDAxNy41LjhoNDVBNy41IDcuNSAwIDAxNjAgOC4zdjMwYTcuNSA3LjUgMCAwMS03LjUgNy41aC00NUE3LjUgNy41IDAgMDEwIDM4LjN6bTI1LjQ2Mi0yNS45MDFhMS44NzUgMS44NzUgMCAwMC0yLjk2MiAxLjUyNnYxOC43NWExLjg3NSAxLjg3NSAwIDAwMi45NjIgMS41MjZsMTMuMTI1LTkuMzc1YTEuODc1IDEuODc1IDAgMDAwLTMuMDUybC0xMy4xMjUtOS4zNzV6IiBmaWxsPSIjQzRBQjhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4="); } /** * CTA--IMAGE-HOTMAP **/ .c-cta--image-hotmap { position: relative; margin-left: -1.875rem; margin-right: -1.875rem; } @media only screen and (min-width: 64em) { .c-cta--image-hotmap { display: none; } } .c-cta--image-hotmap .c-cta__actions-item { position: absolute; z-index: 100; opacity: 0; width: 3.75rem; height: 3.75rem; background: rgba(0, 0, 0, 0.33); overflow: hidden; transition: none; box-shadow: 0 0 3.125rem rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center; } .c-cta--image-hotmap .c-cta__actions-item.is-active { opacity: 1; z-index: 102; width: 100%; height: auto; position: fixed; transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 0.5s 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; } .c-cta--image-hotmap .c-cta__actions-item.is-active .c-cta__actions-text { pointer-events: initial; } .c-cta--image-hotmap .c-cta__actions-item .c-cta__actions-text { background-color: #FFFFFF; padding: 1rem; max-width: calc(100% - 48px); pointer-events: none; max-height: 80%; overflow-y: scroll; } .c-cta--image-hotmap .c-cta__actions-item .c-cta__actions-text h3 { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .c-cta--image-hotmap .c-cta__actions-item .c-cta__actions-text h3 { font-size: 1.375rem; line-height: 1.5625rem; } } .c-cta--image-hotmap .c-cta__actions-item .c-cta__actions-text p:last-child { margin-bottom: 0; } /** * CTA--INLINE **/ @media only screen and (min-width: 64em) { .c-cta--inline .c-cta__headings, .c-cta--inline .c-cta__text { width: 60%; } } .c-cta--inline .c-cta__text { margin-bottom: 1rem; } @media only screen and (min-width: 64em) { .c-cta--inline .c-cta__text { margin-bottom: 0; } } @media only screen and (min-width: 64em) { .c-cta--inline .c-cta__buttons { width: calc(40% - 55px); position: absolute; right: 1.875rem; top: 50%; transform: translateY(-50%); } } .c-cta--inline .c-cta__buttons .c-button { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); height: 4.0625rem; line-height: 3.8125rem; background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #ff6712; text-align: center; width: 100%; } @media only screen and (min-width: 64em) { .c-cta--inline .c-cta__buttons .c-button { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .c-cta--inline .c-cta__buttons .c-button { line-height: 2.625rem; } } @media only screen and (min-width: 64em) { .c-cta--inline .c-cta__buttons .c-button { height: 4.0625rem; line-height: 3.8125rem; } } .c-cta--inline .c-cta__buttons .c-button:hover { background-position: calc(100% - 12px) 50%; } .c-cta--inline .c-cta__buttons .c-button:hover { background-color: #e85300; color: #FFFFFF; } /** * CTA--LAYOUT-BREAKER **/ .c-cta--layout-breaker.large-4 { height: 25rem; } @media only screen and (min-width: 64em) { .c-cta--layout-breaker.large-4 { height: 33.125rem; } } .c-cta--layout-breaker.large-6 { height: 15.625rem; } .c-cta--layout-breaker.large-6:not(:nth-of-type(1)) { margin-top: 1.25rem; } @media only screen and (min-width: 64em) { .c-cta--layout-breaker.large-6:not(:nth-of-type(1)) { margin-top: 0; } } @media only screen and (min-width: 64em) { .c-cta--layout-breaker.large-6 { height: 20rem; } .c-cta--layout-breaker.large-6:nth-child(n+3) { margin-top: 1.25rem; } } .c-cta--layout-breaker:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: linear-gradient(180deg, rgba(38, 38, 45, 0) 0%, rgba(38, 38, 45, 0.66) 100%); z-index: 0; pointer-events: none; transition: all 0.44s cubic-bezier(0.445, 0.05, 0.55, 0.95); } @media only screen and (min-width: 64em) { .c-cta--layout-breaker:after { bottom: 0; } } .c-cta--layout-breaker:hover:after { background: rgba(255, 103, 18, 0.66); } .c-cta--layout-breaker .c-cta__background .c-cta__image { height: 100%; margin-bottom: 1.25rem; } .c-cta--layout-breaker .c-cta__content { bottom: 0.625rem; top: 1.25rem; left: 1.25rem; right: 1.25rem; margin: 0; } @media only screen and (min-width: 64em) { .c-cta--layout-breaker .c-cta__content { bottom: 1.25rem; top: 1.875rem; left: 1.875rem; right: 1.875rem; } } .c-cta--layout-breaker .c-cta__buttons { bottom: 0; position: absolute; } @media only screen and (min-width: 64em) { .c-cta--layout-breaker .c-cta__buttons { bottom: 0.625rem; } } .c-cta--layout-breaker .c-cta__buttons .c-button--hollow { line-height: 1.25; display: flex; align-items: center; } @media only screen and (min-width: 64em) { .c-cta--layout-breaker .c-cta__buttons .c-button--hollow { font-size: 1.5rem; } } /** * CTA--LAYOUT-IMAGE **/ .c-cta--layout-image-left, .c-cta--layout-image-right { position: relative; } @media only screen and (min-width: 64em) { .c-cta--layout-image-left, .c-cta--layout-image-right { min-height: 20.125rem !important; } } .c-cta--layout-image-left .c-cta__actions, .c-cta--layout-image-right .c-cta__actions { z-index: 10; position: absolute; bottom: -1rem; left: -0.625rem; } @media only screen and (min-width: 64em) { .c-cta--layout-image-left .c-cta__actions, .c-cta--layout-image-right .c-cta__actions { left: 50%; bottom: 0; transform: translate(-50%, 30%); } } .c-cta--layout-image-left .c-cta__actions-item, .c-cta--layout-image-right .c-cta__actions-item { max-width: 4.375rem; } @media only screen and (min-width: 64em) { .c-cta--layout-image-left .c-cta__actions-item, .c-cta--layout-image-right .c-cta__actions-item { max-width: 6.25rem; } } .c-cta--layout-image-left .c-cta__heading, .c-cta--layout-image-left .c-cta__text, .c-cta--layout-image-right .c-cta__heading, .c-cta--layout-image-right .c-cta__text { margin-bottom: 1.25rem; } @media only screen and (min-width: 64em) { .c-cta--layout-image-left .c-cta__inner, .c-cta--layout-image-right .c-cta__inner { padding-top: 1.5rem; padding-bottom: 1.5rem; } } .c-cta--layout-image-left .c-cta__inner > *:last-child, .c-cta--layout-image-right .c-cta__inner > *:last-child { margin-bottom: 0; } .c-cta--layout-image-left .c-cta__buttons .c-button, .c-cta--layout-image-right .c-cta__buttons .c-button { text-align: center; } @media only screen and (min-width: 64em) { .c-cta--layout-image-left .c-cta__buttons .c-button, .c-cta--layout-image-right .c-cta__buttons .c-button { text-align: left; } } .c-cta--layout-image-left .c-cta__buttons .c-button:only-child, .c-cta--layout-image-right .c-cta__buttons .c-button:only-child { display: block; } @media only screen and (min-width: 64em) { .c-cta--layout-image-left .c-cta__buttons .c-button:only-child, .c-cta--layout-image-right .c-cta__buttons .c-button:only-child { display: inline-block; } } .c-row--no-padding-top .c-cta--layout-image-left .c-cta__background, .c-row--no-padding-top .c-cta--layout-image-right .c-cta__background { top: 0; } .c-cta--layout-image-left .c-cta__background .img-fit .c-cta__image, .c-cta--layout-image-right .c-cta__background .img-fit .c-cta__image { margin-top: 1.875rem; } @media only screen and (min-width: 64em) { .c-cta--layout-image-left .c-cta__background .img-fit .c-cta__image, .c-cta--layout-image-right .c-cta__background .img-fit .c-cta__image { max-height: 11.25rem; margin: 0 auto; display: block; } .c-row--no-padding-top .c-cta--layout-image-left .c-cta__background .img-fit .c-cta__image, .c-row--no-padding-top .c-cta--layout-image-right .c-cta__background .img-fit .c-cta__image { max-height: 100%; } } @media only screen and (min-width: 64em) { .c-cta--layout-image-left .c-cta__background.crop, .c-cta--layout-image-right .c-cta__background.crop { min-height: 20.125rem !important; } } .c-cta--layout-image-left .c-cta__background.crop.has-video, .c-cta--layout-image-right .c-cta__background.crop.has-video { min-height: 0; height: 0; padding-bottom: calc(56.24% + 10px); } @media only screen and (min-width: 64em) { .c-cta--layout-image-left .c-cta__background.crop.has-video, .c-cta--layout-image-right .c-cta__background.crop.has-video { padding-bottom: calc(26.75% + 20px); } } .c-cta--layout-image-left .c-cta__background.crop.has-video:before, .c-cta--layout-image-right .c-cta__background.crop.has-video:before { bottom: 0; } @media only screen and (min-width: 64em) { .c-cta--layout-image-left.no-variation .c-cta__background, .c-cta--layout-image-right.no-variation .c-cta__background { max-width: calc(50% - 30px); } } .c-row--column-small .c-cta--layout-image-left.no-variation .c-cta__background:before, .c-row--column-small .c-cta--layout-image-right.no-variation .c-cta__background:before { display: none; } @media only screen and (min-width: 64em) { .c-cta--layout-image-left.no-variation .c-cta__actions, .c-cta--layout-image-right.no-variation .c-cta__actions { left: calc(50% + 30px); } } .c-cta--layout-image-left.no-variation .c-cta__image, .c-cta--layout-image-right.no-variation .c-cta__image { bottom: 0.625rem; } @media only screen and (min-width: 64em) { .c-cta--layout-image-left.no-variation .c-cta__image, .c-cta--layout-image-right.no-variation .c-cta__image { bottom: 1.25rem; } } @media only screen and (min-width: 64em) { .c-cta--layout-image-left.no-variation .c-cta__buttons .c-button, .c-cta--layout-image-right.no-variation .c-cta__buttons .c-button { min-width: 20.9375rem; } } /** * CTA--LAYOUT-IMAGE-LEFT **/ @media only screen and (min-width: 64em) { .c-cta--layout-image-left.c-cta--style-tertiary-background .c-cta__inner, .c-cta--layout-image-left.c-cta--style-tertiary-background-small .c-cta__inner, .c-cta--layout-image-left.c-cta--style-muted-background-small .c-cta__inner { padding-right: 2.75rem; } } @media only screen and (min-width: 64em) { .c-cta--layout-image-left .c-cta__inner { padding-right: 0; } } /** * CTA--LAYOUT-IMAGE-RIGHT **/ @media only screen and (min-width: 64em) { .c-cta--layout-image-right .c-cta__inner { padding-left: 0; } } @media only screen and (min-width: 64em) { .c-cta--layout-image-right.c-cta--style-tertiary-background .c-cta__inner, .c-cta--layout-image-right.c-cta--style-tertiary-background-small .c-cta__inner, .c-cta--layout-image-right.c-cta--style-muted-background-small .c-cta__inner { padding-left: 2.75rem; } } /** * CTA--LAYOUT-IMAGE-RIGHT-FLEX-REVERSE **/ .c-cta--layout-image-right-flex-reverse { flex-direction: column-reverse; } .c-cta--layout-image-right-flex-reverse .c-cta__content { position: relative; margin-bottom: 0; } .c-cta--layout-image-right-flex-reverse .c-cta__background { margin-bottom: 1.375rem; } @media only screen and (max-width: 63.9375em) { .c-cta--layout-image-right-flex-reverse .c-cta__actions { top: 0; transform: translateY(-100%); bottom: auto; } } /** * CTA--LEAD **/ .c-cta--lead { text-align: center; max-width: 35.9375rem; margin: 0 auto; } .c-cta--lead .c-cta__heading { position: relative; padding-bottom: 0.625rem; margin-bottom: 1.25rem; } .c-cta--lead .c-cta__heading:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); right: 0; bottom: 0; background-color: #ff6712; height: 0.0625rem; max-width: 35.9375rem; width: 100%; } .c-cta--lead .c-cta__text p:last-child { margin-bottom: 0; } /** * CTA--STYLE-TERTIARY-BACKGROUND-SMALL **/ .c-cta--style-muted-background-small { color: #0a0a0a !important; } .c-cta--style-muted-background-small .c-cta__content { background-color: #F7F7F7 !important; } /** * CTA--STYLE-TERTIARY-BACKGROUND **/ .c-cta--style-tertiary-background { color: #FFFFFF; background-color: #38383D; } @media only screen and (max-width: 63.9375em) { .c-cta--style-tertiary-background .c-cta__content { padding: 1rem; margin-bottom: 0; } .c-cta--style-tertiary-background .c-cta__content .c-button { font-size: 1rem; } } /** * CTA--STYLE-TERTIARY-BACKGROUND-SMALL **/ .c-cta--style-tertiary-background-small, .c-cta--style-muted-background-small { color: #FFFFFF; } .c-cta--style-tertiary-background-small.c-cta--layout-image-right .c-cta__content, .c-cta--layout-image-right.c-cta--style-muted-background-small .c-cta__content, .c-cta--style-tertiary-background-small.c-cta--layout-image-left .c-cta__content, .c-cta--layout-image-left.c-cta--style-muted-background-small .c-cta__content { background-color: #38383D; margin-bottom: 0; padding: 1.875rem; } @media only screen and (min-width: 64em) { .c-cta--style-tertiary-background-small.c-cta--layout-image-right .c-cta__content, .c-cta--layout-image-right.c-cta--style-muted-background-small .c-cta__content, .c-cta--style-tertiary-background-small.c-cta--layout-image-left .c-cta__content, .c-cta--layout-image-left.c-cta--style-muted-background-small .c-cta__content { margin-bottom: 0; } } @media only screen and (min-width: 64em) { .c-cta--style-tertiary-background-small.c-cta--layout-image-right .c-cta__text, .c-cta--layout-image-right.c-cta--style-muted-background-small .c-cta__text, .c-cta--style-tertiary-background-small.c-cta--layout-image-left .c-cta__text, .c-cta--layout-image-left.c-cta--style-muted-background-small .c-cta__text { margin-bottom: 4.375rem; } } .c-cta--style-tertiary-background-small.c-cta--layout-image-right .c-cta__heading, .c-cta--layout-image-right.c-cta--style-muted-background-small .c-cta__heading, .c-cta--style-tertiary-background-small.c-cta--layout-image-left .c-cta__heading, .c-cta--layout-image-left.c-cta--style-muted-background-small .c-cta__heading { margin-bottom: 0.625rem; } .c-cta--style-tertiary-background-small.c-cta--layout-image-right .c-cta__background .img-fit, .c-cta--layout-image-right.c-cta--style-muted-background-small .c-cta__background .img-fit, .c-cta--style-tertiary-background-small.c-cta--layout-image-left .c-cta__background .img-fit, .c-cta--layout-image-left.c-cta--style-muted-background-small .c-cta__background .img-fit { display: flex; justify-content: center; } .c-cta--style-tertiary-background-small.c-cta--layout-image-right .c-cta__background .img-fit .c-cta__image, .c-cta--layout-image-right.c-cta--style-muted-background-small .c-cta__background .img-fit .c-cta__image, .c-cta--style-tertiary-background-small.c-cta--layout-image-left .c-cta__background .img-fit .c-cta__image, .c-cta--layout-image-left.c-cta--style-muted-background-small .c-cta__background .img-fit .c-cta__image { margin: 0 auto; max-height: 100%; } /** * CTA-GRID **/ .c-cta-grid .c-cta-grid__initial { text-align: center; margin-bottom: 1.875rem; } @media only screen and (min-width: 64em) { .c-cta-grid .c-cta-grid__initial { margin-bottom: 2.5rem; } } .c-cta-grid .c-cta-grid__initial .c-cta__preheading { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; text-transform: uppercase; margin-bottom: 0.375rem; } .c-cta-grid .c-cta-grid__initial .c-cta__heading { font-size: 2.5625rem; line-height: 3rem; font-weight: 900; font-family: Dubai, sans-serif; padding: 0 1.875rem 0.625rem; display: inline-block; } .c-cta-grid .c-cta-grid__grid { margin: 0 0 -0.625rem; } @media only screen and (min-width: 40em) { .c-cta-grid .c-cta-grid__grid { margin: 0 -0.75rem -1.5rem; } } .c-cta-grid .c-cta-grid__grid .c-cta { margin-bottom: 0.625rem; } @media only screen and (min-width: 64em) { .c-cta-grid .c-cta-grid__grid .c-cta { margin-bottom: 1.5rem; } } .c-cta-grid .c-cta-grid__grid .c-cta__content { margin: 0 0 0.625rem; } @media only screen and (min-width: 64em) { .c-cta-grid .c-cta-grid__grid .c-cta__content { margin: 0 0 1.5rem; } } @media only screen and (max-width: 63.9375em) { .c-cta-grid .c-cta-grid__grid .c-cta:not(:last-child) { margin: 0 0 1.875rem; } } .c-cta-grid .c-cta-grid__grid .c-cta--layout-breaker.large-6 .c-cta__background.crop { padding-bottom: 0; } .c-cta-grid .c-cta-grid__grid .c-cta--layout-breaker.large-6 .c-cta__content { position: absolute; margin: 0; } @media only screen and (min-width: 64em) { .c-cta-grid .c-cta-grid__grid .c-cta.large-4 { width: calc(33.333% - 25px); margin: 0 0.78125rem; } } @media only screen and (min-width: 64em) { .c-cta-grid .c-cta-grid__grid .c-cta.large-4:nth-of-type(3n+2) { margin-top: 5.625rem; } } @media only screen and (max-width: 63.9375em) { .c-cta-grid .c-cta-grid__grid .c-cta.large-2:not(:last-child) { margin: 0 0 0.625rem; } } .c-cta-grid .c-cta-grid__grid .c-cta.large-2 .c-cta__content { margin: 0 0.75rem; } .c-cta-grid .c-cta-grid__grid .c-cta.large-2 .c-cta__inner .crop { margin-bottom: 0.75rem; } @media only screen and (min-width: 64em) { .c-cta-grid .c-cta-grid__grid .c-cta.large-2 .c-cta__inner .crop { margin-bottom: 1.25rem; } } .c-cta-grid .c-cta-grid__grid .c-cta.large-2 .c-cta__inner .crop:before { display: none; } .c-cta-grid .c-cta-grid__grid .c-cta.large-2 .c-cta__heading { font-size: 1.25rem; line-height: 1.375rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 0; } @media only screen and (min-width: 64em) { .c-cta-grid .c-cta-grid__grid .c-cta.large-3, .c-cta-grid .c-cta-grid__grid .c-cta.large-6 { margin: 0 0.78125rem 1.875rem; } } @media only screen and (min-width: 64em) { .c-cta-grid .c-cta-grid__grid .c-cta.large-3 { width: calc(25% - 25px); } } @media only screen and (min-width: 64em) { .c-cta-grid .c-cta-grid__grid .c-cta.large-6 { width: calc(50% - 25px); } } @media only screen and (min-width: 64em) { .c-cta-grid.no-layout { margin-bottom: 5.625rem; } } /** * CTA-GRID--NO-TRANSFORM **/ @media only screen and (min-width: 64em) { .c-cta-grid--no-transform .c-cta.large-3:nth-of-type(2n+2), .c-cta-grid--no-transform .c-cta.large-6:nth-of-type(2n+2) { transform: translateY(0); } } .c-cta-grid--no-transform .c-cta__inner .img-fit { margin-bottom: 3.75rem; } .c-cta-grid--no-transform .c-cta__text { display: flex; align-items: center; } .c-cta-grid--no-transform .c-cta__text p { margin-bottom: 0; } .c-cta-grid--no-transform .c-cta__text p + p { margin-left: 0.5rem; } .c-cta-grid--no-transform .c-cta__text p + p strong { font-weight: 900; } /** * CTA-GRID--SMALL-WIDTH **/ .c-cta-grid--small-width .c-cta-grid__grid { margin-left: 0; margin-right: 0; } @media only screen and (min-width: 40em) { .c-cta-grid--small-width .c-cta-grid__grid { max-width: 73.75rem; } } .c-cta-grid--small-width .c-cta__inner .crop { padding-bottom: 80%; } @media only screen and (min-width: 64em) { .c-cta-grid--small-width .c-cta__inner .crop { padding-bottom: 110%; } } /** * CTA-GRID--STYLE-MUTED **/ .c-cta-grid--style-muted .c-cta-grid__grid, .c-cta-grid--style-muted-image-left .c-cta-grid__grid { margin: 0 0 -0.625rem; justify-content: flex-start; } @media only screen and (min-width: 40em) { .c-cta-grid--style-muted .c-cta-grid__grid, .c-cta-grid--style-muted-image-left .c-cta-grid__grid { margin: 0 -0.75rem -1.5rem; } } .c-cta-grid--style-muted .c-cta-grid__grid .c-cta, .c-cta-grid--style-muted-image-left .c-cta-grid__grid .c-cta { background-color: #F7F7F7; padding: 1.25rem 1.25rem 5rem; position: relative; } .c-cta-grid--style-muted .c-cta-grid__grid .c-cta__heading, .c-cta-grid--style-muted-image-left .c-cta-grid__grid .c-cta__heading { font-size: 1.5rem; line-height: 1.75rem; font-weight: 900; font-family: Dubai, sans-serif; } .c-cta-grid--style-muted .c-cta-grid__grid .c-cta__inner .img-fit, .c-cta-grid--style-muted-image-left .c-cta-grid__grid .c-cta__inner .img-fit { margin-bottom: 1.875rem; text-align: center; } .c-cta-grid--style-muted .c-cta-grid__grid .c-cta__buttons, .c-cta-grid--style-muted-image-left .c-cta-grid__grid .c-cta__buttons { position: absolute; bottom: 1.25rem; left: 1.25rem; } .c-cta-grid--style-muted .c-cta-grid__grid .c-cta__buttons .c-button, .c-cta-grid--style-muted-image-left .c-cta-grid__grid .c-cta__buttons .c-button { width: 100%; display: block; } @media only screen and (min-width: 64em) { .c-cta-grid--style-muted .c-cta-grid__grid .c-cta__buttons .c-button, .c-cta-grid--style-muted-image-left .c-cta-grid__grid .c-cta__buttons .c-button { width: auto; display: inline-block; } } .c-cta-grid--style-muted .c-cta-grid__grid .c-cta__text:not(:last-of-type), .c-cta-grid--style-muted-image-left .c-cta-grid__grid .c-cta__text:not(:last-of-type) { margin-bottom: 1rem; } .c-cta-grid--style-muted .c-cta-grid__grid .c-cta__text p:last-child, .c-cta-grid--style-muted-image-left .c-cta-grid__grid .c-cta__text p:last-child { margin-bottom: 0; } @media only screen and (min-width: 64em) { .c-cta-grid--style-muted .c-cta-grid__grid .c-cta.large-4, .c-cta-grid--style-muted-image-left .c-cta-grid__grid .c-cta.large-4 { width: calc(33.333% - 25px); margin: 0 0.78125rem 1.5625rem; } } @media only screen and (min-width: 64em) { .c-cta-grid--style-muted .c-cta-grid__grid .c-cta.large-4:nth-of-type(3n+2), .c-cta-grid--style-muted-image-left .c-cta-grid__grid .c-cta.large-4:nth-of-type(3n+2) { margin-top: 0; } } /** * CTA-GRID--STYLE-MUTED-IMAGE-LEFT **/ .c-cta-grid--style-muted-image-left .c-cta-grid__grid .c-cta__inner .img-fit { margin-bottom: 1rem; text-align: left; } /** * ERROR-PAGE **/ .c-error-page li { list-style-type: none; } @media only screen and (min-width: 64em) { .c-error-page div[class^="menu"] { text-align: center; } } .c-error-page div[class^="menu"] .menu-item { display: inline-block; } .c-error-page div[class^="menu"] .menu-item a { color: #ff6712; text-decoration: underline; padding: 0 1.875rem; } @media only screen and (min-width: 64em) { .c-error-page div[class^="menu"] .menu-item a { padding: 0 2.1875rem; } } /** * PRODUCT-REVIEWS **/ .feefowidget-header-information-title { display: none; } .c-text .feefowidget-global .feefowidget-global-container-header, .c-text .feefowidget-global .feefowidget-global__filters, .c-text .feefowidget-global .feefowidget-section-actions, .c-text .feefowidget-global feefowidget-verified-badge, .c-text .feefowidget-global feefowidget-footer { display: none; } .c-text .feefowidget-global-container .feefowidget-global__reviews-container { overflow-x: auto; white-space: nowrap; min-height: 0; padding: 0.25rem; } .c-text .feefowidget-global-container .feefowidget-global__reviews-container feefowidget-feedbacks-item { border-bottom: none; width: calc(100% - 50px); position: relative; } @media only screen and (min-width: 64em) { .c-text .feefowidget-global-container .feefowidget-global__reviews-container feefowidget-feedbacks-item { width: calc(33.333% - 30px); } } .c-text .feefowidget-global-container .feefowidget-global__reviews-container feefowidget-feedbacks-item .feefowidget-verified-mobile { display: none; } .c-text .feefowidget-global-container .feefowidget-global__reviews-container feefowidget-feedbacks-item .feefowidget-viewport-desktop, .c-text .feefowidget-global-container .feefowidget-global__reviews-container feefowidget-feedbacks-item .feefowidget-viewport-mobile { background: #FFFFFF; box-shadow: 0 2px 6px 0 rgba(56, 56, 61, 0.15); } .c-text .feefowidget-global-container .feefowidget-global__reviews-container feefowidget-feedbacks-item .feefowidget-viewport-mobile { padding: 1.25rem 1.25rem 1.875rem; width: calc(100% - 50px); } .c-text .feefowidget-global-container .feefowidget-global__reviews-container feefowidget-feedbacks-item .feefowidget-viewport-mobile .feefowidget-section-rating .feefowidget-section-rating-verified { text-align: center; } .c-text .feefowidget-global-container .feefowidget-global__reviews-container feefowidget-feedbacks-item .feefowidget-viewport-desktop { padding: 2.5rem 2.5rem 3.125rem; width: calc(100% - 100px); } .c-text .feefowidget-global-container .feefowidget-global__reviews-container feefowidget-feedbacks-item feefowidget-chars-limit .text-restriction-wrapper .text-restriction-container { height: 3.25rem; overflow: hidden; } @media only screen and (min-width: 64em) { .c-text .feefowidget-global-container .feefowidget-global__reviews-container feefowidget-feedbacks-item:nth-child(n+10) { display: none; } } .c-text .feefowidget-global-container .feefowidget-global__reviews-container feefowidget-feedbacks-item .feefowidget-time-ago { display: none; } .c-text .feefowidget-global-container .feefowidget-global__reviews-container feefowidget-feedbacks-item .feefowidget-section-rating .feefowidget-display-name { position: absolute; bottom: 1.5rem; left: 1.25rem; } @media only screen and (min-width: 64em) { .c-text .feefowidget-global-container .feefowidget-global__reviews-container feefowidget-feedbacks-item .feefowidget-section-rating .feefowidget-display-name { left: 2.5rem; } } /** * FORM **/ .c-form__heading { font-size: 2.25rem; line-height: 2.625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.5rem; line-height: 1.75rem; margin-bottom: 1.875rem; } @media only screen and (min-width: 64em) { .c-form__heading { font-size: 2.25rem; line-height: 2.625rem; } } .c-form .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select, .c-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; box-shadow: none; color: #38383D; border: 0.125rem solid #38383D; height: 2.8125rem; line-height: 2.8125rem; padding: 0 1rem; } .c-form .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select:focus, .c-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus { outline: none; box-shadow: none; } .c-form .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select::-moz-placeholder, .c-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .c-form .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select:-ms-input-placeholder, .c-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .c-form .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select::placeholder, .c-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .c-form .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; } .c-form .gform_wrapper .top_label .gfield_label { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; color: #38383D; } @media only screen and (min-width: 64em) { .c-form .gform_wrapper .top_label .gfield_label { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .c-form .gform_wrapper .top_label li.gfield.gf_left_half { padding-right: 0.5rem; } } @media only screen and (min-width: 64em) { .c-form .gform_wrapper .top_label li.gfield.gf_right_half { padding-left: 0.5rem; } } .c-form .gform_wrapper textarea { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; box-shadow: none; color: #38383D; border: 0.125rem solid #38383D; padding: 1rem; } .c-form .gform_wrapper textarea:focus { outline: none; box-shadow: none; } .c-form .gform_wrapper textarea::-moz-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .c-form .gform_wrapper textarea:-ms-input-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .c-form .gform_wrapper textarea::placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .c-form .gform_wrapper .field_description_below .gfield_description { padding-top: 0; margin-top: 0; } @media only screen and (max-width: 63.875em) { .c-form .gform_wrapper .gform_footer { padding-top: 0; } } .c-form .gform_wrapper .gform_footer input.button, .c-form .gform_wrapper .gform_footer input[type=submit] { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #38383D; padding-top: 0; padding-bottom: 0; } @media only screen and (min-width: 64em) { .c-form .gform_wrapper .gform_footer input.button, .c-form .gform_wrapper .gform_footer input[type=submit] { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .c-form .gform_wrapper .gform_footer input.button, .c-form .gform_wrapper .gform_footer input[type=submit] { line-height: 2.625rem; } } .c-form .gform_wrapper .gform_footer input.button:hover, .c-form .gform_wrapper .gform_footer input[type=submit]:hover { background-position: calc(100% - 12px) 50%; } .c-form .gform_wrapper .gform_footer input.button:hover, .c-form .gform_wrapper .gform_footer input[type=submit]:hover { background-color: #4c4c52; } @media only screen and (min-width: 64em) { .c-form .gform_wrapper .gform_footer input.button, .c-form .gform_wrapper .gform_footer input[type=submit] { min-width: 20.9375rem; } } /** * FORM--INLINE **/ @media only screen and (min-width: 64em) { .c-form--inline .gform_wrapper ul.gform_fields li.gfield { padding-right: 1.875rem; } } @media only screen and (min-width: 64em) { .c-form--inline .gform_wrapper form { display: flex; flex-wrap: wrap; } } .c-form--inline .gform_wrapper .gform_heading { display: none; } @media only screen and (min-width: 64em) { .c-form--inline .gform_wrapper .gform_body { flex-grow: 1; width: auto; } } @media only screen and (min-width: 64em) { .c-form--inline .gform_wrapper .gform_footer { width: auto; margin-top: 2.1875rem; } } @media only screen and (min-width: 64em) { .c-form--inline .gform_wrapper .gform_footer input.button, .c-form--inline .gform_wrapper .gform_footer input[type=submit] { min-width: 6.25rem; } } .c-form--inline .gform_wrapper .field_description_below .gfield_description { margin-top: 0; } /** * HEADER-BANNER **/ .c-header-banner { background-color: rgba(255, 103, 18, 0.1); padding: 0.625rem; } .c-header-banner li { list-style-type: none; } .c-header-banner .c-text__content p { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 700; font-family: Dubai, sans-serif; margin-bottom: 0; } /** * HEADING **/ .c-heading__preheading { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; text-transform: uppercase; margin-bottom: 0.375rem; } .c-heading__heading { font-size: 2.5625rem; line-height: 3rem; font-weight: 900; font-family: Dubai, sans-serif; } /** * HEADING--ALIGN-CENTRE **/ .c-heading--align-centre { position: relative; padding-bottom: 0.625rem; margin-bottom: 1.25rem; text-align: center; } .c-heading--align-centre:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); right: 0; bottom: 0; background-color: #ff6712; height: 0.0625rem; max-width: 35.9375rem; width: 100%; } .c-row--style-muted .widget:not(:last-child) .c-heading--align-centre { margin-bottom: 1.25rem; } @media only screen and (min-width: 64em) { .c-row--style-muted .widget:not(:last-child) .c-heading--align-centre { margin-bottom: 3.125rem; } } /** * HERO **/ .c-hero { color: #FFFFFF; position: relative; width: 100%; min-height: 18.75rem; } @media only screen and (min-width: 64em) { .c-hero { height: 23.125rem; } } .c-hero:before, .c-hero:after { content: ''; position: absolute; pointer-events: none; } .c-hero:before { height: calc(100% - 20px); bottom: 0; } @media only screen and (min-width: 64em) { .c-hero:before { height: auto; bottom: 0; } } .c-hero:after { z-index: 0; top: 0; right: 0; bottom: 0.625rem; left: 0; background: linear-gradient(180deg, #26262d 0, rgba(38, 38, 45, 0) 50%); height: 100%; } @media only screen and (min-width: 64em) { .c-hero:after { bottom: 1.25rem; height: auto; background: linear-gradient(180deg, rgba(38, 38, 45, 0) 0%, rgba(38, 38, 45, 0.6) 100%); } } .c-hero .flickity-prev-next-button { transform: none; top: 1.5rem; background-color: #FFFFFF; z-index: 2; width: 2.5rem; height: 2.5rem; } .c-hero .flickity-prev-next-button.next { right: 1.5rem; } @media only screen and (min-width: 64em) { .c-hero .flickity-prev-next-button.next { right: 2.5rem; } } .c-hero .flickity-prev-next-button.previous { left: auto; right: 4.625rem; } @media only screen and (min-width: 64em) { .c-hero .flickity-prev-next-button.previous { right: 5.625rem; } } .c-hero.no-layout { text-align: center; } .c-hero.no-layout .c-hero__content { width: auto; max-width: 48.4375rem; } .c-hero .c-hero__background { position: absolute; top: 0; bottom: 0.625rem; left: 0; right: 0; height: 100%; min-height: 18.75rem; width: 100%; } @media only screen and (min-width: 64em) { .c-hero .c-hero__background { height: calc(100% - 95px); bottom: 1.25rem; min-height: 21.875rem; height: 21.875rem; } } @media only screen and (min-width: 64em) { .c-hero .c-hero__background.video { height: 0; min-height: 0; padding-bottom: 56.25%; } } .c-hero .c-hero__background iframe { pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 1.25rem; } .c-hero .c-hero__heading { font-size: 2.5625rem; line-height: 3rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.5rem; line-height: 1.75rem; margin-bottom: 2.5625rem; text-shadow: 0.125rem 0.125rem 0.125rem rgba(10, 10, 10, 0.3); } @media only screen and (min-width: 64em) { .c-hero .c-hero__heading { font-size: 3.5rem; line-height: 4.125rem; } } @media only screen and (min-width: 64em) { .c-hero .c-hero__heading { margin-bottom: 0.625rem; font-size: 2.5625rem; line-height: 3rem; } } @media only screen and (min-width: 87.5em) { .c-hero .c-hero__heading { font-size: 3.5rem; line-height: 4.125rem; } } .c-hero .c-hero__heading:last-child { margin-bottom: 0; } .c-hero .c-hero__preheading { font-size: 0.625rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; text-transform: uppercase; margin-bottom: 0.3125rem; text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(10, 10, 10, 0.3); } @media only screen and (min-width: 64em) { .c-hero .c-hero__preheading { font-size: 1.875rem; line-height: 1.875rem; } } .c-hero .c-hero__inner .c-button { display: block; margin: 0 -0.625rem; font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); height: 4.0625rem; line-height: 3.8125rem; background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #38383D; } @media only screen and (min-width: 64em) { .c-hero .c-hero__inner .c-button { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .c-hero .c-hero__inner .c-button { line-height: 2.625rem; } } @media only screen and (min-width: 64em) { .c-hero .c-hero__inner .c-button { height: 4.0625rem; line-height: 3.8125rem; } } .c-hero .c-hero__inner .c-button:hover { background-position: calc(100% - 12px) 50%; } .c-hero .c-hero__inner .c-button:hover { background-color: #4c4c52; } @media only screen and (min-width: 64em) { .c-hero .c-hero__inner .c-button { margin: 0; min-width: 30.9375rem; width: auto; display: inline-block; } } .c-hero .c-hero__actions { display: flex; flex-wrap: wrap; z-index: 2; position: absolute; top: 1.5rem; left: 1.5rem; } @media only screen and (min-width: 64em) { .c-hero .c-hero__actions { max-width: 35%; top: auto; left: auto; bottom: 3.75rem; right: 3.75rem; } } @media only screen and (min-width: 87.5em) { .c-hero .c-hero__actions { bottom: 3.75rem; right: 3.75rem; } } .c-hero .c-hero__actions-item { text-align: center; width: 2.5rem; } @media only screen and (min-width: 64em) { .c-hero .c-hero__actions-item { width: 5rem; } } @media only screen and (min-width: 87.5em) { .c-hero .c-hero__actions-item { width: 7.5rem; } } .c-hero .c-hero__actions-item + .c-hero__actions-item { margin-left: 0.5rem; } @media only screen and (min-width: 64em) { .c-hero .c-hero__actions-item + .c-hero__actions-item { margin-left: 1.25rem; } } .c-hero .c-hero__actions-image { border-radius: 50%; height: 0; padding-bottom: 100%; position: relative; margin-bottom: 0.5rem; } .c-hero .c-hero__actions-image img { width: 100%; max-width: 100%; height: auto; margin-bottom: 0.625rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .c-hero .c-hero__actions-text { color: #FFFFFF; font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; margin: 0; display: none; } @media only screen and (min-width: 64em) { .c-hero .c-hero__actions-text { display: block; } } @media only screen and (max-width: 63.9375em) { .c-hero .c-hero__content { left: 1.25rem; right: 1.25rem; transform: translate(0); top: 4.25rem; } } .c-hero .c-hero__buttons .c-button { box-shadow: 0 0 1.875rem rgba(255, 255, 255, 0.2); margin: 0; } /** * HERO--TALL **/ .c-hero--tall { position: relative; min-height: 21.875rem; } @media only screen and (min-width: 64em) { .c-hero--tall { height: 21.875rem; } } .c-hero--tall .js-flickity { min-height: 20.625rem; overflow-y: hidden; } @media only screen and (min-width: 64em) { .c-hero--tall .js-flickity { height: 20.625rem; } } @media only screen and (min-width: 64em) { .c-hero--tall .c-hero__background { height: 20.625rem; } } .c-hero--tall .c-hero__buttons .c-button { margin: 0ex; } .c-hero--tall .c-hero__content { width: calc(100% - 48px); top: auto; transform: none; left: 1.5rem; bottom: 1.5rem; } @media only screen and (min-width: 64em) { .c-hero--tall .c-hero__content { max-width: calc(50% - 60px); left: 3.75rem; bottom: 3.75rem; } } /** * HERO--SHORT **/ @media only screen and (min-width: 64em) { .c-hero--short .c-hero__content { left: 3.75rem; transform: translate(0, -50%); max-width: 65%; } } /** * ICONS-LIST **/ .c-icons-list { text-align: center; max-width: 63.125rem; margin: 0 auto; } .c-icons-list__headings { margin-bottom: 2rem; } @media only screen and (min-width: 64em) { .c-icons-list__headings { margin-bottom: 3.125rem; } } .c-icons-list__preheading { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; text-transform: uppercase; } .c-icons-list__heading { font-size: 2.5625rem; line-height: 3rem; font-weight: 900; font-family: Dubai, sans-serif; padding: 0 1.875rem 0.625rem; display: inline-block; } .c-icons-list__item { width: 50%; text-align: center; padding: 0.3125rem 1.25rem; } @media only screen and (min-width: 64em) { .c-icons-list__item { width: 20%; padding: 1.25rem; } } .c-icons-list__item-inner { max-width: 6.5rem; margin: 0 auto; } .c-icons-list__image { border-radius: 50%; height: 0; padding-bottom: 100%; position: relative; margin-bottom: 0.75rem; } .c-icons-list__image img { width: 100%; max-width: 100%; } .c-icons-list__text { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; margin: 0; color: #FFFFFF; } .c-icons-list__menu { max-width: calc(100% - 50px); margin: 0 auto 1.25rem; justify-content: center; } /** * IMAGE--DESKTOP-ONLY **/ .c-image--desktop-only { display: none; } @media only screen and (min-width: 64em) { .c-image--desktop-only { display: block; } } /** * IMAGE--MOBILE-ONLY **/ @media only screen and (min-width: 64em) { .c-image--mobile-only { display: none; } } .c-interactive-map { display: flex; flex-wrap: wrap; flex-direction: column-reverse; position: relative; } @media only screen and (min-width: 64em) { .c-interactive-map { max-height: 61.125rem; height: calc(100vh - 170px); flex-direction: row; } } .c-interactive-map #map-link { display: none; } .c-interactive-map__anchor { transform: translateY(-200px); position: absolute; top: 0; display: block; width: 100%; height: 0.625rem; pointer-events: none; } @media only screen and (min-width: 64em) { .c-interactive-map__anchor { transform: translateY(-120px); } } .c-interactive-map__column { background-color: #F7F7F7; padding: 3rem 2rem; max-height: 100%; counter-reset: counter; } @media only screen and (min-width: 64em) { .c-interactive-map__column { width: 30%; overflow-y: scroll; } } .c-interactive-map__column #find-me { margin-bottom: 1.5rem; } .c-interactive-map__buttons { margin-bottom: 1.5rem; } .c-interactive-map__marker { text-align: center; font-size: 1.5rem; line-height: 1.75rem; font-weight: 900; font-family: Dubai, sans-serif; position: absolute; transform: translateX(-100%); top: 0.1875rem; left: 1.5rem; width: 1.75rem; height: 1.5rem; background-size: contain; background-repeat: no-repeat; background-position: 0 0; transition: transform 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgNS42NjdjLTEuODk0IDAtMy40MjkgMS41NjctMy40MjkgMy41czEuNTM1IDMuNSAzLjQyOSAzLjUgMy40MjktMS41NjcgMy40MjktMy41Yy0uMDAzLTEuOTMyLTEuNTM2LTMuNDk4LTMuNDI5LTMuNXptMCA2LjIyMmMtMS40NzMgMC0yLjY2Ny0xLjIxOS0yLjY2Ny0yLjcyMiAwLTEuNTA0IDEuMTk0LTIuNzIzIDIuNjY3LTIuNzIzIDEuNDczIDAgMi42NjcgMS4yMiAyLjY2NyAyLjcyMy0uMDAyIDEuNTAyLTEuMTk1IDIuNzItMi42NjcgMi43MjJ6TTkgMWMtNC40MTYuMDA1LTcuOTk1IDMuNjU4LTggOC4xNjcgMCAyLjk1NyAxLjM1IDYuMTA1IDMuOTAzIDkuMTAyYTI0LjAxNyAyNC4wMTcgMCAwMDMuODc5IDMuNjYuMzc1LjM3NSAwIDAwLjQzNiAwIDI0LjAxNyAyNC4wMTcgMCAwMDMuODc5LTMuNjZDMTUuNjUgMTUuMjcyIDE3IDEyLjEyNCAxNyA5LjE2NyAxNi45OTUgNC42NTggMTMuNDE2IDEuMDA1IDkgMXptMy41MzQgMTYuNzQ1QTI0LjQwNSAyNC40MDUgMCAwMTkgMjEuMTI4YTI0LjQwNSAyNC40MDUgMCAwMS0zLjUzNC0zLjM4M2MtMS42OS0xLjk4Ny0zLjcwNC01LjA4OS0zLjcwNC04LjU3OCAwLTQuMDgxIDMuMjQtNy4zOSA3LjIzOC03LjM5IDMuOTk3IDAgNy4yMzggMy4zMDkgNy4yMzggNy4zOSAwIDMuNDktMi4wMTQgNi41OS0zLjcwNCA4LjU3OGgweiIgZmlsbD0iIzM4MzgzRCIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMzODM4M0QiIHN0cm9rZS13aWR0aD0iMS42Ii8+PC9zdmc+"); transform-origin: 0 0; } .c-interactive-map__marker:hover { transform: scale(1.1) translateX(-100%); } .c-interactive-map__inner { position: relative; margin: 0; padding: 0 0 0 1.5rem; } @media only screen and (min-width: 64em) { .c-interactive-map__inner { padding: 0 0 0 2rem; } } .c-interactive-map__inner:not(:last-child) { margin: 0 0 1.5rem 0; padding: 0 0 1.5rem 1.5rem; border-bottom: 0.125rem solid #E6E6E6; } @media only screen and (min-width: 64em) { .c-interactive-map__inner:not(:last-child) { margin: 0 0 2.5rem 0; padding: 0 0 2.5rem 2rem; } } .c-interactive-map__inner.is-active .c-interactive-map__hidden-content { max-height: 18.75rem; } .c-interactive-map__inner.is-active .c-interactive-map__store-details { color: transparent; } .c-interactive-map__inner.is-active .c-interactive-map__store-details:before { color: #0a0a0a; content: 'Hide store details'; display: inline-block; } .c-interactive-map__inner.is-active .c-interactive-map__store-details:hover:before { text-decoration: underline; } .c-interactive-map__content { margin-bottom: 0; } .c-interactive-map__hidden-content { overflow: hidden; max-height: 0; transition: max-height 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .c-interactive-map__hidden-content-inner { margin-top: 1.875rem; } .c-interactive-map__left { margin-bottom: 1rem; } .c-interactive-map__left .c-interactive-map__text p { margin-bottom: 0; } .c-interactive-map__right p { margin-bottom: 0; } .c-interactive-map__right .distance span { font-size: 70%; display: block; line-height: 1; margin-bottom: 0.375rem; } .c-interactive-map__links { margin-bottom: 1.875rem; } .c-interactive-map__links p { margin-bottom: 0.625rem; } .c-interactive-map__links p a { color: #ff6712; text-decoration: underline; } .c-interactive-map__show-map { color: #ff6712; text-decoration: underline; } .c-interactive-map__store-details { cursor: pointer; display: block; padding-top: 0.625rem; } .c-interactive-map__store-details:hover { text-decoration: underline; } .c-interactive-map__image { max-height: 5.9375rem; width: auto; } .c-interactive-map__image + .c-interactive-map__image { margin-left: 1.25rem; } .c-interactive-map__heading { font-size: 1.5rem; line-height: 1.75rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 0.6875rem; } .c-interactive-map__heading a { color: #0a0a0a; text-decoration: underline; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-thickness: 0.125rem; text-underline-offset: 0.625rem; transition: all 0.22s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .c-interactive-map__heading a:hover { -webkit-text-decoration-color: #0a0a0a; text-decoration-color: #0a0a0a; } .c-interactive-map__subheading { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 1rem; } @media only screen and (min-width: 64em) { .c-interactive-map__subheading { font-size: 1.375rem; line-height: 1.5625rem; } } .c-interactive-map__canvas { height: calc(100vh - 15.625rem); min-height: 15.625rem; width: 100%; } @media only screen and (min-width: 64em) { .c-interactive-map__canvas { width: 70%; height: calc(100vh - 10.625rem); min-height: 31.25rem; } } .c-interactive-map .gm-style .gm-style-iw-c { border-radius: 0.125rem; padding: 0; box-shadow: 0 0 3.125rem rgba(0, 0, 0, 0.25); } .c-interactive-map .gm-style .gm-ui-hover-effect { width: 1.25rem !important; height: 1.25rem !important; top: 0.625rem !important; right: 0.625rem !important; } .c-interactive-map .gm-style .gm-ui-hover-effect img { width: 1.25rem !important; height: 1.25rem !important; margin: 0 !important; } .c-interactive-map .gm-style .gm-style-iw-d { padding: 1.5rem 2rem 1rem 1rem; } .c-interactive-map .gm-style .gm-style-iw-d > div { font-size: 0; } .c-interactive-map .gm-style .gm-style-iw-d p { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; margin: 0; max-width: 18.75rem; } @media only screen and (min-width: 64em) { .c-interactive-map .gm-style .gm-style-iw-d p { font-size: 1.25rem; line-height: 1.375rem; } } /** * POSTS **/ .c-posts__preheading { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; margin: 0; text-transform: uppercase; } @media only screen and (min-width: 64em) { .c-posts__preheading { font-size: 1.25rem; line-height: 1.375rem; } } .c-posts__anchor { position: absolute; width: 100%; height: 100%; z-index: 1; } .c-posts__item { margin-bottom: 1.875rem; position: relative; } .c-posts__item-inner { margin: 0 0.75rem; } @media only screen and (max-width: 63.9375em) { .c-posts__item.small-6:nth-child(n+3) { margin-top: 1.25rem; } .c-posts__item.small-6 .c-posts__brand-logo svg { max-height: 1.5rem; width: auto; } } .c-posts__navigation { text-align: center; width: 100%; } .c-posts__navigation .page-numbers { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; width: 2.1875rem; height: 2.1875rem; line-height: 2.1875rem; background-color: #38383D; border-radius: 50%; color: #FFFFFF; display: inline-block; } @media only screen and (min-width: 64em) { .c-posts__navigation .page-numbers { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .c-posts__navigation .page-numbers { line-height: 2.1875rem; } } .c-posts__brand-logo { margin-bottom: 1rem; display: block; } .c-posts__brand-logo svg { width: auto; height: 1.875rem; background-position: 0.25rem 0; margin-left: 0.25rem; } .c-posts__headings { text-align: center; } .c-posts__list { display: flex; flex-wrap: wrap; margin: 0 -0.75rem -1.875rem; } .c-posts__title { font-size: 2.5625rem; line-height: 3rem; font-weight: 900; font-family: Dubai, sans-serif; padding: 0 1.875rem 0.625rem; border-bottom: 0.0625rem solid #ff6712; display: inline-block; margin-bottom: 0.625rem; } @media only screen and (min-width: 64em) { .c-posts__title { margin-bottom: 2rem; } } .c-posts .c-posts__background { margin-bottom: 2.5rem; padding-bottom: 100%; position: relative; } @media only screen and (min-width: 64em) { .c-posts .c-posts__background { padding-bottom: calc(100% + 20px); width: 100%; } } .c-posts .c-posts__background > div { position: absolute; width: 100%; top: 0; bottom: 0; background-size: cover; background-position: 50% 50%; } @media only screen and (min-width: 64em) { .c-posts .c-posts__content { margin: 0; width: 100%; } } .c-posts .c-posts__content .c-posts__headings { text-align: left; } .c-posts__heading, .c-posts__price { font-size: 1.5rem; line-height: 1.75rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 0.625rem; } .c-posts__heading { padding-bottom: 0.625rem; border-bottom: 0.0625rem solid #ff6712; } @media only screen and (min-width: 64em) { .c-posts__heading { padding-bottom: 1.6875rem; } } .c-posts__buttons .c-button { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); font-size: 1.25rem; line-height: 1.375rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 0.875rem; line-height: 2.625rem; height: 2.8125rem; background-position: calc(100% - 14px) 50%; padding: 0 1.875rem 0 1.1875rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); font-size: 0.875rem; background-color: #38383D; display: block; } @media only screen and (min-width: 64em) { .c-posts__buttons .c-button { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .c-posts__buttons .c-button { line-height: 2.625rem; } } @media only screen and (min-width: 64em) { .c-posts__buttons .c-button { line-height: 2.625rem; } } .c-posts__buttons .c-button:hover { background-position: calc(100% - 10px) 50%; } .c-posts__buttons .c-button:hover { background-color: #4c4c52; } @media only screen and (min-width: 64em) { .c-posts__buttons .c-button { display: inline-block; } } .c-posts__price-ex-vat { display: block; margin-bottom: 0.75rem; } .c-posts.no-variation .js-flickity .flickity-page-dots { bottom: -2rem; display: none; } @media only screen and (min-width: 64em) { .c-posts.no-variation .js-flickity .flickity-page-dots { display: block; } } .c-posts.no-variation .js-flickity .flickity-page-dots .dot { border-radius: 0; background-color: #FFFFFF; margin: 0 0.75rem; height: 0.625rem; width: 3.75rem; opacity: 1; } .c-posts.no-variation .js-flickity .flickity-page-dots .dot.is-selected { background-color: #ff6712; } .c-posts.no-variation .js-flickity .c-posts__item.small-12 { width: calc(100% - 75px); } @media only screen and (min-width: 64em) { .c-posts.no-variation .js-flickity .c-posts__item.large-3 { width: 25%; } } .c-posts.no-variation .js-flickity .c-posts__item-inner { background-color: #FFFFFF; text-align: center; color: #38383D; } .c-posts.no-variation .js-flickity .c-posts__content { display: flex; flex-direction: column-reverse; padding: 0.5rem; } .c-posts.no-variation .js-flickity .c-posts__headings { text-align: center; min-height: 3.125rem; padding-bottom: 0.625rem; min-height: 5.3125rem; } .c-posts.no-variation .js-flickity .c-posts__categories { margin: 0 0 0.75rem; min-height: 2.625rem; } .c-posts.no-variation .js-flickity .c-posts__categories li { list-style-type: none; font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; text-transform: uppercase; } .c-posts.no-variation .js-flickity .c-posts__heading { padding: 0; margin: 0; border: 0; font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .c-posts.no-variation .js-flickity .c-posts__heading { font-size: 1.375rem; line-height: 1.5625rem; } } .c-posts.no-variation .js-flickity .c-posts__background { padding-bottom: 62%; } .c-posts.no-variation .js-flickity .c-posts__background:before { display: none; } /** * POSTS-FILTER **/ .c-posts-filter { display: flex; flex-wrap: wrap; flex-direction: column; } @media only screen and (min-width: 64em) { .c-posts-filter { flex-direction: row; } } @media only screen and (min-width: 64em) { .c-posts-filter__form { width: 17.1875rem; } } @media only screen and (min-width: 64em) { .c-posts-filter__posts { width: calc(100% - 25rem); margin-left: 7.8125rem; } } .c-posts-filter form#filter { padding: 1.25rem; background-color: #F7F7F7; } .c-posts-filter .c-posts__item-inner { border: 0.0625rem solid #ff6712; } .c-posts-filter .c-posts__background { padding-bottom: 65%; margin-bottom: 1.375rem; } .c-posts-filter .c-posts__background:before { display: none; } .c-posts-filter .c-posts__content { padding: 0 1.875rem 1.25rem; } .c-posts-filter .c-posts__meta { margin-bottom: 0.6875rem; display: flex; flex-direction: row; justify-content: space-between; } .c-posts-filter .c-posts__heading { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /** * POSTS-SEARCH **/ .c-posts-search { margin: 0 0 0.625rem; padding: 1.25rem; background-color: #F7F7F7; } .c-posts-search li { list-style-type: none; } /** * POSTS--PRODUCTS **/ .c-posts--products .js-flickity.c-posts__list { margin: 0 -1.25rem 0 0; } .c-posts--products .js-flickity .c-posts__brand-logo { margin-bottom: 0; } .c-posts--products .js-flickity .c-posts__item { width: calc(100% - 80px); } .c-posts--products .js-flickity .c-posts__background { padding-bottom: 100%; } .c-posts--products .js-flickity .c-posts__background > div { height: auto; bottom: 0.625rem; } .c-posts--products .c-posts__heading { min-height: 5.25rem; } @media only screen and (max-width: 39.9375em) { .c-posts--products .c-posts__item.medium-6 .c-posts__heading, .c-posts--products .c-posts__item.medium-6 .c-posts__price { font-size: 1rem; line-height: 1.25; } .c-posts--products .c-posts__item.medium-6 .c-posts__heading { min-height: 3.75rem; } } /** * PRODUCT **/ .woocommerce ul.products .c-product .c-product__brand-logo { display: block; } .woocommerce ul.products .c-product .c-product__brand-logo svg { width: auto; height: 1.875rem; background-position: 0.25rem 0; margin-left: 0.25rem; } .woocommerce ul.products .c-product .c-product__column .added_to_cart.wc-forward { position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%); text-decoration: underline; color: #ff6712; } .woocommerce ul.products .c-product .c-product__column:nth-of-type(1) .woocommerce-loop-product__link { position: relative; display: block; } .woocommerce ul.products .c-product .c-product__column:nth-of-type(1) .woocommerce-loop-product__link img { width: auto; max-height: 317.64px; margin: 0 auto; margin-bottom: 1.75rem; } @media only screen and (min-width: 64em) { .woocommerce ul.products .c-product .c-product__column:nth-of-type(1) .woocommerce-loop-product__link img { margin-bottom: 2.5rem; } } @media only screen and (min-width: 64em) { .woocommerce ul.products .c-product .woocommerce-loop-product__link .price { margin-bottom: 1.875rem !important; } } .woocommerce ul.products .c-product .woocommerce-loop-product__link .price small, .woocommerce ul.products .c-product .woocommerce-loop-product__link .price > span { font-size: 0.75rem; font-weight: 700; } @media only screen and (min-width: 64em) { .woocommerce ul.products .c-product .woocommerce-loop-product__link .price small, .woocommerce ul.products .c-product .woocommerce-loop-product__link .price > span { font-size: 1rem; } } .woocommerce ul.products .c-product .woocommerce-loop-product__link .price small .amount, .woocommerce ul.products .c-product .woocommerce-loop-product__link .price > span .amount { font-size: 1rem; font-weight: 700; } @media only screen and (min-width: 64em) { .woocommerce ul.products .c-product .woocommerce-loop-product__link .price small .amount, .woocommerce ul.products .c-product .woocommerce-loop-product__link .price > span .amount { font-size: 1.25rem; } } .woocommerce ul.products .c-product .woocommerce-loop-product__link .price.price-variable:before { content: 'From: '; font-size: 1.125rem; line-height: 1.3125rem; font-weight: 400; font-family: Dubai, sans-serif; } @media only screen and (max-width: 63.9375em) { .woocommerce ul.products .c-product .woocommerce-loop-product__link .price.price-variable:before { font-size: 0.875rem; line-height: 1.25; } } .woocommerce ul.products .c-product .woocommerce-loop-product__title a { height: 3.3125rem; overflow: hidden; } @media only screen and (min-width: 64em) { .woocommerce ul.products .c-product .woocommerce-loop-product__title a { height: 5.625rem; } } .woocommerce ul.products .c-product .woocommerce-loop-product__link .price, .woocommerce ul.products .c-product .woocommerce-loop-product__title a { font-size: 1.5rem; line-height: 1.75rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 0.875rem; color: #38383D; margin-bottom: 0.625rem; display: block; font-weight: 700; } @media only screen and (min-width: 64em) { .woocommerce ul.products .c-product .woocommerce-loop-product__link .price, .woocommerce ul.products .c-product .woocommerce-loop-product__title a { font-size: 1.25rem; } } @media only screen and (max-width: 63.9375em) { .woocommerce ul.products .c-product .woocommerce-loop-product__link .price, .woocommerce ul.products .c-product .woocommerce-loop-product__title a { line-height: 1.25; } } .woocommerce ul.products .c-product .woocommerce-loop-product__title a { border-bottom: 0.0625rem solid #ff6712; padding-bottom: 0.875rem; margin-bottom: 0.5rem; } @media only screen and (min-width: 64em) { .woocommerce ul.products .c-product .woocommerce-loop-product__title a { padding-bottom: 1.25rem; margin-bottom: 0.625rem; } } .woocommerce ul.products .c-product div[style="margin-bottom:10px;"] { display: none; } @media only screen and (min-width: 64em) { .woocommerce ul.products .c-product div[style="margin-bottom:10px;"] { margin: 0 0.3125rem; width: calc(50% - 10px); } } .woocommerce ul.products .c-product div[style="margin-bottom:10px;"] .button { background-image: none; background-color: #FFFFFF; border: 0.125rem solid #ff6712; color: #0a0a0a; width: 100%; margin: 0; } .woocommerce ul.products .c-product div[style="margin-bottom:10px;"] a.added_to_cart { color: #0a0a0a; text-align: center; text-decoration: underline; width: 100%; } .woocommerce ul.products .c-product .button { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); font-size: 1.25rem; line-height: 1.375rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 0.875rem; line-height: 2.625rem; height: 2.8125rem; background-position: calc(100% - 14px) 50%; padding: 0 1.875rem 0 1.1875rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); font-size: 0.875rem; background-color: #38383D; font-size: 0.875rem; line-height: 1rem; font-weight: 900; font-family: Dubai, sans-serif; padding: 0.75rem 0.3125rem; font-size: 0.875rem !important; background-position: calc(100% - 12px) 50%; background-size: auto 0.5rem; width: 100%; } @media only screen and (min-width: 64em) { .woocommerce ul.products .c-product .button { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .woocommerce ul.products .c-product .button { line-height: 2.625rem; } } @media only screen and (min-width: 64em) { .woocommerce ul.products .c-product .button { line-height: 2.625rem; } } .woocommerce ul.products .c-product .button:hover { background-position: calc(100% - 10px) 50%; } .woocommerce ul.products .c-product .button:hover { background-color: #4c4c52; } @media only screen and (min-width: 64em) { .woocommerce ul.products .c-product .button { padding: 0 0.3125rem; margin: 0 0.3125rem; width: calc(50% - 10px); display: inline-block; margin-top: 0 !important; font-size: 0.875rem !important; } } .woocommerce ul.products .c-product.product_cat-editions div[style="margin-bottom:10px;"], .woocommerce ul.products .c-product.product_cat-editions-classic div[style="margin-bottom:10px;"], .woocommerce ul.products .c-product.product_cat-editions-essential div[style="margin-bottom:10px;"], .woocommerce ul.products .c-product.product_cat-editions-tile div[style="margin-bottom:10px;"], .woocommerce ul.products .c-product.product_cat-editions-herringbone div[style="margin-bottom:10px;"], .woocommerce ul.products .c-product.product_cat-excel div[style="margin-bottom:10px;"], .woocommerce ul.products .c-product.product_cat-excel-classic div[style="margin-bottom:10px;"], .woocommerce ul.products .c-product.product_cat-excel-longplank div[style="margin-bottom:10px;"] { display: block; } @media only screen and (min-width: 64em) { .woocommerce ul.products .c-product.product_cat-editions div[style="margin-bottom:10px;"], .woocommerce ul.products .c-product.product_cat-editions-classic div[style="margin-bottom:10px;"], .woocommerce ul.products .c-product.product_cat-editions-essential div[style="margin-bottom:10px;"], .woocommerce ul.products .c-product.product_cat-editions-tile div[style="margin-bottom:10px;"], .woocommerce ul.products .c-product.product_cat-editions-herringbone div[style="margin-bottom:10px;"], .woocommerce ul.products .c-product.product_cat-excel div[style="margin-bottom:10px;"], .woocommerce ul.products .c-product.product_cat-excel-classic div[style="margin-bottom:10px;"], .woocommerce ul.products .c-product.product_cat-excel-longplank div[style="margin-bottom:10px;"] { display: inline-block; } } /** * PRODUCT-ARCHIVE-HEADER **/ .c-product-archive-header { position: relative; } .c-product-archive-header .c-hero__content { position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); left: 2rem; right: 2rem; } @media only screen and (min-width: 64em) { .c-product-archive-header .c-hero__content { left: 50%; right: auto; transform: translate(-50%, -50%); } } .c-product-archive-header .c-hero__text { text-align: center; } .c-product-archive-header .c-hero__text p:last-of-type { margin-bottom: 0; } .c-product-archive-header .c-hero__text p a { color: #FFFFFF; } .c-product-archive-header .c-hero__heading { color: #FFFFFF; text-align: center; margin-bottom: 1.5rem; } .c-product-archive-header .c-hero__background { z-index: 0; background-size: cover; background-position: 50% 50%; } /** * PRODUCT-BRAND **/ .c-product-brand { text-transform: capitalize; font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; margin-bottom: 0.375rem; } /** * PRODUCT-DYNAMIC-PRICE-SIZE **/ .c-product-dynamic-price-size .packs-needed, .c-product-dynamic-price-size .total-metre-squared { opacity: 0; } .c-product-dynamic-price-size .packs-needed.is-visible, .c-product-dynamic-price-size .total-metre-squared.is-visible { opacity: 1; } .woocommerce div.product .c-product-dynamic-price-size *, .woocommerce div.product .c-product-dynamic-price-size span.price { font-size: 0.875rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; } .woocommerce div.product .c-product-dynamic-price-size * sup, .woocommerce div.product .c-product-dynamic-price-size span.price sup { font-size: 70%; } .woocommerce div.product .c-product-dynamic-price-size > * { margin-bottom: 0.25rem; } .woocommerce div.product .c-product-dynamic-price-size > * span { font-size: 0.875rem; line-height: 1rem; font-weight: 500; font-family: Dubai, sans-serif; } /** * PRODUCT-FILTER **/ .c-product-filter li { list-style-type: none; display: flex; align-items: center; } /** * PRODUCT-GALLERY **/ .woocommerce div.product .c-product-gallery.images { margin-bottom: 0; } .c-product-gallery__image { width: 100%; position: relative; margin-bottom: 0; background-size: cover; background-position: 50% 50%; margin-bottom: 1.875rem; min-height: 12.5rem; } @media only screen and (min-width: 64em) { .c-product-gallery__image { min-height: 25rem; } } .woocommerce div.product .c-product-gallery.images .woocommerce-product-gallery__image a { height: 0; padding-bottom: 100%; display: block; } .woocommerce div.product .c-product-gallery.images .woocommerce-product-gallery__image a img { -o-object-fit: cover; object-fit: cover; } @media only screen and (min-width: 64em) { .woocommerce div.product .c-product-gallery.images .woocommerce-product-gallery__image a img { min-height: 26.5625rem; } } @media only screen and (min-width: 80em) { .woocommerce div.product .c-product-gallery.images .woocommerce-product-gallery__image a img { min-height: 37.5rem; } } .woocommerce div.product .c-product-gallery.images .flex-control-nav { margin: 1.5rem -0.3125rem 0; } .woocommerce div.product .c-product-gallery.images .flex-control-nav li:nth-of-type(1) { display: none; } @media only screen and (min-width: 64em) { .woocommerce div.product .c-product-gallery.images .flex-control-nav li { width: calc(20% - 12px) !important; margin: 0 0.375rem 0.75rem; clear: none !important; } } .woocommerce div.product .c-product-gallery.images .flex-control-nav li:last-child { position: absolute; width: 5rem !important; height: 5rem; z-index: 1; border: 0.0625rem solid #FFFFFF; box-shadow: 0 0 1.875rem rgba(10, 10, 10, 0.25); right: 0; top: 1.25rem; transform: translateX(10px); } @media only screen and (min-width: 64em) { .woocommerce div.product .c-product-gallery.images .flex-control-nav li:last-child { width: 8.4375rem !important; height: 8.4375rem; transform: translateX(50%); } } .woocommerce div.product .c-product-gallery.images .flex-control-nav li:last-child img { opacity: 1; } /** * PRODUCT-HEADER **/ .c-product-header { margin-bottom: 1.4375rem; padding-top: 1.4375rem; } /** * PRODUCT-HERO **/ .c-product-hero { display: flex; flex-wrap: wrap; flex-direction: column; } @media only screen and (min-width: 64em) { .c-product-hero { flex-direction: row; align-items: flex-start; } } .woocommerce div.product .c-product-hero .c-product-header, .woocommerce div.product .c-product-hero .woocommerce-product-gallery, .woocommerce div.product .c-product-hero .summary { width: 100%; } .woocommerce div.product .c-product-hero .woocommerce-product-gallery, .woocommerce div.product .c-product-hero .summary { float: none; } @media only screen and (min-width: 64em) { .woocommerce div.product .c-product-hero .summary { width: calc(50% + 70px); } } @media only screen and (min-width: 64em) { .woocommerce div.product .c-product-hero .woocommerce-product-gallery { width: calc(50% - 70px); } } /** * PRODUCT-ICONS **/ .c-product-icons__list { display: flex; transform: scale(0.7); transform-origin: 0 0; } @media only screen and (min-width: 40em) { .c-product-icons__list { transform: scale(1); } } .c-product-icons__icon { max-height: 5.1875rem; margin: 0; } .c-product-icons__icon svg { max-height: 5.1875rem; } .c-product-icons__icon + .c-product-icons__icon { margin: 0 0 0 0.625rem; } @media only screen and (min-width: 64em) { .c-product-icons__icon + .c-product-icons__icon { margin: 0 0 0 1rem; } } /** * PRODUCT-IMAGE-CLOSEUP **/ .c-product-image-closeup { position: absolute; width: 5rem; height: 5rem; z-index: 1; border: 0.0625rem solid #FFFFFF; box-shadow: 0 0 1.875rem rgba(10, 10, 10, 0.25); right: 0.3125rem; top: 1.25rem; transform: translateX(50%); z-index: 100; } @media only screen and (min-width: 64em) { .c-product-image-closeup { width: 8.4375rem; height: 8.4375rem; } } .c-product-image-closeup__image { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; width: 100%; height: 100%; } .woocommerce div.product .c-product-gallery.images .c-product-image-closeup .woocommerce-product-gallery__image:not(:nth-of-type(1)) { display: none; } .woocommerce div.product .c-product-gallery.images .c-product-image-closeup .woocommerce-product-gallery__image a img { min-height: 0; } /** * PRODUCT-INFO-ICONS **/ .c-product-info-icons { background-color: #FFFFFF; color: #38383D; margin: 0 -1.25rem -1.25rem; padding: 1rem; } @media only screen and (min-width: 64em) { .c-product-info-icons { margin: 0 -1.25rem -0.9375rem -6.25rem; padding: 1.875rem 0 1.875rem 1.875rem; } } .c-product-info-icons__list { display: flex; flex-wrap: wrap; } .c-product-info-icons__item { font-size: 1rem; line-height: 1.1875rem; font-weight: 300; font-family: Dubai, sans-serif; min-height: 2.375rem; padding: 2.875rem 0 0; background-size: 2.375rem; background-repeat: no-repeat; background-position: 50% 0; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 0.75rem; } @media only screen and (min-width: 64em) { .c-product-info-icons__item { justify-content: flex-start; font-size: 0.875rem; text-align: left; padding: 0 0 0 2.875rem; background-position: 0 50%; } } .c-product-info-icons__item + .c-product-info-icons__item { margin-left: 1rem; } @media only screen and (min-width: 64em) { .c-product-info-icons__item + .c-product-info-icons__item { margin-left: 1.5rem; } } .c-product-info-icons__item.in-stock { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiNDQUFBODkiIGN4PSIxOSIgY3k9IjE5IiByPSIxOSIvPjxwYXRoIGQ9Ik0xOSA5QzEzLjQ4IDkgOSAxMy40OCA5IDE5czQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMyNC41MiA5IDE5IDl6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4em0zLjU0LTExLjE4bC00Ljk1IDQuOTUtMi4xMi0yLjEyYS45OTcuOTk3IDAgMTAtMS40MSAxLjQxbDIuODMgMi44M2MuMzkuMzkgMS4wMi4zOSAxLjQxIDBsNS42Ni01LjY2YS45OTYuOTk2IDAgMDAwLTEuNDFjLS40LS4zOS0xLjAzLS4zOS0xLjQyIDB6IiBmaWxsPSIjRjdGN0Y3IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+"); } .c-product-info-icons__item.out-of-stock { color: #38383D !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiNDQUFBODkiIGN4PSIxOSIgY3k9IjE5IiByPSIxOSIvPjxwYXRoIGQ9Ik0xOSA5QzEzLjQ4IDkgOSAxMy40OCA5IDE5czQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMyNC41MiA5IDE5IDl6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4eiIgZmlsbD0iI0Y3RjdGNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTE2Ljg3OSAxNS40NjRsMi4xMiAyLjEyIDIuMTIyLTIuMTJhMSAxIDAgMDExLjQxNSAxLjQxNWwtMi4xMjIgMi4xMiAyLjEyMiAyLjEyMmExIDEgMCAwMS0xLjQxNSAxLjQxNUwxOSAyMC40MTRsLTIuMTIxIDIuMTIyYTEgMSAwIDAxLTEuNDE1LTEuNDE1TDE3LjU4NCAxOWwtMi4xMi0yLjEyMWExIDEgMCAwMTEuNDE1LTEuNDE1eiIgZmlsbD0iI0Y3RjdGNyIvPjwvZz48L3N2Zz4="); } .c-product-info-icons__item.delivery { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiNDQUFBODkiIGN4PSIxOSIgY3k9IjE5IiByPSIxOSIvPjxwYXRoIGQ9Ik0xNCAyNy40MjlhMi44NjMgMi44NjMgMCAwMS0yLjg1Ny0yLjg1OGMtLjU1OCAwLTEuNDI5LjExMi0xLjQyOS0uNzE0VjEyLjQzYS43Mi43MiAwIDAxLjcxNS0uNzE1aDExLjQyOGEuNzIuNzIgMCAwMS43MTQuNzE1djIuMTQyaDEuNzg2Yy40MDIgMCAuOTM4LjIyNCAxLjIxNy41MDNsMi4yMSAyLjIxYy42MTMuNjEzLjUwMiAxLjQ5NS41MDIgMi4yODd2My41NzJhLjcyLjcyIDAgMDEuNzE0LjcxNGMwIC44MjYtLjg3LjcxNC0xLjQyOS43MTRoLS43MTRBMi44NjMgMi44NjMgMCAwMTI0IDI3LjQzYTIuODYzIDIuODYzIDAgMDEtMi44NTctMi44NThoLTQuMjg2QTIuODYzIDIuODYzIDAgMDExNCAyNy40M3ptOC41NzEtOC41NzJoNC4yODZ2LS4zMzVhLjY3My42NzMgMCAwMC0uMS0uMjQ1TDI0LjU4IDE2LjFhLjY3My42NzMgMCAwMC0uMjQ1LS4xSDIyLjU3djIuODU3ek0yNCAyNmMuNzgxIDAgMS40MjktLjY0NyAxLjQyOS0xLjQyOSAwLS43OC0uNjQ4LTEuNDI4LTEuNDI5LTEuNDI4cy0xLjQyOS42NDctMS40MjkgMS40MjhjMCAuNzgyLjY0OCAxLjQyOSAxLjQyOSAxLjQyOXptLTEwIDBjLjc4MSAwIDEuNDI5LS42NDcgMS40MjktMS40MjkgMC0uNzgtLjY0OC0xLjQyOC0xLjQyOS0xLjQyOHMtMS40MjkuNjQ3LTEuNDI5IDEuNDI4YzAgLjc4Mi42NDggMS40MjkgMS40MjkgMS40Mjl6IiBzdHJva2U9IiNGN0Y3RjciLz48L2c+PC9zdmc+"); } .c-product-info-icons__item.returns { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiNDQUFBODkiIGN4PSIxOSIgY3k9IjE5IiByPSIxOSIvPjxwYXRoIGQ9Ik0yOC4zMzMgMjhoLS4wMmEuNDk1LjQ5NSAwIDAxLS4zOC0uMTU4LjY2My42NjMgMCAwMS0uMTY2LS40MTUgNC42IDQuNiAwIDAwLS4xMjctLjcyYy0uMDcyLS4yOTctLjMtLjc3NC0uNjg0LTEuNDMyYTYuNjgyIDYuNjgyIDAgMDAtMS40OTMtMS43NThjLS42MTItLjUxMy0xLjU0LS45NzQtMi43ODMtMS4zODItMS4yNDQtLjQwOC0yLjY4NS0uNjEyLTQuMzI2LS42MTJ2My42MzNjMCAuMDY2LS4wMS4xMjUtLjAzLjE3OC0uMDE5LjA1My0uMDQxLjEwNS0uMDY3LjE1OGEuNDQuNDQgMCAwMS0uMTA4LjEzOC43MTcuNzE3IDAgMDEtLjE0Ni4wOTljLS4yNDguMTE5LS40NjkuMDkyLS42NjQtLjA3OWwtOC4xMDUtNi43OTNBLjY0Ny42NDcgMCAwMTkgMTguMzYzYS42Mi42MiAwIDAxLjIzNC0uNDk0bDguMTA1LTYuNzE0Yy4xOTUtLjE3LjQxMy0uMi42NTQtLjA4OS4yNC4xMTIuMzYxLjMwNi4zNjEuNTgzdjMuNTM1Yy41Mi4wMjYgMS4wMjIuMDY5IDEuNTA0LjEyOC40ODIuMDYuOTUuMTM4IDEuNDA2LjIzNy40NTYuMDk5Ljg5Mi4yMiAxLjMwOC4zNjUuNDE3LjE0NS44MTQuMzEzIDEuMTkyLjUwNC4zNzcuMTkuNzM1LjM5OCAxLjA3NC42MjIuMzM4LjIyNC42NTcuNDcuOTU3Ljc0LjI5OS4yNy41NzkuNTU3Ljg0Ljg2YTguNjQ4IDguNjQ4IDAgMDExLjM3NiAyLjI2Yy4zNTguODUuNjAyIDEuNjE3LjczMiAyLjMwMS4xMy42ODUuMjA5IDEuMzgzLjIzNSAyLjA5NC4wMjYuNzEuMDI5IDEuMjEuMDEgMS41LS4wMi4yOS0uMDQzLjUxNC0uMDY5LjY3MmEuNjYyLjY2MiAwIDAxLS4xOTUuMzg1LjU0NS41NDUgMCAwMS0uMzkuMTQ4ek0xNy43MyAyMC4yNTljMS4wMTYgMCAxLjk1My4wNTMgMi44MTIuMTU4Ljg2LjEwNSAxLjYxNS4yNiAyLjI2Ni40NjQuNjUuMjA0IDEuMjMzLjQyOCAxLjc0Ny42NzEuNTE1LjI0NC45NzQuNTI3IDEuMzc3Ljg1LjQwNC4zMjIuNzQyLjYyOCAxLjAxNi45MTguMjczLjI5LjUzMy42MTIuNzguOTY3LS4yNDctMS45MDktLjkzLTMuNTE1LTIuMDUtNC44MTgtMS43MDUtMi4wMTQtNC4zNTUtMy4wMjEtNy45NDgtMy4wMjFhLjU5Ny41OTcgMCAwMS0uNDQtLjE4OC42MS42MSAwIDAxLS4xODUtLjQ0NHYtMi44NDRsLTYuNTAzIDUuMzkxIDYuNTAzIDUuNDV2LTIuOTIyYzAtLjE3MS4wNTktLjMyMy4xNzYtLjQ1NGEuNTIxLjUyMSAwIDAxLjEzNy0uMS43NTguNzU4IDAgMDEuMTU2LS4wNTguNjM1LjYzNSAwIDAxLjE1Ni0uMDJ6IiBmaWxsPSIjRjdGN0Y3IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+"); } /** * PRODUCT-META **/ .c-product-meta > span + span:before { content: '|'; display: inline-block; margin: 0 0.375rem 0 0.1875rem; } .c-product-meta > span.posted_in { font-size: 1rem; line-height: 1.1875rem; font-weight: 500; font-family: Dubai, sans-serif; } .c-product-meta > span.sku_wrapper { font-size: 1rem; line-height: 1.1875rem; font-weight: 300; font-family: Dubai, sans-serif; } .c-product-meta > span a { color: #38383D; } .c-product-meta > span a:hover { text-decoration: underline; } /** * PRODUCT-PAGINATION **/ .c-product-pagination { margin-bottom: 3rem; } @media only screen and (min-width: 64em) { .c-product-pagination { margin-bottom: 3.75rem; } } .woocommerce .c-product-pagination .page-numbers { border: none; } .woocommerce .c-product-pagination .page-numbers li { border: none; margin: 0 0.3125rem; } .woocommerce .c-product-pagination .page-numbers li .page-numbers { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; width: 2.1875rem; height: 2.1875rem; line-height: 2.1875rem; background-color: #38383D; border-radius: 50%; color: #FFFFFF; display: inline-block; padding: 0; } @media only screen and (min-width: 64em) { .woocommerce .c-product-pagination .page-numbers li .page-numbers { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .woocommerce .c-product-pagination .page-numbers li .page-numbers { line-height: 2.1875rem; } } /** * PRODUCT-PRICE **/ .c-product-price { margin-bottom: 0; } .c-product-price > span:nth-of-type(1) { display: block; } .c-product-price > span.amount { display: inline-block; } .c-product-price span { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; } .c-product-price span.amount, .c-product-price span.amount span { font-size: 2.5625rem; line-height: 3rem; font-weight: 900; font-family: Dubai, sans-serif; } .c-product-price__ex-vat { font-size: 0.875rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; margin-bottom: 0.75rem; display: block; } .c-product-price__pack p { font-size: 0.875rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; margin-bottom: 0.1875rem; } /** * PRODUCT-RESULT-COUNT **/ .c-product-result-count { margin-left: auto; margin-right: auto; } .woocommerce .c-product-result-count { margin-top: 2rem; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 64em) { .woocommerce .c-product-result-count { margin-top: 3rem; } } .woocommerce .woocommerce-ordering { margin-left: auto; margin-right: auto; } /** * PRODUCT-REVIEWS **/ .c-product-reviews li { list-style-type: none; } .c-product-reviews .c-feefo-reviews-slider { padding: 1.875rem 0; } .c-product-reviews__inner { text-align: center; margin: 0 auto; } .c-product-reviews__inner .c-product-reviews__heading { font-size: 0.625rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; text-transform: uppercase; margin-bottom: 0; } @media only screen and (min-width: 64em) { .c-product-reviews__inner .c-product-reviews__heading { font-size: 1.875rem; line-height: 1.875rem; } } .c-product-reviews__inner .c-product-reviews__subheading { font-size: 2.5625rem; line-height: 3rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 0; padding-bottom: 1rem; display: inline-block; position: relative; } .c-product-reviews__inner .c-product-reviews__subheading:after { background: #ff6712; border-radius: 0.125rem; content: ''; display: block; bottom: 0; position: absolute; height: 0.125rem; width: 100%; } .c-product-reviews__inner .feefowidget-header-information-title { display: none; } .c-product-reviews__inner .feefowidget-global { padding-left: 0; padding-right: 0; } .c-product-reviews__inner .feefowidget-header-information-ratings { position: relative; } .c-product-reviews__inner .feefowidget-header-information-ratings feefowidget-rating-stars { margin-top: 0.625rem; } .c-product-reviews__inner .feefowidget-header-information-ratings feefowidget-rating-dropdown { display: block; margin: 0 auto; } .c-product-reviews__inner .feefowidget-header-information-ratings .feefowidget-rating-container .feefowidget-star { font-size: 1.25rem; margin: 0 0.0625rem; line-height: 1.4; color: #FCD702; } @media only screen and (min-width: 64em) { .c-product-reviews__inner .feefowidget-header-information-ratings .feefowidget-rating-container .feefowidget-star { font-size: 2rem; } } .c-product-reviews__inner .feefowidget-header-information-ratings .feefowidget-rating-container .feefowidget-global-container-header { padding: 0; } .c-product-reviews__inner .feefowidget-global-container-header { text-align: center; position: relative; } .c-product-reviews__inner .feefowidget-global-container-header::before { background-color: #F7F7F7; content: ''; display: block; height: 11.25rem; position: absolute; bottom: 0; width: 100%; } .c-product-reviews__inner .feefowidget-global-container-header .feefowidget-merchant-header__summary { display: block; margin: 0 auto; } .c-product-reviews__inner .feefowidget-global-container-header .feefowidget-merchant-header__award-badge { position: absolute; right: 0.625rem; top: -0.625rem; width: 3.125rem; display: none; } @media only screen and (min-width: 64em) { .c-product-reviews__inner .feefowidget-global-container-header .feefowidget-merchant-header__award-badge { right: 1.25rem; top: 0; width: 5rem; } } .c-product-reviews__inner .feefowidget-global-container-header .feefowidget-header-information-title h2 { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; color: #26262D !important; margin-bottom: 1.0625rem; text-align: center; position: relative; } @media only screen and (min-width: 64em) { .c-product-reviews__inner .feefowidget-global-container-header .feefowidget-header-information-title h2 { font-size: 1.375rem; line-height: 1.5625rem; } } .c-product-reviews__inner .feefowidget-global-container-header .feefowidget-header-information-title h2:before { background: rgba(38, 38, 45, 0.25); border-radius: 2px; content: ''; display: block; margin-bottom: 20px; height: 2px; width: 100%; } .c-product-reviews__inner .feefowidget-global-container-header .feefowidget-header-information-ratings { margin-bottom: 0.5rem; } .c-product-reviews__inner .feefowidget-global-container-header .feefowidget-header-information-ratings .feefowidget-merchant-header-popover-wrap { padding-right: 0; position: static !important; display: flex; flex-direction: column-reverse; } .c-product-reviews__inner .feefowidget-global-container-header feefowidget-rating-dropdown { height: 4.1875rem; width: 4.1875rem; border-radius: 50%; border: 0.625rem solid #ff6712; background: #FFFFFF; } @media only screen and (min-width: 64em) { .c-product-reviews__inner .feefowidget-global-container-header feefowidget-rating-dropdown { height: 8.625rem; width: 8.625rem; } } .c-product-reviews__inner .feefowidget-global-container-header .feefowidget-rating-values { font-size: 0.625rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; background: #FFFFFF; display: block; color: #26262D; display: block; height: 3rem; width: 3rem; border-radius: 50%; border: 0.0625rem solid #ff6712; padding-right: 0; padding-top: 0.75rem; box-sizing: border-box; margin: 0.5rem; } @media only screen and (min-width: 64em) { .c-product-reviews__inner .feefowidget-global-container-header .feefowidget-rating-values { font-size: 1.875rem; line-height: 1.875rem; } } @media only screen and (min-width: 64em) { .c-product-reviews__inner .feefowidget-global-container-header .feefowidget-rating-values { height: 6.375rem; width: 6.375rem; padding-top: 1.875rem; margin: 0.5rem; } } .c-product-reviews__inner .feefowidget-global-container-header .feefowidget-rating-values .feefowidget-rating-average { font-size: 2.25rem; line-height: 2.625rem; font-weight: 900; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .c-product-reviews__inner .feefowidget-global-container-header .feefowidget-rating-values .feefowidget-rating-average { font-size: 2.25rem; line-height: 2.625rem; } } .c-product-reviews__inner .feefowidget-global-container-header .feefowidget-header-reviews-title { font-size: 0.875rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D !important; font-size: 0.875rem !important; } .c-product-reviews__inner .feefowidget-global-container-body-content.ola.feefowidget-no-sidebar .feefowidget-global__filters, .c-product-reviews__inner .feefowidget-global-container-body-content.ola.feefowidget-no-sidebar feefowidget-feedbacks-item { padding-left: 20px; padding-right: 20px; } .c-product-reviews__inner .feefowidget-viewport-tablet-mobile .feefowidget-global .feefowidget-global__reviews-container { padding: 0; } .c-product-reviews__inner .feefowidget-viewport-tablet-mobile .feefowidget-merchant-header-popover-wrap { padding-right: 0 !important; } .c-product-reviews__inner .feefowidget-viewport-tablet-mobile .feefowidget-merchant-header-popover-wrap feefowidget-rating-stars .feefowidget-rating-container { left: 50%; position: absolute; transform: translateX(-50%); } .c-product-reviews__inner .feefowidget-viewport-tablet-mobile .feefowidget-merchant-header-popover-wrap feefowidget-rating-dropdown .feefowidget-rating-values { display: block; margin: 0.625rem auto 0; } @media only screen and (min-width: 64em) { .c-product-reviews__inner .feefowidget-viewport-tablet-mobile .feefowidget-merchant-header-popover-wrap feefowidget-rating-dropdown .feefowidget-rating-values { margin: 0 auto; } } /** * PRODUCT-ROW **/ .c-product-row { display: flex; flex-wrap: wrap; flex-direction: column; margin-bottom: 0.625rem; } @media only screen and (min-width: 64em) { .c-product-row { flex-direction: row; } } .c-product-row.inline { flex-direction: row; } .c-product-row.stack { flex-direction: column; } .c-product-row #product_total_price { display: block; padding-top: 1.1875rem; } .c-product-row #product_total_price span { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; } .c-product-row #product_total_price span.price { margin-top: -0.1875rem; font-size: 2.5625rem; line-height: 3rem; font-weight: 900; font-family: Dubai, sans-serif; display: block; } .c-product-row .woocommerce-product-details__short-description ul li, .c-product-row .woocommerce-product-details__short-description ul li a, .c-product-row .woocommerce-product-details__short-description p, .c-product-row .woocommerce-variation ul li, .c-product-row .woocommerce-variation ul li a, .c-product-row .woocommerce-variation p { font-size: 0.875rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; color: #FFFFFF; margin-bottom: 0.375rem; } .c-product-row .woocommerce-product-details__short-description ul, .c-product-row .woocommerce-variation ul { margin: 0; } .c-product-row .woocommerce-product-details__short-description ul li, .c-product-row .woocommerce-variation ul li { list-style-type: none; background-position: 0 50%; background-repeat: no-repeat; background-size: 0.3125rem; padding-left: 0.625rem; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0uODMyLjQxNEwzLjg0MyAzLjk1LjgzMyA3LjQ4NSIgc3Ryb2tlPSIjQ0FBQTg5IiBzdHJva2Utd2lkdGg9Ii41IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); } .c-product-row .woocommerce-product-details__short-description ul li a:hover, .c-product-row .woocommerce-variation ul li a:hover { text-decoration: underline; } @media only screen and (min-width: 64em) { .c-product-row__half { width: 50%; } } .c-product-row__subheading { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; margin-bottom: 1rem; } /** * PRODUCT-SUMMARY **/ .c-product-summary { color: #FFFFFF; background-color: #38383D; position: relative; } .c-product-summary .c-product-meta { display: none; } @media only screen and (min-width: 64em) { .c-product-summary .c-product-icons { transform: translateY(calc(-100% + 20px)); position: absolute; right: 0; top: 0; } } .c-product-summary .c-product-icons__list { justify-content: flex-start; } @media only screen and (min-width: 64em) { .c-product-summary .c-product-icons__list { justify-content: flex-end; } } .c-product-summary > .c-product-row { padding-bottom: 0.625rem; margin-bottom: 0.625rem; border-bottom: 0.125rem solid #ff6712; } .c-product-summary #woo-free-sample-button { display: none !important; } .c-product-summary .woo-free-sample-button { display: none !important; } .product_cat-editions .c-product-summary .woo-free-sample-button, .product_cat-editions-classic .c-product-summary .woo-free-sample-button, .product_cat-editions-essential .c-product-summary .woo-free-sample-button, .product_cat-editions-tile .c-product-summary .woo-free-sample-button, .product_cat-editions-herringbone .c-product-summary .woo-free-sample-button, .product_cat-excel .c-product-summary .woo-free-sample-button, .product_cat-excel-classic .c-product-summary .woo-free-sample-button, .product_cat-excel-longplank .c-product-summary .woo-free-sample-button { display: block !important; } .woocommerce div.product .c-product-summary { padding: 0.9375rem 1.25rem; } @media only screen and (min-width: 64em) { .woocommerce div.product .c-product-summary { padding: 1.75rem 1.25rem 0.9375rem 6.25rem; } } .woocommerce div.product .c-product-summary p.price, .woocommerce div.product .c-product-summary span.price { color: #FFFFFF; } .woocommerce div.product .c-product-summary form.cart.variations_form { margin-bottom: 0; } .woocommerce div.product .c-product-summary form.cart .button { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); height: 4.0625rem; line-height: 3.8125rem; background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #ff6712; margin: 0 0 0.75rem; } @media only screen and (min-width: 64em) { .woocommerce div.product .c-product-summary form.cart .button { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .woocommerce div.product .c-product-summary form.cart .button { line-height: 2.625rem; } } @media only screen and (min-width: 64em) { .woocommerce div.product .c-product-summary form.cart .button { height: 4.0625rem; line-height: 3.8125rem; } } .woocommerce div.product .c-product-summary form.cart .button:hover { background-position: calc(100% - 12px) 50%; } .woocommerce div.product .c-product-summary form.cart .button:hover { background-color: #e85300; color: #FFFFFF; } .woocommerce div.product .c-product-summary form.cart .woo-free-sample-button { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); height: 4.0625rem; line-height: 3.8125rem; background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #ff6712; margin-left: 0; margin-top: 0; border-color: #ff6712; background-color: transparent; } @media only screen and (min-width: 64em) { .woocommerce div.product .c-product-summary form.cart .woo-free-sample-button { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .woocommerce div.product .c-product-summary form.cart .woo-free-sample-button { line-height: 2.625rem; } } @media only screen and (min-width: 64em) { .woocommerce div.product .c-product-summary form.cart .woo-free-sample-button { height: 4.0625rem; line-height: 3.8125rem; } } .woocommerce div.product .c-product-summary form.cart .woo-free-sample-button:hover { background-position: calc(100% - 12px) 50%; } .woocommerce div.product .c-product-summary form.cart .woo-free-sample-button:hover { background-color: #e85300; color: #FFFFFF; } .woocommerce div.product .c-product-summary form.cart .woo-free-sample-button:hover { border-color: #e85300; } .woocommerce div.product .c-product-summary form.cart .added_to_cart.wc-forward { display: none; } .woocommerce div.product .c-product-summary form.cart .variations tbody, .woocommerce div.product .c-product-summary form.cart .variations tfoot, .woocommerce div.product .c-product-summary form.cart .variations thead { background-color: transparent; border: none; } .woocommerce div.product .c-product-summary form.cart .variations tbody td.label, .woocommerce div.product .c-product-summary form.cart .variations tfoot td.label, .woocommerce div.product .c-product-summary form.cart .variations thead td.label { display: none; } .woocommerce div.product .c-product-summary form.cart .variations .select_option { opacity: 1; border: none; margin-right: 0.375rem; } .woocommerce div.product .c-product-summary form.cart .variations .select_option .yith_wccl_value { width: auto; height: auto; line-height: 1; padding: 0.375rem 0.625rem; border-width: 0.125rem; } .woocommerce div.product .c-product-summary form.cart .variations .select_option.selected { opacity: 1; } .woocommerce div.product .c-product-summary form.cart .variations .select_option.selected .yith_wccl_value { color: #0a0a0a; background-color: #FFFFFF; } .woocommerce div.product .c-product-summary form.cart .variations .reset_variations { color: #FFFFFF; text-decoration: underline; } .woocommerce div.product .c-product-summary form.cart .single_variation_wrap > .c-product-row { margin-bottom: 2rem; } @media only screen and (min-width: 64em) { .woocommerce div.product .c-product-summary form.cart .single_variation_wrap .c-product-row .woocommerce-variation { width: 50%; order: 2; } } .woocommerce div.product .c-product-summary form.cart .single_variation_wrap .c-product-row .woocommerce-variation p { font-size: 0.875rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .woocommerce div.product .c-product-summary form.cart .single_variation_wrap .c-product-row .c-product-row__half { order: 1; } } .woocommerce div.product .c-product-summary form.cart .single_variation_wrap .c-product-row .woocommerce-variation-add-to-cart { width: 100%; } @media only screen and (min-width: 64em) { .woocommerce div.product .c-product-summary form.cart .single_variation_wrap .c-product-row .woocommerce-variation-add-to-cart { order: 3; } } /** * PRODUCT-TABS **/ .c-product-tabs { width: 100%; display: flex; justify-content: center; border-bottom: 0.0625rem solid #38383D; margin-bottom: 3rem; } @media only screen and (min-width: 64em) { .c-product-tabs { margin-bottom: 3.75rem; } } .c-product-tabs__inner { display: flex; flex-direction: column; } @media only screen and (min-width: 64em) { .c-product-tabs__inner { flex-direction: row; } } .c-product-tabs__item { padding: 0.625rem 1.25rem; border: 0.0625rem solid #38383D; border-bottom: none; margin: 0 0.3125rem; text-align: center; } .c-product-tabs__item a { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; color: #38383D; } @media only screen and (min-width: 64em) { .c-product-tabs__item a { font-size: 1.375rem; line-height: 1.5625rem; } } .c-product-tabs__item:nth-of-type(1) { background-color: #38383D; } .c-product-tabs__item:nth-of-type(1) a { color: #FFFFFF; } /** * PRODUCT-TABLE **/ .c-product-table__row { display: flex; flex-wrap: wrap; justify-content: space-between; } .c-product-table__row:not(:last-child) { border-bottom: 0.125rem solid #FFFFFF; margin-bottom: 0.5rem; padding-bottom: 0.5rem; } .c-product-table__text { margin-bottom: 0; } .c-product-table__text, .c-product-table__text span { font-size: 0.875rem; line-height: 1rem; font-weight: 500; font-family: Dubai, sans-serif; } .c-product-table__column:nth-of-type(1) { flex-grow: 1; } .c-product-table__column:nth-of-type(1) .c-product-table__text { display: flex; flex-wrap: wrap; padding-right: 1.6875rem; } .c-product-table__column:nth-of-type(1) .c-product-table__text span { display: inline-block; } .c-product-table__column:nth-of-type(1) .c-product-table__text span:nth-of-type(1), .c-product-table__column:nth-of-type(1) .c-product-table__text span:last-child { min-width: 2.5rem; } .c-product-table__column:nth-of-type(1) .c-product-table__text span + span { margin-left: 0.5rem; } .c-product-table__column span { display: inline-block; } /** * PRODUCT-TITLE **/ .c-product-title { font-size: 2.5625rem; line-height: 3rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 0; } @media only screen and (min-width: 64em) { .c-product-title { font-size: 3.5rem; line-height: 4.125rem; } } @media only screen and (min-width: 64em) { .c-product-title { max-width: calc(100% - 200px); } } /** * PRODUCT-RELATED **/ @media only screen and (min-width: 64em) { .woocommerce .c-products-related ul.products.columns-3 .c-product.product, .woocommerce-page .c-products-related ul.products.columns-3 .c-product.product, .woocommerce .c-products-related ul.products.columns-6 .c-product.product, .woocommerce-page .c-products-related ul.products.columns-6 .c-product.product { width: calc(33.3333% - 18px); } } @media only screen and (min-width: 64em) { .woocommerce .c-products-related ul.products.columns-3 .c-product.product:not(.last), .woocommerce .c-products-related ul.products.columns-3 .c-product.product:not(:nth-of-type(3n+3)), .woocommerce-page .c-products-related ul.products.columns-3 .c-product.product:not(.last), .woocommerce-page .c-products-related ul.products.columns-3 .c-product.product:not(:nth-of-type(3n+3)), .woocommerce .c-products-related ul.products.columns-6 .c-product.product:not(.last), .woocommerce .c-products-related ul.products.columns-6 .c-product.product:not(:nth-of-type(3n+3)), .woocommerce-page .c-products-related ul.products.columns-6 .c-product.product:not(.last), .woocommerce-page .c-products-related ul.products.columns-6 .c-product.product:not(:nth-of-type(3n+3)) { margin: 0 1.5625rem 1.5625rem 0; } } @media only screen and (min-width: 64em) { .woocommerce .c-products-related ul.products.columns-3 .c-product.product:nth-of-type(3n+3), .woocommerce-page .c-products-related ul.products.columns-3 .c-product.product:nth-of-type(3n+3), .woocommerce .c-products-related ul.products.columns-6 .c-product.product:nth-of-type(3n+3), .woocommerce-page .c-products-related ul.products.columns-6 .c-product.product:nth-of-type(3n+3) { margin: 0; } } .c-products-related__heading { font-size: 2.5625rem; line-height: 3rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 1.375rem; } .c-products-related__preheading { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; margin-bottom: 0; } .woocommerce .c-products-related .c-product.product a img { margin: 0; } .woocommerce .c-products-related .c-product.product .c-product__row { display: flex; flex-wrap: wrap; } .woocommerce .c-products-related .c-product.product .c-product__column .woocommerce-loop-product__title a, .woocommerce .c-products-related .c-product.product .c-product__column .price { color: #38383D; transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); } .woocommerce .c-products-related .c-product.product .c-product__column .woocommerce-loop-product__title a a, .woocommerce .c-products-related .c-product.product .c-product__column .price a { color: #38383D; } .woocommerce .c-products-related .c-product.product .c-product__column .woocommerce-loop-product__title a:hover, .woocommerce .c-products-related .c-product.product .c-product__column .price:hover { opacity: .75; } .woocommerce .c-products-related .c-product.product .c-product__column .price { font-size: 1.25rem; line-height: 1.375rem; font-weight: 700; font-family: Dubai, sans-serif; } @media only screen and (max-width: 63.9375em) { .woocommerce .c-products-related .c-product.product .c-product__column .price { font-size: 0.875rem; line-height: 1.25; } } .woocommerce .c-products-related .c-product.product .c-product__column .woocommerce-loop-product__title a { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .woocommerce .c-products-related .c-product.product .c-product__column .woocommerce-loop-product__title a { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .woocommerce .c-products-related .c-product.product .c-product__column .woocommerce-loop-product__title a { min-height: 4.375rem; } } @media only screen and (max-width: 63.9375em) { .woocommerce .c-products-related .c-product.product .c-product__column .woocommerce-loop-product__title a { font-size: 0.875rem; line-height: 1.25; } } .woocommerce .c-products-related .c-product.product .c-product__column .price { margin-bottom: 0; } .woocommerce .c-products-related .c-product.product .c-product__column .c-product__brand-logo { display: none; } .woocommerce .c-products-related .c-product.product .c-product__column:nth-of-type(1) { width: 9.4375rem; } .woocommerce .c-products-related .c-product.product .c-product__column:nth-of-type(1) .woocommerce-loop-product__link:before { top: 0.625rem; right: 0.625rem; left: 0.625rem; bottom: -0.625rem; } .woocommerce .c-products-related .c-product.product .c-product__column:nth-of-type(1) .woocommerce-loop-product__link img { margin-bottom: 0; } .woocommerce .c-products-related .c-product.product .c-product__column:nth-of-type(2) { background-color: #F7F7F7; padding: 0.625rem; } @media only screen and (min-width: 64em) { .woocommerce .c-products-related .c-product.product .c-product__column:nth-of-type(2) { width: calc(100% - 9.4375rem); padding: 0.625rem 1.25rem; } } .woocommerce .c-products-related .c-product.product .c-product__column .button { display: none; } /** * SEARCH-RESULTS **/ .c-search-results { padding-top: 1.5rem; } @media only screen and (min-width: 64em) { .c-search-results { padding-top: 2.5rem; } } .c-search-results__preheading { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .c-search-results__preheading { font-size: 1.375rem; line-height: 1.5625rem; } } .c-search-results__heading { font-size: 2.5625rem; line-height: 3rem; font-weight: 900; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .c-search-results__heading { font-size: 3.5rem; line-height: 4.125rem; } } .c-search-results__list { margin: 0; } .c-search-results__item { list-style-type: none; display: flex; flex-wrap: wrap; flex-direction: column; } @media only screen and (min-width: 64em) { .c-search-results__item { flex-direction: row; } } .c-search-results__item:not(:last-child) { margin-bottom: 2rem; } @media only screen and (min-width: 64em) { .c-search-results__item:not(:last-child) { margin-bottom: 3.75rem; } } .c-search-results__navigation { text-align: center; width: 100%; padding-top: 2.5rem; margin-bottom: 2.5rem; } .c-search-results__navigation .page-numbers { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; width: 2.1875rem; height: 2.1875rem; line-height: 2.1875rem; background-color: #38383D; border-radius: 50%; color: #FFFFFF; display: inline-block; } @media only screen and (min-width: 64em) { .c-search-results__navigation .page-numbers { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .c-search-results__navigation .page-numbers { line-height: 2.1875rem; } } .c-search-results__background { width: 100%; margin: 0 0 1.5rem; } @media only screen and (min-width: 64em) { .c-search-results__background { width: 12.5rem; margin: 0 2.5rem 0 0; } } .c-search-results__content { width: 100%; margin: 0; } @media only screen and (min-width: 64em) { .c-search-results__content { width: calc(100% - 15rem); flex-grow: 1; } } .c-search-results__content .c-search-results__title:not(:last-child) { margin-bottom: 1rem; } .c-search-results__content .c-search-results__title, .c-search-results__content .c-search-results__title a { font-size: 1.5rem; line-height: 1.75rem; font-weight: 900; font-family: Dubai, sans-serif; color: #0a0a0a; } .c-search-results__content .c-search-results__text { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 400; font-family: Dubai, sans-serif; } .c-search-results__content .c-search-results__text:not(:last-child) { margin-bottom: 1.5rem; } /** * SINGLE **/ .c-single { max-width: 65rem; margin: 0 auto 3.75rem; } .c-single__image { margin-bottom: 0.625rem; } .c-single__heading { font-size: 2.5625rem; line-height: 3rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 1.25rem; } .c-single__meta { display: flex; flex-wrap: wrap; flex-direction: column; margin-bottom: 2rem; } @media only screen and (min-width: 64em) { .c-single__meta { width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } } .c-single__meta span + span { margin-left: 0.75rem; } .c-single__meta p:last-child { margin-bottom: 0; } @media only screen and (min-width: 64em) { .c-single__content { -moz-column-count: 2; column-count: 2; -moz-column-gap: 2rem; column-gap: 2rem; } } .c-single__content > * { -moz-column-break-inside: avoid; break-inside: avoid; } .c-single__content p:last-child { margin-bottom: 0; } .c-single__content h2, .c-single__content h3, .c-single__content h4, .c-single__content h5, .c-single__content h6 { padding-top: 0.875rem; margin-bottom: 1.875rem; } .c-single__content h2 { font-size: 1.5rem; line-height: 1.75rem; font-weight: 900; font-family: Dubai, sans-serif; } .c-single__content h3 { font-size: 1.25rem; line-height: 1.375rem; font-weight: 900; font-family: Dubai, sans-serif; } .c-single__content h4, .c-single__content h5, .c-single__content h6 { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 900; font-family: Dubai, sans-serif; } .c-single .c-social-icons__icon { margin: 0 0.5rem; } @media only screen and (min-width: 64em) { .c-single .c-social-icons__icon { margin: 0 0 0 1rem; } } .c-single .c-social-icons__icon svg { fill: #26262D; } /** * SINGLE-PRODUCT **/ .single-product #product-summary, .single-product #product-specification, .single-product #ywqa-questions-and-answers { padding-top: 6.25rem; margin-top: -6.25rem; } .woocommerce .c-single-product.product form.cart button { width: 100%; } .woocommerce .c-single-product.product form.cart .quantity-wrapper, .woocommerce .c-single-product.product form.cart .add-to-cart-wrapper { display: flex; } .woocommerce .c-single-product.product form.cart .quantity-wrapper { align-items: center; } .woocommerce .c-single-product.product form.cart .add-to-cart-wrapper { flex-direction: column; } .woocommerce .c-single-product.product form.cart .quantity-wrapper + .single_add_to_cart_button { margin-left: 1.5rem; } .woocommerce .c-single-product.product form.cart div.quantity { float: none; display: flex; margin-left: 0; display: inline-block; max-width: 10rem; } .woocommerce .c-single-product.product form.cart div.quantity .qty { margin: 0 0.25rem; height: 2rem; width: 2rem; text-align: center; box-shadow: none; border: none; border: 0.0625rem solid #38383D; } .woocommerce .c-single-product.product form.cart div.quantity .qty::-webkit-outer-spin-button, .woocommerce .c-single-product.product form.cart div.quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } @media only screen and (min-width: 64em) { .woocommerce .c-single-product.product form.cart div.quantity { margin-bottom: 1rem; } } .woocommerce .c-single-product.product form.cart div.quantity .quantity-inner { display: flex; flex-wrap: wrap; } .woocommerce .c-single-product.product form.cart div.quantity .quantity-inner .minus, .woocommerce .c-single-product.product form.cart div.quantity .quantity-inner .plus { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; margin: 0; height: 2rem; width: 2rem; box-shadow: none; border: 0.0625rem solid #38383D; background-color: #38383D; color: #FFFFFF; cursor: pointer; transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); height: 3.125rem; width: 3.125rem; font-size: 1.5rem; background-color: #ff6712; border-color: #ff6712; } @media only screen and (min-width: 64em) { .woocommerce .c-single-product.product form.cart div.quantity .quantity-inner .minus, .woocommerce .c-single-product.product form.cart div.quantity .quantity-inner .plus { font-size: 1.25rem; line-height: 1.375rem; } } .woocommerce .c-single-product.product form.cart div.quantity .quantity-inner .minus:hover, .woocommerce .c-single-product.product form.cart div.quantity .quantity-inner .plus:hover { background-color: #505058; border: 0.0625rem solid #505058; color: #FFFFFF; } @media only screen and (min-width: 64em) { .woocommerce .c-single-product.product form.cart div.quantity .quantity-inner .minus, .woocommerce .c-single-product.product form.cart div.quantity .quantity-inner .plus { font-size: 1.5rem; height: 3rem; width: 2.5rem; } } .woocommerce .c-single-product.product form.cart div.quantity .quantity-inner .minus:hover, .woocommerce .c-single-product.product form.cart div.quantity .quantity-inner .plus:hover { background-color: #ff6712; border-color: #ff6712; } .woocommerce .c-single-product.product form.cart div.quantity .qty-label { display: block; text-align: center; font-size: 0.875rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; margin-top: 0.3125rem; } .woocommerce .c-single-product.product form.cart div.quantity .qty { border: 0.125rem solid #ff6712; height: 3.125rem; width: 3.75rem; margin: 0; } /** * SOCIAL-ICONS **/ .c-social-icons__list { display: flex; flex-wrap: wrap; justify-content: center; margin: 0.75rem 0; } @media only screen and (min-width: 64em) { .c-social-icons__list { justify-content: flex-start; margin: 0; } } .c-social-icons__icon { height: 1.6875rem; margin: 0.5rem; } @media only screen and (min-width: 64em) { .c-social-icons__icon { margin: 0 1.6875rem 0 0; } } .c-social-icons__icon svg { fill: #ff6712; width: auto; height: 100%; } .c-social-icons__icon svg:hover { fill: #ff772c; } /** * TABLE **/ .c-table table { margin-bottom: 0; } .c-table table:only-child { margin-bottom: 1.5rem; } .c-table table:not(:only-child):not(:last-child) { border-bottom: none !important; } .c-table table + .woocommerce-product-attributes.shop_attributes { border-top: 0 !important; } .c-table table, .c-table table.woocommerce-product-attributes.shop_attributes { border: 0.0625rem solid #38383D; } .c-table table tbody, .c-table table tbody tr, .c-table table thead, .c-table table.woocommerce-product-attributes.shop_attributes tbody, .c-table table.woocommerce-product-attributes.shop_attributes tbody tr, .c-table table.woocommerce-product-attributes.shop_attributes thead { border: none; } .c-table table thead, .c-table table.woocommerce-product-attributes.shop_attributes thead { background: #FFFFFF; } .c-table table thead tr td, .c-table table.woocommerce-product-attributes.shop_attributes thead tr td { padding: 0.625rem; font-size: 1.25rem; line-height: 1.375rem; font-weight: 900; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .c-table table thead tr td, .c-table table.woocommerce-product-attributes.shop_attributes thead tr td { padding: 1.875rem; } } .c-table table tbody, .c-table table.woocommerce-product-attributes.shop_attributes tbody { background: #F7F7F7; } .c-table table tbody tr:nth-child(even), .c-table table.woocommerce-product-attributes.shop_attributes tbody tr:nth-child(even) { background-color: transparent; } .c-table table tbody tr:nth-of-type(1) td, .c-table table tbody tr:nth-of-type(1) th, .c-table table.woocommerce-product-attributes.shop_attributes tbody tr:nth-of-type(1) td, .c-table table.woocommerce-product-attributes.shop_attributes tbody tr:nth-of-type(1) th { padding-top: 1.25rem; } @media only screen and (min-width: 64em) { .c-table table tbody tr:nth-of-type(1) td, .c-table table tbody tr:nth-of-type(1) th, .c-table table.woocommerce-product-attributes.shop_attributes tbody tr:nth-of-type(1) td, .c-table table.woocommerce-product-attributes.shop_attributes tbody tr:nth-of-type(1) th { padding-top: 1.875rem; } } .c-table table tbody tr:not(:last-child), .c-table table.woocommerce-product-attributes.shop_attributes tbody tr:not(:last-child) { border-bottom: 0.0625rem solid #38383D; } .c-table table tbody tr:last-child td, .c-table table.woocommerce-product-attributes.shop_attributes tbody tr:last-child td { padding-bottom: 1.25rem; } @media only screen and (min-width: 64em) { .c-table table tbody tr:last-child td, .c-table table.woocommerce-product-attributes.shop_attributes tbody tr:last-child td { padding-bottom: 1.875rem; } } .c-table table tr, .c-table table.woocommerce-product-attributes.shop_attributes tr { border-bottom: none; } .c-table table tr td, .c-table table.woocommerce-product-attributes.shop_attributes tr td { border: none; padding: 0.625rem; } @media only screen and (min-width: 64em) { .c-table table tr td, .c-table table.woocommerce-product-attributes.shop_attributes tr td { padding: 1rem 1.875rem; } } .c-table table tr td:first-of-type, .c-table table.woocommerce-product-attributes.shop_attributes tr td:first-of-type { border-right: none; } .c-table table tr td, .c-table table tr th, .c-table table.woocommerce-product-attributes.shop_attributes tr td, .c-table table.woocommerce-product-attributes.shop_attributes tr th { width: 50%; } .c-table table.sku-attributes thead tr td, .c-table table.sku-attributes thead tr th { padding: 1.25rem !important; } .c-table table.sku-attributes tbody tr:nth-of-type(1) td, .c-table table.sku-attributes tbody tr:nth-of-type(1) th { padding: 1.875rem 1.25rem 1.25rem !important; } .c-table table.woocommerce-product-attributes.shop_attributes tbody tr { background-color: #F7F7F7; } .c-table table.woocommerce-product-attributes.shop_attributes tbody tr:nth-child(even) { background-color: #F7F7F7; } .c-table table.woocommerce-product-attributes.shop_attributes tbody tr:not(:last-child) { border-bottom: none; } .c-table table.woocommerce-product-attributes.shop_attributes tbody tr th, .c-table table.woocommerce-product-attributes.shop_attributes tbody tr td { padding: 0.625rem; font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; background-color: #F7F7F7; border: none; } @media only screen and (min-width: 64em) { .c-table table.woocommerce-product-attributes.shop_attributes tbody tr th, .c-table table.woocommerce-product-attributes.shop_attributes tbody tr td { padding: 0 1.25rem 1.25rem; } } .c-table table.woocommerce-product-attributes.shop_attributes tbody tr:nth-of-type(1) td, .c-table table.woocommerce-product-attributes.shop_attributes tbody tr:nth-of-type(1) th { padding-top: 0; } .c-table table.woocommerce-product-attributes.shop_attributes tbody tr th { text-align: left; } .c-table table.woocommerce-product-attributes.shop_attributes tbody tr td { min-width: 0; font-style: normal; } .c-table table.woocommerce-product-attributes.shop_attributes tbody tr p { padding: 0; } .c-table table.woocommerce-product-attributes.shop_attributes tbody tr p a { text-decoration: none; pointer-events: none; } /** * TEXT **/ .c-text table { border: 0.0625rem solid #38383D; } .c-text table tbody, .c-text table tbody tr, .c-text table thead { border: none; } .c-text table thead { background: #FFFFFF; } .c-text table thead tr td { padding: 0.625rem; font-size: 1.25rem; line-height: 1.375rem; font-weight: 900; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .c-text table thead tr td { padding: 1.875rem; } } .c-text table tbody { background: #F7F7F7; } .c-text table tbody tr:nth-child(even) { background-color: transparent; } .c-text table tbody tr:nth-of-type(1) td, .c-text table tbody tr:nth-of-type(1) th { padding-top: 1.25rem; } @media only screen and (min-width: 64em) { .c-text table tbody tr:nth-of-type(1) td, .c-text table tbody tr:nth-of-type(1) th { padding-top: 1.875rem; } } .c-text table tbody tr:not(:last-child) { border-bottom: 0.0625rem solid #38383D; } .c-text table tbody tr:last-child td { padding-bottom: 1.25rem; } @media only screen and (min-width: 64em) { .c-text table tbody tr:last-child td { padding-bottom: 1.875rem; } } .c-text table tr { border-bottom: none; } .c-text table tr td { border: none; padding: 0.625rem; } @media only screen and (min-width: 64em) { .c-text table tr td { padding: 1rem 1.875rem; } } .c-text table tr td:first-of-type { border-right: none; } .c-text table tr td, .c-text table tr th { width: 50%; } .c-text table tbody tr td { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; padding: 0.5rem 0 0.5rem 0.5rem; width: auto !important; font-size: 0.5rem; } @media only screen and (min-width: 64em) { .c-text table tbody tr td { font-size: 1rem; padding: 1rem 0 1rem 1rem; } } .c-text table tbody tr:nth-of-type(1) { background: #FFFFFF; } .c-text table tbody tr:nth-of-type(1) td { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; font-size: 0.625rem; padding: 0.5rem 0 0.5rem 0.5rem; } @media only screen and (min-width: 64em) { .c-text table tbody tr:nth-of-type(1) td { font-size: 1rem; padding: 1.375rem 0 1.375rem 1rem; } } .c-text table tbody tr:nth-of-type(2) td { padding-top: 0.75rem; } @media only screen and (min-width: 64em) { .c-text table tbody tr:nth-of-type(2) td { padding-top: 1.5625rem; } } .c-text table tbody tr:last-child td { padding-bottom: 0.75rem; } @media only screen and (min-width: 64em) { .c-text table tbody tr:last-child td { padding-bottom: 1.5625rem; } } .c-text__heading { font-size: 2.25rem; line-height: 2.625rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 1.875rem; } @media only screen and (min-width: 64em) { .c-text__heading { font-size: 2.25rem; line-height: 2.625rem; } } .c-text__content h2, .c-text__content h3, .c-text__content h4, .c-text__content h5, .c-text__content h6 { margin-bottom: 1.25rem; padding-top: 1.25rem; } .c-text__content h2 { font-size: 2.25rem; line-height: 2.625rem; font-weight: 900; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .c-text__content h2 { font-size: 2.25rem; line-height: 2.625rem; } } .c-text__content h3 { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .c-text__content h3 { font-size: 1.375rem; line-height: 1.5625rem; } } .c-text__content h4 { font-size: 1.25rem; line-height: 1.375rem; font-weight: 900; font-family: Dubai, sans-serif; } .c-text__content h5 { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 900; font-family: Dubai, sans-serif; } .c-text__content h5 { font-size: 1rem; line-height: 1.1875rem; font-weight: 900; font-family: Dubai, sans-serif; } .c-text__content p a, .c-text__content span a { color: #0a0a0a; text-decoration: underline; } .c-text__content p { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; } .c-text__content p > img { margin-bottom: 1.75rem; } .c-text__content p b, .c-text__content p strong { font-size: 1.25rem; line-height: 1.375rem; font-weight: 900; font-family: Dubai, sans-serif; display: block; margin-bottom: -0.5rem; } .c-text__content p.email-address, .c-text__content p.address, .c-text__content p.opening-hours, .c-text__content p.phone-number { padding-left: 1.6875rem; background-repeat: no-repeat; background-position: 0 0; background-size: 1.375rem auto; } .c-text__content p.email-address + p, .c-text__content p.address + p, .c-text__content p.opening-hours + p, .c-text__content p.phone-number + p { padding-left: 1.6875rem; } .c-text__content p.email-address { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIHN0cm9rZT0iI0M0QUI4QyIgY3g9IjExIiBjeT0iMTEiIHI9IjExIi8+PHBhdGggZD0iTTUuNDI5IDdIMTYuNTdjLjIzNyAwIC40MjkuMTYyLjQyOS4zNjR2Ny4yNzJjMCAuMjAyLS4xOTIuMzY0LS40MjkuMzY0SDUuNDNDNS4xOTIgMTUgNSAxNC44MzggNSAxNC42MzZWNy4zNjRDNSA3LjE2MiA1LjE5MiA3IDUuNDI5IDd6bS41MzUgMS4yNnY1LjkyMmgxMC4wNzJWOC4yNTlsLjM3LS4yNDQtLjUyNy0uNTc0LS41NzMuMzc4SDYuNjkzbC0uNTczLS4zNzgtLjUyNy41NzQuMzcxLjI0NHptLjcyOS0uNDQyTDExIDEwLjY2bDQuMzA3LTIuODQuNTczLS4zOC41MjcuNTc1LS4zNy4yNDQtNC41NzUgMy4wMThhLjg1OC44NTggMCAwMS0uOTIgMEw1Ljk2NCA4LjI2bC0uMzctLjI0NC41MjctLjU3NC41NzIuMzc3eiIgZmlsbD0iIzM4MzgzRCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg=="); } .c-text__content p.address { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIHN0cm9rZT0iI0M0QUI4QyIgY3g9IjExIiBjeT0iMTEiIHI9IjExIi8+PHBhdGggZD0iTTExIDcuODg5Yy0xLjE4MyAwLTIuMTQzLjk3LTIuMTQzIDIuMTY3IDAgMS4xOTYuOTYgMi4xNjYgMi4xNDMgMi4xNjYgMS4xODMgMCAyLjE0My0uOTcgMi4xNDMtMi4xNjYtLjAwMS0xLjE5Ny0uOTYtMi4xNjYtMi4xNDMtMi4xNjd6bTAgMy44NTJjLS45MiAwLTEuNjY3LS43NTUtMS42NjctMS42ODUgMC0uOTMxLjc0Ny0xLjY4NiAxLjY2Ny0xLjY4NnMxLjY2Ny43NTUgMS42NjcgMS42ODZBMS42NzggMS42NzggMCAwMTExIDExLjc0ek0xMSA1Yy0yLjc2LjAwMy00Ljk5NyAyLjI2NS01IDUuMDU2IDAgMS44My44NDMgMy43NzkgMi40NCA1LjYzNGExNC45NTMgMTQuOTUzIDAgMDAyLjQyMyAyLjI2Ni4yMzYuMjM2IDAgMDAuMjc0IDAgMTQuOTUzIDE0Ljk1MyAwIDAwMi40MjQtMi4yNjZDMTUuMTU2IDEzLjgzNSAxNiAxMS44ODYgMTYgMTAuMDU2IDE1Ljk5NyA3LjI2NSAxMy43NiA1LjAwMyAxMSA1em0yLjIwOSAxMC4zNjZBMTUuMTkgMTUuMTkgMCAwMTExIDE3LjQ2YTE1LjE5IDE1LjE5IDAgMDEtMi4yMDktMi4wOTRjLTEuMDU2LTEuMjMtMi4zMTUtMy4xNS0yLjMxNS01LjMxQzYuNDc2IDcuNTI5IDguNTAyIDUuNDggMTEgNS40OHM0LjUyNCAyLjA0OCA0LjUyNCA0LjU3NWMwIDIuMTYtMS4yNiA0LjA4LTIuMzE1IDUuMzFoMHoiIHN0cm9rZT0iIzM4MzgzRCIgZmlsbD0iIzM4MzgzRCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg=="); } .c-text__content p.opening-hours { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSIxMSIgc3Ryb2tlPSIjQzRBQjhDIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIi8+PGcgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMTIgNmE2IDYgMCAxMDAgMTIgNiA2IDAgMDAwLTEyem0wIDEwLjk4MmE0Ljk4MyA0Ljk4MyAwIDExLjAwMi05Ljk2NkE0Ljk4MyA0Ljk4MyAwIDAxMTIgMTYuOTgyeiIvPjxwYXRoIGQ9Ik0xMS45MTYgMTIuMVY5LjA5N2MwLS4wNTMtLjA1Mi0uMDk3LS4xMTUtLjA5N2gtLjY4N2MtLjA2MyAwLS4xMTQuMDQ0LS4xMTQuMDk3djMuMzQyYzAgLjAzMi4wMTcuMDYuMDQ3LjA3OWwyLjM2MyAxLjQ2M2EuMTMuMTMgMCAwMC4xNi0uMDJsLjQwOC0uNDczYy4wMzctLjA0NS4wMjYtLjEwNi0uMDI2LS4xMzZMMTEuOTE2IDEyLjF6Ii8+PC9nPjwvZz48L3N2Zz4="); } .c-text__content p.phone-number { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIHN0cm9rZT0iI0M0QUI4QyIgY3g9IjExIiBjeT0iMTEiIHI9IjExIi8+PHBhdGggZD0iTTE1LjYxNiAxN2gtLjA3OUM2LjQ3MiAxNi40NzggNS4xODQgOC44MjYgNS4wMDQgNi40OUExLjM4NSAxLjM4NSAwIDAxNi4yNzggNUg4LjgyYy4zNzggMCAuNzE4LjIzLjg1OC41ODJsLjcwMSAxLjcyNmEuOTIzLjkyMyAwIDAxLS4yMDMuOTk3bC0uOTgyLjk5MmE0LjMyNCA0LjMyNCAwIDAwMy40OTcgMy41MDhsMS4wMDEtLjk5M2EuOTIyLjkyMiAwIDAxMS4wMDEtLjE4OWwxLjc0LjY5N2MuMzQ1LjE0NC41Ny40ODQuNTY3Ljg1OHYyLjQzN0MxNyAxNi4zOCAxNi4zOCAxNyAxNS42MTYgMTd6TTYuNDU1IDZBLjQ1NS40NTUgMCAwMDYgNi40NTV2LjAzNmMuMjEgMi42OSAxLjU1IDkuMDU0IDkuNTE4IDkuNTA4YS40NTUuNDU1IDAgMDAuNDgyLS40Mjd2LTIuNDI3bC0xLjcxNC0uNjg2LTEuMzA0IDEuMjk1LS4yMTgtLjAyN2MtMy45NTUtLjQ5Ni00LjQ5MS00LjQ1LTQuNDkxLTQuNDlsLS4wMjgtLjIyIDEuMjkxLTEuMzA0TDguODU1IDZoLTIuNHoiIGZpbGw9IiMzODM4M0QiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4="); } /** * TEXT--ALIGN-CENTRE **/ @media only screen and (max-width: 63.9375em) { .c-text--align-centre .c-text__content { text-align: left; } } /** * TEXT--HERO **/ .c-text--hero { max-width: 48.4375rem; margin: 0 auto; padding-top: 3.75rem; } .c-text--hero .c-text__heading { font-size: 2.5625rem; line-height: 3rem; font-weight: 900; font-family: Dubai, sans-serif; position: relative; padding-bottom: 0.625rem; margin-bottom: 1.25rem; } @media only screen and (min-width: 64em) { .c-text--hero .c-text__heading { font-size: 3.5rem; line-height: 4.125rem; } } .c-text--hero .c-text__heading:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); right: 0; bottom: 0; background-color: #ff6712; height: 0.0625rem; max-width: 35.9375rem; width: 100%; } /** * TEXT--LARGE-TABLE-HEADING **/ .c-text--large-table-heading .c-text__content { overflow-x: auto; } .c-text--large-table-heading table tbody tr, .c-text--large-table-heading table tbody tr:nth-child(even) { background-color: #FFFFFF; } .c-text--large-table-heading table tbody tr:nth-of-type(1) { background-color: #F7F7F7; } .c-text--large-table-heading table tbody tr:nth-of-type(1) td { padding: 1rem; } .c-text--large-table-heading table tbody tr:nth-of-type(1) td:nth-of-type(1) { background-color: #38383D; } .c-text--large-table-heading table tbody tr td { width: auto !important; padding: 1rem; text-align: center; } .c-text--large-table-heading table tbody tr td:nth-of-type(1) { background-color: #F7F7F7; min-width: 9.375rem; text-align: left; } .c-text--large-table-heading table tbody tr td h4 { margin-bottom: 0; } /** * TEXT **/ .c-text--small.c-text--hero .c-text__heading { font-size: 2.5625rem; line-height: 3rem; font-weight: 900; font-family: Dubai, sans-serif; } /** * TEXT--SMALL-MAX-WIDTH **/ .c-text--small-max-width { max-width: 48.4375rem; margin: 0 auto; } /** * WOOCOMMERCE **/ .woocommerce .c-image .img-fit .c-image__image { display: block; margin-left: auto; margin-right: auto; } /** * WOOCOMMERCE-ACCOUNT-FORM **/ .woocommerce form .form-row input.input-text, .woocommerce form .form-row .select2-container .select2-selection--single { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; box-shadow: none; color: #38383D; border: 0.125rem solid #38383D; height: 2.8125rem; line-height: 2.8125rem; padding: 0 1rem; } .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row .select2-container .select2-selection--single:focus { outline: none; box-shadow: none; } .woocommerce form .form-row input.input-text::-moz-placeholder, .woocommerce form .form-row .select2-container .select2-selection--single::-moz-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .woocommerce form .form-row input.input-text:-ms-input-placeholder, .woocommerce form .form-row .select2-container .select2-selection--single:-ms-input-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .woocommerce form .form-row input.input-text::placeholder, .woocommerce form .form-row .select2-container .select2-selection--single::placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__rendered { line-height: 2.625rem; padding: 0; } .woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__arrow { top: 0.625rem; right: 0.625rem; } .woocommerce form .form-row textarea { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; box-shadow: none; color: #38383D; border: 0.125rem solid #38383D; padding: 1rem; } .woocommerce form .form-row textarea:focus { outline: none; box-shadow: none; } .woocommerce form .form-row textarea::-moz-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .woocommerce form .form-row textarea:-ms-input-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .woocommerce form .form-row textarea::placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .woocommerce form .form-row label { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; color: #38383D; margin-bottom: 0.5rem; } @media only screen and (min-width: 64em) { .woocommerce form .form-row label { font-size: 1.375rem; line-height: 1.5625rem; } } .woocommerce button.button.alt.disabled, .woocommerce button.button.alt, .woocommerce button#submit.alt, .woocommerce button.button, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt, .woocommerce input#submit.alt, .woocommerce input.button, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt, .woocommerce a#submit.alt, .woocommerce a.button { margin-top: 2rem; } /** * WOOCOMMERCE-BREADCRUMB **/ .woocommerce .woocommerce-breadcrumb { padding-top: 1rem; font-size: 0.875rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .woocommerce .woocommerce-breadcrumb a { color: #38383D; } /** * WOOCOMMERCE-BUTTON **/ .woocommerce button.button.alt.disabled, .woocommerce button.button.alt, .woocommerce button#submit.alt, .woocommerce button.button, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button#submit.alt, .woocommerce-page button.button, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt, .woocommerce input#submit.alt, .woocommerce input.button, .woocommerce-page input.button.alt.disabled, .woocommerce-page input.button.alt, .woocommerce-page input#submit.alt, .woocommerce-page input.button, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt, .woocommerce a#submit.alt, .woocommerce a.button, .woocommerce-page a.button.alt.disabled, .woocommerce-page a.button.alt, .woocommerce-page a#submit.alt, .woocommerce-page a.button { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #38383D; float: none !important; } @media only screen and (min-width: 64em) { .woocommerce button.button.alt.disabled, .woocommerce button.button.alt, .woocommerce button#submit.alt, .woocommerce button.button, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button#submit.alt, .woocommerce-page button.button, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt, .woocommerce input#submit.alt, .woocommerce input.button, .woocommerce-page input.button.alt.disabled, .woocommerce-page input.button.alt, .woocommerce-page input#submit.alt, .woocommerce-page input.button, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt, .woocommerce a#submit.alt, .woocommerce a.button, .woocommerce-page a.button.alt.disabled, .woocommerce-page a.button.alt, .woocommerce-page a#submit.alt, .woocommerce-page a.button { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .woocommerce button.button.alt.disabled, .woocommerce button.button.alt, .woocommerce button#submit.alt, .woocommerce button.button, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button#submit.alt, .woocommerce-page button.button, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt, .woocommerce input#submit.alt, .woocommerce input.button, .woocommerce-page input.button.alt.disabled, .woocommerce-page input.button.alt, .woocommerce-page input#submit.alt, .woocommerce-page input.button, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt, .woocommerce a#submit.alt, .woocommerce a.button, .woocommerce-page a.button.alt.disabled, .woocommerce-page a.button.alt, .woocommerce-page a#submit.alt, .woocommerce-page a.button { line-height: 2.625rem; } } .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce button#submit.alt:hover, .woocommerce button.button:hover, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button#submit.alt:hover, .woocommerce-page button.button:hover, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:hover, .woocommerce input#submit.alt:hover, .woocommerce input.button:hover, .woocommerce-page input.button.alt.disabled:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input#submit.alt:hover, .woocommerce-page input.button:hover, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:hover, .woocommerce a#submit.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button.alt.disabled:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page a#submit.alt:hover, .woocommerce-page a.button:hover { background-position: calc(100% - 12px) 50%; } .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce button#submit.alt:hover, .woocommerce button.button:hover, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button#submit.alt:hover, .woocommerce-page button.button:hover, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:hover, .woocommerce input#submit.alt:hover, .woocommerce input.button:hover, .woocommerce-page input.button.alt.disabled:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input#submit.alt:hover, .woocommerce-page input.button:hover, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:hover, .woocommerce a#submit.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button.alt.disabled:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page a#submit.alt:hover, .woocommerce-page a.button:hover { background-color: #4c4c52; } .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce button#submit.alt:hover, .woocommerce button.button:hover, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button#submit.alt:hover, .woocommerce-page button.button:hover, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:hover, .woocommerce input#submit.alt:hover, .woocommerce input.button:hover, .woocommerce-page input.button.alt.disabled:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input#submit.alt:hover, .woocommerce-page input.button:hover, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:hover, .woocommerce a#submit.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button.alt.disabled:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page a#submit.alt:hover, .woocommerce-page a.button:hover { color: #FFFFFF; opacity: .66; } /** * WOOCOMMERCE-MESSAGE **/ .woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: #FFFFFF; } /** * WOOCOMMERCE-ORDERING **/ .woocommerce-ordering .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: none; max-width: 90rem; padding-left: 1.25rem; padding-right: 1.25rem; } @media only screen and (min-width: 40em) { .woocommerce-ordering .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { padding-left: 3.75rem; padding-right: 3.75rem; } } @media only screen and (min-width: 64em) { .woocommerce-ordering .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { padding-left: 8.125rem; padding-right: 8.125rem; } } /** * ACCOUNT-ORDERS **/ .woocommerce-orders-table { display: block; width: 100%; } .woocommerce-orders-table thead { display: none; } .woocommerce-orders-table tbody { width: 100%; display: block; } .woocommerce-orders-table tbody, .woocommerce-orders-table tfoot, .woocommerce-orders-table thead { border: none; } .woocommerce-orders-table thead th { padding: 1rem 0.625rem; } .woocommerce-orders-table tbody tr:nth-of-type(even) { background-color: #F7F7F7; } .woocommerce-orders-table tbody tr:nth-of-type(odd) { background-color: #FFFFFF; } .woocommerce-orders-table tbody tr.c-account-orders__actions { background-color: #FFFFFF; } .woocommerce-orders-table tbody tr.c-account-orders__actions td { padding: 1.5rem 0; } @media only screen and (min-width: 64em) { .woocommerce-orders-table tbody tr.c-account-orders__actions td { padding: 2.5rem 0; } } .woocommerce-orders-table tbody tr.c-account-orders__actions td:after { display: none; } .woocommerce-orders-table tr { background-color: #F7F7F7; } .woocommerce-orders-table tr th, .woocommerce-orders-table tr td { position: relative; } .woocommerce-orders-table tr th:after, .woocommerce-orders-table tr td:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.125rem; background-color: #E6E6E6; } @media only screen and (min-width: 64em) { .woocommerce-orders-table tr th:after, .woocommerce-orders-table tr td:after { content: ''; } } .woocommerce-orders-table__inner { display: flex; flex-wrap: wrap; flex-direction: column; } @media only screen and (min-width: 64em) { .woocommerce-orders-table__inner { flex-direction: row; justify-content: flex-start; align-items: center; } } .woocommerce-orders-table__inner.woocommerce-orders-table__row.woocommerce-orders-table__row--status-processing td { display: block; } @media only screen and (min-width: 64em) { .woocommerce-orders-table__inner.woocommerce-orders-table__row.woocommerce-orders-table__row--status-processing td { min-height: 7.125rem; display: inline-block; min-width: 17%; } } .woocommerce-orders-table__inner.woocommerce-orders-table__row.woocommerce-orders-table__row--status-processing td:before { content: attr(data-title); display: block; padding: 1rem 0.625rem; margin: 0 -0.625rem 0.5rem; background-color: #F7F7F7; font-weight: 700; border-bottom: #E6E6E6 solid 0.125rem; } .woocommerce-orders-table__inner.woocommerce-orders-table__row.woocommerce-orders-table__row--status-processing td a { color: #ff6712; font-weight: 700; } .woocommerce-orders-table__text { margin-right: 1rem; } .woocommerce-orders-table__text p:last-child { margin-bottom: 0; } /** * WOOCOMMERCE-PRODUCT-SEARCH **/ .c-woocommerce-product-search { transition: all 0.33s cubic-bezier(0.445, 0.05, 0.55, 0.95); } @media only screen and (min-width: 64em) { .c-woocommerce-product-search { -webkit-animation: transition-fade-left 1s 1s normal forwards ease-in-out; animation: transition-fade-left 1s 1s normal forwards ease-in-out; } } .c-woocommerce-product-search li { list-style-type: none; } .c-woocommerce-product-search .woocommerce-product-search { display: flex; flex-wrap: wrap; } .c-woocommerce-product-search .woocommerce-product-search input { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; box-shadow: none; color: #38383D; border: 0.125rem solid #38383D; height: 2.8125rem; line-height: 2.8125rem; padding: 0 1rem; margin: 0; width: calc(100% - 40px); border-right: 0; border-color: #ff6712; height: 2.5rem; line-height: 2.5rem; } .c-woocommerce-product-search .woocommerce-product-search input:focus { outline: none; box-shadow: none; } .c-woocommerce-product-search .woocommerce-product-search input::-moz-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .c-woocommerce-product-search .woocommerce-product-search input:-ms-input-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .c-woocommerce-product-search .woocommerce-product-search input::placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .c-woocommerce-product-search .woocommerce-product-search button[type=submit] { cursor: pointer; margin: 0; font-size: 0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; background-color: #FFFFFF; border: 0.125rem solid #ff6712; border-left: 0; transition: 0.2s all cubic-bezier(0.445, 0.05, 0.55, 0.95); background-size: 0.875rem auto; background-repeat: no-repeat; background-position: 50% 50%; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdib3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuNzkgMTRMMTQgMTIuNzlsLTMuOTc1LTMuOTc1aC0uNjUzbC0uMjEyLS4yM2MuMzk3LS40NDkuNzAxLS45NjQuOTEzLTEuNTQ3YTUuMzM4IDUuMzM4IDAgMDAuMzE3LTEuODM0YzAtLjk0Ny0uMjI4LTEuODE4LS42ODItMi42MTFBNS4wNzYgNS4wNzYgMCAwMDcuODU1LjcxIDUuMTA0IDUuMTA0IDAgMDA1LjIyNCAwYTUuMTYgNS4xNiAwIDAwLTIuNjIyLjY5MUE1LjEzNCA1LjEzNCAwIDAwLjcwMSAyLjU4MyA1LjEwNiA1LjEwNiAwIDAwMCA1LjIwNGMwIC45NDguMjM3IDEuODI1LjcxIDIuNjMxYTUuMTI4IDUuMTI4IDAgMDAxLjg5MiAxLjg2M2MuOC40NjEgMS42NzQuNjkyIDIuNjIyLjY5Mi42MjcgMCAxLjIzMi0uMTA2IDEuODE0LS4zMTdhNC43NDkgNC43NDkgMCAwMDEuNTQ2LS45MTNsLjIzLjIxMnYuNjMzTDEyLjc5IDE0ek01LjIyNCA4LjgxNWEzLjQ3NSAzLjQ3NSAwIDAxLTEuODA2LS40OUEzLjcgMy43IDAgMDEyLjEwMyA3LjAxYTMuNDc1IDMuNDc1IDAgMDEtLjQ5LTEuODA2YzAtLjY1My4xNjMtMS4yNTQuNDktMS44MDUuMzI2LS41NS43NjUtLjk4NiAxLjMxNS0xLjMwNi41NS0uMzIgMS4xNTMtLjQ4IDEuODA2LS40OHMxLjI1NC4xNiAxLjgwNS40OGMuNTUuMzIuOTg2Ljc1NiAxLjMwNiAxLjMwNi4zMi41NS40OCAxLjE1Mi40OCAxLjgwNXMtLjE2IDEuMjU1LS40OCAxLjgwNmMtLjMyLjU1LS43NTYuOTg5LTEuMzA2IDEuMzE1LS41NS4zMjctMS4xNTIuNDktMS44MDUuNDl6IiBmaWxsPSIjMzgzODNFIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4="); } .c-woocommerce-product-search .woocommerce-product-search button[type=submit]:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdib3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuNzkgMTRMMTQgMTIuNzlsLTMuOTc1LTMuOTc1aC0uNjUzbC0uMjEyLS4yM2MuMzk3LS40NDkuNzAxLS45NjQuOTEzLTEuNTQ3YTUuMzM4IDUuMzM4IDAgMDAuMzE3LTEuODM0YzAtLjk0Ny0uMjI4LTEuODE4LS42ODItMi42MTFBNS4wNzYgNS4wNzYgMCAwMDcuODU1LjcxIDUuMTA0IDUuMTA0IDAgMDA1LjIyNCAwYTUuMTYgNS4xNiAwIDAwLTIuNjIyLjY5MUE1LjEzNCA1LjEzNCAwIDAwLjcwMSAyLjU4MyA1LjEwNiA1LjEwNiAwIDAwMCA1LjIwNGMwIC45NDguMjM3IDEuODI1LjcxIDIuNjMxYTUuMTI4IDUuMTI4IDAgMDAxLjg5MiAxLjg2M2MuOC40NjEgMS42NzQuNjkyIDIuNjIyLjY5Mi42MjcgMCAxLjIzMi0uMTA2IDEuODE0LS4zMTdhNC43NDkgNC43NDkgMCAwMDEuNTQ2LS45MTNsLjIzLjIxMnYuNjMzTDEyLjc5IDE0ek01LjIyNCA4LjgxNWEzLjQ3NSAzLjQ3NSAwIDAxLTEuODA2LS40OUEzLjcgMy43IDAgMDEyLjEwMyA3LjAxYTMuNDc1IDMuNDc1IDAgMDEtLjQ5LTEuODA2YzAtLjY1My4xNjMtMS4yNTQuNDktMS44MDUuMzI2LS41NS43NjUtLjk4NiAxLjMxNS0xLjMwNi41NS0uMzIgMS4xNTMtLjQ4IDEuODA2LS40OHMxLjI1NC4xNiAxLjgwNS40OGMuNTUuMzIuOTg2Ljc1NiAxLjMwNiAxLjMwNi4zMi41NS40OCAxLjE1Mi40OCAxLjgwNXMtLjE2IDEuMjU1LS40OCAxLjgwNmMtLjMyLjU1LS43NTYuOTg5LTEuMzA2IDEuMzE1LS41NS4zMjctMS4xNTIuNDktMS44MDUuNDl6IiBmaWxsPSIjQzRBQjhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4="); } /** * YITH-WACP-WRAPPER **/ #yith-wacp-popup .yith-wacp-wrapper .product-title a { font-size: 0.625rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; color: #0a0a0a; } @media only screen and (min-width: 64em) { #yith-wacp-popup .yith-wacp-wrapper .product-title a { font-size: 1.875rem; line-height: 1.875rem; } } #yith-wacp-popup .yith-wacp-wrapper .product-price, #yith-wacp-popup .yith-wacp-wrapper .product-price * { font-size: 1.25rem; line-height: 1.375rem; font-weight: 700; font-family: Dubai, sans-serif; } #yith-wacp-popup .yith-wacp-wrapper .yith-wacp-content .yith-wacp-related { display: none; } #yith-wacp-popup .yith-wacp-wrapper .yith-wacp-content a.button { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #38383D; } @media only screen and (min-width: 64em) { #yith-wacp-popup .yith-wacp-wrapper .yith-wacp-content a.button { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { #yith-wacp-popup .yith-wacp-wrapper .yith-wacp-content a.button { line-height: 2.625rem; } } #yith-wacp-popup .yith-wacp-wrapper .yith-wacp-content a.button:hover { background-position: calc(100% - 12px) 50%; } #yith-wacp-popup .yith-wacp-wrapper .yith-wacp-content a.button:hover { background-color: #4c4c52; } #yith-wacp-popup .yith-wacp-wrapper .yith-wacp-content .cart-info .cart-tax { font-size: 0; } #yith-wacp-popup .yith-wacp-wrapper .yith-wacp-content .cart-info .cart-tax:before { content: 'VAT Amount: '; font-size: 15px; } #yith-wacp-popup .yith-wacp-wrapper .yith-wacp-content .cart-info .cart-tax .tax-cost { font-size: 15px; } /** * YITH-WFBT-SECTION **/ .yith-wfbt-section h3 { font-size: 2.25rem; line-height: 2.625rem; font-weight: 900; font-family: Dubai, sans-serif; position: relative; } @media only screen and (min-width: 64em) { .yith-wfbt-section h3 { font-size: 2.25rem; line-height: 2.625rem; } } .yith-wfbt-section h3:before { content: 'Accessories'; display: block; font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { .yith-wfbt-section h3:before { font-size: 1.25rem; line-height: 1.375rem; } } .yith-wfbt-section .yith-wfbt-form { margin-bottom: 6.25rem; background-color: transparent; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-items { display: none; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block { clear: both; } @media only screen and (min-width: 64em) { .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block { display: flex; flex-wrap: wrap; align-items: flex-end; } } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .price_text .total_price_label { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; display: block; margin-bottom: 0.25rem; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .price_text .total_price { font-size: 2.25rem; line-height: 2.625rem; font-weight: 900; font-family: Dubai, sans-serif; display: block; margin-bottom: 1.25rem; } @media only screen and (min-width: 64em) { .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .price_text .total_price { font-size: 2.25rem; line-height: 2.625rem; } } @media only screen and (min-width: 64em) { .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .price_text .total_price { margin-bottom: 0; } } @media only screen and (min-width: 64em) { .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .price_text + .yith-wfbt-submit-button { margin: 0 0 0.5rem 1rem; } } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #38383D; } @media only screen and (min-width: 64em) { .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button { line-height: 2.625rem; } } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button:hover { background-position: calc(100% - 12px) 50%; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .button:hover { background-color: #4c4c52; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images { display: block; width: 100%; margin-bottom: 1.5rem; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images tbody, .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td { display: block; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images tbody { border: none; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images tr { display: flex; flex-direction: column; } @media only screen and (min-width: 64em) { .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images tr { flex-direction: row; } } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td { display: block; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td:nth-child(-n+2) { display: none; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image_plus { display: flex; align-items: center; justify-content: center; background-color: #F7F7F7; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image_plus:nth-child(-n+2) { display: none; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image-td { width: 100%; } @media only screen and (min-width: 64em) { .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image-td { width: calc(33.33% - 20px); } } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image-td img, .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image-td a { height: 100%; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image-td img { -o-object-fit: cover; object-fit: cover; width: 100%; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image-td > a { display: flex; flex-wrap: wrap; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image-td .left { width: 9.4375rem; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image-td .right { width: calc(100% - 151px); background-color: #F7F7F7; color: #38383D; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image-td .right .inner { padding: 0.625rem 0.9375rem 0.9375rem 1.25rem; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image-td .right .title, .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image-td .right .price { font-size: 1.5rem; line-height: 1.75rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 0; color: #38383D; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image-td .right .title { position: relative; padding-bottom: 0.625rem; margin-bottom: 1.25rem; margin-bottom: 0.625rem; padding-bottom: 0.375rem; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image-td .right .title:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); right: 0; bottom: 0; background-color: #ff6712; height: 0.0625rem; max-width: 35.9375rem; width: 100%; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images td.image-td .right .price-ex-vat { font-size: 0.875rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; } /** * YWQA-QUESTIONS-AND-ANSWERS **/ #ywqa-questions-and-answers { margin-bottom: 3rem; } @media only screen and (min-width: 64em) { #ywqa-questions-and-answers { margin-bottom: 3.75rem; } } #ywqa-questions-and-answers .questions-section { background-color: #F7F7F7; margin-left: -1.25rem; margin-right: -1.25rem; padding: 3rem 1.25rem 0; } @media only screen and (min-width: 40em) { #ywqa-questions-and-answers .questions-section { padding: 3rem 3.75rem 0; margin-left: -3.75rem; margin-right: -3.75rem; } } @media only screen and (min-width: 64em) { #ywqa-questions-and-answers .questions-section { padding: 3.75rem 8.125rem 0; margin-left: -8.125rem; margin-right: -8.125rem; } } @media only screen and (min-width: 87.5em) { #ywqa-questions-and-answers .questions-section { margin: 0 calc(-1 * (((100vw - 75rem) / 2) + 15px)); padding: 3.75rem calc(1 * (((100vw - 75rem) / 2) + 15px)) 0; } } #ywqa-questions-and-answers .questions-section h3 { font-size: 2.25rem; line-height: 2.625rem; font-weight: 900; font-family: Dubai, sans-serif; text-align: center; margin-bottom: 2rem; } @media only screen and (min-width: 64em) { #ywqa-questions-and-answers .questions-section h3 { font-size: 2.25rem; line-height: 2.625rem; } } @media only screen and (min-width: 64em) { #ywqa-questions-and-answers .questions-section h3 { margin-bottom: 3rem; } } #ywqa-questions-and-answers .questions-section .ywqa-items-list .question-container { border-bottom: 0; padding: 0; margin: 0 0 2.5rem; } #ywqa-questions-and-answers .questions-section .ywqa-items-list .question-container .question-votes, #ywqa-questions-and-answers .questions-section .ywqa-items-list .question-container .question-symbol, #ywqa-questions-and-answers .questions-section .ywqa-items-list .question-container .answer-symbol { display: none; } #ywqa-questions-and-answers .questions-section .ywqa-items-list .question-container .question-content .question { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; } @media only screen and (min-width: 64em) { #ywqa-questions-and-answers .questions-section .ywqa-items-list .question-container .question-content .question { font-size: 1.375rem; line-height: 1.5625rem; } } #ywqa-questions-and-answers .questions-section .ywqa-items-list .question-container .answer-content .answer { font-size: 1rem; line-height: 1.1875rem; font-weight: 400; font-family: Dubai, sans-serif; } #ywqa-questions-and-answers .questions-section .ywqa-ask-question { background-color: #FFFFFF; } @media only screen and (min-width: 87.5em) { #ywqa-questions-and-answers .questions-section .ywqa-ask-question { margin: 0 calc(-1 * (((100vw - 75rem) / 2) + 15px)); padding: 3.75rem calc(1 * (((100vw - 75rem) / 2) + 15px)) 0; } } #ywqa-questions-and-answers .questions-section .ywqa-ask-question label { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; color: #38383D; margin-bottom: 0.625rem; } @media only screen and (min-width: 64em) { #ywqa-questions-and-answers .questions-section .ywqa-ask-question label { font-size: 1.375rem; line-height: 1.5625rem; } } #ywqa-questions-and-answers .questions-section .ywqa-ask-question textarea { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; box-shadow: none; color: #38383D; border: 0.125rem solid #38383D; padding: 1rem; height: 12.5rem; } #ywqa-questions-and-answers .questions-section .ywqa-ask-question textarea:focus { outline: none; box-shadow: none; } #ywqa-questions-and-answers .questions-section .ywqa-ask-question textarea::-moz-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } #ywqa-questions-and-answers .questions-section .ywqa-ask-question textarea:-ms-input-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } #ywqa-questions-and-answers .questions-section .ywqa-ask-question textarea::placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } #ywqa-questions-and-answers .questions-section .ywqa-ask-question input[type="text"] { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; box-shadow: none; color: #38383D; border: 0.125rem solid #38383D; height: 2.8125rem; line-height: 2.8125rem; padding: 0 1rem; } #ywqa-questions-and-answers .questions-section .ywqa-ask-question input[type="text"]:focus { outline: none; box-shadow: none; } #ywqa-questions-and-answers .questions-section .ywqa-ask-question input[type="text"]::-moz-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } #ywqa-questions-and-answers .questions-section .ywqa-ask-question input[type="text"]:-ms-input-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } #ywqa-questions-and-answers .questions-section .ywqa-ask-question input[type="text"]::placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } @media only screen and (min-width: 64em) { #ywqa-questions-and-answers .questions-section .ywqa-ask-question .ywqa-guest-name-section, #ywqa-questions-and-answers .questions-section .ywqa-ask-question .ywqa-guest-email-section { width: calc(50% - 15px); display: inline-block; margin-right: 0; } } @media only screen and (min-width: 64em) { #ywqa-questions-and-answers .questions-section .ywqa-ask-question .ywqa-guest-name-section { margin-right: 1.5rem; } } #ywqa-questions-and-answers .questions-section .ywqa-ask-question .notify-answers { font-size: 0.875rem; line-height: 1rem; font-weight: 300; font-family: Dubai, sans-serif; } #ywqa-questions-and-answers .questions-section .ywqa-ask-question #ywqa-notify-user { opacity: 0; margin: 0; width: 1.3125rem; height: 1.3125rem; } #ywqa-questions-and-answers .questions-section .ywqa-ask-question #ywqa-notify-user + span { display: inline-block; border: 0.125rem solid #38383D; width: 1.3125rem; height: 1.3125rem; margin-left: -1.25rem; margin-right: 0.625rem; transform: translateY(5px); pointer-events: none; } #ywqa-questions-and-answers .questions-section .ywqa-ask-question #ywqa-notify-user:checked + span { background-color: #38383D; outline: 0.1875rem solid #FFFFFF; outline-offset: -0.3125rem; } #ywqa-questions-and-answers .questions-section .ywqa-ask-question #ywqa-submit-question { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #38383D; cursor: pointer; text-transform: none; float: none; margin-top: 1rem; display: block; } @media only screen and (min-width: 64em) { #ywqa-questions-and-answers .questions-section .ywqa-ask-question #ywqa-submit-question { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { #ywqa-questions-and-answers .questions-section .ywqa-ask-question #ywqa-submit-question { line-height: 2.625rem; } } #ywqa-questions-and-answers .questions-section .ywqa-ask-question #ywqa-submit-question:hover { background-position: calc(100% - 12px) 50%; } #ywqa-questions-and-answers .questions-section .ywqa-ask-question #ywqa-submit-question:hover { background-color: #4c4c52; } /** ** Additonal row files */ /** * ROW--LATEST-POSTS **/ @media only screen and (min-width: 64em) { .c-row--latest-posts > .panel-grid-cell:nth-of-type(1) { width: 17.1875rem !important; } } .c-row--latest-posts > .panel-grid-cell:nth-of-type(1) .widget { padding: 1.25rem; background-color: #F7F7F7; margin-bottom: 1.25rem; } @media only screen and (min-width: 64em) { .c-row--latest-posts > .panel-grid-cell:nth-of-type(2) { width: calc(100% - 25rem) !important; margin-left: 7.8125rem; } } .c-row--latest-posts .widget-title { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 0.4375rem; } @media only screen and (min-width: 64em) { .c-row--latest-posts .widget-title { font-size: 1.375rem; line-height: 1.5625rem; } } .c-row--latest-posts ul { margin: 0; } .c-row--latest-posts ul li { list-style-type: none; } .c-row--latest-posts .product-categories { margin: 0; padding: 1rem 0 0; } .c-row--latest-posts .product-categories > li { margin-bottom: 1.5rem; } .c-row--latest-posts .product-categories > li > .children { padding-bottom: 1rem; } .c-row--latest-posts .product-categories li { list-style-type: none; margin-bottom: 0.625rem; } .c-row--latest-posts .product-categories li a { font-size: 1.25rem; line-height: 1.375rem; font-weight: 900; font-family: Dubai, sans-serif; color: #38383D; } .c-row--latest-posts .product-categories li .children { margin: 0; padding: 1rem 0 0; } .c-row--latest-posts .product-categories li .children li a { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 500; font-family: Dubai, sans-serif; color: #ff6712; } .c-row--latest-posts .product-categories li .children li .children { padding-top: 0.625rem; } .c-row--latest-posts .product-categories li .children li .children li a { color: #38383D; } .c-row--latest-posts .c-site-search__heading { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; margin-bottom: 0.4375rem; } @media only screen and (min-width: 64em) { .c-row--latest-posts .c-site-search__heading { font-size: 1.375rem; line-height: 1.5625rem; } } .c-row--latest-posts .c-site-search__form { display: flex; flex-wrap: wrap; } .c-row--latest-posts .c-site-search .c-button { cursor: pointer; padding: 0; width: 2.8125rem; background: #FFFFFF; background-position: 50% 50%; background-repeat: no-repeat; background-size: 1.1875rem; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdib3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuNzkgMTRMMTQgMTIuNzlsLTMuOTc1LTMuOTc1aC0uNjUzbC0uMjEyLS4yM2MuMzk3LS40NDkuNzAxLS45NjQuOTEzLTEuNTQ3YTUuMzM4IDUuMzM4IDAgMDAuMzE3LTEuODM0YzAtLjk0Ny0uMjI4LTEuODE4LS42ODItMi42MTFBNS4wNzYgNS4wNzYgMCAwMDcuODU1LjcxIDUuMTA0IDUuMTA0IDAgMDA1LjIyNCAwYTUuMTYgNS4xNiAwIDAwLTIuNjIyLjY5MUE1LjEzNCA1LjEzNCAwIDAwLjcwMSAyLjU4MyA1LjEwNiA1LjEwNiAwIDAwMCA1LjIwNGMwIC45NDguMjM3IDEuODI1LjcxIDIuNjMxYTUuMTI4IDUuMTI4IDAgMDAxLjg5MiAxLjg2M2MuOC40NjEgMS42NzQuNjkyIDIuNjIyLjY5Mi42MjcgMCAxLjIzMi0uMTA2IDEuODE0LS4zMTdhNC43NDkgNC43NDkgMCAwMDEuNTQ2LS45MTNsLjIzLjIxMnYuNjMzTDEyLjc5IDE0ek01LjIyNCA4LjgxNWEzLjQ3NSAzLjQ3NSAwIDAxLTEuODA2LS40OUEzLjcgMy43IDAgMDEyLjEwMyA3LjAxYTMuNDc1IDMuNDc1IDAgMDEtLjQ5LTEuODA2YzAtLjY1My4xNjMtMS4yNTQuNDktMS44MDUuMzI2LS41NS43NjUtLjk4NiAxLjMxNS0xLjMwNi41NS0uMzIgMS4xNTMtLjQ4IDEuODA2LS40OHMxLjI1NC4xNiAxLjgwNS40OGMuNTUuMzIuOTg2Ljc1NiAxLjMwNiAxLjMwNi4zMi41NS40OCAxLjE1Mi40OCAxLjgwNXMtLjE2IDEuMjU1LS40OCAxLjgwNmMtLjMyLjU1LS43NTYuOTg5LTEuMzA2IDEuMzE1LS41NS4zMjctMS4xNTIuNDktMS44MDUuNDl6IiBmaWxsPSIjMzgzODNFIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4="); border: 0.125rem solid #38383D; border-left: 0; } .c-row--latest-posts .c-site-search input { width: calc(100% - 45px); } .c-row--latest-posts .c-site-search input[type=text] { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; box-shadow: none; color: #38383D; border: 0.125rem solid #38383D; height: 2.8125rem; line-height: 2.8125rem; padding: 0 1rem; border-right: 0; } .c-row--latest-posts .c-site-search input[type=text]:focus { outline: none; box-shadow: none; } .c-row--latest-posts .c-site-search input[type=text]::-moz-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .c-row--latest-posts .c-site-search input[type=text]:-ms-input-placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .c-row--latest-posts .c-site-search input[type=text]::placeholder { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 300; font-family: Dubai, sans-serif; color: #38383D; } .c-row--latest-posts .c-posts__list { margin-left: -0.75rem; margin-right: -0.75rem; } .c-row--latest-posts .c-posts__item { border: 0.0625rem solid #ff6712; margin: 0 0.75rem 1.5rem; } @media only screen and (min-width: 64em) { .c-row--latest-posts .c-posts__item.large-3 { width: calc(25% - 24px); } } @media only screen and (min-width: 64em) { .c-row--latest-posts .c-posts__item.large-4 { width: calc(33.333333% - 24px); } } @media only screen and (min-width: 64em) { .c-row--latest-posts .c-posts__item.large-6 { width: calc(50% - 24px); } } .c-row--latest-posts .c-posts__item-inner { margin: 0; } .c-row--latest-posts .c-posts__background { padding-bottom: 65%; margin-bottom: 1.375rem; } .c-row--latest-posts .c-posts__background:before { display: none; } .c-row--latest-posts .c-posts__content { padding: 0 1.875rem 1.25rem; display: flex; flex-direction: column-reverse; } .c-row--latest-posts .c-posts__meta { margin-bottom: 0.6875rem; display: flex; flex-direction: row-reverse; justify-content: space-between; } .c-row--latest-posts .c-posts__meta span:nth-of-type(2) { font-weight: 900; } .c-row--latest-posts .c-posts__heading { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /** * ROW--PRODUCT-CATEGORY **/ .c-row--product-category { display: flex; flex-wrap: wrap; } @media only screen and (max-width: 63.9375em) { .c-row--product-category { margin-left: -0.625rem; margin-right: -0.625rem; } } @media only screen and (min-width: 64em) { .c-row--product-category > .panel-grid-cell:nth-of-type(1) { width: 17.1875rem !important; } } .c-row--product-category > .panel-grid-cell:nth-of-type(1) .berocket_single_filter_widget > .bapf_sfilter { background-color: #F7F7F7; padding: 1.25rem; margin-bottom: 1.875rem; } .c-row--product-category > .panel-grid-cell:nth-of-type(1) .berocket_single_filter_widget > .bapf_sfilter .bapf_clr_text { margin-right: 2px; margin-left: 2px; } .c-row--product-category > .panel-grid-cell:nth-of-type(1) h3 { font-size: 1.25rem; line-height: 1.375rem; font-weight: 900; font-family: Dubai, sans-serif; } .c-row--product-category > .panel-grid-cell:nth-of-type(1) .bapf_sfilter.bapf_button_berocket .bapf_button { font-size: 1.375rem; line-height: 1.5625rem; font-weight: 900; font-family: Dubai, sans-serif; font-size: 1.125rem; height: 2.8125rem; line-height: 2.625rem; padding: 0 1.5rem; border: 0.125rem solid transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #FFFFFF; text-align: center; border-radius: 0; background-repeat: no-repeat; transition: background-position 0.33s cubic-bezier(0.6, -0.58, 0.735, 0.045), background-color 0.33s cubic-bezier(0.455, 0.03, 0.515, 0.955); background-position: calc(100% - 16px) 50%; padding: 0 2.1875rem 0 1.25rem; background-size: 0.5rem auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDBsNCA0LTQgNCIgc3Ryb2tlPSIjRjdGN0Y3IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-color: #38383D; text-transform: none; } @media only screen and (min-width: 64em) { .c-row--product-category > .panel-grid-cell:nth-of-type(1) .bapf_sfilter.bapf_button_berocket .bapf_button { font-size: 1.375rem; line-height: 1.5625rem; } } @media only screen and (min-width: 64em) { .c-row--product-category > .panel-grid-cell:nth-of-type(1) .bapf_sfilter.bapf_button_berocket .bapf_button { line-height: 2.625rem; } } .c-row--product-category > .panel-grid-cell:nth-of-type(1) .bapf_sfilter.bapf_button_berocket .bapf_button:hover { background-position: calc(100% - 12px) 50%; } .c-row--product-category > .panel-grid-cell:nth-of-type(1) .bapf_sfilter.bapf_button_berocket .bapf_button:hover { background-color: #4c4c52; } .c-row--product-category > .panel-grid-cell:nth-of-type(1) .bapf_sfilter { margin-bottom: 0; } .c-row--product-category > .panel-grid-cell:nth-of-type(1) .bapf_sfilter#bapf_1 ul li:before { content: '>'; margin: 0 0.3125rem 0 0; } .c-row--product-category > .panel-grid-cell:nth-of-type(1) .bapf_sfilter#bapf_1 ul li label { font-size: 1.125rem; line-height: 1.3125rem; font-weight: 400; font-family: Dubai, sans-serif; color: #38383D; text-decoration: underline; } .c-row--product-category > .panel-grid-cell:nth-of-type(1) .bapf_sfilter ul li:not(:last-child) { margin-bottom: 0.625rem !important; } .c-row--product-category > .panel-grid-cell:nth-of-type(1) .bapf_sfilter.bapf_ckbox input[type=checkbox], .c-row--product-category > .panel-grid-cell:nth-of-type(1) .bapf_sfilter [type=checkbox] + label, .c-row--product-category > .panel-grid-cell:nth-of-type(1) .bapf_sfilter [type=radio] + label { margin: 0; } .c-row--product-category > .panel-grid-cell:nth-of-type(1) .bapf_sfilter.bapf_ckbox input[type=checkbox] { margin-right: 0.5rem; } @media only screen and (min-width: 64em) { .c-row--product-category > .panel-grid-cell:nth-of-type(2) { width: calc(100% - 275px) !important; } } @media only screen and (min-width: 64em) { .c-row--product-category > .panel-grid-cell:only-child { width: 100% !important; } } /** * ROW--PRODUCT-SPECIFICATIONS **/ .c-row--product-specifications { flex-direction: column; } @media only screen and (min-width: 64em) { .c-row--product-specifications { flex-direction: row; } } @media only screen and (min-width: 64em) { .c-row--product-specifications .panel-grid-cell:nth-of-type(1) { width: 61.8%; } } @media only screen and (min-width: 64em) { .c-row--product-specifications .panel-grid-cell:nth-of-type(2) { width: 38.2%; } } /** * ROW--SMALL-MAX-WIDTH **/ @media only screen and (min-width: 64em) { .c-row--small-max-width .panel-grid-cell:only-child { max-width: 48.4375rem; margin-left: auto; margin-right: auto; } } /** * ROW--STRETCH-RIGHT **/ @media only screen and (min-width: 64em) { .c-row--stretch-right .panel-grid-cell { margin-left: 3rem; } } @media only screen and (min-width: 93.75em) { .c-row--stretch-right .panel-grid-cell { margin-left: calc(1*((100vw - 90rem)/2)); } } /** * ROW--MUTED **/ .c-row--style-muted { background-color: #F7F7F7; padding: 2.375rem 0 1.875rem; } @media only screen and (min-width: 64em) { .c-row--style-muted { padding: 3.75rem 0 3.125rem; } } .c-row--style-muted.c-row--column-small { padding: 1rem 0; } @media only screen and (min-width: 64em) { .c-row--style-muted.c-row--column-small { padding: 1.25rem 0; } } /** * ROW--STYLE-TERTIARY **/ .c-row--style-tertiary { background-color: #38383D; padding: 2rem 0; position: relative; color: #FFFFFF; } @media only screen and (min-width: 64em) { .c-row--style-tertiary { padding: 3.75rem 0; } } .c-row--style-tertiary:not([data-stretch-type="full"]), .c-row--style-tertiary:not([data-stretch-type="full-stretched"]) { padding: 1.5rem 1rem; } @media only screen and (min-width: 64em) { .c-row--style-tertiary:not([data-stretch-type="full"]), .c-row--style-tertiary:not([data-stretch-type="full-stretched"]) { padding: 2.5rem 1.875rem; } } /** * ROW--STYLE-TERTIARY-WOTH-BORDER **/ .c-row--style-tertiary-with-border { background-color: #38383D; background: linear-gradient(to bottom, #38383D calc(100% - 20px), #FFFFFF 20px); padding: 2rem 0; position: relative; color: #FFFFFF; } @media only screen and (min-width: 64em) { .c-row--style-tertiary-with-border { padding: 3.125rem 0; } } .c-row--style-tertiary-with-border:before { bottom: 0; } @media only screen and (min-width: 64em) { .c-row--style-tertiary-with-border:before { bottom: 0; } } /*# sourceMappingURL=style.css.map */