/** Shopify CDN: Minification failed

Line 7:16611 "marign-top" is not a known CSS property
Line 11:0 Expected "}" to go with "{"

**/
/* Mods by realmwebdesign.com */ /* Used for headings only Bebas Neue Regular */ @font-face { font-family: 'bebas_neueregular'; src: url('//sunriseflourmill.com/cdn/shop/t/75/assets/bebasneue-regular-webfont.woff2?v=36335874288300958411750104159') format('woff2'), url('//sunriseflourmill.com/cdn/shop/t/75/assets/bebasneue-regular-webfont.woff?v=159936432775972299591750104159') format('woff'); font-weight: normal; font-style: normal; } /* REALM QUICK THEME TOOLS */ /* medium-up */ @media only screen and (min-width:769px){ .add-bottom {padding-bottom: 30px!important;} .remove-bottom {margin-bottom: 0!important; padding-bottom: 0!important;} .remove-top {margin-top: 0!important;  padding-top: 0!important;} .half-bottom {padding-bottom: 15px!important;} .half-top {padding-top: 15px!important;} .add-top {padding-top: 30px!important;} .padding-top {padding-top: 30px!important;} .padding-bottom {padding-bottom: 30px!important;} .padding-half-top {padding-top: 15px!important;} .padding-half-bottom {padding-bottom: 15px!important;} } /* small*/ @media only screen and (max-width:768px){ .add-bottom {padding-bottom: 30px!important;} .remove-bottom {margin-bottom: 0!important; padding-bottom: 0!important;} .remove-top {margin-top: 0!important;  padding-top: 0!important;} .half-bottom {padding-bottom: 15px!important;} .half-top {padding-top: 15px!important;} .add-top {padding-top: 30px!important;} .padding-top {padding-top: 30px!important;} .padding-bottom {padding-bottom: 30px!important;} .padding-half-top {padding-top: 15px!important;} .padding-half-bottom {padding-bottom: 15px!important;} } .border {border: 2px dashed #faefda !important;} .text-center {text-align: center !important;} .remove-border {border: 0px solid #ededed !important;} .border-bottom {border-bottom: 4px solid #faefda !important;} .border-bottom-single {border-bottom: 2px solid #faefda !important;} .padding {padding: 30px !important;} .no-padding {padding: 0px !important;} .half-padding {padding: 15px !important;} .clear {clear:both} .uppercase {text-transform:uppercase;} .underline {text-decoration: underline!important} .regular-case {text-transform:capitalize!important;} .normal-case {text-transform:none!important;} .regular-weight {font-weight:400!important;} .bold-weight {font-weight:700!important;} .letter-spacing {letter-spacing: 0.2em !important} .text-color, .text-color p, .text-color a {color: #616161 !important;} .white, a.white {color: #fff!important;} .grey, a.grey {color: #ededed !important;} .shadow { -webkit-box-shadow: 0px 4px 11px 0px rgba(50, 50, 22, 0.17); -moz-box-shadow:    0px 4px 11px 0px rgba(50, 50, 22, 0.17); box-shadow:         0px 4px 11px 0px rgba(50, 50, 22, 0.17); } .text-shadow { text-shadow: 1px 1px 5px rgba(150, 150, 150, 1); } .padded-box { background-color:#fff; border: 0px solid #faefda; padding:30px; margin-bottom: 30px; } .padded-box-clear { background-color:transparent; border: 0px solid #faefda; padding:30px; margin-bottom: 30px; } @media only screen and (max-width:768px){ .padded-box, .padded-box-clear { padding:30px 10px; } } .padded-box-grey { background-color:#fafafa; border: 0px solid #faefda; padding:30px 10px; margin-bottom: 30px; } @media only screen and (max-width:768px){ .padded-box-grey { padding:30px 10px; } } .notice { border: 2px solid #ededed; padding:30px; font-size: 13px; } @media only screen and (max-width:768px){ .notice { border: 2px solid #faefda; padding:10px; } } /* Brand colors √ */ .branding-red { color: #852928;} .light-tan {color: #faefda;} .brown {color: #614326;} .gold {color: #c6920e;} .bg-wheat { background: #faefda;background-repeat: no-repeat;background-size: cover;background-image: url("/cdn/shop/files/bg-wheat.png?v=1719301641"); } /* ============== Animations */ /* SLIDE IN */ .slide-in-fwd-center { -webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-fwd-center { 0% { -webkit-transform: translateZ(-1400px); transform: translateZ(-1400px); opacity: 0; } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes slide-in-fwd-center { 0% { -webkit-transform: translateZ(-1400px); transform: translateZ(-1400px); opacity: 0; } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } /* ============== Global  */ /* TYPOGRAPHY √ */ h1, .h1, h2, .h2, h3, .h3, .h4, h4, .h5, h5, .h6, h6 { line-height: 1.2em; font-family: 'bebas_neueregular', san-serif; letter-spacing: .1em; } .h4, h4{ font-size:1.4em; } .rte p, .rte, .rte-setting, .text-spacing, .rte--block { letter-spacing: .1em; line-height: 2.2em; } .rte li { margin-bottom: 15px; } .rte .enlarge-text { font-size: 1.2em; line-height: 2.2em; } /* links */ .rte-setting a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview), .rte a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview) { text-decoration: none; border-bottom: 2px solid; border-bottom-color: #852928; color:  #852928; } /* links on pages the line under animation turned off */ .rte-setting a:not(.btn):not(.spr-summary-actions-newreview):after, .rte a:not(.btn):not(.spr-summary-actions-newreview):after { content: ""; position: absolute; bottom: -2px; left: 0; width: 0%; border-bottom: 0px solid currentColor; transition: width .5s ease; } /* TABLES √ */ table { margin-bottom: 30px!important; background: transparent !important; } td, th { border: 0 none; text-align: left; padding: 10px 15px; border: 2px solid #faefda; background: transparent; } /* HR and dividers √ */ hr, .hr--large { height: 2px; border: 0; border-top: 2px dashed; border-top-color: #faefda; } .hr--medium { height: 2px; border-top: 2px dashed; border-top-color: #faefda; } .section--divider { position:relative; border-top: 2px dashed; border-top-color: #faefda; } .icon-custom-scissors { height: 50px; width: 50px; position: absolute; top: -42px; left: 160px; -webkit-animation: slide-in-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both; animation: slide-in-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both; } @-webkit-keyframes slide-in-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-in-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } /* FORMS & INPUTS √ */ .label, label:not(.variant__button-label):not(.text-label), label:not(.variant__button-label) { text-transform: uppercase; letter-spacing: .2em; font-size: 15px; font-family: 'bebas_neueregular', san-serif; } input, select, textarea { border: 2px solid #faefda; /* background: #fff;*/ } input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{ border:2px solid #852928; } @media only screen and (max-width: 959px) { input, select, textarea { } input.btn { } } /* BUTTONS √ */ .btn, .product-reviews .spr-button, .product-reviews .spr-summary-actions a, .rte .btn, .shopify-payment-button .shopify-payment-button__button--unbranded { line-height: 1.90; letter-spacing: 0.1em; padding: 7px 18px; min-width: 160px; font-size: 18px; font-weight: normal; text-transform: uppercase; color: #fff; font-family: 'bebas_neueregular'; border: 2px solid!important; border-color: #852928!important; box-shadow: inset 0 0 0 2px #fff!important; } @media only screen and (max-width:768px){ .btn, .product-reviews .spr-button, .product-reviews .spr-summary-actions a, .rte .btn, .shopify-payment-button .shopify-payment-button__button--unbranded { padding: 7px 15px; min-width: 140px; } } .btn--small { padding: 7px; font-size: 15px !important; min-width: 120px !important; } .btn--secondary, .rte .btn--secondary { background: #fff; font-size: 18px; line-height: 1.90; letter-spacing: 0.1em; padding: 7px 18px; min-width: 160px; font-weight: normal; text-transform: uppercase; color: #852928; border: 2px solid!important; border-color: #faefda!important; box-shadow: inset 0 0 0 2px #fff!important; } .btn--secondary svg { color: #852928!important; } .btn--secondary.btn--small { } @media only screen and (max-width:768px){ .btn--secondary, .rte .btn--secondary { padding: 7px 15px; min-width: 140px; } } .btn--tertiary, .rte .btn--tertiary { border: 2px solid #000; color: #000; } .btn--tertiary-active { line-height: 1.90; letter-spacing: 0.1em; padding: 7px 18px; min-width: 160px; font-weight: normal; font-size: 12px; text-transform: uppercase; border: 2px solid; border-color: #000; } .btn:hover, .rte .btn:hover, .shopify-payment-button .shopify-payment-button__button--unbranded:hover, .spr-container .spr-button:hover, .spr-container .spr-summary-actions a:hover { background:#852928!important; color: #fff; border-color: #852928!important; } .btn:hover svg, .btn--secondary:hover svg { color: #fff!important; } /* Buttons that have an icon right */ .btn.btn--icon { padding: 7px 8px 7px 18px; } /* icon on opposite side */ #continue-shopping { padding: 7px 18px 7px 8px; } .btn--icon svg { color: #fff; } .btn--icon:hover svg { } .btn--small.btn--icon { padding: 7px 1px 7px 5px; } .btn.disabled, .btn[disabled], .rte .btn.disabled, .rte .btn[disabled], .shopify-payment-button .shopify-payment-button__button--unbranded.disabled, .shopify-payment-button .shopify-payment-button__button--unbranded[disabled], .spr-container .spr-button.disabled, .spr-container .spr-button[disabled], .spr-container .spr-summary-actions a.disabled, .spr-container .spr-summary-actions a[disabled] { color: #666; background-color: #f6f6f6; border-color: #ddd!important; } /* IMAGES √ */ .grid__image-ratio { background-color: transparent; } .image-wrap { background: transparent; } /* FRAMEWORK ADJUSTMENTS √  */ /* small adjustment to be larger */ .index-section{ margin:90px 0; } @media only screen and (max-width:768px){ .index-section{ margin:60px 0 !important; } } /* large reduce page width padding */ @media only screen and (min-width: 769px) { .page-full, .page-width { padding-left: 18px; padding-right: 18px; } } /* FEATURED ROWS √  */ .feature-row { margin: 0 0px; } /* POLICY PAGES √ */ /* 75px was a bit much for top headers */ @media only screen and (min-width: 769px) { .page-content, .shopify-email-marketing-confirmation__container, .shopify-policy__container { padding-top: 50px; padding-bottom: 50px; } } .shopify-policy__title  { margin-bottom: 30px; } @media only screen and (max-width:768px){ .shopify-policy__title  { margin-bottom: 30px; } } @media only screen and (min-width: 769px) { .shopify-email-marketing-confirmation__container, .shopify-policy__container { max-width: 95ch !important; /*max-width: 70% !important;*/ } } /* ======== SECTION ADJUSTMENTS - applies to all */ /* HERO & SLIDER & VIDEO √  */ .hero-bg, .hero { background: #faefda; background-image: url("/cdn/shop/files/bg-wheat.png?v=1719301641");background-repeat: no-repeat;background-size: cover;} /* center on mobile always */ @media only screen and (max-width:768px){ .hero__text-shadow { display: block; text-align: center; } } @media only screen and (max-width:768px){ .hero__top-subtitle { font-size: 12px; } } .hero__title { } .hero__subtitle { margin-top: 15px; margin-bottom: 30px; font-size: 18px; } @media only screen and (max-width:768px){ .hero__subtitle { font-size: 15px; margin-bottom: 20px; } } /* ADVANCED PROMOS √ */ /* top line*/ .promo-grid__text .rte--em { text-transform: uppercase; font-size:12px; } /* text */ .promo-grid__text .rte--block { line-height: 1.5em; margin-bottom: 20px; } /* heading */ .promo-grid__text .rte--strong { font-family: 'bebas_neueregular'; margin-bottom: 10px; line-height: 1.2em; } .promo-grid--space-top { padding-top: 10px; } @media only screen and (min-width: 769px) { .promo-grid__content  { max-width: 70%; } } .promo-grid__content--boxed { background: #fff; color: #000; opacity: .8; } .type-advanced .promo-grid__content { padding: 20px; } .promo-grid__content--framed.promo-grid__content--boxed { border: 7px solid; border-color: #faefda; box-shadow: inset 0 0 0 4px #fff; } @media only screen and (min-width: 769px) { .promo-grid__content--framed.promo-grid__content--boxed { } } /* Fix mobile placement of boxed content on promos*/ @media only screen and (max-width: 768px) { .promo-grid__container--boxed .promo-grid__bg { height: 100%; } } /* FEATURED COLLECTION √ */ .featured-collection-section .section-header .btn { background: white; padding: 5px 10px 5px 10px; color: #852928; min-width: auto; border-color: white !important; } .featured-collection-section .section-header svg { color: #852928; } .featured-collection-section .section-header .btn:hover { background: #fff!important; border-color: #fff !important; color: #852928 !important; } .featured-collection-section .section-header svg:hover { color: #852928; } /* FEATURED COLLECTIONS √ */ .grid-overflow-wrapper .grid-product { margin-bottom: 15px !important; } .collection-item:not(.collection-item--below):after { opacity: .05; } /* adjust placement */ .collection-item__title--center[class*=collection-item__title--overlaid], .collection-item__title--left[class*=collection-item__title--overlaid], .collection-item__title--right[class*=collection-item__title--overlaid] { /*top: 100%;*/ /* transform: translateY(-20%);*/ } .collection-item__title--overlaid, .collection-item__title--overlaid-box { display: block; position: relative; left: 0px; right: 0px; } .collection-item__title--overlaid-box>span { background-color: #faefda; padding: 10px 15px; color: #000; opacity: .9; text-transform: uppercase; font-size: 16px!important; font-family: 'bebas_neueregular'; letter-spacing: .1em !important; } /* TEXT WITH IMAGE */ .feature-row__text .rte { margin: 30px 0px; } /* TESTIMONIALS √ */ .testimonials-section { padding-bottom: 0; } /* tighten up title */ .testimonials-section .section-header { margin-bottom: 0px; } .testimonials-section--with-divider { border-top: 2px dashed; border-top-color: #faefda; } .testimonials-slide.is-selected .testimonials-slider__text { transform: scale(1); box-shadow: 0 0px 0px #fff; position: relative; z-index: 10; } .testimonial-stars { fill: #c6920e; color: #c6920e; } .testimonial-image { margin-bottom: 15px; } .testimonial-image--round { width: 100px; height: 100px; border-radius: 100px; } .testimonials-slider__text p, .testimonials__info { font-size: 15px; } .testimonials-slider__text cite { font-size: 13px; text-transform: none; margin-bottom: 5px; font-weight: 400; } .testimonials__info { font-size: 11px; } .testimonials__button { padding-top: 60px; } /* VIDEO √  */ .custom-video { margin: 0 auto; max-width: 720px; } @media only screen and (min-width: 769px) { .page-width.video-width { max-width: 1000px !important; } } /* POINTS */ .section__six-points .features-icon { margin: 15px auto 5px ; } .section__six-points  .rte-setting, .section__six-points  .rte-setting p{ font-family: 'bebas_neueregular'; margin-bottom: 0px; font-size: 16px; line-height: 1.0em; } @media only screen and (max-width:768px){ .section__six-points .features-icon { margin: 20px auto 5px ; } } /* COLUMNS WITH ICONS OR IMAGES + BADGES & POINTS */ /* column section specific*/ .section__text-columns .grid__item { margin-bottom: 70px; } .section__text-columns h3 { } .section__text-columns .rte-setting { font-size: 14px; line-height: 1.7em; } .section__text-columns .features-icon .icon { margin-bottom: 30px; } .section__text-columns .features-icon { color: #852928; } /* links not color in columns */ .section__text-columns  .rte-setting a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview), .section__text-columns .rte a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview) { text-decoration: none; border-bottom: 2px solid; border-bottom-color: transparent; color: #000000; } /* global icons from FA or SVG paste */ .features-icon { color: #111; width: 28px; height: 28px; border-radius: 50%; margin: 30px auto 0; display: flex; justify-content: center; align-items: center; line-height: 1.0em; } .features-icon .fa, .features-icon .fad, .features-icon .fab, .features-icon .fal, .features-icon .svg-inline--fa { font-size: 28px; margin-top: 5px; } .features-icon .icon { height: 28px; width: 28px; margin-bottom: 15px; } /* === SEO rich text */ /* TEXT FADES SEO PARAGRAPHS */ .seo-text-box.index-section { marign-top: 0; } .seo-text-box .rte p{ font-size: 14px; } .seo-text-box h2 { font-size: 24px; } .seo-text-box .readmore { position: relative; max-height: 200px; overflow: hidden; border: solid 0px blue; transition:max-height 0.15s ease-out; } @media only screen and (max-width:768px){ .seo-text-box .rte p { font-size: 13px; } .seo-text-box h2 { font-size: 18px; } } .seo-text-box .readmore.expand{ max-height: 5000px !important; transition:max-height 0.35s ease-in-out; } .seo-text-box .readmore-link{ position: absolute; bottom: 0; right: 0; display: block; width:100%; height: 170px; text-align: center; font-weight:700; padding-top:150px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), #fff); background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0.1), #fffff 100%); cursor: pointer; } .seo-text-box .readmore-link.expand { position: relative; background-image: none; padding-top:10px; height:60px; } .seo-text-box .readmore-link:after { content:"+ More"; } .seo-text-box .readmore-link.expand:after{ content:"- Less"; } /* ============== Header */ /* RECHARGE FIX - this is for the recharge portal z-index issues */ .header-sticky-wrapper { /*z-index: 10;*/ } .header-sticky-wrapper { position: relative; z-index: 29; /* was 5, but hides search */ } /* issue with recharge slide out for adjusting date */ #recharge-novum .header-sticky-wrapper { position: relative; z-index: 1!important; } /* ANNOUCEMENT BAR √ */ .announcement-bar { padding: 5px 0 5px; border-bottom-color: transparent; } @media only screen and (max-width:768px){ .announcement-text, .announcement-link-text { display: inline-block; } .announcement-text { margin-right: 5px; } } .announcement-text, .announcement-link-text { text-transform: uppercase; font-weight: 400; font-size: 12px; letter-spacing: .1em; } .announcement-link .announcement-link-text { text-decoration: none; } .announcement-bar .toolbar__menu a { text-transform: uppercase; font-size: 12px; letter-spacing: .1em; padding: 5px 12px; } /* TOOLBAR √ */ /* this is for the rotating promos & center on small */ .toolbar__item--promos .promo-text { display: none; /*VIP */ font-size: 12px; } @media only screen and (max-width:768px){ .toolbar__content { justify-content: center; padding: 5px 0 2px; } .toolbar__item--promos { padding: 1px 0 5px; } } /* make the link on the right */ .toolbar__item--menu { text-align: right; font-size: 12px; } .toolbar__item--menu a{ padding: 5px 10px 5px 10px; } /* remove padding on last item */ .toolbar__menu li:last-child a { display: block; padding: 5px 0px 5px 10px; } /* HEADER */ .site-header { box-shadow: 0 0 0px rgb(0 0 0 / 18%)!important; /* removed top line below toolbar */ border-bottom: 0px solid #f7f7f7; padding: 0px; } /* pull up the logo and menu area */ @media only screen and (min-width: 769px) { .header-wrapper { top: -10px; position: relative; } .site-header { background: transparent; } .header-sticky-wrapper { /*background: transparent; */ } } @media only screen and (min-width: 769px) { .site-header { padding: 5px 0; } } @media only screen and (max-width:768px){ .site-header { padding: 0px 0; } } /* Logo middle alignment only */ .header-layout[data-logo-align=center] .header-item--logo { margin: 0 20px; } @media only screen and (max-width:768px){ .header-layout[data-logo-align=center] .header-item--logo { margin: 0 20px 0px; } } .site-header__logo { margin: 5px 0; } /* MAIN MENU √ */ .site-nav__link { padding: 10px 15px ; font-family: 'bebas_neueregular'; letter-spacing: .1em; font-size: 19px; } /* Adjusting break points for center logo and menu link size */ @media only screen and (max-width:1070px){ .site-nav__link { padding: 10px 12px !important; font-size: 18px  !important; } } @media only screen and (max-width:1100px){ .site-nav__link { padding: 10px 11px; font-size: 16px !important; } } @media only screen and (max-width:1010px){ .site-nav__link { padding: 10px 10px; font-size: 15px !important; } /* shrink logo a bit */ .site-header__logo a { width: 130px !important; } .header-item--logo, .header-layout--left-center .header-item--logo { -webkit-box-flex: 0 0 130px !important; -ms-flex: 0 0 130px !important; flex: 0 0 130px !important; } } /* remove hover link */ .site-nav__link--underline:after { border-bottom: 2px transparent; } /* mega menu */ .megamenu .site-nav__dropdown-link { padding: 5px 0; font-size: 15px; } .site-nav__dropdown-link--top-level { margin-bottom: 10px; font-family: 'bebas_neueregular'; letter-spacing: .1em; font-size: 19px!important; } /* single dropdown */ .site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level) { font-size: 14px!important; } .megamenu { padding: 30px 30px 10px; } /* .site-nav--is-megamenu .grid--center { text-align: left !important; } */ /* MOBILE DRAWER √ */ /* overall and header */ #NavDrawer.drawer, #NavDrawer .mobile-nav>.mobile-nav__item { } #NavDrawer .drawer__close-button { } #NavDrawer .drawer__header, #NavDrawer .drawer__fixed-header { height: 40px; padding: 0; } /* top level links*/ .mobile-nav__link--top-level { font-family: 'bebas_neueregular'; font-size: 20px!important; line-height: 1.0em; } /* link with sub menu */ .mobile-nav__faux-link { font-size: 20px!important; } .mobile-nav__toggle button { border: 0px solid; } .mobile-nav__toggle { } /* sub level links */ .mobile-nav__link { font-size: 14px; } /* sub links */ .mobile-nav__child-item a { } /* toolbar links */ .mobile-nav__item--secondary a { font-size: 14px; } #NavDrawer  .mobile-nav__item:after, #NavDrawer .drawer__header { border-bottom: 2px solid; border-bottom-color: #faefda; } #NavDrawer .drawer__header, #NavDrawer .mobile-nav__item:after { padding: 0 17px; } .mobile-nav__social-item a { color: #000000 !important; } .collapsible-trigger__icon--circle { background: #faefda; border: 0px solid; } .mobile-nav__grandchildlist:before { width: 3px; background: #852928; } .mobile-nav__social { flex-wrap: nowrap; } .mobile-nav__social-item { border: 0px solid; } /* HEADER ICONS √ */ /* less icons means take up less space */ .header-item--icons { /* -webkit-box-flex: 0 0 75px !important; -ms-flex: 0 0 75px !important; flex: 0 0 75px !important; min-width: 75px !important;*/ } .site-nav__link--icon { padding: 5px 7px; } @media only screen and (min-width: 769px) { .site-nav__link--icon .icon { width: 32px; height:32px; } } @media only screen and (max-width:768px){ .site-nav__link--icon .icon { width: 28px; height: 28px; } site-nav__link--icon { padding: 5px 7px; } } .cart-link__bubble--visible { top: -8px !important; right: -10px !important; color: #fff; letter-spacing: 0; text-align: center; padding-top: 1px; padding-left: 2px; display: flex; justify-content: center } .cart-link__bubble--visible { width: 16px; height: 16px; border: 2px solid; border-color: #fff; border-radius: 50%; } /* SEARCH POPUP √  */ .site-header__search { box-shadow: 0 0px 0px rgb(0 0 0 / 0%); } .site-header__search .icon-close { color: #000; width: 32px; height: 32px; } .site-header__search-btn--submit .icon { width: 32px; height:32px; } @media only screen and (min-width: 769px) { .site-header__search-btn--submit .icon { width: 32px; height: 32px; } } /* in dropdown */ .predictive__label { font-size: 20px!important; } /* results */ .grid-search__page-link { background: white; text-align: center; } /* ============== Footer √  */ /* REWARDS & SIGN UP √ */ .footer__rewards-newsletter { text-align: left; padding: 30px 60px 0; position: relative; margin-top: 30px; } @media only screen and (max-width: 1100px) { .footer__rewards-newsletter { padding: 60px 30px; } } @media only screen and (max-width: 768px) { .footer__rewards-newsletter { margin-bottom: 0px; padding: 0 0 30px; } .footer__newsletter-box { margin-top: 10px; } } .footer__rewards-buttons .btn { margin-bottom: 15px; } .footer__rewards-buttons .btn--secondary { color:#852928; border: 2px solid!important; border-color: #852928!important; box-shadow: inset 0 0 0 2px #fff!important; } .footer__rewards-buttons .btn--secondary:hover { color: #fff; } .footer__rewards-box, .footer__newsletter-box { padding: 15px; } @media only screen and (max-width: 768px) { .footer__rewards-box, .footer__newsletter-box { min-height: 130px; } .footer__rewards-buttons .btn { min-width: auto; margin-bottom: 15px; } } .footer__rewards-box h3 { font-size: 26px; } .footer__rewards-box .rte p { font-size: 14px; line-height: 1.7em ; /*margin-bottom: 8px;*/ } .footer__newsletter-box h3 { font-size: 26px; } .footer__newsletter-box .rte p { font-size: 14px; line-height: 1.7em; } .footer__newsletter-signup { width: 95%; padding: 60px 0; margin-top:60px; } .footer__newsletter { max-width: 100%; } @media only screen and (min-width: 769px) { .footer__item-padding { padding-right: 0px; } } .footer__newsletter-text { padding: 0 30px; margin-bottom: 15px; } .footer__newsletter-text .h3 { font-size: 22px; text-transform:none; } .footer__newsletter-text p { font-size: 14px; } .footer__newsletter-input { border: 2px solid #852928; max-width: 100%; background: white; color: #000; font-size: 14px; padding: 10px 55px 13px 12px; } .footer__newsletter-input:active, .footer__newsletter-input:focus { padding: 10px 55px 13px 12px; } .footer__newsletter-btn { color: #852928; background: transparent; padding: 10px; /* this enlarges the color */ } .footer__newsletter-btn .icon-custom-right-arrow { width: 50px; height: 50px; } /* confirm button */ .footer__newsletter-btn-label { text-transform: uppercase; /*background: transparent; color: #000;*/ font-size: 15px; } .footer__newsletter-input:focus { border: 2px dashed #852928; } .footer__newsletter-box .rte.spam-notice p { font-size: 10px !important; margin-top: 10px!important; } /* FOOTER MENU AREA √ */ .site-footer { border-top: 0px solid #faefda !important; margin-bottom: 60px; } @media only screen and (max-width: 768px) { .site-footer { padding-top: 0px; } } @media only screen and (max-width: 768px) { .footer__social-mobile { padding-top: 20px; border-bottom: 2px solid #faefda  !important } } /* FOOTER MENU SECTIONS √  */ /* logo area */ @media only screen and (min-width: 960px) { .footer__item--1494301487048 { text-align: center; } } .footer__social { margin: 0 auto; } .footer__social li { margin: 10px 5px 30px 5px; } .footer__social .icon { height: 24px; width: 24px; fill: #000000; } /* Menus */ .footer__item--menu { padding-left: 20px; } .collapsible-trigger__icon .icon { fill:#000000; color: #000000; } .footer__title { font-size: 20px; letter-spacing: .1em; text-transform: uppercase; } .site-footer__linklist a { font-size: 12px; padding: 5px 0; } /* after lines on mobile */ @media only screen and (max-width: 768px) { .site-footer .grid__item:after { border-bottom: 2px solid; border-bottom-color: #faefda   ; opacity: 1; display: block; } } /* remove line on mobile around copyright */ .footer__bottom .grid__item:after { border: 0px solid #faefda ; } /* LEGAL FOOTER √ */ .footer__legal { border-bottom: 2px dashed #faefda; margin-top: 40px; margin-bottom: 30px; padding: 15px 0; } @media only screen and (max-width:768px){ .footer__legal { border-top: 2px dashed #faefda; border-bottom: 2px dashed #faefda; margin-top: 0px; margin-bottom: 10px; padding: 10px 0; } } /* You tube icon larger */ .icon.icon-youtube { height: 33px; width: 33px; } /* remove mobile lines */ .footer__legal .grid__item:after { border-bottom: 0px solid; } .footer__legal .legal-menu li, .footer__legal .legal-menu a{ font-size: 11px; letter-spacing: .1em; } .footer__legal .legal-menu a { padding: 0 20px 0 0; } .footer__small-text { text-align: left; font-size: 10px; letter-spacing: .1em; } @media only screen and (max-width:768px){ .footer__small-text { text-align: center; margin-bottom: 15px; } .footer__small-text, .footer__legal .legal-menu li, .footer__legal .legal-menu a{ padding: 5px; } } /* LOWER FOOTER WITH NOTICE & PAYMENT ICONS √ */ @media only screen and (min-width: 769px) { .footer__notice .payment-icons { text-align: right; } } @media only screen and (max-width:768px){ .footer__notice .grid__item:after { border: 0px solid #eef3fb; } } /* ==============  *************** ============== */ /* ==============  Theme templates ============== */ /* ==============  *************** ============== */ /* ============== Home index √ */ /* SPECIFIC SECTIONS */ /* SLIDER */ .hero__link .btn+.btn { margin-left: 0px; } /* POINTS BADGES √ */ /* remove huge index-section margins */ #shopify-section-template--16021393015028__1655129701e79de7ff.index-section { margin: 10px 0 5px; } #shopify-section-template--16021393015028__1654025065e2fc2cbc .btn { border-color: #fff; border-width: 2px; } /* USDA, GF, K image based SVG */ #shopify-section-template--16021393015028__1655129701e79de7ff .icon-1655129701f8d48fdb-0, #shopify-section-template--16021393015028__1655129701e79de7ff .icon-custom-usda, #shopify-section-template--16021393015028__1655129701e79de7ff .icon-1655129701f8d48fdb-1, #shopify-section-template--16021393015028__1655129701e79de7ff .icon-custom-gf, #shopify-section-template--16021393015028__1655129701e79de7ff .icon-1655129701f8d48fdb-2, #shopify-section-template--16021393015028__1655129701e79de7ff .icon-custom-k{ width: 65px; height: 65px; } /* OUR STORY √ */ #shopify-section-template--16021393015028__1654025065e2fc2cbc { background: #852928; color: #fff; background-image: url("//sunriseflourmill.com/cdn/shop/t/75/assets/background-line.png?v=41312242139573447081750104159"); background-repeat: no-repeat; background-position: 10% 20%; } @media only screen and (min-width:769px){ #shopify-section-template--16021393015028__1654025065e2fc2cbc .page-width { padding-right: 0; } } /* move accent image lower on mobile */ @media only screen and (max-width: 768px) { #shopify-section-template--16021393015028__1654025065e2fc2cbc { background-position: 10% 80%; } #shopify-section-template--16021393015028__1654025065e2fc2cbc  .index-section { padding: 15px 0 30px; } } /* Testimonials √ */ .template-index .testimonials-section--with-divider { border-top: 0px solid; border-top-color: #faefda; } /* IG feed */ #shopify-section-template--16021393015028__165487660239cb9ca9.index-section { margin-bottom: 60px!important; } #shopify-section-template--16021393015028__16560946357bac1811 .index-section { margin-top: 15px!important; } .ig-button-home .btn { margin-top: 60px; } /* ============== Collections √  */ /* add bottom to grid products √ */ .grid-product { margin-bottom: 40px; } .collection-content { padding-top:10px; } /* PRODUCT TITLE √ */ /* center meta style etc */ .grid-product__meta { text-align: center; padding: 10px 0 10px 0; } .grid-product__title { letter-spacing: .1em !important; font-size: 14px!important; text-transform: none!important; margin-top: 15px; line-height: 1.2em; } .grid-product__price { font-size: 13px; margin: 10px 0; } .grid-product__vendor { text-transform: uppercase; letter-spacing: .1em; color: #666; font-size: 11px; margin-top: 10px; opacity: 1; } /* grid tags */ .grid-product__tag.grid-product__tag--sold-out { font-size: 11px !important; text-transform: uppercase; letter-spacing: .1em; font-weight: 600; background: #fafafa; } .grid-product__tag.grid-product__tag--sale { font-size: 11px !important; text-transform: uppercase; letter-spacing: .1em; font-weight: 600; background: #852928; } /* product count */ .collection-filter__item--count { font-size: 13px !important; text-transform: uppercase; letter-spacing: .1em; } /* filtering */ #SortBy { font-size: 14px !important; letter-spacing: .1em; } .collection-filter select { width: auto;; float: right; border-color: #faefda; } @media only screen and (max-width: 768px) { .collection-filter select { width: auto; float: none; } } @media only screen and (max-width: 768px) { .collection-filter .btn:not(.btn--tertiary-active), .collection-filter__sort-container { max-width: 160px; } } .collection-filter .btn:not(.btn--tertiary-active), .collection-filter__sort-container { font-size: 14px !important } .collection-filter .btn { border: 2px solid; border-color: #faefda !important; min-width: auto; text-transform: capitalize !important; font-family: Bitter, serif !important; } .collection-filter .btn--tertiary-active { color: white; fill: white; } .collection-filter .btn .icon { margin-right: 0px; margin-left: 10px; } .js-drawer-open-collection-filters .icon{ height: 32px; width: 32px; } .collection-filter .btn .icon { height: 32px; width: 32px; } /* DRAWER FILTERS */ #CollectionSidebar .drawer__title { display: none; } @media only screen and (min-width: 769px) { #CollectionSidebar .drawer__fixed-header, #CollectionSidebar .drawer__footer, #CollectionSidebar .drawer__header, #CollectionSidebar .drawer__scrollable { padding-left: 10px; padding-right: 10px; } } #CollectionSidebar .drawer__fixed-header, #CollectionSidebar .drawer__footer, #CollectionSidebar .drawer__header, #CollectionSidebar .drawer__scrollable { padding-left: 10px; padding-right: 10px; } #CollectionSidebar .drawer__fixed-header, #CollectionSidebar .drawer__header { height: 40px; } #CollectionSidebar .drawer__close-button { background: #fff; color: #000; float: right; } #CollectionSidebar .drawer__close-button .icon { margin-right: 15px; } #CollectionSidebar .drawer__header { padding: 0 15px 0 0; border-bottom-color: #faefda; border-bottom-width:2px; } @media only screen and (max-width: 768px) { #CollectionSidebar .drawer__header { padding: 0 0 0 0; border-bottom-color: #faefda; border-bottom-width:2px; } } .collection-sidebar__group { border-top: 2px solid; border-top-color: #faefda !important; } @media only screen and (max-width: 768px) { #CollectionSidebar .drawer__title, #CollectionSidebar .drawer__fixed-header { padding: 0 0 0 0; } } @media only screen and (max-width: 768px) { #CollectionSidebar .drawer__fixed-header { padding: 0 0 0 10px; } } #CollectionSidebar .collapsible-trigger-btn { font-size: 18px; text-transform: uppercase; font-family: 'bebas_neueregular'; letter-spacing: .1em; } .collapsible-content--sidebar .label, .collapsible-content--sidebar label:not(.variant__button-label) { letter-spacing: .1em; font-size: 14px; text-transform: capitalize; font-family: Bitter, serif !important; } .tag--remove .btn { border-color: #852928 !important; box-shadow: inset 0 0 0 0px #fff!important; background: #852928  !important; border-radius: 0px!important; } /* pagination √ */ .pagination .next, .pagination .prev { color: #fff; background: #852928; width: auto; height: auto; margin: 0 10px; } .pagination .next .icon, .pagination .prev .icon { color: #fff; width: 24px; height: 24px; padding: 5px; } .pagination .page.current { font-size: 14px; font-weight: 600; } .pagination a { font-size: 14px; font-weight: 600; } /* ============== Products  */ .product-block { margin-bottom: 15px; } .product-block.product-description-area .rte, .product-block.product-description-area .rte p { font-size: 14px !important; } /* IMAGES */ .product__thumb-item a.is-active:before, .product__thumb-item a:focus:before { box-shadow: inset 0 0 0 2px #852928; } .product__thumb-item { border: 2px solid #fff; } .product__main-photos .product__photo-zoom{ min-width: auto; } .product__photo-zoom { padding: 10px !important; } .pswp__ui .btn { min-width: auto; background:#852928; color: #fff; padding: 20px; border: 0px solid; line-height: 0; } @media only screen and (max-width:768px){ .product__main-photos .btn--circle { background:#852928; color: #fff; padding: 20px; border: 0px solid; line-height: 0; } } /* BUY AREA */ /* title */ .product-block--header { margin-bottom: 5px; } /* reviews */ .stamped-product-reviews-badge.stamped-main-badge { margin-bottom: 5px; } /* availblity for pickup */ .store-availability { display: none; } /* flex with price and stars */ .product-block--price { margin-bottom: 15px; } .product__price { font-size: 18px; } /* flex had margin endcaps */ .product-single__meta .feature-row { margin: 0 0px; } /* remove extra padding */ .product-single__meta { padding-left: 0; } .variant-wrapper+.variant-wrapper { margin-top: 20px; } .variant-wrapper { margin-top: 15px; padding: 0px 0; border-top: 0px solid #f7f7f7; } .variant-input-wrap { margin-bottom: 0; } .product__inventory { font-style: normal; margin: 10px 0; font-size: 12px; } .variant-input-wrap label.disabled { color: #999; } .variant-input-wrap input[type=radio]:checked+label { box-shadow: 0 0 0 2px #852928; } /* PRODUCT POLICIES */ .product__policies { display: none; } /* SWATCHES */ .variant-input-wrap label { box-shadow: 0 0 0 2px #faefda; font-size: 12px; padding: 10px 15px 10px; } .color-swatch:before { border: 0px solid; border-color: transparent; } .variant__label-info { font-weight: 600; } /* qty box also controls cart + / - */ .js-qty__num { padding: 7px 20px; } .js-qty__adjust:hover { background-color: #852928; color: #fff; } .js-qty__adjust:hover svg { fill: #fff; color: #fff; } /* add to cart margin */ .template-product .add-to-cart { margin-top: 15px; } /* social title removed */ .template-product .social-sharing { margin-top: 0px; text-align: right; } @media only screen and (max-width:768px){ .template-product .social-sharing { text-align: center; } } .template-product .social-sharing__title { display: none; } .template-product .social-sharing__link { color: #999; } /* PRODUCT TABS */ .product-tabs-wrapper { background: #faefda; background-image: url("//sunriseflourmill.com/cdn/shop/t/75/assets/background-speckle-bottom.png?v=127335806645939187591750104159"); background-repeat: repeat-x; background-position: center bottom; } .product-tabs { padding-top: 30px; } .product-tabs hr { border-top-color: #fff; } .product-tabs .h2 { font-size: 26px; margin-bottom: 30px; } .product-tabs .h4, .product-tabs h4 { font-weight: 400; } .product-tabs .tab-content .rte li { margin-bottom: 2px!important; } @media only screen and (max-width:768px){ .product-tabs-wrapper { } .product-tabs h3 { text-align:center; } .product-tabs h4 { padding-top: 20px; } } /* this is to help match the collections look */ .product-tabs .tab-details h3, .product-tabs .tab-details .h3  { text-align: left; /* line-height: 1.4em;*/ margin-top: 0; margin-bottom: 15px; } @media only screen and (max-width:768px){ .product-tabs .tab-details h3, .product-tabs .tab-details .h3 { font-size: 24px; } } .product-tabs .tab-content .rte { margin-top: 30px; } .product-tabs .rte+.rte { margin-top: 0px; } .product-tabs ul.tabs{ margin:0px auto 0px auto; padding: 0px; list-style: none; display:table; } .product-tabs ul.tabs li{ background: #fff; border-bottom: 1px solid transparent; padding: 10px 20px; margin-bottom:0; margin-right:10px; cursor: pointer; text-transform: uppercase; display:inline-block; top: 0px; text-align: center; font-family: 'bebas_neueregular'; letter-spacing: .1em; font-size: 19px; } .product-tabs ul.tabs li.current{ background: #852928; border-bottom: 1px solid #852928; position: relative; color: #fff; top:0px; } @media only screen and (max-width:959px){ .product-tabs ul.tabs li{ padding: 10px 15px; font-size: 17px; } } @media only screen and (max-width:825px){ .product-tabs ul.tabs li{ padding: 10px 12px; font-size: 16px; margin-right:8px; } } @media only screen and (max-width:768px){ .product-tabs ul.tabs { display:block; } .product-tabs ul.tabs li { padding: 8px; margin:0; border-top:2px solid #faefda; border-bottom: 0px solid #faefda; font-size: 19px; display:block; width: 100%; text-align: center } .product-tabs ul.tabs li.current{ background: #fff; border-bottom: 0px solid #89abe3; position: relative; top:0px; } .product-tabs ul.tabs li.current{ border-bottom: 0px solid transparent; background: #852928; color: #fff; } } .product-tabs .tab-content{ display: none; padding: 60px 30px 90px; border-top: 0px solid #f7f7f7; min-height: 600px; } @media only screen and (max-width:768px){ .product-tabs .tab-content{ display: none; padding: 60px 15px 90px; } } .product-tabs .tab-content.current{ display: inherit; } .product-tabs .tab-link { font-size: 16px; } /* ============== Cart  */ /* padding header too much */.cart__shipping-notice { border: 2px dashed #faefda; padding: 20px; display: inline-block; margin-top: 15px; } .cart__shipping-notice .icon { height: 32px; width: 32px; position:relative; top:-5px; } .cart__shipping-notice span{ margin-left:5px; } .cart__item-name { font-size: 16px; } .cart__item { border-width: 0px; } /* image a bit larger on desktop */ @media only screen and (min-width:769px){ .cart__image { flex: 0 0 200px; } } .cart__item--variants { margin-bottom: 15px; font-size: 12px; } .cart__price { font-size: 16px; } /* sub total*/ .cart__item-sub { font-size: 18px; } .cart__remove a { font-size: 11px; font-weight: 600; text-transform: uppercase; } .cart__page-col:last-child label  { font-size: 13px; font-weight: 600; text-transform: uppercase; } /* adjust 60/30 */ .cart__page-col:last-child { background: #faefda; border: 0px dashed #fff; padding: 20px; } .cart__order-box h3 { margin-bottom: 15px; } .cart-notes { background: #fff; } .free-starter { line-height: 1.2em; } .cart__page-col:last-child { top: 10%; flex: 0 1 45%; } .cart__page-col:last-child:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: #fff; opacity: .1; } .cart__page-col:first-child { top: 10%; flex: 0 1 55%; padding-right: 60px; } /* icons */ .payment-notice .payment-icons { margin-top:30px; } .payment-notice .payment-icons li { margin: 0 3px 0; } /* ============== Login, Register and account area  */ @media only screen and (min-width: 769px) { .template-customers-login .padded-box-min { min-height: 450px; } } /* register list adjusted ONLY that div */ .template-customers-login .main-content .register-box p, .template-customers-login .main-content .register-box li { font-size: 14px; } .template-customers-login .section-header { margin-bottom: 20px; } /* ============== Search page */ .search-bar--page { max-width: 600px; margin-top: -15px; } .search-bar--page .btn{ min-width: auto; } /* ============== Blog */ .template-blog .section-header select { min-width: 200px; } .collection-hero { height: 600px; } .template-blog .page-content .article-container { margin-bottom: 60px; } /* ============== Gift card */ .giftcard__title { text-align: center!important; } /* code box placement */ .giftcard__code { bottom: -5px; } .giftcard__amount { color:#000!important; } /* remove shadow */ .giftcard__border { box-shadow: 0 0px 0px rgb(0 0 0 / 30%); } /* ============== Article */ /* ============== FAQ page    */ .index-section--faq { margin-bottom: 30px; } .rte.collapsible-content__inner--faq { padding-bottom: 60px; padding-top: 15px; } .index-section .collapsible-trigger__icon--circle { background: #852928; color: #fff; } .index-section .collapsible-trigger__icon--circle svg { fill: #fff; color: #fff; }/* ==============  ********** ============== */ /* ============== Site Specific Pages ============== */ /* ==============  ********** ============== */ /* ============== Our story  */ /* ============== Our process  */ /* POINTS BADGES √ */ /* remove huge index-section margins */ #shopify-section-template--16096913228020__165541047265c6d980.index-section { margin: 15px 0; } /* USDA, GF, K image based SVG */ #shopify-section-template--16096913228020__165541047265c6d980 .icon-16554104728be700be-0, #shopify-section-template--16096913228020__165541047265c6d980 .icon-custom-usda, #shopify-section-template--16096913228020__165541047265c6d980 .icon-16554104728be700be-1, #shopify-section-template--16096913228020__165541047265c6d980 .icon-custom-gf, #shopify-section-template--16096913228020__165541047265c6d980 .icon-16554104728be700be-2, #shopify-section-template--16096913228020__165541047265c6d980 .icon-custom-k{ width: 65px; height: 65px; } /* ============== Sitemap */ .page-sitemap  ul { list-style-type: none; margin: 0; } .page-sitemap .rte li { margin-bottom: 4px; } .page-sitemap .rte-setting a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview), .page-sitemap .rte a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview) { text-decoration: none; border-bottom: 2px solid; border-bottom-color: transparent; color: #000; } /* ============== Reviews */ /* ============== Store locator */ /* ============== Klaviyo promo pages  */ /* too much height */ .klaviyo-form form div:first-child { min-height: auto !important; } /* inputs */ .klaviyo-form input { border: 2px solid #faefda!important; } .klaviyo-form input:focus { border: 2px dashed #852928!important; } #shopify-section-template--16333224870132__16624803400cbae2c1 .index-section { margin: 0px; } .promo-arrow-icon  { text-align: center; } .custom-content .icon.icon-custom-arrow-down { width: 75px; height: 75px; color: #852928!important; fill:#852928!important; -webkit-animation: bounce-top 2s infinite both; animation: bounce-top 2s infinite both; } @-webkit-keyframes bounce-top { 0% { -webkit-transform: translateY(-45px); transform: translateY(-45px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 24% { opacity: 1; } 40% { -webkit-transform: translateY(-24px); transform: translateY(-24px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 65% { -webkit-transform: translateY(-12px); transform: translateY(-12px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 82% { -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 93% { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25%, 55%, 75%, 87% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } @keyframes bounce-top { 0% { -webkit-transform: translateY(-45px); transform: translateY(-45px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 24% { opacity: 1; } 40% { -webkit-transform: translateY(-24px); transform: translateY(-24px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 65% { -webkit-transform: translateY(-12px); transform: translateY(-12px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 82% { -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 93% { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25%, 55%, 75%, 87% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } /* ==============  ********** ============== */ /* ============== Theme Apps ============== */ /* ==============  ********** ============== */ /* == Social login */ .oxi-social-login { margin-bottom: 15px; } /* == Rewards */ /* boxes */ .stamped-rewards-widget-item-content { border: 0px solid #ccc!important; text-align: center!important; } .stamped-rewards-widget-campaign-title { font-size: 18px !important; letter-spacing: .1em !important; text-transform: uppercase !important; font-family: 'bebas_neueregular' !important; font-weight: normal !important; } .stamped-rewards-widget-button { padding: 7px !important; font-family: 'bebas_neueregular'!important; font-size: 15px !important; min-width: 100px !important; background: #fff !important; line-height: 1.90 !important; margin-bottom: 10px !important; letter-spacing: 0.1em; text-transform: uppercase; color: #852928 !important; border: 2px solid!important; border-color: #faefda!important; box-shadow: inset 0 0 0 2px #fff!important; } .stamped-rewards-widget-campaign-value { font-size: 14px!important; padding-top: 5px!important; font-weight: 400!important; letter-spacing: .1em!important; font-family: Bitter, serif !important; } /* dedicated refer a friend page */ #shopify-section-template--16209010131188__1657118661f116d7f6 .page-width { padding-right: 0 !important; padding-left: 0 !important; max-width: 100%; } /* referral block */ #shopify-section-template--16096902250740__1657115466ef4aefaf .page-width { padding-right: 0 !important; padding-left: 0 !important; max-width: 100%; } .stamped-rewards-page-refer-section-holder { padding: 60px 0 !important; } [data-widget-type="rewards-referral"] { background-color:  #faefda !important; background-image: url("//sunriseflourmill.com/cdn/shop/t/75/assets/background-speckle-bottom.png?v=127335806645939187591750104159"), url("//sunriseflourmill.com/cdn/shop/t/75/assets/background-speckle-top.png?v=121174238091519297091750104159"); background-repeat:  repeat-x, repeat-x; background-position: center bottom, center top; border-top: 0px dashed #faefda!important; border-bottom: 0px dashed #faefda!important; margin-bottom: 90px!important; font-size: 14px!important; padding-top: 5px!important; padding-bottom: 60px!important; font-weight: 400!important; letter-spacing: .1em!important; font-family: Bitter, serif !important; } /* make sub larger then heading in referral area */ .stamped-rewards-page-refer-section-holder .stamped-rewards-widget-heading-sub { font-size: 36px !important; letter-spacing: .1em !important; text-transform: uppercase !important; font-family: 'bebas_neueregular' !important; font-weight: normal !important; } .stamped-rewards-page-refer-section-holder .stamped-rewards-widget-heading-main { font-size: 18px!important; font-weight: 400!important; letter-spacing: .1em!important; font-family: Bitter, serif !important; } /* input area referal */ [data-widget-type="rewards-referral"] div[data-target-id="section-email-customer"], [data-widget-type="rewards-referral"] div[data-target-id="section-email-friend"] { border-top: 2px dashed #fff !important; } [data-widget-type="rewards-referral"] .stamped-rewards-page-subtitle { font-size: 18px !important; letter-spacing: .1em !important; text-transform: uppercase !important; font-family: 'bebas_neueregular' !important; font-weight: normal !important; } .stamped-rewards-page-input { border: 2px solid transparent!important;; max-width: 100%!important; background: white!important; color: #000!important; font-size: 14px!important; padding: 10px 12px 13px 12px!important;; } [data-widget-type="rewards-referral"] .stamped-rewards-page-buttonAddon .stamped-rewards-page-btn { color: #fff !important; } .stamped-rewards-page-buttonAddon input:active, .stamped-rewards-page-buttonAddon input:focus { border: 2px solid #852928!important;; } /* button */ [data-widget-type="rewards-referral"] .stamped-rewards-page-buttonAddon .stamped-rewards-page-btn { background-color: #852928!important; color: #fff!important; border-radius: 0px !important; font-family: 'bebas_neueregular'!important; font-size: 15px !important; } /* bug on refer a friend page */ .stamped-rewards-page-buttonAddon .sr-only { display:none !important; } /* == Stamped.io  this app is a mess to adjust IMO sorry for all the code */ .summary-rating-bar-content, .stamped-summary-recommend-percent{ background: #852928!important; color: #fff !important; } .stamped-review-avatar { background: #faefda!important; color: #000 !important; text-shadow: 0px 0px 0 #fff !important; } .stamped-review-avatar-content { font-size: 14px !important; } .fa-star, .fa-star-checked, .fa-star-half-o, .fa-star-o, .stamped-fa-star, .stamped-fa-star-checked, .stamped-fa-star-half-o, .stamped-fa-star-o { fill: #c6920e !important; color: #c6920e !important; } .stamped-badge { font-size: 12px!important; } .stamped-review-content-body { letter-spacing: .1em!important; font-family: Bitter, serif !important; } .stamped-review-header-title { margin: 15px 0 15px !important; font-size: 20px !important; font-weight: normal!important; } #stamped-main-widget { margin-bottom: 60px !important; } .stamped-review-recommend[data-is-recommend="true"]:before { color: #852928 !important; font-size: 24px !important; } .stamped-review-recommend[data-is-recommend=true] { margin: 10px 0 10px 5px !important; font-size: 12px!important; font-weight: 700 !important; letter-spacing: .1em!important; text-transform: uppercase !important; } #stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-scroll .stamped-reviews-author { display: none !important; } .stamped-container ul.stamped-tabs li.active, .stamped-review-reply { border-color: #852928 !important; } /* Full page reviews area */ /* Page specific */ #stamped-reviews-widget[data-widget-type="full-page"] a { font-size: 20px !important; letter-spacing: .1em !important; text-transform: uppercase !important; font-family: 'bebas_neueregular' !important; font-weight: normal !important; } #stamped-reviews-widget[data-widget-type="full-page"] .stamped-widget-title { text-align: center !important; } #stamped-reviews-widget[data-widget-type="full-page"] .stamped-widget-text { margin-left: 0px !important; font-size: 28px !important; margin-top: 10px !important; font-family: 'bebas_neueregular' !important; display: block !important; } #stamped-reviews-widget[data-widget-type="full-page"] .stamped-widget-text:after { content: ' reviews' !important; } #stamped-reviews-widget[data-widget-type="full-page"] a.read-more { font-size: 13px !important; letter-spacing: .1em !important; text-transform: uppercase !important; font-family: Bitter, serif !important; font-weight: normal !important; } #stamped-reviews-widget[data-widget-type="full-page"] .stamped-ratings-wrapper > div { /*margin: 15px 0 !important;*/ font-family: Bitter, serif !important; } #stamped-reviews-widget[data-widget-type="full-page"] .stamped-style-color-link { color: #000!important; } #stamped-reviews-widget[data-widget-type="full-page"] .stamped-style-color-verified { color: #000 !important; } #stamped-reviews-widget[data-widget-type="full-page"] .stamped-ratings-wrapper .stamped-reviews-options { display: none !important; } #stamped-reviews-widget[data-widget-type="full-page"] a.stamped-review-product { font-size: 16px !important; font-style: normal !important; color: #000 !important; text-transform: uppercase !important; letter-spacing: .1em !important; padding-top: 0px !important; text-align: center; } #stamped-reviews-widget[data-widget-type="full-page"] .stamped-products-reviews-title { padding-top: 15px !important; } /* popup*/ .stamped-rewards-modal, .stamped-ugc-modal { background: rgba(0,0,0,.5)!important; background-color: rgba(0,0,0,.5)!important; } .stamped-verified-badge { color: #614326 !important; } .stamped-reviews-message,  .stamped-reviews-author,  .stamped-reviews-date { color: #000 !important; letter-spacing: .1em !important; font-size: 14px !important; font-weight: 300!important; } /* line below each review on full page */ .stamped-ratings-wrapper { border-top: 2px solid #faefda !important; } .stamped-review-options .stamped-review-option-title { font-size: 13px !important; } /* Filter box */ .stamped-reviews .stamped-review-options:not(:empty) { margin: 15px 0 30px 0!important; padding: 20px !important; border-radius: 0px !important; background: #000!important; } /* FILTER SEARCH AND DROPDOWNS */ .stamped-reviews-filter[data-show-filters=part], .stamped-reviews-filter[data-show-filters=true] { /*display: none !important;*/ } .stamped-questions-search-text input.stamped-questions-search-input, .stamped-reviews-search-text input.stamped-reviews-search-input { color: #000  !important; border: 2px solid #faefda !important; border-radius: 0px !important; } .stamped-filter-select { display: none !important; } .new-review-form input { margin-bottom: 20px !important; } .stamped-form-review-recommend .stamped-form-label{ margin-bottom: 0px !important; color: #000!important; padding-bottom: 0px !important; } .stamped-container ul.stamped-tabs { border-bottom: 2px solid #faefda!important; } /* regular button using theme styles */ .stamped-summary-actions-clear, .stamped-summary-actions-mobile-filter, .stamped-summary-actions-newquestion, .stamped-summary-actions-newreview { box-shadow: 0px 0px 0px 0 #888888!important; } #stamped-button-submit, .stamped-summary-actions-newreview { text-decoration: none !important; background: #852928!important; line-height: 1.90!important; letter-spacing: 0.1em!important; min-width: 160px!important; border-radius: 0%!important; text-decoration: none!important; text-align: center!important; white-space: normal!important; font-weight: normal!important; display: inline-block!important; margin: 0!important; width: auto!important; vertical-align: middle!important; cursor: pointer!important; user-select: none!important; -webkit-appearance: none!important; -moz-appearance: none!important; margin-left: 15px !important; padding: 7px 18px!important; font-size: 18px!important; text-transform: uppercase; color: #fff!important; font-family: 'bebas_neueregular'!important; border: 2px solid!important; border-color: #852928!important; box-shadow: inset 0 0 0 2px #fff!important; } /* fa icons in buttons */ .stamped-summary-actions-newquestion:before, .stamped-summary-actions-newreview:before, .stamped-summary-actions-mobile-filter i:before, .stamped-summary-actions-clear:before { color: #fff!important; display: none!important; } /* ask question  using theme styles */ .stamped-summary-actions-newquestion { text-decoration: none !important; background: #852928!important; line-height: 1.90!important; letter-spacing: 0.1em!important; min-width: 160px!important; border-radius: 0%!important; text-decoration: none!important; text-align: center!important; white-space: normal!important; font-weight: normal!important; display: inline-block!important; margin: 0!important; width: auto!important; vertical-align: middle!important; cursor: pointer!important; user-select: none!important; -webkit-appearance: none!important; -moz-appearance: none!important; margin-left: 15px !important; padding: 7px 18px!important; font-size: 18px!important; text-transform: uppercase; color: #fff!important; font-family: 'bebas_neueregular'!important; border: 2px solid!important; border-color: #852928!important; box-shadow: inset 0 0 0 2px #fff!important; } .stamped-summary-actions-newquestion { display: none!important; } /* MOBILE fixes */ @media only screen and (max-width:768px){ .stamped-summary-actions-newquestion, .stamped-summary-actions-newreview { float: none!important; margin: 30px 0 15px!important; } div[data-widget-style*=standard] .stamped-summary-actions { float: none !important; } #stamped-button-submit, .stamped-summary-actions-newreview { width: 100%!important; } #stamped-button-submit:hover, .stamped-summary-actions-newreview:hover { color: #000!important; background-color: #f4f4f4!important; } .stamped-form-label { color: #000!important; text-transform: uppercase !important; } .stamped-badge-caption { font-size: 12px !important; color:#000 !important; } /* hide only on collections */ .grid-product__meta .stamped-badge-caption { display: none !important } .stamped-form-review-rating { margin-bottom: 20px!important; } .stamped-review-header-title { margin: 5px 0 20px !important; font-size: 18px !important; font-weight: 300!important; } .stamped-form-review-rating input { margin-bottom: 0 !important; } .stamped-sort-select, #stamped-sort-select, #stamped-sort-select2 { border: 2px solid #faefda !important; border-radius: 0px !important; } .stamped-file-uploader label[for=stamped-file-uploader-input]>span { border: 2px solid #faefda !important; } } /* == GiftKart app */ /* contain line */ .gktGiftCardContainer { border-top: 2px dashed #faefda !important; } /* selection background */ .greetingCardMainBody, .gktGiftCardDetailsContent, .gktGiftCardMessageContent { background: #fff 0% 0% no-repeat padding-box!important; font-size: 14px !important; } /* send now, send later button */ .gktGiftCardSendNowButton, .gktGiftCardSendLaterButton { padding: 6px !important; font-weight: 400 !important; text-transform: uppercase !important; font-size: 16px !important; } /* main button in popup */ .gktGiftCardContentFooterBtn1 { padding: 12px 12px !important; font-weight: 400 !important; font-size: 18px !important; } /* Balance checking page */ .gktLookupContainer { max-width: 600px !important; box-shadow: 0px 0px 0px rgb(0 0 0 / 25%) !important; border-radius: 0px !important; margin: 60px auto 60px !important; } .gktLookupHeading { margin: 0 0 30px !important; font-size: 40px !important; font-family: 'bebas_neueregular'!important; font-weight: normal !important; } .gktLookupCardImage { display:none!important; } .gktLookupCodeLabel { font-size: 18px !important; border-bottom: 0px solid black !important; } #giftcardCode, .giftcardCode { height: 42px !important; border-radius: 0px !important; padding: 15px 8px !important; } .gktLookupDescription { color: #000!important; } .gktLookupButton { text-decoration: none !important; background: #852928!important; line-height: 1.90!important; letter-spacing: 0.1em!important; min-width: 160px!important; border-radius: 0%!important; text-decoration: none!important; text-align: center!important; white-space: normal!important; font-weight: normal!important; display: inline-block!important; margin: 15px 0 0!important; width: auto!important; vertical-align: middle!important; cursor: pointer!important; user-select: none!important; -webkit-appearance: none!important; -moz-appearance: none!important; margin-left: 15px !important; padding: 7px 18px!important; font-size: 18px!important; text-transform: uppercase; color: #fff!important; font-family: 'bebas_neueregular'!important; border: 2px solid!important; border-color: #852928!important; box-shadow: inset 0 0 0 2px #fff!important; } /* == Recharge */ /* Account */ #rc_login h5 { margin-top: 50px; font-size: 18px; font-weight: normal !important; } #rc_login a { text-decoration: none !important; border-radius: 0%!important; text-decoration: none!important; text-align: center!important; white-space: normal!important; display: inline-block!important; margin: 0!important; width: auto!important; vertical-align: middle!important; cursor: pointer!important; user-select: none!important; -webkit-appearance: none!important; -moz-appearance: none!important; font-family: 'bebas_neueregular'!important; background: #fff!important; margin-top: 10px!important; line-height: 1.90!important; letter-spacing: 0.1em!important; padding: 7px!important; font-size: 15px !important; min-width: 120px !important; font-weight: 400!important; text-transform: uppercase!important; color: #852928!important; border: 2px solid!important; border-color: #faefda!important; box-shadow: inset 0 0 0 2px #fff!important; } /* get subscription login */ .rc_layout__container { margin-top: 90px; } .rc_logo { display:none !important; } /* Products */ .rc-widget { padding: 15px 0 0px !important; } .rc-template__button-group .rc-button-group__options .rc-radio{ border: 2px solid #faefda!important; padding: 15px !important; margin-right: 15px!important; border-radius: 0!important; } .rc-template__button-group .rc-button-group__options .rc-radio.rc-radio--active { border: 2px solid #852928!important; } .rc-template__button-group .rc-button-group__options .rc-radio .price-label { font-size: 14px!important; padding-top: 5px!important; font-weight: 400!important; letter-spacing: .1em!important; font-family: Bitter, serif !important; } /* dropdown */ .rc-selling-plans-dropdown__label { font-weight: 400!important; } /* tooltip */ .rc-subscription-details .rc-subscription-details__button { font-size: 13px !important; color: #000 !important; } .rc-subscription-details { font-size: 13px !important; color: #000 !important; margin: 15px 0 0px !important; } .how-it-works strong { margin-bottom: 8px !important; } /* powered by */ .recharge-badge { display: none!important; } /* == Reachrge portal */ body#recharge-novum #recharge-te { background: #fff !important; z-index:1!important; } /* nav */ body#recharge-novum #recharge-te .bg-light, body#recharge-novum #recharge-te .bg-light a{ background: #faefda!important; font-size: 12px!important; font-weight: 400!important; letter-spacing: .1em!important; font-family: Bitter, serif !important; } /* headings */ body#recharge-novum #recharge-te h1, body#recharge-novum #recharge-te h2, body#recharge-novum #recharge-te h3 { font-family: 'bebas_neueregular'!important; font-weight: 400 !important; } /* misc */ body#recharge-novum #recharge-te h2.rc-subheading, body#recharge-novum #recharge-te #rc_te-template-wrapper .line-height-12, body#recharge-novum #recharge-te #te-modal-content .line-height-12{ font-weight: 400!important; letter-spacing: .1em!important; font-family: Bitter, serif !important; } .rc_order_title { font-family: 'bebas_neueregular'!important; font-weight: 400 !important; font-size: 18px !important; } body#recharge-novum #recharge-te p{ font-size: 14px!important; padding-top: 5px!important; font-weight: 400!important; letter-spacing: .1em!important; font-family: Bitter, serif !important; } /* Modal title */ body#recharge-novum #recharge-te .te-modal-title { font-family: 'bebas_neueregular'!important; font-weight: 400 !important; } /* border on modal below title */ body#recharge-novum #recharge-te #te-modal-heading, body#recharge-novum #recharge-te #te-card-modal-heading { border-bottom: 2px dashed #faefda!important; } /* labels */ body#recharge-novum #recharge-te .rc_purchase_type label, body#recharge-novum #recharge-te .rc_delivery_options label { font-size: 12px!important; font-weight: 400!important; letter-spacing: .1em!important; font-family: Bitter, serif !important; } #recharge-novum .rc-form__label { font-size: 12px!important; font-weight: 400!important; letter-spacing: .1em!important; font-family: Bitter, serif !important; } /* buttons solid */ body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_btn, body#recharge-novum #recharge-te .rc_btn { text-decoration: none !important; border-radius: 0%!important; text-decoration: none!important; text-align: center!important; white-space: normal!important; display: inline-block!important; margin: 0!important; width: auto!important; vertical-align: middle!important; cursor: pointer!important; user-select: none!important; -webkit-appearance: none!important; -moz-appearance: none!important; font-family: 'bebas_neueregular'!important; background: #852928!important; margin-top: 10px!important; line-height: 1.90!important; letter-spacing: 0.1em!important; padding: 7px!important; font-size: 15px !important; min-width: 120px !important; font-weight: 400!important; text-transform: uppercase!important; color: #fff!important; border: 2px solid!important; border-color: #fff!important; box-shadow: inset 0 0 0 2px #fff!important; } /* secondary buttons */ body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_btn--secondary, body#recharge-novum #recharge-te .rc_btn--secondary, body#recharge-novum #recharge-te #rc_te-template-wrapper .expired { text-decoration: none !important; border-radius: 0%!important; text-decoration: none!important; text-align: center!important; white-space: normal!important; display: inline-block!important; margin: 0!important; width: auto!important; vertical-align: middle!important; cursor: pointer!important; user-select: none!important; -webkit-appearance: none!important; -moz-appearance: none!important; font-family: 'bebas_neueregular'!important; background: #fff!important; margin-top: 10px!important; line-height: 1.90!important; letter-spacing: 0.1em!important; padding: 7px!important; font-size: 15px !important; min-width: 120px !important; font-weight: 400!important; text-transform: uppercase!important; color: #852928!important; border: 2px solid!important; border-color: #faefda!important; box-shadow: inset 0 0 0 2px #fff!important; } /* catch all and in shipping addresses */ #recharge-novum .rc-btn { text-decoration: none !important; border-radius: 0%!important; text-decoration: none!important; text-align: center!important; white-space: normal!important; display: inline-block!important; margin: 0!important; width: auto!important; vertical-align: middle!important; cursor: pointer!important; user-select: none!important; -webkit-appearance: none!important; -moz-appearance: none!important; font-family: 'bebas_neueregular'!important; background: #fff!important; margin-top: 10px!important; line-height: 1.90!important; letter-spacing: 0.1em!important; padding: 7px!important; font-size: 15px !important; min-width: 120px !important; font-weight: 400!important; text-transform: uppercase!important; color: #852928!important; border: 2px solid!important; border-color: #faefda!important; box-shadow: inset 0 0 0 2px #fff!important; } /* subscription rows */ body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_subscription_card_element_wrapper { border-radius: 0px!important; padding: 20px!important; margin-bottom: 20px!important; -webkit-box-shadow: 0px 0x 0px 0px rgb(217 225 227)!important; -moz-box-shadow: 0px 0px 0px 0px rgba(217,225,227,1)!important; box-shadow: 0px 0px 0px 0px rgb(217 225 227)!important; border-bottom: 2px dashed #faefda!important; } body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_subscription_info_container { border-right: 2px dashed #faefda!important; } /* Manage subscriptions */ #recharge-novum .rc-card { color: #000!important; background: #ffffff!important; box-shadow: 0px 0px 0px 0px #0000001a!important; border-radius: 0px!important; padding: 20px !important; border: 1px solid #faefda!important; } /* hover buttons - some in theme.liquid for css overide */ body#recharge-novum #recharge-te #rc_te-template-wrapper .rc_upsells-btns input[type=button] { border-radius:0px!important; background: #852928!important; color: #fff!important; border: 1px solid transparent !important; font-family: 'bebas_neueregular'!important; letter-spacing: 0.1em!important; padding: 7px!important; font-size: 15px !important; font-weight: 400!important; } /* shipping address card adjusted */ .subscription-shipping-address { margin-top: 20px !important; } /* == Recipe kit app */ #rk_parent .rk_sunny .rk_container ul, #rk_parent .rk_sunny .rk_container li, #rk_parent .rk_sunny .rk_container p, #rk_parent .rk_sunny .rk_container a { font-size: 15px !important; letter-spacing: .1em !important; line-height: 2.2em !important; } /* top meta */ #rk_parent .rk_sunny .rk_container .rk_meta { font-size: 20px !important; font-weight: normal!important; } #rk_parent .rk_sunny .rk_container .rk_details .rk_column { padding-bottom: 40px !important; } /* ingredients & direction headings */ #rk_parent .rk_sunny .rk_container .rk_column_heading { font-size: 24px!important; font-weight: normal!important; border-bottom: 2px dashed #faefda!important; margin: 90px 0 25px!important; } #rk_parent .rk_sunny .rk_container .rk_directions .rk_group_heading, #rk_parent .rk_sunny .rk_container .rk_ingredients .rk_group_heading { font-weight: normal!important; font-size: 18px!important; margin: 30px 0 15px!important; } .star.is-selected svg, .star.is-selected ~ .star svg { fill: #c6920e!important; font-size: 18px !important; } /* == KLAVIYO */ /* back in stock klaivyo conflict */ .back-in-stock-btn { margin-top: 10px !important; width: 100% !important; } /* === Comments */ .easydisqus-container { max-width: 1200px; } #disqus_thread a{ color: #852928!important; } #disqus_thread, #disqus_thread p{ color: #000!important; } /* ==== 17 April 2024 CSS Changes START */ .hero-section-icons{position: relative;background: rgb(0, 0, 0, 0.3);opacity:0;animation: .8s cubic-bezier(.26,.54,.32,1) .3s forwards;animation-name: rise-up;visibility: hidden;transform: translateY(15px);transition: none;position: relative;z-index: 9;} .loaded .hero-section-icons{opacity: 1;visibility: visible;transform: translateY(-100%) !important;} .hero-section-icons .features-icon,.hero-section-icons .features-icon .icon{width: 40px; height: 40px;margin: 0 auto;} .hero-section-icons .rte-setting p{margin-top: 15px;color: #fff;} .hero-section-icons .page-width.six-points .grid{padding: 20px 0;display: flex; align-items:center;} /*.site-header.site-header--opening .site-header__logo a.site-header__logo-link{width: 85px !important;}*/.site-header.site-header--opening .site-header__logo a.site-header__logo-link img{max-width: 76% !important;} .featured-collection-section{ text-align: left; background: #faefda; padding: 60px; background-image: url("//sunriseflourmill.com/cdn/shop/t/75/assets/background-speckle-bottom.png?v=127335806645939187591750104159"), url("//sunriseflourmill.com/cdn/shop/t/75/assets/background-speckle-top.png?v=121174238091519297091750104159"); background-repeat: repeat-x, repeat-x; background-position: center bottom, center top; } .template-index .featured-collection-section .grid-product__image-mask{border: 8px solid #faefda;box-shadow: 0 0 0 4px #fff;} .template-index .featured-collection-section .grid-product{padding-top: 10px;} .featured-collection-section .section-header .btn{margin-top: 0;} .site-nav__dropdown.custom-megamenu .grid--center .grid__item{padding-left:0;text-align:center;} .site-nav__dropdown.custom-megamenu .grid {display: flex;align-items:center;justify-content:center;gap:25px;} .site-nav__dropdown.custom-megamenu.megamenu .h5{font-weight: normal !important;} .great-our-story-main .collapsible-trigger.is-open .collapsible-trigger__icon{transform: rotate(180deg) translateY(50%)} .great-our-story-main .collapsible-trigger .collapsible-trigger__icon{transform: translateY(-50%);top:50%} .great-our-story-main .faq-items-wrapper .collapsible-content__inner {margin: 0;display: inline-block;width: 100%;padding: 0 0 30px;} .great-our-story-main .faq-items-wrapper .collapsible-content__inner h4 { margin: 15px auto 0} .great-our-story-main .faq-items-wrapper .collapsible-content__inner h4:first-child{margin-top: 0} .great-our-story-main .faq-items-wrapper .collapsible-content__inner ul{margin: 0px 0 0 20px;} .great-our-story-main .faq-items-wrapper .collapsible-content__inner li{margin-bottom: 0;} .great-our-story-main .faq-items-wrapper .collapsible-content__inner p { margin: 0} .blogs-grid.flex-grid {width: 100%;margin-top: 25px;padding: 0 50px;} .blogs-grid .blog-grid-item{width: 33.33%;position: relative;display: inline-block;padding: 0 15px;} /* .blogs-grid .blog-grid-item img{max-height: 370px;} */ .blogs-grid .blog-grid-item .btn {width: 80%; margin: 0 auto; position: absolute !important; bottom: 20px; z-index: 2; left: 50%; transform: translateX(-50%);} .testimonials-section--with-divider .testimonials-slide{padding-top: 20px;} .template-index .feature-row-wrapper .great-our-story-main{margin: 30px 0} .template-index .feature-row-wrapper  .feature-row__item.index--img img{object-fit: cover;} .template-index .feature-row-wrapper .feature-row__text--left{padding-left: 25px !important;} html.js-drawer-open .needsclick,html.js-drawer-open #stamped-rewards-init{display: none !important;} .how-it-works a {text-decoration: underline;} #PredictiveResults .grid-product__link--inline {flex-direction: column;align-items: center;justify-content: center;} #PredictiveResults .grid-product__link--inline .grid__image-ratio{width: 150px;} .template-index .promo-grid__content--boxed{opacity: 1;padding: 0px} .template-index  .promo-grid__container--boxed .promo-grid__content{box-shadow: none;} .image-wrap {position: relative;} .lazyloaded ~ .about-overlay {position: absolute;bottom: 0;z-index: 1;padding: 20px;color: #fff;background: rgb(0, 0, 0, 0.5);margin: 0;} .template-index .text-and-image .feature-row{align-items: flex-start;} .template-index .featured-collection-section .modal.modal--quick-shop{align-items: center;} .quick-product__btn{text-transform: uppercase;line-height: 1.90;letter-spacing: 0.1em;padding: 7px 18px;text-transform: uppercase;font-family: 'bebas_neueregular';font-size:18px;  border: 2px solid !important;border-color: #852928 !important;box-shadow: inset 0 0 0 2px #fff !important;} /* .template-index .text-and-image .feature-row img.feature-row__image{aspect-ratio: 12/16;} */ @media (min-width: 768px){ .site-nav__dropdown.custom-megamenu .medium-up--one-fifth{width:16%} .site-nav__dropdown.custom-megamenu img{display:inline-block;width:200px;height:200px;padding-bottom:0;} .footer__rewards-newsletter:before{content:'';border-bottom: 2px solid;border-bottom-color: #faefda;opacity: 1;display: block;top: 0;position: absolute;width: 100%;left: 0;} .hero__text-content{ padding: 45px 0 0;} .template-index .feature-row__item .video-wrap.dekstop--video video{aspect-ratio: 20 / 12;width: 100%;} .quick-add-wrapper input { padding: 0; box-shadow: none !important; } .quick-product__btn.quick-add-wrapper {box-shadow: 0 0 0 4px #852928;border: 2px solid #fff;padding: 0;} .grid-product__tag.grid-product__tag--sale{top: 8px;right: 8px;} .hero--600px{ height: 600px; } } @media (max-width: 1024px){ .site-header__logo a{width: 100px !important} /* .site-header.site-header--opening .site-header__logo a{width: 70px !important} */ .site-nav__dropdown.custom-megamenu .megamenu__colection-image{width: 150px;} .site-nav__dropdown.custom-megamenu .medium-up--one-fifth{width: auto;} } @media (max-width: 768px){ .hero__text-wrap{height: calc(100%);}.hero__text-shadow:before{display: none;}[data-aos=hero__animation].loaded .hero__link .animation-contents .btn {font-size: 14px;min-width: 90px;padding: 5px;}[data-aos=hero__animation].loaded .hero__link .animation-contents .btn svg{width: 12px;}.hero__text-content.vertical-bottom.horizontal-right {  padding: 0 0 10px 0;}.hero__text-content.vertical-bottom.horizontal-right .hero__text-shadow {text-align: right;} .loaded .hero-section-icons{background: rgb(0, 0, 0, 0.4);transform:translate(0) !important} .hero-section-icons .page-width.six-points .grid{padding: 0 0 20px;margin: 0;flex-wrap: wrap;} .hero-section-icons .page-width.six-points .grid__item{padding-top:20px;padding-left:0;} .template-index .featured-collection-section .grid{margin-left: 0;} .template-index .featured-collection-section .feature-row{flex-direction: row;} .featured-collection-section{padding: 30px 0;} .blogs-grid.flex-grid {margin-top: 25px;padding:0;gap: 25px;} .blogs-grid .blog-grid-item {width: 30%;} .promo-grid__bg-image.lazyloaded{object-fit: contain;} .template-index .featured-collection-section .grid-product__image-mask{border: 4px solid #faefda;box-shadow: 0 0 0 2px #fff;} .template-index .feature-row-wrapper .feature-row__text--left{padding:30px 0px 0 !important} .template-index .feature-row-wrapper .feature-row__text--left .h1{margin:0 !important;} .template-index .feature-row-wrapper .great-our-story-main{margin: 10px 0 30px;} .template-index .feature-row-wrapper .feature-row__item.index--img img{max-width:100% !important; height: 100% !important;} .template-index .image-wrap.about-overlay-wrapper {height: auto !important; padding: 0 !important;}.template-index .image-wrap.about-overlay-wrapper img{height: auto !important;} .template-index .image-wrap.about-overlay-wrapper .about-overlay {position: unset;background: transparent;color: #000;padding: 30px 0 0;} .grid-product__tag.grid-product__tag--sale{top: 5px;right: 5px;} /* Mobile Mergamenu CSS */ .custom-mobile-megamenu.mobile-nav__sublist{padding-left: 20px;} .custom-mobile-megamenu .mobile-nav__sublist { display: flex; align-items: center; text-align: center; overflow-x: scroll; margin-bottom: 15px; padding-bottom: 15px;width: 100%;} .custom-mobile-megamenu .mobile-nav__item { width: 100%; display: inline-block; text-align: center; padding: 0 !important; } .custom-mobile-megamenu .mobile-nav__item img { width: 120px; height: auto; margin: 0 auto;} .custom-mobile-megamenu .mobile-nav__item:after,.custom-mobile-megamenu .mobile-nav__grandchildlist:before { display: none; } .custom-mobile-megamenu .mobile-nav__item .h5 p { font-size: 16px !important; margin: 0 !important; } .custom-mobile-megamenu .mobile-nav__item p.mobile-nav__link { margin: 0 !important; padding: 0; } .custom-mobile-megamenu .mobile-nav__item .mobile-nav__child-item { width: 200px; display: inline-block; margin: 0 auto; } .custom-mobile-megamenu.mobile-nav__sublist.is-open {height: 220px !important;} .template-index .feature-row__item .video-wrap.mobile--video video{aspect-ratio: 20 / 12;width: 100%;} /* Best Seller Quick View */ .supports-touch .quick-product__btn { display: flex; width: 40px; height: 40px; right: 2px; left: auto; top: auto; bottom: 6px; align-items: center; justify-content: center; border-radius: 50%; opacity: 1; transition:opacity 0.25s ease,transform 0.25s ease-out; border: 2px solid !important; border-color: #852928 !important; box-shadow: inset 0 0 0 2px #fff !important; } .quick-icon .icon{width: 18px;height: 18px;} } @media (max-width: 540px){.blog-grid-item .main-link img{height:auto;} .blogs-grid.flex-grid{flex-direction: column;} .blogs-grid .blog-grid-item{width: 75%;margin: 0 auto;} } @media (max-width: 425px){ .blogs-grid .blog-grid-item{width: 100%;}.site-header.site-header--opening .site-header__logo a.site-header__logo-link img{max-width: 60% !important;}}.feature-row__item .feature-row__image{height: auto !important;}.modal--square .modal__centered-content .image-wrap img.lazyloaded{opacity: 1;} /* ==== 17 April 2024 CSS Changes END */

iframe#preview-bar-iframe {
    display: none !important;