/** Shopify CDN: Minification failed Line 268:0 Unexpected "}" **/ /**********KNEAD LOVE CUSTOM CSS*************/ /******************************************** **************GENERAL STYLES***************** *********************************************/ @font-face {font-family: 'Hurme Geometric Sans'; src: url(' //kneadlovebakeshop.com/cdn/shop/t/113/assets/hurmegeometricsans_no4_4_regular.woff?v=166684080771842181671763668585 ') format('woff'), url(' //kneadlovebakeshop.com/cdn/shop/t/113/assets/hurmegeometricsans_no4_4_regular.ttf?v=58195400415467885031763668585 ') format('truetype'), url(' //kneadlovebakeshop.com/cdn/shop/t/113/assets/hurmegeometricsans_no4_4_regular.otf?v=90289700841406616941763668585 ');} @font-face {font-family: 'Hurme Geometric Sans Semibold'; src: url(' //kneadlovebakeshop.com/cdn/shop/t/113/assets/hurmegeometricsans_no4_5_semibold.woff?v=94516875621220615711763668585 ') format('woff'), url(' //kneadlovebakeshop.com/cdn/shop/t/113/assets/hurmegeometricsans_no4_5_semibold.ttf?v=139696540422484271111763668585 ') format('truetype'), url(' //kneadlovebakeshop.com/cdn/shop/t/113/assets/hurmegeometricsans_no4_5_semibold.otf?v=97125782879588086781763668585 ');} @font-face {font-family: 'Hurme Geometric Sans Bold'; src: url(' //kneadlovebakeshop.com/cdn/shop/t/113/assets/hurmegeometricsans_no4_6_bold.woff?v=78011602610862266711763668585 ') format('woff'), url(' //kneadlovebakeshop.com/cdn/shop/t/113/assets/hurmegeometricsans_no4_6_bold.ttf?v=26713997755638896381763668585 ') format('truetype'), url(' //kneadlovebakeshop.com/cdn/shop/t/113/assets/hurmegeometricsans_no4_6_bold.otf?v=29736128939972769661763668585 ');} h1 {font-family: 'Hurme Geometric Sans Semibold'!important; font-weight: normal!important;} h2, .h2 {font-family: 'Hurme Geometric Sans Bold'!important; font-weight: normal!important; font-size: 2.3em; text-transform: none; letter-spacing: 0;} h4 {font-family: 'Hurme Geometric Sans Bold'!important; font-weight: normal!important;} p {font-family: 'Hurme Geometric Sans'; color: #545c63; font-size: 19px;} .h3 {font-size: 2.3em;} @media screen and (max-width: 749px) { h2, h4 {font-size: 1.625em!important;} /*Needed to override Debut style at this viewport. */ } /******************************************** **************STICKY PROMO BAR*************** *********************************************/ .announcement-bar {background-color: #fe6f61!important; position: fixed; width: 100%; z-index: 1000!important;} /*Z-index needed because theme default z-index for announcement bar is 5000, and this causes it to show atop the JudgeMe floating overlay on some phones.*/ .announcement-bar p {padding: 10px 0!important; font-size: 1.3em; color: white; font-weight: bold; letter-spacing: -0.4px; text-transform: uppercase; font-family: "Open Sans", sans-serif;} /* .announcement-bar__message:before {content: 'Black Friday Starts Now!'; color: white; margin-right: 7px;} */ .announcement-bar__message:after {content: 'Black Friday Savings Continue!'; color: black; margin-left: 11px;} .site-header {padding-top: 49px!important;} /* THESE ARE THE STYLES FOR THE STANDARD STICKY PROMO WHEN JUST A SINGLE LINE. @media screen and (max-width: 1000px) { .announcement-bar__message:after {display: block; margin-left: 0;} .site-header {padding-top: 50px!important;} } @media screen and (max-width: 450px) { .announcement-bar p {font-size: 1.20em;} .site-header {padding-top: 45px!important;} } @media screen and (max-width: 411px) { .announcement-bar p {font-size: 1.15em;} .site-header {padding-top: 48px!important;} } @media screen and (max-width: 394px) { .announcement-bar p {font-size: 1.10em;} .site-header {padding-top: 46px!important;} } @media screen and (max-width: 370px) { .announcement-bar p {font-size: 1.05em;} .site-header {padding-top: 42px!important;} } @media screen and (max-width: 359px) { .announcement-bar p {font-size: 0.94em;} .site-header {padding-top: 40px!important;} } */ /* THESE ARE THE STYLES FOR THE STANDARD STICKY PROMO WHEN TWO LINES.*/ @media screen and (max-width: 1000px) { .announcement-bar__message:after {display: block; margin-left: 0;} .site-header {padding-top: 81px!important;} } @media screen and (max-width: 450px) { .announcement-bar p {font-size: 1.20em;} .site-header {padding-top: 78px!important;} } @media screen and (max-width: 411px) { .announcement-bar p {font-size: 1.15em;} .site-header {padding-top: 76px!important;} } @media screen and (max-width: 394px) { .announcement-bar p {font-size: 1.10em;} .site-header {padding-top: 74px!important;} } @media screen and (max-width: 370px) { .announcement-bar p {font-size: 1.05em;} .site-header {padding-top: 70px!important;} } @media screen and (max-width: 359px) { .announcement-bar p {font-size: 0.94em;} .site-header {padding-top: 65px!important;} } /* THESE ARE THE STYLES TO REPLACE THE STANDARD STICKY PROMO BAR STYLES WHEN ADDING THE ORDER BY 12/12 MESSAGE. @media screen and (max-width: 1000px) { .announcement-bar__message:after {display: block; margin-left: 0;} .site-header {padding-top: 81px!important;} } @media screen and (max-width: 500px) { .announcement-bar p {font-size: 1.10em;} .site-header {padding-top: 71px!important;} } @media screen and (max-width: 420px) { .announcement-bar p {font-size: 1.00em;} .site-header {padding-top: 68px!important;} } @media screen and (max-width: 374px) { .announcement-bar p {font-size: 0.95em;} .site-header {padding-top: 66px!important;} } @media screen and (max-width: 359px) { .announcement-bar p {font-size: 0.88em;} .site-header {padding-top: 62px!important;} } */ /******************************************** *******************HEADER******************** *********************************************/ .site-header {max-width: 1200px; margin: 0 auto; padding: 0;} .site-header__logo {line-height: 0; margin: 17px 0;} .site-header__logo-image img {width: 175px;} .site-header.border-bottom {border-bottom: none;} /*Removes border below header section. */ #SiteNav {font-size: 22px; font-family: 'Hurme Geometric Sans Bold';} .site-nav__label {border-bottom: none!important;} .site-nav--active a {color: #26D07C!important;} .site-nav a {padding: 3px 18px;} .site-nav a:hover {color: #26D07C;} a.site-header__account:hover, a.site-header__cart:hover {color: #26d07c;} #AccessibleNav {width: 74%;} .site-nav {text-align: right;} .site-header__icons {width: 6%;} .site-header__search, .site-header__search-toggle {display: none !important;} .site-header__cart {padding: 2px 7px;} .icon.icon-cart {height: 40px; width: 40px;} .main-content {padding-top: 0!important;} /* Brings content across site closer to header. */ @media screen and (min-width: 750px) and (max-width: 1249px) { .site-header__mobile-nav {padding-right: 25px; padding-left: 25px;} } @media screen and (max-width: 900px) { .site-header__logo-image img {width: 138px;} #SiteNav {font-size: 20px;} .site-nav a {padding-right: 15px; padding-left: 15px;} .site-nav li:last-child a {padding-right: 30px;} } @media screen and (max-width: 800px) { #SiteNav {font-size: 19px!important;} } /*The following is added to override Debut CSS at this breakpoint, so that the icon treatment matches desktop. */ @media screen and (max-width: 749px) { .site-header__cart-count {top: 0.2rem; right: 0.4rem; min-width: 1em; height: 1em;} .site-header__cart-count span {font-size: calc(11em / 16);} } @media screen and (max-width: 420px) { .site-header__logo {margin: 12px 0!important;} } /******************************************** *****HIDING AND UNHIDING NAV MENU ITEMS****** *********************************************/ /* Hiding Charities */ @media screen and (min-width: 750px)and (max-width: 1199px) { #SiteNav li:last-child {display: none;} } /* Hiding Home */ @media screen and (min-width: 750px)and (max-width: 1023px) { #SiteNav li:first-child {display: none;} } /******************************************** *************MOBILE NAV DROPDOWN************* *********************************************/ .btn--link.js-mobile-nav-toggle:not([disabled]):hover, .btn--link.js-mobile-nav-toggle:focus {outline: none!important;} .mobile-nav__link--active .mobile-nav__label {border-bottom: none;} /******************************************** ****************HOME GENERAL***************** *********************************************/ .template-index .section-header {text-align: center!important;} /******************************************** ************HERO TOP - PHOTO GRID************ *********************************************/ #shopify-section-1547611555521 {padding-top: 0; padding-bottom: 0;} #shopify-section-1547611555521 > .page-width {max-width: none; padding-left: 0; padding-right: 0;} #shopify-section-1547611555521 .custom-content {margin-bottom: 0;} #shopify-section-1547611555521 .custom__item {margin-bottom: 0;} #shopify-section-1547611555521 #hero-photo-grid {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; margin-left: -2px; margin-right: -2px;} #shopify-section-1547611555521 #hero-photo-grid div {float: left; position: relative; width: 20%; margin-bottom: 4px; padding-left: 2px; padding-right: 2px;} #shopify-section-1547611555521 #hero-photo-grid div span {padding-bottom: 100% !important; display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; border-bottom: none !important;} #shopify-section-1547611555521 #hero-photo-grid #hero-photo-mobile-1 {display: none;} @media screen and (max-width: 999px) { #shopify-section-1547611555521 #hero-photo-grid div {width: 33.33333%;} #shopify-section-1547611555521 #hero-photo-grid #hero-photo-mobile-1 {display: inline;} } @media screen and (max-width: 479px) { #shopify-section-1547611555521 #hero-photo-grid div {width: 50%;} #shopify-section-1547611555521 #hero-photo-grid #hero-photo-1 {display: none;} #shopify-section-1547611555521 #hero-photo-grid #hero-photo-mobile-1 {display: none;} #shopify-section-1547611555521 #hero-photo-grid #hero-photo-2 {-webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2;} #shopify-section-1547611555521 #hero-photo-grid #hero-photo-4 {-webkit-box-ordinal-group: 3; -ms-flex-order: 3; order: 3;} #shopify-section-1547611555521 #hero-photo-grid #hero-photo-5 {-webkit-box-ordinal-group: 4; -ms-flex-order: 4; order: 4;} } /* @media screen and (max-width: 479px) and (max-height: 783px) { #shopify-section-1547611555521 #hero-photo-grid #hero-photo-4 {display: none;} #shopify-section-1547611555521 #hero-photo-grid #hero-photo-5 {display: none;} } */ /******************************************** *************HERO TAGLINE SECTION************ *********************************************/ #shopify-section-1547611555521 #hero-tagline-section {background-color: #6ed9a7; padding: 13px;} #shopify-section-1547611555521 #hero-tagline {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #shopify-section-1547611555521 #hero-tagline p {font-family: 'Hurme Geometric Sans Bold'; margin-bottom: 0;} #shopify-section-1547611555521 #hero-tagline i {padding-left: 28px; padding-right: 28px;} #shopify-section-1547611555521 #hero-tagline p, #hero-tagline i {color: white; font-size: 25px; font-weight: 400; text-shadow: 0 0 2px #00a15d;} #shopify-section-1547611555521 #hero-tagline i.first-paw {display: none;} #shopify-section-1547611555521 #hero-tagline i.fourth-paw {display: none;} #shopify-section-1547611555521 #hero-tagline span {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} @media screen and (max-width: 950px) { #shopify-section-1547611555521 #hero-tagline i.fourth-paw {display: inline;} #shopify-section-1547611555521 #hero-tagline span {margin-top: 5px;} } @media screen and (max-width: 599px) { #shopify-section-1547611555521 #hero-tagline i {padding-left: 21px; padding-right: 21px;} } @media screen and (max-width: 550px) { #shopify-section-1547611555521 #hero-tagline-section {background-color: #68ce9e;} #shopify-section-1547611555521 #hero-tagline i.first-paw {display: inline;} #shopify-section-1547611555521 #hero-tagline i.third-paw {display: none;} #shopify-section-1547611555521 #hero-tagline i.fourth-paw {display: none;} #shopify-section-1547611555521 #hero-tagline span {margin-top: 0;} } @media screen and (max-width: 359px) { #shopify-section-1547611555521 #hero-tagline p, #hero-tagline i {font-size: 23px;} } /******************************************** *************HERO PROMO SECTION************** *********************************************/ #shopify-section-1547611555521 #hero-promo-section {background-color: #e6fff4; padding-top: 36px; padding-bottom: 36px;} #shopify-section-1547611555521 #hero-promo {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #shopify-section-1547611555521 #hero-promo #promo-copy {width: 50%;} #shopify-section-1547611555521 #hero-promo #promo-copy h4 {color: #ff5443;} #shopify-section-1547611555521 #hero-promo #promo-copy h4 span {display: inline-block;} #shopify-section-1547611555521 #hero-promo #promo-copy h4 span.highlight {color: #275d38;} #shopify-section-1547611555521 #hero-promo #promo-copy h4 span.mobileblockit {display: inline;} #shopify-section-1547611555521 #hero-promo #promo-copy p span {display: inline-block;} #shopify-section-1547611555521 #hero-promo #promo-copy p span.bold {font-family: 'Hurme Geometric Sans Bold';} #shopify-section-1547611555521 #hero-promo #promo-copy p span.highlight {color: #1e5128;} #shopify-section-1547611555521 #hero-promo #promo-image {width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #shopify-section-1547611555521 #hero-promo #promo-image img {max-width: 385px; width: 100%; /*border: 4px solid white;*/ align-self: center;} @media screen and (max-width: 1023px) and (min-width: 768px) { #shopify-section-1547611555521 #hero-promo #promo-copy {width: 60%; margin-right: 30px;} #shopify-section-1547611555521 #hero-promo #promo-copy h4 {font-size: 2em;} #shopify-section-1547611555521 #hero-promo #promo-image { width: 40%; justify-content: end;} } @media screen and (max-width: 767px) { #shopify-section-1547611555521 #hero-promo {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} #shopify-section-1547611555521 #hero-promo #promo-copy h4 span.mobileblockit {display: inline-block;} #shopify-section-1547611555521 #hero-promo #promo-image {-webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; width: 100%; margin-bottom: 15px;} #shopify-section-1547611555521 #hero-promo #promo-image img {max-width: 385px;} #shopify-section-1547611555521 #hero-promo #promo-copy {-webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; width: 100%; text-align: center;} } @media screen and (max-width: 750px) { #shopify-section-1547611555521 #hero-promo #promo-copy h4 {font-size: 2.1em!important;} } @media screen and (max-width: 500px) { #shopify-section-1547611555521 #hero-promo #promo-copy h4 {font-size: 1.8em!important;} } @media screen and (max-width: 405px) { #shopify-section-1547611555521 #hero-promo #promo-copy h4 {font-size: 1.70em!important;} } @media screen and (max-width: 374px) { #shopify-section-1547611555521 #hero-promo #promo-copy h4 {font-size: 1.625em!important;} } } /******************************************** ************HOME SECTION - VIDEO************* *********************************************/ #shopify-section-1539289399210 .custom__item--1539289399210-0 {padding-left: 75px;} #shopify-section-1539289399210 .custom__item--1539289399210-0 h4 {color: #26D07C;} #shopify-section-1539289399210 .custom__item--1539289399210-0 p {margin-bottom: 0;} #shopify-section-1539289399210 .custom__item--1539289399210-0 p:last-child {display: none; font-family: 'Hurme Geometric Sans Bold'; color: #275d38; font-size: 20px;} @media screen and (min-width: 1300px) { #shopify-section-1539289399210 .custom__item custom__item--1539290045280 {padding-left: 0!important;} } @media screen and (max-width: 1024px) { #shopify-section-1539289399210 .custom__item--1539289399210-0 {padding-left: 55px;} #shopify-section-1539289399210 .custom__item--1539289399210-0 h4 {font-size: 2.1em;} } @media screen and (max-width: 768px) { #shopify-section-1539289399210 .custom__item.small--one-half {-moz-flex: 1 0 100%; -ms-flex: 1 0 100%; -webkit-box-flex: 1; flex: 1 0 100%; max-width: none;} #shopify-section-1539289399210 .custom__item--1539289399210-0 {padding-left: 22px;} #shopify-section-1539289399210 .custom__item--1539289399210-0 h4 {text-align: center;} #shopify-section-1539289399210 .custom__item--1539289399210-0 p {text-align: center;} } /******************************************** *************HOME SECTION - CHARITY********** *********************************************/ /* #shopify-section-1540086449154 {background-color: #f7f7f7;} #shopify-section-1540086449154 .feature-row__image-wrapper {margin-bottom: 0; margin-left: 0; margin-right: 0;} #shopify-section-1540086449154 .feature-row__text {padding-left: 60px;} #shopify-section-1540086449154 p {font-size: 18px;} #shopify-section-1540086449154 .btn {font-family: 'Hurme Geometric Sans';} @media screen and (max-width: 1024px) { #shopify-section-1540086449154 .feature-row__text {padding-left: 55px;} } @media screen and (max-width: 768px) { #shopify-section-1540086449154 .feature-row {-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} #shopify-section-1540086449154 .feature-row__item {-webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; max-width: 100%;} #shopify-section-1540086449154 #FeatureRowImageWrapper-1540086449154 {max-width: 100%; max-height: none;} #shopify-section-1540086449154 #FeatureRowImage-1540086449154 {max-width: 100%; max-height: none;} #shopify-section-1540086449154 .feature-row__text {padding-top: 22px; padding-left: 0;} } @media screen and (max-width: 767px) { #shopify-section-1540086449154 .rte-setting {margin-bottom: -13px;} #shopify-section-1540086449154 .btn {display: none;} } */ /******************************************** ******HOME SECTION - FLAVOR OF THE MONTH***** *********************************************/ /*Replace # when replacing FOM product. This line displays the non-ReCharge classed price on the PRODUCTS page JUST for the Flavor of the Month product, since it's not subscribable.*/ #Collection #ProductCardImageWrapper-collection-template-4560740909169 ~ .price {display: inline-block!important;} .product-id-4560740909169 .price-item {display: inline!important;} #shopify-section-1571026795168 {background-color: #f7f7f7;} #shopify-section-1571026795168 .grid-view-item {max-width: 300px;} #shopify-section-1571026795168 h4.h3 {color: #7F3E99;} #shopify-section-1571026795168 h4.h3:after {content: 'Flavor of the Month - for a limited time only!'; /*color: #26D07C;*/ color: #26d07c; font-size: 18px; font-family: 'Hurme Geometric Sans Semibold'; letter-spacing: 0.35px; text-transform: uppercase; line-height: normal; letter-spacing: -0.1px; display: block; margin-top: 3px;} #shopify-section-1571026795168 .product-card .price {display: inline-block!important; margin-top: -5px; margin-bottom: 10px;} /*MULTICOLOR HEADLINE REQUIRING CUSTOM CONTENT SECTION ONLY: Vertically centers the title and description half of a custom layout.*/ #shopify-section-1571026795168 .page-width .custom-content div:last-child {-ms-flex-item-align: center; -webkit-align-self: center; align-self: center;} /*Make the temporarily sold out text bolder and purple for flavor of the month section. */ #shopify-section-1571026795168 .grid-view-item--sold-out p {font-weight: bold!important; color: purple;} @media screen and (max-width: 768px) { #shopify-section-1571026795168 .custom__item.small--one-half {-moz-flex: 1 0 100%; -ms-flex: 1 0 100%; -webkit-box-flex: 1; flex: 1 0 100%; max-width: none;} #shopify-section-1571026795168 .custom__item--1571026918509 {-webkit-order: 2; -ms-flex-order: 2; order: 2;} #shopify-section-1571026795168 .custom__item--1571026795168-0 {-webkit-order: 1; -ms-flex-order: 1; order: 1;} #shopify-section-1571026795168 .custom__item--1571026795168-0 p {display: none;} #shopify-section-1571026795168 h4.h3 {text-align: center; margin-bottom: 10px;} #shopify-section-1571026795168 .grid-view-item {max-width: 282px;} /* Shorter copy that only shows when stacked on mobile.*/ .custom__item.custom__item--1571026918509.small--one-half.medium-up--one-half.align--center::before { content: 'Our amazing new flavor of the month, packed with yogurt, strawberries and raspberries, is a "super food" for dogs. Yogurt is high in calcium and protein, and it can also act as a probiotic that\'s good for a dog\'s digestive system.'; margin-top: -10px; margin-bottom: 29px; display: block; font-family: 'Hurme Geometric Sans'; color: #545c63; font-size: 19px; } /*MULTICOLOR HEADLINE REQUIRING CUSTOM CONTENT SECTION ONLY: Make the desktop description disappear when using a custom layout.*/ #shopify-section-1571026795168 .page-width .custom-content .medium-up--text-left div:last-child p {display: none;} } /******************************************** ***HOME SECTION - PRODUCT GRID + ELSEWHERE*** *********************************************/ /* These three lines darken the labels and hovers when using a gray background. Comment out when on a white background. #shopify-section-featured-collections div.rc_block__type--active {background-color: #eaeaea;} #shopify-section-featured-collections div.rc_block__type--active label.rc_label {color: #070708} #shopify-section-featured-collections label.rc_label {color: #070708} */ #shopify-section-featured-collections {background-color: #ffffff /*#f7f7f7;*/} #shopify-section-featured-collections h2 {margin-bottom: 2px;} @media screen and (max-width: 390px) { #shopify-section-featured-collections h2 {letter-spacing: -0.7px;} } #shopify-section-featured-collections .section-header {margin-top: -7px;} #shopify-section-featured-collections .section-header:after {content: 'BOGO + free shipping!'; color: #26D07C; font-size: 18px; font-family: 'Hurme Geometric Sans Semibold'; letter-spacing: 0.35px; text-transform: uppercase; line-height: normal; letter-spacing: -0.1px;} @media screen and (max-width: 414px) { #shopify-section-featured-collections .section-header:after {font-size: 17px;} } @media screen and (max-width: 390px) { #shopify-section-featured-collections .section-header:after {font-size: 16px!important;} } #shopify-section-featured-collections .grid--view-items {margin-bottom: 0;} .product-card {text-align: center; margin-bottom: 8px;} .product-card__title {font-family: 'Hurme Geometric Sans Semibold'!important; font-size: 1.13em;} .product-card:hover .product-card__title {border-bottom: none;} .product-card .price {justify-content: center; font-size: 1.09em;} .product-card .price dd {margin-right: 0;} .product-card .price__regular {color: #545c63;} form.home-form-add-to-cart {text-align: center;} form.home-form-add-to-cart .btn {font-family: 'Hurme Geometric Sans'; padding: 12px 18px 10px 18px; vertical-align: top;} #quantity {width: 52px; padding: 10px 10px 9px 10px;} input[disabled], textarea[disabled], select[disabled] {background-color: #557b97; border-color: #557b97;} .free-shipping-next-to-price {display: none;} /*These five lines are added when going with a 2x2 grid on the homepage instead of 3x1. */ #shopify-section-featured-collections.page-width {padding-left: 22px; padding-right: 22px;} #shopify-section-featured-collections {padding-bottom: 0;} #shopify-section-featured-collections .grid__item {margin-bottom: 65px; padding-left: 0!important;} #shopify-section-featured-collections .product-card {max-width: 300px;} #shopify-section-featured-collections .home-form-add-to-cart {max-width: 300px; margin: 0 auto;} /*Make it so sold out product images aren't set to half opacity. */ .grid-view-item--sold-out .grid-view-item__image {opacity: 1 !important;} @media screen and (max-width: 1024px) { #shopify-section-featured-collections h2 {font-size: 2.23em;} } @media screen and (max-width: 1023px) { #shopify-section-featured-collections .grid--view-items, #Collection .grid--view-items{margin: 0 auto;} #shopify-section-featured-collections .small--one-half, #shopify-section-featured-collections .medium-up--one-half, #Collection .small--one-half {width: 100%; max-width: 282px; clear: both; margin-bottom: 65px; float: none; margin-right: auto; margin-left: auto; padding: 0;} #shopify-section-featured-collections .small--one-half:last-child, #Collection .small--one-half:last-child {margin-bottom: 0;} .product-card__title {font-size: 1.0625em!important;} } @media screen and (max-width: 749px) { .product-card__image-wrapper, .grid-view-item__image {max-width: 100%!important;} } /*************************************************************** ******CROSSING OUT PRICE AND SHOWING SALE PRICE NEXT TO IT****** ****************************************************************/ /* .rc-option__onetime .rc_widget__option__label::after, .product-card .price dd::after {content: '$7.80';} .product-id-4560740909169 .price dd::after {content: '$7.80';} .rc_widget__price--onetime {text-decoration: line-through; margin-right: 5px;} .price-item {text-decoration: line-through; margin-right: 5px;} #ProductSection-product-template .price-item {display: none;} @media screen and (max-width: 1023px) { #shopify-section-featured-collections .small--one-half, #shopify-section-featured-collections .medium-up--one-half, #Collection .small--one-half {max-width: 300px!important;} } */ /******************************************** ******HOME SECTION - QUALITY INGREDIENTS***** *********************************************/ #shopify-section-1540087185683 {background-color: #e5fff4; border-top: 2px solid #345b46; border-bottom: 2px solid #345b46;} #shopify-section-1540087185683 h4 {margin-bottom: 3px;} #shopify-section-1540087185683 .section-header {margin-top: -7px; margin-bottom: 28px;} #shopify-section-1540087185683 .section-header:after {display: none; content: 'OUR PETS DESERVE IT'; color: #ffffff; font-size: 18px; font-family: 'Hurme Geometric Sans Semibold'; letter-spacing: 0.35px;} #shopify-section-1540087185683 .column-wrap {display: flex; justify-content: space-between; margin-left: auto; margin-right: auto; max-width: 975px;} #shopify-section-1540087185683 .column-wrap .column {width: 25%; padding-left: 30px; padding-right: 30px; text-align: center;} #shopify-section-1540087185683 .column-wrap .column img {width: 82px;} #shopify-section-1540087185683 .column-wrap .column p {color: #1e4c2c; font-size: 24px; line-height: 1.3; font-family: 'Architects Daughter', cursive;} #shopify-section-1540087185683 .no-bad-stuff {text-align: center; margin-top: 25px; color: #1e4c2c; font-size: 24px; font-family: 'Architects Daughter', cursive;} @media screen and (min-width: 750px) { #shopify-section-1540087185683 {padding-top: 46px; padding-bottom: 46px;} } @media screen and (max-width: 1024px) { #shopify-section-1540087185683 .column-wrap {margin-right: -30px; margin-left: -30px; max-width: none;} #shopify-section-1540087185683 .column-wrap .column:first-child {padding-left: 0;} #shopify-section-1540087185683 .column-wrap .column:last-child {padding-right: 0;} } @media screen and (max-width: 860px) { #shopify-section-1540087185683 .column-wrap {flex-wrap: wrap; margin-right: 0; margin-left: 0;} #shopify-section-1540087185683 .column-wrap .column {width: 50%;} #shopify-section-1540087185683 .column-wrap .column:first-child {margin-bottom: 30px;} #shopify-section-1540087185683 .column-wrap .column:nth-child(2) {padding-right: 0;} #shopify-section-1540087185683 .column-wrap .column:nth-child(3) {padding-left: 0;} } @media screen and (max-width: 400px) { #shopify-section-1540087185683 .column-wrap .column {padding-right: 20px; padding-left: 20px;} } @media screen and (max-width: 359px) { #shopify-section-1540087185683 .column-wrap .column:nth-child(2) {margin-bottom: 30px;} } /******************************************** ************HOME SECTION - SLIDESHOW********* *********************************************/ #shopify-section-1540957827610 {padding-top: 0; padding-bottom: 0;} #shopify-section-1540957827610 .slideshow {height: 575px!important;} #shopify-section-1540957827610 .slideshow__overlay::before {opacity: 0.2} #shopify-section-1540957827610 h2 {font-size: 5em;} @media screen and (max-width: 749px) { #shopify-section-1540957827610 .slideshow {height: 415px!important;} #shopify-section-1540957827610 h2 {font-size: 2.5em!important;} } @media screen and (min-width: 1700px) { #shopify-section-1540957827610 #slickSlide10 .slideshow__image {background-position: center 49%!important;} } @media screen and (min-width: 1300px) and (max-width: 1699px) { #shopify-section-1540957827610 #slickSlide10 .slideshow__image {background-position: center 68%!important;} } @media screen and (min-width: 1540px) { #shopify-section-1540957827610 #slickSlide12 .slideshow__image {background-position: center 69%!important;} } @media screen and (min-width: 1300px) { #shopify-section-1540957827610 #slickSlide14 .slideshow__image {background-position: center 100%!important;} } @media screen and (min-width: 1450px) { #shopify-section-1540957827610 #slickSlide16 .slideshow__image {background-position: center 0!important;} } /******************************************** ********HOME SECTION - THREE EASY STEPS****** *********************************************/ /*#shopify-section-1540085199200 {background-color: #f7f7f7;} No background color if no additional white section. */ #shopify-section-1540085199200 .section-header {margin-top: -7px;} #shopify-section-1540085199200 .section-header:after {content: 'THE PACKAGE HAS EVERYTHING YOU NEED'; color: #26D07C; font-size: 18px; font-family: 'Hurme Geometric Sans Semibold'; letter-spacing: 0.35px; line-height: normal;} #shopify-section-1540085199200 h4 {margin-bottom: 3px;} @media screen and (max-width: 414px) { #shopify-section-1540085199200 .section-header:after {font-size: 17px; letter-spacing: normal;} } /******************************************** *********HOME SECTION - REVIEWS ARE IN******* *********************************************/ #shopify-section-1543798336675 {margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0;} #shopify-section-1543798336675 > div {background-color: #6ed9a7; border-top: 2px solid #345b46; text-align: center; padding-top: 19px;} #shopify-section-1543798336675 > div::before {content: 'The Reviews Are In!'; /*position: absolute; left: 50%; transform: translate(-50%, 35px);*/ font-size: 2.3em; z-index: 5000; font-family: "Hurme Geometric Sans Bold" !important;} #shopify-section-1543798336675 .slideshow-wrapper {margin-top: -79px;} #shopify-section-1543798336675 .slideshow {height: 267px;} #shopify-section-1543798336675 .slideshow__image {display: none;} #shopify-section-1543798336675 .slideshow__overlay:before {background-color: transparent;} #shopify-section-1543798336675 .slideshow__text-content {margin-top: 5px;} #shopify-section-1543798336675 .slideshow .slick-dots {bottom: 30px;} #shopify-section-1543798336675 .mega-title {text-shadow: none;} #shopify-section-1543798336675 .mega-subtitle {text-shadow: none;} @media screen and (max-width: 749px) { #shopify-section-1543798336675 > div::before {font-size: 1.625em !important;} } @media screen and (max-width: 768px) { #shopify-section-1543798336675 .slideshow {height: 300px;} } @media screen and (max-width: 767px) { #shopify-section-1543798336675 .slideshow {height: 280px;} } @media screen and (max-width: 414px) { #shopify-section-1543798336675 .slideshow .slick-dots {bottom: 45px;} } @media screen and (max-width: 320px) { #shopify-section-1543798336675 .slideshow {height: 300px;} } /******************************************** *********HOME SECTION - INSTAGRAM GRID******* *********************************************/ #shopify-section-1546827065511 {padding-top: 0;} #shopify-section-1546827065511 .page-width {max-width: none; padding-left: 0; padding-right: 0;} #shopify-section-1546827065511 .instagram-gallery {margin: 2px; overflow: hidden;} #shopify-section-1546827065511 .instagram-gallery div {float: left; position: relative; width: calc(20% - 4px); margin: 2px;} #shopify-section-1546827065511 .instagram-gallery div a {padding-bottom: 100% !important; display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; border-bottom: none !important;} @media screen and (max-width: 767px) { #shopify-section-1546827065511 .instagram-gallery div {width: calc(50% - 4px);} } /******************************************** ****************FOOTER - TOP***************** *********************************************/ .template-index .site-footer {margin-top: 0;} /*Applies only to homepage since there's no white section directly above it. */ .site-footer {padding-bottom: 0; padding-top: 35px; margin-top: 35px;} .site-footer__hr {display: none;} .site-footer a {background-color: transparent!important;} .klb-top-footer {display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 26px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .klb-top-footer h5 {font-family: "Hurme Geometric Sans Semibold" !important; font-size: 18px; margin-bottom: 13px;} .klb-top-footer p {color: white; font-size: 17px; margin-bottom: 9px;} .klb-top-footer p.contact-item.phone svg {top: -3px; margin-left: -1px;} .klb-top-footer svg {display: inline-block; width: 20px; height: 20px; vertical-align: middle; position: relative; top: -2px; margin-right: 5px; fill: white;} .klb-top-footer .klb-social-icons {width: 30%;} .klb-top-footer .klb-facebook-icon, .klb-top-footer .klb-instagram-icon {width: 48px;} @media screen and (max-width: 999px) { .klb-top-footer {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center;} .klb-top-footer .klb-middle-column, .klb-top-footer .klb-last-column {margin-top: 30px;} .klb-top-footer .klb-social-icons {width: 100%; text-align: center; margin-bottom: 20px;} } @media screen and (max-width: 359px) { .klb-top-footer .klb-first-column svg {display: none;} } /******************************************** **************FOOTER - BOTTOM**************** *********************************************/ .klb-bottom-footer {width: 100%; overflow: hidden; background-color: #235232; padding-bottom: 15px; padding-top: 15px;} .klb-bottom-footer .klb-copyright-and-legal {width: 100%; text-align: center; font-family: 'Hurme Geometric Sans';} .klb-bottom-footer .site-footer__copyright-content {font-size: 15px!important;} @media screen and (max-width: 999px) { .klb-bottom-footer .klb-copyright-and-legal {width: 100%; text-align: center;} .klb-bottom-footer .klb-divider-after-copyright {display: none;} .klb-bottom-footer .klb-legal-links-only {display: block;} } @media screen and (max-width: 767px) { .klb-bottom-footer {padding-bottom: 54px;} /* Extra padding because of sticky reviews widget at bottom. */ } /******************************************** ************SECONDARY - GENERAL************** *********************************************/ .template-page #MainContent, .template-collection #MainContent {padding-bottom: 25px;} .template-page .section-header {text-align: left!important; overflow: hidden; margin-top: -10px; margin-bottom: 3px;} .content-ourstory, .content-faq {color: #41464b; font-size: 1.08em;} /******************************************** *************INSTRUCTIONS PAGE*************** *********************************************/ #instructions-page span {color: #41ba77; font-family: 'Architects Daughter', cursive; font-size: 27px; line-height: 1.1;} #instructions-page .image-pour {float: left; margin-right: 2rem; max-width: 108px;} #instructions-page .image-knead {float: right; margin-left: 2rem; max-width: 135px;} #instructions-page .image-pipe {float: left; margin-right: 2rem; max-width: 160px; margin-top: 7px;} #instructions-page .image-store {float: right; margin-left: 2rem; max-width: 140px;} /******************************************** ******************FAQ PAGE******************* *********************************************/ .content-faq p {font-family: inherit;} .content-faq a {color: #00a033; /*color: #1b9241*/} .content-faq a:hover {color: #00a033; /*color: #1b9241*/} .content-faq ol li {font-size: 19px; color: #545c63;} @media screen and (min-width: 640px) { #shopify-section-hero-faq .hero {background-position: center 35%!important;} } /******************************************** **************INGREDIENTS PAGE*************** *********************************************/ .ingredients-page .ingredients p {font-size: 18px;} .content-ingredients {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .content-ingredients .scrollable-wrapper {float: left; margin-right: 20px;} @media screen and (min-width: 1250px) { .content-ingredients .nutritioninfo {max-width: 281px;} } @media screen and (max-width: 1200px) { .content-ingredients .nutritioninfo {max-width: 370px;} .content-ingredients .scrollable-wrapper:last-child .nutritioninfo {margin-bottom: 0;} } @media screen and (max-width: 1070px) { .content-ingredients .nutritioninfo {max-width: 355px;} } @media screen and (max-width: 1020px) { .content-ingredients .scrollable-wrapper {float: none; margin-right: 0;} .content-ingredients .nutritioninfo {max-width: 370px;} } @media screen and (min-width: 640px) { #shopify-section-hero-ingredients .hero {background-position: center 35%!important;} } /******************************************** ***************OUR STORY PAGE**************** *********************************************/ @media screen and (min-width: 2201px) { #shopify-section-hero-ourstory .hero {height: 750px!important;} } @media screen and (min-width: 2001px) and (max-width: 2200px) { #shopify-section-hero-ourstory .hero {height: 700px!important;} } @media screen and (min-width: 1900px) and (max-width: 2000px) { #shopify-section-hero-ourstory .hero {height: 650px!important;} } @media screen and (min-width: 1300px) and (max-width: 1899px) { #shopify-section-hero-ourstory .hero {height: 600px!important;} } @media screen and (min-width: 1100px) and (max-width: 1299px) { #shopify-section-hero-ourstory .hero {height: 513px!important;} } @media screen and (max-width: 767px) { #shopify-section-hero-ourstory .hero {height: 300px!important;} } /******************************************** *************OUR CHARITIES PAGE************** *********************************************/ .rte.content-charities .intro {margin-bottom: 43px;} .featured-charity {margin-bottom: 100px;} .featured-charity:last-child {margin-bottom: 0;} .charity-logo {width: 23%; float: left; margin-right: 55px; text-align: center;} .charity-logo img {max-width: 100%; max-height: 155px;} .charity-content {overflow: hidden;} .charity-content .title {font-family: "Hurme Geometric Sans Semibold" !important; font-size: 23px; color: #275d38; margin-top: -6px; margin-bottom: 10px; line-height: 29px} .charity-content .photo {margin-top: 16px;} @media screen and (max-width: 1400px) { #shopify-section-hero-charities .hero {height: 645px!important;} } @media screen and (max-width: 1199px) { .page-width.our-charities .grid__item {left: 0!important; width: 100%!important;} } @media screen and (max-width: 749px) { #shopify-section-hero-charities .hero {height: 375px!important;} .featured-charity {margin-bottom: 60px;} .charity-logo {width: 100%; max-width: 313px; margin-bottom: 15px; margin-right: 0; text-align: left;} .charity-content {width: 100%;} .charity-content .title {margin-top: 0;} } /******************************************** ***************AFFILIATE PAGE**************** *********************************************/ .content-affiliateprogram ul li {font-family: 'Hurme Geometric Sans'; color: #545c63; font-size: 19px;} .content-affiliateprogram .btn {font-size: 16px!important; letter-spacing: 0!important; font-weight: 600!important; margin-top: 3px;} @media screen and (min-width: 1025px) { #shopify-section-hero-affiliateprogram .hero {background-position: 0px -20px!important;} } @media screen and (max-width: 1024px) { #shopify-section-hero-affiliateprogram .hero {background-position: 0px 23px!important;} } @media screen and (max-width: 530px) { #shopify-section-hero-affiliateprogram .hero {background-position: -130px 23px!important;} } @media screen and (max-width: 340px) { #shopify-section-hero-affiliateprogram .hero {background-position: -148px 23px!important;} } /******************************************** ***************POLICY PAGES****************** *********************************************/ .shopify-policy__container {max-width: 1200px!important; padding-left: 55px; padding-right: 55px;} .shopify-policy__title {text-align: left!important;} .shopify-policy__title h1 {text-transform: capitalize;} .shopify-policy__body {color: #41464b;} .shopify-policy__body p {font-family: "Open Sans",sans-serif; font-size: 1.08em; color: #41464b;} @media screen and (max-width: 749px) { .shopify-policy__container {padding-left: 22px; padding-right: 22px;} } /******************************************** **********PRODUCTS COLLECTION PAGE*********** *********************************************/ .collection-hero {margin-bottom: 45px;} .collection-hero__title-wrapper::before {background-color: transparent;} .collection-hero__title {display: none;} .filters-toolbar__product-count {display: none;} .template-collection #MainContent {padding-bottom: 0!important;} #Collection.page-width {padding-left: 22px; padding-right: 22px;} #Collection .grid__item {margin-bottom: 65px; padding-left: 0!important;} #Collection .product-card {max-width: 300px;} #Collection .home-form-add-to-cart {max-width: 300px; margin: 0 auto;} /******************************************** ***********INDIVIDUAL PRODUCT PAGE*********** *********************************************/ #ProductSection-product-template {margin-top: 15px;} .template-product .product-form {padding-top: 1rem !important;} .template-product .product-form__item {padding-left: 0;} .template-product .product-form__cart-submit {max-width: 150px;} .product-form__item p.ajaxified-cart-feedback {margin-bottom: -36px !important;} .product-id-6719005950065 .product-single__title {color: #7f3f98;} /*Makes Apple, Berries & Oats title purple. */ .nutritioninfo {max-width: 370px;} .peanutbutter .ingredients {background-color: #996633;} .cheesecarrot .ingredients {background-color: #ffaf00;} .chickensweetpotato .ingredients {background-color: #ff8000;} .chickencarrots .ingredients {background-color: #ec7f2a;} .beefjerkycheese .ingredients {background-color: #831b1a;} .applecinnamon .ingredients {background-color: #7f3f98;} .yogurtberries .ingredients {background-color: #7f3f98;} .ingredients {color: white; text-align: center;} .ingredients h4 {font-size: 1.5em; font-family: "Hurme Geometric Sans Semibold" !important; margin-bottom: 10px;} .ingredients p {color: white; margin-bottom: 6px;} .fineprint {font-size: 13px;} #product_form_4556982911089 {display: none;} /*Hide quantity and add to cart on bandana product page. */ #product_form_4552815444081 {display: none;} /*Hide quantity and add to cart on sticker product page. */ #product_form_6825491169393 {display: none;} /*Hide quantity and add to cart on dog toy product page. */ #product_form_6825627811953 {display: none;} /*Hide quantity and add to cart on Christmas stocking product page. */ @media screen and (min-width: 750px) { #ProductSection-product-template .product-single__photos {padding-right: 30px;} } @media screen and (max-width: 320px) { .ingredients p {font-size: 18px;} } /******************************************** *****************CART PAGE******************* *********************************************/ #shopify-section-cart-template h1 {text-transform: capitalize; margin-top: 10px; margin-bottom: -10px} .holiday-shipping-note {margin-bottom: 15px;} .holiday-shipping-note p {font-weight: bold; color: #FE5900; font-family: Open Sans,sans-serif;} .top-of-cart-special-message p {font-weight: bold; color: #FE5900;} .top-of-cart-special-message-new p {font-weight: bold; color: #FE5900; font-family: Open Sans,sans-serif;} .cart--empty-message {margin-top: 20px;} #shopify-section-cart-template form.cart {margin-top: -15px;} @media screen and (max-width: 600px) { .holiday-shipping-note p {font-size: 18px;} .top-of-cart-special-message p {font-size: 18px;} .top-of-cart-special-message-new p, .holiday-shipping-note p {font-size: 18px; text-align: center;} #shopify-section-cart-template form.cart:before {font-size: 18px;} } @media screen and (max-width: 400px) { .holiday-shipping-note p {font-size: 16px;} .top-of-cart-special-message p {font-size: 16px;} .top-of-cart-special-message-new p {font-size: 16px;} #shopify-section-cart-template form.cart:before {font-size: 16px;} } /******************************************** ***************CART PAGE PROMOS************** *********************************************/ .v-day-gifts {text-align: center; margin-top: -22px;} .v-day-gifts .graphic img {max-width: 275px; width: 100%; margin-bottom: 15px;} .v-day-gifts .message {font-size: 1.125em; font-weight: bold; margin-bottom: 15px;} @media screen and (max-width: 749px) { .v-day-gifts {margin-top: 0;} .v-day-gifts .graphic img {max-width: 250px;} } /******************************************** ***************INCART UPSELL***************** *********************************************/ /*These lines can be commented out if incart upsell widget is not active. .top-of-cart-special-message {display: none;} .section-header.klb-cart-not-empty {margin-bottom: 25px;} .nudge-offer {margin-bottom: 25px!important;} .nudge-offer .offer-text {margin-bottom: 15px!important;} .nudge-offer div:last-child {color: #a09f9f!important; margin-top: 5px;!important} .nudge-offer div:last-child a {color: #a09f9f!important;} .nudge-offer form {margin-bottom: 7px!important;} .nudge-offer form[action^="/cart"] [type="submit"] {visibility: visible!important;} .nudge-offer.compact {line-height: 21px!important;} */ /* Only comment this line back in for Incart Upsells if you DON'T want to totally hide the subscription message, but only reposition it. #shopify-section-cart-template form.cart:before {content: 'Save 25% by signing up for a subscription!'; color: #FE5900; font-family: 'Hurme Geometric Sans Bold'; font-size: 19px; padding-top: 38px !important; display: inline-block; letter-spacing: normal;} */ /******************************************** **************MAILCHIMP POPUP**************** *********************************************/ #PopupSignupForm_0 {display: none!important;} @media screen and (max-width: 768px) { .mc-banner {top: auto!important; bottom: 0; background-color: #f7fff5!important; border: 2px solid #00a768;} } /******************************************** ******************JUDGE.ME******************* *********************************************/ .jdgm-branding-footer { display: none!important; } .jdgm-revs-tab__content .jdgm-write-rev-link {display: none!important;} .jdgm-revs-tab__main {max-width: 800px!important;} .jdgm-revs-tab-btn {background-color: #f7d805 !important; color: #343333 !important; font-weight: bold !important; padding: 10px 8px 7px 8px !important; letter-spacing: 0.04em !important;} .jdgm-revs-tab-btn[position="right"] {top: 72% !important;} .jdgm-revs-tab-btn.btn:hover {background-color: #ffea5b !important;} .product-card .jdgm-preview-badge {margin-top: 5px!important;} .jdgm-prev-badge {margin-bottom: 10px!important;} .jdgm-prev-badge__text {margin-left: 2px!important;} #judgeme_product_reviews[data-id="4556982911089"] {display: none;} /*Hides reviews for dog bandana product. */ #judgeme_product_reviews[data-id="4552815444081"] {display: none;} /*Hides reviews for sticker product. */ #judgeme_product_reviews[data-id="6825491169393"] {display: none;} /*Hides reviews for dog toy product. */ #judgeme_product_reviews[data-id="6825627811953"] {display: none;} /*Hides reviews for Christmas stocking product. */ @media screen and (max-width: 767px) { .jdgm-revs-tab-btn[position="right"] {transform: none !important; top: auto!important; bottom: 0!important; width: 100% !important;} } /******************************************** **********RECHARGE SUBSCRIPTIONS************* *********************************************/ .site-header__icons {width: 12%;} #CustomerLoginForm div#rc_login {display: none!important;} #shopify-section-featured-collections .grid--view-items {overflow: visible!important;} #shopify-section-collection-template #Collection .grid--view-items {overflow: visible!important;} .subscribe-and-save-promo {display: none; margin-top: 12px!important;} .subscribe-and-save-promo p {margin-bottom: 6px; font-family: "Hurme Geometric Sans Semibold" !important; font-size: 1.13em!important;} .subscribe-and-save-promo p:last-child {margin-bottom: 0!important;} .subscribe-and-save-promo p a {color: #1ea562!important; text-decoration: underline!important;} .rc-container-wrapper {width: 100%;} /*Added after ReCharge migration to Shopify Checkout.*/ .rc-container-wrapper .rc-container {margin-bottom: 0!important;} /*Added after ReCharge migration to Shopify Checkout.*/ .rc_popup__block {font-size: 16px !important; padding: 0!important;} /*Added after ReCharge migration to Shopify Checkout.*/ .rc_popup__block__content {padding-bottom: 20px!important;} /*Added after ReCharge migration to Shopify Checkout.*/ .rc_popup_label_wrapper:focus {outline: 2px solid #0060df!important;} /*Added after ReCharge migration to Shopify Checkout.*/ .product-card .price {display: none!important;} div#rc_container {margin-bottom: 0!important;} .template-product .rc_block__type__onetime {margin-bottom: 4px;} /*Adds space between one-time and subscription radio buttons. */ div.rc_block__type--active input.rc_radio {background-color: #f2f2f2!important;} .rc_label__autodeliver .rc_label__discount {display: none!important;} .rc-radio {margin-bottom: 11px!important;} /*Added after ReCharge migration to Shopify Checkout.*/ .rc-option__discount::after {content: ':';} /*Added after ReCharge migration to Shopify Checkout.*/ #rc_autodeliver_options {margin-bottom: 2px;} /*Adds some bottom margin when a frequency dropdown is present.*/ .rc_select__frequency {padding-left: 8px;} /*Removes excess left padding on frequency dropdown. */ .template-product .product-form select, .template-product .product-form input {min-height: auto;} /*Overwrites theme's min-height of 44 pixels on product page.*/ select.rc_select {font-size: 16px!important;} /*Overwrites font-size of 100%, which was causing iOS to zoom in on selection. */ .rc_popup__block__content a {display: none!important;} .rc_popup__block__footer {display: none!important;} .custom-subscription-cart-message {float: right!important; font-weight: bold!important; text-align: right!important; width: 400px!important; margin-top: -20px!important; margin-bottom: 20px!important; color: #41464b !important;} .custom-subscription-cart-message a {color: #00a033!important;} @media screen and (max-width: 1100px) { .site-header__icons {width: 14%;} } @media screen and (max-width: 1023px) { .site-header__icons {width: 16%;} } @media screen and (max-width: 749px) { .custom-subscription-cart-message {float: none!important; margin-left: auto!important; margin-right: auto!important; margin-bottom: 0!important; text-align: center!important; max-width: 100%!important;} } @media screen and (max-width: 500px) { div.rc_popup__block {width: 250px!important} } @media screen and (max-width: 359px) { div.rc_popup__block {width: 225px!important} } /******************************************** ****************ACCOUNT LOGIN**************** *********************************************/ #CustomerLoginForm a, #CustomerLoginForm a:hover {color: #00a033;} #CustomerLoginForm .account-tips {text-align: left;} #CustomerLoginForm .account-tips p {font-size: 18px;} #CustomerLoginForm .account-tips .header {font-family: "Hurme Geometric Sans Bold" !important;} /******************************************** *************THANKSGIVING STYLES************* *********************************************/ .announcement-bar {background-color: #f26a2f!important;} .site-nav--active a, .site-nav a:hover {color: #f26a2f !important;} #shopify-section-1547611555521 #hero-tagline-section {background-color: #a6882e;} #shopify-section-1547611555521 #hero-tagline p, #hero-tagline i {text-shadow: none!important;} .site-header__cart-count {background-color: #f26a2f !important;} a.site-header__account:hover, a.site-header__cart:hover {color: #f26a2f !important;} #shopify-section-1547611555521 #hero-promo-section {background-color: #feffe6;}