/*
Theme Name:   	Pump Image Store
Theme URI:
Author:
Author URI:
Template:     	storefront
Description:
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/

/**
 * Base
 */

:root {
    --color-dark: #333;
    --color-gray: #afa99e;
    --color-gray-light: #f9f9f9;
    --color-gray-dark: #3f3e3e;
    --color-red: #bf2f38;
    --color-red-dark: #862127;
    --font-mono: menlo, monospace;
}

::selection {
    background-color: #afa99e;
}

body {
    font-family: HelveticaNeue, 'Helvetica Neue', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1 {
    font-weight: normal;
}

h2, h3, h4, h5, h6 {
    font-weight: bold;
}

img {
    border-radius: 0;
}

a {
    color: #bf2f38;
}

.input-text,
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
    border-radius: 0;
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, .05), inset 0 1px 1px rgba(0, 0, 0, .02);
    font-family: inherit;
}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline: 0 !important;
}

body {
    background-color: #333;
}

.site {
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.home .site {
    background-color: transparent;
}

.site-main {
    position: relative;
}

@media ( max-width: 48em) {
    body {
        background-color: #333;
    }
    .site {
        background-color: #fff;
    }
}
@media ( min-width: 48em ) {

    .col-full {
        max-width: 74em;
    }
}

/******************************************************************
 * Site Header
 *****************************************************************/

.site-header {
    position: relative;
    padding-top: 0;
    background-color: #f9f9f9;
}

.woocommerce-active .site-branding {
    float: none !important;
}

.site-branding .site-title {
    position: relative;
    font-size: 1em;
    width: 100%;
    max-width: 24em;
}

.site-branding .site-title a {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 17.09%;
    background-image: url('img/logo-alt.png');
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    text-indent: -99999em;
}

.site-branding .site-description {
    display: none !important;
}

.site-header-phone {
    display: none;
}

.menu-item input {
    position: absolute;
    left: -99999em;
    opacity: 0;
}

.menu-item-toggle {
    display: none;
}

.mobile-home-link {
    display: none;
}

.main-navigation-dropdown {
    display: none;
}

.site-header-topbar {
    position: relative;
    background-color: #bf2f38;
    color: #fff;
    padding: 1em 0;
}

.site-header-topbar > div {
    position: relative;
}

.woocommerce-active .site-header .site-header-cart,
.site-header-cart .cart-contents {
    display: block;
}

.woocommerce-active .site-header .site-header-cart {
    background-color: #333;
}

.site-header-cart .cart-contents {
    font-family: menlo, monospace;
    color: #afa99e;
}

.site-header ul.menu li.current-menu-item > .cart-contents {
    color: #afa99e;
}

.site-header-cart:hover > li > a, a.cart-contents:hover {
    color: #fff;
}

.site-header-cart .cart-contents::before {
    content: 'Cart:';
    text-transform: uppercase;
    font-size: 0.875em;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.site-header-cart .cart-contents::after {
    display: none;
}

.site-header-cart .cart-contents .amount {
    font-weight: bold;
}

.site-header-cart .cart-contents .count {
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.675em;
    opacity: 1;
}

.woocommerce-active .site-header .site-search {
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    will-change: transform;
}

.woocommerce-active .site-header .site-search .widget_product_search form {
    padding: 0.5em 0.5em 0.5em 2em;
    height: 4.090625em;
}

.woocommerce-active .site-header .site-search .widget_product_search form::before {
    z-index: 10;
    font-size: 1.25em;
    top: 1.12em;
    left: 1em;
    color: #bf2f38;
}

.woocommerce-active .site-header .site-search form::after {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    transform-origin: left center;
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    will-change: transform;
}

.woocommerce-active .site-header .site-search form:hover::after,
.woocommerce-active .site-header .site-search form.has-focus::after {
    background-color: rgba(0, 0, 0, 0.3);
}

.woocommerce-active .site-header .site-search input[type=search] {
    position: relative;
    z-index: 4;
    box-shadow: none;
    background-color: transparent;
    background: none;
    padding: 0.3em 0 0 0.875em;
    font-size: 1.75em;
    font-family: menlo, monospace;
    color: #fff;
    outline: none;
    transition: font-size 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.woocommerce-active .site-header .site-search input[type=search]::-webkit-input-placeholder {
    color: transparent;
}

.woocommerce-active .site-header .site-search input[type=search]::-moz-placeholder {
    color: transparent;
}

.woocommerce-active .site-header .site-search input[type=search]::-ms-input-placeholder {
    color: transparent;
}

.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
    font-family: menlo, monospace;
    text-transform: uppercase;
}

.main-navigation_container > a {
    display: none;
}

@media ( max-width: 48em) {
    .site::before {
        content: '';
        position: absolute;
        display: block;
        z-index: 10;
        width: 200%;
        height: 19em;
        top: -7em;
        left: -50%;
        background-color: #f6f6f6;
        transform: rotate(-2deg);
    }
    .site > * {
        position: relative;
    }
    .site-header {
        background-color: transparent;
        padding-top: 5.125em;
    }
    .site-header-topbar {
        position: fixed;
        z-index: 100;
        top: 0;
        right: 0;
        left: 0;
        padding: 0;
    }
    #wpadminbar {
        position: fixed;
    }
    .admin-bar .site-header-topbar {
        top: 46px;
    }
    .woocommerce-active .site-header .site-header-cart {
        position: relative;
        width: 50%;
        margin: 0.75em 0;
        background-color: #862127;
    }
    .site-header-cart .cart-contents {
        padding: 0.5em 0.5em 0.5em 1.41575em;
    }
    .site-branding {
        margin-top: 1.5em;
    }
    .woocommerce-active .site-header .site-search {
        position: fixed;
        display: block;
        right: 0;
        top: 100%;
        left: 0;
        z-index: 110;
        background-color: #bf2f38;
        padding: 1.41575em;
        transition: transform 0.4s ease;
    }
    .nav-toggled.woocommerce-active .site-header .site-search {
        transform: translate3d(0, -100%, 0);
        transition: transform 0.4s ease;
    }
    .woocommerce-active .site-header .site-search .widget_product_search form {
        margin-bottom: 0;
    }
    .site-search .cedar-suggest {
        top: auto;
        bottom: 100%;
        max-height: 29em;
    }
    .main-navigation ~ .menu-toggle {
        position: fixed;
        display: block;
        z-index: 101;
        top: 0;
        left: 50%;
        font-weight: 700;
        font-size: 1.25em;
        text-transform: uppercase;
        letter-spacing: 0.075em;
        padding: 0.75em 1.125em 0.625em 1em;
        color: #fff;
        background-color: transparent;
        line-height: 2.7;
        border: 0;
        border-radius: 0;
        width: 50%;
        text-align: center;
        transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
        will-change: transform;
    }
    .admin-bar .main-navigation ~ .menu-toggle {
        top: 46px;
    }
    .main-navigation ~ .menu-toggle:hover {
        color: #fff;
        background-color: transparent;
    }
    .menu-toggle::before,
    .menu-toggle::after {
        display: none !important;
    }
    .main-navigation {
        position: fixed;
        display: block;
        background-color: #f6f6f6;
        top: 5.125em;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translate3d(-100%, 0, 0);
        opacity: 0;
        transition: opacity 0.3s ease 0.2s, transform 0s linear 0.5s;
    }
    .admin-bar .main-navigation {
        top: calc(5.125em + 46px);
    }
    .nav-toggled .main-navigation {
        display: block;
        opacity: 1;
        transition: opacity 0.3s ease;
        transform: translate3d(0, 0, 0);
    }
    .main-navigation_container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 6.055625em;
        left: 0;
        padding: 1.5em 1.41575em;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .main-navigation_container > a {
        content: '';
        position: relative;
        display: block;
        height: 0;
        margin-bottom: 1.5em;
        padding-bottom: 17.09%;
        background-image: url('img/logo-alt.png');
        background-size: contain;
        background-position: left center;
        background-repeat: no-repeat;
        text-indent: -99999em;
    }
    .primary-navigation {
        display: block;
    }
    .main-navigation .menu {
        position: relative;
        display: block;
        transform: translate3d(0, 2em, 0);
        transition: transform 0.4s ease;
    }
    .nav-toggled .main-navigation .menu {
        transform: translate3d(0, 0, 0);
    }
    .main-navigation ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .main-navigation ul.menu {
        background-color: #fff;
        box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 0 1px 3px rgba(0, 0, 0, 0.025);
    }
    .main-navigation li {
        position: relative;
        display: block;
        border-bottom: 1px solid #eee;
    }
    .main-navigation .menu > li > a {
        display: block;
        font-size: 1.125em;
        line-height: 1;
        color: #333;
        text-transform: none;
        letter-spacing: normal;
        padding: 1.125em 1.25em 0.9375em;
        transition: color 0.4s ease;
    }
    .main-navigation .menu > li input:checked ~ a {
        color: #bf2f38;
    }
    .main-navigation .menu-item-has-children > .menu-item-toggle {
        position: absolute;
        display: block;
        z-index: 2;
        top: 0;
        right: 0;
        width: 3.5em;
        height: 3.5em;
        padding: 0;
        font-size: 1em;
        border: solid #eee;
        border-width: 0 0 1px 1px;
        transition: color 0.4s ease, background-color 0.4s ease;
    }
    .main-navigation .menu-item-toggle i {
        position: absolute;
        display: block;
        top: 0.5em;
        left: 1.25em;
        height: 0.9375em;
        width: 0.9375em;
        transform: rotate(225deg);
        transform-origin: center center;
        margin-top: 0.55em;
        color: currentColor;
        opacity: 0.5;
    }
    .main-navigation .menu-item input:checked ~ .menu-item-toggle i {
        transform: rotate(45deg);
        top: 1em;
        opacity: 1;
    }
    .main-navigation .menu-item-toggle i::before {
        content: '';
        position: absolute;
        display: block;
        height: 0.9375em;
        width: 0.3em;
        background-color: currentColor;
    }
    .main-navigation .menu-item-toggle i::after {
        content: '';
        position: absolute;
        display: block;
        width: 0.9375em;
        height: 0.3em;
        background-color: currentColor;
    }
    .main-navigation .menu ul {
        display: none;
    }
    .main-navigation .menu .menu-item input:checked ~ .sub-menu {
        display: block;
    }
    .main-navigation .menu .sub-menu {
        padding-left: 1.5em;
    }
    .main-navigation .sub-menu li:last-child {
        border-bottom: 0;
    }
    .main-navigation .sub-menu a {
        display: block;
        font-size: 1em;
        font-weight: 600;
        color: #333;
    }
}

@media ( min-width: 48em) {
    .site::before {
        content: '';
        position: absolute;
        display: block;
        width: 200%;
        height: 22em;
        left: -50%;
        background-color: #f6f6f6;
        transform: rotate(-2deg);
    }
    .site > * {
        position: relative;
    }
    .site-header {
        padding-top: 5.5625em;
        background-color: transparent;
        border-bottom: 0;
    }
    .site-header::before {
        content: '';
        position: fixed;
        display: block;
        z-index: 50;
        top: 0;
        right: -33em;
        left: -33em;
        height: 3.5em;
        border-radius: 100% / 90%;
        box-shadow: 0 0 36px rgba(0, 0, 0, 0.3), 0 0 4px 3px rgba(0, 0, 0, 0.2);
        transition: transform 0.2s ease;
        will-change: transform;
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .admin-bar .site-header::before {
        top: 32px;
    }
    .site-header--reduced-completely.site-header::before {
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transform: translate3d(0, 2.75em, 0);
    }
    .site-header-topbar {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1000;
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        will-change: transform;
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .admin-bar .site-header-topbar {
        top: 32px;
    }
    .site-header--reduced .site-header-topbar {
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
        transform: translate3d(0, -2em, 0);
    }
    .site-header > .col-full {
        position: relative;
    }
    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        width: auto;
        margin-top: 2em;
        margin-right: auto;
        margin-bottom: 2em;
    }
    .storefront-secondary-navigation.woocommerce-active .site-header--reduced-fully .site-branding {
        padding-bottom: 57px;
    }
    .woocommerce-active .site-header .site-search {
        float: none;
        z-index: 5;
        width: 24em;
        margin: 0;
    }
    .woocommerce-active .site-header--reduced .site-search {
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
        transform: translate3d(0, 1.125em, 0);
    }
    .woocommerce-active .site-header .site-search .widget_product_search form {
        padding: 0.5em 0.5em 0.5em 2em;
        height: 4.090625em;
    }
    .woocommerce-active .site-header--reduced .site-search .widget_product_search form::after {
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
        transform: scale(0.7);
    }
    .woocommerce-active .site-header--reduced .site-search input[type=search] {
        font-size: 1.5em;
        padding-top: 0.45em;
        width: 9.5em;
        transition: font-size 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, padding 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
    }
    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
        position: absolute;
        top: -0.625em;
        right: 2.617924em;
        float: none;
        width: auto;
        padding: 0;
        margin: 0;
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
        will-change: transform;
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .secondary-navigation ul.menu {
        position: relative;
        padding-top: 0.65em;
        padding-bottom: 0;
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        will-change: transform;
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .secondary-navigation ul.menu > li:not(:last-child) {
        margin-right: 0.5em;
    }
    .secondary-navigation ul.menu a {
        padding-top: 0.875em;
        padding-bottom: 1em;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        background-color: rgba(0, 0, 0, 0.2);
        transition: background-color 0.3s ease;
    }
    .secondary-navigation ul.menu a:hover,
    .secondary-navigation ul.menu li.current-menu-item a {
        background-color: rgba(0, 0, 0, 0.3);
        color: #fff;
    }
    .woocommerce-active .site-header .site-header-cart {
        position: absolute;
        top: 3em;
        right: 2.617924em;
        width: 15.625em;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.3s ease;
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .woocommerce-active .site-header--reduced .site-header-cart {
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, box-shadow 0.3s ease 0.2;
        transform: translate3d(0, -2.74em, 0);
        box-shadow: none;
    }
    .site-header-cart .cart-contents {
        position: relative;
        padding: 0.875em 1.75em 0.625em 1.5em;
        text-align: right;
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s ease;
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .site-header--reduced .site-header-cart .cart-contents {
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, color 0.3s ease;
        transform: translate3d(0, 0.26em, 0);
    }
    .site-header-cart .cart-contents::before {
        position: absolute;
        display: block;
        top: 50%;
        margin-top: -0.75em;
    }
    .site-header-cart .cart-contents .amount {
        margin-right: 0;
    }
    .site-header-cart .cart-contents .count {
        padding: 0.125em 0;
    }
    .site-header-cart .widget_shopping_cart {
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
        background-color: #fff;
    }
    .site-header-cart .widget_shopping_cart .buttons,
    .site-header-cart .widget_shopping_cart .total {
        background-color: #f9f9f9;
    }
    .site-header .product_list_widget li .quantity {
        font-family: menlo, monospace;
    }

    .site-header-phone {
        position: absolute;
        display: block;
        right: 2.617924em;
        margin-top: -4.125em;
    }
    .site-header-phone label {
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 0.1em;
        font-size: 0.75em;
        margin-right: -0.125em;
    }
    .site-header-phone > label:first-child {
        margin-right: 0;
        display: block;
        letter-spacing: 0.18em;
        margin-left: 0.1em;
    }
    .site-header-phone span {
        color: #afa99e;
        font-family: menlo, monospace;
        font-weight: bold;
        font-size: 1.25em;
        border-bottom: 2px solid #f6f6f6;
        transition: border-bottom 0.2s ease;
    }
    /*.site-header-phone a:hover {
        border-bottom-color: #afa99e;
    }*/
    .storefront-primary-navigation {
        transform: translate3d(0, 0, 0);
    }
    .site-header--reduced-fully .storefront-primary-navigation {
        position: fixed;
        display: block;
        z-index: 90;
        top: -2px;
        right: 0;
        left: 0;
        background-color: #fff;
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        will-change: transform;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .admin-bar .site-header--reduced-fully .storefront-primary-navigation {
        top: 32px;
    }
    .site-header--reduced-fully.site-header--reduced-completely .storefront-primary-navigation {
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transform: translate3d(0, 3.5625em, 0);
    }
    .storefront-primary-navigation > .col-full {
        position: relative;
    }
    .woocommerce-active .site-header .main-navigation {
        float: none;
        width: auto;
        text-align: center;
        margin-right: auto;
    }
    .main-navigation ul.menu,
    .main-navigation ul.nav-menu {
        position: relative;
        display: flex;
        justify-content: center;
        margin-left: auto;
        background-color: #fff;
        box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 0 1px 3px rgba(0, 0, 0, 0.025);
    }
    .site-header--reduced-fully .main-navigation ul.menu,
    .site-header--reduced-fully .main-navigation ul.nav-menu {
        box-shadow: none;
    }
    .main-navigation ul.menu > li {
        margin-left: -5px;
    }
    .main-navigation ul.menu > li > a,
    .main-navigation ul.nav-menu > li > a {
        padding-top: 1em;
        padding-bottom: 1em;
        outline: none;
    }
    .main-navigation ul.menu > li:not(:last-child) > a,
    .main-navigation ul.nav-menu > li:not(:last-child) > a {
        border-right: 1px solid #f6f6f6;
    }
    .main-navigation ul.menu > li.menu-item-has-children > a::after, .main-navigation ul.menu > li.page_item_has_children > a::after, .main-navigation ul.nav-menu > li.menu-item-has-children > a::after, .main-navigation ul.nav-menu > li.page_item_has_children > a::after {
        margin-left: 0.5em;
    }
    .main-navigation ul.menu > li > a:hover,
    .main-navigation ul.nav-menu > li > a:hover,
    .main-navigation ul.menu > li.current-menu-item > a,
    .main-navigation ul.nav-menu > li.current-menu-item > a {
        color: #bf2f38;
    }
    .main-navigation ul.menu > li > a.is-menu-activator::after {
        content: '\f106';
        color: #bf2f38;
    }
    .main-navigation ul li.focus > ul,
    .main-navigation ul li:hover > ul,
    .secondary-navigation ul li.focus > ul,
    .secondary-navigation ul li:hover > ul {
        display: none;
    }
    .main-navigation-dropdown {
        position: absolute;
        display: block;
        top: -999em;
        right: 2.617924em;
        left: 2.617924em;
        background-color: #fff;
        padding: 2em;
        min-height: 21em;
        opacity: 0;
        margin-top: -1px;
        z-index: 5;
        transform: translate3d(0, -0.5em, 0);
        transition: top 0s linear 0.3s, opacity 0.2s ease, transform 0.3s ease, box-shadow 0.3s ease;
    }
    .main-navigation-dropdown-active .main-navigation-dropdown {
        top: 100%;
        opacity: 1;
        box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 0 1px 3px rgba(0, 0, 0, 0.025);
        transform: translate3d(0, 0, 0);
        transition: top 0s linear, opacity 0.2s ease, transform 0.3s ease, box-shadow 0.3s ease;
    }
    .site-header--reduced-fully .main-navigation-dropdown {
        width: 100vw;
        right: auto;
        left: 50%;
        margin-left: -50vw;
    }
    .main-navigation-dropdown::before {
        content: '';
        position: absolute;
        top: -0.25em;
        right: 0;
        height: 1em;
        left: 0;
        background-color: inherit;
        border-top: 1px solid #f6f6f6;
    }
    .site-header--reduced-fully .main-navigation-dropdown .container {
        max-width: 66.4989378333em;
        margin-right: auto;
        margin-left: auto;
        box-sizing: content-box;
    }
    .main-navigation-dropdown_image {
        position: absolute;
        width: 15em;
    }
    .main-navigation-dropdown_image .main-navigation-dropdown_image_content {
        padding-bottom: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        transition: background-image 0.3s ease;
    }
    .main-navigation-dropdown_content {
        margin-left: 18em;
    }
    .main-navigation-dropdown_content h3 {
        margin: 0 0 0.5em;
        font-family: menlo, monospace;
        font-weight: bold;
        text-transform: uppercase;
    }
    .main-navigation-dropdown_content h3 a {
        color: #afa99e;
    }
    .main-navigation-dropdown_content ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .main-navigation-dropdown_content[data-column-count='2'] ul {
        columns: 2;
    }
    .main-navigation-dropdown_content[data-column-count='3'] ul {
        columns: 3;
    }
    .main-navigation-dropdown_content li {
        margin-bottom: 0.5em;
    }
    .main-navigation-dropdown_content li a {
        color: inherit;
        font-weight: 600;
    }
    .main-navigation-dropdown_content li a:hover {
        text-decoration: underline;
    }
    .main-navigation-dropdown_close {
        position: absolute;
        display: block;
        bottom: 0;
        right: 0;
        font-size: 0.875em;
        padding: 0.375em 1em;
    }
}

@media ( min-width: 56.25em) {
    .site-header--reduced .secondary-navigation ul.menu {
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
        transform: translate3d(0, 1.875em, 0);
    }
    .storefront-secondary-navigation.woocommerce-active .site-header--reduced .secondary-navigation {
        transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transform: translate3d(-16.25em, 0, 0);
    }
}

@media ( max-width: 66.4989378333em) {
    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation,
    .woocommerce-active .site-header .site-header-cart {
        right: 0;
    }
}

@media ( min-width: 60em ) {
    .main-navigation ul.menu > li > a,
    .main-navigation ul.nav-menu > li > a {
        padding-right: 1.5em;
        padding-left: 1.5em;
    }
}

.site-footer {
    background-color: #3f3e3e;
    color: #afa99e;
    padding-bottom: 0 !important;
}

.site-footer a {
    color: inherit !important;
}

.footer-widgets {
    border-bottom: 0;
}

.footer-widgets .widget-title {
    display: block;
    font-family: menlo, monospace;
    font-weight: bold;
    font-size: 1.125em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #afa99e;
    padding-bottom: 0;
    margin-bottom: 1em;
    border-bottom: 0;
}

.footer-widgets .widget_nav_menu li,
.footer-widgets .custom-html-widget li {
    padding-left: 0;
    margin-bottom: 0.5em;
}

.footer-widgets .widget_nav_menu li::before,
.footer-widgets .widget_nav_menu li ul,
.footer-widgets .custom-html-widget li ul {
    display: none;
}

.footer-widgets .widget_nav_menu li a,
.footer-widgets .widget_nav_menu li,
.footer-widgets .custom-html-widget li,
.footer-widgets .custom-html-widget a {
    color: #f9f9f9;
    text-decoration: none;
}

.footer-widgets li a {
    transition: color 0.3s ease;
}

.footer-widgets li a:hover {
    text-decoration: underline;
    color: #fff;
}

.widget_media_image a {
    position: relative;
    display: block;
    opacity: 0.35;
    transition: opacity 0.3s ease;
}

.widget_media_image a:hover {
    opacity: 0.75;
}

.widget_media_image img {
    max-width: 8em !important;
}

@media ( max-width: 48em) {
    .footer-widgets {
        display: flex;
        flex-direction: column-reverse;
    }
    .footer-widgets .block:first-child .widget {
        margin-bottom: 0;
    }
}

@media ( min-width: 48em) {
    .footer-widgets {
        display: flex;
    }
    .footer-widgets .block:first-child {
        display: flex;
        align-items: center;
        margin-right: 0;
    }
}

.site-info {
    position: relative;
    margin: 2.5em 0 0;
    padding: 1.75em 0 1.5em;
    background-color: #333;
    color: #afa99e;
    font-family: menlo, monospace;
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 0.125em;
}

.site-info::before,
.site-info::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: inherit;
}

.site-info::before {
    right: 100%;
}

.site-info::after {
    left: 100%;
}

.site-info a {
    text-decoration: underline;
    transition: opacity 0.3s ease;
}

.site-info a:hover {
    opacity: 0.6;
}

@media ( max-width: 36em) {
    .site-info [role=separator] {
        display: block;
        margin: 1em 0;
    }
    .site-info [role=separator]::before {
        display: none;
    }
}

@media ( min-width: 48em) {
    .site-info {
        text-align: center;
    }
}

.added_to_cart, .button, button, input[type=button], input[type=reset], input[type=submit] {
    font-family: menlo, monospace;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.wpcf7-submit, input[type=submit].wpcf7-submit, .add_to_cart_button, .single_add_to_cart_button, .woocommerce-form button[type=submit], button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .added_to_cart.alt, .widget-area .widget a.button.alt,
.widget a.button.checkout, .wpcf7-submit:hover, input[type=submit].wpcf7-submit:hover, .add_to_cart_button:hover, .single_add_to_cart_button:hover, .woocommerce-form button[type=submit]:hover, button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover,
.button.alt:hover, .added_to_cart.alt:hover, .widget-area .widget a.button.alt:hover, .widget a.button.checkout:hover {
    background-color: #bf2f38;
    color: #fff;
    border: 0;
    transfrom: translate3d(0,0,0);
    box-shadow: 0 0 0 0 #333;
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.wpcf7-submit:hover, input[type=submit].wpcf7-submit:hover, .add_to_cart_button:hover, .single_add_to_cart_button:hover, .woocommerce-form button[type=submit]:hover, button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .added_to_cart.alt:hover, .widget-area .widget a.button.alt:hover, .widget a.button.checkout:hover {
    transform: translate3d(6px, -6px, 0);
    box-shadow: -6px 6px 0 0 #333;
}


/******************************************************************
 * Products
 *****************************************************************/

ul.products li.product {
    border-bottom: 3px solid #afa99e;
    padding-bottom: 1em;
}

ul.products li.product .price {
    display: block;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 1em 0;
}

.amount {
    font-family: menlo, monospace;
}
.price .amount {
    display: inline-block;
    background-color: #f3f3f3;
    padding: 0.5em;
}

ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
}

ul.products li.product .woocommerce-LoopProduct-link ,
ul.products .product.product-category>a{
    /*display: flex;*/
    height: 100%;
    flex-direction: column;
    justify-content: center;
}
ul.products .product.product-category>a {
  justify-content: flex-end;
}
ul.products li.product img {
    display: block;
    margin: 0 auto 1em;
    max-height: 24em;
    height: auto;
    width: auto;
}

ul.products li.product .woocommerce-loop-product__title {
    font-weight: 700;
}

ul.products li.product .button {
    background-color: #afa99e;
    color: #333;
}

ul.products li.product .added_to_cart {
    position: absolute;
    white-space: nowrap;
    top: 5em;
    left: 50%;
    margin-left: -5.0714285714em;
    background-color: #afa99e;
    color: #333;
    transition: color 0.3s ease, background-color 0.3s ease;
}

ul.products li.product .added_to_cart:hover {
    background-color: #333;
    color: #afa99e;
}

ul.products .product.product-category {
    padding-bottom: 0;
    padding: 1em 1em 2.5em 1em;
    box-shadow: 0 3px 18px 2px rgba(0, 0, 0, 0.05);
}

/*
ul.products .product.product-category>a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    padding-bottom: 3em;
}*/

.product.product-category .woocommerce-loop-category__title {
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    font-size: 1em !important;
    font-weight: bold;
    font-family: menlo, monospace;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.product.product-category .woocommerce-loop-category__title .count {
    position: absolute;
    display: inline-block;
    font-size: 0.75em;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    bottom: 0;
    padding: 0.25em 0.75em 0.125em 0.875em;
    background-color: #afa99e;
    color: #fff;
}

.product-addon {
    position: relative;
}
.product .addon-description {
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    background-color: #333;
    color: #fff;
    padding: 1em;
    bottom: calc(100% - 1.75em);
    filter: drop-shadow(0 1px 6px rgba(0,0,0,0.3));
    opacity: 0;
    left: -99999em;
    text-align: center;
    transform: translate3d(0,0.5em,0);
    transition: transform 0.3s ease, opacity 0.3s ease, left 0s linear 0.3s;
}
.product .addon-focus .addon-description {
    opacity: 1;
    left: auto;
    transform: translate3d(0,0,0);
    transition: transform 0.3s ease, opacity 0.3s ease, left 0s linear 0;
}
.product .addon-description::after {
    content: '';
    position: absolute;
    display: block;
    border: solid transparent;
    border-width: 0.5em 0.5em 0 0.5em;
    border-top-color: #333;
    top: 100%;
    left: 50%;
    margin-left: -0.5em;
}
.product .addon-description p {
    margin: 0;
}

li.product .variations td.label,
li.product .variations td.value {
    display: block;
    padding: 0;
}
li.product .variations td.label {
    padding-bottom: 0.5em;
}
li.product .variations .reset_variations {
    display: none !important;
}

@media ( max-width: 48em) {
    .products {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    ul.products::before, ul.products::after {
        display: none;
    }
    .products .product {
        width: calc(50% - 0.875em);
    }
}

@media ( min-width: 48em) {
    .products {
        display: flex;
        flex-wrap: wrap;
        margin-right: -1.5em;
    }
    .storefront-full-width-content .site-main ul.products.columns-5 li.product:not(.product-category) {
        position: relative;
    }
    ul.products li.product .woocommerce-LoopProduct-link {
        margin-bottom: 1em;
    }
    ul.products li.product .cart {
        text-align: right;
        margin-bottom: 0;
        padding: 0;
    }
    ul.products li.product .cart .product-addon {
        text-align: left;
    }
    ul.products li.product .cart .quantity {
        position: absolute;
    }
    ul.products li.product .cart .button {
        width: calc(100% - 5em);
    }
    /*
    .product.product-category {
        width: 21.7391304348% !important;
        margin-right: 4.347826087% !important;
    }*/
}


/******************************************************************
 * Single Product
 *****************************************************************/

.single-product .related.products {
    clear: both;
}

.single-product div.product .product_meta .sku_wrapper {
    display: inline-block;
    padding-bottom: 1em;
    border-bottom: 1px solid #afa99e;
}

.single-product div.product .product_meta .sku_wrapper .sku {
    font-family: menlo, monospace;
    font-weight: bold;
    letter-spacing: 0.0875em;
}

.single-product div.product .product_meta .posted_in {
    display: none;
}

.single-product .shop_attributes {
    position: relative;
    display: inline-block;
}

.single-product .shop_attributes th {
    padding: 1em 2em 1em 0;
    background-color: transparent;
}

.single-product .shop_attributes td {
    padding: 1em 0;
    font-family: menlo, monospace;
}

.single-product div.product .product_meta {
    margin-top: 2em;
    border-top: 0;
}

.single-product .woocommerce-product-details__short-description {
    display: visible;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    z-index: 5;
}

@media ( min-width: 48em) {
    .storefront-full-width-content.single-product .related ul.products {
        flex-wrap: nowrap;
    }
    .storefront-full-width-content.single-product .related ul.products li.product,
    .storefront-full-width-content.single-product .upsells ul.products li.product {
        width: 16.9%;
        float: left;
        margin-right: 3.8%;
    }
    .single-product .site-main > .product:first-child {
        margin-top: 2em;
    }
}

/******************************************************************
 * Breadcrumbs
 *****************************************************************/

.woocommerce-breadcrumb {
    font-size: 0.75em;
    font-family: menlo, monospace;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.woocommerce-breadcrumb a {
    text-decoration: underline;
    transition: color 0.3s ease;
}

.woocommerce-breadcrumb a:hover {
    color: #333;
}

.woocommerce-breadcrumb a:first-of-type::before {
    display: none;
}

.woocommerce-breadcrumb .breadcrumb-separator {
    text-indent: 0;
}

.woocommerce-breadcrumb .breadcrumb-separator::after {
    display: none;
}

@media ( min-width: 48em) {
    .storefront-breadcrumb {
        margin-top: 0.75em;
        margin-bottom: 3em;
    }
}

/******************************************************************
 * Page Titles / Products Sort Options
 *****************************************************************/

.woocommerce-products-header__title.page-title, .page-title, .page .page .entry-header .entry-title {
    text-transform: uppercase;
    font-family: menlo, monospace;
    letter-spacing: 0.025em;
}

.woocommerce-products-header+.storefront-sorting .woocommerce-pagination, .woocommerce-ordering {
    display: none;
}

@media ( max-width: 48em) {
    .woocommerce-products-header__title.page-title, .page-title, .page .page .entry-header .entry-title {
        font-size: 2em;
    }
}

@media ( min-width: 48em) {
    .storefront-full-width-content .woocommerce-products-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header {
        text-align: left;
        padding-bottom: 4em;
    }
    .woocommerce-products-header + .storefront-sorting {
        position: absolute;
        top: 1.25em;
        right: 0;
        margin: 0;
    }
    .woocommerce-products-header + .storefront-sorting .woocommerce-result-count, .woocommerce-products-header+.storefront-sorting .products-per-page {
        display: inline-block;
        vertical-align: middle;
        float: none;
        padding: 0;
        margin: 0;
    }
}

/******************************************************************
 * Woocommerce Info Boxes
 *****************************************************************/

.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-noreviews,
p.no-comments {
    background-color: #afa99e;
    color: #333;
    font-family: menlo, monospace;
    font-size: 0.875em;
}

.woocommerce-message {
    background-color: #92a4a2;
    color: #333;
}

.woocommerce-error {
    color: #fff;
    background-color: #bf2f38;
}

.woocommerce-error a:not(.button),
.woocommerce-info a:not(.button),
.woocommerce-message a:not(.button),
.woocommerce-noreviews a:not(.button),
p.no-comments a:not(.button) {
    color: inherit;
    text-decoration: underline;
}

.cart-item-notice {
    display: inline-block;
    padding: 0.25em 0.75em 0.25em 0.625em;
    font-size: 0.875em;
    color: #fff;
    background-color: #bf2f38;
    border-radius: 2px;
    border-left: .6180469716em solid rgba(0,0,0,.15);
    font-family: menlo, monospace;
    margin-top: 0.5em;
}

.demo_store {
    background-color: #92a4a2;
    color: #333;
    font-family: menlo, monospace;
    font-size: 0.875em;
    display: flex;
}
.demo_store a.woocommerce-store-notice__dismiss-link {
    white-space: nowrap;
    text-decoration: none !important;
}
/******************************************************************
 * Forms
 *****************************************************************/

.form-row {
    position: relative;
}

.form-row label, .wpcf7-form label {
    position: relative;
    display: block;
    font-family: menlo, monospace;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    font-size: 0.875em;
    margin-bottom: 0.5em;
}

.form-row .required, .wpcf7-form .required {
    color: #bf2f38;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.28em;
    margin-left: -0.125em;
    font-weight: bold;
    font-size: 1.125em;
}

div.wpcf7 {
    background-color: #f9f9f9;
    padding: 2em;
}

.wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
}

.wpcf7-form p {
    width: 100%;
}

.wpcf7-form p:last-of-type {
    margin-bottom: 0;
}

.wpcf7-form>p:not(:nth-last-of-type(1)):not(:nth-last-of-type(2)) {
    width: calc(50% - 1em);
}

.wpcf7-form input {
    max-width: 100%;
}

.wpcf7-form p br {
    display: none;
}




select {
	position: relative;
	display: block;
	padding: 0.6180469716em 1.5em 0.6180469716em 0.6180469716em;
	background-color: #f2f2f2;
	outline: 0;
	border: 0;
	font-family: inherit;
	color: #43454b;
	margin-bottom: 0 !important;
	width: 100%;
	max-width: 100%;
	margin: 0;
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2343454b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, .05), inset 0 1px 1px rgba(0, 0, 0, .02);
}
select::-ms-expand {
	display: none;
}
.no-touchevents select:hover {
}
select:focus {
    background-color: #ededed;
	outline: none;
}
select option {
	font-weight: normal;
}
*[dir="rtl"] select, :root:lang(ar) select, :root:lang(iw) select {
	background-position: left .7em top 50%, 0 0;
	padding: 0.6180469716em 0.6180469716em 0.6180469716em 1.5em;
}

/* Disabled styles */
select:disabled,
select[aria-disabled=true] {
	color: graytext;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
}

.no-touchevents select:disabled:hover,
select[aria-disabled=true] {
	border-color: #aaa;
}

/******************************************************************
 * Front Page
 *****************************************************************/

.home-login input[type=text], .home-login input[type=password] {
    background-color: rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease;
}

.home-login input[type=text]:focus,
.home-login input[type=text]:hover,
.home-login input[type=password]:focus,
.home-login input[type=password]:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.home-login .form-row label {
    color: #333;
}

@media ( max-width: 54em) {
    .home .site-content {
        margin-top: -0.5em;
    }
    .home .site-header, .home .site-main {
        margin-bottom: 0 !important;
    }
    .home-content {
        display: flex;
        flex-direction: column-reverse;
    }
    .home-content {
        margin-right: -1.41575em;
        margin-left: -1.41575em;
    }
    .home-login {
        padding: 1.5em 1.41575em;
        background-color: #afa99e;
    }
    .home-categories {
        position: relative;
        background-color: #333;
        padding: 40% 1.41575em 35%;
        text-align: center;
    }
    .home-categories>div {
        position: relative;
        z-index: 5;
    }
    .home-categories span {
        display: none;
    }
    .home-categories::before {
        content: '';
        position: absolute;
        z-index: 1;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-position: center center;
        background-image: url('img/home-bg-alt.jpg');
    }
}

@media ( min-width: 568px) and ( max-width: 66.4989378333em) {
    .home-content {
        margin-right: -2.617924em;
        margin-left: -2.617924em;
    }
    .home-login, .home-categories {
        padding-right: 2.617924em;
        padding-left: 2.617924em;
    }
    .home-categories {
        padding-top: 20%;
        padding-bottom: 17.5%;
    }
}

@media ( min-width: 54em) {
    .site::before {
        z-index: 6;
    }
    .site-header {
        z-index: 8;
    }
    .storefront-breadcrumb {
        z-index: 7;
    }
    .home .site-content, .home .site-footer {
        position: relative;
        z-index: 4;
    }
    .home-content {
        position: relative;
        margin-top: 3em;
        display: flex;
        align-items: center;
    }
    .home-content::before {
        content: '';
        position: absolute;
        display: block;
        width: calc(100vw - 40%);
        top: -7em;
        bottom: -7em;
        left: 40%;
        background-size: cover;
        background-position: center left;
        background-image: url('img/home-bg-alt.jpg');
    }
    .home-content::after {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        z-index: 2;
        background-color: #afa99e;
        height: 200em;
        width: 200em;
        /* right: 38%; */
        left: 50%;
        margin-left: -191.3em;
        transform: rotate(-6deg);
    }
    .home-content>div {
        position: relative;
        z-index: 5;
        width: 50%;
    }
    .home .home-login {
        padding: 0 8em 0em 5em;
    }
    .home-categories {
        display: flex;
        justify-content: center;
    }
    .home-categories span {
        display: block;
        margin-bottom: 0.5em;
        font-family: menlo, monospace;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #f9f9f9;
    }
    .home-categories .button {
        font-size: 1.25em;
    }
    .home-categories h3 {
        font-family: menlo, monospace;
        font-weight: bold;
        font-size: 1.125em;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #afa99e;
        border-bottom: 2px solid #afa99e;
        margin-bottom: 1em;
        padding-bottom: 0.5em;
    }
    .home-categories ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .home-categories ul li {
        position: relative;
        width: calc(33.33% - 2em);
        text-align: center;
        -webkit-filter: saturate(0);
        transition: -webkit-filter 0.3s ease;
    }
    .home-categories ul li:hover {
        -webkit-filter: saturate(1);
    }
    .home-categories ul li span {
        display: none;
    }
}

@media ( min-width: 66.4989378333em) {
    .home-content {
        margin-top: 5.235848em;
    }
}

/******************************************************************
 * Shortcodes
 *****************************************************************/

.column > *:first-child {
    margin-top: 0;
}

@media ( min-width: 47.9em) {
    .columns {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 1em;
    }
    .columns--reverse {
        flex-direction: row-reverse;
    }
    .columns--2 .column {
        width: 47%;
        width: calc(50% - 1.5em);
    }
    .column--3 .column {
        width: 30%;
    }
}

/******************************************************************
 * Contact Info
 *****************************************************************/

.contact-info {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contact-info li {
    margin-bottom: 1em;
}

.contact-info li:first-child {
    font-weight: bold;
}

/******************************************************************
 * Cedar Suggest
 *****************************************************************/

.cedar-suggest {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 7;
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #333;
    max-height: 20em;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.cedar-suggest.active {
    display: block;
}

.cedar-suggest li {
    position: relative;
}

.cedar-suggest li::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f9f9f9;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.cedar-suggest li:hover::before {
    opacity: 1;
}

.cedar-suggest li+li {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.cedar-suggest li a {
    position: relative;
    display: block;
    padding: 1.25em 4.5em 1.25em 1.5em;
    text-decoration: none !important;
}

.cedar-suggest img {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 2.5em;
    height: 2.5em;
    margin-top: -1.25em;
}

.cedar-suggest_item_serialized {
    display: block;
    font-size: 0.75em;
    font-weight: bold;
    font-family: menlo, monospace;
    color: #afa99e;
    letter-spacing: 0.05em;
}


/******************************************************************
 * Random Overwrites
 *****************************************************************/

.star-rating span:before, .quantity .plus, .quantity .minus, p.stars a:hover:after, p.stars a:after, .star-rating span:before, #payment .payment_methods li input[type=radio]:first-child:checked+label:before {
    color: #bf2f38;
}

.woocommerce-cart .cart_totals .shipping {
    display: none;
}

.woocommerce-account:not(.logged-in) .entry-header {
    display: none;
}

.woocommerce-account:not(.logged-in) .site-main .woocommerce {
    max-width: 20em;
    margin-right: auto;
    margin-left: auto;
}

.wc_payment_methods.payment_methods.methods {
    position: absolute;
    left: -999999999em;
}

a.remove::before {
    color: #afa99e;
}

.woocommerce-shipping-calculator>p:first-child a::before, .my_account_orders .button.view::after {
    display: none;
}

.wc-forward::after,
.woocommerce-Button--next::after {
    position: relative;
    transition: transform 0.3s ease;
}

.wc-forward:hover::after,
.woocommerce-Button--next:hover::after {
    transform: translate3d(0.5em, 0, 0);
}

.archive.woocommerce:not([class*='term-']) .woocommerce-breadcrumb a:first-child,
.archive.woocommerce:not([class*='term-']) .woocommerce-breadcrumb a:first-child+span {
    display: none;
}

table.cart td.actions-left {
    background-color: #fff;
}

#ship-to-different-address label {
    font-weight: bold;
}

.addresses header.title .edit {
    display: inline-block;
    padding: 0.6em 0.875em 0.4em;
    font-size: 0.75em;
    background-color: #d5d5d5;
    border-color: #d5d5d5;
    color: #333;
    font-family: menlo, monospace;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    text-decoration: none;
    width: auto;
    height: auto;
    text-indent: 0;
}

.addresses header.title .edit::before {
    display: none;
}

/* Hide payment method on order confirmation page */
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details .woocommerce-order-overview__payment-method.method,
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot tr:nth-last-child(2) {
    display: none;
}

/* Variable product editor plugin overwrites */
span.WOO_CK_WUVIC_buttom,
span.WOO_CK_WUVIC_button {
    cursor: pointer;
    padding: .6em 1em 0.4em 1.15em;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    outline: 0;
    border-radius: 0;
    font-family: menlo, monospace;
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background-color: #eeeeee;
    border-color: #eeeeee;
    color: #333333;
    background-image: none;
    margin-top: 0.75em;
}
span.WOO_CK_WUVIC_buttom:hover,
span.WOO_CK_WUVIC_button:hover {
    color: #bf2f38;
}
#new_row table.variations td,
#new_row table.variations th {
    padding: 0;
}
#new_row table.variations tr + tr td,
#new_row table.variations tr + tr th {
    padding-top: 1em;
}
#new_row .woocommerce-variation-add-to-cart {
    margin-top: 1.25em;
}
#new_row .woocommerce-variation-add-to-cart span#cancel {
    border: 0;
    background: 0 0;
    cursor: pointer;
    padding: .6180469716em 1.41575em;
    text-decoration: none;
    font-weight: 600;
    text-shadow: none;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0;
    font-family: menlo, monospace;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background-color: #eeeeee;
    border-color: #eeeeee;
    color: #333333;
}


/* better checkout field layout */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}
.woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-shipping-fields__field-wrapper .form-row {
    width: 100%;
    float: none;
}

.form-row.woocommerce-validated input.input-text {
    box-shadow: none;
}

.form-row.terms {
    padding: 1.41575em;
    float: none;
    width: 100%;
    background-color: #fafafa;
}
.form-row.terms .form-row {
    margin-bottom: 0;
}
.form-row.terms .form-row label {
    margin-bottom: 0;
}


@media ( min-width: 48em ) {
    .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
    .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field {
        width: 40%;
        margin-right: 0;
    }
    .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
    .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field {
        width: calc(60% - 1em);
    }
    .woocommerce-billing-fields__field-wrapper #billing_address_1_field,
    .woocommerce-shipping-fields__field-wrapper #shipping_address_1_field {
        width: 70%;
    }
    .woocommerce-billing-fields__field-wrapper #billing_address_2_field,
    .woocommerce-shipping-fields__field-wrapper #shipping_address_2_field {
        width: calc(30% - 1em);
    }
    .woocommerce-billing-fields__field-wrapper #billing_city_field,
    .woocommerce-shipping-fields__field-wrapper #shipping_city_field {
        width: 40%;
    }
    .woocommerce-billing-fields__field-wrapper #billing_state_field,
    .woocommerce-shipping-fields__field-wrapper #shipping_state_field {
        width: 30%;
    }

    .woocommerce-billing-fields__field-wrapper #billing_postcode_field,
    .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field {
        width: calc(30% - 2em);
    }
    /*
    .woocommerce-billing-fields__field-wrapper #billing_phone_field,
    .woocommerce-shipping-fields__field-wrapper #shipping_phone_field {
        width: 30%;
    }
    .woocommerce-billing-fields__field-wrapper #billing_email_field,
    .woocommerce-shipping-fields__field-wrapper #shipping_email_field {
        width: calc(70% - 1em);
    }
    */

}

