/*!
Theme Name: eimpact_v2
Theme URI: http://underscores.me/
Author: Eric Wenger at E-Impact Marketing
Author URI: https://eimpact.marketing/
Description: Custom theme for The Hen House Collection, based on Underscores, Bulma, Swiper, and SimpleLightbox
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: eimpact-client-theme

eimpact_s_uikit is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/


/*

colors:

822a1a  130,42,26  red
7b2414  123,26,20  red darker hover

c3986b  195,152,107  tan
be9060  190,144,96   tan darker hover

f4e9d5  244,233,213  cream

dfdede  223,222,222  light gray

a5a5a5  165,165,165   medium gray
9b9a9a  155,154,154   medium gray darker hover

363636  54,54,54   almost black

fonts:

Noto Serif 400
Rubik 400,700

*/

:root {
    --primary-color: #c3986b;
    --primary-accent: #be9060;
    --secondary-color: #f4e9d5;
}

body,
html {
    font-weight: 400;
    font-family: "Rubik", Helvetica, Arial, sans-serif;
    color: #363636;
    font-size: 1.1rem;
}

img {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-family: "Noto Serif", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #363636;
}

.content h1 {
    margin-bottom: .5em;
    line-height: 1.5;
}

.content h2 {
    margin-bottom: .5em;
    line-height: 1.5;
}

.content h3 {
    margin-bottom: .5em;
    line-height: 1.5;
}

.content h4 {
    margin-bottom: .5em;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .content h1 {
        font-size: 2.5em;
    }
    .content h2 {
        font-size: 2.5em;
    }
    .content h3 {
        font-size: 1.75em;
    }
    .content h4 {
        font-size: 1.3em;
    }
}

.content table h3 {
    margin-bottom: .1em;
}

.content h1:not(:first-child),
.content h2:not(:first-child),
.content h3:not(:first-child),
.content h4:not(:first-child) {
    margin-top: 10px;
}

.content p {
    line-height: 1.7;
}

a {
    color: #c3986b;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:hover,
a:focus {
    color: #be9060;
}

p a {
    font-weight: 700;
}


/* buttons */

div.gmw-form-wrapper.horizontal-gray .gmw-submit-button,
.gform_button,
.wpmtst-submit input,
.button {
    border-radius: 5px !important;
    padding: 5px 20px !important;
    color: #c3986b;
    height: auto !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    border-color: transparent;
    line-height: 1.5 !important;
}

.inventory-request-button-wrapper .button:after,
.quote-cta-button a:after,
.button:after {
    content: '\f101';
    font-family: "eimpact2";
    padding-left: 10px;
    font-size: 120%;
    line-height: 1;
}

.button:hover,
.button:focus {
    color: #be9060 !important;
    /* border-color: #be9060; */
    border-color: transparent !important;
    background: #f4e9d5;
}

div.gmw-form-wrapper.horizontal-gray .gmw-submit-button,
.gform_next_button,
.gform_button,
.wpmtst-submit input,
button#place_order,
.cart .button,
.button.checkout-button,
.button.is-primary {
    background: #c3986b !important;
    color: white !important;
}

div.gmw-form-wrapper.horizontal-gray .gmw-submit-button:hover,
div.gmw-form-wrapper.horizontal-gray .gmw-submit-button:focus,
.gform_next_button:focus,
.gform_next_button:hover,
.gform_button:hover,
.gform_button:focus,
.button.checkout-button:hover,
.button.checkout-button:focus,
button#place_order:hover,
button#place_order:focus,
.wpmtst-submit input:hover,
.wpmtst-submit input:focus,
.cart .button:hover,
.cart .button:focus,
.button.is-primary:hover,
.button.is-primary:focus {
    background: #be9060 !important;
    color: white !important;
}

.cart .button {
  padding: 10px 25px !important;
}

.cart .button.single_add_to_cart_button {
  color: #be9060 !important;
  border-color: #be9060 !important;
  background: white !important;
}

.cart .button.single_add_to_cart_button:hover,
.cart .button.single_add_to_cart_button:focus {
  border-color: #be9060 !important;
  background: #be9060 !important;
  color: white !important;
}

.wpmtst-submit input {
    display: inline-block;
    vertical-align: top;
}

.button-margin {
    margin: 5px 10px !important;
    display: inline-block;
    vertical-align: middle;
}

.large-button-padding {
  padding: 20px 50px !important;
}

/* gravity forms */

.gform_wrapper {
    margin: 0 !important;
}

.strong-form input[type="text"],
.strong-form input[type="email"],
.strong-form input[type="url"],
.strong-form input[type="file"],
.strong-form select,
.woocommerce-additional-fields textarea,
.strong-form textarea,
.checkout input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
table.shop_table input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper textarea {
    font-family: "Rubik", Helvetica, Arial, sans-serif !important;
    border-radius: 5px;
    padding: 10px 20px !important;
    line-height: 1.75;
    min-height: 0;
    font-size: 18px !important;
    height: auto;
    max-width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    color: #383838;
}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus,
.uk-form textarea:focus {
    border-color: #99baca;
    outline: 0;
    background: #f5fbfe;
    color: #383838;
}

.gform_button {
    vertical-align: top !important;
}

.gform_button:hover,
.gform_button:focus {
    cursor: pointer !important;
}

.gform_wrapper .button:disabled {
    display: none !important;
}

.gform_wrapper div.validation_error {
    color: red !important;
    border-top: none !important;
    border-bottom: none !important;
}

.gform_wrapper .validation_message {
    color: red !important;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: inherit !important;
    margin-bottom: inherit !important;
    border-top: inherit !important;
    border-bottom: inherit !important;
    padding-bottom: inherit !important;
    padding-top: inherit !important;
}

.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper li.gfield_error textarea {
    border: 1px solid red !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 5px !important;
}

body .gform_wrapper ul li.gfield,
.gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 8px !important;
}

