/*
Theme Name: Un jour en France
Theme URI: http://www.unjourenfrance.at/
Description: WordPress theme for the Un jour en France website.
Author: 52Five
Author URI: https://52five.com
Template: storefront
Version: 0.1.0
Text Domain: unj
*/

@import "css/buttons.css";

/* Focus Visible */

.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}


/* Base */

body {
    font-family: 'Chivo', sans-serif;
    font-weight: 300;
    font-size: 15px;
}

.site {
    overflow: visible;
}


/* Header */

.site-header {
    font-size: 90%;
    margin-bottom: 3em;
}

.main-navigation ul li a {
    font-weight: 500;
    letter-spacing: 0.05em;
}

button.menu-toggle {
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

button.menu-toggle, button.menu-toggle:hover {
    border: none;
}


/* Handheld Navigation */

.handheld-navigation > ul > li:first-child {
    margin-top: 2rem;
}

.handheld-navigation li {
    border-top: 1px solid rgba(255,255,255,0.05);
}

.handheld-navigation > ul > li:last-child {
    padding-top: 2rem;
    text-align: center;
}

.handheld-navigation li.menu-item-type-woofc > a::before {
    content: "Warenkorb";
    display: inline-block;
    margin-right: 0.5rem;
}


/* Handheld Footer */

.storefront-handheld-footer-bar {
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    border-top: none;
}

.storefront-handheld-footer-bar ul li.my-account > a:before,
.storefront-handheld-footer-bar ul li.search > a:before,
.storefront-handheld-footer-bar ul li.cart > a:before {
    content: none;
}

.storefront-handheld-footer-bar ul li > a {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 2em 2em;
}

.storefront-handheld-footer-bar ul li.my-account > a {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXVzZXIiPjxwYXRoIGQ9Ik0yMCAyMXYtMmE0IDQgMCAwIDAtNC00SDhhNCA0IDAgMCAwLTQgNHYyIj48L3BhdGg+PGNpcmNsZSBjeD0iMTIiIGN5PSI3IiByPSI0Ij48L2NpcmNsZT48L3N2Zz4K");
}

.storefront-handheld-footer-bar ul li.search > a {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXNlYXJjaCI+PGNpcmNsZSBjeD0iMTEiIGN5PSIxMSIgcj0iOCI+PC9jaXJjbGU+PGxpbmUgeDE9IjIxIiB5MT0iMjEiIHgyPSIxNi42NSIgeTI9IjE2LjY1Ij48L2xpbmU+PC9zdmc+Cg==");
}

.storefront-handheld-footer-bar ul li.cart > a {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXNob3BwaW5nLWNhcnQiPjxjaXJjbGUgY3g9IjkiIGN5PSIyMSIgcj0iMSI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjAiIGN5PSIyMSIgcj0iMSI+PC9jaXJjbGU+PHBhdGggZD0iTTEgMWg0bDIuNjggMTMuMzlhMiAyIDAgMCAwIDIgMS42MWg5LjcyYTIgMiAwIDAgMCAyLTEuNjFMMjMgNkg2Ij48L3BhdGg+PC9zdmc+Cg==");
}

.storefront-handheld-footer-bar ul li.cart .count {
    width: 1.8em;
    height: 1.8em;
}


/* Breadcrumbs */

.woocommerce-breadcrumb {
    font-size: 81%;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
}

.woocommerce-breadcrumb a {
    text-decoration: none;
}

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

.woocommerce-breadcrumb .breadcrumb-separator:after {
    opacity: 1;
}


/* Footer */

.site-footer {
    font-size: 90%;
    text-align: center;
}

.site-footer a {
    text-decoration: none;
}

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

/* Footer Logo */

.footer-widget-1 {
    margin: 2rem 0;
}

.footer-widget-1 img {
    width: 70%;
    margin: 0 auto;
}

/* Footer Payment Logos */

.footer-widget-4 {
    margin: 2rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;

}

.footer-widget-4 .widget {
    flex: 0 0 100%;
    max-width: 100%;
}

.footer-widget-4 .widget_text {
    margin-bottom: 0.5em;
}

.footer-widget-4 .widget_media_image {
    flex: 0 0 calc(25% - 0.5em);
    margin-bottom: 0;
    padding: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-widget-4 .widget_media_image img {
    width: 100%;
    height: auto;
}

/* Widgets */

.widget {
    margin: 0 0 1.5em;
}

.widget-area .widget {
    font-size: 90%;
}

.widget .widget-title,
.widget .widgettitle {
    border-bottom: none;
    font-size: 0.95em;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.widget_archive ul li,
.widget_categories ul li,
.widget_layered_nav_filters ul li,
.widget_layered_nav ul li,
.widget_links ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_product_categories ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li {
    padding-left: 0;
    margin-bottom: 0;
}

.widget_archive ul li:before,
.widget_categories ul li:before,
.widget_layered_nav_filters ul li:before,
.widget_layered_nav ul li:before,
.widget_links ul li:before,
.widget_nav_menu ul li:before,
.widget_pages ul li:before,
.widget_product_categories ul li:before,
.widget_recent_comments ul li:before,
.widget_recent_entries ul li:before {
    display: none;
}


/* Secondary / Sidebar */

#secondary .widget {
    padding-top: 1.5em;
    margin-bottom: 1.5em;
    border-top: 1px solid currentColor;
}

#secondary .widget .widget-title,
#secondary .widget .widgettitle {
    margin-bottom: 0.5em;
    font-weight: 500;
    font-size: 90%;
}


/* WooCommerce */

.wc-block-grid__products .wc-block-grid__product img, .wc-block-grid__products li.product img, ul.products .wc-block-grid__product img, ul.products li.product img {
    width: 100%;
}

.wc-block-grid__products .wc-block-grid__product, .wc-block-grid__products li.product, ul.products .wc-block-grid__product, ul.products li.product {
    text-align: left;
}

.woocommerce-loop-product__title {
    min-height: calc(1.214 * 2em);
}

.woocommerce-loop-product__my-meta-row {
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
}

.woocommerce-loop-product__my-meta-label {
    font-size: 90%;
    text-transform: uppercase;
    margin-right: 0.2rem;
    font-weight: 400;
}

.woocommerce-loop-product__my-meta-row p.wc-gzd-additional-info {
    margin: 0;
    font-size: 1em;
}

.wc-block-grid__products .wc-block-grid__product .quantity,
.wc-block-grid__products li.product .quantity,
ul.products .wc-block-grid__product .quantity,
ul.products li.product .quantity {
    display: inline-block;
    margin-left: 0.3rem;
}

.wc-block-grid__products .wc-block-grid__product .quantity.hidden,
.wc-block-grid__products li.product .quantity.hidden,
ul.products .wc-block-grid__product .quantity.hidden,
ul.products li.product .quantity.hidden {
    display: none;
}

.wc-block-grid__products .wc-block-grid__product .quantity .qty,
.wc-block-grid__products li.product .quantity .qty,
ul.products .wc-block-grid__product .quantity .qty,
ul.products li.product .quantity .qty {
    box-shadow: none;
    background: none;
    border: 1px solid #757563;
    color: #757563;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100px;
    outline-width: 0;
    vertical-align: middle;
}

.wc-block-grid__products .wc-block-grid__product .add_to_cart_button,
.wc-block-grid__products li.product .add_to_cart_button,
ul.products .wc-block-grid__product .add_to_cart_button,
ul.products li.product .add_to_cart_button {
    background: none;
    border: 1px solid #757563;
    border-radius: 100px;
    font-size: 0;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM3NTc1NjMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItc2hvcHBpbmctY2FydCI+PGNpcmNsZSBjeD0iOSIgY3k9IjIxIiByPSIxIj48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMCIgY3k9IjIxIiByPSIxIj48L2NpcmNsZT48cGF0aCBkPSJNMSAxaDRsMi42OCAxMy4zOWEyIDIgMCAwIDAgMiAxLjYxaDkuNzJhMiAyIDAgMCAwIDItMS42MUwyMyA2SDYiPjwvcGF0aD48L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.3rem;
}

.wc-block-grid__products .wc-block-grid__product .add_to_cart_button:hover,
.wc-block-grid__products li.product .add_to_cart_button:hover,
ul.products .wc-block-grid__product .add_to_cart_button:hover,
ul.products li.product .add_to_cart_button:hover {
    background-color: rgba(117, 118, 99, 0.1);
}

/* Chrome, Safari, Edge, Opera */
.quantity .qty::-webkit-outer-spin-button,
.quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
.quantity .qty[type=number] {
  -moz-appearance: textfield;
}

.wc-block-grid__products .wc-block-grid__product .added_to_cart,
.wc-block-grid__products li.product .added_to_cart,
ul.products .wc-block-grid__product .added_to_cart,
ul.products li.product .added_to_cart {
    display: none;
}

/* Hide archive titles */

body.woocommerce-page.archive .woocommerce-products-header {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
}

/* Single product */

.single-product div.product .woocommerce-product-gallery img {
    width: 100%;
}

.single-product .summary.entry-summary .stock.in-stock {
    display: none;
}

.input-text, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
    background: #fff;
}

