/* 1.0 SETTINGS 1.1 WIDTH CONTROL 1.2 FORMS 1.3 SLIDER 2.0 HEADER 3.0 FRONT PAGE 3.1 INTRO 3.2 PRODUCT SLIDE 3.3 AMBASSADOR 3.4 PRESS QUOTE 4.0 PRODUCTS 4.1 PRODUCT INDEX 4.2 PRODUCT SINGLE 4.3 PRODUCT FOOTER 4.3.1 REVIEW HEADING 4.3.2 REVIEW FORMS 4.3.3 REVIEW COMMENTS 5.0 BLOG 5.1 BLOG INDEX 5.2 BLOG SINGLE 6.0 PAGES 6.1 OUR STORY 6.2 WHY CRICKETS 6.3 COMMUNITY 6.4 CONTACT 6.5 PRESS 6.6 FAQ 6.7 STORE LOCATOR 6.8 GENERAL PAGE TEMPLATE 6.9 CART 6.10 MISC 7.0 ACCOUNTS 7.1 SIGN-IN & REGISTER 7.2 ACCOUNT OVERVIEW 8.0 FOOTER 9.0 ANIMATION 9.1 WHY CRICKETS */ /* TEMPORARY ANNOUNCEMENT BAR FIX FOR HOMEPAGE */ /* #frontpage #header { top: 30px !important; } */ /* 1.0 SETTINGS */ #header.frontpage {top: 20px !important;} *,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} html, body{width:100%;margin:0;padding:0;} html{height:100%;overflow-x:hidden;} @font-face{ font-family:"Circular"; src:url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/circular-book.woff?15790) format("woff"), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/circular-book.woff2?15790) format("woff2"), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/circular-book.ttf?15790) format("truetype"); font-weight:400; font-style:normal } @font-face{ font-family:"Circular"; src:url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/circular-bold.woff?15790) format("woff"), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/circular-bold.woff2?15790) format("woff2"), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/circular-bold.ttf?15790) format("truetype"); font-weight:700; font-style:normal } @font-face{ font-family:"Geogrotesque"; src:url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/geogrotesque-bold.woff?15790) format("woff"), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/geogrotesque-bold.woff2?15790) format("woff2"), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/geogrotesque-bold.ttf?15790) format("truetype"); font-weight:400;/* using 400 font weight here although it's 700, as it's the standard font weight to use for Geogrotesque */ font-style:normal } /*===================== Montserrat Font =====================*/ @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Black.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Black.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Black.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Black.svg?15790) format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-BlackItalic.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-BlackItalic.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-BlackItalic.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-BlackItalic.svg?15790) format('svg'); font-weight: 900; font-style: italic; } @font-face { font-family:'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Bold.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Bold.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Bold.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Bold.svg?15790) format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-BoldItalic.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-BoldItalic.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-BoldItalic.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-BoldItalic.svg?15790) format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraBold.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraBold.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraBold.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraBold.svg?15790) format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraBoldItalic.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraBoldItalic.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraBoldItalic.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraBoldItalic.svg?15790) format('svg'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraLight.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraLight.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraLight.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraLight.svg?15790) format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraLightItalic.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraLightItalic.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraLightItalic.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ExtraLightItalic.svg?15790) format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Light.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Light.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Light.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Light.svg?15790) format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-LightItalic.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-LightItalic.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-LightItalic.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-LightItalic.svg?15790) format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Medium.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Medium.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Medium.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Medium.svg?15790) format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-MediumItalic.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-MediumItalic.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-MediumItalic.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-MediumItalic.svg?15790) format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Regular.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Regular.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Regular.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Regular.svg?15790) format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Italic.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Italic.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Italic.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Italic.svg?15790) format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-SemiBold.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-SemiBold.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-SemiBold.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-SemiBold.svg?15790) format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-SemiBoldItalic.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-SemiBoldItalic.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-SemiBoldItalic.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-SemiBoldItalic.svg?15790) format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Thin.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Thin.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Thin.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-Thin.svg?15790) format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ThinItalic.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ThinItalic.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ThinItalic.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Montserrat-ThinItalic.svg?15790) format('svg'); font-weight: normal; font-style: normal; } /*===================== Roboto Font =====================*/ @font-face { font-family: 'Roboto', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Black.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Black.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Black.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Black.svg?15790) format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Roboto', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-BlackItalic.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-BlackItalic.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-BlackItalic.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-BlackItalic.svg?15790) format('svg'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Roboto', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Bold.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Bold.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Bold.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Bold.svg?15790) format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-BoldItalic.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-BoldItalic.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-BoldItalic.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-BoldItalic.svg?15790) format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Roboto', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Italic.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Italic.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Italic.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Italic.svg?15790) format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Roboto', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Light.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Light.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Light.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Light.svg?15790) format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-LightItalic.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-LightItalic.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-LightItalic.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-LightItalic.svg?15790) format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Medium.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Medium.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Medium.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Medium.svg?15790) format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-MediumItalic.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-MediumItalic.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-MediumItalic.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-MediumItalic.svg?15790) format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Roboto', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Regular.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Regular.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Regular.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Regular.svg?15790) format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Thin.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Thin.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Thin.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-Thin.svg?15790) format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Roboto', sans-serif; src: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-ThinItalic.eot?15790); src: local('☺'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-ThinItalic.woff?15790) format('woff'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-ThinItalic.ttf?15790) format('truetype'), url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/Roboto-ThinItalic.svg?15790) format('svg'); font-weight: 100; font-style: italic; } body{position:relative;padding:.1px 0;font:22px/1em "Circular",Helvetica,sans-serif;color:#000;background:#fff;-webkit-font-smoothing:subpixel-antialiased;/*-moz-osx-font-smoothing:grayscale;*/} img, figure, iframe{display:block;max-width:100%;height:auto;border:none;outline:none} p,ol,ul{margin:27px 0;font:22px/1.25em "Circular",Helvetica,sans-serif;} p:empty{display:none} ol,ul{padding:0 0 0 22px;} a{position:relative;word-wrap:break-word;text-decoration:none;border:none;outline:none;cursor:pointer;color:#b59667;transition:.3s;} a:hover, a:visited{color:auto;opacity:.75;} h1,h2,h3,h4,h5,h6,.title{margin:0;font:700 48px/1em "Circular",Helvetica,sans-serif;} .title-large{margin:-10px 0;font:700 72px/1em "Circular",Helvetica,sans-serif;} .title-small{margin:-3px 0;font:700 24px/1.25em "Circular",Helvetica,sans-serif;} .heading-large{text-transform:uppercase;font:140px/.8em "Geogrotesque",Arial Narrow,sans-serif;} .heading{text-transform:uppercase;font:80px/.875em "Geogrotesque",Arial Narrow,sans-serif;} .heading-medium{text-transform:uppercase;font:60px/1em "Geogrotesque",Arial Narrow,sans-serif;} .heading-small{text-transform:uppercase;font:36px/1em "Geogrotesque",Arial Narrow,sans-serif;} .text{font:22px/1.25em "Circular",Helvetica,sans-serif;} .text-small{font-size:16px;line-height:1.375em;} .type{text-transform:uppercase;font-weight:bold;font-size:14px;letter-spacing:.1em;} .cr-white{color:#fff;} .cr-black{color:#000;} .cr-gray{color:#404040;} .cr-gold{color:#b59667;} .bg-black{background:#000;} .bg-white{background:#fff;} .bg-gold{background:#b59667;} .bg-sub{padding:.1px 0;background:#f7f7f7;} .bg{position:absolute;pointer-events:none;} .cta{position:relative;display:inline-block;height:60px;padding:0 50px;overflow:hidden;text-align:center;text-transform:uppercase;letter-spacing:.1em;font:700 14px/60px "Circular",Helvetica,sans-serif;color:#fff;background:#b59667;border:none;box-shadow:none;outline:none;cursor:pointer;transition:.3s;} .cta.cta-white{color:#000;background:#fff;} .cta:hover{opacity:1 !important;color:#fff;background:#000;} .cta.cta-black{color:#fff;background:#000;} .cta.cta-white:hover{color:#fff;background:#000;} .cta.cta-black:hover{color:#fff;background:#b59667;} .cta-inline{display:inline-block;padding:0 0 6px;text-transform:uppercase;letter-spacing:.1em;font:700 14px/1em "Circular",Helvetica,sans-serif;color:#000;border-bottom:2px solid #000;} .cta-inline:hover{color:#b59667;border-bottom:2px solid #b59667;opacity:1 !important;} .object-fit{position:absolute;display:block;width:100%;height:100%;top:0;left:0;overflow:hidden;} .object-fit img{position:relative;width:101% !important;height:auto !important;max-width:none;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:cover;-webkit-backface-visibility:hidden;} /* 1.1 WIDTH CONTROL */ .width{position:relative;width:90%;max-width:1290px;margin:auto;padding:.1px;} .width-small{position:relative;width:90%;max-width:750px;margin:auto;padding:.1px;} .width-medium{position:relative;width:90%;max-width:900px;margin:auto;padding:.1px;} .width-large{position:relative;width:90%;max-width:1080px;margin:auto;padding:.1px;} .width-extended{position:relative;width:100%;max-width:2000px;margin:auto;padding:.1px;} .clear:after{content:"";display:block;height:0;clear:both;} .g-flex{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;} .g-center{align-items:center;-webkit-align-items:center;} .g-bottom{align-items:flex-end;-webkit-align-items:flex-end;} /* 1.1 WIDTH CONTROL - END */ /* 1.2 FORMS */ input,textarea,select,button{padding:0;background:transparent;border:0;border-radius:0;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:.3s;} .field{margin:0 0 30px;line-height:1em;} .field.label-inline label{display:inline-block;vertical-align:middle;margin:0;} .field-group{font-size:0;} .field-group .field{display:inline-block;width:calc(50% - 15px);margin:0 30px 30px 0;} .field-group .field:nth-of-type(2n){margin:0 0 30px;} input[type="checkbox"], input[type="radio"]{position:relative;display:inline-block !important;width:15px !important;height:15px !important;margin:0 10px 0 0;padding:0 !important;vertical-align:middle !important;background:#fff !important;cursor:pointer;} input[type="checkbox"]:checked, input[type="radio"]:checked{box-shadow:inset 0 0 0 1px #b59667;} input[type="checkbox"]:checked:after, input[type="radio"]:checked:after{content:"";position:absolute;display:block;width:9px;height:9px;top:3px;left:3px;background:#b59667;} input[type="radio"], input[type="radio"]:checked:after{border-radius:100%;} .field label{display:block;line-height:1em;margin:0 0 5px;text-transform:uppercase;font-weight:bold;font-size:14px;letter-spacing:.05em;color:#000;} .field input, .field select, .field textarea{width:100%;height:65px;padding:24px 20px;font-size:14px;color:#000;background:#fff;transition:.3s;} .field input:focus, .field select:focus, .field textarea:focus{box-shadow:inset 0 0 0 1px #b59667;} .field select{color:#999;background:#fff url('//cdn.shopify.com/s/files/1/2040/7459/t/2/assets/icon-select-dropdown-black.svg?4811021989829814954') calc(100% + 70px) 30px no-repeat;-webkit-background-size:100px;background-size:100px;} .field select.active{color:#000;} .field textarea{height:235px;resize:vertical;} .form input[type="submit"]{display:block;width:100%;} .form p{font-size:18px;} button, input[type="submit"]{cursor:pointer;} form .form-success{text-align:center;color:#1bbb89;} form .form-errors{text-align:center;color:#800;} form .form-errors ul{margin:7px 0;padding:0;list-style:none;} form .form-error{box-shadow:inset 0 0 0 1px #800;} /* 1.2 FORMS - END */ /* 1.3 SLIDER */ .slick-slider{display:block;position:relative;overflow:hidden;margin:0 !important;padding:0 !important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-slider .slick-list{display:block;position:relative;overflow:hidden;margin:0;padding:0;} .slick-slider .slick-list:focus{outline:none;} .slick-slider .slick-list.dragging{cursor:pointer;cursor:hand;} .slick-slider .slick-list, .slick-slider .slick-list .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);;} .slick-slider .slick-list .slick-track{position:relative;display:block;top:0;left:0;} .slick-slider .slick-list .slick-track:after{clear:both;} .slick-slide{float:left;height:100%;min-height:1px;list-style:none;} .slick-slide img{display:block;width:100%;vertical-align:bottom;} .slick-slide.slick-loading img{display:none;} .slick-slide.dragging img{pointer-events:none;} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;} /* LOADING */ .slider{position:relative;margin:0;padding:0;list-style:none;opacity:0;} .slider ul{margin:0;padding:0;} .slider .slick-slides{display:none;} .slider .slick-slides:first-of-type{display:block;} .slider.loaded{-webkit-animation:fadein .4s both;animation:fadein .4s both;} .slider.loaded .slick-slides{display:block;} .slider_height ul{opacity:0;} /* lOADING - END */ /* 1.3 SLIDER - END */ /* 1.0 SETTINGS - END */ /* 2.0 HEADER */ #header{position:fixed;width:100%;height:80px;top:0;left:0;padding:15px 0;line-height:0;border-bottom:1px solid #333;transition:.15s;z-index:999;} #header_height_block{height:80px;transition:.15s;} #header #logo{display:inline-block;} #header #logo img{height:50px !important;} #header-nav{display:inline-block;flex:1;margin:0;padding:0;text-align:right;} #header-links{display:inline-block;margin:0;padding:0;list-style:none;} #header-links li{position:relative;display:inline-block;margin:0 30px 0 0;} #header-links li a:hover, #header-links li.active a{color:#b59667;opacity:1 !important;} #header-cart{display:inline-block;height:40px;color:#b59667;border:1px solid #b59667;} #header-cart #cart-text{display:inline-block;padding:0 11px 0 12px;line-height:40px;} #header-cart #cart-count{display:inline-block;vertical-align:top;width:40px;height:38px;text-align:center;line-height:38px;font-size:14px;color:#fff;background:#b59667;} /* 2.1 HEADER DROPDOWN */ #header-links .header-links-dropdown{position:absolute;opacity:0;pointer-events:none;padding-top:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.3s;} #header-links .header-links-dropdown ul{margin:0;padding:20px;list-style:none;text-align:center;background:#fff;box-shadow:0 0 0 1px #e2e2e2;} #header-links .header-links-dropdown:before{content:"▲";display:block;position:absolute;top:1px;left:50%;-webkit-transform:translateX(-50%) scaleY(.7);transform:translateX(-50%) scaleY(.7);font:20px/20px "Helvetica",serif;color:#fff;} #header-links .header-links-dropdown ul li{display:block;margin:0 0 20px;line-height:12px;} #header-links .header-links-dropdown ul li:last-of-type{margin:0;} #header-links .header-links-dropdown ul li a{padding-bottom:2px;white-space:nowrap;font-size:12px;border-bottom:2px solid transparent;} #header-links .header-links-dropdown ul li a:hover{border-bottom:2px solid #b59667;} #header-links li.header-links-dropdown_hover:hover .header-links-dropdown{opacity:1;pointer-events:auto;} /* 2.1 HEADER DROPDOWN - END */ /* 2.0 HEADER - END */ #container{z-index:10;} /* 3.0 FRONT PAGE */ #frontpage-cover{position:relative;} #frontpage-cover .width{z-index:10;} #frontpage-cover-text{max-width:580px;margin:185px 0 235px;z-index:15;} #frontpage-cover .object-fit img{height:110% !important;top:-10%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);} /* 3.1 INTRO */ #frontpage-intro{position:relative;padding:.1px 0;z-index:20;} #intro-heading{position:relative;margin:200px auto;text-align:center;} #intro-learn #learn-image, #intro-learn #learn-text-container{display:inline-block;width:50%;} #learn-image{position:relative;} #learn-image img{width:100%;} #intro-learn #learn-image-bg{width:60%;max-width:400px;top:40px;left:-60px;z-index:10;} #learn-text{width:90%;max-width:440px;margin:0 0 0 10%;} #learn-icons{margin:0 0 30px;padding:30px 0;font-size:0;border-top:1px solid #000;border-bottom:1px solid #000;} #learn-icons .icon{display:inline-block;width:50%;} #learn-icons .icon:last-of-type{margin:15px 0 0;} #learn-icons .icon img{display:inline-block;width:30px;vertical-align:middle;} #learn-icons .icon span{display:inline-block;margin:0 0 0 12px;vertical-align:middle;} #intro-products{margin:90px auto 270px;} #intro-products .intro-product{position:relative;display:inline-block;width:50%;} #intro-products .intro-product .products-image{width:41vw;} #intro-products #products-powder{position:relative;-webkit-transform:translate(10vw,280px);transform:translate(10vw,280px);} #intro-products #products-powder .cta-inline{position:absolute;bottom:150px;right:10vw;} #intro-products #products-bar{position:relative;-webkit-transform:translate(2%,0);transform:translate(2%,0);} #intro-products #products-bar .products-image{float:right;} #intro-products #products-bar .cta-inline{position:absolute;bottom:30%;left:10vw;} #frontpage-intro #intro-bottom-image img{width:100%;} #frontpage-intro-container{position:relative;} #intro-bg-container{display:none;position:absolute;height:100%;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);overflow:hidden;} #intro-bg{position:relative;height:100%;} #intro-bg img{position:relative;width:150px;transition:.1s;} #frontpage-bg-e{left:0;top:10%;} #frontpage-bg-x{right:0;top:35%;} #frontpage-bg-o{left:7%;top:70%;} /* 3.1 INTRO - END */ /* 3.2 PRODUCT SLIDE */ #frontpage-product-slides{font-size:0;line-height:0;} #product-slides{direction:rtl;} #product-slides > *{direction:initial;} .product-slide-content{display:inline-block;width:40%;} .product-slide-content li{position:relative;padding:100px;line-height:0;} .product-slide-text .type{margin-bottom:40px;} .product-slide-text .heading{margin:0 0 40px -3px;padding-bottom:40px;} .product-slide-text p{margin:0;} .product-slide-content .slide-actions{padding:80px 100px;white-space:nowrap;} .product-slide-content .slide-pagination{display:inline-block;font-size:0;line-height:0;} .product-slide-content .slide-pagination button{display:inline-block;padding:0 30px;background:transparent;box-shadow:inset 0 0 0 1px #fff;opacity:1 !important;} .product-slide-content .slide-pagination button:first-of-type{margin-right:-1px;} .product-slide-content .slide-pagination button img{width:30px;-webkit-backface-visibility:hidden;transition:.3s;} .product-slide-content .slide-pagination button:hover{background:#fff;} .product-slide-content .slide-pagination button:hover img{-webkit-filter:invert(100%);filter:invert(100%);} .product-slide-content .slide-actions .product-cta{display:inline-block;margin:0 0 0 30px;opacity:1 !important;} .product-slide-content .slide-actions .product-cta:hover{color:#fff;background:#b59667;} .product-slide-image{display:inline-block;width:60%;} .product-slide-image .slide-image{position:relative;} /* 3.2 PRODUCT SLIDE - END */ /* 3.3 AMBASSADOR SLIDE */ #frontpage #ambassador-slides{margin:150px 0 0;} .ambassador-slide-image{position:relative;display:inline-block;width:50%;} .ambassador-graphic-1,.ambassador-graphic-2{position:absolute;z-index:20;} .ambassador-graphic-1{top:-70px;right:-30px;} .ambassador-graphic-2{width:290px;bottom:0;left:0;} .ambassador-slide-image .slide-image{position:relative;} .ambassador-slide-image .slide-image:after{content:"";display:block;padding-top:125%;} .ambassador-slide-content{position:relative;display:inline-block;width:50%;padding:200px 0;} .ambassador-slide-content .cta{position:absolute;top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px;height:80px;padding:0;opacity:1 !important;background:#000;z-index:20;} .ambassador-slide-content .cta img{width:30px;margin:auto;-webkit-backface-visibility:hidden;transition:.3s;} .ambassador-slide-content .cta:hover{background:#b59667;} .ambassador-slide-text{width:calc(100% - 200px);margin:auto;} .ambassador-slide-content .ambassador-name{margin:0 0 30px;} .ambassador-slide-content .ambassador-quote{margin:0 0 40px;} .ambassador-slide-content .ambassador-designation{margin:0;padding:20px 0;font-size:18px;border-top:1px solid #000;border-bottom:1px solid #000;} .ambassador-portraits{width:calc(100% - 200px);margin:40px auto 0;} .ambassador-portraits button{position:relative;width:60px;height:60px;overflow:hidden;margin:0 20px 0 0;background:#fff;border-radius:100%;} .ambassador-portraits button:last-of-type{margin:0;} .ambassador-portraits button .object-fit{border-radius:100%;} .ambassador-portraits button img{opacity:.8;transition:.3s;} .ambassador-portraits button.active img,.ambassador-portraits button:hover img{opacity:1;} /* 3.3 AMBASSADOR SLIDE - END */ /* 3.4 PRESS QUOTES */ #frontpage-press{padding:120px 0;} #frontpage-press h2{margin:0 0 50px;text-align:center;} #press-logos{margin:0 auto 50px;padding-bottom:10px;justify-content:space-between;-webkit-justify-content:space-between;border-bottom:2px solid rgba(255,255,255,.3);} #press-logos .logos{position:relative;display:inline-block;opacity:.3;cursor:pointer;transition:.3s;} #press-logos .logos img{height:30px !important;-webkit-backface-visibility:hidden;} #press-logos .logos.active{opacity:1;} #press-logos .logos.active:after{content:"";position:absolute;width:100%;height:2px;bottom:-12px;background:#fff;} #press-quotes{position:relative;} #press-quotes .press-quote-logo{display:none;} #press-quotes blockquote{display:none;position:absolute;width:100%;max-width:630px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:auto;text-align:center;font:22px/1.25em "Circular",Helvetica,sans-serif;} #press-quotes blockquote.active{display:block;} #press-quotes blockquote p{margin:0;} #press-quotes blockquote p:before{content:"“";} #press-quotes blockquote p:after{content:"”";} #press-quotes blockquote .press-links{margin:30px 0 0;} #press-quotes blockquote .press-links .cta-inline:hover{color:#fff;border-bottom:2px solid #fff;} #press-dots{display:none;margin:30px 0 0;padding:0;list-style:none;text-align:center;} #press-dots li{display:inline-block;width:10px;height:10px;margin:0 5px;border:2px solid #fff;border-radius:100%;} #press-dots li.active{background:#fff;} /* 3.4 PRESS QUOTES - END */ /* 3.0 FRONT PAGE - END */ /* 4.0 PRODUCTS */ /* 4.1 PRODUCT INDEX */ #collection-grid{margin:50px auto;} .product{display:inline-block;text-align:center;opacity:1 !important;} .product .product-image{position:relative;} .product .product-image:after{content:"";display:block;padding-top:100%;} .product .product-image-hover{opacity:0;transition:.3s;} .product:hover .product-image-hover{opacity:1;} .product .product-info{} .product .product-info .heading{margin:0 0 5px;font-size:30px;} .product .product-info .type{margin:0 0 -4px;font-size:18px;letter-spacing:0;} .product .product-info .spr-badge-starrating{margin:10px 0 0 6px;text-align:center;} .product .product-info .spr-badge-starrating .spr-icon{color:#b59667;} .product .product-info .spr-badge-caption{display:none;} .product-price{display:inline-block;} .product-col-3{width:calc(33.33% - 20px);margin:0 30px 60px 0;} .product-col-3:nth-of-type(3n){margin:0 0 60px 0;} .product-col-2{width:calc(50% - 15px);margin:0 30px 60px 0;} .product-col-2:nth-of-type(2n){margin:0 0 60px 0;} .product-col-2 .product-image:after{padding-top:85%;} .product-col-4{width: calc(25% - 22.5px);margin: 0 30px 60px 0;min-height: 424px;position: relative;padding-bottom: 61px;} .product-col-4 #product-add-submit {position: absolute;left: 0;right: 0;bottom: 0;} .product-col-4:nth-of-type(4n){margin:0 0 60px 0;} .product-col-4 .product-info .type{text-transform:none;} .grid-fact{position:relative;display:inline-block;width:calc(66.66% - 10px);margin:0 0 60px;padding:0 100px;text-align:left;} .grid-fact .heading-medium{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);} .grid-d-rtl{direction:rtl;} .grid-d-rtl > *{direction:initial;} .grid-d-rtl .product-col-3{margin:0 0 60px 30px;} .grid-d-rtl .product-col-3:nth-of-type(3n){margin:0 0 60px;} /* 4.1 PRODUCT INDEX - END */ /* 4.2 PRODUCT SINGLE */ #product-images{position:relative;width:60%;background:#f7f7f7;} #product-images:after{content:"";display:block;padding-top:100%;} #product-images .object-fit{opacity:0;transition:.3s;} #product-images .object-fit:nth-of-type(1){z-index:10;opacity:1;} #product-images-list{position:absolute;bottom:60px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);overflow:hidden;white-space:nowrap;margin:0;padding:0;list-style:none;z-index:30;} #product-images-list li{position:relative;display:inline-block;width:50px;height:50px;overflow:hidden;margin:0 10px;background:#f7f7f7;border:1px solid #e2e2e2;border-radius:50%;cursor:pointer;} #product-images-list li img{transition:.3s;} #product-images-list li:hover img{opacity:.6;} #product-info{width:40%;padding:100px;background: #333;;} #product-info-head{margin:0 0 20px;} #product-info-head .heading-medium{line-height:.8em;} #product-info-head .type{font-size:20px;} #product-description{padding:20px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;} #product-description p{font-size:16px;line-height:1.375em;} #product-review-stars{height:23px;margin:10px 0 0;} .spr-starrating, .spr-starratings{display:inline-block;line-height:0;} .spr-starrating .spr-icon, .spr-starratings .spr-icon{display:inline-block;width:auto;height:auto;margin-right:5px;font-size:12px !important;opacity:1 !important;color:#fff;} .spr-badge-caption{display:inline-block;margin-left:20px;text-transform:uppercase;letter-spacing:.1em;font-size:13px;} .spr-badge-caption a{color:#fff;} #product-tagline{padding:20px;text-align:center;font-size:30px;color:#fff;background:#000;} #product-tagline br{display:none;} #product-subscription{margin:30px auto 50px;} #product-subscription .subscription-price{float:right;} #product-subscription .radio_option{cursor:pointer;margin:20px auto;text-transform:uppercase;letter-spacing:.1em;font:700 14px/1.2em "Circular",Helvetica,sans-serif;} #product-subscription .radio_option input{position:relative;display:inline-block;width:12px;height:12px;margin:0 7px 0 0;padding:0;vertical-align:-3px !important;background:transparent !important;box-shadow:inset 0 0 0 2px #fff;border-radius:100%;appearance:none;-moz-appearance:none;-webkit-appearance:none;;} #product-subscription .radio_option input:checked{content:"";background:#fff !important;} #product-subscription .radio_option input:checked::after{display:none !important;} #product-subscription .radio_option .offer_newline{width:calc(100% - 28px);margin:8px 0 0 28px;font:700 14px/1.2em "Circular",Helvetica,sans-serif;} #product-subscription .radio_option label{display:block;} #product-subscription #see-details{display:none;} #product-add{margin:30px 0 0;} #product-add #product-size-select{display:block;width:100%;margin:0 0 10px;} #product-add #product-size-select select{/*background-color:rgba(255,255,255,.1);*/color:#000;box-shadow:none !important;} #product-add #product-quantity{display:inline-flex;display:-webkit-inline-flex;width:calc(50% - 5px);height:60px;margin-right:10px;white-space:nowrap;font-size:0;border:1px solid #fff;} #product-add #product-quantity input{position:relative;display:inline-block;width:33%;text-align:center;line-height:60px;pointer-events:none;font-weight:700;font-size:14px;color:#fff;} #product-add #product-quantity hr{content:"";position:relative;display:inline-block;height:36px;width:1px;top:11px;background:#fff;outline:none;border:none;} #product-add #product-quantity button{position:relative;display:inline-block;width:33%;height:60px;cursor:pointer;} #product-add #product-quantity button:hover{opacity:.6;} #product-add #product-quantity button:before, #product-add #product-quantity button:after{content:"";position:absolute;display:block;width:15px;height:2px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;} #product-add #product-quantity button[data-value="-"]:after{display:none;} #product-add #product-quantity button[data-value="+"]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);} #product-add #product-add-submit{display:inline-block;width:calc(50% - 5px);} #product-add #product-add-submit .cta{width:100%;padding:0;} #product-preorder{margin:20px 0 0;} #product-ingredient-click{margin:10px 0 0;} #product-ingredient-click a{text-decoration:underline;} #ingredient-image{position:fixed;width:100%;height:100%;top:0;left:0;z-index:200;background:rgba(0,0,0,.8);opacity:0;pointer-events:none;transition:.3s;} #ingredient-image img{position:absolute;width:90%;height:80%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:contain;} html.ingredient_show{overflow:hidden;} html.ingredient_show #ingredient-image{opacity:1;pointer-events:auto;} #product-learn{position:relative;padding:120px 0;overflow:hidden;} #product-learn #learn-text-container{position:relative;max-width:620px;padding:100px 80px;background:#fff;} #product-learn #learn-text-container #learn-text{margin:0;} #product-learn #learn-graphic-1{position:absolute;width:120px;bottom:2px;left:-20px;} #product-learn #learn-image{position:absolute;width:100%;height:100%;top:0;right:0;pointer-events:none;z-index:20;} #product-learn #learn-graphic-2{position:absolute;max-width:none;width:calc(50% + 105px);top:0;right:0;} #product-features{padding:60px 0;} #product-features #features-image{display:inline-block;width:calc(50% - 60px);margin:0 60px 0 0;} #product-features #features-image img{max-width:360px;margin:auto;} #product-features #features-text{display:inline-block;width:50%;} #product-features #features-icon{margin:40px 0 0;padding:40px 0 0;border-top:1px solid #000;} #product-features #features-icon .icon{width:50%;margin:0 0 20px;} #product-features #features-icon .icon img{display:inline-block;vertical-align:middle;width:40px;} #product-features #features-icon .icon .type{display:inline-block;width:calc(100% - 60px);vertical-align:middle;margin:0 0 0 10px;letter-spacing:.05em;} /* 4.2 PRODUCT SINGLE - END */ /* 4.3 PRODUCT FOOTER */ #product-footer{padding:140px 0;background:#1a1a1a;} #review-head{margin:0 auto 60px;} #review-head .heading-small, #review-head p{display:inline-block;margin:0;} #review-head .heading-small{width:40%;} #review-head p{width:60%;} #review-head a{color:#fff;} #product-reviews{margin:auto;} #product-reviews #shopify-product-reviews{max-width:1080px;margin:auto;padding:80px;background:#333;} #product-reviews .spr-container{padding:0;border:none;} /* 4.3.1 REVIEW HEADING */ #product-reviews .spr-header{text-align:center;} #product-reviews .spr-summary-caption{display:inline-block;text-transform:uppercase;letter-spacing:.1em;font:12px/1.2em "Circular",Helvetica,sans-serif;} #product-reviews .spr-summary-actions{display:block;margin:30px 0 0;line-height:0;} #product-reviews .spr-summary-actions a{float:none;text-decoration:underline;text-transform:uppercase;letter-spacing:.1em;font:12px/1.2em "Circular",Helvetica,sans-serif;color:#fff;} /* 4.3.1 REVIEW HEADING - END */ /* 4.3.2 REVIEW FORMS */ #product-reviews .spr-form{max-width:600px;margin:30px auto 60px;padding:30px 0 0;border-top:1px solid #fff;} #product-reviews .spr-form form .spr-form-title{margin:0 0 30px;font:700 24px/1em "Circular",Helvetica,sans-serif;} #product-reviews .spr-form form .spr-starrating{vertical-align:-2px;margin:0 0 0 10px;} #product-reviews .spr-form textarea, #product-reviews .spr-form input{padding:15px 15px 13px 15px;font-size:14px;background:#fff;} #product-reviews .spr-form input[type="submit"]{position:relative;display:block;height:60px;padding:0 50px;overflow:hidden;text-align:center;text-transform:uppercase;letter-spacing:.1em;font:700 14px/60px "Circular",Helvetica,sans-serif;color:#fff;background:#b59667;border:none;box-shadow:none;outline:none;cursor:pointer;} #product-reviews .spr-form textarea{height:120px;resize:vertical;} .spr-form-contact-name, .spr-form-contact-email, .spr-form-contact-location, .spr-form-review-rating, .spr-form-review-title, .spr-form-review-body{margin:15px 0;} /* 4.3.2 REVIEW FORMS - END */ /* 4.3.3 REVIEW COMMENTS */ #product-reviews .spr-reviews{padding:0;} #product-reviews .spr-review{display:block;margin:30px 0 0;padding:30px 0 0;border-top:1px solid #fff;border-bottom:0;} #product-reviews .spr-review-header-starratings{margin:0 0 20px;} #product-reviews .spr-review-header-title{text-transform:uppercase;letter-spacing:.1em;font-size:18px;} #product-reviews .spr-review-header-byline{display:block;margin:5px 0 15px;text-transform:uppercase;letter-spacing:.1em;font:12px/1.2em "Circular",Helvetica,sans-serif;opacity:1;} #product-reviews .spr-review-header-byline strong:last-of-type{font-weight:400;} #product-reviews .spr-review-content{margin:0 0 20px;font:14px/1.25em "Circular",Helvetica,sans-serif;} #product-reviews .spr-review-footer .spr-review-reportreview{float:none;text-decoration:underline;text-transform:uppercase;letter-spacing:.1em;font:12px/1.2em "Circular",Helvetica,sans-serif;color:#fff;} #product-reviews .spr-pagination{margin:40px 0 0;padding:80px 0 0;text-align:center;border-top:1px solid #fff;} #product-reviews .spr-pagination .spr-pagination-page{display:inline-block;margin:0 5px;vertical-align:middle;font:21px/1em "Circular",Helvetica,sans-serif;opacity:.3;} #product-reviews .spr-pagination .spr-pagination-page.is-active{opacity:1;} #product-reviews .spr-pagination .spr-pagination-page a{text-decoration:none;color:#fff;} #product-reviews .spr-pagination .spr-pagination-next, #product-reviews .spr-pagination .spr-pagination-prev{ } #product-reviews .spr-pagination .spr-pagination-next{margin:0 0 0 40px;} #product-reviews .spr-pagination .spr-pagination-prev{margin:0 40px 0 0;} #product-reviews .spr-pagination .spr-pagination-next a, #product-reviews .spr-pagination .spr-pagination-prev a{text-transform:uppercase;letter-spacing:.1em;font:700 14px/1em "Circular",Helvetica,sans-serif;color:#fff;} /* 4.3.3 REVIEW COMMENTS - END */ #product-related{margin:120px auto 0;text-align:center;} #product-related .heading-small{margin:0 0 60px;} #product-related .product{color:#fff !important;} /* 4.3 PRODUCT FOOTER - END */ /* 4.0 PRODUCTS - END */ /* 5.0 BLOG */ #blog-head{padding:80px 0;background:#0d0d0d;} #blog-head #blog-head-image{position:relative;display:inline-block;width:55%;} #blog-head #blog-head-image:after{content:"";display:block;padding-top:80%;} #blog-head #blog-head-content{display:inline-block;width:45%;padding:60px;} #blog-head #blog-head-content #head-content-heading{margin:0 0 30px;font-weight:400;} #blog-head #blog-head-content .cta-inline{color:#fff;border-bottom:2px solid #fff;} #blog-head #blog-head-content #head-content-share{margin:60px 0 0;} #blog-head #blog-head-content #head-content-share .type{display:inline-block;vertical-align:middle;font-weight:400;} #blog-head #blog-head-content #head-content-share a{display:inline-block;vertical-align:middle;margin:0 0 0 20px;} #blog-head #blog-head-content #head-content-share img{height:14px !important;} /* 5.1 BLOG INDEX */ #blog-grid .g-flex{padding:80px 0;} .article{width:calc(33.33% - 20px);margin:0 30px 30px 0;cursor:pointer;opacity:1 !important;} .article:nth-of-type(3n){margin:0 0 30px;} .article .article-image{position:relative;} .article .article-image:after{content:"";display:block;padding-top:70%;} .article .article-overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(181,150,103,.9);opacity:0;transition:.3s;z-index:10;} .article .article-overlay .cta-inline{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(.8,.8);transform:translate(-50%,-50%) scale(.8,.8);text-align:center;color:#fff;border-bottom:2px solid #fff;transition:.3s;} .article:hover .article-overlay{opacity:1;} .article:hover .article-overlay .cta-inline{-webkit-transform:translate(-50%,-50%) scale(1,1);transform:translate(-50%,-50%) scale(1,1);opacity:1;} .article .article-content{padding:20px;background:#fff;} .article .article-content h2{margin:0 0 15px;} .article .article-content .type{margin:0 0 30px;} .article .article-excerpt{margin:0;font-size:18px;} #blog-pagination{width:100%;margin:50px 0 0;text-align:center;font-size:0;} #blog-pagination .page:not(.current){display:none;} #blog-pagination .page.current,#blog-pagination .next,#blog-pagination .prev{position:relative;display:inline-block;vertical-align:top;width:80px;height:80px;margin:0 1px;text-align:center;font-size:0;background:#000 center/30px no-repeat;} #blog-pagination .page.current{font-size:14px;line-height:80px;color:#fff;} #blog-pagination .next a,#blog-pagination .prev a{position:absolute;width:100%;height:100%;top:0;left:0;} #blog-pagination .prev{background-image:url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/icon-left-white.svg?15790);;} #blog-pagination .next{background-image:url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/icon-right-white.svg?15790);;} /* 5.1 BLOG INDEX - END */ /* 5.2 BLOG SINGLE */ #blog-single #blog-head .width{margin-bottom:-300px;} #blog-content{padding:300px 0 50px;/* 80 - 33px (from the first p) */;} #blog-content p, #blog-content ol, #blog-content ul{max-width:630px;margin:33px auto;font-size:18px;} #blog-content img{margin:80px auto;} #blog-related{padding:100px 0;} #blog-related .title{margin:0 0 40px;} #blog-related .article:hover .article-overlay{opacity:0;} /* 5.2 BLOG SINGLE - END */ /* 5.0 BLOG - END */ /* 6.0 PAGES */ /* 6.1 OUR STORY */ #story-cover{position:relative;} #story-cover .width{z-index:10;} #story-cover-text{max-width:580px;margin:185px 0 235px;z-index:15;} #story-blocks{position:relative;border-bottom:1px solid #f2f2f2;} .story-block:nth-of-type(1) .block-image{z-index:25} .story-block:nth-of-type(2) .block-image{z-index:24} .story-block:nth-of-type(3) .block-image{z-index:23} .story-block:nth-of-type(4) .block-image{z-index:22} .story-block .block-image{position:absolute;display:inline-block;width:50%;height:100vh;top:0;right:0;transition:opacity .3s;} .story-block .block-image .block-progress{position:absolute;display:block;left:-5px;width:5px;height:0;background:#b59667;z-index:30;} .story-block .block-image{border-left:5px solid #cbcbcb;} #story-blocks.block_image_sticked .block-image{position:fixed;top:0;} #story-blocks.block_image_bottom .block-image{position:absolute;top:auto;bottom:0;} #story-blocks.block_image_bottom .story-block:last-of-type .block-image{opacity:1 !important;} .story-block.block_image_fade .block-image{opacity:0;} .story-block .block-text-container{display:inline-block;float:left;width:50%;height:150vh;} .story-block .block-text{position:relative;width:90%;max-width:540px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:auto;} .story-block .block-text .block-number{margin:0 0 30px;} #team-grid{margin:200px 0 170px;} #team-grid h2{margin:0 auto 60px;text-align:center;} .member{position:relative;display:inline-block;width:calc(25% - 22.5px);margin:0 30px 30px 0;} .member:nth-of-type(4n){margin:0 0 30px;} .member .member-image{position:relative;overflow:hidden;} .member .member-image-hover{z-index:10;opacity:0;transition:.3s;} .member:hover .member-image-hover{opacity:1;} .member .member-image:after{content:"";display:block;padding-top:100%;} .member .member-bio{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:20px;-webkit-transform:translateY(100%);transform:translateY(100%);transition:.3s;z-index:15;} #community-grid .member-bio{background:rgba(255,255,255,.9);} #team-grid .member-bio{background:rgba(0,0,0,.8);} .member.has_bio:hover .member-bio{-webkit-transform:translateY(0);transform:translateY(0);} .member .member-info{position:relative;padding:20px;} .member .member-info .title-small{margin:0 0 7px;} .member .member-info .type{letter-spacing:0;font-weight:400;} /* 6.1 OUR STORY - END */ /* 6.2 WHY CRICKETS */ #why-intro{direction:rtl;padding:90px 0;} #why-intro > *{direction:initial;} #why-intro p{display:inline-block;width:calc(100% - 330px);} #why-intro img{display:inline-block;width:270px;margin:0 0 0 50px;} .why-section-head{text-align:center;padding:80px 0;} .why-section-head img{width:60px;margin:0 auto 40px;} .why-section-head .heading-medium{display:inline-block;padding:0 0 5px;border-bottom:6px solid #fff;} .why-section-content{padding:100px 0;overflow:hidden;background:#edda1d;} .why-section-content .title{padding:0 0 10px;border-bottom:6px solid #000;} .why-section-content .pull-text{display:inline-block;width:410px;} .why-section-content .pull-image{display:inline-block;width:calc(100% - 470px);margin:30px 0 0 60px;} .why-section-content .annotation{position:relative;width:100%;max-width:410px;z-index:10;} .why-section-content .annotation:before{content:"";display:block;width:70px;height:6px;background:#000;} #why-1-1{margin:0 0 100px;} #why-1-1 img, #why-1-1 svg{float:right;max-width:360px;margin:0 50px 0 0;} #why-1-2 .g-flex{margin:60px 0 120px;} #why-1-2 .protein{width:calc(25% - 60px);margin:0 80px 0 0;} #why-1-2 .protein:nth-of-type(4n){margin:0;} #why-1-2 .protein .protein-ellipsis{position:relative;margin:0 0 40px;border:6px solid #000;border-radius:100%;} #why-1-2 .protein .protein-ellipsis:after{content:"";display:block;padding-top:100%;} #why-1-2 .protein .protein-contained{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;border-radius:100%;} #why-1-2 .protein .protein-contained:after{content:"";display:block;padding-top:100%;} #why-1-2 .protein .heading{font-size:28px;} #why-1-2 #why-water .heading-small{position:relative;line-height:70px;margin:0 0 20px;padding:0 15px;} #why-1-2 #why-water .heading-small:last-of-type{margin:0;} #why-1-2 #why-water .heading-small:before{content:"";position:absolute;display:block;height:100%;left:0;background:#9c8c6c;z-index:5;} #why-1-2 #why-water .heading-small span{position:relative;z-index:10;} #why-1-2 #why-noise{margin:140px 0 0;} #why-1-2 #why-noise .annotation p{margin-bottom:0;} #why-1-2 #why-noise .noise:nth-of-type(2){margin:0 0 60px;} #why-1-2 #why-noise .noise:nth-of-type(3) img{width:24px;margin:auto;} #why-1-2 #why-noise .noise .heading-small{margin:30px 0 0;text-align:center;} #why-2-1{margin:0 0 120px;} #why-2-1 .pull-image{text-align:center;font-size:0;} #why-2-1 .pull-image .ellipsis{position:relative;display:inline-block;position:relative;width:calc(50% - 15px);max-width:230px;} #why-2-1 .pull-image .ellipsis:after{content:"";display:block;height:0;padding-top:100%;} #why-2-1 .pull-image .ellipsis:nth-of-type(1){margin:0 30px 0 0;} #why-2-1 .pull-image .ellipsis:after{content:"";display:block;padding-top:100%;} #why-2-1 .pull-image .ellipsis-contain{position:absolute;width:100%;height:100%;background:#fff;border-radius:100%;} #why-2-1 .pull-image .ellipsis-contain img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%;} #why-2-1 .pull-image .ellipsis-contain h5{position:absolute;width:100%;bottom:25px;text-align:center;color:#ef0000;} #why-2-2 .protein{margin:0 0 30px;} #why-2-2 .protein:last-of-type{margin:0;} #why-2-2 .protein .heading-small{margin:0 0 5px;} #why-2-2 .protein-bar{position:relative;height:25px;background:#fff;} #why-2-2 .protein-bar:after{content:"";position:absolute;display:block;height:100%;background:#b59667;} #why-3-1 .annotation{margin:70px 0 0;} #why-3-1 .pull-image .flavor{position:relative;display:inline-block;width:100%;max-width:190px;vertical-align:top;margin:0 15px 30px 15px;} #why-3-1 .pull-image .flavor:after{content:"";display:block;height:0;padding-top:100%;} #why-3-1 .pull-image .flavor:nth-of-type(2n)::after{content:"";display:block;clear:both;} /* 6.2 WHY CRICKETS - END */ /* 6.3 COMMUNITY */ #page-community #page-head{background:#000;} #page-community #ambassador-head{margin:90px auto;text-align:center;} #page-community .ambassador-graphic-1,#page-community .ambassador-graphic-2{display:none;} #page-community .ambassador-slide-content:after{content:"";position:absolute;display:block;width:100%;height:90px;right:0;bottom:0;background:#f7f7f7;} #community-grid{padding:150px 0 90px;} #community-grid h2{margin:0 0 60px;text-align:center;;} /* 6.3 COMMUNITY - END */ /* 6.4 CONTACT */ #contact-form{width:90%;max-width:630px;margin:auto;} /* 6.4 CONTACT - END */ /* 6.5 PRESS */ #press-grid{padding:100px 0;} .press{position:relative;display:inline-block;width:calc(25% - 22.5px);margin:0 30px 30px 0;background:#fff;} .press:nth-of-type(4n){margin:0 0 30px;} .press .press-overlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;} .press .press-logo{position:relative;background:#000;transition:.3s;} .press .press-logo:after{content:"";display:block;padding-top:60%;} .press:hover .press-logo{background:#b59667;} .press .press-logo img{position:absolute;height:auto !important;max-height:70%;max-width:70%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .press .text{padding:18px 20px;background:#fff;} /* 6.5 PRESS - END */ /* 6.6 FAQ */ #faq-content{margin:80px auto;} #faq-menu{position:relative;width:380px;margin:0 60px 0 0;} #faq-menu ul.sticked{position:fixed;top:60px;} #faq-menu ul.sticked_bottom{position:absolute;top:auto;bottom:0;} #faq-menu ul{margin:0;padding:0;list-style:none;} #faq-menu li{margin:0 0 15px;font-weight:700;} #faq-menu li:last-of-type{margin:0;} #faq-menu li a{color:#000;opacity:1 !important;} #faq-menu li a:hover, #faq-menu li.active a{color:#4e7fff;} #faq-items{width:calc(100% - 440px);} #faq-items h2{color:#4e7fff;} #faq-items ul{margin:40px 0 75px;padding:0;list-style:none;} #faq-items ul:last-of-type{margin-bottom:0;} #faq-items li{position:relative;border-top:1px solid #dedede;} #faq-items li:last-of-type{border-bottom:1px solid #dedede;} #faq-items li .text{padding:40px 30px 40px 0;font-weight:700;cursor:pointer;} #faq-items li .text:after{content:"";display:block;position:absolute;top:46px;right:0;width:14px;height:14px;background:url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/icon-plus-gold.svg?15790) center/14px no-repeat;transition:.3s;} #faq-items li.active .text:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);} #faq-items li p{display:none;margin:0 0 40px;font-size:18px;} /* 6.6 FAQ - END */ /* 6.7 STORE LOCATOR */ #storemapper{padding:60px;background:#fff;} #storemapper-form{max-width:450px;padding:0 !important;} #storemapper-form select{width:100%;height:45px;margin:0 0 30px;padding:0 20px;font-size:14px;color:#000;background:#fafafa url('//cdn.shopify.com/s/files/1/2040/7459/t/2/assets/icon-select-dropdown-black.svg?4811021989829814954') calc(100% + 70px) 19px no-repeat;-webkit-background-size:100px;background-size:100px;border:1px solid #eee;} #storemapper-form label{display:block;margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em;font:700 12px/1.2em "Circular",Helvetica,sans-serif;} #storemapper-form input[type="checkbox"]{background:#f2f2f2;box-shadow:inset 0 0 0 1px #eee;} #storemapper-form .storemapper-categories{margin:0 0 30px;} #storemapper #storemapper-left{position:relative !important;width:calc(33% - 30px);margin-right:30px;} #storemapper #storemapper-zip{width:100%;height:50px;padding:0 20px;overflow:hidden;font:13px/55px "Circular",Helvetica,sans-serif;border:1px solid #bbb;box-shadow:none;border-radius:0;} #storemapper .help-block{margin:15px 0 0;} #storemapper #storemapper-go,#storemapper #storemapper-filter{width:100%;height:50px;margin:10px 0 0;padding:0 30px;overflow:hidden;text-align:center;text-transform:uppercase;letter-spacing:.1em;font:700 13px/54px "Circular",Helvetica,sans-serif;color:#fff;background:#b59667;text-shadow:none;border-radius:0 !important;border:none;box-shadow:none;outline:none;cursor:pointer;} #page-store-locator #storemapper a{text-decoration:underline;color:#141414;} #page-store-locator #storemapper-list li{margin:30px 0 0;padding:30px 0 0;border-top:1px solid #eee;} #storemapper-list li .storemapper-storelink, #storemapper-right .btn.storemapper-map-directions{position:relative;display:inline-block;height:30px;padding:0 15px;overflow:hidden;text-align:center;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;font:12px/30px "Circular",Helvetica,sans-serif;text-shadow:none;color:#fff;background:#b59667;border:none;box-shadow:none;border-radius:0 !important;outline:none;cursor:pointer;} #storemapper-list li h4, #storemapper-right h4{margin:0 0 10px;font-size:14px;} #storemapper-list li p, #storemapper-right p{margin:0;font:14px/1.4em "Circular",Helvetica,sans-serif;} /* 6.7 STORE LOCATOR - END */ /* 6.8 GENERAL PAGE TEMPLATE */ #page-head{position:relative;padding:100px 0;text-align:center;background:#292929;} #page-head.bg-gold{background:#b59667;} #page-head.has_image{padding:150px 0;z-index: 0;;} #page-head #page-head-text{position:relative;text-align:center;z-index:20;} #page-head #page-head-text p{margin-bottom:0;font-size:18px;} #page-head #page-head-text a:not(.cta-white){color:#fff;border-bottom:2px solid #fff;} #content{margin:80px auto;} /* 6.8 GENERAL PAGE TEMPLATE - END */ /* 6.9 CART */ #cart-content{margin:80px auto;} .item{margin:0 0 60px;} .item:last-of-type{margin:0;} .item .item-image{position:relative;display:inline-block;width:20%;font-size:0;background:#fff;transition:.3s;} // .item .item-image:after{ // content:""; // display:block; // padding-bottom:100% // } .item .item-image:hover{opacity:.6;} .item .item-image .type{position:absolute;width:100%;bottom:6px;text-align:center;font-size:8px;color:#666;} .item .item-image img{max-width:100%;max-height:100%;} .item .item-image .object-fit img{max-width: 100%;max-height: inherit !important;width: auto !important;height: auto !important;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;left: 0;top: 0;object-fit: inherit !important;margin: 0 auto;} .item .item-image .object-fit{position: relative;height: auto;width: 100%;} .item .item-info .title-small{font-weight:400} .item .item-info .item-variant{margin:10px 0 5px} .cart-tittle{display: inline-block;width: 100%;vertical-align: top;border-bottom: 1px solid #ebebeb;padding: 0 0 20px;margin: 0 0 20px;} #cart_ajax_load .item {margin: 0 0 20px;padding: 0 0 20px;border-bottom: 1px solid #ebebeb;} .cart-tittle ul{display: inline-block;width: 100%;vertical-align: top;margin: 0;padding: 0;} .cart-tittle ul li{display: inline-block;float: left;font-weight: bold;font-size: 18px;} .cart-tittle ul li:nth-child(1){width: 61%;} .cart-tittle ul li:nth-child(2){width: 19.5%;} .cart-tittle ul li:nth-child(3){width: 19.5%;} #cart-content .item .item-info{position:relative;width:80%;padding:0 0 0 30px;font-size:0display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;} #cart-content .item .item-title{display:inline-block;vertical-align:top;width:50%;padding: 0 30px 0 0;} #cart-content .item .item-title h2{font-size: 15px;margin: 0;color: #b59667;} #cart-content .item .item-title .item-variant{font-size: 13px;color: #000;opacity: 0.5;margin: 10px 0 20px;} #cart-content .item .item-title .item-remove{color: #b59667;font-size: 12px;text-transform: capitalize;font-weight: normal;letter-spacing: normal;} #cart-content .item .item-quantity{display:inline-block;vertical-align:top;width:25%;padding:0 30px 0 0;} #cart-content .item .item-quantity input[type="number"]{width:100%;max-width: 100px;margin:0 0;padding:6px 10px;box-shadow:inset 0 0 0 1px transparent;border:1px solid rgba(0,0,0,0.15);} #cart-content .item .item-quantity input[type="number"]:hover{box-shadow:inset 0 0 0 1px #eee} #cart-content .item .item-quantity input[type="submit"]{margin:10px 0 0 ;background: #b59667;color: #fff;text-transform: uppercase;font: 700 14px/normal "Circular",Helvetica,sans-serif;letter-spacing: normal;padding: 10px 15px;} #cart-content .item .item-quantity input[type="submit"]:hover{color: #fff !important;background: #000;} #cart-content .item .item-quantity input[type="submit"]:hover{color:#666} #cart-content .item .item-sub{width:25%;padding:0 0;text-align:left;font-size: 15px;margin: 0;} #cart-content .item .item-remove{color:#aaa;} #cart-content .item .item-remove:hover{color:#666;} #cart-actions{margin:60px 0 0;text-align:right;font-size:0;} #cart-actions .cta.cta-white{margin:0 20px 0 0;} #additional-checkout-buttons{margin:30px 0 0;} #additional-checkout-buttons button{display:inline-block;vertical-align:top;} #additional-checkout-buttons .additional-checkout-button img{height:18px !important;} /* 6.9 CART - END */ /* 6.10 MISC */ #page-cta{padding:100px 0;} #page-cta-title{flex:1;} #error{margin:100px auto;text-align:center;} /* 6.10 MISC */ /* 6.0 PAGES - END */ /* 7.0 ACCOUNTS */ #accounts #page-head{background:#b59667;} /* 7.1 SIGN-IN & REGISTER */ #account-content{padding:80px 0;} #login-content, #register-content{display:inline-block;width:calc(50% - 60px);} #login-content{margin:0 120px 0 0;} #account-content h2{margin:0 0 20px;} #login-form #recover-form_click{margin:20px 0 0;text-align:center;text-decoration:underline;} #recover-form{display:none;margin:auto;} /* 7.1 SIGN-IN & REGISTER - END */ /* 7.2 ACCOUNT OVERVIEW */ #account-orders{padding:0;list-style:none;} #account-orders #account-orders-head{background:#fafafa;border-top:none;} #account-orders #account-orders-head li{font-weight:500;} #account-orders li ul{display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;margin:0;padding:12px 15px;list-style:none;border-top:1px solid #eee;} #account-orders li ul li{display:inline-block;width:20%;} #account-orders .orders ul{cursor:pointer;transition:.3s;} #account-orders .orders ul:hover, #account-orders .orders ul.active{background:rgba(61,78,87,.05);} #account-orders .order-details{display:none;width:100%;padding:30px 15px;} #account-orders .order-details .item{display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;align-items:center;-webkit-align-items:center;margin:0 0 15px;color:#666;} #account-orders .order-details .item span{display:inline-block;width:20%;} #account-orders .order-details .item img{width:50px;} #account-orders .order-details .order-info{margin:30px 0 0;padding:30px 0 0;border-top:1px solid #eee;} #account-address{margin:60px auto;} /* 7.2 ACCOUNT OVERVIEW - END */ /* 7.0 ACCOUNTS - END */ /* 8.0 FOOTER */ #footer{position:relative;padding:100px 0 30px;} #footer-bg{height:280px !important;left:0;opacity:.2;} #footer-nav{display:inline-block;flex:1;padding:0 0 0 110px;} #footer-links{display:inline-block;margin:-7px 0 0;padding:0;list-style:none;-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;} #footer-links li{position:relative;-webkit-column-break-inside:avoid;break-inside:avoid-column;} #footer-links li a{display:inline-block;position:relative;} #footer-links li a[href^="#"]{opacity:0;pointer-events:none;} #footer-links li a:hover, #footer-links li.active a{color:#b59667;opacity:1 !important;} #footer-social{display:inline-block;width:400px;margin:-6px 0 0;} #footer-social a{opacity:1 !important;} #footer-social svg{height:20px;} #footer-social svg path{fill:#fff;transition:.3s;} #footer-social a:hover path{fill:#b59667} /*#footer-social .icon-facebook:hover path{fill:#3b5998} #footer-social .icon-twitter:hover path{fill:#55acee} #footer-social .icon-instagram:hover path{fill:#4c68d7}*/ #newsletter-paragraph{margin:0 0 75px;} #newsletter-form{position:relative;display:block;margin:0 0 30px;} #newsletter-form input[type="email"]{width:100%;height:50px;padding:0 0 20px;font-size:36px;color:#fff;border-bottom:2px solid #585858;} #newsletter-form input::-webkit-input-placeholder{font-size:36px;color:#585858;} #newsletter-form input::-moz-placeholder{font-size:36px;color:#585858;} #newsletter-form input:-ms-input-placeholder{font-size:36px;color:#585858;} #newsletter-form input:-moz-placeholder{font-size:36px;color:#585858;} #newsletter-form button{position:absolute;top:0;right:0;font-size:30px;color:#585858;} #newsletter-form button:hover{color:#fff ;} #newsletter-form .klaviyo_messages{margin:15px 0 0;text-transform:uppercase;font-weight:bold;font-size:14px;letter-spacing:.1em;color:#b59667;} #footer-social #social-links a{display:inline-block;margin:0 25px 0 0;} #footer-social #social-links a:last-of-type{margin:0;} #footer-social #social-links img{height:20px !important;} #footer-sub{margin-top:120px;} #footer-copyright, #footer-sublinks li a{font-size:11px;opacity:.2;} #footer-copyright{display:inline-block;flex:1;padding:0 0 0 110px;} #footer-sublinks{display:inline-block;width:400px;margin:-9px 0 0;padding:0;line-height:2em;} #footer-sublinks li{display:inline-block;margin:0 15px 0 0;} #footer-sublinks li:last-of-type{margin:0;} #footer-sublinks li a:hover{opacity:1;} /* 8.0 FOOTER - END */ /* 9.0 ANIMATION */ @-webkit-keyframes fadein{ 0%{ opacity:0 } 100%{ opacity:1 } } @keyframes fadein{ 0%{ opacity:0 } 100%{ opacity:1 } } .css_fadein{opacity:1;pointer-events:auto;-webkit-animation:fadein .2s both;animation:fadein .2s both;} /* 9.1 WHY CRICKETS */ .animation{opacity:0;transition:.3s;} .animation.animate{opacity:1;} #why-1-2 .protein .protein-contained{width:0;transition:.6s;} #why-1-2 .protein:nth-of-type(1) .protein-contained.animate{width:70%} #why-1-2 .protein:nth-of-type(2) .protein-contained.animate{width:50%} #why-1-2 .protein:nth-of-type(3) .protein-contained.animate{width:25%} #why-1-2 .protein:nth-of-type(4) .protein-contained.animate{width:12%} #why-1-2 .protein:nth-of-type(2) .protein-contained{transition-delay:.15s} #why-1-2 .protein:nth-of-type(3) .protein-contained{transition-delay:.3s} #why-1-2 .protein:nth-of-type(4) .protein-contained{transition-delay:.45s} #why-1-2 #why-water .heading-small:before{width:0;transition:.6s;} #why-1-2 #why-water .heading-small.animate:nth-of-type(1)::before{width:.5%} #why-1-2 #why-water .heading-small.animate:nth-of-type(2)::before{width:32%} #why-1-2 #why-water .heading-small.animate:nth-of-type(3)::before{width:40%} #why-1-2 #why-water .heading-small.animate:nth-of-type(4)::before{width:90%} #why-1-2 #why-water .heading-small.animate:nth-of-type(2)::before{transition-delay:.15s} #why-1-2 #why-water .heading-small.animate:nth-of-type(3)::before{transition-delay:.3s} #why-1-2 #why-water .heading-small.animate:nth-of-type(4)::before{transition-delay:.45s} #why-2-1 .pull-image .ellipsis .ellipsis-contain{-webkit-transform:scale(.2,.2);transform:scale(.2,.2);opacity:0;transition:.6s;} #why-2-1 .pull-image .ellipsis.animate .ellipsis-contain{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1;} #why-2-1 .pull-image .ellipsis:nth-of-type(2) .ellipsis-contain{transition-delay:.3s;} #why-2-2 .protein .protein-bar:after{width:0;transition:.6s;} #why-2-2 .protein.animate:nth-of-type(1) .protein-bar:after{width:65%} #why-2-2 .protein.animate:nth-of-type(2) .protein-bar:after{width:35%} #why-2-2 .protein.animate:nth-of-type(3) .protein-bar:after{width:23%} #why-2-2 .protein.animate:nth-of-type(4) .protein-bar:after{width:22%} #why-2-2 .protein.animate:nth-of-type(5) .protein-bar:after{width:12%} #why-2-2 .protein.animate:nth-of-type(2) .protein-bar:after{transition-delay:.15s} #why-2-2 .protein.animate:nth-of-type(3) .protein-bar:after{transition-delay:.3s} #why-2-2 .protein.animate:nth-of-type(4) .protein-bar:after{transition-delay:.45s} #why-2-2 .protein.animate:nth-of-type(5) .protein-bar:after{transition-delay:.6s} #why-3-1 .pull-image .flavor img{position:absolute;width:100%;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(.2,.2);transform:translate(-50%,-50%) scale(.2,.2);opacity:0;transition:.6s;} #why-3-1 .pull-image .flavor.animate img{-webkit-transform:translate(-50%,-50%) scale(1,1);transform:translate(-50%,-50%) scale(1,1);opacity:1;} #why-3-1 .pull-image .flavor.animate:nth-of-type(2) img{transition-delay:.15s} #why-3-1 .pull-image .flavor.animate:nth-of-type(3) img{transition-delay:.3s} #why-3-1 .pull-image .flavor.animate:nth-of-type(4) img{transition-delay:.45s} /* 9.1 WHY CRICKETS - END */ /* 9.0 ANIMATION - END */ .why-crickets-breadcrumb{margin-top:20px;} .breadcrumb-style{width: 80%;margin: 10px auto;} .prod-breadcrumb-wrapper{margin-bottom: 20px;padding-left: 7px;width: 100%;} .prod-breadcrumb-wrapper .breadcrumb span{color: #fff; font-size: 18px;} .no-soy-text {display: none;} /*---------------------------------- Home Page Styles ----------------------------------*/ .general-content-section {margin: 50px auto;} #intro-products .intro-product h3{clear: both;font-size: 30px;} #intro-products .intro-product p{font-size: 18px;} #frontpage-cover h1 {font-size: 60px;line-height: 60px;text-shadow: 0 0 7px #000;} #frontpage-cover h1 ~ p {text-shadow: 0 0 7px #000;} @media screen and (max-width: 1400px) { #intro-products #products-powder {transform: translate(0,280px);} } /*---------------------------------- Collection Page Styles ----------------------------------*/ .category-description p{font-size: 16px;line-height: 24px;margin-bottom: 20px;} .category-description h3 {font-size: 24px;line-height: normal;} .category-description ul li {font-size: 16px;margin-bottom: 10px;} .products-list-wrapper {width: 100%;margin: 0 auto 50px;display: flex;flex-wrap: wrap;justify-content: center;} .products-list-wrapper .products-list {width: 100%;max-width: calc(25% - 30px);margin: 0 0px 30px;padding: 0 15px 61px;text-align: center;position: relative;} .templateCollection .products-list-wrapper .products-list.product-2307898540090{display:none;} .products-list-wrapper .products-list figure {height:auto !important;margin:0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} .products-list-wrapper .products-list h4 {font-size: 20px;line-height: normal;} @media screen and (max-width: 1117px) { .products-list-wrapper .products-list {max-width: calc(50% - 30px);} } @media screen and (max-width: 750px) { .products-list-wrapper .products-list {max-width: calc(100% - 20px);margin: 0 10px 25px;} .products-list-wrapper .products-list figure {min-height: auto !important;} } .shop-cta a {display: inline-block;padding: 15px 30px;background: #000;color: #fff;} .shop-cta a:hover {background: #edda1d;color: #000;opacity: 1;} .shop-page-text-banner {padding: 0 30px;text-align: center;} /*---------------------------------- Pop Up Styles ----------------------------------*/ .pop-up-wrapper {display: none;width: 100%;max-width: 1020px;margin: 0 auto;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1000;} .pop-up-wrapper .pop-up-contents {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;background: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/pop-up-logo.png?15790) center no-repeat #fff;} .pop-up-wrapper .pop-up-contents > div {position: relative;width: 100%;max-width: 50%;padding: 0 30px;} .pop-up-wrapper .pop-up-contents .pop-up-left-side {min-height: 500px;} .pop-up-contents .pop-up-left-side img {display: block;position: absolute;top: -25px;left: -100px;} #fvpp-blackout {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);z-index: 999;} .pop-call-to-action a{display: inline-block;padding: 15px 30px;text-align: center;background: #b59667;color: #fff;text-transform: uppercase;font-size: 14px;} #fvpp-close {position: absolute;top: 10px;right: 10px;color: #000;font-weight: 300;font-size: 30px;} .pop-up-nutration {color: #fff;text-align: center;font-size: 15px;text-transform: uppercase;letter-spacing: 2px;} @media screen and (max-width: 1250px) { .pop-up-contents {padding: 30px 0;} .pop-up-contents .pop-up-left-side{min-height: initial;} .pop-up-contents .pop-up-left-side img {position: initial;} } @media screen and (max-width: 900px) { .pop-up-wrapper .pop-up-contents h2 {font-size: 35px;} } @media screen and (max-width:768px){ .product-slide-content li{height:auto !important;padding:50px 30px !important;} } @media screen and (max-width: 767px) { .pop-up-wrapper .pop-up-contents {justify-content: center;} .pop-up-wrapper .pop-up-contents .pop-up-left-side {display: none;} .pop-up-wrapper .pop-up-contents .pop-up-right-side {max-width: 96%;} } @media screen and (max-width: 479px) { .pop-up-wrapper .pop-up-contents h2 {font-size: 25px;} .pop-up-wrapper .pop-up-contents p {font-size: 16px;} } #product-reviews div[data-widget-style=standard] a.stamped-summary-actions-newquestion, #product-reviews div[data-widget-style=standard] a.stamped-summary-actions-newreview{color: #fff !important;border-color: #fff !important;} ul.stamped-tabs li {color: #fff !important;} li#tab-questions[data-count][data-new-tab]:after, li#tab-reviews[data-count]:after {background: #000 !important;} .stamped-form-label {color: #fff !important;} #stamped-button-submit {font-size: 16px;background: #fff !important;color: #000 !important;font-weight: bold !important;} #stamped-button-submit:hover {background: #000 !important;border-color: #000 !important;color: #fff !important;} .fa-check-circle-o, .fa-share-alt, .fa-thumbs-down, .fa-thumbs-up, .stamped-fa-check-circle-o, .stamped-fa-share-alt, .stamped-fa-thumbs-down, .stamped-fa-thumbs-up{color: #fff !important;} .stamped-review[data-verified=buyer] .stamped-review-avatar:before {right: 2px !important;} #product-reviews div[data-widget-style=standard] .summary-rating-count {color: #fff !important;} .product-info .stamped-badge-caption {font-size: 14px !Important;} /* ---------------------------------- Our Story Page Styles ------------------------------------*/ @media screen and (max-width: 1050px) { .story-block .block-text {transform: translateY(-50%) !important;} } @media screen and (max-width: 768px) { .story-block .object-fit {position: inherit;} .object-fit img {width: 100% !important;position: initial;transform: none !important;} .story-block .block-image:after {display: none;content: "";padding-top: 0 !important;} .story-block .block-text {top: 0;transform: none !important;} .story-block .block-text-container {padding: 30px 0;} #story-cover-text {margin: 100px 0;} .heading-large {font-size: 80px !important;} } @media screen and (max-width: 650px) { #story-cover-text {margin: 0 !important;padding: 30px 0;} .heading-large {font-size: 50px !important;} #collection-grid .grid.g-flex {padding-top: 20px;} #collection-grid .product .product-image {margin-bottom: 20px;} #collection-grid .product .product-info .heading {font-size: 20px;} #page-head .object-fit img{object-fit: cover;height: 100% !important;} } /*------------------------------ Collection Sidebar Styles -------------------------------*/ .collection-with-sidebar {display: flex;flex-wrap: wrap;justify-content: space-between;} .collection-with-sidebar .sidebar {width: 100%;max-width: calc( 20% - 15px);} .collection-with-sidebar .right-side {width: 100%;max-width: calc( 80% - 15px);} .sidebar h3 {font-size: 30px;margin-bottom: 20px;} .sidebar h3 .mobile-cat-opener {display: none;} .sidebar .collection-list {padding: 0;margin: 0;} .sidebar .collection-list li {list-style-type: none;margin-bottom: 5px;} .sidebar .collection-list li a {font-size: 16px;font-weight: normal;} @media screen and (max-width: 991px) { .collection-with-sidebar .sidebar {max-width: 100%;margin-bottom: 30px;} .collection-with-sidebar .right-side {max-width: 100%;} .sidebar h3 {font-size: 25px;text-transform: uppercase;width: 100%;max-width: 500px;margin: 0 auto 8px;padding: 8px 15px;border: 1px solid #000;position: relative;} .sidebar h3 .mobile-cat-opener {display: inline-block;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);cursor: pointer;} .sidebar .collection-list {display: none;margin: 0 auto;width: 100%;max-width: 500px;} .sidebar .collection-list > li.collection {margin-bottom: 0;padding-bottom: 8px;border-bottom: 1px solid #000;} } /* ---------------------------------- Search Box Styles ------------------------------------*/ .icon-serach,.search-form{display:inline-block;} .search-form.on-desktop input::placeholder, .search-form.on-desktop input{color:#fff;} #searchresults form p{display:flex;justify-content:space-between;margin:0;width:100%;} .search-form form, #searchresults form{width:240px;border: 1px solid #b59667;display:flex;justify-content:space-between;} #searchresults form{margin-top:30px;} .search-form.show{margin-top: 15px;background: #fff;padding: 15px;} .search-form.show form{margin:0 auto;} #searchresults input, .search-form input{text-transform:uppercase;padding:11px 15px;width:77%;height:38px; } #searchresults input[type="submit"], .search-form input[type="submit"]{text-indent:-9999px;background:#b59667 url('https://cdn.shopify.com/s/files/1/1381/2667/files/search.png?90656189144773459') no-repeat center;width:20% !important;} .icon-search{padding: 15px; position: relative;display: inline-block;vertical-align: top;width: 42px;height: 40px;text-align: center;line-height: 40px; background: #b59667;} .hide, .on-desktop{display:none;} .show{display:block;} #searchresults h3{font-size:24px;} #searchresults span{font-size:16px;} .products-list a.cta, .product-info a.cta {padding: 15px 20px;line-height: normal;height: auto;margin:10px 0 0;} span.stamped-badge-caption{display:block;font-size:16px;} @media screen and (min-width:1150px){ .on-desktop{display:inline-block;} .on-mobile{display:none;} .search-form.on-desktop{margin-right:22px;} } @media screen and (max-width: 1150px){ .search-form.on-desktop{display: none;} a.icon-search.on-mobile{display: inline-block;} } /* Cart Sidebar */ .drawer--right{width: 400px;right: -400px;} .js-drawer-open-right .drawer--right{-webkit-transform: translateX(-400px);-moz-transform: translateX(-400px);-ms-transform: translateX(-400px);-o-transform: translateX(-400px);transform: translateX(-400px);} #CartDrawer{z-index: 999;} #CartDrawer .modal-header{position: relative;padding: 61px 0;display: inline-block;width: 100%;vertical-align: top;} #CartDrawer .modal-header .close{position: absolute;top: 50%;right: -16px;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 50px;height: 50px;padding: 0;text-align: center;line-height: 50px;color: #383535;margin-right: 30px;} #CartDrawer .modal-header .close svg{width: 18px;height: 18px;fill:#3d3d3d;} #CartDrawer .dealheader h2{font-size: 12px;font-weight: 700;margin: 0;padding: 0;display: inline-block;width: 100%;vertical-align: top;text-transform: uppercase;text-align: center;} #CartDrawer .modal-body{padding:0 15px;} #CartDrawer .cartcolnew11 {width: 20%;} #CartDrawer .cartcolnew22{width: 60%;padding: 0 0 0 10px;} #CartDrawer .cartcolnew33{width: 20%;} #CartDrawer .ajaxcart__product-name{font-size: 16px;color: #b59667;} #CartDrawer .cart_variants{font-size: 14px;font-weight: normal;display: inline-block;width: 100%;vertical-align: top;margin: 5px 0 10px;} #CartDrawer .ajaxcart__row {position: relative;display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;} #CartDrawer .ajaxcart__qty {width: 100%;max-width: 100px;display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;border:1px solid #e1e1e1;} #CartDrawer .ajaxcart__qty button[type="button"]{width: 30px;height: 30px;line-height: 30px;background: #e1e1e1;border: 0px solid transparent;border-radius: 0px;text-align: center;} #CartDrawer .ajaxcart__qty button[type="button"]:hover{background: #000;color: #fff;} #CartDrawer .ajaxcart__qty button[type="button"] i:before{margin: 0;line-height: 30px;} #CartDrawer .ajaxcart__qty .ajaxcart__qty-num{max-width: 100%;width: 40px;height: 30px;border: 0px solid transparent;background: transparent;padding: 0 5px;line-height: 30px;text-align: center;} #CartDrawer .cartcolnew33 p{margin: 0;text-align: right;} #CartDrawer .cartcolnew33 p .cartcolor {font-size: 16px;margin: 0;} #CartDrawer .cartcolnew33 .ajaxcart__qty-remove{color:red;font-size: 12px;text-align: right;float: right;} #CartDrawer .ajaxcart__product {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #eaeaea;} #CartDrawer .ajaxcart__product:last-child {border: 0px solid transparent;margin-bottom: 0;} #CartDrawer .ajaxcart__inner {overflow-x: hidden;border-bottom: 1px solid #eaeaea;overflow-y: auto;min-height: 57vh;height: 138px;padding: 0 10px 0 0;} #CartDrawer .shiptextcarttotal {text-align: center;margin-bottom: 10px;} #CartDrawer .shiptextcarttotal span {width: 100%;display: block;text-align: left;} #CartDrawer .shiptextcarttotal span b {float: right;} #CartDrawer .removecartborder {padding-top: 40px;} #CartDrawer .ajaxcart__footer {position: relative;padding: 0 15px 9%;background: #fff;z-index: 99;} #CartDrawer .checkoutcartbtn {background-color: #B59667;color: #fff;margin: 0 auto;display: table;padding: 10px 20px;font-size: 16px;margin-top: 30px;} #header-nav .mini_cart {color: #fff;font-size: 14px;text-transform: uppercase;border: 1px solid #b59667;padding: 0px 0 0px 15px;display: inline-block;} #header-nav .mini_cart .cart_count {background: #b59667;color: #fff;width: 40px;height: 40px;text-align: center;padding: 20px 0;display: inline-block;margin-left: 12px;} #CartContainer p {text-align: center;} #cart-content #cart-actions #additional-checkout-buttons .paypal-button .zoid-outlet iframe{z-index: 1;} .is-moved-by-drawer:before{z-index: 999;} @media only screen and (max-width: 1150px) { #header-nav .mini_cart {font-size: 0;border: 0;padding: 0;} #header-nav .mini_cart .cart_count {font-size: 14px;margin-left: 0;} } @media only screen and (max-width: 575px) { #CartDrawer .ajaxcart__inner{min-height: 36vh;} #CartDrawer .checkoutcartbtn {font-size: 14px;} } .js-qty {width: 100%;max-width: 100px;display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;border: 1px solid #e1e1e1;} .js-qty .js-qty__num {max-width: 100%;width: 40px;height: 30px;border: 0px solid transparent;background: transparent;padding: 0 5px;line-height: 30px;text-align: center;} .js-qty .js-qty__adjust {width: 30px;height: 30px;line-height: 30px;background: #e1e1e1;border: 0px solid transparent;border-radius: 0px;text-align: center;} .js-qty .js-qty__adjust .fallback-text {font-weight: 700;font-size: 16px;} .js-qty .js-qty__adjust:hover {background: #000;color: #fff;} @media screen and (max-width: 531px) { .item-quantity .js-qty {float: left;} #cart-content .item .item-quantity input[type="submit"] {margin-top: 0;margin-left: 10px;padding: 8px 15px 7px;} #cart-content .item .item-title .item-variant {margin: 10px 0;float: left;} #cart-content .item .item-title .item-remove {display: inline-block;float: right;margin: 10px 0;} #cart-content .item .item-sub {padding: 7px 0;} } #page-shop .breadcrumb ~ .title{display: inline-block;width: 100%;vertical-align: top;margin:40px 0 30px;text-align:center;} .collection-prod-details .price{margin:10px 0 0; } #page-shop #collection-grid .three-colums .product-col-4{width: calc(33.33% - 20px);margin: 0 30px 60px 0;} #page-shop #collection-grid .three-colums .product-col-4:nth-of-type(3n) {margin: 0 0 60px 0;} .breadcrumb span a span{text-transform: capitalize;} @media screen and (max-width: 1050px){ #page-shop #collection-grid .three-colums .product-col-4{width: calc(50% - 15px);margin: 0 30px 30px 0;} #page-shop #collection-grid .three-colums .product-col-4:nth-of-type(3n) {margin: 0 0 30px 0;} } @media screen and (max-width: 767px){ .product-col-4 #product-add-submit{position: relative;} .product-col-4{padding-bottom: 0;min-height: inherit; } .products-list a.cta, .product-info a.cta{padding: 12px 19px;font-size: 11px;} } /*===================================================================== Collections Page =====================================================================*/ body.templateCollection {background: #F8F8F8;} body.templateCollection #container{padding: 0 15px;} .collection-with-sidebar{display: table;margin: 0 -15px 30px;} .collection-with-sidebar .sidebar{width: 25%;padding: 0 15px;float: left;display: inline-block;max-width: 100%;} .collection-with-sidebar .right-side{width: 75%;max-width: 100%;display: inline-block;float: left;padding: 0 15px;} .templateCollection div#content {width: 100%;margin: 0 auto;max-width: 1300px;padding: 0;} .templateCollection .breadcrumb-style{width: auto;margin: 50px 0 0;} .templateCollection .breadcrumb-style a{font-family: 'Montserrat', sans-serif;font-weight: 500;font-size: 14px;text-transform: uppercase;color: #595959;} .templateCollection .breadcrumb-style a span{text-transform: uppercase;} .templateCollection .breadcrumb-style span[aria-hidden="true"]{display: inline-block;padding: 0 32px 0;position: relative;top: 2px;} /*=========== Top Banner =============*/ .templateCollection #page-head .heading{font-family: 'Montserrat', sans-serif;font-size: 56px;font-weight: 900;letter-spacing: 2px;} .templateCollection #page-head{margin: 35px 0;border-radius: 6px;padding: 50px 0;overflow: hidden;} /*=========== Right Side =============*/ .right-side .tab-price{display: inline-block;width: 100%;vertical-align: top;background: #4d4d4d;margin: 0 0 35px;} .right-side .tab-price ul{padding: 0;margin: 0;display: inline-block;width: auto;float: left;list-style: none;} .right-side .tab-price ul li{display: inline-block;margin: 0;padding: 0 10px;float: left;} .right-side .tab-price ul li a{color: #fff;display: inline-block;padding: 15px 9px;position: relative;float: left;} .right-side .tab-price ul.left-tab{padding: 0 0 0 40px;} .right-side .tab-price ul.left-tab li a{color: #F8F8F8;font-size: 13px;font-weight: bold;font-family: 'Roboto', sans-serif;} .right-side .tab-price ul.left-tab li a:hover{color: #fff;opacity: 1;} .right-side .tab-price ul.left-tab li a:after{position: absolute;bottom: -2px;content: '';left: 0;right:100%;display: block;height: 4px;background: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.1);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .right-side .tab-price ul.left-tab li a.active:after, .right-side .tab-price ul.left-tab li a:hover:after{right: 0;} .right-side .tab-price ul.list-grid-view{display: inline-block;float: right;} .right-side .tab-price ul.list-grid-view li{padding: 0;} .right-side .tab-price ul.list-grid-view li a{padding: 20px 24px 21px;border-left: 2px solid #F8F8F8;} .collection-with-sidebar .products-list-wrapper {margin: 0 -15px 50px;display: -ms-flexbox;display: flex;flex-wrap: wrap;width: auto;justify-content: inherit;} .collection-with-sidebar .products-list-wrapper .products-list {max-width: 33.33%;margin: 0 0 30px;display: inline-block;float: left;padding: 0 15px 0;} .products-list-wrapper .products-list .product-box{display: -ms-flexbox;display: flex;flex-wrap: wrap;-ms-flex-pack: center;justify-content: center;height: 100%;width: 100%;vertical-align: top;box-shadow: 0 2px 5px rgba(0,0,0,0.1);background: #fff;position: relative;padding: 30px 0 30px 0;} .product-box .top-detail{display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;padding: 23px 23px 0;position: absolute;top: 0;left: 0;right: 0;z-index: 99;} .product-box .tag-new {font-family: 'Roboto', sans-serif;font-size: 10px;text-transform: uppercase;font-weight: 900;background: #B59667;border-radius: 4px;color: #fff;padding: 7px 18px;display: inline-block;} .product-box ul.right-icon{padding: 0;margin: 0;list-style: none;} .product-box ul.right-icon li{display: inline-block;float: left;margin: 0 0 0 24px;} .product-box .container_item{text-align: center;display: inline-block;width: 100%;vertical-align: top;} .product-box .container_item img{margin: 0 auto;max-height: 200px;} .product-box h4.title{display: inline-block;width: 100%;vertical-align: top;margin: 25px 0 30px;text-align: center;padding:0 10px;} .product-box h4.title a{font-family: 'Roboto', sans-serif;color: #4D4D4D;font-size: 20px;font-weight: bold;} .product-box .stamped-product-reviews-badge{display: inline-block;width: 100%;text-align: center;} .product-box .stamped-product-reviews-badge .stamped-starrating, .product-box .stamped-product-reviews-badge span.stamped-badge-caption{display: inline-block;} .product-box .stamped-product-reviews-badge span.stamped-badge-caption{color: #B3B3B3;font-size: 13px;font-family: 'Roboto', sans-serif;font-weight: 900;margin: 0 0 0 15px;} .product-box .stamped-product-reviews-badge span.stamped-badge-caption:after{display: none;} .product-box .stamped-product-reviews-badge .stamped-starrating i{color: #B59667;} .product-box .stamped-product-reviews-badge .stamped-starrating i:before{font-size: 24px;} .product-box .collection-prod-details{display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;margin: 30px 0 0;} .product-box .collection-prod-details .price{margin: 0 17px 0 0;} .product-box .collection-prod-details .price .money{color: #A6A6A6;font-size: 16px;font-weight: 900;font-family: 'Roboto', sans-serif;} .product-box .collection-prod-details .price .original{position: relative;} .product-box .collection-prod-details .price .original:after {position: absolute;content: "";top: calc(50% - 2px);left: 0;width: 100%;height: 3px;background: #A6A6A6;} .collection-with-sidebar .products-list-wrapper .product-description, .product-box .product-images .stamped-product-reviews-badge{display: none !important;} /*=========== List View =============*/ .collection-with-sidebar .products-list-wrapper.list-view .products-list{width: 100%;max-width: 100%;} .collection-with-sidebar .products-list-wrapper.list-view .product-description{display: inline-block !important;width: 100%;vertical-align: top;} .collection-with-sidebar .products-list-wrapper.list-view .product-box{display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;padding: 30px 0;} .list-view .product-box .product-images{width: 33.33%;} .list-view .product-box .product-images .stamped-product-reviews-badge{display: inline-block !important;} .list-view .product-box .product-detail{width: 66.66%;padding: 0 100px 0 20px;position: relative;} .list-view .product-box .stamped-product-reviews-badge{display: none !important;} .list-view .product-box h4.title{text-align: left;margin: 0 0 15px;} .list-view .product-box .product-description{margin: 0;color: #BFBFBF;font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 18px;text-align: left;} .list-view .product-box .collection-prod-details{margin: 0;} .list-view .product-box .collection-prod-details .price{position: absolute;top: 50%;right: 30px;margin: -13px 0 0;} .list-view .product-box #product-add-submit{display: none;} .list-view .product-box ul.right-icon li a{display: none;} .list-view .product-box ul.right-icon li a.wishlist{position: absolute;top: 173px;right: 25px;display: block;z-index: 1;} /*=========== Sidebar =============*/ .collection-with-sidebar .sidebar .sidebar-inner{background: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.1);display: inline-block;width: 100%;vertical-align: top;} .collection-list{list-style: none;display: inline-block;width: 100%;vertical-align: top;margin: 0;padding: 0;} .collection-list li.collection{margin: 0;padding: 0 25px;border-bottom: 1px solid #D8D8D8;display: inline-block;width: 100%;vertical-align: top;} .collection.mobile-toggle{display: none;} .sidebar .collection-price{margin: 0;padding: 0 25px;border-bottom: 1px solid #D8D8D8;display: inline-block;width: 100%;vertical-align: top;} .collection-price h3{color: #4D4D4D;font-size: 15px;font-family: 'Roboto', sans-serif;font-weight: 500;margin: 0;padding: 27px 0;position: relative;cursor: pointer;} .collection-price h3:after{position: absolute;right: 0;top: 50%;content: '';background: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/top-arrow.svg?15790);height: 10px;width: 14px;display: inline-block;margin: -5px 0 0;background-repeat: no-repeat;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .active.collection-price h3:after{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} .active.collection-price h3, .collection-price h3:hover{color: #B59667;} .collection-accordion h4{margin: 0;position: relative;cursor: pointer;display: inline-block;width: 100%;vertical-align: top;} .collection-accordion h4 a{padding: 27px 0;color: #4D4D4D;font-size: 15px !important;font-family: 'Roboto', sans-serif;font-weight: 500 !important;display: inline-block;width: 100%;vertical-align: top;line-height: 1;opacity: 1;} /* .collection-accordion h4:after{ position: absolute; right: 0; top: 50%; content: ''; background: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/top-arrow.svg?15790); height: 10px; width: 14px; display: inline-block; margin: -5px 0 0; background-repeat: no-repeat; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .collection-list li.active .collection-accordion h4:after{ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } */ .collection-list li.active .collection-accordion h4 a, .collection-accordion h4 a:hover{color: #B59667;} .collection-list li .variant-box, .collection-price .variant-boxs{display: none;} .collection-price.active .variant-boxs{padding: 0 0 27px;} .collection-list li.active .variant-box{display: inline-block;width: 100%;vertical-align: top;padding: 0 0 27px;margin: 10px 0 0;} .collection-price.active .variant-boxs{display: inline-block;width: 100%;vertical-align: top;margin: 10px 0 0;} .ui-slider {position: relative;text-align: left;} .ui-slider-horizontal {height: 5px;border-radius: 30px;} .ui-widget.ui-widget-content {background: #BFBFBF;} .ui-widget-header {background: #B59667;} .ui-slider .ui-slider-handle {position: absolute;z-index: 2;width: 1.2em;height: 1.2em;cursor: default;-ms-touch-action: none;touch-action: none;} .ui-slider-horizontal .ui-slider-handle {top: -.3em;margin-left: -.6em;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border-radius: 50%;height: 17px;width: 17px;background: #B59667;} .ui-slider .ui-slider-range {position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;} .ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;} .ui-state-default:focus{box-shadow: none;outline: none;} .variant-boxs .price-input{margin: 23px -8px 0 ;} .variant-boxs .price-input .js-qty{display: inline-block;width: 50%;float: left;padding: 0 7px;border:0px solid transparent;max-width: 100%;} .variant-boxs .price-input .js-qty button{display: none;} .variant-boxs .price-input .js-qty input{height: 47px;line-height: 47px;padding: 0 15px;background:#4D4D4D;color: #fff;font-size: 12px;border:0px solid transparent;border-radius: 4px;width: 100%;font-family: 'Roboto', sans-serif;display: inline-block;font-weight: bold;vertical-align: middle;text-align: left;} .variant-box ul.grid.grid--uniform{display: block;vertical-align: top;margin: 0 -15px;padding: 0;} .variant-box .grid.grid--uniform li{width: 50%;float: left;display: inline-block;margin: 0;padding: 0 15px 20px;} .variant-box .grid.grid--uniform li:nth-child(2n+1){clear: both;} .variant-box .grid.grid--uniform li:blank {display: none;} .variant-box .grid.grid--uniform li:-moz-only-whitespace { display: none; } .variant-box .grid.grid--uniform li label.container {color: #4D4D4D;font-size: 13px;font-family: 'Roboto', sans-serif;font-weight: 500;cursor: pointer;position: relative;padding: 0px 0 0 33px;float: left;width: 100%;vertical-align: top;} .variant-box .grid.grid--uniform li input[type="checkbox"] {height: 23px !important;width: 23px !important;background: #4D4D4D !important;border-radius: 4px;border: 0px solid transparent;position: absolute;left: 0;top: 3px;} .variant-box .grid.grid--uniform li input[type="checkbox"]:checked{box-shadow: none;background: #B59667 !important;} .variant-box .grid.grid--uniform li input[type="checkbox"]:checked:after{content: "";position: absolute;left: 8px;top: 5px;width: 7px;height: 11px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} @media screen and (max-width: 991px){ .collection-with-sidebar .right-side,.collection-with-sidebar .sidebar{width: 100%;} .templateCollection #page-head .heading{font-size: 36px;} .collection-price h3{border:0px solid transparent;} .sidebar .collection-list{display: none;max-width: 100%;} .sidebar .collection-list > li.collection{border-bottom: 1px solid #D8D8D8;} .collection.mobile-toggle{display: block;} .collection.mobile-toggle .collection-accordion h4{padding: 27px 25px;color: #4D4D4D;font-size: 15px !important;font-family: 'Roboto', sans-serif;font-weight: bold !important;display: inline-block;width: 100%;vertical-align: top;line-height: 1;opacity: 1;margin: 0;position: relative;} .collection.mobile-toggle .collection-accordion h4.active{color: #b59667;} .collection.mobile-toggle .collection-accordion h4:after{position: absolute;right: 25px;top: 50%;content: '';background: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/top-arrow.svg?15790);height: 10px;width: 14px;display: inline-block;margin: -5px 0 0;background-repeat: no-repeat;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .collection.mobile-toggle .collection-accordion h4.active:after{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} .sidebar .collection-list.active{display: block;} } @media screen and (max-width: 640px){ .collection-with-sidebar .products-list-wrapper .products-list{max-width: 50%;} .right-side .tab-price ul.list-grid-view{float: none;} .right-side .tab-price ul.list-grid-view li:last-child a{border-right: 2px solid #fff;} .right-side .tab-price{text-align: center;} .right-side .tab-price ul.left-tab {padding: 0 20px 20px;width: 100%;text-align: center;} .right-side .tab-price ul li{float: none;} .product-box h4.title a{font-size: 16px;} .product-box h4.title{margin: 10px 0 10px;} .product-box .collection-prod-details{margin: 10px 0 0;} .product-box .collection-prod-details .price .money{font-size: 14px;} .product-box .stamped-product-reviews-badge .stamped-starrating i:before{font-size: 16px;} .product-box .top-detail{padding: 10px 10px 0;} .product-box .tag-new{padding: 5px;font-size: 8px;} .product-box ul.right-icon li{margin: 0 0 0 10px;} .templateCollection #page-head .heading{font-size: 26px;} .templateCollection #page-head{padding: 30px 0;margin: 15px 0;} .collection-with-sidebar .products-list-wrapper.list-view .product-box{display: inline-block;width: 100%;vertical-align: top;} .list-view .product-box ul.right-icon li a.wishlist{top: 0;position: relative;right: 0;} .list-view .product-box .product-images{width: 100%;} .list-view .product-box .product-detail{width: 100%;padding: 0 20px;} .list-view .product-box h4.title{text-align: center;margin: 15px 0 15px;} .collection-with-sidebar .products-list-wrapper.list-view .product-description{text-align: center;margin: 0 0 20px;} .list-view .product-box .collection-prod-details .price{position: relative;right: 0;top: 0;margin: 0;} .templateCollection .breadcrumb-style, .right-side .tab-price{display: none;} } @media screen and (max-width: 480px){ .collection-with-sidebar .products-list-wrapper .products-list{padding: 0 5px;margin: 0 0 15px;} .collection-with-sidebar .products-list-wrapper{margin: 0 -5px 30px} .right-side .tab-price ul li{padding: 0 5px;} .right-side .tab-price ul.left-tab li a{padding: 10px 2px;font-size: 11px;} .right-side .tab-price ul.list-grid-view li a{padding: 10px 14px 11px;} } /* =============================== FAQ Page =============================== */ .faq-page h2 {margin: 30px 0px 15px;font-size: 28px;text-transform: uppercase;} .accordion .inner{display: none;width: 100%;padding: 15px 15px 0;} .accordion{display: inline-block;width: 100%;vertical-align: top;list-style: none;margin: 0;padding: 0;} .accordion > li{display: inline-block;width: 100%;vertical-align: top;border:1px solid #D8D8D8;margin: 0 0 10px;border-radius: 4px;padding: 0;list-style: none;} .accordion a.toggle{display: inline-block;width: 100%;padding: 15px 30px 15px 15px;margin: 0;position: relative;font-family: 'Roboto', sans-serif;color: #4D4D4D;font-size: 18px ;font-weight: bold;line-height: 28px;cursor: pointer;} .accordion a.toggle.active{border-bottom: 1px solid #D8D8D8;background: #fafafa;color: #000;} .accordion a.toggle:after{position: absolute;right: 10px;top: 50%;content: '';background: url(//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/top-arrow.svg?15790);height: 10px;width: 14px;display: inline-block;margin: -5px 0 0;background-repeat: no-repeat;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .accordion a.toggle.active:after{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} .accordion p{font-size: 16px;font-family: 'Roboto', sans-serif;font-weight: 400;line-height: 26px;margin: 0 0 15px;display: inline-block;width: 100%;vertical-align: top;} .accordion li{font-size: 16px;font-family: 'Roboto', sans-serif;font-weight: 400;line-height: 26px;} .table-responsive tr td {border-top: 1px solid #ccc;border-left: 1px solid #ccc;display: table-cell;padding: 10px 10px;} .table-responsive tr td:last-child {border-right: 1px solid #ccc;} .table-responsive tr td[rowspan="2"] {border-bottom: 1px solid #ccc;} .table-responsive tr:last-child td {border-bottom: 1px solid #ccc;} @media screen and (max-width: 991px){ .faq-page h2{margin: 20px 0px 15px;font-size: 24px;} .accordion a.toggle{font-size: 16px;padding: 12px 30px 12px 12px;line-height: 26px;} .accordion p{margin: 0 0 10px;} } @media screen and (max-width: 767px){ .faq-page h2{margin: 10px 0px 10px;font-size: 20px;} .accordion a.toggle {font-size: 14px;padding: 10px 30px 10px 10px;line-height: 24px;} .accordion .inner{padding: 10px 15px 0;} .accordion .inner ol, ul{padding: 0 0 0 20px;margin: 12px 0;} .accordion p{font-size: 14px;line-height: 24px;} .accordion li{font-size: 14px;line-height: 24px;} .table-responsive tr td{padding: 5px 5px;} } @media screen and (max-width: 575px){ .faq-page h2{font-size: 18px;} .accordion a.toggle{padding: 10px 40px 10px 10px;} } @media screen and (max-width: 375px){ .accordion .inner {padding: 10px 10px 0;} .table-responsive p {font-size: 12px;line-height: normal;} } /* Collection Sidebar ================================================== */ .sidebar .collection-list li.collection{margin: 0;padding: 0 25px;border-bottom: 1px solid #D8D8D8;display: inline-block;width: 100%;vertical-align: top;} .sidebar .collection-list li.collection a{padding: 27px 0;color: #4D4D4D;font-size: 15px !important;font-family: 'Roboto', sans-serif;font-weight: 500 !important;display: inline-block;width: 100%;vertical-align: top;line-height: 1;opacity: 1;} .sidebar .collection-list li.collection a:hover{color: #B59667;} /* Breadcrumb ================================================== */ .prod-breadcrumb-wrapper .breadcrumb{display: inline-block;width: 100%;} .prod-breadcrumb-wrapper .breadcrumb span {float: left;} .prod-breadcrumb-wrapper .breadcrumb span:last-child a{margin-right: 0;} .prod-breadcrumb-wrapper .breadcrumb span a{margin-right: 10px;} .prod-breadcrumb-wrapper .breadcrumb span img{margin-right: 10px;float: left;margin-top: 5px;} @media screen and (max-width: 767px){ .prod-breadcrumb-wrapper{padding-left: 0;} .prod-breadcrumb-wrapper .breadcrumb span{font-size: 16px;} } #product-subscription .radio_option select{float:right;width:auto;height:30px;padding:0 25px 0 15px;text-transform:uppercase;font:700 14px/30px "Circular",Helvetica,sans-serif;color:#fff;background:url("//cdn.shopify.com/s/files/1/1381/2667/t/18/assets/icon-select-dropdown-white.svg?15790") 105% 12px no-repeat; -webkit-background-size:20px;background-size:20px;box-shadow:inset 0 0 0 1px #fff;} /* Page Studio by ShopPad */