/** Shopify CDN: Minification failed
Line 7:8 Expected URL token but found "("
**/
/** CUSTOM STYLES **/
@import (css) url("//hello.myfonts.net/count/3bca07");
@font-face {
font-family: 'Recoleta-Medium';
src: url('/cdn/shop/t/22/assets/recoleta-medium.woff2') format('woff2'),
url('/cdn/shop/t/22/assets/recoleta-medium.woff') format('woff');
font-display: swap;
}
body {
/* background: url("/cdn/shop/files/bg-texture.webp?v=1695308842") !important;
background-size: 200px !important; */
letter-spacing: 0!important;
}
button:not(.z-div, .z-a, .z-text, .z-li, .co-button, .rb-btn, .thumbnail, .slider-button, .slider-counter__link--dots, .kl-hub-action-card, .kl-hub-button, .kl-hub-button-secondary), .button {
background: #554839! important;
border-color: #554839;
color: #FFFFFF! important;
border-radius: 3px!important;
font-family: 'Raleway';
}
button:before, .button:before, button:after, .button:after {display:none;}
.menu-drawer__utility-links li.list-social__item {margin: 1rem;}
a.button.button--secondary.button--outlined {
background: transparent!important;
border: 1px solid #4f3a3e;
color: #4f3a3e!important;
font-weight: 700;
font-size: 1.25rem;
transition: all .25s ease-in-out;
}
a.button.button--secondary.button--outlined:hover {
background: #4f3a3e!important;
border: 1px solid #4f3a3e;
color: #FFFFFF!important;
font-weight: 700;
font-size: 1.25rem;
text-decoration: none;
}
.desktop {display:none!important;}
@media screen and (min-width: 749px) {
.desktop {display:block!important;}
.mobile {display:none!important;}
}
/** NAV ICON STYLES **/
.header__icon, .header__icon--cart .icon {padding: 12px;}
.cart-count-bubble {background-color: #f68f56;}
/** BANNER STYLES **/
.mobile.banner__media {
height: 100vw;
position: relative;
left: 0;
top: 0;
}
h1, h2,
h2.banner__heading, .title-wrapper-with-link h2,
.squiggle h2,
h1.main-page-title.page-title {
font-family: 'Recoleta-Medium';
font-weight: normal !important;
color: #554838;
}
.banner__text p {color: #554838;}
.banner__buttons:hover {
opacity: .75;
transition: opacity .25s ease;
}
#MainContent .banner.banner--large {
min-height: 47rem;
}
slideshow-component .slideshow__controls {
border: none!important;
}
@media screen and (min-width: 749px) {
.banner--content-align-left.banner--desktop-transparent .banner__box p {
font-size: 1.75vw;
width: 50%;
text-align: center;
}
.banner--content-align-left.banner--desktop-transparent .banner__box h2 {
font-size: 5vw;
width: 50%;
line-height:120%;
text-align: center;
}
}
@media screen and (min-width:1200px) {
.banner--content-align-left.banner--desktop-transparent .banner__box p {font-size: 1.75rem;width: 70%;}
.banner--content-align-left.banner--desktop-transparent .banner__box h2 {font-size: 6rem;line-height: 110%;width: 70%;}
#MainContent .banner.banner--large {height: 90rem;}
.banner__buttons {
width: 70%;
justify-content: center;
}
}
#MainContent .banner {
-webkit-mask: url(//www.michelesgranola.com/cdn/shop/t/81/assets/border-mask.svg?v=162175713173472175631760385080);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: bottom;
-webkit-mask-size: cover;
mask: url(//www.michelesgranola.com/cdn/shop/t/81/assets/border-mask.svg?v=162175713173472175631760385080);
mask-repeat: no-repeat;
mask-position: bottom;
mask-size: cover;
}
@media (min-width:750px) {
.banner--content-align-left.banner--desktop-transparent .banner__box {
margin-left: -5rem;
width: 70vw;
}
}
@media (min-width:1000px) {
.banner--content-align-left.banner--desktop-transparent .banner__box {
margin-left: 0;
width: 70vw;
}
}
@media (min-width:1200px) {
.banner--content-align-left.banner--desktop-transparent .banner__box {
margin-left: -6vw;
width: 50vw;
}
}
/** MEGA MENU **/
sticky-header.header-wrapper {background-color: #ffffff;}
.mega-menu--image img {
width: 100%;
height: auto;
}
.shopify-section.shopify-section-group-header-group.section-header #MegaMenu-Content-1 {
max-width: 80rem !important;
width: 100%;
min-width: 80rem !important;
}
.mega-menu--image a {
color: #373737;
text-decoration: none;
}
.mega-menu--image p.mega-menu-image-subheading {
text-align: center !important;
font-weight: 800;
font-size: 1.5rem;
}
div#MegaMenu-Content-1 a.mega-menu__link--level-2 {
font-size: 2rem;
}
.menu-drawer__close-button {
width: 90%;
margin-inline: 2rem;
}
.header__inline-menu header-menu .mega-menu__content {
min-width: 33rem !important;
top: 50px !important;
left: -1.85rem;
z-index:100;
}
.mega-menu__list.page-width {padding: 0px 3rem;}
/** FEATURED PRODUCTS **/
.product-card-wrapper .card__inner {background: transparent;}
h3.card__heading a {
font-family: 'Recoleta-Medium';
font-size: 2rem;
font-weight: normal;
text-align: center;
}
.card__information .card-information {
text-align: center;
}
@media screen and (min-width: 749px) {
h3.card__heading a {font-size: 2.25rem;}
.product-card-wrapper {transition: transform .25s ease;}
/* .product-card-wrapper:hover {transform: scale(1.1);} */
.product-card-wrapper.underline-links-hover:hover a {text-decoration: none;}
}
/** TEXT WITH IMAGE **/
.image-with-text__media {border: none;}
.image-with-text__media img {object-fit: contain;}
/** INSTA FEED **/
div#insta-feed {margin-block: 4rem;}
/** SEARCH **/
.search-modal__content input#Search-In-Modal {
background-color: #fff;
border: 1px solid #4f3a3e;
border-radius: 4px;
box-shadow: none;
}
.search-modal__content button.search__button.field__button {
height: 95%;
}
.search-modal__content .field:before,
.search-modal__content .field:after {
display: none;
}
.search-modal__content.search-modal__content-bottom,
.predictive-search.predictive-search--header {
background-color: #fff;
}
/** Klaviyo adjustments **/
button.needsclick.klaviyo-close-form.kl-private-reset-css-Xuajs1 {
background: transparent!important;
}
form.needsclick.klaviyo-form {
margin-bottom: 2rem!important;
}
/** ADA Adjustments **/
.badge.color-inverse {
background-color: #ccc;
color: #4d4d4d;
}
.badge {
font-weight: 600;
}
/* Drawer fix for smaller screen sizes */
.drawer__inner {padding-bottom: 7rem;}
/* Page Fly Adjustments */
select.rc_widget__option__plans__dropdown {background-color: transparent;}
#MainContent h1[data-product-type="title"] {font-size: 3.5rem !important;}
h5[data-pf-type="Heading"] {
font-weight: 700;
margin-bottom: 0;
}
h5[data-pf-type="Heading"]+div[data-pf-type="Block"] {
margin-top: 0;
}
.navbar {font-size: 3rem;}
.navbar .dropdown button.dropbtn {
font-size: 16px;
background-color: #554838 !important;
}
.navbar .dropdown-content a {font-size: 16px;}
.pf-option-swatches input[type='radio']+label {font-size: 1.25rem;}
button[data-pf-type="TabHeader"] {
background-color: transparent !important;
border-radius: 0 !important;
}
#MainContent h2[data-pf-type="Heading"] {font-size: 3rem;}
h3[data-pf-type="ArticleTitle"] {color: #554738;}
a[data-pf-type="ArticleViewDetails"] {text-decoration: none;}
#calories th {font-size: 2.5rem!important;}
table.pf-inner-table {border-collapse: collapse;}
table:not([class]) td, table:not([class]) th {
padding: 0;
border: none;
}
table:not([class]) {
border-style: none;
box-shadow: none;
}
img, video, canvas {
overflow: hidden;
}
#__pf {
max-width: 1600px;
margin: 0 auto;
}
button#BIS_trigger {
background-color: #cfa44e !important;
border: none;
padding: 1rem;
}
button.dropbtn b:after {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background-image: url('data:image/svg+xml,');
margin-left: 5px;
}
div#you-may-also-like .rc_container_wrapper,
div#you-may-also-like .splide__pagination {display: none!important;}
/* Recharge Bundle Builder */
section#recharge-bundle {
padding: 3rem;
background-color: #f6f4f5;
}
#recharge-bundle select {padding: 1rem;}
/* CART/DRAWER STYLES */
cart-remove-button .button,button.quantity__button {
background-color: transparent!important;
color: #000!important;
}
.quantity:after {
box-shadow: none;
border-bottom: 1px solid #ccc;
}
button.button.button--tertiary.cart-remove-button {
background-color: transparent!important;
color: #000;
}
svg.icon.icon-remove path {fill: #4f3a3e;}
/* .quantity:before, quantity-input.quantity.cart-quantity {
background-color: transparent!important;
} */
.cart-item__image-container {
background-color: transparent;
border: none;
}
/* Adding arrow to pagefly templates */
div[data-pf-type="ProductBox"] div[data-pf-type="Divider2"] + h5[data-pf-type="Heading"],
div[data-pf-type="ProductBox"] div[data-pf-type="Divider2"] + h5[data-pf-type="Heading2"],
div[data-pf-type="ProductBox"] h5.arrow-to-below {
position: relative;
}
div[data-pf-type="ProductBox"] div[data-pf-type="Divider2"] + h5[data-pf-type="Heading"]:after,
div[data-pf-type="ProductBox"] div[data-pf-type="Divider2"] + h5[data-pf-type="Heading2"]:after,
div[data-pf-type="ProductBox"] h5.arrow-to-below:after {
content: "";
display: block;
width: 30px;
height: 60px;
position: absolute;
top: 1rem;
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>');
transform: rotate(-20deg);
left: -2.5rem;
background-size: 1.75rem;
background-repeat: no-repeat;
}
@media (max-width:768px) {
div[data-pf-type="ProductBox"] {padding: 2rem;}
}
.rte img {border: none;}
.badge.badge-best-seller {
font-weight: 600;
background-color: #CFA44E;
color: #000;
border: none;
}
.badge.badge-new-release {
font-weight: 600;
background-color: #9baf74;
color: #000;
border: none;
}
.menu-drawer__menu-item a.menu-drawer__menu-item {padding: 0;}
@media (min-width:1200px){
ul#product-grid {column-gap: 4em;row-gap: 2em;}
.grid--3-col-desktop .grid__item {width: 23%;}
}
/* New Recharge text */
.rc-radio .rc_widget__option__selector label ul, .rc-radio .rc_widget__option__selector label ul li {
display: block!important;
padding: 0;
margin: 0;
font-size: 1.35rem;
}
span.rc-option__price.rc_widget__price.rc_widget__price--subsave,
span.rc-option__price.rc_widget__price.rc_widget__price--onetime {
display: block!important;
margin-left: 5px;
}
body span.rc-option__discount.rc_widget__option__discount {display: none!important;}
.rc_widget__option__selector {
display: flex;
align-items: flex-start;
position: relative;
}
.rc_widget__option__selector input {
margin-top: 1rem;
}
label.rc-radio__label.rc_widget__option__label {
display: flex;
}
.rc-radio.rc-option.rc_widget__option.rc-legacy-radio.rc_widget__option--active.rc-option--active .rc_widget__option__plans__dropdown {
background-color: #554839;
}
span.rc-option__text {
font-weight: 700;
}
span.rc-option__text ul {
font-weight: normal;
line-height: 160%;
}
label.rc-radio__label.rc_widget__option__label {flex-direction: row-reverse;gap: 15px;}
.rc-template__legacy-radio .rc_widget__option__selector+.rc-selling-plans {
padding-left: 105px;
padding-bottom: 8px;
padding-top: 8px;
}
h5[data-pf-type="Heading"] + div[data-pf-type="Block"] {
display: flex;
}
button[data-pf-type="ProductATC"] {
margin-top: 0!important;
}
h5[data-pf-type="Heading"] {margin-bottom: 10px;}