/** Shopify CDN: Minification failed Line 18:5944 "positon" is not a known CSS property Line 36908:0 Unexpected "{" **/ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-duration:.75s;animation-name:bounceIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-20px,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(20px,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}to{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible;opacity:1}to{transform:translateZ(0);opacity:1}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible;opacity:1}to{transform:translateZ(0);opacity:1}}.slideInRight{animation-name:slideInRight}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.delay-1s{animation-delay:1s}.animated.delay-2s{animation-delay:2s}.animated.delay-3s{animation-delay:3s}.animated.delay-4s{animation-delay:4s}.animated.delay-5s{animation-delay:5s}.animated.fast{animation-duration:.8s}.animated.faster{animation-duration:.5s}.animated.slow{animation-duration:2s}.animated.slower{animation-duration:3s}@media (print){.animated{animation:unset!important;transition:none!important}}/*! Flickity v2.1.2 https://flickity.metafizzy.co ---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-button{position:absolute;background:rgba(255,255,255,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;border-color:#96989E !important}.flickity-button:disabled svg{fill:#96989E !important}.flickity-button-icon{fill:#333}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-40px;padding:0;margin:0;list-style:none;text-align:left;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:20px;height:20px;margin:0 8px;border-radius:50%;background:#c9cccf;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0}.flickity-enabled.is-fade .flickity-slider>.is-selected{pointer-events:auto;z-index:1}/*! Lazyframe https://github.com/vb/lazyframe ---------------------------------------------- */.lazyframe{position:relative;background-color:currentColor;background-repeat:no-repeat;background-size:cover}.lazyframe__title{position:absolute;top:0;left:0;right:0;padding:15px 17px;z-index:3}.lazyframe__title:after{z-index:-1}.lazyframe:hover{cursor:pointer}.lazyframe:before{display:block;content:"";width:100%;padding-top:100%}.lazyframe[data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-ratio="1:1"]:before{padding-top:100%}.lazyframe iframe{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;width:100%;height:100%}.lazyframe[data-vendor=youtube],.lazyframe[data-vendor=youtube_nocookie]{background-color:#e52d27;font-family:Roboto,Arial,Helvetica,sans-serif}.lazyframe[data-vendor=youtube] .lazyframe__title,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title{color:#eee;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:18px;text-shadow:rgba(0,0,0,.498039) 0 0 2px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:color .1s cubic-bezier(.4,0,1,1)}.lazyframe[data-vendor=youtube] .lazyframe__title:hover,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:hover{color:#fff}.lazyframe[data-vendor=youtube] .lazyframe__title:before,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:before{content:"";display:block;background:linear-gradient(rgba(0,0,0,.2),transparent);height:98px;width:100%;pointer-events:none;position:absolute;top:0;left:0;right:0;z-index:-1;-webkit-tap-highlight-color:transparent}.lazyframe[data-vendor=youtube]:before,.lazyframe[data-vendor=youtube_nocookie]:before{padding-top:56.25%}.lazyframe[data-vendor=youtube][data-ratio="16:9"]:before,.lazyframe[data-vendor=youtube_nocookie][data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-vendor=youtube][data-ratio="4:3"]:before,.lazyframe[data-vendor=youtube_nocookie][data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-vendor=youtube][data-ratio="1:1"]:before,.lazyframe[data-vendor=youtube_nocookie][data-ratio="1:1"]:before{padding-top:100%}.lazyframe[data-vendor=youtube]:after,.lazyframe[data-vendor=youtube_nocookie]:after{content:"";position:absolute;left:50%;top:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px;background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjIzFmMWYxZiIvPjxwYXRoIGQ9Ik0yMDMuMiAzNDRWMTg1LjVMMzQ4IDI2NC44IDIwMy4yIDM0NHoiIGZpbGw9IiNGRUZERkQiLz48L3N2Zz4=);background-position:center center;background-size:100%;background-repeat:no-repeat;opacity:.81;border:none;z-index:4}.lazyframe[data-vendor=youtube]:hover:after,.lazyframe[data-vendor=youtube_nocookie]:hover:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg==);opacity:1}.lazyframe[data-vendor=vimeo]{background-color:#00adef}.lazyframe[data-vendor=vimeo] .lazyframe__title{font-family:"Helvetica Neue",Helvetica,Arial;color:#00adef;font-size:20px;font-weight:700;text-rendering:optimizeLegibility;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-smoothing:auto;-webkit-tap-highlight-color:transparent;background-color:rgba(0,0,0,.5)}.lazyframe[data-vendor=vimeo]:before{padding-top:48.25%}.lazyframe[data-vendor=vimeo][data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-vendor=vimeo][data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-vendor=vimeo][data-ratio="1:1"]:before{padding-top:100%}.lazyframe[data-vendor=vimeo]:after{content:"";height:40px;width:65px;display:block;position:absolute;bottom:10px;left:10px;z-index:3;background-color:rgba(0,0,0,.5);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYmFzZVByb2ZpbGU9InRpbnkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNzY1IDE2Ljg5bDguNDctNC44OS04LjQ3LTQuODkiLz48L3N2Zz4=);background-position:center center;background-size:100% 100%;background-repeat:no-repeat;border-radius:5px;position:relative}.lazyframe[data-vendor=vimeo]:hover:after{background-color:#00adef}.lazyframe[data-vendor=vine]{background-color:#00bf8f}.lazyframe[data-vendor=vine] .lazyframe__title{color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:16px;white-space:nowrap;z-index:3;positon:relative}.lazyframe[data-vendor=vine] .lazyframe__title:after{content:"";position:absolute;top:0;left:0;right:0;z-index:-1;height:115px;padding:24px 70px 24px 24px;background:linear-gradient(to top,rgba(23,23,23,0) 0,rgba(23,23,23,.7) 100%)}.lazyframe[data-vendor=vine]:before{padding-top:100%}.lazyframe[data-vendor=vine][data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-vendor=vine][data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-vendor=vine][data-ratio="1:1"]:before{padding-top:100%}.lazyframe[data-vendor=vine]:after{content:"";width:60px;height:60px;position:absolute;left:50%;top:50%;z-index:4;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzYiIGhlaWdodD0iMTM2IiB2aWV3Qm94PSIwIDAgMTM2IDEzNiI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU2IDQ0Yy0uNyAwLTEuNC4yLTIgLjUtMS4yLjgtMiAyLTIgMy41djQwYzAgMS40LjggMi44IDIgMy41LjYuMyAxLjMuNSAyIC41czEuNC0uMiAyLS41bDM0LjYtMjBjMS4zLS43IDItMiAyLTMuNSAwLTEuNC0uNy0yLjgtMi0zLjVMNTggNDQuNWMtLjYtLjMtMS4zLS41LTItLjV6Ii8+PC9zdmc+);background-color:rgba(0,0,0,.5);background-size:cover;background-repeat:no-repeat;margin-top:-30px;margin-left:-30px;border-radius:50%}.lazyframe[data-vendor=vine]:hover:after{background-color:rgba(0,0,0,.75)}@keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:subpixel-antialiased;direction:ltr;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.7;max-width:100%;min-width:50px;position:relative;text-shadow:none;transition:box-shadow .3s ease}.plyr audio,.plyr video{border-radius:inherit;height:auto;vertical-align:middle;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5764;border-radius:2px;color:#fff;font-size:9px;line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions .plyr__caption{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__captions .plyr__caption div{display:inline}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}}@media (min-width:768px){.plyr__captions{font-size:18px}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px)}.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr__control--overlaid{background:rgba(0,179,255,.8);border:0;border-radius:100%;color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#00b3ff}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls .plyr__controls__item.plyr__volume{padding-right:5px}.plyr__controls .plyr__controls__item.plyr__volume:first-child{padding-right:0}.plyr__controls:empty{display:none}.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4a5764;padding:10px}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:20px 5px 5px;position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:35px 10px 10px}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,.9);content:"";height:0;position:absolute;right:15px;top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5764;display:flex;font-size:14px;padding:4px 11px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px}.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(74,87,100,.8);right:5px}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(74,87,100,.8);left:7px}.plyr__menu__container .plyr__control--back::before{background:#c1c9d1;box-shadow:0 1px 0 #fff;content:"";height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(0,0,0,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;overflow:hidden;padding-left:25px;pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:26px;color:#00b3ff;display:block;height:19px;margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:2.5px;height:5px;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;-webkit-appearance:none;margin-top:-4px}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;height:5px;-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;height:5px}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;height:5px;-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:2.5px;height:5px;-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:2.5px;height:5px;-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:14px}.plyr__time+.plyr__time::before{content:"⁄";margin-right:10px}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0,0,0,.15)}.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:14px;font-weight:500;left:50%;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;border-radius:inherit;overflow:hidden;position:relative;z-index:0}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr__progress{left:6.5px;margin-right:13px;position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-right:-6.5px;width:calc(100% + 13px)}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:14px;left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;left:0;margin-top:-2.5px;padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--video .plyr__progress__buffer{box-shadow:0 1px 1px rgba(0,0,0,.15);color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress__buffer{color:rgba(193,201,209,.66)}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,41,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,41,47,.6) 50%,rgba(35,41,47,.6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,201,209,.66)}.plyr__volume{align-items:center;display:flex;flex:1;position:relative}.plyr__volume input[type=range]{margin-left:5px;position:relative;z-index:2}@media (min-width:480px){.plyr__volume{max-width:90px}}@media (min-width:768px){.plyr__volume{max-width:110px}}.plyr--is-ios .plyr__volume{display:none!important}.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none!important}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size:21px}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:rgba(35,41,47,.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;left:0;margin:-2.5px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);margin-bottom:10px;opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c9d1;border-radius:2px;overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;color:#fff;font-size:14px;padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}.shopify-model-viewer-ui{position:relative;display:block;cursor:pointer}.shopify-model-viewer-ui model-viewer{transform:translateZ(0);z-index:1}.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled{pointer-events:none}.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer{position:relative;width:100vw;height:100vh}.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen{display:block}.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen{display:none}.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area,.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area{opacity:1}.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area{display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay{position:absolute;width:100%;height:100%;top:0}.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{display:flex;flex-direction:column;background:#fff;opacity:0;border:1px solid rgba(0,0,0,.05);position:absolute;bottom:10px;right:10px;z-index:1;transition:opacity .1s linear}.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing){display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__button{color:#3a3a3a;border-radius:0;border:none;margin:0;cursor:pointer}.shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-visible){outline:0}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control{padding:0;height:44px;width:44px;background:0 0;position:relative}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover{color:rgba(0,0,0,.55)}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active{color:rgba(0,0,0,.55);background:rgba(0,0,0,.05)}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after{position:absolute;content:"";border-bottom:1px solid rgba(0,0,0,.05);width:28px;bottom:0;right:8px}.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon{width:44px;height:44px;fill:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{background:#fff;position:absolute;border:1px solid rgba(0,0,0,.05);top:50%;left:50%;padding:0;transform:translate3d(-50%,-50%,0);height:62px;width:62px;z-index:1}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover{color:rgba(0,0,0,.55)}.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon{width:60px;height:60px;z-index:1;fill:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen{display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen{display:block}.shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet{display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px} /* THEME CSS */ ul.tabs, .tabs, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .file, .breadcrumb, .button, .is-unselectable, .close, .delete { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .mobile-menu-link::after, .navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading):not(.is-arrowless)::after { font-family: "flex-icon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e904"; display: block; pointer-events: none; position: absolute; transform-origin: center; top: 50%; transform: translateY(-50%); font-size: 0.8em; } .tabs:not(:last-child), .highlight:not(:last-child), .block:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .title:not(:last-child), .subtitle:not(:last-child) { margin-bottom: 1.5rem; } .delete { -webkit-appearance: none; appearance: none; background-color: rgba(10, 10, 10, 0.2); border: none; border-radius: 290486px; cursor: pointer; pointer-events: auto; display: inline-block; flex-grow: 0; flex-shrink: 0; font-size: 0; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; outline: none; position: relative; vertical-align: top; width: 20px; } .delete::before, .delete::after { background-color: white; content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; } .delete::before { height: 2px; width: 50%; } .delete::after { height: 50%; width: 2px; } .delete:hover, .delete:focus { background-color: rgba(10, 10, 10, 0.3); } .delete:active { background-color: rgba(10, 10, 10, 0.4); } .is-small.delete { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; } .is-medium.delete { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; } .is-large.delete { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; } .close { -webkit-appearance: none; appearance: none; background-color: rgba(10, 10, 10, 0.2); border: none; border-radius: 290486px; cursor: pointer; pointer-events: auto; display: inline-block; display: inline-flex; flex-grow: 0; flex-shrink: 0; justify-content: center; align-items: center; position: relative; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; width: 20px; padding: 0; color: currentColor; transition: 0.2s linear; } .close .icon { fill: currentColor; height: 50%; max-height: 50%; max-width: 50%; min-height: 50%; min-width: 50%; width: 50%; } .close:hover, .close:focus { background-color: rgba(10, 10, 10, 0.3); } .close:active { background-color: rgba(10, 10, 10, 0.4); } .is-small.close { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; } .is-medium.close { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; } .is-large.close { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; } .control.is-loading::after, .select.is-loading::after, .loader, .button.is-loading::after { animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; } /* # Reset ================================================== */ /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */ html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } ul { list-style: none; } button, input, select, textarea { margin: 0; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } img, audio, video { height: auto; max-width: 100%; } iframe { border: 0; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; text-align: left; } .custom-page-title h1 { font-family: 'Heaters', san-serif !important; letter-spacing: 0; font-size: 100px; line-height: normal; color: #13b8ef; } @media screen and (max-width: 798px) { .custom-page-title h1 { font-size: 60px; } } /* # Generic ================================================== */ html { background-color: #ffffff; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; overflow-x: hidden; overflow-y: auto; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } main { min-height: 30vh; } article, aside, figure, footer, header, main, hgroup, section { display: block; } body, button, input, select, textarea { font-family: "Verdana Pro", sans-serif; } code, pre { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: monospace; } a { color: #2C313D; cursor: pointer; text-decoration: none; transition: color 0.3s ease-in-out; } a strong { color: currentColor; } a:hover { color: #13B8EF; } code { background-color: #fff; color: #ff3860; font-size: 0.875em; font-weight: normal; padding: 0.25em 0.5em 0.25em; } hr { background-color: #fff; border: none; display: block; height: 2px; margin: 1.5rem 0; } img { height: auto; max-width: 100%; } input[type=checkbox], input[type=radio] { vertical-align: baseline; } small { font-size: 0.875em; } span { font-style: inherit; font-weight: inherit; } strong { font-weight: 700; } fieldset { border: none; } pre { -webkit-overflow-scrolling: touch; background-color: #fff; color: #000000; font-size: 0.875em; overflow-x: auto; padding: 1.25rem 1.5rem; white-space: pre; word-wrap: normal; } pre code { background-color: transparent; color: currentColor; font-size: 1em; padding: 0; } table td, table th { text-align: left; vertical-align: top; } table th { color: #363636; } .table.is-bordered td, .table.is-bordered th { border: 1px solid #8F9397; padding: 5px; } .table.is-striped tbody tr:not(.is-selected):nth-child(even) { background-color: #fafafa; } .noscript { display: none; } /* # Typography ================================================== */ body { font-family: "Verdana Pro", sans-serif; font-weight: 400; font-size: 16px; color: #414b56; line-height: 1.5; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; overflow-wrap: anywhere; } h1, .h1 { font-family: "FF Meta Serif", serif; font-weight: 500; font-style: normal; font-size: 45px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { h1, .h1 { font-size: 36px; } } h1 > a, h1 > a:link, h1 > a:visited, .h1 > a, .h1 > a:link, .h1 > a:visited { color: #2c313d; } h1 > a:hover, h1 > a:focus, .h1 > a:hover, .h1 > a:focus { color: #13b8ef; } h2, .h2 { font-family: "FF Meta Serif", serif; font-weight: 500; font-style: normal; font-size: 40px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { h2, .h2 { font-size: 32px; } } h2 > a, h2 > a:link, h2 > a:visited, .h2 > a, .h2 > a:link, .h2 > a:visited { color: #2c313d; } h2 > a:hover, h2 > a:focus, .h2 > a:hover, .h2 > a:focus { color: #13b8ef; } h3, .h3 { font-family: "FF Meta Serif", serif; font-weight: 500; font-style: normal; font-size: 36px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { h3, .h3 { font-size: 28px; } } h3 > a, h3 > a:link, h3 > a:visited, .h3 > a, .h3 > a:link, .h3 > a:visited { color: #2c313d; } h3 > a:hover, h3 > a:focus, .h3 > a:hover, .h3 > a:focus { color: #13b8ef; } h4, .h4 { font-family: "FF Meta Serif", serif; font-weight: 500; font-style: normal; font-size: 31px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { h4, .h4 { font-size: 24px; } } h4 > a, h4 > a:link, h4 > a:visited, .h4 > a, .h4 > a:link, .h4 > a:visited { color: #2c313d; } h4 > a:hover, h4 > a:focus, .h4 > a:hover, .h4 > a:focus { color: #13b8ef; } h5, .h5 { font-family: "FF Meta Serif", serif; font-weight: 500; font-style: normal; font-size: 29px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { h5, .h5 { font-size: 23px; } } h5 > a, h5 > a:link, h5 > a:visited, .h5 > a, .h5 > a:link, .h5 > a:visited { color: #2c313d; } h5 > a:hover, h5 > a:focus, .h5 > a:hover, .h5 > a:focus { color: #13b8ef; } h6, .h6 { font-family: "FF Meta Serif", serif; font-weight: 500; font-style: normal; font-size: 27px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { h6, .h6 { font-size: 21px; } } h6 > a, h6 > a:link, h6 > a:visited, .h6 > a, .h6 > a:link, .h6 > a:visited { color: #2c313d; } h6 > a:hover, h6 > a:focus, .h6 > a:hover, .h6 > a:focus { color: #13b8ef; } a { color: #2C313D; cursor: pointer; text-decoration: none; } a strong { color: currentColor; } a:hover { color: #13B8EF; } sub { font-size: smaller; } em, i { font-style: italic; } strong, b { font-weight: bold; } small { font-size: smaller; } blockquote { font-size: larger; line-height: 1.2; font-style: italic; } blockquote cite { display: block; font-size: smaller; } blockquote cite:before { content: "— "; } .text-align-center { text-align: center; } .text-align-left, .text-align-start { text-align: left; } .text-align-right, .text-align-end { text-align: right; } .text-align-justify { text-align: justify; } .is-capitalized { text-transform: capitalize; } .is-lowercase { text-transform: lowercase; } .is-uppercase { text-transform: uppercase; } .is-italic { font-style: italic !important; } .text-is-large { font-size: larger; } .text-is-medium { font-size: initial; } .text-is-small { font-size: smaller; } .title, .subtitle { overflow-wrap: break-word; } .title em, .title span, .subtitle em, .subtitle span { font-weight: inherit; } .title sub, .subtitle sub { font-size: 0.75em; } .title sup, .subtitle sup { font-size: 0.75em; } .title .tag, .subtitle .tag { vertical-align: middle; } .title { color: #2c313d; font-size: 45px; font-weight: 500; line-height: 1.125; } .title strong { color: inherit; font-weight: inherit; } .title + .highlight { margin-top: -0.75rem; } .title:not(.is-spaced) + .subtitle:not(.modal_price) { margin-top: -1.25rem; } .title.is-1 { font-size: 3rem; } .title.is-2 { font-size: 2.5rem; } .title.is-3 { font-size: 2rem; } .title.is-4 { font-size: 1.5rem; } .title.is-5 { font-size: 1.25rem; } .title.is-6 { font-size: 1rem; } .title.is-7 { font-size: 0.75rem; } .subtitle { color: #2c313d; font-size: 1.25rem; font-weight: 400; line-height: 1.25; } .subtitle strong { color: inherit; font-weight: 600; } .subtitle:not(.is-spaced) + .title { margin-top: -1.25rem; } .subtitle.is-1 { font-size: 3rem; } .subtitle.is-2 { font-size: 2.5rem; } .subtitle.is-3 { font-size: 2rem; } .subtitle.is-4 { font-size: 1.5rem; } .subtitle.is-5 { font-size: 1.25rem; } .subtitle.is-6 { font-size: 1rem; } .subtitle.is-7 { font-size: 0.75rem; } .large-heading { padding-bottom: 40px; } .signature { font-family: fantasy; } .heading-divider:not(.heading-divider--vertical) { border-style: solid; border-color: #606060; border-width: thin; border-bottom: none; } .heading-divider--short { width: 70px; } .heading-divider--long { width: 100%; } .heading-divider--vertical { background: #606060; width: 1px; height: 40px; } @keyframes spinAround { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /* # Helpers ================================================== */ .is-flex { display: flex; } .is-inline-flex { display: inline-flex; } .is-align-start, .is-align-left { align-items: flex-start; } .is-align-end, .is-align-right { align-items: flex-end; } .is-align-self-end, .is-align-self-right { align-self: flex-end; } .is-align-baseline { align-items: baseline; } .is-align-center { align-items: center; } .is-align-stretch { align-items: stretch; } .is-justify-start, .is-justify-left { justify-content: flex-start; } .is-justify-end, .is-justify-right { justify-content: flex-end; } .is-justify-center { justify-content: center; } .is-justify-space-around { justify-content: space-around; } .is-justify-space-between { justify-content: space-between; } .is-flex-nowrap { flex-wrap: nowrap; } .is-flex-wrap { flex-wrap: wrap; } .is-flex-wrap-reverse { flex-wrap: wrap-reverse; } .is-flex-row { flex-direction: row; } .is-flex-row-reverse { flex-direction: row-reverse; } .is-flex-column { flex-direction: column; } .is-flex-column-reverse { flex-direction: column-reverse; } .is-gap-10 { gap: 10px; } .is-gap-20 { gap: 20px; } @media only screen and (max-width: 767px) { .is-flex-column--mobile { flex-direction: column; } } @media only screen and (max-width: 767px) { .is-flex-column-reverse-mobile { flex-direction: column-reverse; } } @media only screen and (max-width: 767px) { .is-flex-column--pocket { flex-direction: column; } } .is-order-aligned-left { order: -1; } @media only screen and (max-width: 767px) { .is-order-aligned-left { order: inherit; } } .is-order-aligned-right { order: 1; } @media only screen and (max-width: 767px) { .is-order-aligned-right { order: inherit; } } .is-pulled-left { float: left !important; } .is-pulled-right { float: right !important; } .is-clipped { overflow: hidden !important; } .is-hidden { display: none !important; } .is-visible { display: block !important; } .is-sr-only { border: none !important; clip: rect(0, 0, 0, 0) !important; height: 0.01em !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; } .is-invisible { visibility: hidden !important; } @media only screen and (max-width: 767px) { .is-hidden-small { display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .is-hidden-medium { display: none !important; } } @media only screen and (min-width: 1025px) and (max-width: 1400px) { .is-hidden-large { display: none !important; } } @media only screen and (max-width: 767px) { .is-hidden-mobile-only { display: none !important; } } @media only screen and (min-width: 768px) { .is-hidden-desktop-only { display: none !important; } } @media only screen and (max-width: 767px) { .is-hidden-tablet-down { display: none !important; } } @media only screen and (max-width: 1024px) { .is-hidden-desktop-down { display: none !important; } } @media only screen and (min-width: 1025px) { .is-hidden-desktop-up { display: none !important; } } .is-invisible { visibility: hidden !important; } .has-padding-top { padding-top: 20px; } .has-padding-bottom { padding-bottom: 20px; } .has-padding-left { padding-left: 20px; } .has-padding-right { padding-right: 20px; } .has-padding { padding: 20px; } .has-large-padding-top { padding-top: calc(20px * 2); } .has-large-padding-bottom { padding-bottom: calc(20px * 2); } .has-small-padding-top { padding-top: calc(20px / 2); } .has-small-padding-bottom { padding-bottom: calc(20px / 2); } .has-margin-top { margin-top: 20px; } .has-margin-bottom { margin-bottom: 20px; } .has-margin-left { margin-left: 20px; } .has-margin-right { margin-right: 20px; } .has-margin { margin: 20px; } .border--true { border: 1px solid #8F9397; } .border-top { border: none; border-top: 1px solid #8F9397; } .border-bottom { border: none; border-bottom: 1px solid #8F9397; } .border-right { border: none; border-right: 1px solid #8F9397; } .border-left { border: none; border-left: 1px solid #8F9397; } .box { border-radius: 6px; box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); } .container-border--top::before { display: block; content: ""; height: 0; width: calc(100% - 20px); border-top: thin solid #8f9397; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; float: left; } @media only screen and (max-width: 767px) { .container-border--top::before { width: 100%; } } .container-border--bottom::after { display: block; content: ""; height: 0; width: calc(100% - 20px); border-top: thin solid #8f9397; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; clear: both; } @media only screen and (max-width: 767px) { .container-border--bottom::after { width: 100%; } } .has-columns--2 { column-count: 2; } @media only screen and (max-width: 767px) { .has-columns--2 { column-count: 1; } } .has-columns--3 { column-count: 3; } @media only screen and (max-width: 767px) { .has-columns--3 { column-count: 1; } } .is-marginless { margin: 0 !important; } .is-paddingless { padding: 0 !important; } .is-radiusless { border-radius: 0 !important; } .is-shadowless { box-shadow: none !important; } .is-relative { position: relative; } .visuallyhidden { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } @media only screen and (max-width: 767px) { .is-fullwidth-mobile { width: 100vw !important; padding: 20px !important; position: relative !important; left: 50% !important; right: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; } } /* # Vendor override styles ================================================== */ [data-scroll-class] { opacity: 0; animation-delay: 0.2s; } .fancybox-thumbs__list a:before { border: 6px solid #2c313d; } .fancybox-button { transition: opacity 0.3s ease-in-out; } .flickity-viewport { width: 100%; } .flickity-prev-next-button { position: absolute; display: flex; } .flickity-button { transition: background-color 0.3s ease-in-out; } .shopify-challenge__container { padding: 40px 0; } .flickity-resize .image-slideshow__slide { min-height: 100%; } .image-slideshow--fade .image-slideshow__slide { opacity: 0 !important; transition: opacity 1s ease !important; } .image-slideshow--fade .image-slideshow__slide.is-selected { opacity: 1 !important; } .lazyframe { background-color: #000 !important; } .slider .flickity-slider li, .flexslider .flickity-slider li { width: 100%; list-style: none; padding-left: 0.1%; /* Fix for Flickity pixel line */ padding-right: 0.1%; /* Fix for Flickity pixel line */ margin: 0 !important; /* Overwrite content margin */ } .slider .flickity-slider li img, .flexslider .flickity-slider li img { width: 100%; } .slider .flickity-page-dots, .flexslider .flickity-page-dots { margin: 0; } .zoomImg { background-color: #ffffff; } /* # Grid/layout ================================================== */ .index { display: flex; flex-wrap: wrap; } .index-sections, .page-blocks { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } .shopify-section { width: 100%; } @media only screen and (max-width: 767px) { .shopify-section { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } } .section { max-width: 1200px; width: 95%; margin-left: auto; margin-right: auto; } .section.has-background { width: calc(95% - 20px); max-width: calc(1200px - 20px); padding-left: calc(20px / 2); padding-right: calc(20px / 2); } .section.is-width-half { height: 100%; display: flex; align-items: center; width: 100%; max-width: none; } @media only screen and (max-width: 767px) { .section.is-width-half { width: 100%; } } @media only screen and (max-width: 767px) { .section.is-width-half .container.small-down--has-limit { max-width: 1200px; width: 95%; } } .section.is-width-wide { width: 100%; max-width: none; } .section.is-width-wide .container.has-limit { max-width: 1200px; width: 95%; } @media only screen and (max-width: 767px) { .section.is-width-wide .container.has-limit { width: 100%; } } @media only screen and (max-width: 767px) { .section.is-width-wide .container.small-down--has-limit { max-width: 1200px; width: 95%; } } @media only screen and (max-width: 767px) { .section.section__wrapper { max-width: 1200px; width: 95%; } } .container { position: relative; margin: 0 auto; display: flex; flex-wrap: wrap; } .container .column, .container .columns { margin-left: calc(20px / 2); margin-right: calc(20px / 2); } .container.is-small { width: 50%; } @media only screen and (max-width: 767px) { .container.is-small { width: 60%; } } .container.is-medium { width: 70%; } @media only screen and (max-width: 767px) { .container.is-medium { width: 80%; } } .container.has-column-padding-bottom .column, .container.has-column-padding-bottom .columns { margin-bottom: 20px; } .row { display: flex; flex-wrap: wrap; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .row .column, .row .columns { width: 100%; margin-left: 0; margin-right: 0; } } [class*=offset-by] { position: relative; } @media only screen and (max-width: 767px) { [class*=offset-by] { position: static; } } @media only screen and (max-width: 767px) { .has-gutter-enabled .has-gutter--mobile { margin-bottom: 20px; } } .has-gutter-enabled.has-multirow-blocks .has-gutter { margin-bottom: 20px; } /*================ Build Base Grid Classes ================*/ .hidden { display: none !important; } .visible { display: block !important; } .one { width: calc(6.25% - 20px); } .two { width: calc(12.5% - 20px); } .three { width: calc(18.75% - 20px); } .four { width: calc(25% - 20px); } .five { width: calc(31.25% - 20px); } .six { width: calc(37.5% - 20px); } .seven { width: calc(43.75% - 20px); } .eight { width: calc(50% - 20px); } .nine { width: calc(56.25% - 20px); } .ten { width: calc(62.5% - 20px); } .eleven { width: calc(68.75% - 20px); } .twelve { width: calc(75% - 20px); } .thirteen { width: calc(81.25% - 20px); } .fourteen { width: calc(87.5% - 20px); } .fifteen { width: calc(93.75% - 20px); } .sixteen { width: calc(100% - 20px); } .one-whole { width: calc(100% - 20px); } .one-half { width: calc(50% - 20px); } .one-third { width: calc(33.3333333333% - 20px); } .two-thirds { width: calc(66.6666666667% - 20px); } .one-fourth { width: calc(25% - 20px); } .two-fourths { width: calc(50% - 20px); } .three-fourths { width: calc(75% - 20px); } .one-fifth { width: calc(20% - 20px); } .two-fifths { width: calc(40% - 20px); } .three-fifths { width: calc(60% - 20px); } .four-fifths { width: calc(80% - 20px); } .one-sixth { width: calc(16.6666666667% - 20px); } .two-sixths { width: calc(33.3333333333% - 20px); } .three-sixths { width: calc(50% - 20px); } .four-sixths { width: calc(66.6666666667% - 20px); } .five-sixths { width: calc(83.3333333333% - 20px); } .one-seventh { width: calc(14.2857142857% - 20px); } .two-sevenths { width: calc(28.5714285714% - 20px); } .three-sevenths { width: calc(42.8571428571% - 20px); } .four-sevenths { width: calc(57.1428571429% - 20px); } .five-sevenths { width: calc(71.4285714286% - 20px); } .one-eighth { width: calc(12.5% - 20px); } .two-eighths { width: calc(25% - 20px); } .three-eighths { width: calc(37.5% - 20px); } .four-eighths { width: calc(50% - 20px); } .five-eighths { width: calc(62.5% - 20px); } .six-eighths { width: calc(75% - 20px); } .seven-eighths { width: calc(87.5% - 20px); } .one-tenth { width: calc(10% - 20px); } .two-tenths { width: calc(20% - 20px); } .three-tenths { width: calc(30% - 20px); } .four-tenths { width: calc(40% - 20px); } .five-tenths { width: calc(50% - 20px); } .six-tenths { width: calc(60% - 20px); } .seven-tenths { width: calc(70% - 20px); } .eight-tenths { width: calc(80% - 20px); } .nine-tenths { width: calc(90% - 20px); } .one-twelfth { width: calc(8.3333333333% - 20px); } .two-twelfths { width: calc(16.6666666667% - 20px); } .three-twelfths { width: calc(25% - 20px); } .four-twelfths { width: calc(33.3333333333% - 20px); } .five-twelfths { width: calc(41.6666666667% - 20px); } .six-twelfths { width: calc(50% - 20px); } .seven-twelfths { width: calc(58.3333333333% - 20px); } .eight-twelfths { width: calc(66.6666666667% - 20px); } .nine-twelfths { width: calc(75% - 20px); } .ten-twelfths { width: calc(83.3333333333% - 20px); } .eleven-twelfths { width: calc(91.6666666667% - 20px); } .offset-by-one { left: calc(6.25%); } .offset-by-two { left: calc(12.5%); } .offset-by-three { left: calc(18.75%); } .offset-by-four { left: calc(25%); } .offset-by-five { left: calc(31.25%); } .offset-by-six { left: calc(37.5%); } .offset-by-seven { left: calc(43.75%); } .offset-by-eight { left: calc(50%); } .offset-by-nine { left: calc(56.25%); } .offset-by-ten { left: calc(62.5%); } .offset-by-eleven { left: calc(68.75%); } .offset-by-twelve { left: calc(75%); } .offset-by-thirteen { left: calc(81.25%); } .offset-by-fourteen { left: calc(87.5%); } .offset-by-fifteen { left: calc(93.75%); } .equal-columns--outside-trim .one-half:nth-of-type(2n), .equal-columns--outside-trim .eight:nth-of-type(2n), .equal-columns--outside-trim .one-third:nth-of-type(3n), .equal-columns--outside-trim .one-fourth:nth-of-type(4n), .equal-columns--outside-trim .four:nth-of-type(4n), .equal-columns--outside-trim .one-fifth:nth-of-type(5n), .equal-columns--outside-trim .one-sixth:nth-of-type(6n), .equal-columns--outside-trim .one-seventh:nth-of-type(7n), .equal-columns--outside-trim .two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .one-half:nth-of-type(2n+1), .equal-columns--outside-trim .eight:nth-of-type(2n+1), .equal-columns--outside-trim .one-third:nth-of-type(3n+1), .equal-columns--outside-trim .one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .four:nth-of-type(4n+1), .equal-columns--outside-trim .one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .two:nth-of-type(8n+1) { margin-left: 0; } .equal-columns--outside-trim .one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } .equal-columns--outside-trim .one-half { width: calc(50% - (20px - (20px / 2))); } .equal-columns--outside-trim .one-third { width: calc(33.3333333333% - (20px - (20px / 3))); } .equal-columns--outside-trim .one-fifth { width: calc(20% - (20px - (20px / 5))); } .equal-columns--outside-trim .one-fourth { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .one-sixth { width: calc(16.6666666667% - (20px - (20px / 6))); } .equal-columns--outside-trim .one-seventh { width: calc(14.2857142857% - (20px - (20px / 7))); } .equal-columns--outside-trim .two { width: calc(12.5% - (20px - (20px / 8))); } .equal-columns--outside-trim .four { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .seven { width: calc(43.75% - (20px - (20px / 2))); } .equal-columns--outside-trim .eight { width: calc(50% - (20px / 2)); } .equal-columns--outside-trim .nine { width: calc(56.25% - (20px - (20px / 2))); } .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .one-whole, .has-no-side-gutter .one-half, .has-no-side-gutter .eight, .has-no-side-gutter .one-third, .has-no-side-gutter .two-thirds, .has-no-side-gutter .one-fourth, .has-no-side-gutter .four, .has-no-side-gutter .one-fifth, .has-no-side-gutter .three-fifths, .has-no-side-gutter .two-fifths, .has-no-side-gutter .one-sixth, .has-no-side-gutter .one-seventh, .has-no-side-gutter .one-eighth, .has-no-side-gutter .two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .one-whole { width: 100%; } .has-no-side-gutter .one-half { width: 50%; } .has-no-side-gutter .one-third { width: 33.3333333333%; } .has-no-side-gutter .one-fourth { width: 25%; } .has-no-side-gutter .one-fifth { width: 20%; } .has-no-side-gutter .two-fifths { width: 40%; } .has-no-side-gutter .three-fifths { width: 60%; } .has-no-side-gutter .one-sixth { width: 16.6666666667%; } .has-no-side-gutter .one-seventh { width: 14.2857142857%; } .has-no-side-gutter .one-eighth { width: 12.5%; } .has-no-side-gutter .two-thirds { width: 66.6666666667%; } .has-no-side-gutter .two { width: 12.5%; } .has-no-side-gutter .four { width: 25%; } .has-no-side-gutter .seven { width: 43.75%; } .has-no-side-gutter .eight { width: 50%; } .has-no-side-gutter .nine { width: 56.25%; } .show { display: block !important; } .hide { display: none !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } /*============================================================================ Generate breakpoint-specific column widths and push classes - Default column widths: $breakpoint-has-widths: ($small, $medium-up); - Default is no push classes - Will not work if `styles/global/grid.scss` is removed ==============================================================================*/ /*================ Build Responsive Grid Classes ================*/ @media only screen and (max-width: 1024px) { .large-down--hidden { display: none !important; } .large-down--visible { display: block !important; } .large-down--one { width: calc(6.25% - 20px); } .large-down--two { width: calc(12.5% - 20px); } .large-down--three { width: calc(18.75% - 20px); } .large-down--four { width: calc(25% - 20px); } .large-down--five { width: calc(31.25% - 20px); } .large-down--six { width: calc(37.5% - 20px); } .large-down--seven { width: calc(43.75% - 20px); } .large-down--eight { width: calc(50% - 20px); } .large-down--nine { width: calc(56.25% - 20px); } .large-down--ten { width: calc(62.5% - 20px); } .large-down--eleven { width: calc(68.75% - 20px); } .large-down--twelve { width: calc(75% - 20px); } .large-down--thirteen { width: calc(81.25% - 20px); } .large-down--fourteen { width: calc(87.5% - 20px); } .large-down--fifteen { width: calc(93.75% - 20px); } .large-down--sixteen { width: calc(100% - 20px); } .large-down--one-whole { width: calc(100% - 20px); } .large-down--one-half { width: calc(50% - 20px); } .large-down--one-third { width: calc(33.3333333333% - 20px); } .large-down--two-thirds { width: calc(66.6666666667% - 20px); } .large-down--one-fourth { width: calc(25% - 20px); } .large-down--two-fourths { width: calc(50% - 20px); } .large-down--three-fourths { width: calc(75% - 20px); } .large-down--one-fifth { width: calc(20% - 20px); } .large-down--two-fifths { width: calc(40% - 20px); } .large-down--three-fifths { width: calc(60% - 20px); } .large-down--four-fifths { width: calc(80% - 20px); } .large-down--one-sixth { width: calc(16.6666666667% - 20px); } .large-down--two-sixths { width: calc(33.3333333333% - 20px); } .large-down--three-sixths { width: calc(50% - 20px); } .large-down--four-sixths { width: calc(66.6666666667% - 20px); } .large-down--five-sixths { width: calc(83.3333333333% - 20px); } .large-down--one-seventh { width: calc(14.2857142857% - 20px); } .large-down--two-sevenths { width: calc(28.5714285714% - 20px); } .large-down--three-sevenths { width: calc(42.8571428571% - 20px); } .large-down--four-sevenths { width: calc(57.1428571429% - 20px); } .large-down--five-sevenths { width: calc(71.4285714286% - 20px); } .large-down--one-eighth { width: calc(12.5% - 20px); } .large-down--two-eighths { width: calc(25% - 20px); } .large-down--three-eighths { width: calc(37.5% - 20px); } .large-down--four-eighths { width: calc(50% - 20px); } .large-down--five-eighths { width: calc(62.5% - 20px); } .large-down--six-eighths { width: calc(75% - 20px); } .large-down--seven-eighths { width: calc(87.5% - 20px); } .large-down--one-tenth { width: calc(10% - 20px); } .large-down--two-tenths { width: calc(20% - 20px); } .large-down--three-tenths { width: calc(30% - 20px); } .large-down--four-tenths { width: calc(40% - 20px); } .large-down--five-tenths { width: calc(50% - 20px); } .large-down--six-tenths { width: calc(60% - 20px); } .large-down--seven-tenths { width: calc(70% - 20px); } .large-down--eight-tenths { width: calc(80% - 20px); } .large-down--nine-tenths { width: calc(90% - 20px); } .large-down--one-twelfth { width: calc(8.3333333333% - 20px); } .large-down--two-twelfths { width: calc(16.6666666667% - 20px); } .large-down--three-twelfths { width: calc(25% - 20px); } .large-down--four-twelfths { width: calc(33.3333333333% - 20px); } .large-down--five-twelfths { width: calc(41.6666666667% - 20px); } .large-down--six-twelfths { width: calc(50% - 20px); } .large-down--seven-twelfths { width: calc(58.3333333333% - 20px); } .large-down--eight-twelfths { width: calc(66.6666666667% - 20px); } .large-down--nine-twelfths { width: calc(75% - 20px); } .large-down--ten-twelfths { width: calc(83.3333333333% - 20px); } .large-down--eleven-twelfths { width: calc(91.6666666667% - 20px); } .large-down--offset-by-one { left: calc(6.25%); } .large-down--offset-by-two { left: calc(12.5%); } .large-down--offset-by-three { left: calc(18.75%); } .large-down--offset-by-four { left: calc(25%); } .large-down--offset-by-five { left: calc(31.25%); } .large-down--offset-by-six { left: calc(37.5%); } .large-down--offset-by-seven { left: calc(43.75%); } .large-down--offset-by-eight { left: calc(50%); } .large-down--offset-by-nine { left: calc(56.25%); } .large-down--offset-by-ten { left: calc(62.5%); } .large-down--offset-by-eleven { left: calc(68.75%); } .large-down--offset-by-twelve { left: calc(75%); } .large-down--offset-by-thirteen { left: calc(81.25%); } .large-down--offset-by-fourteen { left: calc(87.5%); } .large-down--offset-by-fifteen { left: calc(93.75%); } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .large-down--four:nth-of-type(4n), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .large-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .large-down--two:nth-of-type(8n+1) { margin-left: 0; } } @media only screen and (max-width: 1024px) and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-half.large-down--one-half, .equal-columns--outside-trim .large-down--eight.large-down--eight, .equal-columns--outside-trim .large-down--one-third.large-down--one-third, .equal-columns--outside-trim .large-down--one-fourth.large-down--one-fourth, .equal-columns--outside-trim .large-down--four.large-down--four, .equal-columns--outside-trim .large-down--one-fifth.large-down--one-fifth, .equal-columns--outside-trim .large-down--one-sixth.large-down--one-sixth, .equal-columns--outside-trim .large-down--one-seventh.large-down--one-seventh, .equal-columns--outside-trim .large-down--two.large-down--two { margin-right: 20px; margin-left: 20px; } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .large-down--four:nth-of-type(4n), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .large-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .large-down--two:nth-of-type(8n+1) { margin-left: 0; } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-half { width: calc(50% - (20px - (20px / 2))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-third { width: calc(33.3333333333% - (20px - (20px / 3))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-sixth { width: calc(16.6666666667% - (20px - (20px / 6))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-seventh { width: calc(14.2857142857% - (20px - (20px / 7))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--two { width: calc(12.5% - (20px - (20px / 8))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--four { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--seven { width: calc(43.75% - (20px - (20px / 2))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--eight { width: calc(50% - (20px / 2)); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--nine { width: calc(56.25% - (20px - (20px / 2))); } } @media only screen and (max-width: 1024px) { .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .large-down--one-whole, .has-no-side-gutter .large-down--one-half, .has-no-side-gutter .large-down--eight, .has-no-side-gutter .large-down--one-third, .has-no-side-gutter .large-down--two-thirds, .has-no-side-gutter .large-down--one-fourth, .has-no-side-gutter .large-down--four, .has-no-side-gutter .large-down--one-fifth, .has-no-side-gutter .large-down--three-fifths, .has-no-side-gutter .large-down--two-fifths, .has-no-side-gutter .large-down--one-sixth, .has-no-side-gutter .large-down--one-seventh, .has-no-side-gutter .large-down--one-eighth, .has-no-side-gutter .large-down--two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .large-down--one-whole { width: 100%; } .has-no-side-gutter .large-down--one-half { width: 50%; } .has-no-side-gutter .large-down--one-third { width: 33.3333333333%; } .has-no-side-gutter .large-down--one-fourth { width: 25%; } .has-no-side-gutter .large-down--one-fifth { width: 20%; } .has-no-side-gutter .large-down--two-fifths { width: 40%; } .has-no-side-gutter .large-down--three-fifths { width: 60%; } .has-no-side-gutter .large-down--one-sixth { width: 16.6666666667%; } .has-no-side-gutter .large-down--one-seventh { width: 14.2857142857%; } .has-no-side-gutter .large-down--one-eighth { width: 12.5%; } .has-no-side-gutter .large-down--two-thirds { width: 66.6666666667%; } .has-no-side-gutter .large-down--two { width: 12.5%; } .has-no-side-gutter .large-down--four { width: 25%; } .has-no-side-gutter .large-down--seven { width: 43.75%; } .has-no-side-gutter .large-down--eight { width: 50%; } .has-no-side-gutter .large-down--nine { width: 56.25%; } } @media only screen and (max-width: 1024px) { .large-down--show { display: block !important; } } @media only screen and (max-width: 1024px) { .large-down--hide { display: none !important; } } @media only screen and (max-width: 1024px) { .large-down--text-left { text-align: left !important; } } @media only screen and (max-width: 1024px) { .large-down--text-right { text-align: right !important; } } @media only screen and (max-width: 1024px) { .large-down--text-center { text-align: center !important; } } @media only screen and (max-width: 767px) { .medium-down--hidden { display: none !important; } .medium-down--visible { display: block !important; } .medium-down--one { width: calc(6.25% - 20px); } .medium-down--two { width: calc(12.5% - 20px); } .medium-down--three { width: calc(18.75% - 20px); } .medium-down--four { width: calc(25% - 20px); } .medium-down--five { width: calc(31.25% - 20px); } .medium-down--six { width: calc(37.5% - 20px); } .medium-down--seven { width: calc(43.75% - 20px); } .medium-down--eight { width: calc(50% - 20px); } .medium-down--nine { width: calc(56.25% - 20px); } .medium-down--ten { width: calc(62.5% - 20px); } .medium-down--eleven { width: calc(68.75% - 20px); } .medium-down--twelve { width: calc(75% - 20px); } .medium-down--thirteen { width: calc(81.25% - 20px); } .medium-down--fourteen { width: calc(87.5% - 20px); } .medium-down--fifteen { width: calc(93.75% - 20px); } .medium-down--sixteen { width: calc(100% - 20px); } .medium-down--one-whole { width: calc(100% - 20px); } .medium-down--one-half { width: calc(50% - 20px); } .medium-down--one-third { width: calc(33.3333333333% - 20px); } .medium-down--two-thirds { width: calc(66.6666666667% - 20px); } .medium-down--one-fourth { width: calc(25% - 20px); } .medium-down--two-fourths { width: calc(50% - 20px); } .medium-down--three-fourths { width: calc(75% - 20px); } .medium-down--one-fifth { width: calc(20% - 20px); } .medium-down--two-fifths { width: calc(40% - 20px); } .medium-down--three-fifths { width: calc(60% - 20px); } .medium-down--four-fifths { width: calc(80% - 20px); } .medium-down--one-sixth { width: calc(16.6666666667% - 20px); } .medium-down--two-sixths { width: calc(33.3333333333% - 20px); } .medium-down--three-sixths { width: calc(50% - 20px); } .medium-down--four-sixths { width: calc(66.6666666667% - 20px); } .medium-down--five-sixths { width: calc(83.3333333333% - 20px); } .medium-down--one-seventh { width: calc(14.2857142857% - 20px); } .medium-down--two-sevenths { width: calc(28.5714285714% - 20px); } .medium-down--three-sevenths { width: calc(42.8571428571% - 20px); } .medium-down--four-sevenths { width: calc(57.1428571429% - 20px); } .medium-down--five-sevenths { width: calc(71.4285714286% - 20px); } .medium-down--one-eighth { width: calc(12.5% - 20px); } .medium-down--two-eighths { width: calc(25% - 20px); } .medium-down--three-eighths { width: calc(37.5% - 20px); } .medium-down--four-eighths { width: calc(50% - 20px); } .medium-down--five-eighths { width: calc(62.5% - 20px); } .medium-down--six-eighths { width: calc(75% - 20px); } .medium-down--seven-eighths { width: calc(87.5% - 20px); } .medium-down--one-tenth { width: calc(10% - 20px); } .medium-down--two-tenths { width: calc(20% - 20px); } .medium-down--three-tenths { width: calc(30% - 20px); } .medium-down--four-tenths { width: calc(40% - 20px); } .medium-down--five-tenths { width: calc(50% - 20px); } .medium-down--six-tenths { width: calc(60% - 20px); } .medium-down--seven-tenths { width: calc(70% - 20px); } .medium-down--eight-tenths { width: calc(80% - 20px); } .medium-down--nine-tenths { width: calc(90% - 20px); } .medium-down--one-twelfth { width: calc(8.3333333333% - 20px); } .medium-down--two-twelfths { width: calc(16.6666666667% - 20px); } .medium-down--three-twelfths { width: calc(25% - 20px); } .medium-down--four-twelfths { width: calc(33.3333333333% - 20px); } .medium-down--five-twelfths { width: calc(41.6666666667% - 20px); } .medium-down--six-twelfths { width: calc(50% - 20px); } .medium-down--seven-twelfths { width: calc(58.3333333333% - 20px); } .medium-down--eight-twelfths { width: calc(66.6666666667% - 20px); } .medium-down--nine-twelfths { width: calc(75% - 20px); } .medium-down--ten-twelfths { width: calc(83.3333333333% - 20px); } .medium-down--eleven-twelfths { width: calc(91.6666666667% - 20px); } .medium-down--offset-by-one { left: calc(6.25%); } .medium-down--offset-by-two { left: calc(12.5%); } .medium-down--offset-by-three { left: calc(18.75%); } .medium-down--offset-by-four { left: calc(25%); } .medium-down--offset-by-five { left: calc(31.25%); } .medium-down--offset-by-six { left: calc(37.5%); } .medium-down--offset-by-seven { left: calc(43.75%); } .medium-down--offset-by-eight { left: calc(50%); } .medium-down--offset-by-nine { left: calc(56.25%); } .medium-down--offset-by-ten { left: calc(62.5%); } .medium-down--offset-by-eleven { left: calc(68.75%); } .medium-down--offset-by-twelve { left: calc(75%); } .medium-down--offset-by-thirteen { left: calc(81.25%); } .medium-down--offset-by-fourteen { left: calc(87.5%); } .medium-down--offset-by-fifteen { left: calc(93.75%); } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n+1) { margin-left: 0; } } @media only screen and (max-width: 767px) and (max-width: 767px) { .equal-columns--outside-trim .medium-down--one-half.medium-down--one-half, .equal-columns--outside-trim .medium-down--eight.medium-down--eight, .equal-columns--outside-trim .medium-down--one-third.medium-down--one-third, .equal-columns--outside-trim .medium-down--one-fourth.medium-down--one-fourth, .equal-columns--outside-trim .medium-down--four.medium-down--four, .equal-columns--outside-trim .medium-down--one-fifth.medium-down--one-fifth, .equal-columns--outside-trim .medium-down--one-sixth.medium-down--one-sixth, .equal-columns--outside-trim .medium-down--one-seventh.medium-down--one-seventh, .equal-columns--outside-trim .medium-down--two.medium-down--two { margin-right: 20px; margin-left: 20px; } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n+1) { margin-left: 0; } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .medium-down--one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .medium-down--one-half { width: calc(50% - (20px - (20px / 2))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .medium-down--one-third { width: calc(33.3333333333% - (20px - (20px / 3))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .medium-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .medium-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .medium-down--one-sixth { width: calc(16.6666666667% - (20px - (20px / 6))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .medium-down--one-seventh { width: calc(14.2857142857% - (20px - (20px / 7))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .medium-down--two { width: calc(12.5% - (20px - (20px / 8))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .medium-down--four { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .medium-down--seven { width: calc(43.75% - (20px - (20px / 2))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .medium-down--eight { width: calc(50% - (20px / 2)); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .medium-down--nine { width: calc(56.25% - (20px - (20px / 2))); } } @media only screen and (max-width: 767px) { .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .medium-down--one-whole, .has-no-side-gutter .medium-down--one-half, .has-no-side-gutter .medium-down--eight, .has-no-side-gutter .medium-down--one-third, .has-no-side-gutter .medium-down--two-thirds, .has-no-side-gutter .medium-down--one-fourth, .has-no-side-gutter .medium-down--four, .has-no-side-gutter .medium-down--one-fifth, .has-no-side-gutter .medium-down--three-fifths, .has-no-side-gutter .medium-down--two-fifths, .has-no-side-gutter .medium-down--one-sixth, .has-no-side-gutter .medium-down--one-seventh, .has-no-side-gutter .medium-down--one-eighth, .has-no-side-gutter .medium-down--two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .medium-down--one-whole { width: 100%; } .has-no-side-gutter .medium-down--one-half { width: 50%; } .has-no-side-gutter .medium-down--one-third { width: 33.3333333333%; } .has-no-side-gutter .medium-down--one-fourth { width: 25%; } .has-no-side-gutter .medium-down--one-fifth { width: 20%; } .has-no-side-gutter .medium-down--two-fifths { width: 40%; } .has-no-side-gutter .medium-down--three-fifths { width: 60%; } .has-no-side-gutter .medium-down--one-sixth { width: 16.6666666667%; } .has-no-side-gutter .medium-down--one-seventh { width: 14.2857142857%; } .has-no-side-gutter .medium-down--one-eighth { width: 12.5%; } .has-no-side-gutter .medium-down--two-thirds { width: 66.6666666667%; } .has-no-side-gutter .medium-down--two { width: 12.5%; } .has-no-side-gutter .medium-down--four { width: 25%; } .has-no-side-gutter .medium-down--seven { width: 43.75%; } .has-no-side-gutter .medium-down--eight { width: 50%; } .has-no-side-gutter .medium-down--nine { width: 56.25%; } } @media only screen and (max-width: 767px) { .medium-down--show { display: block !important; } } @media only screen and (max-width: 767px) { .medium-down--hide { display: none !important; } } @media only screen and (max-width: 767px) { .medium-down--text-left { text-align: left !important; } } @media only screen and (max-width: 767px) { .medium-down--text-right { text-align: right !important; } } @media only screen and (max-width: 767px) { .medium-down--text-center { text-align: center !important; } } @media only screen and (max-width: 767px) { .small-down--hidden { display: none !important; } .small-down--visible { display: block !important; } .small-down--one { width: calc(6.25% - 20px); } .small-down--two { width: calc(12.5% - 20px); } .small-down--three { width: calc(18.75% - 20px); } .small-down--four { width: calc(25% - 20px); } .small-down--five { width: calc(31.25% - 20px); } .small-down--six { width: calc(37.5% - 20px); } .small-down--seven { width: calc(43.75% - 20px); } .small-down--eight { width: calc(50% - 20px); } .small-down--nine { width: calc(56.25% - 20px); } .small-down--ten { width: calc(62.5% - 20px); } .small-down--eleven { width: calc(68.75% - 20px); } .small-down--twelve { width: calc(75% - 20px); } .small-down--thirteen { width: calc(81.25% - 20px); } .small-down--fourteen { width: calc(87.5% - 20px); } .small-down--fifteen { width: calc(93.75% - 20px); } .small-down--sixteen { width: calc(100% - 20px); } .small-down--one-whole { width: calc(100% - 20px); } .small-down--one-half { width: calc(50% - 20px); } .small-down--one-third { width: calc(33.3333333333% - 20px); } .small-down--two-thirds { width: calc(66.6666666667% - 20px); } .small-down--one-fourth { width: calc(25% - 20px); } .small-down--two-fourths { width: calc(50% - 20px); } .small-down--three-fourths { width: calc(75% - 20px); } .small-down--one-fifth { width: calc(20% - 20px); } .small-down--two-fifths { width: calc(40% - 20px); } .small-down--three-fifths { width: calc(60% - 20px); } .small-down--four-fifths { width: calc(80% - 20px); } .small-down--one-sixth { width: calc(16.6666666667% - 20px); } .small-down--two-sixths { width: calc(33.3333333333% - 20px); } .small-down--three-sixths { width: calc(50% - 20px); } .small-down--four-sixths { width: calc(66.6666666667% - 20px); } .small-down--five-sixths { width: calc(83.3333333333% - 20px); } .small-down--one-seventh { width: calc(14.2857142857% - 20px); } .small-down--two-sevenths { width: calc(28.5714285714% - 20px); } .small-down--three-sevenths { width: calc(42.8571428571% - 20px); } .small-down--four-sevenths { width: calc(57.1428571429% - 20px); } .small-down--five-sevenths { width: calc(71.4285714286% - 20px); } .small-down--one-eighth { width: calc(12.5% - 20px); } .small-down--two-eighths { width: calc(25% - 20px); } .small-down--three-eighths { width: calc(37.5% - 20px); } .small-down--four-eighths { width: calc(50% - 20px); } .small-down--five-eighths { width: calc(62.5% - 20px); } .small-down--six-eighths { width: calc(75% - 20px); } .small-down--seven-eighths { width: calc(87.5% - 20px); } .small-down--one-tenth { width: calc(10% - 20px); } .small-down--two-tenths { width: calc(20% - 20px); } .small-down--three-tenths { width: calc(30% - 20px); } .small-down--four-tenths { width: calc(40% - 20px); } .small-down--five-tenths { width: calc(50% - 20px); } .small-down--six-tenths { width: calc(60% - 20px); } .small-down--seven-tenths { width: calc(70% - 20px); } .small-down--eight-tenths { width: calc(80% - 20px); } .small-down--nine-tenths { width: calc(90% - 20px); } .small-down--one-twelfth { width: calc(8.3333333333% - 20px); } .small-down--two-twelfths { width: calc(16.6666666667% - 20px); } .small-down--three-twelfths { width: calc(25% - 20px); } .small-down--four-twelfths { width: calc(33.3333333333% - 20px); } .small-down--five-twelfths { width: calc(41.6666666667% - 20px); } .small-down--six-twelfths { width: calc(50% - 20px); } .small-down--seven-twelfths { width: calc(58.3333333333% - 20px); } .small-down--eight-twelfths { width: calc(66.6666666667% - 20px); } .small-down--nine-twelfths { width: calc(75% - 20px); } .small-down--ten-twelfths { width: calc(83.3333333333% - 20px); } .small-down--eleven-twelfths { width: calc(91.6666666667% - 20px); } .small-down--offset-by-one { left: calc(6.25%); } .small-down--offset-by-two { left: calc(12.5%); } .small-down--offset-by-three { left: calc(18.75%); } .small-down--offset-by-four { left: calc(25%); } .small-down--offset-by-five { left: calc(31.25%); } .small-down--offset-by-six { left: calc(37.5%); } .small-down--offset-by-seven { left: calc(43.75%); } .small-down--offset-by-eight { left: calc(50%); } .small-down--offset-by-nine { left: calc(56.25%); } .small-down--offset-by-ten { left: calc(62.5%); } .small-down--offset-by-eleven { left: calc(68.75%); } .small-down--offset-by-twelve { left: calc(75%); } .small-down--offset-by-thirteen { left: calc(81.25%); } .small-down--offset-by-fourteen { left: calc(87.5%); } .small-down--offset-by-fifteen { left: calc(93.75%); } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .small-down--four:nth-of-type(4n), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .small-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .small-down--two:nth-of-type(8n+1) { margin-left: 0; } } @media only screen and (max-width: 767px) and (max-width: 767px) { .equal-columns--outside-trim .small-down--one-half.small-down--one-half, .equal-columns--outside-trim .small-down--eight.small-down--eight, .equal-columns--outside-trim .small-down--one-third.small-down--one-third, .equal-columns--outside-trim .small-down--one-fourth.small-down--one-fourth, .equal-columns--outside-trim .small-down--four.small-down--four, .equal-columns--outside-trim .small-down--one-fifth.small-down--one-fifth, .equal-columns--outside-trim .small-down--one-sixth.small-down--one-sixth, .equal-columns--outside-trim .small-down--one-seventh.small-down--one-seventh, .equal-columns--outside-trim .small-down--two.small-down--two { margin-right: 20px; margin-left: 20px; } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .small-down--four:nth-of-type(4n), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .small-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .small-down--two:nth-of-type(8n+1) { margin-left: 0; } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .small-down--one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .small-down--one-half { width: calc(50% - (20px - (20px / 2))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .small-down--one-third { width: calc(33.3333333333% - (20px - (20px / 3))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .small-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .small-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .small-down--one-sixth { width: calc(16.6666666667% - (20px - (20px / 6))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .small-down--one-seventh { width: calc(14.2857142857% - (20px - (20px / 7))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .small-down--two { width: calc(12.5% - (20px - (20px / 8))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .small-down--four { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .small-down--seven { width: calc(43.75% - (20px - (20px / 2))); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .small-down--eight { width: calc(50% - (20px / 2)); } } @media only screen and (max-width: 767px) { .equal-columns--outside-trim .small-down--nine { width: calc(56.25% - (20px - (20px / 2))); } } @media only screen and (max-width: 767px) { .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .small-down--one-whole, .has-no-side-gutter .small-down--one-half, .has-no-side-gutter .small-down--eight, .has-no-side-gutter .small-down--one-third, .has-no-side-gutter .small-down--two-thirds, .has-no-side-gutter .small-down--one-fourth, .has-no-side-gutter .small-down--four, .has-no-side-gutter .small-down--one-fifth, .has-no-side-gutter .small-down--three-fifths, .has-no-side-gutter .small-down--two-fifths, .has-no-side-gutter .small-down--one-sixth, .has-no-side-gutter .small-down--one-seventh, .has-no-side-gutter .small-down--one-eighth, .has-no-side-gutter .small-down--two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .small-down--one-whole { width: 100%; } .has-no-side-gutter .small-down--one-half { width: 50%; } .has-no-side-gutter .small-down--one-third { width: 33.3333333333%; } .has-no-side-gutter .small-down--one-fourth { width: 25%; } .has-no-side-gutter .small-down--one-fifth { width: 20%; } .has-no-side-gutter .small-down--two-fifths { width: 40%; } .has-no-side-gutter .small-down--three-fifths { width: 60%; } .has-no-side-gutter .small-down--one-sixth { width: 16.6666666667%; } .has-no-side-gutter .small-down--one-seventh { width: 14.2857142857%; } .has-no-side-gutter .small-down--one-eighth { width: 12.5%; } .has-no-side-gutter .small-down--two-thirds { width: 66.6666666667%; } .has-no-side-gutter .small-down--two { width: 12.5%; } .has-no-side-gutter .small-down--four { width: 25%; } .has-no-side-gutter .small-down--seven { width: 43.75%; } .has-no-side-gutter .small-down--eight { width: 50%; } .has-no-side-gutter .small-down--nine { width: 56.25%; } } @media only screen and (max-width: 767px) { .small-down--show { display: block !important; } } @media only screen and (max-width: 767px) { .small-down--hide { display: none !important; } } @media only screen and (max-width: 767px) { .small-down--text-left { text-align: left !important; } } @media only screen and (max-width: 767px) { .small-down--text-right { text-align: right !important; } } @media only screen and (max-width: 767px) { .small-down--text-center { text-align: center !important; } } /*================ Build Grid Push Classes ================*/ /* # Control ================================================== */ .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .file-cta, .file-name, .select select, .input, .textarea, .button { -webkit-appearance: none; appearance: none; align-items: center; border: 1px solid transparent; border-radius: 0; box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.25em; justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); padding-right: calc(0.625em - 1px); padding-top: calc(0.375em - 1px); position: relative; vertical-align: top; } .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus, .pagination-ellipsis:focus, .file-cta:focus, .file-name:focus, .select select:focus, .input:focus, .textarea:focus, .button:focus, .is-focused.pagination-previous, .is-focused.pagination-next, .is-focused.pagination-link, .is-focused.pagination-ellipsis, .is-focused.file-cta, .is-focused.file-name, .select select.is-focused, .is-focused.input, .is-focused.textarea, .is-focused.button, .pagination-previous:active, .pagination-next:active, .pagination-link:active, .pagination-ellipsis:active, .file-cta:active, .file-name:active, .select select:active, .input:active, .textarea:active, .button:active, .is-active.pagination-previous, .is-active.pagination-next, .is-active.pagination-link, .is-active.pagination-ellipsis, .is-active.file-cta, .is-active.file-name, .select select.is-active, .is-active.input, .is-active.textarea, .is-active.button { outline: none; } [disabled].pagination-previous, [disabled].pagination-next, [disabled].pagination-link, [disabled].pagination-ellipsis, [disabled].file-cta, [disabled].file-name, .select select[disabled], [disabled].input, [disabled].textarea, [disabled].button, fieldset[disabled] .pagination-previous, fieldset[disabled] .pagination-next, fieldset[disabled] .pagination-link, fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta, fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .input, fieldset[disabled] .textarea, fieldset[disabled] .button { cursor: not-allowed; } /* # Media ================================================== */ .media { align-items: flex-start; display: flex; text-align: left; } .media .content:not(:last-child) { margin-bottom: 0.75rem; } .media .media { border-top: 1px solid #000; display: flex; padding-top: 0.75rem; } .media .media .content:not(:last-child), .media .media .control:not(:last-child) { margin-bottom: 0.5rem; } .media .media .media { padding-top: 0.5rem; } .media .media .media + .media { margin-top: 0.5rem; } .media + .media { border-top: 1px solid #000000; margin-top: 1rem; padding-top: 1rem; } .media.is-large + .media { margin-top: 1.5rem; padding-top: 1.5rem; } .media-left, .media-right { flex-basis: auto; flex-grow: 0; flex-shrink: 0; } .media-left { margin-right: 1rem; } .media-right { margin-left: 1rem; } .media-content { flex-basis: auto; flex-grow: 1; flex-shrink: 1; text-align: left; } /* # Tile ================================================== */ .tile { display: flex; align-items: stretch; display: block; flex-basis: 0; flex-grow: 1; flex-shrink: 1; min-height: -webkit-min-content; min-height: min-content; overflow: hidden; } .tile .tile-image { display: block; } .tile.is-ancestor { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; } .tile.is-ancestor:last-child { margin-bottom: -0.75rem; } .tile.is-ancestor:not(:last-child) { margin-bottom: 0.75rem; } .tile.is-child { margin: 0 !important; } .tile.is-parent { padding: 0.75rem; } .tile.is-vertical { flex-direction: column; } .tile.is-vertical > .tile.is-child:not(:last-child) { margin-bottom: 1.5rem !important; } @media only screen and (min-width: 768px) { .tile:not(.is-child) { display: flex; } .tile.is-1 { flex: none; width: 8.3333333333%; } .tile.is-2 { flex: none; width: 16.6666666667%; } .tile.is-3 { flex: none; width: 25%; } .tile.is-4 { flex: none; width: 33.3333333333%; } .tile.is-5 { flex: none; width: 41.6666666667%; } .tile.is-6 { flex: none; width: 50%; } .tile.is-7 { flex: none; width: 58.3333333333%; } .tile.is-8 { flex: none; width: 66.6666666667%; } .tile.is-9 { flex: none; width: 75%; } .tile.is-10 { flex: none; width: 83.3333333333%; } .tile.is-11 { flex: none; width: 91.6666666667%; } .tile.is-12 { flex: none; width: 100%; } } /* # Badge ================================================== */ .header-cart__icon { display: flex; justify-content: center; position: relative; width: -webkit-max-content; width: max-content; margin: 0 auto; } .badge { height: 1rem; width: 1rem; position: absolute; top: calc(1rem * -0.3); left: calc(65% - 0.2rem); font-size: 0.7rem; background: #13b8ef; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%; letter-spacing: 0; } /* # Button ================================================== */ .button { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 1px; background-color: white; border-color: #dbdbdb; border-width: 1px; color: #363636; cursor: pointer; justify-content: center; padding-bottom: calc(0.375em - 1px); padding-left: 1em; padding-right: 1em; padding-top: calc(0.375em - 1px); text-align: center; text-transform: uppercase; transition: background 0.2s ease-in-out; white-space: nowrap; } .button strong { color: inherit; } .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { height: 1.5em; width: 1.5em; } .button .icon:first-child:not(:last-child) { margin-left: calc(-0.375em - 1px); margin-right: 10px; } .button .icon.icon--cart { font-size: 14px; } .button .icon.icon--right { margin-left: 10px; margin-right: calc(-0.375em - 1px); } .button .icon:first-child:last-child { margin-left: calc(-0.375em - 1px); margin-right: calc(-0.375em - 1px); } .button:hover, .button.is-hovered { border-color: #13B8EF; color: #13B8EF; } .button:focus, .button.is-focused { border-color: #13B8EF; color: #13B8EF; } .button:focus:not(:active), .button.is-focused:not(:active) { box-shadow: 0 0 0 0.125em ; } .button:active, .button.is-active { border-color: #13B8EF; color: #13B8EF; } .button.is-inverse { background-color: #363636; border-color: transparent; color: white; } .button.is-text { background-color: transparent; border-color: transparent; color: #000000; text-decoration: underline; } .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { background-color: #fff; color: #363636; } .button.is-text:active, .button.is-text.is-active { background-color: #fff; color: #363636; } .button.is-text[disabled], fieldset[disabled] .button.is-text { background-color: transparent; border-color: transparent; box-shadow: none; } .button.is-small { font-size: 0.75rem; } .button.is-normal { font-size: 1rem; } .button.is-medium { font-size: 1.25rem; } .button.is-large { font-size: 1.5rem; line-height: 1.25em; width: 100%; } .button[disabled], fieldset[disabled] .button { box-shadow: none; opacity: 0.5; } .button.is-fullwidth { display: flex; width: 100%; } .button.is-loading { color: transparent !important; pointer-events: none; } .button.is-loading::after { position: absolute; left: calc(50% - (1em / 2)); top: calc(50% - (1em / 2)); position: absolute !important; } .button.is-loading--icon-only { background: transparent !important; border: transparent !important; font-size: 2rem !important; outline: none; } .button.is-loading--icon-only::after { color: #000000; } .button.is-static { background-color: whitesmoke; border-color: #dbdbdb; color: #7a7a7a; box-shadow: none; pointer-events: none; } .button.is-rounded { border-radius: 290486px; padding-left: 1em; padding-right: 1em; } .buttons { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; } .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { font-size: 0.75rem; } .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { font-size: 1.25rem; } .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { font-size: 1.5rem; line-height: 1.25em; width: 100%; } .buttons.has-addons .button:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .buttons.has-addons .button:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: -1px; } .buttons.has-addons .button:last-child { margin-right: 0; } .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { z-index: 2; } .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { z-index: 3; } .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { z-index: 4; } .buttons.has-addons .button.is-expanded { flex-grow: 1; } .buttons.is-center { justify-content: center; } .buttons.is-right { justify-content: flex-end; } .button--primary, a.button--primary.button { font-size: 1rem; border-radius: 0px; width: auto; line-height: inherit; height: auto; max-width: 100%; white-space: normal; overflow-wrap: normal; } .button--primary, .button--primary:link, .button--primary:visited, a.button--primary.button, a.button--primary.button:link, a.button--primary.button:visited { color: #ffffff; background-color: #2c313d; border-color: rgba(0,0,0,0); } .button--primary:hover, .button--primary.is-hovered, a.button--primary.button:hover, a.button--primary.button.is-hovered { color: #ffffff; border-color: rgba(0,0,0,0); background-color: rgba(44, 49, 61, 0.9); } .button--primary:focus, .button--primary.is-focused, a.button--primary.button:focus, a.button--primary.button.is-focused { color: #ffffff; border-color: rgba(0,0,0,0); background-color: rgba(44, 49, 61, 0.9); } .button--primary:focus:not(:active), .button--primary.is-focused:not(:active), a.button--primary.button:focus:not(:active), a.button--primary.button.is-focused:not(:active) { box-shadow: 0 0 0 0.125em ; } .button--primary:active, .button--primary.is-active, a.button--primary.button:active, a.button--primary.button.is-active { color: #ffffff; border-color: rgba(0,0,0,0); background-color: rgba(44, 49, 61, 0.9); } .button--primary.is-inverted, a.button--primary.button.is-inverted { color: #2c313d; background-color: #ffffff; border-color: #2c313d; } .button--primary.is-small, a.button--primary.button.is-small { font-size: 0.75rem; } .button--primary.is-normal, a.button--primary.button.is-normal { font-size: 1rem; } .button--primary.is-medium, a.button--primary.button.is-medium { font-size: 1.25rem; } .button--primary.is-large, a.button--primary.button.is-large { font-size: 1.5rem; line-height: 1.25em; width: 100%; } .button--secondary, .action_button--secondary, a.button--secondary.button { font-size: 1rem; border-radius: 0px; line-height: inherit; width: auto; height: auto; max-width: 100%; white-space: normal; } .button--secondary, .button--secondary:link, .button--secondary:visited, .action_button--secondary, .action_button--secondary:link, .action_button--secondary:visited, a.button--secondary.button, a.button--secondary.button:link, a.button--secondary.button:visited { color: #2c313d; background-color: #ffffff; border-color: rgba(0,0,0,0); } .button--secondary:hover, .button--secondary.is-hovered, .action_button--secondary:hover, .action_button--secondary.is-hovered, a.button--secondary.button:hover, a.button--secondary.button.is-hovered { color: #2c313d; border-color: rgba(0,0,0,0); background-color: #ffffff; } .button--secondary:focus, .button--secondary.is-focused, .action_button--secondary:focus, .action_button--secondary.is-focused, a.button--secondary.button:focus, a.button--secondary.button.is-focused { color: #2c313d; border-color: rgba(0,0,0,0); background-color: #ffffff; } .button--secondary:focus:not(:active), .button--secondary.is-focused:not(:active), .action_button--secondary:focus:not(:active), .action_button--secondary.is-focused:not(:active), a.button--secondary.button:focus:not(:active), a.button--secondary.button.is-focused:not(:active) { box-shadow: 0 0 0 0.125em ; } .button--secondary:active, .button--secondary.is-active, .action_button--secondary:active, .action_button--secondary.is-active, a.button--secondary.button:active, a.button--secondary.button.is-active { color: #2c313d; border-color: rgba(0,0,0,0); background-color: #ffffff; } .button--secondary.is-inverted, .action_button--secondary.is-inverted, a.button--secondary.button.is-inverted { color: #ffffff; background-color: #2c313d; border-color: #ffffff; } .button--secondary.is-small, .action_button--secondary.is-small, a.button--secondary.button.is-small { font-size: 0.75rem; } .button--secondary.is-normal, .action_button--secondary.is-normal, a.button--secondary.button.is-normal { font-size: 1rem; } .button--secondary.is-medium, .action_button--secondary.is-medium, a.button--secondary.button.is-medium { font-size: 1.25rem; } .button--secondary.is-large, .action_button--secondary.is-large, a.button--secondary.button.is-large { font-size: 1.5rem; line-height: 1.25em; width: 100%; } .button--link-style, a.button--link-style.button { font-size: 1rem; border: none; border-bottom: 1px double; height: auto; line-height: inherit; padding: 0; transition: 0.3s linear; background: transparent; max-width: 100%; white-space: normal; } .button--link-style, .button--link-style:link, .button--link-style:visited, a.button--link-style.button, a.button--link-style.button:link, a.button--link-style.button:visited { color: #2c313d; border-bottom-color: #2c313d; } .button--link-style:hover, .button--link-style.is-hovered, a.button--link-style.button:hover, a.button--link-style.button.is-hovered { color: #087cbf; border-bottom-color: #087cbf !important; } .button--link-style:focus, .button--link-style.is-focused, a.button--link-style.button:focus, a.button--link-style.button.is-focused { color: #087cbf; border-bottom-color: #087cbf; } .button--link-style:active, .button--link-style.is-active, a.button--link-style.button:active, a.button--link-style.button.is-active { color: #087cbf; border-bottom-color: #087cbf; } .button--link-style.is-within-form, a.button--link-style.button.is-within-form { padding-bottom: calc(0.375em - 1px); padding-left: 1em; padding-right: 1em; padding-top: calc(0.375em - 1px); } .button--add-to-cart, a.button--add-to-cart.button { font-size: 1rem; border-radius: 0px; width: 100%; line-height: inherit; } .button--add-to-cart, .button--add-to-cart:link, .button--add-to-cart:visited, a.button--add-to-cart.button, a.button--add-to-cart.button:link, a.button--add-to-cart.button:visited { color: #2c313d; background-color: #ffffff; border-color: rgba(0,0,0,0); } .button--add-to-cart:hover, .button--add-to-cart.is-hovered, a.button--add-to-cart.button:hover, a.button--add-to-cart.button.is-hovered { color: #fff !important; border-color: rgba(0,0,0,0) !important; background-color: #13b8ef !important; } .button--add-to-cart:focus, .button--add-to-cart.is-focused, a.button--add-to-cart.button:focus, a.button--add-to-cart.button.is-focused { color: #fff; border-color: rgba(0,0,0,0); background-color: #13b8ef; } .button--add-to-cart:focus:not(:active), .button--add-to-cart.is-focused:not(:active), a.button--add-to-cart.button:focus:not(:active), a.button--add-to-cart.button.is-focused:not(:active) { box-shadow: 0 0 0 0.125em ; } .button--add-to-cart:active, .button--add-to-cart.is-active, a.button--add-to-cart.button:active, a.button--add-to-cart.button.is-active { color: #fff; border-color: rgba(0,0,0,0); background-color: #13b8ef; } .button--add-to-cart.is-inverted, a.button--add-to-cart.button.is-inverted { color: #ffffff; background-color: #2c313d; border-color: #ffffff; } .button--add-to-cart.is-small, a.button--add-to-cart.button.is-small { font-size: 0.75rem; } .button--add-to-cart.is-normal, a.button--add-to-cart.button.is-normal { font-size: 1rem; } .button--add-to-cart.is-medium, a.button--add-to-cart.button.is-medium { font-size: 1.25rem; } .button--add-to-cart.is-large, a.button--add-to-cart.button.is-large { font-size: 1.5rem; line-height: 1.25em; width: 100%; } .shopify-challenge__button { font-size: 1rem; border-radius: 0px; width: auto; line-height: inherit; height: auto; max-width: 100%; white-space: normal; overflow-wrap: normal; padding: 0.5em 4em; } .shopify-challenge__button, .shopify-challenge__button:link, .shopify-challenge__button:visited { color: #ffffff; background-color: #2c313d; border-color: rgba(0,0,0,0); } .shopify-challenge__button:hover, .shopify-challenge__button.is-hovered { color: #ffffff; border-color: rgba(0,0,0,0); background-color: rgba(44, 49, 61, 0.9); } .shopify-challenge__button:focus, .shopify-challenge__button.is-focused { color: #ffffff; border-color: rgba(0,0,0,0); background-color: rgba(44, 49, 61, 0.9); } .shopify-challenge__button:focus:not(:active), .shopify-challenge__button.is-focused:not(:active) { box-shadow: 0 0 0 0.125em ; } .shopify-challenge__button:active, .shopify-challenge__button.is-active { color: #ffffff; border-color: rgba(0,0,0,0); background-color: rgba(44, 49, 61, 0.9); } .shopify-challenge__button.is-inverted { color: #2c313d; background-color: #ffffff; border-color: #2c313d; } .shopify-challenge__button.is-small { font-size: 0.75rem; } .shopify-challenge__button.is-normal { font-size: 1rem; } .shopify-challenge__button.is-medium { font-size: 1.25rem; } .shopify-challenge__button.is-large { font-size: 1.5rem; line-height: 1.25em; width: 100%; } /* # Content ================================================== */ .content li + li { margin-top: 0.25em; } .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: 1em; } .content h1 { font-size: 2em; margin-bottom: 0.5em; word-wrap: break-word; } .content h1:not(:first-child) { margin-top: 1em; } .content h2 { font-size: 1.75em; margin-bottom: 0.5714em; word-wrap: break-word; } .content h2:not(:first-child) { margin-top: 1.1428em; } .content h3 { /* font-size: 1.5em; */ /* margin-bottom: 0.6666em; */ word-wrap: break-word; } .content h3:not(:first-child) { margin-top: 1.3333em; } .content h4 { font-size: 1.25em; margin-bottom: 0.8em; word-wrap: break-word; } .content h5 { font-size: 1.125em; margin-bottom: 0.8888em; word-wrap: break-word; } .content h6 { font-size: 1em; margin-bottom: 1em; word-wrap: break-word; } .content blockquote { background-color: #fff; border-left: 5px solid #8F9397; padding: 1.25em 1.5em; } .content ol { list-style-position: outside; margin-left: 3em; margin-top: 1em; } .content ol:not([type]) { list-style-type: decimal; } .content ol:not([type]).is-lower-alpha { list-style-type: lower-alpha; } .content ol:not([type]).is-lower-roman { list-style-type: lower-roman; } .content ol:not([type]).is-upper-alpha { list-style-type: upper-alpha; } .content ol:not([type]).is-upper-roman { list-style-type: upper-roman; } .content ul { list-style: disc outside; margin-left: 3em; margin-top: 1em; } .content ul ul { list-style-type: circle; margin-top: 0.5em; } .content ul ul ul { list-style-type: square; } .content dd { margin-left: 2em; } .content figure { margin-left: 2em; margin-right: 2em; text-align: center; } .content figure:not(:first-child) { margin-top: 2em; } .content figure:not(:last-child) { margin-bottom: 2em; } .content figure img { display: inline-block; } .content figure figcaption { font-style: italic; } .content pre { -webkit-overflow-scrolling: touch; overflow-x: auto; padding: 1.25em 1.5em; white-space: pre; word-wrap: normal; } .content sup, .content sub { font-size: 75%; } .content table { width: 100%; } .content table td, .content table th { border: 1px solid #8F9397; border-width: 1px; padding: 0.5em 0.75em; vertical-align: top; } .content table th { color: #363636; text-align: left; } .content table thead td, .content table thead th { border-width: 0 0 2px; color: #363636; } .content table tfoot td, .content table tfoot th { border-width: 2px 0 0; color: #363636; } .content.is-small { font-size: 0.75rem; } .content.is-medium { font-size: 1.25rem; } .content.is-large { font-size: 1.5rem; } /* #Currency / Language switcher ================================================== */ .selectors-form { margin-bottom: 0; } .selectors-form__wrap { display: flex; flex-wrap: wrap; justify-content: center; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .selectors-form__wrap { margin-bottom: 10px; width: 100%; } } .selectors-form__item { margin-right: 20px; } .selectors-form__item:last-child { margin-right: 0; } .disclosure { position: relative; } .disclosure .disclosure__list-wrap { min-width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .disclosure--i18n, .disclosure--currency { margin-right: 0; } } .disclosure-text-style-none button.disclosure__toggle, .disclosure-text-style-none button.disclosure__button { text-transform: capitalize; } .disclosure-text-style-uppercase button.disclosure__toggle, .disclosure-text-style-uppercase button.disclosure__button { text-transform: uppercase; } .disclosure-text-style-lowercase button.disclosure__toggle, .disclosure-text-style-lowercase button.disclosure__button { text-transform: lowercase; } .disclosure__toggle { display: flex; align-items: center; background-color: #ffffff; border: 1px solid #8f9397; border-radius: 2px; color: #414b56; cursor: pointer; font-family: "Verdana Pro", sans-serif; font-size: 15px; font-weight: 400; font-style: normal; margin-top: 5px; padding: 10px; position: relative; text-transform: uppercase; white-space: nowrap; z-index: 2; } .disclosure__toggle:active { border-color: #8f9397; box-shadow: none; } .disclosure__toggle.is-clicked, .disclosure__toggle:focus, .disclosure__toggle:hover, .disclosure__toggle:focus-within { background-color: #ffffff; border-color: #8f9397; color: rgba(65, 75, 86, 0.33); } .disclosure__toggle.is-clicked .icon, .disclosure__toggle:focus .icon, .disclosure__toggle:hover .icon, .disclosure__toggle:focus-within .icon { transform: rotate(180deg); } .disclosure__toggle.is-clicked + .disclosure__list-wrap, .disclosure__toggle:focus + .disclosure__list-wrap, .disclosure__toggle:focus-within + .disclosure__list-wrap { opacity: 1; visibility: visible; pointer-events: all; } .disclosure__toggle .icon { height: 1rem; margin-left: 10px; pointer-events: none; transform: rotate(0deg); transition: transform 0.2s linear; width: 1rem; } .disclosure-list { background-color: #ffffff; border: 1px solid #8f9397; border-radius: 2px; list-style: none; margin-bottom: 0; margin-left: 0; padding: 0 10px; white-space: nowrap; } li.disclosure-list__item { line-height: 1; list-style: none; padding: 0; text-transform: uppercase; } .disclosure__list-wrap { bottom: 100%; opacity: 0; visibility: hidden; pointer-events: none; padding-bottom: 10px; position: absolute; z-index: 10; } .disclosure__list-wrap.animated { animation-duration: 0.5s; } button.disclosure__button { background-color: transparent; border: 0; color: #414b56; cursor: pointer; display: block; font-family: "Verdana Pro", sans-serif; font-size: 15px; font-style: normal; font-weight: 400; padding: 10px 0; text-align: left; text-transform: uppercase; width: 100%; } button.disclosure__button:hover, button.disclosure__button[aria-current=true] { color: rgba(65, 75, 86, 0.33); } /* Mobile currency/language switcher */ .selectors-form--mobile { padding: 0.5rem 1.5rem; } .selectors-form--mobile .selectors-wrap { justify-content: flex-start; } .selectors-form--mobile .disclosure { display: flex; align-items: center; background-color: #ffffff; border: 1px solid #8f9397; border-radius: 2px; color: #414b56; cursor: pointer; margin-top: 5px; position: relative; white-space: nowrap; z-index: 2; } .selectors-form--mobile .disclosure:hover, .selectors-form--mobile .disclosure[aria-current=true] { color: rgba(65, 75, 86, 0.33); } .selectors-form--mobile .disclosure.is-clicked .icon { transform: rotate(180deg); } .selectors-form--mobile .disclosure select { -webkit-appearance: none; appearance: none; text-indent: 1px; text-overflow: ""; background-color: transparent; border: 0; padding: 10px 30px 10px 10px; text-transform: capitalize; z-index: 2; font-family: "Verdana Pro", sans-serif; font-size: 15px; font-weight: 400; font-style: normal; } .selectors-form--mobile .disclosure select option { text-transform: capitalize; } .selectors-form--mobile .disclosure .icon { position: absolute; right: 10px; transform: rotate(0deg); transition: transform 0.2s linear; } /* # Icon ================================================== */ .icon { align-items: center; display: inline-flex; justify-content: center; height: 1.2rem; width: 1.2rem; fill: currentColor; } .is-large .icon { height: 1.8rem; width: 1.8rem; } .is-medium .icon { height: 1.2rem; width: 1.2rem; } .is-small .icon { height: 1rem; width: 1rem; } .icon svg { height: 100%; width: 100%; } /* # Image ================================================== */ /* Lazyloading styles */ .transition--appear { opacity: 0; transition: opacity 0s transform 0.3s ease-in-out; } .transition--appear.lazyloaded { opacity: 1; } .transition--fade-in { opacity: 0; transition: opacity 0.3s ease-in; } .transition--fade-in.lazyloaded { opacity: 1; } .transition--blur-up { -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: blur(5px); transform: translate3d(0, 0, 0); transition: filter 200ms; } .transition--blur-up.lazyloaded { filter: blur(0px); transform: scale(1); } .transition--color { opacity: 0; transition: opacity 0.3s ease-in; } .transition--color.lazyloaded { opacity: 1; } .image-element__wrap[style*=".png"] { background: transparent !important; } .image__container { display: block; margin-left: auto; margin-right: auto; font-size: 0; } .image__container img { width: 100%; } .image-element__wrap img { height: auto; width: 100%; margin-left: auto; margin-right: auto; display: block; } .has-image-crop .image-element__wrap { height: 100%; } .has-image-crop img { height: 100% !important; object-fit: cover; } .has-image-crop.image-crop--left img { object-fit: cover; object-position: left; } .has-image-crop.image-crop--right img { object-fit: cover; object-position: right; } .has-image-crop.image-crop--center img { object-fit: cover; object-position: center; } .has-image-crop.image-crop--none { height: auto; } .has-image-crop.image-crop--none img { position: static; height: auto !important; object-fit: fill; } /* # Notification ================================================== */ .notification { background-color: #dbdbdb; border-radius: 4px; padding: 1.25rem 2.5rem 1.25rem 1.5rem; position: relative; } .notification a:not(.button):not(.dropdown-item) { color: currentColor; text-decoration: underline; } .notification strong { color: currentColor; } .notification code, .notification pre { background: white; } .notification pre code { background: transparent; } .notification > .delete { position: absolute; right: 0.5rem; top: 0.5rem; } .notification .title, .notification .subtitle, .notification .content { color: currentColor; } /* # Other ================================================== */ .highlight { font-weight: 400; max-width: 100%; overflow: hidden; padding: 0; } .highlight pre { overflow: auto; max-width: 100%; } .number { align-items: center; background-color: #fff; border-radius: 290486px; display: inline-flex; font-size: 1.25rem; height: 2em; justify-content: center; margin-right: 1.5rem; min-width: 2.5em; padding: 0.25rem 0.5rem; text-align: center; vertical-align: top; } /* # Placeholder ================================================== */ .placeholder-svg { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; border: 1px solid ; } .placeholder-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .placeholder-background .icon { border: 0; } /* # Social share ================================================== */ .share-btn.share-btn--twitter .button { color: #1DA1F1; } .share-btn.share-btn--twitter .button:hover { border-color: #1DA1F1; background-color: #1DA1F1; } .share-btn.share-btn--facebook .button { color: #4266B2; } .share-btn.share-btn--facebook .button:hover { border-color: #4266B2; background-color: #4266B2; } .share-btn.share-btn--pinterest .button { color: #E50122; } .share-btn.share-btn--pinterest .button:hover { border-color: #E50122; background-color: #E50122; } .share-btn.share-btn--mail .button { color: #F14336; } .share-btn.share-btn--mail .button:hover { border-color: #F14336; background-color: #F14336; } .share-btn .button { width: 38px; height: 38px; } .share-btn .button:hover { color: #FFFFFF; } .social-share-buttons--rounded .button { border-radius: 50%; } /* # Tag ================================================== */ .tags { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; } .tags .tag { margin-bottom: 0.5rem; } .tags .tag.tag--solid { background-color: rgba(44, 49, 61, 0.1); } .tags .tag.tag--solid a { color: #2C313D; } .tags .tag.tag--solid:hover { background-color: #2c313d; } .tags .tag.tag--solid:hover a { color: #ffffff; } .tags .tag.tag--outline { background-color: transparent; border: 1px solid #2C313D; } .tags .tag.tag--outline a { color: #2C313D; } .tags .tag.tag--outline:hover { background-color: #2C313D; } .tags .tag.tag--outline:hover a { color: #ffffff; } .tags .tag:not(:last-child) { margin-right: 0.5rem; } .tags:last-child { margin-bottom: -0.5rem; } .tags:not(:last-child) { margin-bottom: 0; } .tags.are-medium .tag:not(.is-normal):not(.is-large) { font-size: 1rem; } .tags.are-large .tag:not(.is-normal):not(.is-medium) { font-size: 1.25rem; } .tags.are-outline .tag:not(.is-regular) { background-color: transparent; border: 1px solid #000000; } .tags.has-addons .tag { margin-right: 0; } .tags.has-addons .tag:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .tags.has-addons .tag:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .tags.is-center { justify-content: center; } .tags.is-center .tag { margin-right: 0.25rem; margin-left: 0.25rem; } .tags.is-right { justify-content: flex-end; } .tags.is-right .tag:not(:first-child) { margin-left: 0.5rem; } .tags.is-right .tag:not(:last-child) { margin-right: 0; } .tags.has-addons .tag { margin-right: 0; } .tags.has-addons .tag:not(:first-child) { margin-left: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } .tags.has-addons .tag:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .tag:not(body) { align-items: center; background-color: #dbdbdb; border-radius: 4px; color: #000000; display: inline-flex; font-size: 0.75rem; height: 2em; justify-content: center; line-height: 1.5; padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; margin-bottom: 0.3em; transition: background-color 0.3s ease-in-out; } .tag:not(body) a { color: #000000; } .tag:not(body) .delete { margin-left: 0.25rem; margin-right: -0.375rem; } .tag:not(body).is-normal { font-size: 0.75rem; } .tag:not(body).is-medium { font-size: 1rem; } .tag:not(body).is-large { font-size: 1.25rem; } .tag:not(body) .icon:first-child:not(:last-child) { margin-left: -0.375em; margin-right: 0.1875em; } .tag:not(body) .icon:last-child:not(:first-child) { margin-left: 0.1875em; margin-right: -0.375em; } .tag:not(body) .icon:first-child:last-child { margin-left: -0.375em; margin-right: -0.375em; } .tag:not(body).is-delete { margin-left: 1px; padding: 0; position: relative; width: 2em; } .tag:not(body).is-delete::before, .tag:not(body).is-delete::after { background-color: currentColor; content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; } .tag:not(body).is-delete::before { height: 1px; width: 50%; } .tag:not(body).is-delete::after { height: 50%; width: 1px; } .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { background-color: #cfcfcf; } .tag:not(body).is-delete:active { background-color: #c2c2c2; } .tag:not(body).is-rounded { border-radius: 290486px; } .tag:not(body).is-outline { background-color: transparent; border: 1px solid #000000; } a.tag:hover { text-decoration: underline; } .tag--sale:not(body) { background-color: #13B8EF; color: #ffffff; } .tag--new:not(body) { background-color: #000000; color: #ffffff; } .tag--best-seller:not(body) { background-color: #E8BD88; color: #FFFFFF; } .tag--coming-soon:not(body) { background-color: #082C54; color: #FFFFFF; } .tag--staff-pick:not(body) { background-color: #FAF0EA; color: #FFFFFF; } .tag--pre-order:not(body) { background-color: #082C54; color: #FFFFFF; } /* # AJAX cart - mini and drawer ================================================== */ .cart__count--text::before { content: "("; } .cart__count--text::after { content: ")"; } #theme-ajax-cart { z-index: 50; max-height: 100vh; overflow-y: auto; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); } @media only screen and (max-width: 767px) { #theme-ajax-cart { z-index: 70; } } .ajax-cart { width: 100%; font-size: 14px; letter-spacing: 1; text-transform: none; text-shadow: none; color: #000000; } .ajax-cart a, .ajax-cart a:active, .ajax-cart a:visited { color: #414B56; } .ajax-cart a:hover { color: #13b8ef; } .is-drawer, .is-mini-cart .card { background-color: #fff; } .ajax-cart__close-icon { position: absolute; right: 0; margin: 15px 10px; cursor: pointer; } .ajax-cart__cart-title { padding: 1rem 1rem; font-weight: bold; border-bottom: 2px solid #000000; } .ajax-cart__product { align-items: center; padding: 1rem 1rem 0; margin-top: 0; position: relative; min-height: 120px; } .ajax-cart__product:last-child { margin-bottom: 1rem; } .ajax-cart__product-image { width: 20%; } .ajax-cart__quantity-box { max-width: 150px; margin-top: 10px; } .ajax-cart__quantity-box .quantity-wrapper.quantity-style--box .quantity-input-control--fill { width: auto; } .ajax-cart__right-content { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; align-self: flex-start; } .ajax-cart__price { padding: 5px 0; } .ajax-cart__price .was-price { margin-left: 3px; } .ajax-cart__line-items-discount .ajax-cart__price-comparison { display: flex; } .ajax-cart__line-items-discount .ajax-cart__price-comparison p, .ajax-cart__line-items-discount .ajax-cart__price-comparison s { padding: 5px 5px 5px 0; } .ajax-cart__line-items-discount .line-item-discount__container { background: none; padding: 0; margin: 0; } .ajax-cart__details-wrapper { border-top: 2px solid #000000; padding: 1rem 1rem; } .ajax-cart__details-wrapper .ajax-cart__details-row { padding: 10px 0; } @media only screen and (max-width: 767px) { .ajax-cart__details-wrapper .ajax-cart__row-description { max-width: 50%; } } .ajax-cart__note { width: 100%; padding: 0.625em; min-height: 80px; margin-top: 20px; font-size: inherit; } .ajax-cart__tos-checkbox { margin-top: 20px; } .ajax-cart__cart-message { margin-top: 20px; } .ajax-cart__empty-cart-message .icon { height: 2.4rem; width: 2.4rem; } .ajax-cart__empty-text { margin: 10px 0; } .ajax-cart__button { margin-top: 20px; width: 100%; } .ajax-cart__button.button .icon { width: 1em; height: 1em; } .ajax-cart__button.button .icon:first-child:last-child { margin-left: 0; margin-right: 5px; } .ajax-cart__cart-link { margin-top: 20px; display: block; text-decoration: underline; } .ajax-cart__delete .close, .ajax-cart__delete:hover .close { color: #000000; } .show-mini-cart #theme-ajax-cart.is-mini-cart { opacity: 1; visibility: visible; transition: opacity 0.3s ease-in; } #theme-ajax-cart.is-mini-cart { position: absolute; top: 100%; width: 420px; right: 0; visibility: hidden; opacity: 0; transition: opacity 0.3s ease-in; } #theme-ajax-cart.is-mini-cart .ajax-cart__empty-cart-message { padding-bottom: 1rem; } #theme-ajax-cart.is-mini-cart.theme-ajax-cart--header-vertical { top: 60%; left: 0; max-height: 50vh; overflow-y: auto; } @media only screen and (max-width: 767px) { #theme-ajax-cart.is-mini-cart.theme-ajax-cart--header-vertical { top: 100%; left: auto; right: 0; max-height: 80vh; } } #theme-ajax-cart.is-mini-cart.theme-ajax-cart--header-vertical a { color: #2C313D; } #theme-ajax-cart.is-mini-cart.theme-ajax-cart--header-vertical a:hover { color: #13B8EF; } .ajax-cart--mini-cart .ajax-cart__close-icon { display: none; } @media only screen and (max-width: 1024px) { .touchevents .ajax-cart--mini-cart .ajax-cart__close-icon { display: block; } } .ajax-cart--drawer { position: relative; z-index: 50; } .ajax-cart__overlay { position: fixed; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 49; background-color: rgba(0, 0, 0, 0.8); right: -100%; opacity: 0; transition: opacity 0.2s; } .ajax-cart__overlay.is-visible { right: 0; opacity: 1; } @media only screen and (max-width: 767px) { .ajax-cart__overlay { background-color: rgba(0, 0, 0, 0.5); } } #theme-ajax-cart.is-drawer { position: fixed; top: 0; height: 100%; bottom: 0; width: 40%; right: -40%; transition: right 0.3s ease-in-out; } @media only screen and (max-width: 767px) { #theme-ajax-cart.is-drawer { width: 60%; right: -60%; } } @media only screen and (max-width: 767px) { #theme-ajax-cart.is-drawer { width: 100%; right: -100%; } } #theme-ajax-cart.is-drawer.is-visible { right: 0; } @media only screen and (min-width: 768px) { #theme-ajax-cart.is-drawer.theme-ajax-cart--header-vertical { width: 30%; right: auto; left: -30%; margin-left: 20%; transition: left 0.3s ease-in-out; } #theme-ajax-cart.is-drawer.theme-ajax-cart--header-vertical.is-visible { left: 0; } } /* # Breadcrumb ================================================== */ .breadcrumb { font-size: 1rem; white-space: nowrap; } .breadcrumb a { align-items: center; color: #2C313D; display: flex; justify-content: center; padding: 0; line-height: 1; } /* .breadcrumb a:hover { color: #13B8EF; } */ .breadcrumb li { align-items: center; display: flex; line-height: 2; white-space: normal; } .breadcrumb li:not(.tag):first-child span { padding-left: 0; } .breadcrumb li.is-active a { color: #13B8EF; cursor: default; pointer-events: none; } .breadcrumb ul, .breadcrumb ol { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; } @media only screen and (max-width: 767px) { .breadcrumb ul, .breadcrumb ol { justify-content: center; } } .breadcrumb .icon:first-child { margin-right: 0.5em; } .breadcrumb .icon:last-child { margin-left: 0.5em; } .breadcrumb.is-center ol, .breadcrumb.is-center ul { justify-content: center; } .breadcrumb.is-right ol, .breadcrumb.is-right ul { justify-content: flex-end; } .breadcrumb.is-small { font-size: 0.75rem; } .breadcrumb.is-small .icon { height: 0.75rem; width: 0.75rem; } .breadcrumb.is-regular { font-size: 1rem; } .breadcrumb.is-regular .icon { height: 1rem; width: 1rem; } .breadcrumb.is-large { font-size: 1.2rem; } .breadcrumb.is-large .icon { height: 1.2rem; width: 1.2rem; } .breadcrumb .page-navigation-arrows a { display: inline; } .page-navigation-arrows { display: flex; align-items: center; } @media only screen and (max-width: 767px) { .page-navigation-arrows { justify-content: center; text-align: center; width: 100%; padding-top: 0; } } .page-navigation-arrows .page-navigation__divider { padding: 0 5px; } .breadcrumb-separator { display: flex; align-items: flex-end; } @media only screen and (max-width: 767px) { .breadcrumb__container { flex-direction: column-reverse; flex-wrap: wrap; padding-bottom: 20px; } } /* # Card ================================================== */ .card { background-color: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); color: #000000; max-width: 100%; position: relative; } .card-header { background-color: transparent; align-items: stretch; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); display: flex; width: 100%; } .card-header-title { align-items: center; display: flex; flex-grow: 1; font-weight: 700; padding: 0.75rem; } .card-header-title.is-center { justify-content: center; } .card-header-icon { align-items: center; cursor: pointer; display: flex; justify-content: center; padding: 0.75rem; } .card-image { display: block; position: relative; } .card-footer { background-color: transparent; border-top: 1px solid #8F9397; align-items: stretch; display: flex; } .card-footer-item { align-items: center; display: flex; flex-basis: 0; flex-grow: 1; flex-shrink: 0; justify-content: center; padding: 0.75rem; } .card-footer-item:not(:last-child) { border-right: 1px solid #8F9397; } /* # Commerce ================================================== */ .was-price { text-decoration: line-through; opacity: 0.6; } /* # Form ================================================== */ .input, .textarea { background-color: white; border-color: #8f9397; color: #363636; box-shadow: none; max-width: 100%; width: 100%; } .input::-moz-placeholder, .textarea::-moz-placeholder { color: rgba(54, 54, 54, 0.5); } .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.5); } .input:-moz-placeholder, .textarea:-moz-placeholder { color: rgba(54, 54, 54, 0.5); } .input:-ms-input-placeholder, .textarea:-ms-input-placeholder { color: rgba(54, 54, 54, 0.5); } .input:hover, .input.is-hovered, .textarea:hover, .textarea.is-hovered { border-color: #b5b5b5; } .input:focus, .input.is-focused, .input:active, .input.is-active, .textarea:focus, .textarea.is-focused, .textarea:active, .textarea.is-active { border-color: #2C313D; box-shadow: 0 0 0 0.125em ; } .input[disabled], fieldset[disabled] .input, .textarea[disabled], fieldset[disabled] .textarea { background-color: #fff; border-color: #fff; box-shadow: none; color: #7a7a7a; } .input[disabled]::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, .textarea[disabled]::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder { color: rgba(122, 122, 122, 0.3); } .input[disabled]::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder { color: rgba(122, 122, 122, 0.3); } .input[disabled]:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, .textarea[disabled]:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder { color: rgba(122, 122, 122, 0.3); } .input[disabled]:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder { color: rgba(122, 122, 122, 0.3); } .input[readonly], .textarea[readonly] { box-shadow: none; } .input.is-small, .textarea.is-small { border-radius: 2px; font-size: 0.75rem; } .input.is-medium, .textarea.is-medium { font-size: 1.25rem; } .input.is-large, .textarea.is-large { font-size: 1.25rem; height: 2em; } .input.is-fullwidth, .textarea.is-fullwidth { display: block; width: 100%; } .input.is-inline, .textarea.is-inline { display: inline; width: auto; } .input.is-rounded { border-radius: 290486px; padding-left: 1em; padding-right: 1em; } .input.is-static { background-color: transparent; border-color: transparent; box-shadow: none; padding-left: 0; padding-right: 0; } .input.is-primary-btn-style { border-radius: 0; padding-left: 1em; padding-right: 1em; } .input.is-secondary-btn-style { border-radius: 0; padding-left: 1em; padding-right: 1em; } .textarea { display: block; max-width: 100%; min-width: 100%; padding: 0.625em; resize: vertical; } .textarea:not([rows]) { max-height: 600px; min-height: 120px; } .textarea[rows] { height: initial; } .textarea.has-fixed-size { resize: none; } .textarea.is-rounded { border-radius: 5px; } .textarea.is-primary-btn-style { border-radius: 0; padding-left: 1em; padding-right: 1em; } .textarea.is-secondary-btn-style { border-radius: 0; padding-left: 1em; padding-right: 1em; } .checkbox, .radio { cursor: pointer; display: inline-block; line-height: 1.25; position: relative; } .checkbox input, .radio input { cursor: pointer; } .checkbox:hover, .radio:hover { color: #363636; } .checkbox[disabled], fieldset[disabled] .checkbox, .radio[disabled], fieldset[disabled] .radio { color: #7a7a7a; cursor: not-allowed; } .radio + .radio { margin-left: 0.5em; } .select { display: inline-block; max-width: 100%; position: relative; vertical-align: top; } .select:not(.is-multiple) { height: 2.25em; } .select:not(.is-multiple):not(.is-loading):not(.is-arrowless)::after { border-color: #2C313D; right: 1.125em; z-index: 4; } .select.is-rounded select { border-radius: 290486px; padding-left: 1em; } .select.is-primary-btn-style select { border-radius: 0; padding-left: 1em; } .select.is-secondary-btn-style select { border-radius: 0; padding-left: 1em; } .select.is-wide { width: 100%; } .select.is-wide select { width: inherit; } .select select { background-color: white; border-color: #8f9397; color: #363636; cursor: pointer; display: block; font-size: 1em; max-width: 100%; outline: none; } .select select::-moz-placeholder { color: rgba(54, 54, 54, 0.5); } .select select::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.5); } .select select:-moz-placeholder { color: rgba(54, 54, 54, 0.5); } .select select:-ms-input-placeholder { color: rgba(54, 54, 54, 0.5); } .select select:hover, .select select.is-hovered { border-color: #b5b5b5; } .select select:focus, .select select.is-focused, .select select:active, .select select.is-active { border-color: #2C313D; box-shadow: 0 0 0 0.125em ; } .select select[disabled], fieldset[disabled] .select select { background-color: #fff; border-color: #fff; box-shadow: none; color: #7a7a7a; } .select select[disabled]::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder { color: rgba(122, 122, 122, 0.3); } .select select[disabled]::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder { color: rgba(122, 122, 122, 0.3); } .select select[disabled]:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder { color: rgba(122, 122, 122, 0.3); } .select select[disabled]:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder { color: rgba(122, 122, 122, 0.3); } .select select::-ms-expand { display: none; } .select select[disabled]:hover, fieldset[disabled] .select select:hover { border-color: #fff; } .select select:not([multiple]):not(.is-arrowless) { padding-right: 2.5em; } .select select[multiple] { height: auto; padding: 0; } .select select[multiple] option { padding: 0.5em 1em; } .select:not(.is-multiple):not(.is-loading):hover::after { border-color: #363636; } .select.is-small { border-radius: 2px; font-size: 0.75rem; } .select.is-medium { font-size: 1.25rem; } .select.is-large { font-size: 1.25rem; } .select.is-disabled::after { border-color: #7a7a7a; } .select.is-fullwidth { width: 100%; } .select.is-fullwidth select { width: 100%; } .select.is-loading::after { margin-top: 0; position: absolute; right: 0.625em; top: 0.625em; transform: none; } .select.is-loading.is-small:after { font-size: 0.75rem; } .select.is-loading.is-medium:after { font-size: 1.25rem; } .select.is-loading.is-large:after { font-size: 1.5rem; } .file { align-items: stretch; display: flex; justify-content: flex-start; position: relative; } .file.is-small { font-size: 0.75rem; } .file.is-medium { font-size: 1.25rem; } .file.is-medium .file-icon .fa { font-size: 21px; } .file.is-large { font-size: 1.5rem; } .file.is-large .file-icon .fa { font-size: 28px; } .file.has-name .file-cta { border-bottom-right-radius: 0; border-top-right-radius: 0; } .file.has-name .file-name { border-bottom-left-radius: 0; border-top-left-radius: 0; } .file.has-name.is-empty .file-cta { border-radius: 4px; } .file.has-name.is-empty .file-name { display: none; } .file.is-boxed .file-label { flex-direction: column; } .file.is-boxed .file-cta { flex-direction: column; height: auto; padding: 1em 3em; } .file.is-boxed .file-name { border-width: 0 1px 1px; } .file.is-boxed .file-icon { height: 1.5em; width: 1.5em; } .file.is-boxed .file-icon .fa { font-size: 21px; } .file.is-boxed.is-small .file-icon .fa { font-size: 14px; } .file.is-boxed.is-medium .file-icon .fa { font-size: 28px; } .file.is-boxed.is-large .file-icon .fa { font-size: 35px; } .file.is-boxed.has-name .file-cta { border-radius: 4px 4px 0 0; } .file.is-boxed.has-name .file-name { border-radius: 0 0 4px 4px; border-width: 0 1px 1px; } .file.is-center { justify-content: center; } .file.is-fullwidth .file-label { width: 100%; } .file.is-fullwidth .file-name { flex-grow: 1; max-width: none; } .file.is-right { justify-content: flex-end; } .file.is-right .file-cta { border-radius: 0 4px 4px 0; } .file.is-right .file-name { border-radius: 4px 0 0 4px; border-width: 1px 0 1px 1px; order: -1; } .file-label { align-items: stretch; display: flex; cursor: pointer; justify-content: flex-start; overflow: hidden; position: relative; } .file-label:hover .file-cta { background-color: #eeeeee; color: #363636; } .file-label:active .file-cta { background-color: #e8e8e8; color: #363636; } .file-input { height: 100%; left: 0; opacity: 0; outline: none; position: absolute; top: 0; width: 100%; } .file-cta, .file-name { border-color: #8F9397; border-radius: 4px; font-size: 1em; padding-left: 1em; padding-right: 1em; white-space: nowrap; } .file-cta { background-color: whitesmoke; color: #4a4a4a; } .file-name { border-style: solid; border-width: 1px 1px 1px 0; display: block; max-width: 16em; overflow: hidden; text-align: left; text-overflow: ellipsis; } .file-icon { align-items: center; display: flex; height: 1em; justify-content: center; margin-right: 0.5em; width: 1em; } .file-icon .fa { font-size: 14px; } .label, .selector-wrapper label { color: #363636; display: block; font-size: 1rem; font-weight: 400; } .label:not(:last-child), .selector-wrapper label:not(:last-child) { margin-bottom: 0.5em; } .label.is-small, .selector-wrapper label.is-small { font-size: 0.75rem; } .label.is-medium, .selector-wrapper label.is-medium { font-size: 1.25rem; } .label.is-large, .selector-wrapper label.is-large { font-size: 1.5rem; } .help { display: block; font-size: 0.75rem; margin-top: 0.25rem; } /* .field:not(:last-child) { margin-bottom: 0.75rem; } */ .field.has-addons { display: flex; justify-content: flex-start; } .field.has-addons .control:not(:last-child) { margin-right: -1px; } .field.has-addons .control:not(:first-child):not(:last-child) .button, .field.has-addons .control:not(:first-child):not(:last-child) .input, .field.has-addons .control:not(:first-child):not(:last-child) .select select { border-radius: 0; } .field.has-addons .control:first-child:not(:only-child) .button, .field.has-addons .control:first-child:not(:only-child) .input, .field.has-addons .control:first-child:not(:only-child) .select select { border-bottom-right-radius: 0; border-top-right-radius: 0; } .field.has-addons .control:last-child:not(:only-child) .button, .field.has-addons .control:last-child:not(:only-child) .input, .field.has-addons .control:last-child:not(:only-child) .select select { border-bottom-left-radius: 0; border-top-left-radius: 0; } .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, .field.has-addons .control .input:not([disabled]):hover, .field.has-addons .control .input:not([disabled]).is-hovered, .field.has-addons .control .select select:not([disabled]):hover, .field.has-addons .control .select select:not([disabled]).is-hovered { z-index: 2; } .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active, .field.has-addons .control .input:not([disabled]):focus, .field.has-addons .control .input:not([disabled]).is-focused, .field.has-addons .control .input:not([disabled]):active, .field.has-addons .control .input:not([disabled]).is-active, .field.has-addons .control .select select:not([disabled]):focus, .field.has-addons .control .select select:not([disabled]).is-focused, .field.has-addons .control .select select:not([disabled]):active, .field.has-addons .control .select select:not([disabled]).is-active { z-index: 3; } .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover, .field.has-addons .control .input:not([disabled]):focus:hover, .field.has-addons .control .input:not([disabled]).is-focused:hover, .field.has-addons .control .input:not([disabled]):active:hover, .field.has-addons .control .input:not([disabled]).is-active:hover, .field.has-addons .control .select select:not([disabled]):focus:hover, .field.has-addons .control .select select:not([disabled]).is-focused:hover, .field.has-addons .control .select select:not([disabled]):active:hover, .field.has-addons .control .select select:not([disabled]).is-active:hover { z-index: 4; } .field.has-addons .control.is-expanded { flex-grow: 1; } .field.has-addons.has-addons-center { justify-content: center; } .field.has-addons.has-addons-right { justify-content: flex-end; } .field.has-addons.has-addons-fullwidth .control { flex-grow: 1; flex-shrink: 0; } .field.is-grouped { display: flex; justify-content: flex-start; } .field.is-grouped > .control { flex-shrink: 0; } .field.is-grouped > .control:not(:last-child) { margin-bottom: 0; margin-right: 0.75rem; } .field.is-grouped > .control.is-expanded { flex-grow: 1; flex-shrink: 1; } .field.is-grouped.is-grouped-center { justify-content: center; } .field.is-grouped.is-grouped-right { justify-content: flex-end; } .field.is-grouped.is-grouped-multiline { flex-wrap: wrap; } .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { margin-bottom: 0.75rem; } .field.is-grouped.is-grouped-multiline:last-child { margin-bottom: -0.75rem; } .field.is-grouped.is-grouped-multiline:not(:last-child) { margin-bottom: 0; } @media only screen and (min-width: 768px) { .field.is-horizontal { display: flex; } } .field-label .label { font-size: inherit; } @media only screen and (min-width: 768px) { .field-label { margin-bottom: 0.5rem; } } @media only screen and (min-width: 768px) { .field-label { flex-basis: 0; flex-grow: 1; flex-shrink: 0; margin-right: 1.5rem; text-align: right; } .field-label.is-small { font-size: 0.75rem; padding-top: 0.375em; } .field-label.is-normal { padding-top: 0.375em; } .field-label.is-medium { font-size: 1.25rem; padding-top: 0.375em; } .field-label.is-large { font-size: 1.5rem; padding-top: 0.375em; } } .field-body .field .field { margin-bottom: 0; } @media only screen and (min-width: 768px) { .field-body { display: flex; flex-basis: 0; flex-grow: 5; flex-shrink: 1; } .field-body .field { margin-bottom: 0; } .field-body > .field { flex-shrink: 1; } .field-body > .field:not(.is-narrow) { flex-grow: 1; } .field-body > .field:not(:last-child) { margin-right: 0.75rem; } } .control { box-sizing: border-box; clear: both; font-size: 1rem; position: relative; text-align: left; } .control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .select:focus ~ .icon { color: #7a7a7a; } .control.has-icons-left .input.is-small ~ .icon, .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, .control.has-icons-right .select.is-small ~ .icon { font-size: 0.5rem; } .control.has-icons-left .input.is-regular ~ .icon, .control.has-icons-left .select.is-regular ~ .icon, .control.has-icons-right .input.is-regular ~ .icon, .control.has-icons-right .select.is-regular ~ .icon { font-size: 0.75rem; } .control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .select.is-medium ~ .icon { font-size: 1rem; } .control.has-icons-left .input.is-large ~ .icon, .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, .control.has-icons-right .select.is-large ~ .icon { font-size: 1.25rem; } .control.has-icons-left .icon, .control.has-icons-right .icon { color: #dbdbdb; height: 1.5em; pointer-events: none; position: absolute; top: 0; width: 1.8em; z-index: 4; } .control.has-icons-left .input, .control.has-icons-left .select select { padding-left: 2.25em; } .control.has-icons-left .icon { left: 0; top: 50%; transform: translate(40%, -50%); } .control.has-icons-right .input, .control.has-icons-right .select select { padding-right: 2.25em; } .control.has-icons-right .icon { right: 0; } .control.has-icons-right .icon.is-right { left: initial; } .control.is-loading::after { position: absolute !important; right: 0.625em; top: 0.625em; z-index: 4; } .control.is-loading.is-small:after { font-size: 0.75rem; } .control.is-loading.is-medium:after { font-size: 1.25rem; } .control.is-loading.is-large:after { font-size: 1.5rem; } .newsletter-section.has-background { background-size: cover; background-repeat: no-repeat; background-position: center center; } @media only screen and (max-width: 767px) { .newsletter-section.newsletter-section--is-width-half { height: auto; } } .newsletter-section .dark-overlay-true { position: static; } @media only screen and (min-width: 768px) { .newsletter-section.has-full-width-crop { padding: 0; } .newsletter-section.has-full-width-crop .column { margin: 0; width: 100%; } .newsletter-section.has-full-width-crop .newsletter__wrapper { max-width: 100%; } } .newsletter-section.newsletter-section--popup { margin: 0; padding: 0; width: 100%; max-width: none; } .newsletter-section.newsletter-section--popup .newsletter__wrapper { max-width: 100%; padding: 2em 2em 0 2em; } .newsletter__image--mobile-wrapper { display: none; } .newsletter__image--mobile-wrapper.has-image-crop { padding-bottom: 100%; } .newsletter__image--mobile-wrapper.has-image-crop img { position: absolute; } @media only screen and (max-width: 767px) { .newsletter__image--mobile-wrapper { display: block; overflow: hidden; position: relative; } } .newsletter-container { display: flex; justify-content: center; flex-wrap: nowrap; align-self: normal; width: 100%; z-index: 3; position: relative; } .newsletter-form.is-responsive { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; } .newsletter-form .field { justify-content: center; flex: 1 0 100%; } .newsletter-form .field.is-stretched-width { flex: 3 0 50%; min-width: 200px; max-width: 100%; } .newsletter-form .field.is-default-width { flex: 1 0 auto; min-width: 150px; } .newsletter-form .field.is-default-width .button { width: 100%; } .newsletter-form .field.is-full-width { flex-basis: 100%; } .newsletter-form .field label { text-align: left; } .newsletter-form .field .control { width: 100%; } .newsletter__image { position: relative; } .newsletter__image img { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } @media only screen and (max-width: 767px) { .newsletter__image img { position: static; } } .newsletter__image.image-crop--none img { object-fit: contain; object-position: center; } @media only screen and (max-width: 767px) { .newsletter__image { display: none; } } @media only screen and (min-width: 768px) { .is-active-image { display: flex; flex-direction: column; justify-content: center; } .newsletter-form .field.is-default-width .button { width: 300px; } } .newsletter__wrapper { padding: 40px; /* max-width: 55%; */ } @media only screen and (max-width: 767px) { .newsletter__wrapper { max-width: 100%; } } /* .newsletter__text-wrapper { width: calc(100% - 12px); } */ .newsletter__subheading { margin-bottom: 20px; } .newsletter-svg-swiggle { position: absolute; bottom: -30px; right: -30px; } @media only screen and (max-width: 767px) { .button, .input, .textarea, .select select { font-size: 16px; } } /* #Message ================================================== */ .message { font-size: 1rem; } .message strong { color: currentColor; } .message a:not(.button):not(.tag):not(.dropdown-item) { color: currentColor; text-decoration: underline; } .message.is-small { font-size: 0.75rem; } .message.is-medium { font-size: 1.25rem; } .message.is-large { font-size: 1.5rem; } .message-header { align-items: center; display: flex; justify-content: space-between; line-height: 1.25; padding: 0.75em 1em; position: relative; } .message-header .delete { flex-grow: 0; flex-shrink: 0; margin-left: 0.75em; } .message-header + .message-body { border-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .message-body { border-radius: 4px; border-style: solid; border-width: 0 0 0 4px; padding: 1.25em 1.5em; } .message-body code, .message-body pre { background-color: white; } .message-body pre code { background-color: transparent; } /* # Navbar ================================================== */ .navbar { min-height: 3.25rem; position: relative; } .navbar > .container { align-items: stretch; display: flex; min-height: 3.25rem; width: 100%; } .navbar.has-shadow { box-shadow: 0 2px 0 0 #fff; } .navbar.is-transparent { background-color: transparent; } .is-fixed-bottom, .is-fixed-top { left: 0; position: fixed; right: 0; z-index: 70; } .is-fixed-bottom { bottom: 0; } .is-fixed-bottom.has-shadow { box-shadow: 0 -2px 0 0 #fff; } .is-fixed-top { top: 0; } html.has-fixed-bottom, body.has-fixed-bottom { padding-bottom: var(--header-height); } .fixed-message__text { padding-left: 0.75rem; padding-right: 0.75rem; } @media only screen and (max-width: 767px) { .fixed-message__text { width: 100%; } } @media only screen and (max-width: 767px) { .fixed-message__button { padding-bottom: 20px; width: 100%; } } .fixed-message__button .button { min-height: 2.25em; height: auto; } .navbar-brand, .navbar-tabs { align-items: stretch; display: flex; flex-shrink: 0; min-height: 3.25rem; } .navbar-tabs { -webkit-overflow-scrolling: touch; max-width: 100vw; overflow-x: auto; overflow-y: hidden; } .navbar-burger { color: inherit; cursor: pointer; display: block; height: 3.25rem; position: relative; width: 3.25rem; margin-left: auto; } .navbar-burger span { background-color: currentColor; display: block; height: 1px; left: calc(50% - 8px); position: absolute; transform-origin: center; transition-duration: 86ms; transition-property: background-color, opacity, transform; transition-timing-function: ease-out; width: 16px; } .navbar-burger span:nth-child(1) { top: calc(50% - 6px); } .navbar-burger span:nth-child(2) { top: calc(50% - 1px); } .navbar-burger span:nth-child(3) { top: calc(50% + 4px); } .navbar-burger:hover { background-color: rgba(0, 0, 0, 0.05); } .navbar-burger.is-active span:nth-child(1) { transform: translateY(5px) rotate(45deg); } .navbar-burger.is-active span:nth-child(2) { opacity: 0; } .navbar-burger.is-active span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); } .navbar-menu { display: none; } .navbar-item { display: block; line-height: 1.5; padding: 0; position: relative; } .navbar-link { display: block; line-height: 1.5; /* padding: 1rem 0.75rem; */ padding: 0.8rem 0.5rem; position: relative; } a.navbar-item, .navbar-link { cursor: pointer; } .navbar-item { display: block; flex-grow: 0; flex-shrink: 0; } .navbar-item img { max-height: 1.75rem; } .navbar-item.is-expanded { flex-grow: 1; flex-shrink: 1; } .navbar-item.is-tab { border-bottom: 1px solid transparent; min-height: 3.25rem; padding-bottom: calc(0.5rem - 1px); } .navbar-item.is-tab:hover { border-bottom-color: #2C313D; } .navbar-item.is-tab.is-active { border-bottom-color: #2C313D; border-bottom-style: solid; border-bottom-width: 3px; padding-bottom: calc(0.5rem - 3px); } .navbar-content { flex-grow: 1; flex-shrink: 1; } /* .navbar-link:not(.is-arrowless) { padding-right: 2.5em; } */ .navbar-link:not(.is-arrowless)::after { right: 1em; } .navbar-dropdown { padding-bottom: 1rem; padding-top: 1rem; } .navbar-dropdown .navbar-link, .navbar-dropdown .navbar-item { color: #414b56; font-size: 14px; text-transform: none; padding-left: 0.5rem; padding-right: 0.5rem; } .navbar-dropdown .navbar-link:hover, .navbar-dropdown .navbar-item:hover { color: #13b8ef; } .navbar-dropdown .navbar-link { padding-top: 0; } .navbar-divider { background-color: #fff; border: none; display: none; height: 2px; margin: 0.5rem 0; } @media only screen and (max-width: 767px) { .navbar > .container { display: block; } .navbar-brand .navbar-item, .navbar-tabs .navbar-item { align-items: center; display: flex; } .navbar-link::after { display: none; } .navbar-menu { background-color: white; box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); padding: 0.5rem 0; } .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { left: 0; position: fixed; right: 0; z-index: 70; } .navbar.is-fixed-bottom-touch { bottom: 0; } .navbar.is-fixed-bottom-touch.has-shadow { box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } .navbar.is-fixed-top-touch { top: 0; } .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { -webkit-overflow-scrolling: touch; max-height: calc(100vh - 3.25rem); overflow: auto; } html.has-navbar-fixed-top-touch, body.has-navbar-fixed-top-touch { padding-top: 3.25rem; } html.has-navbar-fixed-bottom-touch, body.has-navbar-fixed-bottom-touch { padding-bottom: 3.25rem; } } @media only screen and (min-width: 768px) { .navbar, .navbar-menu, .navbar-start, .navbar-end { align-items: stretch; display: flex; } .navbar { min-height: 3.25rem; } .navbar.is-spaced { padding: 1rem 2rem; } .navbar.is-spaced .navbar-start, .navbar.is-spaced .navbar-end { align-items: center; } .navbar.is-spaced a.navbar-item, .navbar.is-spaced .navbar-link { border-radius: 4px; } .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent .navbar-link.is-active { background-color: transparent !important; } .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { background-color: transparent !important; } .navbar-burger { display: none; } .navbar-item, .navbar-link { align-items: center; display: flex; } .dropdown-click--false .navbar-item.has-dropdown:hover .navbar-dropdown, .dropdown-click--false .navbar-item.has-dropdown.show-dropdown .navbar-dropdown, .dropdown-click--false .navbar-item.has-mega-menu:hover .navbar-dropdown, .dropdown-click--false .navbar-item.has-mega-menu.show-dropdown .navbar-dropdown { visibility: visible; opacity: 1; display: block; } .dropdown-click--true .navbar-item.has-dropdown.is-opened .navbar-dropdown, .dropdown-click--true .navbar-item.has-mega-menu.is-opened .navbar-dropdown { visibility: visible; opacity: 1; display: block; } .navbar-item { display: flex; } .navbar-item.has-dropdown a:after, .navbar-item.has-mega-menu a:after { font-size: 15px; } .navbar-item.has-dropdown-up .navbar-link::after { transform: rotate(135deg) translate(0.25em, -0.25em); } .navbar-item.has-dropdown-up .navbar-dropdown { border-top: none; bottom: 100%; box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); top: auto; } .navbar-item.is-active:hover .navbar-dropdown .navbar.is-spaced, .navbar-item.is-active:hover .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown .navbar.is-spaced, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { opacity: 1; pointer-events: auto; transform: translateY(0); } .has-submenu input:checked ~ .navbar-submenu { display: block; } .has-submenu label .navbar-link::after { top: 37%; } .has-submenu input:checked + label .navbar-link::after { transform: translateY(-60%) rotate(180deg); } .dropdown-style-horizontal .navbar-item.is-active, .dropdown-style-horizontal .navbar-item.is-hoverable:hover .navbar-dropdown .section { display: flex; flex-wrap: wrap; } .navbar-menu { flex-grow: 1; flex-shrink: 0; } .navbar-start { justify-content: flex-start; margin-right: auto; } .navbar-end { justify-content: flex-end; margin-left: auto; } .navbar-dropdown { font-size: 14px; letter-spacing: 14px; text-transform: none; background-color: #faf0ea; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); display: none; left: 0; position: absolute; top: 100%; z-index: 20; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .navbar-dropdown.navbar-dropdown--below-parent { top: 90%; } .navbar-dropdown.is-right { left: auto; right: 0; } .navbar-dropdown.is-vertical { padding: 1rem 0.8em; max-width: 300px; min-width: 200px; } .navbar-dropdown.is-horizontal { padding: 1.2em 0; width: 100%; } .navbar-dropdown .navbar-link span { max-width: 80%; } .show-nested-dropdown .has-submenu .navbar-submenu { display: block; } .navbar-link::after { transition: transform 0.2s linear; } .dropdown-click--false .has-dropdown:hover > .header__link, .dropdown-click--false .has-dropdown:hover > .header__link > a, .dropdown-click--false .has-mega-menu:hover > .header__link, .dropdown-click--false .has-mega-menu:hover > .header__link > a, .has-dropdown.is-opened > .header__link, .has-dropdown.is-opened > .header__link > a, .has-mega-menu.is-opened > .header__link, .has-mega-menu.is-opened > .header__link > a { color: #394049; } .dropdown-click--false .has-dropdown:hover > .navbar-link::after, .dropdown-click--false .has-mega-menu:hover > .navbar-link::after, .has-dropdown.is-opened > .navbar-link::after, .has-mega-menu.is-opened > .navbar-link::after { transform: translateY(-60%) rotate(180deg); } .horizontal-dropdown__column .navbar-submenu { margin-bottom: 0; } .navbar-submenu { display: none; margin-left: 20px; margin-top: 0; margin-bottom: 10px; border-left: 2px solid; } .navbar-submenu li:first-child .navbar-item { padding-top: 0; } .navbar-submenu li:last-child .navbar-item { padding-bottom: 0; } .navbar-submenu .navbar-item, .navbar-submenu .navbar-link { white-space: normal; padding: 10px 15px; } .has-small-vertical-spacing .menu__heading { padding-bottom: 5px; } .has-small-vertical-spacing .navbar-item { padding-top: 0; padding-bottom: 5px; } .has-small-vertical-spacing .navbar-link { padding-bottom: 5px; } .has-small-vertical-spacing > .navbar-item:last-child { padding-bottom: 0; } .has-medium-vertical-spacing .menu__heading { padding-bottom: 10px; } .has-medium-vertical-spacing .navbar-item { padding-top: 0; padding-bottom: 10px; } .has-medium-vertical-spacing .navbar-link { padding-bottom: 10px; } .has-medium-vertical-spacing > .navbar-item:last-child { padding-bottom: 0; } .has-large-vertical-spacing .menu__heading { padding-bottom: 15px; } .has-large-vertical-spacing .navbar-item { padding-top: 0; padding-bottom: 15px; } .has-large-vertical-spacing .navbar-link { padding-bottom: 15px; } .has-large-vertical-spacing > .navbar-item:last-child { padding-bottom: 0; } .navbar-divider { display: block; } .navbar > .container .navbar-brand, .container > .navbar .navbar-brand { margin-left: -0.75rem; } .navbar > .container .navbar-menu, .container > .navbar .navbar-menu { margin-right: -0.75rem; } .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { left: 0; position: fixed; right: 0; z-index: 70; } .navbar.is-fixed-bottom-desktop { bottom: 0; } .navbar.is-fixed-bottom-desktop.has-shadow { box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } .navbar.is-fixed-top-desktop { top: 0; } html.has-navbar-fixed-top-desktop, body.has-navbar-fixed-top-desktop { padding-top: 3.25rem; } html.has-navbar-fixed-bottom-desktop, body.has-navbar-fixed-bottom-desktop { padding-bottom: 3.25rem; } html.has-spaced-navbar-fixed-top, body.has-spaced-navbar-fixed-top { padding-top: 5.25rem; } html.has-spaced-navbar-fixed-bottom, body.has-spaced-navbar-fixed-bottom { padding-bottom: 5.25rem; } .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { background-color: transparent; } } .box-shadow-false .navbar-dropdown, .box-shadow-false .mega-menu { box-shadow: none; } /* # Pagination ================================================== */ /* .paginate { display: inline-block; } */ @media only screen and (max-width: 767px) { .paginate { width: 100%; margin-bottom: 20px; } } .pagination { font-size: 1rem; margin: -0.25rem; } .pagination .pagination-previous { margin-right: 16px; } .pagination .pagination-next { margin-left: 16px; } .pagination.is-small { font-size: 0.75rem; } .pagination.is-medium { font-size: 1.25rem; } .pagination.is-large { font-size: 1.5rem; } .pagination.is-rounded .pagination-previous, .pagination.is-rounded .pagination-next { padding-left: 1em; padding-right: 1em; border-radius: 290486px; } .pagination.is-rounded .pagination-link { border-radius: 290486px; } .pagination, .pagination-list { align-items: center; display: flex; justify-content: center; text-align: center; } .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis { font-size: 1em; padding-left: 0.5em; padding-right: 0.5em; justify-content: center; margin: 0.25rem; text-align: center; } .pagination-previous, .pagination-next, .pagination-link { border-color: rgba(65, 75, 86, 0.2); color: #000000; min-width: 2.25em; } .pagination-previous:hover, .pagination-next:hover, .pagination-link:hover { border-color: #13B8EF; color: #13B8EF; } .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus { border-color: #13B8EF; } .pagination-previous:active, .pagination-next:active, .pagination-link:active { box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); } .pagination-previous[disabled], .pagination-next[disabled], .pagination-link[disabled] { background-color: #dbdbdb; border-color: #dbdbdb; box-shadow: none; color: #7a7a7a; opacity: 0.5; } .pagination-previous, .pagination-next { padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; } .pagination-ellipsis { color: #b5b5b5; pointer-events: none; } @media only screen and (max-width: 767px) { .pagination .pagination-previous, .pagination .pagination-next { width: calc(50% - 10px); margin-left: 5px; margin-right: 5px; } .pagination.paginate--both { flex-wrap: wrap; } .pagination.paginate--both .pagination-previous, .pagination.paginate--both .pagination-next { order: 2; } } @media only screen and (min-width: 768px) { .pagination-list { flex-grow: 1; flex-shrink: 1; justify-content: flex-start; } .pagination { justify-content: space-between; } .pagination.is-center .pagination-previous { order: 1; } .pagination.is-center .pagination-list { justify-content: center; order: 2; } .pagination.is-center .pagination-next { order: 3; } .pagination.is-right .pagination-previous { order: 1; } .pagination.is-right .pagination-next { order: 2; } .pagination.is-right .pagination-list { justify-content: flex-end; order: 3; } } .pagination-button__infinite-scroll:not(.is-loading) { display: none; } /* Pagination fix */ @media screen and (max-width: 767px) { .boost-pfs-filter-bottom-pagination .pagination .pagination-previous, .boost-pfs-filter-bottom-pagination .pagination .pagination-next { margin-top: 0; margin-bottom: 0; padding-left: .6em; padding-right: .6em; font-size: .9em; top: 0; } .boost-pfs-filter-bottom-pagination .pagination-previous, .boost-pfs-filter-bottom-pagination .pagination-next, .boost-pfs-filter-bottom-pagination .pagination-link, .boost-pfs-filter-bottom-pagination .pagination-ellipsis { font-size: .9em; padding-left: .2em; padding-right: .2em; min-width: 2em; height: 2.1em; margin: .25em; } } /* # Tabs ================================================== */ .tabs { -webkit-overflow-scrolling: touch; align-items: stretch; display: flex; justify-content: flex-start; } .tabs a { align-items: center; border-bottom-color: #8F9397; border-bottom-style: solid; border-bottom-width: 1px; color: #000000; display: flex; justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; } .tabs a:hover { border-bottom-color: #363636; color: #363636; } .tabs a:hover * { color: #363636; } .tabs li { display: block; margin-top: 0.25em; } .tabs li.active a, .tabs li.is-active a { border-bottom-color: #2C313D; color: #2C313D; } .tabs li.active a *, .tabs li.is-active a * { color: #363636; } .tabs li a * { margin-bottom: 0; font-size: 1rem; } .tabs ul { align-items: center; border-bottom-color: #8F9397; border-bottom-style: solid; border-bottom-width: 1px; display: flex; flex-grow: 1; flex-shrink: 0; justify-content: flex-start; margin-left: 0; } .tabs ul.is-left { padding-right: 0.75em; } .tabs ul.is-center { flex: none; justify-content: center; padding-left: 0.75em; padding-right: 0.75em; } .tabs ul.is-right { justify-content: flex-end; padding-left: 0.75em; } .tabs .icon:first-child { margin-right: 0.5em; } .tabs .icon:last-child { margin-left: 0.5em; } .tabs.is-center ul { justify-content: center; } .tabs.is-right ul { justify-content: flex-end; } .tabs.is-small { font-size: 0.75rem; } .tabs.is-medium { font-size: 1.25rem; } .tabs.is-large { font-size: 1.5rem; } .tabs-content { padding-left: 0; margin-left: 0; list-style: none; width: 100%; } .tabs-content > li { display: none; width: 100%; } .tabs-content > li.is-active, .tabs-content > li.active { display: block; } ul.tabs { -webkit-overflow-scrolling: touch; display: flex; flex-grow: 1; flex-shrink: 0; justify-content: flex-start; align-items: stretch; border-bottom-color: #8F9397; border-bottom-style: solid; border-bottom-width: 1px; padding-left: 0; margin-left: 0; } ul.tabs a { align-items: center; border-bottom-color: #8F9397; border-bottom-style: solid; border-bottom-width: 1px; color: #000000; display: flex; justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; } ul.tabs a:hover { border-bottom-color: #363636; color: #363636; } ul.tabs li { display: block; margin-top: 0.25em; } ul.tabs li.active a, ul.tabs li.is-active a { border-bottom-color: #2C313D; color: #2C313D; } ul.tabs li a.active, ul.tabs li a.is-active { border-bottom-color: #2C313D; color: #2C313D; } ul.tabs li a.active *, ul.tabs li a.is-active * { color: #2C313D; } ul.tabs-content { margin-left: 0; } ul.tabs a { border: 1px solid transparent; border-radius: 4px 4px 0 0; } ul.tabs a:hover { background-color: #fff; border-bottom-color: #8F9397; } ul.tabs li.is-active a, ul.tabs li.active a { background-color: white; border-color: #8F9397; border-bottom-color: transparent !important; } ul.tabs li a.is-active, ul.tabs li a.active { background-color: white; border-color: #8F9397; border-bottom-color: transparent !important; } ul.tabs.is-fullwidth li { flex-grow: 1; flex-shrink: 0; } ul.tabs.is-toggle a { border-color: #8F9397; border-style: solid; border-width: 1px; margin-bottom: 0; position: relative; } ul.tabs.is-toggle a:hover { background-color: #fff; z-index: 2; } ul.tabs.is-toggle li + li { margin-left: -1px; } ul.tabs.is-toggle li:first-child a { border-radius: 4px 0 0 4px; } ul.tabs.is-toggle li:last-child a { border-radius: 0 4px 4px 0; } ul.tabs.is-toggle li.is-active a { background-color: #2C313D; border-color: #2C313D; color: #ffffff; z-index: 1; } ul.tabs.is-toggle ul { border-bottom: none; } ul.tabs.is-toggle.is-toggle-rounded li:first-child a { border-bottom-left-radius: 290486px; border-top-left-radius: 290486px; padding-left: 1.25em; } ul.tabs.is-toggle.is-toggle-rounded li:last-child a { border-bottom-right-radius: 290486px; border-top-right-radius: 290486px; padding-right: 1.25em; } /* # Product ================================================== */ .shopify-product-reviews-badge { height: 30px; display: block; } .reviews-visibility-false { display: none; } .spr-badge-container { cursor: pointer; display: inline-block; } @media only screen and (max-width: 767px) { .product__images { margin-bottom: 60px; } } @media only screen and (min-width: 768px) { .product-gallery.display-arrows--false .flickity-viewport:hover .flickity-prev-next-button, .product-gallery.display-arrows--false .flickity-prev-next-button { display: none !important; } } .product-gallery__main { width: 100%; } .product-gallery__main, .product-gallery__thumbnails.is-slide-nav--true { opacity: 0; transition: ease-in-out 0.2s opacity; } .product-gallery__main.flickity-enabled, .product-gallery__main.vertical-slider-enabled, .product-gallery__thumbnails.is-slide-nav--true.flickity-enabled, .product-gallery__thumbnails.is-slide-nav--true.vertical-slider-enabled { opacity: 1; } .product-gallery__image { width: 100%; height: auto; } .product-gallery__image img { width: 100%; height: auto; display: block; } .product-gallery__link { display: block; } .zoom-container { width: 100%; display: block; } .product-gallery.has-height-set model-viewer { margin: 0 auto; } .product-gallery.has-height-set .product-gallery__main img, .product-gallery.has-height-set .product-gallery__main .plyr--html5 video { width: 100%; } .product-gallery.has-height-set .product-gallery__main img { object-fit: contain; } .product-gallery.has-height-set .product-gallery__main .plyr--youtube .plyr__video-embed { height: 100%; } .is-slide-nav--true .product-gallery__thumbnail { position: relative; opacity: 0.3; } .is-slide-nav--true .product-gallery__thumbnail.is-nav-selected { opacity: 1; } .product-thumbnail { padding-top: 10px; line-height: 1.2; display: flex; flex-direction: column; } .product-thumbnail .jdgm-widget.jdgm-widget { margin-bottom: 10px; } .product-thumbnail .jdgm-prev-badge { order: 1 !important; } .product-thumbnail__vendor, .product-thumbnail__price { display: block; } .thumbnail__caption { padding: 0 3px; } .thumbnail-swatch { display: flex; padding: 3px 3px 0; } .thumbnail-swatch.is-justify-left { margin-left: -5px; } .thumbnail-swatch.is-justify-right { margin-right: -5px; } .thumbnail-swatch .swatch { display: flex; box-sizing: border-box; border: 1px solid transparent; padding: 2px; margin: 0 3px; } .thumbnail-swatch .swatch:hover { border: 1px solid #000; } .thumbnail-swatch .swatch__style--circle, .thumbnail-swatch .swatch__style--circle span, .thumbnail-swatch .swatch__style--circle img { border-radius: 50%; } .thumbnail-swatch span { border: 1px solid #8f9397; min-height: 20px; min-width: 20px; display: inline-block; background-size: cover; } .thumbnail-swatch span img { max-width: 20px; max-height: 20px; display: block; } .thumbnail-swatch span .swatch__image--empty { display: none; } .product-gallery__thumbnails--bottom-slider { margin-top: 20px; display: flex; justify-content: center; } .product-gallery__thumbnails--bottom-slider .flickity-button:disabled { display: none; } .product-gallery__thumbnails--bottom-slider .product-gallery__thumbnail { margin-right: 20px; width: 20%; text-align: center; } .product-gallery__thumbnails--bottom-thumbnails { margin-top: 20px; display: flex; justify-content: center; } .product-gallery__thumbnails--bottom-thumbnails.is-slide-nav--false .product-gallery__thumbnail { margin-bottom: 20px; line-height: 0; } @media only screen and (min-width: 768px) { .product-gallery--right-thumbnails:not(.product-gallery--image-amount-1) { display: flex; } .product-gallery--right-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__main { width: 85%; height: auto; align-self: flex-start; } .product-gallery--right-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__thumbnails { width: 15%; margin-left: 20px; } .product-gallery--right-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__thumbnail { width: 100%; margin-bottom: 20px; } .product-gallery--right-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__thumbnail:last-child { margin-bottom: 0; } } @media only screen and (min-width: 768px) { .product-gallery--left-thumbnails:not(.product-gallery--image-amount-1) { display: flex; } .product-gallery--left-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__main { width: 85%; height: auto; align-self: flex-start; order: 2; } .product-gallery--left-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__thumbnails { width: 15%; margin-right: 20px; order: 1; } .product-gallery--left-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__thumbnail { width: 100%; margin-bottom: 20px; } .product-gallery--left-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__thumbnail:last-child { margin-bottom: 0; } } .product-gallery__thumbnails--right-thumbnails, .product-gallery__thumbnails--left-thumbnails { padding-top: 20px; display: flex; justify-content: center; } @media only screen and (min-width: 768px) { .product-gallery__thumbnails--right-thumbnails, .product-gallery__thumbnails--left-thumbnails { display: block; width: 100%; margin: 0 10px 10px 10px; padding-top: 0; justify-content: flex-start; align-self: flex-start; } .product-gallery__thumbnails--right-thumbnails.is-slide-nav--true, .product-gallery__thumbnails--left-thumbnails.is-slide-nav--true { overflow-y: auto; overflow-x: hidden; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ } .product-gallery__thumbnails--right-thumbnails.is-slide-nav--true::-webkit-scrollbar, .product-gallery__thumbnails--left-thumbnails.is-slide-nav--true::-webkit-scrollbar { /* WebKit */ width: 0; height: 0; } .product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail, .product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail { margin: 0; width: 100%; line-height: 0; cursor: pointer; } .product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail:last-child, .product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail:last-child { margin-bottom: 0; } .product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail:before, .product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail:before { line-height: 0; color: transparent; display: block; text-align: center; content: counter(carousel-cell); } } .product__collections-list, .product__type-list, .product__tags-list { padding-bottom: 5px; } .product__collections-list.tags, .product__type-list.tags, .product__tags-list.tags { margin-bottom: 0; } .product__collections-list.tags .tag, .product__type-list.tags .tag, .product__tags-list.tags .tag { margin-bottom: 1rem; } .product__collections-list .product__classification-title, .product__type-list .product__classification-title, .product__tags-list .product__classification-title { margin-right: 0.5rem; margin-bottom: 1rem; } .savings { display: block; } .sold-out { color: rgba(65, 75, 86, 0.3); } /* # Product - image scroll ================================================== */ .product-template--image-scroll .product-gallery__main { opacity: 1; } .product-template--image-scroll .product-gallery__main:after { content: "flickity"; display: none; } @media only screen and (min-width: 768px) { .product-template--image-scroll .product-gallery__main:after { content: ""; } } .product-template--image-scroll .product-gallery__image { margin-bottom: 20px; opacity: 1 !important; } @media only screen and (min-width: 768px) { .product-template--image-scroll .product-gallery__thumbnails { display: none; } } /* # Product - Gallery ================================================== */ .product-gallery:hover .flickity-prev-next-button { opacity: 1; } .product-gallery .product-gallery__main .flickity-prev-next-button { transition: all 0.3s ease-in-out; } @media only screen and (max-width: 767px) { .product-gallery--no-thumbnails .flickity-page-dots { display: block; } } .product-gallery__nav .gallery-cell { width: calc(20% - 10px); margin: 0 5px; } @media only screen and (max-width: 767px) { .product-gallery__thumbnails { padding-top: 0px; margin-top: 60px; } } .product-gallery__main.slideshow-transition--fade .flickity-slider .product-gallery__image { opacity: 0 !important; transition: opacity 1s ease !important; } .product-gallery__main.slideshow-transition--fade .flickity-slider .product-gallery__image.is-selected { opacity: 1 !important; } /* # Product - blocks ================================================== */ .block__related-products { width: 100%; } .block__product-reviews { min-width: 50%; } .dynamic-blocks--has-limit .section { width: 100%; } .dynamic-blocks--has-limit .section.has-background { width: calc(100% - 20px); } .section.product-info__block, .section.product-gallery__block { display: flex; align-items: flex-start; } .block__product-gallery .product-gallery__container { width: 100%; } .product_section .has-product-sticker .sticker-holder__content { font-size: 16px; } /* # Related products ================================================== */ .related-products .products-slider .gallery-cell { padding: 0 10px; } @media only screen and (max-width: 767px) { .related-products .products-slider .gallery-cell { width: calc(50% - 20px); } } /* NE compatibility * In the new editor this can be removed for the new product recommendations content section */ .recommended-products-section { visibility: hidden !important; } /* Ends NE compatibility */ /* # Product form ================================================== */ .product__size-chart { float: right; } .product__notify-form { margin-bottom: 1.5rem; max-width: 350px; } .notify-form__success-message { margin: 0; } .selector-wrapper { margin-bottom: 10px; display: flex; align-items: center; } .selector-wrapper:last-of-type { margin-bottom: 1.5rem; } .selector-wrapper label { margin-right: 10px; margin-bottom: 0; } .selector-wrapper label:not(:last-child) { margin-bottom: 0; } .product_form--swatches .select-container { display: none; } .items_left { margin-bottom: 1.5rem; } .quantity-wrapper .quantity-input { text-align: center; width: 100%; } .quantity-wrapper .quantity-plus .icon, .quantity-wrapper .quantity-minus .icon { padding: 0.3em; } .cart-warning { margin-top: 20px; } .add_to_cart.action_button { margin-bottom: 0; } .shopify-payment-button { position: relative; } .shopify-payment-button button { padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; } div.shopify-payment-button__button { border-radius: 0; } .shopify-payment-button__button--branded, .shopify-payment-button__button--unbranded { overflow: hidden; min-height: 44px; } button.shopify-payment-button__more-options { color: #414b56; box-shadow: none; text-transform: none; font-size: 0.8rem; letter-spacing: 0; padding: 16px 0 28px; max-width: 80%; margin: 0 auto; font-weight: normal; font-family: "Exo 2", sans-serif; font-style: normal; } button.shopify-payment-button__more-options:hover { background-color: transparent; border: none; } .purchase-details { display: flex; align-items: center; flex-wrap: wrap; } .product_section .smart-payment-button--true.product_form { max-width: 100%; } .product-quantity-box.purchase-details__quantity { margin-top: 12px; } @media only screen and (max-width: 767px) { .smart-payment-button--true .purchase-details { padding-bottom: 10px; } } @media only screen and (max-width: 767px) { .smart-payment-button--true .product-quantity-box.purchase-details__quantity { width: 100%; margin-right: 0; } .smart-payment-button--true .product-quantity-box.purchase-details__quantity .input.quantity { width: calc(100% - 88px); } } .smart-payment-button--false .purchase-details { align-items: flex-start; } .quantity-input.input { -moz-appearance: textfield; box-shadow: none; border: 0; } .quantity-input.input::-webkit-inner-spin-button, .quantity-input.input::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; } .quantity-plus.button, .quantity-minus.button { background-color: #faf0ea; } .quantity-plus.button:hover, .quantity-minus.button:hover { background-color: #e8bd88; } .quantity-plus.button:hover .icon, .quantity-minus.button:hover .icon { fill: #173753; } .quantity-plus.button .icon, .quantity-minus.button .icon { fill: #173753; } .quantity-plus.button[disabled], .quantity-minus.button[disabled] { opacity: 1; background-color: rgba(250, 240, 234, 0.5); } .quantity-wrapper.field.has-addons .control:not(:last-child) { margin-right: 0; } .quantity-wrapper.quantity-style--box { border-radius: 0px; } .quantity-wrapper.quantity-style--box .minus-control { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .quantity-wrapper.quantity-style--box .plus-control { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .quantity-wrapper.quantity-style--box .quantity-input-control { width: 100%; } .quantity-wrapper.quantity-style--box .quantity-input-control--fill { width: 100%; } .quantity-wrapper.quantity-style--box .quantity-input { width: 100%; } .quantity-wrapper.quantity-style--box.is-medium .quantity-element { min-height: auto; min-width: 38px; height: 38px; } .quantity-wrapper.quantity-style--box.is-medium .quantity-plus, .quantity-wrapper.quantity-style--box.is-medium .quantity-minus { width: 38px; } .quantity-wrapper.quantity-style--stacked { position: relative; border-radius: 0px !important; } .quantity-wrapper.quantity-style--stacked .quantity-input-control { width: calc(100% - 48px); } .quantity-wrapper.quantity-style--stacked .minus-control { position: absolute; height: calc(44px / 2); bottom: 0; right: 0; z-index: 3; margin-right: 0; width: 48px; } .quantity-wrapper.quantity-style--stacked .plus-control { position: absolute; min-height: calc(44px / 2); top: 0; right: 0; z-index: 3; width: 48px; } .quantity-wrapper.quantity-style--stacked .quantity-input { border-left: thin solid #8f9397; border-top: thin solid #8f9397; border-bottom: thin solid #8f9397; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; text-align: center; width: 100%; } .quantity-wrapper.quantity-style--stacked .quantity-minus { height: calc(44px / 2); min-height: calc(44px / 2); width: 48px; border-radius: 0; border-left: 0; border-bottom: thin solid #8f9397; border-right: thin solid #8f9397; border-bottom-right-radius: 0px !important; margin-right: 1px; z-index: 4; opacity: 1 !important; } .quantity-wrapper.quantity-style--stacked .quantity-plus { height: calc(44px / 2); min-height: calc(44px / 2); width: 48px; border: 0; border-left: 0; border-top: thin solid #8f9397; border-right: thin solid #8f9397; border-top-right-radius: 0px; border-bottom-right-radius: 0; z-index: 4; } .product-quantity-box.purchase-details__quantity { margin-right: 10px; width: calc(50% - 12px); } @media only screen and (max-width: 767px) { .product-quantity-box.purchase-details__quantity { width: 100%; margin-right: 0; } } .product-quantity-box.purchase-details__quantity input.quantity { padding-top: 11px; padding-bottom: 11px; line-height: 1.4; margin-bottom: 0; width: calc(100% - 88px); min-height: 44px; } @media only screen and (max-width: 767px) { .smart-payment-button--true .product-quantity-box.purchase-details__quantity { width: 100%; margin-right: 0; } .smart-payment-button--true .product-quantity-box.purchase-details__quantity .input.quantity { width: calc(100% - 88px); } } .purchase-details__buttons { display: flex; flex: 1 0 calc(50% - 12px); align-items: flex-end; flex-wrap: wrap; /* margin-left: 6px; */ } @media only screen and (max-width: 767px) { .purchase-details__buttons { margin-top: 20px; margin-left: 12px; flex: 1 0 calc(50% - 12px); } } @media only screen and (max-width: 767px) { .purchase-details__buttons { margin-top: 12px; margin-left: 0; flex: 1 0 100%; } } .purchase-details__buttons .button { width: 100%; height: auto; align-items: center; min-height: 44px; border-top: 1px solid #e5e6e7; }.purchase-details__buttons .shopify-payment-button { flex: 1 0 100%; margin-bottom: 0; max-width: 100%; } @media only screen and (min-width: 1401px) { .purchase-details__buttons .shopify-payment-button { flex: 1 0 calc(50% - 12px); max-width: calc(50% - 12px); } } .purchase-details__buttons .action_button.action_button--secondary { background-color: transparent; border: 1px solid #8F9397; color: #000000; box-shadow: none; line-height: 1.2; padding: 10px 0; flex: 1 0 100%; margin: 0; max-width: 100%; } @media only screen and (min-width: 1401px) { .purchase-details__buttons .action_button.action_button--secondary { flex: 1 0 calc(50% - 12px); max-width: calc(50% - 12px); margin-right: 8px; } } @media only screen and (max-width: 767px) { .purchase-details__buttons .action_button.action_button--secondary { margin-bottom: 12px; } } .purchase-details__buttons .action_button.action_button--secondary:hover, .purchase-details__buttons .action_button.action_button--secondary:focus { border: 1px solid #ffffff; background-color: #ffffff; color: #2c313d; } .purchase-details .purchase-details__spb--true { flex: 1 0 100%; align-items: flex-start; margin-top: 12px; margin-left: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .purchase-details .purchase-details__spb--true { width: 100%; } } @media only screen and (max-width: 767px) { .purchase-details .purchase-details__spb--true { margin-left: 0; margin-bottom: 0; } } .purchase-details .purchase-details__spb--true .action_button.action_button--secondary { flex: 1 0 calc(50% - 12px); margin: 0 6px 0 0; max-width: calc(calc(50% - 12px)); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .purchase-details .purchase-details__spb--true .action_button.action_button--secondary { width: 100% !important; max-width: calc(50% - 12px) !important; } } @media only screen and (max-width: 767px) { .purchase-details .purchase-details__spb--true .action_button.action_button--secondary { flex: 1 0 100%; margin-right: 0px; margin-top: 0; margin-bottom: 12px; max-width: 100%; } } .purchase-details .purchase-details__spb--true .shopify-payment-button { margin: 0 0 0 6px; max-width: calc(calc(50% - 12px)); line-height: 1.2; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .purchase-details .purchase-details__spb--true .shopify-payment-button { width: 100% !important; max-width: calc(50% - 12px) !important; } } @media only screen and (max-width: 767px) { .purchase-details .purchase-details__spb--true .shopify-payment-button { margin-left: 0; margin-top: 0; margin-bottom: 10px; max-width: 100%; } } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded { font-size: 1rem; border-radius: 0px; width: 100%; line-height: inherit; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 1px; text-transform: uppercase; border: 1px solid rgba(0,0,0,0); } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded, .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded:link, .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded:visited { color: #2c313d; background-color: #ffffff; border-color: rgba(0,0,0,0); } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded:hover, .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-hovered { color: #fff; border-color: rgba(0,0,0,0) !important; background-color: #13b8ef; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded:focus, .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-focused { color: #fff; border-color: rgba(0,0,0,0); background-color: #13b8ef; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded:focus:not(:active), .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-focused:not(:active) { box-shadow: 0 0 0 0.125em ; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded:active, .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-active { color: #fff; border-color: rgba(0,0,0,0); background-color: #13b8ef; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-inverted { color: #ffffff; background-color: #2c313d; border-color: #ffffff; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-small { font-size: 0.75rem; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-normal { font-size: 1rem; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-medium { font-size: 1.25rem; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-large { font-size: 1.5rem; line-height: 1.25em; width: 100%; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-paymeny-button__button--branded { border-radius: 0px; } .purchase-details .purchase-details__spb--false { height: 44px; margin: 12px 0 0; display: inline-block; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .purchase-details .purchase-details__spb--false { width: 100%; } } .purchase-details .purchase-details__spb--false .button--add-to-cart { height: inherit; width: 50%; } @media only screen and (max-width: 767px) { .purchase-details .purchase-details__spb--false .button--add-to-cart { width: 100%; } } .purchase-details.has-quantity-box .purchase-details__spb--false { max-width: 50%; } @media only screen and (max-width: 767px) { .purchase-details.has-quantity-box .purchase-details__spb--false { max-width: 100%; } } .purchase-details.has-quantity-box .purchase-details__spb--false .button--add-to-cart { width: 100%; } /* Animation for checkmark on add to cart button */ .button--add-to-cart { position: relative; } .button--add-to-cart .text { display: block; animation-duration: 0.5s; } .button--add-to-cart .fadeInDown.text { animation-duration: 0.8s; } .button--add-to-cart .checkmark { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .button--add-to-cart .checkmark path { stroke-dasharray: 19.79 19.79; stroke-dashoffset: 19.79; stroke: #fff; opacity: 0; } .button--add-to-cart .checkmark.checkmark-active path { animation: drawCheckmark 0.5s linear alternate forwards; } @keyframes drawCheckmark { from { stroke-dashoffset: 19.79; opacity: 1; } to { stroke-dashoffset: 0; opacity: 1; } } .ie button .checkmark path { stroke-dashoffset: 0; opacity: 0; } .ie button .checkmark.checkmark-active path { animation: fadeCheckmark 0.5s linear alternate forwards; } @keyframes fadeCheckmark { from { opacity: 0; } to { opacity: 1; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { button .checkmark path { stroke-dashoffset: 0; opacity: 0; } button .checkmark.checkmark-active path { animation: fadeCheckmark 0.5s linear alternate forwards; } @keyframes fadeCheckmark { from { opacity: 0; } to { opacity: 1; } } } /* # Product media ================================================== */ .product-gallery__model model-viewer, .product-gallery__video iframe { width: 100%; } .product-gallery__model { position: relative; } .product-gallery__model model-viewer { width: 100%; min-height: 300px; } .view-in-your-space { padding: 0; width: 100%; display: flex; justify-content: center; align-items: center; min-height: 44px; background: #e6e6e6; color: #414b56; font: inherit; text-transform: none; border-radius: 0px; border: 0; } .view-in-your-space svg path:first-child { stroke: #414b56; } .view-in-your-space svg path:last-child { fill: #414b56; } .plyr--video .plyr__controls { background: rgba(255, 255, 255, 0.6); padding: 10px; } .plyr--video .plyr__control { background: transparent; color: #414b56; } .plyr--video .plyr__control:hover { background: #ffffff; color: #414b56; } .plyr--video .plyr__controls__item.plyr__time, .plyr--video input[type=range], .plyr--video .plyr__controls__item { color: #414b56; } .plyr--video .plyr__progress input[type=range] + .thumb { background-color: #414b56; color: #414b56; } .plyr--video input[type=range]::-webkit-slider-thumb { background-color: #414b56; } .plyr--video input[type=range]::-moz-range-thumb { background-color: #414b56; } .plyr--video input[type=range]::-ms-thumb { background-color: #414b56; } .plyr--video .plyr__progress__buffer, .plyr--video .plyr__control[aria-expanded=true] { background-color: rgba(65, 75, 86, 0.6); } .plyr--video .plyr__control.plyr__tab-focus { background-color: #414b56; } .plyr--video .plyr__control--overlaid { background: #ffffff; border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.05); padding: 3px; } .plyr--video .plyr__control--overlaid svg { left: auto; } .plyr--video .plyr__control--overlaid:hover { background: #ffffff; } .plyr--video .plyr__control--overlaid:hover .play-icon-button-control rect { opacity: 0.75; } .plyr--video .plyr__control .play-icon-button-control { width: 52px; height: 52px; } .plyr--video .plyr__control .play-icon-button-control rect { fill: #ffffff; } .plyr--video .plyr__control .play-icon-button-control path { fill: #414b56; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-right: 10px; padding-left: 10px; } .plyr--full-ui .plyr__volume { background-color: rgba(255, 255, 255, 0.6); border-radius: 5px; bottom: 105px; height: 40px; opacity: 0; padding: 10px 15px !important; position: absolute; transform: rotate(270deg); transition: visibility 0.4s linear 0.4s, opacity 0.4s linear 0.3s; width: 140px; } .plyr--full-ui .plyr__volume:before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.25); bottom: 18px; content: ""; left: -6px; position: absolute; transform: rotate(90deg); z-index: 2; } .plyr--full-ui .plyr__volume:hover { opacity: 1; visibility: visible; } .plyr--full-ui .plyr__volume.plyr__volume--is-visible { opacity: 1; transition: visibility 0.4s linear, opacity 0.4s linear; } .plyr--full-ui .plyr__volume input[type=range] { color: #414b56; margin: 0 auto; } .plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track, .plyr--full-ui .plyr__volume input[type=range]::-moz-range-track, .plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb, .plyr--full-ui .plyr__volume input[type=range]::-moz-range-thumb { box-shadow: none; } .plyr--full-ui .plyr__volume input[type=range]::-ms-fill-upper, .plyr--full-ui .plyr__volume input[type=range]::-ms-thumb, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25); } .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-thumb, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-thumb, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-thumb, .plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb, .plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-thumb, .plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb { box-shadow: none; } .plyr--audio .plyr--full-ui .plyr__volume { bottom: 125px; right: -37px; } .plyr--is-ios .plyr__volume { display: none !important; } .plyr__control[data-plyr=mute]:hover + .plyr__volume { opacity: 1; transition: visibility 0.4s linear, opacity 0.4s linear; } @media (min-width: 480px) { .plyr--full-ui .plyr__volume input[type=range] { max-width: 90px; } } @media (min-width: 750px) { .plyr--full-ui .plyr__volume input[type=range] { max-width: 110px; } } @media only screen and (max-width: 989px) { .plyr--is-touch .plyr__volume { display: none !important; } } .shopify-model-viewer-ui .shopify-model-viewer-ui__button { color: #414b56; background: #ffffff; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button[hidden] { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus { color: rgba(65, 75, 86, 0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { background: #ffffff; border: 1px solid rgba(65, 75, 86, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after { border-bottom: 1px solid rgba(65, 75, 86, 0.05); } @media only screen and (min-width: 768px) { .video-on-hover .plyr__controls, .video-on-hover .plyr__control--overlaid, .swap-true .plyr--youtube .plyr__controls, .swap-true .plyr--youtube .plyr__control--overlaid, .video-controls-enabled--false .plyr__controls, .video-controls-enabled--false .plyr__control--overlaid { opacity: 0; } .video-on-hover .plyr__controls > *, .video-on-hover .plyr__control--overlaid > *, .swap-true .plyr--youtube .plyr__controls > *, .swap-true .plyr--youtube .plyr__control--overlaid > *, .video-controls-enabled--false .plyr__controls > *, .video-controls-enabled--false .plyr__control--overlaid > * { pointer-events: none; cursor: auto; } } .product-template:not(.product-template--image-scroll) .product-gallery .product-gallery__image { visibility: hidden; } .product-template:not(.product-template--image-scroll) .product-gallery .product-gallery__image.is-selected { visibility: visible; } .plyr.plyr--stopped .plyr__controls { display: none; } .product_slider.product-height-set model-viewer { margin: 0 auto; } .product_slider.product-height-set .product-gallery__main img, .product_slider.product-height-set .product-gallery__main .plyr--html5 video, .product_slider.product-height-set .product-gallery__main .plyr--youtube { width: 100%; object-fit: contain; } .product-gallery__thumbnails .product-gallery__thumbnail { position: relative; } .product-gallery__thumbnails .media-badge { position: absolute; top: 0; right: 0; max-width: 33%; max-height: 33%; min-width: 20px; width: 25px; height: 25px; } .product-gallery__thumbnails .media-badge svg { width: 100%; height: 100%; } .product-gallery__thumbnails .media-badge path:first-child { fill: #ffffff; } .product-gallery__thumbnails .media-badge path:last-child { fill: #414b56; } .product-gallery__thumbnails .media-badge g path:first-child { stroke: #414b56; } .product-gallery__thumbnails .media-badge .media-badge__outline { stroke: rgba(65, 75, 86, 0.05); } /* # Product thumbnail ================================================== */ @media only screen and (max-width: 767px) { .product__thumbnail.has-padding-bottom { padding-bottom: 40px; } } .product-image__wrapper { position: relative; } .product-image__wrapper video, .product-image__wrapper iframe { width: 100%; } .product-image__wrapper:hover .thumbnail-overlay__container { display: flex; } .product-image__wrapper:hover .thumbnail-overlay__container .quick-shop__buttons, .product-image__wrapper:hover .thumbnail-overlay__container .quick-shop__info { display: flex; } @media only screen and (max-width: 767px) { .product-image__wrapper:hover .thumbnail-overlay__container { opacity: 0; visibility: hidden; } } .thumbnail-overlay__container { justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: column; display: none; position: absolute; padding: 20px; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 251, 249, 0.7); color: #244a6c; z-index: 10; } .thumbnail-overlay__container a, .thumbnail-overlay__container a:visited { color: #244a6c; } .thumbnail-overlay__container .spr-icon-star:before { color: #244a6c; } .thumbnail-overlay__container .product-thumbnail__title, .thumbnail-overlay__container .product-thumbnail__price { color: #244a6c; } .thumbnail-overlay__container .quick-shop__info, .thumbnail-overlay__container .quick-shop__buttons { display: flex; justify-content: center; display: none; width: 100%; } .thumbnail-overlay__container .quick-shop__info { align-items: center; } .thumbnail-overlay__container .quick-shop__buttons { align-items: flex-start; padding-top: 20px; position: relative; } .thumbnail-overlay__container .animated { animation-duration: 0.5s; } .thumbnail-overlay__container .sold-out { color: #244a6c; } @media only screen and (max-width: 767px) { .thumbnail__hover-overlay--true .quick-shop__info { display: none; } } .thumbnail__hover-overlay--true .thumbnail__caption { display: none; } @media only screen and (max-width: 767px) { .thumbnail__hover-overlay--true .thumbnail__caption { display: block; } } .hidden-product-link { line-height: 0; font-size: 0; color: transparent; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; } .has-thumbnail-sticker .image__container { position: relative; } .has-thumbnail-sticker .sticker-holder { display: flex; height: 100%; position: absolute; width: 100%; z-index: 2; } .has-thumbnail-sticker .sticker-position-right { justify-content: flex-end; text-align: right; } .has-thumbnail-sticker .sticker-position-bottom-left { align-items: flex-end; } .has-thumbnail-sticker .sticker-position-bottom-right { justify-content: flex-end; align-items: flex-end; text-align: right; } .has-thumbnail-sticker .spr-badge { display: flex; flex-direction: column; padding-top: 3px; padding-right: 3px; } .has-thumbnail-sticker .spr-badge .spr-badge-starrating, .has-thumbnail-sticker .spr-badge .spr-badge-caption { text-align: left; } .has-thumbnail-sticker .thumbnail-overlay__container .spr-badge-starrating, .has-thumbnail-sticker .thumbnail-overlay__container .spr-badge-caption { justify-content: center; text-align: center; } .has-thumbnail-sticker .spr-badge-starrating .spr-icon-star, .has-thumbnail-sticker .spr-badge-starrating .spr-icon-star-empty, .has-thumbnail-sticker .spr-badge-caption { font-size: 80%; } .has-thumbnail-sticker .product-thumbnail__title, .has-thumbnail-sticker .product-thumbnail__price { padding-top: 3px; } .has-thumbnail-sticker .product-thumbnail__price { display: flex; } .has-thumbnail-sticker .thumbnail-sticker:nth-child(1n+4) { display: none; } .thumbnail-sticker { display: flex; width: 100%; padding: 5px 10px; text-align: center; } .thumbnail-sticker.sale-sticker { background-color: #7CC952; color: #2C313D; } .thumbnail-sticker.new-sticker { background-color: #000000; color: #ffffff; } .thumbnail-sticker.best-seller-sticker { background-color: #E8BD88; color: #FFFFFF; } .thumbnail-sticker.coming-soon-sticker { background-color: #082C54; color: #FFFFFF; } .thumbnail-sticker.staff-pick-sticker { background-color: #FAF0EA; color: #FFFFFF; } .thumbnail-sticker.pre-order-sticker { background-color: #082C54; color: #FFFFFF; } .sticker-text { font-size: 16px; } @media only screen and (max-width: 1024px) { .sticker-text { font-size: 14px; } } .sticker-holder.sticker-shape-square { flex-wrap: wrap; } .sticker-holder.sticker-shape-square .sticker-text { width: 100%; } .one-seventh .sticker-shape-square .sticker-holder__content, .one-sixth .sticker-shape-square .sticker-holder__content, .one-fifth .sticker-shape-square .sticker-holder__content, .sticker-shape-square .sticker-holder__content { max-width: 50%; font-size: 12px; } @media only screen and (max-width: 767px) { .one-seventh .sticker-shape-square .sticker-holder__content, .one-sixth .sticker-shape-square .sticker-holder__content, .one-fifth .sticker-shape-square .sticker-holder__content, .sticker-shape-square .sticker-holder__content { max-width: 60%; } } .one-fourth .sticker-shape-square .sticker-holder__content { max-width: 40%; font-size: 14px; } @media only screen and (max-width: 767px) { .one-fourth .sticker-shape-square .sticker-holder__content { max-width: 60%; } } .one-third .sticker-shape-square .sticker-holder__content { max-width: 33.3334%; font-size: 14px; } @media only screen and (max-width: 767px) { .one-third .sticker-shape-square .sticker-holder__content { max-width: 60%; } } .one-half .sticker-shape-square .sticker-holder__content { max-width: 25%; font-size: 16px; } @media only screen and (max-width: 767px) { .one-half .sticker-shape-square .sticker-holder__content { max-width: 60%; } } .sticker-shape-round.sticker-position-bottom-right .thumbnail-sticker, .sticker-shape-round.sticker-position-right .thumbnail-sticker { float: right; margin-right: 5px; margin-left: 0; } .sticker-shape-round .thumbnail-sticker { border-radius: 50%; display: inline-block; width: calc(33.3333% - 5px); padding: calc(33.3333% - 5px) 0 0; margin-left: 5px; margin-bottom: 5px; margin-top: 5px; position: relative; } .sticker-shape-round .thumbnail-sticker .sticker-text { position: absolute; top: 50%; left: 50%; line-height: 1.1; transform: translateX(-50%) translateY(-50%); font-size: 0.7em; word-wrap: normal; } @media only screen and (max-width: 767px) { .sticker-shape-round .thumbnail-sticker .sticker-text { font-size: 1em; } } .one-seventh .sticker-shape-round .sticker-holder__content, .one-sixth .sticker-shape-round .sticker-holder__content, .one-fifth .sticker-shape-round .sticker-holder__content, .sticker-shape-round .sticker-holder__content { width: 75%; font-size: 12px; } @media only screen and (max-width: 1024px) { .one-seventh .sticker-shape-round .sticker-holder__content, .one-sixth .sticker-shape-round .sticker-holder__content, .one-fifth .sticker-shape-round .sticker-holder__content, .sticker-shape-round .sticker-holder__content { width: 80%; } } @media only screen and (max-width: 767px) { .one-seventh .sticker-shape-round .sticker-holder__content, .one-sixth .sticker-shape-round .sticker-holder__content, .one-fifth .sticker-shape-round .sticker-holder__content, .sticker-shape-round .sticker-holder__content { width: 100%; } } .has-vertical-header .one-fourth .sticker-shape-round .sticker-holder__content { width: 90%; } @media only screen and (min-width: 1401px) { .has-vertical-header .one-fourth .sticker-shape-round .sticker-holder__content { max-width: 60%; } } .one-fourth .sticker-shape-round .sticker-holder__content { width: 60%; font-size: 14px; } @media only screen and (max-width: 1024px) { .one-fourth .sticker-shape-round .sticker-holder__content { width: 80%; } } @media only screen and (max-width: 767px) { .one-fourth .sticker-shape-round .sticker-holder__content { width: 100%; } } .one-third .sticker-shape-round .sticker-holder__content, .one-half .sticker-shape-round .sticker-holder__content { width: 50%; font-size: 18px; } .one-third .sticker-shape-round .sticker-holder__content .thumbnail-sticker, .one-half .sticker-shape-round .sticker-holder__content .thumbnail-sticker { margin: 5px; width: 100%; max-width: 60px; padding: 30px; } @media only screen and (max-width: 1024px) { .one-third .sticker-shape-round .sticker-holder__content, .one-half .sticker-shape-round .sticker-holder__content { width: 80%; } } @media only screen and (max-width: 767px) { .one-third .sticker-shape-round .sticker-holder__content, .one-half .sticker-shape-round .sticker-holder__content { width: 100%; } } .one-third .sticker-shape-round.sticker-position-bottom-right .thumbnail-sticker, .one-half .sticker-shape-round.sticker-position-bottom-right .thumbnail-sticker { margin-right: 10px; margin-left: 0; } @media only screen and (max-width: 767px) { .one-third .sticker-shape-round.sticker-position-bottom-right .thumbnail-sticker, .one-half .sticker-shape-round.sticker-position-bottom-right .thumbnail-sticker { font-size: 0.8em; } } @media only screen and (max-width: 767px) { .one-third .sticker-shape-round.sticker-position-bottom-right .thumbnail-sticker, .one-half .sticker-shape-round.sticker-position-bottom-right .thumbnail-sticker { font-size: 0.6em; } } @media only screen and (max-width: 1024px) { .one-half .sticker-shape-round .sticker-holder__content { width: 65%; } } @media only screen and (max-width: 767px) { .small-down--one-whole .sticker-shape-round .thumbnail-sticker { font-size: 0.9em; width: calc(22% - 10px); padding: calc(22% - 10px) 0 0; } } .product_section .product__information .thumbnail-sticker:nth-child(1n+4) { display: none; } .has-product-sticker .sticker-holder__content--product-center { display: flex; justify-content: center; margin: 0px auto; max-width: 30%; padding-top: 20px; font-size: 16px; } @media only screen and (max-width: 767px) { .has-product-sticker .sticker-holder__content--product-center { font-size: 13px; } } .has-product-sticker .sticker-holder__content--product-center .thumbnail-sticker { margin: 0 5px; } .has-product-sticker .sticker-shape-round .sticker-holder__content--product { display: flex; flex-wrap: wrap; max-width: 45%; width: 100%; font-size: 14px; } @media only screen and (max-width: 767px) { .has-product-sticker .sticker-shape-round .sticker-holder__content--product { max-width: 80%; } } .has-product-sticker .sticker-shape-round .is-product-slideshow { max-width: 30%; } @media only screen and (max-width: 767px) { .has-product-sticker .sticker-shape-round .sticker-holder__content--product-center { max-width: 50%; } } @media only screen and (max-width: 767px) { .has-product-sticker .sticker-shape-round .sticker-holder__content--product-center { max-width: 80%; } } .has-product-sticker .sticker-shape-round .thumbnail-sticker { width: calc(33.333% - 10px); padding: calc(33.3333% - 10px) 0 0; margin: 0 10px 0 0; display: inline-block; float: none; } .has-product-sticker .sticker-shape-round .thumbnail-sticker .sticker-text { font-size: 1em; } .has-product-sticker .sticker-shape-square .sticker-holder__content--product { display: flex; max-width: 75%; width: 100%; } @media only screen and (max-width: 767px) { .has-product-sticker .sticker-shape-square .sticker-holder__content--product { max-width: 100%; font-size: 13px; } } .has-product-sticker .sticker-shape-square .is-product-slideshow { max-width: 45%; } @media only screen and (max-width: 767px) { .has-product-sticker .sticker-shape-square .sticker-holder__content--product-center { max-width: 100%; font-size: 13px; } } .has-product-sticker .sticker-shape-square .thumbnail-sticker { width: calc(33.333% - 10px); margin-right: 10px; display: inline-block; float: none; } .has-product-sticker .sticker-shape-square .thumbnail-sticker .sticker-text { font-size: 1em; } .has-product-sticker .sticker-holder { display: block; padding-bottom: 20px; font-size: 14px; } .has-secondary-image-swap img { visibility: visible; height: auto; } .has-secondary-image-swap .swap--visible { opacity: 0; visibility: hidden; height: 0 !important; } /* # Quick shop ================================================== */ .quick-shop__popup, .quickshop-forms__container { display: none; } .quick-shop .product-gallery, .quick-shop .product-gallery__nav { opacity: 0; transition: opacity 0.5s ease; } .quick-shop.quick-shop--loaded .product-gallery, .quick-shop.quick-shop--loaded .product-gallery__nav { opacity: 1; } .quick-shop__buttons { z-index: 12; } .quickshop__gallery--right { flex-direction: row-reverse; } .quick-shop__popup { padding: 40px 10px; } .quick-shop__popup .fancybox-close-small svg { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; } .quick-shop__popup .modal_price { font-size: 1.2em; } .quick-shop__popup .product_form { padding: 20px 0; } @media only screen and (max-width: 767px) { .quick-shop__popup .purchase-details__buttons { margin-top: 12px; } } @media only screen and (max-width: 767px) { .quick-shop__popup .select, .quick-shop__popup .select select { width: auto; } } .quick-shop__popup .select-container { clear: both; overflow: hidden; } .quick-shop__popup .select { display: block; float: left; clear: both; margin-bottom: 10px; } .quick-shop__gallery { padding-right: 10px; } .quick-shop__text-wrap { padding-left: 10px; } .quick-shop .product-gallery__thumbnails--bottom-thumbnails { margin-top: 20px; } @media only screen and (max-width: 767px) { .quick-shop .product-gallery__nav { margin-top: 60px; } } @media only screen and (min-width: 768px) { .quick-shop .quickshop__arrows--false .flickity-viewport:hover .flickity-prev-next-button, .quick-shop .quickshop__arrows--false .flickity-prev-next-button { display: none !important; } } .quick-shop__lightbox .fancybox-content { width: 90%; max-width: 900px; background-color: #fff; cursor: pointer !important; } .quick-shop__popup .sticker-shape-square .sticker-holder__content, .quick-shop__popup .sticker-shape-round .sticker-holder__content { max-width: 100%; font-size: 13px; } /* # Size chart ================================================== */ .size-chart { display: none; } @media only screen and (max-width: 767px) { .size-chart { width: 100%; padding: 0; } } .size-chart .fancybox-close-small svg { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; } .size-chart-wrap { flex: 1 0 60%; max-width: 900px; position: relative; padding: 40px; } @media only screen and (max-width: 767px) { .size-chart-wrap { padding: 10px; } } .size-chart-wrap.animated { opacity: 0; } .product__size-chart { font-size: 1rem; } .product__size-chart.size-chart--medium-down { float: left; width: 100%; display: none; padding-bottom: 20px; } @media only screen and (max-width: 767px) { .product__size-chart.size-chart--medium-down { display: block; } } .product__size-chart .icon { position: relative; top: 2px; width: 0.9rem; height: 0.9rem; } /* #Swatch Styles ================================================== */ /* Enable if "Options styles" == "Swatches" .swatch-element.swatch--active { border-color: black; box-shadow: 0px 0px 0px 2px white; } .selector-wrapper label { margin-bottom: 0.5rem; } .selector-wrapper { display: none; } .swatch_options { margin-bottom: 1.5rem; } .swatch .option-title { margin-bottom: 0.5rem; width: 100%; } .swatch input { display: none; } .swatch label { float: left; min-width: 40px; height: 40px; margin: 0; font-size: 13px; text-align: center; line-height: 40px; white-space: nowrap; text-transform: uppercase; cursor: pointer; padding: 0 10px; } .swatch .color label { min-width: 34px; height: 34px !important; line-height: 34px; background-position: center; background-size: cover; } .swatch-element { border: #e2e2e2 thin solid; min-width: 40px; min-height: 40px; } .swatch-element.color { padding: 3px; } .swatch-element.color, .swatch-element.color label { border: #e2e2e2 thin solid; } .swatch-element.color label { padding: 0; margin: 0; width: 34px; height: 34px; overflow: hidden; } .swatch_options input:checked + .swatch-element { border-color: black; box-shadow: 0px 0px 0px 2px white; } .swatch .swatch-element { float: left; transform: translateZ(0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0px 8px 8px 0; position: relative; outline: none; } .crossed-out { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .swatch .swatch-element .crossed-out { display: none; } .swatch .swatch-element.soldout .crossed-out { display: block; height: 100%; width: 100%; pointer-events: none; } .swatch .swatch-element.soldout label { opacity: 0.6; } .swatch .tooltip { text-align: center; background: #333; background: rgba(51, 51, 51, 0.9); color: #fff; bottom: 100%; padding: 5px 10px; display: block; position: absolute; width: 120px; font-size: 13px; left: -35px; margin-bottom: 15px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.25s ease-out; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); z-index: 60; } .swatch .tooltip:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } .swatch .tooltip:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid rgba(51, 51, 51, 0.9) 10px; bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; } .swatch .swatch-element:hover .tooltip { opacity: 1; visibility: visible; transform: translateY(0px); } .soldout { opacity: 0.5; } .swatch-element img[src*=no-image-50], .swatch__image--empty { opacity: 0; } .swatch-element .swatch__image { height: 100%; object-fit: cover; } */ /* # Announcement bar ================================================== */ .announcement-bar { width: 100%; position: absolute; } .announcement-bar.is-small { font-size: 0.75rem; } .announcement-bar.is-regular { font-size: 1rem; } .announcement-bar.is-large { font-size: 1.5rem; } @media only screen and (max-width: 767px) { .announcement-bar.is-large { font-size: 1rem; } } .announcement-bar .is-width-standard .message-header { padding-left: 0; padding-right: 0; } .announcement-bar .is-width-wide .close { right: 10px; } .announcement-bar .announcement-bar__close { position: absolute; right: 0; } @media only screen and (max-width: 767px) { .announcement-bar .padding { display: none; } } .announcement-bar__text { display: flex; align-items: center; } .announcement-bar__icon { line-height: 0; } .show-close-icon-true { padding-left: 20px; } .announcement-bar__content { flex: 1 1 auto; display: flex; align-items: center; } .announcement-bar__content p { padding: 0 0.5em; display: inline-block; } .announcement-bar__shadow { opacity: 0; visibility: hidden; min-height: 20px; } .announcement-bar--visible .announcement-container { transition: all 0s linear; height: auto; } .announcement-container { height: 0; overflow: hidden; position: relative; } /* # Article (blog posts) ================================================== */ @media only screen and (min-width: 768px) { .author-share-wrap .blog-share > div { justify-content: flex-end; } } .comment-section { display: block; } .blog-author { padding-left: 0; } .blog-author img { width: 100px; height: 100px; } .blog-author p { font-size: 0.9rem; } @media only screen and (max-width: 767px) { .comment-section--cards img { width: 100px; } } /* # Banner ================================================== */ .banner__wrapper { overflow: hidden; position: relative; max-height: 100vh; } .banner__wrapper img { object-fit: cover; height: 100%; } .banner__wrapper.is-medium .image-element__wrap { height: 60vh; } @media only screen and (max-width: 767px) { .banner__wrapper.is-medium .image-element__wrap { height: auto; } } .banner__wrapper.is-large .image-element__wrap { height: 90vh; } @media only screen and (max-width: 767px) { .banner__wrapper.is-large .image-element__wrap { height: auto; } } .banner__content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; z-index: 3; width: 100%; } @media only screen and (max-width: 1024px) { .banner__heading { font-size: 2.5em; } } @media only screen and (max-width: 767px) { .banner__heading { font-size: 2em; } } .banner__subheading { font-family: "Exo 2", sans-serif; font-weight: 400; font-style: normal; font-size: 14px; letter-spacing: 1px; color: #ffffff; } .dark-overlay-true { position: relative; } .dark-overlay-true:after { content: ""; position: absolute; z-index: 2; background: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; } /* # Contact form ================================================== */ .contact-form .contact-form__form { padding: 40px; } @media only screen and (max-width: 767px) { .contact-form .contact-form__form { margin: 30px 0; } } .contact-form .contact-form__image { margin-bottom: 25px; } .contact-form .contact-form__blocks .contact-form__block { margin-bottom: 20px; } .contact-form .contact-form__blocks .contact-form__block label { color: inherit !important; } .contact-form .contact-form__block--radio .contact-form__list, .contact-form .contact-form__block--checkbox .contact-form__list { margin: 0; list-style: none; } .contact-form .contact-form__block--radio .contact-form__list li, .contact-form .contact-form__block--checkbox .contact-form__list li { display: flex; align-items: baseline; margin-bottom: 10px; } .contact-form .contact-form__block--radio .contact-form__list li input, .contact-form .contact-form__block--checkbox .contact-form__list li input { top: 2px; margin-right: 7px; position: relative; } .contact-form .contact-form__social .social-icons { list-style: none; margin: 20px 0 0 0; align-items: baseline; } .contact-form .contact-form__social .social-icons li { padding-right: 10px; } .contact-form .text-align-right .social-icons { justify-content: flex-end; } .contact-form .text-align-center .social-icons { justify-content: center; } .contact-form--left { flex-direction: row-reverse; } @media only screen and (max-width: 767px) { .contact-form--right .contact-form__form, .contact-form--left .contact-form__form { margin-left: 0; margin-right: 0; } } .contact-form--center { justify-content: center; } /* # Featured collection ================================================== */ .featured-collection-section .slider-gallery, .block__featured-collection .slider-gallery { width: 100%; } @media only screen and (max-width: 767px) { .featured-collection-section .flickity-prev-next-button, .block__featured-collection .flickity-prev-next-button { display: none; } } /* # Featured promotions ================================================== */ .featured-promotions .has-gutter-enabled .flickity-enabled .featured-promotions__block { margin-left: 10px; margin-right: 10px; } @media only screen and (max-width: 767px) { .featured-promotions .has-gutter-enabled .featured-promotions__block--2:first-child { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .featured-promotions .is-width-standard .featured-promotions__wrapper.container .featured-promotions__block { margin-bottom: 20px; } } .featured-promotions .is-width-standard .featured-promotions__wrapper.container .featured-promotions__block:last-child { margin-bottom: 0; } .featured-promotions__nav-wrapper { justify-content: flex-end; } @media only screen and (max-width: 767px) { .featured-promotions__nav-wrapper { justify-content: space-between; } } .featured-promotions__nav { color: #2C313D; margin-bottom: 10px; cursor: pointer; transition: color 0.3s ease-in-out; } .featured-promotions__nav:first-child { margin-right: 10px; } .featured-promotions__nav:hover { color: #13B8EF; } .is-width-wide .featured-promotions__nav:last-child { margin-right: 10px; } .featured-promotions__block { position: relative; } .featured-promotions__block--has-link:hover .featured-promotions__content img, .featured-promotions__block--has-link:hover .featured-promotions__content svg { transform: scale(1.1); } .featured-promotions__block--has-link:hover .has-border { border-width: 3px; } .featured-promotions__block.has-image-crop:after { content: ""; display: block; padding-bottom: 100%; } .featured-promotions__block.has-image-crop .featured-promotions__content { position: absolute; width: 100%; height: 100%; } .featured-promotions__content { position: relative; overflow: hidden; font-size: 1rem; } .featured-promotions__content img, .featured-promotions__content svg { transition: all 0.3s ease-in-out; } .featured-promotions__content:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .featured-promotions__overlay { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 3; transition: all 0.3s linear; padding: 0 20px; text-align: center; } .featured-promotions__overlay span { width: 50px; height: 50px; } .featured-promotions__overlay.has-border { border: thin solid; } .featured-promotions__title { margin: 10px 0; text-align: center; line-height: 1.2; } .featured-promotions__subtitle p { padding: 5px 0; } .featured-promotions__wrapper:after { content: "flickity"; display: none; } @media only screen and (min-width: 768px) { .mobile-slider .featured-promotions__nav-wrapper { display: none; } } @media only screen and (min-width: 768px) { .mobile-slider .featured-promotions__wrapper:after { content: ""; } } /* # Featured product ================================================== */ .featured-product .product-thumbnail__title { display: block; padding-top: 0.5em; } .featured-product .slideshow-enabled--false .product-gallery__image:not(:first-child) { display: none; } .featured-product-section .select, .featured-product-section .select select { height: 44px; } /* # Footer ================================================== */ .footer__container { width: 100%; } .footer__content { background-color: #1a1d24; color: #f5f5f5; font-size: 14px; } .footer__content a, .footer__content a:visited { color: #f5f5f5; } .footer__content a:hover, .footer__content a:active { color: #7CC952; } .footer__heading { font-family: "FF Meta Serif", serif; font-size: 12px; color: #f5f5f5; margin-bottom: 10px; } .footer__block.block__logo .footer__heading { font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; text-transform: uppercase; } .footer .social-icons li { padding-right: 10px; margin-bottom: 0; } .footer .social-icons li .icon { width: 25px; height: 25px; color: #7cc952; } .footer__logo-wrapper { width: 100%; } .footer__logo-wrapper.is-small { max-width: 60%; } @media only screen and (max-width: 767px) { .footer__logo-wrapper.is-small { max-width: 30%; } } .footer__logo-wrapper.is-medium { max-width: 80%; } @media only screen and (max-width: 767px) { .footer__logo-wrapper.is-medium { max-width: 50%; } } .footer__logo-wrapper.is-large { max-width: 100%; } @media only screen and (max-width: 767px) { .footer__logo-wrapper.is-large { max-width: 70%; } } .footer__logo-wrapper .image-element__wrap { margin-right: 0; margin-left: 0; } .footer__credits { font-size: smaller; } .footer__credits p { display: inline; } .footer__block.one-fifth .is-stretched-width { min-width: 100% !important; } @media only screen and (max-width: 1024px) { .footer__block .is-stretched-width { min-width: 100% !important; } } .footer-classic__disclosure { justify-content: flex-end; } @media only screen and (max-width: 767px) { .footer-classic__disclosure { justify-content: center; } } @media only screen and (max-width: 767px) { .footer__credits + .footer__payment-methods { margin-top: 20px; } } @media only screen and (max-width: 767px) { .footer__credits { text-align: center; } } @media only screen and (max-width: 767px) { .footer__payment-methods { text-align: center; justify-content: center; } } .footer__logo-wrapper { display: block; } .footer__logo-wrapper .footer__heading, .footer__logo-wrapper img { transition: opacity 0.3s ease-in; } /* Footer currency/language switcher */ .footer-menu__disclosure { display: flex; padding-bottom: 20px; width: 100%; } @media only screen and (max-width: 767px) { .footer-menu__disclosure { justify-content: center; } } /* # Gallery ================================================== */ .has-no-side-gutter .gallery__item { margin: 0; } .gallery-type--classic { display: flex; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .has-gutter-enabled .gallery__item { margin-bottom: 20px; } } .gallery-type--horizontal-masonry { display: flex; flex-wrap: wrap; } .gallery-type--horizontal-masonry img { width: 100%; } .gallery__item { position: relative; } .gallery__item:hover .gallery-item__overlay { opacity: 1; } .has-image-crop .gallery__item-wrap { height: 100%; } .gallery-item__overlay { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.2s ease; } .gallery-item__overlay .icon { margin: 20px; width: 2.4rem; height: 2.4rem; } /* # Header - Search focus ================================================== */ .navbar { flex-wrap: wrap; } .header { background-color: #ffffff; transition: background-color 0.3s linear, height 0.2s linear; } @media only screen and (max-width: 767px) { .header { display: none; } } .header__menu { width: 100%; } .header__inner-content { flex: 0 0 auto; display: flex; align-items: center; padding: 1.5rem 0.75rem 0.5rem; width: 100%; } .header__inner-content .header__currency-dropdown { overflow: visible; } .header__logo { transition: all 0.1s linear; display: block; } .header__logo + .header__logo-text { display: none; } .header__search { flex: 1; padding: 0 2rem; } .header__search .field { margin-bottom: 0; } .header__search-bar { width: 100%; } /* .header__search-bar input { border-radius: 0; } */ .header__search-button { border-radius: 0; } .header__menu-items { height: 100%; position: relative; } .header-cart { position: relative; } @media only screen and (max-width: 767px) { .header-cart { position: static; } } .action-area__link.has-cart-count { padding-right: 1.8em; } .header__menu-toggle { visibility: hidden; opacity: 0; position: absolute; } .is-sticky .sticky-menu-wrapper { visibility: hidden; opacity: 0; max-height: 0; transition: visibility 0s linear 0.1s, opacity 0.33s linear, max-height 0.33s linear; } .sticky-header__menu { padding: 10px 0; } .sticky-menu-wrapper.is-visible { visibility: visible; opacity: 1; transition: visibility 0s linear, opacity 0.33s linear 0.1s, max-height 0.33s linear 0.1s; max-height: 100%; } .is-sticky .header__inner-content { padding-top: 0.5rem; } .is-sticky .header__menu-toggle { cursor: pointer; margin-right: 2rem; visibility: visible; position: relative; height: 100%; opacity: 1; transition: visibility 0s linear, opacity 0.33s linear 0.1s; display: flex; align-items: center; } .is-sticky .header__menu-toggle .header__close-menu { opacity: 0; visibility: hidden; position: absolute; transition: visibility 0s linear, opacity 0.33s linear 0.1s; } .is-sticky .header__menu-toggle.is-active .header__open-menu { opacity: 0; visibility: hidden; position: absolute; } .is-sticky .header__menu-toggle.is-active .header__close-menu { opacity: 1; visibility: visible; position: relative; } .header__search .search__results-wrapper .thumbnail { max-width: 10%; } .header__search .search__results { background-color: #fff; position: absolute; } /* # Header ================================================== */ /* @media only screen and (max-width: 767px) { header.header { display: none; } } */ .header, .mobile-header { font-family: "Verdana Pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 1px; font-size: 15px; text-transform: uppercase; } .dropdown-style-horizontal { position: relative; } .dropdown-style-horizontal .navbar, .dropdown-style-horizontal .navbar-item { position: initial; } .dropdown-style-horizontal .header__menu-items, .header__dropdown--below-header.header__menu-items { height: 100%; } .dropdown-style-horizontal .header__menu-items .navbar-item.has-dropdown, .header__dropdown--below-header.header__menu-items .navbar-item.has-dropdown { align-self: stretch; } .vertical-alignment-center .header__item { align-items: center; } .vertical-alignment-top .header__item { align-items: flex-start; } .vertical-alignment-bottom .header__item { align-items: flex-end; } .header__link, .header__link > a { color: #6a727b; fill: #6a727b; } .header__link:hover, .header__link.is-active, .header__link > a:hover, .header__link > a.is-active { color: #394049; fill: #394049; } .header__logo-text { font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; text-transform: uppercase; } .header__logo-text, h1.header__logo-text > a { color: #ffffff; } .header__logo-text:hover, h1.header__logo-text > a:hover { color: #ffffff; } .header__icons { display: flex; justify-content: flex-end; align-items: center; } .header__icon-style-text .header__icon, .header__icon-style-text .header-cart__count--badge { display: none; } .header__icon-style-icons .icon-caption { display: none; } .header__icon-style-icons-text { text-transform: uppercase; } .header__icon-style-icons-text .select { height: auto; } .header__icon-style-icons-text .icon-caption { padding: 0.3em 0 0; font-size: 0.7em; } .header__icon-style-icons-text .action-area__link.has-cart-count { padding-right: 1.8em; } .header__icon-style-icons-text .header-cart__caption { display: block; } .action-area__link:not(.has-cart-count) .header-cart__count { display: none; } .action-area__link { display: flex; flex-direction: column; align-items: center; padding: 1rem 5px; height: 100%; } .action-area__link:last-child { padding-right: 0; } .vertical-alignment-center .action-area__link { justify-content: center; } .vertical-alignment-top .action-area__link { justify-content: flex-start; } .vertical-alignment-bottom .action-area__link { justify-content: flex-end; } .has-submenu label { display: block; position: relative; } .has-submenu .close-dropdown, .has-submenu .close-sub-dropdown { position: absolute; cursor: pointer; top: 0; right: 0; height: 100%; width: 25%; } .has-submenu .has-no-link .close-dropdown, .has-submenu .has-no-link .close-sub-dropdown { width: 100%; } [data-enable_overlay=false] .overlay-logo__content { display: none; } [data-enable_overlay=false] .logo__content { display: block; } [data-enable_overlay=true] .overlay-logo__content { display: block; } [data-enable_overlay=true] .logo__content { display: none; } .header__logo:hover img { opacity: 0.7; } .header__logo img { transition: opacity 0.3s ease-in; } /* Header currency/language switcher */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .header-menu__disclosure .selectors-form__wrap { margin-bottom: 0; } } .header-menu__disclosure .disclosure { padding: 0.5rem 0; } .header-menu__disclosure .disclosure__toggle { margin-top: 0; } .header-menu__disclosure .disclosure__list-wrap { top: 100%; padding-top: 0; padding-bottom: 0; position: absolute; } /* # Heading ================================================== */ .heading-section__preheading { font-family: "Verdana Pro", sans-serif; font-size: 15px; font-weight: 400; font-style: normal; text-transform: none; } .heading-section__subheading { font-family: "Verdana Pro", sans-serif; font-size: 22px; font-weight: 400; font-style: normal; text-transform: none; } .heading-section__content { padding: 1.5rem 0; } .vertical-spacing-medium .heading-section__preheading + .heading-section__heading { padding-top: 10px; } .vertical-spacing-medium .heading-section__preheading + .heading-section__subheading { padding-top: 10px; } .vertical-spacing-medium .heading-section__heading + .heading-section__subheading { padding-top: 10px; } .vertical-spacing-medium .heading-divider { margin-top: 10px; } .vertical-spacing-large .heading-section__preheading + .heading-section__heading { padding-top: 20px; } .vertical-spacing-large .heading-section__preheading + .heading-section__subheading { padding-top: 20px; } .vertical-spacing-large .heading-section__heading + .heading-section__subheading { padding-top: 20px; } .vertical-spacing-large .heading-divider { margin-top: 20px; } .heading-wrapper { margin-bottom: 40px; } @media only screen and (max-width: 767px) { .heading-wrapper { margin-bottom: 20px; } } .heading-wrapper.text-align-center .heading-divider { margin: 0 auto; } .heading-wrapper.text-align-right .heading-divider { margin: 0 0 0 auto; } @media only screen and (min-width: 768px) { .has-heading-divider-below .heading-wrapper:not(.heading-divider-below) { margin-bottom: 0; } .has-heading-divider-below .heading-wrapper:not(.heading-divider-below) .heading-divider { display: none; } } @media only screen and (max-width: 767px) { .heading-divider-below { display: none; } } /* # Icon bar ================================================== */ .icon-bar__block { padding: 0.5rem 0.75rem; } @media only screen and (min-width: 768px) { .icon-bar__block:first-child { padding-left: 0; } .icon-bar__block:last-child { padding-right: 0; } } .icon-bar__block.is-small { font-size: 0.75rem; } .icon-bar__block.is-medium { font-size: 16px; } .icon-bar__block.is-large { font-size: 1.5rem; } .icon-bar__block .icon-bar__text { padding: 0 5px; } /* # Icon with text column ================================================== */ .icon-with-text-column .icon { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .icon-with-text-column .icon { margin-bottom: 0; margin-top: 20px; } } .icon-with-text-column .icon.is-small { height: 2.8rem; width: 2.8rem; } .icon-with-text-column .icon.is-medium { height: 3.6rem; width: 3.6rem; } .icon-with-text-column .icon.is-large { height: 5.4rem; width: 5.4rem; } /* # Image with text ================================================== */ @media only screen and (max-width: 767px) { .image-with-text .has-gutter-enabled .image-with-text__column:not(:last-child) { margin-bottom: 20px; } } .image-with-text__image-column .image-element__wrap { width: 100%; } @media only screen and (max-width: 767px) { .image-with-text__image-column.has-image-crop:not(.image-crop--none) { height: 100vw; } } .image-with-text__text-column { padding-left: 20px; padding-right: 20px; } .image-with-text__text-column.has-background { padding: 30px; } @media only screen and (max-width: 767px) { .image-with-text__text-column { order: 1; } } .image-with-text__container { width: 100%; } .image-with-text__heading { padding-bottom: 20px; line-height: 1.2; } .image-with-text__heading.is-small { font-size: 36px; } .image-with-text__heading.is-regular { font-size: 45px; } .image-with-text__heading.is-large { font-size: 67px; } .image-with-text__link { width: 100%; display: block; overflow: hidden; } .image-with-text__link:hover .image-with-text__image, .image-with-text__link:hover svg { transform: scale(1.1); } .image-with-text__image, .image-with-text__link svg { transition: transform 0.3s ease-in-out; } @media only screen and (max-width: 767px) { .block__image-with-text .has-gutter-enabled .image-with-text__column { margin-bottom: 20px; } } /* # Image with text overlay ================================================== */ .block__image-with-overlay .image-with-text-overlay__container, .image-with-text-overlay .image-with-text-overlay__container, .image-slideshow .image-with-text-overlay__container { width: 100%; } .block__image-with-overlay .caption-content, .image-with-text-overlay .caption-content, .image-slideshow .caption-content { padding: 30px; min-width: 350px; } @media only screen and (max-width: 767px) { .block__image-with-overlay .caption-content, .image-with-text-overlay .caption-content, .image-slideshow .caption-content { min-width: auto; } } @media only screen and (max-width: 767px) { .block__image-with-overlay .mobile-text--below-media > .container, .image-with-text-overlay .mobile-text--below-media > .container, .image-slideshow .mobile-text--below-media > .container { display: block; } .block__image-with-overlay .mobile-text--below-media .caption, .image-with-text-overlay .mobile-text--below-media .caption, .image-slideshow .mobile-text--below-media .caption { position: static; text-align: center; margin-top: 20px; margin-bottom: 20px; } .block__image-with-overlay .mobile-text--below-media .caption-content, .image-with-text-overlay .mobile-text--below-media .caption-content, .image-slideshow .mobile-text--below-media .caption-content { padding: 20px 0; } .block__image-with-overlay .mobile-text--below-media.has-background .caption-content, .block__image-with-overlay .mobile-text--below-media.has-border .caption-content, .image-with-text-overlay .mobile-text--below-media.has-background .caption-content, .image-with-text-overlay .mobile-text--below-media.has-border .caption-content, .image-slideshow .mobile-text--below-media.has-background .caption-content, .image-slideshow .mobile-text--below-media.has-border .caption-content { padding: 30px; } } @media only screen and (max-width: 1024px) { .block__image-with-overlay .mobile-text--below-media .is-width-half .caption, .image-with-text-overlay .mobile-text--below-media .is-width-half .caption, .image-slideshow .mobile-text--below-media .is-width-half .caption { position: static; text-align: center; margin-top: 20px; margin-bottom: 20px; top: 0; transform: none; } .block__image-with-overlay .mobile-text--below-media .is-width-half .caption-content, .image-with-text-overlay .mobile-text--below-media .is-width-half .caption-content, .image-slideshow .mobile-text--below-media .is-width-half .caption-content { padding: 20px 0; width: 100%; } } @media only screen and (max-width: 767px) { .block__image-with-overlay .mobile-text--over-media .caption, .image-with-text-overlay .mobile-text--over-media .caption, .image-slideshow .mobile-text--over-media .caption { top: 50%; bottom: auto; transform: translate(0, -50%); } .block__image-with-overlay .mobile-text--over-media .caption .caption-content, .image-with-text-overlay .mobile-text--over-media .caption .caption-content, .image-slideshow .mobile-text--over-media .caption .caption-content { width: calc(100% - 20px); } } .block__image-with-overlay .image-crop-left img, .image-with-text-overlay .image-crop-left img, .image-slideshow .image-crop-left img { min-height: 60vh; object-fit: cover; object-position: left; } .block__image-with-overlay .image-crop-center img, .image-with-text-overlay .image-crop-center img, .image-slideshow .image-crop-center img { min-height: 60vh; object-fit: cover; object-position: center; } .block__image-with-overlay .image-crop-right img, .image-with-text-overlay .image-crop-right img, .image-slideshow .image-crop-right img { min-height: 60vh; object-fit: cover; object-position: right; } .block__image-with-overlay .pretext, .block__image-with-overlay .subtitle, .image-with-text-overlay .pretext, .image-with-text-overlay .subtitle, .image-slideshow .pretext, .image-slideshow .subtitle { font-size: 20px; font-family: "Verdana Pro", sans-serif; font-weight: 400; letter-spacing: 1px; } .block__image-with-overlay .subtitle.image-with-text-overlay__subheading, .image-with-text-overlay .subtitle.image-with-text-overlay__subheading, .image-slideshow .subtitle.image-with-text-overlay__subheading { padding-top: 10px; } .block__image-with-overlay .title, .image-with-text-overlay .title, .image-slideshow .title { padding-top: 10px; } .block__image-with-overlay .image-with-text-overlay__banner, .image-with-text-overlay .image-with-text-overlay__banner, .image-slideshow .image-with-text-overlay__banner { overflow: hidden; position: relative; } @media only screen and (max-width: 767px) { .block__image-with-overlay .image-with-text-overlay__banner, .image-with-text-overlay .image-with-text-overlay__banner, .image-slideshow .image-with-text-overlay__banner { overflow: visible; } } .block__image-with-overlay .image-with-text-overlay__banner h1.title, .image-with-text-overlay .image-with-text-overlay__banner h1.title, .image-slideshow .image-with-text-overlay__banner h1.title { font-family: "FF Meta Serif", serif; font-weight: 500; font-style: normal; font-size: 90.0px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { .block__image-with-overlay .image-with-text-overlay__banner h1.title, .image-with-text-overlay .image-with-text-overlay__banner h1.title, .image-slideshow .image-with-text-overlay__banner h1.title { font-size: 72px; } } .block__image-with-overlay .image-with-text-overlay__banner h1.title > a, .block__image-with-overlay .image-with-text-overlay__banner h1.title > a:link, .block__image-with-overlay .image-with-text-overlay__banner h1.title > a:visited, .image-with-text-overlay .image-with-text-overlay__banner h1.title > a, .image-with-text-overlay .image-with-text-overlay__banner h1.title > a:link, .image-with-text-overlay .image-with-text-overlay__banner h1.title > a:visited, .image-slideshow .image-with-text-overlay__banner h1.title > a, .image-slideshow .image-with-text-overlay__banner h1.title > a:link, .image-slideshow .image-with-text-overlay__banner h1.title > a:visited { color: #2c313d; } .block__image-with-overlay .image-with-text-overlay__banner h1.title > a:hover, .block__image-with-overlay .image-with-text-overlay__banner h1.title > a:focus, .image-with-text-overlay .image-with-text-overlay__banner h1.title > a:hover, .image-with-text-overlay .image-with-text-overlay__banner h1.title > a:focus, .image-slideshow .image-with-text-overlay__banner h1.title > a:hover, .image-slideshow .image-with-text-overlay__banner h1.title > a:focus { color: #13B8EF; } .block__image-with-overlay .image-with-text-overlay__banner .placeholder-svg, .image-with-text-overlay .image-with-text-overlay__banner .placeholder-svg, .image-slideshow .image-with-text-overlay__banner .placeholder-svg { min-height: 400px; } .block__image-with-overlay .caption, .image-with-text-overlay .caption, .image-slideshow .caption { position: absolute; width: 100%; top: 50%; display: block; padding: 1%; pointer-events: none; } @media only screen and (min-width: 768px) { .block__image-with-overlay .caption, .image-with-text-overlay .caption, .image-slideshow .caption { transform: translateY(-50%); } } @media only screen and (min-width: 768px) { .block__image-with-overlay .caption.align-middle, .image-with-text-overlay .caption.align-middle, .image-slideshow .caption.align-middle { top: 50%; transform: translate(0, -50%); } } .block__image-with-overlay .caption.align-top, .image-with-text-overlay .caption.align-top, .image-slideshow .caption.align-top { top: 0; transform: none; } .block__image-with-overlay .caption.align-bottom, .image-with-text-overlay .caption.align-bottom, .image-slideshow .caption.align-bottom { bottom: 0; top: auto; transform: none; } .block__image-with-overlay .caption-content, .image-with-text-overlay .caption-content, .image-slideshow .caption-content { pointer-events: all; display: inline-block; } .block__image-with-overlay .caption-overlay-true, .image-with-text-overlay .caption-overlay-true, .image-slideshow .caption-overlay-true { z-index: 3; } .block__image-with-overlay .dark-overlay-true:after, .image-with-text-overlay .dark-overlay-true:after, .image-slideshow .dark-overlay-true:after { content: ""; position: absolute; z-index: 2; background: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; } .block__image-with-overlay .banner--full-link, .image-with-text-overlay .banner--full-link, .image-slideshow .banner--full-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-size: 0; line-height: 0; } .image-with-text-overlay__buttons { justify-content: space-between; } .image-with-text-overlay__buttons.are-small { max-width: 300px; } .image-with-text-overlay__buttons.are-regular { max-width: 400px; } .image-with-text-overlay__buttons.are-large { max-width: 500px; } .image-with-text-overlay__buttons.is-justify-left { justify-content: flex-start; } .image-with-text-overlay__buttons.is-justify-right { justify-content: flex-end; } .image-with-text-overlay__buttons.is-justify-center { justify-content: center; } .image-with-text-overlay__buttons .button { /* flex: 0 0 calc(50% - 6px); */ margin-bottom: 12px; white-space: normal; margin-left: 0; margin-right: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .image-with-text-overlay__buttons .button { width: 100% !important; max-width: calc(50% - 6px) !important; margin: 0px auto; } } @media only screen and (max-width: 767px) { .image-with-text-overlay__buttons .button { flex: 1 0 100%; } } /* # List of collections page ================================================== */ .list-collection-wrapper .list-collection__thumbnail { display: block; margin-bottom: 30px; } .collection-list .has-no-side-gutter .list-collection__thumbnail { margin-bottom: 0; } .list-collection__thumbnail { overflow: hidden; } .list-collection__thumbnail .product-wrap { position: relative; overflow: hidden; } .list-collection__thumbnail .product-wrap:hover img, .list-collection__thumbnail .product-wrap:hover svg { transform: scale(1.1); } .list-collection__thumbnail img, .list-collection__thumbnail svg { transition: all 0.3s ease-in-out; } .collection-thumbnail-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } .collection-info__caption { display: flex; align-items: flex-end; flex-wrap: wrap; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; z-index: 2; } .collection-info__caption .title { display: block; margin-bottom: 20px; font-family: "FF Meta Serif", serif; font-weight: 500; font-style: normal; font-size: 45px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { .collection-info__caption .title { font-size: 36px; } } .collection-info__caption .title > a, .collection-info__caption .title > a:link, .collection-info__caption .title > a:visited { color: #2c313d; } .collection-info__caption .title > a:hover, .collection-info__caption .title > a:focus { color: #13B8EF; } .collection-info__caption--below-image { padding: 20px; display: flex; flex-direction: column; align-items: center; } .collection-info__caption--below-image .title { text-align: center; } /* # Logo list ================================================== */ .logo-list .has-background { padding-top: 20px; } @media only screen and (max-width: 767px) { .logo-list .logo-list__wrapper { max-width: 1200px; width: 95%; } } /* # Map ================================================== */ .maps { width: 100%; } .map { height: 100%; width: 100%; } /* # Mobile Header ================================================== */ .mobile-menu--opened { overflow: hidden; -webkit-overflow-scrolling: touch; height: 100vh; } #mobile-header .mobile-header__logo { width: 100%; } .mobile-header { background-color: #ffffff; transition: background-color 0.3s linear, height 0.2s linear; width: 100%; } .mobile-header__content { display: flex; align-items: center; height: 100%; position: relative; z-index: 10; } @media only screen and (max-width: 767px) { .mobile-header__content { padding: 0 20px; } } @media only screen and (max-width: 767px) { .mobile-header__content { padding: 0 10px; } } .mobile-menu__toggle-icon { display: flex; align-items: center; cursor: pointer; transition: visibility 0s linear, opacity 0.33s linear 0.1s; padding: 10px 5px 10px 0; } .mobile-menu__toggle-icon .icon { fill: #6a727b; } .mobile-menu__toggle-icon .mobile-header__open-menu { transition: visibility 0s linear, opacity 0.33s linear 0.1s; } .mobile-menu__toggle-icon .mobile-header__close-menu { opacity: 0; visibility: hidden; position: absolute; transition: visibility 0s linear, opacity 0.33s linear 0.1s; } .mobile-menu__toggle-icon.is-active .mobile-header__open-menu { opacity: 0; visibility: hidden; position: absolute; } .mobile-menu__toggle-icon.is-active .mobile-header__close-menu { opacity: 1; visibility: visible; position: relative; } .mobile-layout--left .mobile-logo { width: calc(50% - 10px); } .mobile-layout--left .mobile-dropdown, .mobile-layout--left .mobile-icons { width: calc(25% - 10px); } .mobile-layout--left .mobile-icons { justify-content: flex-end; } .mobile-layout--left.mobile-logo__position--left .mobile-dropdown, .mobile-layout--left.mobile-logo__position--left .mobile-icons { width: auto; } .mobile-logo, .mobile-dropdown, .mobile-icons { display: flex; align-items: center; padding: 0 5px; } .mobile-icons { order: 2; } .mobile-dropdown { order: 0; } .mobile-logo { order: 1; justify-content: center; flex-grow: 1; text-align: center; padding-top: 5px; padding-bottom: 5px; } .mobile-logo .image-element__wrap { max-width: 190px !important; } .mobile-logo__position--left .mobile-logo { order: 0; justify-content: left; text-align: left; } .mobile-layout--left.mobile-logo__position--below { flex-wrap: wrap; } .mobile-layout--left.mobile-logo__position--below .mobile-dropdown, .mobile-layout--left.mobile-logo__position--below .mobile-icons { width: 50%; } .mobile-layout--left.mobile-logo__position--below .mobile-logo { display: none; } .mobile-layout--right .action-area__link.has-cart-count { padding-right: 5px; } .mobile-layout--right.mobile-logo__position--below { flex-wrap: wrap; } .mobile-layout--right.mobile-logo__position--below .mobile-icons { flex-grow: 1; flex-wrap: wrap; justify-content: flex-end; } .mobile-layout--right.mobile-logo__position--below .mobile-logo { display: none; } .mobile-dropdown__position--left { order: 0; } .mobile-dropdown__position--right { order: 3; padding-top: 5px; } .mobile-logo__outer { justify-content: center; display: flex; background-color: #fff; padding: 10px 0; width: 100%; } .mobile-logo__outer a { color: #414b56; } .mobile-logo__outer .image-element__wrap { max-width: 190px !important; } .mobile-menu a { color: #6a727b; } .mobile-menu a:hover { color: #394049; } .submenu__label:hover a { color: #13b8ef; } .mobile-menu__submenu { font-size: 14px; letter-spacing: 14px; text-transform: none; } .mobile-menu__toggle-icon.is-active + .mobile-menu { transition: left 0.5s; left: 0; } .mobile-menu { max-height: 100%; min-height: 100vh; left: -100%; position: absolute; top: 100%; transition: left 0.3s ease-in-out; width: 100%; z-index: 40; overflow-y: auto; -webkit-overflow-scrolling: touch; } .mobile-menu .mobile-menu__item:not(.mobile-menu .mobile-menu__item) { align-items: center; } .mobile-menu .mobile-menu__item .icon { fill: rgba(0,0,0,0); margin-right: 12px; } .mobile-menu .mobile-menu__item .icon:hover { fill: rgba(0,0,0,0); } .mobile-menu .mobile-menu__item select { color: #6a727b; } .mobile-menu .mobile-menu__item select:hover { color: #394049; } .mobile-menu .mobile-menu-link, .mobile-menu .mobile-menu__item { display: flex; line-height: 1.5; padding: 0.5rem 1.5rem; } .mobile-menu__first-level label { display: block; position: relative; } .mobile-menu__first-level .close-dropdown, .mobile-menu__first-level .close-sub-dropdown { position: absolute; cursor: pointer; top: 0; right: 0; height: 100%; width: 25%; z-index: 2; } .mobile-menu__first-level .has-no-link .close-dropdown, .mobile-menu__first-level .has-no-link .close-sub-dropdown { width: 100%; } .mobile-menu__content { padding-bottom: 100px; } .mobile-menu__content .icon-caption { padding: 0; font-size: 1em; } .mobile__currency-dropdown { align-items: center; position: relative; } .mobile__currency-dropdown .icon-caption { position: absolute; } .mobile__currency-dropdown select { border: none; font-family: "Verdana Pro", sans-serif; font-weight: 400; font-style: normal; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; height: inherit; background: transparent; color: currentColor; } .mobile-menu-icons { display: flex; justify-content: center; position: absolute; top: 75vh; width: 100%; padding: 0; } .mobile-menu-link { position: relative; } .mobile-menu-link::after { border-color: #2C313D; right: 1.125em; z-index: 4; font-size: 1.1em; } .mobile-menu__submenu { transition: max-height 0.5s; border-left: 1px solid #8f9397; margin-left: 20px; max-height: 0; overflow: hidden; padding-left: 0; } .mobile-menu__submenu.has-mega-menu { margin-left: 0; max-height: none; display: none; } .mobile-menu__submenu .mega-menu { display: block; position: relative; background-color: #fff !important; left: 0; } .submenu__input:checked ~ .mobile-menu__submenu { transition: max-height 0.8s; max-height: 100vh; } .submenu__input:checked ~ .mobile-menu__submenu.has-dropdown { max-height: 100vh; } .submenu__input:checked ~ .mobile-menu__submenu.has-mega-menu { max-height: none; display: block; border-left: 0; } .submenu__input:checked + label a:after { transform: translateY(-60%) rotate(180deg); } .submenu__input + label a:after { transition: transform 0.2s linear; } .header__icon-style-text .mobile-icons, .header__icon-style-icons-text .mobile-icons { flex-wrap: wrap; justify-content: center; } .header__icon-style-text .mobile-icons.has-one-icon, .header__icon-style-icons-text .mobile-icons.has-one-icon { justify-content: flex-end; } .header__icon-style-text .mobile-icons .action-area__link, .header__icon-style-icons-text .mobile-icons .action-area__link { padding: 5px; } .header__icon-style-text .header-cart__caption, .header__icon-style-icons-text .header-cart__caption { white-space: nowrap; } .header__icon-style-icons .mobile__currency-dropdown .icon-caption { display: block; opacity: 0; } .header__icon-style-text .mobile__currency-dropdown { line-height: 1.5; padding: 0.5rem 1.5rem; } .header__icon-style-text .mobile__currency-dropdown .icon-caption { position: relative; } .header__icon-style-text .mobile__currency-dropdown select, .header__icon-style-text .mobile__currency-dropdown option { padding-left: 0px; } @-moz-document url-prefix() { .header__icon-style-text .mobile__currency-dropdown select { text-indent: -2px; } } .header__icon-style-icons-text .mobile__currency-dropdown select { padding-left: 25px; } .mobile-menu__toggle-button { display: none; cursor: pointer; position: absolute; top: 0; left: 0; width: 45px; z-index: 50; bottom: 0; } .mobile-menu__toggle-button.mobile-toggle__position--right { right: 0; left: initial; } @media only screen and (max-width: 767px) { .mobile-menu__toggle-button { display: block; } } /* # Mega menu ================================================== */ .mega-menu-section { display: none; } #header .is-width-wide .mega-menu { width: calc(100% + 20px); left: calc(-20px / 2); } .header--search-focus .mega-menu { overflow: auto; } .mega-menu { display: none; left: 0; font-size: 14px; letter-spacing: 14px; text-transform: none; position: absolute; top: 100%; width: 100%; min-width: 100%; z-index: 20; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); } @media only screen and (max-width: 767px) { .mega-menu { box-shadow: 0; } } .mega-menu.mega-menu--show { display: block; } .mega-menu.mega-menu--force-show { display: block !important; z-index: 30 !important; } .mega-menu a, .mega-menu a:active, .mega-menu a:visited { color: #414B56; } .mega-menu a:hover { color: #13b8ef; } .mega-menu .menu__heading { margin-bottom: 10px; font-size: 16px; line-height: 1.2; } .mega-menu .mega-menu__linklist-link { display: inline-block; padding: 0.5em 0; line-height: 1; } .mega-menu .mega-menu__image { max-height: none; } .mega-menu__block { padding: 20px; } @media only screen and (max-width: 767px) { .mega-menu__block.block__empty-column { display: none; } } .mega-menu__block.block__featured-promo .button { width: 100%; } .mega-menu__block .mega-menu__content { margin-top: 10px; } .mega-menu__block .mega-menu__content:first-child { margin-top: 0; } .mega-menu__block.block__featured-product .price { font-size: 0.9em; } .mega-menu__banner { padding: 0.75em 1em; width: 100%; transition: background-color 0.2s linear; } .mega-menu__banner .icon { flex-shrink: 0; } .mega-menu__banner .mega-menu__sticker-text { padding: 0 0.5em; } .mega-menu__banner.is-small { font-size: 0.8rem; } .mega-menu__banner.is-regular { font-size: 1rem; } .mega-menu__banner.is-large { font-size: 1.2rem; } .navbar-item.has-mega-menu { position: static; } .mega-menu__section.is-active .mega-menu { display: block; z-index: 9999; } .mega-menu__content { position: relative; width: 100%; } .mega-menu__content .has-thumbnail-sticker .sticker-holder__content { font-size: 14px; } /* # Popup ================================================== */ .popup-modal .fancybox-bg { opacity: 1; } .popup-modal .fancybox-slide { display: flex; justify-content: center; align-items: center; padding: 40px; } @media only screen and (max-width: 767px) { .popup-modal .fancybox-slide { align-items: flex-end; padding: 0; } } .popup__wrapper { display: none; padding: 0; max-width: 900px; width: 90%; position: relative; overflow: hidden; } @media only screen and (max-width: 767px) { .popup__wrapper { width: 100%; } } .popup__wrapper.animated { opacity: 0; } .popup__wrapper.has-image .newsletter-form { max-width: 100%; } .popup__text { font-size: 1rem; } .popup__close { display: block; position: absolute; top: 0; right: 0; margin: 10px; cursor: pointer; } .popup__close .icon--vertical-align { display: flex; justify-content: center; margin: auto; } .newsletter-section--popup { margin: 0; padding-top: 20px; width: 100%; max-width: none; } .newsletter-section--popup .newsletter__wrapper { max-width: 100%; padding: 0; } .popup__image { align-items: center; position: relative; min-width: 200px; width: 40%; } .popup__image.has-image-crop img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; width: 100%; } @media only screen and (max-width: 767px) { .popup__image { display: none; } } .image-position-right .popup__image { order: 1; } .image-position-right .popup__close { left: 0; right: auto; } .popup__content { max-width: calc(75% - 80px); margin: 0 auto; display: flex; flex-direction: column; justify-content: center; flex: 1 0 60%; padding: 40px; } @media only screen and (max-width: 767px) { .popup__content { max-width: 100%; padding: 20px; } } .popup__header { width: calc(100% - 12px); } @media only screen and (max-width: 767px) { .popup__header { margin: 0 10px; } } /* # Rich text ================================================== */ .mobile-shrink-text span, .mobile-shrink-text p { font-size: 1em; display: block; } @media only screen and (max-width: 767px) { .mobile-shrink-text span, .mobile-shrink-text p { font-size: 0.8em; } } @media only screen and (max-width: 767px) { .mobile-shrink-text span, .mobile-shrink-text p { font-size: 0.5em; } } .rich-text__content a.button { max-width: 50%; } @media only screen and (max-width: 767px) { .rich-text__content a.button { max-width: 100%; } } /* # Search ================================================== */ .search-form { position: relative; } .search-form .search__fields input[type=text] { outline: none; border-radius: 0; border: thin solid #8F9397; color: #7a7a7a; } .search-form .search__fields input[type=text]:active, .search-form .search__fields input[type=text]:focus { color: #0a0a0a; box-shadow: none; } .search-form .search__fields [data-icon=search] { padding: 5px; color: #0a0a0a; } .search-form .search__fields .field { margin-bottom: 0; } /* # Search page - default view and results ================================================== */ @media only screen and (max-width: 767px) { .search-result__image-container { padding-bottom: 20px; } } .search-result__description { display: flex; justify-content: center; flex-direction: column; } .search__content .search__results-wrapper { position: relative; } /* # Search overlay & Popup ================================================== */ [data-show-search-trigger] { cursor: pointer; } [data-show-search-trigger] * { pointer-events: none; } .search-overlay__title, .search-popup__title { color: #000; } .search-overlay__form, .search-popup__form { /* padding: 20px 0; */ padding: 0; } .search-overlay__form .field:not(:last-child), .search-popup__form .field:not(:last-child) { padding-bottom: 0; } .search-menu__list { display: inline; list-style: none; padding-left: 5px; } @media only screen and (max-width: 767px) { .search-menu__list { padding-left: 0; padding-top: 5px; } } .search-menu__item { display: inline-block; padding: 0 5px; } @media only screen and (max-width: 767px) { .search-menu__item { width: 100%; padding: 0; } } .search-menu__item a, .search-menu__item a:visited { color: #414b56; } .search-menu__item a:hover, .search-menu__item a:focus, .search-menu__item a:visited:hover, .search-menu__item a:visited:focus { color: #13b8ef; } .search-overlay { background-color: #faf0ea; color: #000; position: absolute; top: 100%; left: 0; display: none; width: 100%; z-index: 60; } .search-overlay.sticky-search { position: fixed; } .search-overlay.is-opened { display: block; } @media only screen and (min-width: 1025px) { .search-overlay .search-menu { max-width: 70%; margin: 0px auto; } } .search-overlay__close { cursor: pointer; position: absolute; top: 15px; right: 15px; } .search-overlay__close:hover { opacity: 0.5; } .search-overlay__wrapper { padding: 60px 0; } .search-popup { display: none; background-color: #fff; color: #000; max-width: 600px; padding: 60px 0 45px; font-size: 1.2em; } .search-popup .search-overlay__wrapper { padding: 0 45px; } .search-popup .search-menu { display: flex; flex-wrap: wrap; justify-content: space-between; } .search-popup .search-menu__title { padding-bottom: 20px; } @media only screen and (max-width: 767px) { .search-popup .search-menu__title { padding-bottom: 0; } } .search-popup .search-menu__item { width: 45%; padding: 0; display: block; } @media only screen and (max-width: 767px) { .search-popup .search-menu__item { width: 100%; text-align: center; } } @media only screen and (min-width: 1025px) { .search-popup__form { margin: 0px auto; } } /* # Search autocomplete ================================================== */ .search__results-wrapper { display: none; position: relative; } .search__results { width: 100%; right: 0; left: auto; z-index: 30; list-style-type: none; margin: 0; padding: 0 20px; overflow: hidden; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); } @media only screen and (max-width: 767px) { .search__results { position: relative; padding: 0 10px; width: 100%; } } .search__results li { display: block; width: 100%; margin: 0; border-top: 1px solid #8f9397; overflow: hidden; } .search__results li:nth-child(-n+2) { border-top: none; } .search__results li a, .search__results li .no-results { display: flex; align-items: center; color: #414b56; font-size: 15px; padding: 10px 0; } .search__results li a:hover, .search__results li .no-results:hover { color: #394049; } .search__results .thumbnail { padding: 0; max-width: 12%; margin-right: 20px; } @media only screen and (max-width: 767px) { .search__results .thumbnail { max-width: 20%; } } .search__results .thumbnail img { display: block; } .search__results .all-results .icon { margin-left: 4px; } .vertical-header__block .search__results-wrapper { background-color: white; max-width: 40%; } .header--vertical .vertical-search__title { display: block; } .vertical-search__title { padding: 10px 20px 0; display: none; } .page-not-found-page .content .search__results { margin: 0; } /* #Mobile search ================================================== */ .mobile-search { display: none; position: absolute; top: 0; left: 0; height: 100vh; z-index: 999999; width: 100%; background: rgba(0, 0, 0, 0.8); } @media only screen and (min-width: 768px) { .mobile-search { display: none !important; } } .mobile-search form { background-color: white; /* margin: 0; padding: 10px 20px 0; position: relative; min-height: 70vh; width: 100%; */ } .mobile-search input#q { font-size: 16px; padding-left: 40px; padding-right: 20px; padding-bottom: 12px; border: 0; border-bottom: 1px solid #8f9397; } .mobile-search input#q:focus, .mobile-search input#q:active { border-bottom: 1px solid #8f9397; } .mobile-search .control .icon { top: 4px; transform: none; padding: 0; pointer-events: initial; z-index: 2; cursor: pointer; color: #7a7a7a; } .mobile-search .search__results-wrapper { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .mobile-search .search__results { background-color: white; margin-top: 0; padding: 0; } .mobile-search .item-result:last-child { padding-bottom: 10px; } .mobile-search .control.has-icons-right .close-search { right: 15px; height: 1rem; width: 1rem; color: #000; z-index: 999999; pointer-events: all; } /* # Sidebar ================================================== */ @media only screen and (max-width: 767px) { .sidebar-section { width: 100% !important; } .sidebar-section { order: 1; } .sidebar-section + .has-sidebar-option { width: 100% !important; } } .product-sidebar--mobile-above { padding-bottom: 40px; } .product-sidebar--mobile-below { padding-bottom: 20px; } .sidebar-block__heading { cursor: default; display: flex; align-items: center; position: relative; } .sidebar-block__heading + .sidebar-block__content { padding-top: 0.9rem; } .sidebar__block.sidebar-toggle-active { padding-top: 10px; padding-bottom: 10px; } .sidebar-block__toggle-icon { position: absolute; right: 0; border: none; top: 50%; transform: translateY(-50%); padding: 0; background: transparent; } .sidebar-block__toggle-icon:focus { outline: 0; } .sidebar-block__toggle-icon .icon { color: #0a0a0a; transition: transform 0.2s linear; } .icon-style--plus_and_minus .icon.icon--active + .icon { display: none; } .sidebar-toggle-active.is-active .icon-style--carets .icon { transform: rotate(180deg); } .sidebar-toggle-active.is-active .icon-style--plus_and_minus .icon.icon--active { display: none; } .sidebar-toggle-active.is-active .icon-style--plus_and_minus .icon.icon--active + .icon { display: block; } [data-sidebar-block__content--collapsible] { display: none; } .sidebar-block__recent-post { margin-bottom: 10px; } .sidebar-block__recent-post .label { font-weight: normal; } @media only screen and (min-width: 768px) { .block__featured-promo { width: 75%; } } .block__featured-promo .card-content { padding: 20px; } .block__featured-promo .sidebar__promo-content { margin-left: 0; } .block__newsletter .newsletter-section { width: 100%; } .block__newsletter .newsletter__wrapper { max-width: 100%; } .block__newsletter .newsletter__text { color: inherit !important; } .block__menu .sidebar-block__item { margin-bottom: 5px; } .block__tag-filter .tag-filter__item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; } .block__tag-filter .tag-filter__label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer; color: #2C313D; transition: 0.2s linear; display: flex; align-items: center; } .block__tag-filter .tag-filter__label:hover { color: #13B8EF; } .block__tag-filter .tag-filter__item.is-active .tag-filter__label { cursor: initial; color: initial; } .block__tag-filter .tag-filter__item.is-active .tag-filter__label:hover { color: initial; } .block__tag-filter .tag-filter__checkbox--regular { display: none; } .block__tag-filter .tag-filter__swatch { -webkit-appearance: none; appearance: none; box-sizing: border-box; width: 20px; height: 20px; display: inline-block; position: relative; vertical-align: top; background-size: cover; margin-right: 10px; font-size: 0; } .block__tag-filter .tag-filter__swatch input[style*=no-image-50], .block__tag-filter .tag-filter__swatch input.swatch__image--empty { opacity: 0; } .block__tag-filter .tag-filter__checkbox--swatch { -webkit-appearance: none; appearance: none; width: 100%; height: 20px; background-size: cover; background-position: center; } /* # Slideshow with text ================================================== */ @media only screen and (max-width: 767px) { .slideshow-with-text .has-gutter-enabled .image-slideshow { margin-bottom: 20px; } } .slideshow-with-text .text-slideshow__heading.banner__subheading { font-family: "Verdana Pro", sans-serif; font-size: 16px; font-weight: 400; font-style: normal; } .slideshow-with-text .text-slideshow__heading.banner__heading { font-family: "FF Meta Serif", serif; font-size: 45px; font-weight: 500; font-style: normal; } .slideshow-with-text .flickity-prev-next-button.next { right: 0; } .slideshow-with-text .flickity-prev-next-button.previous { left: 0; } .image-slideshow { opacity: 0; transition: opacity 0.4s; width: 100%; margin: 0 auto; } @media only screen and (max-width: 767px) { .image-slideshow { order: 1; } } .image-slideshow .placeholder-svg { height: 500px; } @media only screen and (max-width: 767px) { .image-slideshow .placeholder-svg { height: 300px; } } .image-slideshow .flickity-buttons-container { position: absolute; display: flex; bottom: 20px; right: 20px; } @media only screen and (max-width: 767px) { .image-slideshow .flickity-buttons-container { display: none; } } .image-slideshow .flickity-button { position: relative; transform: none; } .image-slideshow .flickity-button:first-child { margin-right: 10px; } .image-slideshow-position--left .flickity-buttons-container { left: 5%; right: auto; } .image-slideshow-position--right { order: 2; } @media only screen and (max-width: 767px) { .image-slideshow-position--right { order: 0; } } .image-slideshow.flickity-enabled { opacity: 1; height: auto; } .image-slideshow__slide { width: 100%; } .image-slideshow__slide .image-element__wrap { width: 100%; height: auto; } .text-slideshow { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; } .text-slideshow .flickity-viewport, .text-slideshow .flickity-slider { height: 100%; } .text-slideshow .flickity-page-dots { align-self: flex-end; position: static; padding-bottom: 3em; } @media only screen and (max-width: 767px) { .text-slideshow .flickity-page-dots { padding-top: 3em; padding-bottom: 0; order: -1; } } .text-slideshow.flickity-page-dots--hidden .flickity-page-dots { display: none; } @media only screen and (max-width: 767px) { .text-slideshow.flickity-page-dots--hidden .flickity-page-dots { display: block; } } .text-slideshow__slide { width: 100%; display: flex; align-items: center; padding: 3em; } .text-slideshow__content { width: 100%; opacity: 0; animation-delay: 0.2s; } .text-slideshow__content.animated.none { opacity: 1; } .text-slideshow__content .button { margin-top: 10px; } .text-slideshow__heading { padding-bottom: 20px; line-height: 1.5; margin: 0; } .text-slideshow__heading.subtitle { font-size: 16px; } /* # Slideshow - classic ================================================== */ .slideshow-classic { width: 100%; } @media only screen and (max-width: 767px) { .slideshow-classic.page-dots--true { padding-bottom: 25px; margin-bottom: 25px; } } .slideshow-classic .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 50%; top: 50%; width: 45%; height: 45%; transform: translateX(-50%) translateY(-50%); } .slideshow-classic .mobile-text--over-media .caption { top: 50%; transform: translateY(-50%); } @media only screen and (max-width: 767px) { .slideshow-classic .mobile-text--below-media .caption { position: static; text-align: center; margin-top: 20px; margin-bottom: 20px; } } .slideshow-classic .gallery-cell { width: 100%; } .slideshow-classic .gallery-cell .image-element__wrap { width: 100%; } @media only screen and (max-width: 767px) { .slideshow-classic .gallery-cell { display: block; } } .slideshow-classic .flickity-button, .slideshow-classic .flickity-page-dots { position: absolute; top: auto; bottom: 25px; } .slideshow-classic .flickity-button { z-index: 10; } @media only screen and (max-width: 767px) { .slideshow-classic .flickity-button { display: none; } } .slideshow-classic .flickity-page-dots { bottom: 40px; } @media only screen and (max-width: 767px) { .slideshow-classic .flickity-page-dots { bottom: 0; } } .slideshow-classic__buttons { justify-content: space-between; } .slideshow-classic__buttons.are-small { max-width: 300px; } .slideshow-classic__buttons.are-regular { max-width: 400px; } .slideshow-classic__buttons.are-large { max-width: 500px; } .slideshow-classic__buttons.is-justify-left { justify-content: flex-start; } .slideshow-classic__buttons.is-justify-right { justify-content: flex-end; } .slideshow-classic__buttons.is-justify-center { justify-content: center; } .slideshow-classic__buttons .button { flex: 0 0 calc(50% - 6px); margin-bottom: 12px; white-space: normal; margin-left: 0; margin-right: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .slideshow-classic__buttons .button { width: 100% !important; max-width: calc(50% - 6px) !important; margin: 0px auto; } } @media only screen and (max-width: 767px) { .slideshow-classic__buttons .button { flex: 1 0 100%; } } .slideshow-classic__banner { overflow: hidden; position: relative; } @media only screen and (max-width: 767px) { .slideshow-classic__banner { overflow: visible; } } .slideshow-classic__banner h2.title { font-family: "FF Meta Serif", serif; font-weight: 400; font-style: normal; font-size: 31px; text-transform: none; } .slideshow-classic__banner .slideshow-classic__subheading { padding-top: 10px; } .slideshow-classic__banner .placeholder-svg { min-height: 400px; } /* # Testimonial ================================================== */ .testimonials { display: flex; } .testimonials:after { content: "flickity"; display: none; } .testimonial-block { display: flex; flex-wrap: wrap; justify-content: space-between; min-height: 100%; overflow: hidden; } @media only screen and (max-width: 767px) { .testimonial-block { margin-bottom: 20px; min-height: initial; } } .testimonial-block.testimonial-border--true { border: thin solid #8F9397; } .testimonial-block.testimonial-align--center .testimonial__description, .testimonial-block.testimonial-align--center .testimonial__name { justify-content: center; text-align: center; } .testimonial-block.testimonial-align--center .testimonial__image { left: 50%; margin-left: -50px; } .testimonial__description, .testimonial__name { display: flex; flex-direction: column; justify-content: center; text-align: left; width: 100%; position: relative; } .testimonial__name { align-self: flex-end; padding: 70px 40px 25px; max-height: 175px; height: 175px; } @media only screen and (max-width: 1024px) { .testimonial__name { font-size: 0.85rem; } } @media only screen and (max-width: 767px) { .testimonial__name { font-size: 1rem; max-height: 23vh; height: 23vh; } } .testimonial__description { align-self: center; padding: 40px; height: 100%; min-height: 250px; } .testimonial__image { position: absolute; margin-top: -50px; height: 100px; width: 100px; max-width: 100px; max-height: 100px; top: 0; } .testimonial__image.image-style--circle img, .testimonial__image.image-style--circle svg { border-radius: 50%; } .testimonial__nav-wrapper { justify-content: flex-end; } @media only screen and (max-width: 767px) { .testimonial__nav-wrapper { justify-content: space-between; } } .testimonial__nav { color: #2C313D; margin-bottom: 10px; cursor: pointer; } .testimonial__nav:first-child { margin-right: 10px; } .testimonial__nav:hover { color: #13B8EF; } .testimonial-block.has-images-enabled-true .testimonial__name { margin-top: 40px; } .testimonial-block.has-images-enabled-false .testimonial__name .testimonial__description { padding: 40px; } .is-width-wide .testimonial__nav:last-child { margin-right: 10px; } @media only screen and (min-width: 768px) { .mobile-slider .testimonials:after { content: ""; } } @media only screen and (min-width: 768px) { .desktop-slider--disabled .testimonial__nav-wrapper { display: none; } } .desktop-slider--disabled .testimonial__description { height: initial; } /* # Top bar ================================================== */ @media only screen and (max-width: 767px) { .top-bar { display: none; } } .top-bar .navbar-item { flex: 1 1 auto; text-align: center; } .top-bar__text { padding-left: 0.75rem; } .top-bar.disclosure-enabled .top-bar__item { flex: 0 0 auto; } .top-bar.disclosure-enabled .top-bar__item.top-bar__social-media { flex: 1 1 auto; justify-content: flex-end; } .top-bar.disclosure-enabled .top-bar__item.top-bar__social-media .navbar-item { padding-right: 20px; flex: 0 0 auto; } .top-bar__item, .top-bar.disclosure-enabled .top-bar__item { display: flex; align-items: center; } .top-bar__item:first-child, .top-bar.disclosure-enabled .top-bar__item:first-child { flex: 0 0 auto; justify-content: flex-start; } .top-bar__item:last-child, .top-bar.disclosure-enabled .top-bar__item:last-child { flex: 0 0 auto; justify-content: flex-end; } .top-bar__menu { flex: 1 0 auto; display: flex; align-items: center; } @media only screen and (max-width: 767px) { .top-bar__menu { justify-content: center; } } .top-bar__social-media a { line-height: 0; margin-left: 5px; margin-right: 5px; display: block; } @media only screen and (max-width: 767px) { .top-bar__social-media .social-icons { justify-content: center; } } .top-bar__icons.cart--hidden { padding-right: 20px; } .top-bar__content .header__currency-dropdown select { color: inherit; } .top-bar__content .header__currency-dropdown select:hover { color: inherit; } .top-bar__content .header__icon-style-text .header__currency-dropdown select { padding-top: 0; padding-bottom: 0; height: auto; line-height: inherit; } /* # Video ================================================== */ @media only screen and (max-width: 767px) { .featured-video.is-width-half.has-video-added { background-color: transparent; } } .featured-video.is-width-half.has-video-added .video-wrapper { flex: 1; } .video__container { width: 100%; } @media only screen and (min-width: 768px) { .video-wrapper .plyr--video.plyr--paused .plyr__video-embed iframe { z-index: 5; } } .video-controls--false .plyr__controls { display: none; } .video-present--false [data-video-element] { display: none; } .video-wrapper { position: relative; } .video-wrapper.overlay--text_only .video__text-wrapper { position: relative; } .video-wrapper video { display: block; width: 100%; height: auto; } .video-wrapper .video__text-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 5; } .video-wrapper .video__text-container .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: -1; } @media only screen and (max-width: 767px) { .video-wrapper .video__text-container { position: relative; margin: 0; } } .video-wrapper .video__text { height: 100%; text-align: center; display: flex; flex-direction: column; } .video-wrapper .video__text-wrapper { margin: 0; padding: 30px; } .video-wrapper .video__text-wrapper .button { max-width: 50%; } @media only screen and (max-width: 767px) { .video-wrapper .video__text-wrapper .button { max-width: 100%; } } @media only screen and (max-width: 767px) { .video-wrapper { display: flex; flex-direction: column; } } @media only screen and (max-width: 767px) { .mobile-text--over-media .video__text-container { position: absolute; } } @media only screen and (max-width: 767px) { .mobile-text--below-media .video__text-container { margin-top: 20px; margin-bottom: 20px; } } /* # Accounts ================================================== */ .register__image img, .login__image img { width: 100%; } .register__form img, .login__form img { max-width: 200px; margin: 0; } .or { margin-left: 10px; } .login__recover { display: none; } .recover-note { margin: 0.75rem 0; } .action_bottom .button, .recover-options .button { margin-right: 5px; } /* # Blog ================================================== */ .blog__filter { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .blog__filter .select, .blog__filter select { width: 100%; } } .blog__filter .is-grouped { justify-content: flex-end; } @media only screen and (max-width: 767px) { .blog__filter .is-grouped { justify-content: flex-start; } } .blog-main { display: flex; } .blog-main .select { border-color: #8f9397; } .meta-info-list { font-size: 0.8em; } .meta-info-list .meta-info-list__item { margin-right: 5px; display: inline-block; } .meta-info-list .meta-info-list__item a, .meta-info-list .meta-info-list__item span { padding-left: 5px; color: #414b56; } .meta-info-list .meta-info-list__item:first-child a, .meta-info-list .meta-info-list__item:first-child span { padding-left: 0; } .meta-info-list .meta-info-list__item:last-child { margin-right: 0; } .meta-info-list .meta-info-list__item + li:before { content: "|"; } .blog-card { display: flex; flex-direction: column; justify-content: flex-start; border: thin solid #8F9397; box-shadow: 0 2px 3px rgba(143, 147, 151, 0.1), 0 0 0 1px rgba(143, 147, 151, 0.1); } @media only screen and (max-width: 767px) { .blog-card { margin-bottom: 20px; } } .blog-card.show-border-false { border: none; box-shadow: none; } /* .blog-card.show-border-false .card-content { padding-left: 0; padding-right: 0; } */ .blog-card.show-border-false .blog-card__read-more { margin-left: 0; margin-right: 0; } .blog-card .blog-card__content > div:not(:last-child), .blog-card .meta-info > ul:not(:last-child) { margin-bottom: 1rem; } @media only screen and (min-width: 768px) { .blog-card .image-element__wrap { max-height: 15rem; } } .blog-card .media-content { font-size: 45px; } .blog-card .media-content .title { font-size: 14px; } .blog-card .blog-card__read-more { margin: auto 1.5rem 1.5rem; } .blog-card .blog-card__read-more .button { height: auto; white-space: normal; } @media only screen and (min-width: 768px) { .blog-card.is-horizontal { flex-direction: row; flex-grow: 0; flex-shrink: 1; max-height: 330px; } .blog-card.is-horizontal .blog-card__image { width: 33.33%; } .blog-card.is-horizontal .blog-card__image .image { position: relative; overflow: hidden; height: 100%; width: 100%; } .blog-card.is-horizontal .blog-card__image .image .image-element__wrap { height: 100%; max-height: none; } .blog-card.is-horizontal .blog-card__image .image .image-element__wrap img { height: 100%; object-fit: cover; object-position: center; } .blog-card.is-horizontal .blog-card__content { display: flex; flex: 3; flex-direction: column; } .blog-card.is-horizontal.show-border-false { box-shadow: none; } .blog-card.is-horizontal.show-border-false .blog-card__content { padding: 1.5rem; } .blog-card.is-horizontal.show-border-false .blog-card__read-more { margin-left: 0; } .blog-card.is-horizontal .blog-card__read-more { margin: auto 0 0; } } @media only screen and (max-width: 767px) { .blog-card.is-horizontal .blog-card__read-more { margin: 0; } .blog-card .image-element__wrap { max-height: 20rem; } } .excerpt { position: relative; max-height: 6em; overflow: hidden; } .excerpt.excerpt-length-sm .truncation-fade { display: none; } .excerpt-length-lg .truncation-fade { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 30px 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255)); } /* .blog-card__link:hover .blog-card__image, .blog-card__link:hover svg { transform: scale(1.1); } */ .blog-card__image, .blog-card__link svg { transition: transform 0.3s ease-in-out; } /* # Cart ================================================== */ .quantity-box-enabled-true .cart__product-title { width: 49%; } .quantity-box-enabled-true .cart__price-title, .quantity-box-enabled-true .cart__quantity-title, .quantity-box-enabled-true .cart__total-title { width: 17%; } .quantity-box-enabled-false .cart__product-title { width: 66%; } .quantity-box-enabled-false .cart__price-title, .quantity-box-enabled-false .cart__total-title { width: 17%; } .quantity-box-enabled-false .cart__description { width: 60%; } @media only screen and (max-width: 767px) { .quantity-box-enabled-false .cart__description { width: 100%; } } .cart__headings { display: flex; justify-content: space-between; width: 100%; padding-bottom: 10px; } @media only screen and (max-width: 1024px) { .cart__headings { display: none; } } .cart__price-title, .cart__quantity-title, .cart__total-title { text-align: center; } .cart__card { display: flex; align-items: center; border-top: 1px solid #8F9397; padding-top: 20px; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .cart__card { align-items: flex-start; } } .item__title { font-size: 1.25em; } .item__properties { padding-top: 20px; } @media only screen and (max-width: 767px) { .item__properties { padding-top: 0px; font-size: 0.7em; } } .cart__total, .cart__price { flex-direction: row; text-align: center; } .cart__total span, .cart__price span { display: block; } @media only screen and (max-width: 767px) { .cart__total { display: none; } } .cart__image { width: 15%; } @media only screen and (max-width: 767px) { .cart__image { width: 30%; } } .cart__description { width: 40%; padding: 0 20px; } @media only screen and (max-width: 767px) { .cart__description { width: 100%; padding: 0; text-align: left; } } .cart__total, .cart__quantity, .cart__price { width: 20%; } @media only screen and (max-width: 767px) { .cart__total, .cart__quantity, .cart__price { width: 100%; text-align: left; } } @media only screen and (max-width: 767px) { .cart__price .sale, .cart__price .original-price { display: inline-block; } } .cart__quantity { display: flex; flex-wrap: wrap; position: relative; } .cart__quantity .purchase-details__quantity.product-quantity-box { margin-right: 0; width: 100%; } .cart__quantity .quantity-wrapper.quantity-style--box .quantity-input-control--fill { width: auto; } @media only screen and (min-width: 1025px) { .cart__quantity { justify-content: center; } .cart__quantity .quantity-input { width: 50px; } } @media only screen and (max-width: 767px) { .cart__quantity { margin-top: 20px; } .cart__quantity .purchase-details__quantity { width: 50%; max-width: 100px; margin-top: 0; } } @media only screen and (max-width: 767px) { .cart__quantity .quantity-style--stacked .quantity-input { width: 65px; } } .cart__quantity .quantity-style--box { max-width: 75%; margin: 0 auto; } @media only screen and (max-width: 767px) { .cart__quantity .quantity-style--box { max-width: 100%; } } .cart__quantity-warning { width: 100%; text-align: center; margin-top: 10px; } .cart__remove { position: absolute; right: 0; top: 10%; } @media only screen and (max-width: 767px) { .cart__remove { position: static; margin-left: 5px; } } .original-price { opacity: 0.2; } .line-item-discount__container { color: #087cbf; background: rgba(199, 0, 0, 0.1); border-radius: 3px; font-size: 0.8em; padding: 10px; margin: 5px 0; } .cart__cost-summary { background: #F2F2F2; padding: 20px; margin-top: 20px; } @media only screen and (max-width: 767px) { .cart__cost-summary { padding: 20px 15px; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); align-items: center; } .cart__cost-summary .offset-by-eight { left: 0; } } @media only screen and (max-width: 767px) { .cart__cost-summary .cart__discount-title { max-width: 75%; } } .cart__cost-summary .cart__discounts p, .cart__cost-summary .cart__total-savings p { color: #087cbf; } .cart__cost-summary .cart__subtotal-container p { font-weight: bold; } .cart__cost-summary .cart__row { display: flex; justify-content: space-between; padding-top: 14px; text-align: right; } .cart__cost-summary .cart__row:first-child { padding-top: 0; } @media only screen and (max-width: 767px) { .cart__cost-summary .cart__row { text-align: left; } } .cart__cost-summary .cart__row .cart__row-description { width: 60%; } .cart__savings { justify-content: flex-end; padding: 20px 0; text-align: right; } @media only screen and (max-width: 767px) { .cart__savings { justify-content: center; font-size: 1.5em; padding: 20px 0 0; } } .cart__savings, .sale { color: #087cbf; } .was-price { color: #8b8b8b; } .cart__notes { width: 100%; } .cart__tos { padding-bottom: 20px; } .cart__tos .tos_agree { margin-right: 5px; } .cart__view-terms-container { display: inline-block; } .cart__cart-message { margin: 20px 0 0; text-align: right; display: block; } @media only screen and (max-width: 767px) { .cart__cart-message { text-align: center; } } .cart__featured-links { min-width: 236px; /* Set a minimum width to match the width of the checkout button */ margin-top: 15px; text-align: center; } @media only screen and (max-width: 767px) { .cart__featured-links { min-width: 100%; } } .cart__checkout { min-width: 236px; /* Set a minimum width to match the width of additional checkout buttons */ margin-left: 20px; } .cart__checkout .checkout { font-size: 1rem; border-radius: 0px; width: 100%; line-height: inherit; width: 100%; min-height: 42px; /* Set a minimum height to match the height of additional checkout buttons */ } .cart__checkout .checkout, .cart__checkout .checkout:link, .cart__checkout .checkout:visited { color: #2c313d; background-color: #ffffff; border-color: rgba(0,0,0,0); } .cart__checkout .checkout:hover, .cart__checkout .checkout.is-hovered { color: #fff; border-color: rgba(0,0,0,0) !important; background-color: #13b8ef; } .cart__checkout .checkout:focus, .cart__checkout .checkout.is-focused { color: #fff; border-color: rgba(0,0,0,0); background-color: #13b8ef; } .cart__checkout .checkout:focus:not(:active), .cart__checkout .checkout.is-focused:not(:active) { box-shadow: 0 0 0 0.125em ; } .cart__checkout .checkout:active, .cart__checkout .checkout.is-active { color: #fff; border-color: rgba(0,0,0,0); background-color: #13b8ef; } .cart__checkout .checkout.is-inverted { color: #ffffff; background-color: #2c313d; border-color: #ffffff; } .cart__checkout .checkout.is-small { font-size: 0.75rem; } .cart__checkout .checkout.is-normal { font-size: 1rem; } .cart__checkout .checkout.is-medium { font-size: 1.25rem; } .cart__checkout .checkout.is-large { font-size: 1.5rem; line-height: 1.25em; width: 100%; } @media only screen and (max-width: 767px) { .cart__checkout .checkout { min-height: 52px; margin-bottom: 15px; } } .cart__checkout .checkout.button .icon { width: 1em; height: 1em; } .cart__checkout .checkout.button .icon:first-child:last-child { margin-left: 0; margin-right: 5px; } @media only screen and (max-width: 767px) { .cart__checkout { width: 100%; margin-left: 0; } } .cart__checkout-elements { justify-content: flex-end; } @media only screen and (max-width: 767px) { .cart__checkout-elements { justify-content: center; } } @media only screen and (max-width: 767px) { .cart__buttons { flex-direction: column-reverse; flex-wrap: wrap; } } .additional-checkout-buttons { width: 100%; margin-top: 10px; } [data-shopify-buttoncontainer] { justify-content: flex-end; } .shipping-calculator select, .shipping-calculator .select { width: 100%; } @media only screen and (max-width: 767px) { .shipping-calculator { flex-direction: column; } .shipping-calculator .control { min-width: 100%; margin-bottom: 20px; } .shipping-calculator input { width: 100%; } } @media only screen and (max-width: 767px) and (max-width: 767px) { .shipping-calculator .select, .shipping-calculator select, .shipping-calculator input { height: 3.25em; } } .cart__shipping-calculator { width: 100%; } @media only screen and (max-width: 767px) { .cart__shipping-calculator { text-align: center; margin-top: 50px; } } @media only screen and (max-width: 767px) { .cart__shipping-calculator .cart__shipping-calculator-form { text-align: left; } } @media only screen and (max-width: 767px) { .cart__shipping-calculator .cart__shipping-calculator-form .select { width: 100%; } } .cart__shipping-calculator .cart__shipping-title { padding-bottom: 50px; } @media only screen and (max-width: 767px) { .cart__shipping-calculator .cart__shipping-title { text-align: center; } } .cart__shipping-calculator label { padding-bottom: 20px; text-transform: uppercase; opacity: 0.5; } @media only screen and (max-width: 767px) { .cart__shipping-calculator label { padding-bottom: 10px; } } .cart__shipping-calculator .calc-field { margin-left: 0; margin-right: 20px; display: flex; flex-direction: column; } @media only screen and (max-width: 767px) { .cart__shipping-calculator .calc-field { margin-right: 0; width: 100%; } } @media only screen and (max-width: 767px) { #get-rates-container { width: 100%; } } @media only screen and (max-width: 767px) { .get-rates { margin-top: 10px; flex: 1; } } .shipping-calculator__response-container { display: none; } .heading-wrapper--shipping-rates { margin-left: 0; margin-right: 0; } @media only screen and (max-width: 767px) { .heading-wrapper--shipping-rates { align-items: center; } } .shipping-rates__title { padding-top: 45px; } @media only screen and (max-width: 767px) { .shipping-rates__title { padding-top: 25px; } } .shipping-calculator__response ul > li { padding-bottom: 20px; display: flex; align-items: center; } @media only screen and (max-width: 767px) { .shipping-calculator__response ul > li { justify-content: center; } } .shipping-calculator__response ul > li:last-child { padding-bottom: 0; } .shipping-calculator__response ul > li .icon { margin-right: 10px; } .shipping-calculator__response .shipping-calculator__message { padding-bottom: 20px; } .shipping_calculator__response--visible { display: block; } .cart__price .discount-area span { display: inline; } /* # Collection ================================================== */ .collection__filters { margin-bottom: 20px; } .collection__filters .select { max-width: 50%; } @media only screen and (max-width: 767px) { .collection__filters .select { max-width: 100%; } } @media only screen and (max-width: 767px) { .collection__filters .select:first-child { margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .collection__filters .select, .collection__filters select { width: 100%; } } .collection__filters .is-grouped { justify-content: flex-end; } @media only screen and (max-width: 767px) { .collection__filters .is-grouped { justify-content: flex-start; } } .collection-main .banner__content { display: flex; justify-content: center; align-items: center; } .sub-collection-main main { min-height: 0; } .collection__loading-icon { width: 100%; display: none; } /* #FAQ ================================================== */ .page-faq__column-wrap { width: 100%; } @media only screen and (max-width: 767px) { .column-wrapper .faq:first-of-type { margin-bottom: 20px; } } .column-wrapper .faq-accordion { width: 100%; } .column-wrapper .faq-accordion .image-element__wrap { padding: 0; } .column-wrapper .faq-accordion .image-element__wrap:first-child { margin-bottom: 20px; } .column-wrapper .faq-title { margin-bottom: 10px; } .column-wrapper .faq-title:not(:first-child) { margin-top: 40px; } .column-wrapper .faq--image { padding-left: 36px; } @media only screen and (max-width: 767px) { .column-wrapper .faq--image { padding-left: 0; padding-top: 20px; } } .accordion dt, .faq-accordion dt { position: relative; } .accordion dt a, .accordion dt button, .faq-accordion dt a, .faq-accordion dt button { border: 0; color: #414b56; cursor: pointer; display: block; font-size: 1.2rem; padding: 20px 40px 20px 10px; margin-bottom: 20px; text-align: left; width: 100%; background-color: rgba(44, 49, 61, 0.03); transition: background-color 0.2s linear; } .accordion dt .accordion [aria-expanded=true] small, .accordion dt .accordion-style--carets[aria-expanded=true] .icon, .faq-accordion dt .accordion [aria-expanded=true] small, .faq-accordion dt .accordion-style--carets[aria-expanded=true] .icon { transform: translateY(-60%) rotate(180deg); } .accordion dt small, .accordion dt .icon, .faq-accordion dt small, .faq-accordion dt .icon { position: absolute; /* left: 10px; */ top: 50%; transform: translateY(-50%); transition: transform 0.2s linear; } .accordion dt .accordion-style--plus_and_minus .icon, .faq-accordion dt .accordion-style--plus_and_minus .icon { display: none; } .accordion dt .accordion-style--plus_and_minus .icon.icon--active, .faq-accordion dt .accordion-style--plus_and_minus .icon.icon--active { display: block; } .accordion dt a[aria-expanded=true], .accordion dt a:hover, .faq-accordion dt button[aria-expanded=true], .faq-accordion dt button:hover { background-color: rgba(44, 49, 61, 0.09); } .faq-accordion dt .icon { color:#2c313d; } .accordion dt:first-of-type small, .accordion dt:first-of-type [aria-expanded=true] small { transform: translateY(-60%) rotate(270deg); } .accordion dt:first-of-type [aria-expanded=false] small { transform: translateY(-60%) rotate(180deg); } .accordion dd { margin-left: 0; display: none; } .accordion dd[aria-hidden=false] { display: block; } .accordion dt a small.right { font-family: "Arial"; /* Force font family to ensure accordion carets are displayed on iOS devices */ } .accordion dd:not([aria-hidden=true]):first-of-type { display: block; } .accordion [aria-expanded=false] small { transform: translateY(-60%) rotate(180deg); } .accordion [aria-expanded=true] small { transform: translateY(-60%) rotate(270deg); } /* # Password page ================================================== */ #shopify-section-password-template { height: 100%; } #password-page-background { height: 100%; position: fixed; width: 100%; overflow: auto; } .password-page__newsletter { margin-top: 50px; } .password-page__newsletter .newsletter__title, .password-page__newsletter .newsletter__text { color: inherit !important; } .password-page__newsletter p { margin-bottom: 20px; } .password-page__newsletter .newsletter-section { width: 100%; } .password-page__newsletter .newsletter__wrapper { max-width: 100%; } .password-page__social-media li { margin-right: 10px; } .password-page__social-media li .icon { height: 2rem; width: 2rem; } .modal-container__password #password { width: 100%; } #password-container { height: 100%; } @media only screen and (max-width: 1024px) { .password-page { min-width: 350px; } } @media only screen and (max-width: 767px) { .password-page { min-width: 90%; } } .password-page .password-page-message { font-size: 3em; line-height: 1.2; padding: 12px 0; } @media only screen and (max-width: 767px) { .password-page .password-page-message { font-size: 2em; } } .password-page .password-logo { max-width: 200px; margin: 0 auto; } .password-page .password-title { font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; text-transform: uppercase; } .password-page .overlay { position: fixed; width: 100%; height: 100%; max-height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.95); } .password-page .overlay-close { width: 150px; height: 50px; position: absolute; right: 10px; top: 10px; border: thin solid #8f9397; font-size: 14px; } .password-page .overlay-data { opacity: 0; visibility: hidden; } .password-page .overlay-open { opacity: 1; visibility: visible; transition: opacity 0.5s; } .modal-close { background: 0 0; height: 40px; position: fixed; right: 20px; top: 20px; width: 40px; } .modal-close:before, .modal-close:after { background-color: #414b56; } .storefront-password-form { padding-bottom: 30px; overflow: auto; color: #414b56; } .storefront-password-form input#password { padding: 10px; margin: 20px 0; width: 100%; } .storefront-password-form label { font-size: 0.9em; margin: 0 0 1em 0; text-align: center; } .storefront-password-form .actions { display: inline-block; } .storefront-password-form #password { width: 50%; display: inline-block; } @media only screen and (max-width: 767px) { .storefront-password-form #password { width: 100%; } } #owner { font-size: 0.9em; margin-top: -1em; opacity: 0.8; color: #414b56; } .delete, .close, .is-unselectable, .button, .breadcrumb, .file, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .tabs, ul.tabs { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select:not(.is-multiple):not(.is-loading):not(.is-arrowless)::after, .navbar-link:not(.is-arrowless)::after, .mobile-menu-link::after { font-family: "flex-icon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e904"; display: block; pointer-events: none; position: absolute; transform-origin: center; top: 50%; transform: translateY(-50%); font-size: 0.8em; } .title:not(:last-child), .subtitle:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .block:not(:last-child), .highlight:not(:last-child), .tabs:not(:last-child) { margin-bottom: 1.5rem; } .delete { -moz-appearance: none; -webkit-appearance: none; background-color: rgba(10, 10, 10, 0.2); border: none; border-radius: 290486px; cursor: pointer; pointer-events: auto; display: inline-block; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; font-size: 0; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; outline: none; position: relative; vertical-align: top; width: 20px; } .delete::before, .delete::after { background-color: #fff; content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; } .delete::before { height: 2px; width: 50%; } .delete::after { height: 50%; width: 2px; } .delete:hover, .delete:focus { background-color: rgba(10, 10, 10, 0.3); } .delete:active { background-color: rgba(10, 10, 10, 0.4); } .is-small.delete { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; } .is-medium.delete { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; } .is-large.delete { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; } .close { -moz-appearance: none; -webkit-appearance: none; background-color: rgba(10, 10, 10, 0.2); border: none; border-radius: 290486px; cursor: pointer; pointer-events: auto; display: inline-block; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; outline: none; position: relative; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; width: 20px; padding: 0; color: currentColor; transition: 0.2s linear; } .close .icon { fill: currentColor; height: 50%; max-height: 50%; max-width: 50%; min-height: 50%; min-width: 50%; width: 50%; } .close:hover, .close:focus { background-color: rgba(10, 10, 10, 0.3); } .close:active { background-color: rgba(10, 10, 10, 0.4); } .is-small.close { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; } .is-medium.close { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; } .is-large.close { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; } .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after { animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; } /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */ html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } ul { list-style: none; } .studioengine ul, .article-content ul { list-style: initial; } button, input, select, textarea { margin: 0; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } img, audio, video { height: auto; max-width: 100%; } iframe { border: 0; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; text-align: left; } html { background-color: #fff; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; overflow-x: hidden; overflow-y: auto; text-rendering: optimizeLegibility; text-size-adjust: 100%; backface-visibility: hidden; padding-bottom: 0 !important; } main { min-height: 30vh; } article, aside, figure, footer, header, main, hgroup, section { display: block; } body, button, input, select, textarea { font-family: "Exo 2", sans-serif; } code, pre { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: monospace; } a { color: #2c313d; cursor: pointer; text-decoration: none; transition: color 0.3s ease-in-out; } a strong { color: currentColor; } a:hover { color: #13b8ef; } .content a:not(.btn), .is-content-maxwidth a:not(.btn), .is-content a:not(.btn), .studioengine a:not(.btn), .product-highlights a:not(.btn), .blog-author a:not(.btn) { text-decoration: underline; color: inherit; } code { background-color: #fff; color: #ff3860; font-size: 0.875em; font-weight: normal; padding: 0.25em 0.5em 0.25em; } hr { background-color: #fff; border: none; display: block; height: 2px; margin: 1.5rem 0; } img { height: auto; max-width: 100%; } input[type="checkbox"], input[type="radio"] { vertical-align: baseline; } small { font-size: 0.875em; } span { font-style: inherit; font-weight: inherit; } strong { font-weight: 700; } fieldset { border: none; } pre { -webkit-overflow-scrolling: touch; background-color: #fff; color: #414b56; font-size: 0.875em; overflow-x: auto; padding: 1.25rem 1.5rem; white-space: pre; word-wrap: normal; } pre code { background-color: transparent; color: currentColor; font-size: 1em; padding: 0; } table td, table th { text-align: left; vertical-align: top; } table th { color: #363636; } .table.is-bordered td, .table.is-bordered th { border: 1px solid #8f9397; padding: 5px; } .table.is-striped tbody tr:not(.is-selected):nth-child(even) { background-color: #fafafa; } body { font-family: "Exo 2", sans-serif; font-weight: 400; font-size: 16px; color: #414b56; line-height: 1.5; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } h1, .h1 { font-family: "Exo 2", sans-serif; font-weight: 500; font-style: normal; font-size: 45px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0.1em; font-weight: 300; } @media only screen and (max-width: 767px) { h1, .h1 { font-size: 36px; } } h1 > a, h1 > a:link, h1 > a:visited, .h1 > a, .h1 > a:link, .h1 > a:visited { color: #2c313d; } h1 > a:hover, h1 > a:focus, .h1 > a:hover, .h1 > a:focus { color: #13b8ef; } h2, .h2 { font-family: "Exo 2", sans-serif; font-weight: 500; font-style: normal; font-size: 40px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { h2, .h2 { font-size: 32px; } } h2 > a, h2 > a:link, h2 > a:visited, .h2 > a, .h2 > a:link, .h2 > a:visited { color: #2c313d; } h2 > a:hover, h2 > a:focus, .h2 > a:hover, .h2 > a:focus { color: #13b8ef; } h3, .h3 { font-family: "Exo 2", sans-serif; font-weight: 500; font-style: normal; font-size: 36px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { h3, .h3 { font-size: 28px; } } h3 > a, h3 > a:link, h3 > a:visited, .h3 > a, .h3 > a:link, .h3 > a:visited { color: #2c313d; } h3 > a:hover, h3 > a:focus, .h3 > a:hover, .h3 > a:focus { color: #13b8ef; } h4, .h4 { font-family: "Exo 2", sans-serif; font-weight: 500; font-style: normal; font-size: 31px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { h4, .h4 { font-size: 24px; } } h4 > a, h4 > a:link, h4 > a:visited, .h4 > a, .h4 > a:link, .h4 > a:visited { color: #2c313d; } h4 > a:hover, h4 > a:focus, .h4 > a:hover, .h4 > a:focus { color: #13b8ef; } h5, .h5 { font-family: "Exo 2", sans-serif; font-weight: 500; font-style: normal; font-size: 29px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { h5, .h5 { font-size: 23px; } } h5 > a, h5 > a:link, h5 > a:visited, .h5 > a, .h5 > a:link, .h5 > a:visited { color: #2c313d; } h5 > a:hover, h5 > a:focus, .h5 > a:hover, .h5 > a:focus { color: #13b8ef; } h6, .h6 { font-family: "Exo 2", sans-serif; font-weight: 500; font-style: normal; font-size: 27px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { h6, .h6 { font-size: 21px; } } h6 > a, h6 > a:link, h6 > a:visited, .h6 > a, .h6 > a:link, .h6 > a:visited { color: #2c313d; } h6 > a:hover, h6 > a:focus, .h6 > a:hover, .h6 > a:focus { color: #13b8ef; } a { color: #2c313d; cursor: pointer; text-decoration: none; } a strong { color: currentColor; } a:hover { color: #13b8ef; } sub { font-size: smaller; } em, i { font-style: italic; } strong, b { font-weight: bold; } small { font-size: smaller; } blockquote { font-size: larger; line-height: 1.2; font-style: italic; } blockquote cite { display: block; font-size: smaller; } blockquote cite:before { content: "\2014 \0020"; } .text-align-left, .text-align-start { text-align: left; } .text-align-right, .text-align-end { text-align: right; } .title, .subtitle { word-break: break-word; } .title { color: #2c313d; font-weight: 300; line-height: 1.125; } @media only screen and (max-width: 767px) { .title { line-height: 1.4; margin-bottom: 5px; } } .subtitle { color: #2c313d; font-size: 1.25rem; font-weight: 400; line-height: 1.75; } .subtitle strong { color: inherit; font-weight: 600; } .subtitle:not(.is-spaced) + .title { margin-top: -1.25rem; } .subtitle.is-1 { font-size: 3rem; } .subtitle.is-2 { font-size: 2.5rem; } .subtitle.is-3 { font-size: 2rem; } .subtitle.is-4 { font-size: 1.5rem; } .subtitle.is-5 { font-size: 1.25rem; } .subtitle.is-6 { font-size: 1rem; } .subtitle.is-7 { font-size: 0.75rem; } .large-heading { padding-bottom: 40px; } .signature { font-family: fantasy; } .heading-divider:not(.heading-divider--vertical) { border-style: solid; border-color: #606060; border-width: thin; border-bottom: none; } .heading-divider--short { width: 70px; } .heading-divider--long { width: 100%; } .heading-divider--vertical { background: #606060; width: 1px; height: 40px; } @keyframes spinAround { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .is-width-full { width: 100%; } .is-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .is-inline-flex { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .is-align-start, .is-align-left { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .is-align-end, .is-align-right { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .is-align-self-end, .is-align-self-right { -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; } .is-align-baseline { -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; } .is-align-center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .is-align-stretch { -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; } .is-justify-start, .is-justify-left { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .is-justify-end, .is-justify-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .is-justify-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .is-justify-space-around { -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; -ms-flex-pack: space-around; } .is-justify-space-between { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .is-flex-nowrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .is-flex-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .is-flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse; -moz-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .is-flex-row { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .is-flex-row-reverse { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .is-flex-column { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .is-flex-column-reverse { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media only screen and (max-width: 767px) { .is-flex-column--tablet-down { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .is-flex-column--mobile { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .is-flex-column-reverse-mobile { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .is-order-aligned-left { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -ms-flex-order: -1; -webkit-order: -1; order: -1; } @media only screen and (max-width: 767px) { .is-order-aligned-left { -webkit-box-ordinal-group: inherit; -moz-box-ordinal-group: inherit; -ms-flex-order: inherit; -webkit-order: inherit; order: inherit; } } .is-order-aligned-right { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } @media only screen and (max-width: 767px) { .is-order-aligned-right { -webkit-box-ordinal-group: inherit; -moz-box-ordinal-group: inherit; -ms-flex-order: inherit; -webkit-order: inherit; order: inherit; } } .is-pulled-left { float: left !important; } .is-pulled-right { float: right !important; } .is-clipped { overflow: hidden !important; } .is-hidden { display: none !important; } .is-visible { display: block !important; } .is-sr-only { border: none !important; clip: rect(0, 0, 0, 0) !important; height: 0.01em !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; } .is-invisible { visibility: hidden !important; } @media only screen and (max-width: 767px) { .is-hidden-small { display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .is-hidden-medium { display: none !important; } } @media only screen and (min-width: 1025px) and (max-width: 1400px) { .is-hidden-large { display: none !important; } } @media only screen and (min-width: 768px) { .is-hidden-desktop-only { display: none !important; } } @media only screen and (min-width: 768px) { .is-hidden-ipad-desktop { display: none !important; } } @media screen and (min-width: 480px) and (max-width: 767px) { .is-hidden-ipad { display: none !important; } } @media only screen and (min-width: 768px) { .is-hidden-tablet-up { display: none !important; } } @media only screen and (max-width: 767px) { .is-hidden-mobile-down { display: none !important; } .is-hidden-mobile-down-noImportant { display: none; } } .is-invisible { visibility: hidden !important; } .has-padding-top { padding-top: 20px; } .has-padding-bottom { padding-bottom: 20px; } .has-padding-left { padding-left: 20px; } .has-padding-right { padding-right: 20px; } .has-padding { padding: 20px; } .has-large-padding-top { padding-top: calc(20px * 2); } .has-large-padding-bottom { padding-bottom: calc(20px * 2); } .has-small-padding-top { padding-top: calc(20px / 2); } .has-small-padding-bottom { padding-bottom: calc(20px / 2); } .has-margin-top { margin-top: 20px; } .has-margin-bottom { margin-bottom: 20px; } .has-margin-left { margin-left: 20px; } .has-margin-right { margin-right: 20px; } .has-margin { margin: 20px; } .border--true { border: 1px solid #8f9397; } .border-top { border: none; border-top: 1px solid #8f9397; } .border-bottom { border: none; border-bottom: 1px solid #8f9397; } .border-right { border: none; border-right: 1px solid #8f9397; } .border-left { border: none; border-left: 1px solid #8f9397; } .box { border-radius: 6px; box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); } .container-border--top::before { display: block; content: ""; height: 0; width: calc(100% - 20px); border-top: thin solid #8f9397; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; float: left; } @media only screen and (max-width: 767px) { .container-border--top::before { width: 100%; } } .container-border--bottom::after { display: block; content: ""; height: 0; width: calc(100% - 20px); border-top: thin solid #8f9397; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; clear: both; } @media only screen and (max-width: 767px) { .container-border--bottom::after { width: 100%; } } .has-columns--2 { column-count: 2; } @media only screen and (max-width: 767px) { .has-columns--2 { column-count: 1; } } .has-columns--3 { column-count: 3; } @media only screen and (max-width: 767px) { .has-columns--3 { column-count: 1; } } .is-marginless { margin: 0 !important; } .is-paddingless { padding: 0 !important; } .is-radiusless { border-radius: 0 !important; } .is-shadowless { box-shadow: none !important; } .is-relative { position: relative; } .visuallyhidden { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } @media only screen and (max-width: 767px) { .is-fullwidth-mobile { width: 100vw !important; padding: 20px !important; position: relative !important; left: 50% !important; right: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; } } [data-scroll-class] { opacity: 0; animation-delay: 0.2s; } .fancybox-thumbs__list a:before { border: 6px solid #2c313d; } .fancybox-button { transition: opacity 0.3s ease-in-out; } .flickity-viewport { width: 100%; } .flickity-prev-next-button { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } /* .flickity-prev-next-button .flickity-button-icon { position: static; top: initial; left: initial; margin: auto; } */ .flickity-button { transition: background-color 0.3s ease-in-out; } .shopify-challenge__container { padding: 40px 0; } .quick-shop .slideshow_animation--fade .gallery-cell { opacity: 0 !important; transition: opacity 1s ease !important; } .quick-shop .slideshow_animation--fade .gallery-cell.is-selected { opacity: 1 !important; } .flickity-resize .image-slideshow__slide { min-height: 100%; } .image-slideshow--fade .image-slideshow__slide { opacity: 0 !important; transition: opacity 1s ease !important; } .image-slideshow--fade .image-slideshow__slide.is-selected { opacity: 1 !important; } .lazyframe { background-color: #000 !important; } .slider .flickity-slider li, .flexslider .flickity-slider li { width: 100%; list-style: none; padding-left: 0.1%; padding-right: 0.1%; margin: 0 !important; } .slider .flickity-slider li img, .flexslider .flickity-slider li img { width: 100%; } .slider .flickity-page-dots, .flexslider .flickity-page-dots { margin: 0; } .index { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .index-sections, .page-blocks { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; width: 100%; } .shopify-section { width: 100%; } @media only screen and (max-width: 767px) { .shopify-section { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } } .section { max-width: 1200px; width: 95%; margin-left: auto; margin-right: auto; } .section.has-background { width: calc(95% - 20px); max-width: calc(1200px - 20px); } .section.is-width-half { height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 100%; max-width: none; } @media only screen and (max-width: 767px) { .section.is-width-half { width: 100%; } } @media only screen and (max-width: 767px) { .section.is-width-half .container.small-down--has-limit { max-width: 1200px; width: 95%; } } .section.is-width-wide { width: 100%; max-width: none; } .section.is-width-wide .container.has-limit { max-width: 1200px; width: 95%; } @media only screen and (max-width: 767px) { .section.is-width-wide .container.small-down--has-limit { max-width: 1200px; width: 95%; } } @media only screen and (max-width: 767px) { .section.section__wrapper { max-width: 1200px; width: 95%; } } .container { position: relative; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .container .column, .container .columns { margin-left: calc(20px / 2); margin-right: calc(20px / 2); } .container.is-small { width: 50%; } @media only screen and (max-width: 767px) { .container.is-small { width: 60%; } } .container.is-medium { width: 70%; } @media only screen and (max-width: 767px) { .container.is-medium { width: 80%; } } .container.has-column-padding-bottom .column, .container.has-column-padding-bottom .columns { margin-bottom: 20px; } .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .row .column, .row .columns { width: 100%; margin-left: 0; margin-right: 0; } } [class*="offset-by"] { position: relative; } @media only screen and (max-width: 767px) { [class*="offset-by"] { position: static; } } .has-gutter-enabled.has-multirow-blocks .has-gutter { margin-bottom: 20px; } .hidden { display: none !important; } .visible { display: block !important; } .one { width: calc(6.25% - 20px); } .two { width: calc(12.5% - 20px); } .three { width: calc(18.75% - 20px); } .four { width: calc(25% - 20px); } .five { width: calc(31.25% - 20px); } .six { width: calc(37.5% - 20px); } .seven { width: calc(43.75% - 20px); } .eight { width: calc(50% - 20px); } .nine { width: calc(56.25% - 20px); } .ten { width: calc(62.5% - 20px); } .eleven { width: calc(68.75% - 20px); } .twelve { width: calc(75% - 20px); } .thirteen { width: calc(81.25% - 20px); } .fourteen { width: calc(87.5% - 20px); } .fifteen { width: calc(93.75% - 20px); } .sixteen { width: calc(100% - 20px); } .one-whole { width: calc(100% - 20px); } .one-half { width: calc(50% - 20px); } .one-third { width: calc(33.33333% - 20px); } .two-thirds { width: calc(66.66667% - 20px); } .one-fourth { width: calc(25% - 20px); } .two-fourths { width: calc(50% - 20px); } .three-fourths { width: calc(75% - 20px); } .one-fifth { width: calc(20% - 20px); } .two-fifths { width: calc(40% - 20px); } .three-fifths { width: calc(60% - 20px); } .four-fifths { width: calc(80% - 20px); } .one-sixth { width: calc(16.66667% - 20px); } .two-sixths { width: calc(33.33333% - 20px); } .three-sixths { width: calc(50% - 20px); } .four-sixths { width: calc(66.66667% - 20px); } .five-sixths { width: calc(83.33333% - 20px); } .one-seventh { width: calc(14.28571% - 20px); } .two-sevenths { width: calc(28.57143% - 20px); } .three-sevenths { width: calc(42.85714% - 20px); } .four-sevenths { width: calc(57.14286% - 20px); } .five-sevenths { width: calc(71.42857% - 20px); } .one-eighth { width: calc(12.5% - 20px); } .two-eighths { width: calc(25% - 20px); } .three-eighths { width: calc(37.5% - 20px); } .four-eighths { width: calc(50% - 20px); } .five-eighths { width: calc(62.5% - 20px); } .six-eighths { width: calc(75% - 20px); } .seven-eighths { width: calc(87.5% - 20px); } .one-tenth { width: calc(10% - 20px); } .two-tenths { width: calc(20% - 20px); } .three-tenths { width: calc(30% - 20px); } .four-tenths { width: calc(40% - 20px); } .five-tenths { width: calc(50% - 20px); } .six-tenths { width: calc(60% - 20px); } .seven-tenths { width: calc(70% - 20px); } .eight-tenths { width: calc(80% - 20px); } .nine-tenths { width: calc(90% - 20px); } .one-twelfth { width: calc(8.33333% - 20px); } .two-twelfths { width: calc(16.66667% - 20px); } .three-twelfths { width: calc(25% - 20px); } .four-twelfths { width: calc(33.33333% - 20px); } .five-twelfths { width: calc(41.66667% - 20px); } .six-twelfths { width: calc(50% - 20px); } .seven-twelfths { width: calc(58.33333% - 20px); } .eight-twelfths { width: calc(66.66667% - 20px); } .nine-twelfths { width: calc(75% - 20px); } .ten-twelfths { width: calc(83.33333% - 20px); } .eleven-twelfths { width: calc(91.66667% - 20px); } .offset-by-one { left: calc(6.25%); } .offset-by-two { left: calc(12.5%); } .offset-by-three { left: calc(18.75%); } .offset-by-four { left: calc(25%); } .offset-by-five { left: calc(31.25%); } .offset-by-six { left: calc(37.5%); } .offset-by-seven { left: calc(43.75%); } .offset-by-eight { left: calc(50%); } .offset-by-nine { left: calc(56.25%); } .offset-by-ten { left: calc(62.5%); } .offset-by-eleven { left: calc(68.75%); } .offset-by-twelve { left: calc(75%); } .offset-by-thirteen { left: calc(81.25%); } .offset-by-fourteen { left: calc(87.5%); } .offset-by-fifteen { left: calc(93.75%); } .equal-columns--outside-trim .one-half:nth-of-type(2n), .equal-columns--outside-trim .eight:nth-of-type(2n), .equal-columns--outside-trim .one-third:nth-of-type(3n), .equal-columns--outside-trim .one-fourth:nth-of-type(4n), .equal-columns--outside-trim .four:nth-of-type(4n), .equal-columns--outside-trim .one-fifth:nth-of-type(5n), .equal-columns--outside-trim .one-sixth:nth-of-type(6n), .equal-columns--outside-trim .one-seventh:nth-of-type(7n), .equal-columns--outside-trim .two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .one-half:nth-of-type(2n + 1), .equal-columns--outside-trim .eight:nth-of-type(2n + 1), .equal-columns--outside-trim .one-third:nth-of-type(3n + 1), .equal-columns--outside-trim .one-fourth:nth-of-type(4n + 1), .equal-columns--outside-trim .four:nth-of-type(4n + 1), .equal-columns--outside-trim .one-fifth:nth-of-type(5n + 1), .equal-columns--outside-trim .one-sixth:nth-of-type(6n + 1), .equal-columns--outside-trim .one-seventh:nth-of-type(7n + 1), .equal-columns--outside-trim .two:nth-of-type(8n + 1) { margin-left: 0; } .equal-columns--outside-trim .one-whole:nth-of-type(1n + 1) { width: 100%; margin-right: 0; margin-left: 0; } .equal-columns--outside-trim .one-half { width: calc(50% - (20px - (20px / 2))); } .equal-columns--outside-trim .one-third { width: calc(33.33333% - (20px - (20px / 3))); } .equal-columns--outside-trim .one-fifth { width: calc(20% - (20px - (20px / 5))); } .equal-columns--outside-trim .one-fourth { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .one-sixth { width: calc(16.66667% - (20px - (20px / 6))); } .equal-columns--outside-trim .one-seventh { width: calc(14.28571% - (20px - (20px / 7))); } .equal-columns--outside-trim .two { width: calc(12.5% - (20px - (20px / 8))); } .equal-columns--outside-trim .four { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .seven { width: calc(43.75% - (20px - (20px / 2))); } .equal-columns--outside-trim .eight { width: calc(50% - (20px / 2)); } .equal-columns--outside-trim .nine { width: calc(56.25% - (20px - (20px / 2))); } .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .one-whole, .has-no-side-gutter .one-half, .has-no-side-gutter .eight, .has-no-side-gutter .one-third, .has-no-side-gutter .two-thirds, .has-no-side-gutter .one-fourth, .has-no-side-gutter .four, .has-no-side-gutter .one-fifth, .has-no-side-gutter .three-fifths, .has-no-side-gutter .two-fifths, .has-no-side-gutter .one-sixth, .has-no-side-gutter .one-seventh, .has-no-side-gutter .one-eighth, .has-no-side-gutter .two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .one-whole { width: 100%; } .has-no-side-gutter .one-half { width: 50%; } .has-no-side-gutter .one-third { width: 33.33333%; } .has-no-side-gutter .one-fourth { width: 25%; } .has-no-side-gutter .one-fifth { width: 20%; } .has-no-side-gutter .two-fifths { width: 40%; } .has-no-side-gutter .three-fifths { width: 60%; } .has-no-side-gutter .one-sixth { width: 16.66667%; } .has-no-side-gutter .one-seventh { width: 14.28571%; } .has-no-side-gutter .one-eighth { width: 12.5%; } .has-no-side-gutter .two-thirds { width: 66.66667%; } .has-no-side-gutter .two { width: 12.5%; } .has-no-side-gutter .four { width: 25%; } .has-no-side-gutter .seven { width: 43.75%; } .has-no-side-gutter .eight { width: 50%; } .has-no-side-gutter .nine { width: 56.25%; } .show { display: block !important; } .hide { display: none !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media only screen and (max-width: 1024px) { .large-down--hidden { display: none !important; } .large-down--visible { display: block !important; } .large-down--one { width: calc(6.25% - 20px); } .large-down--two { width: calc(12.5% - 20px); } .large-down--three { width: calc(18.75% - 20px); } .large-down--four { width: calc(25% - 20px); } .large-down--five { width: calc(31.25% - 20px); } .large-down--six { width: calc(37.5% - 20px); } .large-down--seven { width: calc(43.75% - 20px); } .large-down--eight { width: calc(50% - 20px); } .large-down--nine { width: calc(56.25% - 20px); } .large-down--ten { width: calc(62.5% - 20px); } .large-down--eleven { width: calc(68.75% - 20px); } .large-down--twelve { width: calc(75% - 20px); } .large-down--thirteen { width: calc(81.25% - 20px); } .large-down--fourteen { width: calc(87.5% - 20px); } .large-down--fifteen { width: calc(93.75% - 20px); } .large-down--sixteen { width: calc(100% - 20px); } .large-down--one-whole { width: calc(100% - 20px); } .large-down--one-half { width: calc(50% - 20px); } .large-down--one-third { width: calc(33.33333% - 20px); } .large-down--two-thirds { width: calc(66.66667% - 20px); } .large-down--one-fourth { width: calc(25% - 20px); } .large-down--two-fourths { width: calc(50% - 20px); } .large-down--three-fourths { width: calc(75% - 20px); } .large-down--one-fifth { width: calc(20% - 20px); } .large-down--two-fifths { width: calc(40% - 20px); } .large-down--three-fifths { width: calc(60% - 20px); } .large-down--four-fifths { width: calc(80% - 20px); } .large-down--one-sixth { width: calc(16.66667% - 20px); } .large-down--two-sixths { width: calc(33.33333% - 20px); } .large-down--three-sixths { width: calc(50% - 20px); } .large-down--four-sixths { width: calc(66.66667% - 20px); } .large-down--five-sixths { width: calc(83.33333% - 20px); } .large-down--one-seventh { width: calc(14.28571% - 20px); } .large-down--two-sevenths { width: calc(28.57143% - 20px); } .large-down--three-sevenths { width: calc(42.85714% - 20px); } .large-down--four-sevenths { width: calc(57.14286% - 20px); } .large-down--five-sevenths { width: calc(71.42857% - 20px); } .large-down--one-eighth { width: calc(12.5% - 20px); } .large-down--two-eighths { width: calc(25% - 20px); } .large-down--three-eighths { width: calc(37.5% - 20px); } .large-down--four-eighths { width: calc(50% - 20px); } .large-down--five-eighths { width: calc(62.5% - 20px); } .large-down--six-eighths { width: calc(75% - 20px); } .large-down--seven-eighths { width: calc(87.5% - 20px); } .large-down--one-tenth { width: calc(10% - 20px); } .large-down--two-tenths { width: calc(20% - 20px); } .large-down--three-tenths { width: calc(30% - 20px); } .large-down--four-tenths { width: calc(40% - 20px); } .large-down--five-tenths { width: calc(50% - 20px); } .large-down--six-tenths { width: calc(60% - 20px); } .large-down--seven-tenths { width: calc(70% - 20px); } .large-down--eight-tenths { width: calc(80% - 20px); } .large-down--nine-tenths { width: calc(90% - 20px); } .large-down--one-twelfth { width: calc(8.33333% - 20px); } .large-down--two-twelfths { width: calc(16.66667% - 20px); } .large-down--three-twelfths { width: calc(25% - 20px); } .large-down--four-twelfths { width: calc(33.33333% - 20px); } .large-down--five-twelfths { width: calc(41.66667% - 20px); } .large-down--six-twelfths { width: calc(50% - 20px); } .large-down--seven-twelfths { width: calc(58.33333% - 20px); } .large-down--eight-twelfths { width: calc(66.66667% - 20px); } .large-down--nine-twelfths { width: calc(75% - 20px); } .large-down--ten-twelfths { width: calc(83.33333% - 20px); } .large-down--eleven-twelfths { width: calc(91.66667% - 20px); } .large-down--offset-by-one { left: calc(6.25%); } .large-down--offset-by-two { left: calc(12.5%); } .large-down--offset-by-three { left: calc(18.75%); } .large-down--offset-by-four { left: calc(25%); } .large-down--offset-by-five { left: calc(31.25%); } .large-down--offset-by-six { left: calc(37.5%); } .large-down--offset-by-seven { left: calc(43.75%); } .large-down--offset-by-eight { left: calc(50%); } .large-down--offset-by-nine { left: calc(56.25%); } .large-down--offset-by-ten { left: calc(62.5%); } .large-down--offset-by-eleven { left: calc(68.75%); } .large-down--offset-by-twelve { left: calc(75%); } .large-down--offset-by-thirteen { left: calc(81.25%); } .large-down--offset-by-fourteen { left: calc(87.5%); } .large-down--offset-by-fifteen { left: calc(93.75%); } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .large-down--four:nth-of-type(4n), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .large-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n + 1), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n + 1), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n + 1), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n + 1), .equal-columns--outside-trim .large-down--four:nth-of-type(4n + 1), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n + 1), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n + 1), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n + 1), .equal-columns--outside-trim .large-down--two:nth-of-type(8n + 1) { margin-left: 0; } .equal-columns--outside-trim .large-down--one-whole:nth-of-type(1n + 1) { width: 100%; margin-right: 0; margin-left: 0; } .equal-columns--outside-trim .large-down--one-half { width: calc(50% - (20px - (20px / 2))); } .equal-columns--outside-trim .large-down--one-third { width: calc(33.33333% - (20px - (20px / 3))); } .equal-columns--outside-trim .large-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } .equal-columns--outside-trim .large-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .large-down--one-sixth { width: calc(16.66667% - (20px - (20px / 6))); } .equal-columns--outside-trim .large-down--one-seventh { width: calc(14.28571% - (20px - (20px / 7))); } .equal-columns--outside-trim .large-down--two { width: calc(12.5% - (20px - (20px / 8))); } .equal-columns--outside-trim .large-down--four { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .large-down--seven { width: calc(43.75% - (20px - (20px / 2))); } .equal-columns--outside-trim .large-down--eight { width: calc(50% - (20px / 2)); } .equal-columns--outside-trim .large-down--nine { width: calc(56.25% - (20px - (20px / 2))); } .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .large-down--one-whole, .has-no-side-gutter .large-down--one-half, .has-no-side-gutter .large-down--eight, .has-no-side-gutter .large-down--one-third, .has-no-side-gutter .large-down--two-thirds, .has-no-side-gutter .large-down--one-fourth, .has-no-side-gutter .large-down--four, .has-no-side-gutter .large-down--one-fifth, .has-no-side-gutter .large-down--three-fifths, .has-no-side-gutter .large-down--two-fifths, .has-no-side-gutter .large-down--one-sixth, .has-no-side-gutter .large-down--one-seventh, .has-no-side-gutter .large-down--one-eighth, .has-no-side-gutter .large-down--two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .large-down--one-whole { width: 100%; } .has-no-side-gutter .large-down--one-half { width: 50%; } .has-no-side-gutter .large-down--one-third { width: 33.33333%; } .has-no-side-gutter .large-down--one-fourth { width: 25%; } .has-no-side-gutter .large-down--one-fifth { width: 20%; } .has-no-side-gutter .large-down--two-fifths { width: 40%; } .has-no-side-gutter .large-down--three-fifths { width: 60%; } .has-no-side-gutter .large-down--one-sixth { width: 16.66667%; } .has-no-side-gutter .large-down--one-seventh { width: 14.28571%; } .has-no-side-gutter .large-down--one-eighth { width: 12.5%; } .has-no-side-gutter .large-down--two-thirds { width: 66.66667%; } .has-no-side-gutter .large-down--two { width: 12.5%; } .has-no-side-gutter .large-down--four { width: 25%; } .has-no-side-gutter .large-down--seven { width: 43.75%; } .has-no-side-gutter .large-down--eight { width: 50%; } .has-no-side-gutter .large-down--nine { width: 56.25%; } .large-down--show { display: block !important; } .large-down--hide { display: none !important; } .large-down--text-left { text-align: left !important; } .large-down--text-right { text-align: right !important; } .large-down--text-center { text-align: center !important; } } @media only screen and (max-width: 1024px) and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-half.large-down--one-half, .equal-columns--outside-trim .large-down--eight.large-down--eight, .equal-columns--outside-trim .large-down--one-third.large-down--one-third, .equal-columns--outside-trim .large-down--one-fourth.large-down--one-fourth, .equal-columns--outside-trim .large-down--four.large-down--four, .equal-columns--outside-trim .large-down--one-fifth.large-down--one-fifth, .equal-columns--outside-trim .large-down--one-sixth.large-down--one-sixth, .equal-columns--outside-trim .large-down--one-seventh.large-down--one-seventh, .equal-columns--outside-trim .large-down--two.large-down--two { margin-right: 20px; margin-left: 20px; } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .large-down--four:nth-of-type(4n), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .large-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n + 1), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n + 1), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n + 1), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n + 1), .equal-columns--outside-trim .large-down--four:nth-of-type(4n + 1), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n + 1), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n + 1), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n + 1), .equal-columns--outside-trim .large-down--two:nth-of-type(8n + 1) { margin-left: 0; } } @media only screen and (max-width: 767px) { .medium-down--hidden { display: none !important; } .medium-down--visible { display: block !important; } .medium-down--one { width: calc(6.25% - 20px); } .medium-down--two { width: calc(12.5% - 20px); } .medium-down--three { width: calc(18.75% - 20px); } .medium-down--four { width: calc(25% - 20px); } .medium-down--five { width: calc(31.25% - 20px); } .medium-down--six { width: calc(37.5% - 20px); } .medium-down--seven { width: calc(43.75% - 20px); } .medium-down--eight { width: calc(50% - 20px); } .medium-down--nine { width: calc(56.25% - 20px); } .medium-down--ten { width: calc(62.5% - 20px); } .medium-down--eleven { width: calc(68.75% - 20px); } .medium-down--twelve { width: calc(75% - 20px); } .medium-down--thirteen { width: calc(81.25% - 20px); } .medium-down--fourteen { width: calc(87.5% - 20px); } .medium-down--fifteen { width: calc(93.75% - 20px); } .medium-down--sixteen { width: calc(100% - 20px); } .medium-down--one-whole { width: calc(100% - 20px); } .medium-down--one-half { width: calc(50% - 20px); } .medium-down--one-third { width: calc(33.33333% - 20px); } .medium-down--two-thirds { width: calc(66.66667% - 20px); } .medium-down--one-fourth { width: calc(25% - 20px); } .medium-down--two-fourths { width: calc(50% - 20px); } .medium-down--three-fourths { width: calc(75% - 20px); } .medium-down--one-fifth { width: calc(20% - 20px); } .medium-down--two-fifths { width: calc(40% - 20px); } .medium-down--three-fifths { width: calc(60% - 20px); } .medium-down--four-fifths { width: calc(80% - 20px); } .medium-down--one-sixth { width: calc(16.66667% - 20px); } .medium-down--two-sixths { width: calc(33.33333% - 20px); } .medium-down--three-sixths { width: calc(50% - 20px); } .medium-down--four-sixths { width: calc(66.66667% - 20px); } .medium-down--five-sixths { width: calc(83.33333% - 20px); } .medium-down--one-seventh { width: calc(14.28571% - 20px); } .medium-down--two-sevenths { width: calc(28.57143% - 20px); } .medium-down--three-sevenths { width: calc(42.85714% - 20px); } .medium-down--four-sevenths { width: calc(57.14286% - 20px); } .medium-down--five-sevenths { width: calc(71.42857% - 20px); } .medium-down--one-eighth { width: calc(12.5% - 20px); } .medium-down--two-eighths { width: calc(25% - 20px); } .medium-down--three-eighths { width: calc(37.5% - 20px); } .medium-down--four-eighths { width: calc(50% - 20px); } .medium-down--five-eighths { width: calc(62.5% - 20px); } .medium-down--six-eighths { width: calc(75% - 20px); } .medium-down--seven-eighths { width: calc(87.5% - 20px); } .medium-down--one-tenth { width: calc(10% - 20px); } .medium-down--two-tenths { width: calc(20% - 20px); } .medium-down--three-tenths { width: calc(30% - 20px); } .medium-down--four-tenths { width: calc(40% - 20px); } .medium-down--five-tenths { width: calc(50% - 20px); } .medium-down--six-tenths { width: calc(60% - 20px); } .medium-down--seven-tenths { width: calc(70% - 20px); } .medium-down--eight-tenths { width: calc(80% - 20px); } .medium-down--nine-tenths { width: calc(90% - 20px); } .medium-down--one-twelfth { width: calc(8.33333% - 20px); } .medium-down--two-twelfths { width: calc(16.66667% - 20px); } .medium-down--three-twelfths { width: calc(25% - 20px); } .medium-down--four-twelfths { width: calc(33.33333% - 20px); } .medium-down--five-twelfths { width: calc(41.66667% - 20px); } .medium-down--six-twelfths { width: calc(50% - 20px); } .medium-down--seven-twelfths { width: calc(58.33333% - 20px); } .medium-down--eight-twelfths { width: calc(66.66667% - 20px); } .medium-down--nine-twelfths { width: calc(75% - 20px); } .medium-down--ten-twelfths { width: calc(83.33333% - 20px); } .medium-down--eleven-twelfths { width: calc(91.66667% - 20px); } .medium-down--offset-by-one { left: calc(6.25%); } .medium-down--offset-by-two { left: calc(12.5%); } .medium-down--offset-by-three { left: calc(18.75%); } .medium-down--offset-by-four { left: calc(25%); } .medium-down--offset-by-five { left: calc(31.25%); } .medium-down--offset-by-six { left: calc(37.5%); } .medium-down--offset-by-seven { left: calc(43.75%); } .medium-down--offset-by-eight { left: calc(50%); } .medium-down--offset-by-nine { left: calc(56.25%); } .medium-down--offset-by-ten { left: calc(62.5%); } .medium-down--offset-by-eleven { left: calc(68.75%); } .medium-down--offset-by-twelve { left: calc(75%); } .medium-down--offset-by-thirteen { left: calc(81.25%); } .medium-down--offset-by-fourteen { left: calc(87.5%); } .medium-down--offset-by-fifteen { left: calc(93.75%); } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n + 1), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n + 1), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n + 1), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n + 1), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n + 1), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n + 1), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n + 1), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n + 1), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n + 1) { margin-left: 0; } .equal-columns--outside-trim .medium-down--one-whole:nth-of-type(1n + 1) { width: 100%; margin-right: 0; margin-left: 0; } .equal-columns--outside-trim .medium-down--one-half { width: calc(50% - (20px - (20px / 2))); } .equal-columns--outside-trim .medium-down--one-third { width: calc(33.33333% - (20px - (20px / 3))); } .equal-columns--outside-trim .medium-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } .equal-columns--outside-trim .medium-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .medium-down--one-sixth { width: calc(16.66667% - (20px - (20px / 6))); } .equal-columns--outside-trim .medium-down--one-seventh { width: calc(14.28571% - (20px - (20px / 7))); } .equal-columns--outside-trim .medium-down--two { width: calc(12.5% - (20px - (20px / 8))); } .equal-columns--outside-trim .medium-down--four { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .medium-down--seven { width: calc(43.75% - (20px - (20px / 2))); } .equal-columns--outside-trim .medium-down--eight { width: calc(50% - (20px / 2)); } .equal-columns--outside-trim .medium-down--nine { width: calc(56.25% - (20px - (20px / 2))); } .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .medium-down--one-whole, .has-no-side-gutter .medium-down--one-half, .has-no-side-gutter .medium-down--eight, .has-no-side-gutter .medium-down--one-third, .has-no-side-gutter .medium-down--two-thirds, .has-no-side-gutter .medium-down--one-fourth, .has-no-side-gutter .medium-down--four, .has-no-side-gutter .medium-down--one-fifth, .has-no-side-gutter .medium-down--three-fifths, .has-no-side-gutter .medium-down--two-fifths, .has-no-side-gutter .medium-down--one-sixth, .has-no-side-gutter .medium-down--one-seventh, .has-no-side-gutter .medium-down--one-eighth, .has-no-side-gutter .medium-down--two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .medium-down--one-whole { width: 100%; } .has-no-side-gutter .medium-down--one-half { width: 50%; } .has-no-side-gutter .medium-down--one-third { width: 33.33333%; } .has-no-side-gutter .medium-down--one-fourth { width: 25%; } .has-no-side-gutter .medium-down--one-fifth { width: 20%; } .has-no-side-gutter .medium-down--two-fifths { width: 40%; } .has-no-side-gutter .medium-down--three-fifths { width: 60%; } .has-no-side-gutter .medium-down--one-sixth { width: 16.66667%; } .has-no-side-gutter .medium-down--one-seventh { width: 14.28571%; } .has-no-side-gutter .medium-down--one-eighth { width: 12.5%; } .has-no-side-gutter .medium-down--two-thirds { width: 66.66667%; } .has-no-side-gutter .medium-down--two { width: 12.5%; } .has-no-side-gutter .medium-down--four { width: 25%; } .has-no-side-gutter .medium-down--seven { width: 43.75%; } .has-no-side-gutter .medium-down--eight { width: 50%; } .has-no-side-gutter .medium-down--nine { width: 56.25%; } .medium-down--show { display: block !important; } .medium-down--hide { display: none !important; } .medium-down--text-left { text-align: left !important; } .medium-down--text-right { text-align: right !important; } .medium-down--text-center { text-align: center !important; } } @media only screen and (max-width: 767px) and (max-width: 767px) { .equal-columns--outside-trim .medium-down--one-half.medium-down--one-half, .equal-columns--outside-trim .medium-down--eight.medium-down--eight, .equal-columns--outside-trim .medium-down--one-third.medium-down--one-third, .equal-columns--outside-trim .medium-down--one-fourth.medium-down--one-fourth, .equal-columns--outside-trim .medium-down--four.medium-down--four, .equal-columns--outside-trim .medium-down--one-fifth.medium-down--one-fifth, .equal-columns--outside-trim .medium-down--one-sixth.medium-down--one-sixth, .equal-columns--outside-trim .medium-down--one-seventh.medium-down--one-seventh, .equal-columns--outside-trim .medium-down--two.medium-down--two { margin-right: 20px; margin-left: 20px; } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n + 1), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n + 1), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n + 1), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n + 1), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n + 1), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n + 1), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n + 1), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n + 1), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n + 1) { margin-left: 0; } } @media only screen and (max-width: 767px) { .small-down--hidden { display: none !important; } .small-down--visible { display: block !important; } .small-down--one { width: calc(6.25% - 20px); } .small-down--two { width: calc(12.5% - 20px); } .small-down--three { width: calc(18.75% - 20px); } .small-down--four { width: calc(25% - 20px); } .small-down--five { width: calc(31.25% - 20px); } .small-down--six { width: calc(37.5% - 20px); } .small-down--seven { width: calc(43.75% - 20px); } .small-down--eight { width: calc(50% - 20px); } .small-down--nine { width: calc(56.25% - 20px); } .small-down--ten { width: calc(62.5% - 20px); } .small-down--eleven { width: calc(68.75% - 20px); } .small-down--twelve { width: calc(75% - 20px); } .small-down--thirteen { width: calc(81.25% - 20px); } .small-down--fourteen { width: calc(87.5% - 20px); } .small-down--fifteen { width: calc(93.75% - 20px); } .small-down--sixteen { width: calc(100% - 20px); } .small-down--one-whole { width: calc(100% - 20px); } .small-down--one-half { width: calc(50% - 20px); } .small-down--one-third { width: calc(33.33333% - 20px); } .small-down--two-thirds { width: calc(66.66667% - 20px); } .small-down--one-fourth { width: calc(25% - 20px); } .small-down--two-fourths { width: calc(50% - 20px); } .small-down--three-fourths { width: calc(75% - 20px); } .small-down--one-fifth { width: calc(20% - 20px); } .small-down--two-fifths { width: calc(40% - 20px); } .small-down--three-fifths { width: calc(60% - 20px); } .small-down--four-fifths { width: calc(80% - 20px); } .small-down--one-sixth { width: calc(16.66667% - 20px); } .small-down--two-sixths { width: calc(33.33333% - 20px); } .small-down--three-sixths { width: calc(50% - 20px); } .small-down--four-sixths { width: calc(66.66667% - 20px); } .small-down--five-sixths { width: calc(83.33333% - 20px); } .small-down--one-seventh { width: calc(14.28571% - 20px); } .small-down--two-sevenths { width: calc(28.57143% - 20px); } .small-down--three-sevenths { width: calc(42.85714% - 20px); } .small-down--four-sevenths { width: calc(57.14286% - 20px); } .small-down--five-sevenths { width: calc(71.42857% - 20px); } .small-down--one-eighth { width: calc(12.5% - 20px); } .small-down--two-eighths { width: calc(25% - 20px); } .small-down--three-eighths { width: calc(37.5% - 20px); } .small-down--four-eighths { width: calc(50% - 20px); } .small-down--five-eighths { width: calc(62.5% - 20px); } .small-down--six-eighths { width: calc(75% - 20px); } .small-down--seven-eighths { width: calc(87.5% - 20px); } .small-down--one-tenth { width: calc(10% - 20px); } .small-down--two-tenths { width: calc(20% - 20px); } .small-down--three-tenths { width: calc(30% - 20px); } .small-down--four-tenths { width: calc(40% - 20px); } .small-down--five-tenths { width: calc(50% - 20px); } .small-down--six-tenths { width: calc(60% - 20px); } .small-down--seven-tenths { width: calc(70% - 20px); } .small-down--eight-tenths { width: calc(80% - 20px); } .small-down--nine-tenths { width: calc(90% - 20px); } .small-down--one-twelfth { width: calc(8.33333% - 20px); } .small-down--two-twelfths { width: calc(16.66667% - 20px); } .small-down--three-twelfths { width: calc(25% - 20px); } .small-down--four-twelfths { width: calc(33.33333% - 20px); } .small-down--five-twelfths { width: calc(41.66667% - 20px); } .small-down--six-twelfths { width: calc(50% - 20px); } .small-down--seven-twelfths { width: calc(58.33333% - 20px); } .small-down--eight-twelfths { width: calc(66.66667% - 20px); } .small-down--nine-twelfths { width: calc(75% - 20px); } .small-down--ten-twelfths { width: calc(83.33333% - 20px); } .small-down--eleven-twelfths { width: calc(91.66667% - 20px); } .small-down--offset-by-one { left: calc(6.25%); } .small-down--offset-by-two { left: calc(12.5%); } .small-down--offset-by-three { left: calc(18.75%); } .small-down--offset-by-four { left: calc(25%); } .small-down--offset-by-five { left: calc(31.25%); } .small-down--offset-by-six { left: calc(37.5%); } .small-down--offset-by-seven { left: calc(43.75%); } .small-down--offset-by-eight { left: calc(50%); } .small-down--offset-by-nine { left: calc(56.25%); } .small-down--offset-by-ten { left: calc(62.5%); } .small-down--offset-by-eleven { left: calc(68.75%); } .small-down--offset-by-twelve { left: calc(75%); } .small-down--offset-by-thirteen { left: calc(81.25%); } .small-down--offset-by-fourteen { left: calc(87.5%); } .small-down--offset-by-fifteen { left: calc(93.75%); } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .small-down--four:nth-of-type(4n), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .small-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n + 1), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n + 1), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n + 1), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n + 1), .equal-columns--outside-trim .small-down--four:nth-of-type(4n + 1), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n + 1), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n + 1), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n + 1), .equal-columns--outside-trim .small-down--two:nth-of-type(8n + 1) { margin-left: 0; } .equal-columns--outside-trim .small-down--one-whole:nth-of-type(1n + 1) { width: 100%; margin-right: 0; margin-left: 0; } .equal-columns--outside-trim .small-down--one-half { width: calc(50% - (20px - (20px / 2))); } .equal-columns--outside-trim .small-down--one-third { width: calc(33.33333% - (20px - (20px / 3))); } .equal-columns--outside-trim .small-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } .equal-columns--outside-trim .small-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .small-down--one-sixth { width: calc(16.66667% - (20px - (20px / 6))); } .equal-columns--outside-trim .small-down--one-seventh { width: calc(14.28571% - (20px - (20px / 7))); } .equal-columns--outside-trim .small-down--two { width: calc(12.5% - (20px - (20px / 8))); } .equal-columns--outside-trim .small-down--four { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .small-down--seven { width: calc(43.75% - (20px - (20px / 2))); } .equal-columns--outside-trim .small-down--eight { width: calc(50% - (20px / 2)); } .equal-columns--outside-trim .small-down--nine { width: calc(56.25% - (20px - (20px / 2))); } .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .small-down--one-whole, .has-no-side-gutter .small-down--one-half, .has-no-side-gutter .small-down--eight, .has-no-side-gutter .small-down--one-third, .has-no-side-gutter .small-down--two-thirds, .has-no-side-gutter .small-down--one-fourth, .has-no-side-gutter .small-down--four, .has-no-side-gutter .small-down--one-fifth, .has-no-side-gutter .small-down--three-fifths, .has-no-side-gutter .small-down--two-fifths, .has-no-side-gutter .small-down--one-sixth, .has-no-side-gutter .small-down--one-seventh, .has-no-side-gutter .small-down--one-eighth, .has-no-side-gutter .small-down--two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .small-down--one-whole { width: 100%; } .has-no-side-gutter .small-down--one-half { width: 50%; } .has-no-side-gutter .small-down--one-third { width: 33.33333%; } .has-no-side-gutter .small-down--one-fourth { width: 25%; } .has-no-side-gutter .small-down--one-fifth { width: 20%; } .has-no-side-gutter .small-down--two-fifths { width: 40%; } .has-no-side-gutter .small-down--three-fifths { width: 60%; } .has-no-side-gutter .small-down--one-sixth { width: 16.66667%; } .has-no-side-gutter .small-down--one-seventh { width: 14.28571%; } .has-no-side-gutter .small-down--one-eighth { width: 12.5%; } .has-no-side-gutter .small-down--two-thirds { width: 66.66667%; } .has-no-side-gutter .small-down--two { width: 12.5%; } .has-no-side-gutter .small-down--four { width: 25%; } .has-no-side-gutter .small-down--seven { width: 43.75%; } .has-no-side-gutter .small-down--eight { width: 50%; } .has-no-side-gutter .small-down--nine { width: 56.25%; } .small-down--show { display: block !important; } .small-down--hide { display: none !important; } .small-down--text-left { text-align: left !important; } .small-down--text-right { text-align: right !important; } .small-down--text-center { text-align: center !important; } } @media only screen and (max-width: 767px) and (max-width: 767px) { .equal-columns--outside-trim .small-down--one-half.small-down--one-half, .equal-columns--outside-trim .small-down--eight.small-down--eight, .equal-columns--outside-trim .small-down--one-third.small-down--one-third, .equal-columns--outside-trim .small-down--one-fourth.small-down--one-fourth, .equal-columns--outside-trim .small-down--four.small-down--four, .equal-columns--outside-trim .small-down--one-fifth.small-down--one-fifth, .equal-columns--outside-trim .small-down--one-sixth.small-down--one-sixth, .equal-columns--outside-trim .small-down--one-seventh.small-down--one-seventh, .equal-columns--outside-trim .small-down--two.small-down--two { margin-right: 20px; margin-left: 20px; } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .small-down--four:nth-of-type(4n), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .small-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n + 1), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n + 1), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n + 1), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n + 1), .equal-columns--outside-trim .small-down--four:nth-of-type(4n + 1), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n + 1), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n + 1), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n + 1), .equal-columns--outside-trim .small-down--two:nth-of-type(8n + 1) { margin-left: 0; } } .button, .input, .textarea, .select select, .file-cta, .file-name, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis { -moz-appearance: none; -webkit-appearance: none; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; border: 1px solid transparent; border-radius: 0; box-shadow: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); padding-right: calc(0.625em - 1px); padding-top: calc(0.375em - 1px); position: relative; vertical-align: top; } .button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus, .file-name:focus, .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus, .pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta, .is-focused.file-name, .is-focused.pagination-previous, .is-focused.pagination-next, .is-focused.pagination-link, .is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active, .file-name:active, .pagination-previous:active, .pagination-next:active, .pagination-link:active, .pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta, .is-active.file-name, .is-active.pagination-previous, .is-active.pagination-next, .is-active.pagination-link, .is-active.pagination-ellipsis { outline: none; } [disabled].button, [disabled].input, [disabled].textarea, .select select[disabled], [disabled].file-cta, [disabled].file-name, [disabled].pagination-previous, [disabled].pagination-next, [disabled].pagination-link, [disabled].pagination-ellipsis, fieldset[disabled] .button, fieldset[disabled] .input, fieldset[disabled] .textarea, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .file-cta, fieldset[disabled] .file-name, fieldset[disabled] .pagination-previous, fieldset[disabled] .pagination-next, fieldset[disabled] .pagination-link, fieldset[disabled] .pagination-ellipsis { cursor: not-allowed; } .media { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: left; } .media .content:not(:last-child) { margin-bottom: 0.75rem; } .media .media { border-top: 1px solid rgba(143, 147, 151, 0.5); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-top: 0.75rem; } .media .media .content:not(:last-child), .media .media .control:not(:last-child) { margin-bottom: 0.5rem; } .media .media .media { padding-top: 0.5rem; } .media .media .media + .media { margin-top: 0.5rem; } .media + .media { border-top: 1px solid rgba(143, 147, 151, 0.5); margin-top: 1rem; padding-top: 1rem; } .media.is-large + .media { margin-top: 1.5rem; padding-top: 1.5rem; } .media-left, .media-right { -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .media-left { margin-right: 1rem; } .media-right { margin-left: 1rem; } .media-content { -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; text-align: left; } .tile { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; display: block; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; min-height: min-content; overflow: hidden; } .tile .tile-image { display: block; } .tile.is-ancestor { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; } .tile.is-ancestor:last-child { margin-bottom: -0.75rem; } .tile.is-ancestor:not(:last-child) { margin-bottom: 0.75rem; } .tile.is-child { margin: 0 !important; } .tile.is-parent { padding: 0.75rem; } .tile.is-vertical { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .tile.is-vertical > .tile.is-child:not(:last-child) { margin-bottom: 1.5rem !important; } @media only screen and (min-width: 768px) { .tile:not(.is-child) { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .tile.is-1 { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; width: 8.33333%; } .tile.is-2 { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; width: 16.66667%; } .tile.is-3 { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; width: 25%; } .tile.is-4 { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; width: 33.33333%; } .tile.is-5 { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; width: 41.66667%; } .tile.is-6 { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; width: 50%; } .tile.is-7 { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; width: 58.33333%; } .tile.is-8 { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; width: 66.66667%; } .tile.is-9 { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; width: 75%; } .tile.is-10 { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; width: 83.33333%; } .tile.is-11 { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; width: 91.66667%; } .tile.is-12 { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; width: 100%; } } .header-cart__icon { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; position: relative; width: max-content; margin: 0 auto; } .header-cart__icon .header__icon { width: 22px; height: 22px; margin-left: 10px; } @media only screen and (min-width: 768px) { .header-cart__icon .header__icon { width: 40px; height: 40px; margin-left: 0; } } @media only screen and (max-width: 767px) { .header-cart__icon .header-cart__count--badge.badge { width: 14px; height: 14px; font-size: 11px; } } .badge { height: 1rem; width: 1rem; position: absolute; top: calc(1rem * -0.3); left: calc(65% - 0.2rem); font-size: 0.7rem; background: #13b8ef; color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; border-radius: 50%; letter-spacing: 0; } .button { font-family: "Exo 2", sans-serif; font-weight: 300; font-style: normal; letter-spacing: 1px; background-color: #fff; border-color: #dbdbdb; border-width: 1px; color: #363636; cursor: pointer; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; padding-bottom: 25px; padding-left: 17px; padding-right: 17px; padding-top: 25px; text-align: center; text-transform: uppercase; transition: background 0.2s ease-in-out; white-space: nowrap; } @media only screen and (max-width: 767px) { .button { padding: 20px 6px; } } .button strong { color: inherit; } .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { height: 1.5em; width: 1.5em; } .button .icon:first-child:not(:last-child) { margin-left: calc(-0.375em - 1px); margin-right: 10px; } .button .icon.icon--cart { font-size: 14px; } .button .icon.icon--right { margin-left: 10px; margin-right: calc(-0.375em - 1px); } .button .icon:first-child:last-child { margin-left: calc(-0.375em - 1px); margin-right: calc(-0.375em - 1px); } .button:hover, .button.is-hovered { border-color: #13b8ef; color: #13b8ef; } .button:focus, .button.is-focused { border-color: #13b8ef; color: #13b8ef; } .button:focus:not(:active), .button.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(44, 49, 61, 0.25); } .button:active, .button.is-active { border-color: #13b8ef; color: #13b8ef; } .button.is-inverse { background-color: #363636; border-color: transparent; color: #fff; } .button.is-text { background-color: transparent; border-color: transparent; color: #414b56; text-decoration: underline; } .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { background-color: #fff; color: #363636; } .button.is-text:active, .button.is-text.is-active { background-color: #f2f2f2; color: #363636; } .button.is-text[disabled], fieldset[disabled] .button.is-text { background-color: transparent; border-color: transparent; box-shadow: none; } .button.is-small { font-size: 0.75rem; } .button.is-normal { font-size: 1rem; } .button.is-medium { font-size: 1.25rem; } .button.is-large { font-size: 1.5rem; line-height: 1.25em; width: 100%; } .button[disabled], fieldset[disabled] .button { box-shadow: none; opacity: 0.5; } .button.is-fullwidth { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; } .button.is-loading { color: transparent !important; pointer-events: none; } .button.is-loading::after { position: absolute; left: calc(50% - (1em / 2)); top: calc(50% - (1em / 2)); position: absolute !important; } .button.is-loading--icon-only { background: transparent !important; border: transparent !important; font-size: 2rem !important; outline: none; } .button.is-loading--icon-only::after { color: #414b56; } .button.is-static { background-color: #f5f5f5; border-color: #dbdbdb; color: #7a7a7a; box-shadow: none; pointer-events: none; } .button.is-rounded { border-radius: 290486px; padding-left: 1em; padding-right: 1em; } .buttons { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { font-size: 0.75rem; } .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { font-size: 1.25rem; } .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { font-size: 1.5rem; line-height: 1.25em; width: 100%; } .buttons.has-addons .button:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .buttons.has-addons .button:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: -1px; } .buttons.has-addons .button:last-child { margin-right: 0; } .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { z-index: 2; } .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { z-index: 3; } .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { z-index: 4; } .buttons.has-addons .button.is-expanded { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .buttons.is-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .buttons.is-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .button--primary, a.button--primary.button { font-size: 0.85rem; border-radius: 0px; width: auto; line-height: inherit; height: auto; max-width: 100%; white-space: normal; } .button--primary, .button--primary:link, .button--primary:visited, a.button--primary.button, a.button--primary.button:link, a.button--primary.button:visited { color: #fff; background-color: #2c313d; border-color: rgba(0, 0, 0, 0); } .button--primary:hover, .button--primary.is-hovered, a.button--primary.button:hover, a.button--primary.button.is-hovered { color: #fff; border-color: rgba(0, 0, 0, 0); background-color: rgba(44, 49, 61, 0.9); } .button--primary:focus, .button--primary.is-focused, a.button--primary.button:focus, a.button--primary.button.is-focused { color: #fff; border-color: rgba(0, 0, 0, 0); background-color: rgba(44, 49, 61, 0.9); } .button--primary:focus:not(:active), .button--primary.is-focused:not(:active), a.button--primary.button:focus:not(:active), a.button--primary.button.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(44, 49, 61, 0.25); } .button--primary:active, .button--primary.is-active, a.button--primary.button:active, a.button--primary.button.is-active { color: #fff; border-color: rgba(0, 0, 0, 0); background-color: rgba(44, 49, 61, 0.9); } .button--primary.is-inverted, a.button--primary.button.is-inverted { color: #2c313d; background-color: #fff; border-color: #2c313d; } .button--primary.is-small, a.button--primary.button.is-small { font-size: 0.75rem; } .button--primary.is-normal, a.button--primary.button.is-normal { font-size: 1rem; } .button--primary.is-medium, a.button--primary.button.is-medium { font-size: 1.25rem; } .button--primary.is-large, a.button--primary.button.is-large { font-size: 1.5rem; line-height: 1.25em; width: 100%; } @media only screen and (max-width: 767px) { .button--primary.button.read-more { line-height: 30px; width: 186px; padding: 0; font-size: 12px !important; background-color: #13b8ef; display: block; border: none; margin: auto; z-index: 0; } .button--primary.button.read-more:hover { background-color: #13b8ef; } .button--primary.button.read-more:after { content: ""; position: absolute; left: calc(-50% + 10px); top: 50%; width: calc(200% - 20px); height: 1px; background: #13b8ef; z-index: -1; } } .button--secondary, .action_button--secondary, a.button--secondary.button { font-size: 1rem; border-radius: 0px; line-height: inherit; width: auto; height: auto; max-width: 100%; white-space: normal; } .button--secondary, .button--secondary:link, .button--secondary:visited, .action_button--secondary, .action_button--secondary:link, .action_button--secondary:visited, a.button--secondary.button, a.button--secondary.button:link, a.button--secondary.button:visited { color: #2c313d; background-color: #fff; border-color: rgba(0, 0, 0, 0); } .button--secondary:hover, .button--secondary.is-hovered, .action_button--secondary:hover, .action_button--secondary.is-hovered, a.button--secondary.button:hover, a.button--secondary.button.is-hovered { color: #2c313d; border-color: rgba(0, 0, 0, 0); background-color: #fff; } .button--secondary:focus, .button--secondary.is-focused, .action_button--secondary:focus, .action_button--secondary.is-focused, a.button--secondary.button:focus, a.button--secondary.button.is-focused { color: #2c313d; border-color: rgba(0, 0, 0, 0); background-color: #fff; } .button--secondary:focus:not(:active), .button--secondary.is-focused:not(:active), .action_button--secondary:focus:not(:active), .action_button--secondary.is-focused:not(:active), a.button--secondary.button:focus:not(:active), a.button--secondary.button.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(44, 49, 61, 0.25); } .button--secondary:active, .button--secondary.is-active, .action_button--secondary:active, .action_button--secondary.is-active, a.button--secondary.button:active, a.button--secondary.button.is-active { color: #2c313d; border-color: rgba(0, 0, 0, 0); background-color: #fff; } .button--secondary.is-inverted, .action_button--secondary.is-inverted, a.button--secondary.button.is-inverted { color: #fff; background-color: #2c313d; border-color: #fff; } .button--secondary.is-small, .action_button--secondary.is-small, a.button--secondary.button.is-small { font-size: 0.75rem; } .button--secondary.is-normal, .action_button--secondary.is-normal, a.button--secondary.button.is-normal { font-size: 1rem; } .button--secondary.is-medium, .action_button--secondary.is-medium, a.button--secondary.button.is-medium { font-size: 1.25rem; } .button--secondary.is-large, .action_button--secondary.is-large, a.button--secondary.button.is-large { font-size: 1.5rem; line-height: 1.25em; width: 100%; } .button--link-style, a.button--link-style.button { font-size: 1rem; border: none; border-bottom: thin double; height: auto; line-height: inherit; padding: 0; transition: 0.3s linear; background: transparent; max-width: 100%; white-space: normal; } .button--link-style, .button--link-style:link, .button--link-style:visited, a.button--link-style.button, a.button--link-style.button:link, a.button--link-style.button:visited { color: #2c313d; border-bottom-color: #2c313d; } .button--link-style:hover, .button--link-style.is-hovered, a.button--link-style.button:hover, a.button--link-style.button.is-hovered { color: #087cbf; border-bottom-color: #087cbf !important; } .button--link-style:focus, .button--link-style.is-focused, a.button--link-style.button:focus, a.button--link-style.button.is-focused { color: #087cbf; border-bottom-color: #087cbf; } .button--link-style:active, .button--link-style.is-active, a.button--link-style.button:active, a.button--link-style.button.is-active { color: #087cbf; border-bottom-color: #087cbf; } .button--link-style.is-within-form, a.button--link-style.button.is-within-form { padding-bottom: 25px; padding-left: 17px; padding-right: 17px; padding-top: 25px; } .button--add-to-cart, a.button--add-to-cart.button { font-size: 1rem; border-radius: 0px; width: 100%; line-height: inherit; } .button--add-to-cart, .button--add-to-cart:link, .button--add-to-cart:visited, a.button--add-to-cart.button, a.button--add-to-cart.button:link, a.button--add-to-cart.button:visited { color: #2c313d; background-color: #fff; border-color: rgba(0, 0, 0, 0); } .button--add-to-cart:hover, .button--add-to-cart.is-hovered, a.button--add-to-cart.button:hover, a.button--add-to-cart.button.is-hovered { color: #fff; border-color: rgba(0, 0, 0, 0) !important; background-color: #13b8ef; } .button--add-to-cart:focus, .button--add-to-cart.is-focused, a.button--add-to-cart.button:focus, a.button--add-to-cart.button.is-focused { color: #fff; border-color: rgba(0, 0, 0, 0); background-color: #13b8ef; } .button--add-to-cart:focus:not(:active), .button--add-to-cart.is-focused:not(:active), a.button--add-to-cart.button:focus:not(:active), a.button--add-to-cart.button.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(44, 49, 61, 0.25); } .button--add-to-cart:active, .button--add-to-cart.is-active, a.button--add-to-cart.button:active, a.button--add-to-cart.button.is-active { color: #fff; border-color: rgba(0, 0, 0, 0); background-color: #13b8ef; } .button--add-to-cart.is-inverted, a.button--add-to-cart.button.is-inverted { color: #fff; background-color: #2c313d; border-color: #fff; } .button--add-to-cart.is-small, a.button--add-to-cart.button.is-small { font-size: 0.75rem; } .button--add-to-cart.is-normal, a.button--add-to-cart.button.is-normal { font-size: 1rem; } .button--add-to-cart.is-medium, a.button--add-to-cart.button.is-medium { font-size: 1.25rem; } .button--add-to-cart.is-large, a.button--add-to-cart.button.is-large { font-size: 1.5rem; line-height: 1.25em; width: 100%; } .shopify-challenge__button { font-size: 0.85rem; border-radius: 0px; width: auto; line-height: inherit; height: auto; max-width: 100%; white-space: normal; padding: 0.5em 4em; } .shopify-challenge__button, .shopify-challenge__button:link, .shopify-challenge__button:visited { color: #fff; background-color: #2c313d; border-color: rgba(0, 0, 0, 0); } .shopify-challenge__button:hover, .shopify-challenge__button.is-hovered { color: #fff; border-color: rgba(0, 0, 0, 0); background-color: rgba(44, 49, 61, 0.9); } .shopify-challenge__button:focus, .shopify-challenge__button.is-focused { color: #fff; border-color: rgba(0, 0, 0, 0); background-color: rgba(44, 49, 61, 0.9); } .shopify-challenge__button:focus:not(:active), .shopify-challenge__button.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(44, 49, 61, 0.25); } .shopify-challenge__button:active, .shopify-challenge__button.is-active { color: #fff; border-color: rgba(0, 0, 0, 0); background-color: rgba(44, 49, 61, 0.9); } .shopify-challenge__button.is-inverted { color: #2c313d; background-color: #fff; border-color: #2c313d; } .shopify-challenge__button.is-small { font-size: 0.75rem; } .shopify-challenge__button.is-normal { font-size: 1rem; } .shopify-challenge__button.is-medium { font-size: 1.25rem; } .shopify-challenge__button.is-large { font-size: 1.5rem; line-height: 1.25em; width: 100%; } .button--load-more, a.button--load-more.button { background-color: #13b8ef; color: #fff; } .content li + li { margin-top: 0.25em; } .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: 1em; } .content h1 { font-size: 2em; margin-bottom: 0.5em; word-wrap: break-word; } .content h1:not(:first-child) { margin-top: 1em; } .content h2 { font-size: 1.75em; margin-bottom: 0.5714em; word-wrap: break-word; } .content h2:not(:first-child) { margin-top: 1.1428em; } .content h4 { font-size: 1.25em; margin-bottom: 0.8em; word-wrap: break-word; } .content h5 { font-size: 1.125em; margin-bottom: 0.8888em; word-wrap: break-word; } .content h6 { font-size: 1em; margin-bottom: 1em; word-wrap: break-word; } .content blockquote { background-color: #fff; border-left: 5px solid #8f9397; padding: 1.25em 1.5em; } .content ol:not([type]) { list-style-type: decimal-leading-zero; } .content ol:not([type]).is-lower-alpha { list-style-type: lower-alpha; } .content ol:not([type]).is-lower-roman { list-style-type: lower-roman; } .content ol:not([type]).is-upper-alpha { list-style-type: upper-alpha; } .content ol:not([type]).is-upper-roman { list-style-type: upper-roman; } .content ul ul { list-style-type: circle; margin-top: 0.5em; } .content ul ul ul { list-style-type: square; } .content dd { margin-left: 2em; } .content figure { margin-left: 2em; margin-right: 2em; text-align: center; } .content figure:not(:first-child) { margin-top: 2em; } .content figure:not(:last-child) { margin-bottom: 2em; } .content figure img { display: inline-block; } .content figure figcaption { font-style: italic; } .content pre { -webkit-overflow-scrolling: touch; overflow-x: auto; padding: 1.25em 1.5em; white-space: pre; word-wrap: normal; } .content sup, .content sub { font-size: 75%; } .content table { width: 100%; } .content table td, .content table th { border: 1px solid #8f9397; border-width: 1px; padding: 0.5em 0.75em; vertical-align: top; } .content table th { color: #363636; text-align: left; } .content table thead td, .content table thead th { border-width: 0 0 2px; color: #363636; } .content table tfoot td, .content table tfoot th { border-width: 2px 0 0; color: #363636; } .content.is-small { font-size: 0.75rem; } .content.is-medium { font-size: 1.25rem; } .content.is-large { font-size: 1.5rem; } .icon { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; height: 1.2rem; width: 1.2rem; fill: currentColor; } .is-large .icon { height: 1.8rem; width: 1.8rem; } .is-medium .icon { height: 1.2rem; width: 1.2rem; } .is-small .icon { height: 1rem; width: 1rem; } .icon svg { height: 100%; width: 100%; } .transition--fade-in { opacity: 0; transition: opacity 0.3s ease-in; } .transition--fade-in.lazyloaded { opacity: 1; } .image__container { display: block; margin-left: auto; margin-right: auto; font-size: 0; } .image__container img { width: 100%; } .image-element__wrap { overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; } @media only screen and (min-width: 768px) { #personyze_items .gallery-cell .image-element__wrap { height: 245px; } #personyze_items .gallery-cell .image-element__wrap img { height: 100%; object-fit: contain; } } @media only screen and (min-width: 768px) { .collection-page #personyze_items .gallery-cell .image-element__wrap, .product-page #personyze_items .gallery-cell .image-element__wrap { height: 200px; } } .image-element__wrap img { height: auto; width: 100%; margin-left: auto; margin-right: auto; display: block; } .has-image-crop .image-element__wrap { height: 100%; } .has-image-crop img { height: 100% !important; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } .has-image-crop.image-crop--left img { -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; font-family: "object-fit: cover; object-position: left"; } .has-image-crop.image-crop--right img { -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; font-family: "object-fit: cover; object-position: right"; } .has-image-crop.image-crop--center img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover; object-position: center"; } .has-image-crop.image-crop--none { height: auto; } .has-image-crop.image-crop--none img { position: static; height: auto !important; -o-object-fit: fill; object-fit: fill; font-family: "object-fit: fill"; } .notification { background-color: #dbdbdb; border-radius: 4px; padding: 1.25rem 2.5rem 1.25rem 1.5rem; position: relative; } .notification a:not(.button):not(.dropdown-item) { color: currentColor; text-decoration: underline; } .notification strong { color: currentColor; } .notification code, .notification pre { background: #fff; } .notification pre code { background: transparent; } .notification > .delete { position: absolute; right: 0.5rem; top: 0.5rem; } .notification .title, .notification .subtitle, .notification .content { color: currentColor; } .highlight { color: #087cbf; } .highlight pre { overflow: auto; max-width: 100%; } .number { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; background-color: #fff; border-radius: 290486px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: 1.25rem; height: 2em; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; margin-right: 1.5rem; min-width: 2.5em; padding: 0.25rem 0.5rem; text-align: center; vertical-align: top; } .placeholder-svg { display: block; fill: rgba(65, 75, 86, 0.35); background-color: rgba(65, 75, 86, 0.1); width: 100%; height: 100%; max-width: 100%; max-height: 100%; border: 1px solid rgba(65, 75, 86, 0.2); } .placeholder-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .placeholder-background .icon { border: 0; } .share-btn.share-btn--twitter .button { color: #1da1f1; } .share-btn.share-btn--twitter .button:hover { border-color: #1da1f1; background-color: #1da1f1; } .share-btn.share-btn--facebook .button { color: #4266b2; } .share-btn.share-btn--facebook .button:hover { border-color: #4266b2; background-color: #4266b2; } .share-btn.share-btn--pinterest .button { color: #e50122; } .share-btn.share-btn--pinterest .button:hover { border-color: #e50122; background-color: #e50122; } .share-btn.share-btn--mail .button { color: #f14336; } .share-btn.share-btn--mail .button:hover { border-color: #f14336; background-color: #f14336; } .share-btn .button { width: 38px; height: 38px; } .share-btn .button:hover { color: #ffffff; } .social-share-buttons--rounded .button { border-radius: 50%; } .tags { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .tags .tag { margin-bottom: 0.5rem; } .tags .tag.tag--solid { background-color: rgba(44, 49, 61, 0.1); } .tags .tag.tag--solid a { color: #2c313d; } .tags .tag.tag--solid:hover { background-color: #2c313d; } .tags .tag.tag--solid:hover a { color: #fff; } .tags .tag.tag--outline { background-color: transparent; border: 1px solid #2c313d; } .tags .tag.tag--outline a { color: #2c313d; } .tags .tag.tag--outline:hover { background-color: #2c313d; } .tags .tag.tag--outline:hover a { color: #fff; } .tags .tag:not(:last-child) { margin-right: 0.5rem; } .tags:last-child { margin-bottom: -0.5rem; } .tags:not(:last-child) { margin-bottom: 0; } .tags.are-medium .tag:not(.is-normal):not(.is-large) { font-size: 1rem; } .tags.are-large .tag:not(.is-normal):not(.is-medium) { font-size: 1.25rem; } .tags.are-outline .tag:not(.is-regular) { background-color: transparent; border: 1px solid #414b56; } .tags.has-addons .tag { margin-right: 0; } .tags.has-addons .tag:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .tags.has-addons .tag:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .tags.is-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .tags.is-center .tag { margin-right: 0.25rem; margin-left: 0.25rem; } .tags.is-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .tags.is-right .tag:not(:first-child) { margin-left: 0.5rem; } .tags.is-right .tag:not(:last-child) { margin-right: 0; } .tags.has-addons .tag { margin-right: 0; } .tags.has-addons .tag:not(:first-child) { margin-left: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } .tags.has-addons .tag:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .tag:not(body) { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; background-color: #dbdbdb; border-radius: 4px; color: #414b56; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: 0.75rem; height: 2em; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; line-height: 1.5; padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; margin-bottom: 0.3em; transition: background-color 0.3s ease-in-out; } .tag:not(body) a { color: #414b56; } .tag:not(body) .delete { margin-left: 0.25rem; margin-right: -0.375rem; } .tag:not(body).is-normal { font-size: 0.75rem; } .tag:not(body).is-medium { font-size: 1rem; } .tag:not(body).is-large { font-size: 1.25rem; } .tag:not(body) .icon:first-child:not(:last-child) { margin-left: -0.375em; margin-right: 0.1875em; } .tag:not(body) .icon:last-child:not(:first-child) { margin-left: 0.1875em; margin-right: -0.375em; } .tag:not(body) .icon:first-child:last-child { margin-left: -0.375em; margin-right: -0.375em; } .tag:not(body).is-delete { margin-left: 1px; padding: 0; position: relative; width: 2em; } .tag:not(body).is-delete::before, .tag:not(body).is-delete::after { background-color: currentColor; content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; } .tag:not(body).is-delete::before { height: 1px; width: 50%; } .tag:not(body).is-delete::after { height: 50%; width: 1px; } .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { background-color: #cfcfcf; } .tag:not(body).is-delete:active { background-color: #c2c2c2; } .tag:not(body).is-rounded { border-radius: 290486px; } .tag:not(body).is-outline { background-color: transparent; border: 1px solid #414b56; } a.tag:hover { text-decoration: underline; } .tag--sale:not(body) { background-color: #13b8ef; color: #fff; } .tag--new:not(body) { background-color: #000; color: #fff; } .tag--best-seller:not(body) { background-color: #e8bd88; color: #414b56; } .tag--coming-soon:not(body) { background-color: #082c54; color: #fff; } .tag--staff-pick:not(body) { background-color: #faf0ea; color: #414b56; } .tag--pre-order:not(body) { background-color: #082c54; color: #fff; } .cart__count--text::before { content: "("; } .cart__count--text::after { content: ")"; } #theme-ajax-cart { z-index: 50; max-height: 100vh; overflow-y: auto; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); } @media only screen and (max-width: 767px) { #theme-ajax-cart { z-index: 70; } } .ajax-cart { width: 100%; font-size: 14px; letter-spacing: 1; text-transform: none; text-shadow: none; color: #414b56; } .ajax-cart a, .ajax-cart a:active, .ajax-cart a:visited { color: #414b56; } .ajax-cart a:hover { color: #13b8ef; } .is-drawer, .is-mini-cart .card { background-color: #fff; } .ajax-cart__close-icon { position: absolute; right: 0; margin: 15px 10px; cursor: pointer; } .ajax-cart__cart-title { padding: 1rem 1rem; font-weight: bold; border-bottom: 2px solid rgba(143, 147, 151, 0.5); } .ajax-cart__product { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding: 1rem 1rem 0; margin-top: 0; position: relative; min-height: 120px; } .ajax-cart__product:last-child { margin-bottom: 1rem; } .ajax-cart__product-image { width: 20%; } .ajax-cart__quantity-box { max-width: 150px; margin-top: 10px; } .ajax-cart__quantity-box .quantity-wrapper.quantity-style--box .quantity-input-control--fill { width: auto; } .ajax-cart__right-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; } .ajax-cart__price { padding: 5px 0; } .ajax-cart__price .was-price { margin-left: 3px; } .ajax-cart__line-items-discount .ajax-cart__price-comparison { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .ajax-cart__line-items-discount .ajax-cart__price-comparison p, .ajax-cart__line-items-discount .ajax-cart__price-comparison s { padding: 5px 5px 5px 0; } .ajax-cart__line-items-discount .line-item-discount__container { background: none; padding: 0; margin: 0; } .ajax-cart__details-wrapper { border-top: 2px solid rgba(143, 147, 151, 0.5); padding: 1rem 1rem; } .ajax-cart__details-wrapper .ajax-cart__details-row { padding: 10px 0; } @media only screen and (max-width: 767px) { .ajax-cart__details-wrapper .ajax-cart__row-description { max-width: 50%; } } .ajax-cart__note { width: 100%; padding: 0.625em; min-height: 80px; margin-top: 20px; font-size: inherit; } .ajax-cart__tos-checkbox { margin-top: 20px; } .ajax-cart__cart-message { margin-top: 20px; } .ajax-cart__empty-cart-message .icon { height: 2.4rem; width: 2.4rem; } .ajax-cart__empty-text { margin: 10px 0; } .ajax-cart__button { margin-top: 20px; width: 100%; } .ajax-cart__cart-link { margin-top: 20px; display: block; text-decoration: underline; } .ajax-cart__delete .close, .ajax-cart__delete:hover .close { color: #414b56; } .show-mini-cart #theme-ajax-cart.is-mini-cart { opacity: 1; visibility: visible; transition: opacity 0.3s ease-in; } #theme-ajax-cart.is-mini-cart { position: absolute; top: 100%; width: 420px; right: 0; visibility: hidden; opacity: 0; transition: opacity 0.3s ease-in; } #theme-ajax-cart.is-mini-cart .ajax-cart__empty-cart-message { padding-bottom: 1rem; } #theme-ajax-cart.is-mini-cart.theme-ajax-cart--header-vertical { top: 60%; left: 0; max-height: 50vh; overflow-y: auto; } @media only screen and (max-width: 767px) { #theme-ajax-cart.is-mini-cart.theme-ajax-cart--header-vertical { top: 100%; left: auto; right: 0; max-height: 80vh; } } #theme-ajax-cart.is-mini-cart.theme-ajax-cart--header-vertical a { color: #2c313d; } #theme-ajax-cart.is-mini-cart.theme-ajax-cart--header-vertical a:hover { color: #13b8ef; } .ajax-cart--mini-cart .ajax-cart__close-icon { display: none; } @media only screen and (max-width: 1024px) { .touchevents .ajax-cart--mini-cart .ajax-cart__close-icon { display: block; } } .ajax-cart--drawer { position: relative; z-index: 50; } .ajax-cart__overlay { position: fixed; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 49; background-color: rgba(0, 0, 0, 0.8); right: -100%; opacity: 0; transition: opacity 0.2s; } .ajax-cart__overlay.is-visible { right: 0; opacity: 1; } @media only screen and (max-width: 767px) { .ajax-cart__overlay { background-color: rgba(0, 0, 0, 0.5); } } #theme-ajax-cart.is-drawer { position: fixed; top: 0; height: 100%; bottom: 0; width: 40%; right: -40%; transition: right 0.3s ease-in-out; } @media only screen and (max-width: 767px) { #theme-ajax-cart.is-drawer { width: 60%; right: -60%; } } @media only screen and (max-width: 767px) { #theme-ajax-cart.is-drawer { width: 100%; right: -100%; } } #theme-ajax-cart.is-drawer.is-visible { right: 0; } @media only screen and (min-width: 768px) { #theme-ajax-cart.is-drawer.theme-ajax-cart--header-vertical { width: 30%; right: auto; left: -30%; margin-left: 20%; transition: left 0.3s ease-in-out; } #theme-ajax-cart.is-drawer.theme-ajax-cart--header-vertical.is-visible { left: 0; } } .breadcrumb { font-size: 1rem; white-space: nowrap; } .breadcrumb a { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; color: #2c313d; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; padding: 0; line-height: 1; } /* .breadcrumb a:hover { color: #13b8ef; } */ .breadcrumb li { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; line-height: 2; white-space: normal; font-size: 12px; } .breadcrumb li:not(.tag):first-child span { padding-left: 0; } .breadcrumb li.is-active a { color: #13b8ef; cursor: default; pointer-events: none; } .breadcrumb ul, .breadcrumb ol { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } @media only screen and (max-width: 767px) { .breadcrumb ul, .breadcrumb ol { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .breadcrumb .icon:first-child { margin-right: 0.5em; } .breadcrumb .icon:last-child { margin-left: 0.5em; } .breadcrumb.is-center ol, .breadcrumb.is-center ul { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .breadcrumb.is-right ol, .breadcrumb.is-right ul { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .breadcrumb.is-regular { font-size: 1rem; } .breadcrumb.is-regular .icon { height: 1rem; width: 1rem; } .breadcrumb.is-large { font-size: 1.2rem; } .breadcrumb.is-large .icon { height: 1.2rem; width: 1.2rem; } .breadcrumb .page-navigation-arrows a { display: inline; } .page-navigation-arrows { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media only screen and (max-width: 767px) { .page-navigation-arrows { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center; width: 100%; padding-top: 0; } } .page-navigation-arrows .page-navigation__divider { padding: 0 5px; } .breadcrumb-separator { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } @media only screen and (max-width: 767px) { .breadcrumb__container { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 20px; } } .card { background-color: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); color: #414b56; max-width: 100%; position: relative; } .card-header { background-color: transparent; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; } .card-header-title { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; font-weight: 700; padding: 0.75rem; } .card-header-title.is-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .card-header-icon { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; cursor: pointer; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; padding: 0.75rem; } .card-image { display: block; position: relative; } .card-content { background-color: transparent; padding: 1.5rem; } .card-footer { background-color: transparent; border-top: 1px solid #8f9397; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .card-footer-item { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; padding: 0.75rem; } .card-footer-item:not(:last-child) { border-right: 1px solid #8f9397; } .input, .textarea { background-color: #fff; border-color: #dbdbdb; color: #363636; box-shadow: none; max-width: 100%; width: 100%; } .input::-moz-placeholder, .textarea::-moz-placeholder { color: rgba(54, 54, 54, 0.5); } .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.5); } .input:-moz-placeholder, .textarea:-moz-placeholder { color: rgba(54, 54, 54, 0.5); } .input:-ms-input-placeholder, .textarea:-ms-input-placeholder { color: rgba(54, 54, 54, 0.5); } .input:hover, .input.is-hovered, .textarea:hover, .textarea.is-hovered { border-color: #b5b5b5; } .input:focus, .input.is-focused, .input:active, .input.is-active, .textarea:focus, .textarea.is-focused, .textarea:active, .textarea.is-active { border-color: #2c313d; box-shadow: 0 0 0 0.125em rgba(44, 49, 61, 0.25); } .input[disabled], fieldset[disabled] .input, .textarea[disabled], fieldset[disabled] .textarea { background-color: #fff; border-color: #fff; box-shadow: none; color: #7a7a7a; } .input[disabled]::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, .textarea[disabled]::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder { color: rgba(122, 122, 122, 0.3); } .input[disabled]::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder { color: rgba(122, 122, 122, 0.3); } .input[disabled]:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, .textarea[disabled]:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder { color: rgba(122, 122, 122, 0.3); } .input[disabled]:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder { color: rgba(122, 122, 122, 0.3); } .input[readonly], .textarea[readonly] { box-shadow: none; } .input.is-small, .textarea.is-small { border-radius: 2px; font-size: 0.75rem; } .input.is-medium, .textarea.is-medium { font-size: 1.25rem; } .input.is-large, .textarea.is-large { font-size: 1.25rem; height: 2em; } .input.is-fullwidth, .textarea.is-fullwidth { display: block; width: 100%; } .input.is-inline, .textarea.is-inline { display: inline; width: auto; } .input.is-rounded { border-radius: 290486px; padding-left: 1em; padding-right: 1em; } .input.is-static { background-color: transparent; border-color: transparent; box-shadow: none; padding-left: 0; padding-right: 0; } .input.is-primary-btn-style { border-radius: 0px; padding: 14px 10px; height: auto; } .input.is-secondary-btn-style { border-radius: 0px; padding-left: 1em; padding-right: 1em; } .textarea { display: block; max-width: 100%; min-width: 100%; padding: 0.625em; resize: vertical; } .textarea:not([rows]) { max-height: 600px; min-height: 120px; } .textarea[rows] { height: initial; } .textarea.has-fixed-size { resize: none; } .textarea.is-rounded { border-radius: 5px; } .textarea.is-primary-btn-style { border-radius: 0px; padding-left: 1em; padding-right: 1em; } .textarea.is-secondary-btn-style { border-radius: 0px; padding-left: 1em; padding-right: 1em; } .checkbox, .radio { cursor: pointer; display: inline-block; line-height: 1.25; position: relative; } .checkbox input, .radio input { cursor: pointer; } .checkbox:hover, .radio:hover { color: #363636; } .checkbox[disabled], fieldset[disabled] .checkbox, .radio[disabled], fieldset[disabled] .radio { color: #7a7a7a; cursor: not-allowed; } .radio + .radio { margin-left: 0.5em; } .select { display: inline-block; max-width: 100%; position: relative; vertical-align: top; } .select:not(.is-multiple) { height: 2.25em; } .select:not(.is-multiple):not(.is-loading):not(.is-arrowless)::after { border-color: #2c313d; right: 1.125em; z-index: 4; } .select.is-rounded select { border-radius: 290486px; padding-left: 1em; } .select.is-primary-btn-style select { border-radius: 0px; padding-left: 1em; } .select.is-secondary-btn-style select { border-radius: 0px; padding-left: 1em; } .select.is-wide { width: 100%; } .select.is-wide select { width: inherit; } .select select { background-color: #fff; border-color: #dbdbdb; color: #363636; cursor: pointer; display: block; font-size: 1em; max-width: 100%; outline: none; } .select select::-moz-placeholder { color: rgba(54, 54, 54, 0.5); } .select select::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.5); } .select select:-moz-placeholder { color: rgba(54, 54, 54, 0.5); } .select select:-ms-input-placeholder { color: rgba(54, 54, 54, 0.5); } .select select:hover, .select select.is-hovered { border-color: #b5b5b5; } .select select:focus, .select select.is-focused, .select select:active, .select select.is-active { border-color: #2c313d; box-shadow: 0 0 0 0.125em rgba(44, 49, 61, 0.25); } .select select[disabled], fieldset[disabled] .select select { background-color: #fff; border-color: #fff; box-shadow: none; color: #7a7a7a; } .select select[disabled]::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder { color: rgba(122, 122, 122, 0.3); } .select select[disabled]::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder { color: rgba(122, 122, 122, 0.3); } .select select[disabled]:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder { color: rgba(122, 122, 122, 0.3); } .select select[disabled]:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder { color: rgba(122, 122, 122, 0.3); } .select select::-ms-expand { display: none; } .select select[disabled]:hover, fieldset[disabled] .select select:hover { border-color: #fff; } .select select:not([multiple]):not(.is-arrowless) { padding-right: 2.5em; } .select select[multiple] { height: auto; padding: 0; } .select select[multiple] option { padding: 0.5em 1em; } .select:not(.is-multiple):not(.is-loading):hover::after { border-color: #363636; } .select.is-small { border-radius: 2px; font-size: 0.75rem; } .select.is-medium { font-size: 1.25rem; } .select.is-large { font-size: 1.25rem; } .select.is-disabled::after { border-color: #7a7a7a; } .select.is-fullwidth { width: 100%; } .select.is-fullwidth select { width: 100%; } .select.is-loading::after { margin-top: 0; position: absolute; right: 0.625em; top: 0.625em; transform: none; } .select.is-loading.is-small:after { font-size: 0.75rem; } .select.is-loading.is-medium:after { font-size: 1.25rem; } .select.is-loading.is-large:after { font-size: 1.5rem; } .file { -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; position: relative; } .file.is-small { font-size: 0.75rem; } .file.is-medium { font-size: 1.25rem; } .file.is-medium .file-icon .fa { font-size: 21px; } .file.is-large { font-size: 1.5rem; } .file.is-large .file-icon .fa { font-size: 28px; } .file.has-name .file-cta { border-bottom-right-radius: 0; border-top-right-radius: 0; } .file.has-name .file-name { border-bottom-left-radius: 0; border-top-left-radius: 0; } .file.has-name.is-empty .file-cta { border-radius: 4px; } .file.has-name.is-empty .file-name { display: none; } .file.is-boxed .file-label { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .file.is-boxed .file-cta { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; padding: 1em 3em; } .file.is-boxed .file-name { border-width: 0 1px 1px; } .file.is-boxed .file-icon { height: 1.5em; width: 1.5em; } .file.is-boxed .file-icon .fa { font-size: 21px; } .file.is-boxed.is-small .file-icon .fa { font-size: 14px; } .file.is-boxed.is-medium .file-icon .fa { font-size: 28px; } .file.is-boxed.is-large .file-icon .fa { font-size: 35px; } .file.is-boxed.has-name .file-cta { border-radius: 4px 4px 0 0; } .file.is-boxed.has-name .file-name { border-radius: 0 0 4px 4px; border-width: 0 1px 1px; } .file.is-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .file.is-fullwidth .file-label { width: 100%; } .file.is-fullwidth .file-name { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; max-width: none; } .file.is-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .file.is-right .file-cta { border-radius: 0 4px 4px 0; } .file.is-right .file-name { border-radius: 4px 0 0 4px; border-width: 1px 0 1px 1px; order: -1; } .file-label { -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; cursor: pointer; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; overflow: hidden; position: relative; } .file-label:hover .file-cta { background-color: #eee; color: #363636; } .file-label:hover .file-name { border-color: #888d91; } .file-label:active .file-cta { background-color: #e8e8e8; color: #363636; } .file-label:active .file-name { border-color: #82868b; } .file-input { height: 100%; left: 0; opacity: 0; outline: none; position: absolute; top: 0; width: 100%; } .file-cta, .file-name { border-color: #8f9397; border-radius: 4px; font-size: 1em; padding-left: 1em; padding-right: 1em; white-space: nowrap; } .file-cta { background-color: #f5f5f5; color: #4a4a4a; } .file-name { border-color: #8f9397; border-style: solid; border-width: 1px 1px 1px 0; display: block; max-width: 16em; overflow: hidden; text-align: left; text-overflow: ellipsis; } .file-icon { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 1em; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; margin-right: 0.5em; width: 1em; } .file-icon .fa { font-size: 14px; } .label, .selector-wrapper label { color: #363636; display: block; font-size: 1rem; font-weight: 400; } .label:not(:last-child), .selector-wrapper label:not(:last-child) { margin-bottom: 0.5em; } .label.is-small, .selector-wrapper label.is-small { font-size: 0.75rem; } .label.is-medium, .selector-wrapper label.is-medium { font-size: 1.25rem; } .label.is-large, .selector-wrapper label.is-large { font-size: 1.5rem; } .help { display: block; font-size: 0.75rem; margin-top: 0.25rem; } /* .field:not(:last-child) { margin-bottom: 0.75rem; } */ .field.has-addons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .field.has-addons .control:not(:first-child):not(:last-child) .button, .field.has-addons .control:not(:first-child):not(:last-child) .input, .field.has-addons .control:not(:first-child):not(:last-child) .select select { border-radius: 0; } .field.has-addons .control:first-child:not(:only-child) .button, .field.has-addons .control:first-child:not(:only-child) .input, .field.has-addons .control:first-child:not(:only-child) .select select { border-bottom-right-radius: 0; border-top-right-radius: 0; } .field.has-addons .control:last-child:not(:only-child) .button, .field.has-addons .control:last-child:not(:only-child) .input, .field.has-addons .control:last-child:not(:only-child) .select select { border-bottom-left-radius: 0; border-top-left-radius: 0; } .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, .field.has-addons .control .input:not([disabled]):hover, .field.has-addons .control .input:not([disabled]).is-hovered, .field.has-addons .control .select select:not([disabled]):hover, .field.has-addons .control .select select:not([disabled]).is-hovered { z-index: 2; } .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active, .field.has-addons .control .input:not([disabled]):focus, .field.has-addons .control .input:not([disabled]).is-focused, .field.has-addons .control .input:not([disabled]):active, .field.has-addons .control .input:not([disabled]).is-active, .field.has-addons .control .select select:not([disabled]):focus, .field.has-addons .control .select select:not([disabled]).is-focused, .field.has-addons .control .select select:not([disabled]):active, .field.has-addons .control .select select:not([disabled]).is-active { z-index: 3; } .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover, .field.has-addons .control .input:not([disabled]):focus:hover, .field.has-addons .control .input:not([disabled]).is-focused:hover, .field.has-addons .control .input:not([disabled]):active:hover, .field.has-addons .control .input:not([disabled]).is-active:hover, .field.has-addons .control .select select:not([disabled]):focus:hover, .field.has-addons .control .select select:not([disabled]).is-focused:hover, .field.has-addons .control .select select:not([disabled]):active:hover, .field.has-addons .control .select select:not([disabled]).is-active:hover { z-index: 4; } .field.has-addons .control.is-expanded { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .field.has-addons.has-addons-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .field.has-addons.has-addons-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .field.has-addons.has-addons-fullwidth .control { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .field.is-grouped { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .field.is-grouped > .control { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .field.is-grouped > .control:not(:last-child) { margin-bottom: 0; margin-right: 0.75rem; } .field.is-grouped > .control.is-expanded { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; } .field.is-grouped.is-grouped-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .field.is-grouped.is-grouped-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .field.is-grouped.is-grouped-multiline { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { margin-bottom: 0.75rem; } .field.is-grouped.is-grouped-multiline:last-child { margin-bottom: -0.75rem; } .field.is-grouped.is-grouped-multiline:not(:last-child) { margin-bottom: 0; } @media only screen and (min-width: 768px) { .field.is-horizontal { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } .field-label .label { font-size: inherit; } @media only screen and (min-width: 768px) { .field-label { margin-bottom: 0.5rem; } } @media only screen and (min-width: 768px) { .field-label { -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; margin-right: 1.5rem; text-align: right; } .field-label.is-small { font-size: 0.75rem; padding-top: 0.375em; } .field-label.is-normal { padding-top: 0.375em; } .field-label.is-medium { font-size: 1.25rem; padding-top: 0.375em; } .field-label.is-large { font-size: 1.5rem; padding-top: 0.375em; } } .field-body .field .field { margin-bottom: 0; } @media only screen and (min-width: 768px) { .field-body { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; flex-grow: 5; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; } .field-body .field { margin-bottom: 0; } .field-body > .field { -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; } .field-body > .field:not(.is-narrow) { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .field-body > .field:not(:last-child) { margin-right: 0.75rem; } } .control { box-sizing: border-box; clear: both; font-size: 1rem; position: relative; } .control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .select:focus ~ .icon { color: #7a7a7a; } .control.has-icons-left .input.is-small ~ .icon, .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, .control.has-icons-right .select.is-small ~ .icon { font-size: 0.5rem; } .control.has-icons-left .input.is-regular ~ .icon, .control.has-icons-left .select.is-regular ~ .icon, .control.has-icons-right .input.is-regular ~ .icon, .control.has-icons-right .select.is-regular ~ .icon { font-size: 0.75rem; } .control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .select.is-medium ~ .icon { font-size: 1rem; } .control.has-icons-left .input.is-large ~ .icon, .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, .control.has-icons-right .select.is-large ~ .icon { font-size: 1.25rem; } .control.has-icons-left .icon, .control.has-icons-right .icon { color: #dbdbdb; height: 1.5em; pointer-events: none; position: absolute; top: 0; width: 1.8em; z-index: 4; } .control.has-icons-left .input, .control.has-icons-left .select select { padding-left: 2.25em; } .control.has-icons-left .icon { left: 0; top: 50%; -ms-transform: translate(40%, -50%); -webkit-transform: translate(40%, -50%); transform: translate(40%, -50%); } .control.has-icons-right .input, .control.has-icons-right .select select { padding-right: 2.25em; } .control.has-icons-right .icon { right: 0; } .control.is-loading::after { position: absolute !important; right: 0.625em; top: 0.625em; z-index: 4; } .control.is-loading.is-small:after { font-size: 0.75rem; } .control.is-loading.is-medium:after { font-size: 1.25rem; } .control.is-loading.is-large:after { font-size: 1.5rem; } .newsletter-section.has-background { background-size: cover; background-repeat: no-repeat; background-position: center center; } .newsletter-section .dark-overlay-true { position: static; } @media only screen and (min-width: 768px) { .newsletter-section.has-full-width-crop { padding: 0; } .newsletter-section.has-full-width-crop .column { margin: 0; width: 100%; } .newsletter-section.has-full-width-crop .newsletter__wrapper { max-width: 100%; } } .newsletter-section.newsletter-section--popup { margin: 0; padding: 0; width: 100%; max-width: none; } .newsletter-section.newsletter-section--popup .newsletter__wrapper { max-width: 100%; padding: 2em 2em 0 2em; } .newsletter__image--mobile-wrapper { display: none; } .newsletter__image--mobile-wrapper.has-image-crop { padding-bottom: 100%; } .newsletter__image--mobile-wrapper.has-image-crop img { position: absolute; } @media only screen and (max-width: 767px) { .newsletter__image--mobile-wrapper { display: block; overflow: hidden; position: relative; } } .newsletter-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-self: normal; -moz-align-self: normal; -ms-align-self: normal; align-self: normal; width: 100%; z-index: 3; position: relative; } .newsletter-form.is-responsive { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .newsletter-form .field { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .newsletter-form .field.is-stretched-width { -webkit-box-flex: 3 0 50%; -moz-box-flex: 3 0 50%; -webkit-flex: 3 0 50%; -ms-flex: 3 0 50%; flex: 3 0 50%; min-width: 200px; max-width: 100%; } .newsletter-form .field.is-default-width { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; min-width: 150px; } .newsletter-form .field.is-full-width { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; } .newsletter-form .field label { text-align: left; } .newsletter-form .field .button { padding-top: 10px; padding-bottom: 12px; } @media only screen and (max-width: 767px) { .newsletter__logo img, .newsletter__logo svg { margin-top: 27px; } } .newsletter__image { position: relative; } .newsletter__image img { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } @media only screen and (max-width: 767px) { .newsletter__image img { position: static; } } .newsletter__image.image-crop--none img { -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; font-family: "object-fit: contain; object-position: center"; } @media only screen and (max-width: 767px) { .newsletter__image { display: none; } } @media only screen and (min-width: 768px) { .is-active-image { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .newsletter__wrapper { padding: 80px 0; } @media only screen and (max-width: 767px) { .newsletter__wrapper { padding: 30px 10px; } } @media only screen and (min-width: 768px) { .newsletter__text-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media only screen and (max-width: 767px) { .newsletter__heading { font-size: 22px; line-height: 28px; } } .newsletter__subheading { margin-bottom: 37px; color: #fff; font-weight: 300; font-size: 14px; line-height: 18px; } @media only screen and (min-width: 768px) { .newsletter__subheading { width: calc(50% - 40px); margin-right: 80px; font-size: 1.25em; line-height: 26px; } } .bottom_collection_newsletter .newsletter__subheading, .page__newsletter .newsletter__subheading { color: #5C6672; } .newsletter-form__wrapper { flex-grow: 1; } .message { font-size: 1rem; } .message strong { color: currentColor; } .message a:not(.button):not(.tag):not(.dropdown-item) { color: currentColor; text-decoration: underline; } .message.is-small { font-size: 0.75rem; } .message.is-medium { font-size: 1.25rem; } .message.is-large { font-size: 1.5rem; } .message-header { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; line-height: 1.25; padding: 0.75em 1em; position: relative; } .message-header .delete { -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; margin-left: 0.75em; } .message-header + .message-body { border-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .message-body { border-radius: 4px; border-style: solid; border-width: 0 0 0 4px; padding: 1.25em 1.5em; } .message-body code, .message-body pre { background-color: #fff; } .message-body pre code { background-color: transparent; } .navbar { min-height: 2.2rem; position: relative; } .navbar > .container { -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; min-height: 2.2rem; width: 100%; } .navbar.has-shadow { box-shadow: 0 2px 0 0 #fff; } .navbar.is-transparent { background-color: transparent; } .is-fixed-bottom, .is-fixed-top { left: 0; position: fixed; right: 0; z-index: 70; } .is-fixed-bottom { bottom: 0; } .is-fixed-bottom.has-shadow { box-shadow: 0 -2px 0 0 #fff; } .is-fixed-top { top: 0; } html.has-fixed-bottom, body.has-fixed-bottom { padding-bottom: var(--header-height); } .fixed-message__text { padding-left: 0.75rem; padding-right: 0.75rem; } @media only screen and (max-width: 767px) { .fixed-message__text { width: 100%; } } @media only screen and (max-width: 767px) { .fixed-message__button { padding-bottom: 20px; width: 100%; } } .fixed-message__button .button { min-height: 2.25em; height: auto; } .navbar-brand, .navbar-tabs { -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; min-height: 2.2rem; } .navbar-tabs { -webkit-overflow-scrolling: touch; max-width: 100vw; overflow-x: auto; overflow-y: hidden; } .navbar-burger { color: inherit; cursor: pointer; display: block; height: 2.2rem; position: relative; width: 2.2rem; margin-left: auto; } .navbar-burger span { background-color: currentColor; display: block; height: 1px; left: calc(50% - 8px); position: absolute; transform-origin: center; transition-duration: 86ms; transition-property: background-color, opacity, transform; transition-timing-function: ease-out; width: 16px; } .navbar-burger span:nth-child(1) { top: calc(50% - 6px); } .navbar-burger span:nth-child(2) { top: calc(50% - 1px); } .navbar-burger span:nth-child(3) { top: calc(50% + 4px); } .navbar-burger:hover { background-color: rgba(0, 0, 0, 0.05); } .navbar-burger.is-active span:nth-child(1) { transform: translateY(5px) rotate(45deg); } .navbar-burger.is-active span:nth-child(2) { opacity: 0; } .navbar-burger.is-active span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); } .navbar-menu { display: none; } .navbar-item { display: block; line-height: 1.5; padding: 0; position: relative; } @media only screen and (max-width: 767px) { .navbar-link { font-size: 12px; padding: 18px 14px; } } @media only screen and (max-width: 767px) { .header__link.action-area__link { font-size: 12px; } } a.navbar-item, .navbar-link { cursor: pointer; } .navbar-item { display: block; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .navbar-item img { max-height: 1.75rem; } .navbar-item.is-expanded { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; } .navbar-item.is-tab { border-bottom: 1px solid transparent; min-height: 2.2rem; padding-bottom: calc(0.5rem - 1px); } .navbar-item.is-tab:hover { border-bottom-color: #2c313d; } .navbar-item.is-tab.is-active { border-bottom-color: #2c313d; border-bottom-style: solid; border-bottom-width: 3px; padding-bottom: calc(0.5rem - 3px); } .navbar-content { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; } .navbar-link:not(.is-arrowless)::after { right: 1em; } .navbar-link:not(.is-arrowless)::after { content: ""; background-color: #ced0d3; width: 6px; height: 6px; border-top-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 1px; transform: rotate(-45deg) translateX(-50%) !important; background-image: linear-gradient(45deg, #ced0d3 55%, #fff 55%); position: absolute; right: auto; left: 50%; top: auto; bottom: 12px; } .navbar-dropdown { padding-bottom: 1rem; padding-top: 1rem; } .navbar-dropdown .navbar-link, .navbar-dropdown .navbar-item { color: #414b56; font-size: 14px; text-transform: none; padding-left: 0.5rem; padding-right: 0.5rem; } .navbar-dropdown .navbar-link:hover, .navbar-dropdown .navbar-item:hover { color: #13b8ef; } .navbar-dropdown .navbar-link { padding-top: 0; } .navbar-divider { background-color: #fff; border: none; display: none; height: 2px; margin: 0.5rem 0; } @media only screen and (max-width: 767px) { .navbar > .container { display: block; } .navbar-brand .navbar-item, .navbar-tabs .navbar-item { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .navbar-link::after { display: none; } .navbar-menu { background-color: #fff; box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); padding: 0.5rem 0; } .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { left: 0; position: fixed; right: 0; z-index: 70; } .navbar.is-fixed-bottom-touch { bottom: 0; } .navbar.is-fixed-bottom-touch.has-shadow { box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } .navbar.is-fixed-top-touch { top: 0; } .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { -webkit-overflow-scrolling: touch; max-height: calc(100vh - 2.2rem); overflow: auto; } html.has-navbar-fixed-top-touch, body.has-navbar-fixed-top-touch { padding-top: 2.2rem; } html.has-navbar-fixed-bottom-touch, body.has-navbar-fixed-bottom-touch { padding-bottom: 2.2rem; } } @media only screen and (min-width: 768px) { .navbar, .navbar-menu, .navbar-start, .navbar-end { -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .navbar { min-height: 2.2rem; } .navbar.is-spaced { padding: 1rem 2rem; } .navbar.is-spaced .navbar-start, .navbar.is-spaced .navbar-end { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .navbar.is-spaced a.navbar-item, .navbar.is-spaced .navbar-link { border-radius: 4px; } .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent .navbar-link.is-active { background-color: transparent !important; } .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { background-color: transparent !important; } .navbar-burger { display: none; } .navbar-item, .navbar-link { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .navbar-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .navbar-item.has-dropdown, .navbar-item.has-mega-menu { -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; } .navbar-item.has-dropdown:hover .navbar-dropdown, .navbar-item.has-mega-menu:hover .navbar-dropdown { visibility: visible; opacity: 1; display: block; } .navbar-item.has-dropdown a:after, .navbar-item.has-mega-menu a:after { font-size: 15px; } .navbar-item.has-dropdown-up .navbar-link::after { transform: rotate(135deg) translate(0.25em, -0.25em); } .navbar-item.has-dropdown-up .navbar-dropdown { border-top: none; bottom: 100%; box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); top: auto; } .navbar-item.is-active:hover .navbar-dropdown .navbar.is-spaced, .navbar-item.is-active:hover .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown .navbar.is-spaced, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { opacity: 1; pointer-events: auto; transform: translateY(0); } .has-submenu input:checked ~ .navbar-submenu { display: block; } .has-submenu label .navbar-link::after { top: 37%; } .has-submenu input:checked + label .navbar-link::after { transform: translateY(-60%) rotate(180deg); } .dropdown-style-horizontal .navbar-item.is-active, .dropdown-style-horizontal .navbar-item.is-hoverable:hover .navbar-dropdown .section { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbar-menu { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .navbar-start { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; margin-right: auto; } .navbar-end { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; margin-left: auto; } .navbar-dropdown { font-size: 14px; letter-spacing: 1px; text-transform: none; background-color: #faf0ea; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); display: none; left: 0; position: absolute; top: 100%; z-index: 20; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .navbar-dropdown.navbar-dropdown--below-parent { top: 90%; } .navbar-dropdown.is-right { left: auto; right: 0; } .navbar-dropdown.is-vertical { padding: 1rem 0.8em; max-width: 300px; min-width: 200px; } .navbar-dropdown.is-horizontal { padding: 1.2em 0; width: 100%; } .navbar-dropdown .navbar-link span { max-width: 80%; } .navbar-link::after { transition: transform 0.2s linear; } .has-dropdown:hover > .header__link, .has-dropdown:hover > .header__link > a, .has-mega-menu:hover > .header__link, .has-mega-menu:hover > .header__link > a { color: #394049; } .has-dropdown:hover > .navbar-link::after, .has-mega-menu:hover > .navbar-link::after { transform: translateY(-60%) rotate(180deg); } .horizontal-dropdown__column .navbar-submenu { margin-bottom: 0; } .navbar-submenu { display: none; margin-left: 20px; margin-top: 0; margin-bottom: 10px; border-left: 2px solid rgba(65, 75, 86, 0.3); } .navbar-submenu li:first-child .navbar-item { padding-top: 0; } .navbar-submenu li:last-child .navbar-item { padding-bottom: 0; } .navbar-submenu .navbar-item, .navbar-submenu .navbar-link { white-space: normal; padding: 10px 15px; } .has-small-vertical-spacing .menu__heading { padding-bottom: 5px; } .has-small-vertical-spacing .navbar-item { padding-top: 0; padding-bottom: 5px; } .has-small-vertical-spacing .navbar-link { padding-bottom: 5px; } .has-small-vertical-spacing > .navbar-item:last-child { padding-bottom: 0; } .has-medium-vertical-spacing .menu__heading { padding-bottom: 10px; } .has-medium-vertical-spacing .navbar-item { padding-top: 0; padding-bottom: 10px; } .has-medium-vertical-spacing .navbar-link { padding-bottom: 10px; } .has-medium-vertical-spacing > .navbar-item:last-child { padding-bottom: 0; } .has-large-vertical-spacing .menu__heading { padding-bottom: 15px; } .has-large-vertical-spacing .navbar-item { padding-top: 0; padding-bottom: 15px; } .has-large-vertical-spacing .navbar-link { padding-bottom: 15px; } .has-large-vertical-spacing > .navbar-item:last-child { padding-bottom: 0; } .navbar-divider { display: block; } .navbar > .container .navbar-brand, .container > .navbar .navbar-brand { margin-left: -0.75rem; } .navbar > .container .navbar-menu, .container > .navbar .navbar-menu { margin-right: -0.75rem; } .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { left: 0; position: fixed; right: 0; z-index: 70; } .navbar.is-fixed-bottom-desktop { bottom: 0; } .navbar.is-fixed-bottom-desktop.has-shadow { box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } .navbar.is-fixed-top-desktop { top: 0; } html.has-navbar-fixed-top-desktop, body.has-navbar-fixed-top-desktop { padding-top: 2.2rem; } html.has-navbar-fixed-bottom-desktop, body.has-navbar-fixed-bottom-desktop { padding-bottom: 2.2rem; } html.has-spaced-navbar-fixed-top, body.has-spaced-navbar-fixed-top { padding-top: 4.2rem; } html.has-spaced-navbar-fixed-bottom, body.has-spaced-navbar-fixed-bottom { padding-bottom: 4.2rem; } .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { background-color: transparent; } } .box-shadow-false .navbar-dropdown, .box-shadow-false .mega-menu { box-shadow: none; } @media only screen and (max-width: 767px) { .paginate { width: 100%; margin-bottom: 20px; } } .pagination { font-size: 1rem; margin: -0.25rem; } .pagination .pagination-previous { margin-right: 16px; } .pagination .pagination-next { margin-left: 16px; } .pagination.is-small { font-size: 0.75rem; } .pagination.is-medium { font-size: 1.25rem; } .pagination.is-large { font-size: 1.5rem; } .pagination.is-rounded .pagination-previous, .pagination.is-rounded .pagination-next { padding-left: 1em; padding-right: 1em; border-radius: 290486px; } .pagination.is-rounded .pagination-link { border-radius: 290486px; } .pagination, .pagination-list { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center; } .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis { font-size: 1em; padding-left: 0.5em; padding-right: 0.5em; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; margin: 0.25rem; text-align: center; } .pagination-previous, .pagination-next, .pagination-link { border-color: rgba(65, 75, 86, 0.2); color: #414b56; min-width: 2.25em; } .pagination-previous:hover, .pagination-next:hover, .pagination-link:hover { border-color: #13b8ef; color: #13b8ef; } .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus { border-color: #13b8ef; } .pagination-previous:active, .pagination-next:active, .pagination-link:active { box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); } .pagination-previous[disabled], .pagination-next[disabled], .pagination-link[disabled] { background-color: #dbdbdb; border-color: #dbdbdb; box-shadow: none; color: #7a7a7a; opacity: 0.5; } .pagination-previous, .pagination-next { padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; } .pagination-link.is-current { background-color: #f5f5f5; border-color: #13b8ef; color: #13b8ef; } .pagination-ellipsis { color: #b5b5b5; pointer-events: none; } @media only screen and (max-width: 767px) { .pagination .pagination-previous, .pagination .pagination-next { width: auto; margin-left: 5px; margin-right: 5px; } .pagination.paginate--both { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-page .pagination-list { margin-bottom: 3rem; } .pagination.paginate--both .pagination-previous, .pagination.paginate--both .pagination-next { position: absolute; bottom: 0; width: auto; } .pagination.paginate--both .pagination-previous { left: 5px; } .pagination.paginate--both .pagination-next { right: 5px; } } @media only screen and (min-width: 768px) { .pagination-list { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .pagination { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .pagination.is-center .pagination-previous { order: 1; } .pagination.is-center .pagination-list { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; order: 2; } .pagination.is-center .pagination-next { order: 3; } .pagination.is-right .pagination-previous { order: 1; } .pagination.is-right .pagination-next { order: 2; } .pagination.is-right .pagination-list { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; order: 3; } } .pagination-button__infinite-scroll:not(.is-loading) { display: none; } .tabs { -webkit-overflow-scrolling: touch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .tabs a { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; border-bottom-color: #8f9397; border-bottom-style: solid; border-bottom-width: 1px; color: #414b56; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; } .tabs a:hover { border-bottom-color: #363636; color: #363636; } .tabs a:hover * { color: #363636; } .tabs li { display: block; margin-top: 0.25em; } .tabs li.active a, .tabs li.is-active a { border-bottom-color: #2c313d; color: #2c313d; } .tabs li.active a *, .tabs li.is-active a * { color: #363636; } .tabs li a * { margin-bottom: 0; font-size: 1rem; } .tabs ul { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; border-bottom-color: #8f9397; border-bottom-style: solid; border-bottom-width: 1px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; margin-left: 0; } .tabs ul.is-left { padding-right: 0.75em; } .tabs ul.is-center { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; padding-left: 0.75em; padding-right: 0.75em; } .tabs ul.is-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; padding-left: 0.75em; } .tabs .icon:first-child { margin-right: 0.5em; } .tabs .icon:last-child { margin-left: 0.5em; } .tabs.is-center ul { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .tabs.is-right ul { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .tabs.is-small { font-size: 0.75rem; } .tabs.is-medium { font-size: 1.25rem; } .tabs.is-large { font-size: 1.5rem; } .tabs-content { padding-left: 0; margin-left: 0; list-style: none; width: 100%; } .tabs-content > li { display: none; width: 100%; } .tabs-content > li.is-active, .tabs-content > li.active { display: block; } ul.tabs { -webkit-overflow-scrolling: touch; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; border-bottom-color: #8f9397; border-bottom-style: solid; border-bottom-width: 1px; padding-left: 0; margin-left: 0; } ul.tabs a { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; border-bottom-color: #8f9397; border-bottom-style: solid; border-bottom-width: 1px; color: #414b56; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; } ul.tabs a:hover { border-bottom-color: #363636; color: #363636; } ul.tabs li { display: block; margin-top: 0.25em; } ul.tabs li.active a, ul.tabs li.is-active a { border-bottom-color: #2c313d; color: #2c313d; } ul.tabs li a.active, ul.tabs li a.is-active { border-bottom-color: #2c313d; color: #2c313d; } ul.tabs li a.active *, ul.tabs li a.is-active * { color: #2c313d; } ul.tabs-content { margin-left: 0; } ul.tabs a { border: 1px solid transparent; border-radius: 4px 4px 0 0; } ul.tabs a:hover { background-color: #fff; border-bottom-color: #8f9397; } ul.tabs li.is-active a, ul.tabs li.active a { background-color: #fff; border-color: #8f9397; border-bottom-color: transparent !important; } ul.tabs li a.is-active, ul.tabs li a.active { background-color: #fff; border-color: #8f9397; border-bottom-color: transparent !important; } ul.tabs.is-fullwidth li { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } ul.tabs.is-toggle a { border-color: #8f9397; border-style: solid; border-width: 1px; margin-bottom: 0; position: relative; } ul.tabs.is-toggle a:hover { background-color: #fff; border-color: #909498; z-index: 2; } ul.tabs.is-toggle li + li { margin-left: -1px; } ul.tabs.is-toggle li:first-child a { border-radius: 4px 0 0 4px; } ul.tabs.is-toggle li:last-child a { border-radius: 0 4px 4px 0; } ul.tabs.is-toggle li.is-active a { background-color: #2c313d; border-color: #2c313d; color: #fff; z-index: 1; } ul.tabs.is-toggle ul { border-bottom: none; } ul.tabs.is-toggle.is-toggle-rounded li:first-child a { border-bottom-left-radius: 290486px; border-top-left-radius: 290486px; padding-left: 1.25em; } ul.tabs.is-toggle.is-toggle-rounded li:last-child a { border-bottom-right-radius: 290486px; border-top-right-radius: 290486px; padding-right: 1.25em; } .shopify-product-reviews-badge { height: 30px; display: block; } .reviews-visibility-false { display: none; } @media only screen and (min-width: 768px) { .product__images { margin-left: 0 !important; } .product__images .product-gallery__main { min-height: 446px; } } @media only screen and (max-width: 767px) { .product__images .product-gallery__main { min-height: 270px; } } .product-gallery__main, .product-gallery__thumbnails.is-slide-nav--true { transition: ease-in-out 0.2s opacity; } .product-gallery__main.flickity-enabled, .product-gallery__main.vertical-slider-enabled, .product-gallery__thumbnails.is-slide-nav--true.flickity-enabled, .product-gallery__thumbnails.is-slide-nav--true.vertical-slider-enabled { opacity: 1; } .product-gallery__image { width: 100%; height: auto; } .product-gallery__image img { width: 100%; height: auto; display: block; } .product-gallery__link { display: block; } .zoom-container { width: 100%; display: block; } .product-gallery__nav .gallery-cell, .is-slide-nav--true .product-gallery__thumbnail { opacity: 0.3; } .product-gallery__nav .gallery-cell.is-nav-selected, .is-slide-nav--true .product-gallery__thumbnail.is-nav-selected { opacity: 1; border: 1px solid #7CC952; } .product-thumbnail { padding-top: 10px; padding-bottom: 10px; line-height: 1.2; border-top: none; padding-left: 20px; padding-right: 20px; } .product-thumbnail__vendor, .product-thumbnail__price { display: block; } .thumbnail__caption { padding: 0 3px; } .thumbnail-swatch { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 3px 3px 0; } .thumbnail-swatch.is-justify-left { margin-left: -5px; } .thumbnail-swatch.is-justify-right { margin-right: -5px; } .thumbnail-swatch .swatch { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; box-sizing: border-box; border: 1px solid transparent; padding: 2px; margin: 0 3px; } .thumbnail-swatch .swatch:hover { border: 1px solid #000; } .thumbnail-swatch .swatch__style--circle, .thumbnail-swatch .swatch__style--circle span, .thumbnail-swatch .swatch__style--circle img { border-radius: 50%; } .thumbnail-swatch span { border: 1px solid #8f9397; min-height: 20px; min-width: 20px; display: inline-block; } .thumbnail-swatch span img { max-width: 20px; max-height: 20px; display: block; } .thumbnail-swatch span .swatch__image--empty { display: none; } .product-gallery__thumbnails--bottom-slider { margin-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .product-gallery__thumbnails--bottom-slider .flickity-button:disabled { display: none; } .product-gallery__thumbnails--bottom-slider .product-gallery__thumbnail { margin-right: 20px; width: 20%; text-align: center; } .product-gallery__thumbnails--bottom-thumbnails { margin-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .product-gallery__thumbnails--bottom-thumbnails.is-slide-nav--false .product-gallery__thumbnail { margin-bottom: 20px; line-height: 0; } .product-gallery--right-thumbnails:not(.product-gallery--image-amount-1) { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .product-gallery--right-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__main { width: 85%; height: 100%; } .product-gallery--right-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__thumbnails { width: 15%; margin-left: 20px; } .product-gallery--right-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__thumbnail { width: 100%; margin-bottom: 20px; } .product-gallery--right-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__thumbnail:last-child { margin-bottom: 0; } .product-gallery--left-thumbnails:not(.product-gallery--image-amount-1) { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .product-gallery--left-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__main { width: 85%; height: 100%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .product-gallery--left-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__thumbnails { width: 15%; margin-right: 20px; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .product-gallery--left-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__thumbnail { width: 100%; margin-bottom: 20px; } .product-gallery--left-thumbnails:not(.product-gallery--image-amount-1) .product-gallery__thumbnail:last-child { margin-bottom: 0; } .product-gallery__thumbnails--right-thumbnails, .product-gallery__thumbnails--left-thumbnails { width: 100%; margin: 10px; -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; } .product-gallery__thumbnails--right-thumbnails.is-slide-nav--true, .product-gallery__thumbnails--left-thumbnails.is-slide-nav--true { overflow-y: auto; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; } .product-gallery__thumbnails--right-thumbnails.is-slide-nav--true::-webkit-scrollbar, .product-gallery__thumbnails--left-thumbnails.is-slide-nav--true::-webkit-scrollbar { width: 0; height: 0; } .product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail, .product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail { width: 100%; margin: 0; } .product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail:last-child, .product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail:last-child { margin-bottom: 0; } .product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail:before, .product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail:before { line-height: 0; color: transparent; display: block; text-align: center; content: counter(carousel-cell); } .product__collections-list, .product__type-list, .product__tags-list { padding-bottom: 5px; } .product__collections-list.tags, .product__type-list.tags, .product__tags-list.tags { margin-bottom: 0; } .product__collections-list.tags .tag, .product__type-list.tags .tag, .product__tags-list.tags .tag { margin-bottom: 1rem; } .product__collections-list .product__classification-title, .product__type-list .product__classification-title, .product__tags-list .product__classification-title { margin-right: 0.5rem; margin-bottom: 1rem; } .savings { display: block; } .sold-out { color: rgba(65, 75, 86, 0.3); } .product-template--image-scroll .product-gallery__main { opacity: 1; } .product-template--image-scroll .product-gallery__main:after { content: "flickity"; display: none; } @media only screen and (min-width: 768px) { .product-template--image-scroll .product-gallery__main:after { content: ""; } } .product-template--image-scroll .product-gallery__image { margin-bottom: 20px; opacity: 1 !important; } @media only screen and (min-width: 768px) { .product-template--image-scroll .product-gallery__thumbnails { display: none; } } .product-gallery:hover .flickity-prev-next-button { opacity: 1; } .product-gallery .flickity-prev-next-button { opacity: 0; transition: all 0.3s ease-in-out; opacity: 1; } @media only screen and (min-width: 768px) { .product-gallery .flickity-page-dots { display: none; } } @media only screen and (max-width: 767px) { .product-gallery--no-thumbnails .flickity-page-dots { display: block; } } .product-gallery__nav .gallery-cell { width: calc(20% - 10px); margin: 0 5px; } .product-template--featured-slideshow .product-gallery__main { height: 90vh; } .product-template--featured-slideshow .product-gallery__link, .product-template--featured-slideshow .image__container { height: 100%; } .product-template--featured-slideshow .product-gallery__image.is-selected img { height: 100%; opacity: 1; } .product-template--featured-slideshow .product-gallery__image { margin: 0 20px; width: 50%; height: 100%; } .product-template--featured-slideshow .product-gallery__image img { transition: height 0.2s linear; opacity: 0.8; height: 50%; width: 100%; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; } .product-template--featured-slideshow .product-gallery__image .image__container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .product-template--featured-slideshow .product__information.one-column-layout { max-width: calc(0.75 * 1200px); margin: 0 auto; } .product-template--featured-slideshow .product__information .description.bottom { padding-top: 20px; } .product-gallery__main.is-fade .flickity-slider .product-gallery__image { opacity: 0 !important; transition: opacity 1s ease !important; } .product-gallery__main.is-fade .flickity-slider .product-gallery__image.is-selected { opacity: 1 !important; } .block__related-products { width: 100%; } .block__product-reviews { min-width: 50%; } .dynamic-blocks--has-limit .section { width: 100%; } .dynamic-blocks--has-limit .section.has-background { width: calc(100% - 20px); } .section.product-info__block, .section.product-gallery__block { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .block__product-gallery .product-gallery__container { width: 100%; } .product_section .has-product-sticker .sticker-holder__content { font-size: 16px; } .recommended-products-section { visibility: hidden !important; } .product__size-chart { float: right; } .product__notify-form { margin-bottom: 1.5rem; max-width: 390px; } .product__notify-form [type="submit"] { padding: 5px 20px; } .notify-form__success-message { margin: 0; } .selector-wrapper { margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .selector-wrapper:last-of-type { margin-bottom: 1.5rem; } .selector-wrapper label { margin-right: 10px; margin-bottom: 0; } .selector-wrapper label:not(:last-child) { margin-bottom: 0; } .product_form--swatches .select-container { display: none; } .items_left { margin-bottom: 1.5rem; } .quantity-wrapper { position: relative; } .quantity-wrapper .quantity-input { text-align: left; width: 100%; } .quantity-wrapper .quantity-plus, .quantity-wrapper .quantity-minus { display: block; position: absolute; right: 20px; width: 8px; height: 8px; border-top-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 1px; background-image: linear-gradient(45deg, #c9cccf 55%, #f5f5f5 55%); z-index: 9; } .quantity-wrapper .quantity-plus:hover, .quantity-wrapper .quantity-minus:hover { cursor: pointer; background-image: linear-gradient(45deg, #13b8ef 55%, #f5f5f5 55%); } .quantity-wrapper .quantity-plus[disabled], .quantity-wrapper .quantity-minus[disabled] { background-image: linear-gradient(45deg, #c9cccf 55%, #f5f5f5 55%); cursor: not-allowed; } .quantity-wrapper .quantity-plus { transform: rotate(135deg); top: 17px; } .quantity-wrapper .quantity-minus { transform: rotate(-45deg); top: 42px; } .cart-warning { margin-top: 20px; } .add_to_cart.action_button { margin-bottom: 0; } .shopify-payment-button { position: relative; } .shopify-payment-button button { line-height: 1.2; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; } div.shopify-payment-button__button { border-radius: 0; } .shopify-payment-button__button--branded, .shopify-payment-button__button--unbranded { overflow: hidden; min-height: 44px; } button.shopify-payment-button__more-options { color: #414b56; box-shadow: none; text-transform: none; font-size: 0.8rem; letter-spacing: 0; padding: 16px 0 28px; max-width: 80%; margin: 0 auto; font-weight: normal; font-family: "Exo 2", sans-serif; font-style: normal; } button.shopify-payment-button__more-options:hover { background-color: transparent; border: none; } .purchase-details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product_section .smart-payment-button--true.product_form { max-width: 100%; } @media only screen and (max-width: 767px) { .smart-payment-button--true .purchase-details { padding-bottom: 10px; } } @media only screen and (max-width: 767px) { .smart-payment-button--true .product-quantity-box.purchase-details__quantity { width: 100%; margin-right: 0; } .smart-payment-button--true .product-quantity-box.purchase-details__quantity .input.quantity { width: calc(100% - 88px); } } .smart-payment-button--false .purchase-details { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .quantity-input.input { -moz-appearance: textfield; box-shadow: none; border: 0; padding: 20px 50px 20px 25px; background-color: #f5f5f5; border: 1px solid #c9cccf; color: #1a1d24; font-weight: 500; line-height: 1; height: auto; } .quantity-input.input::-webkit-inner-spin-button, .quantity-input.input::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; } .product-quantity-box.purchase-details__quantity input.quantity { padding-top: 11px; padding-bottom: 11px; line-height: 1.4; margin-bottom: 0; width: calc(100% - 88px); min-height: 44px; } @media only screen and (max-width: 767px) { .smart-payment-button--true .product-quantity-box.purchase-details__quantity { width: 100%; margin-right: 0; } .smart-payment-button--true .product-quantity-box.purchase-details__quantity .input.quantity { width: calc(100% - 88px); } } .purchase-details__buttons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1 0 calc(50% - 12px); -moz-box-flex: 1 0 calc(50% - 12px); -webkit-flex: 1 0 calc(50% - 12px); -ms-flex: 1 0 calc(50% - 12px); flex: 1 0 calc(50% - 12px); -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .purchase-details__buttons { margin-top: 20px; margin-left: 12px; -webkit-box-flex: 1 0 calc(50% - 12px); -moz-box-flex: 1 0 calc(50% - 12px); -webkit-flex: 1 0 calc(50% - 12px); -ms-flex: 1 0 calc(50% - 12px); flex: 1 0 calc(50% - 12px); } } @media only screen and (max-width: 767px) { .purchase-details__buttons { margin-top: 12px; margin-left: 0; -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } } .purchase-details__buttons .button { width: 100%; height: auto; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; min-height: 44px; } @media only screen and (max-width: 767px) { .purchase-details__buttons .button { } } .purchase-details__buttons .shopify-payment-button { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin-bottom: 0; max-width: 100%; } @media only screen and (min-width: 1401px) { .purchase-details__buttons .shopify-payment-button { -webkit-box-flex: 1 0 calc(50% - 12px); -moz-box-flex: 1 0 calc(50% - 12px); -webkit-flex: 1 0 calc(50% - 12px); -ms-flex: 1 0 calc(50% - 12px); flex: 1 0 calc(50% - 12px); max-width: calc(50% - 12px); } } .purchase-details__buttons .action_button.action_button--secondary { background-color: transparent; border: 1px solid #8f9397; color: #414b56; box-shadow: none; line-height: 1.2; padding: 10px 0; -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin: 0; max-width: 100%; } @media only screen and (min-width: 1401px) { .purchase-details__buttons .action_button.action_button--secondary { -webkit-box-flex: 1 0 calc(50% - 12px); -moz-box-flex: 1 0 calc(50% - 12px); -webkit-flex: 1 0 calc(50% - 12px); -ms-flex: 1 0 calc(50% - 12px); flex: 1 0 calc(50% - 12px); max-width: calc(50% - 12px); margin-right: 8px; } } @media only screen and (max-width: 767px) { .purchase-details__buttons .action_button.action_button--secondary { margin-bottom: 12px; } } .purchase-details__buttons .action_button.action_button--secondary:hover, .purchase-details__buttons .action_button.action_button--secondary:focus { border: 1px solid #fff; background-color: #fff; color: #2c313d; } .purchase-details .purchase-details__spb--true { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; margin-top: 12px; margin-left: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .purchase-details .purchase-details__spb--true { width: 100%; } } @media only screen and (max-width: 767px) { .purchase-details .purchase-details__spb--true { margin-left: 0; margin-bottom: 0; } } .purchase-details .purchase-details__spb--true .action_button.action_button--secondary { -webkit-box-flex: 1 0 calc(50% - 12px); -moz-box-flex: 1 0 calc(50% - 12px); -webkit-flex: 1 0 calc(50% - 12px); -ms-flex: 1 0 calc(50% - 12px); flex: 1 0 calc(50% - 12px); margin: 0 6px 0 0; max-width: calc(calc(50% - 12px)); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .purchase-details .purchase-details__spb--true .action_button.action_button--secondary { width: 100% !important; max-width: calc(50% - 12px) !important; } } @media only screen and (max-width: 767px) { .purchase-details .purchase-details__spb--true .action_button.action_button--secondary { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin-right: 0px; margin-top: 0; margin-bottom: 12px; max-width: 100%; } } .purchase-details .purchase-details__spb--true .shopify-payment-button { margin: 0 0 0 6px; max-width: calc(calc(50% - 12px)); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .purchase-details .purchase-details__spb--true .shopify-payment-button { width: 100% !important; max-width: calc(50% - 12px) !important; } } @media only screen and (max-width: 767px) { .purchase-details .purchase-details__spb--true .shopify-payment-button { margin-left: 0; margin-top: 0; margin-bottom: 10px; max-width: 100%; } } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded { font-size: 1rem; border-radius: 0px; width: 100%; line-height: inherit; font-family: "Open Sans", sans-serif; font-weight: 300; font-style: normal; letter-spacing: 1px; text-transform: uppercase; border: 1px solid rgba(0, 0, 0, 0); } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded, .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded:link, .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded:visited { color: #2c313d; background-color: #fff; border-color: rgba(0, 0, 0, 0); } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded:hover, .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-hovered { color: #fff; border-color: rgba(0, 0, 0, 0) !important; background-color: #13b8ef; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded:focus, .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-focused { color: #fff; border-color: rgba(0, 0, 0, 0); background-color: #13b8ef; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded:focus:not(:active), .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(44, 49, 61, 0.25); } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded:active, .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-active { color: #fff; border-color: rgba(0, 0, 0, 0); background-color: #13b8ef; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-inverted { color: #fff; background-color: #2c313d; border-color: #fff; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-small { font-size: 0.75rem; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-normal { font-size: 1rem; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-medium { font-size: 1.25rem; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-payment-button__button--unbranded.is-large { font-size: 1.5rem; line-height: 1.25em; width: 100%; } .purchase-details .purchase-details__spb--true .shopify-payment-button .shopify-paymeny-button__button--branded { border-radius: 0px; } .purchase-details .purchase-details__spb--false { height: 65px; display: inline-block; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .purchase-details .purchase-details__spb--false { width: 100%; } } .purchase-details .purchase-details__spb--false .button--add-to-cart { height: inherit; width: 50%; } @media only screen and (max-width: 767px) { .purchase-details .purchase-details__spb--false .button--add-to-cart { width: 100%; } } .purchase-details.has-quantity-box .purchase-details__spb--false { max-width: 350px; } @media only screen and (max-width: 767px) { .purchase-details.has-quantity-box .purchase-details__spb--false { max-width: 100%; } } .purchase-details.has-quantity-box .purchase-details__spb--false .button--add-to-cart { width: 100%; padding: 0; } .button--add-to-cart { position: relative; } .button--add-to-cart .text { display: block; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .button--add-to-cart .fadeInDown.text { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } .button--add-to-cart .checkmark { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .button--add-to-cart .checkmark path { stroke-dasharray: 19.79 19.79; stroke-dashoffset: 19.79; stroke: #fff; opacity: 0; } .button--add-to-cart .checkmark.checkmark-active path { -webkit-animation: drawCheckmark 0.5s linear alternate forwards; animation: drawCheckmark 0.5s linear alternate forwards; } @keyframes drawCheckmark { from { stroke-dashoffset: 19.79; opacity: 1; } to { stroke-dashoffset: 0; opacity: 1; } } @-webkit-keyframes drawCheckmark { from { stroke-dashoffset: 19.79; opacity: 1; } to { stroke-dashoffset: 0; opacity: 1; } } .ie button .checkmark path { stroke-dashoffset: 0; opacity: 0; } .ie button .checkmark.checkmark-active path { -webkit-animation: fadeCheckmark 0.5s linear alternate forwards; animation: fadeCheckmark 0.5s linear alternate forwards; } @-webkit-keyframes fadeCheckmark { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeCheckmark { from { opacity: 0; } to { opacity: 1; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { button .checkmark path { stroke-dashoffset: 0; opacity: 0; } button .checkmark.checkmark-active path { animation: fadeCheckmark 0.5s linear alternate forwards; } @keyframes fadeCheckmark { from { opacity: 0; } to { opacity: 1; } } } @media only screen and (max-width: 767px) { .product__thumbnail.has-padding-bottom { padding-bottom: 40px; } } .product-image__wrapper { position: relative; } .product-image__wrapper:hover .thumbnail-overlay__container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .product-image__wrapper:hover .thumbnail-overlay__container .quick-shop__buttons, .product-image__wrapper:hover .thumbnail-overlay__container .quick-shop__info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media only screen and (max-width: 767px) { .product-image__wrapper:hover .thumbnail-overlay__container { opacity: 0; visibility: hidden; } } .thumbnail-overlay__container { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: none; position: absolute; padding: 20px; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 251, 249, 0.7); color: #244a6c; z-index: 10; } .thumbnail-overlay__container a, .thumbnail-overlay__container a:visited { color: #244a6c; } .thumbnail-overlay__container .spr-icon-star:before { color: #244a6c; } .thumbnail-overlay__container .product-thumbnail__title, .thumbnail-overlay__container .product-thumbnail__price { color: #244a6c; } .thumbnail-overlay__container .quick-shop__info, .thumbnail-overlay__container .quick-shop__buttons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; display: none; width: 100%; } .thumbnail-overlay__container .quick-shop__info { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .thumbnail-overlay__container .quick-shop__buttons { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; padding-top: 20px; position: relative; } .thumbnail-overlay__container .animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .thumbnail-overlay__container .sold-out { color: #244a6c; } @media only screen and (max-width: 767px) { .thumbnail__hover-overlay--true .quick-shop__info { display: none; } } .thumbnail__hover-overlay--true .thumbnail__caption { display: none; } @media only screen and (max-width: 767px) { .thumbnail__hover-overlay--true .thumbnail__caption { display: block; } } .hidden-product-link { line-height: 0; font-size: 0; color: transparent; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; } .has-thumbnail-sticker .image__container { position: relative; } .has-thumbnail-sticker .sticker-holder { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 100%; position: absolute; width: 100%; z-index: 2; } .has-thumbnail-sticker .sticker-position-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; text-align: right; } .has-thumbnail-sticker .sticker-position-bottom-left { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .has-thumbnail-sticker .sticker-position-bottom-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; text-align: right; } .has-thumbnail-sticker .spr-badge { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-top: 3px; padding-right: 3px; } .has-thumbnail-sticker .spr-badge .spr-badge-starrating, .has-thumbnail-sticker .spr-badge .spr-badge-caption { text-align: left; } .has-thumbnail-sticker .thumbnail-overlay__container .spr-badge-starrating, .has-thumbnail-sticker .thumbnail-overlay__container .spr-badge-caption { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center; } .has-thumbnail-sticker .spr-badge-starrating .spr-icon-star, .has-thumbnail-sticker .spr-badge-starrating .spr-icon-star-empty, .has-thumbnail-sticker .spr-badge-caption { font-size: 80%; } .has-thumbnail-sticker .spr-icon-star:before { color: #f8e71c; } .has-thumbnail-sticker .product-thumbnail__title { display: block; } .has-thumbnail-sticker .thumbnail-sticker:nth-child(1n + 4) { display: none; } .thumbnail-sticker { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; padding: 7px 12px; text-align: center; } .thumbnail-sticker.new-sticker { background-color: #000; color: #fff; } .thumbnail-sticker.best-seller-sticker { background-color: #e8bd88; color: #414b56; } .thumbnail-sticker.coming-soon-sticker { background-color: #082c54; color: #fff; } .thumbnail-sticker.staff-pick-sticker { background-color: #faf0ea; color: #414b56; } .thumbnail-sticker.pre-order-sticker { background-color: #082c54; color: #fff; } .sticker-holder.sticker-shape-square { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .one-seventh .sticker-shape-square .sticker-holder__content, .one-sixth .sticker-shape-square .sticker-holder__content, .one-fifth .sticker-shape-square .sticker-holder__content, .sticker-shape-square .sticker-holder__content { max-width: 50%; font-size: 12px; } @media only screen and (max-width: 767px) { .one-seventh .sticker-shape-square .sticker-holder__content, .one-sixth .sticker-shape-square .sticker-holder__content, .one-fifth .sticker-shape-square .sticker-holder__content, .sticker-shape-square .sticker-holder__content { max-width: 60%; } } .one-fourth .sticker-shape-square .sticker-holder__content { max-width: 40%; font-size: 14px; } @media only screen and (max-width: 767px) { .one-fourth .sticker-shape-square .sticker-holder__content { max-width: 60%; } } .one-third .sticker-shape-square .sticker-holder__content { max-width: 33.3334%; font-size: 16px; text-transform: uppercase; } @media only screen and (max-width: 767px) { .one-third .sticker-shape-square .sticker-holder__content { max-width: 60%; } } .one-half .sticker-shape-square .sticker-holder__content { max-width: 25%; font-size: 16px; } @media only screen and (max-width: 767px) { .one-half .sticker-shape-square .sticker-holder__content { max-width: 60%; } } .sticker-shape-round.sticker-position-bottom-right .thumbnail-sticker, .sticker-shape-round.sticker-position-right .thumbnail-sticker { float: right; margin-right: 5px; margin-left: 0; } .sticker-shape-round .thumbnail-sticker { border-radius: 50%; display: inline-block; width: calc(33.3333% - 5px); padding: calc(33.3333% - 5px) 0 0; margin-left: 5px; margin-bottom: 5px; margin-top: 5px; position: relative; } .sticker-shape-round .thumbnail-sticker .sticker-text { position: absolute; top: 50%; left: 50%; line-height: 1.1; transform: translateX(-50%) translateY(-50%); word-wrap: break-word; font-size: 0.7em; } @media only screen and (max-width: 767px) { .sticker-shape-round .thumbnail-sticker .sticker-text { font-size: 1em; } } .one-seventh .sticker-shape-round .sticker-holder__content, .one-sixth .sticker-shape-round .sticker-holder__content, .one-fifth .sticker-shape-round .sticker-holder__content, .sticker-shape-round .sticker-holder__content { width: 75%; font-size: 12px; } @media only screen and (max-width: 1024px) { .one-seventh .sticker-shape-round .sticker-holder__content, .one-sixth .sticker-shape-round .sticker-holder__content, .one-fifth .sticker-shape-round .sticker-holder__content, .sticker-shape-round .sticker-holder__content { width: 80%; } } @media only screen and (max-width: 767px) { .one-seventh .sticker-shape-round .sticker-holder__content, .one-sixth .sticker-shape-round .sticker-holder__content, .one-fifth .sticker-shape-round .sticker-holder__content, .sticker-shape-round .sticker-holder__content { width: 100%; } } .one-fourth .sticker-shape-round .sticker-holder__content { width: 60%; font-size: 14px; } @media only screen and (max-width: 1024px) { .one-fourth .sticker-shape-round .sticker-holder__content { width: 80%; } } @media only screen and (max-width: 767px) { .one-fourth .sticker-shape-round .sticker-holder__content { width: 100%; } } .one-third .sticker-shape-round .sticker-holder__content, .one-half .sticker-shape-round .sticker-holder__content { width: 50%; font-size: 18px; } .one-third .sticker-shape-round .sticker-holder__content .thumbnail-sticker, .one-half .sticker-shape-round .sticker-holder__content .thumbnail-sticker { margin: 5px; width: 100%; max-width: 60px; padding: 30px; } @media only screen and (max-width: 1024px) { .one-third .sticker-shape-round .sticker-holder__content, .one-half .sticker-shape-round .sticker-holder__content { width: 80%; } } @media only screen and (max-width: 767px) { .one-third .sticker-shape-round .sticker-holder__content, .one-half .sticker-shape-round .sticker-holder__content { width: 100%; } } .one-third .sticker-shape-round.sticker-position-bottom-right .thumbnail-sticker, .one-half .sticker-shape-round.sticker-position-bottom-right .thumbnail-sticker { margin-right: 10px; margin-left: 0; } @media only screen and (max-width: 767px) { .one-third .sticker-shape-round.sticker-position-bottom-right .thumbnail-sticker, .one-half .sticker-shape-round.sticker-position-bottom-right .thumbnail-sticker { font-size: 0.8em; } } @media only screen and (max-width: 767px) { .one-third .sticker-shape-round.sticker-position-bottom-right .thumbnail-sticker, .one-half .sticker-shape-round.sticker-position-bottom-right .thumbnail-sticker { font-size: 0.6em; } } @media only screen and (max-width: 1024px) { .one-half .sticker-shape-round .sticker-holder__content { width: 65%; } } @media only screen and (max-width: 767px) { .small-down--one-whole .sticker-shape-round .thumbnail-sticker { font-size: 0.9em; width: calc(22% - 10px); padding: calc(22% - 10px) 0 0; } } .product_section .product__information .thumbnail-sticker:nth-child(1n + 4) { display: none; } .has-product-sticker .sticker-holder__content--product-center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; margin: 0px auto; max-width: 30%; padding-top: 20px; font-size: 16px; } @media only screen and (max-width: 767px) { .has-product-sticker .sticker-holder__content--product-center { font-size: 13px; } } .has-product-sticker .sticker-holder__content--product-center .thumbnail-sticker { margin: 0 5px; } .has-product-sticker .sticker-shape-round .sticker-holder__content--product { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 45%; width: 100%; font-size: 14px; } @media only screen and (max-width: 767px) { .has-product-sticker .sticker-shape-round .sticker-holder__content--product { max-width: 80%; } } .has-product-sticker .sticker-shape-round .is-product-slideshow { max-width: 30%; } @media only screen and (max-width: 767px) { .has-product-sticker .sticker-shape-round .sticker-holder__content--product-center { max-width: 50%; } } @media only screen and (max-width: 767px) { .has-product-sticker .sticker-shape-round .sticker-holder__content--product-center { max-width: 80%; } } .has-product-sticker .sticker-shape-round .thumbnail-sticker { width: calc(33.333% - 10px); padding: calc(33.3333% - 10px) 0 0; margin: 0 10px 0 0; display: inline-block; float: none; } .has-product-sticker .sticker-shape-round .thumbnail-sticker .sticker-text { font-size: 1em; } .has-product-sticker .sticker-shape-square .sticker-holder__content--product { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width: 75%; width: 100%; } @media only screen and (max-width: 767px) { .has-product-sticker .sticker-shape-square .sticker-holder__content--product { max-width: 100%; font-size: 13px; } } .has-product-sticker .sticker-shape-square .is-product-slideshow { max-width: 45%; } @media only screen and (max-width: 767px) { .has-product-sticker .sticker-shape-square .sticker-holder__content--product-center { max-width: 100%; font-size: 13px; } } .has-product-sticker .sticker-shape-square .thumbnail-sticker { width: calc(33.333% - 10px); margin-right: 10px; display: inline-block; float: none; } .has-product-sticker .sticker-shape-square .thumbnail-sticker .sticker-text { font-size: 1em; } .has-product-sticker .sticker-holder { display: block; padding-bottom: 20px; font-size: 14px; } .has-secondary-image-swap img { visibility: visible; height: auto; } .has-secondary-image-swap .swap--visible { opacity: 0; visibility: hidden; height: 0 !important; } .quick-shop__popup, .quickshop-forms__container { display: none; } .quick-shop .product-gallery, .quick-shop .product-gallery__nav { opacity: 0; transition: opacity 0.5s ease; } .quick-shop.quick-shop--loaded .product-gallery, .quick-shop.quick-shop--loaded .product-gallery__nav { opacity: 1; } .quick-shop__buttons { z-index: 12; } .quickshop__gallery--right { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .quick-shop__popup { padding: 40px 10px; } .quick-shop__popup .fancybox-close-small svg { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; } .quick-shop__popup .modal_price { font-size: 1.2em; } .quick-shop__popup .product_form { padding: 20px 0; } @media only screen and (max-width: 767px) { .quick-shop__popup .purchase-details__buttons { margin-top: 12px; } } @media only screen and (max-width: 767px) { .quick-shop__popup .select, .quick-shop__popup .select select { width: auto; } } .quick-shop__popup .select-container { clear: both; overflow: hidden; } .quick-shop__popup .select { display: block; float: left; clear: both; margin-bottom: 10px; } .quick-shop__gallery { padding-right: 10px; } .quick-shop__text-wrap { padding-left: 10px; } .quick-shop .product-gallery__nav { margin-top: 20px; } .quick-shop .product-gallery .gallery-cell { width: 100%; } .quick-shop .product-gallery__nav .gallery-cell { width: calc(20% - 10px); } .quick-shop__lightbox .fancybox-content { width: 90%; max-width: 900px; background-color: #fff; cursor: pointer !important; } .quick-shop__popup .sticker-shape-square .sticker-holder__content, .quick-shop__popup .sticker-shape-round .sticker-holder__content { max-width: 100%; font-size: 13px; } .size-chart { display: none; } .size-chart .fancybox-close-small svg { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; } .size-chart-wrap { -webkit-box-flex: 1 0 60%; -moz-box-flex: 1 0 60%; -webkit-flex: 1 0 60%; -ms-flex: 1 0 60%; flex: 1 0 60%; padding: 0; max-width: 900px; position: relative; padding: 40px; } .size-chart-wrap.animated { opacity: 0; } .product__size-chart { font-size: 1rem; } .product__size-chart.size-chart--medium-down { float: left; width: 100%; display: none; padding-bottom: 20px; } @media only screen and (max-width: 767px) { .product__size-chart.size-chart--medium-down { display: block; } } .product__size-chart .icon { position: relative; top: 2px; width: 0.9rem; height: 0.9rem; } .announcement-bar { width: 100%; position: absolute; } .announcement-bar.is-small { font-size: 0.75rem; } .announcement-bar.is-regular { font-size: 1rem; } .announcement-bar.is-large { font-size: 1.5rem; } @media only screen and (max-width: 767px) { .announcement-bar.is-large { font-size: 1rem; } } .announcement-bar .is-width-standard .message-header { padding-left: 0; padding-right: 0; } .announcement-bar__text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .announcement-bar__icon { line-height: 0; } .show-close-icon-true { padding-left: 20px; } .announcement-bar__content { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .announcement-bar__content p { padding: 0 0.5em; display: inline-block; } .announcement-bar__shadow { opacity: 0; visibility: hidden; min-height: 20px; } .announcement-bar--visible .announcement-container { transition: all 0s linear; height: auto; } .announcement-container { height: 0; overflow: hidden; position: relative; } @media only screen and (min-width: 768px) { .author-share-wrap .blog-share > div { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } } .comment-section { display: block; } .blog-author { padding-left: 0; } .blog-author img { width: 120px; height: 120px; border-radius: 50%; } .blog-author p { font-size: 0.9rem; } @media only screen and (max-width: 767px) { .comment-section--cards img { width: 100px; } } .banner__wrapper { overflow: hidden; position: relative; max-height: 100vh; } .banner__wrapper img { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; height: 100%; } .banner__wrapper.is-small .image-element__wrap { height: 300px; } @media only screen and (max-width: 767px) { .banner__wrapper.is-small .image-element__wrap { height: auto; } } .banner__wrapper.is-medium .image-element__wrap { height: 60vh; } @media only screen and (max-width: 767px) { .banner__wrapper.is-medium .image-element__wrap { height: auto; } } .banner__wrapper.is-large .image-element__wrap { height: 90vh; } @media only screen and (max-width: 767px) { .banner__wrapper.is-large .image-element__wrap { height: auto; } } .banner__content { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: auto; z-index: 3; width: 100%; } .banner__text { margin: auto; max-width: 1200px; } .banner__heading { font-family: "Exo 2", sans-serif; font-weight: 300; font-style: normal; font-size: 36px; color: #ffffff; } @media only screen and (max-width: 767px) { .banner__heading { font-size: 25px; } } .banner__subheading { font-family: "Exo 2", sans-serif; font-weight: 400; font-style: normal; font-size: 14px; letter-spacing: 1px; color: #ffffff; } .dark-overlay-true { position: relative; } .dark-overlay-true:after { content: ""; position: absolute; z-index: 2; background: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; } .contact-form .contact-form__form { padding: 40px; } @media only screen and (max-width: 767px) { .contact-form .contact-form__form { margin: 30px 0; } } .contact-form .contact-form__image { margin-bottom: 25px; } .contact-form .contact-form__blocks .contact-form__block { margin-bottom: 20px; } .contact-form .contact-form__blocks .contact-form__block label { color: inherit !important; } .contact-form .contact-form__block--radio .contact-form__list, .contact-form .contact-form__block--checkbox .contact-form__list { margin: 0; list-style: none; } .contact-form .contact-form__block--radio .contact-form__list li, .contact-form .contact-form__block--checkbox .contact-form__list li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; margin-bottom: 10px; } .contact-form .contact-form__block--radio .contact-form__list li input, .contact-form .contact-form__block--checkbox .contact-form__list li input { top: 2px; margin-right: 7px; position: relative; } .contact-form .contact-form__social .social-icons { list-style: none; margin: 20px 0 0 0; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; } .contact-form .contact-form__social .social-icons li { padding-right: 10px; } .contact-form .text-align-right .social-icons { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .contact-form .text-align-center .social-icons { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .contact-form--left { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .contact-form--right .contact-form__offset .contact-form__form, .contact-form--left .contact-form__offset .contact-form__form { margin: 0; } @media only screen and (max-width: 767px) { .contact-form--right .contact-form__form, .contact-form--left .contact-form__form { margin-left: 0; margin-right: 0; } } .featured-collection-section .slider-gallery, .featured-collection-section .personyze-gallery, .block__featured-collection .slider-gallery, .block__featured-collection .personyze-gallery { width: 100%; } .featured-promotions .has-gutter-enabled .flickity-enabled .featured-promotions__block { margin-left: 10px; margin-right: 10px; } @media only screen and (max-width: 767px) { .featured-promotions .has-gutter-enabled .featured-promotions__block--2:first-child { margin-bottom: 20px; } } .featured-promotions__nav-wrapper { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } @media only screen and (max-width: 767px) { .featured-promotions__nav-wrapper { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } } .featured-promotions__nav { color: #2c313d; margin-bottom: 10px; cursor: pointer; transition: color 0.3s ease-in-out; } .featured-promotions__nav:first-child { margin-right: 10px; } .featured-promotions__nav:hover { color: #13b8ef; } .is-width-wide .featured-promotions__nav:last-child { margin-right: 10px; } .featured-promotions__block { position: relative; } .featured-promotions__block--has-link:hover .featured-promotions__content img, .featured-promotions__block--has-link:hover .featured-promotions__content svg { transform: scale(1.1); } .featured-promotions__block--has-link:hover .has-border { border-width: 3px; } .featured-promotions__block.has-image-crop:after { content: ""; display: block; padding-bottom: 100%; } .featured-promotions__block.has-image-crop .featured-promotions__content { position: absolute; width: 100%; height: 100%; } .featured-promotions__content { position: relative; overflow: hidden; font-size: 1rem; } .featured-promotions__content img, .featured-promotions__content svg { transition: all 0.3s ease-in-out; } .featured-promotions__content:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .featured-promotions__overlay { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; z-index: 3; transition: all 0.3s linear; padding: 0 20px; text-align: center; } .featured-promotions__overlay span { width: 50px; height: 50px; } .featured-promotions__overlay.has-border { border: thin solid; } .featured-promotions__title { margin: 10px 0; text-align: center; line-height: 1.2; } .featured-promotions__subtitle p { padding: 5px 0; } .featured-promotions__wrapper:after { content: "flickity"; display: none; } @media only screen and (min-width: 768px) { .mobile-slider .featured-promotions__nav-wrapper { display: none; } } @media only screen and (min-width: 768px) { .mobile-slider .featured-promotions__wrapper:after { content: ""; } } .featured-product .product-thumbnail__title { display: block; padding-top: 0.5em; } .featured-product .slideshow-enabled--false .product-gallery__image:not(:first-child) { display: none; } .featured-product-section .select, .featured-product-section .select select { height: 44px; } .footer__container { width: 100%; } .footer__container .footer__content { padding: 30px 0; } .footer__content { background-color: #1a1d24; color: #f5f5f5; font-size: 14px; } .footer__heading { font-family: "Exo 2", sans-serif; font-size: 12px; font-weight: 300; text-transform: uppercase; color: #8d8e92; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .footer__heading { color: #fff; margin-bottom: 20px; } } @media only screen and (min-width: 768px) { .footer__heading { pointer-events: none; } } .footer__block.block__logo .footer__heading { font-family: "Exo 2", sans-serif; font-weight: 400; font-style: normal; font-size: 16px; text-transform: uppercase; } .footer__logo-container { margin-bottom: 40px; position: relative; } .footer__logo-container:after { content: ""; display: block; position: absolute; left: 208px; top: 50%; width: 75%; min-width: 400px; height: 1px; background-color: #7CC952; } .footer__logo--main { max-width: 177px; margin-left: 0 !important; } .footer__logo-wrapper { width: 100%; } .footer__logo-wrapper.is-small { max-width: 60%; } @media only screen and (max-width: 767px) { .footer__logo-wrapper.is-small { max-width: 30%; } } .footer__logo-wrapper.is-medium { max-width: 80%; } @media only screen and (max-width: 767px) { .footer__logo-wrapper.is-medium { max-width: 50%; } } .footer__logo-wrapper.is-large { max-width: 100%; } @media only screen and (max-width: 767px) { .footer__logo-wrapper.is-large { max-width: 70%; } } .footer__logo-wrapper .image-element__wrap { margin-right: 0; margin-left: 0; } .footer__credits { font-size: smaller; } .footer__credits p { display: inline; } .footer__menu .svg-text-icon { width: 20px; margin-right: 5px; } .footer__menu ul { padding-left: 20px; } @media only screen and (max-width: 767px) { .footer__menu ul { padding-left: 0; } } @media only screen and (max-width: 767px) { .footer__menu ul { padding-left: 10px; } } .footer__menu ul li { margin-bottom: 10px; } @media only screen and (max-width: 767px) { .footer__menu ul li { margin-bottom: 20px; } } .footer__block.block__text p { font-weight: 300; margin-bottom: 10px; } .footer__block.block__text a { font-weight: 400; color: #7CC952; } .footer__text-block--social svg path { fill: #7CC952; stroke: #7CC952; } .footer__menu-link { font-weight: 300; } .footer__extra-content { background-color: #D3DFF0; padding-bottom: 10px; } .footer__extra-content .badges { text-align: center; } .footer__extra-content .badges img { margin: 0 3px 15px; } @media only screen and (max-width: 767px) { .footer__extra-content .payment-methods { max-width: 250px; } } .footer__extra-content .payment-methods svg { margin-right: 5px; } @media only screen and (max-width: 767px) { .footer-menu-accordion .footer__content { padding-bottom: 26px; } .footer-menu-accordion .footer__menu { padding: 12px 11px 11px; border: 1px solid #2c313d; margin-bottom: -1px; } .footer-menu-accordion .footer__menu.expanded { margin-bottom: 0; } .footer-menu-accordion .footer__heading { position: relative; margin-bottom: 0 !important; padding-right: 40px; } .footer-menu-accordion .footer__heading .icon { display: none; position: absolute; top: -5px; right: 0; width: 30px; height: 30px; padding: 7px; } .footer-menu-accordion .footer__heading [data-icon="minus"] { border: 1px solid #13b8ef; color: #13b8ef; } .footer-menu-accordion .footer__heading [data-icon="plus"] { color: #13b8ef; } .footer-menu-accordion .footer__heading .icon.icon--active { display: block; } .footer-menu-accordion .footer__heading + * { display: none; padding-top: 20px; padding-bottom: 15px; } } .footer__content { border-bottom: 0; border-top: 0; overflow-x: hidden; } .footer__block.one-fifth .is-stretched-width { min-width: 100% !important; } @media only screen and (max-width: 1024px) { .footer__block .is-stretched-width { min-width: 100% !important; } } @media only screen and (max-width: 767px) { .footer__credits + .footer__payment-methods { margin-top: 20px; } } @media only screen and (max-width: 767px) { .footer__credits { text-align: center; } } @media only screen and (max-width: 767px) { .footer__payment-methods { text-align: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .footer__logo-wrapper { display: block; } .footer__logo-wrapper:hover .footer__heading, .footer__logo-wrapper:hover img { opacity: 0.7; } .footer__logo-wrapper .footer__heading, .footer__logo-wrapper img { transition: opacity 0.3s ease-in; } .has-no-side-gutter .gallery__item { margin: 0; } .gallery-type--classic { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .has-gutter-enabled .gallery__item { margin-bottom: 20px; } } .gallery-type--horizontal-masonry { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery-type--horizontal-masonry img { width: 100%; } .gallery__item { position: relative; } .gallery__item:hover .gallery-item__overlay { opacity: 1; } .has-image-crop .gallery__item-wrap { height: 100%; } .gallery-item__overlay { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.2s ease; } .gallery-item__overlay .icon { margin: 20px; width: 2.4rem; height: 2.4rem; } .navbar { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header { background-color: #fff; transition: background-color 0.3s linear, height 0.2s linear; border-bottom: 1px solid #c9cccf; } .is-sticky .header { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16); } .header__menu { width: 100%; } .sticky-menu-wrapper:after { content: ""; display: block; background: #ffffff1c; width: 100vw; height: 60px; position: absolute; left: 50%; transform: translateX(-50%) translateY(-100%); /* box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2); */ pointer-events: none; } .header__inner-content { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 100%; } .header__inner-content .header__currency-dropdown { overflow: visible; } @media only screen and (min-width: 768px) { .header__inner-content { padding: 20px 0 0.5rem; } .header__inner-content .navbar-link { padding: 0 0.9rem; } } .header__logo { transition: all 0.1s linear; display: block; } .header__logo + .header__logo-text { display: none; } .header__search { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 1rem; } .header__search .header__search-form { /* max-width: 445px; */ margin-left: auto; margin-right: 0; } .header__search .field { margin-bottom: 0; } .header__search-bar { width: 100%; } /* .header__search-bar input { border-radius: 0; border: none; border-bottom: 1px solid #c9cccf; outline: none; padding-right: 10px; padding-left: 28px; color: #13b8ef; font-size: 14px; font-weight: 300; height: 35px; } .header__search-bar input:focus { border-color: #c9cccf; box-shadow: none; } */ .header__search-bar ::placeholder { color: #6D757B; opacity: 1; } .header__search-bar :-ms-input-placeholder { color: #6D757B; } .header__search-bar ::-ms-input-placeholder { color: #6D757B; } .header__search-bar .header__search-button { position: absolute; /* left: 0; top: 5px; */ z-index: 9; } .header__search-bar .header__search-button svg path { fill: #13b8ef; } .header__search-bar .icon { height: 1em; width: 1em; } .header__search-button { border-radius: 0; } .header__menu-items { height: 100%; position: relative; } .header-cart { position: relative; } @media only screen and (max-width: 767px) { .header-cart { position: static; } } .action-area__link.has-cart-count { padding-right: 1.8em; } .header__menu-toggle { visibility: hidden; opacity: 0; position: absolute; } .is-sticky .sticky-menu-wrapper { visibility: hidden; opacity: 0; max-height: 0; transition: visibility 0s linear 0.1s, opacity 0.33s linear, max-height 0.33s linear; } .sticky-header__menu { padding: 10px 0; } .sticky-menu-wrapper.is-visible { visibility: visible; opacity: 1; transition: visibility 0s linear, opacity 0.33s linear 0.1s, max-height 0.33s linear 0.1s; max-height: 100%; } .is-sticky .header__inner-content { padding-top: 0.5rem; } .is-sticky .header__menu-toggle { cursor: pointer; margin-right: 2rem; visibility: visible; position: relative; height: 100%; opacity: 1; transition: visibility 0s linear, opacity 0.33s linear 0.1s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .is-sticky .header__menu-toggle .header__close-menu { opacity: 0; visibility: hidden; position: absolute; transition: visibility 0s linear, opacity 0.33s linear 0.1s; } .is-sticky .header__menu-toggle.is-active .header__open-menu { opacity: 0; visibility: hidden; position: absolute; } .is-sticky .header__menu-toggle.is-active .header__close-menu { opacity: 1; visibility: visible; position: relative; } #shopify-section-header__top-bar p { font-weight: 500; } #header-sticky-wrapper { height: auto !important; } @media only screen and (max-width: 767px) { header.header #mobile-header { display: none; } header.header .header__search:not(.active) { display: none; } header.header .header__brand { flex: 1; } header.header .header-search-icon svg path { fill: #2c313d; } } @media only screen and (max-width: 767px) { header.header { display: none; } header.header #mobile-header { display: block; } } .is-relative[data-enable_sticky] { height: auto !important; } .header, .mobile-header { font-family: "Exo 2", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 1px; font-size: 15px; text-transform: uppercase; } .header__currency-dropdown select { border: none; font-family: "Exo 2", sans-serif; font-weight: 400; font-style: normal; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; height: inherit; background: transparent; color: currentColor; } .dropdown-style-horizontal { position: relative; } .dropdown-style-horizontal .navbar, .dropdown-style-horizontal .navbar-item { position: initial; } .dropdown-style-horizontal .header__menu-items, .header__dropdown--below-header.header__menu-items { height: 100%; } .dropdown-style-horizontal .header__menu-items .navbar-item.has-dropdown, .header__dropdown--below-header.header__menu-items .navbar-item.has-dropdown { -webkit-align-self: stretch; -moz-align-self: stretch; -ms-align-self: stretch; align-self: stretch; } .vertical-alignment-center .header__item { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .vertical-alignment-top .header__item { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .vertical-alignment-bottom .header__item { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .header__link, .header__link > a { color: #6a727b; fill: #6a727b; } .header__link:hover, .header__link.is-active, .header__link > a:hover, .header__link > a.is-active { color: #394049; fill: #394049; } @media only screen and (max-width: 767px) { .header__link:not(.customer_account--link) svg path, .header__link:not(.customer_account--link) > a svg path { fill: #2c313d; } } .header__logo-text { font-family: "Exo 2", sans-serif; font-weight: 400; font-style: normal; font-size: 16px; text-transform: uppercase; } .header__logo-text, h1.header__logo-text > a { color: #fff; } .header__logo-text:hover, h1.header__logo-text > a:hover { color: #fff; } .header__icons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .header__icon-style-text .header__icon, .header__icon-style-text .header-cart__count--badge { display: none; } .header__icon-style-icons .icon-caption { display: none; } .header__icon-style-icons .header__currency-dropdown .icon-caption { display: block; position: absolute; opacity: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .header__icon-style-icons .header__currency-dropdown .icon-caption { left: 0; top: 50%; transform: translateY(-50%); } } .header__icon-style-icons-text { text-transform: uppercase; } .header__icon-style-icons-text .select { height: auto; } .header__icon-style-icons-text .icon-caption { padding: 0.3em 0 0; font-size: 0.7em; } .header__icon-style-icons-text .action-area__link.has-cart-count { padding-right: 1.8em; } .header__icon-style-icons-text .header-cart__caption { display: block; } .header__icon-style-icons-text .header__currency-dropdown .icon { margin-bottom: 1.2rem; } .header__icon-style-icons-text .header__currency-dropdown .icon-caption { display: block; position: absolute; } .header__icon-style-icons-text .header__currency-dropdown select { font-size: 1em; padding: 0; max-width: none; padding-top: 1.2rem; } @-moz-document url-prefix() { .header__currency-dropdown select, .header__currency-dropdown select:hover { color: #fff !important; } } .header__currency-dropdown { position: relative; overflow: hidden; } .header__currency-dropdown select { color: #6a727b; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .header__currency-dropdown select { color: transparent; } } .header__currency-dropdown select:hover { color: #394049; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .header__currency-dropdown select:hover { color: transparent; } } .action-area__link:not(.has-cart-count) .header-cart__count { display: none; } @media only screen and (min-width: 768px) and (max-width: 767px) { .search-popup { opacity: 1 !important; } } .action-area__link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding: 15px; height: 100%; } @media only screen and (min-width: 768px) { .action-area__link { padding: 0 15px; } } .action-area__link:last-child { padding-right: 0; padding-left: 0; } .vertical-alignment-center .action-area__link { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .vertical-alignment-top .action-area__link { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .vertical-alignment-bottom .action-area__link { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .has-submenu label { display: block; position: relative; } .has-submenu .close-dropdown, .has-submenu .close-sub-dropdown { position: absolute; cursor: pointer; top: 0; right: 0; height: 100%; width: 25%; } .has-submenu .has-no-link .close-dropdown, .has-submenu .has-no-link .close-sub-dropdown { width: 100%; } [data-enable_overlay="false"] .overlay-logo__content { display: none; } [data-enable_overlay="false"] .logo__content { display: block; } [data-enable_overlay="true"] .overlay-logo__content { display: block; } [data-enable_overlay="true"] .logo__content { display: none; } .header__logo:hover img { opacity: 0.7; } .header__logo img { transition: opacity 0.3s ease-in; } .heading-section__preheading { font-family: "Exo 2", sans-serif; font-size: 15px; font-weight: 400; font-style: normal; text-transform: none; } .heading-section__subheading { font-family: "Exo 2", sans-serif; font-size: 22px; font-weight: 400; font-style: normal; text-transform: none; } .heading-section__content { padding: 1.5rem 0; } .vertical-spacing-medium .heading-section__preheading + .heading-section__heading { padding-top: 10px; } .vertical-spacing-medium .heading-section__preheading + .heading-section__subheading { padding-top: 10px; } .vertical-spacing-medium .heading-section__heading + .heading-section__subheading { padding-top: 10px; } .vertical-spacing-medium .heading-divider { margin-top: 10px; } .vertical-spacing-large .heading-section__preheading + .heading-section__heading { padding-top: 20px; } .vertical-spacing-large .heading-section__preheading + .heading-section__subheading { padding-top: 20px; } .vertical-spacing-large .heading-section__heading + .heading-section__subheading { padding-top: 20px; } .vertical-spacing-large .heading-divider { margin-top: 20px; } .heading-wrapper { margin-bottom: 40px; } @media only screen and (max-width: 767px) { .heading-wrapper { margin-bottom: 20px; } } .heading-wrapper.text-align-center .heading-divider { margin: 0 auto; } .heading-wrapper.text-align-right .heading-divider { margin: 0 0 0 auto; } @media only screen and (min-width: 768px) { .has-heading-divider-below .heading-wrapper:not(.heading-divider-below) { margin-bottom: 0; } .has-heading-divider-below .heading-wrapper:not(.heading-divider-below) .heading-divider { display: none; } } @media only screen and (max-width: 767px) { .heading-divider-below { display: none; } } .has-gutter-enabled .instagram__item, .has-gutter-enabled .instagram__placeholder { margin-bottom: 20px; } .instagram__item, .instagram__placeholder { position: relative; overflow: hidden; } .instagram__item:hover .instagram__bg { transform: scale(1.1); } @media only screen and (min-width: 768px) { .instagram__item:hover .instagram-overlay { background-color: rgba(0, 0, 0, 0.7); visibility: visible; opacity: 1; } } .instagram__item:after { content: ""; display: block; padding-bottom: 100%; } .instagram__link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .instagram__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; transition: all 0.3s ease-in-out; } .instagram__video-link:after, .instagram__video-link:before { content: ""; position: absolute; top: 50%; left: 50%; z-index: 2; } .instagram__video-link:after { width: 0; height: 0; border: 16px solid transparent; border-left: 20px solid #fff; margin-top: -18px; margin-left: -7px; -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.25)); } .instagram__video-link:before { margin-top: -34px; margin-left: -34px; width: 60px; height: 60px; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.18); } .instagram__video-link:hover:before { background: rgba(0, 0, 0, 0.7); } .instagram-overlay { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.42); transition: opacity 0.3s ease-in-out; text-align: center; opacity: 0; z-index: 2; } .instagram-overlay span { color: white; } .instagram-overlay .icon { margin-bottom: 10px; height: 1.5em; width: 1.5em; } .icon-bar__block { padding: 0.5rem 0.75rem; } @media only screen and (min-width: 768px) { .icon-bar__block:first-child { padding-left: 0; } .icon-bar__block:last-child { padding-right: 0; } } .icon-bar__block.is-small { font-size: 0.75rem; } .icon-bar__block.is-medium { font-size: 16px; } .icon-bar__block.is-large { font-size: 1.5rem; } .icon-bar__block .icon-bar__text { padding: 0 5px; } .icon-with-text-column .icon { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .icon-with-text-column .icon { margin-bottom: 0; margin-top: 20px; } } .icon-with-text-column .icon.is-small { height: 2.8rem; width: 2.8rem; } .icon-with-text-column .icon.is-medium { height: 3.6rem; width: 3.6rem; } .icon-with-text-column .icon.is-large { height: 5.4rem; width: 5.4rem; } @media only screen and (max-width: 767px) { .image-with-text .has-gutter-enabled .image-with-text__column:not(:last-child) { margin-bottom: 20px; } } .image-with-text__image-column .image-element__wrap { width: 100%; } @media only screen and (max-width: 767px) { .image-with-text__image-column.has-image-crop:not(.image-crop--none) { height: 100vw; } } .image-with-text__text-column { padding-left: 20px; padding-right: 20px; } .image-with-text__text-column.has-background { padding: 30px; } @media only screen and (max-width: 767px) { .image-with-text__text-column { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } } .image-with-text__heading { padding-bottom: 20px; line-height: 1.2; } .image-with-text__heading.is-small { font-size: 36px; } .image-with-text__heading.is-regular { font-size: 45px; } .image-with-text__heading.is-large { font-size: 67px; } .image-with-text__link { display: block; overflow: hidden; } .image-with-text__link:hover .image-with-text__image, .image-with-text__link:hover svg { transform: scale(1.1); } .image-with-text__image, .image-with-text__link svg { transition: transform 0.3s ease-in-out; } @media only screen and (max-width: 767px) { .block__image-with-text .has-gutter-enabled .image-with-text__column { margin-bottom: 20px; } } @media only screen and (min-width: 768px) { .block__image-with-overlay .image-element__wrap, .image-with-text-overlay .image-element__wrap, .image-slideshow .image-element__wrap { max-height: 400px; } } .block__image-with-overlay .image-with-text-overlay__container, .image-with-text-overlay .image-with-text-overlay__container, .image-slideshow .image-with-text-overlay__container { width: 100%; } .block__image-with-overlay .caption-content, .image-with-text-overlay .caption-content, .image-slideshow .caption-content { padding: 30px; min-width: 350px; } @media only screen and (max-width: 767px) { .block__image-with-overlay .caption-content, .image-with-text-overlay .caption-content, .image-slideshow .caption-content { min-width: auto; } } @media only screen and (max-width: 767px) { .block__image-with-overlay .mobile-text--below-media > .container, .image-with-text-overlay .mobile-text--below-media > .container, .image-slideshow .mobile-text--below-media > .container { display: block; } .block__image-with-overlay .mobile-text--below-media .caption, .image-with-text-overlay .mobile-text--below-media .caption, .image-slideshow .mobile-text--below-media .caption { position: static; text-align: center; margin-top: 20px; margin-bottom: 20px; } .block__image-with-overlay .mobile-text--below-media .caption-content, .image-with-text-overlay .mobile-text--below-media .caption-content, .image-slideshow .mobile-text--below-media .caption-content { padding: 20px 0; } .block__image-with-overlay .mobile-text--below-media.has-background .caption-content, .block__image-with-overlay .mobile-text--below-media.has-border .caption-content, .image-with-text-overlay .mobile-text--below-media.has-background .caption-content, .image-with-text-overlay .mobile-text--below-media.has-border .caption-content, .image-slideshow .mobile-text--below-media.has-background .caption-content, .image-slideshow .mobile-text--below-media.has-border .caption-content { padding: 30px; } } @media only screen and (max-width: 1024px) { .block__image-with-overlay .mobile-text--below-media .is-width-half .caption, .image-with-text-overlay .mobile-text--below-media .is-width-half .caption, .image-slideshow .mobile-text--below-media .is-width-half .caption { position: static; text-align: center; margin-top: 20px; margin-bottom: 20px; top: 0; transform: none; } .block__image-with-overlay .mobile-text--below-media .is-width-half .caption-content, .image-with-text-overlay .mobile-text--below-media .is-width-half .caption-content, .image-slideshow .mobile-text--below-media .is-width-half .caption-content { padding: 20px 0; width: 100%; } } @media only screen and (max-width: 767px) { .block__image-with-overlay .mobile-text--over-media .caption, .image-with-text-overlay .mobile-text--over-media .caption, .image-slideshow .mobile-text--over-media .caption { top: 50%; bottom: auto; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .block__image-with-overlay .mobile-text--over-media .caption .caption-content, .image-with-text-overlay .mobile-text--over-media .caption .caption-content, .image-slideshow .mobile-text--over-media .caption .caption-content { width: calc(100% - 20px); } } .block__image-with-overlay .image-crop-left img, .image-with-text-overlay .image-crop-left img, .image-slideshow .image-crop-left img { min-height: 60vh; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; font-family: "object-fit: cover; object-position: left"; } .block__image-with-overlay .image-crop-center img, .image-with-text-overlay .image-crop-center img, .image-slideshow .image-crop-center img { min-height: 60vh; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover; object-position: center"; } .block__image-with-overlay .image-crop-right img, .image-with-text-overlay .image-crop-right img, .image-slideshow .image-crop-right img { min-height: 60vh; -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; font-family: "object-fit: cover; object-position: right"; } .block__image-with-overlay .pretext, .block__image-with-overlay .subtitle, .image-with-text-overlay .pretext, .image-with-text-overlay .subtitle, .image-slideshow .pretext, .image-slideshow .subtitle { font-size: 20px; font-family: "Exo 2", sans-serif; font-weight: 400; letter-spacing: 1px; } @media only screen and (max-width: 767px) { .block__image-with-overlay .pretext, .block__image-with-overlay .subtitle, .image-with-text-overlay .pretext, .image-with-text-overlay .subtitle, .image-slideshow .pretext, .image-slideshow .subtitle { font-size: 14px; } } @media only screen and (min-width: 768px) { .block__image-with-overlay .pretext, .block__image-with-overlay .subtitle, .image-with-text-overlay .pretext, .image-with-text-overlay .subtitle, .image-slideshow .pretext, .image-slideshow .subtitle { margin-bottom: 40px; } } @media only screen and (max-width: 767px) { .block__image-with-overlay .title, .image-with-text-overlay .title, .image-slideshow .title { margin-bottom: 5px; } } .block__image-with-overlay .image-with-text-overlay__banner, .image-with-text-overlay .image-with-text-overlay__banner, .image-slideshow .image-with-text-overlay__banner { overflow: hidden; position: relative; } @media only screen and (max-width: 767px) { .block__image-with-overlay .image-with-text-overlay__banner, .image-with-text-overlay .image-with-text-overlay__banner, .image-slideshow .image-with-text-overlay__banner { overflow: visible; } } .block__image-with-overlay .image-with-text-overlay__banner h1.title, .image-with-text-overlay .image-with-text-overlay__banner h1.title, .image-slideshow .image-with-text-overlay__banner h1.title { font-family: "Exo 2", sans-serif; font-weight: 500; font-style: normal; font-size: 90px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { .block__image-with-overlay .image-with-text-overlay__banner h1.title, .image-with-text-overlay .image-with-text-overlay__banner h1.title, .image-slideshow .image-with-text-overlay__banner h1.title { font-size: 72px; } } .block__image-with-overlay .image-with-text-overlay__banner h1.title > a, .block__image-with-overlay .image-with-text-overlay__banner h1.title > a:link, .block__image-with-overlay .image-with-text-overlay__banner h1.title > a:visited, .image-with-text-overlay .image-with-text-overlay__banner h1.title > a, .image-with-text-overlay .image-with-text-overlay__banner h1.title > a:link, .image-with-text-overlay .image-with-text-overlay__banner h1.title > a:visited, .image-slideshow .image-with-text-overlay__banner h1.title > a, .image-slideshow .image-with-text-overlay__banner h1.title > a:link, .image-slideshow .image-with-text-overlay__banner h1.title > a:visited { color: #2c313d; } .block__image-with-overlay .image-with-text-overlay__banner h1.title > a:hover, .block__image-with-overlay .image-with-text-overlay__banner h1.title > a:focus, .image-with-text-overlay .image-with-text-overlay__banner h1.title > a:hover, .image-with-text-overlay .image-with-text-overlay__banner h1.title > a:focus, .image-slideshow .image-with-text-overlay__banner h1.title > a:hover, .image-slideshow .image-with-text-overlay__banner h1.title > a:focus { color: #13b8ef; } .block__image-with-overlay .image-with-text-overlay__banner .placeholder-svg, .image-with-text-overlay .image-with-text-overlay__banner .placeholder-svg, .image-slideshow .image-with-text-overlay__banner .placeholder-svg { min-height: 400px; } .block__image-with-overlay .caption, .image-with-text-overlay .caption, .image-slideshow .caption { position: absolute; width: 100%; display: block; padding: 1%; pointer-events: none; } @media only screen and (min-width: 768px) { .block__image-with-overlay .caption.align-middle, .image-with-text-overlay .caption.align-middle, .image-slideshow .caption.align-middle { top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } .block__image-with-overlay .caption.align-top, .image-with-text-overlay .caption.align-top, .image-slideshow .caption.align-top { top: 0; -ms-transform: none; -webkit-transform: none; transform: none; } .block__image-with-overlay .caption.align-bottom, .image-with-text-overlay .caption.align-bottom, .image-slideshow .caption.align-bottom { bottom: 0; top: auto; -ms-transform: none; -webkit-transform: none; transform: none; } .block__image-with-overlay .caption-content, .image-with-text-overlay .caption-content, .image-slideshow .caption-content { pointer-events: all; display: inline-block; } .block__image-with-overlay .caption-overlay-true, .image-with-text-overlay .caption-overlay-true, .image-slideshow .caption-overlay-true { z-index: 3; } .block__image-with-overlay .dark-overlay-true:after, .image-with-text-overlay .dark-overlay-true:after, .image-slideshow .dark-overlay-true:after { content: ""; position: absolute; z-index: 2; background: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; } .block__image-with-overlay .banner--full-link, .image-with-text-overlay .banner--full-link, .image-slideshow .banner--full-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-size: 0; line-height: 0; } .image-with-text-overlay__buttons { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .image-with-text-overlay__buttons.are-small { max-width: 300px; } .image-with-text-overlay__buttons.are-regular { max-width: 400px; } .image-with-text-overlay__buttons.are-large { max-width: 500px; } .image-with-text-overlay__buttons.is-justify-left { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .image-with-text-overlay__buttons.is-justify-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .image-with-text-overlay__buttons.is-justify-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .image-with-text-overlay__buttons .button { margin-bottom: 12px; white-space: normal; margin-left: 0; margin-right: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .image-with-text-overlay__buttons .button { width: 100% !important; max-width: calc(50% - 6px) !important; margin: 0px auto; } } @media only screen and (max-width: 767px) { .image-with-text-overlay__buttons .button { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .image-with-text-overlay__buttons .button:not(.rewards-banner-button) { font-size: 9px !important; } } .list-collection-wrapper .list-collection__thumbnail { display: block; margin-bottom: 30px; } .collection-list .has-no-side-gutter .list-collection__thumbnail { margin-bottom: 0; } .list-collection__thumbnail { overflow: hidden; } .list-collection__thumbnail .product-wrap { position: relative; overflow: hidden; } .list-collection__thumbnail .product-wrap:hover img, .list-collection__thumbnail .product-wrap:hover svg { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .list-collection__thumbnail img, .list-collection__thumbnail svg { transition: all 0.3s ease-in-out; } .collection-thumbnail-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } .collection-info__caption { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; z-index: 2; } .collection-info__caption .title { display: block; margin-bottom: 20px; font-family: "Exo 2", sans-serif; font-weight: 500; font-style: normal; font-size: 45px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { .collection-info__caption .title { font-size: 36px; } } .collection-info__caption .title > a, .collection-info__caption .title > a:link, .collection-info__caption .title > a:visited { color: #2c313d; } .collection-info__caption .title > a:hover, .collection-info__caption .title > a:focus { color: #13b8ef; } .collection-info__caption--below-image { padding: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .collection-info__caption--below-image .title { text-align: center; } .logo-list .has-background { padding-top: 20px; } @media only screen and (max-width: 767px) { .logo-list .logo-list__wrapper { max-width: 1200px; width: 95%; } } .maps { width: 100%; } .map { height: 100%; width: 100%; } .mobile-menu--opened { overflow: hidden; -webkit-overflow-scrolling: touch; height: 100vh; } #mobile-header .mobile-header__logo { width: 100%; } .mobile-header { background-color: #fff; transition: background-color 0.3s linear, height 0.2s linear; width: 100%; border-bottom: 1px solid #c9cccf; } @media only screen and (min-width: 768px) { .mobile-header, #mobile-header-sticky-wrapper { display: none; } } .mobile-header__content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; height: 100%; position: relative; z-index: 10; } @media only screen and (max-width: 767px) { .mobile-header__content { padding: 0 20px; } } @media only screen and (max-width: 767px) { .mobile-header__content { padding: 0 10px; } } .mobile-menu__toggle-icon { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; cursor: pointer; transition: visibility 0s linear, opacity 0.33s linear 0.1s; padding: 10px 5px 10px 0; } .mobile-menu__toggle-icon .icon { fill: #2c313d; } .mobile-menu__toggle-icon .mobile-header__open-menu { transition: visibility 0s linear, opacity 0.33s linear 0.1s; } .mobile-menu__toggle-icon .mobile-header__close-menu { opacity: 0; visibility: hidden; position: absolute; transition: visibility 0s linear, opacity 0.33s linear 0.1s; } .mobile-menu__toggle-icon.is-active .mobile-header__open-menu { opacity: 0; visibility: hidden; position: absolute; } .mobile-menu__toggle-icon.is-active .mobile-header__close-menu { opacity: 1; visibility: visible; position: relative; } .mobile-layout--left .mobile-logo { width: calc(50% - 10px); } .mobile-layout--left .mobile-dropdown, .mobile-layout--left .mobile-icons { width: calc(25% - 10px); } .mobile-layout--left .mobile-icons { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .mobile-layout--left.mobile-logo__position--left .mobile-dropdown, .mobile-layout--left.mobile-logo__position--left .mobile-icons { width: auto; } .mobile-logo, .mobile-dropdown, .mobile-icons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding: 0 5px; } .mobile-icons { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .mobile-dropdown { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .mobile-logo { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; text-align: center; padding-top: 5px; padding-bottom: 5px; } .mobile-logo .image-element__wrap { max-width: 190px !important; } .mobile-logo__position--left .mobile-logo { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; -webkit-justify-content: left; -moz-justify-content: left; -ms-justify-content: left; justify-content: left; -ms-flex-pack: left; text-align: left; } .mobile-logo__position--left .mobile-logo .image-element__wrap { margin-left: 0; } .mobile-layout--left.mobile-logo__position--below { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mobile-layout--left.mobile-logo__position--below .mobile-dropdown, .mobile-layout--left.mobile-logo__position--below .mobile-icons { width: 50%; } .mobile-layout--left.mobile-logo__position--below .mobile-logo { display: none; } .mobile-layout--right .action-area__link.has-cart-count, .mobile-layout--right .action-area__link--search { padding-left: 5px; padding-right: 5px; } .mobile-layout--right.mobile-logo__position--below { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mobile-layout--right.mobile-logo__position--below .mobile-icons { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .mobile-layout--right.mobile-logo__position--below .mobile-logo { display: none; } .mobile-dropdown__position--left { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .mobile-dropdown__position--right { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; padding-top: 5px; } .mobile-logo__outer { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-color: #fff; padding: 10px 0; width: 100%; } .mobile-logo__outer a { color: #414b56; } .mobile-logo__outer .image-element__wrap { max-width: 190px !important; } .mobile-menu a { color: #6a727b; } .mobile-menu a:hover { color: #394049; } .submenu__label:hover a { color: #13b8ef; } .mobile-menu__submenu { font-size: 14px; letter-spacing: 1px; text-transform: none; } .mobile-menu__toggle-icon.is-active + .mobile-menu { transition: left 0.5s; left: 0; } .mobile-menu { max-height: 100%; min-height: 100vh; left: -100%; position: absolute; top: 100%; transition: left 0.3s ease-in-out; width: 100%; z-index: 999999; } .mobile-menu .mobile-menu__item:not(.mobile--points-menu) { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .mobile-menu .mobile-menu__item .icon { fill: #6a727b; margin-right: 12px; } .mobile-menu .mobile-menu__item .icon:hover { color: #394049; } .mobile-menu .mobile-menu__item select { color: #6a727b; } .mobile-menu .mobile-menu__item select:hover { color: #394049; } .mobile-menu .mobile-menu-link, .mobile-menu .mobile-menu__item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; line-height: 1.5; padding: 0.5rem 1.5rem; } .mobile-menu__content { padding-bottom: 100px; height: 100%; overflow-y: scroll; } .mobile-menu__content .icon-caption { padding: 0; font-size: 1em; } .mobile__currency-dropdown { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; position: relative; } .mobile__currency-dropdown .icon-caption { position: absolute; } .mobile__currency-dropdown select { border: none; font-family: "Exo 2", sans-serif; font-weight: 400; font-style: normal; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; height: inherit; background: transparent; color: currentColor; } .mobile-menu-icons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; position: absolute; top: 75vh; width: 100%; padding: 0; } .mobile-menu-link { position: relative; } .mobile-menu-link::after { border-color: #2c313d; right: 1.125em; z-index: 4; font-size: 1.1em; } .mobile-menu__submenu { transition: max-height 0.5s; border-left: 1px solid #8f9397; margin-left: 20px; max-height: 0; overflow: hidden; padding-left: 0; } .mobile-menu__submenu.has-mega-menu { margin-left: 0; max-height: none; display: none; } .mobile-menu__submenu .mega-menu { display: block; position: relative; background-color: #fff !important; left: 0; } .submenu__input:checked ~ .mobile-menu__submenu { transition: max-height 0.8s; max-height: 100vh; } .submenu__input:checked ~ .mobile-menu__submenu.has-dropdown { max-height: 100vh; } .submenu__input:checked ~ .mobile-menu__submenu.has-mega-menu { max-height: none; display: block; border-left: 0; } .submenu__input:checked + label a:after { transform: translateY(-60%) rotate(180deg); } .submenu__input + label a:after { transition: transform 0.2s linear; } .header__icon-style-text .mobile-icons, .header__icon-style-icons-text .mobile-icons { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .header__icon-style-text .mobile-icons.has-one-icon, .header__icon-style-icons-text .mobile-icons.has-one-icon { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .header__icon-style-text .mobile-icons .action-area__link, .header__icon-style-icons-text .mobile-icons .action-area__link { padding: 5px; } .header__icon-style-text .header-cart__caption, .header__icon-style-icons-text .header-cart__caption { white-space: nowrap; } .header__icon-style-icons .mobile__currency-dropdown .icon-caption { display: block; opacity: 0; } .header__icon-style-text .mobile__currency-dropdown { line-height: 1.5; padding: 0.5rem 1.5rem; } .header__icon-style-text .mobile__currency-dropdown .icon-caption { position: relative; } .header__icon-style-text .mobile__currency-dropdown select, .header__icon-style-text .mobile__currency-dropdown option { padding-left: 0px; } @-moz-document url-prefix() { .header__icon-style-text .mobile__currency-dropdown select { text-indent: -2px; } } .header__icon-style-icons-text .mobile__currency-dropdown select { padding-left: 25px; } .mobile-menu__toggle-button { display: none; cursor: pointer; position: absolute; top: 0; left: 0; width: 45px; z-index: 50; bottom: 0; } .mobile-menu__toggle-button.mobile-toggle__position--right { right: 0; left: initial; } @media only screen and (max-width: 767px) { .mobile-menu__toggle-button { display: block; } } .mega-menu-section { display: none; } #header .is-width-wide .mega-menu { width: calc(100% + 20px); left: calc(-20px / 2); } .header--search-focus .mega-menu { overflow: auto; } .mega-menu { display: none; left: 0; font-size: 14px; letter-spacing: 1px; text-transform: none; position: absolute; top: 100%; width: 100%; min-width: 100%; z-index: 20; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); } @media only screen and (max-width: 767px) { .mega-menu { box-shadow: 0; } } .mega-menu.mega-menu--show { display: block; } .mega-menu.mega-menu--force-show { display: block !important; z-index: 30 !important; } .mega-menu a, .mega-menu a:active, .mega-menu a:visited { color: #414b56; } .mega-menu a:hover { color: #13b8ef; } .mega-menu .menu__heading { margin-bottom: 10px; font-size: 16px; line-height: 1.2; } .mega-menu .mega-menu__linklist-link { display: inline-block; padding: 0.5em 0; line-height: 1; } .mega-menu .mega-menu__image { max-height: none; } .mega-menu__block { padding: 20px; } @media only screen and (max-width: 767px) { .mega-menu__block.block__empty-column { display: none; } } .mega-menu__block.block__featured-promo .button { width: 100%; } .mega-menu__block .mega-menu__content { margin-top: 10px; } .mega-menu__block .mega-menu__content:first-child { margin-top: 0; } .mega-menu__block.block__featured-product .price { font-size: 0.9em; } .mega-menu__banner { padding: 0.75em 1em; width: 100%; transition: background-color 0.2s linear; } .mega-menu__banner .icon { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .mega-menu__banner .mega-menu__sticker-text { padding: 0 0.5em; } .mega-menu__banner.is-small { font-size: 0.8rem; } .mega-menu__banner.is-regular { font-size: 1rem; } .mega-menu__banner.is-large { font-size: 1.2rem; } .navbar-item.has-mega-menu { position: static; } .mega-menu__section.is-active .mega-menu { display: block; } .popup-modal .fancybox-bg { opacity: 1; } .popup-modal .fancybox-slide { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding: 40px; } @media only screen and (max-width: 767px) { .popup-modal .fancybox-slide { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; padding: 0; } } .popup__wrapper { display: none; padding: 0; max-width: 900px; width: 90%; position: relative; overflow: hidden; } @media only screen and (max-width: 767px) { .popup__wrapper { width: 100%; } } .popup__wrapper.animated { opacity: 0; } .popup__wrapper.has-image .newsletter-form { max-width: 100%; } .popup__text { font-size: 1rem; } .popup__close { display: block; position: absolute; top: 0; right: 0; margin: 10px; cursor: pointer; } .popup__close .icon--vertical-align { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; margin: auto; } .newsletter-section--popup { margin: 0; padding-top: 20px; width: 100%; max-width: none; } .newsletter-section--popup .newsletter__wrapper { max-width: 100%; padding: 0; } .popup__image { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; position: relative; min-width: 200px; width: 40%; } .popup__image.has-image-crop img { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: auto; width: 100%; } @media only screen and (max-width: 767px) { .popup__image { display: none; } } .image-position-right .popup__image { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .image-position-right .popup__close { left: 0; right: auto; } .popup__content { max-width: calc(75% - 80px); margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-flex: 1 0 60%; -moz-box-flex: 1 0 60%; -webkit-flex: 1 0 60%; -ms-flex: 1 0 60%; flex: 1 0 60%; padding: 40px; } @media only screen and (max-width: 767px) { .popup__content { max-width: 100%; padding: 20px; } } .popup__header { width: calc(100% - 12px); } @media only screen and (max-width: 767px) { .popup__header { margin: 0 10px; } } .mobile-shrink-text span, .mobile-shrink-text p { font-size: 1em; display: block; } @media only screen and (max-width: 767px) { .mobile-shrink-text span, .mobile-shrink-text p { font-size: 0.8em; } } @media only screen and (max-width: 767px) { .mobile-shrink-text span, .mobile-shrink-text p { font-size: 0.5em; } } .rich-text__content a.button { max-width: 50%; } @media only screen and (max-width: 767px) { .rich-text__content a.button { max-width: 100%; } } .search-form .search__fields input[type="text"] { outline: none; border-radius: 0; border: thin solid #8f9397; color: #7a7a7a; } .search-form .search__fields input[type="text"]:active, .search-form .search__fields input[type="text"]:focus { color: #0a0a0a; box-shadow: none; } .search-form .search__fields [data-icon="search"] { padding: 5px; color: #0a0a0a; } @media only screen and (max-width: 767px) { .search-result__image-container { padding-bottom: 20px; } } [data-show-search-trigger] { cursor: pointer; } [data-show-search-trigger] * { pointer-events: none; } .search-overlay__title, .search-popup__title { color: #000; } .search-overlay__form .field:not(:last-child), .search-popup__form .field:not(:last-child) { padding-bottom: 0; } .search-menu__list { display: inline; list-style: none; padding-left: 5px; } @media only screen and (max-width: 767px) { .search-menu__list { padding-left: 0; padding-top: 5px; } } .search-menu__item { display: inline-block; padding: 0 5px; } @media only screen and (max-width: 767px) { .search-menu__item { width: 100%; padding: 0; } } .search-menu__item a, .search-menu__item a:visited { color: #414b56; } .search-menu__item a:hover, .search-menu__item a:focus, .search-menu__item a:visited:hover, .search-menu__item a:visited:focus { color: #13b8ef; } .search-overlay { background-color: #faf0ea; color: #000; position: absolute; top: 100%; left: 0; display: none; width: 100%; z-index: 5; } .search-overlay.sticky-search { position: fixed; } .search-overlay.is-opened { display: block; } @media only screen and (min-width: 1025px) { .search-overlay .search-menu { max-width: 70%; margin: 0px auto; } } .search-overlay__close { cursor: pointer; position: absolute; top: 15px; right: 15px; } .search-overlay__close:hover { opacity: 0.5; } .search-overlay__wrapper { padding: 60px 0; } .search-popup { display: none; background-color: #fff; color: #000; max-width: 600px; padding: 60px 0 45px; font-size: 1.2em; } .search-popup .search-overlay__wrapper { padding: 0 45px; } .search-popup .search-menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .search-popup .search-menu__title { padding-bottom: 20px; } @media only screen and (max-width: 767px) { .search-popup .search-menu__title { padding-bottom: 0; } } .search-popup .search-menu__item { width: 45%; padding: 0; display: block; } @media only screen and (max-width: 767px) { .search-popup .search-menu__item { width: 100%; text-align: center; } } @media only screen and (min-width: 1025px) { .search-popup__form { margin: 0px auto; } } .predictive-results { opacity: 0; list-style: none; background-color: white; padding: 0; position: absolute; top: 100%; width: 100%; z-index: 10; transition: opacity 0.25s ease-in-out; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); } .predictive-results li { border-top: 1px solid #8f9397; padding: 10px; } .predictive-results li a, .predictive-results li a:visited { color: #414b56; } .predictive-results li a:hover, .predictive-results li a:active { color: rgba(65, 75, 86, 0.3); } .predictive-results li:first-child { border-top: 0; } .result-link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .result-image { max-width: 40px; margin-right: 10px; } .result-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .result-info .money { font-weight: bold; } .search__lightbox .predictive-results { position: relative; } @media only screen and (max-width: 767px) { .sidebar-section { width: 100% !important; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .sidebar-section + .has-sidebar-option { width: 100% !important; } } .sidebar-block__heading { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; position: relative; } .sidebar-block__heading + .sidebar-block__content { padding-top: 0.9rem; } .sidebar__block.sidebar-toggle-active { padding-top: 10px; padding-bottom: 10px; } .sidebar__block:first-child { padding-top: 0; } .sidebar__block:last-child { padding-bottom: 0; } .sidebar-block__toggle-icon { position: absolute; right: 0; border: none; top: 50%; transform: translateY(-50%); padding: 0; background: transparent; } .sidebar-block__toggle-icon:focus { outline: 0; } .sidebar-block__toggle-icon .icon { color: #0a0a0a; transition: transform 0.2s linear; } .icon-style--plus_and_minus .icon.icon--active + .icon { display: none; } .sidebar-toggle-active.is-active .icon-style--carets .icon { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sidebar-toggle-active.is-active .icon-style--plus_and_minus .icon.icon--active { display: none; } .sidebar-toggle-active.is-active .icon-style--plus_and_minus .icon.icon--active + .icon { display: block; } [data-sidebar-block__content--collapsible] { display: none; } .sidebar-block__recent-post { margin-bottom: 10px; } .sidebar-block__recent-post .label { font-weight: normal; } @media only screen and (min-width: 768px) { .block__featured-promo { width: 75%; } } .block__featured-promo .card-content { padding: 20px; } .block__featured-promo .sidebar__promo-content { margin-left: 0; } .block__newsletter .newsletter-section { width: 100%; } .block__newsletter .newsletter__wrapper { max-width: 100%; } .block__newsletter .newsletter__text { color: inherit !important; } .block__menu .sidebar-block__item { margin-bottom: 5px; } .block__tag-filter .tag-filter__item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 5px; } .block__tag-filter .tag-filter__label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer; color: #2c313d; transition: 0.2s linear; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .block__tag-filter .tag-filter__label:hover { color: #13b8ef; } .block__tag-filter .tag-filter__item.is-active .tag-filter__label { cursor: initial; color: initial; } .block__tag-filter .tag-filter__item.is-active .tag-filter__label:hover { color: initial; } .block__tag-filter .tag-filter__checkbox--regular { display: none; } .block__tag-filter .tag-filter__swatch { -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; width: 20px; height: 20px; display: inline-block; position: relative; vertical-align: top; background-size: cover; margin-right: 10px; font-size: 0; } .block__tag-filter .tag-filter__swatch input[style*="no-image-50"], .block__tag-filter .tag-filter__swatch input.swatch__image--empty { opacity: 0; } .block__tag-filter .tag-filter__checkbox--swatch { -webkit-appearance: none; -moz-appearance: none; width: 100%; height: 20px; background-size: cover; background-position: center; } @media only screen and (max-width: 767px) { .slideshow-with-text .has-gutter-enabled .image-slideshow { margin-bottom: 20px; } } .slideshow-with-text .flickity-prev-next-button .flickity-button-icon { position: absolute; top: 50%; width: 45%; height: 45%; transform: translateX(-50%) translateY(-50%); } .slideshow-with-text .text-slideshow__heading.banner__subheading { font-family: "Exo 2", sans-serif; font-size: 16px; font-weight: 400; font-style: normal; } .slideshow-with-text .text-slideshow__heading.banner__heading { font-family: "Exo 2", sans-serif; font-size: 45px; font-weight: 500; font-style: normal; } .image-slideshow { opacity: 0; transition: opacity 0.4s; width: 100%; margin: 0 auto; } @media only screen and (max-width: 767px) { .image-slideshow { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } } .image-slideshow .placeholder-svg { height: 500px; } @media only screen and (max-width: 767px) { .image-slideshow .placeholder-svg { height: 300px; } } .image-slideshow .flickity-buttons-container { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; bottom: 20px; right: 20px; } @media only screen and (max-width: 767px) { .image-slideshow .flickity-buttons-container { display: none; } } .image-slideshow .flickity-button { position: static; display: block; -ms-transform: none; -webkit-transform: none; transform: none; } .image-slideshow .flickity-button:first-child { margin-right: 10px; } .image-slideshow-position--left .flickity-buttons-container { left: 5%; right: auto; } .image-slideshow-position--right { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } @media only screen and (max-width: 767px) { .image-slideshow-position--right { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } } .image-slideshow.flickity-enabled { opacity: 1; height: auto; } .image-slideshow__slide { width: 100%; } .image-slideshow__slide .image-element__wrap { width: 100%; height: auto; } .text-slideshow { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; width: 100%; height: 100%; } .text-slideshow .flickity-viewport, .text-slideshow .flickity-slider { height: 100%; } .text-slideshow .flickity-page-dots { -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; position: static; padding-bottom: 3em; } @media only screen and (max-width: 767px) { .text-slideshow .flickity-page-dots { padding-top: 3em; padding-bottom: 0; -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -ms-flex-order: -1; -webkit-order: -1; order: -1; } } .text-slideshow.flickity-page-dots--hidden .flickity-page-dots { display: none; } @media only screen and (max-width: 767px) { .text-slideshow.flickity-page-dots--hidden .flickity-page-dots { display: block; } } .text-slideshow__slide { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding: 3em; } .text-slideshow__content { width: 100%; opacity: 0; animation-delay: 0.2s; } .text-slideshow__content.animated.none { opacity: 1; } .text-slideshow__content .button { margin-top: 10px; } .text-slideshow__heading { padding-bottom: 20px; line-height: 1.5; margin: 0; } .text-slideshow__heading.subtitle { font-size: 16px; } .slideshow-classic { width: 100%; } @media only screen and (max-width: 767px) { .slideshow-classic.page-dots--true { padding-bottom: 25px; margin-bottom: 25px; } } .slideshow-classic .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 50%; top: 50%; width: 45%; height: 45%; transform: translateX(-50%) translateY(-50%); } .slideshow-classic .mobile-text--over-media .caption { top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 767px) { .slideshow-classic .mobile-text--below-media .caption { position: static; text-align: center; margin-top: 20px; margin-bottom: 20px; } } .slideshow-classic .gallery-cell { width: 100%; } .slideshow-classic .gallery-cell .image-element__wrap { width: 100%; } @media only screen and (max-width: 767px) { .slideshow-classic .gallery-cell { display: block; } } .slideshow-classic .flickity-button, .slideshow-classic .flickity-page-dots { position: absolute; top: auto; bottom: 25px; } .slideshow-classic .flickity-button { z-index: 10; } @media only screen and (max-width: 767px) { .slideshow-classic .flickity-button { display: none; } } .slideshow-classic .flickity-page-dots { bottom: 40px; } @media only screen and (max-width: 767px) { .slideshow-classic .flickity-page-dots { bottom: 0; } } .slideshow-classic__buttons { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .slideshow-classic__buttons.are-small { max-width: 300px; } .slideshow-classic__buttons.are-regular { max-width: 400px; } .slideshow-classic__buttons.are-large { max-width: 500px; } .slideshow-classic__buttons.is-justify-left { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .slideshow-classic__buttons.is-justify-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .slideshow-classic__buttons.is-justify-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .slideshow-classic__buttons .button { -webkit-box-flex: 0 0 calc(50% - 6px); -moz-box-flex: 0 0 calc(50% - 6px); -webkit-flex: 0 0 calc(50% - 6px); -ms-flex: 0 0 calc(50% - 6px); flex: 0 0 calc(50% - 6px); margin-bottom: 12px; white-space: normal; margin-left: 0; margin-right: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .slideshow-classic__buttons .button { width: 100% !important; max-width: calc(50% - 6px) !important; margin: 0px auto; } } @media only screen and (max-width: 767px) { .slideshow-classic__buttons .button { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } } .slideshow-classic__banner { overflow: hidden; position: relative; } @media only screen and (max-width: 767px) { .slideshow-classic__banner { overflow: visible; } } .slideshow-classic__banner h1.title { font-family: "Exo 2", sans-serif; font-weight: 500; font-style: normal; font-size: 90px; text-transform: none; line-height: 1.5; color: #2c313d; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 767px) { .slideshow-classic__banner h1.title { font-size: 72px; } } .slideshow-classic__banner h1.title > a, .slideshow-classic__banner h1.title > a:link, .slideshow-classic__banner h1.title > a:visited { color: #2c313d; } .slideshow-classic__banner h1.title > a:hover, .slideshow-classic__banner h1.title > a:focus { color: #13b8ef; } .slideshow-classic__banner .slideshow-classic__subheading { padding-top: 10px; } .slideshow-classic__banner .placeholder-svg { min-height: 400px; } .testimonials { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .testimonials:after { content: "flickity"; display: none; } .testimonial-block { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; min-height: 100%; overflow: hidden; } @media only screen and (max-width: 767px) { .testimonial-block { margin-bottom: 20px; min-height: initial; } } .testimonial-block.testimonial-border--true { border: thin solid #8f9397; } .testimonial-block.testimonial-align--center .testimonial__description, .testimonial-block.testimonial-align--center .testimonial__name { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center; } .testimonial-block.testimonial-align--center .testimonial__image { left: 50%; margin-left: -50px; } .testimonial__description, .testimonial__name { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: left; width: 100%; position: relative; } .testimonial__name { -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; padding: 70px 40px 25px; max-height: 175px; height: 175px; } @media only screen and (max-width: 1024px) { .testimonial__name { font-size: 0.85rem; } } @media only screen and (max-width: 767px) { .testimonial__name { font-size: 1rem; max-height: 23vh; height: 23vh; } } .testimonial__description { -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; padding: 40px; height: 100%; min-height: 250px; } .testimonial__image { position: absolute; margin-top: -50px; height: 100px; width: 100px; max-width: 100px; max-height: 100px; top: 0; } .testimonial__image.image-style--circle img, .testimonial__image.image-style--circle svg { border-radius: 50%; } .testimonial__nav-wrapper { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } @media only screen and (max-width: 767px) { .testimonial__nav-wrapper { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } } .testimonial__nav { color: #2c313d; margin-bottom: 10px; cursor: pointer; } .testimonial__nav:first-child { margin-right: 10px; } .testimonial__nav:hover { color: #13b8ef; } .testimonial-block.has-images-enabled-true .testimonial__name { margin-top: 40px; } .testimonial-block.has-images-enabled-false .testimonial__name .testimonial__description { padding: 40px; } .is-width-wide .testimonial__nav:last-child { margin-right: 10px; } @media only screen and (min-width: 768px) { .mobile-slider .testimonials:after { content: ""; } } @media only screen and (min-width: 768px) { .desktop-slider--disabled .testimonial__nav-wrapper { display: none; } } .desktop-slider--disabled .testimonial__description { height: initial; } .top-bar .navbar-item { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .top-bar__item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .top-bar__item:first-child { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .top-bar__item:last-child { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .top-bar__menu { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media only screen and (max-width: 767px) { .top-bar__menu { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .top-bar__social-media a { line-height: 0; margin-left: 5px; margin-right: 5px; display: block; } @media only screen and (max-width: 767px) { .top-bar__social-media .social-icons { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .top-bar__icons.cart--hidden { padding-right: 20px; } .top-bar__content .header__currency-dropdown select { color: inherit; } .top-bar__content .header__currency-dropdown select:hover { color: inherit; } .top-bar__content .header__icon-style-text .header__currency-dropdown select { padding-top: 0; padding-bottom: 0; height: auto; line-height: inherit; } @media only screen and (max-width: 767px) { .featured-video.is-width-half.has-video-added { background-color: transparent; } } .featured-video.is-width-half.has-video-added .video-wrapper { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .video__container { width: 100%; } .video-wrapper { position: relative; } .video-wrapper.overlay--text_only .video__text-wrapper { position: relative; } .video-wrapper video { display: block; width: 100%; height: auto; } .video-wrapper video[poster] { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } .video-wrapper .poster-enabled { background-size: cover; } .video-wrapper .poster-enabled iframe { z-index: -1; } @media only screen and (max-width: 767px) { .video-wrapper .video-element { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } } .video-wrapper .video__text-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 5; } .video-wrapper .video__text-container .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: -1; } @media only screen and (max-width: 767px) { .video-wrapper .video__text-container { position: relative; margin: 0; } } .video-wrapper .video__text { height: 100%; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .video-wrapper .video__text-wrapper { margin: 0; padding: 30px; } .video-wrapper .video__text-wrapper .button { max-width: 50%; } @media only screen and (max-width: 767px) { .video-wrapper .video__text-wrapper .button { max-width: 100%; } } @media only screen and (max-width: 767px) { .video-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media only screen and (max-width: 767px) { .mobile-text--over-media .video__text-container { position: absolute; } } @media only screen and (max-width: 767px) { .mobile-text--below-media .video__text-container { margin-top: 20px; margin-bottom: 20px; } } .register__image img, .login__image img { width: 100%; } .register__form img, .login__form img { max-width: 200px; margin: 0; } .or { margin-left: 10px; } .login__recover { display: none; } .recover-note { margin: 0.75rem 0; } .action_bottom .button, .recover-options .button { margin-right: 5px; } .blog__filter { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .blog__filter .select, .blog__filter select { width: 100%; } } .blog__filter .is-grouped { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } @media only screen and (max-width: 767px) { .blog__filter .is-grouped { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } } .blog-main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .blog-main .select { border-color: #8f9397; } .meta-info-list { font-size: 0.8em; } .meta-info-list .meta-info-list__item { margin-right: 5px; display: inline-block; } .meta-info-list .meta-info-list__item a, .meta-info-list .meta-info-list__item span { color: #414b56; } .meta-info-list .meta-info-list__item:first-child a, .meta-info-list .meta-info-list__item:first-child span { padding-left: 0; } .meta-info-list .meta-info-list__item:last-child { margin-right: 0; } .blog-card { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; border: thin solid #8f9397; box-shadow: 0 2px 3px rgba(143, 147, 151, 0.1), 0 0 0 1px rgba(143, 147, 151, 0.1); } @media only screen and (max-width: 767px) { .blog-card { margin-bottom: 20px; } } .blog-card.show-border-false { border: none; box-shadow: none; } .blog-card.show-border-false .blog-card__read-more { margin-left: 0; margin-right: 0; } .blog-card .blog-card__content > div:not(:last-child), .blog-card .meta-info > ul:not(:last-child) { margin-bottom: 1rem; } @media only screen and (min-width: 768px) { .blog-card .image-element__wrap { max-height: 15rem; } } .blog-card .media-content { font-size: 45px; } .blog-card .media-content .title { font-size: 0.8em; } .blog-card .blog-card__read-more { margin: auto 1.5rem 1.5rem; } .blog-card .blog-card__read-more .button { height: auto; white-space: normal; } @media only screen and (min-width: 768px) { .blog-card.is-horizontal { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; max-height: 330px; } .blog-card.is-horizontal .blog-card__image { width: 33.33%; } .blog-card.is-horizontal .blog-card__image .image { position: relative; overflow: hidden; height: 100%; width: 100%; } .blog-card.is-horizontal .blog-card__image .image .image-element__wrap { height: 100%; max-height: none; } .blog-card.is-horizontal .blog-card__image .image .image-element__wrap img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover; object-position: center"; } .blog-card.is-horizontal .blog-card__content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 3; -moz-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .blog-card.is-horizontal.show-border-false { box-shadow: none; } .blog-card.is-horizontal.show-border-false .blog-card__content { padding: 1.5rem; } .blog-card.is-horizontal.show-border-false .blog-card__read-more { margin-left: 0; } .blog-card.is-horizontal .blog-card__read-more { margin: auto 0 0; } } @media only screen and (max-width: 767px) { .blog-card.is-horizontal .blog-card__read-more { margin: 0; } .blog-card .image-element__wrap { max-height: 20rem; } } .excerpt { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-word; word-break: break-word; position: relative; max-height: 6em; overflow: hidden; } .excerpt.excerpt-length-sm .truncation-fade { display: none; } .excerpt-length-lg .truncation-fade { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 30px 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); } .blog-card__image, .blog-card__link svg { transition: transform 0.3s ease-in-out; } .quantity-box-enabled-true .cart__product-title { width: 49%; } .quantity-box-enabled-true .cart__price-title, .quantity-box-enabled-true .cart__quantity-title, .quantity-box-enabled-true .cart__total-title { width: 17%; } .quantity-box-enabled-false .cart__product-title { width: 66%; } .quantity-box-enabled-false .cart__price-title, .quantity-box-enabled-false .cart__total-title { width: 17%; } .quantity-box-enabled-false .cart__description { width: 60%; } @media only screen and (max-width: 767px) { .quantity-box-enabled-false .cart__description { width: 100%; } } .cart__headings { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; width: 100%; padding-bottom: 10px; } @media only screen and (max-width: 1024px) { .cart__headings { display: none; } } .cart__price-title, .cart__quantity-title, .cart__total-title { text-align: center; } .cart__card { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; border-top: 1px solid #8f9397; padding-top: 20px; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .cart__card { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } } .item__title { font-size: 1.25em; } .item__properties { padding-top: 20px; } @media only screen and (max-width: 767px) { .item__properties { padding-top: 0px; font-size: 0.7em; } } .cart__info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 85%; } @media only screen and (max-width: 767px) { .cart__info { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 60%; padding-left: 20px; } } .cart__total, .cart__price { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; text-align: center; } .cart__total span, .cart__price span { display: block; } @media only screen and (max-width: 767px) { .cart__total { display: none; } } .cart__image { width: 15%; } @media only screen and (max-width: 767px) { .cart__image { width: 30%; } } .cart__description { width: 40%; padding: 0 20px; } @media only screen and (max-width: 767px) { .cart__description { width: 100%; padding: 0; text-align: left; } } .cart__total, .cart__quantity, .cart__price { width: 20%; } @media only screen and (max-width: 767px) { .cart__total, .cart__quantity, .cart__price { width: 100%; text-align: left; } } @media only screen and (max-width: 767px) { .cart__price .sale, .cart__price .original-price { display: inline-block; } } .cart__quantity { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .cart__quantity .purchase-details__quantity.product-quantity-box { margin-right: 0; width: 100%; } .cart__quantity .quantity-wrapper.quantity-style--box .quantity-input-control--fill { width: auto; } @media only screen and (min-width: 1025px) { .cart__quantity { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .cart__quantity .quantity-input { width: 50px; } } @media only screen and (max-width: 767px) { .cart__quantity { margin-top: 20px; } .cart__quantity .purchase-details__quantity { width: 50%; max-width: 100px; margin-top: 0; } } @media only screen and (max-width: 767px) { .cart__quantity .quantity-style--stacked .quantity-input { width: 65px; } } .cart__quantity .quantity-style--box { max-width: 75%; margin: 0 auto; } @media only screen and (max-width: 767px) { .cart__quantity .quantity-style--box { max-width: 100%; } } .cart__quantity-warning { width: 100%; text-align: center; margin-top: 10px; } .cart__remove { position: absolute; right: 0; top: 10%; } @media only screen and (max-width: 767px) { .cart__remove { position: static; margin-left: 5px; } } .original-price { opacity: 0.2; } .line-item-discount__container { color: #087cbf; background: rgba(199, 0, 0, 0.1); border-radius: 3px; font-size: 0.8em; padding: 10px; margin: 5px 0; } .cart__cost-summary { background: #f2f2f2; padding: 20px; margin-top: 20px; } @media only screen and (max-width: 767px) { .cart__cost-summary { padding: 20px 15px; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .cart__cost-summary .offset-by-eight { left: 0; } } @media only screen and (max-width: 767px) { .cart__cost-summary .cart__discount-title { max-width: 75%; } } .cart__cost-summary .cart__discounts p, .cart__cost-summary .cart__total-savings p { color: #087cbf; } .cart__cost-summary .cart__subtotal-container p { font-weight: bold; } .cart__cost-summary .cart__row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; padding-top: 14px; text-align: right; } .cart__cost-summary .cart__row:first-child { padding-top: 0; } @media only screen and (max-width: 767px) { .cart__cost-summary .cart__row { text-align: left; } } .cart__cost-summary .cart__row .cart__row-description { width: 60%; } @media only screen and (max-width: 767px) { .cart__cost-summary .cart__row .cart__row-description { width: 100%; } } .cart__savings { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; padding: 20px 0; text-align: right; } @media only screen and (max-width: 767px) { .cart__savings { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; font-size: 1.5em; padding: 20px 0 0; } } .cart__savings, .sale { color: #087cbf; } .cart__notes { width: 100%; } .cart__tos { padding-bottom: 20px; } .cart__tos .tos_agree { margin-right: 5px; } .cart__view-terms-container { display: inline-block; } .cart__cart-message { margin: 20px 0 0; text-align: right; display: block; } @media only screen and (max-width: 767px) { .cart__cart-message { text-align: center; } } .cart__featured-links { min-width: 236px; margin-top: 15px; text-align: center; } @media only screen and (max-width: 767px) { .cart__featured-links { min-width: 100%; } } .cart__checkout { min-width: 236px; margin-left: 20px; } .cart__checkout .checkout { font-size: 1rem; border-radius: 0px; width: 100%; line-height: inherit; width: 100%; min-height: 42px; } .cart__checkout .checkout, .cart__checkout .checkout:link, .cart__checkout .checkout:visited { color: #2c313d; background-color: #fff; border-color: rgba(0, 0, 0, 0); } .cart__checkout .checkout:hover, .cart__checkout .checkout.is-hovered { color: #fff; border-color: rgba(0, 0, 0, 0) !important; background-color: #13b8ef; } .cart__checkout .checkout:focus, .cart__checkout .checkout.is-focused { color: #fff; border-color: rgba(0, 0, 0, 0); background-color: #13b8ef; } .cart__checkout .checkout:focus:not(:active), .cart__checkout .checkout.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(44, 49, 61, 0.25); } .cart__checkout .checkout:active, .cart__checkout .checkout.is-active { color: #fff; border-color: rgba(0, 0, 0, 0); background-color: #13b8ef; } .cart__checkout .checkout.is-inverted { color: #fff; background-color: #2c313d; border-color: #fff; } .cart__checkout .checkout.is-small { font-size: 0.75rem; } .cart__checkout .checkout.is-normal { font-size: 1rem; } .cart__checkout .checkout.is-medium { font-size: 1.25rem; } .cart__checkout .checkout.is-large { font-size: 1.5rem; line-height: 1.25em; width: 100%; } @media only screen and (max-width: 767px) { .cart__checkout .checkout { min-height: 52px; margin-bottom: 15px; } } @media only screen and (max-width: 767px) { .cart__checkout { width: 100%; margin-left: 0; } } .cart__checkout-elements { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } @media only screen and (max-width: 767px) { .cart__checkout-elements { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } @media only screen and (max-width: 767px) { .cart__buttons { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .additional-checkout-buttons { width: 100%; margin-top: 10px; } [data-shopify-buttoncontainer] { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .shipping-calculator select, .shipping-calculator .select { width: 100%; } @media only screen and (max-width: 767px) { .shipping-calculator { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .shipping-calculator .control { min-width: 100%; margin-bottom: 20px; } .shipping-calculator input { width: 100%; } } @media only screen and (max-width: 767px) and (max-width: 767px) { .shipping-calculator .select, .shipping-calculator select, .shipping-calculator input { height: 3.25em; } } .cart__shipping-calculator { width: 100%; } @media only screen and (max-width: 767px) { .cart__shipping-calculator { text-align: center; margin-top: 50px; } } @media only screen and (max-width: 767px) { .cart__shipping-calculator .cart__shipping-calculator-form { text-align: left; } } @media only screen and (max-width: 767px) { .cart__shipping-calculator .cart__shipping-calculator-form .select { width: 100%; } } .cart__shipping-calculator .cart__shipping-title { padding-bottom: 50px; } @media only screen and (max-width: 767px) { .cart__shipping-calculator .cart__shipping-title { text-align: center; } } .cart__shipping-calculator label { padding-bottom: 20px; text-transform: uppercase; opacity: 0.5; } @media only screen and (max-width: 767px) { .cart__shipping-calculator label { padding-bottom: 10px; } } .cart__shipping-calculator .calc-field { margin-left: 0; margin-right: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .cart__shipping-calculator .calc-field { margin-right: 0; width: 100%; } } @media only screen and (max-width: 767px) { #get-rates-container { width: 100%; } } @media only screen and (max-width: 767px) { .get-rates { margin-top: 10px; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } } .shipping-calculator__response-container { display: none; } .heading-wrapper--shipping-rates { margin-left: 0; margin-right: 0; } @media only screen and (max-width: 767px) { .heading-wrapper--shipping-rates { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } } .shipping-rates__title { padding-top: 45px; } @media only screen and (max-width: 767px) { .shipping-rates__title { padding-top: 25px; } } .shipping-calculator__response ul > li { padding-bottom: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media only screen and (max-width: 767px) { .shipping-calculator__response ul > li { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .shipping-calculator__response ul > li:last-child { padding-bottom: 0; } .shipping-calculator__response ul > li .icon { margin-right: 10px; } .shipping-calculator__response .shipping-calculator__message { padding-bottom: 20px; } .shipping_calculator__response--visible { display: block; } .cart__price .discount-area span { display: inline; } .collection__filters { margin-bottom: 20px; } .collection__filters .select { max-width: 50%; } @media only screen and (max-width: 767px) { .collection__filters .select { max-width: 100%; } } @media only screen and (max-width: 767px) { .collection__filters .select:first-child { margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .collection__filters .select, .collection__filters select { width: 100%; } } .collection__filters .is-grouped { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } @media only screen and (max-width: 767px) { .collection__filters .is-grouped { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } } .collection-main .banner__text { margin: 0; } .collection-main .banner__content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media only screen and (min-width: 768px) { .collection__sort-by-filter { margin-left: 10px; } } .sub-collection-main main { min-height: 0; } .page-faq__column-wrap { width: 100%; } @media only screen and (max-width: 767px) { .column-wrapper .faq:first-of-type { margin-bottom: 20px; } } .column-wrapper .faq-accordion { width: 100%; } .column-wrapper .faq-accordion .image-element__wrap { padding: 0; } .column-wrapper .faq-accordion .image-element__wrap:first-child { margin-bottom: 20px; } .column-wrapper .faq-title { margin-bottom: 10px; } .column-wrapper .faq-title:not(:first-child) { margin-top: 40px; } .accordion dt, .faq-accordion dt { position: relative; } .accordion dt .accordion [aria-expanded="true"] small, .accordion dt .accordion-style--carets[aria-expanded="true"] .icon, .faq-accordion dt .accordion [aria-expanded="true"] small, .faq-accordion dt .accordion-style--carets[aria-expanded="true"] .icon { transform: translateY(-60%) rotate(180deg); } .accordion dt small, .accordion dt .icon, .faq-accordion dt small, .faq-accordion dt .icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); transition: transform 0.2s linear; } .accordion dt .accordion-style--plus_and_minus .icon, .faq-accordion dt .accordion-style--plus_and_minus .icon { display: none; } .accordion dt .accordion-style--plus_and_minus .icon.icon--active, .faq-accordion dt .accordion-style--plus_and_minus .icon.icon--active { display: block; } .accordion dd, .faq-accordion dd { display: none; padding: 10px; margin-bottom: 20px; } .accordion dt:first-of-type small, .accordion dt:first-of-type [aria-expanded="true"] small { transform: translateY(-60%) rotate(270deg); } .accordion dt:first-of-type [aria-expanded="false"] small { transform: translateY(-60%) rotate(360deg); } .accordion dd { margin-left: 0; display: none; } .accordion dt a small.right { font-family: "Arial"; } .accordion [aria-expanded="false"] small { transform: translateY(-60%) rotate(180deg); } .accordion [aria-expanded="true"] small { transform: translateY(-60%) rotate(270deg); } #shopify-section-password-template { height: 100%; } #password-page-background { height: 100%; position: fixed; width: 100%; overflow: auto; } .password-page__newsletter { margin-top: 50px; } .password-page__newsletter .newsletter__title, .password-page__newsletter .newsletter__text { color: inherit !important; } .password-page__newsletter p { margin-bottom: 20px; } .password-page__newsletter .newsletter-section { width: 100%; } .password-page__newsletter .newsletter__wrapper { max-width: 100%; } .password-page__social-media li { margin-right: 10px; } .password-page__social-media li .icon { height: 2rem; width: 2rem; } .modal-container__password #password { width: 100%; } #password-container { height: 100%; } @media only screen and (max-width: 1024px) { .password-page { min-width: 350px; } } @media only screen and (max-width: 767px) { .password-page { min-width: 90%; } } .password-page .password-page-message { font-size: 3em; line-height: 1.2; padding: 12px 0; } @media only screen and (max-width: 767px) { .password-page .password-page-message { font-size: 2em; } } .password-page .password-logo { max-width: 200px; margin: 0 auto; } .password-page .password-title { font-family: "Exo 2", sans-serif; font-weight: 400; font-style: normal; font-size: 16px; text-transform: uppercase; } .password-page .overlay { position: fixed; width: 100%; height: 100%; max-height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.95); } .password-page .overlay-close { width: 150px; height: 50px; position: absolute; right: 10px; top: 10px; border: thin solid #8f9397; font-size: 14px; } .password-page .overlay-data { opacity: 0; visibility: hidden; } .password-page .overlay-open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .modal-close { background: 0 0; height: 40px; position: fixed; right: 20px; top: 20px; width: 40px; } .modal-close:before, .modal-close:after { background-color: #414b56; } .storefront-password-form { padding-bottom: 30px; overflow: auto; color: #414b56; } .storefront-password-form input#password { padding: 10px; margin: 20px 0; width: 100%; } .storefront-password-form label { font-size: 0.9em; margin: 0 0 1em 0; text-align: center; } .storefront-password-form .actions { display: inline-block; } .storefront-password-form #password { width: 50%; display: inline-block; } @media only screen and (max-width: 767px) { .storefront-password-form #password { width: 100%; } } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .isp_dimmer { left: 0; } .image-with-text-overlay .container-width .caption { max-width: 1200px; width: 95%; left: 50%; transform: translate(-50%, -50%); } .image-with-text-overlay .container-width .caption-content { padding: 0; width: 75%; } @media only screen and (max-width: 767px) { .image-with-text-overlay .container-width .image-with-text-overlay__heading { font-size: 30px; padding: 0; margin-bottom: 40px; } .image-with-text-overlay .container-width .image-with-text-overlay__subheading { font-size: 18px; padding: 0; margin-bottom: 70px; } .image-with-text-overlay .container-width .image-with-text-overlay__subheading p { display: inline; } .image-with-text-overlay .container-width .caption-content { max-width: 535px; } } @media only screen and (max-width: 767px) { .image-with-text-overlay .container-width .image-with-text-overlay__heading { font-size: 25px; margin-bottom: 15px; } .image-with-text-overlay .container-width .image-with-text-overlay__subheading { font-size: 14px; margin-bottom: 23px; margin-top: 0 !important; } .image-with-text-overlay .container-width .caption-content { max-width: 247px; } } .homepage_featured_icons { padding: 30px 0 60px 0; } .homepage_featured_icons .icon-column__text { font-weight: 500; font-size: 14px; letter-spacing: 1px; } .homepage_featured_icons .icon { margin-top: 0; } @media only screen and (max-width: 767px) { .homepage_featured_icons { padding: 20px 0; } .homepage_featured_icons .icon-column__text { line-height: 16px; font-weight: 400; } .homepage_featured_icons .icon-with-text-column__column { width: calc(25% - 20px); } } @media only screen and (max-width: 767px) { .homepage_featured_icons .icon { margin-top: 20px; } .homepage_featured_icons .icon-with-text-column__column { width: calc(50% - 20px); } } #shopify-section-1591696039831, div.personyze-product-slider { padding-top: 55px !important; padding-bottom: 95px !important; background-image: linear-gradient(to bottom, #2c313d 52%, #f5f5f5 52%); overflow-x: hidden; } @media only screen and (max-width: 767px) { #shopify-section-1591696039831, div.personyze-product-slider { padding-top: 60px !important; padding-bottom: 60px !important; background-image: linear-gradient(to bottom, #2c313d 65%, #f5f5f5 52%); } #shopify-section-1591696039831 .purchase-details__buttons, div.personyze-product-slider .purchase-details__buttons { margin: 0; } #shopify-section-1591696039831 .purchase-details__buttons .button, div.personyze-product-slider .purchase-details__buttons .button { padding: 0; font-size: 12px; } } @media only screen and (max-width: 767px) { #shopify-section-1591696039831, div.personyze-product-slider { padding-bottom: 30px !important; } } #shopify-section-1591696039831 .heading-wrapper--featured-collection, div.personyze-product-slider .heading-wrapper--featured-collection { margin-bottom: 30px; } /* #shopify-section-1591696039831 .gallery-cell, div.personyze-product-slider .gallery-cell { width: 24%; } */ @media only screen and (max-width: 767px) { #shopify-section-1591696039831 .gallery-cell, div.personyze-product-slider .gallery-cell { width: 33.3333%; margin-right: 20px; } } @media only screen and (max-width: 767px) { #shopify-section-1591696039831 .gallery-cell, div.personyze-product-slider .gallery-cell { width: 90%; } } #shopify-section-1591696039831 .flickity-viewport, div.personyze-product-slider .flickity-viewport { overflow: visible; } @media only screen and (max-width: 767px) { #shopify-section-1591696039831 .flickity-page-dots, div.personyze-product-slider .flickity-page-dots { display: none; } } #shopify-section-1591696039831 .product-wrap, div.personyze-product-slider .product-wrap { background-color: #fff; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); transition: all 0.2s ease-in-out; } @media only screen and (min-width: 1025px) { div.personyze-product-slider .product-wrap { border: 1px solid transparent; } } /* @media only screen and (min-width: 768px) { #shopify-section-1591696039831 .product-wrap, div.personyze-product-slider .product-wrap { max-width: 250px; } } */ @media screen and (min-width: 1025px) { #shopify-section-1591696039831 .product-wrap:hover, div.personyze-product-slider .product-wrap:hover { transform: scale(1.02); border-color: #13b8ef; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.34); } } #shopify-section-1591696039831 .product-wrap:hover .button, div.personyze-product-slider .product-wrap:hover .button { background-color: #13b8ef; color: #fff; } #shopify-section-1591696039831 .thumbnail__caption, div.personyze-product-slider .thumbnail__caption { padding: 0; } #shopify-section-1591696039831 .product-thumbnail, div.personyze-product-slider .product-thumbnail { padding: 20px 10px; border-top: 1px solid #e5e6e7; border-bottom: 1px solid #e5e6e7; border-top: none; padding-left: 20px; padding-right: 20px; } @media only screen and (max-width: 767px) { #shopify-section-1591696039831 .product-thumbnail, div.personyze-product-slider .product-thumbnail { padding: 13px 10px; border-top: none; border-bottom-width: 2px; } #shopify-section-1591696039831 .product-thumbnail .product-thumbnail__title, div.personyze-product-slider .product-thumbnail .product-thumbnail__title { font-size: 14px; margin-bottom: 10px; max-height: 45px; overflow: hidden; } #shopify-section-1591696039831 .product-thumbnail .product-thumbnail__price, div.personyze-product-slider .product-thumbnail .product-thumbnail__price { font-size: 17px; } } @media only screen and (max-width: 767px) { #shopify-section-1591696039831 .product-thumbnail, div.personyze-product-slider .product-thumbnail { border-color: #13b8ef; } } @media only screen and (min-width: 768px) { #shopify-section-1591696039831 .product-thumbnail .product-thumbnail__title, div.personyze-product-slider .product-thumbnail .product-thumbnail__title { font-size: 18px; line-height: 22px; height: 44px; overflow: hidden; } } #shopify-section-1591696039831 .purchase-details__buttons .button, div.personyze-product-slider .purchase-details__buttons .button { padding: 15px 0; } @media only screen and (max-width: 767px) { #shopify-section-1591696039831 .purchase-details__buttons .button, div.personyze-product-slider .purchase-details__buttons .button { } } #shopify-section-1591696039831 .purchase-details .purchase-details__spb--false, div.personyze-product-slider .purchase-details .purchase-details__spb--false { height: 63px; margin: 0; display: block; } @media only screen and (max-width: 767px) { #shopify-section-1591696039831 .purchase-details .purchase-details__spb--false, div.personyze-product-slider .purchase-details .purchase-details__spb--false { height: 52px; } } #shopify-section-1591696039831 .purchase-details .purchase-details__spb--false .button--add-to-cart, div.personyze-product-slider .purchase-details .purchase-details__spb--false .button--add-to-cart { height: 100%; width: 100%; } #shopify-section-1591696039831 .select-container, div.personyze-product-slider .select-container { display: none; } #shopify-section-1591696039831 .button, div.personyze-product-slider .button { font-size: 1em; font-weight: 600; transition: all 0.2s ease-in-out; } @media only screen and (max-width: 767px) { #shopify-section-1591696039831 .button--add-to-cart, div.personyze-product-slider .button--add-to-cart { font-weight: 700; } } #shopify-section-1591696039831 .flickity-prev-next-button, div.personyze-product-slider .flickity-prev-next-button { top: -30px; width: 50px; height: 50px; border-radius: 0; transform: translateY(-100%); background-color: transparent; border: 1px solid #7CC952; } #shopify-section-1591696039831 .flickity-prev-next-button .flickity-button-icon, div.personyze-product-slider .flickity-prev-next-button .flickity-button-icon { fill: #7CC952; } @media only screen and (max-width: 767px) { #shopify-section-1591696039831 .flickity-prev-next-button, div.personyze-product-slider .flickity-prev-next-button { display: none; } } #shopify-section-1591696039831 .flickity-prev-next-button.previous, div.personyze-product-slider .flickity-prev-next-button.previous { left: auto; right: 80px; } #shopify-section-1591696039831 .has-thumbnail-sticker .sticker-holder, div.personyze-product-slider .has-thumbnail-sticker .sticker-holder { width: calc(100% + 2px); height: calc(100% + 2px); transform: translate(-1px, -1px); } @media only screen and (max-width: 767px) { #shopify-section-1591696039831 .has-thumbnail-sticker .sticker-holder, div.personyze-product-slider .has-thumbnail-sticker .sticker-holder { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } } #shopify-section-1591696039831 .jdgm-widget.jdgm-widget, div.personyze-product-slider .jdgm-widget.jdgm-widget { margin-bottom: 10px; } #shopify-section-1591696039831 .jdgm-widget.jdgm-widget:empty, div.personyze-product-slider .jdgm-widget.jdgm-widget:empty { display: none; } @media only screen and (max-width: 767px) { #shopify-section-1591696039831 .jdgm-widget.jdgm-widget, div.personyze-product-slider .jdgm-widget.jdgm-widget { margin-bottom: 12px; } } #shopify-section-1591696039831 .jdgm-prev-badge__text, div.personyze-product-slider .jdgm-prev-badge__text { color: #c9cccf; font-size: 14px; } #shopify-section-1591696039831 .jdgm-prev-badge__stars, div.personyze-product-slider .jdgm-prev-badge__stars { font-size: 12px; } #shopify-section-1591696039831 .button--view-all, div.personyze-product-slider .button--view-all { width: 100%; max-width: 344px; } #shopify-section-1591696039831 .button--view-all span, div.personyze-product-slider .button--view-all span { margin-left: 1rem; color: #fff; } @media only screen and (max-width: 767px) { #shopify-section-1591696039831 .button--view-all, div.personyze-product-slider .button--view-all { width: 250px; height: 50px; padding: 0; font-size: 12px; } } @media only screen and (max-width: 767px) { #shopify-section-1591696039831 .button--view-all, div.personyze-product-slider .button--view-all { width: 100%; max-width: 100%; } } .featured-collection__title { font-size: 1.4em; color: #fff; } @media only screen and (max-width: 767px) { .featured-collection__title { font-size: 20px; } } /* COMMENT - check if selectors needed */ .product-thumbnail__title { font-weight: 500; line-height: 1.5; margin-bottom: 20px; order: 2 !important; font-size: 16px; text-transform: none; line-height: 22px; margin-bottom: 15px; } /* COMMENT - check if selector needed - .product-thumbnail .product-thumbnail__price */ .product-thumbnail__price { font-size: 20px; font-weight: 600; color: #13b8ef; order: 3 !important; text-align: left; display: flex; flex-wrap: wrap; position: relative; } @media only screen and (max-width: 767px) { .product-thumbnail__price { font-size: 20px; } } .jdgm-preview-badge span.jdgm-star { color: #13b8ef; } .home-page-category-buttons { background-color: #D3DFF0; } .home-page-category-buttons .image-with-text-overlay__banner { background-repeat: no-repeat; background-size: contain; background-position-x: 100%; } @media only screen and (max-width: 767px) { .home-page-category-buttons .image-with-text-overlay__banner { background-image: none !important; } } .home-page-category-buttons a.button.button--secondary { box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16); padding: 7px 28px 8px 2px; border: none; margin-bottom: 30px; text-align: left; font-size: 1.25em; font-weight: 500; line-height: 31px; letter-spacing: 0; width: 100%; } .home-page-category-buttons a.button.button--secondary .arrow { color: #13b8ef; font-size: 36px; margin-left: 50px; } @media only screen and (max-width: 767px) { .home-page-category-buttons a.button.button--secondary .arrow { font-size: 30px; margin-left: 16px; margin-top: 35px; } } @media only screen and (max-width: 767px) { .home-page-category-buttons a.button.button--secondary .arrow { margin-top: 60px; } } @media only screen and (max-width: 767px) { .home-page-category-buttons a.button.button--secondary { padding: 7px 26px 8px 20px; margin-bottom: 14px; font-size: 16px !important; line-height: 22px; } } .home-page-category-buttons .button-image__wrap { min-width: 100px; margin-right: 13px; } @media only screen and (max-width: 767px) { .home-page-category-buttons .button-image__wrap { position: absolute; min-width: 60px; top: 10px; right: 11px; margin: 0; } } .home-page-category-buttons .button-image__wrap img { display: block; width: 100px; } @media only screen and (max-width: 767px) { .home-page-category-buttons .button-image__wrap img { width: 60px; } } .home-page-category-buttons.container-width .caption { position: static; transform: none; padding-top: 50px; padding-bottom: 20px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 767px) { .home-page-category-buttons.container-width .caption { padding: 35px 0 16px; width: calc(95% - 20px); } .home-page-category-buttons.container-width .caption .caption-content { width: 100%; } } .home-page-category-buttons.container-width .buttons { margin-bottom: 0; } .home-page-category-buttons .mobile-text--over-media .caption .caption-content { width: 100%; } @media only screen and (max-width: 767px) { .home-page-category-buttons .caption .caption-content { max-width: 100%; } } .shopify-section.newsletter { /* background-color: #1A1D24; */ padding-bottom: 100px; position: relative; margin-top: 90px; } #template-collection .shopify-section.newsletter, .shopify-section.product-page .shopify-section.newsletter { margin-top: 0; } .shopify-section.newsletter .newsletter-section { position: relative; z-index: 1; } .shopify-section.newsletter .newsletter__wrapper { /* padding: 0 0 240px 0; */ padding: 80px 0; } .shopify-section.newsletter .input.is-primary-btn-style { border: none; } .shopify-section.newsletter .newsletter-form .field .button { padding-top: 12px; padding-bottom: 12px; font-size: 16px; } .bottom_collection_newsletter .newsletter-form .field .button { background: #1A1D24; color: #fff; } .index__newsletter { background-color: #1A1D24; } .index__newsletter .newsletter-form .field .button { background: #7cc952; color: #2c313d; } @media only screen and (max-width: 767px) { .shopify-section.newsletter .newsletter__text-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .shopify-section.newsletter .newsletter__text-wrapper .newsletter__subheading, .shopify-section.newsletter .newsletter__text-wrapper .newsletter-form__wrapper { width: 50%; font-size: 18px; line-height: normal; } } @media only screen and (max-width: 767px) { .shopify-section.newsletter .newsletter__text-wrapper { display: block; } .shopify-section.newsletter .newsletter__text-wrapper .newsletter__subheading, .shopify-section.newsletter .newsletter__text-wrapper .newsletter-form__wrapper { width: 100%; } } @media only screen and (max-width: 767px) { .shopify-section.newsletter { padding-bottom: 20px; } .shopify-section.newsletter .newsletter__wrapper { /* padding: 0 0 100px 0; */ } .shopify-section.newsletter .newsletter-form .field { width: 100%; } } @media only screen and (max-width: 767px) { .shopify-section.newsletter .newsletter__wrapper { padding: 30px 0 60px 0; } } .index-sections .shopify-section.newsletter { padding: 0; margin: 0; } .index-sections .shopify-section.newsletter:before, .index-sections .shopify-section.newsletter:after { visibility: hidden; } .index-sections .shopify-section.newsletter .newsletter__wrapper { padding: 80px 0; width: 100%; } .index-sections .shopify-section.newsletter .newsletter__heading { font-size: 2.5em; line-height: normal; color: #fff; } .shopify-section.newsletter .newsletter__heading strong { font-weight: normal; } .index__newsletter .newsletter__heading strong { color: #7cc952; } .bottom_collection_newsletter .newsletter__heading strong, .page__newsletter .newsletter__heading strong { color: #087cbf; } @media only screen and (max-width: 767px) { .index-sections .shopify-section.newsletter .newsletter__heading { font-size: 30px; } } @media only screen and (max-width: 767px) { .index-sections .shopify-section.newsletter { background-color: #2c313d; } .index-sections .shopify-section.newsletter .section { width: 90%; } .index-sections .shopify-section.newsletter .newsletter__wrapper { padding: 30px 0 80px; } .index-sections .shopify-section.newsletter .newsletter__heading { font-size: 22px; } .index-sections .shopify-section.newsletter .button { background-color: #13b8ef; } } @media only screen and (max-width: 767px) { .shopify-section.blog-posts:not(.blog-style-2) { padding-top: 30px !important; padding-bottom: 40px !important; } .shopify-section.blog-posts:not(.blog-style-2) .container.container--blogs .featured-article:nth-child(1) { flex-direction: row; margin: 0 0 20px 0; } .shopify-section.blog-posts:not(.blog-style-2) .container.container--blogs .featured-article:nth-child(1) .card-image.blog-card__image, .shopify-section.blog-posts:not(.blog-style-2) .container.container--blogs .featured-article:nth-child(1) .card-content.blog-card__content { width: 50%; } .shopify-section.blog-posts:not(.blog-style-2) .container.container--blogs .featured-article:nth-child(2), .shopify-section.blog-posts:not(.blog-style-2) .container.container--blogs .featured-article:nth-child(3) { width: calc(50% - 12px); display: inline-block; margin: 0; } .shopify-section.blog-posts:not(.blog-style-2) .container.container--blogs .featured-article:nth-child(2) { margin: 0 20px 0 0; } .shopify-section.blog-posts:not(.blog-style-2) .container.container--blogs .blog-card .image-element__wrap { max-height: 100%; } .shopify-section.blog-posts:not(.blog-style-2) .featured-article:not(:first-child) { background-color: #2c313d; } .shopify-section.blog-posts:not(.blog-style-2) .featured-article:not(:first-child) .blog-card__image { margin-bottom: 17px; } .shopify-section.blog-posts:not(.blog-style-2) .container--view-all { margin-top: 20px !important; } .shopify-section.blog-posts:not(.blog-style-2) .container--view-all .button { padding: 10px 15px; } } @media only screen and (max-width: 767px) { .shopify-section.blog-posts:not(.blog-style-2) { padding-bottom: 10px !important; } .shopify-section.blog-posts:not(.blog-style-2) .container.container--blogs .featured-article:nth-child(1) { flex-direction: column; margin: 0 0 20px 0; } .shopify-section.blog-posts:not(.blog-style-2) .container.container--blogs .featured-article:nth-child(1) .card-image.blog-card__image, .shopify-section.blog-posts:not(.blog-style-2) .container.container--blogs .featured-article:nth-child(1) .card-content.blog-card__content { width: 100%; } .shopify-section.blog-posts:not(.blog-style-2) .container.container--blogs .featured-article:nth-child(2), .shopify-section.blog-posts:not(.blog-style-2) .container.container--blogs .featured-article:nth-child(3) { width: 100%; margin: 0 0 20px 0; } .shopify-section.blog-posts:not(.blog-style-2) .container.container--blogs .blog-card .image-element__wrap { max-height: 100%; } .shopify-section.blog-posts:not(.blog-style-2) .container--view-all { display: none; } } .featured-blog__title { font-size: 16px; width: calc(50% + 20px); margin-bottom: 0; } @media only screen and (min-width: 768px) { .featured-blog__title { font-size: 25px; font-weight: 300; width: 100%; } } .container--blogs:not(.style_2__container) { display: block; } @media only screen and (min-width: 768px) { .container--blogs:not(.style_2__container) { display: grid; grid-template: 1fr 1fr / 1fr 1fr; grid-gap: 89px; } } .container--blogs .featured-article { position: relative; width: 100%; } @media only screen and (min-width: 768px) { .container--blogs .featured-article { margin: 0; } } .container--blogs .featured-article:not(.style_2__blogs):first-child { grid-row: span 2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .container--blogs .featured-article:not(.style_2__blogs):first-child .blog-card__content { position: static; flex-grow: 1; background-color: #13b8ef; } @media only screen and (min-width: 768px) { .container--blogs .featured-article:not(.style_2__blogs):first-child .blog-card__content { padding-top: 38px; padding-bottom: 36px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } } @media only screen and (max-width: 767px) { .container--blogs .featured-article:not(.style_2__blogs):first-child .meta-info.is-small { position: absolute; bottom: 30px; } } @media only screen and (max-width: 767px) { .container--blogs .featured-article:not(.style_2__blogs):first-child .meta-info.is-small { position: static; } } .container--blogs .featured-article:not(.style_2__blogs):first-child .media-content .title a { color: #fff; } @media only screen and (min-width: 768px) { .container--blogs .featured-article:not(.style_2__blogs):first-child .media-content .title a { font-size: 22px; line-height: 36px; -webkit-line-clamp: 3; } } .container--blogs .featured-article:not(.style_2__blogs):first-child .meta-info-list .meta-info-list__item span, .container--blogs .featured-article:not(.style_2__blogs):first-child .meta-info-list .meta-info-list__item { color: #2c313d; } .container--blogs .featured-article:not(.style_2__blogs):first-child .blog-card__read-more a.button--primary.button { color: #2c313d; font-size: 48px; } @media only screen and (max-width: 767px) { .container--blogs .featured-article:not(.style_2__blogs):first-child .blog-card__read-more a.button--primary.button { font-size: 35px; padding: 20px; } } .container--blogs .blog-card__content { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 33px 18px; background-color: rgba(44, 49, 61, 0.9); } @media only screen and (max-width: 767px) { .container--blogs .blog-card__content { padding: 10px; } } .container--blogs .blog-card__read-more { position: absolute; bottom: 0; right: 0; margin: 0; } .container--blogs .blog-card__read-more a.button--primary.button { background: transparent; color: #13b8ef; font-size: 36px; padding-bottom: 7px; } @media only screen and (max-width: 767px) { .container--blogs .blog-card__read-more a.button--primary.button { display: none; } } .container--blogs .blog-card .media-content .title a { text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; line-height: 22px; font-weight: 500; } .container--blogs .meta-info-list .meta-info-list__item span, .container--blogs .meta-info-list .meta-info-list__item { color: #f5f5f5; font-weight: 300; } @media only screen and (max-width: 767px) { .container--blogs .meta-info-list .meta-info-list__item span, .container--blogs .meta-info-list .meta-info-list__item { font-size: 12px; } } .container--blogs .meta-info-list .meta-info-list__item a { color: #087cbf; } #shopify-section-1591943853606 { background-color: #f5f5f5; } @media only screen and (min-width: 768px) { #shopify-section-1591943853606 { padding-top: 50px !important; } } #shopify-section-1591943853606 .title { line-height: 1; font-family: 'Heaters', san-serif !important; letter-spacing: 0; font-size: 60px; } @media only screen and (max-width: 767px) { #shopify-section-1591943853606 .title { font-size: 40px; padding-bottom: 25px; width: 100%; } } @media only screen and (max-width: 767px) { #shopify-section-1591943853606 .heading-section__content { padding-bottom: 0; } } .heading-with-line .title { position: relative; } @media only screen and (min-width: 768px) { .heading-with-line .title { padding-right: calc(100% - 480px); } } .heading-with-line .title:after { content: ""; display: block; position: absolute; height: 1px; width: 100%; right: 0; bottom: 0; background-color: #13b8ef; } @media only screen and (min-width: 768px) { .heading-with-line .title:after { width: calc(100% - 500px); bottom: 17px; } } #shopify-section-1591942330621 { font-weight: 500; } @media only screen and (max-width: 767px) { #shopify-section-1591942330621 { font-size: 12px; line-height: 21px; } } @media only screen and (min-width: 768px) { #shopify-section-1591942330621 .section { padding-bottom: 50px; } } @media only screen and (min-width: 768px) { #shopify-section-1591942330621 .content p:first-child, #shopify-section-1591942330621 .content p:nth-child(4) { line-height: 2; column-count: 2; column-gap: 80px; } } #shopify-section-1591942330621 .content p:nth-child(2), #shopify-section-1591942330621 .content p:nth-child(5), #shopify-section-1591942330621 .content p:nth-child(6) { display: none; } #shopify-section-1591942330621 .content ul { position: relative; margin: 20px 0 0; list-style: none; padding-top: 330px; margin-bottom: 40px; } #shopify-section-1591942330621 .content ul li + li { margin-top: 22px; } #shopify-section-1591942330621 .content ul a { color: #13b8ef; text-decoration: none; } #shopify-section-1591942330621 .content ul:before { content: ""; display: block; position: absolute; background-image: url(/cdn/shop/files/about_us_photo_index.jpg?v=1684753863); background-repeat: no-repeat; background-size: contain; height: 310px; width: 100%; top: 0; } @media only screen and (min-width: 768px) { #shopify-section-1591942330621 .content ul { padding: 100px 0 40px 35%; margin-top: 0; } #shopify-section-1591942330621 .content ul:before { background-position-x: 100%; width: 999px; height: calc(100% - 100px - 40px); top: 100px; right: calc(65% + 80px); } } @media only screen and (max-width: 767px) { .section--expandable-mobile-only:not(.expanded) { position: relative; max-height: 230px; overflow: hidden; } .section--expandable-mobile-only:not(.expanded):after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(rgba(0, 0, 0, 0), #f5f5f5); } } @media only screen and (max-width: 767px) { #shopify-section-1592553375164 { background-color: #f5f5f5; } #shopify-section-1592553375164 .button--load-more { font-size: 12px !important; padding: 8px 57px; position: relative; height: auto; } #shopify-section-1592553375164 .button--load-more span { position: absolute; top: 50%; right: 14px; transform: translateY(-50%); } #shopify-section-1592553375164 hr { height: 1px; background-color: #13b8ef; margin-bottom: 18px; margin-top: -18px; } } .was-price { position: relative; } /* .was-price:before { content: ""; position: absolute; width: 100%; height: 1px; top: 50%; left: 0; background-color: #c9cccf; transform: rotate(15deg); } */ /* .was-price:after { content: ""; position: absolute; width: 100%; height: 1px; top: 50%; right: 0; background-color: #c9cccf; transform: rotate(-15deg); } */ .product-page { background-color: #f5f5f5; } @media only screen and (min-width: 768px) { .product-page { background-image: linear-gradient(to bottom, #2c313d 580px, #f5f5f5 581px); } .product-page .product__frequently-bought { margin-left: 0 !important; margin-top: 20px; margin-bottom: 20px; padding: 0 20px !important; } } @media only screen and (min-width: 768px) { .product-page .section--product-page { background-color: #fff; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); padding-left: 40px; padding-right: 40px; width: 93%; } } .product-page .breadcrumb { color: #13b8ef; font-weight: 300; } .product-page .breadcrumb a, .product-page .breadcrumb-separator { color: #fff; } .product-page .page-navigation-arrows { display: none; } @media only screen and (min-width: 768px) { .product-page .product-gallery { padding-top: 40px; } .product-page .product__information { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-right: 0 !important; } .product-page .product__information .product__information-main { flex-grow: 1; margin-bottom: 45px; } } @media only screen and (max-width: 767px) { .product-page .product__information .product__information-main { margin-bottom: 20px; } } .product-page .flickity-button { background-color: #2c313d; border-radius: 0; } .product-page .flickity-button-icon { fill: #7cc952; } .product-page .has-product-sticker .sticker-holder { padding: 0; } @media only screen and (max-width: 767px) { .product-page .has-product-sticker .sticker-holder { display: none; } } .product-page .has-product-sticker .sticker-shape-square .sticker-holder__content--product { max-width: 100%; } .product-page .has-product-sticker .sticker-shape-square .thumbnail-sticker { position: static; width: 100%; margin: 0; background-color: transparent; padding: 0; color: inherit; text-align: right; } .product-page .product_name { font-size: 22px; line-height: 34px; font-weight: 500; text-transform: uppercase; padding-top: 32px; margin-bottom: 0; letter-spacing: normal; word-spacing: 3px; } @media only screen and (min-width: 768px) { .product-page .rating-and-price-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-bottom: 40px; } } .product-page .modal_price { font-size: 28px; font-weight: 600; } /* @media only screen and (min-width: 768px) { .product-page .sezzle-shopify-info-button { position: absolute; right: 0; } } */ .product-page .current_price { color: #7CC952; } .product-page .product-highlights { font-size: 14px; font-weight: 500; } .product-page .product-highlights ul { list-style-type: square; padding-left: 20px; } .product-page .product-highlights li { margin-bottom: 5px; } /* [PDP] UI/UX - Move the Key Features Section Below Product Recommendation Sliders */ .product-description .product-highlights--custom ul { padding-left: 0; list-style-type: none; } .key-features ul { list-style-type: none; margin: 0; } .key-features ul li { margin-bottom: 15px; } .key-features ul li svg { margin-right: 10px; vertical-align: middle; } .product-page .product__information .product__information-main { flex-grow: 0; } @media screen and (max-width: 767px ) { .key-features ul { margin-left: 1rem; } } .product-page .label { font-size: 12px; font-weight: 600; } .product-page .purchase-details__quantity { max-width: 110px; } .product-page .button--add-to-cart { background-color: #13b8ef; color: #fff; } .product-page .product-gallery__thumbnails .flickity-viewport { width: calc(100% - 40px); margin: 0 auto; } .product-page .product-gallery__thumbnails .flickity-prev-next-button.previous { left: -25px; } .product-page .product-gallery__thumbnails .flickity-prev-next-button.next { right: -25px; } .product-page .cbb-frequently-bought-container { border: none !important; position: relative; padding-top: 50px !important; padding-bottom: 60px !important; } .product-page .cbb-frequently-bought-container .cbb-frequently-bought-add-button { width: auto !important; } .product-page .cbb-frequently-bought-container .cbb-frequently-bought-form { position: absolute; bottom: 0; text-align: right; } .product-page .cbb-frequently-bought-recommendations-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 27px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-page .cbb-frequently-bought-products { margin-bottom: 0 !important; display: flex !important; } @media only screen and (min-width: 768px) { .product-page .cbb-frequently-bought-products { margin-right: 35px !important; float: none !important; } } .product-page .cbb-frequently-bought-form { margin-bottom: 0 !important; } .product-page .cbb-frequently-bought-product { margin: 0 !important; } @media only screen and (max-width: 767px) { .product-page .cbb-frequently-bought-product { width: 33.3333% !important; position: relative; height: 100% !important; } .product-page .cbb-frequently-bought-product a { width: 100% !important; } .product-page .cbb-frequently-bought-product .cbb-frequently-bought-product-image { background-size: cover !important; } } .product-page .cbb-frequently-bought-plus-icon { position: absolute; right: -14px; top: calc(50% - 14px); z-index: 1; background-color: #2c313d; float: none !important; height: 28px !important; line-height: 28px !important; width: 28px !important; color: #13b8ef !important; font-size: 24px !important; } @media only screen and (min-width: 768px) { .product-page .cbb-frequently-bought-product:not(:last-child) { position: relative; } } @media only screen and (max-width: 767px) { .product-page .cbb-frequently-bought-product:not(:last-child):after { content: "+"; display: block; position: absolute; width: 25px; height: 25px; top: 50%; left: 100%; transform: translate(-50%, -50%); background-color: #2c313d; color: #13b8ef; z-index: 9; text-align: center; line-height: 17px; font-size: 40px; font-weight: 600; opacity: 0; visibility: hidden; } } .product-page .cbb-frequently-bought-title { font-size: 22px !important; font-weight: 500 !important; text-transform: uppercase; } @media only screen and (max-width: 767px) { .product-page .cbb-frequently-bought-title { padding-left: 0; font-size: 18px !important; letter-spacing: 0; } } .product-page .cbb-frequently-bought-product-image { margin: 0 !important; border: 1px solid #c9cccf; } @media only screen and (min-width: 768px) { .product-page .cbb-frequently-bought-product-image { width: 140px !important; height: 140px !important; } } .product-page .cbb-frequently-bought-selector-input { min-width: 30px !important; height: 30px !important; } .product-page .cbb-frequently-bought-total-price-box, .product-page .cbb-recommendations-variant-select, .product-page .cbb-frequently-bought-this-item-label { /* display: none !important; */ } .product-page .cbb-frequently-bought-add-button { font-size: 12px !important; font-weight: 600 !important; padding: 12px 7px 11px 10px !important; /* margin-top: 20px !important; */ } .product-page .cbb-frequently-bought-total-price-sale-price { font-weight: 800 !important; color: #2C313D !important; } .product-page .cbb-frequently-bought-selector-list li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media only screen and (max-width: 767px) { .product-page .cbb-frequently-bought-selector-list li { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } } .product-page .cbb-frequently-bought-selector-list li:first-child > span:first-of-type, .product-page .cbb-frequently-bought-selector-link { max-width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 !important; } @media only screen and (max-width: 767px) { .product-page .cbb-frequently-bought-selector-list li:first-child > span:first-of-type, .product-page .cbb-frequently-bought-selector-link { max-width: calc(100% - 30px); } } .product-page .cbb-frequently-bought-selector-label-name { font-size: 16px !important; font-weight: 500 !important; text-transform: uppercase; margin-left: 20px !important; color: #2c313d; } @media only screen and (max-width: 767px) { .product-page .cbb-frequently-bought-selector-label-name { font-size: 12px !important; letter-spacing: 0; margin-left: 10px !important; } } .product-page .cbb-frequently-bought-selector-label-regular-price, .product-page .cbb-frequently-bought-selector-label-sale-price { font-size: 16px; font-weight: 500 !important; color: #087cbf !important; order: 1; flex-grow: 1; text-align: right; } @media only screen and (max-width: 767px) { .product-page .cbb-frequently-bought-selector-label-regular-price, .product-page .cbb-frequently-bought-selector-label-sale-price { flex-grow: 0; font-size: 12px; } } .product-page .cbb-frequently-bought-selector-label-compare-at-price { font-size: 12px; font-weight: 500 !important; color: #6d757b !important; text-decoration: none; } @media only screen and (max-width: 767px) { .product-page .cbb-frequently-bought-selector-label-compare-at-price { min-width: 50%; text-align: right; } } .product-page .product__trust { padding-top: 20px; } @media only screen and (min-width: 768px) { .product-page .product__trust { padding-top: 72px; width: 100%; margin: 0; } } .product-page .payment-methods { text-align: right; } @media only screen and (min-width: 768px) { .product-page .payment-methods { margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .product-page .payment-methods .payment-icon { width: 26px; } } .product-page .payment-methods .payment-icon:not(:last-child) { margin-right: 5px; } .product-page .badges { display: block; text-align: left; margin-bottom: 30px; } .product-page .product__payment-methods, .product-page .badges-lighter { width: calc(50% - 5px); vertical-align: middle; display: inline-block; } .product-page .trusticons div:first-of-type { margin-right: 13px; } .product-page .trusticons .mcafee-badge { border: 1px solid #d4d2d1; border-radius: 3px; } .product-page .cbb-frequently-bought-recommendations-container, .product-page .cbb-frequently-bought-selector-list { width: calc(50%); display: inline-block !important; margin-bottom: 0; vertical-align: top; } .product-page .cbb-frequently-bought-container .cbb-frequently-bought-form { right: 0; } @media only screen and (max-width: 767px) { .product-page .block__recommended-products { overflow: hidden; padding-bottom: 0; z-index: 9; } .product-page .block__recommended-products .flickity-viewport { overflow: visible; } .product-page .block__recommended-products .flickity-page-dots { text-align: center; } } @media only screen and (min-width: 768px) { .product-page .block__recommended-products .section--product-page, .product-page .block__personyze .section--product-page { position: relative; padding-top: 55px; padding-bottom: 50px; background-image: linear-gradient(to top, #13b8ef 300px, #fff 300px); } .product-page .block__recommended-products .section--product-page:before, .product-page .block__personyze .section--product-page:before { content: ""; display: block; width: 100%; height: 20px; position: absolute; left: 0; top: -20px; background-color: #fff; } } @media screen and (min-width: 480px) and (max-width: 767px) { .product-page .block__recommended-products .section--product-page, .product-page .block__personyze .section--product-page { padding-top: 35px; padding-bottom: 35px; } } .article--personyze .button--view-all.button, .product-page .block__recommended-products .section--product-page .button--view-all, .product-page .block__personyze .section--product-page .button--view-all { text-decoration: none !important; width: 100%; max-width: 344px; padding: 20px 17px; } .article--personyze .button--view-all.button span, .product-page .block__recommended-products .section--product-page .button--view-all span, .product-page .block__personyze .section--product-page .button--view-all span { margin-left: 1rem; color: #13b8ef; } .article--personyze #personyze_items .flickity-page-dots .dot.is-selected, .collection-page #personyze_items .flickity-page-dots .dot.is-selected { background-color: #7CC952; } .product-page #personyze_items .flickity-page-dots .dot.is-selected { background-color: #000; } .article--personyze #personyze_items .flickity-button.flickity-prev-next-button, .collection-page #personyze_items .flickity-button.flickity-prev-next-button { top: -40px; width: 50px; height: 50px; border-radius: 0; transform: translateY(-100%); background-color: transparent; border: 1px solid #b7b9b8; opacity: 1; } .product-page #personyze_items .flickity-button.flickity-prev-next-button { top: -40px; width: 50px; height: 50px; border-radius: 0; transform: translateY(-100%); background-color: transparent; opacity: 1; border: 1px solid #13b8ef; } .article--personyze #personyze_items .flickity-button.flickity-prev-next-button:disabled .flickity-button-icon, .collection-page #personyze_items .flickity-button.flickity-prev-next-button:disabled .flickity-button-icon, .product-page #personyze_items .flickity-button.flickity-prev-next-button:disabled .flickity-button-icon { fill: #b7b9b8; } .article--personyze #personyze_items .flickity-prev-next-button.previous, .collection-page #personyze_items .flickity-prev-next-button.previous, .product-page #personyze_items .flickity-prev-next-button.previous { left: auto; right: 80px; } .article--personyze #personyze_items .flickity-prev-next-button.next, .collection-page #personyze_items .flickity-prev-next-button.next, .product-page #personyze_items .flickity-prev-next-button.next { right: 10px; } .flickity-page-dots .dot.is-selected { background-color: #7CC952; } @media only screen and (max-width: 767px) { .article--personyze #personyze_items .flickity-page-dots, .collection-page #personyze_items .flickity-page-dots, .product-page #personyze_items .flickity-page-dots { /* bottom: -27px; */ margin: 0; } .article--personyze #personyze_items .flickity-page-dots .dot, .collection-page #personyze_items .flickity-page-dots .dot, .product-page #personyze_items .flickity-page-dots .dot { width: 15px; height: 15px; } } .article--personyze .heading-wrapper--recommended-products, .collection-page .heading-wrapper--recommended-products, .product-page .heading-wrapper--recommended-products { margin-left: 0; margin-right: 0; } .article--personyze .recommended-products__title, .collection-page .recommended-products__title, .product-page .recommended-products__title { font-size: 22px; font-weight: 500; } .article--personyze .recommended-products__title.new-personyze-title, .collection-page .recommended-products__title.new-personyze-title, .product-page .recommended-products__title.new-personyze-title { color: #000; } @media only screen and (min-width: 768px) { .article--personyze .related-products, .collection-page .related-products, .product-page .related-products { margin-left: -22px; margin-right: -22px; width: calc(100% + 44px); } /* .collection-page .new-personyze-title.recommended-products__title, .product-page .new-personyze-title.recommended-products__title { color: #fff; } */ } .article--personyze .related-products .gallery-cell, .collection-page .related-products .gallery-cell, .product-page .related-products .gallery-cell { padding: 8px; background-color: #fff; box-shadow: 0px 3px 20px #00000014; transition: all 0.2s ease-in-out; padding: 0; } @media only screen and (min-width: 768px) { .article--personyze .related-products .gallery-cell, .collection-page .related-products .gallery-cell, .product-page .related-products .gallery-cell { padding: 10px; /* margin-left: 11px; margin-right: 11px; */ margin: 10px; padding: 0; } } @media screen and (min-width: 1025px){ .article--personyze .related-products .gallery-cell, .collection-page .related-products .gallery-cell, .product-page .related-products .gallery-cell { border: 1px solid transparent; } .article--personyze .related-products .gallery-cell:hover, .collection-page .related-products .gallery-cell:hover, .product-page .related-products .gallery-cell:hover { transform: scale(1.02); /* border: 1px solid #13b8ef; */ } } .article--personyze .related-products .gallery-cell:hover .button--add-to-cart, .collection-page .related-products .gallery-cell:hover .button--add-to-cart, .product-page .related-products .gallery-cell:hover .button--add-to-cart { background-color: #13b8ef; color: #fff; border: 1px solid transparent; } .article--personyze .related-products .thumbnail-sticker.sale-sticker, .collection-page .related-products .thumbnail-sticker.sale-sticker, .product-page .related-products .thumbnail-sticker.sale-sticker { position: absolute; left: -10px; top: -10px; width: auto; } @media only screen and (max-width: 767px) { .article--personyze .related-products .thumbnail-sticker.sale-sticker, .collection-page .related-products .thumbnail-sticker.sale-sticker, .product-page .related-products .thumbnail-sticker.sale-sticker { background-color: #13b8ef; color: #fff; top: -8px; left: -8px; } } .article--personyze .related-products .product-thumbnail__title, .collection-page .related-products .product-thumbnail__title, .product-page .related-products .product-thumbnail__title { font-size: 18px; line-height: 22px; max-height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-decoration: none; font-size: 16px; text-transform: none; line-height: 22px; margin-bottom: 15px; } .article--personyze .related-products .jdgm-prev-badge, .collection-page .related-products .jdgm-prev-badge, .product-page .related-products .jdgm-prev-badge { font-size: 12px; } @media only screen and (max-width: 767px) { .article--personyze .related-products .jdgm-prev-badge, .collection-page .related-products .jdgm-prev-badge, .product-page .related-products .jdgm-prev-badge { font-size: 10px; text-align-last: left; } } /* COMMENT - missing 'article-sidebar...' selector */ .article--personyze .related-products .product-thumbnail__price, .collection-page .related-products .product-thumbnail__price, .product-page .related-products .product-thumbnail__price { font-size: 20px; margin-top: 15px; margin-top: 0; padding-top: 0; } .article--personyze .related-products .product_form .button--add-to-cart, .collection-page .related-products .product_form .button--add-to-cart, .product-page .related-products .product_form .button--add-to-cart { margin-left: -10px; margin-right: -10px; margin-bottom: -10px; width: calc(100% + 22px); font-size: 16px !important; font-weight: 700; background-color: #fff; color: #2c313d; border-top: 1px solid #e5e6e7; border-bottom: none; padding-top: 12px; padding-bottom: 13px; margin: 0; } .article--personyze .related-products .product_form .button--add-to-cart:hover, .collection-page .related-products .product_form .button--add-to-cart:hover, .product-page .related-products .product_form .button--add-to-cart:hover { border-color: #13b8ef !important; } @media only screen and (max-width: 767px) { .article--personyze .related-products .product_form .button--add-to-cart, .collection-page .related-products .product_form .button--add-to-cart, .product-page .related-products .product_form .button--add-to-cart { } } .product-page .product-description { padding-bottom: 80px; padding-top: 60px; } .product-page .product-description a { text-decoration: underline !important; } .product-page .product-description > .content { max-width: 767px; margin: auto; } .product-page .description.content ul { list-style: none; } .product-page .description.content ul li { margin-bottom: 15px; } .product-page .description.content ul li svg { margin-right: 10px; vertical-align: middle; } @media screen and (max-width: 1024px) { .product-page .description.content ul { margin-left: 1em; } } .product-page .product-tabs { z-index: 9; position: relative; } .product-page .product-tabs ul.tabs { position: absolute; border-bottom: 8px solid #2c313d; margin: 0; left: 0; right: 0; bottom: 100%; padding-left: 80px; } .product-page .product-tabs ul.tabs li { margin: 0; margin-right: 1px; } .product-page .product-tabs ul.tabs a { margin: 0; border: none; background-color: #f5f5f5; color: #6d757b; font-size: 16px; font-weight: 500; border-radius: 0; padding: 12px 9px 10px 15px; } .product-page .product-tabs ul.tabs li.is-active a { background-color: #2c313d; color: #fff; } .product-page .product-tabs .jdgm-widget .jdgm-submit-rev { padding: 7px; width: 100%; height: initial; } .product-page .product-tabs .jdgm-rev-widg { margin: 0; border: none; padding: 19px 0 60px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media only screen and (max-width: 767px) { .product-page .product-tabs .jdgm-rev-widg { display: block; } } .product-page .product-tabs .jdgm-rev-widg__title { display: none; } .product-page .product-tabs .jdgm-rev-widg__header { min-width: calc(30% - 40px); margin-right: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .product-page .product-tabs .jdgm-rev-widg__summary { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #f5f5f5; } @media only screen and (max-width: 767px) { .product-page .product-tabs .jdgm-rev-widg__summary { margin-bottom: 0; } } .product-page .product-tabs .jdgm-rev-widg__summary-text { color: #2c313d; text-transform: uppercase; font-size: 14px; font-weight: 500; margin-bottom: 10px; } .product-page .product-tabs .jdgm-histogram__row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .product-page .product-tabs .jdgm-histogram__star { flex-grow: 1; } .product-page .product-tabs .jdgm-widget-actions-wrapper { order: 1; } @media only screen and (max-width: 767px) { .product-page .product-tabs .jdgm-widget-actions-wrapper { order: 0; } } .product-page .product-tabs .jdgm-write-rev-link { color: #fff; background-color: #2c313d; border-color: rgba(0, 0, 0, 0); display: block; width: 100%; margin-top: 20px; text-align: left; font-size: 14px; font-weight: 300; text-transform: uppercase; padding: 10px; } .product-page .product-tabs .jdgm-histogram__percentage, .product-page .product-tabs .jdgm-histogram__frequency { font-size: 14px; } .product-page .product-tabs .jdgm-rev__author-wrapper { font-weight: normal; margin-left: 10px; } .product-page .product-tabs .jdgm-star { color: #13b8ef; } .product-page .product-tabs .jdgm-rev { border-color: #f5f5f5; font-size: 16px; font-weight: 500; } .product-page .product-tabs .jdgm-rev__icon::after { content: ""; background-color: #13b8ef; bottom: -4px; } .product-page .product-tabs .jdgm-rev__title { font-size: 18px; font-weight: 600; margin-bottom: 5px; } .product-page .product-tabs .jdgm-histogram__bar, .product-page .product-tabs .jdgm-histogram__clear-filter { display: none; } .product-page .product-tabs .jdgm-histogram__frequency { min-width: 20px; text-align: right; } .product-page .product-tabs .jdgm-histogram { padding: 0; margin: 0; border: none; } .product-page .product-tabs .jdgm-rev-widg__body { padding-top: 50px; } @media only screen and (max-width: 767px) { .product-page .product-tabs .jdgm-rev-widg__body { padding-top: 0; } } .product-page .product-tabs .jdgm-rev-widg__sort-wrapper { position: absolute; top: 40px; right: 40px; } @media only screen and (max-width: 767px) { .product-page .product-tabs .jdgm-rev-widg__sort-wrapper { position: static; margin-top: 20px; } } .product-page .product-tabs .jdgm-paginate { text-align: left; padding-left: 24px; } .product-page .product-tabs .jdgm-paginate__page { font-size: 12px; font-weight: 500; color: #6d757b; background-color: #f5f5f5; border: 1px solid #c9cccf; margin-right: 5px; width: 30px; height: 30px; text-align: center; padding-top: 8px; } .product-page .product-tabs .jdgm-paginate__page.jdgm-curt { color: #13b8ef; border-color: #13b8ef; background-color: #fff; } @media only screen and (min-width: 768px) { .product-page #shopify-section-collection__newsletter { /* padding-top: 115px; margin-top: -40px; */ } } .product-page .product-accordion { padding-bottom: 70px; } .product-page .product-accordion .accordion dt, .product-page .product-accordion .accordion dd { margin-bottom: 1px; background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .product-page .product-accordion .accordion dt a { font-size: 12px; font-weight: 500; color: #2c313d; } @media only screen and (max-width: 767px) { .product-page .product-gallery__thumbnails--bottom-thumbnails { margin-top: 35px; } .product-page .flickity-prev-next-button.previous { left: 0; width: 30px; height: 30px; } .product-page .flickity-prev-next-button.next { right: 0; width: 30px; height: 30px; } .product-page .product-gallery .flickity-page-dots { text-align: center; bottom: -20px; } .product-page .product-gallery .flickity-page-dots .dot { width: 10px; height: 10px; margin-left: 4px; margin-right: 4px; } .product-page .product-gallery__nav .gallery-cell.is-nav-selected, .product-page .is-slide-nav--true .product-gallery__thumbnail.is-nav-selected { border: 1px solid #7CC952; } .product-page .jdgm-prev-badge { text-align: left; font-size: 12px; margin-bottom: 15px; } .product-page .product__frequently-bought { order: 1; } .product-page .product__security-badges img { width: 61px; } .product-page .product__security-badges .mfes-trustmark { width: 245px !important; height: 26px !important; } .product-page .section--product-page { padding-left: 20px; padding-right: 20px; padding-top: 0; width: calc(100% - 40px); } .product-page .product-main-top { margin-top: 20px; } .product-page .product__images { width: calc(40% - 10px); display: inline-block; margin-left: 0; } .product-page .product__information { width: calc(60% - 10px); display: inline-block; margin-right: 0; } .product-page .product_name { font-size: 16px; line-height: 21px; text-align: left; letter-spacing: 0; margin-bottom: 12px; } .product-page .modal_price { font-size: 18px; } .product-page .product-highlights { margin-top: 20px; } .product-page .rating-and-price-wrapper { display: block; } .product-page .rating-and-price-wrapper .modal_price, .product-page .rating-and-price-wrapper .jdgm-prev-badge { margin-bottom: 0; } .product-page .purchase-details .purchase-details__spb--false { max-width: 245px; margin: 0; height: auto; } .product-page .button.button--add-to-cart { padding: 0; font-size: 14px; height: 40px; min-height: 40px; } .product-page .quantity-input.input { padding: 8px 0 8px 8px; } .product-page .quantity-wrapper .quantity-plus { top: 10px; right: 10px; } .product-page .purchase-details__quantity { max-width: 70px; } .product-page .quantity-wrapper .quantity-minus { top: 20px; right: 10px; } .product-page .badges_first_row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-bottom: 10px; } .product-page .trusticons { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .product-page .trusticons .mfes-trustmark { width: 208px !important; } .product-page .trusticons .mcafee-badge { width: 100%; max-width: 260px; } .product-page .product__mobile-shipping-icons { display: none; } .product-page .badges { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; } .product-page .badges img { width: 33.333%; } .product-page .product__frequently-bought { margin: 60px 0 0 0; width: 100%; } .product-page .cbb-frequently-bought-container { padding-top: 0 !important; } .product-page .cbb-frequently-bought-products { width: 100%; margin-right: 0 !important; } .product-page .cbb-frequently-bought-selector-list { padding-left: 30px !important; margin-bottom: 30px; } .product-page .cbb-frequently-bought-product .cbb-frequently-bought-product-image { width: 100% !important; height: 118px !important; background-size: contain !important; background: #fff; } .product-page .cbb-frequently-bought-container .cbb-frequently-bought-add-button { width: 226px !important; font-size: 14px !important; margin-top: 0 !important; } .product-page .cbb-frequently-bought-selector-list li { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .product-page .cbb-frequently-bought-selector-list li:first-child > span:first-of-type, .product-page .cbb-frequently-bought-selector-link { max-width: 188px; display: inline-block !important; float: right; } .product-page .cbb-frequently-bought-selector-label-compare-at-price { min-width: auto; } .product-page .related-products .gallery-cell { width: 33.333%; } .product-page .related-products .gallery-cell:first-of-type { margin-left: 0; } .product-page .block__recommended-products .flickity-page-dots { display: none; } .product-page .block__personyze .section--product-page { margin-top: 0; } .product-page .section--product-page section.product-tabs .tabs { padding-left: 0; } .product-page .product-accordion { padding-bottom: 0; } .product-page .shopify-section.newsletter { margin-top: 40px; } } @media only screen and (max-width: 767px) { .product-page .section--product-page { width: 100%; } .product-page .product-gallery__thumbnails { display: none; } .product-page .product__images, .product-page .product__information { width: 100%; display: block; margin: 0; } .product-page .product__images .product-gallery__image img { /* max-width: 268px; */ margin: auto; } .product-page .purchase-details.has-quantity-box .purchase-details__spb--false { max-width: 100%; } .product-page .button.button--add-to-cart { height: 60px; } .product-page .modal_price { font-size: 26px; } .product-page .product__payment-methods, .product-page .badges-lighter { width: 100%; } .product-page .payment-methods .payment-icon:not(:last-child) { margin-right: 3px; } .product-page .product__mobile-shipping-icons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .product-page .product__mobile-shipping-icons > div { width: calc(50% - 10px); text-align: center; font-size: 15px; margin-bottom: 20px; } .product-page .product__mobile-shipping-icons > div:not(:nth-child(2n)) { margin-right: 10px; } .product-page .product__mobile-shipping-icons .icon { width: 55px; height: auto; } .product-page .product__trust { width: 100%; margin: 0; } .product-page .product__frequently-bought { margin: 0; } .product-page .cbb-frequently-bought-container { padding-bottom: 30px !important; } .product-page .cbb-frequently-bought-recommendations-container, .product-page .cbb-frequently-bought-selector-list { width: 100%; display: block !important; } .product-page .cbb-frequently-bought-selector-list li { justify-content: flex-end; } .product-page .cbb-frequently-bought-selector-list li:first-child > span:first-of-type, .product-page .cbb-frequently-bought-selector-link { max-width: calc(100% - 30px); } .product-page .cbb-frequently-bought-selector-list { padding-left: 0 !important; padding-top: 50px !important; } .article--personyze .related-products .gallery-cell, .collection-page .related-products .gallery-cell, .product-page .related-products .gallery-cell { width: 85%; } .product-page .product-accordion { margin-top: 50px; } .product-page .purchase-details__quantity { display: none; } .product-page .flickity-prev-next-button.previous, .product-page .flickity-prev-next-button.next { width: 40px; height: 40px; } .product-page .flickity-prev-next-button.next { right: -20px; } .product-page .flickity-prev-next-button.previous { left: -20px; } .product-page #personyze_items .flickity-viewport { overflow: hidden; } .product-page .shopify-section.newsletter:before, .product-page .shopify-section.newsletter:after { height: 100px; } } .collection-page { background-color: #f5f5f5; } .collection-page .collection__top-area { background-color: #13b8ef; } @media only screen and (min-width: 768px) { .collection-page .collection__top-area { border-top: 1px solid #707070; } } .collection-page .collection__top-area.expanded { height: 100%; padding-bottom: 130px; } .collection-page .collection__top-area a { color: #2c313d; } .collection-page .collection__top-area a:hover { color: #fff; } .collection-page .collection__top-area .breadcrumb { font-size: 12px; } .collection-page .collection__top-area .subtitle { font-weight: 500; text-transform: uppercase; font-size: 15px; margin: 20px 0; } .collection-page .collection__top-area .title { text-transform: uppercase; color: #fff; margin-bottom: 26px; margin-top: 0; } .collection-page .collection__top-area .collection__description { max-height: 85px; overflow: hidden; color: #2c313d; } .collection-page .collection__top-area .collection__description.expanded { max-height: 100%; overflow: visible; } .collection-page .collection__top-area .collection__read-more { position: relative; box-shadow: 0 -11px 20px 20px #13b8ef; } .collection-page .collection__top-area.expanded .collection__read-more { margin-top: 30px; } .collection-page .collection__top-area .button--load-more { border-color: #fff; color: #fff; padding: 0; width: 125px; height: 34px; font-size: 12px; } .collection-page .collection__top-area .button--load-more svg { width: 12px; height: 12px; margin-left: 10px; } .collection-page .collection__top-area .button--load-more svg path { fill: #fff; } .collection-page .collection__main-area { /* margin-top: -120px; */ position: relative; z-index: 8; } .collection-page .collection__main-area #bc-sf-filter-sidebar { width: 25%; max-width: 250px; background-color: #fff; margin-top: -20px; padding: 60px 20px; font-size: 14px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; } .collection-page .collection__main-area #bc-sf-filter-sidebar .filter-column { margin: 0; width: 100%; } .collection-page .collection__main-area #bc-sf-filter-sidebar .collection__sort-by-filter { margin-left: 0; width: 100%; } .collection-page .collection__main-area #bc-sf-filter-sidebar .collection__sort-by-filter .select { width: 100%; } .collection-page .collection__main-area #bc-sf-filter-sidebar .bc-sf-filter-option-block .bc-sf-filter-block-title h3 { font-size: 13px; text-transform: uppercase; font-weight: 100; } .collection-page .collection__main-area #bc-sf-filter-sidebar .bc-sf-filter-option-swatch-image { border: 1px solid #ccc !important; } .collection-page .collection__main-area #shopify-section-collection__main, .collection-page .collection__main-area #shopify-section-collection__main--best-sellers { width: 73%; } .collection-page .collection__main .product__thumbnail, #shopify-section-search__main .product__thumbnail { background-color: #fff; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); padding: 8px; } @media only screen and (min-width: 768px) { .collection-page .collection__main .product__thumbnail, #shopify-section-search__main .product__thumbnail { padding: 10px 10px 0 10px; margin-bottom: 20px; } } .collection-page .collection__main .thumbnail__caption { padding: 3px 20px 5px; margin: 0 -10px; border-top: 1px solid #e5e6e7; border-top: none; padding-left: 0; padding-right: 0; } .collection-page .collection__add-to-cart { margin: 0 -10px 0 -10px; } .collection-page .product__form--slider { margin: 20px -20px -15px -20px; } .collection-page .personyze_recent_view .product__form--slider { margin: 0; } @media only screen and (max-width: 767px) { .collection-page .product__form--slider { margin: 20px -18px -10px -18px; } } .collection-page .collection__main .thumbnail-sticker.sale-sticker { font-size: 15px; position: absolute; left: -10px; top: -10px; width: auto; } @media only screen and (max-width: 767px) { .collection-page .collection__main .thumbnail-sticker.sale-sticker { background-color: #13b8ef; color: #fff; top: -8px; left: -8px; } } .collection-page .collection__main .product-thumbnail__title { font-size: 16px; line-height: 22px; margin-bottom: 15px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .collection-page .collection__main .jdgm-prev-badge { font-size: 12px; color: #c9cccf; font-size: 14px; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .collection-page .collection__main .jdgm-prev-badge { font-size: 10px; text-align-last: left; position: unset; } } @media only screen and (min-width: 1200px) { .collection-page .collection__main .jdgm-prev-badge { position: absolute; bottom: 17px; } } .collection-page .purchase-details__buttons .button { font-size: 12px; font-weight: 700; padding-top: 16px; padding-bottom: 20px; border-top: 1px solid #ebebeb; font-size: 15px !important; border: none; border-top: 1px solid #e5e6e7 !important; } .collection-page .jdgm-prev-badge__text { /* color: #2c313d; font-size: 14px; */ display: none; } .collection-page .jdgm-star { color: #13b8ef; } .collection-page .collection__main .product-thumbnail__price { font-size: 14px; text-align: right; color: #13b8ef; padding-top: 5px; order: 3 !important; text-align: left; display: flex; flex-wrap: wrap; position: relative; } .collection-page #bc-sf-filter-load-more .bc-sf-filter-load-more-button { background-color: #13b8ef; border-color: #13b8ef; color: #fff; font-size: 15px; padding: 20px; width: 345px; } .collection-page #bc-sf-filter-load-more .bc-sf-filter-load-more-button span { position: absolute; top: 47%; right: 24px; font-size: 19px; transform: translateY(-50%); } .collection-page .button--load-more + hr { height: 1px; background-color: #13b8ef; margin-bottom: 18px; margin-top: -35px; } @media screen and (max-width: 767px) { /* .collection-page .breadcrumb { display: none; } */ .collection-page .collection__top-area .subtitle { margin: 0 0 20px; } .collection-page .collection__top-area .title { margin-bottom: 30px; } .collection-page .collection__main-area { margin-top: 10px; } .collection-page .collection__main-area #shopify-section-collection__main, .collection-page .collection__main-area #shopify-section-collection__main--best-sellers { width: 100%; } .collection-page .collection__main-area .large-down--one-half { margin-bottom: 20px; } .collection-page .collection__main-area .purchase-details__buttons, .collection-page .collection__main-area .collection__add-to-cart { margin: 0; } .collection-page .collection__main-area .purchase-details__buttons .button { padding: 11px 11px 3px 11px; min-height: initial; } .collection-page .collection__main-area .product-thumbnail__title { margin-bottom: 10px; } .collection-page .collection__main-area .product-thumbnail__price { margin-top: 5px; } .collection-page .collection__main-area #bc-sf-filter-sidebar { width: 100%; max-width: 100%; margin: -70px 10px 0 10px; padding: 0; background: transparent; box-shadow: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .collection-page .collection__main-area #bc-sf-filter-sidebar #bc-sf-filter-top-sorting.select { position: relative; max-width: 157px; margin: 0 0 0 auto; } .collection-page .collection__main-area #bc-sf-filter-sidebar #bc-sf-filter-top-sorting.select:after { content: ""; position: absolute; left: 20px; top: 20px; width: 18px; height: 18px; background-image: url(/cdn/shop/t/77/assets/sort-icon.svg?v=15171596670015156050); background-size: 100%; background-repeat: no-repeat; background-position: center center; } .collection-page .collection__main-area #bc-sf-filter-sidebar #bc-sf-filter-top-sorting.select .sort_by { width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); border: none; padding: 0 0 0 50px !important; height: 40px; font-size: 12px !important; } .collection-page .collection__main-area #bc-sf-filter-sidebar #bc-sf-filter-tree-mobile button { background: #fff; color: inherit; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); max-width: 157px; font-size: 12px; height: 40px; margin: 0; position: relative; } .collection-page .collection__main-area #bc-sf-filter-sidebar #bc-sf-filter-tree-mobile button:before { content: ""; position: absolute; left: 30px; top: 11px; width: 18px; height: 18px; background-image: url(/cdn/shop/t/77/assets/filter-icon.svg?v=15582351870467359290); background-size: 100%; background-repeat: no-repeat; background-position: center center; } .collection-page .collection__main-area #bc-sf-filter-sidebar #bc-sf-filter-tree { background: #fff; position: absolute; z-index: 9; padding: 14px; margin-top: 2px; width: 65% !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); } .collection-page .collection__main-area #bc-sf-filter-sidebar #bc-sf-filter-options-wrapper > .bc-sf-filter-option-block { width: 50%; display: inline-block; padding: 0 30px 0 0; vertical-align: top; border-bottom: none; margin-bottom: 30px; } .collection-page .collection__main-area #bc-sf-filter-sidebar #bc-sf-filter-options-wrapper > .bc-sf-filter-option-block:nth-child(even) { padding-right: 0; } .collection-page .collection__main-area #bc-sf-filter-sidebar .filter-column { display: inline-block; width: 50%; padding: 0; margin: 0; } .collection-page #bc-sf-filter-load-more .bc-sf-filter-load-more-button { height: 40px; padding: 3px; font-size: 12px !important; max-width: 245px; } .collection-page #bc-sf-filter-load-more .bc-sf-filter-load-more-button + hr { margin-top: -20px; } .collection-page #shopify-section-collection__newsletter { margin-top: 0; } } @media screen and (max-width: 600px) { .collection-page .collection__top-area .title { font-size: 25px; } .collection-page .collection__main-area .product-thumbnail__price { font-size: 18px; } .collection-page .collection__main-area #bc-sf-filter-sidebar #bc-sf-filter-tree { width: calc(100% - 20px) !important; } .collection-page .collection__main-area .purchase-details__buttons .button { padding: 11px 11px 11px 11px; } .collection-page #bc-sf-filter-load-more .bc-sf-filter-load-more-button { height: 30px; padding: 3px; font-size: 12px !important; max-width: 186px; } .collection-page #bc-sf-filter-load-more .bc-sf-filter-load-more-button span { top: 0; right: 13px; font-size: 13px; transform: none; } .collection-page #bc-sf-filter-load-more .bc-sf-filter-load-more-button + hr { margin-top: -16px; } } .clear { clear: both; } .Container { max-width: 1200px; margin: auto; } .col-md-9, .col-md-3 { float: left; } .col-md-9 { width: 66.6666%; } .col-md-3 { width: 33.3333%; } .custom_slider .flickity-prev-next-button { top: -25px; width: 50px; height: 50px; border-radius: 0; transform: translateY(-100%); background-color: transparent; border: 1px solid #6d757b; } .custom_slider .flickity-prev-next-button.previous { left: auto; right: 80px; } .custom_slider.popular_products_section { width: 100%; } @media only screen and (max-width: 767px) { .custom_slider .flickity-prev-next-button { top: -4px; } } @media only screen and (max-width: 767px) { .custom_slider .flickity-prev-next-button { display: none; } } @media screen and (max-width: 767px) { .Container { max-width: 688px; } } @media screen and (max-width: 600px) { .Container { max-width: 334px; } .col-md-9, .col-md-3 { width: 100%; } .hide-mobile { display: none; } } .panel-title { padding: 12px 10px; border: 1px solid #c9cccf; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .panel-title .icon .minus { display: none; } .panel-title.active .icon .plus { display: none; } .panel-title.active .icon .minus { display: block; } .panel-details { padding-top: 12px; } .panel-details.active { display: block; } #template-cart { background-color: #f5f5f5; } @media screen and (min-width: 768px) { #template-cart .shopify-section.newsletter { margin-top: 140px; } } .cart-template [type="submit"] { background-color: #13b8ef; border: none; color: #fff; text-transform: uppercase; padding: 0; position: relative; cursor: pointer; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .cart-template [type="submit"]:disabled { background-color: #c9cccf; color: #8e9499; cursor: text; } .cart-template [type="submit"] svg { margin-left: 12px; vertical-align: middle; } .cart-template [name="update"] { background-color: #087cbf; } .cart-template .cart_banner { height: 640px; width: 100%; background-color: #13b8ef; } .cart-template .break-top { margin-top: -600px; } .cart-template .main_cart_wrapper { background-color: #fff; padding: 30px 25px; margin: 0 0 60px 0; box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.16); } .cart-template .cart_page_items { padding-right: 40px; border-right: 1px solid #ddd; } .cart-template .top_cta { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .cart-template .top_cta .cart_title { font-size: 14px; font-weight: bold; flex: 1; } .cart-template .top_cta [type="submit"] { width: 150px; height: 38px; } .cart-template .top_cta [name="update"] { margin-right: 15px; } .cart-template .line_separator { width: 100%; margin: 0; display: inline-block; height: 1px; background: #087cbf; } .cart-template .cart_item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 15px 0; border-bottom: 1px solid #ddd; text-transform: uppercase; } .cart-template .cart_item .cart_item_image { width: 20%; } .cart-template .cart_item .cart_item_info { width: 80%; margin-left: 30px; } .cart-template .cart_item .cart_item_savings { color: #13b8ef; } .cart-template .cart_item .cart_item_pricing_and_qty { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin-top: 30px; } .cart-template .cart_item .quantity-input { background: #f5f5f5; border: 1px solid #c9cccf; width: 45px; height: 35px; text-align: center; margin: 0; float: left; } @media only screen and (min-width: 768px) { .cart-template .cart_item .quantity-input { padding: 0 0 0 13px; } } .cart-template .cart_item .qty-wrapper { display: inline-block; margin-left: 20px; vertical-align: middle; } .cart-template .cart_item .qty-wrapper .qty-handle { display: inline-block; height: 35px; line-height: 32px; width: 35px; text-align: center; vertical-align: middle; float: left; background-color: #13b8ef; color: #fff; cursor: pointer; user-select: none; } .cart-template .cart_item .qty-wrapper .qty-handle.disabled { background-color: #88dbf6; } .cart-template .cart_item .qty-wrapper .qty-handle:first-of-type { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .cart-template .cart_item .qty-wrapper .qty-handle:last-of-type { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .cart-template .cart_item .cart_item_price { font-size: 20px; font-weight: 600; } .cart-template .cart_item .cart_item_title { font-size: 18px; font-weight: 600; } .cart-template .cart_item .qty_name { text-transform: none; } .cart-template .cart_page_info { padding-left: 40px; } .cart-template .cart_page_info .subtotal, .cart-template .cart_page_info .total_saving { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .cart-template .cart_page_info .subtotal .m { font-size: 30px; font-weight: 500; } .cart-template .cart_page_info .subtotal .t { font-size: 20px; font-weight: 900; } .cart-template .cart_page_info .total_saving .m { font-size: 25px; font-weight: 500; } .cart-template .cart_page_info .total_saving .t { font-size: 16px; font-weight: 900; } .cart-template .cart_page_info .discount_note { font-size: 14px; margin: 0 0 20px 0; } .cart-template .cart_page_info .total_saving, .cart-template .cart_page_info .discount_note { color: #13b8ef; } .cart-template .cart_page_info .cart_notes { margin-bottom: 15px; } .cart-template .cart_page_info .cart_notes label { color: #6d757b; font-size: 16px; font-weight: bold; } .cart-template .cart_page_info .cart_notes textarea { background-color: #f5f5f5; border: 1px solid #c9cccf; } .cart-template .cart_page_info .cart_shipping_details .cart_shipping_title { font-size: 18px; font-weight: bold; color: #6d757b; margin-bottom: 15px; } .cart-template .cart_page_info .cart_shipping_details p { margin-bottom: 10px; font-size: 14px; } .cart-template .cart_page_info .cart_shipping_details strong { color: #6d757b; } .cart-template .cart_page_info .cart_shipping_details .black { color: #000; } .cart-template .cart_page_info .cart_shipping_details .singe_cart_shipping_item { padding-left: 25px; } .cart-template .cart_page_info [type="submit"] { width: 100%; height: 67px; font-size: 20px; margin: 0 0 10px 0; } .cart-template .cart_page_info .continue_shopping_link { color: #087cbf; text-transform: uppercase; position: relative; } .cart-template .cart_page_info .continue_shopping_link svg { top: 1px; right: -35px; position: absolute; } .cart-template .cart_icon_blocks { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding: 0 0 40px 0; } .cart-template .cart_icon_blocks .cart_icon_block { text-align: center; width: 25%; } .cart-template .cart_icon_blocks span { display: block; color: #fff; margin-top: 5px; } @media only screen and (max-width: 767px) { .cart-template .top_cta .cart_title { width: calc(100% - 150px); } .cart-template .top_cta [type="submit"] { font-size: 12px; height: 30px; } .cart-template .line_separator { display: none; } .cart-template .cart_page_items { padding-right: 20px; border-right: none; } .cart-template .cart_page_info { padding-left: 20px; } .cart-template .cart_item .cart_item_title { font-size: 16px; } .cart-template .cart_item .cart_item_savings { font-size: 15px; } .cart-template .cart_item .cart_item_pricing_and_qty { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 13px; } .cart-template .cart_item .cart_item_pricing_and_qty .cart_item_price { margin-top: 8px; } .cart-template .cart_item .cart_item_pricing_and_qty > div { width: 100%; } .cart-template .cart_page_info .subtotal .t { font-size: 16px; } .cart-template .cart_page_info .subtotal .m { font-size: 20px; } .cart-template .cart_page_info .total_saving .t { font-size: 14px; } .cart-template .cart_page_info .total_saving .m { font-size: 18px; } .cart-template .cart_page_info .cart_shipping_details .cart_shipping_title { font-size: 16px; } .cart-template .cart_page_info .cart_shipping_details p { font-size: 12px; } .cart-template .cart_page_info .continue_shopping_link { font-size: 12px; } .cart-template .cart_page_info [type="submit"] { height: 30px; font-size: 12px; } .cart-template .cart_icon_blocks span { font-size: 14px; } } @media only screen and (max-width: 767px) { .cart-template .col-md-9, .cart-template .col-md-3 { width: 100%; } .cart-template .cart_banner { height: 340px; } .cart-template .break-top { margin-top: -310px; } .cart-template .main_cart_wrapper { padding: 10px 10px 30px 10px; } .cart-template .top_cta { width: calc(100% + 20px); margin-left: -10px; display: block; } .cart-template .top_cta .cart_title { padding-left: 10px; } .cart-template .top_cta [type="submit"] { font-size: 12px; height: 38px; background: #2c313d; display: inline-block; vertical-align: middle; margin-right: 0; margin-top: 15px; } .cart-template .top_cta [type="submit"]:disabled { background-color: #f5f5f5; color: #8f959a; } .cart-template .top_cta [name="update"] { margin-left: 10px; margin-right: 10px; background: #087cbf; } .cart-template .cart_page_items { padding-right: 0; border-right: none; } .cart-template .cart_page_items .cart_item { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .cart-template .cart_page_items .cart_item .cart_item_title { display: block; max-height: 45px; overflow: hidden; } .cart-template .cart_page_items .cart_item .cart_item_image { width: 30%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .cart-template .cart_page_items .cart_item .cart_item_info { width: 70%; margin-left: 0; } .cart-template .cart_page_info { padding-left: 0; padding-top: 30px; } .cart-template .cart_page_info .subtotal { padding-bottom: 15px; } .cart-template .cart_page_info [type="submit"] { height: 50px; } .cart-template .cart_icon_blocks { padding: 0 0 30px 0; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: self-start; -moz-align-items: self-start; -ms-align-items: self-start; align-items: self-start; } .cart-template .cart_icon_blocks .cart_icon_block { width: 50%; } .cart-template .cart_icon_blocks .cart_icon_block:nth-child(1), .cart-template .cart_icon_blocks .cart_icon_block:nth-child(2) { margin-bottom: 20px; } } #shopify-section-cart-popular-products .featured-collection__title, .popular_products_section .featured-collection__title { color: #2c313d; } #shopify-section-cart-popular-products .slider-gallery, #shopify-section-cart-popular-products .personyze-gallery, .popular_products_section .slider-gallery, .popular_products_section .personyze-gallery { margin-left: -20px; } #shopify-section-cart-popular-products .product-wrap, .popular_products_section .product-wrap { margin: 10px 0 10px 10px; box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.16); background: #fff; max-width: 250px; border: 1px solid transparent; } #shopify-section-cart-popular-products .product-wrap .thumbnail__caption, .popular_products_section .product-wrap .thumbnail__caption { padding: 0; } #shopify-section-cart-popular-products .product-wrap .product-thumbnail, .popular_products_section .product-wrap .product-thumbnail { padding: 20px 10px; } @media only screen and (min-width: 768px) { #shopify-section-cart-popular-products .product-wrap .product-thumbnail .product-thumbnail__title, .popular_products_section .product-wrap .product-thumbnail .product-thumbnail__title { font-size: 18px; line-height: 22px; height: 44px; overflow: hidden; } } #shopify-section-cart-popular-products .product-wrap .jdgm-widget.jdgm-widget, .popular_products_section .product-wrap .jdgm-widget.jdgm-widget { margin-bottom: 10px; } #shopify-section-cart-popular-products .product-wrap .purchase-details__buttons .button, .popular_products_section .product-wrap .purchase-details__buttons .button { padding: 15px 0; font-weight: 600; color: #2c313d; border-top: 1px solid #ccc; } @media only screen and (max-width: 767px) { #shopify-section-cart-popular-products .product-wrap .purchase-details__buttons .button, .popular_products_section .product-wrap .purchase-details__buttons .button { background-color: #13b8ef; color: #fff; } } #shopify-section-cart-popular-products .product-wrap:hover, .popular_products_section .product-wrap:hover { border: 1px solid #13b8ef; } #shopify-section-cart-popular-products .product-wrap:hover .purchase-details__buttons .button, .popular_products_section .product-wrap:hover .purchase-details__buttons .button { color: #fff; border-color: rgba(0, 0, 0, 0) !important; background-color: #13b8ef; } #shopify-section-cart-popular-products .button.button--view-all, .popular_products_section .button.button--view-all { font-size: 14px; padding: 15px 28px; } #shopify-section-cart-popular-products .button.button--view-all span, .popular_products_section .button.button--view-all span { padding-left: 25px; color: #13b8ef; font-size: 24px; line-height: 1; } @media screen and (max-width: 767px) { #shopify-section-cart-popular-products .featured-collection__title, .popular_products_section .featured-collection__title { font-size: 20px; } #shopify-section-cart-popular-products .gallery-cell, .popular_products_section .gallery-cell { width: 33.3333%; } #shopify-section-cart-popular-products .gallery-cell .product-wrap, .popular_products_section .gallery-cell .product-wrap { margin: 10px; } #shopify-section-cart-popular-products .gallery-cell .product-wrap .thumbnail-sticker, .popular_products_section .gallery-cell .product-wrap .thumbnail-sticker { font-size: 14px; } #shopify-section-cart-popular-products .gallery-cell .product-wrap .product-thumbnail__title, .popular_products_section .gallery-cell .product-wrap .product-thumbnail__title { font-size: 14px; max-height: 45px; overflow: hidden; } #shopify-section-cart-popular-products .gallery-cell .product-wrap .jdgm-widget, .popular_products_section .gallery-cell .product-wrap .jdgm-widget { margin: 10px 0; font-size: 12px; } #shopify-section-cart-popular-products .gallery-cell .product-wrap .product-thumbnail__price, .popular_products_section .gallery-cell .product-wrap .product-thumbnail__price { font-size: 17px; } #shopify-section-cart-popular-products .gallery-cell .product-wrap .purchase-details__buttons, .popular_products_section .gallery-cell .product-wrap .purchase-details__buttons { margin: 0; } #shopify-section-cart-popular-products .gallery-cell .product-wrap .purchase-details__buttons .button, .popular_products_section .gallery-cell .product-wrap .purchase-details__buttons .button { margin: 0; font-size: 12px; padding: 6px; } #shopify-section-cart-popular-products .button.button--view-all, .popular_products_section .button.button--view-all { font-size: 14px; padding: 15px 28px; } #shopify-section-cart-popular-products .button.button--view-all span, .popular_products_section .button.button--view-all span { padding-left: 25px; color: #13b8ef; font-size: 24px; line-height: 1; } } @media screen and (max-width: 600px) { #shopify-section-cart-popular-products .slider-gallery, #shopify-section-cart-popular-products .personyze-gallery, .popular_products_section .slider-gallery, .popular_products_section .personyze-gallery { margin-left: 0; } #shopify-section-cart-popular-products .gallery-cell, .popular_products_section .gallery-cell { width: 100%; max-width: 250px; display: block; } #shopify-section-cart-popular-products .product-wrap, .popular_products_section .product-wrap { margin: 0; } #shopify-section-cart-popular-products .flickity-page-dots, .popular_products_section .flickity-page-dots { bottom: -10px; text-align: center; margin-left: 0; } #shopify-section-cart-popular-products .view-all-btn-wrapper, .popular_products_section .view-all-btn-wrapper { display: none; } } .blog-page { background-color: #f5f5f5; } .blog-page .blog-main { margin-bottom: 60px; } .blog-page .featured-collection-home-page { width: 100%; max-width: 100%; } .blog-page .main_blog_header { margin: 44px 0 88px 0; } .blog-page .blog__title { font-size: 35px; font-weight: 100; text-transform: uppercase; } .blog-page .blog_subtitle { font-size: 22px; color: #13b8ef; font-weight: 400; text-transform: capitalize; } .blog-page .main_blog_posts .columns { width: calc(33.33333% - 20px); } .blog-page .main_blog_posts .blog-card { margin-bottom: 25px; box-shadow: 0 1px 2px rgb(0 0 0 / 16%); border-radius: 4px; } .blog-page .main_blog_posts .blog-card:hover { box-shadow: 0 3px 6px rgb(0 0 0 / 16%); } .blog-page .blog-card .image-element__wrap { border-radius: 4px 4px 0 0; } .blog-page .main_blog_posts .blog-card .media-content .title { font-size: 14px; text-transform: uppercase; font-weight: 500; } .blog-page .main_blog_posts .blog-card .featured-article--link { color: #1A1D24; } .blog-page .main_blog_posts .blog-card .media { padding: 14px 20px 8px; margin-bottom: 0px; min-height: 50px; } .blog-page .main_blog_posts .blog-card .card-content { padding: 0; } .blog-card .meta-info .meta-info-list__item span { color: #a6a6a6; } .blog-page .main_blog_posts .blog-card .meta-info { padding: 0 20px 20px; } .blog-card .meta-info-list { font-size: 12px; display: inline-block; } .blog-card .writtenBy { display: inline-block; color: #a6a6a6; font-size: 14px; } .blog-card .writtenBy .author_name { color: #1A1D24; } .static__blog-posts .blog-card .writtenBy .author_name { color: #fff; font-weight: bold; } .blog-page .button--primary.pagination-button__load-more-infinite { position: relative; font-size: 15px; width: 100%; max-width: 344px; height: 67px; background-color: #13b8ef; } .blog-page .button--primary.pagination-button__load-more-infinite svg { position: absolute; right: 20px; } .blog-page .blog_newsletter_section .shopify-section.newsletter:after, .blog-page .blog_newsletter_section .shopify-section.newsletter:before { display: none; } /* .blog-page .blog_newsletter_section #shopify-section-collection__newsletter { padding: 90px 0; margin-top: 0; } */ .blog-page .blog_newsletter_section .newsletter__wrapper { padding: 0; width: 100%; } @media screen and (min-width: 768px) and (max-width: 1024px){ .blog-page .main_blog_posts .columns { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; } } @media screen and (max-width: 767px) { .blog-page .blog-main { margin-bottom: 40px; } .blog-page .main_blog_header { margin: 0 0 48px 0; } .blog-page .blog__title { font-size: 28px; } .blog-page .blog_subtitle { font-size: 16px; } .blog-page .has-margin-bottom { margin-bottom: 20px; } .blog-page .main_blog_posts .columns { width: 100%; } .blog-page .button--primary.pagination-button__load-more-infinite { max-width: 100%; } } #template-article { background-color: #f5f5f5; } #template-article .section { max-width: 1000px; } #template-article .container.article-content { max-width: 788px; } #template-article .article_banner_section .banner__heading { color: #2c313d; text-transform: uppercase; margin-bottom: 24px; } #template-article .article_banner_section .article_banner_content { max-width: 767px; margin: 60px auto; } #template-article .article_banner_section .author_name { color: #13b8ef; } #template-article .article_banner_section .meta-info-list { font-size: 18px; } #template-article a[title="custom_featured_product"] { display: none; } #template-article .article_featured_product_wrapper { margin: 50px 0; } #template-article .article_featured_product_wrapper .afpw_title { font-size: 21px; color: #6d757b; } #template-article .article_featured_product { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-color: #fff; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2); } #template-article .article_featured_product .image { width: 40%; position: relative; } #template-article .article_featured_product .image a { display: block; height: 100%; } #template-article .article_featured_product .image img { width: 100%; height: 100%; object-fit: cover; } #template-article .article_featured_product .info { width: 60%; padding: 20px; } #template-article .article_featured_product .info .featured_product_title { font-size: 18px; margin-bottom: 20px; text-transform: uppercase; } #template-article .article_featured_product .info .featured_product_title a { text-decoration: none; } #template-article .article_featured_product .info .reviews_and_price { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #template-article .article_featured_product .info .jdgm-prev-badge__text { color: #c9cccf; font-size: 14px; } #template-article .article_featured_product .info .description { max-height: 80px; position: relative; overflow: hidden; font-size: 14px; margin: 25px 0; } #template-article .article_featured_product .info .description:before { content: ""; position: absolute; bottom: 0; width: 100%; height: 100%; background: linear-gradient(to top, #fff, transparent); opacity: 0.9; } #template-article .article_featured_product .info .description ul { margin: 0; list-style: none; } #template-article .article_featured_product .info .modal_price { font-size: 20px; } #template-article .article_featured_product .info .action { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #template-article .article_featured_product .info .action > div { width: 50%; } #template-article .article_featured_product .info .action > div:first-child { padding-right: 20px; } #template-article .article_featured_product .info .button { width: 100%; height: 38px; padding: 0; border: 1px solid #13b8ef; font-size: 14px; color: #13b8ef; text-decoration: none; } #template-article .article_featured_product .info .shopify-product-form .button { background: #13b8ef; color: #fff; } #template-article .article_featured_product .saving_badge { position: absolute; left: 0; top: 0; width: 100%; max-width: 160px; } #template-article .article_featured_product .saving_badge .thumbnail-sticker.sale-sticker { background-color: #2c313d; color: #13b8ef; } #template-article .article_featured_collection { margin: 0; max-width: 100%; width: 100%; margin: 30px 0 50px 0; } #template-article .article_featured_collection .slider-gallery, #template-article .article_featured_collection .personyze-gallery { width: 100%; } #template-article .article_featured_collection .product__form--slider .button--add-to-cart { padding: 12px; font-size: 14px; } #template-article .article_featured_collection .custom_slider .flickity-prev-next-button { display: block; } #template-article .article_featured_collection .product-thumbnail__price { font-size: 16px; } #template-article .article_featured_collection .jdgm-prev-badge__text { color: #c9cccf; font-size: 14px; } #template-article .article_featured_collection .product-thumbnail { padding: 10px; } #template-article .article_featured_collection .product-wrap { margin: 10px; background: #fff; } #template-article .article_featured_collection .product-thumbnail__title { font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; margin-bottom: 8px; text-transform: uppercase; } #template-article .article_featured_collection .afc_title { color: #6d757b; font-size: 21px; } @media only screen and (max-width: 767px) { #template-article .article_featured_collection .slider-gallery { margin-top: 50px; } #template-article .article_featured_collection .mt-3 { margin-top: 1.5rem !important; } } #template-article .blog-author { border-top: 1px solid #c9cccf; padding: 43px 0 20px 0; } #template-article .blog-author .comment__author { font-size: 25px; font-weight: 500; text-transform: uppercase; margin: 16px 0 10px 0; } #template-article .blog-author .media-content { padding-top: 10px; } #template-article .blog-author .media-left { margin-right: 2rem; } #template-article .blog-author .media { padding-bottom: 30px; } /* #template-article .shopify-section.newsletter { margin-top: -20px; } */ #template-article #shopify-section-article__popular-products { margin-top: 50px; margin-bottom: 100px; } #template-article #shopify-section-article__popular-products .shopify-section.newsletter { margin-top: -80px; } #template-article #shopify-section-article__popular-products .container { z-index: 2; } @media screen and (max-width: 600px) { #template-article .article_featured_product { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #template-article .article_featured_product .image, #template-article .article_featured_product .info { width: 100%; } } .rating-and-price-wrapper { position: relative; } /* .product-page .sezzle-shopify-info-button { bottom: -15px; } */ @media only screen and (min-width: 768px) { .jdgm-widget.jdgm-widget { position: relative; } } button.ajax-cart__button.button--add-to-cart { color: #fff; border-color: rgba(0, 0, 0, 0); background-color: #13b8ef; } @media only screen and (max-width: 767px) { .article--personyze .mt-3, .product-page .block__personyze .section--product-page .mt-3 { margin-top: 50px !important; } } input[type="text"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], input[type="password"] { font-family: "Open Sans" !important; } .infographic-copy textarea { width: 100%; min-height: 80px; } lite-youtube { background-color: #000; position: relative; display: block; contain: content; background-position: center center; background-size: cover; cursor: pointer; } lite-youtube::before { content: ""; display: block; position: absolute; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); background-position: top; background-repeat: repeat-x; height: 60px; padding-bottom: 50px; width: 100%; transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); } lite-youtube::after { content: ""; display: block; padding-bottom: calc(100% / (16 / 9)); } lite-youtube > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } lite-youtube > .lty-playbtn { width: 68px; height: 48px; position: absolute; transform: translate3d(-50%, -50%, 0); top: 50%; left: 50%; z-index: 1; background-image: url('data:image/svg+xml;utf8,'); filter: grayscale(100%); transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1); } lite-youtube:hover > .lty-playbtn { filter: none; } lite-youtube .overlay { position: absolute; top: 0; left: 0; right: 0; height: 100%; background: #1a1d24; opacity: 0.84; } lite-youtube.lyt-activated { cursor: unset; } lite-youtube.lyt-activated::before, lite-youtube.lyt-activated > .lty-playbtn { opacity: 0; pointer-events: none; } /* GR - unhide preview bar */ /* #preview-bar-iframe { display: none; } */ #template-404 #shopify-section-404__banner { background: #2c313d; height: 900px; } #template-404 #shopify-section-404__banner .banner-404 { text-align: center; padding-top: 45px; } #template-404 #shopify-section-404__banner .text-and-image { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } #template-404 #shopify-section-404__banner .text-and-image .image { margin: 0 50px; } #template-404 #shopify-section-404__banner .text, #template-404 #shopify-section-404__banner .text-white { color: #13b8ef; font-size: 60px; margin-top: 40px; text-transform: uppercase; } #template-404 #shopify-section-404__banner .text-white { margin-top: 0; color: #fff; font-size: 45px; } #template-404 #shopify-section-404__banner .return.button { background: #13b8ef; border: none; color: #fff; margin: 15px 0; padding: 10px 15px; height: auto; } #template-404 .personyze-product-slider { background-image: none; margin-top: -400px; padding-bottom: 60px !important; } #template-404 .personyze-product-slider .jdgm-prev-badge__stars { font-size: 16px; } #template-404 .personyze-product-slider .product-wrap:hover { transform: none; } #template-404 .personyze-product-slider .flickity-viewport { overflow: hidden; } #template-404 .personyze-product-slider .gallery-cell { width: calc(25% - 20px); margin-right: 20px !important; } #template-404 .personyze-product-slider .button--view-all span { margin-left: 0; color: #13b8ef; padding-left: 25px; color: #13b8ef; font-size: 24px; line-height: 1; } #template-404 .personyze-product-slider .button--view-all, #template-404 #shopify-section-cart-popular-products .button--view-all { padding-top: 20px; font-weight: normal; padding-bottom: 20px; width: 100%; max-width: 344px; font-size: 15px; } #template-404 #shopify-section-cart-popular-products { margin-top: 50px; margin-bottom: 60px; } #template-404 #shopify-section-cart-popular-products .product-wrap .jdgm-widget.jdgm-widget { margin-bottom: 20px; } #template-404 #shopify-section-cart-popular-products .jdgm-prev-badge__text { font-size: 14px; color: #c9cccf; } #template-404 .has-no-side-gutter .one-fourth { width: calc(25% - 20px); } #template-404 #shopify-section-collection__newsletter { padding: 90px 0; margin-top: 0; } #template-404 #shopify-section-collection__newsletter.shopify-section.newsletter:before, #template-404 #shopify-section-collection__newsletter.shopify-section.newsletter:after { visibility: hidden; } #template-404 #shopify-section-collection__newsletter .newsletter__wrapper { padding: 0; width: 100%; } @media only screen and (max-width: 767px) { #template-404 .personyze-product-slider { margin-top: -385px; } #template-404 #shopify-section-404__banner { height: 820px; } #template-404 #shopify-section-404__banner .text { font-size: 3em; } #template-404 #shopify-section-404__banner .text-white { font-size: 2em; } #template-404 #shopify-section-cart-popular-products .flickity-viewport, #template-404 .personyze-product-slider .flickity-viewport { overflow: hidden; } } @media only screen and (max-width: 767px) { #template-404 #shopify-section-404__banner { height: 680px; } #template-404 #shopify-section-404__banner .text-and-image span { width: 100px; } #template-404 #shopify-section-404__banner .text-and-image .image { margin: 0 20px; } #template-404 #shopify-section-404__banner .text-and-image svg { width: 100%; } #template-404 #shopify-section-404__banner .text { font-size: 2em; } #template-404 #shopify-section-404__banner .text-white { font-size: 1em; } #template-404 .personyze-product-slider .gallery-cell { width: 70%; } #template-404 #shopify-section-cart-popular-products .gallery-cell, #template-404 #shopify-section-cart-popular-products .popular_products_section .gallery-cell { width: 90%; max-width: 100%; } #template-404 #shopify-section-cart-popular-products .gallery-cell .product-wrap, #template-404 #shopify-section-cart-popular-products .popular_products_section .gallery-cell .product-wrap { max-width: 100%; } #template-404 #shopify-section-cart-popular-products .gallery-cell .product-wrap .purchase-details__buttons .button, #template-404 #shopify-section-cart-popular-products .popular_products_section .gallery-cell .product-wrap .purchase-details__buttons .button { padding: 15px; } #template-404 #shopify-section-cart-popular-products .flickity-page-dots { display: none; } #template-404 #shopify-section-cart-popular-products .view-all-btn-wrapper { display: block; } } .custom-page .page-title { font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin-bottom: 38px; } .visually-hidden { font-size: 0; width: 1px; height: 1px; display: inline-block; overflow: hidden; position: absolute !important; border: 0 !important; padding: 0 !important; margin: 0 !important; clip: rect(1px, 1px, 1px, 1px); } .custom-page { position: relative; } .custom-page .black-shape { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; max-height: 750px; background: #2c313d; -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%); } .custom-page .blue-shape { position: absolute; left: 0; top: 370px; height: calc(100% - 370px); width: 100%; background: #13b8ef; -webkit-clip-path: polygon(0 378px, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 378px, 100% 0, 100% 100%, 0 100%); } .custom-page .custom-page-svg-title, .custom-page .custom-page-title { margin: 55px 0; } .custom-page .custom-page-svg-title svg { max-width: 100%; } .custom-page .custom-page-inner { background: #fff; padding: 50px 60px; max-width: 1024px; margin: 0 auto 80px auto; position: relative; width: 100%; } .custom-page .custom-page-inner .page-separator { position: absolute; left: -75px; top: 0; } .custom-page .page-content { line-height: 2.3em; color: #2c313d; } .custom-page .page-content p { margin-bottom: 30px; } .custom-page a { text-decoration: underline; } .custom-page .image-with-text-wrapper { margin-top: 80px; } .custom-page .image-with-text-wrapper .image-with-text-block:first-of-type { margin-bottom: 48px; } .custom-page .image-with-text-wrapper .image-with-text-block:first-of-type .text { padding-left: 40px; } .custom-page .image-with-text-wrapper .image-with-text-block:last-of-type .text { padding-right: 40px; } .custom-page .image-with-text-wrapper .image, .custom-page .image-with-text-wrapper .text { display: inline-block; vertical-align: middle; } .custom-page .image-with-text-wrapper .image img { width: 100%; border-radius: 5px; } .custom-page .image-with-text-wrapper .text { width: calc(52% - 2px); font-size: 1.7em; font-weight: 100; color: #087cbf; } .custom-page .image-with-text-wrapper .image { width: calc(48% - 2px); } .custom-page .contact-section p { color: #6d757b; } .custom-page .contact-section a { color: inherit; } .custom-page .contact-section a:hover { color: #13b8ef; } .custom-page .smaller-center { max-width: 640px; margin: 60px auto 20px auto; } .custom-page .smaller-center p { font-size: 22px; } .custom-page #contact_form { text-align: right; } .custom-page #contact_form input, .custom-page #contact_form textarea { border: 1px solid #c9cccf; background-color: #f5f5f5; padding: 14px 20px; display: inline-block; } .custom-page #contact_form #name { margin-right: 22px; } .custom-page #contact_form #name, .custom-page #contact_form #email { display: inline-block; width: calc(50% - 13px); height: 47px; } .custom-page #contact_form #name::placeholder, .custom-page #contact_form #email::placeholder { color: #6d757b; } .custom-page #contact_form #message { height: 164px; min-height: 164px; max-width: 100% !important; width: 100% !important; margin-top: 37px; } .custom-page #contact_form #name::placeholder, .custom-page #contact_form #email::placeholder, .custom-page #contact_form #message::placeholder { color: #6d757b; } .custom-page #contact_form button { border: none; background: #13b8ef; color: #fff; width: 194px; height: 67px; text-transform: uppercase; font-size: 1em; margin-top: 40px; cursor: pointer; } .custom-page .form_footer_title { font-size: 18px; margin-bottom: 20px; color: #6d757b; font-weight: bold; } .custom-page .form_footer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .custom-page .form_footer .contact-details, .custom-page .form_footer .contact-location { width: 50%; } .custom-page .form_footer .social-media li { color: #13b8ef; margin-bottom: 4px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .custom-page .form_footer .social-media .item-info { display: inline-block; line-height: normal; padding: 10px 20px; } .custom-page .form_footer iframe { height: 250px; width: 100%; } .custom-page .form_footer .social-media li svg { width: 30px; } .custom-page .dashed_list_block { color: #1a1d24; padding-left: 26px; } .custom-page .dashed_list_block p { position: relative; padding-left: 33px; margin-bottom: 1.2em; } .custom-page .shipping-page-wrapper .page-navigation { position: absolute; top: -40px; right: 0; width: 100%; text-align: right; } .custom-page .shipping-page-wrapper .page-navigation li { display: inline-block; } .custom-page .shipping-page-wrapper .page-navigation a { color: #13b8ef; margin-left: 30px; font-size: 14px; font-weight: bold; text-transform: uppercase; } .custom-page .shipping-page-wrapper .page-navigation li:first-of-type a { margin-left: 0; } .custom-page .shipping-page-wrapper .title_text_block h2 { font-size: 22px; font-weight: 100; text-transform: uppercase; margin-bottom: 1em; } .custom-page .shipping-page-wrapper .title_text_block p { font-size: 18px; color: #6d757b; font-weight: 100; } .custom-page .shipping-page-wrapper .text_logo_block { font-size: 18px; color: #6d757b; } .custom-page .shipping-page-wrapper .text_logo_block p:last-of-type { margin-bottom: 0; } .custom-page .shipping-page-wrapper .line_block hr { max-width: 670px; margin: 1.5rem auto; background-color: #707070; height: 1px; } .custom-page .shipping-page-wrapper .logo_image_text_block .flex.align-items-center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .custom-page .shipping-page-wrapper .logo_image_text_block .text { margin-top: 33px; font-size: 18px; font-weight: 100; } .custom-page .shipping-page-wrapper .logo_image_text_block .image_and_text { width: 60%; padding-right: 40px; } .custom-page .shipping-page-wrapper .logo_image_text_block .highlight_text { color: #087cbf; font-size: 22px; margin-top: 66px; font-weight: 100; } .custom-page .shipping-page-wrapper .logo_image_text_block .logo_and_title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .custom-page .shipping-page-wrapper .logo_image_text_block h1 { font-size: 22px; font-weight: 100; margin-left: 30px; } .custom-page .shipping-page-wrapper .shipping_info_block { margin-bottom: 50px; } .custom-page .shipping-page-wrapper .shipping_info_block h1 { font-size: 22px; font-weight: 500; margin-bottom: 10px; } .custom-page .shipping-page-wrapper .shipping_info_block h2 { font-size: 14px; font-weight: 100; } .custom-page .shipping-page-wrapper .shipping_info_block .shipping_info_blocks { margin-top: 43px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .custom-page .shipping-page-wrapper .shipping_info_block .shipping_info_blocks h3 { font-size: 18px; } .custom-page .shipping-page-wrapper .shipping_info_block .shipping_info_blocks p { color: #6d757b; font-weight: 100; margin-bottom: 15px; } .custom-page .shipping-page-wrapper .shipping_info_block .shipping_info_blocks > div:not(:first-of-type) { margin-left: 40px; } .custom-page .shipping-page-wrapper .shipping_info_block .shipping_info_blocks > div { flex: 1; } .custom-page .shipping-page-wrapper .shipping_info_block .highlight_text { font-size: 14px; font-weight: 100; line-height: 23px; color: #087cbf; } .custom-page .shipping-page-wrapper .tracking_block h1 { font-size: 22px; margin-bottom: 20px; } .custom-page .shipping-page-wrapper .tracking_block p { color: #6d757b; font-size: 16px; margin-bottom: 10px; } .custom-page .shipping-page-wrapper .tracking_block .btn_wrapper a { display: inline-block; width: 194px; padding: 15px 0; background: #13b8ef; text-align: center; color: #fff; text-decoration: none; } .custom-page .shipping-page-wrapper .highlight_title_text_block { margin: 50px 0; } .custom-page .shipping-page-wrapper .highlight_title_text_block .title { font-weight: 100; color: #087cbf; font-size: 30px; text-align: center; line-height: 38px; } .custom-page .shipping-page-wrapper .highlight_title_text_block .text { font-size: 18px; color: #6d757b; font-weight: 100; text-align: center; line-height: 1.6em; } .custom-page .shipping-page-wrapper .shipping_instruction .si { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 28px; } .custom-page .shipping-page-wrapper .shipping_instruction .number { margin: 0; padding: 0; } .custom-page .shipping-page-wrapper .shipping_instruction .si_content { margin-left: 75px; } .custom-page .shipping-page-wrapper .shipping_instruction .si_title { font-size: 20px; margin-bottom: 10px; } .custom-page .shipping-page-wrapper .shipping_instruction .si_text { color: #6d757b; font-size: 18px; font-weight: 100; } .custom-page .shipping-page-wrapper .section_text { margin-top: 40px; } .custom-page .shipping-page-wrapper .section_text p { font-weight: 100; margin-bottom: 1.5em; font-size: 18px; } .custom-page .shipping-page-wrapper .section_text p:first-of-type { text-align: center; } .custom-page .affiliate-page-wrapper .youtube_video_block { position: relative; } .custom-page .affiliate-page-wrapper .youtube_video_block .float_text { position: absolute; bottom: 90px; left: 60px; right: 0; } .custom-page .affiliate-page-wrapper .youtube_video_block .title1 { color: #fff; font-size: 2.2em; } .custom-page .affiliate-page-wrapper .youtube_video_block .title2 { color: #13b8ef; font-size: 1.75em; margin-bottom: 45px; } .custom-page .affiliate-page-wrapper .youtube_video_block .background { position: relative; } .custom-page .affiliate-page-wrapper .youtube_video_block .overlay { position: absolute; top: 0; left: 0; right: 0; height: 100%; background: #1a1d24; opacity: 0.84; } .custom-page .affiliate-page-wrapper .youtube_video_block .primary { display: inline-block; color: #fff; background: #13b8ef; padding: 15px 5px; font-size: 15px; margin-right: 20px; width: calc(50% - 40px); max-width: 340px; text-align: center; text-decoration: none; } .custom-page .affiliate-page-wrapper .youtube_video_block .primary svg { vertical-align: middle; margin-left: 22px; position: relative; top: -1px; } .custom-page .affiliate-page-wrapper .youtube_video_block .regular { display: inline-block; border: 1px solid #13b8ef; color: #13b8ef; padding: 15px 5px; font-size: 15px; width: 50%; max-width: 340px; text-align: center; text-decoration: none; } .custom-page .affiliate-page-wrapper .title_and_text_block, .custom-page .affiliate-page-wrapper .title_and_list_block { padding-top: 50px; } .custom-page .affiliate-page-wrapper .title_and_text_block h2, .custom-page .affiliate-page-wrapper .title_and_list_block h2 { font-size: 22px; margin-bottom: 30px; } .custom-page .affiliate-page-wrapper .title_and_text_block p, .custom-page .affiliate-page-wrapper .title_and_list_block p { font-weight: 100; } .custom-page .affiliate-page-wrapper .why_join_block { padding: 50px 0 30px 0; } .custom-page .affiliate-page-wrapper .why_join_block h2 { font-size: 22px; margin-bottom: 30px; } .custom-page .affiliate-page-wrapper .why_join_block .block_text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .custom-page .affiliate-page-wrapper .why_join_block .highlight_text, .custom-page .affiliate-page-wrapper .why_join_block .text_list { width: 50%; } .custom-page .affiliate-page-wrapper .why_join_block .text_list { padding-left: 70px; } .custom-page .affiliate-page-wrapper .why_join_block .highlight_text p { color: #13b8ef; font-size: 20px; font-weight: 100; } .custom-page .affiliate-page-wrapper .why_join_block .text_list p { margin-bottom: 15px !important; font-weight: 100; line-height: 28px; font-size: 16px; } .custom-page .affiliate-page-wrapper .dark_call_to_action_block { background: #2c313d; margin-left: -60px; margin-right: -60px; padding: 57px 60px 65px; } .custom-page .affiliate-page-wrapper .dark_call_to_action_block h2 { color: #13b8ef; font-size: 45px; font-weight: 100; } .custom-page .affiliate-page-wrapper .dark_call_to_action_block .text { margin-bottom: 25px; } .custom-page .affiliate-page-wrapper .dark_call_to_action_block .text p { color: #fff; margin-bottom: 0; font-size: 22px; font-weight: 100; } .custom-page .affiliate-page-wrapper .dark_call_to_action_block .block_button { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .custom-page .affiliate-page-wrapper .dark_call_to_action_block .button_wrapper { width: 50%; } .custom-page .affiliate-page-wrapper .dark_call_to_action_block .button_wrapper a { display: inline-block; background: #13b8ef; padding: 15px; font-weight: 100; color: #fff; width: 100%; max-width: 340px; text-align: center; text-transform: uppercase; text-decoration: none; } .custom-page .affiliate-page-wrapper .white_call_to_action_block { padding: 65px 0; text-align: center; } .custom-page .affiliate-page-wrapper .white_call_to_action_block .blocks_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .custom-page .affiliate-page-wrapper .white_call_to_action_block .blocks_wrapper > div { width: 33.333%; } .custom-page .affiliate-page-wrapper .white_call_to_action_block .blocks_wrapper > div:not(:first-of-type) { margin-left: 40px; } .custom-page .affiliate-page-wrapper .white_call_to_action_block img { margin-bottom: 20px; height: 70px; } .custom-page .affiliate-page-wrapper .white_call_to_action_block h3 { font-size: 16px; margin-bottom: 40px; } .custom-page .affiliate-page-wrapper .white_call_to_action_block .button_wrapper { margin-top: 13px; } .custom-page .affiliate-page-wrapper .white_call_to_action_block .button_wrapper a { display: inline-block; background: #13b8ef; padding: 15px; font-weight: 100; color: #fff; width: 100%; max-width: 340px; text-align: center; text-transform: uppercase; text-decoration: none; } .custom-page .affiliate-page-wrapper .contact_form_block { padding: 30px 0; text-align: center; } .custom-page .affiliate-page-wrapper .contact_form_block .text { font-size: 20px; font-weight: 100; } .custom-page .affiliate-page-wrapper .contact_form_block form { max-width: 640px; margin: 12px auto 0; } .custom-page .returns-page-wrapper .title_text_block h2 { font-size: 22px; margin-bottom: 24px; } .custom-page .returns-page-wrapper .title_text_block .text { font-size: 18px; font-weight: 100; } .custom-page .returns-page-wrapper .guranteed_icons_block { padding: 65px 0; } .custom-page .returns-page-wrapper .guranteed_icons_block .icons-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; text-align: center; } .custom-page .returns-page-wrapper .guranteed_icons_block .icons-wrapper > div { width: 50%; } .custom-page .returns-page-wrapper .guranteed_icons_block .title { font-size: 25px; font-weight: 500; margin: 20px 0 25px 0; } .custom-page .returns-page-wrapper .guranteed_icons_block .text { font-size: 18px; font-weight: 100; color: #087cbf; } .custom-page .returns-page-wrapper .additional_info_block { padding-bottom: 27px; } .custom-page .returns-page-wrapper .additional_info_block .block_title { font-size: 22px; font-weight: 100; margin-bottom: 25px; } .custom-page .returns-page-wrapper .additional_info_block .title { font-size: 18px; margin-bottom: 10px; font-weight: 500; } .custom-page .returns-page-wrapper .additional_info_block .text { font-size: 16px; font-weight: 100; } .custom-page .returns-page-wrapper .brands_block { padding-bottom: 40px; } .custom-page .returns-page-wrapper .brands_block h3 { font-size: 18px; font-weight: 500; margin-bottom: 40px; } .custom-page .returns-page-wrapper .brands_block ul.brands li { width: 33%; display: inline-block; } .custom-page .returns-page-wrapper .brands_block ul.brands li a { font-weight: bold; } .custom-page .returns-page-wrapper .brands_block ul.brands li p { margin-bottom: 20px; } .custom-page .returns-page-wrapper .highlight_text { font-size: 14px; font-weight: 100; color: #087cbf; line-height: 23px; } .custom-page .privacy-policy-page-wrapper .title_block .title { font-size: 20px; margin-bottom: 20px; } .custom-page .privacy-policy-page-wrapper .title_block .title.primary { font-size: 22px; } .custom-page .privacy-policy-page-wrapper .title_block .title.bold { font-size: 18px; font-weight: bold; } .custom-page .privacy-policy-page-wrapper .text_block { margin-bottom: 50px; } .custom-page .privacy-policy-page-wrapper .text_block p { margin-bottom: 0; font-weight: 100; font-size: 18px; } .custom-page .privacy-policy-page-wrapper .dashed_list_block p { padding-left: 27px; } .custom-page .privacy-policy-page-wrapper .list_block { margin-bottom: 50px; } .custom-page .privacy-policy-page-wrapper .list_block div { padding-left: 40px; } .custom-page .privacy-policy-page-wrapper .list_block p, .custom-page .privacy-policy-page-wrapper .list_block a { font-weight: 100; } .custom-page .privacy-policy-page-wrapper .list_block p { color: #13b8ef; } @media screen and (max-width: 991px) { .custom-page .affiliate-page-wrapper .youtube_video_block .float_text { left: 14px; } .custom-page .affiliate-page-wrapper .youtube_video_block .primary { width: calc(60% - 40px); max-width: 270px; } .custom-page .affiliate-page-wrapper .youtube_video_block .primary svg { height: 20px; margin-left: 0; } .custom-page .affiliate-page-wrapper .youtube_video_block .regular { width: 50%; max-width: 270px; text-align: center; } } @media screen and (max-width: 767px) { .custom-page .custom-page-svg-title { margin: 0; } .custom-page .custom-page-title { margin: 30px 0; } .custom-page .custom-page-svg-title svg { width: 100%; } .custom-page .custom-page-inner { padding: 30px 20px; } .custom-page .page-title { margin-bottom: 20px; } .custom-page .image-with-text-wrapper { margin-top: 48px; } .custom-page .image-with-text-wrapper .text { font-size: 1.4em; } .custom-page .image-with-text-wrapper .text, .custom-page .image-with-text-wrapper .image { display: block; width: 100%; } .custom-page .image-with-text-wrapper .image-with-text-block:first-of-type .text { padding-left: 0; } .custom-page .image-with-text-wrapper .image-with-text-block:last-of-type { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .custom-page .image-with-text-wrapper .image-with-text-block:last-of-type .text { padding-right: 0; } .custom-page .smaller-center { margin-top: 0; } .custom-page #contact_form #message, .custom-page #contact_form button { margin-top: 20px; } .custom-page .smaller-center p { font-size: 18px; } .custom-page .page-content p { margin-bottom: 1em; } .custom-page .form_footer { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .custom-page .form_footer .contact-details, .custom-page .form_footer .contact-location { width: 100%; } .custom-page .dashed_list_block p { padding-left: 15px; } .custom-page .shipping-page-wrapper .page-navigation { top: -25px; } .custom-page .shipping-page-wrapper .logo_image_text_block .flex.align-items-center { flex-wrap: wrap; } .custom-page .shipping-page-wrapper .logo_image_text_block .image_and_text { width: 100%; padding-right: 0; } .custom-page .shipping-page-wrapper .logo_image_text_block .highlight_text { margin-top: 30px; } .custom-page .shipping-page-wrapper .logo_image_text_block .text { margin-top: 0; } .custom-page .shipping-page-wrapper .shipping_info_block .shipping_info_blocks { flex-wrap: wrap; } .custom-page .shipping-page-wrapper .shipping_info_block .shipping_info_blocks > div { width: 100%; flex: initial; } .custom-page .shipping-page-wrapper .shipping_info_block .shipping_info_blocks > div:not(:first-of-type) { margin-left: 0; } .custom-page .shipping-page-wrapper .shipping_instruction .si_content { margin-left: 20px; } .custom-page .affiliate-page-wrapper .youtube_video_block .float_text { bottom: 15px; left: 15px; } .custom-page .affiliate-page-wrapper .youtube_video_block .title1 { font-size: 1.5em; } .custom-page .affiliate-page-wrapper .youtube_video_block .title2 { font-size: 1.2em; } .custom-page .affiliate-page-wrapper .youtube_video_block .primary, .custom-page .affiliate-page-wrapper .youtube_video_block .regular { width: 100%; max-width: 100%; margin-right: 15px; font-size: 14px; padding: 12px 5px; } .custom-page .affiliate-page-wrapper .youtube_video_block .regular { margin-top: 15px; } .custom-page .affiliate-page-wrapper .youtube_video_block .primary svg { margin-left: 10px; } .custom-page .affiliate-page-wrapper .youtube_video_block .background { height: 400px !important; } .custom-page .affiliate-page-wrapper .why_join_block .block_text { display: block; } .custom-page .affiliate-page-wrapper .why_join_block .highlight_text, .custom-page .affiliate-page-wrapper .why_join_block .text_list { width: 100%; padding: 0; } .custom-page .affiliate-page-wrapper .why_join_block .highlight_text p { font-size: 16px; } .custom-page .affiliate-page-wrapper .white_call_to_action_block h3 { margin-bottom: 20px; } .custom-page .affiliate-page-wrapper .dark_call_to_action_block { margin-left: -20px; margin-right: -20px; padding: 20px; } .custom-page .affiliate-page-wrapper .dark_call_to_action_block h2 { font-size: 24px; } .custom-page .affiliate-page-wrapper .dark_call_to_action_block .text p { font-size: 20px; } .custom-page .affiliate-page-wrapper .dark_call_to_action_block .block_button { flex-wrap: wrap; } .custom-page .affiliate-page-wrapper .dark_call_to_action_block .button_wrapper { width: 100%; margin-bottom: 15px; } .custom-page .affiliate-page-wrapper .white_call_to_action_block .blocks_wrapper { flex-wrap: wrap; } .custom-page .affiliate-page-wrapper .white_call_to_action_block .blocks_wrapper > div { width: 100%; } .custom-page .affiliate-page-wrapper .white_call_to_action_block .blocks_wrapper > div:not(:first-of-type) { margin-left: 0; } .custom-page .affiliate-page-wrapper .white_call_to_action_block { padding: 50px 0 0 0; } .custom-page .returns-page-wrapper .guranteed_icons_block .icons-wrapper > div { width: 100%; } .custom-page .returns-page-wrapper .brands_block ul.brands li { width: 100%; } } #mini-cart { width: 400px; position: fixed; top: 0; z-index: 999999999; overflow-y: auto; background: #f5f5f5; color: #000; visibility: hidden; opacity: 0; height: 100%; right: 0; bottom: 0; transition: 350ms all ease; padding-bottom: 80px; padding-top: 60px; } #mini-cart::-webkit-scrollbar { width: 7px; } #mini-cart::-webkit-scrollbar-track { box-shadow: inset 0 0 4px rgba(109, 117, 123, 0.3); } #mini-cart::-webkit-scrollbar-thumb { background-color: rgba(19, 184, 239, 0.16); border-radius: 14px; } #mini-cart.active { visibility: visible; opacity: 1; } #mini-cart #cart_items { background: #fff; overflow-y: auto; } #mini-cart #cart_items::-webkit-scrollbar { width: 7px; } #mini-cart #cart_items::-webkit-scrollbar-track { box-shadow: inset 0 0 4px rgba(109, 117, 123, 0.3); } #mini-cart #cart_items::-webkit-scrollbar-thumb { background-color: rgba(19, 184, 239, 0.16); border-radius: 14px; } #mini-cart .cart_close { background: none; border: none; position: absolute; right: 0; bottom: 0; top: 0; padding: 0; width: 60px; background-color: #1a1d24; cursor: pointer; } #mini-cart .item-wrapper { display: flex; padding: 10px 30px 10px 15px; color: #4f4f4f; border-bottom: 1px solid #c9cccf; } #mini-cart .item-wrapper .item-info { width: 60px; } #mini-cart .item-wrapper .item-image { width: 80px; height: 80px; overflow: hidden; position: relative; } #mini-cart .item-wrapper .item-image a { display: block; height: 100%; } #mini-cart .item-wrapper .item-image img { height: 100%; width: 100%; object-fit: cover; } #mini-cart .item-wrapper .item-image .sale_bg { position: absolute; top: 3px; right: 6px; width: 32px; } #mini-cart .item-wrapper .product-title { font-size: 12px; font-weight: 600; letter-spacing: 0; line-height: 15px; padding: 10px 0 0 0; } #mini-cart .item-wrapper .product-title a { color: #2c313d; text-decoration: none; font-size: 15px; font-weight: 500; text-transform: uppercase; } #mini-cart .item-wrapper .options { font-size: 12px; letter-spacing: 0; line-height: 15px; margin-bottom: 3px; } #mini-cart .item-wrapper .options:empty { display: none; } #mini-cart .item-wrapper .item-info { text-align: right; display: flex; flex: 1; flex-wrap: wrap; justify-content: space-between; flex-direction: column; font-size: 12px; } #mini-cart .item-wrapper .item-info .comparePrice { color: #767676; } #mini-cart .item-wrapper .item-info .comparePrice + .money, #mini-cart .item-wrapper .item-info .comparePrice + * .money { color: #ff1f1f; } #mini-cart .item-wrapper .item-info .red_price { color: #ff1f1f; } #mini-cart .item-wrapper .save, #mini-cart .item-wrapper .total_discount { font-size: 15px; color: #13b8ef; margin-right: 10px; text-transform: uppercase; } #mini-cart .item-wrapper .item-title { flex: 1; padding-left: 15px; } #mini-cart .subtotal { text-align: right; padding: 15px; background: #fff; } #mini-cart .custom-subtotal { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #mini-cart .custom-subtotal .text { font-size: 18px; font-weight: 100; } #mini-cart .subtotal .amount { display: inline-block; font-size: 20px; font-weight: 600; color: #1a1d24; line-height: normal; } #mini-cart .subtotal .original_amount.price { color: #767676; font-size: 14px; display: block; } #mini-cart .subtotal .you-are-saving { color: #767676; font-size: 14px; display: block; } #mini-cart .cart-header { position: fixed; right: 0; top: 0; width: 100%; z-index: 99999999; max-width: 400px; text-align: left; text-transform: uppercase; background-color: #2c313d; color: #fff; padding: 15px; font-size: 22px; line-height: 1.4em; font-weight: 100; letter-spacing: 0; } #mini-cart .qty_selector_and_price { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; padding-top: 10px; } #mini-cart .quantity { overflow: hidden; } #mini-cart .price { color: #2c313d; font-size: 20px; font-weight: 500; letter-spacing: 0; line-height: 15px; } #mini-cart .action.buttons { text-transform: uppercase; padding: 0; } #mini-cart .action .btn { padding: 15px; width: 100%; text-align: center; display: block; font-size: 14px; background: #13b8ef; text-decoration: none; color: #fff; } #mini-cart .action .btn .arrow { font-size: 20px; line-height: 0; margin-left: 5px; } #mini-cart .action .checkout { position: fixed; max-width: 400px; bottom: 0; font-size: 18px; box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3); } #mini-cart .action .checkout .cart-icon { width: 35px; height: 32px; vertical-align: bottom; margin-right: 13px; } #mini-cart .action .checkout .cart-icon path { fill: #fff; } #mini-cart .action.buttons a:hover { opacity: 0.9; } #mini-cart .quantity span { display: inline-block; line-height: 24px; padding: 2px; text-align: center; cursor: pointer; font-size: 14px; float: left; } #mini-cart .quantity .qty-js { width: 28px; height: 28px; background: #13b8ef; color: #fff; } #mini-cart .quantity .qty-js:first-of-type { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } #mini-cart .quantity .qty-js:last-of-type { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } #mini-cart .quantity .no-plus-minus { cursor: text; } #mini-cart .quantity .qty { width: 33px; height: 28px; border-right: 0; border-left: 0; background-color: #f5f5f5; } #mini-cart .options, #mini-cart .removeItem { font-size: 0.8em; } #mini-cart .removeItem { cursor: pointer; color: #767676; font-size: 10px; letter-spacing: 0; line-height: 13px; text-align: right; } #mini-cart .upsells { padding: 17px 17px 0; width: 100%; } #mini-cart .upsell-slider-wrapper .flickity-prev-next-button.next { right: -15px; top: -25px; background: none; } #mini-cart .upsell-slider-wrapper .flickity-prev-next-button.previous { right: 12px; left: inherit; top: -25px; background: none; } #mini-cart .upsell-slider-wrapper .flickity-viewport { height: 190px; } #mini-cart .upsell-slider-wrapper .flickity-page-dots { text-align: center; } #mini-cart .upsell-slider-wrapper .flickity-prev-next-button .flickity-button-icon { fill: #6d757b; width: 50%; height: 50%; } #mini-cart .upsells-title { font-size: 16px; color: #6d757b; text-transform: uppercase; margin-bottom: 10px; } #mini-cart .upsells .product { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 10px 0 0 10px; background-color: #fff; text-transform: none; width: 100%; } #mini-cart .upsells .product .upsell-title { margin-bottom: 5px; } #mini-cart .upsells .product .upsell-title a { text-decoration: none; font-size: 15px; font-weight: 500; } #mini-cart .upsells .product .upsell-note { font-size: 0.8em; color: #767676; } #mini-cart .upsells .product .upsell-action .btn { padding: 9px; cursor: pointer; border: none; width: 183px; text-transform: uppercase; } #mini-cart .upsells .product .upsell-action .btn[disabled] { background: #c9cccf; cursor: text; } #mini-cart .upsells .product .upsell-price { font-size: 20px; font-weight: 500; margin-top: 13px; text-align: right; } #mini-cart .upsells .product .upsell-image { width: 120px; height: 120px; display: inline-block; vertical-align: top; } #mini-cart .upsells .product .upsell-image a { display: block; height: 100%; } #mini-cart .upsells .product .upsell-image img { width: 100%; height: 100%; object-fit: cover; } #mini-cart .upsells .product .jdgm-prev-badge { font-size: 14px; } #mini-cart .upsells .product .jdgm-prev-badge__text { display: none; } #mini-cart .upsells .product .upsell-info { width: calc(100% - 124px); padding: 3px 15px 0 20px; display: inline-block; } #mini-cart .upsells .product .save_amount { padding-left: 10px; color: #13b8ef; font-size: 14px; text-transform: uppercase; } #mini-cart .upsells .product .upsell-action { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #mini-cart .guarantee, #mini-cart .private_wrap { width: 100%; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding: 0 17px; } #mini-cart .guarantee .text, #mini-cart .private_text { font-size: 16px; padding-left: 17px; color: #2c313d; text-align: left; } #mini-cart .private_img { max-width: 60px; padding-left: 5px; margin-top: 5px; } .cart-overlay { opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; z-index: 999; transition: 400ms all ease; } .cart-overlay.active { opacity: 1; visibility: visible; } .free_shipping_bar { overflow: hidden; text-transform: uppercase; background-color: #2c313d; padding: 10px 45px 20px 35px; } .free_shipping_bar .ajaxcart-progressbar-wrapper { margin-bottom: 15px; height: 9px; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; max-width: 295px; border: 1px solid #fff; margin: auto; } .free_shipping_bar .progress-bar-truck { position: absolute; right: -24px; top: -11px; z-index: 1; } .free_shipping_bar .ajaxcart__note { margin: 0 0 15px 0; color: #ffffff; font-size: 14px; font-weight: 500; letter-spacing: 0; } .free_shipping_bar #FS-amountLeft { font-weight: bold; color: #13b8ef; } .free_shipping_bar .ajaxcart-progressbar { background-color: #f5f5f5; bottom: 0; left: 0; position: absolute; right: 0; top: 0; transition: all 500ms ease-out; } .free_shipping_bar .ajaxcart-progressbar-colored { background-color: #13b8ef; height: 100%; position: absolute; top: 0; z-index: 2; left: 0; transition: 0.2s all ease-in; clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%); } .free_shipping_bar .ajaxcart-progressbar-colored.noClipPath { clip-path: none; } .free_shipping_bar #FS-amountLeft + p { display: inline-block; } .minimumToCheckoutMessage { background-color: #ff6c6d; margin-top: -15px; margin-left: -15px; margin-bottom: 26px; width: calc(100% + 30px); padding: 13px; text-transform: uppercase; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 0; line-height: 18px; text-align: center; } #mini-cart .subtotal .original_amount.price, #mini-cart .subtotal .you-are-saving { display: none; } @media screen and (max-width: 767px) { #mini-cart { width: 97vw; max-width: 400px; } #mini-cart .cart-header { width: 97vw; max-width: 400px; } #mini-cart .item-wrapper { padding: 10px 5px; } #mini-cart .guarantee .text { font-size: 14px; } } .cart-callback { display: none; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 9999; background-color: #000; opacity: 0.1; } .overflowHidden { overflow: hidden; } .backInStockButton { background-color: #13b8ef; color: #fff; padding: 23px 12px; display: block; max-width: 350px; text-transform: uppercase; } .backInStockButton:hover { color: #fff; } .purchase-details__buttons .button--add-to-cart.disabled { display: none; } .product__frequently-bought { min-height: 300px; background: #f8f8f8; } @media only screen and (max-width: 767px) { .product__frequently-bought { min-height: 419px; padding: 0 12px; } } #personyze_items { min-height: 430px; } @media only screen and (max-width: 767px) { #personyze_items { min-height: 445px; } } .product-gallery__main:not(.flickity-enabled) .product-gallery__image:not(:first-of-type) { display: none; } @media only screen and (min-width: 768px) { .product-page .section--product-page { width: 100%; } .product-page .sezzle-shopify-info-button { min-height: 33px; position: absolute; right: 0; bottom: -15px; } } .select-container select { -moz-appearance: none; -webkit-appearance: none; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; border: 1px solid transparent; border-radius: 0; box-shadow: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); padding-right: calc(0.625em - 1px); padding-top: calc(0.375em - 1px); position: relative; vertical-align: top; background-color: #fff; border-color: #dbdbdb; color: #363636; cursor: pointer; display: block; font-size: 1em; max-width: 100%; outline: none; } .select-container select:focus, .select-container select.is-focused, .select-container select:active, .select-container select.is-active { outline: none; } .select-container select[disabled], fieldset[disabled] .select-container select { cursor: not-allowed; } .select-container { margin-bottom: 1.5rem; } #shopify-section-page__newsletter { padding: 0; margin: 0 auto; } #shopify-section-page__newsletter:before, #shopify-section-page__newsletter:after { visibility: hidden; } .blog-style-2 .heading-wrapper { margin-bottom: 22px; } .blog-style-2 .heading-wrapper .featured-blog__title { color: #13b8ef; } .blog-style-2 .card-content { padding: 1rem; } .blog-style-2 .card-content .meta-info-list { margin-top: 10px; } .blog-style-2 .latest-blogs--container .card-content { background: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .blog-style-2 .card-content .media { min-height: 50px; } .blog-style-2 .latest-blogs--container .card-content .meta-info-list li { color: #2c313d; } .blog-style-2 .static__blog-posts .card-content { background-color: #414b56; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .blog-style-2 .static__blog-posts .card-content .title a { color: #fff; } .blog-style-2 .static__blog-posts .card-content .title a:hover { color: #13b8ef; } .blog-style-2 .article-featured-tag { padding: 0; } .blog-style-2 .static__blog-posts .featured-blog__title { position: absolute; top: -50px; } .blog-style-2 .style_2--read-more .button { padding-bottom: 20px !important; padding-right: 30px; color: #fff !important; } .blog-style-2 .container--view-all .button { background-color: #13b8ef !important; padding: 15px; } .blog-style-2 .container--view-all .button .highlight { color: #fff; font-size: 20px; } .blog-style-2 .all-articles-container .blog-card-wrap { box-shadow: 0 1px 2px rgb(0 0 0 / 16%); border-radius: 4px; } .blog-style-2 .all-articles-container .blog-card-wrap:hover { box-shadow: 0 3px 6px rgb(0 0 0 / 16%); } .blog-style-2 .all-articles-container img { border-top-left-radius: 4px; border-top-right-radius: 4px; } @media only screen and (min-width: 1025px) { .blog-style-2 .all-articles-container { flex-wrap: nowrap; } .blog-style-2 .all-articles-container .latest-blogs--container { width: 67%; justify-content: space-between; } .blog-style-2 .all-articles-container .latest-blogs--container .featured-article { width: calc(50% - 12px); margin-bottom: 25px; } .blog-style-2 .all-articles-container .static__blog-posts { width: 33%; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: flex-end; } .blog-style-2 .all-articles-container .static__blog-posts .featured-article { width: calc(100% - 20px); margin-bottom: 25px; } .blog-style-2 .container--view-all .button { width: 30%; } } @media screen and (min-width: 1025px) and (max-width: 1146px) { .blog-style-2 .container--view-all .button { font-size: 12px; padding: 10px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .blog-style-2 .all-articles-container { flex-direction: column; } .blog-style-2 .all-articles-container .latest-blogs--container { width: 100%; } .blog-style-2 .all-articles-container .latest-blogs--container .featured-article { margin: 0; width: 50%; padding: 20px; } .blog-style-2 .all-articles-container .static__blog-posts { width: 100%; flex-direction: row; margin-top: 75px; } .blog-style-2 .all-articles-container .static__blog-posts .featured-article { width: 50%; padding: 20px; margin: 0; } .blog-style-2 .container--view-all { text-align: center; } .blog-style-2 .container--view-all .button { padding: 10px; } } @media only screen and (max-width: 767px) { .blog-style-2 { padding-top: 30px !important; padding-bottom: 30px !important; } .blog-style-2 .static__blog-posts { margin-top: 50px; } .blog-style-2 .static__blog-posts .featured-blog__title { top: -45px; } .blog-style-2 .container--view-all { display: none; } } @media only screen and (max-width: 767px){ .blog-style-2 .heading-wrapper .featured-blog__title { margin-left: 0px; width: 100%; } } @media only screen and (max-width: 767px) { .klarna-product__wrap { margin-top: 15px; } } @media only screen and (min-width: 768px) { .klarna-product__wrap { position:absolute; bottom: -30px; left:0; } } .klarna__cart { min-height: 30px; } /* LIMESPOT 2021 */ .limespot-recommendation-box-carousel { padding: 25px 0 !important; } div.limespot-homepage-section { padding-top: 55px; padding-bottom: 95px; background-image: linear-gradient(to bottom, #2c313d 52%, #f5f5f5 52%); overflow-x: hidden; } div.limespot-homepage-section .limespot-homepage__section, section.limespot-product-section, section.limespot-404__section { min-height: 725px; } @media only screen and (max-width: 767px) { div.limespot-homepage-section { padding-top: 15px; padding-bottom: 45px; } } div.limespot-homepage-section .button { font-size: 1em; font-weight: 600; transition: all 0.2s ease-in-out; } div.limespot-homepage-section .button--view-all span { margin-left: 1rem; color: #13b8ef; } @media only screen and (min-width: 768px) { .product-page .block__limespot .section--product-page { position: relative; padding-top: 20px; padding-bottom: 30px; background-image: linear-gradient(to top, #13b8ef 300px, #fff 300px); } .product-page .block__limespot .section--product-page:before { content: ""; display: block; width: 100%; height: 20px; position: absolute; left: 0; top: -20px; background-color: #fff; } } @media screen and (min-width: 480px) and (max-width: 767px) { .product-page .block__limespot .section--product-page { padding-top: 35px; padding-bottom: 35px; } } .product-page .block__limespot .section--product-page .button--view-all { width: 100%; max-width: 344px; padding: 20px 17px; } .product-page .block__limespot .section--product-page .button--view-all span { margin-left: 1rem; color: #13b8ef; } .product-page .block__limespot .ls-box-title { color: rgb(44, 49, 61); } #template-404 .limespot-404-slider { background-image: none; margin-top: -400px; padding-bottom: 60px !important; } #template-404 .limespot-404-slider .button--view-all span { margin-left: 0; color: #13b8ef; padding-left: 25px; color: #13b8ef; font-size: 24px; line-height: 1; } #template-404 .limespot-404-slider .button--view-all { padding-top: 20px; font-weight: normal; padding-bottom: 20px; width: 100%; max-width: 344px; font-size: 15px; } @media only screen and (max-width: 767px) { #template-404 .limespot-404-slider { margin-top: -300px; } } /* mini cart fix */ #mini-cart .item-price .red_price, #mini-cart .item-price strike { font-size: 14px; } /* === GR - 7 Jun '21 - Loyalty Lion === */ /* HEADER SECTION */ .sign-in__link { background: #7CC952; color: #2C313D; padding: 5px 15px; border-radius: 20px; margin-right: 10px; } .points__no-customer { text-transform: none; font-size: 12px; color: #1A1D24; font-weight: bold; display: flex; align-items: center; } .points__no-customer svg { vertical-align: middle; } .header__sign-in { text-transform: none; } .header__search-bar input { border-radius: 20px; border: none; outline: none; padding: 0 15px; color: #6D757B; font-size: 14px; font-weight: 300; height: 35px; background: #eaeaea; } .header__search-bar input:focus { border-color: #c9cccf; box-shadow: none; } .header__search-bar .header__search-button { right: 15px; top: 7px; } .header__search .header__search-form { max-width: 225px; justify-content: end; } #header__customer-true { text-transform: none; position: relative; } /* .ll__customer-hover::after { font-family: "flex-icon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: none; pointer-events: none; transform-origin: center; transform: translateY(-50%); font-size: 0.8em; content: ""; background-color: #ced0d3; width: 7px; height: 7px; border-top-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 1px; transform: rotate(-45deg) translateX(-50%) !important; background-image: linear-gradient(45deg, #ced0d3 55%, #fff 55%); position: absolute; right: auto; left: 50%; top: 95%; } */ .ll__customer-name { display: flex; } .mobile-menu__item .ll__customer-name { border-top: 1px solid; width: 100%; padding-top: 1rem; } .ll__customer-name svg { margin-right: 5px; } .ll__customer-name span { color: #1a1d24; margin-left: 3px; font-weight: bold; } .ll__header_points { text-align: right; font-size: 12px; color: #1a1d24; font-weight: bold; } .header__icons { position: relative; } .ll__dropdown:not(.active) { display: none; } .ll__dropdown.active .ll__dropdown-href-wrap { display: flex; } .ll__dropdown-href-wrap { position: absolute; top: 100%; /* top: calc(100% + 10px); */ right: 0; width: 100%; flex-direction: column; z-index: 99; background: #fff; text-transform: none; box-shadow: 0px 3px 6px #dadada; transform: translateX(-50px); } .ll__dropdown a { padding: 5px 10px; border-bottom: 1px solid #F5F5F5; } .ll__dropdown a:last-child { padding-top: 20px; border: none; } /* HOMEPAGE PROMO SECTION */ .promo-section__column { background: #13B8EF; } .promo_image-content__wrap { position: relative; height: 100%; z-index: 1; } .promo-column__text { position: absolute; top: 40px; left: 40px; } .promo-column__text.promo_1 h3, .promo-column__text.promo_block h3 { font-size: 23px; color: #1A1D24; max-width: 60%; } .promo-column__text.promo_block p { color: #1A1D24; max-width: 60%; } .promo-column__text.promo_2 { color: #fff; } .promo-column__text.promo_2 h3 { font-size: 35px; } .promo-column__action { position: absolute; left: 40px; bottom: 40px; } .pump_svg_wrap { position: absolute; right: 40px; bottom: 40px; } .promo-column__action .button { padding: 10px 60px 10px 10px; } .promo-section__column .promo-text__2 { color: #1A1D24; font-size: 20px; } /* PROMO FLICKITY */ .promo__flickity-block { width: 100%; } /* HOMEPAGE CUSTOM COLLECTION SECTION */ .custom-collection-list-item { position: relative; z-index: 1; } .custom-collection-button__wrap button { color: #000; border: none; } .collection-info__caption-wrapper .arrow { font-size: 20px; line-height: 1; color: #000; } .custom-collection-list__section::after { content: ""; border-top: 15px solid #13b8ef; border-bottom: 15px solid #13b8ef; height: 40px; width: 100%; position: absolute; top: 50%; left: 0; transform: skewY(40deg); } /* HOMEPAGE CUSTOM LOYALTY LION SECTION */ .loyalty__section .image-with-text__text-column { margin-right: 0; } .loyalty__section .image-with-text__text-column, .loyalty__section .image-with-text__image-column { box-shadow: 0px 3px 6px #0000002e; } .loyalty__section .image-with-text__text-column { position: relative; } .loyalty__section .image-with-text__text-column .loyalty_button { padding: 17px; } .loyalty__section .image-with-text__text-column .loyalty_button svg { margin-left: 10px; } .loyalty__section .image-with-text__text-column .loyalty_button path { fill: #fff; stroke: #fff; stroke-width: 0.2; } .loyalty__section .loyalty_waves_wrap { position: absolute; bottom: -6px; right: 0; } /* NEW HOMEPAGE CUSTOM MEDIA */ @media only screen and (min-width: 1025px) { .custom-collection-title__wrap { /* position: absolute; top: 0px; left: 0; */ background: #f5f5f5; width: 100%; min-height: 50px; display: flex; align-items: center; } .custom-collection-title__wrap .title { font-size: 17px; margin-bottom: 0; padding-left: 20px; font-weight: bold; } /* .custom-collection-button__wrap { position: absolute; bottom: 20px; left: 20px; } */ /* .collection-info__caption-wrapper .arrow { position: absolute; bottom: 20px; right: 20px; } */ .custom-collection-list__cta-wrap { padding: 10px; background: rgba(255,255,255,0.8); position: absolute; bottom: 0; width: 100%; } .custom-collection-list__section::after { border-top: 10px solid #13b8ef; border-bottom: 10px solid #13b8ef; height: 30px; transform: translateY(-50%); } .loyalty__section .image-with-text__image-column .loyalty-button__wrap { display: none; } .loyalty__section .loyalty-button__wrap { position: absolute; bottom: 30px; left: 30px; } } @media only screen and (max-width: 1024px){ .promo-column__text { top: 20px; left: 20px; } .promo-column__action { left: 20px; bottom: 20px; } .pump_svg_wrap { right: 20px; bottom: 20px; } .promo-section__column .promo-text__2 { font-size: 17px; } .custom-collection-list__section .product-wrap { display: flex; } .custom-collection-list__section .product-wrap .image__container { margin: 0; width: 33%; } .custom-collection-list__section .product-wrap .custom-collection-info__caption { width: 67%; background: #F5F5F5; position: relative; } .custom-collection-list__section .custom-collection-list-item:nth-child(3) { margin-right: 10px; margin-bottom: 0; } .custom-collection-list__section .custom-collection-list-item:nth-child(4) { margin-left: 10px; margin-bottom: 0; } .custom-collection-title__wrap { position: absolute; top: 15px; left: 15px } .custom-collection-title__wrap .title { font-size: 17px; font-weight: bold; } .custom-collection-button__wrap { position: absolute; bottom: 15px; left: 15px } .collection-info__caption-wrapper .arrow { position: absolute; bottom: 15px; right: 15px; } .loyalty__section .image-with-text__text-column { padding: 20px; } .loyalty__section .loyalty_waves_wrap svg { max-width: 300px; height: 50%; } .loyalty-preheading__desktop { display: none; } } @media only screen and (min-width: 780px) and (max-width: 1024px) { .custom-collection-list__section .custom-collection-list-item:nth-child(3), .custom-collection-list__section .custom-collection-list-item:nth-child(4) { margin-top: 20px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .promo-column__text.promo_1 h3, .promo-column__text.promo_block h3{ font-size: 17px; } .promo-column__text.promo_2 h3 { font-size: 27px; max-width: 70%; } .loyalty__section .image-with-text__image-column { position: relative; } .loyalty__section .image-with-text__text-column .loyalty-button__wrap { display: none; } .loyalty__section .image-with-text__image-column .loyalty-button__wrap { position: absolute; left: 0; bottom: 0; width: 100%; } .loyalty__section .image-with-text__image-column .loyalty-button__wrap a.button { width: 100%; padding: 17px; } .loyalty__section .image-with-text__image-column .loyalty-button__wrap svg { margin-left: 10px; } .loyalty__section .image-with-text__text-column .image-with-text__heading { font-size: 30px; } .loyalty__section .image-with-text__text p { position: relative; z-index: 1; } } @media only screen and (min-width: 768px) and (max-width: 767px) { .loyalty__section .image-with-text__text-column { order: 0; } .loyalty__section .image-with-text__image-column .image-element__wrap { height: 100%; } .custom-collection-list__section .custom-collection-list-item:nth-child(3), .custom-collection-list__section .custom-collection-list-item:nth-child(4) { margin-top: 0; } } @media only screen and (min-width: 768px) { .loyalty__section .image-with-text__image-column { margin-left: 0; margin-right: 0; width: 33.333%; } } @media only screen and (max-width: 767px) { .promo-column__action .button { padding: 5px 50px 5px 5px; } .loyalty__section .image-with-text__image-column .loyalty-button__wrap { display: none; } .loyalty__section .image-with-text__text-column .image-with-text__heading { font-size: 25px; } .custom-collection-list__section .custom-collection-list-item:nth-child(3) { margin-bottom: 20px; } .loyalty__section .image-with-text__image-column .image-element__wrap { max-height: 225px; } } @media only screen and (min-width: 768px) and (max-width: 767px) { .loyalty__section .image-with-text__text-column { margin-bottom: 0 !important; } } @media only screen and (min-width: 768px) and (max-width: 767px) { .promo-section__column { width: calc(100% - 20px); } .loyalty__section .image-with-text__text-column, .loyalty__section .image-with-text__image-column { width: calc(100% - 20px); } .custom-collection-list__section .custom-collection-list-item { width: 100%; } } @media only screen and (max-width: 767px) { .promo-column__text.promo_1 h3, .promo-column__text.promo_block h3{ font-size: 15px; } .promo-column__text.promo_2 h3 { font-size: 25px; max-width: 70%; } .loyalty__section .image-with-text__text-column .loyalty-button__wrap { z-index: 1; } } /* ACCOUNT SECTION */ .account__top-section { background: #13B8EF; } .account__main-section-background { background: #2C313D; } .account_top--details-container { display: flex; justify-content: space-between; align-items: center; } .account__top-section h1 { font-size: 35px; padding-top: 40px; margin-bottom: 5px !important; text-transform: uppercase; } .account__top-section .account__customer-name { color: #fff; margin-bottom: 30px; } .account__sign-out-button, .addresses__add-new { padding: 7px 15px; background: none; border: 1px solid #2C313D; border-radius: 20px; } .account__sign-out-button:hover, .addresses__add-new:hover { border: 1px solid #2C313D; background: #2C313D; color: #fff; } .account_tab button { background-color: #2C313D; opacity: 0.3; border: none; outline: none; cursor: pointer; padding: 15px 20px; font-size: 18px; color: #fff; text-transform: uppercase; } .account_tab button.active { background-color: #2C313D; opacity: 1; } .account_tabcontent { display: none; padding: 20px; background: #fff; width: 100%; } .account_tabcontent:first-child { padding: 0; } .account_orders--top-section { border-bottom: 1px solid #F5F5F5; padding-bottom: 20px; } #account_orders main { border-left: 1px solid #F5F5F5; margin-left: 0; padding-left: 10px; } #account_orders .address__title, #account_orders .orders__title { color: #6D757B; margin-bottom: 20px; font-weight: bold; } #account_orders .address__link, .addresses__section .return_to--customer, .address_actions .action_edit a { color: #13B8EF; } .address_actions .action_delete a { color: #cc4545; } .account__newsletter-background { background: #13B8EF; } .account__newsletter-background .klaviyo_submit_button { font-weight: bold; } .account__popular-products .account__slider-title h2 { color: #fff; } .account__popular-products .flickity-button-icon { fill: #fff; } @media only screen and (max-width: 767px) { .account__top-section h1 { font-size: 25px; padding-top: 20px; } .account_tab button { padding: 15px; font-size: 16px; } .account_orders--top-section, #account_orders main { border: none; } } /* SIGN IN / REGISTER -- SECTION */ .login-section__background { background: #2C313D; position: relative; } .login-section__background .section__wrapper { position: relative; z-index: 1; } .login-section__svg { position: absolute; top: 0; left: 0; } .login-section__svg-lines { position: absolute; top: 30%; right: 0; } #login .errors, #recover-password .errors, #create-customer .errors { margin-bottom: 20px; background: #ff7777; padding: 10px; color: #fff; border-radius: 4px; } #login #customer, #recover-password { max-width: 400px; background: #fff; padding: 20px; border-radius: 5px; box-shadow: 0px 3px 6px #00000042; } #recover-password .button--forgot-password { background: #1A1D24; color: #fff; padding: 10px 20px; height: auto; } .login__image.text__adapted { display: flex; flex-direction: column; justify-content: center; } .login__image.text__adapted .login__text { color: #fff; font-size: 25px; } #customer .customer__title, #recover-password .customer__title { margin-bottom: 25px; font-size: 15px; text-transform: uppercase; font-weight: bold; } #customer .field input, #recover-password #recover-email { /* GR */ height: 50px; /* GR */ border-radius: 5px; background: #c9cccf4a; } #customer .field input::placeholder, #recover-password #recover-email::placeholder { color: #C9CCCF; } #customer .js-recover-password { font-weight: bold; color: #087CBF; } #customer .login__button { padding: 10px 40px; background: #1A1D24; color: #fff; text-transform: capitalize; height: auto; border: none; } #create-customer { padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0px 3px 6px #00000042; } .register-section__background { background: #2C313D; } .register__first-last-name { display: flex; justify-content: center; } /* .register__first-last-name #first_name { margin-right: 10px; } */ #birthday.field { max-width: calc(50% - 5px); margin-bottom: 40px; margin-top: 20px; } /* mobile fix for registration date picker */ #birthday.field input[type="date"]:not(.has-value):before { color: #9a9a9a; padding-right: 5px; content: attr(placeholder); } #customer #register__button { padding: 10px 40px; background: #1A1D24; color: #fff; height: auto; border: none; } .registration__header { width: 100%; display: flex; align-items: flex-end; justify-content: space-between; margin-left: 10px; margin-right: 10px; } .registration__header .registration__header-title { color: #fff; text-transform: uppercase; font-weight: bold; } .registration__header .registration__header-text { color: #fff; font-weight: bold; font-size: 20px; } @media screen and (min-width: 1025px) { .register-section__background .login__text { max-width: 400px; } } .register-section__background .login__text p { font-size: 35px; color: #fff; } .button__register-learn-more { background: #087CBF; border-color: #087CBF; color: #fff; justify-content: flex-start; min-width: 200px; } .button__register-learn-more .arrow { position: absolute; right: 20px; } .tem__logo_svg--sign-in svg { width: 200px; height: 20px; } .register__first-last-name #first_name, .register__first-last-name #last_name { width: 100%; } .mobile-header__sign-in { background: #13B8EF; color: #fff; padding: 5px 15px; border-radius: 20px; } .mobile--points-menu { align-items: flex-start; } @media only screen and (max-width: 1024px){ .registration__header { flex-direction: column; align-items: flex-start; } .registration__header .registration__header-text { color: #fff; margin-top: 20px; } } @media only screen and (min-width: 768px) and (max-width: 1024px){ .register-section__background .login__text { text-align: center; } } @media only screen and (min-width: 768px){ #create-customer { max-width: 600px; margin: 0 auto; } } @media only screen and (max-width: 767px){ .tablet-down--one-whole { width: calc(100% - 20px); } #login #customer, #recover-password { max-width: unset; } .registration__header .registration__header-text { color: #13b8ef; } #customer .customer__title { text-align: center; } .register__first-last-name { flex-wrap: wrap; } .register__first-last-name #first_name { margin-right: 0; } #birthday.field { max-width: 100%; margin-top: 0.75rem; margin-bottom: 0.75rem; } #customer #register__button { width: 100%; } .register-section__background .login__text { max-width: 300px; text-align: center; } .button__register-learn-more { width: 100%; } .register-section__background .login__text p { font-size: 25px; text-align: center; } .login-section__svg-lines { transform: translateY(40%); } } /* @media only screen and (min-width: 768px) and (max-width: 767px){ #mobile-header-sticky-wrapper { display: none; } } */ /* REWARDS PAGE */ .rewards-page__section h1 { font-size: 30px; letter-spacing: 2px; font-weight: bold; } .rewards-page__section .subtitle { letter-spacing: 0; line-height: 1.3; } .rewards-page__section .buttons .button { padding: 10px 40px; background-color: #13B8EF; box-shadow: 0px 2px 3px #00000024; border: none; color: #fff; height: auto; } .rewards-page__section .caption-content { padding: 0; } .rewards-page__section .rewards-banner-caption { width: 95%; } .custom-rewards-banner-section .customer-current-tier { color: #7cc952; font-weight: bold; } #loyaltylion .lion-rewards-list, #loyaltylion .lion-rules-list { background: transparent; padding: 0; grid-gap: 30px; grid-template-columns: 1fr 1fr 1fr; } #loyaltylion .lion-claimed-rewards-list { background: transparent; padding: 0; grid-gap: 30px; grid-template-columns: 1fr 1fr; } #loyaltylion .lion-claimed-rewards-list.lion-claimed-rewards-list--empty { border: none; text-align: left; color: #fff; } #loyaltylion .lion-reward-item__content, #loyaltylion .lion-rule-item__content { box-shadow: 0px 1px 9px 1px #00000014; padding: 50px 0 0; } #loyaltylion .lion-rule-item--guest .lion-reward-item__content, #loyaltylion .lion-rule-item--guest .lion-rule-item__content, #loyaltylion .lion-reward-item--guest .lion-reward-item__content, #loyaltylion .lion-reward-item--guest .lion-rule-item__content{ padding: 50px 0; } #loyaltylion .lion-rule-item.lion-rule-item--referral { display: none; } #loyaltylion .lion-rule-item__actions { min-height: 35px; margin-top: 20px; } #loyaltylion .lion-rule-item__points, #loyaltylion .lion-reward-item__cost { position: relative; color: #2C313D; font-weight: bold; } #loyaltylion .lion-reward-item__title, #loyaltylion .lion-rule-item__title { font-weight: normal; padding: 0 0 10px; font-size: 25px; color: #1A1D24; } /* LOYALTY LION ACTION LIST */ .rewards-actions-section .reward-actions-background-wrap { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; } .rewards-actions-section .reward-heading__title { color: #f3f3f3; font-size: 25px; text-transform: uppercase; font-weight: bold; } /* REWARDS HISTORY */ .rewards-history-section { background: #2c313d; margin: 40px 0; } .reward-history__title { color: #fff; } /* REWARDS TIER OVERVIEW */ .rewards-tier-overview-section { background: #d3dff0; } #loyaltylion .lion-tier-overview { padding: 0; border-radius: 0; background-color: transparent; gap: 1rem; } #loyaltylion .lion-tier-box, #loyaltylion .lion-tier-box:hover, #loyaltylion .lion-tier-box--current { box-shadow: none; } #loyaltylion .lion-tier-box--current { border: 3px solid #7cc952; } #loyaltylion .lion-tier-box__position { display: none; } #loyaltylion .lion-tier-box__title { color: #000; } #loyaltylion .lion-tier-box__purchase-rule { color: #000; background-color: #13b8ef26; } #loyaltylion .lion-tier-box__you-are-here { color: #000000; font-weight: bold; background: #7cc952; text-transform: uppercase; } /* GIVE $15 - GET $15 */ .give-15 .image-with-text-overlay__banner { margin: 0; width: 100%; } .give-15 .image-with-text-overlay__heading { font-size: 40px; font-weight: bold; } .give-15 .image-with-text-overlay__heading span { color: #1a1d24; } .give-15 .image-with-text-overlay__subheading { font-size: 26px; } @media screen and (max-width: 798px) { .give-15 .image-with-text-overlay__subheading { font-size: 20px; } } .give-15 .image-with-text-overlay__buttons .button { background: #2C313D; color: #fff; padding: 10px 40px; box-shadow: 0px 2px 3px #00000024; border: none; color: #fff; height: auto; } .give-15-background::after { content: ""; background: #2C313D; position: absolute; bottom: 0; width: 100%; height: 50%; left: 0; z-index: -1; } /* REWARDS LIST SECTION */ .rewards-list-section { background: #2C313D; } .rewards-list-section h2 { font-size: 35px; font-weight: bold; color: #fff; } .rewards-list-section h2 span { color: #13b8ef; } .reward-list-background-wrap { position: absolute; left: 50%; top: 0; transform: translateX(-50%); } .reward-list-background-wrap.account__arrows-down { top: -5px; transform: translateX(-50%) rotate(180deg); } /* REWARDS TIER SECTION */ .rewards-tier-section h2 { font-size: 35px; font-weight: bold; color: #2C313D; } .rewards-tier-section h2 span { color: #13b8ef; } #loyaltylion .lion-tier-rules-compare__row.lion-tier-rules-compare__row--rule-143101, #loyaltylion .lion-tier-rules-compare__row.lion-tier-rules-compare__row--rule-143103 { display: none; } #loyaltylion .lion-tier-rules-compare table { width: 100%; } #loyaltylion .lion-tier-rules-compare td:nth-child(2), #loyaltylion .lion-tier-rules-compare th:nth-child(2), #loyaltylion .lion-tier-rules-compare td:nth-child(4), #loyaltylion .lion-tier-rules-compare th:nth-child(4){ background: #2C313D; color: #fff; font-weight: bold; } #loyaltylion .lion-tier-rules-compare td:nth-child(3), #loyaltylion .lion-tier-rules-compare th:nth-child(3){ background: #1A1D24; color: #fff; font-weight: bold; } #loyaltylion .lion-tier-rules-compare td:first-child, #loyaltylion .lion-tier-rules-compare th:first-child { border-right: unset; color: #087CBF; font-weight: bold; } #loyaltylion .lion-tier-rules-compare .lion-tier-compare__header-cell:not(:first-child) { color: #13B8EF !important; text-transform: uppercase; } #loyaltylion .lion-tier-rules-compare td, #loyaltylion .lion-tier-rules-compare th { width: 25%; border: 1px solid #6d757b17; } .rewards-tier-list-background { position: absolute; bottom: 0; right: 0; z-index: -1; } .rewards-register-svg { position: absolute; top: 0; left: 0; z-index: 0; } .rewards-registration__section .register__image .login__title, .rewards-registration__section .register__image .login__text { color: #fff; } .rewards-registration__section .register__image .login__text { font-size: 25px; } /* REWARDS FAQ */ .rewards-faq--background { background: #2C313D; } .rewards-faq--background .faq-rewards-lines { position: absolute; bottom: -10px; right: 0; z-index: 0; } .rewards-faq-section { z-index: 1; } .rewards-faq-section .rewards-accordion { background-color: #fff; color: #1A1D24; cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 20px; margin-top: 20px; border-radius: 5px; } .rewards-faq-section .rewards-accordion:first-child { margin-top: 0; } .rewards-faq-section .rewards-accordion.active { border-radius: 5px 5px 0 0; padding-bottom: 15px; } .rewards-faq-section .rewards-accordion.active ~ .panel { border-radius: 0 0 5px 5px; border-top: 1px solid #C9CCCF; padding-top: 10px; } .rewards-faq-section .panel { padding: 20px; display: none; background-color: #fff; overflow: hidden; } .rewards-faq-section .reward-heading__title { color: #fff; } .rewards-icon-minus { display: none; } .rewards-icon-plus, .rewards-icon-minus { color: #13b8ef; } @media only screen and (min-width: 1025px){ .rewards-page__section .caption-content { max-width: 60%; } .rewards-page__section h1 { font-size: 35px; } } @media only screen and (max-width: 1024px){ #loyaltylion .lion-reward-item__content, #loyaltylion .lion-rule-item__content { padding: 20px 0 0; } /* #loyaltylion .lion-reward-item__icon, #loyaltylion .lion-rule-item__icon { height: 50px; width: 50px; } */ #loyaltylion .lion-reward-item__title, #loyaltylion .lion-rule-item__title { font-size: 18px; /* text-align: center; */ } .rewards-tier-list-background { bottom: -25%; } /* .rewards-register-svg { top: -80%; } */ } @media only screen and (min-width: 768px) and (max-width: 1024px){ #loyaltylion .lion-claimed-rewards-list, #loyaltylion .lion-rewards-list, #loyaltylion .lion-rules-list { grid-gap: 20px; } #loyaltylion .lion-claimed-rewards-list { grid-template-columns: 1fr; } .rewards-faq-section .reward-heading__title, .rewards-tier-section h2, .rewards-list-section h2 { font-size: 30px; } } @media only screen and (min-width: 768px) and (max-width: 767px){ .rewards-registration__section #create-customer { margin-top: 50px; } } @media only screen and (max-width: 767px){ .rewards-actions-section .reward-actions-background-wrap svg { width: 100%; height: 100%; } #loyaltylion table { font-size: 12px; } #loyaltylion .lion-tier-rules-compare td:first-child, #loyaltylion .lion-tier-rules-compare th:first-child { background: #fff; } #loyaltylion .lion-tier-rules-compare td, #loyaltylion .lion-tier-rules-compare th { padding: 5px; } .rewards-tier-list-background { bottom: -50%; } #loyaltylion .lion-tier-rules-compare td:nth-child(2), #loyaltylion .lion-tier-rules-compare th:nth-child(2) { padding-left: 5px; } .account_rewards__section-1 .account_rewards__header { flex-direction: column; align-items: flex-start; } .account_rewards__section-1 .redeem-tier-points { justify-content: space-between; width: 100%; margin-top: 20px; } } @media only screen and (max-width: 767px){ #loyaltylion .lion-rewards-list, #loyaltylion .lion-rules-list { grid-gap: 20px; grid-template-columns: 1fr 1fr; } #loyaltylion .lion-claimed-rewards-list { grid-template-columns: 1fr; grid-gap: 20px; } .rewards-page__section h1 { line-height: 1.2; margin-bottom: 20px; } .rewards-page__section .subtitle { font-size: 16px; } .rewards-page__section .buttons .button { margin-top: 20px; } .give-15 .image-with-text-overlay__heading { font-size: 30px; } #shopify-section-rewards-program-give-15 .caption-content { padding: 10px; } .rewards-list-section h2, .rewards-tier-section h2, .rewards-faq-section .reward-heading__title { font-size: 20px; } .rewards-faq-section .rewards-accordion { font-size: 17px; } .rewards-registration__section .register__image { order: -1; margin-bottom: 30px; } .rewards-registration__section .register__image .login__title { font-size: 30px; } .rewards-registration__section .register__image .login__text { font-size: 18px; } /* .rewards-register-svg { top: -100%; } */ } /* ACCOUNT REWARDS SECTION */ #rewards_centre .account_rewards__section-1, .account__rewards-rule-list, .account__claimed-rewards { background: #2C313D; } .account_rewards__section-1 .redeem-header, .claimed-rewards__title { color: #13b8ef; font-size: 25px; font-weight: bold; } .account_rewards__section-1 .redeem-tier span, .account_rewards__section-1 .account_your-points { font-size: 20px; } .account_rewards__section-1 .redeem-tier .tier-text { color: #6D757B; } .account_rewards__section-1 .redeem-tier #customer-current-tier, .account_rewards__section-1 .account_your-points span { color: #13b8ef; } .account_rewards__section-1 .account_your-points { padding: 10px 40px; background: #1A1D24; margin-left: 20px; } .account_rewards__section-1 .account-points-icon { vertical-align: sub; margin-right: 5px; } #loyaltylion .lion-claimed-reward-item .lion-icon { /* width: 50px; height: 50px; */ display: none; } #loyaltylion .lion-reward-item__actions:not(:empty), #loyaltylion .lion-rule-item__actions:not(:empty) { flex-grow: inherit; } #loyaltylion .lion-reward-item__actions:not(:empty), #loyaltylion .lion-rule-item__actions:not(:empty) { flex-grow: inherit; margin-top: 35px; width: 100%; justify-content: center; } #loyaltylion .lion-reward-item__content, #loyaltylion .lion-rule-item__content { justify-content: flex-end; } #loyaltylion .lion-action-button--tile { background: #13b8ef !important; width: 100%; border-color: rgba(187,187,187,.5) !important; color: #fff !important; border-top-right-radius: 0; border-top-left-radius: 0; font-weight: bold; text-transform: uppercase; } #loyaltylion .lion-rule-item__completed:before, #loyaltylion .lion-rule-item__limit-reached:before { background-color: #fff; } #loyaltylion .lion-rule-item__limit-reached, #loyaltylion .lion-rule-item__completed { justify-content: center; } @media only screen and (min-width: 1025px){ #loyaltylion .lion-action-button--tile { padding: 15px; } } @media only screen and (max-width: 767px){ .account_rewards__section-1 .account_your-points { padding: 10px 25px; margin-left: 0; } .account_rewards__section-1 .redeem-tier span, .account_rewards__section-1 .account_your-points { font-size: 18px; } .promo-column__2-wrap { margin-top: 20px; min-height: 177px; } } .promo-column__2-wrap .flickity-prev-next-button.previous { left: 5px; } .promo-column__2-wrap .flickity-prev-next-button.next { right: 5px; } .promo-column__2-wrap .flickity-prev-next-button { width: 30px; height: 30px; } .promo-column__2-wrap .flickity-page-dots { bottom: 10px; text-align: right; } .promo-column__2-wrap .flickity-page-dots .dot { width: 12px; height: 12px; } .promo-column__2-wrap .promo__flickity-block:not(:first-child) img { display: none; } @media only screen and (max-width: 1024px){ .promo-column__2-wrap .flickity-page-dots { bottom: 1px; } .promo-column__2-wrap .flickity-page-dots .dot { width: 8px; height: 8px; margin: 0 5px; } } #birthday input[type="date"] { width: 100%; border: 1px solid #dbdbdb; padding: 7px; font-size: 1rem; color: #363636; } #birthday.field input[type="date"]:not(.has-value){ color: #C9CCCF; } /* BEST SELLERS COLLECTION TEMPLATE */ #template-collection-best_sellers .collection__top-area, #template-collection-new-releases .collection__top-area { background: #2c313d; } #template-collection-best_sellers #shopify-section-collection__main--best-sellers, #template-collection-new-releases #shopify-section-collection__main--new-releases { width: 100%; } #template-collection-best_sellers .black-shape, #template-collection-new-releases .black-shape { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; max-height: 750px; background: #2c313d; -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%); } #template-collection-best_sellers .blue-shape, #template-collection-new-releases .blue-shape { position: absolute; left: 0; top: 370px; height: calc(100% - 370px); width: 100%; background: #13b8ef; -webkit-clip-path: polygon(0 378px, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 378px, 100% 0, 100% 100%, 0 100%); } #template-collection-best_sellers .page-separator, #template-collection-new-releases .page-separator { position: absolute; left: -75px; top: 0; } #template-collection-best_sellers .collection__content, #template-collection-new-releases .collection__content { min-height: 800px; } @media only screen and (max-width: 1024px){ #template-collection-best_sellers .best-selling-svg-title svg, #template-collection-new-releases .best-selling-svg-title svg { width: 100%; max-width: 100%; } } @media only screen and (max-width: 767px){ #template-collection-best_sellers .section__wrapper, #template-collection-new-releases .section__wrapper { padding: 20px 0; } #template-collection-best_sellers .best-selling-svg-title svg, #template-collection-new-releases .best-selling-svg-title svg { max-height: 150px; } } /* TOP BAR / FOOTER -- PHONE */ .top_bar__phone { color: #fff; padding-left: 0.75rem; } /* TEM - GR - 12 Aug '21 - Affiliate */ .Affiliate--Section { max-width: 1024px; width: 95%; margin-left: auto; margin-right: auto; } .Affiliate--Nav { padding: 0 60px; } .button--affiliate { color: #2C313D; background: transparent; border-color: #2C313D; border-radius: 4px; padding: 10px; } .button--affiliate:hover { background: #fff; color: #2C313D; border-color: #2C313D; } .tab--wrap { width: 100%; } .Affiliate--Tabs .tab--wrap button { outline: none; position: relative; cursor: pointer; transition: 0.3s all; color: #fff; font-size: 18px; border: none; background: #2c313d; border-bottom: 2px solid transparent; padding: 10px 20px; transform-style: preserve-3d; text-transform: uppercase; box-shadow: 0 3px 6px #00000038; z-index: 1; } .Affiliate--Tabs .tab--wrap button:hover::after { content: ""; position: absolute; background: #14b8ef; bottom: -10px; right: -20px; width: 60px; clip-path: polygon(25% 0%,100% 0,75% 100%,0% 100%); height: 20px; transform: translateZ(-1px); z-index: 0; } .Affiliate--Tabs .tab--wrap button.active::after { content: ""; position: absolute; background: #14b8ef; bottom: -10px; right: -20px; width: 60px; clip-path: polygon(25% 0%,100% 0,75% 100%,0% 100%); height: 20px; transform: translateZ(-1px); z-index: 0; } .Affiliate--Content { overflow: hidden; padding: 0 60px; position: relative; } .Affiliate--Content .tabcontent { display: none; padding: 40px 0; } .Affiliate--Content .highlight-p { font-size: 22px; color: #13B8EF; } .Affiliate--Content table { border: 1px solid #8DA9BD; } .Affiliate--Content table td { padding: 20px; } .Affiliate--Content ul li::before { content: "\2022"; color: #13B8EF; font-weight: bold; display: inline-block; width: 1em; font-size: 20px; } .Affiliate--Content ul ul li::before { color: #597077; } .Affiliate--Content ul ul { margin-left: 1em; } .Affiliate--Content .affiliate-faq-single { background: #fff; padding: 10px 20px; border-radius: 10px; box-shadow: 0px 3px 8px #00000030; } .Affiliate--Content .affiliate-question { font-size: 20px; } .Affiliate--Content .affiliate-answer { color: #6D757B; } .Affiliate--Content .affiliate-answer a { color: #13B8EF; } .Affiliate--Content .affiliate-faq-svg { position: absolute; bottom: -50%; left: 0; z-index: -1; } .Affiliate--Content .masonry { column-count: 3; column-gap: 5px; } .Affiliate--Content .masonry .brick { box-sizing: border-box; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; counter-increment: brick-counter; } .Affiliate--Content .masonry .brick img { width: 100%; height: 100%; object-fit: cover; } .custom-page .custom-page-inner.affiliate-page-wrapper { padding: 40px 0; } @media screen and (min-width: 768pxpx) and (max-width: 991px) { .Affiliate--Nav, .Affiliate--Content { padding: 0 30px; } } @media screen and (max-width: 767px){ .Affiliate--Nav, .Affiliate--Content { padding: 0px; } .custom-page-inner.affiliate-page-wrapper .dark_call_to_action_block { padding: 40px; } } @media screen and (max-width: 767px){ /* .Affiliate--Nav { padding: 20px 0; } */ .Affiliate--Content .tabcontent { padding: 20px 0; } .Affiliate--Tabs .tab--wrap button { width: 45%; margin-bottom: 15px; font-size: 14px; } .Affiliate--Tabs .tab--wrap { flex-wrap: wrap; } .Affiliate--Content .masonry { column-count: 2; } .Affiliate--Content .affiliate-faq-single { padding: 10px; } .custom-page .custom-page-inner.affiliate-page-wrapper { padding: 30px 20px; } } /* AFFILIATE BENEFITS SECTION */ .Affiliate--Benefits { background: #1A1D24; padding: 60px 0; overflow: hidden; z-index: 1; } .Affiliate--Benefits .Benefits--Heading { font-size: 16px; font-weight: bold; color: #13B8EF; } .Affiliate--Benefits .Benefits--Text { color: #EEEEFF; font-size: 20px; } .Affiliate--Benefits .Benefits--Description { font-size: 25px; color: #13B8EF; } .Affiliate--Benefits .benefits--button { background: #14b8ef; border: none; color: #fff; min-width: 200px; justify-content: flex-start; } .Affiliate--Benefits .benefits--button span { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .Affiliate--Benefits .Benefits--Lines { position: absolute; bottom: -10px; right: 0; z-index: -1; } /* ARTICLE/BLOG -- TABLE OF CONTENTS */ .article-content .table_of_contents { display: none; padding: 25px; border: 1px solid #C9CCCF; } .article-content .table_of_contents ol { display: none; font-size: 20px; color: #13B8EF; } .article-content .table_of_contents ol.active { display: block; } .article-content #table-of-contents-toggle { cursor: pointer; color: #13B8EF; font-size: 14px; } .article-content .table-heading { margin-bottom: 0 !important; font-size: 20px; } @media screen and (max-width: 767px){ .article-content .table_of_contents { padding: 20px; } .article-content .table_of_contents ol { font-size: 18px; } } #clipboard_note { display: none; padding: 5px; color: #fff; background: #13b8ef; } #clipboard_note.active { position: absolute; display: inline-block; top: 0; right: 0; } /* GR - 26 Aug '21 */ .custom-view-update.product-description.is-hidden-mobile-down { max-height: 650px; transition: max-height .8s ease-out; position: relative; padding-bottom: 200px; overflow: hidden; } .custom-view-update.product-description.is-hidden-mobile-down.custom-expanded { transition: max-height .8s ease-out; } .custom-view-update.product-description.is-hidden-mobile-down .description { overflow: hidden; transition: all .8s ease-out; height: auto; } .custom-view-update.product-description.is-hidden-mobile-down.custom-expanded { height: auto; transition: all .8s ease-out; } .custom-view-update.product-description.is-hidden-mobile-down .custom-description-show-more-div { height: 240px; width: 100%; text-align: center; position: absolute; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 12%, rgba(255,255,255,0.9) 34%, rgba(255,255,255,0.96) 57%, #fff 73%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 12%, rgba(255,255,255,0.9) 34%, rgba(255,255,255,0.96) 57%, #fff 73%); } .custom-view-update.product-description.is-hidden-mobile-down.custom-expanded .custom-description-show-more-div { background: transparent; } .custom-view-update .custom-description-show-more-btn { text-align: center; /* background-color: #13b8ef; color: #fff; */ text-decoration: none; padding: 17px 25px; min-width: 200px; min-height: 70px; font-size: 1em !important; font-weight: 600; } /* .custom-description-show-more-btn:hover, .custom-description-show-more-btn:active, .custom-description-show-more-btn:focus, .custom-description-show-more-btn:visited { color: #fff; } */ .product-description.is-hidden-mobile-down .custom-description-show-more-div { display: none; } /* Rewards page */ /* Banner */ .custom-rewards-banner-section { background-color: #2c313d; } .custom-rewards-banner { display: flex; flex-wrap: nowrap; width: 95%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; } .custom-rb-left { flex-basis: 50%; flex-grow: 0; flex-shrink: 0; position: relative; background: #2c313d; } @media screen and (max-width: 1200px) { .custom-rb-left { margin-left: 2.5%; } .custom-rewards-banner { width: 100%; } } .custom-rb-right { flex-basis: 50%; flex-grow: 0; flex-shrink: 0; } .custom-rb-left .custom-rb-left-div { padding-top: 34px; padding-bottom: 34px; } .rewards-banner-caption.caption { position: relative; pointer-events: all; } @media screen and (min-width: 768x) { .image-with-text-overlay__preheading.banner__subheading.pretext.subtitle { font-size: 19px; letter-spacing: 0.05em; line-height: 20.3px; } .custom-rb-left h1 { font-size: 45px; letter-spacing: 0.05em; line-height: 49px; } .image-with-text-overlay__subheading.banner__subheading.custom-rb-text p { font-size: 18px; letter-spacing: 0.05em; line-height: 25px; } } .custom-rb-left h1 { margin-bottom: 14px; font-weight: bold; } .image-with-text-overlay__preheading.banner__subheading.pretext.subtitle { font-weight: bold; text-align: left; color: #fff; margin-bottom: 6px; } .custom-rb-right .image-element__wrap { max-height: none; } .image-with-text-overlay__subheading.banner__subheading.custom-rb-text p { display: flex; align-items: center; margin-left: 5%; margin-bottom: 12px; } .custom-rb-left .rewards-banner-button { width: 400px; max-width: 80%; } .custom-rb-right .image-element__wrap { height: 100%; } .custom-rb-right img { height: 100%; object-fit: cover; object-position: left; } @media screen and (max-width: 767px) { .custom-rewards-banner { display: block; } .rewards-banner-caption.caption { max-width: 95%; } .custom-rb-left { flex-basis: 100%; margin-left: 0; position: absolute; z-index: 4; background: transparent; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 95%; padding-left: 10px; padding-right: 10px; } .custom-rb-right { display: none; } .custom-rb-left-div { top: auto !important; left: auto !important; transform: none !important; width: 100%; } .rewards-page__section .image-overlay__top { z-index: 3; } } @media screen and (max-width: 767px) { .custom-rb-left { width: 100%; } } /* Tier */ .rewards-tier-section #loyaltylion .lion-tier-rules-compare .lion-tier-compare__header > tr:first-of-type > th:first-of-type { text-align: left; } .rewards-tier-section #loyaltylion .lion-tier-rules-compare .lion-tier-rules-compare__rule-title { text-align: right; padding-right: 34px; } @media screen and (max-width: 767px) { .rewards-tier-section #loyaltylion .lion-tier-rules-compare .lion-tier-rules-compare__rule-title { text-align: center; padding-right: 5px; } .rewards-tier-section #loyaltylion .lion-tier-rules-compare .lion-tier-compare__header > tr:first-of-type > th:first-of-type { text-align: center; } } /* Register */ .register-section .login__title { font-weight: bold; font-size: 45px; letter-spacing: 0.05em; margin-top: 1rem; margin-bottom: 0.8rem; } .register-section .login__text { font-weight: normal; font-size: 25px; line-height: 35px; color: #1a1d24; } .register-section .register__image { padding-top: 20px; padding-bottom: 20px; } .register-section.register-section-1 .login__title { color: #7cc952; } .register-section.register-section-2 .login__title { color: #fff; } @media screen and (max-width: 767px) { .register-section .login__title { max-width: 60%; } .register-section .login__text { font-size: 20px; } } .register-section.register-section-1 .login__text { color: #1a1d24; margin-bottom: 40px; } .register-section.register-section-1 #register__button { width: 100%; } .register-section.register-section-2 .login__text { color: #fff; font-size: 18px; line-height: 30px; margin-bottom: 40px; } .register-section.register-section-2 #register__button { width: 100%; } @media screen and (min-width: 1025px) { .register-section.register-section-2 .login__text { color: #2C313D; } } .register-section.register-section-2 .login__text p { display: flex; align-items: center; } .register-section-2 { background-color: #7cc952; } .register-section .rewards-registration__section { min-height: 400px; display: flex; align-items: center; } .rewards-register-svg { left: auto; right: 0; } @media screen and (max-width: 767px) { .rewards-register-svg { right: -200px; } } /* Actions and rewards */ .reward-list-background-wrap, .reward-actions-background-wrap { position: absolute; } .rewards-sections-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 40px; } @media screen and (max-width: 767px) { .rewards-sections-wrapper { grid-template-columns: repeat(1, 1fr); } } .rewards-section-1 .heading-wrapper { margin-bottom: 20px; } .rewards-sections-wrapper header { display: block; } .rewards-section-1 .reward-heading__title, .rewards-section-2 .reward-heading__title { font-weight: bold; text-align: center; color: #2c313d; /* text-transform: uppercase; */ width: 100%; height: 60px; } @media screen and (max-width: 767px) { .rewards-section-1 .reward-heading__title, .rewards-section-2 .reward-heading__title { height: auto; font-size: 22px; letter-spacing: 0.05em; } } @media screen and (min-width: 800px) { .rewards-section-1 .reward-heading__title, .rewards-section-2 .reward-heading__title { font-size: 25px; letter-spacing: 0.05em; } } .rewards-section-1 #loyaltylion { width: 100%; position: relative; } .rewards-section-1 #loyaltylion .lion-rules-list { grid-template-columns: 1fr; grid-gap: 0; padding: 0; box-shadow: 0 1px 9px 1px #00000014; } .rewards-section-1 #loyaltylion .lion-rule-item { height: 140px; background-color: #fff; } .rewards-section-1 #loyaltylion .lion-rule-item:last-child .lion-rule-item__content { border: none; } .rewards-section-1 #loyaltylion .lion-rule-item__content { display: inline-grid; padding: 0; justify-content: left; grid-template-columns: repeat(20, 1fr); grid-template-rows: repeat(2, 70px); margin-left: 20px; margin-right: 20px; box-shadow: none; min-height: unset; border-bottom: 1px solid #c9cccf; grid-column-gap: 0; } .rewards-section-1 #loyaltylion .lion-rule-item__actions, .rewards-section-2 #loyaltylion .lion-reward-item__actions { grid-column: 14/21; grid-row: 2/3; grid-row-start: 2; margin-top: 0; grid-column-start: 14; justify-content: flex-end; align-self: baseline; margin-top: -25px; } .rewards-section-1 #loyaltylion .lion-rule-item__actions button, .rewards-section-2 #loyaltylion .lion-reward-item__actions button { padding: 5px 10px; border: none !important; width: auto !important; font-size: 14px; letter-spacing: 0; line-height: 20.3px; text-align: right; border-radius: 0; } .rewards-section-1 #loyaltylion .lion-rule-item__icon-wrap { grid-row: span 2; grid-column: span 4; max-width: 100%; } @media screen and (max-width: 1024px) { .rewards-section-1 #loyaltylion .lion-rule-item__icon-wrap { grid-column: span 3; } #loyaltylion .lion-reward-item__icon, #loyaltylion .lion-rule-item__icon { width: 60px !important; } .rewards-section-2 #loyaltylion .lion-reward-item__title, .rewards-section-1 #loyaltylion .lion-rule-item__title, .rewards-section-1 #loyaltylion .lion-rule-item__points, .rewards-section-2 #loyaltylion .lion-reward-item__meta { grid-column-start: 5 !important; } .rewards-section-2 #loyaltylion .lion-reward-item__meta > span { margin-left: 10px; } } .rewards-section-1 #loyaltylion .lion-rule-item__icon { max-width: 100%; } .rewards-section-1 #loyaltylion .lion-rule-item__title, .rewards-section-2 #loyaltylion .lion-reward-item__title { align-self: end; grid-column: 6/14; grid-column-start: 6; padding: 0; font-family: "Exo 2"; font-weight: 300; font-size: 18px; letter-spacing: 0.05em; color: #1a1d24; line-height: 24px; margin-bottom: 6px; text-align: left; } @media screen and (max-width: 1024px) { .rewards-section-1 #loyaltylion .lion-rule-item__title, .rewards-section-2 #loyaltylion .lion-reward-item__title { font-size: 16px; } } .rewards-section-1 #loyaltylion .lion-rule-item__points { align-self: start; grid-column: 6/14; grid-column-start: 6; } .rewards-section-1 #loyaltylion .lion-rule-item__points > span { margin-left: 30px; font-weight: bold; font-size: 16px; letter-spacing: 0.05em; color: #2C313D; } @media screen and (max-width: 1024px) { .rewards-section-1 #loyaltylion .lion-rule-item__points > span { font-size: 14px !important; } #loyaltylion .lion-history-table__row-cell { font-size: 85%; } } .rewards-section-1 #loyaltylion .lion-rule-item__points::before { left: 0; } .rewards-section-2 #loyaltylion { width: 100%; position: relative; } .rewards-section-2 #loyaltylion .lion-rewards-list { grid-template-columns: 1fr; grid-gap: 0; grid-row-gap: 16px; padding: 0; } .rewards-section-2 #loyaltylion .lion-reward-item { height: 140px; background-color: #fff; box-shadow: 0 1px 9px 1px #00000014; } .rewards-section-2 #loyaltylion .lion-reward-item__content { display: inline-grid; padding: 0; justify-content: left; grid-template-columns: repeat(20, 1fr); grid-template-rows: repeat(2, 70px); margin-left: 20px; margin-right: 20px; box-shadow: none; min-height: unset; grid-column-gap: 0; } @media screen and (max-width: 767px) { .rewards-section-1 #loyaltylion .lion-rule-item__content, .rewards-section-2 #loyaltylion .lion-reward-item__content { margin-left: 30px; margin-right: 30px; } } .rewards-section-2 #loyaltylion .lion-reward-item__icon { grid-row: span 2; grid-column: span 4; max-width: 100%; /* background-size: calc(100% - 20px); */ } .rewards-section-2 #loyaltylion .lion-reward-item__title { align-self: end; grid-column: 6/14; padding: 0; line-height: 24px; } .rewards-section-2 #loyaltylion .lion-reward-item__meta { align-self: start; grid-column: 6/14; } .rewards-section-2 #loyaltylion .lion-reward-item__meta > span { margin-left: 30px; } .rewards-section-2 #loyaltylion .lion-reward-item__metas::before { left: 0; } .reward-actions-background-wrap { transform: rotate(90deg) translate(-50px, 590px); } .rewards-action-list-background #loyaltylion .lion-reward-item__content, .rewards-action-list-background #loyaltylion .lion-rule-item__content { border-radius: 0; } @media screen and (max-width: 1024px) { .reward-actions-background-wrap { transform: rotate(90deg) translate(-50px, 300px); } .reward-actions-background-wrap svg { height: auto; width: 100%; } .rewards-registration__section #customer .field input { height: auto; } } @media screen and (max-width: 767px) { .reward-actions-background-wrap { display: none; } .rewards-section-1 #loyaltylion .lion-rule-item__content, .rewards-section-2 #loyaltylion .lion-reward-item__content { margin-left: 10px; margin-right: 10px; } } .give-15-background::after { background: transparent; } /* AUTHOR PAGE - GR - 9 Sep '21 */ .author-page h1 { font-size: 35px; text-transform: uppercase; } .author-media { width: 30%; } .author-media img { width: 180px; height: 180px; border-radius: 50%; object-fit: cover; object-position: top; margin: 0 auto; } .author-media .author-name { color: #13b8ef; font-weight: bold; font-size: 20px; text-transform: uppercase; margin: 10px 0; } .author-media .author-role { color: #6D757B; font-size: 14px; } .author-media .author-social { text-decoration: none !important; } .author-media .author-social span { color: #C9CCCF; font-size: 12px; } .author-bio { width: 70%; color: #6D757B; } @media screen and (min-width: 768px) and (max-width: 1024px) { .author-media { margin: 0 5%; } .author-bio { width: 60%; } } @media screen and (max-width: 767px) { .author-container { flex-direction: column; } .author-media, .author-bio { width: 100%; } .author-page h1 { font-size: 20px; } .author-media { margin-bottom: 30px; } } /* GR - 16 Sept '21 - Newsletter Opt-Ins */ .blog-page .blog_newsletter_section #shopify-section-collection__newsletter, .article-top-newsletter #shopify-section-page__newsletter { padding: 40px 0; margin-top: 0; } .newsletter__logo img { width: 177px; max-height: 17px; } .shopify-section.newsletter.bottom_collection_newsletter, .shopify-section.newsletter.page__newsletter { background: #D3DFF0; } /* .shopify-section.newsletter.bottom_collection_newsletter:before, .shopify-section.newsletter.bottom_collection_newsletter:after { content: ""; display: block; width: 100%; height: 300px; position: absolute; left: 0; transform: skewY(6deg); } @media only screen and (max-width: 767px) { .shopify-section.newsletter.bottom_collection_newsletter:before, .shopify-section.newsletter.bottom_collection_newsletter:after { height: 120px; } } .shopify-section.newsletter.bottom_collection_newsletter:before { background-color: #13b8ef; top: 0; z-index: 1; transform-origin: right; } .shopify-section.newsletter.bottom_collection_newsletter:after { background-color: #1a1d24; transform-origin: right; top: 100%; } */ /* ========== Sep 28 ============== */ .collection__main .button, { background-color: #13b8ef; color: #fff; border-color: #13b8ef !important; } .collection__main .button:hover { background-color: #13b8ef; color: #fff; } div.static_personyze-product-slider .personyze_recent_view .flickity-viewport { overflow: hidden; } div.static_personyze-product-slider .personyze_recent_view { background-color: transparent; box-shadow: none; padding-top: 100px; padding-bottom: 100px; padding-left: 40px; padding-right: 40px; } .product-page div.static_personyze-product-slider .personyze_recent_view, #template-collection div.static_personyze-product-slider .personyze_recent_view, #template-collection-category_and_faq .personyze_recent_view { padding-left: 0; padding-right: 0; } #template-collection div.static_personyze-product-slider .personyze_recent_view .container, #template-collection-category_and_faq .personyze_recent_view .container { margin-left: calc(20px / 2); margin-right: calc(20px / 2); } .product-page div.static_personyze-product-slider .personyze_recent_view .gallery-cell, #template-collection div.static_personyze-product-slider .personyze_recent_view .gallery-cell, #template-collection-category_and_faq .personyze_recent_view .gallery-cell { margin-left: 0 !important; margin-right: 10px !important; } #template-collection div.static_personyze-product-slider .related-products--slider, #template-collection-category_and_faq .personyze_recent_view .related-products--slider { flex-grow: 1; margin-left: 0; margin-right: 0; } @media screen and (max-width: 767px) { #template-collection div.static_personyze-product-slider .personyze_recent_view, #template-collection-category_and_faq .personyze_recent_view { padding-top: 30px; } .product-page div.static_personyze-product-slider .personyze_recent_view { width: 95%; padding-left: 20px; padding-right: 20px; } .product-page div.static_personyze-product-slider .personyze_recent_view .container { margin-left: 0; margin-right: 0; } .product-page div.static_personyze-product-slider .related-products--slider { width: calc(100% - 20px); margin-left: calc(20px / 2); margin-right: calc(20px / 2); flex-grow: 1; } } @media screen and (min-width: 768px) { .product-page div.static_personyze-product-slider .related-products--slider { margin-left: 0; margin-right: 0; } } @media screen and (max-width: 600px) { #shopify-section-cart-popular-products.article-product-slider--new .mt-3 { margin-top: 2.5rem !important; } #shopify-section-cart-popular-products.article-product-slider--new .flickity-page-dots { bottom: -30px !important; } } .static_personyze-product-slider.section--hidden { display: none; } /* Black Friday - Cyber Monday */ .bf-background { position: absolute; right: 0; top: 300px; } #template-page, #template-page-black-friday { background: #1a1d24; position: relative; overflow: hidden; } .bf-gradient-wrapper { position: relative; } .bf-gradient-fix { background: radial-gradient(circle, rgba(65,75,86,1) 0%, rgba(26,29,36,1) 100%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .bf-section { text-align: center; max-width: 930px; margin-left: auto; margin-right: auto; } .bf-logo { padding-top: 30px; position: relative; z-index: 1; } .bf-logo img { min-height: 25px; } .bf-title { text-transform: uppercase; margin-bottom: 10px; font-family: "Exo 2"; font-weight: bold; font-size: 74px; letter-spacing: 0.02em; text-align: center; color: #13b8ef; line-height: 1.1; } .bf-line { display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 10px; } .bf-line .bf-line--text { padding-left: 20px; padding-right: 20px; flex-grow: 0; z-index: 2; text-transform: uppercase; height: 30px; font-family: "Exo 2"; font-weight: bold; font-size: 20px; line-height: 28px; text-align: center; color: #fff; } .bf-line .bf-line--left, .bf-line .bf-line--right { border-bottom: 1px solid #13b8ef; flex-grow: 1; flex-shrink: 0; height: 50%; z-index: 1; flex-basis: 34%; } #clockdiv{ font-family: sans-serif; color: #fff; display: inline-block; font-weight: 100; text-align: center; font-size: 30px; margin-bottom: 20px; display: flex; flex-wrap: nowrap; flex-direction: row; max-width: 630px; margin-left: auto; margin-right: auto; justify-content: space-between; } #clockdiv > div { border-radius: 50%; display: inline-block; position: relative; } #clockdiv > div:first-of-type { padding-left: 0; } #clockdiv > div:last-of-type { padding-right: 0; } .clock-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } .clock-value { font-family: "Exo 2"; font-weight: normal; font-size: 45px; letter-spacing: 0.02em; line-height: 35px; text-align: center; color: #13b8ef; } .smalltext{ font-family: "Exo 2"; font-weight: 500; font-size: 15px; letter-spacing: 0.02em; text-align: center; color: #13b8ef; text-transform: uppercase; } .bf-banner { width: 100%; display: flex; align-items: center; background: linear-gradient(#14d4ff 0%, #13b8ef 100%); filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.16)); position: relative; margin-bottom: 20px; } .discount-image--desk { display: block; margin-left: auto; margin-right: auto; min-height: 68px; } .discount-image--mob { display: none; } .bf-banner-frame { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 20px; border: 3px solid #fff; } .bf-banner--text { flex-basis: calc(100% / 3 * 2); flex-grow: 0; flex-shrink: 0; } .bf-banner--image { flex-basis: calc(100% / 3); display: flex; } .bf-banner--image-desk { display: flex; min-height: 344px; } .bf-banner--image-tab, .bf-banner--image-mob { display: none; } .bf-banner--text-large { margin-bottom: 40px; margin-left: auto; margin-right: auto; } .bf-banner--text-small { font-family: "Exo 2"; font-size: 25px; letter-spacing: 0em; line-height: 30px; text-align: center; color: #1a1d24; } .bf-form { width: 100%; background-color: #fff; padding: 30px; margin-bottom: 20px; padding-bottom: 10px; filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.16)); } .bf-form--top { padding-left: 25px; padding-right: 25px; border-bottom: 1px solid #c9cccf; } .bf-form--bottom { padding-left: 25px; padding-right: 25px; } .bf-form--title { font-family: "Exo 2"; font-weight: 500; font-size: 36px; letter-spacing: 0em; text-align: center; color: #13b8ef; margin-bottom: 15px; } .bf-form--subtitle { font-family: "Exo 2"; font-weight: normal; font-size: 18px; text-align: center; color: #414b56; } .klaviyo-form-W5WtwH { min-height: 140px; padding-top: 25px; padding-bottom: 25px; } [data-testid="form-row"] input { height: 50px !important; border-radius: 4px !important; background: #eeeff0 !important; font-size: 15px !important; } [data-testid="form-row"] button { height: 50px !important; padding-top: 0 !important; padding-bottom: 0 !important; font-family: "Exo 2" !important; font-weight: 500 !important; font-size: 16px !important; letter-spacing: 0.05em !important; width: 100% !important; } [data-testid="form-row"] > div { flex-basis: 34%; flex-grow: 0; flex-shrink: 0; } [data-testid="form-row"] > div:last-of-type { flex-basis: 30%; flex-grow: 0; flex-shrink: 1; } .bf-form form input { height: 50px; border-radius: 5px; background: #c9cccf4a; border-color: #dbdbdb; border-top-color: rgb(219, 219, 219); border-right-color: rgb(219, 219, 219); border-bottom-color: rgb(219, 219, 219); border-left-color: rgb(219, 219, 219); color: #363636; box-shadow: none; } .bf-form--text { text-align: left; padding: 48px 11px; } .bf-form--text h2 { margin-top: 30px; margin-bottom: 20px; font-weight: bold; } .bf-form--text > * { color: #6d757b; text-align: left; font-size: 18px; line-height: 25px; } .bf-form--text p { font-family: "Exo 2"; font-weight: normal; } .bf-form--text p a { text-decoration: underline; } .bf-title:before { content: ""; position: absolute; height: 600px; width: 100%; left: 0; top: -150px; z-index: 0; background: radial-gradient(circle, rgb(66 75 84 / 78%) 0%, rgb(26 29 36 / 0%) 55%); } .bf-title span { position: relative; z-index: 1; } @media screen and (max-width: 1024px) { .bf-section { max-width: 648px; } .bf-title { font-size: 50px; letter-spacing: 0.02em; text-align: center; } .bf-title:before { display: none; } .bf-line .bf-line--left, .bf-line .bf-line--right { flex-grow: 1; flex-shrink: 1; } .bf-line .bf-line--text { flex-shrink: 0; } .clock-value { font-size: 45px; letter-spacing: 0.02em; } .bf-banner { margin-bottom: 30px; } .bf-banner--text-large { max-width: 330px; margin-left: auto; margin-right: auto; margin-bottom: 0; } .bf-banner--text-small { font-size: 18px; letter-spacing: 0em; line-height: 30px; margin-top: 6px; } .bf-banner--image-desk, .bf-banner--image-mob { display: none; } .bf-banner--image-tab { display: flex; min-height: 239px; } .discount-image--desk { min-height: 47px; } .bf-form { padding-left: 20px; padding-right: 20px; margin-bottom: 100px; } .bf-form--top { padding-left: 0; padding-right: 0; border-bottom: 1px solid #c9cccf; } .bf-form--bottom { padding-left: 0; padding-right: 0; } .bf-form--text { padding: 35px 0; } .klaviyo-form-W5WtwH { padding-top: 5px; padding-bottom: 5px; min-height: 10px; min-height: 100px; } .klaviyo-form-W5WtwH form { padding-left: 0 !important; padding-right: 0 !important; } [data-testid="form-row"] > div { padding-left: 0 !important; } [data-testid="form-row"] > div:last-of-type { padding-right: 0 !important; } } @media screen and (max-width: 766px) { #template-page-black-friday .section.section__wrapper { width: 92%; } .bf-background { display: none; } .bf-logo { width: 212px; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .bf-logo img { min-height: 20px; } .bf-title { font-size: 30px; margin-bottom: 15px; } .bf-line { margin-bottom: 20px; } .clock-element-wrap { width: 76px; height: 76px; } .bf-line .bf-line--text { font-size: 15px; padding-left: 10px; padding-right: 10px; } .clock-value { font-size: 35px; } #clockdiv { margin-bottom: 80px; max-width: 400px; } .smalltext { font-size: 14px; position: absolute; top: calc(100% + 25px); left: 50%; transform: translate(-50%); width: 100%; } .bf-banner { margin-bottom: 40px; } .bf-banner--image-mob { display: flex; z-index: -1; } .bf-banner--image-desk, .bf-banner--image-tab { display: none; } .bf-banner--image { position: absolute; width: 160px; left: 50%; top: 7%; transform: translateX(-50%); z-index: -1; } .bf-banner--text { flex-grow: 1; padding-top: 120px; padding-bottom: 40px; } .bf-banner-frame { margin: 0; transform: translate(10px, 10px); } .bf-banner--text-large { max-width: 88%; } .bf-banner--text-small { font-size: 15px; } .discount-image--desk { display: none; } .discount-image--mob { display: block; min-height: 52px; } .bf-form--title { font-size: 25px; } .bf-form--subtitle { font-size: 14px; line-height: 19px; } [data-testid="form-row"] { flex-wrap: wrap !important; } [data-testid="form-row"] > div { flex-basis: 100% !important; flex-shrink: 0 !important; flex-grow: 0 !important; padding-top: 0 !important; } .bf-form--text h2 { font-size: 14px; line-height: 19px; } .bf-form--text > * { font-size: 14px; line-height: 19px; } .bf-form--text p { line-height: 19px; font-size: 14px; } .klaviyo-form-W5WtwH { min-height: 210px; } } .cm-background { position: absolute; right: 0; top: 300px; } #template-page, #template-page-cyber-monday { background: #13b8ef; position: relative; overflow: hidden; } .cm-gradient-wrapper { position: relative; } .cm-gradient-fix { background: radial-gradient(circle, rgba(65,75,86,1) 0%, rgba(26,29,36,1) 100%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cm-section { text-align: center; max-width: 930px; margin-left: auto; margin-right: auto; } .cm-logo { padding-top: 30px; position: relative; z-index: 1; } .cm-logo img { min-height: 25px; } .cm-title { text-transform: uppercase; margin-bottom: 30px; font-family: "Exo 2"; font-weight: bold; font-size: 74px; letter-spacing: 0.02em; text-align: center; color: #fff; line-height: 1.1; } .cm-line { display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 10px; } .cm-line .cm-line--text { padding-left: 20px; padding-right: 20px; flex-grow: 0; z-index: 2; text-transform: uppercase; height: 30px; font-family: "Exo 2"; font-weight: bold; font-size: 20px; line-height: 28px; text-align: center; color: #2c313d; } .cm-line .cm-line--left, .cm-line .cm-line--right { border-bottom: 1px solid #087cbf; flex-grow: 1; flex-shrink: 0; height: 50%; z-index: 1; flex-basis: 34%; } #temlate-page-cyber-monday #clockdiv { font-family: sans-serif; color: #fff; display: inline-block; font-weight: 100; text-align: center; font-size: 30px; margin-bottom: 20px; display: flex; flex-wrap: nowrap; flex-direction: row; max-width: 630px; margin-left: auto; margin-right: auto; justify-content: space-between; } #template-page-cyber-monday .clock-value { font-family: "Exo 2"; font-weight: normal; font-size: 45px; letter-spacing: 0.02em; line-height: 35px; text-align: center; color: #fff; /* padding: 15px; display: inline-block; */ } #template-page-cyber-monday .smalltext{ /* padding-top: 5px; font-size: 16px; */ font-family: "Exo 2"; font-weight: 500; font-size: 15px; letter-spacing: 0.02em; text-align: center; color: #fff; text-transform: uppercase; } .cm-banner { width: 100%; display: flex; position: relative; margin-bottom: 20px; } .cm-banner-frame { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 20px; border: 3px solid #fff; } .cm-banner--text { flex-basis: 100%; flex-grow: 0; flex-shrink: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-left: 40px; padding-top: 20px; padding-bottom: 20px; } .cm-banner--image { position: relative; top: 0; right: 0; bottom: 0; left: 0; /* display: flex; */ } .cm-banner--image-desk { display: flex; min-height: 362px; } .cm-banner--image-tab, .cm-banner--image-mob { display: none; } .cm-banner--text-large { font-family: "Exo 2"; font-weight: 900; font-size: 100px; letter-spacing: 0.15em; text-align: left; color: #13b8ef; } .cm-banner--text-small { font-family: "Exo 2"; font-weight: normal; font-size: 18px; letter-spacing: 0.02em; text-align: left; color: #fff; margin-bottom: 45px; margin-left: 10px; } .cm-banner--text-logo { width: 108px; margin-left: 15px; margin-bottom: 10px; } .cm-banner--text-logo img { min-height: 23px; } .cm-banner--text-bottom { font-family: 'Montserrat'; font-weight: 600; font-size: 13px; letter-spacing: 0.25em; text-align: left; color: #65839d; margin-left: 18px; } .cm-form { width: 100%; background-color: #fff; padding: 30px; margin-bottom: 20px; padding-bottom: 10px; filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.16)); } .cm-form--top { padding-left: 25px; padding-right: 25px; border-bottom: 1px solid #c9cccf; } .cm-form--bottom { padding-left: 25px; padding-right: 25px; } .cm-form--title { font-family: "Exo 2"; font-weight: 500; font-size: 36px; letter-spacing: 0em; text-align: center; color: #13b8ef; margin-bottom: 15px; } .cm-form--subtitle { font-family: "Exo 2"; font-weight: normal; font-size: 18px; text-align: center; color: #414b56; } .cm-form form input { height: 50px; border-radius: 5px; background: #c9cccf4a; border-color: #dbdbdb; border-top-color: rgb(219, 219, 219); border-right-color: rgb(219, 219, 219); border-bottom-color: rgb(219, 219, 219); border-left-color: rgb(219, 219, 219); color: #363636; box-shadow: none; } .cm-form--text { text-align: left; padding: 48px 11px; } .cm-form--text h2 { margin-top: 30px; margin-bottom: 20px; font-weight: bold; } .cm-form--text > * { color: #6d757b; text-align: left; font-size: 18px; line-height: 25px; } .cm-form--text p { font-family: "Exo 2"; font-weight: normal; } .cm-form--text p a { text-decoration: underline; } .cm-title span { position: relative; z-index: 1; } @media screen and (max-width: 1024px) { .cm-section { max-width: 648px; } .cm-title { font-size: 50px; letter-spacing: 0.02em; text-align: center; } .cm-title:before { display: none; } .cm-line .cm-line--left, .cm-line .cm-line--right { flex-grow: 1; flex-shrink: 1; } .cm-line .cm-line--text { flex-shrink: 0; } .cm-banner { margin-bottom: 30px; } .cm-banner--image-desk { min-height: 252px; } .cm-banner--text { padding-top: 15px; padding-bottom: 15px; } .cm-banner--text-large { font-size: 68px; } .cm-banner--text-small { font-size: 15px; margin-bottom: 30px; } .cm-banner--text-logo { width: 75px; } .cm-banner--text-logo img { min-height: 15px; } .cm-banner--text-bottom { font-size: 13px; } .cm-form { padding-left: 20px; padding-right: 20px; margin-bottom: 100px; } .cm-form--top { padding-left: 0; padding-right: 0; border-bottom: 1px solid #c9cccf; } .cm-form--bottom { padding-left: 0; padding-right: 0; } .cm-form--text { padding: 35px 0; } } @media screen and (max-width: 766px) { #template-page-cyber-monday .section.section__wrapper { width: 92%; } .cm-background { display: none; } .cm-logo { width: 212px; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .cm-logo img { min-height: 20px; } .cm-title { font-size: 30px; margin-bottom: 15px; } .cm-line { margin-bottom: 20px; } .cm-line .cm-line--text { font-size: 15px; padding-left: 10px; padding-right: 10px; } .cm-banner { background: linear-gradient(#414b56 0%, #1a1d24 100%); filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.16)); margin-bottom: 40px; } .cm-banner--image-mob { display: flex; z-index: -1; } .cm-banner--image-desk { display: none; } .cm-banner--image { position: absolute; width: 178px; left: 50%; top: -13%; transform: translateX(-50%); z-index: 1; right: unset; bottom: unset; } .cm-banner--text { flex-grow: 1; padding-top: 80px; padding-bottom: 10px; position: relative; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; z-index: 2; } .cm-banner-frame { margin: 0; transform: translate(10px, 10px); } .cm-banner--text-large { max-width: 92%; font-size: 60px; text-align: center; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); margin-left: auto; margin-right: auto; } .cm-banner--text-small { font-size: 15px; margin-left: auto; margin-right: auto; text-align: center; max-width: 300px; } .cm-banner--text-logo { width: 107px; margin-left: auto; margin-right: auto; } .cm-banner--text-logo img { min-height: 22px; } .cm-banner--text-bottom { font-weight: 600; font-size: 10px; letter-spacing: 0.25em; line-height: 15px; text-align: center; color: #65839d; max-width: 240px; margin-left: auto; margin-right: auto; } .cm-form--title { font-size: 25px; } .cm-form--subtitle { font-size: 14px; line-height: 19px; } .cm-form--text h2 { font-size: 14px; line-height: 19px; } .cm-form--text > * { font-size: 14px; line-height: 19px; } .cm-form--text p { line-height: 19px; font-size: 14px; } } .author-social .icon { width: 25px; height: 25px; color: #C9CCCF; } .author-icons { display: flex; flex-wrap: nowrap; justify-content: space-between; width: 140px; margin-left: auto; margin-right: auto; } /* New Landing Page */ #shopify-section-page__nl1-banner { background: #2c313d; position: relative; overflow: hidden; } .nl1-banner--background { position: absolute; right: -40px; bottom: -50px; } .page__nl1-banner { text-align: center; padding-top: 60px; position: relative; } .nl1-banner img { min-height: 25px; } .nl1-banner--text { margin-top: 10px; font-family: "Exo 2"; font-weight: normal; font-size: 45px; line-height: 56px; text-align: center; color: #fff; padding-bottom: 40px; } @media screen and (max-width: 767px) { .nl1-banner--background { display: none; } .page__nl1-banner { padding-top: 30px; } .nl1-banner img { min-height: 20px; height: 20px; } .nl1-banner--text { font-size: 34px; line-height: 1.3; padding-bottom: 30px; } } #shopify-section-page__nl1-image-text { background: #f5f5f5; overflow: hidden; } .page__nl1-image-text { position: relative; } .nl1-image-text--text { padding-top: 60px; padding-bottom: 100px; max-width: 50%; } .nl1-image-text--heading { padding-bottom: 40px; font-weight: bold; font-size: 50px; line-height: 56px; color: #2c313d; } .nl1-image-text--par { padding-bottom: 50px; font-family: "Exo 2"; font-weight: 500; font-size: 18px; line-height: 25.2px; color: #6d757b; } .nl1-image-text--image { position: absolute; top: 30px; right: 0; } .nl1-image-text--image img { max-width: 500px; } button.button.button--primary.nl1-button { height: 60px; font-family: "Exo 2"; font-weight: 300; font-size: 20px; line-height: 42px; text-align: left; color: #fff; border-radius: 4px; background-color: #13b8ef; text-transform: none; } button.button.button--primary.nl1-button span { margin-left: 64px; display: flex; align-items: center; } @media screen and (max-width: 1024px) { .nl1-image-text--image { text-align: right; top: 55px; } .nl1-image-text--image img { max-width: 75%; } } @media screen and (max-width: 767px) { .nl1-image-text--image { text-align: center; left: 50%; top: 50px; transform: translateX(-50%); width: 350px; max-width: 90%; } .nl1-image-text--image img { max-width: 100%; } .nl1-image-text--text { max-width: 100%; text-align: center; padding-top: 350px; z-index: 1; position: relative; } } #shopify-section-page__nl1-icons { border-radius: 4px; background: #fff; border: 1px solid rgba(112, 112, 112, 0.16); } .nl1-icons--heading { font-family: "Exo 2"; font-weight: normal; font-size: 20px; line-height: 56px; text-align: center; color: #2c313d; padding-top: 30px; margin-bottom: 30px; } .nl1-icons--item img { height: 50px; } .nl1-icons--logos { justify-content: space-between; display: flex; flex-wrap: nowrap; padding-bottom: 30px; } .nl1-icons--logos div:last-of-type { } .nl1-icons--item { text-align: center; flex-basis: 23%; } .nl1-icons--par { font-family: "Exo 2"; font-weight: bold; font-size: 16px; letter-spacing: 0.05em; line-height: 20.3px; color: #087cbf; text-transform: uppercase; margin-top: 10px; } @media screen and (max-width: 767px) { .nl1-icons--heading { line-height: 42px; padding-top: 50px; margin-bottom: 50px; } .nl1-icons--logos { flex-wrap: wrap; } .nl1-icons--item { flex-basis: 45%; margin-bottom: 40px; } } #shopify-section-page__nl2-banner { background-color: #13b8ef; position: relative; } .nl2-banner--background { position: absolute; right: 0; bottom: -60px; z-index: 2; } .page__nl2-banner { position: relative; } .nl2-banner { padding-top: 84px; padding-bottom: 154px; max-width: 800px; } .nl2-banner--text { font-family: "Exo 2"; font-weight: normal; font-size: 40px; text-align: left; color: #fff; z-index: 4; position: relative; } .nl2-banner--logos { display: flex; flex-wrap: nowrap; width: 100%; left: 50%; justify-content: space-between; z-index: 4; position: absolute; top: 100%; transform: translate(-50%, -50%); padding-top: 20px; padding-bottom: 30px; border-radius: 4px; background: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .nl2-banner--logo { flex-basis: 25%; flex-grow: 0; flex-shrink: 0; text-align: center; } .nl2-banner--logo img { height: 50px; } .nl2-banner--logo-par { font-family: "Exo 2"; font-weight: bold; font-size: 16px; letter-spacing: 0.05em; line-height: 20px; color: #087cbf; text-transform: uppercase; margin-top: 10px; } @media screen and (max-width: 767px) { .nl2-banner--background { display: none; } .nl2-banner { padding-top: 40px; padding-bottom: 190px; } .nl2-banner--text { font-size: 34px; line-height: 1.2; } .nl2-banner--logos { flex-wrap: wrap; } .nl2-banner--logo { flex-basis: 45%; } .nl2-banner--logo:nth-of-type(-n+2) { margin-bottom: 40px; } .nl2-banner--logo-par { font-size: 13px; } } #shopify-section-page__nl2-image-text { position: relative; z-index: 3; background: #f0f0f0; } .nl2-image-text { padding-top: 110px; padding-bottom: 50px; } .nl2-it-top--left img { height: 40px; } .nl2-it-top--left span { font-weight: 500; font-size: 18px; letter-spacing: 0.1em; line-height: 20.3px; text-align: left; color: #2c313d; margin-left: 20px; } .nl2-it-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .nl2-it-top--left { display: flex; align-items: center; max-width: 50%; } .nl2-it-bottom { display: flex; } .nl2-it-bottom--left { flex-basis: 53%; padding-top: 8%; padding-right: 20px; } .nl2-it-bottom--right { flex-basis: 47%; } .nl2-it-bottom--left h2 { font-family: "Exo 2"; font-weight: bold; font-size: 45px; line-height: 56px; text-align: left; color: #13b8ef; margin-bottom: 2%; } .nl2-it-bottom--left p { margin-bottom: 12%; font-size: 18px; line-height: 25px; } .nl2-it-bottom--right img { display: block; } button.button.button--primary.nl2-button { height: 60px; font-family: "Exo 2"; font-weight: 300; font-size: 20px; line-height: 42px; text-align: left; color: #fff; border-radius: 4px; background-color: #13b8ef; text-transform: none; } button.button.button--primary.nl2-button span { margin-left: 64px; display: flex; align-items: center; } @media screen and (max-width: 1024px) { .nl2-it-bottom--left { padding-top: 4%; } /* .nl2-it-bottom--left h2 { font-size: 34px; line-height: 44px; } */ } @media screen and (max-width: 767px) { .nl2-image-text { padding-top: 180px; } .nl2-it-top { flex-wrap: wrap; } .nl2-it-top--left { order: 2; text-align: center; max-width: 100%; } .nl2-it-top--left span { font-size: 15px; } .nl2-it-top--right { width: 100%; text-align: center; margin-bottom: 20px; } .nl2-it-bottom { position: relative; } .nl2-it-bottom--left { flex-basis: 100%; padding-top: 0; padding-right: 0; text-align: center; } .nl2-it-bottom--left h2 { text-align: center; padding-top: 73%; /* font-size: 30px; */ } .nl2-it-bottom--right { position: absolute; width: 80%; left: 50%; transform: translateX(-50%); } button.button.button--primary.nl2-button { justify-content: center; } } /* === ARTICLE TEMPLATE 2021 === */ #template-article-article_2021 { background-color: #f5f5f5; } #template-article-article_2021 .container-standard { max-width: 767px; margin-left: auto; margin-right: auto; } #template-article-article_2021 .container-wide { margin-left: -56px; margin-right: -56px; } #template-article-article_2021 .content p:not(.top-text):not(.bottom-text) { font-size: 18px; color: #6D757B; } #template-article-article_2021 .content p a { text-decoration: none; color: #13B8EF; } #template-article-article_2021 ol li:not(.table-contents-li, .dot) { font-size: 18px; color: #414B56; margin-bottom: 30px; padding-left: 15px; } #template-article-article_2021 .content ul:not(.meta-info-list) li:not(.transparency-list-item) { font-size: 18px; color: #414B56; list-style: none; margin-bottom: 30px; position: relative; } #template-article-article_2021 .article-2021__main h2 { font-size: 41px; } /* Lazar - Excluded .blog__highlight__heading */ #template-article-article_2021 .article-2021__main h3:not(.table-heading):not(.blog__highlight__quote):not(.transparency-title):not(.blog__highlight__heading) { font-size: 33px; color: #1A1D24; } #template-article-article_2021 .article_banner_section .banner__heading { color: #2c313d; text-transform: uppercase; margin-bottom: 20px; font-size: 51px; } #template-article-article_2021 .article_banner_section .meta-info-list { font-size: 14px; margin: 0 0 30px; } #template-article-article_2021 .meta-info-list .meta-info-list__item:first-child a { color: #13B8EF; text-decoration: none; } #template-article-article_2021 .featured-article__date { padding: 0; } #template-article-article_2021 .meta-info-list__item:before { display: none; } #template-article-article_2021 .meta-info-list .read-time span { padding: 0; color: #6D757B; } #template-article-article_2021 .meta-info-list .updated-time { display: block; margin-top: 5px; } #template-article-article_2021 .blog-author { border-top: 1px solid #c9cccf; padding: 43px 0 20px 0; } #template-article-article_2021 .blog-author .comment__author { font-size: 25px; font-weight: 500; text-transform: uppercase; margin: 16px 0 10px 0; } #template-article-article_2021 .blog-author .media-content { padding-top: 10px; } #template-article-article_2021 .blog-author .media-left { margin-right: 2rem; } #template-article-article_2021 .blog-author .media { padding-bottom: 30px; } #template-article-article_2021 .banner__wrapper { margin-bottom: 40px; } #template-article-article_2021 #shopify-section-article__popular-products { margin-top: 50px; margin-bottom: 100px; } #template-article-article_2021 #shopify-section-article__popular-products .shopify-section.newsletter { margin-top: -80px; } #template-article-article_2021 #shopify-section-article__popular-products .container { z-index: 2; } .article-2021__main .article-audio-file { margin: 30px 0; } .article-2021__main .article-audio-file h3 { margin-bottom: 20px; } .article-2021__main .article-content .table_of_contents { padding: 30px; border-radius: 4px; margin: 30px 0; background: #fff; } .article-2021__main .article-content .table_of_contents ol { font-size: 18px; } .article-2021__main ol li::marker { color: #C9CCCF; } .article-2021__main .article-content .table_of_contents ol li a { text-decoration: none; } /* article breadcrumbs */ .article_2021__breadcrumbs { font-size: 12px; margin-bottom: 20px; } .article_2021__breadcrumbs .icon { vertical-align: middle; width: 12px; height: 12px; } .article_2021__breadcrumbs .current_blog { margin-left: 2px; } /* 2021 Article Sidebar */ .sidebar-2021__section { height: 100%; } .sidebar-2021__section .author-sidebar-card { margin: 0 auto; } .sidebar-2021__section .author_title { font-size: 20px; font-weight: 600; margin-bottom: 15px; } .sidebar-2021__section .sidebar__promo-image { margin-bottom: 20px; } .sidebar-2021__section .sidebar__promo-image img { border-radius: 50%; } .sidebar__promo-image.medically_reviewed_image { max-width: 80px; margin-left: auto; margin-right: auto; } .sidebar-2021__section .author_text { font-size: 14px; color: #6D757B; } .sidebar-2021__section .learn-more--author { text-align: center; padding-top: 5px; margin-bottom: 20px; } .sidebar-2021__section .learn-more-button { border: none; font-size: 16px; color: #13B8EF; } .sidebar-2021__section .sidebar-author-icons { margin-bottom: 30px; } .sidebar-2021__section .sidebar-author-icons .icon { margin-right: 10px; } .sidebar-2021__section .author-social:last-child .icon { margin-right: 0; } .sidebar-2021__section .sidebar-card-content { padding: 0 20px 20px; } .sidebar-2021__section .article_sidebar_blog_item:not(:last-child), .sidebar-2021__section .article_sidebar_guide_item:not(:last-child) { margin-bottom: 15px; } .sidebar-2021__section .sidebar-tag-heading { padding: 10px 20px; background: #F5F5F5; margin-bottom: 20px; color: #6D757B; } .sidebar-2021__section .sidebar-guide-blog-image { width: 100%; max-width: 50px; height: 75px; margin-right: 10px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .sidebar-2021__section .sidebar-blog-title { font-size: 14px; color: #087CBF; } .sidebar-2021__section .sidebar-blog-title:hover { color: #13B8EF; } .sidebar-2021__section .sidebar-blog-date { color: #6D757B; font-size: 10px; } .sidebar-2021__section .sidebar-rewards-title { margin-top: 10px; padding-top: 15px; border-top: 1px solid #C9CCCF; color: #13B8EF; margin-bottom: 20px; font-size: 25px; text-align: center; } .sidebar-2021__section .sidebar-rewards-points-list { padding: 20px 0 20px; } .sidebar-2021__section .sidebar-rewards-points-list .sidebar-reward-point { margin-left: 50px; font-size: 16px; margin-bottom: 10px; position: relative; } .sidebar-2021__section .sidebar-rewards-points-list .sidebar-reward-point:before { content: ""; width: 15px; height: 15px; background-image: url(/cdn/shop/files/rewards_check.svg?v=1637833622); background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); left: -30px; } .sidebar-2021__section .sidebar-rewards-info { background: #F5F5F5; } .sidebar-2021__section .sidebar-rewards-button-wrap { padding: 0 20px 25px; } .sidebar-2021__section .sidebar-rewards-button { min-height: 60px; background: #13B8EF; color: #fff; border: none; width: 100%; } .sidebar-2021__section .sticky-product-container { position: -webkit-sticky; position: sticky; top: 55px; background: #2C313D; } .sidebar-2021__section .sidebar-sticky-product-snippet { padding: 20px 30px 30px; } .sidebar-2021__section .sticky-product-title { padding: 30px 30px 0; font-size: 25px; color: #13B8EF; } .sidebar-2021__section .sticky-product-container .product-thumbnail { background: #fff; padding-left: 10px; padding-right: 10px; border-top: 1px solid #EBEBEB; } .sidebar-2021__section .sticky-product-container .purchase-details__buttons .button { max-height: 50px; font-weight: 600; color: #fff; background: #13B8EF; font-size: 15px !important; color: #2c313d; background-color: #fff; border: none; border-top: 1px solid #e5e6e7 !important; } .article-2021__main .article-content { padding-top: 55px; max-width: 880px; margin-left: auto; margin-right: auto; } /* 2021 Article Handpiced Products */ /* .article-2021__main .article-handpicked-product-wrap { display: none; } */ .article-2021__main .article-handpicked-item { max-width: 250px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); flex-basis: calc(100% / 3); } .article-2021__main .article-product-wrap { background: #fff; } /* Fix alignment */ .article-2021__main .handpicked-mobile-slider .article-product-wrap { display: flex; flex-direction: column; height: 100%; } .article-2021__main .handpicked-mobile-slider .article-product-wrap .text-align-left { display: flex; flex-direction: column; height: 100%; } .article-2021__main .handpicked-mobile-slider .product__form--slider { margin-top: auto; } /* End fix alignment */ .article-2021__main .button--add-to-cart { padding: 15px; font-size: 16px; font-weight: 600; border-top: 1px solid #e5e6e7; } .article-2021__main .article_featured_collection .product-thumbnail__title:hover, .sidebar-2021__section .product-thumbnail__title:hover { color: #13b8ef; } .article-2021__main .article_featured_collection .product-thumbnail__title, .sidebar-2021__section .product-thumbnail__title { margin-bottom: 20px; color: #2C313D; text-decoration: none; line-height: 22px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .article-2021__main .article_featured_collection .product-thumbnail__price, .sidebar-2021__section .product-thumbnail__price { font-size: 22px; padding-top: 30px; margin-top: 0; padding-top: 0; margin-bottom: 10px; } .article-2021__main .article_featured_collection { margin: 0; max-width: 100%; width: 100%; margin: 50px 0; } .article-2021__main .jdgm-prev-badge__text, .sidebar-2021__section .jdgm-prev-badge__text { color: #c9cccf; font-size: 14px; } .article-2021__main .article_featured_collection .product-thumbnail { padding: 10px 10px 20px; } /* 2021 Article Promo Images */ .article-2021__main .article-promo-images { display: flex; align-items: center; justify-content: space-between; margin: 40px 0; } /* 2021 Article Comparison */ .article-2021__main .content .comparison_table{ margin-top: 40px; margin-bottom: 40px; } .article-2021__main .content .comparison_table tr:nth-child(odd) td { background: #fff; } .article-2021__main .content .comparison_table .empty { background: transparent !important; border: none; } .article-2021__main .content .comparison_table tr:nth-child(even) { background: #f2f2f2; } .article-2021__main .content .comparison_table td { border: 1px solid #d3d3d3; } .article-2021__main .content .comparison_table [data-icon="checkmark"] { fill: #13B8EF; } .article-2021__main .content .comparison_table [data-icon="x"] { fill: #EF4813; } .article-2021__main .content .comparison_table td:not(:nth-child(1)) { text-align: center; vertical-align: middle; } .article-2021__main .content .comparison_table td:nth-child(1), .article-2021__main .content .comparison_table .table-product-top-title { padding: 20px; } .article-2021__main .content .comparison_table .product_cell img { max-width: 60px; } .article-2021__main .content .comparison_table .product_cell-img-wrap { min-height: 60px; margin-top: 20px; } .article-2021__main .content .comparison_table .product_cell-title { text-transform: uppercase; margin-bottom: 10px; } .article-2021__main .content .comparison_table .product_cell-title a { text-decoration: none; } .article-2021__main .content .comparison_table .product_cell-price-regular { color: #13B8EF; } .article-2021__main .content .comparison_table .product_cell-price-sale { color: #b9b9b9; text-decoration: line-through; margin-right: 5px; } .article-2021__main .content .comparison_table .product_cell-view a { color: #087CBF; text-decoration: none; } .article-2021__main .content .comparison_table .product_cell-view { margin: 20px 0; } .article-2021__main .content .comparison_table .sticker-sale { position: absolute; top: 0; background: #13b8ef; left: 0; color: #fff; padding: 5px 10px; font-size: 12px; } .article-2021__main .content .comparison_table .table-title { color: #13B8EF; vertical-align: middle; } /* 2021 Article Pros and Cons */ .article-pros-cons { background: #fff; border: 1px solid #C9CCCF; margin: 40px 0; } .article-pros-cons .article-pros-cons-wrap { padding: 50px 30px 20px; } .article-pros-cons .article-pro-cons-box { width: 50%; } .article-pros-cons .article-pro-cons-box:first-child { margin-right: 30px; } .article-pros-cons .article-pro-cons-title { font-size: 20px; margin-bottom: 20px; color: #1A1D24; font-weight: bold; } .article-pros-cons .pros-cons-point { font-size: 18px; margin-bottom: 20px; margin-left: 50px; } .article-pros-cons [data-icon="blue-plus"] { position: absolute; left: -35px; top: 3px; color: #13b8ef; } .article-pros-cons [data-icon="x"] { position: absolute; left: -35px; top: 7px; color: #EF4813; } .article-pros-cons .article-pros-cons-button-wrap { padding: 20px 0 30px; border-top: 1px solid #C9CCCF; } .article-pros-cons .article-pros-cons-button { padding: 20px; width: 100%; display: block; margin: 0 auto; max-width: 300px; background: #13B8EF; color: #fff; text-decoration: none; } .article-2021__main .article-content .table-heading { font-weight: bold; } /* ARTICLE 2021 - MEDIA */ @media screen and (min-width: 1025px) and (max-width: 1280px) { .article-2021__main { padding-left: 40px; padding-right: 40px; } .article-2021__main .article_featured_collection .featured-collection { -webkit-flex-wrap: unset; -moz-flex-wrap: unset; -ms-flex-wrap: unset; flex-wrap: unset; gap: 15px; } } @media screen and (max-width: 1280px) { #template-article-article_2021 .container-wide { margin-left: auto; margin-right: auto; } } @media screen and (min-width: 1025px){ .article-2021__main, #shopify-section-article-2021__sidebar { padding-bottom: 100px; } #shopify-section-article-2021__sidebar { max-width: 320px; } .sidebar-2021__section { padding-top: 55px; } .sidebar-2021__section .author-sidebar-card { max-width: 250px; } .article-2021__main .banner__wrapper.is-small .image-element__wrap { height: 250px; } .article-2021__main .article-promo-images .image-element__wrap:first-child { margin-right: 30px; } } @media screen and (max-width: 1024px) { .article-2021-wrap { flex-direction: column; } .article-2021__main { padding-bottom: 20px; } .article-2021__main .article-handpicked-item { max-width: 220px; } .article-2021__main .purchase-details__buttons { margin-left: 0; margin-top: 10px; } .sidebar-2021__section .author-sidebar-card { max-width: 240px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .article-2021__main .article-content { padding: 30px 40px 20px; } #template-article-article_2021 .article_banner_section .banner__heading { font-size: 41px; } #template-article-article_2021 .article_banner_section .meta-info-list { margin: 0 0 40px; } #template-article-article_2021 .banner__wrapper { margin-bottom: 30px; } #template-article-article_2021 .article-2021__main h2 { font-size: 33px; } #template-article-article_2021 .content p { font-size: 16px; } .article-2021__main .article-promo-images .image-element__wrap:first-child { margin-right: 20px; } .sidebar-2021__section { display: flex; flex-wrap: wrap; padding: 40px; } .sidebar-2021__section .sidebar__block:not(.tablet-full), .sidebar-tablet-wrap { width: 50%; } .sidebar-2021__section .sidebar-card-content.top-left { padding: 0; } .sidebar-2021__section .sidebar-card-content { padding: 0; } .sidebar__block.tablet-full { padding-left: 20px; padding-bottom: 20px; } .article-2021__main .banner__wrapper.is-small .image-element__wrap { height: 250px; } .sidebar-2021__section .sidebar-rewards-title { margin-top: 0; } .sidebar-2021__section .sidebar__promo-rewards { padding-right: 20px; } .sidebar-2021__section .purchase-details__buttons { margin-left: 0; } .article-pros-cons .article-pros-cons-wrap { padding: 20px; } .article-pros-cons .article-pros-cons-button-wrap { padding: 20px 0; } } @media screen and (min-width: 768px){ .article-2021__main .content .comparison_table .table-product-top-image { display: none; } .article-2021__main .content .comparison_table .product_cell { position: relative; } } @media screen and (max-width: 767px) { .article-2021__main .article-content { padding: 30px 30px 40px; } #template-article-article_2021 .article_banner_section .banner__heading { font-size: 29px; margin-bottom: 10px; } #template-article-article_2021 .article_banner_section .meta-info-list { margin: 0 0 20px; } #template-article-article_2021 .banner__wrapper { margin-bottom: 20px; } #template-article-article_2021 .article-2021__main h2 { font-size: 23px; } #template-article-article_2021 .content p:not(.top-text), .article-2021__main .article-content .table-heading { font-size: 16px; } .article-2021__main .article-content .table_of_contents ol { font-size: 16px; margin-left: 1.5rem; } .sidebar-2021__section { padding-top: 30px; } .article-2021__main .banner__wrapper.is-small .image-element__wrap { height: 210px; } .sidebar-2021__section .purchase-details__buttons { margin-top: 0; } .article-2021__main .article-content .table_of_contents { margin: 20px 0; padding: 20px; } #template-article-article_2021 .content ul:not(.meta-info-list) li:not(.transparency-list-item) { font-size: 16px; color: #1A1D24; } .article-2021__main .content .comparison_table .table-product-top-title { display: none; } .article-2021__main .content .comparison_table .table-product-top-image img { max-width: 60px; } .article-2021__main .content .comparison_table td:nth-child(1), .article-2021__main .content .comparison_table .table-product-top-title { padding: 10px; font-size: 12px; } .article-2021__main .content .comparison_table td:not(:nth-child(1)) { padding: 5px; } .article-2021__main .mobile-helper { position: relative; } .article-2021__main .content .comparison_table .product_cell { position: absolute; top: 10px; width: 49%; border: none; box-shadow: 0px 3px 6px #00000042; } .article-2021__main .content .comparison_table .product_cell.first { left: 0; } .article-2021__main .content .comparison_table .product_cell.second { right: 0; } .article-2021__main .content .comparison_table .product_cell-img-wrap { margin-top: 30px; } .article-2021__main .content .comparison_table .product_cell-view { margin: 10px 0; } .article-2021__main .content .comparison_table { margin-bottom: 250px; } .article-2021__main .content .comparison_table .product_cell-title { font-size: 12px; } .article-2021__main .article-handpicked-item { margin-right: 15px; } .article-2021__main .flickity-page-dots { bottom: -55px; margin-left: 0; margin-bottom: 0; text-align: center; } .article-2021__main .article_featured_collection { margin: 50px 0 100px; } .article-2021__main .flickity-page-dots .dot { width: 15px; height: 15px; } .article-2021__main .flickity-prev-next-button { top: unset; bottom: -105px; background: #13B8EF; border-radius: 0; width: 60px; height: 60px; z-index: 1; } .article-2021__main .flickity-prev-next-button.next { right: 10px; } .article-2021__main .flickity-prev-next-button.previous { left: 10px; } .article-2021__main .flickity-prev-next-button svg { fill: #fff; } .article-2021__main .article-promo-images { flex-direction: column; margin: 20px 0; } .article-2021__main .article-promo-images .image-element__wrap:first-child { margin-bottom: 20px; } .article-handpicked-product-wrap { margin-left: -30px; margin-right: -30px; } .article-pros-cons { margin: 30px 0; } .article-pros-cons .article-pros-cons-button-wrap { padding: 15px; } .article-pros-cons .article-pros-cons-wrap { padding: 20px 10px; } .article-pros-cons .article-pro-cons-box:first-child { margin-right: 10px; } .article-pros-cons .article-pro-cons-title { font-size: 14px; } .article-pros-cons .pros-cons-point { font-size: 12px; margin-left: 15px; } .article-pros-cons [data-icon=checkmark] { left: -20px; width: 15px; height: 15px; } .article-pros-cons [data-icon="blue-plus"] { left: -20px; width: 14px; height: 14px; } .article-pros-cons [data-icon="x"] { left: -20px; top: 6px; width: 12px; height: 12px; } /* Lazar - excluded .blog__highlight__heading */ #template-article-article_2021 .article-2021__main h3:not(.table-heading):not(.transparency-title):not(.blog__highlight__heading) { font-size: 19px; } #template-article-article_2021 ol li:not(.table-contents-li, .dot), .sidebar-2021__section .author_text, .sidebar-2021__section .sidebar-blog-title { font-size: 16px; } .sidebar-2021__section .author-sidebar-card { max-width: 90%; } .sidebar-2021__section .sidebar__promo-image { max-width: 250px; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 600px) { #template-article-article_2021 .article_featured_product { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #template-article-article_2021 .article_featured_product .image, #template-article-article_2021 .article_featured_product .info { width: 100%; } } @media only screen and (max-width: 767px) { #template-article-article_2021 .article_featured_collection .slider-gallery { margin-top: 50px; } #template-article .article_featured_collection .mt-3 { margin-top: 1.5rem !important; } } /* === Extend Page === */ /* Banner */ @media screen and (min-width: 1025px){ .extend-section .image-with-text__text-column .image-with-text__wrapper { max-width: 450px; } .extend-section .image-with-text__heading { font-size: 35px; } } @media screen and (max-width: 1024px){ .extend-section .image-with-text__heading { font-size: 27px; } } @media screen and (max-width: 767px){ .extend-section .image-with-text__text-column .image-with-text__wrapper { margin: 30px 0; } } /* Logo Section */ .extend-logo-section { width: 100%; margin: 50px 0; } @media screen and (min-width: 768px){ .extend-logo-section #tem-black-logo { width: 240px; height: 22px; } .extend-logo-section .icon { max-height: 15px; margin: 0 15px; } } @media screen and (max-width: 767px){ .extend-logo-section #tem-black-logo { width: 170px; height: 16px; } .extend-logo-section #extend-logo { max-width: 80px; } .extend-logo-section .icon { max-height: 10px; margin: 0 10px; } } /* Benefits Section */ .extend-benefits-section .extend-benefit-icon .icon { width: 45px; height: auto; } .extend-benefits-section .icon-column__text { margin-left: 30px; } .extend-benefits-section .icon-column__text .icon-column__title { line-height: 1; margin-bottom: 15px; text-transform: uppercase; font-size: 24px; } @media screen and (min-width: 768px){ .extend-benefits-section .icon-column__text { margin-right: 30px; } } @media screen and (max-width: 767px){ .extend-benefits-section .extend-section-header h2 { font-size: 27px; } } .extend-divider { margin: 50px 0; width: 100%; border: 1px solid #dfdfdf; } /* How it works Section */ .extend-how-it-works-text .image-element__wrap { margin-left: 0; margin-top: 20px; margin-bottom: 40px; } @media screen and (min-width: 768px){ .extend-subheading { max-width: 70%; margin: 0 auto 60px; } } @media screen and (max-width: 767px){ .how-it-works-image { margin: 40px 0; } } /* FAQ Section */ .extend-faq-section .icon-column__title { font-size: 24px; } /* === HEADER === */ /* Header SVG logo */ #shopify-section-header-search-focus #tem-black-logo { min-width: 160px; max-width: 190px; height: auto; width: 100%; } /* === CONTACT PAGE/FORM === */ .custom-contact-form-success { background: #4caf50; color: #fff; padding: 5px; margin-bottom: 20px; text-align: center; } .contact-form__form-errors .form__error { margin-bottom: 15px; background: #f44336; color: #fff; padding: 5px; text-align: center; } /* === BLOG HIGHLIGHT COMPONENT === */ /* OLD BLOG QUOTE DESIGN */ .blog__highlight { background-color: #ffffff; padding: 2rem 2.5rem 3rem; border-left: 5px solid #15b7ef; border-radius: 5px; margin: 3rem 0; } .blog__highlight .blog__highlight__heading { margin-bottom: 1rem; font-weight: 600; } .blog__highlight__text { font-size: 17px; } .blog__highlight .blog__highlight__quote { font-style: italic; font-size: 21px; font-weight: 200; } /* NEW BLOG QUOTE DESIGN */ .blog__highlight__quote__container { background-color: #F5F5F5; border-top: solid 1px #15B7EF; border-bottom: solid 1px #15B7EF; border-radius: 0; background-color: #F5F5F5; color: #15B7EF; padding: 40px 10px; margin: 40px 0; } .blog__highlight__quote__container .blog__highlight__quote { font-size: 33px; color: #15B7EF; } /* GR - promise section */ @media screen and (min-width: 768px) { #template-product .promise--wrapper { background: #f5f5f5; } } body.index .promise--wrapper { background: #f5f5f5; margin-left: 10px; margin-right: 10px; } body.index .promise--section-static .promise--wrapper { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .promise--section-home .promise--section { padding-top: 0; } .promise--section { margin-top: 0; margin-bottom: 0; padding-top: 40px; padding-bottom: 40px; } .promise--snippet { padding-bottom: 0; } .promise--wrapper { padding: 24px 30px; background-color: #fff; display: flex; z-index: 10; position: relative; border-radius: 4px; } .promise--content { flex-basis: 40%; display: grid; grid-template-rows: 3fr 1fr; padding-right: 80px; row-gap: 30px; } .promise--text h2 { font-size: 20px; line-height: 24px; margin-bottom: 10px; color: #087cbf; } .promise--text p { font-family: "Exo 2"; font-weight: normal; font-size: 14px; line-height: 18px; text-align: left; color: #1a1d24; } .promise--icon-alt { display: flex; align-items: start; top: -10px; position: relative; } .promise--icon-alt img { height: 42px; } .promise--icon-alt span { font-size: 14px; line-height: 18px; text-align: left; color: #087cbf; margin-left: 24px; } .promise--icons { flex-basis: 60%; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 2fr 2fr; column-gap: 20px; } .promise--icon { display: grid; align-items: center; grid-template-rows: 1fr; grid-template-columns: 4fr 8fr; } .promise--icon img { max-height: 65px; } .promise--icon span { font-size: 15px; line-height: 20px; text-align: left; color: #087cbf; } @media screen and (max-width: 1024px) { .promise--icon span { margin-left: 20px; } } @media screen and (max-width: 767px) { .promise--wrapper { display: block; } .promise--content { display: block; padding: initial; } .promise--icon-alt { display: none; } .promise--icons { display: flex; margin-left: 14px; margin-right: 14px; flex-direction: column; } .promise--icon { grid-template-columns: 2fr 10fr; margin-top: 24px; } .promise--icon:nth-of-type(1) { order: 1; } .promise--icon:nth-of-type(2) { order: 3; } .promise--icon:nth-of-type(3) { order: 2; } .promise--icon:nth-of-type(4) { order: 4; } .promise--icon:last-of-type { margin-bottom: 20px; } .promise--icon img { max-height: 40px; } } @media screen and (max-width: 767px) { /* PDP */ #template-product .promise--section.promise--snippet { padding-bottom: 40px; } /* End PDP */ } /* /* .shopify-section.newsletter.bottom_collection_newsletter:before, .shopify-section.newsletter.bottom_collection_newsletter:after { height: 370px; } */ /* === Collection Breadcrumbs === */ .collection-page .collection__top-area .breadcrumb a { text-decoration: underline; } .collection-page .collection__top-area .breadcrumb ul { justify-content: flex-start; } @media screen and (min-width: 768px) and (max-width: 767px) { .collection-page .collection__top-area .breadcrumb__container { padding-bottom: 20px; } } /* === PENIS PUMP QUIZ === */ .quiz_top_section { padding: 50px; background: #2c313d; } .quiz_heading { color: #fff; font-size: 30px; } .quiz_subheading { color: #B1B3B8; max-width: 60%; margin: 0 auto; font-size: 20px; } .quiz_subheading a { color: #13b8ef !important; } .select_group select { color: #414b56; } .select_group select option[value="select"] { color: #D8D8D8; } .penis_pump_quiz label { font-size: 20px; } .penis_pump_quiz label, .results_container .results_text { color: #fff; } .results_container .results_text { font-size: 24px; } .penis_pump_quiz select { border: none; padding: 10px; font-size: 16px; cursor: pointer; } .quiz_inputs_wrap { justify-content: space-around; } .results_container { display: none; padding: 50px 0; flex-direction: column; align-items: center; background: #252A34; } .results_container .result_wrap { width: 100%; max-width: 400px; justify-content: space-between; } .results_container .result_wrap img { vertical-align: middle; } /* .results_container .result_length, .results_container .result_width { display: flex; align-items: center; flex-direction: column; } */ #recommended_length, #recommended_circumference { color: #13b8ef; font-weight: bold; font-size: 36px; vertical-align: middle; } .generate_quiz_results_container { color: #fff; } #generate_products { padding: 10px 20px; border: none; background: #4B505A; color: #b2b5bc; cursor: pointer; font-size: 18px; font-weight: 600; } .display_products_box-wrap { display: none; padding: 50px; background: #2c313d; } .display_products_box { align-items: center; justify-content: center; } .quiz-recommended-title { font-size: 24px; color: #fff; } .append_recommended_products { width: 100%; padding: 20px; background: #fff; } .append_recommended_products .productContainer { margin-bottom: 20px; } .append_recommended_products .productContainer:last-child { margin-bottom: 0px; } .append_recommended_products .productContainer a { display: flex; text-decoration: none; } .append_recommended_products .quiz-result-image { max-width: 150px; width: 100%; margin-right: 20px; } .append_recommended_products .quiz-result-title { display: flex; flex-direction: column; text-transform: uppercase; font-weight: 600; font-size: 20px; } .append_recommended_products .quiz-result-price { color: #14b8ef; margin-top: 5px; } .display_products_box .noMatches a { color: #14b8ef; font-weight: 600; } .append_recommended_products .quiz-result-sale-price { color: #8c9297; margin-top: 5px; text-decoration: line-through; } .append_recommended_products .quiz-view-button { cursor: pointer; max-width: 100px; border: none; padding: 8px 5px; margin-top: 10px; background: #fff; font-weight: 600; color: #13b8ef; border: 1px solid #13b8ef; font-size: 16px; } .append_recommended_products .quiz-view-button:hover { background: #13b8ef; color: #fff; } @media screen and (max-width: 767px){ .quiz_heading { font-size: 26px; } .quiz_subheading { max-width: 100%; font-size: 18px; } .display_products_box-wrap { padding: 40px 20px; } .penis_pump_quiz .quiz_inputs_wrap { flex-direction: column; align-items: flex-start; } .penis_pump_quiz .select_group { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 15px; } .penis_pump_quiz select { width: 100%; } .results_container { flex-direction: column; padding: 40px 10px; } .results_container .result_wrap { margin-top: 15px; justify-content: space-around; } .quiz_top_section { padding: 40px 20px; } .append_recommended_products{ padding: 20px; } .append_recommended_products .quiz-result-image { width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; text-align: center; } .append_recommended_products .quiz-result-title { font-size: 18px; width: 100%; } .append_recommended_products .quiz-result-title span { font-size: 18px; } .results_container .results_text { text-align: center; font-size: 20px; } .generate_quiz_results_container { display: flex; align-items: center; justify-content: center; } #generate_products { padding: 10px; } #recommended_length, #recommended_circumference { font-size: 22px; } .append_recommended_products .productContainer a { flex-direction: column; } .append_recommended_products .quiz-view-button { max-width: 100%; } } .article-transparency-widget { background: #2C313D; padding: 60px 90px; margin-top: 30px; margin-bottom: 30px; } .article-transparency-widget .transparency-title { color: #13b8ef; font-size: 33px; } .article-transparency-widget .top-text, .article-transparency-widget .transparency-list-item { color: #fff; font-size: 18px; } .article-transparency-widget .transparency-list-item { margin-bottom: 15px; } .article-transparency-widget ul { margin-left: 2em; } .article-transparency-widget .bottom-text { color: #13b8ef; padding: 50px 0 20px; font-size: 18px; } .article-transparency-widget .bottom-text.bottom-text_tester { padding: 40px 0 20px; } .article-transparency-widget .action_button { background: #13b8ef; border: 1px solid #13b8ef; color: #000; text-decoration: none; letter-spacing: 0; font-size: 15px; padding: 20px; } .article-transparency-widget .action_button:hover { color: #fff; } @media screen and (min-width: 768px){ .article-transparency-widget .transparency_button-wrap:not(.transparency_button-wrap_tester) .action_button:first-child { margin-right: 30px; } } @media screen and (max-width: 767px){ .article-transparency-widget { padding: 15px; } .article-transparency-widget .transparency-title { font-size: 30px; } .article-transparency-widget .transparency_button-wrap { flex-direction: column; } .article-transparency-widget .transparency_button-wrap:not(.transparency_button-wrap_tester) .action_button:first-child { margin-bottom: 20px; } .article-transparency-widget .action_button { padding: 10px; } } /* Homepage - BRANDS SECTION */ /* separator - style 1 */ .index-brands-section .section_separator.style_1 .text { font-size: 20px; font-weight: bold; padding: 10px 40px; background: #fff; display: inline-block; position: relative; } .index-brands-section .section_separator.style_1:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; height: 1px; background: #13B8EF; } /* separator - style 2 */ .index-brands-section .section_separator.style_2.top { border-top: 1px solid #707070; width: 98%; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 50px; } .index-brands-section .section_separator.style_2 .text { position: absolute; top: -12px; left: 0; background: #fff; padding-right: 15px; font-size: 14px; } .index-brands-section .section_separator.style_2 .logo { position: absolute; top: -12px; right: 0; background: #fff; padding-left: 15px; } .index-brands-section .section_separator.style_2.bottom { border-bottom: 1px solid #707070; margin-top: 50px; width: 80%; margin-left: auto; margin-right: auto; } .index-brands-section .index-brands__column:first-child { margin-left: 0; } .index-brands-section .index-brands__column img { max-width: 160px; } @media screen and (min-width: 1025px){ .index-brands-section .section_separator.style_1 { margin-bottom: 40px; } .index-brands-section .index-brands__column { min-height: 85px; } } @media screen and (min-width: 768px) and (max-width: 1024px){ .index-brands-section .index-brands__column { min-height: 80px; } .index-brands-section .section_separator.style_2.bottom { width: 60%; } } @media screen and (max-width: 767px){ .index-brands-section .index-brands__column img { max-width: 150px; } .index-brands-section .section_separator.style_1 .text { font-size: 18px; padding: 10px 30px; } .index-brands-section .index-brands__column { min-height: 75px; } .index-brands-section .section_separator.style_2.bottom { width: 70%; } .index-brands-section .section_separator.style_2 .logo { display: none; } } /* Index - Featured collections - Feb 2 '22 */ @media screen and (min-width: 1025px) { /* .custom-collection-list__section::after { top: 25%; } */ /* .custom-collection-list-item { margin-bottom: 20px; } */ } @media screen and (max-width: 1024px) { .custom-collection-info__caption { border-left: 1px solid #e5e6e7; } /* .custom-collection-list__section .custom-collection-list-item-4 { margin-bottom: 20px; } */ .custom-collection-list-item.custom-collection-list-item--additional { margin-bottom: 0; /* border-bottom: 1px solid #e5e6e7; */ } /* .custom-collection-list__section .custom-collection-list-item:nth-child(4) { margin-bottom: 20px; } */ .custom-collection-list-item.custom-collection-list-item--additional:last-of-type { margin-bottom: 20px; border-bottom: none; } .custom-collection-list-item.custom-collection-list-item--additional .thumbnail.image__container { display: none; } .custom-collection-list-item.custom-collection-list-item--additional .custom-collection-info__caption { width: 100%; border-left: none; } .custom-collection-list-item.custom-collection-list-item--additional .collection-info__caption-wrapper { display: flex; justify-content: space-between; align-items: center; padding: 20px 15px; border-bottom: 1px solid #dbdbdb; } .custom-collection-list-item.custom-collection-list-item--additional .custom-collection-title__wrap { position: relative; top: unset; left: unset; right: unset; bottom: unset; } .custom-collection-list-item.custom-collection-list-item--additional .custom-collection-button__wrap { display: none; } .custom-collection-list-item.custom-collection-list-item--additional .arrow { position: relative; top: unset; left: unset; right: unset; bottom: unset; } } /* .custom-collection-list-item-1 { order: 2; } .custom-collection-list-item-2 { order: 1; } .custom-collection-list-item-3 { order: 4; } .custom-collection-list-item-4 { order: 3; } */ .custom-collection-list-item-5 { order: 5; } .custom-collection-list-item-6 { order: 6; } .custom-collection-list-item-7 { order: 7; } .custom-collection-list-item-8 { order: 8; } .custom-collection-list-item.custom-collection-list-item--additional { display: none; } /* End Index - Featured collections */ /* Featured review */ .featured-review-stars .jdgm-star { color: #13b8ef; } .featured-review { width: 100%; background-color: #e3f6fc; margin-top: 40px; /* margin-left: -40px; margin-right: -40px; */ width: 110%; padding: 30px; display: none; } .featured-review h3 { margin-bottom: 20px; font-size: 30px; } .featured-review-text { margin-bottom: 25px; } .featured-review h6 { font-size: 20px; color: #838c91; margin-bottom: 10px; } .featured-review h6 .fr-location { margin-left: 5px; } @media screen and (max-width: 797px) { .featured-review { /* margin-left: -20px; margin-right: -20px; */ } } @media screen and (max-width: 767px) { .featured-review { margin-left: -30px; margin-right: -30px; width: calc(100% + 60px); } .featured-review h3 { font-size: 24px; } .featured-review-text { font-size: .9em; } .featured-review h6 { font-size: 16px; } } /* COLLECTION TOP CATEGORIES */ .top-categories-background { background: #FFFFFF; } .top-categories-section { padding: 60px 0 80px; } .top-categories-section .category-title { font-size: 24px; margin-bottom: 40px; } .top-categories-section .single-category { width: 100%; margin: 0 15px; max-width: 220px; padding: 15px 20px 20px; box-shadow: 0px 3px 10px rgb(0 0 0 / 8%); transition: 0.2s ease all; } .top-categories-section .single-category:first-child { margin-left: 0; } .top-categories-section .single-category:last-child { margin-right: 0; } .top-categories-section .single-category-title { margin-top: 25px; margin-left: auto; margin-right: auto; color: #2c313d; } @media screen and (min-width: 1025px){ .top-categories-section .single-category-title { font-size: 15px; /* max-width: 90%; */ margin-top: 25px; } } @media screen and (max-width: 1024px){ .top-categories-section .single-category-title { font-size: 12px; } } @media screen and (min-width: 768px) and (max-width: 1024px){ .top-categories-section { padding: 40px 0; } .top-categories-section .single-category { margin: 0 5px; padding: 15px; } } @media screen and (min-width: 768px) { .top-categories-section .single-category:hover { box-shadow: 0px 3px 20px rgb(0 0 0 / 16%); } .top-categories-section .single-category-title { font-weight: bold; } } @media screen and (max-width: 767px){ .top-categories-section .category-title { font-size: 18px; margin-bottom: 10px; } .top-categories-section .top-categories { overflow-x: scroll; padding: 15px 0; scroll-padding: 15px; scroll-snap-stop: normal; } .top-categories-section .single-category { margin: 0 5px; padding: 10px; min-width: 140px; border: 1px solid #D4D2D2; box-shadow: none; } .top-categories-section .single-category-title { margin-top: 0; text-align: left; } .top-categories-section { padding: 25px 0 35px; } } /* Collection Best Sellers Section */ .shopify-section-collection-bestseller { margin-top: 40px; margin-bottom: 40px; width: 100%; } .shopify-section-collection-bestseller .flickity-slider { margin-left: 10px; } .shopify-section-collection-bestseller .slider-title { font-size: 24px; margin-bottom: 40px; margin-left: 10px; } .shopify-section-collection-bestseller .product__thumbnail { box-shadow: 0 3px 10px rgb(0 0 0 / 16%); } .shopify-section-collection-bestseller .flickity-prev-next-button { top: -25px; width: 50px; height: 50px; border-radius: 0; transform: translateY(-100%); background-color: transparent; border: 1px solid #6d757b !important; } .shopify-section-collection-bestseller .flickity-prev-next-button.previous { right: 80px; left: unset; } @media screen and (max-width: 767px) { .shopify-section-collection-bestseller { margin-bottom: 60px; margin-top: 0; } .shopify-section-collection-bestseller .slider-title { font-size: 22px; margin-bottom: 15px; } .shopify-section-collection-bestseller .sale-sticker { width: 100%; top: -30px; left: 0; right: 0; justify-content: center; } /* .shopify-section-collection-bestseller .image-element__wrap { margin-top: 30px; } */ .shopify-section-collection-bestseller .thumbnail__caption { padding: 0; margin: 0; } .shopify-section-collection-bestseller .product-thumbnail { padding: 10px; } .shopify-section-collection-bestseller .product__thumbnail { padding: 0px; margin-left: 10px; margin-right: 0; width: 70%; } .shopify-section-collection-bestseller .product-thumbnail__price { font-size: 18px; } .shopify-section-collection-bestseller .product__form--slider { margin: 0; } .shopify-section-collection-bestseller .purchase-details__buttons .button { padding: 5px; font-size: 14px; } .shopify-section-collection-bestseller .flickity-prev-next-button { display: none; } .shopify-section-collection-bestseller .flickity-page-dots .dot { width: 15px; height: 15px; } #collection-bestseller-section .thumbnail-sticker.sale-sticker { right: -8px; } } /* Collection FAQ */ .section--collection-faq .faq__title span { color: #087cbf; } .collection-sort-label { font-size: 14px; text-transform: uppercase; } .collection-description-background { background: #087CBF; color: #fff; margin: 60px 0 40px; } .collection-description-background h2, .collection-description-background h3, .collection-description-background h4, .collection-description-background h5{ color: #fff; } #template-collection-category_and_faq .collection__top-area, #template-collection-category_and_faq #collection-description { min-height: auto; max-height: none; } #collection-description a { text-decoration: underline !important; text-underline-offset: 3px; } #template-collection-category_and_faq .personyze_recent_view { padding-top: 40px; padding-bottom: 40px; } @media screen and (min-width: 768px) { #template-collection-category_and_faq .collection__main-area { margin-top: unset; } #template-collection-category_and_faq #bc-sf-filter-sidebar { margin-top: 0; } } @media screen and (min-width: 768px) and (max-width: 1024px){ .section--collection-faq .faq__title { font-size: 30px; } } @media screen and (max-width: 767px){ .section--collection-faq .faq__title { font-size: 25px; } .section--collection-faq .accordion__button { font-size: 18px; } .collection-page .collection__main .product__thumbnail .product-image__wrapper, #shopify-section-search__main .product__thumbnail .product-image__wrapper { padding-right: 0px; padding-left: 0; } .collection-description-background { margin: 30px 0; } } /* Blog Peer Review Component */ .blog-peer-review { background-color: #ffffff; padding: 2rem 2.5rem 3rem; border-left: 5px solid #15b7ef; border-radius: 2px; margin: 3rem 0; box-shadow: 1px 0px 8px rgb(0 0 0 / 5%) } .blog-peer-review .stars:before { color: #13b8ef; font-size: 25px; } .blog-peer-review .stars-5:before { content: "★★★★★"; } .blog-peer-review .stars-4:before { content: "★★★★☆"; } .blog-peer-review .stars-3:before { content: "★★★☆☆"; } .blog-peer-review .stars-2:before { content: "★★☆☆☆"; } .blog-peer-review .stars-1:before { content: "★☆☆☆☆"; } .blog-peer-review .letter { background: #dcf6ff; border-radius: 50%; color: #13b8ef; text-align: center; font-size: 25px; margin-right: 15px; width: 40px; height: 40px; display: inline-block; } @media screen and (max-width: 767px){ .blog-peer-review { padding: 1rem 1.5rem 2rem } } /* === Static Pages Content Blocks === */ /* Author Block */ .custom-page .author_block .author_wrap { display: flex; text-decoration: none; } .custom-page .author_block .author_img_wrap { max-width: 100px; } .custom-page .author_block .author_img_wrap img { vertical-align: middle; } .custom-page .author_block .author_text_wrap { margin-left: 15px; } .custom-page .author_block .author_name { font-size: 18px; margin-bottom: 7px; font-weight: bold; } .custom-page .author_block .author_role { font-size: 18px; color: #6D757B; } @media screen and (min-width: 768px){ .custom-page .author_block { margin: 20px 0; } .custom-page .author_block .author_main_text { width: 60%; } .custom-page .author_block .author_wrap { width: 40%; padding-left: 40px; } } @media screen and (max-width: 767px){ .custom-page .author_block { flex-direction: column-reverse; } .custom-page .author_block .author_wrap { margin: 20px 0; } } /* Button Block */ .custom-page .button_block .button { font-size: 15px; padding-left: 40px; padding-right: 40px; background: #13b8ef; color: #fff; text-decoration: none; border: none; } @media screen and (min-width: 768px){ .custom-page .button_block { margin: 60px 0; } } @media screen and (max-width: 767px){ .custom-page .button_block { margin: 40px 0; } } /* Highlight Block */ .custom-page .highlight_text:not(.small) { text-align: center; font-weight: bold; color: #13b8ef; } @media screen and (min-width: 768px){ .custom-page .highlight_text:not(.small) { max-width: 70%; margin: 60px auto; font-size: 24px; } } @media screen and (max-width: 767px){ .custom-page .highlight_text:not(.small) { margin: 40px auto; font-size: 20px; } } /* Image with text Block */ .custom-page .image_with_text_block { margin-bottom: 20px; } @media screen and (min-width: 768px){ .custom-page .image_with_text_text-wrap { width: 60%; } .custom-page .image_with_text_image-wrap { position: absolute; width: 45%; right: -5.68%; top: 25px; } } /* Gallery Block */ .custom-page .image_gallery_block { margin-bottom: 40px; } .custom-page .image_gallery_block .gallery__item { box-shadow: 0px 3px 6px rgb(0 0 0 / 16%); padding: 20px 0 0; } @media screen and (max-width: 767px){ .custom-page .image_gallery_block .gallery__item { margin-top: 20px; } } .custom-page .page-heading { font-size: 1em; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; margin-top: 40px; } /* === EXPERTS BOARD PAGE === */ .experts_board_block { box-shadow: 0 3px 6px rgb(0 0 0 / 16%); padding: 30px 25px 25px; margin-top: 20px; } .experts_board_block .expert__image img { max-width: 80px; height: 80px; border-radius: 50%; object-fit: cover; object-position: top; } .experts_board_block .expert__name { font-size: 20px; color: #13B8EF; } .experts_board_block .expert__title { font-size: 14px; color: #6D757B; } .experts_board_block .exper__link { font-size: 15px; font-weight: bold; color: #13b8ef; text-decoration: underline; display: block; } /* BLOG - KNOWLEDGE CENTER */ .white-overlay-true { position: relative; } /* .white-overlay-true:after { content: ""; position: absolute; z-index: 2; background: rgba(255, 255, 255, 0.6); top: 0; bottom: 0; left: 0; right: 0; } */ .white-overlay-true .banner__subheading { color: #13B8EF; } .white-overlay-true .banner__heading { color: #2C313D; } .blog_categories_section { padding-top: 30px; padding-bottom: 35px; } .blog_categories_container { margin-top: 50px; } .blog_categories_section .title-wrapper { width: 100%; } .blog_categories_section .categories-title { font-size: 15px; color: #6D757B; letter-spacing: 5px; } .blog_categories_section .categories-title:after { content: ""; position: absolute; bottom: -20px; height: 1px; width: 80px; background: #6D757B; left: 50%; transform: translateX(-50%); } .blog_categories_section .blog_category_box { background: #ECEDEE; padding: 12px; border-radius: 4px; color: #414B56; font-size: 18px; text-transform: uppercase; margin-right: 20px; display: inline-block; margin-bottom: 20px; } .blog_categories_section .blog_category_box.active { color: #13B8EF; } .blog_categories_section .blog_category_box:hover { background: #13B8EF; color: #fff; } .blog-main-latests-posts { color: #414B56; font-size: 25px; letter-spacing: 5px; margin-bottom: 25px; } .blog-main-latests-posts span { color: #13B8EF; font-weight: bold; } .article-featured-tag { padding: 0 20px; margin-bottom: 5px !important; min-height: 25px; } .article-featured-tag span { font-size: 12px; text-transform: uppercase; background: #7cc952; border-radius: 4px; padding: 5px 10px; } .article-featured-tag span:hover { color: #fff; } .blog-page .pagination-link { margin: 10px; color: #C9CCCF; font-weight: bold; font-size: 18px; } @media screen and (max-width: 767px) { .blog-page .pagination-link { margin: 5px; } } .blog-page .pagination-link.is-current { color: #13B8EF; } .blog-page .pagination-list { justify-content: center; } @media screen and (max-width: 767px) { .blog-page .pagination-list { width: 100%; justify-content: space-between; flex-wrap: wrap; } } .blog-page .pagination-next, .blog-page .pagination-previous { border-color: #13B8EF; color: #13B8EF; font-size: 18px; } .blog-page .pagination-next:hover, .blog-page .pagination-previous:hover { background: #13B8EF; color: #fff; } .blog-page .pagination-link:hover { color: #13B8EF; } /* === BLOG TOP POSTS === */ .blog__top-posts-title { font-size: 20px; margin-bottom: 30px; } .blog__top-posts-title a { color: #13B8EF; } .blog__top-posts-block { width: 100%; margin-bottom: 60px; } .blog__top-posts-block:last-child { margin-bottom: 0px; } .blog__top-posts-image { min-height: 475px; height: 475px; background-color: #13B8EF; width: 40%; } .blog__top-posts-articles { width: 60%; } .blog__top-posts-articles .article_block { margin: 5px 0 20px; border-bottom: 1px solid #C9CCCF; } .blog__top-posts-articles .writtenBy { font-size: 14px; color: #C9CCCF; padding: 5px 0 10px; } .blog__top-posts-articles .author_name { margin: 0px 10px 0 5px; } .blog__top-posts-articles .article_block-arrow { position: absolute; top: 40%; transform: translateY(-50%); font-size: 40px; color: #13b8ef; right: 15px; transition: all 0.2s ease; } .blog__top-posts-articles .article_block:hover .article_block-arrow { right: 0px; } .blog__top-posts-view-all { text-align: right; } .blog__top-posts-view-all .button { background: transparent; border-color: #13b8ef; color: #13b8ef; padding: 20px 40px; } .blog__top-posts-view-all .button:hover { background: #13b8ef; color: #fff; } @media screen and (min-width: 1025px){ .blog_categories_container { max-width: 80%; margin-left: auto; margin-right: auto; } .blog_categories_container:after { content: ""; position: absolute; bottom: -20px; height: 1px; width: 80px; background: #6D757B; left: 50%; transform: translateX(-50%); } } @media screen and (max-width: 1024px){ #shopify-section-blog__categories { background: #fff; } .blog_categories_container { display: flex; overflow-x: scroll; scroll-padding: 15px; scroll-snap-stop: normal; margin-left: 10px; } .blog_categories_section { padding-bottom: 0; } .blog_categories_section .blog_category_box { min-width: max-content; margin-right: 15px; } } @media screen and (min-width: 768px) { .blog__top-posts-articles .article_block { padding-left: 35px; } } @media screen and (min-width: 768px) and (max-width: 1024px){ .blog__top-posts-image { width: 30%; } .blog__top-posts-articles { width: 70%; } } @media screen and (max-width: 767px){ .blog__top-posts-image, .blog__top-posts-articles { width: 100%; } .blog__top-posts-image { min-height: 150px; height: 150px; } .blog__top-posts-image { margin-bottom: 30px; } .blog__top-posts-view-all .button { width: 100%; padding: 30px 40px; } .blog__top-posts-title { text-align: center; } } .custom-maximize-icon { display: none; } /* FBT fix */ .product-page .cbb-frequently-bought-this-item-label { display: initial !important; font-weight: 600; } .cbb-frequently-bought-selector-input { font-size: 30px !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } /* Lazar - Blog highlight */ .blog__highlight { background-color: unset; padding-left: 0; border-left: 0; margin-top: 0; margin-bottom: 0; } #template-article-article_2021 .blog__highlight .blog__highlight__heading { font-size: 18px; text-transform: uppercase; font-weight: 600; color: #2C313D; } #template-article-article_2021 .blog__highlight .blog__highlight__text { color: #6C757A; font-size: 18px; } #template-article-article_2021 .content .blog__highlight ul:not(.meta-info-list) li { color: #15B7EF; margin-bottom: 20px; } #template-article-article_2021 .content .blog__highlight ul:not(.meta-info-list) li:before { background-image: unset !important; width: 9px !important; height: 9px !important; top: 10px !important; border: 1px solid #15B7EF; } #template-article-article_2021 .content .blog__highlight ul:not(.meta-info-list) li a { text-decoration: none; } #template-article-article_2021 .content .blog__highlight .blog__highlight__content { border-top: 1px solid rgba(109, 117, 123, 0.3); border-bottom: 1px solid rgba(109, 117, 123, 0.3); padding-top: 15px; padding-bottom: 15px; } #template-article-article_2021 .content .blog__highlight ul:not(.meta-info-list) { margin-left: 2em; } /* === Buying Guides Page === */ #template-page-buying_guides .top_text_column { margin-bottom: 80px; } #template-page-buying_guides .block_column { padding-bottom: 40px; } #template-page-buying_guides .guide_block a { text-decoration: none; padding-bottom: 5px; display: inline-block; color: #13B8EF; } @media screen and (min-width: 1025px) { #template-page-buying_guides .block_column:nth-child(odd) .guide_block { padding-right: 20px; } #template-page-buying_guides .block_column:nth-child(even) .guide_block { padding-left: 20px; } } @media screen and (max-width: 1024px) { #template-page-buying_guides .block_column:last-child { padding-bottom: 0; } #template-page-buying_guides .top_text_column { margin-bottom: 40px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { #template-page-buying_guides .custom-page-inner { padding: 30px 20px; } } @media screen and (max-width: 767px) { #template-page-buying_guides .title { font-size: 30px; } } /* Blog - blue hyperlinks */ section.article-2021__main .article-content a:not(.product-thumbnail__title):not(.btn) { color : rgb(19, 184, 239); } /* Blog Dark Table */ .dark_table { background: #2C313D; color: #fff; } .dark_table td { border: 1px solid #15B7EF; } .dark_table strong { color: #15B7EF } /* Product item - blue ATC */ /* .collection .collection__main button:not(.wk-button) { background-color : rgb(19, 184, 239); color : rgb(255, 255, 255); border-color : rgb(19, 184, 239) !important; } .collection .collection__main button:not(.wk-button):hover { background-color : rgb(19, 184, 239); color : rgb(255, 255, 255); } */ /* Product item - white ATC */ .collection .collection__main button:not(.wk-button) { background-color: #fff; color: #2c313d; border-top-color : #e5e6e7 !important; } .collection .collection__main button:not(.wk-button):hover { background-color: #13b8ef; color: #fff; } /* Product item - two columns */ @media screen and (max-width: 767px) { .collection-page .collection__main .product__thumbnail, #shopify-section-search__main .product__thumbnail { padding : 5px 0px 0px 0px; } .collection-page .collection__main .product__thumbnail .product-image__wrapper, #shopify-section-search__main .product__thumbnail .product-image__wrapper { padding-left : 5px; padding-right : 5px; } .collection-page .collection__main .product__thumbnail .image__container, #shopify-section-search__main .product__thumbnail .image__container { margin-bottom : 0px !important; } .collection-page .collection__main .thumbnail__caption { border-top : 0px; padding-bottom : 10px; } .collection-page .collection__main-area .product-thumbnail__title { font-weight : 500; font-size : 12px; line-height : 16.8px; text-align : left; color : rgb(44, 49, 61); } .collection-page .collection__main-area .product-thumbnail__price { font-family : "Exo 2"; font-weight : bold; font-size : 16px; line-height : 28px; text-align : left; color : rgb(8, 124, 191); } .product-thumbnail__price.price.sale { /* display : flex; flex-direction : row-reverse; justify-content : end; */ } .product-thumbnail { padding-bottom : 0px; padding-top : 10px; } .collection-page .collection__main-area .product-thumbnail__price .was-price { order : 3; } .collection-page .collection__main-area .product-thumbnail__price small { order : 2; margin-right : 3px; } .collection-page .collection__main-area .product-thumbnail__price .money { order : 1; } .collection-page .collection__main .thumbnail-sticker.sale-sticker { top : -5px; left : -5px; } /* .collection-page .collection__main .product-thumbnail__title { -webkit-line-clamp : initial !important; } */ .collection-page .collection__main-area .purchase-details__buttons .button { padding : 10px; } } @media screen and (max-width: 767px) { .collection-page .collection__main-area .large-down--one-half { width : calc(50% - 20px); } .collection-page .collection__main-area .large-down--one-half .product-wrap { display : flex; flex-direction : column; height : 100%; } .collection-page .collection__main-area .large-down--one-half .product-wrap .thumbnail__caption { flex-grow : 1; } } #mini-cart .cart-header { top: 0 !important; } .checkout-label--discreet { display: none; } .checkout-label--secure { display: none; } /* New cart changes */ .ac--loyalty-lion { display: none; } #ac--footer { display: none; } /* Loyalty lion */ #mini-cart .ac--loyalty-lion { margin: 0 16px 0 12px; } #mini-cart .ac--loyalty-lion-header { padding: 6px 0; margin: 0 10px; border-top: 1px solid #f5f5f5; } #mini-cart .ac--loyalty-lion-header h3 { font-weight: bold; font-size: 14px; letter-spacing: 0.05em; line-height: 34px; text-align: center; color: #1a1d24; } .ac--loyalty-lion-header p { font-size: 14px; line-height: 20px; text-align: center; color: #6d757b; text-transform: none; padding-top: 4px; padding-bottom: 4px; } #mini-cart #loyaltylion .lion-rewards-list { display: block; } #mini-cart #loyaltylion .lion-reward-item { display: block; flex-direction: row; justify-content: flex-start; margin: 8px 0; } #mini-cart #loyaltylion .lion-reward-item__content { min-height: 55px; display: flex; flex-direction: row; justify-content: start; align-items: center; padding: 10px 10px; background: #f5f5f5; box-shadow: none; } #mini-cart #loyaltylion .lion-reward-item__icon { width: 35px; height: 35px; } #mini-cart #loyaltylion .lion-reward-item__title { font-size: 16px; padding-bottom: 0; text-transform: capitalize; padding-left: 10px; text-align: left; } #mini-cart #loyaltylion .lion-reward-item__meta { justify-self: flex-end; margin-left: auto; } #mini-cart #loyaltylion .lion-reward-item__cost { font-family: "Exo 2"; font-weight: normal; font-size: 14px; color: #2C313D; } #mini-cart #loyaltylion .lion-reward-item__cost::before { display: none; } #mini-cart #loyaltylion .lion-reward-item__links, #mini-cart #loyaltylion .lion-reward-item__actions { display: none; } #mini-cart a.btn.ac--loyalty-lion-btn { display: block; width: auto; margin-left: auto; margin-right: auto; font-weight: bold; font-size: 14px; letter-spacing: 0.05em; line-height: 11px; text-align: center; color: #13b8ef;; max-width: 266px; padding: 13px 15px; margin-top: 13px; border-radius: 4px; background: rgba(19, 184, 239, 0.01); border: 1px solid #13b8ef; } #mini-cart a.btn.ac--loyalty-lion-btn:hover, #mini-cart a.btn.ac--loyalty-lion-btn:active { background: #13b8ef; border: 1px solid #13b8ef; color: #fff; } /* Cart footer */ #ac--footer { padding: 0 24px 20px 20px; background: #f5f5f5; filter: drop-shadow(0px -1px 1px rgba(0, 0, 0, 0.22)); position: sticky; bottom: 0; width: 400px; max-width: 100vw; } .ac--footer-amounts { border-bottom: 1px solid #c9cccf; padding-top: 4px; padding-bottom: 4px; } .ac--footer-subtotal { display: flex; justify-content: space-between; } .ac--footer-subtotal .ac--label, .ac--footer-subtotal .ac--amount { font-weight: bold; font-size: 16px; letter-spacing: 0.15em; line-height: 34px; color: #414b56; text-transform: none; } #ac--footer a.btn.ac--checkout { border-radius: 4px; font-family: "Exo 2"; font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 20px; text-align: center; color: #fff; margin: 20px 0 0 0; background: #13b8ef; text-decoration: none; padding: 15px; width: 100%; display: block; text-transform: uppercase; } #ac--footer a.btn.ac--checkout:hover, #ac--footer a.btn.ac--checkout:active { background-color: #087cbf; opacity: 1; } /* Live chat - hide bubble test */ .fml__live-chat { display: none; } .fml__live-chat-mob { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; text-transform: uppercase; } .fml__live-chat a { display: flex; align-items: center; } .fml__live-chat-mob { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; text-transform: uppercase; display: none; } .fml__live-chat-mob a { font-size: 12px; } .fml__live-chat svg { fill: #fff; width: 12px; height: 12px; margin-left: 6px; } .index .support-widget { background-color: #f5f5f5; } .index .index-sections .shopify-section .support__wrapper { padding: 40px 0; width: 100%; } .index .support__wrapper p { font-size: 1.6em; padding-bottom: 6px; letter-spacing: 1px; } .index .support__wrapper .support__flex { display: flex; justify-content: space-between; align-items: center; } .index .support__wrapper h2 { font-size: 2.4em; line-height: normal; padding-right: 30px; } .index .support__wrapper .button.button--primary { padding-top: 12px; padding-bottom: 12px; width: 300px; flex-shrink: 0; } .product #shopify-section-product__support { padding-left: 40px; padding-right: 80px; } .product .shopify-section .support__wrapper { padding: 40px 0; width: 100%; } .product .support-container { margin-left: 10px; margin-right: 10px; } .product .support__wrapper p { font-size: 1.6em; padding-bottom: 6px; letter-spacing: 1px; } .product .support__wrapper .support__flex { display: flex; justify-content: space-between; align-items: center; } .product .support__wrapper h2 { font-size: 2.4em; line-height: normal; padding-right: 30px; } .product .support__wrapper .button.button--primary { padding-top: 12px; padding-bottom: 12px; width: 300px; flex-shrink: 0; } @media screen and (max-width: 767px) { .index .support__wrapper .support__flex, .product .support__wrapper .support__flex { flex-direction: column; } .index .support__wrapper h2, .product .support__wrapper h2 { padding-bottom: 30px; align-self: flex-start; } .index .support__wrapper .button.button--primary, .product .support__wrapper .button.button--primary { align-self: flex-end; } } .index .support-widget-mobile { background: #1A1D24; } .index .support-widget-mobile section { padding-bottom: 20px; } .index .support-widget-mobile a { display: flex; margin-left: 10px; margin-right: 10px; background: #ffffff; padding-top: 17px; padding-bottom: 17px; align-items: center; } .index .support-widget-mobile .swm__need-help { flex-basis: 25%; flex-grow: 0; flex-shrink: 1; padding-left: 15px; text-transform: uppercase; font-size: 13px; min-width: 90px; } .index .support-widget-mobile .swm__message { flex-basis: auto; flex-grow: 1; flex-shrink: 0; text-align: center; text-decoration: underline; font-size: 13px; padding-right: 10px; padding-left: 5px; } .index .support-widget-mobile .swm__svg { flex-basis: 25%; flex-grow: 0; flex-shrink: 1; padding-right: 15px; text-align: right; } .index .support-widget-mobile .swm__svg svg { position: relative; top: 3px; } .product .support-widget-mobile { background: inherit; } .product .support-widget-mobile section { padding-bottom: 20px; } .product .support-widget-mobile a { display: flex; margin-left: 10px; margin-right: 10px; background: #ffffff; padding-top: 12px; padding-bottom: 12px; align-items: center; } .product .support-widget-mobile .swm__need-help { flex-basis: 25%; flex-grow: 0; flex-shrink: 0; padding-left: 10px; text-transform: uppercase; font-size: 12px; } .product .support-widget-mobile .swm__message { flex-basis: auto; flex-grow: 1; flex-shrink: 0; text-align: center; text-decoration: underline; font-size: 12px; } .product .support-widget-mobile .swm__svg { flex-basis: 20%; flex-grow: 0; flex-shrink: 0; padding-right: 10px; text-align: right; } .product .support-widget-mobile .swm__svg svg { position: relative; top: 3px; } @media screen and (min-width: 768px) { .support-widget-mobile { display: none !important; } } .fml__faq { display: none; } /* PDP Best seller tag */ .product--best-seller-div { top: 15px; position: relative; height: 0; z-index: 1; display: none; } @media screen and (max-width: 767px) { .product--best-seller-div { max-width: 268px; margin-left: auto; margin-right: auto; } } .product--best-seller { color: rgb(189, 191, 28); background: rgb(44, 49, 61); text-transform: uppercase; font-size: 15px; padding: 5px 10px; } /* PLP - Bestseller tag */ .collection-page .collection__main .thumbnail__caption { position: relative; } .custom-tag--bestseller { display: initial; cursor: pointer; } .custom-tag--popular, .custom-tag--bestseller { position: absolute; bottom: 100%; left: 0px; padding: 5px 10px; font-size: 15px; text-transform: uppercase; background-color: #1A1D24; color: #7CC952; } .custom-tag--popular { display: none !important; } @media screen and (max-width: 1024px) { .custom-tag--popular, .custom-tag--bestseller { font-size: 12px; } } @media screen and (max-width: 767px) { .custom-tag--popular, .custom-tag--bestseller { position: absolute; bottom: 100%; left: 10px !important; } } /* Wishlist */ @media screen and (min-width: 768px) { .wishlist-button--container { min-width: 135px; position: absolute; right: 0; top: 0; } } .rating-and-price-wrapper .wk-button { position: absolute; left: 0; bottom: -20px; } .purchase-details { position: relative; } .purchase-details .wk-button { position: absolute; right: 0; border: 1px solid #c9cccf; top: -20px; border-radius: 5px; padding: 10px; min-width: 135px; } /* .purchase-details .wk-button--add .wk-icon__svg { fill: #c9cccf; color: #c9cccf; } .purchase-details .wk-button--add:hover .wk-icon__svg { fill: #087cbf; color: #087cbf; } .purchase-details .wk-button--remove .wk-icon__svg { color: #13b8ef; fill: #13b8ef; } */ .purchase-details .wk-button__label { flex-grow: 1; color: #2c313d; } @media screen and (max-width: 767px) { .purchase-details .wk-button { position: relative; width: 100%; justify-content: center; top: unset; margin-bottom: 14px; display: flex; } .purchase-details .wk-button__label { flex-grow: 0; } } .collection-page .collection__main .product__thumbnail { position: relative; } /* PLP */ body .wk-button--add .wk-icon__svg { fill: #c9cccf; color: #c9cccf; } body .wk-button--add:hover .wk-icon__svg { fill: #087cbf; color: #087cbf; } body .wk-button--remove .wk-icon__svg { fill: #13b8ef; color: #13b8ef; } .wk-button.wk-button--floating { z-index: 2 !important; } .product-image__wrapper .wk-button.wk-button--floating { top: unset; bottom: -5px; right: -10px; background: none; } .product-image__wrapper .wk-button.wk-button--floating:hover { background: none; } #template-404 .product-image__wrapper .wk-button.wk-button--floating { bottom: 0px; right: 0px; } @media screen and (max-width: 767px) { /* .collection__main .product-image__wrapper .wk-button.wk-button--floating { top: -5px; right: 0; } */ .personyze_recommendation .product-image__wrapper .wk-button.wk-button--floating { top: unset; right: -5px; } .product-image__wrapper .wk-button.wk-button--floating { right: 0; } } .index .product-image__wrapper .wk-button.wk-button--floating { top: unset; bottom: 0; right: 0 !important; } /*.index .product-image__wrapper .wk-button.wk-button--floating {*/ /* top: unset !important;*/ /* bottom: 0 !important;*/ /*}*/ /*.product-image__wrapper .wk-button.wk-button--floating {*/ /* top: unset !important;*/ /* bottom: -5px !important;*/ /*}*/ /*.collection__main .product-image__wrapper .wk-button.wk-button--floating {*/ /* bottom: 0 !important;*/ /*}*/ .collection__main .product-image__wrapper .wk-button.wk-button--floating { bottom : 0; } .ll__header_points span[data-lion-points] { position: relative; } /* .ll__header_points span[data-lion-points]:before { content: ""; position: absolute; left: -15px; margin-top: 0px; border-width: 4px; border-style: solid; border-color: #474E58 transparent transparent transparent; bottom: 0px; } @media screen and (max-width: 767px) { .ll__header_points span[data-lion-points]:before { display: none; } } */ /* Wishlist */ .header-wishlist { width: 34px; height: 40px; display: flex; } .header-wishlist .wk-link:not(.wk-link--empty) svg { fill: #13b8ef; color: #13b8ef; } /*.header-wishlist .wk-link--empty:hover svg {*/ /* fill: currentColor;*/ /* color: currentColor;*/ /*}*/ /* Optimize - for new styles */ .header-cart.action-area__link { padding-left: 10px; } @media screen and (max-width: 767px) { .header-wishlist { width: auto; } .header-cart.action-area__link { padding-left: 0; } .header-wishlist .wk-link__icon { width: auto; height: 22px; } } .mobile-menu .mobile-wishlist-link { display: flex; } .mobile-menu .mobile-wishlist-link .wk-link__icon { height: 15px; width: auto; } .mobile-menu .mobile-wishlist-link .wk-link__label { display: initial; padding-left: 10px; } .mobile-menu .mobile-wishlist-link svg { } .mobile-menu .wk-link:not(.wk-link--empty) svg { fill: #13b8ef; color: #13b8ef; } div.personyze-product-slider .product-wrap { position: relative; } .header-wishlist .wk-link--empty svg { stroke-width: 2px; stroke: #6d757b; } /* Wishlist page */ #template-page.shopify-section--your-wishlist, #template-page.shopify-section--shared-wishlist { background: #f5f5f5; } #template-page.shopify-section--your-wishlist .page__content, #template-page.shopify-section--shared-wishlist .page__content { margin: 0; } #template-page.shopify-section--your-wishlist .heading-wrapper, #template-page.shopify-section--shared-wishlist .heading-wrapper { margin-top: 10px; margin-bottom: 10px; } #template-page.shopify-section--your-wishlist .page__title, #template-page.shopify-section--shared-wishlist .page__title { font-size: 35px; letter-spacing: 0.05em; color: #2c313d; font-weight: 600; } .shopify-section--your-wishlist .wk-grid, .shopify-section--shared-wishlist .wk-grid { grid-column-gap: 1em; max-width: 1120px; margin-left: auto; margin-right: auto; } .shopify-section--your-wishlist .thumbnail, .shopify-section--shared-wishlist .thumbnail { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); background-color: #fff; margin: 0 10px 20px 10px; padding-top: 10px; } .shopify-section--your-wishlist .thumbnail:hover .purchase-details__buttons .button, .shopify-section--shared-wishlist .thumbnail:hover .purchase-details__buttons .button { color: #fff; background-color: #13b8ef; } .shopify-section--your-wishlist .has-thumbnail-sticker .product-thumbnail__title, .shopify-section--shared-wishlist .has-thumbnail-sticker .product-thumbnail__title { font-family: "Exo 2"; font-weight: 500; font-size: 16px; line-height: 22px; color: #2c313d; height: 48px; overflow: hidden; } .shopify-section--your-wishlist .has-thumbnail-sticker .sticker-holder, .shopify-section--shared-wishlist .has-thumbnail-sticker .sticker-holder { top: -10px; left: -10px; min-width: 160px; } .shopify-section--your-wishlist .sticker-text, .shopify-section--shared-wishlist .sticker-text { font-size: 14px; white-space: nowrap; } .shopify-section--your-wishlist .has-thumbnail-sticker .product-thumbnail__price, .shopify-section--shared-wishlist .has-thumbnail-sticker .product-thumbnail__price { font-size: 22px; line-height: 25px; color: #7cc952; font-weight: 400; } .shopify-section--your-wishlist .product-image__wrapper, .shopify-section--shared-wishlist .product-image__wrapper { padding-left: 10px; padding-right: 10px; } .shopify-section--your-wishlist .product-thumbnail, .shopify-section--shared-wishlist .product-thumbnail { padding: 20px 10px; border-top: 1px solid #e5e6e7; border-bottom: 1px solid #e5e6e7; } .shopify-section--your-wishlist .purchase-details__buttons .button, .shopify-section--shared-wishlist .purchase-details__buttons .button { font-family: "Exo 2"; font-weight: bold; font-size: 16px; letter-spacing: 0.02em; line-height: 18px; color: #2c313d; padding-top: 15px; padding-bottom: 15px; } .shopify-section--your-wishlist .wk-sharing, .shopify-section--shared-wishlist .wk-sharing { background: #3d3d3d; width: 100%; max-width: 880px; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 10px; margin-bottom: 40px; } .shopify-section--your-wishlist .wk-sharing .wk-sharing__link-text, .shopify-section--shared-wishlist .wk-sharing .wk-sharing__link-text { color: #fff } .shopify-section--your-wishlist .wk-sharing .wk-title, .shopify-section--shared-wishlist .wk-sharing .wk-title { font-weight: bold; font-size: 14px; letter-spacing: 0.05em; line-height: 20px; color: #fff; text-transform: uppercase; } @media screen and (max-width: 767px) { .purchase-details__buttons { margin: 0; } } @media screen and (max-width: 767px) { .shopify-section--your-wishlist .purchase-details__buttons .button, .shopify-section--shared-wishlist .purchase-details__buttons .button { color: #fff; font-size: 13px; border: 1px solid #fff; } } .wishlist-bg { position: absolute; bottom: -17%; right: calc((100vw - 100%) / 2 * -1); } @media screen and (max-width: 767px) { .wishlist-bg { display: none; } } .shopify-section--your-wishlist .section__wrapper, .shopify-section--shared-wishlist .section__wrapper { position: relative; } .shopify-section--your-wishlist .container, .shopify-section--shared-wishlist .container { z-index: 1; } .wk-note__list-empty { padding-top: 20px; padding-bottom: 70px; } .wk-note__list-empty p { font-family: "Exo 2"; font-weight: bold; font-size: 25px; letter-spacing: 0.05em; color: #087cbf; text-transform: uppercase; } @media screen and (max-width: 767px) { .wk-note__list-empty { padding-top: 50px; padding-bottom: 50px; } .wk-note__list-empty p { font-size: 22px; } } @media screen and (max-width: 767px) { .shopify-section--your-wishlist .wk-grid, .shopify-section--shared-wishlist .wk-grid { padding-left:0; padding-right:0; grid-column-gap:0; grid-template-columns: repeat(min(var(--wk-page__grid--max-columns),2),1fr); } .shopify-section--your-wishlist .has-thumbnail-sticker .product-thumbnail__price, .shopify-section--shared-wishlist .has-thumbnail-sticker .product-thumbnail__price { font-size: 18px; } .shopify-section--your-wishlist .has-thumbnail-sticker .product-thumbnail__title, .shopify-section--shared-wishlist .has-thumbnail-sticker .product-thumbnail__title { font-size: 12px; text-transform: uppercase; font-weight: 500; line-height: 16px; } .shopify-section--your-wishlist .wk-sharing, .shopify-section--share-wishlist .wk-sharing { margin-left: 10px; margin-right: 10px; width: auto; } } /* .header-cart.action-area__link { padding-left: 0; } */ .shopify-product-form .klaviyo-bis-trigger { background: #15b8ef; color: #fff; padding: 10px 20px; } .recomended{ margin: 75px 0 ; border-top: 1px solid #000000; padding-top: 16px; display: flex; } .recomended .recomended-img { width: 41px; min-width: 41px; height: 41px; border-radius: 76px; margin-right: 16px; } .recomended .recomended-img.empty { min-width: 70px; width: 70px; height: 70px; margin-right: 0; } section.article-2021__main .recomended a.h3.title{ text-decoration: none; color: #2c313d; font-size: 17px; } section.article-2021__main .recomended .subtitle { margin-bottom: 0; line-height: 1.2em; font-size: .8rem; color: rgb(19, 184, 239); } .post-cards-row{ padding: 70px 0; margin: 50px 0; } .post-cards-row .container:after { position: absolute; width: 1px; height: 100%; content: ''; background: #B8C0CC; left: 50%; } .post-cards-row .container >div { padding: 0 50px; } @media screen and (max-width: 767px) { .post-cards-row .container > div { padding: 15px 10px; } .recomended .recomended-img.empty { display:none; } .post-cards-row{ padding: 50px 0; margin: 10px 0; } } @media screen and (max-width: 481px) { .post-cards-row .container:after { display: none; } } /* Wishlist and modal mobile fix */ .mobile-wishlist-link a { justify-content: flex-start; } .mobile-wishlist-link .wk-icon { max-width: 15px; } .social-login-title.social-login-title-mobile { display: none; padding-right: 10px; text-transform: uppercase; color: #2c313d; } @media screen and (max-width: 797px) { .social-login-modal__loyalty { display: none; } .social-login-title.social-login-title-mobile { display: block; } } /* Reamaze chatbot hide - test winner */ #reamaze-widget, #reamaze-widget #reamaze-widget-icon { display : none !important; } .fml__faq { display : list-item; } @media screen and (min-width: 481px) { .index .support-widget, .product .support-widget { display : block; } .fml__live-chat { display : list-item; } .fml__live-chat.fml__live-chat-mob { display : none; } } @media screen and (max-width: 480px) { .index .support-widget-mobile, .product .support-widget-mobile { display : block; } .fml__live-chat.fml__live-chat-mob { display : block; } } /* OOPS PAGE */ .oops-page .oops-page-subheading { font-size: 24px; margin-bottom: 30px; } .oops-page img { max-width: 100px; } .oops-page-message { font-size: 20px; } .oops-page .blue-shape { top: 150px; height: calc(100% - 150px); } .page-oops-content-container { gap: 20px; } @media screen and (max-width: 767px) { .text-center-mobile { text-align: center; } } @media screen and (min-width: 1025px) { .oops-page-message { font-size: 24px; } } /* WINNER PAGE */ .winner-page .winner-page-subheading { font-size: 24px; margin: 0 auto 30px; } .winner-page .winner-page-box-container { margin: 0 auto 30px; box-shadow: 0 3px 6px #ccc; padding: 15px; } .winner-page .winner-page-box-container img { max-width: 120px; } .winner-page-message { color: #6D757B; } .winner-page .blue-shape { top: 280px; height: calc(100% - 280px); } .winner-page-coupon-code-element { font-size: 22px; color: #2C313D; } .winner-page-coupon-code-element span { font-weight: 700; } @media screen and (min-width: 1025px) { .winner-page .winner-page-box-container { max-width: 50%; padding: 20px; } .winner-page .winner-page-subheading { max-width: 80%; } .winner-page-coupon-code-element { font-size: 33px; } .winner-page-message { max-width: 80%; margin: 0 auto; } } /* Discount test - new elements + changes */ body #mini-cart .upsells .upsell-price.price.compare-price { color: #aaaaaa; opacity: 0.6; text-decoration: line-through; } .rating-and-title-wrap { display: flex; flex-direction: column; } body #mini-cart .upsell-price.price { display: inline-block; } body #mini-cart .upsell-price.price:not(.compare-price):not(.regular-price), body #mini-cart .upsell-price.regular-price-sale { margin-left: 10px; } body #mini-cart .upsell-price.price.regular-price:not(.regular-price-sale) { display: block; } body .rating-and-title-wrap .product_name.title { padding-top: 32px; } body .rating-and-title-wrap .jdgm-widget.jdgm-widget { padding-top: 34px; min-height: 17px; margin-bottom: -50px; } @media screen and (max-width: 767px) { body .rating-and-title-wrap .product_name.title { order: 1; padding-top: 32px; } body .rating-and-title-wrap .jdgm-widget.jdgm-widget { padding-top: 0; margin-bottom: 0; min-height: 17px; } body .product-page .jdgm-prev-badge { margin-bottom: 0; } body .product-page .rating-and-price-wrapper { justify-content: flex-start; text-align: left; } } /* Variant only */ .article-page .discount-message { font-size: 14px !important; color: #414b56 !important; font-weight: 600 !important; } @media screen and (max-width: 440px) { .article-page .discount-message { font-size: 12px !important; } } [data-vendor="Bathmate"] .product-wrap, [data-vendor="Lovense"] .product-wrap, [data-vendor="Fun Factory"] .product-wrap, [data-vendor="E-Gift Card"] .product-wrap, [data-vendor="The Enhanced Male / Gift Card"] .product-wrap, [data-vendor="The Enhanced Male"][data-handle="gift-card"] .product-wrap { display: flex; flex-direction: column; height: 100%; } [data-vendor="Bathmate"] .collection__add-to-cart, [data-vendor="Lovense"] .collection__add-to-cart, [data-vendor="Fun Factory"] .collection__add-to-cart, [data-vendor="E-Gift Card"] .collection__add-to-cart, [data-vendor="The Enhanced Male / Gift Card"] .collection__add-to-cart, [data-vendor="The Enhanced Male"][data-handle="gift-card"] .collection__add-to-cart{ margin-top: auto; } #template-search [data-vendor="Bathmate"] .thumbnail__caption, #template-search [data-vendor="Lovense"] .thumbnail__caption, #template-search [data-vendor="Fun Factory"] .thumbnail__caption, #template-search [data-vendor="E-Gift Card"] .thumbnail__caption, #template-search [data-vendor="The Enhanced Male / Gift Card"] .thumbnail__caption, #template-search [data-vendor="The Enhanced Male"][data-handle="gift-card"] .thumbnail__caption { padding-bottom: 10px; } div.personyze-product-slider .product-wrap { height: 100%; display: flex; flex-direction: column; } #shopify-section-1591696039831 .product-thumbnail, div.personyze-product-slider .product-thumbnail { flex-grow: 1; border-bottom: none; } .personyze-product-slider .product__form--slider { margin-top: auto; } body:not(.discount-testing) .collection-page .collection__main .product-thumbnail__price { display: flex; justify-content: flex-start; gap: 5px; flex-direction: row-reverse; } body.discount-testing #mini-cart .upsell-info .upsell-price.price.upsell-price-test { display: none; } .discount-testing .rating-and-title-wrap .product_name.title { padding-top: 15px; } .discount-testing .rating-and-title-wrap .jdgm-widget.jdgm-widget { padding-top: 15px; } .discount-testing .was-price { text-decoration: none; order: 3 !important; margin-left: 5px; align-self: end; font-size: 15px; padding-bottom: 6px; text-decoration: line-through; display: none; } .discount-testing .rating-and-price-wrapper .was-price.sale-no { padding-right: 0; } .discount-testing .was-price .money { text-decoration: line-through; } .discount-testing .rating-and-price-wrapper .discount-price { display: block; line-height: 1em; color: #7CC952; font-weight: 600; padding-bottom: 5px; display: none; } .discount-testing .rating-and-price-wrapper .discount-message { font-size: 14px; color: #7CC952; font-weight: 600; display: none; } .discount-testing .rating-and-price-wrapper .discount-total-savings { font-weight: 800; } .discount-testing .rating-and-price-wrapper .after-discount-code { color: #414b56; position: relative; padding-left: 12px; } .discount-testing .rating-and-price-wrapper .after-discount-code:before { content: ""; height: 14px; position: absolute; left: 5px; background-color: #d9dbdc; width: 2px; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 767px) { .discount-testing .rating-and-price-wrapper .discount-price { font-size: 22px; display: inline; display: none; } .discount-testing .rating-and-price-wrapper .discount-message { font-size: 12px; display: none; } } /* Collection page */ .discount-testing .product-thumbnail .discount-price { color: #7CC952; font-weight: 600; font-size: 22px; line-height: 1em; padding-top: 4px; padding-bottom: 6px; clear: both; display: none; } .discount-testing .product-thumbnail .discount-message { font-size: 12px; color: #414b56; font-weight: 600; line-height: 16px; display: none; order: 4 !important; width: 100%; font-size: 12px !important; font-weight: 400 !important; padding-right: 20px; } .discount-testing .product-thumbnail .discount-total-savings { font-weight: 600; } .discount-testing .product-thumbnail .after-discount-code { display: block; } @media screen and (min-width: 768px) { .discount-testing .product-thumbnail .after-discount-code { display: inline; margin-left: 4px; } } @media screen and (max-width: 767px) { .discount-testing .product-thumbnail .discount-message { font-size: 12px; } .discount-testing .product-thumbnail .discount-price { font-size: 20px; padding-top: 0; } .discount-testing .personyze_items .product-thumbnail .discount-price { padding-top: 4px; } } @media screen and (max-width: 440px) { .discount-testing .product-thumbnail .discount-message { font-size: 10px; } } /* Cart drawer */ .discount-testing .upsell-action .discount-message-cart { font-size: 12px; text-align: center; flex-grow: 1; color: #7CC952; font-weight: 600; padding-right: 4px; margin-left: -6px; display: none; } .discount-testing .upsell-action .discount-message-cart .discount-total-savings { font-weight: 800; } .discount-testing .upsell-action .discount-message-cart .after-discount-code { display: block; text-align: center; color: #414b56; font-weight: 600; line-height: 1em; } .discount-testing #mini-cart .upsells .discount-price { color: #7CC952; font-size: 20px; padding-left: 6px; font-weight: 600; display: none; } .discount-testing .product-page [data-vendor="Bathmate"] .current_price .money, .discount-testing .product-page [data-vendor="Lovense"] .current_price .money, .discount-testing .product-page [data-vendor="Fun Factory"] .current_price .money, .discount-testing .product-page [data-vendor="E-Gift Card"] .current_price .money, .discount-testing .product-page [data-vendor="The Enhanced Male / Gift Card"] .current_price .money, .discount-testing .product-page [data-vendor="The Enhanced Male"][data-handle="gift-card"] .current_price .money { text-decoration: none; } .discount-testing .product-page .has-product-sticker [data-vendor="Bathmate"] .sticker-holder, .discount-testing [data-vendor="Bathmate"] .sticker-holder .sale-sticker, .discount-testing .product-page .has-product-sticker [data-vendor="Lovense"] .sticker-holder, .discount-testing [data-vendor="Lovense"] .sticker-holder .sale-sticker, .discount-testing .product-page .has-product-sticker [data-vendor="Fun Factory"] .sticker-holder, .discount-testing [data-vendor="Fun Factory"] .sticker-holder .sale-sticker, .discount-testing .product-page .has-product-sticker [data-vendor="E-Gift Card"] .sticker-holder, .discount-testing [data-vendor="E-Gift Card"] .sticker-holder .sale-sticker, .discount-testing .product-page .has-product-sticker [data-vendor="The Enhanced Male / Gift Card"] .sticker-holder, .discount-testing [data-vendor="The Enhanced Male / Gift Card"] .sticker-holder .sale-sticker, .discount-testing .product-page .has-product-sticker [data-vendor="The Enhanced Male"][data-handle="gift-card"] .sticker-holder, .discount-testing [data-vendor="The Enhanced Male"][data-handle="gift-card"] .sticker-holder .sale-sticker { display: block; } .discount-testing [data-vendor="Bathmate"] .product-thumbnail .discount-message, .discount-testing [data-vendor="Bathmate"] .product-thumbnail .discount-price, .discount-testing [data-vendor="Lovense"] .product-thumbnail .discount-message, .discount-testing [data-vendor="Lovense"] .product-thumbnail .discount-price, .discount-testing [data-vendor="Fun Factory"] .product-thumbnail .discount-message, .discount-testing [data-vendor="Fun Factory"] .product-thumbnail .discount-price, .discount-testing [data-vendor="E-Gift Card"] .product-thumbnail .discount-message, .discount-testing [data-vendor="E-Gift Card"] .product-thumbnail .discount-price, .discount-testing [data-vendor="The Enhanced Male / Gift Card"] .product-thumbnail .discount-message, .discount-testing [data-vendor="The Enhanced Male / Gift Card"] .product-thumbnail .discount-price, .discount-testing [data-vendor="The Enhanced Male"][data-handle="gift-card"] .product-thumbnail .discount-message, .discount-testing [data-vendor="The Enhanced Male"][data-handle="gift-card"] .product-thumbnail .discount-price, .discount-testing [data-discount-hide="true"] .product-thumbnail .discount-message, .discount-testing [data-discount-hide="true"] .product-thumbnail .discount-price { display: none; } .discount-testing [data-vendor="Bathmate"] .product-thumbnail .money, .discount-testing [data-vendor="Lovense"] .product-thumbnail .money, .discount-testing [data-vendor="Fun Factory"] .product-thumbnail .money, .discount-testing [data-vendor="E-Gift Card"] .product-thumbnail .money, .discount-testing [data-vendor="The Enhanced Male / Gift Card"] .product-thumbnail .money, .discount-testing [data-vendor="The Enhanced Male"][data-handle="gift-card"] .product-thumbnail .money, .discount-testing [data-discount-hide="true"] .product-thumbnail .money { text-decoration: none; font-size: 26px; } .discount-testing [data-vendor="Bathmate"] .product-thumbnail .was-price .money, .discount-testing [data-vendor="Lovense"] .product-thumbnail .was-price .money, .discount-testing [data-vendor="Fun Factory"] .product-thumbnail .was-price .money, .discount-testing [data-vendor="E-Gift Card"] .product-thumbnail .was-price .money, .discount-testing [data-vendor="The Enhanced Male / Gift Card"] .product-thumbnail .was-price .money, .discount-testing [data-vendor="The Enhanced Male"][data-handle="gift-card"] .product-thumbnail .was-price .money, .discount-testing [data-discount-hide="true"] .product-thumbnail .was-price .money { text-decoration: line-through; } .discount-testing.article-article_2021 .product-thumbnail .money { /* text-decoration: none; */ font-size: 15px; } .discount-testing #mini-cart .upsells [data-vendor="Bathmate"] .discount-price, .discount-testing #mini-cart .upsells [data-vendor="Lovense"] .discount-price, .discount-testing #mini-cart .upsells [data-vendor="Fun Factory"] .discount-price, .discount-testing #mini-cart .upsells [data-vendor="E-Gift Card"] .discount-price, .discount-testing #mini-cart .upsells [data-vendor="The Enhanced Male / Gift Card"] .discount-price, .discount-testing #mini-cart .upsells [data-vendor="The Enhanced Male"][data-handle="gift-card"] .discount-price { display: none; } .discount-testing .upsells [data-vendor="Bathmate"] .upsell-price:not(.upsell-price-test), .discount-testing .upsells [data-vendor="Lovense"] .upsell-price:not(.upsell-price-test), .discount-testing .upsells [data-vendor="Fun Factory"] .upsell-price:not(.upsell-price-test), .discount-testing .upsells [data-vendor="E-Gift Card"] .upsell-price:not(.upsell-price-test), .discount-testing .upsells [data-vendor="The Enhanced Male / Gift Card"] .upsell-price:not(.upsell-price-test), .discount-testing .upsells [data-vendor="The Enhanced Male"][data-handle="gift-card"] .upsell-price:not(.upsell-price-test) { display: initial !important; } body.discount-testing #mini-cart [data-vendor="Bathmate"] .upsell-info .upsell-price.price.upsell-price-test, body.discount-testing #mini-cart [data-vendor="Lovense"] .upsell-info .upsell-price.price.upsell-price-test, body.discount-testing #mini-cart [data-vendor="Fun Factory"] .upsell-info .upsell-price.price.upsell-price-test, body.discount-testing #mini-cart [data-vendor="E-Gift Card"] .upsell-info .upsell-price.price.upsell-price-test, body.discount-testing #mini-cart [data-vendor="The Enhanced Male / Gift Card"] .upsell-info .upsell-price.price.upsell-price-test, body.discount-testing #mini-cart [data-vendor="The Enhanced Male"][data-handle="gift-card"] .upsell-info .upsell-price.price.upsell-price-test { display: none !important; } .discount-testing [data-vendor="Bathmate"] .upsell-action .discount-message-cart, .discount-testing [data-vendor="Lovense"] .upsell-action .discount-message-cart, .discount-testing [data-vendor="Fun Factory"] .upsell-action .discount-message-cart, .discount-testing [data-vendor="E-Gift Card"] .upsell-action .discount-message-cart, .discount-testing [data-vendor="The Enhanced Male / Gift Card"] .upsell-action .discount-message-cart, .discount-testing [data-vendor="The Enhanced Male"][data-handle="gift-card"] .upsell-action .discount-message-cart { display: none !important; } .discount-testing .rating-and-title-wrap { display: flex; flex-direction: column; } .discount-testing .product-page .modal_price { font-weight: 400; } .discount-testing .product-page .has-product-sticker .sticker-holder { display: none; } .discount-testing .rating-and-price-wrapper .was-price, .discount-testing .rating-and-price-wrapper .sale, .discount-testing .rating-and-price-wrapper .current_price { font-size: 20px; } .discount-testing .rating-and-price-wrapper .was-price { padding-right: 6px; } .discount-testing .rating-and-price-wrapper .sale .money, .discount-testing .product-page .current_price .money { text-decoration: line-through; } .discount-testing .rating-and-price-wrapper .discount-price { display: block; } .discount-testing .rating-and-price-wrapper .discount-message { display: block; } @media screen and (max-width: 1024px) { .discount-testing .product-page .rating-and-price-wrapper { justify-content: flex-start; text-align: left; } } @media screen and (max-width: 767px) { .discount-testing .rating-and-title-wrap .jdgm-widget.jdgm-widget { order: 2; padding-top: 0; min-height: 17px; } .discount-testing .product-page .rating-and-title-wrap .jdgm-prev-badge { margin-bottom: 0; } .discount-testing .rating-and-title-wrap .product_name.title { order: 1; padding-top: 32px; } .discount-testing .rating-and-price-wrapper .was-price, .discount-testing .rating-and-price-wrapper .sale, .discount-testing .rating-and-price-wrapper .current_price { font-size: 22px; } .discount-testing .rating-and-price-wrapper .discount-price { display: block; } .discount-testing .rating-and-price-wrapper .discount-message { display: block; } } .discount-testing .collection-page .collection__main .jdgm-prev-badge { position: unset; bottom: unset; } .discount-testing .product-thumbnail__price.price.sale .money { float: right; padding-left: 4px; } .discount-testing .product-thumbnail .money { text-decoration: line-through; opacity: 0.6; order: 3 !important; align-self: end; margin-left: 5px; padding-bottom: 6px; text-decoration: line-through; } .product-thumbnail__price small { order: 2 !important; font-size: 16px; opacity: 0.6; order: 3 !important; align-self: end; margin-left: 5px; padding-bottom: 6px; } .discount-testing .product-thumbnail .discount-price { display: block; display: inline-block; order: 1 !important; font-size: 26px; } .discount-testing .product-thumbnail .discount-message { display: block } .discount-testing .upsell-action .discount-message-cart { display: inline-block; } .discount-testing #mini-cart .upsells .product .upsell-action .btn { margin-left: auto; padding-top: 13px; padding-bottom: 13px; } .discount-testing #mini-cart .upsells .product .save_amount { display: none !important; } .discount-testing #mini-cart .upsells .product .upsell-price { display: inline-block; } .discount-testing #mini-cart .upsells .product .upsell-price.regular-price.hide-price { display: none; } .discount-testing .upsells .upsell-price:not(.upsell-price-test) { display: none !important; } .discount-testing #mini-cart .upsells .upsell-price-test.regular-price, .discount-testing #mini-cart .upsells .upsell-price-test.compare-price { text-decoration: line-through; color: #aaaaaa; opacity: 0.6; } .discount-testing #mini-cart .upsells .discount-price { display: inline-block; } .discount-testing #mini-cart .upsell-price.price.regular-price:not(.upsell-price-test) { color: #13b8ef; } .discount-testing .sticker-holder .sale-sticker { display: none; } .discount-testing .wk-grid .product-thumbnail .money, .discount-testing .personyze_items .money { font-size: 14px; font-size: 15px; } body.discount-testing #mini-cart .upsells .upsell-price.price.compare-price { color: #aaaaaa; opacity: 0.6; text-decoration: line-through; } .rating-and-title-wrap { display: flex; flex-direction: column; } body.discount-testing #mini-cart .upsell-price.price { display: inline-block; } body.discount-testing #mini-cart .upsell-price.price:not(.compare-price):not(.regular-price), body.discount-testing #mini-cart .upsell-price.regular-price-sale { margin-left: 10px; } body.discount-testing #mini-cart .upsell-price.price.regular-price:not(.regular-price-sale) { display: inline-block; } body.discount-testing #mini-cart .upsell-info .upsell-price.price.upsell-price-test { display: inline-block; } body.discount-testing .rating-and-title-wrap .product_name.title { padding-top: 15px; } body.discount-testing .rating-and-title-wrap .jdgm-widget.jdgm-widget { padding-top: 15px; margin-bottom: 0; min-height: 17px; } @media screen and (max-width: 767px) { body.discount-testing .rating-and-title-wrap .product_name.title { padding-top: 32px; } body.discount-testing .rating-and-title-wrap .jdgm-widget.jdgm-widget { padding-top: 0; margin-bottom: 0; min-height: 17px; } body.discount-testing .product-page .rating-and-price-wrapper { justify-content: flex-start; text-align: left; } } /* Discounts - search */ .discount-testing #shopify-section-search__main .product__grid-item:not([data-vendor="Bathmate"]):not([data-vendor="Lovense"]):not([data-vendor="Fun Factory"]):not([data-vendor="E-Gift Card"]):not([data-vendor="The Enhanced Male / Gift Card"]):not([data-vendor="The Enhanced Male"][data-handle="gift-card"]) .product-thumbnail .money { float: right; font-size: 14px; } #shopify-section-search__main .product-thumbnail__price { text-align: right; font-size: inherit; } .discount-testing #shopify-section-search__main .thumbnail__caption { position: relative; } @media screen and (max-width: 767px) { .discount-testing #shopify-section-search__main .custom-tag--bestseller { left: 0 !important; } } #shopify-section-search__main .custom-tag--bestseller { left: -10px; } .search .thumbnail__caption { position: relative; } #shopify-section-search__main .product-wrap { display: flex; flex-direction: column; height: 100%; } #shopify-section-search__main .thumbnail__caption { flex-grow: 1; } #shopify-section-search__main .has-thumbnail-sticker .sticker-holder { top: -10px; left: -10px; } #shopify-section-search__main .has-thumbnail-sticker .product-thumbnail__title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } body:not(.discount-testing) #shopify-section-search__main .has-thumbnail-sticker .product-thumbnail__price { padding-top: 6px; padding-bottom: 3px; font-size: inherit; display: flex; flex-direction: row-reverse; justify-content: flex-start; gap: 6px; } #shopify-section-search__main .jdgm-prev-badge .jdgm-star { color: #13b8ef; } #shopify-section-search__main .jdgm-prev-badge { font-size: 12px; } @media screen and (max-width: 767px) { #shopify-section-search__main .custom-tag--bestseller { left: 0 !important; } #shopify-section-search__main .has-thumbnail-sticker .sticker-holder { top: -5px; left: -5px; } } [data-vendor="Bathmate"] .discount-price, [data-vendor="Lovense"] .discount-price, [data-vendor="Fun Factory"] .discount-price, [data-vendor="E-Gift Card"] .discount-price, [data-vendor="The Enhanced Male / Gift Card"] .discount-price, [data-vendor="The Enhanced Male"][data-handle="gift-card"] .discount-price, [data-vendor="Bathmate"] .discount-message, [data-vendor="Lovense"] .discount-message, [data-vendor="Fun Factory"] .discount-message, [data-vendor="E-Gift Card"] .discount-message, [data-vendor="The Enhanced Male / Gift Card"] .discount-message, [data-vendor="The Enhanced Male"][data-handle="gift-card"] .discount-message { display: none !important; } .discount-testing [data-vendor="Bathmate"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="Lovense"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="Fun Factory"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="E-Gift Card"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="The Enhanced Male / Gift Card"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="The Enhanced Male"][data-handle="gift-card"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="Bathmate"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="Lovense"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="Fun Factory"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="The Enhanced Male / Gift Card"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="The Enhanced Male"][data-handle="gift-card"] .rating-and-price-wrapper .current_price { font-size: 28px; font-weight: 600; } .collection-page .collection__main [data-vendor="Lovense"] .custom-sale-price, .collection-page .collection__main [data-vendor="Bathmate"] .custom-sale-price, .collection-page .collection__main [data-vendor="Fun Factory"] .custom-sale-price, .collection-page .collection__main [data-vendor="E-Gift Card"] .custom-sale-price, .collection-page .collection__main [data-vendor="The Enhanced Male / Gift Card"] .custom-sale-price, [data-discount-hide="true"] .custom-sale-price { color: #414B56; font-size: 26px !important; opacity: 1; } .collection-page .collection__main [data-vendor="Lovense"] .was-price, .collection-page .collection__main [data-vendor="Bathmate"] .was-price, .collection-page .collection__main [data-vendor="Fun Factory"] .was-price, .collection-page .collection__main [data-vendor="E-Gift Card"] .was-price, .collection-page .collection__main [data-vendor="The Enhanced Male / Gift Card"] .was-price, [data-discount-hide="true"] .was-price { display: inline; } .discount-testing .was-price { display: none; } .discount-testing .product_section .was-price { display: inline; } @media screen and (max-width: 768px) { .discount-testing [data-vendor="Bathmate"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="Lovense"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="Fun Factory"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="E-Gift Card"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="The Enhanced Male / Gift Card"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="The Enhanced Male"][data-handle="gift-card"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="Bathmate"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="Lovense"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="Fun Factory"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="The Enhanced Male / Gift Card"] .rating-and-price-wrapper .current_price, .discount-testing [data-vendor="The Enhanced Male"][data-handle="gift-card"] .rating-and-price-wrapper .current_price { font-size: 22px; } } /* Discounts end */ /* Fix product thumbnail alignment */ .flickity-resize .gallery-cell { min-height: calc(100% - 20px); height: calc(100% - 20px); } @media screen and (max-width: 767px) { .flickity-resize .gallery-cell { min-height: 100%; height: 100%; } } #personyze_items .product-wrap { display: flex; flex-direction: column; height: 100%; } #personyze_items .product-thumbnail { flex-grow: 1; border-bottom: 0; } #personyze_items .flickity-viewport { overflow: visible; } .personyze_recommendation:not(.featured-collection-home-page) { overflow: hidden; } @media screen and (max-width: 767px) { .article--personyze .related-products .product-thumbnail__price, .collection-page .related-products .product-thumbnail__price, .product-page .related-products .product-thumbnail__price { padding-bottom: 13px; } } #template-collection-category_and_faq .personyze_recent_view { padding-bottom: 60px; } /* End product thumbnail alignment */ /* Blog Post Custom Table */ .blog-post-table { overflow-x: scroll; margin: 40px 0; padding-bottom: 20px; } .blog-post-table::-webkit-scrollbar { width: 5px; } .blog-post-table::-webkit-scrollbar-track { background: #e5e5e5; } .blog-post-table::-webkit-scrollbar-thumb { background: #b0b0b0; } .blog-post-table .table-header { text-align: center; background: rgba(19, 184, 239, 1); color: #fff; font-weight: 600; text-transform: uppercase; } .blog-post-table .table-data { background: #fff; } .blog-post-table .table-header, .blog-post-table .table-data { display: flex; align-items: center; justify-content: center; text-align: center; padding: 15px; min-width: 150px; max-width: 150px; width: 100%; } .blog-post-table .table-row { display: flex; width: fit-content; } .blog-post-table .sticky-left { position: sticky; z-index: 3; left: 0px; justify-content: flex-start; max-width: 100px; min-width: 100px; width: 100%; text-align: left; } .blog-post-table .blog-post-table-body .table-row:nth-of-type(2n - 1) .table-data { background: rgba(242, 245, 250, 1); } .blog-post-table .score-data { padding: 7px 20px; border-radius: 3px; color: #000; font-weight: 600; } .blog-post-table .score-data.red-score { background: #fd5d5d; } .blog-post-table .score-data.yellow-score { background: #ffd93d; } .blog-post-table .score-data.green-score { background: #9ede73; } .blog-post-table .image-cell { padding: 0; } .blog-post-table .image-cell img { max-width: 100px; } .blog-post-table .button-data { background: #13b8ef; color: #fff; text-transform: uppercase; border-radius: 2px; border: 1px solid transparent; text-decoration: none; padding: 5px 20px; } .blog-post-table .button-data:hover { background: transparent; color: #13b8ef; border-color: #13b8ef; } /* Blog Post Video */ .article-2021__main .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .article-2021__main .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Editorial Principles Page */ .narrow-container { max-width: 680px; } .EditorialPrinciples__Container { background: #2c313d; } .EditorialPrinciples__Container h1 { color: #fff; font-size: 26px; } .EditorialPrinciples__PageHeader { padding: 40px 0; text-align: center; width: 100%; } .EditorialPrinciples__Table { width: 100%; } .EditorialPrinciples__Table th { padding: 10px; color: #fff; background: #2c313d; } .EditorialPrinciples__Table td { padding: 5px; border: 1px solid #ccc; } .EditorialPrinciples__Table .accent-row { background: #13B8EF; color: #fff; font-weight: bold; } @media screen and (min-width: 1025px) { .EditorialPrinciples__Container h1 { font-size: 30px; } } .EditorialPrinciples__Content { font-size: 16px; margin: 40px 0; } .EditorialPrinciples__Content a { color: #2c313d; text-decoration: underline; } .EditorialPrinciples__Content h2, .EditorialPrinciples__Content h3 { margin: 40px 0 20px; } .EditorialPrinciples__Content h2 { font-size: 24px; } .EditorialPrinciples__Content h3 { font-size: 20px; } .EditorialPrinciples__Content ul { padding-left: 40px; list-style: disc; } .EditorialPrinciples__Content ul li { padding-bottom: 10px; } .EditorialPrinciples__Content--IntroQuote { text-align: center; color: #2c313d; font-weight: 600; position: relative; } .EditorialPrinciples__Content--IntroQuote:after { content: ''; position: absolute; height: 3px; width: 100px; background: #2c313d; left: 50%; transform: translateX(-50%); bottom: -20px; } .EditorialPrinciples__Content--TextQuote { border-top: 1px solid #2c313d; margin: 0; border-bottom: 1px solid #2c313d; padding: 15px 0; text-transform: uppercase; color: #2c313d; font-size: 26px; margin: 30px 0; } .EditorialPrinciples__Content--TextBlock img { border-radius: 50%; max-width: 120px; margin-bottom: 20px; margin-left: 0; } @media screen and (min-width: 1025px) { .EditorialPrinciples__Content { font-size: 18px; margin: 60px 0; } .EditorialPrinciples__Content--IntroQuote { font-size: 20px; } .EditorialPrinciples__Content--IntroQuote:after { width: 200px; } .EditorialPrinciples__Content h2 { font-size: 32px; } .EditorialPrinciples__Content h3 { font-size: 24px; } .EditorialPrinciples__Content ul { padding-left: 40px; } } /* Featured Reviews carousel */ .featured-reviews-judgeme .jdgm-carousel-wrapper { width: 100%; } .featured-reviews-judgeme .jdgm-carousel-title-and-link { margin-bottom: 18px; } .featured-reviews-judgeme .jdgm-carousel { margin-top: 18px; } .featured-reviews-judgeme .jdgm-all-reviews-rating-wrapper { padding-top: 10px; } .featured-reviews-judgeme .jdgm-all-reviews-rating { display: inline !important; } .featured-reviews-judgeme .jdgm-carousel-number-of-reviews { display: inline !important; } /* .jdgm-carousel__arrows { position: absolute; right: 30px; top: -60px; } */ @media screen and (max-width: 767px) { .featured-reviews-judgeme .jdgm-carousel-title-and-link { margin-left: 0; margin-right: 0; width: auto; } } .shopify-section.featured-reviews-judgeme { display: none; } #shopify-section-16232496427a78397d { display: block; } /* End Featured Reviews carousel */ @media screen and (max-width: 767px) { .product__information-main klarna-placement { justify-content: center !important; } } /* Loyalty Lion Cart Drawer Checkout Points */ #mini-cart .loyality-lion-checkout-group { padding-top: 10px; text-transform: none; background: #fff; color: #414b56; text-align: left; } #mini-cart .loyality-lion-checkout-group.customer { display: flex; flex-direction: column; gap: 5px; } #mini-cart .loyality-lion-checkout-group svg { height: 15px; vertical-align: middle; } /* Givewaway page and embed */ .giveaway--wrapper .giveaway--background { position: absolute; width: auto; } .giveaway--wrapper .giveaway--background-bottom { right: 0; width: auto; } .giveaway-embed .giveaway--background-bottom { position: absolute; bottom: -50px; right: 0; z-index: 2; right: -129px; overflow: hidden; } .giveaway--background-bottom svg { transform: rotate(180deg); } .giveaway--wrapper { background: transparent linear-gradient(26deg, #000000 0%, #2C313D 100%) 0 0 no-repeat padding-box; min-height: 500px; } .giveaway-embed { max-width: 726px; position: relative; background: transparent linear-gradient(26deg, #000000 0%, #2C313D 100%) 0 0 no-repeat padding-box; overflow: hidden; margin-top: 50px; margin-bottom: 50px; } .giveaway--wrapper .container { padding-top: 130px; justify-content: center; text-align: center; } .giveaway-embed .container { padding-left: 40px; padding-right: 40px; padding-top: 70px; display: block; } .giveaway--content { max-width: 830px; } .giveaway--box { position: relative; border-left: 3px solid #00BBFB; border-right: 3px solid #00BBFB; width: 95%; max-width: 1200px; justify-content: center; display: flex; } .giveaway-embed .giveaway--box { width: unset; text-align: center; padding-left: 20px; padding-right: 20px; } .giveaway--win { display: block; text-align: center; position: relative; margin-left: auto; margin-right: auto; letter-spacing: 2.4px; font-size: 120px; line-height: 120px; } .giveaway-embed .giveaway--win { line-height: 100px; font-size: 100px; letter-spacing: 2px; } .giveaway--text { max-width: 720px; margin-left: auto; margin-right: auto; } .giveaway--text h2 { color: #00BBFB; text-transform: uppercase; font-family: "Exo 2", sans-serif; font-weight: 600; letter-spacing: 1.4px; font-size: 70px; top: -60px; position: relative; } .giveaway-embed .giveaway--text h2 { top: -50px; margin-bottom: 0; } .giveaway--text h2 span:not(.giveaway--win) { display: block; line-height: 74px; } .giveaway-embed .giveaway--text h2 span:not(.giveaway--win) { letter-spacing: 1.2px; font-size: 60px; line-height: 64px; } .giveaway--text p { font-family: "Exo 2", sans-serif; font-size: 20px; line-height: 26px; letter-spacing: 0; color: #FFFFFF; padding: 0 50px 40px; } .giveaway--wrapper .giveaway--text p { text-align: left; } .giveaway--strong { font-style: italic; font-family: "Exo 2", sans-serif; font-weight: 600; text-transform: uppercase; display: inline-block; } .giveaway--text .giveaway--strong { background: #7CC952; padding-right: 5px; font-size: 20px; letter-spacing: 0; color: #2C313D; line-height: 19px; } .giveaway-embed .giveaway--text .giveaway--strong { background: #D3DFF0; color: #2C313D; font-size: 19px; line-height: 23px; padding-left: 4px; padding-right: 8px; letter-spacing: 1.2px; } .giveaway--box:before { content: ""; border-bottom: 3px solid #00BBFB; display: block; width: calc((100% - 288px) / 2); height: 2px; background: #000; left: 0; top: 0; position: absolute; } .giveaway--box:after { content: ""; border-bottom: 3px solid #00BBFB; display: block; width: calc((100% - 288px) / 2); height: 2px; background: #000; right: 0; top: 0; position: absolute; } @media screen and (max-width: 768px) { .giveaway--wrapper .giveaway--background-bottom svg { max-width: 100%; } .giveaway--wrapper .giveaway--background-top { display: none; } .giveaway--wrapper.section__wrapper { width: 100%; } .giveaway--wrapper .container { padding-top: 60px; } .giveaway-embed .container { padding-left: 0; padding-right: 0; } .giveaway--box { border: 0; width: 100%; } .giveaway-embed .giveaway--box { padding-left: 0; padding-right: 0; } .giveaway--box:before, .giveaway--box:after { width: calc((100% - 238px) / 2); } .giveaway--text { padding-bottom: 20px; } .giveaway-embed .giveaway--text { padding-left: 10px; padding-right: 10px; } .giveaway--text h2, .giveaway-embed .giveaway--text h2 { top: -40px; } .giveaway--win, .giveaway-embed .giveaway--win { font-size: 80px; line-height: 80px; letter-spacing: 1.6px; } .giveaway--text h2 span:not(.giveaway--win), .giveaway-embed .giveaway--text h2 span:not(.giveaway--win) { letter-spacing: 0.68px; font-size: 34px; line-height: 36px; } .giveaway--text p { font-size: 18px; line-height: 24px; padding: 0 38px 32px; } .giveaway-embed .giveaway--text > p { padding-left: 0; padding-right: 0; } .giveaway--text .giveaway--strong { font-size: 18px; } } .giveaway--wrapper .giveaway--skewed { background: #D3DFF0 0 0 no-repeat padding-box; /* clip-path: polygon(0 32%, 100% 0, 100% 68%, 0% 100%); */ z-index: 1; position: relative; height: 750px; clip-path: polygon(0 23%, 100% 0, 100% 77%, 0% 100%); top: -550px; } .giveaway-embed .giveaway--skewed { background: #D3DFF0 0 0 no-repeat padding-box; height: 380px; z-index: 1; position: absolute; clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%); z-index: 1; bottom: 0; width: 100%; } .giveaway--form-wrap { margin-left: auto; margin-right: auto; z-index: 2; position: relative; width: 100%; } .giveaway-embed .giveaway--form-wrap { z-index: 3; box-shadow: 0 3px 6px #00000029; } .giveaway--form { height: unset; position: relative; width: 100%; margin-bottom: 20px; box-shadow: 0 3px 6px #00000029; border-radius: 2px; background: #ffffff; } .giveaway-embed .giveaway--form { margin-bottom: 50px; } .giveaway--form .giveaway--banner-text { text-transform: uppercase; text-align: center; font-size: 30px; line-height: 34px; font-family: "Exo 2", sans-serif; letter-spacing: 0.9px; background-color: #7CC952; opacity: .93; clip-path: polygon(0 0, 88% 0, 100% 100%, 12% 100%); margin-left: 75px; margin-right: 75px; padding-top: 24px; padding-bottom: 24px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; gap: 14px; } .giveaway--form .giveaway--banner-text h3 { color: #2C313D; text-transform: inherit; margin-left: auto; margin-right: auto; max-width: 480px; font-size: 30px; line-height: 34px; letter-spacing: 0.9px; max-width: 455px; } .giveaway--banner-text h3 span { color: #ffffff; } .giveaway--banner-text .giveaway--strong { font-size: 16px; line-height: 19px; letter-spacing: 0.8px; color: #FFFFFF; background: #2C313D; padding-left: 6px; padding-right: 6px; font-weight: 400; } .klaviyo-form-Ygagqz { padding: 25px 50px; min-height: 280px; } .klaviyo-form-Ygagqz button { padding-left: 70px !important; padding-right: 70px !important; display: flex; justify-content: center; align-items: center; gap: 7px; } .klaviyo-form-Ygagqz button:after { content: '\2192'; } .giveaway-embed .giveaway--form-content { padding: 40px 50px; background: #2C313D; } .giveaway-embed .giveaway--form-content > p { letter-spacing: 0; color: #FFFFFF !important; font-size: 26px !important; line-height: 32px; } .giveaway-embed .giveaway--form-content > a { background: #7cc952; font: normal normal medium 15px / 20px Exo 2; letter-spacing: 0.75px; color: #414B56; font-size: 15px; line-height: 20px; height: 44px; text-decoration: none; width: 265px; border: none; padding-top: 0; padding-bottom: 0; gap: 7px; margin-left: auto; margin-right: auto; } .giveaway-embed .giveaway--form-content > a:after { content: '\2192'; } .giveaway-embed .giveaway--form-content > a:active, .giveaway-embed .giveaway--form-content > a:focus, .giveaway-embed .giveaway--form-content > a:hover { color: #414B56; } .giveaway--form-text { text-align: center; font-size: 16px; line-height: 22px; font-family: "Exo 2", sans-serif; letter-spacing: 0; color: #4B535A; } @media screen and (max-width: 768px) { .giveaway--skewed { clip-path: polygon(0 16%, 100% 0, 100% 84%, 0% 100%); height: 800px; top: -650px; } .giveaway--wrapper .giveaway--skewed { top: -800px; height: 1000px; clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%); } .giveaway-embed .giveaway--skewed { top: unset; clip-path: polygon(0 12%, 100% 0, 100% 100%, 0% 100%); height: 340px; bottom: 0; } .giveaway--form-wrap { padding: 0 10px; } .giveaway--form { height: unset; } .giveaway--form .giveaway--banner-text { padding: 30px 24px; max-width: 100%; margin: 0 10px; clip-path: none; display: flex; } .giveaway--form .giveaway--banner-text h3 { letter-spacing: 0.72px; font-size: 24px; line-height: 28px; } .klaviyo-form-Ygagqz { padding: 0 15px; } .giveaway--form-text { padding: 0 5px; } .klaviyo-form-Ygagqz [data-testid="form-row"] > div { padding-bottom: 20px !important; } .giveaway-embed .giveaway--form-content { padding: 30px 20px; } .giveaway-embed .giveaway--form-content > p { font-size: 22px !important; line-height: 30px !important; } .giveaway-embed .giveaway--form-content > a { width: auto; min-width: 160px; } } .giveaway--countdown { top: -350px; position: relative; width: 100%; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: -350px; padding-bottom: 80px; padding-top: 20px; overflow: hidden; } .giveaway--wrapper .giveaway--countdown { top: -500px; margin-bottom: -500px; } .giveaway--countdown h3 { text-align: center; letter-spacing: 0.4px; color: #FFFFFF; text-transform: uppercase; font-size: 20px; line-height: 26px; font-weight: 600; font-family: "Exo 2", sans-serif; padding-bottom: 20px; } #countdowndiv { display: flex; justify-content: space-around; max-width: 530px; margin-left: auto; margin-right: auto; } .countdown-content { background: transparent linear-gradient(180deg, #505664 0%, #282B32 100%) 0 0 no-repeat padding-box; border: 1px solid #404040; border-radius: 8px; width: 112px; height: 109px; margin-bottom: 9px; } .countdown-value { letter-spacing: 1.3px; color: #FFFFFF; font-size: 64px; } .countdown-smalltext { text-align: center; letter-spacing: 0.28px; color: #FFFFFF; text-transform: uppercase; font-size: 14px; } @media screen and (max-width: 768px) { .giveaway--wrapper .giveaway--countdown { top: -750px; margin-bottom: -750px; } #countdowndiv { justify-content: center; gap: 8px; } .countdown-content { border: 1px solid #707070; width: 60px; height: 58px; display: flex; align-items: center; justify-content: center; } .countdown-value { font-size: 40px; letter-spacing: 0.8px; line-height: 54px; } .countdown-smalltext { font-size: 11px; } .giveaway--countdown h3 { max-width: 360px; margin: auto; padding-left: 30px; padding-right: 30px; } } /* @media screen and (min-width: 1281px) { .giveaway-embed { margin-left: -56px; } } */ .giveaway--winner { padding-top: 20px; } .giveaway--winner .giveaway--winner-text { text-align: center !important; letter-spacing: 0.4px; color: #FFFFFF; line-height: 26px; font-weight: 600; font-family: "Exo 2", sans-serif; padding-bottom: 20px; text-transform: none; font-size: 25px; color: #1A1D24; background: #84D05E; padding: 5px 3px; display: inline-block; margin-bottom: 20px; } #countdownwinnerdiv { display: flex; justify-content: center; gap: 16px; padding-bottom: 30px; max-width: 530px; margin-left: auto; margin-right: auto; } #countdownwinnerdiv .countdown-content { width: 60px; height: 58px; margin-bottom: 7px; background: transparent linear-gradient(180deg, #13B8EF 0%, #0A5C78 100%) 0% 0% no-repeat padding-box; border: 1px solid #FFFFFF; border-radius: 8px; } #countdownwinnerdiv .countdown-value { font-size: 36px; } #countdownwinnerdiv .countdown-smalltext { font-size: 13px; letter-spacing: 0; } @media screen and (max-width: 768px) { .giveaway--winner { padding: 20px 38px 0; } .giveaway--winner .giveaway--winner-text { line-height: 24px; font-size: 24px; } #countdownwinnerdiv { gap: 8px; padding-bottom: 10px; } #countdownwinnerdiv .countdown-content { margin-bottom: 9px; } #countdownwinnerdiv .countdown-value { font-size: 40px; } #countdownwinnerdiv .countdown-smalltext { font-size: 11px; } } .mobile-menu .mobile-menu__item.mobile-account { font-weight: 600; color: #13b8ef; } .status-recently-viewed-header-icon .icon { width: 30px; height: 30px; vertical-align: middle; } @media screen and (max-width: 767px) { .status-recently-viewed-header-icon { flex-direction: row; gap: 7px; align-items: center; padding-top: 5px; padding-bottom: 5px; } .status-recently-viewed-header-icon .icon { width: 20px; margin-right: 0 !important; } } /* Article - featured images */ .article-article_2021 .article-featured-images { margin-bottom: 20px; max-width: 100%; } .article-article_2021 .featured-images_thumbnails { margin-top: 20px; display: flex; justify-content: center; gap: 14px; } .article-article_2021 .featured-images_thumbnails img { width: calc(100% / 5 - 14px); cursor: pointer; } @media screen and (max-width: 768px) { .article-article_2021 .featured-images_thumbnails { margin-top: 10px; display: flex; justify-content: center; gap: 4px; } .article-article_2021 .featured-images_thumbnails img { width: calc(100% / 5 - 4px); cursor: pointer; } } /* Custom page */ .custom-page .custom-page_container { justify-content: center; } .custom-page_container .subcontainer { position: relative; } .custom-page_container .page-separator { position: absolute; top: 45px; left: -75px; } .custom-page .custom-page_container .custom-page-title { margin-bottom: 45px; } .custom-page .custom-page_container .custom-page-title h1 { font-size: 60px; } .custom-page .custom-page_container .custom-block-title { text-transform: none; letter-spacing: 0; font-weight: 600; } .custom-page .custom-page_container .custom-text { line-height: 24px; color: #424C56; } @media screen and (max-width: 768px) { .custom-page .custom-page_container .custom-page-inner { padding: 0 0 30px; } .custom-page .custom-page_container .custom-page-title { font-size: 24px; margin-top: 15px; margin-bottom: 15px; } .custom-page .custom-page_container .custom-block-title { padding-left: 15px; padding-right: 15px; line-height: 28px; color: #2c313d; font-weight: bold; } .custom-page .custom-page_container .custom-text { padding-left: 15px; padding-right: 15px; } .custom-page .custom-page_container .text_block { padding: 30px 10px 0; background: #f5f5f5; } } .accordion_block h2 { text-transform: uppercase; font-weight: 600; letter-spacing: 0; } .accordion_block h2 span { display: none; } .accordion_block ul li { position: relative; padding-left: 45px; line-height: 24px; color: #424C56; font-weight: 600; } .accordion_block ul li:before { display: inline-block; position: absolute; left: 10px; margin-left: 0; content:url("bullet--squared.svg"); margin-top: -2px; } .accordion_block .close-wrap { display: none; } .accordion_block p { color: #424C56; line-height: 20px; } .custom-text { line-height: 24px; color: #424C56; } .custom-page .custom-page_container .page-content strong { color: #13b8ef; } @media screen and (max-width: 768px) { .accordion_block.custom-page_accordion { padding-left: 20px; padding-right: 20px; background-color: #f5f5f5; margin-left: 5px; margin-right: 5px; } .custom-page .custom-page_container .custom-page-inner { padding-left: 10px; padding-right: 10px; } .accordion_block h2 { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; background: #f5f5f5; text-transform: uppercase; letter-spacing: 0; margin-bottom: 0; cursor: pointer; } .icon.icon--collapse, .icon.icon--expand { height: unset; position: relative; right: -8px; } .accordion_block .text { border-top: 1px solid #999999; padding-bottom: 10px; padding-top: 20px; } .accordion_block[data-active="false"] .icon--collapse, .accordion_block[data-active="true"] .icon--expand { display: none; } .accordion_block[data-active="true"] .icon--collapse, .accordion_block[data-active="false"] .icon--expand { display: block; } .accordion_block[data-active="false"] .text { display: none; } .accordion_block .close-wrap { display: flex; align-items: center; justify-content: center; cursor: pointer; gap: 10px; font-size: 16px; color: #13b8ef; } .accordion_block ul li { padding-left: 20px; } .accordion_block ul li:before { left: 0; margin-left: 0; margin-top: -0; } } .custom-page .custom_html_block p { margin-bottom: 5px; line-height: 24px; } .custom-page .custom_html_block { background-color: #f5f5f5; } .custom-page .css-1g1hgdm { background-image: none; } @media screen and (min-width: 769px) { .custom-page .custom-page_container .custom-page-inner { padding-left: 0; padding-right: 0; } .custom-page .text_block, .custom-page .accordion_block { padding-left: 60px; padding-right: 60px; } .custom-page .css-w96s5c { padding-top: 60px; padding-bottom: 60px; } .custom-page .custom_html_block { margin-bottom: 50px; } } @media screen and (max-width: 768px) { .custom-page .custom_html_block { padding-left: 10px; padding-right: 10px; margin-bottom: 40px; } .custom-page .css-w96s5c { padding-top: 0; padding-bottom: 30px; } } [data-reward-id="176650"].lion-reward-item { display: none !important; } .addsearch-searchfield input[type=search].icon { background-position: 97% 60% !important; background-image: url(/cdn/shop/files/tem_icon_search.png?v=1696593671) !important; background-size: 25px; } @media screen and (max-width: 767px) { .addsearch-searchfield input[type=search].icon { background-position: 90% 60% !important; } } .article-content iframe { max-width: 100%; } /* Pick and test - new blocks */ .media-container { display: flex; flex-wrap: nowrap; } .media--left { margin-right: 15px; } .media--right { margin-left: 15px; } .media--side { position: relative; flex-basis: 50%; } .media--side.full-width { flex-basis: 100%; width: 100%; } .media--side span { color: #A5A7AC; font-size: 15px; position: relative; } .media--video .plyr__video-embed, .media--image img { box-shadow: 0px 3px 6px rgb(0 0 0 / 16%); position: relative; display: block; } .media--image img { box-shadow: none; } /* Video reviews */ .video_reviews_block { background-color: #d3dff0; padding-top: 10px; padding-bottom: 50px; } .video-review--large { position: relative; } .video-review--large .plyr__video-embed { box-shadow: 0px 3px 6px rgb(0 0 0 / 16%); } .video-review--thumbs { padding-top: 20px; display: flex; flex-wrap: nowrap; gap: 35px; } .video-review--single { flex-basis: calc(100% / 3); position: relative; } .video-review--thumb { position: relative; } .video-review--thumb .plyr__video-embed { box-shadow: 0px 3px 6px rgb(0 0 0 / 16%); } .video-review--thumb-lyr { display: block; position: absolute; background-color: transparent; z-index: 9; border-color: transparent; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; } [data-video-active="true"] .video-review--thumb-lyr { background-color: rgba(255,255,255,.35); border: 5px solid #13b8ef; } .video-review--single .video-review--title { margin-top: 15px; letter-spacing: .7px; font-size: 15px; margin-bottom: 0; } .video-review--single p.video-review--subtitle { font-size: 12px; color: rgba(0, 0, 0, .5); margin-bottom: 0; } @media screen and (max-width: 767px) { .media-container { flex-wrap: wrap; } .media--side { flex-basis: 100%; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; margin-bottom: 20px; } /* Video Reviews */ .custom-page .video_reviews_block { padding-left: 35px; padding-right: 35px; } .video-review--thumb-lyr { display: none; } .video-review--large { display: none; } .video-review--thumbs { flex-wrap: wrap; } .video-review--single { flex-basis: 100%; } /* .video-review--thumb { flex-basis: 100%; } */ .video_reviews_block .page-heading { margin-top: 20px; margin-bottom: 0; } .video-review--title { font-size: 14px; margin-bottom: 10px; } .video-review--subtitle { margin-bottom: 0; line-height: 12px; margin-top: 15px; } } /* PRODUCT STOCK INDICATOR */ .stock-indicator-shipping-message { display: flex; align-items: center; gap: 0.3rem; margin-top: 1rem; } .stock-indicator-shipping-message .icon { width: 1.5rem; height: 1.5rem; } .stock-indicator { position: relative; padding-left: 15px; margin-top: 0.5rem; } .stock-indicator:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 50%; background-color: #00AE67; } /* Page - Become a Tester */ /* Section text-cta */ .text-cta-section { position: relative; } .text-cta-section .text-cta__wrapper { padding: 50px 0; max-width: 750px; margin: auto; } .text-cta__heading { font-size: 52px; line-height: 65px; letter-spacing: 0; text-transform: uppercase; margin-bottom: 20px; } .text-cta__subheading { font-size: 38px; line-height: 56px; margin-bottom: 20px; } .text-cta__text-wrapper { font-size: 22px; line-height: 40px; opacity: .8; margin-bottom: 20px; } .text-cta-section .button.button--primary { margin-top: 10px; margin-bottom: 10px; padding-top: 12px; padding-bottom: 12px; padding-left: 30px; width: 215px; background: #13b8ef !important; font-size: 16px; line-height: 20px; letter-spacing: 0.8px; } .text-cta-swiggle { position: absolute; right: -15px; bottom: -15px; top: unset; left: unset; height: auto; } @media screen and (max-width: 768px) { .text-cta__heading { font-size: 34px; line-height: 44px; } .text-cta__subheading { font-size: 28px; line-height: 36px; } .text-cta-section .text-cta__wrapper { padding: 60px 30px 80px; } .text-cta__text-wrapper { font-size: 18px; line-height: 28px; } .text-cta-section .button.button--primary { width: 275px; } .text-cta-swiggle { bottom: -120px; } .text-cta-swiggle svg { width: 100%; } } /* Section Brands */ .page-brands-section .page-brands__column { display: flex; align-items: center; } .page-brands-section .section_separator.style_2.top { border-top: 1px solid #6D757B; width: 95%; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 50px; } .page-brands-section .section_separator.style_2 .text { position: absolute; top: -12px; left: 0; background: #fff; padding-right: 15px; font-size: 14px; color: #6D757B; } .page-brands-section .section_separator.style_2 .logo { position: absolute; top: -12px; right: 0; background: #fff; padding-left: 15px; } .page-brands-section .page-brands__column { min-height: 85px; display: flex; align-items: center; } .page-brands-section .page-brands__column:first-child { margin-left: 0; } .page-brands-section .page-brands__column .image-element__wrap { flex-grow: 1; } .page-brands-section .page-brands__column img { max-width: 100%; padding-left: 20px; padding-right: 20px; } .page-brands-section .section_separator.style_2.bottom { border-bottom: 1px solid #6D757B; margin-top: 50px; width: 95%; margin-left: auto; margin-right: auto; } @media screen and (max-width: 768px) { .page-brands-section .section_separator.style_2 .logo { display: none; } .page-brands-section .page-brands__column img { padding: 0; } .page-brands-section .section_separator.style_2.top { margin-bottom: 30px; } .page-brands-section .section_separator.style_2.bottom { margin-top: 20px; } } /* Section Timeline */ .page-tester_about-timeline-section-heading { font-size: 30px; line-height: 35px; font-weight: 700; max-width: 600px; margin: 0 auto 40px; } .page-tester_about-timeline-block { margin-bottom: 20px; } .page-tester_about-timeline-group .image-with-text__preheading { font-family: 'Heaters', san-serif !important; font-size: 70px; line-height: 60px; letter-spacing: 2.1px; font-weight: 400; margin-bottom: 20px; color: #7BC953; } .page-tester_about-timeline-group .image-with-text__heading { font-size: 25px; line-height: 35px; font-weight: 700; } .page-tester_about-timeline-group .image-with-text__text { font-size: 18px; line-height: 36px; } .page-tester_about-timeline-group .image-with-text__text-column { padding: 20px 0 0; } .page-tester_about-timeline-group .image-with-text__image-column div.image-element__wrap:nth-of-type(1) { display: block; } .page-tester_about-timeline-group .image-with-text__image-column div.image-element__wrap:nth-of-type(2) { display: none; } .page-tester section .button.button--primary { margin: 10px auto; padding-top: 12px; padding-bottom: 12px; padding-left: 30px; width: 215px; background: #13b8ef !important; font-size: 16px; line-height: 20px; letter-spacing: 0.8px; display: block; margin-top: 35px; } .page-tester_about-timeline-group .image-with-text__image-column { position: relative; } .page-tester_about-timeline-group .image-with-text__image-column div.image-element__wrap:last-of-type { position: absolute; max-width: 115px !important; width: 115px; height: 115px; border-radius: 4px; top: 50px; background: #fff !important; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .page-tester_about-timeline-group .image-with-text__image-column div.image-element__wrap .image-with-text__small-image { padding: 30px 25px; } @media screen and (max-width: 767px) { .page-tester_about-timeline-group .text-align-right { text-align: left !important; } .page-tester_about-timeline-group .image-with-text__heading { padding-bottom: 10px; } .page-tester_about-timeline-group .image-with-text__image-column div.image-element__wrap:nth-of-type(1) { display: none; } .page-tester_about-timeline-group .image-with-text__image-column div.image-element__wrap:nth-of-type(2) { display: block; } .page-tester_about-timeline-group .image-with-text__image-column div.image-element__wrap:last-of-type { bottom: -50px; top: unset; left: 50%; transform: translateX(-50%); max-width: 85px !important; width: 85px; height: 85px; } .page-tester_about-timeline-group .image-with-text__image-column div.image-element__wrap .image-with-text__small-image { padding: 20px 15px; } .page-tester_about-timeline-group .image-with-text__text-column { padding-top: 80px; } .page-tester_about-timeline-group .image-with-text__preheading { letter-spacing: 1.2px; font-size: 40px; line-height: 40px; } .page-tester_about-timeline-group .image-with-text__text { font-size: 16px; line-height: 28px; } .page-tester .page-tester_about-timeline-group section .button.button--primary { margin-top: 10px; margin-left: 10px; margin-right: 10px; width: auto; } } @media screen and (min-width: 768px) { .page-tester_about-timeline-section-heading { margin-bottom: 60px; font-size: 45px; line-height: 50px; } .page-tester_about-timeline-group .image-with-text__preheading { margin-bottom: 25px; font-size: 70px; line-height: 60px; } .page-tester_about-timeline-block { margin-bottom: 60px; } .page-tester_about-timeline-group .page-tester_about-timeline-block.is-image-left .image-with-text__wrapper { padding-left: 20px; } .page-tester_about-timeline-group .page-tester_about-timeline-block:not(.is-image-left) .image-with-text__wrapper { padding-right: 20px; } .page-tester_about-timeline-group .page-tester_about-timeline-block.is-image-left .image-with-text__image-column { padding-right: 90px; } .page-tester_about-timeline-group .page-tester_about-timeline-block:not(.is-image-left) .image-with-text__image-column { padding-left: 90px; } } @media screen and (min-width: 1200px) { .page-tester_about-timeline-section-heading { margin-bottom: 80px; } } /* Section FAQ */ .tester-section { position: relative; } .tester-section .tester-faq__wrapper { padding: 50px 0 40px; max-width: 750px; margin: auto; } .tester-faq__heading { font-size: 36px; line-height: 50px; letter-spacing: 1.8px; text-transform: uppercase; } .tester-section .button.button--primary { margin-top: 10px; margin-bottom: 10px; padding-top: 12px; padding-bottom: 12px; padding-left: 30px; width: 215px; background: #13b8ef !important; font-size: 16px; line-height: 20px; letter-spacing: 0.8px; } .tester-faq-list { text-align: left; margin-bottom: 10px; } .tester-faq-item { margin-bottom: 1.5rem; } .tester-faq-question { padding: 15px; padding-left: 60px; font-size: 20px; line-height: 28px; background: #fff; border-radius: 4px; min-height: 60px; cursor: pointer; position: relative; } .tester-faq-icon { position: absolute; left: 20px; transform: rotate(0deg); transition: transform 0.4s ease-out; } .tester-faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s ease-out; background: #fff; } .is-active .tester-faq-answer { grid-template-rows: 1fr; } .answer--outer { overflow: hidden; } .answer--inner { padding: 15px 25px; font-size: 16px; line-height: 28px; } .is-active .tester-faq-icon { transform: rotate(180deg); transition: transform .4s ease-out; } @media screen and (max-width: 768px) { .tester-section .tester-faq__wrapper { width: auto; margin-left: 20px; margin-right: 20px; padding-bottom: 30px; } .tester-faq__heading { font-size: 25px; line-height: 42px; } .tester-faq-question { font-size: 16px; line-height: 22px; padding: 18px 14px 14px 60px; } .page-tester .tester-section .button.button--primary { width: 100%; } } /* Section Text */ .section--page-text #page-text { color: rgba(255, 255, 255, 0.8); line-height: 26px; } .section--page-text #page-text p { margin-bottom: 2rem; } @media screen and (max-width: 768px) { .section--page-text { width: auto; margin: 0 20px; } .section--page-text #page-text p { font-size: 18px; line-height: 25px; } } /* End Page - Become a Tester */ /* CRO - PDP - Anxiety Reducers */ .anxiety-reducers-v2 { display: flex; flex-wrap: wrap; column-gap: 15px; justify-content: space-around; row-gap: 8px; margin-top: 40px; } .anxiety-reducer-v2 { display: flex; column-gap: 5px; align-items: center; } .anxiety-reducer-v2 .icon { width: 26px; height: 26px; } .anxiety-reducer-v2 div { font-size: 13px; color: #414B56E6; font-display: optional; } .anxiety-reducer-v2 [data-icon="free_returns_light_blue"] { width: 30px; height: 30px; } @media screen and (max-width: 767px) { .anxiety-reducers-v2 { display: none; } } .anxiety-reducers-v2-mob { margin: 30px auto; } .anxiety-reducers-v2-mob { display: flex; flex-wrap: nowrap; column-gap: 15px; justify-content: space-around; margin: 30px auto; } .anxiety-reducer-v2-mob { display: flex; flex-direction: column; column-gap: 5px; align-items: center; justify-content: flex-start; flex-basis: calc(100% / 3); } .anxiety-reducer-v2-mob .icon { width: 36px; height: 36px; margin-bottom: 6px; } .anxiety-reducer-v2-mob .icon svg { width: calc(100% - 6px); height: calc(100% - 6px); } .anxiety-reducer-v2-mob div { font-size: 13px; color: #414B56E6; font-display: optional; text-align: center; margin-top: auto; margin-bottom: auto; line-height: 16px; letter-spacing: .65px; } .anxiety-reducer-v2-mob .icon[data-icon="free_returns_light_blue"] svg { width: 100%; height: 100%; } @media screen and (min-width: 768px) { .anxiety-reducers-v2-mob { display: none; } } .product-page .product__mobile-shipping-icons, .product-page .badges-lighter, .product-page .product__payment-methods, .product__security-badges, .product-page .product__trust { display: none; } /* CRO - Approved badge */ .approved-badge { display: flex; justify-content: flex-start; align-items: center; padding-top: 30px; column-gap: 8px; } .approved-badge__badge { background: #2C313D; border-radius: 4px; padding: 6px 9px; display: flex; align-items: center; justify-content: flex-start; column-gap: 5px; flex-wrap: nowrap; } .approved-badge__badge svg { width: 96px; } .approved-badge__badge span { font-size: 9px; line-height: 10px; color: white; letter-spacing: .5px; white-space: nowrap; } .approved-badge__collection { text-transform: uppercase; color: #414B56CC; font-size: 12px; letter-spacing: 0.6px; } .approved-badge__collection a { text-decoration: underline !important; } .discount-testing .rating-and-title-wrap .approved-badge + .product_name.title { padding-top: 12px; } @media screen and (max-width: 767px) { .approved-badge { padding-top: 40px; } .discount-testing .rating-and-title-wrap .approved-badge + .product_name.title { padding-top: 12px; } } /* Save 10% badge */ .product-page .product-gallery { position: relative; padding-top: 0; margin-top: 40px; } .product--custom-badge { top: 12px; left: 12px; position: absolute; z-index: 1; background: #2C313D; color: #fff; font-size: 13px; line-height: 18px; padding: 10px 13px; border-radius: 50px; letter-spacing: .4px; } @media screen and (max-width: 767px) { .product-page .product-gallery { margin-top: 0; } .product--custom-badge { top: 8px; left: 8px; } } /* TEM CRO - [PDP] New Product Page Styling, Layout, and Color Scheme. */ body .header { box-shadow: 0px 0px 3px #00000029; border-bottom: none; } body .product-page { background: #fff; } body .product-page .section--product-page { background: transparent; box-shadow: none; } body.product-var4 .product-page .button { border-radius: 4px; } /* body .product-page .section--product-page { padding-left: 0; padding-right: 0; } */ /* Breadcrumbs */ body .section--breadcrumbs { padding-top: 30px !important; padding-bottom: 30px !important; } body .product-page .breadcrumb a, body .product-page .breadcrumb-separator { color: #414B56E6; opacity: 1; font-size: 13px !important; line-height: 36px; text-transform: none; } body .breadcrumb li { color: #414B56B3; opacity: 1; font-size: 13px !important; line-height: 36px; text-transform: none; } body .breadcrumb .icon:last-child { margin-left: 3px; margin-right: 3px; } /* Sliders */ body .product-page .block__recommended-products .section--product-page, body .product-page .block__personyze .section--product-page { background-image: none; } body .product__block.block__personyze { background: #d3dff04d; } body .product-page .related-products { width: 100%; margin: 0; } .section.product--main-sections { max-width: 100%; width: 100%; } body .product-page div.static_personyze-product-slider .related-products--slider { margin-left: 6px; } body .product-page div.static_personyze-product-slider .personyze_recent_view > .container { max-width: 95%; } /* Description */ body .product-page .product-description > .content { max-width: 990px; } body .content h2, body .content h3, body .content h4, body .content h5, body .content h6 { text-align: left !important; } body .product-page .description.content ul { margin-left: 0 !important; } .product--featured-video { width: 100%; height: 100%; } .product--featured-video iframe { width: 100%; height: 100%; } /* Chat */ .product #shopify-section-product__support { background: #F5F5F5; } .product #shopify-section-product__support .support__wrapper { padding: 40px 0 50px; } @media screen and (max-width: 767px) { body.product-var4 .support__wrapper p { font-size: 20px; } body.product-var4 .support__wrapper h2 { margin-top: 1rem; font-size: 30px; line-height: 36px; } body.product-var4 .support__wrapper .button.button--primary { align-self: flex-start; width: 100%; padding-top: 16px; padding-bottom: 16px; } } /* Gallery */ body .product__images .product-gallery__main { box-shadow: 0px 5px 20px #00000014; } body .product-page .flickity-page-dots .dot { background-color: #D3DFF080; } body .product-page .flickity-page-dots .dot.is-selected { background-color: #D3DFF0 !important; } body .product-page #personyze_items .flickity-button.flickity-prev-next-button { border: 1px solid #2c313d; } body .product-page .product-gallery__thumbnails .flickity-button-icon { fill: #fff; } /* Colors */ body .product-gallery .product-gallery__main .flickity-prev-next-button { background: rgba(255, 255, 255, .65); } body .product-page .flickity-button-icon { fill: #2C313D; } body.discount-testing .rating-and-price-wrapper .discount-price { color: #2C313D; } body .product-page .current_price { color: #C9CCCF; } body.discount-testing .rating-and-price-wrapper .discount-message { color: #2C313D; } body.discount-testing .rating-and-price-wrapper .after-discount-code { font-weight: 400; } body.discount-testing .product-page [data-vendor="Bathmate"] .current_price .money, body.discount-testing .product-page [data-vendor="Lovense"] .current_price .money, body.discount-testing .product-page [data-vendor="Fun Factory"] .current_price .money, body.discount-testing .product-page [data-vendor="The Enhanced Male / Gift Card"] .current_price .money, body.discount-testing .product-page [data-vendor="The Enhanced Male"][data-handle="gift-card"] .current_price .money { color: #2C313D; } body .product-thumbnail__price { color: #C9CCCF; } body .collection-page .collection__main .thumbnail:not([data-vendor="Lovense"]):not([data-vendor="Bathmate"]):not([data-vendor="Fun Factory"]):not([data-vendor="E-Gift Card"]):not([data-vendor="The Enhanced Male / Gift Card"]):not([data-discount-hide="true"]) .product-thumbnail__price { font-size: 15px; color: #C9CCCF; } body.discount-testing .product-thumbnail .discount-price { color: #414B56; } body.discount-testing [data-discount-hide="true"] .product-thumbnail .money { opacity: 1; color: #414B56; } body .product-page .is-slide-nav--true .product-gallery__thumbnail.is-nav-selected { border: 2px solid #2C313D; border-radius: 4px; } @media screen and (min-width: 768px) { body .product-page .product-gallery { margin-top: 0; padding-top: 0; } body .approved-badge { padding-top: 0; padding-bottom: 12px; } body.discount-testing .rating-and-title-wrap .product_name.title { padding-top: 0 !important; } body .product__images .product-gallery__main { min-height: unset !important; } body .product-page .product__information { padding-left: 40px; } body .product-page .product-tabs .jdgm-paginate { text-align: center; } } @media screen and (max-width: 767px) { body .header { box-shadow: 0px 4px 8px #00000029; } body .mobile-header { border: 0; box-shadow: 0px 4px 8px #00000029; } /* Gallery */ body .product-page .product-gallery { margin-top: 10px; padding-top: 0; } body .product-page .product-gallery .flickity-prev-next-button.previous { left: 0; } body .product-page .product-gallery .flickity-prev-next-button.next { right: 0; } /* Sliders */ body .product-page div.static_personyze-product-slider .personyze_recent_view { width: 100%; padding-top: 0; } body .product-page .block__recommended-products .section--product-page, body .product-page .block__personyze .section--product-page { padding: 20px; } body .product-page .block__personyze .section--product-page .mt-3 { margin-top: 80px !important; } body .product-page .heading-wrapper--recommended-products { margin-top: 30px; } body .product-page .recommended-products__title { text-transform: uppercase; } body .product-page .related-products .product_form .button--add-to-cart { margin: 0; background-color: #fff; color: #414B56; } body .product-page .flickity-slider { padding-top: 10px; padding-bottom: 10px; } body .product-page div.static_personyze-product-slider .personyze_recent_view .gallery-cell:not(:first-of-type) { margin-left: 10px !important; } body .product-page #personyze_items .flickity-viewport { overflow: visible; } body .product-page #personyze_items .flickity-page-dots { bottom: -60px; } body.discount-testing .rating-and-price-wrapper .discount-price { font-size: 26px; } } /* Sticky ATC */ .add-to-cart-sticky { border-radius: 4px; } /* Mobile PDP - Customer Reviews is no Longer an Accordion Item. */ .product-page .product-tabs .jdgm-paginate { margin-top: 20px; text-align: center; padding-left: 0; } .product-page .product-tabs .jdgm-paginate__page { font-size: 12px; color: #2C313D; background: #fff; min-width: 30px; width: 30px; border: none; } .product-page .product-tabs .jdgm-paginate__page.jdgm-curt { color: #2C313D; font-weight: 600; border-radius: 4px; border: 1px solid #414B56; } @media screen and (max-width: 768px) { .reviews-mobile-sep { margin: 50px 0 0; } .reviews-mobile-sep h2 { font-size: 18px; font-weight: 500; text-transform: uppercase; } .product-page .product-accordion .accordion dt { box-shadow: none; margin-top: 0; } .product-page .product-accordion .accordion dt a { border-bottom: 1px solid #D2D2D2; background: white; margin-bottom: 0; font-size: 20px; letter-spacing: .1px; } .product-page .product-accordion .accordion dt:first-of-type a { border-top: 1px solid #D2D2D2; } .product-page .product-accordion .accordion dt a[aria-expanded=true] { border-bottom: none; } .product-page .product-accordion .accordion dd { box-shadow: none; padding-left: 10px; padding-right: 0; border-bottom: 1px solid #D2D2D2; } .accordion dt .accordion-style--plus_and_minus .icon, .accordion dt .accordion-style--plus_and_minus .icon.icon--active { color: #000; } .accordion dt .accordion-style--plus_and_minus .icon svg, .accordion dt .accordion-style--plus_and_minus .icon.icon--active svg { vertical-align: top; } .key-features ul { margin-left: 0; } .product-page .product-accordion { width: 100%; margin-left: 20px; margin-right: 20px; } .product .support-widget-mobile a { box-shadow: 0px 0px 1px 1px #2C313D; } } /* Searchanise */ .mobile-search { top: 0px; margin-top: 0px; border-radius: 0; padding: 8px; background: #F5F5F5; } .mobile-search form.search-popup__form { background-color: #fff; height: 40px; border-radius: 2px; position: relative; z-index: 12; display: table; padding: 0; border: 1px solid #333; margin: 0; width: -moz-available; width: -webkit-fill-available; } .search__fields { background: #fff; height: 32px; border-radius: 2px; position: relative; z-index: 12; display: table; padding: 0; /*border: 1px solid #333;*/ margin: 0; width: -moz-available; width: -webkit-fill-available; } .mobile-search input#q { border: none; color: #333; outline: 0; padding: 0 0 0 40px; vertical-align: middle; width: 100%; margin: 10px 0 10px 15px; -moz-appearance: none; -webkit-appearance: none; box-sizing: border-box; box-shadow: none; text-transform: none; background: #fff; font-size: 16px; margin-left: 0; line-height: 22px; height: 22px; } .mobile-search .control .icon[data-icon="search"] { width: 30px; height: 30px; top: 50%; left: 20px; transform: translate(-50%, -50%); } .mobile-search input#q::placeholder { line-height: 22px; font-size: 16px; color: #333; } .mobile-search input#q:focus, .mobile-search input#q:active { border-bottom: none; } .search-form .search__fields [data-icon="search"], .search-form .search__fields [data-icon="x"] { color: #000; } #template-page.shopify-section--search-results { background: #fff; } /* Badge - this remains in the theme, add CSS to display in Convert body .percentage-sticker.percentage-thumbnail-sticker { display: flex; } */ .product-wrap .jdgm-star { padding-right: 2px !important; } .product-wrap .jdgm-star.jdgm--on:before, .product-wrap .jdgm-star.jdgm--half:before, .product-wrap .jdgm-star.jdgm--off:before { font-size: 16px; } .percentage-sticker.percentage-thumbnail-sticker { top: 12px; left: 12px; position: absolute; z-index: 1; background: #2C313D; color: #fff; line-height: 16px; padding: 10px 13px; border-radius: 50px; letter-spacing: .4px; display: flex; align-items: center; } .percentage-sticker.percentage-thumbnail-sticker .sticker-text { font-size: 13px; } @media screen and (min-width: 768px) { .collection-page .collection__main .percentage-sticker.percentage-thumbnail-sticker { top: 0; left: 0; } } .product-featured-video-guides .panel-details { display: flex; flex-direction: row; flex-wrap: nowrap; column-gap: 25px; border-radius: 5px; } .product-featured-video-guides .product--featured-video { flex-basis: 60%; flex-shrink: 0; } .product-featured-video-guides .product--featured-articles { flex-basis: calc(40% - 25px); flex-shrink: 0; background: #D2D2D226; padding: 30px 20px; flex-grow: 1; } .product-featured-video-guides .product--featured-articles h4 { font-size: 20px; line-height: 28px; font-weight: 600; } .product-featured-video-guides .product--featured-articles p { font-size: 18px; line-height: 25px; } .product-featured-video-guides .product--featured-articles a { font-size: 14px; line-height: 20px; color: #13B8EF !important; border: 1px solid #C9CCCF99; display: block; padding: 10px; position: relative; padding-right: 30px; margin-bottom: 10px; } .product-featured-video-guides .product--featured-articles a:last-of-type { margin-bottom: 0; } .product-featured-video-guides .product--featured-articles a svg { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 767px) { .product-featured-video-guides .product--featured-articles { padding: 20px; margin-top: 20px; } } /* CRO - TEM: [PDP] Add a Featured Review Widget to Hero section */ .custom-review-rating-wrap { display: none; } .custom-review-rating-wrap { background: #D2D2D226; border-radius: 4px; padding: 20px; margin-top: 20px; } .custom-review-rating-wrap .jdgm-widget.jdgm-widget { min-height: 25px; } .custom-review-rating-wrap .jdgm-preview-badge .jdgm-star.jdgm-star { font-size: 16px; } .custom-review-rating-wrap .jdgm-prev-badge__text { font-size: 14px; color: #414B5680; } .custom-review-rating-wrap .custom-review { font-size: 14px; line-height: 22px; letter-spacing: .28px; margin-top: 6px; margin-bottom: 8px; } .custom-review-rating-wrap .custom-review .custom-review-author { font-weight: 600; } .custom-review-rating-wrap .custom-review-cta { color: #414B56CC; font-size: 12px; line-height: 36px; text-decoration: underline; cursor: pointer; } @media screen and (max-width: 767px) { .product__thumbnail .custom-tag--bestseller { display: none; } } /* BFCM Banner */ .hide-banner { display: none !important; } @media screen and (min-width: 768px) { .shopify-block-mobile.top-bar-block { display: none; } } .top-bar-wrap { margin-top: 10px; margin-bottom: 11px; align-items: center; justify-content: center; gap: 20px; } .top-bar--text { color: #fff; font-size: 13px; font-weight: 500; line-height: 20px; letter-spacing: 1px; font-weight: 600; text-align: left; height: 20px; } .top-bar--text .top-bar--text-1 { font-weight: 800; } .top-bar--text .top-bar--text-2 { font-size: 16px; margin-right: 8px; margin-left: 5px; } .top-bar--text .top-bar--text-3 { font-weight: 800; color: #13b8ef; } .clockdivNew { display: flex; flex-wrap: nowrap; color: #fff; } .clock-content-new { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-left: 15px; padding-right: 15px; } .clock-value-new { font-size: 24px; font-weight: 700; line-height: 24px; text-align: center; min-height: 24px; margin-bottom: 2px; } .smalltext-new { font-size: 9px; font-weight: 500; line-height: 13.5px; letter-spacing: .5px; text-align: center; text-transform: uppercase; } .clockdivNew > div { position: relative; } .clockdivNew > div:after { content: ""; position: absolute; height: 80%; right: 0; width: 1px; background-color: #fff; opacity: 0.4; top: 50%; transform: translateY(-50%); } .clockdivNew > div:last-of-type:after { display: none; } .top-bar--cta-wrap { border: 2px dotted rgba(97, 193, 83, 1); background: rgba(255, 255, 255, 1); padding: 6px 15px; border-radius: 2px; display: flex; align-items: center; } .top-bar--cta-wrap:hover { color: #2c313d; } .top-bar--cta-wrap span { font-size: 13px; font-weight: 500; line-height: 19.5px; text-align: left; padding-right: 10px; padding-right: 13px; letter-spacing: .3px; } .top-bar--cta-wrap .button { background: rgba(56, 189, 248, 1); font-size: 13px; font-weight: 800; line-height: 18px; letter-spacing: .5px; text-align: center; color: #fff !important; padding: 2px 10px; border-radius: 2px; height: auto; } .top-bar--cta-wrap.disabled { pointer-events: none; } .top-bar--cta-wrap.disabled button { pointer-events: none; background: rgba(56, 189, 248, .85); } .top-bar--close { position: absolute; right: 0; top: 0; width: 20px; height: 20px; z-index: 51; cursor: pointer; } @media screen and (max-width: 767px) { .top-bar-wrap { display: flex; flex-direction: column; gap: 15px; margin-top: 15px; margin-bottom: 15px; } .top-bar--text { text-align: center; order: 1; height: unset; padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 18px; width: 60%; min-width: 300px; } .top-bar--countdown { order: 3; height: auto; visibility: visible; } .is-sticky .top-bar--countdown { height: 0; visibility: hidden; } #clockdivNew--mobile { justify-content: center; } .top-bar--cta { text-align: center; order: 2; } .top-bar--cta-wrap span { font-size: 11px; } .top-bar--cta-wrap button { font-size: 11px; } .clock-value-new { font-size: 28px; line-height: 32px; height: 32px; } .smalltext-new { font-size: 9px; line-height: 14px; } } .mobile-menu--opened .top-bar--close { z-index: 1; } .original-price-label { font-size: 15px; text-transform: uppercase; letter-spacing: .5px; } .klarna-product__wrap { margin-top: 15px; position: relative; min-width: 350px; margin-top: 0; margin-left: auto; bottom: 0; margin-top: 20px; } .klarna-product__wrap > div { padding: 0; background: #D2D2D233; border-radius: 4px; } .klarna-product__wrap klarna-placement { padding: 10px 15px; } .klarna-product__wrap klarna-placement::part(osm-container) { border: none; background: transparent; } .klarna-product__wrap klarna-placement::part(osm-message) { color: #2C313D; } .klarna-product__wrap klarna-placement::part(osm-logo) { font-size: 15px; } .klarna-product__wrap klarna-placement::part(osm-cta) { font-weight: 600; color: #2C313D; font-size: 12px; line-height: 14px; text-align: center; display: block; margin-left: auto; margin-right: auto; } @media screen and (max-width: 767px) { .klarna-product__wrap { max-width: 100%; width: 100%; margin-top: 20px; min-width: unset; } .klarna-product__wrap klarna-placement::part(osm-container) { border: none; background: transparent; max-width: 100%; width: 100%; } }