/** Shopify CDN: Minification failed Line 17:0 Comments in CSS use "/* ... */" instead of "//" Line 18:0 Comments in CSS use "/* ... */" instead of "//" Line 19:0 Comments in CSS use "/* ... */" instead of "//" Line 20:0 Comments in CSS use "/* ... */" instead of "//" Line 21:0 Comments in CSS use "/* ... */" instead of "//" Line 22:0 Comments in CSS use "/* ... */" instead of "//" Line 23:0 Comments in CSS use "/* ... */" instead of "//" Line 24:0 Comments in CSS use "/* ... */" instead of "//" Line 25:0 Comments in CSS use "/* ... */" instead of "//" Line 26:0 Comments in CSS use "/* ... */" instead of "//" ... and 2 more hidden warnings **/ // ================================================== // fancyBox v3.5.7 // // Licensed GPLv3 for open source use // or fancyBox Commercial License for commercial use // // http://fancyapps.com/fancybox/ // Copyright 2019 fancyApps // // ================================================== body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* # Resonsive Mixin ================================================== */ /* # Placeholder Mixin ================================================== */ .has-border-bottom { border-bottom: 1px solid var(--color-secondary); } .has-left-bottom { border-left: 1px solid var(--color-secondary); } .has-right-bottom { border-right: 1px solid var(--color-secondary); } .has-top-bottom { border-top: 1px solid var(--color-secondary); } .has-border { border: 1px solid var(--color-secondary); } .heading-wrapper { margin-bottom: 32px; } .plus-minus-icon { width: 120px; height: 120px; position: relative; background-color: rgba(255, 255, 255, 0.4); border-radius: 50%; display: block; min-width: 120px; } .plus-minus-icon:before { width: 100%; content: ""; background: currentColor; height: 10%; position: absolute; top: 50%; border-radius: 3px; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s; } .plus-minus-icon:after { width: 10%; content: ""; background: currentColor; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 3px; transition: all 0.3s; } .divider { height: 1px; background-color: var(--color-secondary); width: calc(100% - 2 * var(--gutter)); margin: 0 var(--gutter); } .divider.is-fullwidth { --gutter: 0; } .is-active > .plus-minus-icon:before, .is-active > * > .plus-minus-icon:before, .mobile-menu__first-level > input:checked + label > .plus-minus-icon:before, .mobile-menu__first-level > input:checked + label > * > .plus-minus-icon:before { opacity: 1; } .is-active > .plus-minus-icon:after, .is-active > * > .plus-minus-icon:after, .mobile-menu__first-level > input:checked + label > .plus-minus-icon:after, .mobile-menu__first-level > input:checked + label > * > .plus-minus-icon:after { transform: translate(-50%, -50%) rotate(90deg); } .slider-wrapper { content: ""; } @media only screen and (min-width: 799px) { .slider-wrapper.has-desktop-slider:after { content: "flickity"; display: none; } } @media only screen and (max-width: 798px) { .slider-wrapper.has-tablet-slider:after { content: "flickity"; display: none; } } @media only screen and (max-width: 480px) { .slider-wrapper.has-mobile-slider:after { content: "flickity"; display: none; } } .bullet { font-size: 230px; opacity: 40%; } .tickmark { width: 30px; height: 30px; display: block; border-radius: 50%; margin-right: 20px; min-width: 30px; position: relative; } .tickmark:before { position: absolute; left: 0; top: 50%; height: 4px; width: 2px; background-color: currentColor; content: ""; transform: translate(12px, 1px) rotate(-45deg); transform-origin: left bottom; } .tickmark:after { position: absolute; left: 5px; bottom: 50%; height: 2px; width: 12px; background-color: currentColor; content: ""; transform: translate(8px, 6px) rotate(-45deg); transform-origin: left bottom; } .crossmark { width: 30px; height: 30px; display: block; background-color: transparent; border-radius: 50%; margin-right: 20px; min-width: 30px; position: relative; border: 1px solid currentColor; } .crossmark:before { width: 12px; height: 2px; position: absolute; content: ""; top: 50%; display: block; background: currentColor; left: 50%; transform: translate(-50%, 25%) rotate(45deg); } .crossmark:after { width: 12px; height: 2px; position: absolute; content: ""; top: 50%; display: block; background: currentColor; left: 50%; transform: translate(-50%, 25%) rotate(-45deg); } @media only screen and (max-width: 798px) { [data-mobile-accordion-panel] [data-mobile-accordion-content] { display: none; } [data-mobile-accordion-panel] [data-mobile-accordion-trigger] { cursor: pointer; display: flex; align-items: center; justify-content: space-between; } [data-mobile-accordion-panel] [data-mobile-accordion-trigger] .plus-minus-icon { width: 12px; height: 12px; min-width: 12px; } } .flickity-prev-next-button { width: 20px; height: 20px; background: none; margin: 0; padding: 0; cursor: pointer; } .flickity-prev-next-button svg { margin: 0; width: 100%; height: auto; fill: var(--color-primary-contrast); } .flickity-prev-next-button.next { right: var(--gutter); } .flickity-prev-next-button.previous { left: var(--gutter); } .flickity-page-dots { bottom: calc(var(--gutter) / 2); } .flickity-page-dots .dot { background: currentColor; opacity: 40%; width: 8px; height: 8px; margin: 0 6px; padding: 1px; position: relative; } .flickity-page-dots .dot:before { content: ""; width: calc(100% + 4px); height: calc(100% + 4px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid transparent; border-radius: 50%; } .product-gallery .flickity-prev-next-button svg{ fill: #000; } .product-gallery .flickity-page-dots .dot { background: #000; } .flickity-page-dots .dot.is-selected { opacity: 1; } .flickity-page-dots .dot.is-selected:before { border-color: currentColor; } .product-gallery .flickity-page-dots .dot.is-selected:before { border-color: #000; } .button--custom { border-radius: var(--border-radius); border: 1px solid var(--color-secondary); display: flex; padding: 0; align-items: center; overflow: hidden; transition: all 0.3s; } .button--custom__content { padding: 30px 42px; display: flex; flex-direction: column; min-width: 250px; text-align: left; width: 100%; border-right: 1px solid var(--color-secondary); } .button--custom__content__title { color: var(--color-secondary); text-transform: uppercase; } .button--custom__content__label { font-weight: 600 !important; } @media only screen and (max-width: 798px) { .button--custom__content { padding: 44px 24px; } } .button--custom .button--custom__icon { display: flex; padding: 0 30px; width: 16px; box-sizing: content-box; height: 100%; } .button--custom.button--custom--tertiary { background-color: var(--color-tertiary); } .button--custom.button--custom--tertiary .button--custom__content { background-color: var(--color-tertiary); } .button--custom.button--custom--tertiary .button--custom__content__title { color: var(--color-primary-contrast); opacity: 0.4; } .button--custom.button--custom--tertiary .button--custom__content__label { color: var(--color-primary-contrast); } .button--custom.button--custom--tertiary .button--custom__icon { color: var(--color-primary-contrast); } .button--custom.button--custom--tertiary:hover, .button--custom.button--custom--tertiary:active, .button--custom.button--custom--tertiary:focus { background-color: var(--color-primary-contrast); border-color: var(--color-secondary); } .button--custom.button--custom--tertiary:hover .button--custom__icon, .button--custom.button--custom--tertiary:active .button--custom__icon, .button--custom.button--custom--tertiary:focus .button--custom__icon { color: var(--color-tertiary); } .button--custom.button--custom--secondary { background-color: var(--color-primary); } .button--custom.button--custom--secondary .button--custom__content { background-color: var(--color-primary); } .button--custom.button--custom--secondary .button--custom__content__label { color: var(--color-primary-contrast); } .button--custom.button--custom--secondary .button--custom__icon { color: var(--color-primary-contrast); } .button--custom.button--custom--secondary:hover, .button--custom.button--custom--secondary:active, .button--custom.button--custom--secondary:focus { background-color: var(--color-primary-contrast); border-color: var(--color-secondary); } .button--custom.button--custom--secondary:hover .button--custom__icon, .button--custom.button--custom--secondary:active .button--custom__icon, .button--custom.button--custom--secondary:focus .button--custom__icon { color: var(--color-primary); } .button--custom.button--custom--primary { background-color: var(--color-primary-contrast); } .button--custom.button--custom--primary .button--custom__content { background-color: var(--color-primary-contrast); } .button--custom.button--custom--primary .button--custom__content__label { color: var(--color-primary); } .button--custom.button--custom--primary .button--custom__icon { color: var(--color-primary); } .button--custom.button--custom--primary:hover, .button--custom.button--custom--primary:active, .button--custom.button--custom--primary:focus { background-color: var(--color-primary); border-color: var(--color-secondary); } .button--custom.button--custom--primary:hover .button--custom__icon, .button--custom.button--custom--primary:active .button--custom__icon, .button--custom.button--custom--primary:focus .button--custom__icon { color: var(--color-primary-contrast); } [type=text], [type=password], .textarea, [type=email] { min-height: 53px; padding: 10px 16px; background: var(--color-primary-contrast); border: 1px solid var(--color-secondary); box-shadow: none; border-radius: 2px; color: var(--color-primary); } /* # FOOTER ================================================== */ @media only screen and (max-width: 798px) { .footer .footer__logo-wrapper { padding: var(--gutter); } } .footer .footer__logo-wrapper .image-element__wrap { margin: 0 auto; } .footer .footer__block { margin: 20px 0; padding: 40px 0; } .footer .footer__block.block__link-list { display: flex; flex-direction: column; } .footer .footer__block.block__link-list .footer__heading { display: flex; align-items: center; justify-content: space-between; font-size:20px; } .footer .footer__block.block__link-list .footer__menu { margin-bottom: auto; } .footer .footer__block.block__link-list .footer__menu .plus-minus-icon { pointer-events: none; } .footer .footer__block.block__link-list .social-icons__wrapper { margin-top: auto; } @media only screen and (max-width: 798px) { .footer .footer__block.block__link-list { padding: 24px 0 0; margin: 0; } .footer .footer__block.block__link-list:first-of-type { margin-top: 16px; } } @media only screen and (max-width: 798px) { .footer .footer__block.block__empty { display: none; } } .footer .footer__block.block__text { border-left: 1px solid var(--color-secondary); padding-left: 96px; } .footer .footer__block.block__text p { margin: 0; } @media only screen and (max-width: 798px) { .footer .footer__block.block__text { border: none; text-align: center; padding: 40px 24px 16px; margin: 0; border-top: 1px solid var(--color-secondary); margin-top: 24px; } .footer .footer__block.block__text .footer__heading { margin: 0; } } .footer .footer__block.block__text strong { margin-top: 64px; margin-bottom: 16px; display: inline-block; } .footer .footer__block.block__text a strong{ color: inherit !important; } @media only screen and (max-width: 798px) { .footer .footer__block.block__text strong { margin-top: 32px; } } .footer .footer__credits { display: flex; align-items: center; } @media only screen and (max-width: 798px) { .footer .footer__credits { justify-content: center; order: 1; margin: 16px 20px 8px; } } @media only screen and (max-width: 798px) { .footer .footer__payment-methods { margin-top: 8px; } } .footer .footer__payment-methods .payment-methods { display: flex; } /* # IMAGE WITH TEXT OVERLAY ================================================== */ @media only screen and (max-width: 798px) { .image-with-text-overlay:not(.image-overlay-blocks) .section { max-width: unset; width: 100%; } } .image-with-text-overlay .caption.is-container-small { max-width: 1124px; } .image-with-text-overlay .caption .button--custom { position: absolute; bottom: 0; min-width: -moz-max-content; min-width: max-content; } .image-with-text-overlay .caption .button--custom.is-center { left: 50%; transform: translateX(-50%); } .image-with-text-overlay .caption .button--custom.is-right { right: 0%; } .image-with-text-overlay .caption .button--custom.is-left { left: 0%; } @media only screen and (max-width: 480px) { .image-with-text-overlay .caption .button--custom { left: 50% !important; transform: translateX(-50%); width: 90%; bottom: 16px; } .button--custom .button--custom__icon { padding: 0 20px; } } .image-with-text-overlay .caption .title { margin: 0; } .image-with-text-overlay .caption .title + .subtitle { margin: 16px 0 32px; } .image-with-text-overlay .caption .caption-content.has-border-or-background { padding: 48px 64px; border-radius: 10px; max-width: 480px; } @media only screen and (max-width: 480px) { .image-with-text-overlay .caption .caption-content { padding-top: 16px; } } /* # FEATURED IMAGES ================================================== */ .featured-images__text { position: absolute; background: white; border: 1px solid var(--color-secondary); border-radius: var(--border-radius); top: 50%; right: 25%; padding: 32px; width: 100%; z-index: 3; } .featured-images__text .title { margin-bottom: 8px; } .featured-images__image-1 { max-width: unset !important; } .featured-images__image-2 { max-width: unset !important; } .featured-images__image-3 { max-width: unset !important; } .featured-images .layout-right .featured-images__image-1 { width: 50%; } .featured-images .layout-right .featured-images__image-1 img { width: 50%; margin: 32px 0; } @media only screen and (max-width: 798px) { .featured-images .layout-right .featured-images__image-1 { width: 70%; margin-left: 0; } .featured-images .layout-right .featured-images__image-1 img { width: 100%; margin: 0; } } .featured-images .layout-right .featured-images__image-2 { width: 50%; } @media only screen and (max-width: 798px) { .featured-images .layout-right .featured-images__image-2 { width: 70%; margin-left: auto; margin-right: 0; margin-top: -30%; } .featured-images .layout-right .featured-images__image-2 img { width: 100%; margin: 0; } } .featured-images .layout-right .featured-images__image-3 { width: 50%; margin-left: 0; } .featured-images .layout-right .featured-images__image-3 img { width: 70%; margin-left: 0; } @media only screen and (max-width: 798px) { .featured-images .layout-right .featured-images__image-3 { width: 75%; margin-left: 0; order: 4; margin-top: -10%; } .featured-images .layout-right .featured-images__image-3 img { width: 100%; } } .featured-images .layout-right .featured-images__text { padding: 64px; } @media only screen and (max-width: 798px) { .featured-images .layout-right .featured-images__text { margin: 0 auto; position: static; margin-top: -30%; padding: 32px 44px; top: 35%; } } @media only screen and (max-width: 810px) { .featured-images .layout-right .featured-images__text { top: 33% !important; } } @media only screen and (max-width: 798px) { .featured-images .layout-right { flex-direction: column; } } .featured-images .layout-left .featured-images__image-1 { width: 50%; } .featured-images .layout-left .featured-images__image-1 img { width: 100%; } @media only screen and (max-width: 798px) { .featured-images .layout-left .featured-images__image-1 { width: 70%; margin-left: 0; display: none; } } .featured-images .layout-left .featured-images__image-2 { width: 50%; } .featured-images .layout-left .featured-images__image-2 img { width: 40%; margin-right: 0; margin-left: auto; } @media only screen and (max-width: 798px) { .featured-images .layout-left .featured-images__image-2 { width: 70%; margin-left: auto; margin-right: 0; margin-top: -30%; } .featured-images .layout-left .featured-images__image-2 img { width: 100%; margin: 0; } } .featured-images .layout-left .featured-images__image-3 { width: 50%; margin-right: 20%; margin-top: -15%; margin-left: auto; } .featured-images .layout-left .featured-images__image-3 img { width: 55%; margin: 0 auto; } @media only screen and (max-width: 798px) { .featured-images .layout-left .featured-images__image-3 { width: 70%; margin-left: 0; order: 4; margin-top: -10%; } .featured-images .layout-left .featured-images__image-3 img { width: 100%; } } .featured-images .layout-left .featured-images__text { padding: 64px; } @media only screen and (max-width: 798px) { .featured-images .layout-left .featured-images__text { margin: 0 auto; position: static; margin-top: -30%; padding: 32px 44px; } } @media only screen and (max-width: 798px) { .featured-images .layout-left { flex-direction: column; } } @media only screen and (max-width: 798px) { body.collection .featured-images__image-1 { height: 12vh; visibility: hidden; } } /* # ICONS WITH TEXT COLUMNS ================================================== */ @media only screen and (max-width: 798px) { .icon-with-text-column .section { width: 100%; max-width: unset; } } .icon-with-text-column .icon-with-text-column__column { border-top: 1px solid var(--color-secondary); border-bottom: 1px solid var(--color-secondary); } .icon-with-text-column .icon-with-text-column__column .icon { width: auto; height: auto; } .icon-with-text-column .icon-with-text-column__column:first-child { border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); border-left: 1px solid var(--color-secondary); } .icon-with-text-column .icon-with-text-column__column:last-child { border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); border-right: 1px solid var(--color-secondary); } @media only screen and (max-width: 798px) { .icon-with-text-column .icon-with-text-column__column { border-radius: 0 !important; border: 0 !important; } } /* # NEWSLETTER FORM ================================================== */ .newsletter-form { opacity: 0.4; } .newsletter-form .field { display: flex; margin: 0; } .newsletter-form .input { padding: 0; height: 89px; background: none; border: none; border-bottom: 2px solid var(--color-primary-contrast); padding: 0; color: var(--color-primary-contrast); box-shadow: none; width: auto; } @media only screen and (max-width: 768px) { .newsletter-form .input { width: 250px; text-align: center; } } @media only screen and (max-width: 480px) { .newsletter-form .input { font-size: 16px !important; } } .newsletter-form .input::-moz-placeholder { color: var(--color-primary-contrast); line-height: 1; font-size: inherit; } .newsletter-form .input::-webkit-input-placeholder { color: var(--color-primary-contrast); line-height: 1; font-size: inherit; } .newsletter-form .input:-moz-placeholder { color: var(--color-primary-contrast); line-height: 1; font-size: inherit; } .newsletter-form .input:-ms-input-placeholder { color: var(--color-primary-contrast); line-height: 1; font-size: inherit; } .newsletter-form .button { border: none; background: none; } /* # TESTIMONIALS ================================================== */ .testimonials .slider-wrapper .flickity-slider { display: flex; align-items: center; } .testimonials .testimonial-block { border-radius: 10px; } @media only screen and (min-width: 799px) { .testimonials .testimonial-block { margin-top: 40px; margin-bottom: 40px; } } .testimonials .testimonial-block .testimonial__image { margin: calc(var(--gutter) * 1.5) auto; max-width: 170px; width: 100%; } .testimonials .testimonial-block.testimonial-border--true { border: thin solid #939999; } @media only screen and (min-width: 799px) { .testimonials .testimonial-block.is-selected { margin-top: 0; margin-bottom: 0; scale: 1.00; padding-top: calc(var(--gutter) * 2); padding-bottom: calc(var(--gutter) * 2); } } @media only screen and (min-width: 852px) { .testimonials .testimonial-block.is-selected { width: calc(32.333333% - 12px) !important; } } @media only screen and (min-width: 847px) { .testimonials .testimonial-block.is-selected { width: calc(30.333333% - 3px); !important; } } @media only screen and (min-width: 798px) { .testimonials .testimonial-block.is-selected { width: calc(33.333333% - 0px); } } /* # BLOG CARD ================================================== */ .blog-card__content { padding-top: 24px; } .blog-card__content .title .featured-article--link { color: var(--color-primary); } .blog-card__content .excerpt { margin-top: -1rem; margin-bottom: 0; color: var(--color-secondary); } .blog-card.show-border-true { border-radius: 10px; overflow: hidden; max-width: 422px; margin-bottom: 96px; } @media only screen and (max-width: 798px) { .blog-card.show-border-true { margin-bottom: 48px; } } .blog-card.show-border-true .card-content { padding: 0; max-width: 276px; margin: 56px auto; } @media only screen and (max-width: 798px) { .blog-card.show-border-true .card-content { text-align: center; } } @media only screen and (min-width: 799px) { .blog-card.one-whole { flex-direction: row; max-width: unset; } .blog-card.one-whole .card-image { width: 50%; } .blog-card.one-whole .card-content { max-width: 276px; margin: 40px auto; } } /* # PRODUCT THUMNAIL ================================================== */ @media only screen and (max-width: 480px) { .product__thumbnail.small-down--one-whole { margin: 0; width: 100%; } } .product__thumbnail .product-thumbnail { display: flex; flex-direction: column; padding-top: 8px; flex-wrap: wrap; } .product__thumbnail .product-thumbnail__price { color: var(--color-secondary); font-size: 16px; } .product__thumbnail .product-thumbnail__title { color: var(--color-primary); } /* # MEGA MENU ================================================== */ .mega-menu { border-top: 1px solid var(--color-secondary); } .mega-menu__nav .menu__heading { margin-bottom: 16px; } .mega-menu__nav li { padding-bottom: 8px; text-transform: capitalize; } .mega-menu__collections { display: flex; flex-wrap: wrap; justify-content: flex-end; } .mega-menu__collections .list-collection__thumbnail { padding-left: var(--gutter); /* display: none; */ } /* # HEADER ================================================== */ .header.is-fixed { position: absolute !important; width: 100% !important; z-index: 1; } .header .header__link { padding: 0; /* text-transform: uppercase; */ } .header .header__link:hover, .header .header__link.is-active { text-decoration: underline; } .header .header__menu { padding: 0 0 0 var(--gutter); } .header__menu.header__menu__1, .header__menu__2 { padding: 0px; flex: 1 1 0%; } .header__menu__2{ justify-content: flex-end; display: flex; align-items: center; } .header__menu__2 a.header__link.action-area__link[data-show-search-trigger] { padding-left: 0px; } .header__menu__2 nav.header__menu.is-text.header__menu-items { padding: 0px; justify-content: flex-end; } .header .header__menu .header__link { padding-right: var(--gutter); } .header .header__icons .header__link { padding-left: var(--gutter); } /* # AJAX CART DRAWER ================================================== */ .ajax-cart { height: 100%; display: flex; flex-direction: column; } .ajax-cart__header { position: sticky; top: 0; padding: 30px var(--gutter); border-bottom: 1px solid var(--color-secondary); } @media only screen and (max-width: 798px) { .ajax-cart__header { padding: var(--gutter); } } .ajax-cart__close-icon { position: absolute; right: var(--gutter); top: 50%; transform: translateY(-50%); display: flex; align-items: center; cursor: pointer; } .ajax-cart__close-icon .icon { width: 10px; height: auto; margin-left: 12px; color: inherit; } .ajax-cart #ajax-cart__content { height: 100%; } .ajax-cart #ajax-cart__content form { display: flex; flex-direction: column; height: 100%; } .ajax-cart__product { display: flex; align-items: center; } .ajax-cart__product-image { width: 25%; margin-right: var(--gutter); } @media only screen and (max-width: 798px) { .ajax-cart__product-image { width: 45%; } } .ajax-cart__product-image .ajax-cart__delete { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--color-primary-contrast); } .ajax-cart__product-content { width: 45%; } @media only screen and (max-width: 798px) { .ajax-cart__product-content { width: calc(55% - var(--gutter)); } } .ajax-cart__product-content .ajax-cart__product-variants, .ajax-cart__product-content .ajax-cart__line-items, .ajax-cart__product-content .ajax-cart__line-items-discount { color: var(--color-secondary); } .ajax-cart__product-content .price { margin-top: 16px; } .ajax-cart__product .ajax-cart__delete { margin-bottom: 20px; border-radius: 26px; display: inline-block; padding: 3px 22px; color: var(--color-secondary); } .ajax-cart__product-info { width: 30%; text-align: right; } .ajax-cart__product .ajax-cart__quantity-box { width: 85px; margin-top: 12px; padding: 0 6px; } .ajax-cart__footer { padding: 12px var(--gutter); position: sticky; bottom: 0; margin-top: auto; border-top: 1px solid var(--color-secondary); } .ajax-cart__footer-info { margin-top: 32px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 798px) { .ajax-cart__footer-info { justify-content: center; } } /* # PRODUCT QUANTITY ================================================== */ .product-quantity-box { display: flex; border: 1px solid var(--color-secondary); border-radius: 26px; } .product-quantity-box .quantity-element { border-radius: 0; min-height: 24px; min-width: unset !important; background: none !important; border: none; } .product-quantity-box .quantity-element .icon { fill: var(--color-secondary); } .product-quantity-box .quantity-input-control input { border: none; min-height: 24px; padding: 0; border: none !important; height: 24px; color: var(--color-secondary); background: #fafbfb; } /* # FAQ SECTION ================================================== */ @media only screen and (max-width: 798px) { .faq-section .container { padding: 0; } } .faq-section .faq__block { /* display: none; */ margin-bottom: 80px; } .faq-section .faq__block.is-active { display: block; } .faq-section .faq__block .faq__block-title { cursor: pointer; position: relative; margin-bottom: 32px; } @media only screen and (max-width: 480px) { .faq-section .faq__block .faq__block-title { margin-bottom: 20px; } } .faq-section .faq__item { position: relative; cursor: pointer; border-top: 1px solid var(--color-secondary); border-bottom: none; text-align: left; } .faq-section .faq__item .faq__item-answer { padding: 0 0 32px; text-align: left; display: none; } .faq-section .faq__item .faq__item-answer p:not(:last-child) { margin-bottom: 20px; } .faq-section .faq__item .faq__item-question { padding: 32px 32px 32px 0; position: relative; margin: 0; display: flex; } @media only screen and (max-width: 480px) { .faq-section .faq__item .faq__item-question { padding: 20px 35px 20px 0; } } .faq-section .faq__item .faq__item-icon { position: absolute; width: 16px; height: 16px; right: 0; min-width: 16px; top: 50%; transform: translateY(-50%); transition: 0.3s all; } .faq-section .faq__item:last-child { border-bottom: 1px solid var(--color-secondary); } .faq-section .faq__search { margin-bottom: var(--gutter); width: 100%; } .faq-section .faq__search .icon { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; pointer-events: none; color: var(--color-secondary); width: 22px; height: auto; padding: 0; } .faq-section .faq__search input { height: 52px; border: 1px solid var(--color-secondary); padding: 0 42px; } .faq-section .faq__tags { width: 100%; position: sticky; top: 0; flex-direction: column; } @media only screen and (max-width: 798px) { .faq-section .faq__tags { margin: 24px 0 64px; justify-content: flex-start; } } .faq-section .faq__tags .faq__tags-tag { cursor: pointer; width: 100%; padding: 30px 0; border-top: 1px solid var(--color-secondary); } .faq-section .faq__tags .faq__tags-tag:last-child { border-bottom: 1px solid var(--color-secondary); } /* # INSTRUCTIONS SECTION ================================================== */ .instructions__block { margin-bottom: -60px; } @media only screen and (max-width: 798px) { .instructions__block { flex-direction: column; align-items: center; justify-content: center; margin: 0; } } .instructions__block__bullet { margin-right: -35px; } @media only screen and (max-width: 798px) { .instructions__block__bullet { margin: 0 0 -102px; } } .instructions__block__content { width: 100%; max-width: 422px; border: 1px solid var(--color-secondary); padding: 5%; position: relative; background: var(--color-primary-contrast); border-radius: 10px; } @media only screen and (max-width: 798px) { .instructions__block__content { max-width: unset; padding: 56px 48px; text-align: center; } } /* # PAYMENT INFO SECTION ================================================== */ .payment-info-section .payment-info__block { margin-bottom: var(--gutter); } .payment-info-section .payment-info__block__content { width: 100%; max-width: 422px; border: 1px solid rgba(147, 153, 153, 0.1490196078); padding: 10% 5%; position: relative; background: var(--color-primary-contrast); border-radius: 10px; text-align: center; } @media only screen and (max-width: 798px) { .payment-info-section .payment-info__block__content { padding: 64px 24px; } } /* # VIDEO SECTION ================================================== */ .video-section .video-wrapper .video-wrapper__close-overlay { display: none; position: absolute; right: calc(var(--gutter) / 2); top: calc(var(--gutter) / 2); cursor: pointer; } .video-section .video-wrapper.has-overlaid-player { position: fixed; top: 0; opacity: 0; left: 50%; z-index: 4; width: 100%; height: auto; transform: translate(-50%, -50%); max-width: var(--max-width-small); padding: 64px; background: white; border-radius: 10px; transition: 0.5s all; visibility: hidden; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3); } .video-section .video-wrapper.has-overlaid-player .video-wrapper__close-overlay { display: block; } .video-section .video-wrapper.has-overlaid-player.is-active { opacity: 1; top: 50%; visibility: visible; } /* # CONTACT FORM SECTION ================================================== */ .contact-section .contact-form__heading { margin-bottom: 64px; } .contact-section .contact-form__form { max-width: 930px; margin: 0 auto; } /* # FEATURED COLLECTION SECTION ================================================== */ .featured-collection-section .layout--slider .product-thumbnail { flex-direction: row; justify-content: space-between; } @media only screen and (max-width: 798px) { /* .featured-collection-section .featured-collection__featured { margin-bottom: 20px; } */ } /* # IMAGE WITH TEXT SECTION ================================================== */ @media only screen and (max-width: 798px) { .image-with-text .image-with-text__column.medium-down--one-whole { width: 100%; margin: 0; } } @media only screen and (max-width: 798px) { .image-with-text .image-with-text__column.image-with-text__image-column { order: 1; } } .image-with-text .image-with-text__column.image-with-text__text-column.is-left { padding-left: 0; padding-right: 0; } @media only screen and (max-width: 798px) { .image-with-text .image-with-text__column.image-with-text__text-column { padding: 0 0 64px; } } @media only screen and (min-width: 799px) { .image-with-text .image-with-text__column.image-with-text__text-column .image-with-text__wrapper { max-width: 320px; } .image-with-text .image-with-text__column.image-with-text__text-column .image-with-text__wrapper.is-left { padding: 0; margin-left: 0; } .image-with-text .image-with-text__column.image-with-text__text-column .image-with-text__wrapper.is-right { padding: 0; margin-left: auto; margin-right: 0; } .image-with-text .image-with-text__column.image-with-text__text-column .image-with-text__wrapper.is-center { margin: 0 auto; } } .image-overlay-blocks .image-with-text-overlay__banner { cursor: pointer; } @media only screen and (max-width: 798px) { .image-overlay-blocks .image-with-text-overlay__banner { padding-right: var(--gutter); } } .image-overlay-blocks .image-with-text-overlay__banner .image-element__wrap { height: 100%; transition: 0.8s; } .image-overlay-blocks .image-with-text-overlay__banner .image-element__wrap:before { content: ""; opacity: 0; width: 100%; height: 100%; top: 0; position: absolute; left: 0; background: rgba(28, 28, 27, 0.29); visibility: hidden; transition: 0.3s; } .image-overlay-blocks .image-with-text-overlay__banner .image-element__wrap img { height: 100%; -o-object-fit: cover; object-fit: cover; } @media only screen and (min-width: 799px) { .image-overlay-blocks .image-with-text-overlay__banner .caption-content { transition: 0.3s; opacity: 0; } } @media only screen and (max-width: 798px) { .image-overlay-blocks .image-with-text-overlay__banner .caption-content { padding: 16px 0 0; } } .image-overlay-blocks .image-with-text-overlay__banner .button--custom { bottom: 70px; } @media only screen and (max-width: 798px) { .image-overlay-blocks .image-with-text-overlay__banner .button--custom { display: none; } } @media only screen and (min-width: 799px) { .image-overlay-blocks .image-with-text-overlay__banner:hover .image-element__wrap { scale: 0.9; } .image-overlay-blocks .image-with-text-overlay__banner:hover .image-element__wrap:before { opacity: 1; visibility: visible; } .image-overlay-blocks .image-with-text-overlay__banner:hover .caption-content { opacity: 1; } } @media only screen and (max-width: 798px) { .rich-text .rich-text__text br { display: none; } } .mobile-header .mobile-menu__toggle-icon > * { display: flex; } .mobile-header .mobile-menu__toggle-icon > * .icon { width: 30px; height: 30px; } .mobile-header .mobile-icons .header__link { margin-left: 22px; } .mobile-header .mobile-icons .header__link .icon { width: 22px; } .mobile-menu .plus-minus-icon { width: 20px; height: 20px; min-width: 20px; } .mobile-menu__list .mobile-menu__first-level { margin-bottom: 24px; } .mobile-menu__list .mobile-menu__first-level .mobile-submenu__list { padding: 0; margin: 0; border: 0; } .mobile-menu__list .mobile-menu__first-level .mobile-submenu__list > li { padding-top: 8px; margin-top: 8px; } .search-form .control .icon { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; pointer-events: none; color: var(--color-secondary); width: 22px; height: auto; padding: 0; } .search-form .control input { height: 52px; border: 1px solid var(--color-secondary); padding: 0 var(--gutter); } .content-columns .image-with-text__block__text:not(.is-list) { margin: auto; max-width: 345px; } @media only screen and (max-width: 798px) { .content-columns .image-with-text__block__text:not(.is-list) { max-width: unset; } } .content-columns .image-with-text__block__text .image-with-text__text { height: 100%; } .content-columns .image-with-text__block__text .image-with-text__text ul { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; position: relative; } .content-columns .image-with-text__block__text .image-with-text__text ul:after { content: ""; background: var(--color-primary-contrast); height: 100%; position: absolute; left: 50%; top: 0; width: 1px; transform: translateX(-50%); z-index: 0; } .content-columns .image-with-text__block__text .image-with-text__text ul li { padding: 16px 0; margin-bottom: 40px; position: relative; z-index: 2; text-transform: uppercase; } @media only screen and (max-width: 798px) { .content-columns .image-with-text__block__text .image-with-text__text ul li { padding: 4px 0; margin-bottom: 16px; } } .content-columns .image-with-text__block__text .image-with-text__text ul li:last-child { margin-bottom: 0; padding-bottom: 0; } .content-columns .image-with-text__block__text .image-with-text__text ul li:first-child { padding-top: 0; } .packages__package { padding: var(--gutter) 0; display: flex; flex-direction: column; } @media only screen and (max-width: 798px) { .packages__package:not(:last-child) { margin-bottom: 20px; } } .packages__package__header { padding: 0 var(--gutter); position: relative; border-bottom: 1px solid var(--color-secondary); } .packages__package__header__title { margin-bottom: 64px !important; } .packages__package__header__tag { display: flex; align-items: center; justify-content: center; width: -moz-max-content; width: max-content; margin: 0 auto; padding: 3px 20px; border-radius: 26px; position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); } .packages__package__details { padding: var(--gutter); } .packages__package__details li { position: relative; display: flex; margin-bottom: 32px; align-items: center; } .packages__package .buttons { padding: 0 var(--gutter); margin-top: auto; } body.product #header { margin-bottom: calc(-1 * var(--header-height)); position: relative; z-index: 2; background: none !important; } .product-template .product__images { max-width: calc(100% - 500px); width: 65%; } @media only screen and (max-width: 1025px) { .product-template .product__images { width: 100%; max-width: unset; } } .product-template .product__images .product-gallery__image .image__container { max-width: unset !important; } .product-template .product__images .flickity-page-dots { color: var(--color-primary-contrast); } .product-template .product__information { width: clamp(35%, 500px, 600px); /* padding-top: calc(var(--header-height) + 32px); */ margin-top: 6px; } @media only screen and (max-width: 1025px) { .product-template .product__information { width: 100%; padding-top: 16px; } } .product-template .product__information .product-block { width: 100%; padding: 0 var(--gutter); } .product-template .product__information .product-block--meta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 var(--gutter) var(--gutter); } .product-template .product__information .product-block--meta .title, .product-template .product__information .product-block--meta .modal_price { color: var(--color-body-text); margin: 0; } .product-template .product__information .product-block--description { padding-top: 14px; } .product-template .product__information .product-block--buttons { padding-top: 32px; } .product-template .product__information .product-block--divider { padding: 0; } .product-tabs__tab { border-top: 1px solid var(--color-secondary); padding: calc(var(--gutter) / 2) var(--gutter); } .product-tabs__tab:last-child { border-top: 1px solid var(--color-secondary); } .product-tabs__tab:before { content: ""; height: calc(100% - var(--gutter) / 2); width: 1px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: var(--color-secondary); } @media only screen and (max-width: 798px) { .product-tabs__tab { padding: var(--gutter); } .product-tabs__tab::before { display: none; } } .product-tabs__tab__description { padding-left: var(--gutter); } @media only screen and (max-width: 798px) { .product-tabs__tab__description { padding: var(--gutter) 0; } } .product-tabs__tab__description p { margin: 0; } .product-tabs__tab__description p:empty { margin-bottom: calc(var(--gutter) / 2); } .blog-heading .heading-section__content { overflow: hidden; padding: 5px 20px; white-space: nowrap; overflow: visible; position: relative; display: flex; align-items: baseline; } .blog-heading .heading-section__heading { white-space: inline-block; } .text-animate { position: relative; animation: leftright 5s infinite alternate ease-in-out; } @keyframes leftright { 0%, 20% { transform: translateX(0%); left: 0%; } 80%, 100% { transform: translateX(-100%); left: 100%; } } [data-enable_overlay="true"] .header:hover { background: white; } [data-enable_overlay="true"] .header:hover * { color: black!important; /* filter: initial; */ } [data-enable_overlay=true] .header:hover img { filter: invert(1); } .product .product-template section { padding-top: 85px; } .custom-collection-featured .medium-down--one-half .image-element__wrap, .custom-collection-featured .medium-down--one-half .image-element__wrap img { height: 100vh; max-height: 620px; } @media screen and (max-width: 1092px) { .custom-collection-featured .medium-down--one-half .image-element__wrap, .custom-collection-featured .medium-down--one-half .image-element__wrap img { max-height: 500px; } } @media screen and (max-width: 920px) { .custom-collection-featured .medium-down--one-half .image-element__wrap, .custom-collection-featured .medium-down--one-half .image-element__wrap img { max-height: 450px; } } @media screen and (max-width: 768px) and (min-width: 480px) { .custom-collection-featured .medium-down--one-half .image-element__wrap, .custom-collection-featured .medium-down--one-half .image-element__wrap img { max-height: unset; height: unset; } .custom-collection-featured .medium-down--one-half { width: calc(100% - var(--gutter)); } } @media screen and (max-width: 480px) { .custom-collection-featured .medium-down--one-half .image-element__wrap, .custom-collection-featured .medium-down--one-half .image-element__wrap img { max-height: unset; height: unset; } .custom-collection-featured .medium-down--one-half { width: calc(100% - var(--gutter)); } } .note { width: 100%; display: flex; align-items: center; justify-content: center; margin: 10px 0; } #stockist-widget .stockist-list-result .stockist-result-name * { font-weight: 900; line-height: 1.4; font-size: 18px; } #stockist-widget .stockist-result-address * { font-size: 18px; } #stockist-widget .stockist-map { left: unset!important; width: 70%; } /* #stockist-widget .stockist-horizontal .stockist-side-panel { width: 400px; } */ #stockist-widget .stockist-query-entry .stockist-search-field { border: 1px solid #000000!important; height: 48px!important; background-color: transparent; color: #00000080; line-height: 19px; } #stockist-widget .stockist-query-entry .stockist-search-button button { height: 48px!important; width: 48px!important; background-color: #000; border-radius: 0; } #stockist-widget .stockist-horizontal .stockist-side-panel { width: 29%!important; } #stockist-widget .stockist-result .stockist-result-name { margin-bottom: 5px; font-weight: 900!Important; font-size: 18px; } @media only screen and (max-width: 768px) { #stockist-widget .stockist-horizontal .stockist-side-panel { width: 100%!important; } #stockist-widget.stockist-responsive .stockist-result-list { height: auto!important; } #stockist-widget .stockist-map { width: 100%; } } .product-template .flickity-button { background-color: #9c9c9c1a; width: 40px; height: 40px; padding: 10px; transition: .3s; box-shadow: 0px 0 10px 3px rgba(0,0,0,0.12), 0px 0px 10px 5px rgba(0,0,0,0.24); } .product-template .flickity-button:hover { background-color: #9c9c9c36; box-shadow: 0px 0 10px 16px rgba(0,0,0,0.12), 0px 0px 10px 5px rgba(0,0,0,0.24); } #calculator { max-width: unset!important; } #calculator .element * { font-size: 15px; text-transform: unset; } #calculator .swatch-picker .swatch-label { height: 85px; width: 85px; } #calculator .price-marker { background-color: #1c1c1b!important; } .product-template .product__information .product-block--divider { padding: 10px 0; } #calculator div.element input[type=number] { border: 1px solid rgb(0 0 0)!important; margin: 8px 0 0 !important; width: 100%; } #calculator .element labele { cursor: pointer; } #calculator .swatch-picker .swatch-label input { cursor: pointer; width: 100%; height: 100%; } .custom-collection-slider .flickity-viewport { overflow-x: scroll; } .custom-collection-slider ::-webkit-scrollbar { display: none } [data-enable_overlay="true"] .header__link:hover { color: #8c7d5b!important; } .ctooltip:after { content: attr(title); font-size: 13px; } .ctooltip:hover:after { background: unset!important; border-radius: unset!important; bottom: unset!important; color: unset!important; left: unset!important; padding: unset!important; position: unset!important; z-index: unset!important; width: unset!important; } .ctooltip:hover:before { content: unset!important; } @media only screen and (max-width: 768px) { .product .product-template section { padding-top: 0; } } @media only screen and (max-width: 1339px) { .featured-images .layout-left .featured-images__text { padding: 34px; } } @media only screen and (max-width: 1163px) { .featured-images .layout-left .featured-images__text { padding: 17px; } } @media only screen and (max-width: 1032px) { .featured-images .layout-left .featured-images__text { padding: 28px; top: 10%!Important; } } @media only screen and (max-width: 953px) { .featured-images .layout-left .featured-images__text { padding: 15px; top: 5%!Important; } } @media screen and (max-width: 873px) and (min-width: 768px) { .featured-images .layout-left .featured-images__text { top: 0%!Important; padding: 20px; font-size: 16px; } } @media only screen and (max-width: 798px) { .featured-images .layout-left .featured-images__image-2 { margin-top: 0%; } } #calculator .swatch-picker .swatch-label { height: 100px; width: 80px; display: flex!Important; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 10px!important; } #calculator .swatch-picker .swatch-label input { cursor: pointer; width: 100%; height: 100%; position: absolute; left: 0; } #calculator .swatch-picker .swatch-label img { position: unset; } fieldset.swatch-picker { display: flex; flex-wrap: wrap; align-items: center; } @media screen and (max-width: 804px) and (min-width: 797px) { .image-with-text-overlay .caption .button--custom { bottom: -15px; } } @media only screen and (max-width: 1000px) { .testimonials .testimonial-block.is-selected { padding-right: calc(var(--gutter) * 0.5); padding-left: calc(var(--gutter) * 0.5); } } @media screen and (max-width: 837px) and (min-width: 797px) { .image-overlay-blocks .button--custom__content { padding: 30px 21px; min-width: 210px; } .image-with-text-overlay .caption .caption-content { padding: 0 20px; } } .blog-card__image .image { height: 100%; } .blog-card__image .image .image-element__wrap { height: 100%; } .blog-card__image .image .image-element__wrap img { height: 100%; } .blog-posts .has-no-side-gutter .one-half { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; } .has-no-side-gutter .payment-info__block.one-half { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; } @media only screen and (max-width: 768px) { .has-no-side-gutter .payment-info__block.one-half { width: calc(100% - 20px); } } @media only screen and (max-width: 768px) { .c2-accessories .image-element__wrap.featured-collection__featured { padding-bottom: 50px; } .newsletter-form__wrapper .note { text-align: center; } #theme-ajax-cart.is-drawer { right: -130vw; } .custom-blog-class .heading-wrapper--article { margin-left: 0px !important; margin-right: 0px !important; } .custom-blog-class h1, .custom-blog-class h2, .custom-blog-class h3, .custom-blog-class h4, .custom-blog-class h5, .custom-blog-class h6 { overflow-wrap: anywhere; } .custom-contact-class .button.button--primary { margin-bottom: 20px; } .custom-richtext-class .rich-text__text.is-h1 p { margin-bottom: 13px; } .unit-price span { font-size: 16px !important; } } @media only screen and (max-width: 400px) { .footer .footer__payment-methods .payment-methods { display: flex; flex-wrap: wrap; } } .featured-collection-section .product-thumbnail__price-box { /* color: white; */ display: flex; flex-direction: column; align-items: end; } .newsletter-form__wrapper .note a:hover { color: white; } .search-row { width: 100%; } a.stockist-feature-color { color: #fafbfb; background-color: #1c1c1b; border-radius: 26px; height: auto; max-width: 100%; white-space: normal; overflow-wrap: normal; cursor: pointer; justify-content: center; padding: 15px 22px!important; text-align: center; transition: all .2s ease-in-out; white-space: nowrap; display: flex; border: 1px solid #1c1c1b!important; width: fit-content; } a.stockist-feature-color:hover { background: white; color: #1c1c1b; border: 1px solid #1c1c1b!important; } .icon-with-text-column .icon-with-text-column__column { display: flex; align-items: center; justify-content: center; } /* Markup changes */ .icon-with-text-column .icon_image { width: 100%; height: auto; max-width: 160px; } .cart__checkout .checkout { color: white; } html.js.no-touch.mediaqueries.no-touchevents.translated-ltr { scroll-behavior: smooth; } html.js.no-touch.mediaqueries.no-touchevents { scroll-behavior: smooth; } .Custom-best-seller .flickity-viewport::-webkit-scrollbar { display: none; } .Custom-best-seller .flickity-viewport { overflow-x: scroll; } .custom-faq-image .image-with-text-overlay__buttons { margin-top: 40px; } .product-tabs .product-tabs__tab__title.one-half.column.medium-down--one-whole.is-h4 { height: fit-content; position: sticky; top: 10rem; width: 50%; } .hidden-unit { display: none; } .product-thumbnail__unit-price > font:first-child { display: none; } .product-thumbnail__unit-price::first-letter { visibility: hidden; } /* .unit-pricing > font:first-child { display: none; } .unit-pricing::first-letter { visibility: hidden; } */ /* .unit-pricing { margin-left: -7px; } */ .blog-card.show-border-false .card-content { background-color: white !important; } .custom-blog-color .card { background-color: white !important; } .blog-post-color .card { background-color: white !important; } .c2-accessories .flickity-viewport { overflow-x: scroll; } .c2-accessories ::-webkit-scrollbar { display: none } .c2-accessories .flickity-viewport { overflow-x: scroll; } .c2-accessories ::-webkit-scrollbar { display: none } html.js.has-touch.mediaqueries.touchevents { scroll-behavior: smooth; } /* .shopify-product-form .option-title.label { display: none; } */ .Custom-best-seller .flickity-page-dots { bottom: -40px !important; } .Custom-best-seller .flickity-page-dots .dot { width: 12px; height: 12px; background: black; } .Custom-best-seller .flickity-page-dots .dot:before { width: calc(100% + 6px); height: calc(100% + 6px); border: 1px solid black !important; } .shopify-policy__container { overflow-wrap: anywhere; } .Custom-best-seller .flickity-page-dots { display: none; } .active-dots .flickity-page-dots{ display: block!important; } @media only screen and (max-width: 768px) { .Custom-best-seller .flickity-page-dots { bottom: 14px!important; } .Custom-best-seller .flickity-page-dots .dot:before { width: calc(100% + 5px); height: calc(100% + 5px); border: 1px solid black!important; } .Custom-best-seller .flickity-page-dots .dot { width: 10px; height: 10px; background: black; } .product-tabs .product-tabs__tab__title.one-half.column.medium-down--one-whole.is-h4 { width: 100%; } } .custom-collection-slider .flickity-page-dots { bottom: -40px !important; } .custom-collection-slider .flickity-page-dots .dot { width: 12px; height: 12px; background: white; } .custom-collection-slider .flickity-page-dots .dot:before { width: calc(100% + 6px); height: calc(100% + 6px); border: 1px solid #ffffff !important; } .shopify-policy__container { overflow-wrap: anywhere; } .custom-collection-slider .flickity-page-dots { display: none; } .active-dots .flickity-page-dots{ display: block!important; } @media only screen and (max-width: 768px) { .custom-collection-slider .flickity-page-dots { bottom: 14px!important; } .custom-collection-slider .flickity-page-dots .dot:before { width: calc(100% + 5px); height: calc(100% + 5px); border: 1px solid #ffffff!important; } .custom-collection-slider .flickity-page-dots .dot { width: 10px; height: 10px; background: white; } .product-tabs .product-tabs__tab__title.one-half.column.medium-down--one-whole.is-h4 { height: unset; position: unset; top: 10rem; } [data-mobile-accordion-panel] [data-mobile-accordion-trigger] .plus-minus-icon { z-index: -2; } .testimonials .testimonial-block.testimonial-border--true { width: calc(90% - var(--gutter))!important; } } .hide-bar { display: none; } .product_form .swatch.is-flex.is-flex-wrap { display: none; } .product--variants-template .product_form .swatch.is-flex.is-flex-wrap { display: flex; } .newsletter-form__wrapper .note h2 { text-align: center; } #calculator .element select:enabled { color: black; } .mobile-menu__content { border-top: 1px solid #939999; } .mobile-menu__content .mobile-menu__list { margin-top: 30px; } #shopify-section-header-classic [data-enable_overlay="false"] .header { background: #FAFBFB !important; } /* New Revisions */ h1.cart-page__title.title.is-h1 { margin-top: 30px; } .cart__form .cart__quantity .purchase-details__quantity.product-quantity-box { min-height: 50px; align-items: center; } .ajax-cart__footer,.ajax-cart__header{ background-color: white; z-index:1; } .content p:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content ul:not(:last-child), .content blockquote:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child){ margin-bottom:0.5em!important; } @media only screen and (max-width: 480px) { .custom-collection-slider .featured-collection__title.is-h1{ font-size:40px!important; } } .product-text.has-padding-top, .product-form-container.has-padding-top{ padding-top:32px!important; } .product-form-container .description{ margin-top: 30px; margin-bottom:32px; } .description.content.is-h6 p{ margin-bottom:0!important; } /* Css Done By FieryMayo */ /* Mega Menu Collections */ .mega-menu__collections .list-collection__thumbnail { margin-bottom: 20px; } /* Product Thumbnail Loox */ .product-thumbnail .loox-rating-label { margin-bottom: -5px; } .product-thumbnail__unit-price { display: none; } /* Product Page */ .product-form-container.has-padding-top { padding-top: 0px !important; } .product-template .product__information .product-block--meta , a[href="#looxReviews"] { padding-bottom: 5px; } /* Announcement Bat */ .has_icon_bar { display: flex; align-items: center; } .has_icon_bar img { max-height: 40px; /* Fallback Image height */ width: auto !important; margin-right: 8px; } .jsIconWithTextColumn .section.is-width-small { width: 100%; max-width: 100%; } .jsIconWithTextColumn .container.is-justify-center.slider-wrapper.has-mobile-slider.has-tablet-slider.flickity-resize { max-width: 1300px; } .password-page .password-logo { max-width: 240px; } h2.password-page-message.is-text { line-height: 64px; padding: 21px 0; } .password-page__newsletter h3 { font-size: 40px; line-height: 53px; padding-bottom: 18px; } .password-page__newsletter .subtitle.is-text p { color: #fff; max-width:383px; margin: auto; } .password-page__newsletter .newsletter-form .input { height: 53px; background: #fff; opacity: 1; color: #1C1C1B; font-size: 12px; font-weight: 300; letter-spacing: 0; line-height: 16px; padding: 18.5px 16.5px; display: flex; width: 100%; max-width: 339px; text-align: left; } .password-page__newsletter .newsletter-form { opacity: 1; width: 100%; flex-direction: column; max-width: 339px; margin: auto; } .password-page__newsletter .newsletter-form .input::placeholder { color: #1C1C1B; font-size: 12px; font-weight: 300; letter-spacing: 0; line-height: 16px; padding: 18.5px 16.5px; display: flex; align-items: center; } .password-page__newsletter button.button.button--secondary.is-within-form { border: 1px solid #939999; border-radius: 26px; background-color: #8C7D5B; margin-top: 20px; } @media screen and (max-width:798px){ .newsletter-form .input { font-size: 24px!important; height: 36px; line-height: 32px; min-height: auto; } .newsletter-form.form { padding-top: 10px; } /* .newsletter-form.form button.button.button--secondary.is-within-form { display: none; } */ .footer__heading, .footer .footer__block.block__text strong{ font-size: 20px; } .footer .footer__block.block__text .footer__heading { font-size: 20px; } .icon { width: 22px; height: 22px; } .control.has-icons-left .input, .faq-section .faq__search input{ padding-left: 40px; color: border-c; border-color: #939999; border-radius: 2px; border-width: 1px; box-shadow: none; outline: none; } .control.has-icons-left .input::placeholder { font-size: 12px; } .mobile-menu__toggle-icon.is-active .mobile-header__close-menu .icon { width: 30px; height: 30px; color: #000; } .button--custom__content span.is-h6.button--custom__content__label { font-size: 24px; line-height: 32px; padding-top: 2px; } .button--custom__content span.is-text-small.is-uppercase.button--custom__content__title { line-height: 16px; } .button--custom__content { padding: 35.5px 18.5px 45.5px; } span.button--custom__content span.is-h6.button--custom__content__label { line-height: 32px; } .rich-text__text.is-h3 { font-size: 48px; } h3.image-with-text__heading.is-h3 { font-size: 48px; } .rich-text__text.is-h1 p { font-size: 64px; word-break: break-word; letter-spacing: -6.1px; } .shopify-section.rich-text .columns.one-whole { margin: 0; width: 100%; } .rich-text__text.is-h1 p { font-size: 64px; word-break: break-word; letter-spacing: -6.1px; } .shopify-section.rich-text .columns.one-whole { margin: 0; width: 100%; } h2.image-with-text-overlay__heading.banner__heading.title.is-h2 span { font-size: 64px; } div#template-page-about .image-with-text-overlay .caption .caption-content { padding-top: 40px; } .image-with-text-overlay__subheading.banner__subheading.subtitle.is-text p { line-height: 21px; } h2.is-h3.image-with-text__title { font-size: 48px; padding-bottom: 16px; line-height: 64px; } div#template-page-about .rich-text__content div { text-align: center; } h4.title.is-h5 a.featured-article--link { font-size:24px; } .jsFAQ .container.five-sevenths.has-padding-left.medium-down--one-whole.column.has-no-side-gutter { width: 100%; } h3.faq__block-title.is-h3 { text-align: center; } h6.title.faq__item-question.is-h5 { font-size: 24px; } .button--primary, a.button--primary.button { max-width: 100%; margin: 0; padding: 18.5px 32.5px; line-height: 16px; } .image-with-text-overlay__buttons.buttons.is-center.medium-down--is-center { padding-top: 8px; } h2.rich-text__heading.title.is-h1, h2.contact-form__heading.title.is-h1{ font-size: 64px; } form#contact_form .buttons.is-center.column.one-whole { padding-top: 8px; } .image-with-text-overlay__subheading.banner__subheading.subtitle.is-text-light p { font-weight: 300; line-height: 21px; } h4.title.is-h4 a.featured-article--link, h1.product_name.title.is-h4, .modal_price.subtitle.is-h4 span.money{ font-size:30px; } h1.faq__title.title.is-h1 { font-size: 64px; } h2.title.is-h4 { font-size: 30px; margin-bottom: 8px; line-height: 42px; } .modal_price.subtitle.is-h4 span.money { font-size: 30px; } .product-tabs__tab { padding-bottom: 34px; } h2.image-with-text-overlay__heading.banner__heading.title.is-h3 { font-size: 48px; } .caption.is-container-standard.is-justify-right.medium-down--is-justify-right.is-align-start.medium-down--is-align-end { width: 100%; } .caption.is-container-standard.is-justify-right.medium-down--is-justify-right.is-align-start.medium-down--is-align-end .caption-content.text-align-left.medium-down--text-align-left.has-border-or-background.has-padding { max-width: calc(100% - 48px); border-radius: 10px 0 0 10px; bottom: 64px; position: relative; } #theme-ajax-cart.is-drawer { max-width: 100%; } div#template-page-contact .image-with-text-overlay .caption { height: calc(100% - 80px); } h2.image-with-text-overlay__heading span, .image-with-text-overlay__subheading.64.subtitle.is-h1 p { line-height: 64px; } .faq-section .container { width: 100%; } div#template-page-accessories h2.featured-collection__title.title.is-h2 a { letter-spacing: -3px; width: 100%; display: block; } div#template-page-accessories .heading-wrapper { margin: 0 !important; width: 100%; } div#template-page-accessories section.section.is-width-medium { width: calc(100% - 30px); } div#template-page-b2b-requests h2.image-with-text-overlay__heading.banner__heading.title.is-h2 span, div#template-page-individual-requests h2.image-with-text-overlay__heading.banner__heading.title.is-h2 span, div#template-collection-stairs h2.image-with-text-overlay__heading.banner__heading.title.is-h2 span{ font-size: 48px; } div#template-page-instruction .rich-text__text.is-h3 { font-size: 30px; } .product-gallery__main .flickity-prev-next-button { display: none; } h2.image-with-text-overlay__heading.banner__heading.title.is-h1, .image-with-text-overlay__subheading.banner__subheading.subtitle.is-h1 { line-height: 64px; } .slideshow-classic .caption, .image-with-text-overlay .caption { width: calc(100% - var(--gutter)*2); } .content-columns .image-with-text__block__text .image-with-text__text ul li { font-size: 12px; font-weight: 300; } .password-page__newsletter .newsletter-form.form button.button.button--secondary.is-within-form { display: block; } } /* Revisions */ /* #2 */ .home-overlay .image-with-text-overlay__banner { transition: .8s; cursor: pointer; } .home-overlay .image-with-text-overlay__banner:hover { scale: .9 !important; } /* #1, #3, #5, #13 */ .home-rich-text .rich-text__content { transition: .8s; cursor: pointer; } .home-rich-text .rich-text__content:hover { scale: 0.9; } /* #37 */ .button font { font-size: 14px; } .faq__tags_sticky { width: 100%; position: sticky; top: 3px; display: flex; flex-direction: column; } @media only screen and (max-width: 768px) { .faq__tags { display: none; } } .featured-collection-section .product__thumbnail { padding-bottom: 10px; } @media only screen and (max-width: 768px) { .blog-posts .featured-article.blog-card { margin-left: 10px; margin-right: 10px; width: calc(50% - 20px); max-width: unset; flex-grow: 1; } .featured-collection-section .product__thumbnail { margin-right: 10px; } .featured-collection-section .product__thumbnail { padding-bottom: 15px !important; margin: 0px 5px !important; width: calc(50% - 10px); } .featured-collection-section .product__thumbnail .product-thumbnail { padding-top: 0px; } .home-overlay .image-with-text-overlay__banner .caption-content { opacity: 1!important; } .home-overlay .image-with-text-overlay__banner:hover { scale: unset !important; } } @media only screen and (max-width: 426px) { .blog-posts .featured-article.blog-card { width: calc(100% - 20px); } .button--custom .button--custom__icon { padding: 0 20px; } .featured-collection-section .featured-collection__featured { margin-bottom: 20px; } } .home-overlay .caption-content { opacity: 0; transition: 0.3s; } .home-overlay .image-with-text-overlay__banner:hover .caption-content { opacity: 1; } .featured-collection-section .thumbnail__caption { padding: 10px 3px; } [data-icon="search"] g { opacity: 1; } [data-icon="search"] { width: 25px; height: 25px; } /* @media screen and (max-width: 768px) and (min-width: 480px) { .featured-collection-section .medium-down--one-half { width: calc(100% - var(--gutter)); } } @media screen and (min-width: 1300px) { .featured-collection-section .medium-down--one-half { width: calc(50% - var(--gutter)); } } @media screen and (max-width: 1300px) { .featured-collection-section .medium-down--one-half { width: calc(50% - var(--gutter)); } } @media screen and (max-width: 920px) { .featured-collection-section .medium-down--one-half { width: calc(50% - var(--gutter)); } } */ @media screen and (max-width: 1092px) { .featured-images .layout-right .featured-images__text { padding: 20px; } } @media screen and (max-width: 768px) and (min-width: 480px) { /* .collection-overlapping { margin-top: 120px; } */ } .blog-main .featured-article.blog-card { flex-grow: 1; } @media screen and (max-width: 425px) { .featured-collection-section .featured-collection__title.title.is-h2 { margin-bottom: 20px; } .custom-collection-featured .product-image__wrapper .image-element__wrap img { height: 300px; object-fit: cover; } } @media screen and (max-width: 769px) { .featured-collection-section .featured-collection__title.title.is-h2 { margin-bottom: 20px; } .blog-heading .heading-section__heading { white-space: nowrap; } .custom-search .container:first-child .one-whole { width: fit-content!Important; margin: 0; } .custom-search:has([data-autocomplete-true]) { display: flex; align-items: center; flex-direction: row-reverse; } .custom-search .container:has([data-autocomplete-true]) { margin: 0; } .search-form .control input { width: 300px; } } .product-form-container .description{ /* padding-left: 10px !important; */ } .featured-images__button{ margin-top: 15px; } @media screen and (max-width: 769px) { .featured-collection-section .container.layout--grid { padding-top: 5px; } } @media(max-width: 798px){ .top-bar__item-text div{ justify-content: center; } } @media (max-width: 1200px){ .featured-images__button{ display: flex; } .featured-images__button .button{ padding: 12px; } } .image-with-text-overlay__banner .logo-list__item { width: calc(33% - 40px); max-width: max-content; } .image-with-text-overlay__banner .logo-list__item .image-element__wrap, .image-with-text-overlay__banner .logo-list__item .placeholder-svg { max-width: 70px; max-height: 70px; border-radius: 50%; min-height: unset; } .image-with-text-overlay__banner .logo-list__item .logo-list--text { text-align: center; padding: 10px; color: #fff; max-width: 120px; margin: auto; } .image-with-text-overlay__banner .logo-list__wrapper { margin-top: 25px; justify-content: flex-start; } .header__link span.icon.header__icon { width: 20px; height: 20px; } @media(max-width: 1300px){ .header .header__menu .header__link{ padding-right: 20px; } .header .header__icons .header__link { padding-left: 20px; } .header .header__menu .navbar-link:not(.is-arrowless):after { right: 0.1em; } } @media(max-width: 1080px){ .header .header__menu .header__link { font-size: 14px; } #shopify-section-header-classic .header { padding-left: 20px !important; padding-right: 20px !important; } } @media(max-width: 920px){ .header .header__menu { padding: 0 0 0 20px; } } @media (max-width: 890px) { .header .header__menu .header__link { font-size: 12px; padding-right: 18px; } .header .header__icons .header__link { padding-left: 12px; } .image-with-text-overlay__banner .logo-list__item{ margin-right: 15px !important; margin-left: 0px !important; } } .prod_sample__img_holder { display: flex; margin-right: 20px; } img.prod_sample__img { width: 38px; min-width: 38px; border-radius: 100%; height: 38px; margin-right: -12px; border: 2px solid #fff; } .products_samples_holder { display: flex; align-items: center; margin-bottom: 10px; background: #FAFBFB; } .icons_text__holder { border: 1px solid #d9d6cc; border-radius: 3px; font-size: 13px; } .icons_text__holder .payment_icons__container { padding: 10px 16px 5px; border-bottom: 1px solid #d9d6cc; } .icons_with__text .icon__text { display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #d9d6cc; } .icons_with__text .icon__text:last-child{ border-bottom: none; } .icons_with__text .icon__text img { width: 30px; margin-right: 10px; } @media(min-width: 768px){ .products_samples_holder{ display: none; } .section--hide--desktop{ display: none !important; } } .video__popup_modal { position: absolute; z-index: 9; bottom: 10px; padding: 10px; font-size: 15px; background: #8c7d5bbd; color: #fff; left: 10px; display: flex; align-items: center; } .video__popup_modal span.icon { margin-left: 5px; } .video__popup_modal span.icon svg{ border-radius: 50px; } .video__popup_modal:hover{ color: #fff; background: #8c7d5b; } #shopify-section-footer-classic .content a:not(:hover) { color: #8c7d5b; } .product__images .product-gallery { position: relative; } .subcollection__menu .c2-menu-row, .subcollectie__menu .c2-menu-row{ justify-content: center; width: 100%; padding: 34px 10px; } .subcollection__menu .c2-menu-row a, .subcollectie__menu .c2-menu-row a{ padding: 8px 12px; font-size: 16px; border-radius: 4px; color: #000; background: transparent; transition: unset; margin-right: 20px; } .subcollection__menu .c2-menu-row a.active, .subcollectie__menu .c2-menu-row a.active { background-color: #665d48; color: #fff; } .subcollection__menu .c2-menu-row a:hover, .subcollectie__menu .c2-menu-row a:hover{ background-color: #f3f3f3; color: #000; } /* .mega-menu__linklist .menu__heading{ font-size: 16px; margin-bottom: 20px; } */ @media(min-width: 798px){ .hide__desktop__true{ display: none; } } @media(max-width: 600px){ .shopify-section.collection-main .section.section { width: 100%; } .subcollection__menu .c2-menu-row { justify-content: left; } .video__popup_modal{ bottom: unset; top: 10px; left: unset; right: 10px; } } .custom_switch { position: relative; display: inline-block; width: 60px; height: 34px; } .custom_switch input { opacity: 0; width: 0; height: 0; } .custom_switch_slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .custom_switch_slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .custom_switch_slider { background-color: #8c7d5b; } input:focus + .custom_switch_slider { box-shadow: 0 0 1px #8c7d5b; } input:checked + .custom_switch_slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .custom_switch_slider.round { border-radius: 34px; } .custom_switch_slider.round:before { border-radius: 50%; } .model_toggle_container { display: flex; margin-left: auto; margin-right: 20px; margin-bottom: 20px; align-items: center; } span.model_toggle_label { font-size: 16px; padding-right: 10px; opacity: 0.8; } a.js-recover-password.footer-text.button.button--primary { display: flex; align-items: center; justify-content: center; margin-top: 21px; max-width: 200px; } .product_teaser_text{ padding-top: 5px; } @media(min-width: 798px){ .model_toggle_container{ display: none; } } @media (min-width: 799px) and (max-width: 1140px){ .subcollection__menu .c2-menu-row a{ padding: 6px 6px; font-size: 14px; margin-right: 5px; } } @media(max-width: 798px){ .collection-main .has-secondary-image-swap:not(.toggle_media_off) .image-element__wrap img{ visibility: hidden; opacity: 0; height: 0px; } .collection-main .has-secondary-image-swap:not(.toggle_media_off) .image-element__wrap img.swap--visible{ visibility: visible; opacity: 1; height: auto !important; } .collection__filters{ margin-bottom: 12px; } .subcollection__menu .c2-menu-row a{ padding: 6px 6px; font-size: 14px; margin-right: 5px; min-width: max-content; } .subcollection__menu .c2-menu-row { padding-top: 20px; padding-bottom: 25px; overflow-x: scroll; } .collection__filters .is-grouped { justify-content: space-between; gap: 16px; } .collection__filters .select { width: calc(50% - 8px); margin-left: 0px !important; margin-right: 0px !important; } .collection__filters .select select:not([multiple]):not(.is-arrowless) { width: 100%; } } @media(max-width: 798px){ .product__thumbnail .thumbnail-sticker{ justify-content: center; align-items: center; padding: 5px 9px; } } @media(min-width: 799px) and (max-width: 1024px){ .product__thumbnail .thumbnail-sticker{ justify-content: center; align-items: center; padding: 5px 5px; font-size: 12px; } .collection-main .collection__filters{ width: 100%; } } @media(max-width: 1024px){ .collection-main .collection__filters{ width: 100%; } } /* Header menu styling */ .header .navbar-dropdown .navbar-submenu .navbar-item { padding: 10px 14px !important; font-size: 16px; word-wrap: break-word; } .header .navbar-dropdown a.navbar-item.menu__heading { padding: 10px 14px !important; font-weight: 600; } .header .navbar-dropdown .navbar-submenu { border: none; margin: 0px; } .collection_blocks_menu .list-collection__thumbnail { width: 100% !important; margin: 0px !important; padding: 10px 15px; } .collection_blocks_menu .menu__heading { padding: 10px 14px !important; font-weight: 600; } .horizontal-dropdown__column.collection_blocks_menu { min-width: 25%; } /* .horizontal-dropdown__column.collection_blocks_menu .image-element__wrap img { min-height: 130px; } */ .horizontal-dropdown__column.collection_blocks_menu .collection-info__caption .title{ font-size: 20px; margin: 0px; font-weight: bold; } .horizontal-dropdown__column.collection_blocks_menu .collection-info__caption .subtitle { margin: 0px; } .horizontal-dropdown__column.collection_blocks_menu .collection-info__caption { padding: 0px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: center; } @media(min-width: 1024px){ .horizontal-dropdown__column.has-submenu { width: 18%; } } .swatch .option-title span.options-selection__option-name { font-weight: 600; font-size: 17px; } .swatch .swatch-element label { font-size: 16px; } .product-template .product__information .product-block.product-block--options { padding-top: 12px; } @media(max-width: 768px){ .product__information.has-product-sticker .sticker-holder { position: absolute; top: 10px; left: 5px; } .product__information.has-product-sticker .thumbnail-sticker { width: max-content; } } @media(min-width: 799px){ .image-with-text-overlay .custom-overlay .container.slider-wrapper.has-tablet-slider { row-gap: 30px; } }