@media (min-width: 480px) {
    .gform_wrapper ul.gform_fields li.gfield {
        padding-right: 16px !important;
    }
}


/* slimmenu, edited by Eric at E-Impact Marketing */

.menu-collapser {
    position: relative;
    line-height: 48px;
    padding-left: 15px;
    text-align: right;
    padding-right: 65px;
}

.collapse-button {
    position: absolute;
    right: 8px;
    top: 50%;
    width: 40px;
    padding: 7px 10px;
    color: white;
    font-size: 14px;
    text-align: center;
    background-color: black;
    border-radius: 2px;
    cursor: pointer;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.collapse-button:hover,
.collapse-button:focus {
    color: white;
    background-color: #040404;
}

.collapse-button .icon-bar {
    display: block;
    height: 2px;
    width: 18px;
    margin: 2px 0;
    background-color: #F5F5F5;
    border-radius: 1px;
}

ul.slimmenu {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.slimmenu:before,
ul.slimmenu:after {
    content: '';
    display: table;
}

ul.slimmenu:after {
    clear: both;
}

ul.slimmenu li {
    text-align: left;
}

ul.slimmenu li ul {
    margin: 0;
    list-style-type: none;
}

ul.slimmenu li a {
    display: block;
    padding: 12px 16px;
}

ul.slimmenu li a:hover {
    text-decoration: none;
}


/* fontello */


/* example: <i class="fontello-search-1"></i>  */

@font-face {
    font-family: 'eimpact2';
    src: url('fonts/fontello/eimpact2.eot?6999493');
    src: url('fonts/fontello/eimpact2.eot?6999493#iefix') format('embedded-opentype'), url('fonts/fontello/eimpact2.woff2?6999493') format('woff2'), url('fonts/fontello/eimpact2.woff?6999493') format('woff'), url('fonts/fontello/eimpact2.ttf?6999493') format('truetype'), url('fonts/fontello/eimpact2.svg?6999493#eimpact2') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="fontello-"]:before,
[class*=" fontello-"]:before {
    font-family: "eimpact2";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.fontello-twitter:before {
    content: '\e800';
}


/* '' */

.fontello-menu:before {
    content: '\e801';
}


/* '' */

.fontello-right:before {
    content: '\e802';
}


/* '' */

.fontello-left:before {
    content: '\e803';
}


/* '' */

.fontello-shed:before {
    content: '\e804';
}


/* '' */

.fontello-left-small:before {
    content: '\e805';
}


/* '' */

.fontello-right-small:before {
    content: '\e806';
}


/* '' */

.fontello-search-1:before {
    content: '\e807';
}


/* '' */

.fontello-search-2:before {
    content: '\e808';
}


/* '' */

.fontello-tags:before {
    content: '\e809';
}


/* '' */

.fontello-dollar-1:before {
    content: '\e80a';
}


/* '' */

.fontello-person:before {
    content: '\e80b';
}


/* '' */

.fontello-sun:before {
    content: '\e80c';
}


/* '' */

.fontello-ok:before {
    content: '\e80d';
}


/* '' */

.fontello-cancel:before {
    content: '\e80e';
}


/* '' */

.fontello-mail:before {
    content: '\e80f';
}


/* '' */

.fontello-phone:before {
    content: '\e810';
}


/* '' */

.fontello-phone-1:before {
    content: '\e811';
}


/* '' */

.fontello-location:before {
    content: '\e812';
}


/* '' */

.fontello-location-1:before {
    content: '\e813';
}


/* '' */

.fontello-mail-1:before {
    content: '\e814';
}


/* '' */

.fontello-home:before {
    content: '\e815';
}


/* '' */

.fontello-left-big:before {
    content: '\e816';
}


/* '' */

.fontello-left-dir:before {
    content: '\e817';
}


/* '' */

.fontello-right-dir:before {
    content: '\e818';
}


/* '' */

.fontello-right-big:before {
    content: '\e819';
}


/* '' */

.fontello-phone-circled:before {
    content: '\e81a';
}


/* '' */

.fontello-phone-2:before {
    content: '\e81b';
}


/* '' */

.fontello-phone-outline:before {
    content: '\e81c';
}


/* '' */

.fontello-attention:before {
    content: '\e81d';
}


/* '' */

.fontello-attention-circled:before {
    content: '\e81e';
}


/* '' */

.fontello-basket:before {
    content: '\e81f';
}


/* '' */

.fontello-star:before {
    content: '\e820';
}


/* '' */

.fontello-star-empty:before {
    content: '\e821';
}


/* '' */

.fontello-users:before {
    content: '\e822';
}


/* '' */

.fontello-user:before {
    content: '\e823';
}


/* '' */

.fontello-videocam:before {
    content: '\e824';
}


/* '' */

.fontello-picture:before {
    content: '\e825';
}


/* '' */

.fontello-ok-1:before {
    content: '\e826';
}


/* '' */

.fontello-plus:before {
    content: '\e827';
}


/* '' */

.fontello-minus:before {
    content: '\e828';
}


/* '' */

.fontello-info-circled:before {
    content: '\e829';
}


/* '' */

.fontello-link:before {
    content: '\e82a';
}


/* '' */

.fontello-lock:before {
    content: '\e82b';
}


/* '' */

.fontello-thumbs-up:before {
    content: '\e82c';
}


/* '' */

.fontello-thumbs-down:before {
    content: '\e82d';
}


/* '' */

.fontello-download:before {
    content: '\e82e';
}


/* '' */

.fontello-chat:before {
    content: '\e82f';
}


/* '' */

.fontello-volume-up:before {
    content: '\e830';
}


/* '' */

.fontello-globe:before {
    content: '\e831';
}


/* '' */

.fontello-spin3:before {
    content: '\e832';
}


/* '' */

.fontello-spin4:before {
    content: '\e834';
}


/* '' */

.fontello-spin5:before {
    content: '\e838';
}


/* '' */

.fontello-link-ext:before {
    content: '\f08e';
}


/* '' */

.fontello-phone-squared:before {
    content: '\f098';
}


/* '' */

.fontello-twitter-1:before {
    content: '\f099';
}


/* '' */

.fontello-facebook-1:before {
    content: '\f09a';
}


/* '' */

.fontello-left-circled:before {
    content: '\f0a8';
}


/* '' */

.fontello-right-circled:before {
    content: '\f0a9';
}


/* '' */

.fontello-pinterest-circled:before {
    content: '\f0d2';
}


/* '' */

.fontello-pinterest-squared:before {
    content: '\f0d3';
}


/* '' */

.fontello-gplus-squared:before {
    content: '\f0d4';
}


/* '' */

.fontello-gplus:before {
    content: '\f0d5';
}


/* '' */

.fontello-mail-alt:before {
    content: '\f0e0';
}


/* '' */

.fontello-chat-empty:before {
    content: '\f0e6';
}


/* '' */

.fontello-lightbulb:before {
    content: '\f0eb';
}


/* '' */

.fontello-download-cloud:before {
    content: '\f0ed';
}


/* '' */

.fontello-coffee:before {
    content: '\f0f4';
}


/* '' */

.fontello-plus-squared:before {
    content: '\f0fe';
}


/* '' */

.fontello-angle-double-left:before {
    content: '\f100';
}


/* '' */

.fontello-angle-double-right:before {
    content: '\f101';
}


/* '' */

.fontello-angle-left:before {
    content: '\f104';
}


/* '' */

.fontello-angle-right:before {
    content: '\f105';
}


/* '' */

.fontello-desktop:before {
    content: '\f108';
}


/* '' */

.fontello-quote-left:before {
    content: '\f10d';
}


/* '' */

.fontello-quote-right:before {
    content: '\f10e';
}


/* '' */

.fontello-smile:before {
    content: '\f118';
}


/* '' */

.fontello-frown:before {
    content: '\f119';
}


/* '' */

.fontello-meh:before {
    content: '\f11a';
}


/* '' */

.fontello-star-half-alt:before {
    content: '\f123';
}


/* '' */

.fontello-help:before {
    content: '\f128';
}


/* '' */

.fontello-info:before {
    content: '\f129';
}


/* '' */

.fontello-angle-circled-left:before {
    content: '\f137';
}


/* '' */

.fontello-angle-circled-right:before {
    content: '\f138';
}


/* '' */

.fontello-minus-squared:before {
    content: '\f146';
}


/* '' */

.fontello-ok-squared:before {
    content: '\f14a';
}


/* '' */

.fontello-dollar:before {
    content: '\f155';
}


/* '' */

.fontello-thumbs-up-alt:before {
    content: '\f164';
}


/* '' */

.fontello-thumbs-down-alt:before {
    content: '\f165';
}


/* '' */

.fontello-youtube-squared:before {
    content: '\f166';
}


/* '' */

.fontello-youtube:before {
    content: '\f167';
}


/* '' */

.fontello-youtube-play:before {
    content: '\f16a';
}


/* '' */

.fontello-instagram:before {
    content: '\f16d';
}


/* '' */

.fontello-right-circled2:before {
    content: '\f18e';
}


/* '' */

.fontello-left-circled2:before {
    content: '\f190';
}


/* '' */

.fontello-share:before {
    content: '\f1e0';
}


/* '' */

.fontello-share-squared:before {
    content: '\f1e1';
}


/* '' */

.fontello-yelp:before {
    content: '\f1e9';
}


/* '' */

.fontello-paypal:before {
    content: '\f1ed';
}


/* '' */

.fontello-cc-visa:before {
    content: '\f1f0';
}


/* '' */

.fontello-cc-mastercard:before {
    content: '\f1f1';
}


/* '' */

.fontello-cc-discover:before {
    content: '\f1f2';
}


/* '' */

.fontello-cc-amex:before {
    content: '\f1f3';
}


/* '' */

.fontello-cc-paypal:before {
    content: '\f1f4';
}


/* '' */

.fontello-copyright:before {
    content: '\f1f9';
}


/* '' */

.fontello-facebook:before {
    content: '\f230';
}


/* '' */

.fontello-pinterest:before {
    content: '\f231';
}


/* '' */

.fontello-registered:before {
    content: '\f25d';
}


/* '' */

.fontello-map-pin:before {
    content: '\f276';
}


/* '' */

.fontello-map-o:before {
    content: '\f278';
}


/* '' */

.fontello-commenting:before {
    content: '\f27a';
}


/* '' */

.fontello-message:before {
    content: '\f27b';
}


/* '' */

.fontello-houzz:before {
    content: '\f27c';
}


/* '' */

.fontello-wpforms:before {
    content: '\f298';
}


/* '' */

.fontello-handshake-o:before {
    content: '\f2b5';
}


/* '' */

.fontello-address-card:before {
    content: '\f2bb';
}


/* '' */

.fontello-address-card-o:before {
    content: '\f2bc';
}


/* '' */

.fontello-twitter-squared:before {
    content: '\f304';
}


/* '' */

.fontello-twitter-circled:before {
    content: '\f30a';
}


/* '' */

.fontello-facebook-circled:before {
    content: '\f30d';
}


/* '' */

.fontello-search:before {
    content: '\f50d';
}


/* '' */

i.fontello-angle-double-right {
    font-size: 120%;
}


/* other helpful classes */

@media (max-width: 1087px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tablepress tfoot th,
.tablepress thead th {
    background-color: #e8dfcd !important;
}

.pad-lr-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.pad-25 {
    padding: 25px;
}

.pad-50 {
    padding: 50px;
}

.marg-25 {
    margin: 25px;
}

.marg-50 {
    margin: 50px;
}

.pad-top-0 {
    padding-top: 0;
}

.pad-top-5 {
    padding-top: 5px;
}

.pad-top-10 {
    padding-top: 10px;
}

.pad-top-15 {
    padding-top: 15px;
}

.pad-top-25 {
    padding-top: 25px;
}

.pad-top-35 {
    padding-top: 35px;
}

.pad-top-50 {
    padding-top: 50px;
}

.pad-top-75 {
    padding-top: 75px;
}

.pad-top-100 {
    padding-top: 100px;
}

.pad-top-125 {
    padding-top: 125px;
}

.pad-top-150 {
    padding-top: 150px;
}

.pad-top-200 {
    padding-top: 200px;
}

.pad-bottom-0 {
    padding-bottom: 0;
}

.pad-bottom-5 {
    padding-bottom: 5px;
}

.pad-bottom-15 {
    padding-bottom: 15px;
}

.pad-bottom-25 {
    padding-bottom: 25px;
}

.pad-bottom-35 {
    padding-bottom: 35px;
}

.pad-bottom-40 {
    padding-bottom: 40px;
}

.pad-bottom-50 {
    padding-bottom: 50px;
}

.pad-bottom-65 {
    padding-bottom: 65px;
}

.pad-bottom-75 {
    padding-bottom: 75px;
}

.pad-bottom-100 {
    padding-bottom: 100px;
}

.pad-bottom-125 {
    padding-bottom: 125px;
}

.pad-bottom-150 {
    padding-bottom: 150px;
}

.pad-bottom-175 {
    padding-bottom: 175px;
}

.pad-bottom-200 {
    padding-bottom: 200px;
}

.marg-top-75 {
    margin-top: 75px;
}

.marg-top-50 {
    margin-top: 50px;
}

.marg-bottom-0 {
    margin-bottom: 0 !important;
}

.marg-bottom-35 {
    margin-bottom: 35px;
}

.marg-bottom-50 {
    margin-bottom: 50px;
}

.marg-bottom--9 {
    margin-bottom: -9px;
}


/* back off on the padding for smaller screen size */

@media (max-width: 767px) {
    .pad-lr-50 {
        padding-left: 30px;
        padding-right: 30px;
    }
    .pad-50 {
        padding: 30px;
    }
    .pad-top-25 {
        padding-top: 15px;
    }
    .pad-top-50 {
        padding-top: 25px;
    }
    .pad-top-75 {
        padding-top: 50px;
    }
    .pad-top-100 {
        padding-top: 75px;
    }
    .pad-top-125 {
        padding-top: 75px;
    }
    .pad-top-150 {
        padding-top: 75px;
    }
    .pad-top-200 {
        padding-top: 100px;
    }
    .pad-bottom-25 {
        padding-bottom: 15px;
    }
    .pad-bottom-40 {
        padding-bottom: 15px;
    }
    .pad-bottom-50 {
        padding-bottom: 25px;
    }
    .pad-bottom-65 {
        padding-bottom: 50px;
    }
    .pad-bottom-75 {
        padding-bottom: 50px;
    }
    .pad-bottom-100 {
        padding-bottom: 75px;
    }
    .pad-bottom-125 {
        padding-bottom: 75px;
    }
    .pad-bottom-150 {
        padding-bottom: 75px;
    }
    .pad-bottom-175 {
        padding-bottom: 100px;
    }
    .pad-bottom-200 {
        padding-bottom: 100px;
    }
    .marg-top-75 {
        margin-top: 50px;
    }
    .marg-top-50 {
        margin-top: 25px;
    }
    .marg-bottom-35 {
        margin-bottom: 25px;
    }
    .marg-bottom-50 {
        margin-bottom: 25px;
    }
}

.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
h1.white-text,
h2.white-text,
h3.white-text,
h4.white-text,
h5.white-text,
h6.white-text {
    color: white;
}

.white-links,
a.white-links,
.white-links a,
.white-links a:hover {
    color: white;
}

.cream-text,
.cream-text h1,
.cream-text h2,
.cream-text h3,
.cream-text h4,
.cream-text h5,
.cream-text h6,
h1.cream-text,
h2.cream-text,
h3.cream-text,
h4.cream-text,
h5.cream-text,
h6.cream-text,
.cream-links,
a.cream-links,
a.cream-links:hover,
.cream-links a,
.cream-links a:hover {
    color: #f4e9d5;
}

.tan-text,
.tan-text h1,
.tan-text h2,
.tan-text h3,
.tan-text h4,
.tan-text h5,
.tan-text h6,
h1.tan-text,
h2.tan-text,
h3.tan-text,
h4.tan-text,
h5.tan-text,
h6.tan-text,
.tan-links,
a.tan-links,
.tan-links a {
    color: #c3986b;
}

a.tan-links:hover,
.tan-links a:hover {
    color: #be9060;
}

.black-links,
a.black-links,
.black-links a,
a.black-links:hover,
.black-links a:hover {
    color: #363636;
}

.strong-text {
    font-weight: 700;
}

.product_meta,
table.smaller-font thead th,
.smaller-font a,
a.smaller-font,
.smaller-font nav,
.smaller-font p,
p.smaller-font {
    font-size: 14px;
}

.description-text p,
p.description-text {
    font-size: 14px;
    line-height: 1.5;
    opacity: .5;
}

.opacity-35 {
    opacity: .35;
}

ul.list-style-none,
.list-style-none ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.display-inline {
    display: inline-block;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .display-inline-list li {
        display: inline-block;
        vertical-align: middle;
    }
}

.card,
img {
    border-radius: 5px;
}

.no-bottom-radius img {
    border-radius: 5px 5px 0 0;
}

.red-background {
    background: #822a1a;
}

.cream-texture-background {
    background: #f4e9d5 url('images/cream-texture.jpg') repeat center center;
}

.cream-background {
    background: #f4e9d5;
}

.clouds-background {
    background: transparent url('images/clouds2.jpg') no-repeat center center;
    background-size: contain;
}

.farm-background {
    background: transparent url('images/farm.jpg') no-repeat center bottom;
    background-size: 100% auto;
}

.wood-background {
    background: #dfdede url('images/wood.jpg') repeat center center;
    position: relative;
}

.wood-background:before {
    background: transparent url('images/edge-top.png') no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    left: 0;
    right: 0;
    color: rgba(0, 0, 0, 0);
    content: ".";
}

.wood-background:after {
    content: ".";
    background: transparent url('images/edge-bottom.png') no-repeat center bottom;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    color: rgba(0, 0, 0, 0);
    z-index: 1;
}

.background-edge {
    position: relative;
}

.background-edge:before {
    background: transparent url('images/edge-top.png') no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    z-index: 100;
    width: 100%;
    left: 0;
    right: 0;
    color: rgba(0, 0, 0, 0);
    content: ".";
    min-height: 75px;
}

.background-edge:after {
    content: ".";
    background: transparent url('images/edge-bottom.png') no-repeat center bottom;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    color: rgba(0, 0, 0, 0);
    z-index: 100;
    min-height: 75px;
}

p.red-line {
    border-bottom: 1px solid #822a1a;
    padding-bottom: 0;
    line-height: 1;
}

table.is-red thead {
    background-color: #822a1a;
}

table.is-red tbody tr {
    background: #f4e9d5;
}

table.is-red thead th {
    color: white;
}

.table.is-red tbody td,
.table.is-red thead th {
    border-color: #822a1a;
}

.table.has-text-centered tbody td,
.table.has-text-centered thead th {
    text-align: center;
}

.tag.is-red {
    background-color: #822a1a;
    color: white;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase;
    padding: .25em 1em;
    height: auto;
}

.position-relative {
    position: relative;
}


/* formatting */

#top-menu li a {
    display: block;
    margin: 0 10px;
}

#left-menu li a,
#right-menu li a {
    display: block;
    margin: 0 15px;
    font-size: 20px;
}

#left-menu li#menu-item-161 a {
    margin-left: 0;
}

.quote-cta-button a,
#top-menu li#menu-item-166 a {
    margin-right: 0;
}