/* Event popup */

.events-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: rgba(0,0,0,0.8);
    z-index: 10000;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.events-popup h1,
.events-popup h2,
.events-popup h3,
.events-popup h4,
.events-popup h5,
.events-popup h6 {
    color: #fff;
}


.events-popup--show {
    opacity: 1;
    visibility: visible;
}

.events-popup__close {
    font-size: 0;
    color: transparent;
    width: 3rem;
    height: 3rem;
    background: none;
    border: 1px solid white;
    border-radius: 100rem;
    position: relative;
    margin: 1.5rem 1.5rem 1.5rem auto;
    display: block;
}

.events-popup__close:hover,
.events-popup__close:focus {
    background: none;
    border-color: #fff;
    opacity: 0.9;
}

.events-popup__close::before,
.events-popup__close::after {
    content: " ";
    display: block;
    width: 1.8rem;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
}

.events-popup__close::before {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.events-popup__close::after {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.events-popup__inner {
    text-align: center;
    padding: 1.5rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.events-popup__title {
    color: #fff;
    font-style: italic;
    text-decoration: underline;
}

.events-popup__short-description {
    text-align: left;
}

.events-popup__meta {
    text-align: left;
}

.events-popup .woocommerce-loop-product__my-meta-row {
    margin: 0 0 0.5rem 0;
}

.wc-block-grid__products .wc-block-grid__product .events-popup .add_to_cart_button,
.wc-block-grid__products li.product .events-popup .add_to_cart_button,
ul.products .wc-block-grid__product .events-popup .add_to_cart_button,
ul.products li.product .events-popup .add_to_cart_button {
    border-color: #fff;
    color: #fff;
    margin-top: 0.5rem;
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;'%3E%3Ccircle cx='9' cy='21' r='1' style='fill:none;stroke:%23fff;stroke-width:1.5px;'/%3E%3Ccircle cx='20' cy='21' r='1' style='fill:none;stroke:%23fff;stroke-width:1.5px;'/%3E%3Cpath d='M1,1l4,0l2.68,13.39c0.188,0.946 1.035,1.628 2,1.61l9.72,0c0.965,0.018 1.812,-0.664 2,-1.61l1.6,-8.39l-17,0' style='fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:1.5px;'/%3E%3C/svg%3E");
}

.wc-block-grid__products .wc-block-grid__product .events-popup .quantity .qty,
.wc-block-grid__products li.product .events-popup .quantity .qty,
ul.products .wc-block-grid__product .events-popup .quantity .qty,
ul.products li.product .events-popup .quantity .qty {
    border-color: #fff;
    color: #fff;
    margin-top: 0.5rem;
}

.loop-events-item {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3.5rem 1.5rem;
    color: #fff;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.loop-events-item::after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.25);
}

.loop-events-item__inner {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.loop-events-item__title {
    font-size: 1.8rem;
    line-height: 1.3;
    text-decoration: underline;
    font-style: italic;
    color: #fff;
    margin-bottom: auto;
    min-height: 14.04rem;
    margin-bottom: 2.34rem;
    overflow: hidden;
}

.loop-events-item__price {
    margin-top: 2rem;
}

.loop-events-item__button,
.loop-events-item__button:hover,
.loop-events-item__button:focus {
    background: none;
    color: currentColor;
    text-decoration: none !important;
    padding: 0 1rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    border: 2px solid currentColor;
    appearance: none;
    display: inline-block;
    line-height: 2.3rem;
}

.loop-events-item__button:hover {
    background: rgba(255,255,255,0.3);
}

.product_cat-verkostungen > .woocommerce-loop-product__link,
.product_cat-verkostungen > .quantity,
.product_cat-verkostungen > .add_to_cart_button {
    display: none !important;
}

/* WooCommerce Messages */

.woocommerce-message {
    background-color: #757665;
}


.woocommerce-info,.woocommerce-noreviews,p.no-comments {
    background-color: #646c78
}

.woocommerce-error {
    background-color: #914045
}

/* Checkout */

.select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0;
    height: 42px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
}

.select2-dropdown {
    border: none;
}

.woocommerce-checkout .select {
    height: 42px;
    line-height: 42px;
    border: none;
    border-radius: 0;
}

.cc-revoke {
    display: none; 
}

@media (min-width: 768px) {

    /* Layout */

    .col-full {
        max-width: 75rem;
    }

    /* Header */

    .site-header {
        border-bottom: none;
        padding: 0;
    }

    .site-header > div {
        display: flex;
    }

    .woocommerce-active .site-header .site-branding {
        width: auto;
        float: none;
        margin-right: 2em;
        margin-bottom: 0;
        padding: 2em 0;
    }

    .woocommerce-active .site-header .main-navigation {
        width: auto;
        float: none;
        margin: 0 0 0 auto;
        text-align: right;
    }

    .main-navigation ul.menu > li > a,
    .main-navigation ul.nav-menu > li > a {
        padding: 2.9em 1em;
        margin: 0;
        line-height: 1.3em;
    }

    .main-navigation ul.menu > li::before,
    .main-navigation ul.nav-menu > li::before {
        content: "";
        position: absolute;
        right: 100%;
        top: 50%;
        width: 1px;
        height: 1em;
        display: block;
        background: currentColor;
        transform: translateX(-50%) translateY(-50%);
    }

    .main-navigation ul.menu > li.current-menu-item > a {
        text-transform: uppercase;
        font-weight: 700;
        opacity: 1;
    }

    .main-navigation ul.menu > li:first-child::before,
    .main-navigation ul.nav-menu > li:first-child::before {
        display: none;
    }

    .main-navigation ul.menu ul.sub-menu,
    .main-navigation ul.nav-menu ul.children {
        background-color: #45483D;
        display: flex;
    }

    .main-navigation ul li.focus>a,
    .main-navigation ul li:hover>a,
    .secondary-navigation ul li.focus>a,
    .secondary-navigation ul li:hover>a {
        opacity: 0.7;
    }

    .main-navigation ul li.focus>ul,
    .main-navigation ul li:hover>ul,
    .secondary-navigation ul li.focus>ul,
    .secondary-navigation ul li:hover>ul {
        left: 50%;
        transform: translateX(-50%);
    }

    .main-navigation ul li.focus>ul li>ul,
    .main-navigation ul li:hover>ul li>ul,
    .secondary-navigation ul li.focus>ul li>ul,
    .secondary-navigation ul li:hover>ul li>ul {
        top: 0;
        left: auto;
        transform: none;
    }
    .main-navigation ul.menu ul.sub-menu ul.sub-menu,
    .secondary-navigation ul.menu ul.sub-menu ul.sub-menu {
        display: block;
        position: static;
        left: auto;
        top: auto;
        transform: none;
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(6, auto);
    }

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

    .main-navigation ul.menu ul li a,
    .main-navigation ul.nav-menu ul li a {
        font-size: 100%;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .main-navigation ul.menu ul a:hover,
    .main-navigation ul.menu ul li.focus,
    .main-navigation ul.menu ul li:hover>a,
    .main-navigation ul.nav-menu ul a:hover,
    .main-navigation ul.nav-menu ul li.focus,
    .main-navigation ul.nav-menu ul li:hover>a {
        background: inherit;
    }

    .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 {
        display: none;
    }

    .main-navigation ul.menu ul li.menu-item-has-children>a:after,
    .main-navigation ul.menu ul li.page_item_has_children>a:after,
    .main-navigation ul.nav-menu ul li.menu-item-has-children>a:after,
    .main-navigation ul.nav-menu ul li.page_item_has_children>a:after {
        display: none;
    }

    .main-navigation ul.menu > li > ul {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }

    .main-navigation ul.menu > li > ul > li > a {
        font-size: 80%;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        padding-left: 1.8em;
        padding-right: 1.8em;
        opacity: 1;
    }

    /* Header Menu Icons */

    .main-navigation ul.menu > li.menu-item-icon {
        display: inline-flex;
        align-items: center;
        margin: 0;
        padding: 0 0.5rem;
        vertical-align: middle;
    }

    .main-navigation ul.menu > li.menu-item-icon::before {
        display: none;
    }

    .main-navigation ul.menu > li.menu-item-icon > a {
        font-size: 0;
        width: 1.3rem;
        height: 1.3rem;
        background-position: center center;
        background-size: 1.3rem 1.3rem;
        background-repeat: no-repeat;
    }

    .main-navigation ul.menu > li.menu-item-search-icon > a {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXNlYXJjaCI+PGNpcmNsZSBjeD0iMTEiIGN5PSIxMSIgcj0iOCI+PC9jaXJjbGU+PGxpbmUgeDE9IjIxIiB5MT0iMjEiIHgyPSIxNi42NSIgeTI9IjE2LjY1Ij48L2xpbmU+PC9zdmc+Cg==");
    }

    .main-navigation ul.menu > li.menu-item-user-icon > a {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXVzZXIiPjxwYXRoIGQ9Ik0yMCAyMXYtMmE0IDQgMCAwIDAtNC00SDhhNCA0IDAgMCAwLTQgNHYyIj48L3BhdGg+PGNpcmNsZSBjeD0iMTIiIGN5PSI3IiByPSI0Ij48L2NpcmNsZT48L3N2Zz4K");
    }

    .main-navigation ul.menu > li.menu-item-cart-icon > a {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXNob3BwaW5nLWNhcnQiPjxjaXJjbGUgY3g9IjkiIGN5PSIyMSIgcj0iMSI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjAiIGN5PSIyMSIgcj0iMSI+PC9jaXJjbGU+PHBhdGggZD0iTTEgMWg0bDIuNjggMTMuMzlhMiAyIDAgMCAwIDIgMS42MWg5LjcyYTIgMiAwIDAgMCAyLTEuNjFMMjMgNkg2Ij48L3BhdGg+PC9zdmc+Cg==");
    }

    .main-navigation ul.menu > li.woofc-menu-item {
        padding: 0 0.5rem;
    }

    .main-navigation ul.menu > li.woofc-menu-item .woofc-menu-item-inner-subtotal {
        display: none;
    }

    .main-navigation ul.menu > li.woofc-menu-item::before {
        display: none;
    }

    .main-navigation ul.menu > li.woofc-menu-item > a {
        padding: 0;
    }

    .main-navigation ul.menu > li.woofc-menu-item .woofc-menu-item-inner i {
        width: 1.3rem;
        height: 1.3rem;
        display: inline-block;
        vertical-align: middle;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXNob3BwaW5nLWNhcnQiPjxjaXJjbGUgY3g9IjkiIGN5PSIyMSIgcj0iMSI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjAiIGN5PSIyMSIgcj0iMSI+PC9jaXJjbGU+PHBhdGggZD0iTTEgMWg0bDIuNjggMTMuMzlhMiAyIDAgMCAwIDIgMS42MWg5LjcyYTIgMiAwIDAgMCAyLTEuNjFMMjMgNkg2Ij48L3BhdGg+PC9zdmc+Cg==");
        background-position: center center;
        background-size: 1.3rem 1.3rem;
        background-repeat: no-repeat;
        margin: 0;
    }

    .main-navigation ul.menu > li.woofc-menu-item .woofc-menu-item-inner i::before {
        content: none;
    }

    .main-navigation ul.menu > li.woofc-menu-item .woofc-menu-item-inner:after {
        background: #fff;
        border: 1px solid #757663;
        color: #757663;
        width: 15px;
        height: 15px;
    }


    /* Footer */

    .site-footer {
        text-align: left;
    }

    /* Footer Logo */

    .footer-widget-1 {
        margin: 0;
    }

    .footer-widget-1 img {
        width: 100%;
    }

    /* Footer Payment Logos */

    .footer-widget-4 {
        margin: 0;
        justify-content: flex-start;
    }


    /* Breadcrumbs */

    .storefront-breadcrumb {
        margin: 0;
    }


    /* WooCommerce */

    .wc-block-grid__products .wc-block-grid__product,
    .wc-block-grid__products li.product,
    ul.products .wc-block-grid__product,
    ul.products li.product {
        font-size: 0.95em;
    }

    .storefront-product-pagination a {
        background: #fff;
    }

    /* Account page */

    .page-template-template-fullwidth-php .woocommerce-MyAccount-navigation {
        float: left;
        width: 17.6470588235%;
        margin-right: 5.8823529412%;
    }

    .page-template-template-fullwidth-php .woocommerce-MyAccount-content {
        width: 76.4705882353%;
        float: right;
        margin-right: 0;
    }

    /* Single Product */

    body.single-product #primary {
        width: 100%;
        float: none;
    }


    #order_review_heading {
        width: 100%;
    }

    /* Product Pagination */

    .woocommerce-pagination {
        margin-bottom: 1em;
    }

    /* Event popup */

    .events-popup__meta {
        display: flex;
        align-items: stretch;
        margin-top: 2rem;
    }

    .events-popup__short-description {
        text-align: center;
    }

    .events-popup__meta-left,
    .events-popup__meta-right {
        flex: 0 0 50%;
        max-width: 50%;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .events-popup__meta-left {
        padding-right: 1.5rem;
        text-align: right;
        border-right: 1px solid #fff;
    }

    .events-popup__meta-left .woocommerce-loop-product__my-meta-row {
        justify-content: flex-end;
    }

    .events-popup__meta-right {
        padding-left: 1.5rem;
    }
}

/*******************/
/*** Menu mobile ***/
/*******************/
@media (min-width: 768px) and (max-width: 1240px) {
    .site-header {
        padding-top: 1.618em!important;
        padding-bottom: 1.618em!important;
        border-bottom: 1px solid rgba(0,0,0,0)!important;
    }
    .site-header > div {
        display: block!important;
    }
    .col-full {
        max-width: 100%!important;
        margin-left: 2.617924em!important;
        margin-right: 2.617924em!important;
        padding: 0!important;

    }
    .col-full::before, .col-full::after {
        display: none!important;
    }
    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        width: calc(100% - 120px)!important;
        float: left!important;
        margin-right: unset!important;
    }
    .woocommerce-active .site-branding {
        float: left!important;
    }
    .site-branding {
        margin-bottom: 0!important;
        width: calc(100% - 120px)!important;
        padding: 0!important;
    }
    .secondary-navigation {
        display: none!important;
    }
    .woocommerce-active .site-header .main-navigation {
        text-align: left!important;
        clear: unset!important;
    }
    .menu-toggle, .handheld-navigation, .main-navigation.toggled .handheld-navigation, .main-navigation.toggled div.menu {
        display: inline-block!important;
    }
    .primary-navigation {
        display: none!important;
    }
    .menu-toggle, .handheld-navigation, .main-navigation.toggled .handheld-navigation, .main-navigation.toggled div.menu {
        display: block!important;
    }
    .main-navigation ul.menu, .main-navigation ul.nav-menu {
        margin-left: unset!important;
    }
    .main-navigation ul li, .secondary-navigation ul li {
        display: list-item!important;
    }
    .main-navigation ul li a {
        padding: .875em!important;
    }
    .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
        line-height: 1.618!important;
    }
    .main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
        display: block!important;
        background-color: unset!important;
    }
    .main-navigation ul.menu > li > ul {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    .main-navigation ul.menu ul, .main-navigation ul.nav-menu ul {
        margin-left: 1.41575em!important;
    }
    .main-navigation ul ul, .secondary-navigation ul ul {
        position: relative!important;
        float: unset!important;
        top: unset!important;
        left: unset!important;
    }
    .main-navigation ul ul li, .secondary-navigation ul ul li {
        display: list-item!important;
    }
    .main-navigation ul.menu > li > ul > li > a {
        font-size: 90%!important;
    }
    .main-navigation ul li a {
        padding: .875em 0!important;
    }
    .main-navigation ul ul li a, .secondary-navigation ul ul li a {
        width: 100%!important;
    }
    .main-navigation ul.menu ul.sub-menu ul.sub-menu, .secondary-navigation ul.menu ul.sub-menu ul.sub-menu {
        background-color: unset!important;
        display: block!important;
        float: unset!important;
    }
    .main-navigation ul li a {
        padding: .875em 0!important;
        display: block!important;
    }
    .main-navigation ul li.focus>ul, .main-navigation ul li:hover>ul, .secondary-navigation ul li.focus>ul, .secondary-navigation ul li:hover>ul {
        left: unset!important;
        transform: unset!important;
    }
    .main-navigation ul.menu > li.menu-item-icon {
        padding: 0!important;
    }
    .main-navigation ul.menu > li.menu-item-search-icon > a, .main-navigation ul.menu > li.menu-item-user-icon > a {
        background-image: unset!important;
    }
    .main-navigation ul.menu > li.menu-item-icon > a {
        height: unset!important;
        width: unset!important;
        font-size: 90%!important;
    }
    .main-navigation ul.menu > li.woofc-menu-item {
        padding-top: 2rem!important;
    }
}