/******************************************************************
 * Multistep checkout styles
 *****************************************************************/
body .wpmc-tabs-wrapper,
body .wpmc-steps-wrapper,
body .wpmc-nav-wrapper {
    max-width: 40em;
    margin-right: auto;
    margin-left: auto;
}
body .wpmc-tabs-wrapper .wpmc-tab-item.current::before {
    border-bottom-color: var(--color-red);
}
body .wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number {
    font-family: var(--font-mono);
}
body .wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number {
    border-color: var(--color-red);
}
/******************************************************************
 * Scale everything on large screens
 *****************************************************************/

@media ( min-width: 125em) {
    body {
        font-size: 125%;
    }
    ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3 {
        font-size: 1em;
    }
}

/******************************************************************
 * Temp
 *****************************************************************/
.woocommerce-privacy-policy-text {
    display: none !important;
}

.variations tr th {
 padding: 10px 5px;
font-size: 12px;
}

/******************************************************************
 * Custom Variation Swatches
 *****************************************************************/
ul.products li.product-type-variable a.woocommerce-LoopProduct-link { display: none; }
ul.products li.product-type-variable a.woocommerce-LoopProduct-link.active { display: block; }

 /* Basic swatch styling */
.loop-variation-swatches-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px; /* Spacing between swatches */
    margin-top: 10px;
    justify-content: center; /* Center swatches */
}

.loop-swatch {
    width: 25px; /* Size of your swatches */
    height: 25px;
    border-radius: 50%; /* Make them round */
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box; /* Include padding/border in width/height */
    transition: all 0.2s ease-in-out;
}

.loop-swatch:hover,
.loop-swatch.active {
    border-color: #000; /* Highlight on hover/active */
    transform: scale(1.1); /* Slight zoom effect */
}

/* Image container for the product loop item */
.custom-variation-loop-wrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px; /* Space between image and swatches */
}

.custom-variable-product-image {
    width: 100%;
    height: auto;
    display: block;
}