.quote-cta-button a {
    padding: 5px 20px;
    background: #c3986b;
    color: white;
    border-radius: 5px;
}

.quote-cta-button a:hover {
    background: #be9060;
}

@media (min-width: 769px) {
    .move-up {
        margin-top: -40px;
    }
}

@media (max-width: 959px) {
    .slide-left {
        padding-bottom: 25px;
    }
}

@media (min-width: 1088px) {
    .wide-content {
        margin-right: 50px;
        margin-left: 50px;
    }
}

@media (min-width: 1200px) {
    .slide-right {
        float: right;
        width: 66%;
    }
    .slide-left {
        float: left;
        width: 30%;
        position: absolute;
        bottom: 25%;
    }
}

@media (min-width: 1500px) {
    .slide-left {
        bottom: 35%;
    }
}

@media (min-width: 1900px) {
    .wide-content {
        margin: 0 auto;
        max-width: 1800px;
    }
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0;
}

.swiper-pagination-bullet {
    background: white;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #c3986b;
}

.icon-150 {
    max-width: 150px;
    margin: 0 auto;
}

.step-blocks h2 {
    padding-bottom: 0;
    line-height: 1;
    color: #c3986b;
}

a.coop-inventory,
a.coop-front-back {
    line-height: 1;
    display: block;
}

