/** Shopify CDN: Minification failed Line 783:57 Unexpected ";" Line 921:4 Comments in CSS use "/* ... */" instead of "//" **/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} /* ol, ul {list-style: none;} */ blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} body {font-family: 'Open Sans', sans-serif; color: #3b3b3b; padding-top: 68px;} .container {margin: 0 auto; max-width: 1170px; padding: 0 15px; position: relative;} strong {font-weight: bold;} /* .slider .slide {display: none !important;} .slider .slide:first-child {display: block !important; } */ /*Product Modal*/ #product-modal { z-index:9999; background:#fff; background:rgba(255,255,255,.9); position:fixed; left:0; top:0; right:0; bottom:0; text-align:center; } #product-modal .product-modal-inner { margin:10%; } #product-modal .product-modal-inner img { display:inline-block; } #product-modal .product-modal-close { position:absolute; top:25px; right:25px; font-size:30px; font-weight:700; color:#666; } /*Banner*/ #qab_message strong {font-weight:bold} #qab_message em {font-style:italic; color:#ffffff} /*Agree to Terms*/ #agreetoterms { display:none; position:fixed; bottom:0; left:0; right:0; background:#222; color:#fff; font-size:14px; line-height:22px; padding:20px 10px; font-weight:400; cursor:pointer; font-family:sans-serif; z-index: 500000; text-align: center;} /* #agreetoterms small { position:absolute; right:10px; top:10px; padding:3px 8px; border:1px solid #ccc; border-radius:4px; display:inline-block; font-size:12px; text-transform: uppercase; text-align:right; color:#ccc; font-weight:700; } #agreetoterms:hover small { color:#fff; } */ #agreetoterms a {color: #fff;} #agreetoterms i {padding-left: 10px;} /* Button */ .yellow-btn {font-family: 'Poppins', sans-serif; font-weight: 300; background: #ecca42; border-radius: 90px; padding:10px 20px; color: #000; text-decoration: none; white-space: nowrap; display:inline-block; font-size: 21px;} /* Top Header */ .customer-logged-in #header ul a {color: #3b3b3b; font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 300; padding:0 10px; text-decoration: none;} .customer-logged-in #header ul span img{height: 30px !important;padding-right: 10px;position: relative;top: 8px;} #header {z-index: 1010; -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.2); -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.2); box-shadow: 0 3px 5px rgba(57, 63, 72, 0.2);} #header .top-header-wrapper {background-color: #fff;} #header .top-header {height: 34px; position: relative;} #header .top-header .logo-text {text-decoration: none;} #header .logo-text {color: #135389; font-family: 'Poppins', sans-serif; font-size: 28px; top: 3px; position: relative; display: inline-block; padding-left: 15px;} #header .top-header ul {position: absolute; right: 60px; top: 11px;} #header .top-header ul li {display: inline-block; border-right-color: #fff; padding: 0;} #header .top-header ul li:first-child a {border-right: 2px solid #3b3b3b !important; padding-right: 15px; border: none; } #header .top-header ul li a {color: #3b3b3b; font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 300; padding:0 10px; text-decoration: none;} #header .top-header ul li a:hover {text-decoration: underline;} #header .top-header ul li a span .my-account-icon {height: 20px !important; padding-right: 10px; position: relative; top:4px;} #header .top-header .user-icon {color: #4b8dbf; padding-right: 10px;} #header .top-header .shopping-cart-icon {height: 20px !important; position: absolute; margin-top: -16px; right: 0; top: 69%;} #header .top-header .shopping-cart-icon i {position: relative;top: 4px; color: #4b8dbf;} #CartCount { background-color: #d77a34;color: #fff;font-weight: bold;padding: 4px;border-radius: 100%;position: absolute;right: 28px;top: 20%;font-size: 12px;width: 10px;height: 10px;text-align: center;} #header .free-shipping-banner {background-color: #135389; display:none; text-align: center;} #header .free-shipping-banner .container {display: flex; justify-content: center; align-items: center; padding: 5px 15px;} #header .free-shipping-banner img {position: relative; padding-right: 10px; top: 0px; width: 25px;} #header .free-shipping-banner p {color: #fff; display: inline-block; font-family: 'Cherry Swash', cursive; font-size: 24px; font-weight: 700; } #header.transition, #header.transition div { -webkit-transition: all 100ms; transition: all 100ms; } #header.absolute { position: absolute; top: 0; width: 100%; } #header.fixed { position: fixed; top: 0; width: 100%; } #header.slide { animation-name: slide; animation-duration: 300ms; } @-webkit-keyframes slide { from {top: -200px;} to {top: 0px;} } @keyframes slide { from {top: -200px;} to {top: 0px;} } #header.fade { animation-name: fade; animation-duration: 300ms; } @-webkit-keyframes fade { from {opacity: 0;} to {opacity: 1;} } @keyframes fade { from {opacity: 0;} to {opacity: 1;} } #header .logo img {width: 60px; vertical-align: middle;} #header.compact .logo img {width: 40px;} #header.compact .logo h1 {margin-top: 10px;} #header.compact .top-header {height: 35px; } #header.compact .top-header h1 {font-size: 20px; margin-top: -10px;} #header.compact .top-header ul li a {font-size: 15px;} #header.compact .top-header ul li a span .my-account-icon {height: 20px !important; top: 4px;} #header.compact .top-header .shopping-cart-icon {height: 20px !important; top: 8px; margin-top: 0;} #header.compact .main-nav nav {margin-top: -15px;} #header.compact .main-nav nav .nav-links {font-size: 22px;} #header.compact .main-nav .search img {height: 30px !important; top: 10px;} @media(max-width: 600px){ .customer-logged-in #header ul .become-a-partner {display: none;} } /* Main Nav */ #header .main-nav .wrapper {background-color: #fff; padding: 5px 0;} #header .main-nav .logo {width: 73px; text-decoration:none; position: relative; bottom: 16px;} #header .mobile-menu {display: none;} #header .main-nav nav {margin-top: -15px; position: absolute; right: 50px; top: 50%;} /* #header .main-nav nav ul {padding: 0 !important;} */ #header .main-nav nav li {display: inline-block; padding: 0 15px; padding-bottom: 31px; border-right: none;} #header .main-nav nav .nav-links {color: #3b3b3b !important; font-family: 'Poppins', sans-serif; font-size: 24px; text-decoration: none;} #header .main-nav nav .nav-links:hover {color: #82b430 !important;} #header .main-nav nav .nav-links .fa-angle-down {font-size: 20px; padding-right: 10px;} #header .main-nav nav .nav-links:active {color:#6695be !important;} #header .main-nav nav .close-menu {display: none;} #header .main-nav .search img {height: 30px !important; position: absolute; right: 15px; top: 13px; } #header .main-nav nav .nav-free-shipping {display: none;} #header .main-nav nav .shop.active {color:#d77a34 !important; border-bottom: 2px solid;} #header .main-nav nav .all.active { background-color: #f5f4f4; color: #6b97bf !important; } #header .main-nav nav .category.active { background-color: #f5f4f4; color: #6b97bf !important; } #header .main-nav nav .international-orders.active { background-color: #f5f4f4; color: #6b97bf !important; } #header .main-nav nav .ordering-information.active { background-color: #f5f4f4; color: #6b97bf !important; } #header .main-nav nav .categories.active {color:#d77a34 !important; border-bottom: 2px solid;} #header .main-nav nav .our-story.active {color:#d77a34 !important; border-bottom: 2px solid;} #header .main-nav nav .blog.active {color:#d77a34 !important; border-bottom: 2px solid;} /*Sub Nav*/ #header .main-nav nav ul .dropdown { display:none; position:absolute; left:0px; top:47px; min-width:250px; height:auto; background:#fff; z-index: 1000; text-align: center; padding: 40px 20px !important;} #header .main-nav nav ul .dropdown .sub-icon {background-color: #6b97bf;bottom: 0px;height: 18.5px;left: 50%;margin-left: -38.5px;position: absolute;width: 65px;border-radius: 50% / 100%;border-bottom-left-radius: 0;border-bottom-right-radius: 0;-webkit-box-shadow: 0px -1px 5px 0px rgba(245,244,244,1);-moz-box-shadow: 0px -1px 5px 0px rgba(245,244,244,1);box-shadow: 0px -1px 5px 0px rgba(245,244,244,1);} #header .main-nav nav ul li:last-child ul { left:auto; right:0; } #header .main-nav nav ul li:hover ul { display:block; } #header .main-nav nav ul li ul li { float:none; margin:0; padding:0; display: block;} #header .main-nav nav ul li ul li a { display:block; height:auto; padding:0 15px; line-height:35px; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 300; color:#3b3b3b !important; text-decoration:none; white-space:nowrap; } #header .main-nav nav ul li ul li:hover a { background:#e5904f; color: #fff; font-weight: 700; } #header .main-nav nav ul li ul li ul { display:none; } @media(max-width: 1050px) { #header .free-shipping-banner {display: block;} #header.compact .free-shipping-banner {display: none; } #header .top-header h1 {font-size: 20px; } #header .top-header {height: 35px; } #header .top-header h1 {font-size: 20px; margin-top: -10px;} #header .top-header ul li a {font-size: 15px;} #header .top-header ul li a span .my-account-icon {height: 20px !important; top: 4px;} #header .top-header .shopping-cart-icon {height: 20px !important; top: 8px; margin-top: 0;} } @media(max-width: 900px){ #header .main-nav nav li {padding: 0 10px;} #header .logo-text {font-size: 23px;} #header .main-nav nav ul .dropdown { top: 30px;} } @media(max-width: 867px) { #header .logo-text {display: none;} } @media(max-width: 767px) { #header .top-header ul {position: relative; text-align: center; right: 0;} #header .top-header .logo-text {display: none;} #header .main-nav nav {display: none;} #header .main-nav nav.show {background-color: #fff; display: block; left: 0; margin-top: 0; position: fixed; right: auto; top: 0; width: 85%; height: 100vh; padding: 50px 10px; z-index: 1001; padding-left: 0; padding-right: 0; -webkit-box-shadow: 5px 0px 5px 0px rgba(195,195,195,1);-moz-box-shadow: 5px 0px 5px 0px rgba(195,195,195,1);box-shadow: 5px 0px 5px 0px rgba(195,195,195,1); } #header .main-nav nav.show ul li {display: block; line-height: 40px;} #header .main-nav nav.show ul ul {background: none; display: block; position: relative; top: auto; padding-top: 10px; text-align: left;} #header .main-nav nav ul li ul li:hover a { background: none; color: #3b3b3b;} #header .main-nav nav ul li ul li a:active {color: #6695be;} #header .main-nav nav.show .close-menu {display: block; position: absolute; top: 27px; right: 27px; width: 40px;} #header .main-nav nav.show .nav-free-shipping {display: block; padding: 30px 0; background-color: #f5f4f4; text-align: center; position: fixed; width: 85%; bottom: 0;} #header .main-nav nav.show .nav-free-shipping p {font-size: 50px; font-family: 'Amatic SC', cursive; display: inline-block; padding-left: 10px;} #header .main-nav .logo {display: block; margin: 0 auto; bottom: 0px;} #header.compact .main-nav .logo {width: 50px;} #header .main-nav .search img { height: 40px !important; top: 10px;} #header.compact .main-nav .search img {height: 36px !important;} #header .mobile-menu {display: block; position: absolute; top: 12px; left: 15px; width: 30px;} #header.compact .mobile-menu img {width: 30px;} #header .main-nav nav .nav-links .fa-angle-down {display: none;} #header .main-nav nav.show {z-index: 500000;} #header .main-nav nav .shop.active {color:#6b97bf; border-bottom: 2px solid;} #header .main-nav nav .all.active { background-color: #f5f4f4; color: #6b97bf; } #header .main-nav nav .category.active { background-color: #f5f4f4; color: #6b97bf; } #header .main-nav nav .international-orders.active { background-color: #f5f4f4; color: #6b97bf; } #header .main-nav nav .ordering-information.active { background-color: #f5f4f4; color: #6b97bf; } #header .main-nav nav .categories.active {color:#6b97bf; border-bottom: 2px solid;} #header .main-nav nav .our-story.active {color:#6b97bf; border-bottom: 2px solid;} #header .main-nav nav .blog.active {color:#6b97bf; border-bottom: 2px solid;} #header .main-nav nav ul .dropdown .sub-icon {display: none;} } @media(max-width: 500px) { #header .main-nav nav.show ul {padding: 0; } #header .top-header ul {text-align: left; padding-top: 0px;} #header .top-header ul li a span .my-account-icon {height: 20px !important; top: 5px;} #header .top-header .shopping-cart-icon { height: 20px !important; top: 8px; } #header .top-header ul li a {font-size: 16px; padding: 0 5px;} #header .free-shipping-banner img {width: 30px;} #header .free-shipping-banner p {font-size: 18px;} #header .main-nav nav.show .nav-free-shipping p {font-size:35px !important;} #header .main-nav nav.show .nav-free-shipping span img {width: 30px;} #CartCount {right: 28px; top: 23%; } } /* Overlay */ #overlay {display: none;} #overlay.show {display: block; position: fixed; top: 0; left: 0; right: 0; height: 100vh; background-color: rgba(255,255,255,.5);z-index: 200000; padding-top:50px;} #overlay.show .wrapper {background-color:#71aa3d;-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); } #overlay.show .search-bar-holder { padding: 15px 40px 30px 0; text-align: center;} #overlay.show .search-bar-holder .product-search-title {color: #fff; display: inline; font-family: 'Open Sans', sans-serif; font-size: 30px; font-weight: 700; position: relative; top: 7px; padding-right: 15px; } #overlay.show .search-bar-holder .searchbar { border: none; border-radius: 5px; padding: 10px 20px; width:290px;} #overlay.show .search-bar-holder .searchbar::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-style: italic !important;font-size: 16px;letter-spacing: 1px;text-align: center;font-family: 'Open Sans', sans-serif !important;} #overlay.show .search-bar-holder .searchbar::-moz-placeholder { /* Firefox 19+ */font-style: italic !important;font-size: 16px;letter-spacing: 1px;text-align: center;font-family: 'Open Sans', sans-serif !important;} #overlay.show .search-bar-holder .searchbar:-ms-input-placeholder { /* IE 10+ */font-style: italic !important;font-size: 16px;letter-spacing: 1px;text-align: center;font-family: 'Open Sans', sans-serif !important;} #overlay.show .search-bar-holder .searchbar:-moz-placeholder { /* Firefox 18- */font-style: italic !important;font-size: 16px;letter-spacing: 1px;text-align: center;font-family: 'Open Sans', sans-serif !important;} #overlay.show .search-bar-holder .searchbar-button { width: 45px; height: 45px; display: inline-block; background-color: #f5d462;position: relative; top: 18px; border-radius: 50%; margin-left:15px;} #overlay.show .search-bar-holder .searchbar-button img {height: 35px; width: 30px;position: absolute;top: 7px;margin-left: -15px;} #overlay.show .search-bar-holder .searchbar-close-icon {position: absolute; top: 32px;right: 15px; width: 35px;} #overlay.show .search-bar {display: inline-block;} #overlay.show .search-bar button {border: none; border-radius: 100%; background-color:#f5d462; padding: 8px; position: relative; top: 7px; margin-left: 15px; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); } #overlay.show .search-bar button img {width: 30px;} @media(max-width: 676px) { #overlay.show .search-bar-holder .product-search-title {display: none;} #overlay.show .search-bar {width: 100%;} #overlay.show .search-bar-holder .searchbar {width: 80%;} } @media(max-width: 500px) { #overlay.show .search-bar-holder {text-align: left;} #overlay.show .search-bar-holder .searchbar-button {margin-left: 5px;} #overlay.show .search-bar-holder .searchbar-button img {left: 22px;} } @media(max-width: 425px) { #overlay.show .search-bar-holder .searchbar {width: 70%;} } /* Promo */ #promo {margin-top: 40px;} #promo .container {height: 380px;} #promo .slider .slide .promo-text-holder {background-color: rgba(255,255,255,.85); display: table; height: 200px; max-width: 445px; position: absolute; padding:24px 30px; text-align: center; top: 50%; margin-top: -124px;} #promo .slider .slide .promo-text-holder span {display: table-cell; vertical-align: middle;} #promo .slider .slide .promo-text-holder h2 {color: #d77a34; font-family: 'Open Sans', sans-serif; font-size: 38px; line-height: 45px; font-weight: 700; padding-bottom: 5px;} #promo .slider .slide .promo-text-holder h2 a {text-decoration:none; color: #d77a34;} #promo .slider .slide .promo-text-holder p {font-family: 'Poppins', sans-serif; font-size:23px; line-height: 33px; padding: 5px 0px 15px; font-weight: 300; color: #3b3b3b;} #promo .slider .slide .promo-text-holder p a {text-decoration:none; color:#222;} #promo .slider .slide .promo-text-holder p strong {font-weight:bold;} #promo .pager { display: none; width: 100%; text-align: center;} #promo .pager a {cursor: pointer; height: 30px; width: 30px; background-image: url('/cdn/shop/t/8/assets/non-active-pagination.png?9630922487645868343'); display: inline-block; padding: 0 5px; background-repeat: no-repeat;} #promo .pager a.active {background-image: url('/cdn/shop/t/8/assets/active-pagination.png?9630922487645868343');} #promo .slider .slide { display:none; } #promo .slider .slide:first-child { display:block; } @media(max-width:768px) { #promo .container { padding: 0; } #promo .slider .slide .promo-text-holder {display: block; height: auto; top: auto; left: 0; right: 0; bottom: 0; padding:15px; max-width: 100%; } #promo .slider .slide .promo-text-holder span {display: block;} #promo .slider .slide .promo-text-holder h2 {font-size: 30px; line-height: 40px;} #promo .slider .slide .promo-text-holder p {font-size: 28px;} } @media(max-width: 676px) { #promo .pager {display: block; top: 35px; position: relative; z-index: 1000} #promo .slider .slide .promo-text-holder p {font-size: 28px;} #promo .slider .slide .promo-text-holder img {display: none;} } @media(max-width: 500px) { #promo .container {height: 300px;} #promo .slider .slide .promo-text-holder {background-color: rgba(255,255,255,.9)} #promo .slider .slide .promo-text-holder h2 {font-size: 25px; line-height: 30px;} #promo .slider .slide .promo-text-holder p {font-size: 19px; line-height: 29px;} } /* Best Sellers */ #best-sellers-banner .wrapper1 {background-color: #135389; min-height: 50px;} #best-sellers-banner p {color: #fff; display: inline-block; font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 50px;} #best-sellers-banner ul {display: inline-block; padding: 0 !important;} #best-sellers-banner ul li {display: inline-block; padding: 0 15px; border-right: 1px solid #29679b;} #best-sellers-banner ul li:last-child {border: none;} #best-sellers-banner ul li a {color: #fff !important; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; text-decoration: none;} #best-sellers-banner ul li a:hover {text-decoration: underline;} #best-sellers-banner .more-best-sellers { color: #d77a34; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600;} #best-sellers-banner .free-shipping { position: absolute; right: 15px; top: 0;} #best-sellers-banner .free-shipping img {height: 30px !important; padding-right: 15px; position: relative; top: 7.5px;} #best-sellers-banner .free-shipping p { color: #fff; font-family: 'Poppins', sans-serif; font-size: 22px; } @media(max-width: 1050px) { #best-sellers-banner .free-shipping { display: none; } #header .free-shipping-banner {display: none;} #header.compact .free-shipping-banner {display: none; } } @media(max-width: 768px) { #best-sellers-banner {display: none;} } /* Categories */ #categories .container {padding: 70px 15px 30px 15px;} #categories .creditcard-icon {position: absolute; right: 15px; top: 13px; width: 200px;} /* #categories .section-header {display: table; height: 55px;} */ #categories .section-header h2 {color:#135389; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 40px; font-weight: bold; vertical-align: middle; padding-right: 15px;} /* #categories .section-header a {display: inline-block; padding-left: 10px;} */ #categories .category-carousel {padding: 24px 0; position: relative;} #categories .category-carousel a {text-decoration: none;} #categories .category-carousel a:hover .category .category-image .more-icon {background-color: #82b430;} #categories .category-carousel .btn-prev { display:none !important;position: absolute; left: -40px; margin-top:-20px; top: 50%; width: 40px; cursor: pointer;} #categories .category-carousel .btn-next { display:none !important;position: absolute; right: -40px; margin-top:-20px; top: 50%; width: 40px; cursor: pointer;} #categories .category-carousel .category .category-image {border-radius: 20px; overflow: hidden; position: relative;} #categories .category-carousel .category .category-image .more-icon { background-color: #d77a34; border-top-right-radius: 77px; border-top-left-radius: 77px; bottom: 2px; height: 38.5px; left: 50%; margin-left: -38.5px; position: absolute; width: 77px; } #categories .category-carousel .category .category-image .more-icon p {color:#fff; font-family: 'Poppins', sans-serif; font-size: 16px; position: relative; text-align: center; top: 12px;} #categories .category-carousel .category .category-title {color:#135389; font-family: 'Open Sans', sans-serif; font-size: 23px; font-weight: bold; padding-top: 10px; text-align: center; } #categories .category-carousel a:hover .category .category-title {color: #82b430;} @media(max-width: 1280px) { #categories .section-header {padding-left: 15px;} #categories .category-carousel {padding: 24px 40px;} #categories .category-carousel .btn-prev {left: 0;} #categories .category-carousel .btn-next {right: 0;} } @media(max-width: 767px) { #categories .category-carousel .col-25 {width: 50%;} #categories .section-header { margin: 0 auto; } #categories .creditcard-icon {display: none;} #categories .category-carousel .category { margin-bottom: 40px;} } /* Featured */ #featured .creditcard-icon {position: absolute; right: 15px; top: 13px; width: 145px;} #featured .section-header {display: table; height: 55px;} #featured .section-header h2 {color:#135389; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 40px; font-weight: bold; vertical-align: middle; padding-right: 15px;} /* #featured .section-header a {display: inline-block; padding-left: 10px;} */ #featured .section-header a img {height: 55px !important;} #featured .feature-carousel {padding: 24px 0; position: relative;} #featured .feature-carousel a { text-decoration: none; } #featured .feature-carousel .btn-prev {display: block !important;position: absolute; left: -20px; margin-top:-30px; top: 50%; width: 40px;} #featured .feature-carousel .btn-next {display: block !important;position: absolute; right: -40px; margin-top:-30px; top: 50%; width: 40px;} #featured .feature-carousel .btn-prev i {font-size: 30px; color: #4b8dbf;} #featured .feature-carousel .btn-prev i:hover {color: #71b700;} #featured .feature-carousel .btn-next i {font-size: 30px; color: #4b8dbf;} #featured .feature-carousel .btn-next i:hover {color: #71b700; } #featured .feature-carousel .feature-item .feature-image { border: 1px solid #ccc; border-radius: 20px; overflow: hidden; position: relative; text-align:center;} #featured .feature-carousel .feature-item .feature-image .more-icon { background-color: #d77a34; border-top-right-radius: 77px; border-top-left-radius: 77px; bottom: 0; height: 38.5px; left: 50%; margin-left: -38.5px; position: absolute; width: 77px; } #featured .feature-carousel a:hover .feature-item .feature-image .more-icon {background-color:#82b430;} #featured .feature-carousel .feature-item .feature-image .more-icon p {color:#fff; font-family: 'Poppins', sans-serif; font-size: 16px; position: relative; text-align: center; top: 12px;} #featured .feature-carousel .feature-item .feature-title {color:#135389; font-family: 'Open Sans', sans-serif; font-size: 23px; font-weight: bold; padding-top: 10px; text-align: center; } #featured .feature-carousel a:hover .feature-item .feature-title {color: #82b430;} #featured .feature-carousel .feature-item .type {color: #3b3b3b; font-family: 'Open Sans', sans-serif; font-size: 14.2px; font-style: italic; padding-top: 5px; text-align: center; } @media(max-width: 1280px) { #featured .section-header {padding-left: 15px;} #featured .feature-carousel {padding: 24px 40px;} #featured .feature-carousel .btn-prev {left: 0;} #featured .feature-carousel .btn-next {right: 0;} } @media(max-width: 767px) { #featured .feature-carousel .col-25 {width: 50%;} #featured .section-header { margin: 0 auto; } #featured .feature-carousel .feature-item { margin-bottom: 40px;} } @media(max-width: 400px) { #categories .section-header h2 {font-size: 34px;} #categories .section-header a img {width: 100%; height: auto !important;} #featured .section-header h2 {font-size: 34px;} #featured .section-header a img {width: 100%; height: auto !important;} } /* Add This */ #add-this-section .wrapper {padding: 22px 0 77px 0;} #atstbx { text-align: center; } /* Deals & Coupons */ #deals-and-coupons .wrapper {background-color: #71aa3d; padding: 50px 0 40px 0;} #deals-and-coupons h2 {color: #fff; font-family: 'Open Sans', sans-serif; font-size: 37.15px; font-weight: bold; padding-bottom: 23px; text-align: center;} #deals-and-coupons form {margin: 0 auto; max-width:700px;} /* #deals-and-coupons form .js-cm-submit-button:hover {background-color: #ffe57f !important;} */ #deals-and-coupons input[type="text"],#deals-and-coupons input[type="email"] {background-image: none !important; border: none; border-radius: 10px; font-size: 21px; height: 48px; padding: 10px 30px; width: 100%;} #deals-and-coupons input[type="text"]::-webkit-input-placeholder, #deals-and-coupons input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #ababab; font-size: 21px; text-align: left; font-family: 'Poppins', sans-serif; font-weight: 300;} #deals-and-coupons input[type="text"]::-moz-placeholder, #deals-and-coupons input[type="email"]::-moz-placeholder { /* Firefox 19+ */color: #ababab; font-size: 21px; text-align: left; font-family: 'Poppins', sans-serif; font-weight: 300;} #deals-and-coupons input[type="text"]:-ms-input-placeholder, #deals-and-coupons input[type="email"]:-ms-input-placeholder { /* IE 10+ */color: #ababab; font-size: 21px; text-align: left; font-family: 'Poppins', sans-serif; font-weight: 300;} #deals-and-coupons input[type="text"]:-moz-placeholder, #deals-and-coupons input[type="email"]:-moz-placeholder { /* Firefox 18- */color: #ababab; font-size: 21px; text-align: left; font-family: 'Poppins', sans-serif; font-weight: 300;} #deals-and-coupons .name-field {margin-bottom: 6px;} #deals-and-coupons .email-field {width: 49.5%; display: inline-block; padding-right: 2px;} #deals-and-coupons .postal-code-field {width: 49.5%; display: inline-block;} @media(max-width: 676px) { #deals-and-coupons form .col-50 { padding: 0; width: 100%; } #deals-and-coupons input[type="email"] {/*margin-bottom: 20px;*/} #deals-and-coupons .email-field {width: 100%; margin-bottom: 6px;} #deals-and-coupons .postal-code-field {width: 100%;} } /* Product Details */ /* Breadcrumb */ #breadcrumb .wrapper {padding: 25px 0; background-image: url(/cdn/shop/t/8/assets/breadcrumb-background.jpg?7360934040129087643); background-size: cover; background-repeat: no-repeat;} #breadcrumb ul li {display: inline; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 700;} #breadcrumb ul li a {color: #d77a34; text-decoration: none;} #breadcrumb ul li+li:before {padding: 0 8px; color: black; content: "\003e";} #breadcrumb .breadcrumb-nav a { color: #d77a34; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 700; } #breadcrumb .breadcrumb-nav span { color: gray; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 700; } #breadcrumb .breadcrumb-nav span:last-child {color: #3b3b3b; font-weight: 400;} #breadcrumb .breadcrumb-nav .prod-title {color: black; font-weight: 400; } #product-details #sale-banner .inner-sales-banner .sales {position: relative;} #product-details #sale-banner .inner-sales-banner .sales .arrow {position: absolute;width: 0; height: 0; right: -24px; border-top: 24px solid transparent; border-bottom: 23px solid transparent; border-left: 24px solid #d77a34;} /* Product Promo */ #product-details .product-promo .wrapper {padding: 50px 0;} #product-details .product-promo .col-80 {position: relative;} #product-details .product-promo .product-thumbnail-holder .product-thumbnail { margin-bottom: 10px; text-align: center;} #product-details .product-promo .product-thumbnail-holder .product-thumbnail img {border-radius: 10px; overflow: hidden; max-width: 101px; max-height: 101px; width: 100%;} #product-details .product-promo .main-product-image {position: relative;border: 1px solid #c6c6c6; border-radius: 25px; overflow: hidden;} #product-details .product-promo .main-product-image:hover {cursor: pointer;} #product-details .product-promo .new-icon {position: absolute; top: 0; left: 15px; z-index: 10;} #product-details .product-promo .main-product-image .pager {display: none; width: 100%; text-align: center;} #product-details .product-promo .main-product-image .pager a {cursor: pointer; height: 30px; width: 30px; background-image: url('/cdn/shop/t/8/assets/non-active-pagination.png?9630922487645868343'); display: inline-block; padding: 0 5px; background-repeat: no-repeat;} #product-details .product-promo .main-product-image .pager a.active { background-image:url('/cdn/shop/t/8/assets/active-pagination.png?9630922487645868343'); } #product-details .product-promo .see-more-thumbnails {text-align: center;} #product-details .product-promo .product-summary {padding: 30px 0;} #product-details .product-promo .product-summary h1 { color: #135389; font-family: 'Open Sans', sans-serif; font-size: 50px; font-weight: 700; padding-bottom: 20px;} #product-details .product-promo .product-summary h1 span {display:none;} #product-details .product-promo .product-summary p {font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 28px; font-weight: 300;} #product-details .product-promo .product-summary p strong {font-weight: bold;} #product-details .product-promo .product-summary .stock {color: #5f9a2a; font-weight: 700; padding-left: 0; margin: 20px 0; display:block} #product-details .product-promo .product-summary .out-of-stock {color: #ff0000; font-weight: 700; padding-left: 10px;} #product-details .product-promo .product-summary .product-size p {padding: 0 0 5px 0;} #product-details .product-promo .product-summary .product-size .quantity { display:block; cursor:pointer; } #product-details .product-promo .product-summary .product-size .quantity small { display:inline-block; background-color: #f5f4f4; border: 1px solid #c6c6c6; margin:1px; border-radius: 20px; color: #c6c6c6; cursor: pointer; padding: 10px 20px;} #product-details .product-promo .product-summary .product-size .quantity.checked small, #product-details .product-promo .product-summary .product-size .quantity:hover small {border: 2px solid #d77a34; margin:0; color: #d77a34; font-weight: bold;} #product-details .product-promo .product-summary .product-size .quantity input { display:none; } #product-details .product-promo .product-summary .product-size .quantity span {display: block; font-family: 'Open Sans', sans-serif; font-size: 30px; padding: 5px 0 0 15px; font-weight: bold; color: #9b9b9b;} #product-details .product-promo .product-summary .product-size .quantity.checked span, #product-details .product-promo .product-summary .product-size .quantity:hover span { color:#d77a34; } #product-details .product-promo .product-summary .product-promo-divider {padding-top: 15px;} #product-details .product-promo .product-summary .product-add-to-cart {padding-top: 30px;} #product-details .product-promo .product-summary .product-add-to-cart .add-to-cart-btn{border:none;background-color: #71aa3d;border-radius: 45.5px;color: #fff;display: inline-block;font-family: 'Poppins', sans-serif;font-size: 23px; margin: 0 auto 10px auto;padding: 10px 20px;text-align: center;text-decoration: none; white-space: nowrap;cursor:pointer;} #product-details .product-promo .product-summary .product-add-to-cart .more-in-btn{background-color: #ecca42;border-radius: 26.5px;color: #000;display: inline-block;font-family: 'Poppins', sans-serif;font-size: 20px;font-weight: 700;margin: 0 auto 10px auto;padding: 10px 20px;text-decoration: none;white-space: nowrap; font-weight: 300;} #product-details .product-promo .product-summary .product-add-to-cart .more-in-btn img { position: relative;top: -2px;height: 18px !important;} #product-details .product-promo .product-summary .form-vertical .variant {list-style-type:none;margin:25px 0 0 0;padding:0;} #product-details .product-promo .product-summary .form-vertical .variant li {float:left;margin:0 5px 0 0;width:100px;height:40px;position:relative;} #product-details .product-promo .product-summary .form-vertical .variant label, #product-details .product-promo .product-summary .form-vertical .variant input {display:block;position:absolute;top:0;left:0;right:0;bottom:0;} #product-details .product-promo .product-summary .form-vertical .variant input[type="radio"] {z-index:100;} #product-details .product-promo .product-summary .form-vertical .variant input[type="radio"]:checked + label {background:yellow;} #product-details .product-promo .product-summary .form-vertical .variant label {padding:5px;border:1px solid #CCC; cursor:pointer;z-index:90;} #product-details .product-promo .product-summary .form-vertical .variant label:hover {background:#DDD;} @media(max-width: 767px) { #product-details .product-promo .wrapper {padding-bottom: 30px;} #product-details .product-promo .col-50 {width: 100%;} #product-details .product-promo .main-product-image .new-icon {display: none;} #product-details .product-promo .product-summary h1 span {display: inline-block; position: relative; top: 10px;} #product-details .product-promo .product-summary .product-promo-divider img {width: 100%;} #product-details .product-promo .product-summary .product-add-to-cart .add-to-cart-btn {display: block; width: 100%; text-align: center; padding: 10px 0; margin-bottom: 20px;} #product-details .product-promo .product-summary .product-add-to-cart .more-in-btn {display: block; text-align: center;} #product-details .product-promo .main-product-image .pager {display: block;} } @media(max-width: 500px) { #product-details .product-promo .col-50 .col-80{width: 100%;} #product-details .product-promo .col-50 .col-20 {display: none;} #product-details .product-promo .product-summary .col-333 { width: 100%; padding: 0;} #product-details .product-promo .product-summary .quantity {margin-bottom: 20px;} #product-details .product-promo .product-summary .quantity span{padding-top: 10px;} } /* Pagination */ #product-details .pagination {display: none;} @media(max-width: 500px) { #product-details .pagination {display: block;} #product-details .pagination ul {text-align: center;} #product-details .pagination ul li {display: inline-block; padding: 0 5px;} } /* Allergen */ #product-details .allergen-info .wrapper {padding-bottom: 50px;} #product-details .allergen-info .allergen-dietary-holder {background: url(/cdn/shop/t/8/assets/allergen-background.jpg?7603321868354843438g); background-size: cover; border-radius:20px; min-height: 140px;} #product-details .allergen-info .allergen-dietary-holder p {vertical-align: top; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 20px; width: 100px; position: relative; margin: 50px 0 0 30px; } #product-details .allergen-info .allergen-dietary-holder span {display: inline-block; padding-left: 35px;} #product-details .allergen-info .allergen-dietary-holder span img {position: relative; margin-top: 20px; margin-right: 10px;} #product-details .allergen-info .allergen-dietary-holder ul {display: inline-block; } #product-details .allergen-info .allergen-dietary-holder ul li {display: inline-block; } #product-details .allergen-info .allergen-dietary-holder ul li img {width: 70px; } /* Product Description */ #product-description {font-family: 'Poppins', sans-serif; line-height: 28px; font-weight: 300; font-size: 18px;} /* #product-description p {color: #135389; font-family: 'Open Sans', sans-serif; font-size: 34px; font-weight: 700; padding-bottom: 15px; border-top: 2px solid #e8e8e8; padding-top: 40px;} */ #product-description p:first-child {border-top: none; padding-top: 0;} #product-description ul {padding-left: 50px; padding-bottom: 40px;} #product-description ul li {color: #3b3b3b; font-family: 'Poppins', sans-serif; font-size: 18px; list-style-type: disc; line-height: 32px; font-weight: 300;} #product-description h3 {color: #135389; font-family: 'Open Sans', sans-serif; font-size: 34px; font-weight: 700; padding-bottom: 15px;} /* Details */ #product-details .item-detail h2 {color: #135389; font-family: 'Open Sans', sans-serif; font-size: 34px; font-weight: 700; padding-bottom: 15px;} #product-details .item-detail ul {padding-left: 50px;} #product-details .item-detail ul li {color: #3b3b3b; font-family: 'Open Sans', sans-serif; font-size: 18px; list-style-type: disc; padding-bottom: 18px;} @media(max-width: 767px) { #product-details .item-detail ul {padding-left: 20px;} } /* Health Benefits */ #product-details .health-benefits .wrapper {padding: 30px 0;} #product-details .health-benefits h2 {color: #135389; font-family: 'Open Sans', sans-serif; font-size: 34px; font-weight: 700; padding-bottom: 15px;} #product-details .health-benefits ul {padding-left: 50px;} #product-details .health-benefits ul li {color: #3b3b3b; font-family: 'Open Sans', sans-serif; font-size: 18px; list-style-type: disc; padding-bottom: 18px;} @media(max-width: 767px) { #product-details .health-benefits ul {padding-left: 20px;} } /* Ingredients */ #product-details .ingredients .wrapper {padding: 30px 0;} #product-details .ingredients h2 {color: #135389; font-family: 'Open Sans', sans-serif; font-size: 34px; font-weight: 700; padding-bottom: 15px;} #product-details .ingredients ul {padding-left: 50px;} #product-details .ingredients ul li {color: #3b3b3b; font-family: 'Open Sans', sans-serif; font-size: 18px; list-style-type: disc; padding-bottom: 18px;} #product-details .ingredients ul li strong {font-weight: bold;} #product-details .ingredients ul li em {font-style: italic;} @media(max-width: 767px) { #product-details .ingredients ul {padding-left: 20px;} } /* Disclaimer */ #disclaimer .wrapper {padding: 30px 0;} #disclaimer h2 {color: #135389; font-family: 'Open Sans', sans-serif; font-size: 34px; font-weight: 700; padding-bottom: 15px;} #disclaimer p {font-family: 'Poppins', sans-serif; font-size: 16px; font-style: italic; line-height: 24px;} #disclaimer .add-this-holder {padding-top: 30px; text-align: center;} /* More In Health */ #product-details .more-in-health .wrapper {padding: 60px 0;} #product-details .more-in-health .more-in-health-header { text-align: center;} #product-details .more-in-health h2 {color: #135389; font-family: 'Open Sans', sans-serif; font-size: 34px; font-weight: 700; padding-bottom: 30px; text-align: center; vertical-align: middle;} #product-details .more-in-health span {padding-right: 10px; position: relative; top: 14px;} #product-details .more-in-health span img {width: 55px; } #product-details .more-in-health .similar-item {padding-bottom: 50px;} #product-details .more-in-health .similar-item a {text-decoration: none;} #product-details .more-in-health .similar-item .similar-item-image {border: 1px solid #ccc; border-radius: 20px; max-height: 195px; margin: 0 auto; position: relative; overflow: hidden; max-width: 195px;} #product-details .more-in-health .similar-item .similar-item-image .more-icon {background-color: #d77a34; border-top-right-radius: 77px; border-top-left-radius: 77px; bottom: 0; height: 38.5px; left: 50%; margin-left: -38.5px; position: absolute; width: 77px;} #product-details .more-in-health .similar-item a:hover .similar-item-image .more-icon {background-color:#5f9a2a;} #product-details .more-in-health .similar-item .similar-item-image .more-icon p {color:#fff; font-family: 'Poppins', sans-serif; font-size: 16px; position: relative; text-align: center; top: 12px;} #product-details .more-in-health .similar-item .similar-item-text {text-align: center; padding-top: 10px;} #product-details .more-in-health .similar-item .similar-item-text h3 {color: #135389; font-family: 'Open Sans', sans-serif; font-size: 23px; font-weight: 700; padding-bottom: 8px;} #product-details .more-in-health .similar-item a:hover .similar-item-text h3 {color:#5f9a2a; } #product-details .more-in-health .similar-item .similar-item-text p {color:#3b3b3b; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 13px; font-style: italic; font-weight: 300;} #product-details .more-in-health .more-in-btn {background-color: #ecca42; border-radius: 26.5px; color: #000; display: block; font-family: 'Poppins', sans-serif; font-size: 23px; font-weight: 700; margin: 0 auto; padding: 10px 20px; text-align: center; text-decoration: none; width: 25%; font-weight: 300;} #product-details .more-in-health .more-in-btn img {position: relative; top: -2px; height: 18px !important;} @media(max-width: 767px) { #product-details .more-in-health {display: none;} #product-details .more-in-health-divider {display: none;} } /* Bundle */ #product-details #bone-health-bundle .wrapper { padding: 60px 0; } #product-details #bone-health-bundle .bundle {background-color: #f5f4f4; border: 1px solid #ccc; border-radius: 10px;margin: 0 auto; width: 90%; padding: 30px 0;} #product-details #bone-health-bundle .bundle .similar-item-holder { position: relative; text-align: center;} #product-details #bone-health-bundle .bundle .similar-item-holder a {text-decoration: none; } #product-details #bone-health-bundle .bundle .similar-item-holder .similar-item-image {max-height: 195px; margin: 0 auto;position: relative;overflow: hidden;max-width: 195px;} #product-details #bone-health-bundle .bundle .similar-item-holder .more-icon {background-color: #d77a34;border-top-right-radius: 77px;border-top-left-radius: 77px;bottom: 0;height: 38.5px;left: 50%;margin-left: -38.5px;position: absolute;width: 77px;} #product-details #bone-health-bundle .bundle .similar-item-holder a:hover .more-icon {background-color:#5f9a2a;} #product-details #bone-health-bundle .bundle .similar-item-holder .more-icon p {color: #fff;font-family: 'Cherry Swash', cursive;font-size: 17.86px;position: relative;text-align: center;top: 10px;} #product-details #bone-health-bundle .bundle .similar-item-holder .similar-item-text {padding-top: 10px;} #product-details #bone-health-bundle .bundle .similar-item-holder .similar-item-text h3{color: #135389;font-family: 'Open Sans', sans-serif;font-size: 23px;font-weight: 700; padding-bottom: 8px;} #product-details #bone-health-bundle .bundle .similar-item-holder a:hover .similar-item-text h3 {color: #5f9a2a;} #product-details #bone-health-bundle .bundle .similar-item-holder .similar-item-text p {color: #3b3b3b; font-family: Helvetica Neue,Helvetica,Arial,sans-serif;font-size: 13px;font-style: italic;font-weight: 300;} #product-details #bone-health-bundle .bundle .similar-item-holder:before {content:"";background: url('images/plus-icon.png') no-repeat center center;position: absolute; left:-30px; top:50%; margin-top:-30px;display:block;width:30px; height:30px;} #product-details #bone-health-bundle .bundle .similar-item-holder.first:before { display: none; } #product-details #bone-health-bundle .bundle .similar-item-holder img {border-radius: 10px;} #product-details #bone-health-bundle .bundle-header span {padding-right: 10px;position: relative;top: 14px;} #product-details #bone-health-bundle .bundle-header span img {width: 60px } #product-details #bone-health-bundle .bundle-header {text-align: center;} #product-details #bone-health-bundle .bundle-header {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 34px;font-weight: 700;padding-bottom: 30px;text-align: center;vertical-align: middle;} #product-details #bone-health-bundle .bundle-text-holder {width: 80%; margin: 0 auto; text-align: center; } #product-details #bone-health-bundle .bundle-text-holder p {font-family: 'Open Sans', sans-serif;font-size: 18px;line-height: 22px; padding: 0 35px 25px 35px;} #product-details #bone-health-bundle .bundle-text-holder p span {color: #5f9a2a;font-weight: 700;padding-left: 10px;} #product-details #bone-health-bundle .bundle-text-holder .add-bundle-btn{background-color: #ecca42;border-radius: 26.5px;color: #000;display: block;font-family: 'Amatic SC', cursive;font-size: 34.5px;font-weight: 700;margin: 0 auto;padding: 10px 20px;text-decoration: none;max-width: 250px;} @media(max-width: 767px) { #product-details #bone-health-bundle .bundle {width: 100%;} } @media(max-width: 676px) { #product-details #bone-health-bundle .bundle .col-333 {padding-left: 3%; padding-right: 3%;} #product-details #bone-health-bundle .bundle .similar-item-holder:before {width: 15px; height: 15px; left: -22px;} } @media(max-width: 600px) { #product-details #bone-health-bundle .bundle .similar-item-holder .more-icon {display: none;} #product-details #bone-health-bundle .bundle .similar-item-holder .similar-item-text h3 {font-size: 20px;} #product-details #bone-health-bundle .bundle-text-holder p {display: none;} } /* Footer */ #footer .wrapper { background-color:#135389; padding: 72px 0 60px 0; } #footer .footer-logo {margin-bottom: 10px;} #footer .copyright {color: #fff; font-family: 'Poppins', sans-serif; font-size:13.18px; margin-bottom:35px; font-weight: 300; } #footer .footer-badges {margin-bottom: 50px;} #footer .footer-badges ul li {display: inline-block;} #footer .footer-badges ul li img {max-width: 70px; max-height: 40px; padding: 0 20px 0 0;} #footer .footer-menu {font-family:'Poppins', sans-serif;} #footer .footer-menu .footer-menu-1 {list-style: none; text-align: left;} #footer .footer-menu .footer-menu-1 li {padding: 8px 0;} #footer .footer-menu .footer-menu-1 li a {font-size: 16px; color: #fff; text-decoration: none; font-weight: 300;} #footer .footer-menu h4 {color: #fff; font-size: 20px; text-align: left;} #footer .footer-menu .footer-menu-2 {list-style: none; text-align: left;} #footer .footer-menu .footer-menu-2 li {padding: 10px 0;} #footer .footer-menu .footer-menu-2 li:nth-child(1) {padding-top: 0;} #footer .footer-menu .footer-menu-2 li a {font-size: 20px; color: #fff; text-decoration: none; line-height: 25px;} #footer .footer-menu .footer-primary-links {padding-bottom: 20px;} #footer .footer-secondary-links {margin: 60px 0 40px; max-width: 400px;} #footer .footer-secondary-links li {margin-bottom: 20px;} #footer .footer-menu .footer-primary-links li {display: inline-block; padding: 0 25px; } #footer .footer-secondary-links li {display: inline-block; padding: 0 15px 0 0; } #footer .footer-secondary-links li:nth-child(2n) { border-left: 2px solid #29679b; padding: 0 0 0 15px; } #footer .footer-menu .footer-primary-links li .primary-link { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 28px; font-weight: 300; text-decoration: none;} #footer .footer-menu .footer-primary-links li .primary-link:hover {text-decoration: underline;} #footer .footer-secondary-links li .secondary-link {color: #fff; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; text-decoration: none;} #footer .footer-secondary-links li .secondary-link:hover {text-decoration: underline;} #footer .like {display: inline-block;height: 40px;vertical-align: middle;} #footer .social .facebook {background-position: 0px 0px;} #footer .social .linkedin {background-position: -280px 0px;} #footer .social .twitter {background-position: -200px 0px;} #footer .social .instagram {background-position: -160px 0px;} #footer .social .youtube {background-position: -120px 0px;} #footer .social p {text-align: center; padding-top: 20px;} #footer .social a {display: inline-block;width: 30px;height: 30px;margin-left: 8px;background: url(/cdn/shop/t/8/assets/social.png?770290750626105016) no-repeat 0px 0px;-webkit-transition: all 200ms;-moz-transition: all 200ms;-o-transition: all 200ms;transition: all 200ms;} #footer .contact-btn-image {height: 53px !important;} #footer .contact-cs-btn {border: none;background-color: #71aa3d;border-radius: 45.5px;color: #fff;display: block;font-family: 'Poppins', sans-serif;font-size: 17px;font-weight: 300;padding: 10px 20px;text-align: center;text-decoration: none;white-space: nowrap;cursor: pointer;} #footer .contact-cs-btn img{position: relative;top: -2px;height: 18px !important; display: none;} #footer .disclaimer-text {padding-top: 20px;} #footer .disclaimer-text p {font-size: 13px; line-height: 16px; color: #fff; font-family: 'Poppins', sans-serif;} #footer .disclaimer-text a {color: #fff;} #footer .disclaimer-text span {font-weight: bold;} @media(min-width:1064px){ #footer .fda-badge { margin-top:10px; } } @media(max-width: 980px) { #footer .col-35, #footer .col-45, #footer .col-20 { width: 100%;} #footer .footer-logo {text-align: center;} #footer .copyright {text-align: center;} #footer .footer-badges {position: relative; left: 50%; margin-left: -170px;} #footer .footer-secondary-links {text-align: center;} #footer .footer-menu {text-align: center;} #footer .social {text-align: center;} #footer .footer-menu .footer-secondary-links {margin-bottom: 30px;} #footer .contact-btn-image {display: block; margin: 0 auto;} #footer .wrapper {padding: 72px 0 90px 0;} } @media(max-width: 768px) { #footer .footer-badges {left: 0; margin-left: 0; text-align: center;} } @media(max-width: 475px) { #footer .footer-menu .footer-primary-links li {padding: 0 10px;} #footer .footer-menu .footer-primary-links li .primary-link {font-size: 22px;} #footer .footer-secondary-links li {padding: 0 5px;} #footer .footer-secondary-links li .secondary-link {font-size: 13px;} #footer .footer-badges {margin-left: -130px; left: 0; text-align: center; margin-left: 0px;} #footer .footer-badges ul li img {max-width: 30px;} } /* Page Our Story */ #our-story .our-story-holder .wrapper {padding: 50px 0 20px 0; } #our-story .our-story-holder h1 { font-family: 'Open Sans', sans-serif; font-size: 50px; font-weight: bold; color: #135389; padding-bottom: 10px; } #our-story .our-story-holder h2 {font-size: 30px; font-family: 'Poppins', sans-serif; padding: 10px 0px;} #our-story .our-story-holder .learn-more-text {font-size: 40px; font-family: 'Poppins', sans-serif; font-weight: bold; display: inline-block; padding-top: 50px;} #our-story .our-story-holder p { font-size: 18px; font-family: 'Open Sans', sans-serif; line-height: 28px; padding-bottom: 20px;} #our-story .our-story-holder .see-our-timeline { background-color: #71aa3d;border-radius: 26.5px;color: #fff;display: inline-block;font-family: 'Poppins', sans-serif;font-size: 34.5px;font-weight: 300;margin: 0 auto;padding: 10px 20px;text-decoration: none;} #our-story .our-story-holder .see-our-timeline img { height: 28px !important; position: relative; top: 2px; } #our-story .our-story-holder img { border-radius: 10px; } /* #our-story iframe {padding-top: 15px;} */ #our-story #long-divider {padding-bottom: 30px;} #our-story #events .wrapper {} #our-story #events h2 {font-family: 'Open Sans', sans-serif; font-size: 40px; font-weight: bold; color: #135389; text-align: center; } #our-story #events p {font-size: 30px; font-family: 'Poppins', sans-serif; text-align: center; font-weight: 300; padding: 10px 0px; } #our-story #events .event-title-holder {border-radius: 35px; overflow: hidden;} #our-story #events .event-title-holder .event-title h2 { color: #135389; font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: bold; } #our-story #events .event-title-holder h2 {color: #135389; font-family: 'Open Sans', sans-serif; font-size: 22px;} #our-story #events .event-title-holder .event-date {position: relative; display: inline-block;} #our-story #events .event-title-holder .event-date img { height: 72px !important;} #our-story #events .event-title-holder .event-date .event-month {color: #558ab7; font-family: 'Open Sans', sans-serif; position: absolute; top: 15px; left: 50%; text-transform: uppercase; font-weight: bold; font-size: 14px; width: 72px;margin-left: -36px; text-align: center;} #our-story #events .event-title-holder .event-date .event-day {font-family: 'Open Sans', sans-serif;font-size: 26px;font-weight: bold;position: absolute;top: 30px;left: 50%;width: 72px;margin-left: -36px;text-align: center;} #our-story #events .event-title-holder .event-date {display: inline-block; position:relative;} #our-story #events .event-title-holder .event-title {display:inline-block; padding-left: 15px;} @media(max-width: 600px){ /* #our-story iframe {height: 100% !important;} */ #our-story .col-25 {display: none;} #our-story .col-75 {width: 100%;} #our-story .our-story-holder h1 {font-size: 32px;} #our-story .our-story-holder h2 {font-size: 23px;} } #testimonial .testimonial-holder {background-color: #71aa3d; border-radius: 35px; padding: 20px; margin-bottom: 30px;} #testimonial .testimonial-holder h2 {color: #fff; font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: 700; text-align: center;padding-bottom: 20px; } #testimonial .testimonial-holder .testimonial-quote { font-size: 16px; border-radius: 17px; display: table; width: 100%; padding: 10px 0;} #testimonial .testimonial-quote blockquote {border: 0;margin: 0;padding: 0;background: none;color: gray;font-family: Georgia, serif;font-size: 1.5em;font-style: italic;line-height: 1.4 !important;margin: 0;position: relative;text-shadow: 0 1px white;z-index: 600;} #testimonial .testimonial-quote blockquote * {box-sizing: border-box; } #testimonial .testimonial-quote blockquote p {color: #3b3b3b; font-family: 'Open Sans', sans-serif;font-size: 18px;font-style: italic;font-weight: bold;} #testimonial .testimonial-quote blockquote p:first-child:before { /* content: '\201C'; color: #81bedb; font-size: 7.5em; font-weight: 700; opacity: .3; position: absolute; top: -.4em; left: -.2em; text-shadow: none; z-index: -300; */ } #testimonial .testimonial-quote img { border-radius: 50%;width: 115px;height: 115px !important;position: absolute;top: 50%;left: 30px;margin-top: -57px; } #testimonial .testimonial-quote cite { color: gray;display: block;font-size: .8em; } #testimonial .testimonial-quote cite span { color: #71aa3d; padding-top: 10px; display: block; font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 300; } #testimonial .testimonial-quote { position: relative; min-height: 160px; background-color:#fff; margin-bottom: 30px; } #testimonial .testimonial-quote .quote-container { padding-left: 30px; padding-right: 30px; display: table-cell; vertical-align: middle; } #testimonial .testimonial-quote.right .quote-container { padding-left: 30px; padding-right: 30px;} #testimonial .testimonial-quote.right img { left: auto; right: 30px;} #testimonial .testimonial-quote.right cite { text-align: left; } #testimonial .testimonial-holder a img { width: 134px; margin: 0 auto; display: block; } /* Blog */ #blog .wrapper { padding: 40px 0; } #blog h1 { color: #135389; font-family: 'Open Sans', sans-serif; font-size: 50px; font-weight: bold; padding-bottom: 20px; } #blog p { color: #3b3b3b; font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 28px; font-weight: 300; padding-bottom: 24px; } #blog strong {font-weight: bold;} #blog .blog-title { display: inline-block; padding-left: 15px; } #blog .blog-year { padding: 20px 0 0 0;} #blog .blog-year span { color: #71aa3d; display: block; font-size: 40px; font-family: 'Open Sans', sans-serif; font-weight: bold; } #blog .blog-article {padding: 25px 0;} #blog .blog-article .blog-read-more {font-size: 22px; font-family: 'Poppins', sans-serif; color:#d77a34; text-decoration: none; display:block; padding: 10px 0 0 0; } #blog .blog-date {display: inline-block; position: relative; } #blog .blog-date img {height: 72px !important;} #blog .blog-date .blog-month {color: #558ab7; font-family: 'Open Sans', sans-serif; position: absolute; top: 15px; left: 50%; text-transform: uppercase; font-weight: bold; font-size: 14px; width: 72px; margin-left: -36px; text-align: center;} #blog .blog-date .blog-day {color: #558ab7; font-family: 'Open Sans', sans-serif; font-size: 26px; font-weight:bold; position: absolute; top: 30px; left: 50%; width: 72px; margin-left: -36px; text-align: center;} #blog .blog-author {padding: 30px 0; display: table;} #blog .blog-author img {border-radius: 50%; display: table-cell; width: 83px;} #blog .blog-author .author-detail { display: table-cell; vertical-align: middle;} #blog .blog-author .author-detail .author-name {color: #71aa3d; font-family: 'Amatic SC', cursive; font-size: 28px; font-weight: bold;} #blog .blog-author .author-detail .author-bio {font-size: 17px; font-family: 'Open Sans', sans-serif; font-style: italic; padding-left: 15px;} #blog .blog-author .author-detail img {width: 100%;} #blog .blog-article .blog-title-holder .blog-title span {color: #3b3b3b; font-family: 'Open Sans', sans-serif; font-size: 27px; line-height: 48px;} #blog .blog-article .blog-title-holder .blog-title h1 {color: #135389; font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: bold;} #blog .blog-article .blog-title-holder .blog-title h2 {color: #135389; font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: bold;} #blog #atstbx { text-align: left; } #blog .blog-content h2 {font-size: 29px; line-height: 39px; font-weight: bold; margin-bottom: 20px;} #blog .blog-content p strong {font-weight: bold;} @media(max-width: 500px){ #blog .blog-title {padding-left: 0px; padding-top: 10px;} #blog .blog-article .blog-title-holder .blog-title h1, #blog .blog-article .blog-title-holder .blog-title h2 {font-size: 25px; line-height: 33px;} } /* Product List */ #product-list .wrapper {padding-top: 15px;} #product-list .container {padding-top: 45px;} #product-list .creditcard-img {position: absolute; top: 0; right: 0; width: 200px;} #product-list .form-horizontal {padding-bottom: 20px; text-align: right;} #product-list .form-horizontal label {font-family: 'Open Sans', sans-serif; font-size: 14px;} #product-list .form-horizontal select {border-radius: 5px;} #product-list h1 {color: #135389; text-align:center; font-family: 'Open Sans', sans-serif; font-size: 50px; font-weight: bold; padding-top: 60px; padding-bottom: 20px;} #product-list .product-list-seo {color: #3b3b3b; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 28px; padding-bottom: 40px;} #product-list .divider { padding: 40px 0; display: none; } #product-list a {text-decoration: none; } #product-list .col-25 {min-height: 400px;} #product-list .product-holder .product-image {border: 1px solid #ccc; border-radius: 35px; overflow: hidden; position: relative;} #product-list .product-holder .product-image .more-icon { display: none; background-color: #d77a34; border-top-right-radius: 77px; border-top-left-radius: 77px; bottom: 0; height: 38.5px; left: 50%; margin-left: -38.5px; position: absolute; width: 77px; } #product-list .product-holder a:hover .product-image .more-icon {background-color: #5f9a2a;} #product-list .product-holder .product-image .more-icon p {color:#fff; font-family: 'Poppins', sans-serif; font-size: 16px; position: relative; text-align: center; top: 12px; display: block; line-height: 18px;} #product-list .product-holder .product-title {font-family: 'Open Sans', sans-serif; font-size: 23px; line-height: 33px; font-weight: bold; color: #135389; padding-top: 15px; padding-bottom: 10px; text-align: center;} #product-list .product-holder .product-size-price { font-family: 'Poppins', sans-serif;font-size: 16px; line-height: 28px; text-align: center; display: block; color: #3b3b3b !important;} #product-list .product-holder .product-size-price span {font-family: 'Open Sans', sans-serif; color: #d77a34; font-weight: bold;} #product-list .pagination {text-align: right; } #product-list .pagination .page { font-family: 'Open Sans', sans-serif; color: #d77a34; font-size: 20px; font-weight: bold; padding: 0 5px; } #product-list .pagination .page.current {color:#558ab7;} #product-list .pagination .page a {color: #d77a34;} #product-list .pagination .page a:hover {color: #71aa3d;}; #product-list .pagination .next a , #product-list .pagination .prev a {color: #d77a34;} #product-list .pagination .next a, #product-list .pagination .prev a {color: #d77a34; font-size: 20px; font-weight: 700;} @media(max-width: 767px){ #product-list .col-25 {width: 50%; min-height: 425px;} #product-list .product-holder {margin-bottom: 20px;} #product-list .product-holder .product-image img {width: 275px; display: block; margin: 0 auto;} } @media(max-width: 500px) { #product-list .col-25 {width: 100%;} } /* Collection List */ #collection-list .wrapper {padding: 40px 0;} #collection-list h1 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;padding-bottom: 20px; } #collection-list p {color: #3b3b3b;font-family: 'Open Sans', sans-serif;font-size: 18px;line-height: 28px;} #collection-list .category-holder {padding: 30px 0 0 0;} #collection-list .category-holder .divider {display: block; float: none; padding: 30px 0; width: 100%;} #collection-list .category-holder .collection-wrapper {min-height: 275px; position: relative; } #collection-list .category-holder .collection-img {width: 110px; position: absolute; top: 0; left: 0;} #collection-list .category-holder .category-info {padding-left:125px;} #collection-list .category-holder .category-info a {text-decoration: none; } #collection-list .category-holder .category-info a:hover {color: #71aa3d; text-decoration: underline;} #collection-list .category-holder .category-info h2 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 20px;font-weight: bold;padding-bottom: 6px;} #collection-list .category-holder .category-info a:hover h2 {color:#71aa3d; } #collection-list .category-holder .category-info ul li {list-style: none; line-height: 20px;} #collection-list .category-holder .category-info ul li a {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight: bold; text-decoration: none; } #collection-list .category-holder .category-info ul li a:hover {color: #71aa3d; text-decoration: underline;} #collection-list .category-holder .category-info .btn{background-color: #ecca42;border-radius: 26.5px;color: #000;display: inline-block;font-family: 'Poppins', sans-serif;font-size: 18px;font-weight: 300;margin: 20px auto 10px auto;padding: 10px 20px;text-decoration: none;white-space: nowrap;} #collection-list .category-holder .category-info .btn:hover {color: #000; text-decoration: none; /*background-color: #ffe57f;*/} #collection-list .category-holder .category-info .btn .arrow { position: relative;top: -2px; height: 14px !important; width: auto; float: none;} @media(max-width: 900px){ #collection-list .category-holder .collection-img {position: relative;display: block;margin: 0 auto;padding-bottom: 10px;} #collection-list .category-holder .category-info {padding-left: 0;text-align: center;} } @media(max-width:600px){ #collection-list .category-holder .col-333 {width: 100%; } #collection-list .category-holder .collection-wrapper {margin-bottom: 20px; } } /* Login */ #login .grid {padding: 40px 0;} #login h1 {font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;color: #135389;padding-bottom: 20px;} #login #customer_login .hidden-label {display: block;font-family: 'Poppins', sans-serif;font-weight: 300;font-size: 26px; padding: 20px 0px;} #login #CustomerEmail, #login #CustomerPassword { padding: 10px; margin-bottom: 20px; border: 1px solid #c3c3c3; border-radius: 5px; font-size: 18px; } #login #customer_login .login-submit {background-color: #ecca42;border-radius: 26.5px;border: none;color: #000;display: inline-block;font-family: 'Poppins', sans-serif;font-size: 18px;font-weight: 00;margin: 0 auto 35px auto;padding: 5px 20px;text-decoration: none;white-space: nowrap;cursor: pointer;} /* Register */ #register h1 {font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;color: #135389;padding-bottom: 20px;} #register .grid {padding: 40px 0;} #register #create_customer .hidden-label {display: block;font-family: 'Amatic SC', cursive;font-weight: 700;font-size: 30px;} #register .input-full {padding: 10px;margin-bottom: 20px;border: 1px solid #c3c3c3;border-radius: 5px;} #register .btn--full {background-color: #ecca42;border-radius: 26.5px;border: none;color: #000;display: inline-block;font-family: 'Amatic SC', cursive;font-size: 28px;font-weight: 700;margin: 0 auto 35px auto;padding: 5px 30px;text-decoration: none;white-space: nowrap;cursor: pointer;} /* Reset Password */ #RecoverPasswordForm h2 {font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;color: #135389;padding-bottom: 20px;} #reset-password .grid {padding: 40px 0;} #RecoverPasswordForm p { font-size: 18px;font-family: 'Open Sans', sans-serif;line-height: 28px;padding-bottom: 20px; } #RecoverPasswordForm .hidden-label {display: block;font-family: 'Amatic SC', cursive;font-weight: 700;font-size: 30px;} #RecoverPasswordForm .input-full {padding: 10px;margin-bottom: 20px;border: 1px solid #c3c3c3;border-radius: 5px;} #RecoverPasswordForm .btn.btn--full {background-color: #ecca42;border-radius: 26.5px;border: none;color: #000;display: inline-block;font-family: 'Amatic SC', cursive;font-size: 28px;font-weight: 700;margin: 0 auto 35px auto;padding: 5px 30px;text-decoration: none;white-space: nowrap;cursor: pointer;} #HideRecoverPasswordLink {background-color: #ecca42;border-radius: 26.5px;border: none;color: #000;display: inline-block;font-family: 'Amatic SC', cursive;font-size: 28px;font-weight: 700;margin: 0 auto 35px auto;padding: 5px 30px;text-decoration: none;white-space: nowrap;cursor: pointer;} /* FAQs */ /* Style the buttons that are used to open and close the accordion panel */ #faqs .wrapper {padding: 30px 0;} #faqs h1 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;padding-bottom: 20px; } #faqs .accordion {background-color: #d77a34;color: #fff;cursor: pointer;font-family: 'Open Sans', sans-serif;font-size: 22px;font-weight: 600;padding: 18px;width: 100%;text-align: left;border: none;outline: none;transition: 0.4s;margin-bottom: 10px;} /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ #faqs .accordion.active, #faqs .accordion:hover {background-color: #135389;} /* Style the accordion panel. Note: hidden by default */ #faqs .panel {padding: 5px 18px;background-color: white;display: none;font-family: 'Open Sans', sans-serif; font-size:18px; overflow: hidden; margin-bottom: 10px; transition: 0.8s ease-out; line-height: 30px;} #faqs .accordion:after {content: '\02795'; /* Unicode character for "plus" sign (+) */font-size: 13px;color: #fff;float: right;margin-left: 5px;} #faqs .accordion.active:after {content: "\2796"; /* Unicode character for "minus" sign (-) */} @media(max-width: 500px){ #faqs h1 {font-size: 32px;} #faqs .panel p {font-size: 18px;} } /* ordering-information */ #order-info .oi-wrapper {padding: 40px 0;} #order-info h1 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;padding-bottom: 55px; } #order-info h2 {font-size: 22px; font-family: 'Open Sans', sans-serif; margin-bottom: 20px; font-weight: bold;} #order-info ul {padding-left: 45px; margin-bottom: 30px;} #order-info ul li {font-size: 18px;font-family: 'Open Sans', sans-serif;line-height: 28px;list-style-type: disc;} #order-infor ul li a {color: #d77a34;} @media(max-width: 500px){ #order-info h1 {font-size: 32px; padding-bottom: 20px;} } /* International Orders */ #international-order .io-wrapper {padding: 40px 0;} #international-order .io-wrapper h1 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;padding-bottom: 20px; } #international-order .io-wrapper h2 {font-size: 28px;font-family: 'Open Sans', sans-serif;font-weight: 600;background: #135389;color: #fff;padding: 10px; margin-bottom: 20px;} #international-order .io-wrapper h3 {font-size: 20px;font-family: 'Open Sans', sans-serif;font-weight: 600; line-height: 32px; margin-bottom: 25px;} #international-order .io-wrapper ol, #international-order .io-wrapper ul {padding-left: 45px;} #international-order .io-wrapper ol li, #international-order .io-wrapper ul li {font-size: 18px; font-family: 'Open Sans', sans-serif; line-height: 28px;} #international-order .io-wrapper p {font-size: 18px;font-family: 'Open Sans', sans-serif;line-height: 28px; padding-bottom: 20px;} #international-order .io-wrapper ol li a {color: #d77a34;} #international-order .io-wrapper p strong {font-weight: 600;font-size: 18px; font-family: 'Open Sans', sans-serif;} #international-order .io-wrapper hr {margin: 10px 0px 35px;} #international-order p a {color: #d77a34;} @media(max-width: 500px){ #international-order .io-wrapper h1 {font-size: 32px; padding-bottom: 20px;} #international-order .io-wrapper h3 {margin-bottom: 10px;} #international-order .io-wrapper h2 {font-size: 20px;} } /*============================================================================ #Tables ==============================================================================*/ table {width: 100%;border-collapse: collapse;border-spacing: 0;} table.full {width: 100%;margin-bottom: 1em;} .table-wrap {max-width: 100%;overflow: auto;-webkit-overflow-scrolling: touch;} th {font-weight: bold;} th, td {text-align: left;padding: $gutter / 2;border: 1px solid $colorBorder;} /*============================================================================ Responsive tables, defined with .table--responsive on table element. Only defined for IE9+ ==============================================================================*/ .table--responsive { @include at-query($max, $small) { thead {display: none;} tr {display: block;} // IE9 table layout fixes tr, td {float: left;clear: both;width: 100%;} th, td {display: inline-block;text-align: right;padding: 15px;} td:before { content: attr(data-label); float: left; text-align: center; font-size: 12px; padding-right: 10px; } &.cart-table { img { margin: 0 auto; } .js-qty { float: right; } } } } @include at-query($max, $small) { .table--small-hide { display: none !important; } .table__section + .table__section { position: relative; margin-top: 10px; padding-top: 15px; &:after { content: ''; display: block; position: absolute; top: 0; left: 15px; right: 15px; border-bottom: 1px solid $colorBorder; } } } /*============================================================================ #Cart Page ==============================================================================*/ #custom-cart .wrapper { padding: 40px 0; } #custom-cart h1 { color: #135389; font-family: 'Open Sans', sans-serif; font-size: 50px; font-weight: bold; padding-bottom: 20px; } #custom-cart p { color: #3b3b3b; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 28px; } #custom-cart .text-center, #custom-cart .text-right { color: #3b3b3b; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: bold; text-align: center; } #custom-cart .small--one-whole { text-align: left; padding: 10px 0; } #custom-cart .small--one-whole .btn { padding: 10px 20px; background: #71aa3d; color: #fff; border: none; border-radius: 30px; font-family: 'Poppins', sans-serif; font-size: 20px; } #custom-cart .small--one-whole .update-cart { padding: 10px 20px; background: #ecca42; color: #fff; border: none; border-radius: 30px; font-family: 'Poppins', sans-serif; font-size: 20px; } #custom-cart .grid__item label { color: #3b3b3b; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: bold; } #custom-cart .grid__item .input-full { display: block; width: 40%; height: 50px; } #custom-cart .grid__item .cart__row td .js-qty .icon-fallback-text .visually-hidden { display: none !important; } #custom-cart .cart-table tbody .table__section td {vertical-align: middle !important; text-align: left; padding: 10px; border-top: 1px solid #eee;} #custom-cart .cart-table tbody .table__section td .h3 { color: #3b3b3b; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: bold; } #custom-cart .cart-table tbody .table__section td .h4 { color: #135389; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: bold; text-decoration: none; } #custom-cart .cart-table tbody .table__section td small {font-family: 'Open Sans', sans-serif;} #custom-cart .cart-table tbody .table__section img {width: 50px; float: left;} #custom-cart .cart-table tbody .table__section td .cart__remove small {font-family: 'Open Sans', sans-serif;} #custom-cart .col-50 .input-full {width: 100%;} @media(max-width: 600px){ #custom-cart .col-50 {width: 100%; padding: 0; } } @media(max-width: 500px){ #custom-cart .text-center, #custom-cart .text-right {display: block;} #custom-cart .cart-table tbody .table__section td {display: block;} } .cart__row { position: relative; margin-top: $gutter; padding-top: $gutter; border-top: 1px solid $colorBorder; &:first-child { margin-top: 0; } &:first-child { padding-top: 0; } .js-qty { margin: 0 auto; } } .cart-table { th { font-weight: normal; } td, th { padding: 30px 15px; border: none; } } @include at-query ($min, $large) { .cart__row--table-large { display: table; table-layout: fixed; width: 100%; .grid__item { display: table-cell; vertical-align: middle; float: none; } } } .cart__image { display: block; img { display: block; max-width: 100%; } } .cart__subtotal { margin: 0 0 0 ($gutter / 3); display: inline; } .cart__mini-labels { display: block; margin: ($gutter / 3) 0; font-size: em(12px); @include at-query ($min, $large) { display: none; } } .cart__remove {display: block;} /* Search Results */ #search-results .grid__item {box-sizing: border-box;float: left;min-height: 1px;vertical-align: top;width: 100%;} #search-results .one-third {text-align: center; width: 33.333%;} #search-results .two-thirds {width: 66.666%;} #search-results .input-group .input-group-field {width: 100%;} #search-results .input-group-btn {position: relative;white-space: nowrap;width: 1%;padding: 0;display: table-cell;vertical-align: middle;margin: 0;} #search-results .text-center {font-family: 'Open Sans', sans-serif;font-size: 18px;line-height: 22px;text-align: center;padding-bottom: 10px;} #search-results .search-bar .input-group-field {padding: 10px;border-radius: 5px;border: 1px solid #c3c3c3;} #search-results .search-bar .btn {background-color: #ecca42;border-radius: 26.5px;border: none;color: #000;display: inline-block;font-family: 'Amatic SC', cursive;font-size: 28px;font-weight: 700;margin: 10px auto 20px auto;padding: 5px 30px;text-decoration: none;white-space: nowrap;cursor: pointer;display: block;} #search-results .grid__item .grid {padding: 10px 0;} #search-results .grid__item h2 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 40px;font-weight: 700;padding-bottom: 10px; } #search-results .grid__item h2 a { color: #135389; text-decoration: none; } #search-results .two-thirds p span {color: #d77a34;font-family: 'Cherry Swash', cursive;font-size: 30px;padding: 5px 0 0 0;font-weight: bold; } #search-results .two-thirds p {font-family: 'Open Sans', sans-serif;font-size: 16px;line-height: 22px;padding-bottom: 30px;} #search-results .two-thirds .price-holder {padding-bottom: 10px;} #search-results .pagination {text-align: right;padding: 20px 0;} #search-results .pagination .page.current {color: #558ab7;} #search-results .pagination .page {font-family: 'Open Sans', sans-serif;color: #d77a34;font-size: 20px;font-weight: bold;padding: 0 5px;} #search-results .pagination .page a {color: #d77a34;} #search-results .pagination .next a, #search-results .pagination .prev a {color: #d77a34;} @media(max-width: 600px){ #search-results .one-third {text-align: center; width: 100%;} #search-results .two-thirds {width: 100%;} } /* Accounts */ #accounts h1 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;padding-bottom: 20px;} #accounts h2 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 36px;font-weight: bold;margin-bottom:15px;} #accounts p {color: #3b3b3b;font-family: 'Open Sans', sans-serif;font-size: 18px;line-height: 20px;} #accounts p strong {font-weight:bold;} #accounts table thead {background:#135389; color:#fff; } #accounts table tbody tr, #accounts table tfoot tr {border-bottom:1px solid #eee;} #accounts table thead tr th {padding:10px 5px !important;} #accounts table tfoot tr td, #accounts table tbody tr td {padding:10px 5px !important;} #accounts table a, #accounts a {color:#d77a34;} #accounts .account-detail {padding-top: 30px;} /* Return Policy */ #return-policy .wrapper {padding: 40px 0;} #return-policy h1 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;padding-bottom: 20px;} #return-policy h2 {background-color: #d77a34;color: #ffffff;font-family: 'Open Sans', sans-serif;font-size: 36px;font-weight: bold;padding: 15px;} #return-policy p {font-size: 18px;font-family: 'Poppins', sans-serif;line-height: 28px;padding-bottom: 20px; font-weight:300;} #return-policy ul {font-size: 18px;font-family: 'Poppins', sans-serif;line-height: 28px;padding-bottom: 20px;padding-left: 35px; font-weight: 300;} @media(max-width: 767px) { #return-policy h1 {font-size: 40px;} #return-policy h2 {font-size: 26px;} } @media(max-width: 500px) { #return-policy h1 {font-size: 34px;} #return-policy h2 {font-size: 20px;} } /* terms and conditions */ #terms-and-conditions-page .wrapper {padding: 40px 0;} #terms-and-conditions-page h1 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;padding-bottom: 20px;} #terms-and-conditions-page h2 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 32px;font-weight: bold;padding: 15px 0;} #terms-and-conditions-page p {font-size: 18px;font-family: 'Poppins', sans-serif;line-height: 28px;padding-bottom: 20px; font-weight: 300;} #terms-and-conditions-page ul {font-size: 18px;font-family: 'Poppins', sans-serif;line-height: 28px;padding-bottom: 20px;padding-left: 35px; font-weight: 300;} #terms-and-conditions-page strong {font-weight:bold;} #terms-and-conditions-page em {font-style: italic;} @media(max-width: 767px) { #terms-and-conditions h1 {font-size: 40px;} #terms-and-conditions h2 {font-size: 26px;} } @media(max-width: 500px) { #terms-and-conditions h1 {font-size: 34px;} #terms-and-conditions {font-size: 20px;} } #continue-shopping-btn {border: none;background-color: #ecca42;border-radius: 45.5px;color: #000;display: block;font-family: 'Amatic SC', cursive;font-size: 32px;font-weight: 700;padding: 10px 20px;text-align: center;text-decoration: none;white-space: nowrap;cursor: pointer;width: 250px;margin: 10px 0;} /* Giveaway */ #giveaway .wrapper { padding: 50px 0 50px 0;} #giveaway h1 {font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;color: #135389;padding-bottom: 10px;} #giveaway h2 {font-size: 40px;font-family: 'Amatic SC', cursive;} #giveaway p {font-size: 18px;font-family: 'Open Sans', sans-serif;line-height: 28px;padding-bottom: 20px;} #giveaway p strong {font-weight: bold;} #giveaway form #fieldName {width: 48%; margin-right: 10px;} #giveaway form #fieldEmail {width: 48%; margin-left: 10px;} #giveaway form #fieldName, #giveaway form #fieldEmail {padding: 17px; border-radius: 26px; border: 1px solid #ccc; font-size: 18px; font-family: 'Open Sans', sans-serif;} #giveaway form #fieldName::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #666666; font-size: 18px; font-family: 'Open Sans', sans-serif;} #giveaway form #fieldName::-moz-placeholder { /* Firefox 19+ */color: #666666; font-size: 18px; font-family: 'Open Sans', sans-serif;} #giveaway form #fieldName:-ms-input-placeholder { /* IE 10+ */color: #666666; font-size: 18px; font-family: 'Open Sans', sans-serif;} #giveaway form #fieldName:-moz-placeholder { /* Firefox 18- */color: #666666; font-size: 18px; font-family: 'Open Sans', sans-serif;} #giveaway form #fieldEmail::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #666666; font-size: 18px; font-family: 'Open Sans', sans-serif;} #giveaway form #fieldEmail::-moz-placeholder { /* Firefox 19+ */color: #666666; font-size: 18px; font-family: 'Open Sans', sans-serif;} #giveaway form #fieldEmail:-ms-input-placeholder { /* IE 10+ */color: #666666; font-size: 18px; font-family: 'Open Sans', sans-serif;} #giveaway form #fieldEmail:-moz-placeholder { /* Firefox 18- */color: #666666; font-size: 18px; font-family: 'Open Sans', sans-serif;} #giveaway form button {display: block;width: 100%;padding: 9px;border:none; border-radius: 25px; background-color: #ecca42;font-family: 'Amatic SC', cursive;font-size: 28px;font-weight: 700;} @media(max-width: 650px) { #giveaway .col-65 {width: 100%;} #giveaway .col-35 {width: 100%;} #giveaway form #fieldName {width: 100%; margin: 0; margin-bottom: 25px;} #giveaway form #fieldEmail {width: 100%;margin: 0;} } @media(max-width: 500px) { #giveaway h1 {font-size: 40px;} #giveaway h2 {font-size: 35px;} } /* Quality Control */ #quality-control .qc-wrapper {padding: 40px 0;} #quality-control .qc-wrapper h1 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;padding-bottom: 20px; } #quality-control .qc-wrapper h2 {font-size: 22px;font-family: 'Open Sans', sans-serif; line-height: 30px;} #quality-control .qc-wrapper p {font-size: 18px;font-family: 'Open Sans', sans-serif;line-height: 28px;} #quality-control .qc-wrapper p em {font-style: italic; } #quality-control .qc-wrapper strong {font-weight: bold;} @media(max-width: 500px){ #quality-control .qc-wrapper h1 {font-size: 30px;} } /* Partners in Research */ #partners-in-research .pir-wrapper {padding: 40px 0;} #partners-in-research .pir-wrapper h1 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;padding-bottom: 20px; } #partners-in-research .pir-wrapper h2 {font-size: 22px;font-family: 'Open Sans', sans-serif; margin-bottom: 20px; } #partners-in-research .pir-wrapper h2 a {font-size: 22px;font-family: 'Open Sans', sans-serif;} #partners-in-research .pir-wrapper p {font-size: 18px;font-family: 'Poppins', sans-serif;line-height: 28px; font-weight: 300;} #partners-in-research .pir-wrapper ul {padding-left: 45px;} #partners-in-research .pir-wrapper ul li {font-size: 18px;font-family: 'Poppins', sans-serif;line-height: 28px;list-style-type: disc; font-weight: 300;} @media(max-width: 500px){ #partners-in-research .pir-wrapper h1 {font-size: 30px;} } /* Research Studies */ #research-studies .rs-wrapper {padding: 40px 0;} #research-studies .rs-wrapper h1 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;padding-bottom: 20px; } #research-studies .rs-wrapper h2 {font-size: 22px;font-family: 'Open Sans', sans-serif; padding: 8px;background-color: #d77a34;color: #fff; line-height: 30px; margin-bottom: 20px;} #research-studies .rs-wrapper p {font-size: 18px;font-family: 'Poppins', sans-serif;line-height: 28px; font-weight: 300;} #research-studies .rs-wrapper table {border: 1px solid #666;} #research-studies .rs-wrapper table tr {border: 1px solid #666;} #research-studies .rs-wrapper table td {padding: 10px;color: #444;font-size: 16px;line-height: 26px;border: 1px solid #ccc;font-family: 'Poppins', sans-serif; font-weight: 300;} @media(max-width: 500px){ #research-studies .rs-wrapper h1 {font-size: 30px;} } /* New Contact Us */ #new-contact-us .ncu-wrapper {padding: 40px 0;} #new-contact-us .ncu-wrapper h1 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;padding-bottom: 20px; } #new-contact-us .ncu-wrapper h2 {font-size: 22px;font-family: 'Open Sans', sans-serif;} #new-contact-us .ncu-wrapper p {font-size: 18px;font-family: 'Poppins', sans-serif;line-height: 28px; font-weight: 300;} #new-contact-us .ncu-wrapper ul {padding-left: 45px;} #new-contact-us .ncu-wrapper ul li {font-size: 18px;font-family: 'Poppins', sans-serif;line-height: 28px;list-style-type: disc; font-weight: 300;} @media(max-width: 500px){ #new-contact-us .ncu-wrapper h1 {font-size: 30px; margin-bottom: 15px;} } /* Home video */ #home-video {padding-bottom: 70px;} /* Homepage SEO */ #homepage-seo-section .wrapper {padding: 50px 0; position: relative;} #homepage-seo-section .container {position: relative; z-index: 1000;} #homepage-seo-section .wrapper::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.15); } #homepage-seo-section .seo-content-holder {background: rgba(255, 255, 255, 0.8); padding: 25px;} #homepage-seo-section .wrapper h1 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 44px;font-weight: bold;padding-bottom: 10px;} #homepage-seo-section .wrapper h2 {color: #d77a34; font-family: 'Open Sans', sans-serif;font-size: 26px; padding-bottom: 20px;} #homepage-seo-section .wrapper .seo-text-holder {width: 100%;} #homepage-seo-section .wrapper .seo-text-holder p {font-size: 18px;font-family: 'Poppins', sans-serif;line-height: 28px; padding-bottom: 15px; font-weight: 300;} #homepage-seo-section .wrapper .seo-text-holder p a {color:#d77a34; text-decoration: underline;} @media(max-width: 767px){ #homepage-seo-section .wrapper {background-position: top left !important; padding-top: 100px;} #homepage-seo-section .wrapper .seo-text-holder { width: 100%;} } @media(max-width: 767px){ #homepage-seo-section .wrapper h1 {font-size: 34px;} } .bff-home-section .mission {text-align: center; margin-bottom: 5%;} .bff-home-section .mission img {max-width: 300px;} .bff-home-section h3 {font-size: 40px; line-height: 50px; font-weight: bold;} .bff-home-section p {font-size: 18px; line-height: 30px; margin-bottom: 25px;} /* Testimonial Template */ #testimonial-template .tt-wrapper {padding: 40px 0;} #testimonial-template .tt-wrapper h1 {color: #135389;font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: bold;padding-bottom: 20px; text-align: center; margin-bottom: 30px; } @media(max-width: 500px){ #testimonial-template .tt-wrapper h1 {font-size: 32px; margin-bottom: 10px;} } /* March Bundle Page */ #march-bundle-banner-text {padding: 110px 0; max-width: 920px; margin: 0 auto;} #march-bundle-banner-text h2 {color: #fff; font-size: 58px; font-family: 'Open Sans', sans-serif; font-weight: bold; line-height: 50px; text-align: center; padding-bottom: 15px;} #march-bundle-banner-text p {color: #fff; font-size: 32px; font-family: 'Poppins', sans-serif; font-weight: 300; line-height: 45px; text-align: center;} #march-bundle .bundle-includes {text-align: center; padding-top: 50px;} #march-bundle .bundle-includes .sale-banner {background-color: #d67933; color: #fff; font-size: 32px; font-family: 'Open Sans', sans-serif; font-weight: 600; padding:15px 30px; position: relative; margin: 0 auto; margin-bottom: 35px; width: 90%;} #march-bundle .bundle-includes .sale-banner:after {content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 15px solid white; border-top: 40px solid transparent; border-bottom: 30px solid transparent;} #march-bundle .bundle-includes .sale-banner:before {content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-top: 40px solid transparent;border-bottom: 30px solid transparent;border-right:15px solid white;} #march-bundle .bundle-includes .sale-banner span {font-weight: 800;} #march-bundle .bundle-includes h2 {color: #135389; font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: bold; padding-bottom: 16px; text-align:center;} #march-bundle .bundle-includes p { color: #3b3b3b; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 28px; text-align: center;padding-bottom: 15px; font-weight: 300;} #march-bundle .bundle-includes ul {text-align: left; color: #3b3b3b; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 20px;padding-left: 20px;} #march-bundle .bundle-includes .holiday-unwind-disclaimer {margin-top: 20px; margin-bottom: 30px; font-style: italic;} #march-bundle .bundle-includes .holiday-product-holder {border: 1px solid #3b3b3b; border-radius: 10px; margin-bottom: 20px; min-height: 214px; padding: 15px;} #march-bundle .bundle-includes .holiday-product-holder h3 {color: #13538a; font-size: 22px; font-family: 'Open Sans', sans-serif; font-weight: 900; padding-bottom: 20px;} #march-bundle .bundle-includes .holiday-product-holder p {font-family: 'Poppins', sans-serif; font-size: 16px; padding-bottom: 20px; text-align: center; font-weight: 300;} #march-bundle .bundle-includes .holiday-product-holder span {color: #d67933; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 900;} #march-bundle .bundle-includes .holiday-product-holder a {background-color: #ecca42; border-radius: 26.5px;display: inline-block;font-family: 'Poppins', sans-serif;font-size: 17px;font-weight: 300;margin: 20px auto 10px auto;padding: 10px 20px;white-space: nowrap;color: #3b3b3b; text-decoration: none;} #march-bundle .bundle-includes .holiday-product-holder a img {height: 15px !important;} #march-bundle .bundle-includes .holiday-product-holder .add-to-cart-bundle {color: #135389; font-family: 'Open Sans', sans-serif; font-size: 29px; font-weight: bold; line-height: 34px; text-align:center;} #march-bundle .bundle-includes .holiday-product-holder .buy-now-button {color: #fff; background-color: #71aa3d; font-size: 24px; font-weight: bold;} #march-bundle .bundle-includes .holiday-product-holder .buy-now-button img {height: 35px !important; position: relative; top: 4px;} #march-bundle .HU-bundle .unwind-image-holder .bundled-img {display: inline-block;} #march-bundle .HU-bundle .unwind-image-holder .bundled-img img {max-width: 660px;} #march-bundle .HU-bundle .unwind-image-holder .plus-sign {display: inline-block;position: relative;top: -65px;} #march-bundle .HU-bundle .unwind-image-holder .free-item {display: inline-block;} #march-bundle .HU-bundle .unwind-image-holder .free-item img {max-height: 240px;} #march-bundle .bundle-includes .bundle-includes-section {border-top: 1px solid #ccc; padding: 30px 0;} #march-bundle .disclaimer-text {margin-top: 53px;} #march-bundle .disclaimer-text p {text-align: left;} #march-bundle .HU-bundle {padding-bottom: 30px;} #march-bundle .HU-bundle .HW-bundle-content {text-align: left;} #march-bundle .HU-bundle .HW-bundle-content h1 {color: #125289; font-family: 'Open Sans', sans-serif; font-size: 46px; font-weight: bold; margin-top: 18px;margin-bottom: 18px;} #march-bundle .HU-bundle .HW-bundle-content p {font-size: 23px; font-family: 'Poppins', sans-serif; line-height: 30px; margin-bottom: 30px; text-align: left; font-weight: 300; } #march-bundle .HU-bundle .HW-bundle-content p span {font-weight: 900;} #march-bundle .HU-bundle .HW-bundle-content .old-price { font-size: 32px; color: #3b3b3b; font-weight: bold; position: relative;} #march-bundle .HU-bundle .HW-bundle-content .old-price::after {border-bottom: 2px solid #d67933; content: "";left: 0;margin-top: calc(0.125em / 2 * -1);position: absolute;right: 0;top: 50%;} #march-bundle .HU-bundle .HW-bundle-content .new-price {font-size: 32px; color: #d67933; font-weight: bold;margin-left: 5px;} #march-bundle .HU-bundle .HW-bundle-content a {color: #fff; background-color: #71aa3d; border-radius: 35px;font-family: 'Poppins', sans-serif;font-size: 26px;font-weight: 300;margin: 20px auto 10px auto;padding: 10px 20px;white-space: nowrap; text-decoration: none; font-weight: bold;} #march-bundle .HU-bundle .HW-bundle-content a img {position: relative; top: 3px; height: 30px !important;} @media(max-width: 1200px){ #march-bundle .HU-bundle .unwind-image-holder .bundled-img img {max-width: 450px;} #march-bundle .HU-bundle .unwind-image-holder .free-item img {max-height: 180px;} #march-bundle .HU-bundle .unwind-image-holder .plus-sign {width: 45px;} #march-bundle .HU-bundle .HW-bundle-content h1 {margin-top: 0;} } @media(max-width: 1180px){ #march-bundle .bundle-includes .sale-banner {font-size: 30px;} } @media(max-width: 1090px){ #march-bundle .HU-bundle .HW-bundle-content h1 {font-size: 32px;} #march-bundle .HU-bundle .HW-bundle-content p {font-size: 18px;} #march-bundle .HU-bundle .HW-bundle-content .old-price {font-size: 24px } #march-bundle .HU-bundle .HW-bundle-content .new-price {font-size: 24px;} } @media(max-width: 930px){ #march-bundle .bundle-includes .sale-banner {font-size: 30px;} #march-bundle .bundle-includes .sale-banner:after {border-left: 15px solid white; border-top: 45px solid transparent; border-bottom: 45px solid transparent;} #march-bundle .bundle-includes .sale-banner:before {border-top: 45px solid transparent;border-bottom: 45px solid transparent;border-right:15px solid white;} } @media(max-width: 900px){ #march-bundle .bundle-includes .col-333 {width: 50%;} #march-bundle .bundle-includes .holiday-product-holder {min-height: 230px;} } @media(max-width: 880px) { #march-bundle-banner-text h2 {font-size: 40px;} #march-bundle-banner-text p {font-size: 20px;} } @media(max-width: 867px){ #march-bundle .HU-bundle .col-60 {width: 100%; padding: 0;} #march-bundle .HU-bundle .col-40 {width: 100%; padding: 0;} #march-bundle .HU-bundle .HW-bundle-content {padding-top: 25px;} #march-bundle .HU-bundle .HW-bundle-content h1 {margin-bottom: 0;} } @media(max-width: 650px){ #march-bundle .bundle-includes .holiday-product-holder {min-height: 250px;} #march-bundle-banner-text h2 {font-size: 34px;} } @media(max-width: 600px){ #march-bundle-banner-text {padding: 60px 0px;} #march-bundle .bundle-includes .col-333 {width: 100%;} #march-bundle .bundle-includes .holiday-product-holder {min-height: 230px;} #march-bundle .bundle-includes .sale-banner {font-size: 24px;} #march-bundle .bundle-includes .sale-banner:after {border-left: 15px solid white; border-top: 39px solid transparent; border-bottom: 39px solid transparent;} #march-bundle .bundle-includes .sale-banner:before {border-top: 39px solid transparent;border-bottom: 39px solid transparent;border-right:15px solid white;} } @media(max-width: 550px){ #march-bundle-banner-text h2 {line-height: 35px;} } @media(max-width: 600px){ #march-bundle .bundle-includes .sale-banner {font-size: 18px;} #march-bundle .bundle-includes .sale-banner:after {border-left: 12px solid white; border-top: 35px solid transparent; border-bottom: 35px solid transparent;} #march-bundle .bundle-includes .sale-banner:before {border-top: 35px solid transparent;border-bottom: 35px solid transparent;border-right:12px solid white;} } @media(max-width: 500px){ #march-bundle .HU-bundle .unwind-image-holder .bundled-img img {max-width: 350px;} #march-bundle .HU-bundle .unwind-image-holder .free-item img {max-height: 138px;} } @media(max-width: 400px){ #march-bundle .HU-bundle .unwind-image-holder .bundled-img {display:block;} #march-bundle .HU-bundle .unwind-image-holder .free-item {display:block;} #march-bundle .HU-bundle .unwind-image-holder .plus-sign {display:block; margin:0 auto; top: auto;} #march-bundle .HU-bundle .HW-bundle-content .col-50 {width: 100%;} #march-bundle .HU-bundle .HW-bundle-content h1 {font-size: 26px;} #march-bundle .HU-bundle .HW-bundle-content p {margin-bottom: 15px;} #march-bundle .HU-bundle .HW-bundle-content a {display: inline-block;} } #spring-into-sale-banner {background-color: #d67933; color: #fff; font-size: 26px; font-family: 'Open Sans', sans-serif; font-weight: 600; padding:15px 20px; position: relative; margin: 0 auto; width: 75%; text-align: center;} #spring-into-sale-banner:after {content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 15px solid white; border-top: 29px solid transparent; border-bottom: 27px solid transparent;} #spring-into-sale-banner:before {content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-top: 29px solid transparent;border-bottom: 27px solid transparent;border-right:15px solid white;} #spring-into-sale-banner span {font-weight: 800; text-transform: uppercase;} @media(max-width: 947px){ #spring-into-sale-banner:after {content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 15px solid white; border-top: 43px solid transparent; border-bottom: 40px solid transparent;} #spring-into-sale-banner:before { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-top: 43px solid transparent; border-bottom: 40px solid transparent; border-right: 15px solid white;} } @media(max-width:500px){ #spring-into-sale-banner {background-color: #d67933; color: #fff; font-size: 22px; font-family: 'Open Sans', sans-serif; font-weight: 600; padding:15px 20px; position: relative; margin: 0 auto; width: 75%; text-align: center;} } @media(max-width: 414px){ #spring-into-sale-banner:after {content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 15px solid white; border-top: 53px solid transparent; border-bottom: 44px solid transparent;} #spring-into-sale-banner:before { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-top: 53px solid transparent; border-bottom: 44px solid transparent; border-right: 15px solid white;} } #summer-essentials-sale #holiday-unwind-banner-text {padding: 125px; text-align: center;} #summer-essentials-sale #holiday-unwind-banner-text h2 {color: #fff;font-family: 'Cherry Swash', cursive; font-size: 32px; font-weight: 700;} #summer-essentials-sale #holiday-unwind-banner-text p {color: #fff;} #summer-bundle {border: 1px solid #135389; border-radius:10px; margin-top: 30px; padding: 20px 20px;} #summer-bundle h2 {color: #71aa3d; font-size: 26px; font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center; padding-bottom:20px;} #summer-bundle .img-holder {text-align:right;} #summer-bundle .img-holder img {width: 300px;} #summer-bundle .text-holder .product-title {line-height: 20px; padding-bottom: 10px; color: #135389;font-size: 20px; font-family: 'Cherry Swash', cursive; font-weight: bold;} #summer-bundle .text-holder .product-desc {line-height: 18px; font-size: 18px; padding-bottom: 10px;} #summer-bundle .text-holder .old-price {font-size: 18px;} #summer-bundle .text-holder .new-price {font-size: 18px; color: #d77a34;} #summer-bundle .text-holder .learn-btn {margin-top: 30px; background: none; border: none; cursor: pointer; background-color: #ecca42; border-radius: 26.5px; color: #000; display: block; font-family: 'Amatic SC', cursive; font-size: 26px; font-weight: 700; padding: 6px 10px; text-decoration: none; width: 120.5px; white-space: nowrap; text-align: center;} @media(max-width:600px){ #summer-bundle .col-50 {width: 100%; padding: 0;} #summer-bundle .img-holder {text-align: center; padding-bottom: 15px;} #summer-bundle .text-holder .learn-btn {margin-top: 15px;} } /* #PageContainer #qab_container {height: 7px !important;} */ #body {padding-top: 0px !important;} /* Private Labeling */ #private-labeling {padding: 50px 0px;} #private-labeling h1 {font-family: 'Open Sans', sans-serif; font-size: 50px; font-weight: bold; color: #135389; padding-bottom: 10px; } #private-labeling h2 {font-size: 26px; font-family: 'Poppins', sans-serif; padding: 10px 0px; font-weight: 300;} #private-labeling .private-labeling-content {padding-top: 20px;} #private-labeling .private-labeling-content p {font-size: 17px; line-height: 28px; padding-bottom: 20px; font-family: 'Poppins', sans-serif; font-weight: 300;} #wufoo-z1cx5tts02xh926 #saveForm {float: left !important;} /* Buy Now Button */ #product-component-1566927288765 .shopify-buy-frame .shopify-buy__btn-wrapper {margin-top: 0px !important;} /*Adress Form*/ .address-form-container {max-width: 1200px; margin: 0 auto; padding: 0 15px;} .address-form-container label {display: block;} .address-form-container input {padding: 5px;} .address-form-container h2 {padding-bottom: 15px; font-size: 22px; font-weight: 600;} .address-form-container .add-address-btn {padding: 8px 15px; margin: 0 0 15px 0; color: #fff; background-color: #135389;} .address-form-container .add-address-btn:hover {cursor: pointer;} .address-form-container input[type="checkbox"] {display: inline; float: left;} .address-form-container input[type="checkbox"] .inline {display: inline;} .address-form-container .grid__item {padding: 8px 0;} .address-form-container .sh-spacing {padding: 8px 0;} /* Sale Banner */ #sale-banner-text {padding: 95px 15px 0 15px; max-width: 920px; margin: 0 auto;} #sale-banner-text h2 {color: #fff; font-size: 58px; font-family: 'Cherry Swash', cursive; font-weight: bold; line-height: 50px; text-align: center; padding-bottom: 15px;} #sale-banner-text p {color: #fff; font-size: 32px; font-family: 'Cherry Swash', cursive; font-weight: bold; line-height: 45px; text-align: center;} #manage-subscription-root .manage-subscription-page {padding: 120px 15px 90px !important;} #manage-subscription-root .manage-subscription-page h3 {font-size: 22px; line-height: 32px; padding-bottom: 14px; font-weight: bold;} .ro-translation.ro-translation-greeting_body {font-size: 18px; line-height: 28px; margin-bottom: 25px; display: block;} /* Health at Home */ #health-at-home .banner {background: url('https://www.biotechmartidale.com/wp-content/uploads/2019/06/bio-tech-building-photo-4.jpg')no-repeat center center; background-size:cover; padding: 150px 0 100px; margin-bottom: 80px;} #health-at-home h1 {color: #fff; font-size: 42px; line-height: 45px; text-align: center; font-weight: bold;} #health-at-home h1 span {font-size: 28px; font-weight: 500;} #health-at-home h2 {font-size: 34px; font-weight: bold; line-height: 42px; margin-bottom: 25px; color: #135389;} #health-at-home p {font-size: 19px; line-height: 28px; margin-bottom: 30px; font-family: 'Poppins', sans-serif; font-weight: 300;} /* Black Friday Cyber Monday */ #bfcm {margin-top: 45px;} #bfcm .overlay {background: rgba(0,0,0,.5); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative;} #bfcm h1 {padding: 100px 10px; color: #fff; font-weight: bold; text-align: center; font-size: 40px; line-height: 50px;} .bfcm-collections .grid__item {width: 24.733%; display: inline-block; margin-bottom: 7%; vertical-align: top;} .bfcm-collections h2 {font-size: 36px; font-weight: bold; color: #135389; text-align: center; margin: 5% 0;} .bfcm-collections .grid__item .h6 {text-align: center; font-size: 20px; font-weight: bold;} .bfcm-collections .grid__item .h6 a {text-decoration: none; color: #135389;} .bfcm-collections .grid__item p {text-align: center; font-size: 18px; margin-top: 10px; line-height: 28px;} .bfcm-collections img {margin-bottom: 20px;} .bfcm-collections .visually-hidden {display: none;} .bfcm-collections .grid__item p strong {color: #d77a34;} #bfcm .content {padding: 7% 15px; max-width: 1400px; margin: 0px auto;} #bfcm .content .collection h2 {font-size: 36px; line-height: 46px; font-weight: bold; color: #135389; text-align: center; margin-bottom: 1%;} #bfcm .content .collection h3 {font-size: 22px; line-height: 32px; text-align: center; font-weight: bold; color: #135389;} #bfcm .content .collection h3 a {text-decoration: none; color: #135389;} #bfcm .content .collection p {font-size: 18px; line-height: 28px; font-style: italic; text-align: center; font-family: 'Poppins', sans-serif; margin-bottom: 2%;} #bfcm .content .collection .image {width: 100%; height: 60vw; max-height: 250px; max-width: 250px; margin: 0px auto 5%; border:1px solid #ccc; border-radius: 35px;} #bfcm .content .collection .col-25 {margin: 2% 10px; width: calc(25% - 20px); min-height: 370px;} #bfcm .content .collection .col-25 p {font-style: inherit; color: #d77a34; font-family:'Open Sans',sans-serif; font-weight: bold; } #bfcm .content .collection .col-25 p span {color: #000; text-decoration: line-through;} @media(max-width: 1030px){ #bfcm .content .collection .col-25 {width: calc(33.333% - 20px);} #bfcm .content .collection h3 {font-size: 19px;} } @media(max-width: 770px){ #bfcm .content .collection p {margin-bottom: 4%;} } @media(max-width: 650px){ #bfcm .content .collection .col-25 {width: calc(50% - 20px);} } @media(max-width: 500px){ #bfcm .content .collection .col-25 {width: 100%;} #bfcm .content .collection h2 {font-size: 29px; line-height: 39px;} } @media(max-width: 380px){ #bfcm .content .collection h2 {font-size: 29px; line-height: 39px;} #bfcm .content .collection .col-25 {min-height: inherit;} } /* Project Echelon */ #project-echelon .banner {background: url(/cdn/shop/t/11/assets/project-echelon-banner.jpg?v=1623804354) no-repeat center center; background-size:cover;} #project-echelon .container {max-width: 1200px;} #project-echelon .overlay {background: rgba(0,0,0,.5); padding: 150px 5px;} #project-echelon .banner h1 {text-align: center; font-size: 45px; line-height: 55px; font-weight: 700; color: #fff;} #project-echelon .base-content .wrapper {padding: 50px 0 20px; display: flex;} #project-echelon .base-content .container {max-width: 1200px; position: relative; margin: 0px auto;} #project-echelon .first-row, #project-echelon .second-row, #project-echelon .third-row,#project-echelon .fourth-row {display: inline-block; margin: 5% auto;} #project-echelon .base-content p {font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 28px; font-weight: 300; padding-bottom: 25px;} #project-echelon .base-content a {color: #d77a34;} #project-echelon .base-content h2 {color: #135389; font-family: 'Open Sans', sans-serif; font-size: 32px; line-height: 42px; font-weight: 700; padding-bottom: 20px;} #project-echelon .base-content h3 {color: #135389; font-family: 'Open Sans', sans-serif; font-size: 40px; line-height: 50px; font-weight: 700; padding-bottom: 20px;} #project-echelon .base-content h4 {font-size: 22px; line-height: 32px; font-family: 'Poppins', sans-serif; padding-bottom: 20px;} #project-echelon .base-content .first-row .col-50 {padding: 0 15px;} #project-echelon .base-content .third-row .col-30, #project-echelon .base-content .third-row .col-70 {padding: 0 15px;} #project-echelon .base-content .third-row img {max-width: 280px;} #project-echelon .base-content .fourth-row h3 {padding-bottom: 5%; font-size: 28px; line-height: 38px; text-align: center;} #project-echelon .base-content .fourth-row h4 {color: #135389; font-size: 32px; line-height: 42px; font-family: 'Open Sans', sans-serif; padding-bottom: 20px; font-weight: 700; text-align: center; padding-top: 20px;} @media(max-width: 768px){ #project-echelon .first-row, #project-echelon .second-row, #project-echelon .third-row, #project-echelon .fourth-row {margin: 3% auto;} #project-echelon .base-content .wrapper {padding: 10px 0 20px;} #project-echelon .base-content .first-row .col-50 {width: 100%;} #project-echelon .base-content .third-row .col-30, #project-echelon .base-content .third-row .col-70 {width: 100%; text-align: center;} #project-echelon .base-content .third-row .col-30 {padding-bottom: 50px;} } @media(max-width: 380px){ #project-echelon .first-row, #project-echelon .second-row, #project-echelon .third-row, #project-echelon .fourth-row {margin: 5% auto;} #project-echelon .banner h1 {font-size: 42px;} #project-echelon .base-content h2 {font-size: 24px; line-height: 34px;} #project-echelon .base-content h3 {font-size: 31px; line-height: 40px;} #project-echelon .base-content .fourth-row .col-333 {width: 100%; padding-bottom: 6%;} #project-echelon .base-content .third-row .col-30, #project-echelon .base-content .third-row .col-70 { padding: 0 10px;} #project-echelon .base-content .fourth-row h3 {padding-bottom: 15%;} } .all-country-list {display:flex;} .country-list-one {margin-right:50px;} #testimonial .testimonial-quote cite span {color:#135389;font-weight:500;} @media(min-width:501px){ .country-list-one {margin-right:200px;} } @media(max-width:500px){ #collection-list ul {display:none;} } /* Thank You Subscription */ #thank-you-subscription .overlay {background: rgba(0,0,0,.5); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative;} #thank-you-subscription .banner-title {padding: 150px 10px 100px; color: #fff; font-weight: bold; text-align: center; font-size: 40px; line-height: 50px;} #thank-you-subscription .ty-container {max-width: 1400px; padding: 5% 15px; margin: 0 auto; text-align: center;} #thank-you-subscription .ty-container p {font-size: 18px; line-height: 28px; text-align: center; padding-bottom: 1.5%;} #thank-you-subscription .ty-container h2 {font-size: 50px; line-height: 60px; font-weight: bold; color: #135389; padding-bottom: 25px;} #thank-you-subscription a {} /* Benedict Family Foundation */ #benedict-family .wrapper.content .container {max-width: 1200px; } #benedict-family .wrapper.content {padding: 3% 0px 7%; display: inline-block;} #benedict-family .overlay {background: rgba(0,0,0,.5); padding: 150px 5px;} #benedict-family h2, h3 {font-size: 50px; line-height: 60px; font-weight: bold; color: #135389; margin-bottom: 25px;} #benedict-family .wrapper.content p {font-size: 20px; line-height: 30px;} #benedict-family .banner h1 {text-align: center; font-size: 45px; line-height: 55px; font-weight: 700; color: #fff;} #benedict-family .mission {text-align: center; margin-bottom: 10%;} #benedict-family .mission img {max-width: 300px;} #benedict-family .supporting-cta {display: flex; align-items: center;} #benedict-family .supporting-cta .text-content {padding: 0 2%;} #benedict-family .supporting-cta .yellow-btn {margin-top: 25px;} @media(max-width: 600px){ #benedict-family h2, h3 {font-size: 30px; line-height: 40px; margin-bottom: 25px;} #benedict-family .supporting-cta {display: block; } #benedict-family .supporting-cta .col-50 {width: 100%;} }