.feed-room-banner {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #c3986b;
    color: white;
    width: 150px;
    border-radius: 100%;
    text-align: center;
    line-height: 1.1;
    padding: 30px 30px;
    font-size: 16px;
    font-weight: 700;
}

footer.farm-background {
    padding-bottom: 50px;
}

@media (min-width: 480px) {
    footer.farm-background {
        padding-bottom: 100px;
    }
}

@media (min-width: 1200px) {
    footer.farm-background {
        padding-bottom: 200px;
    }
}

@media (min-width: 2800px) {
    footer.farm-background {
        padding-bottom: 300px;
    }
}

a.inventory-quote-link {
    display: block;
    text-align: center;
}

.inventory-quote-link img {
    padding: 0 10%;
    max-width: 90%;
    margin-top: 15px;
}

div.gmw-form-wrapper.horizontal-gray input[type="text"] {
    font-family: "Rubik", Helvetica, Arial, sans-serif !important;
    border-radius: 5px !important;
    padding: 4px 20px !important;
    line-height: 1.75 !important;
    min-height: 0 !important;
    font-size: 18px !important;
    height: auto !important;
    max-width: 100% !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    color: #383838 !important;
}

@media (min-width: 500px) {
    div.gmw-form-wrapper.horizontal-gray input[type="text"] {
        width: 300px !important;
    }
}

@media (min-width: 700px) {
    div.gmw-form-wrapper.horizontal-gray input[type="text"] {
        width: 400px !important;
    }
}

ul.gmw-location-meta li.field span.label {
    line-height: inherit !important;
    font-size: 1rem !important;
}

ul.gmw-location-meta li.field,
ul.widget ul.gmw-location-meta li.field {
    line-height: inherit !important;
    font-size: 1rem !important;
}

.gmw-single-location-wrapper .gmw-sl-address,
ul.gmw-location-meta {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.wppl-info .gmw-location-meta-wrapper h3 {
    display: none;
}

.wppl-title-holder {
    padding-top: 25px;
}

.wppl-title-holder .distance-font {
    font-size: 1.5rem;
    padding-left: 20px;
}

div.gmw-form-wrapper.horizontal-gray {
    background: #f4e9d5 !important;
    padding: 15px 15px 10px 15px !important;
    border-top: none !important;
    border-bottom: none !important;
}

.gmw-single-location-wrapper {
    background: transparent !important;
    margin: 0 !important;
    border: none !important;
    padding: 0 !important;
}

div.gmw-single-location-wrapper .gmw-get-directions-link-wrapper,
div.gmw-single-location-wrapper .gmw-sl-additional-info-wrapper,
div.gmw-single-location-wrapper .gmw-sl-address,
div.gmw-single-location-wrapper .gmw-sl-directions-link-wrapper,
div.gmw-single-location-wrapper .gmw-sl-directions-trigger-wrapper,
div.gmw-single-location-wrapper .gmw-sl-distance {
    padding: 0 !important;
    border-bottom: none !important;
    line-height: inherit !important;
    margin-bottom: 0 !important;
    font-size: inherit !important;
}

.widget div.gmw-single-location-wrapper,
div.gmw-single-location-wrapper {
    display: block;
}

@media (min-width: 768px) {
    .center-logo-mobile {
        margin: 20px auto;
    }
}
@media (max-width: 768px) {
    .center-logo-mobile {
        text-align: center;
    }
    .center-logo-mobile img {
        display: inline-block;
        padding-top: 25px;
    }
}

.has-red-background-color { background: #822a1a; }
.has-tan-background-color { background: #c3986b; }
.has-cream-background-color { background: #f4e9d5; }
.has-light-gray-background-color { background: #dfdede; }
.has-medium-gray-background-color { background: #a5a5a5; }
.has-black-background-color { background: #363636; }
.has-white-background-color { background: white; }
.has-green-background-color { background: rgb(19, 141, 19); }
.has-bright-red-background-color { background: rgb(211, 35, 35); }

/* add for block editor width alignments */

.entry-content > .alignfull {
     margin-left: calc( -100vw / 2 + 100% / 2 );
     margin-right: calc( -100vw / 2 + 100% / 2 );
     max-width: 100vw;
}
@media (min-width: 1088px) {
    .entry-content > .alignfull .kb-theme-content-width {
        max-width: 960px;
    }
}
@media (min-width: 1280px) {
    .entry-content > .alignfull .kb-theme-content-width {
        max-width: 1152px;
    }
}
@media (min-width: 1472px) {
    .entry-content > .alignfull .kb-theme-content-width {
        max-width: 1344px;
    }
}

.page-template-template-narrow-page .container.entry-content,
.single-post .container.entry-content,
.single-post .page-builder .container {
    max-width: 750px;
}

.single-post .entry-content .alignfull .kb-theme-content-width {
    max-width: 680px;
}


.wp-block-buttons.alignfull .wp-block-button,
.wp-block-buttons.alignfull .wp-block-button .wp-block-button__link {
    width: 100%;
}

.content.container.entry-content ul,
article .entry-content ul {
  list-style-type: disc !important;
}

.entry-content h2 {
    text-align: center;
}

h2.woocommerce-loop-category__title,
h2.woocommerce-loop-product__title {
  font-size: 1em;
}

p.price {
  font-size: 2em;
  margin-bottom: 0.25em !important;
}

form.cart {
  margin-top: 25px;
  margin-bottom: 25px;
}

form.cart button.single_add_to_cart_button,
form.cart div.quantity {
  display: inline-block;
  vertical-align: middle;
}

form.cart div.quantity input {
  border-radius: 5px !important;
  padding: 10px 20px !important;
  height: auto !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  border: 1px solid #c3986b;
  width: 85px;
}

.remove-description-margin ul {
  margin-top: -0.6em;
}

.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child) {
  display: inline-block;
  padding-right: 15px;
  padding-top: 15px;
}

#yith-wapo-container .yith-wapo-block {
  display: inline-block;
  vertical-align: top;
}

/* woocommerce */

.single-product form.variations_form .single_variation_wrap #yith-wapo-container .addon-header,
.single-product form.variations_form .single_variation_wrap > .single_variation {
  display: none;
}

.woocommerce-ordering,
.woocommerce-result-count {
  display: inline-block;
  vertical-align: middle;
  margin: 0 !important;
  padding: 0 10px 30px 10px;
  line-height: 1;
}

.woocommerce-cart-form .actions > .coupon,
.woocommerce-cart-form .actions > button {
  display: inline-block;
  padding-right: 15px;
  vertical-align: middle;
}

.ywraq-form-table-wrapper h3,
.woocommerce-checkout h1,
.woocommerce-customer-details h2,
.related.products > h2,
.woocommerce-order-details h2,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields,
.cart_totals h2,
#order_review_heading {
  text-transform: capitalize;
}

.woocommerce-checkout .checkout,
.woocommerce-additional-fields,
.cart_totals h2 {
  padding-top: 50px;
}

.related.products > h2,
.woocommerce-terms-and-conditions-wrapper {
  padding-bottom: 50px;
}

.woocommerce-form-coupon {
  background: #ddd;
  padding: 15px;
}

.woocommerce-variation-description {
  margin-bottom: 1em;
}

.product-remove a.remove {
  font-size: 2rem;
}

.woocommerce-additional-fields textarea,
.woocommerce-terms-and-conditions-wrapper .validate-required label,
.woocommerce-billing-fields .form-row span.woocommerce-input-wrapper input,
.woocommerce-billing-fields .form-row span.woocommerce-input-wrapper,
.woocommerce-billing-fields .form-row label {
  width: 100%;
}

table#yith-ywrq-table-list,
table.order_details,
ul.payment_methods li fieldset,
#order_review table {
  border: 1px solid #ddd;
}

ul.payment_methods li,
ul.payment_methods {
  margin-left: 0;
  list-style: none;
}

ul.payment_methods li fieldset {
  padding: 5px 15px
}

.woocommerce-account nav.woocommerce-MyAccount-navigation {
  margin-bottom: 50px;
}

@media (min-width: 768px) {
  .woocommerce-account nav.woocommerce-MyAccount-navigation,
  .woocommerce-account div.woocommerce-MyAccount-content {
  display: inline-block;
  vertical-align: top;
  }
  .woocommerce-account nav.woocommerce-MyAccount-navigation {
  width: 25%;
  }
  .woocommerce-account div.woocommerce-MyAccount-content {
  width: 75%;
  margin-right: -5px;
  }
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #f4e9d5;
  margin: auto;
  padding: 50px;
  border: 1px solid #888;
  max-width: 500px;
  border-radius: 5px;
}

.modal-content span.close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px;
  line-height: 1;
}

.modal-content span.close-button:hover {
  background: #be9060;
  cursor: pointer;
}

.find_my_dealer_inline {
  background: #c3986b !important;
  color: white !important;
  border: none;
  border-radius: 5px !important;
  padding: 3px 10px !important;
  height: auto !important;
  font-weight: 500 !important;
  border-color: transparent;
}

.coop_quote_button {
  background: #c3986b !important;
  color: white !important;
  border: none;
  border-radius: 5px !important;
  padding: 3px 15px !important;
  height: auto !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  border-color: transparent;
  line-height: 1.5 !important;
}

.find_my_dealer_inline:hover,
.coop_quote_button:hover {
  background: #be9060 !important;
  color: white !important;
  cursor: pointer;
}

button.dealersearchclosebutton {
    height: auto !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    border-radius: 5px !important;
    background: #c3986b !important;
    color: white !important;
    border-color: transparent !important;
    padding: 10px 25px !important;
}

button.dealersearchclosebutton:focus,
button.dealersearchclosebutton:hover {
    background: #be9060 !important;
    color: white !important;
    cursor: pointer;
}

.inventory-request-button-wrapper {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 4px;
}

/* Kandence Post Carousel Slider */
@media (min-width: 768px) {
  .ei-slider-image-right .kt-blocks-post-grid-item-inner-wrap {
    display: flex;
    flex-flow: row-reverse;
    align-items: flex-start;
    gap: 30px;
  }
  .ei-slider-image-right .kt-blocks-post-grid-item-inner-wrap>div {
    width:  50vw;
  }
}
.ei-slider-pagination-left .kb-splide ul.splide__pagination.splide__pagination {
  right: auto;
}
.ei-slider-image-right.ei-slider-pagination-left .kb-splide .splide__arrow {
  top: 100%;
}
.ei-slider-image-right.ei-slider-pagination-left .kb-splide .splide__arrow--prev {
  right: auto;
  left: 30%;
}
.ei-slider-image-right.ei-slider-pagination-left .kb-splide .splide__arrow--next {
  right: auto;
  left: calc(30% + 50px);
}

/* Background video on page header */
.backgound-video-container {
    --video-height: 850px;
    --video-max-height: max(55vw, 35vh);
    height: var(--video-height);
	max-height: var(--video-max-height);
    position: relative;
}
.backgound-video-container .background-video {
    position: absolute;
    inset: 0;
    z-index: -1;
	object-fit: cover;
}
.backgound-video-container .background-video video {
    height: var(--video-height);
	max-height: var(--video-max-height);
    object-fit: cover;
}
.background-video::after {
    content: '';
    color: rgba(0, 0, 0, 0);
    position: absolute;
    inset: 0;
    background: rgba(45, 45, 45, .70);
}

/*  change grid layout
*   https://eimpactmarketing.teamwork.com/tasks/24926061
 */
.columns.is-flex .column {
    flex: 1 1 300px;
}
@media (max-width:700px) {
    .columns.is-flex .column .card {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
}

dialog#offcanvasMenu {
    z-index: 1000;
    max-width: unset;
    width: unset; 
    border: unset;
    margin-top: 50px;
}

.product-chicken-count,
.shipping-note {
  display: grid;
  grid-template-columns: minmax(0, 80px) 1fr;
  align-items: anchor-center;
  gap: 25px;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
}

.product-chicken-count {
  gap: 15px;
}

.product-chicken-count svg,
.shipping-note svg {
  width: 100%;
}

.product-chicken-count span,
.shipping-note span {
  font-size: 1rem;
  font-weight: bold;
  word-break: break-word;
}

/* task https://eimpactmarketing.teamwork.com/app/tasks/25741553
the code block for the form was not sizing correctly on mobile */
.brave_element--code {
    height: 100%!important;
}

/* yith */

.content table.variations td, .content table th {
  border: none;
}

.single_variation_wrap .woocommerce-variation-price,
table.variations a.reset_variations {
  display: none !important;
}

table.variations {
  margin-bottom: 0;
}

table.variations .select_option {
  margin: 10px 10px 0 0;
  position: relative;
  border: 2px solid #dedede;
  max-width: 200px;
  padding: 10px;
  border-radius: 5px;
  vertical-align: top;
}

@media (max-width: 479px) {
    table.variations .select_option {
      max-width: 150px;
    }
}

table.variations .select_option .yith_wccl_value {
  line-height: unset;
  width: 100%;
  height: auto;
}

table.variations .select_option .yith_wccl_tooltip.bottom {
  top: unset;
  padding-top: unset;
}

table.variations .select_option .yith_wccl_tooltip {
  position: relative !important;
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
  z-index: unset !important;
  left: unset;
  pointer-events: unset;
  cursor: pointer;
}

table.variations .select_option .yith_wccl_tooltip,
table.variations .select_option .yith_wccl_tooltip.fade,
table.variations .select_option .yith_wccl_tooltip.slide {
  opacity: 1 !important;
}

table.variations .select_option .yith_wccl_tooltip > span {
  display: block;
  max-width: unset;
  background: none;
  color: inherit;
  padding: 10px 0 0 0;
}

table.variations .select_option .yith_wccl_tooltip span::after {
  border: none;
  width: 0;
  height: 0;
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display,
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display:hover,
table.variations .select_box .select_option:hover,
table.variations .select_option.selected {
  border: 2px solid #c3986b !important;
  background: #c3986b;
  color: white;
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display::after,
table.variations .select_box .select_option.selected::after {
  background-color: #822a1a !important;
  background-size: 50% !important;
  width: 25px !important;
  height: 25px !important;
  top: -8px !important;
  right: -8px !important;
}

#yith-wapo-container .yith-wapo-addon .options-container > div {
  display: inline-block !important;
  grid-template-columns: unset !important;
  gap: unset;
  width: unset !important;
  vertical-align: top;
}

#yith-wapo-container .yith-wapo-addon .options-container .yith-wapo-option {
  width: 130px;
  margin: 0 10px 10px 0;
}

#yith-wapo-container #yith-wapo-block-17 {
  display: block;
  margin-bottom: 35px;
}

#yith-wapo-container .yith-wapo-option .yith-wapo-addon-label .outside {
  text-align: center;
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display {
  border: 2px solid #dedede !important;
}

#wapo-total-price-table {
  margin-top: 25px !important;
}

.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single {
  margin-bottom: 25px;
}

.yith-wapo-block .yith-wapo-addon .addon-header {
  display: none !important;
}

.narrow-content {
  max-width: 750px;
}

table.variations table, 
table.variations thead, 
table.variations tbody, 
table.variations tr, 
table.variations th, 
table.variations td {
  display: block;
  width: 100%;
}
table.variations td {
  padding: 0;
}
table.variations tr {
  margin-bottom: 25px;
}
table.variations tr.description_attribute_pa_epoxy-flooring-upgrade {
  display: none;
}
table.variations label:not(:last-child) {
  margin-bottom: 25px;
}
table.variations th label {
  font-size: 1.5em;
  font-family: "Noto Serif", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
@media (min-width: 768px) {
  table.variations th label {
    font-size: 1.75em;
  }
}

.woocommerce-variation-add-to-cart {
  margin-top: 35px;
}

.single-product .product .quantity,
.single-product .product .inventory-request-button-wrapper,
.single-product .product .single_add_to_cart_button {
  margin-bottom: 15px;
}

.coop-info-benefits-container {
 width: 100%;
 margin: 0 0 0 0;
}

.coop-benefits-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 25px;
}
.coop-benefit-item {
 text-align: center;
 display: flex;
 flex-direction: column;
 align-items: center;
}
.coop-benefit-item svg {
 width: 30px;
 height: 30px;
 fill: #363636;
 margin-bottom: 10px;
}
.coop-benefit-item p {
 font-size: 14px;
 line-height: 1.3;
 margin: 0;
}

.coop-quote-note {
 display: grid;
 grid-template-columns: 30px 1fr;
 gap: 25px;
 align-items: start;
 background-color: #f4e9d5;
 padding: 15px;
 border-radius: 5px;
 margin-top: 20px;
 margin-bottom: 20px;
}
.coop-note-icon svg {
 width: 100%;
 height: auto;
 fill: #363636;
}
.coop-note-text {
 font-size: 14px;
 line-height: 1.3;
}

/* Responsive behavior for mobile */
@media (max-width: 480px) {
 .coop-benefits-grid {
   grid-template-columns: repeat(2, 1fr); /* 2x2 grid on small mobile so text doesn't squish */
   gap: 15px 10px;
 }
}

.search-filter-base.search-filter-field {
  margin-bottom: 25px;
}

.search-filter-base.search-filter-field > .search-filter-label {
  font-weight: bold;
}

.search-filter-field--id-2 .search-filter-component-range-slider {
  max-width: 200px;
}

/* Hidden on desktop by default */
.sf-offcanvas-overlay,
.sf-offcanvas-close {
  display: none;
}

button.sf-filters-toggle {
  border: 1px solid #c3986b;
  margin-bottom: 25px;
}

@media (min-width: 769px) {
  button.sf-filters-toggle {
    display: none;
  }
}

/* Bulma's "touch" range: mobile + tablet, < 1024px */
@media screen and (max-width: 768px) {

  /* The sidebar column becomes the off-canvas panel */
  .shop-filters.column {
    position: fixed;
    top: 0;
    left: 0;
    height: 100dvh;
    width: 85%;
    max-width: 360px;
    background: #fff;
    z-index: 1000;
    padding: 1.25rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(-100%);
    transition: transform .3s ease;
    box-shadow: 2px 0 14px rgba(0,0,0,.15);
  }

  .shop-filters.column.is-open {
    transform: translateX(0);
  }

  /* Let the products column fill the row once the sidebar pops out.
     Scope to your shop row — see note below. */
  .shop-columns > .column:not(.shop-filters) {
    flex: none;
    width: 100%;
  }

  .sf-offcanvas-close {
    display: block;
    margin-left: auto;
    margin-bottom: .5rem;
    font-size: 1.75rem;
    line-height: 1;
    background: none;
    border: 0;
    cursor: pointer;
  }

  .sf-offcanvas-overlay {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
    z-index: 999;
  }

  .sf-offcanvas-overlay.is-open {
    opacity: 1;
    visibility: visible;
  }

  body.sf-offcanvas-open {
    overflow: hidden;
  }
}