/*
Theme Name:   ERME Theme
Theme URL:
Description:  ERME Theme
Author:       Bernardo Bär
Author URL:
Template:     storefront
Version:      1.0.0
Tags:
Text Domain:  erme_theme
*/
@font-face {
    font-family: 'Gloriola TRIAL';
    src: url('fonts/GloriolaTRIAL-Regular.woff2') format('woff2'),
        url('fonts/GloriolaTRIAL-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gloriola TRIAL';
    src: url('fonts/GloriolaTRIAL-Bold.woff2') format('woff2'),
        url('fonts/GloriolaTRIAL-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gloriola';
    src: url('fonts/Gloriola-Light.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gloriola';
    src: url('fonts/Gloriola-SemiBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: "Gloriola";
    src: url('fonts/Gloriola-Light-020dea696f7e73f8f6e9ed88379d4eb1.woff2?xet=1626352940755') format('woff2'), url('https://shop.erme.ch/abauserimage/fonts/Gloriola-Light-020dea696f7e73f8f6e9ed88379d4eb1.woff?xet=1626352940604') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Gloriola";
    src: url('fonts/Gloriola-SemiBold-350b7f7fb859ba5f03e6bae4919c6f0c.woff2?xet=1626352941051') format('woff2'), url('https://shop.erme.ch/abauserimage/fonts/Gloriola-SemiBold-350b7f7fb859ba5f03e6bae4919c6f0c.woff?xet=1626352940905') format('woff');
    font-weight: 400;
    font-style: normal;
} */

body {
    margin: 0;
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.26;
    color: #000;
    background-color: #fff;
    font-family: "Gloriola", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
    ;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.search-results-container-column .storefront-sorting {
    display: none;
}

.search-results-container-column .count-ordering {
    display: none !important;

}

.search-results-container-column .col-lg-9 {
    width: 100%;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.container-lg {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding-left: 12px;
    padding-right: 12px;
}

input[type=search] {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-shadow: unset;
    min-height: calc(1.5em + (1rem + 2px));
    font-size: 1.25rem;
    padding: 0.5rem 1rem !important;
    font-weight: bold;
}

header#masthead {
    position: fixed;
    width: 100%;
}

a:focus {
    outline: unset;
}

.d-none {
    display: none !important;
}

input[type=search]:focus {
    color: rgb(33, 37, 41);
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(241, 142, 0, 0.25) 0px 0px 0px 0.25rem;
    border-color: rgb(241, 142, 0);
    outline: 0px;
}

#masthead {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    border-bottom: unset;
}

#masthead>.col-full {
    display: flex;
    justify-content: center;
    align-items: center;
}

.widget_product_search form:not(.wp-block-search)::before {
    content: unset;
}

.woocommerce-active .site-header .site-branding {
    width: 216px;
    margin-right: 1rem;
    flex-shrink: 0;
    padding-bottom: 0.3125rem;
    padding-top: 0.5rem !important;
}

.woocommerce-active .site-header nav.main-navigation {
    width: 16%;
}

.woocommerce-active .site-header .site-search {
    width: 64%;
    max-width: 680px;
}

.text-end {
    text-align: right !important;
}

.main-navigation ul.menu>li>a,
.main-navigation ul.nav-menu>li>a {
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.55);
    padding: 0.5rem 1rem;
    text-decoration: none;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    font-family: "Gloriola", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.5rem;
}

#site-navigation.main-navigation ul.nav-menu>li>a {
    pointer-events: none;
    position: relative;
}

#site-navigation.main-navigation ul.nav-menu>li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    cursor: pointer;
}

.icon-nav {
    font-size: 1.8rem;
}

.woocommerce-active .site-header .main-navigation {
    width: 100%;
}

.main-navigation ul.menu,
.main-navigation ul.nav-menu {
    margin-left: unset;
    display: flex;
    justify-content: center;
}

.site-header-account {
    margin-left: 20px;
}

.site-header-account,
.site-header-custom-cart {
    position: relative;

    display: flex;
    justify-content: center;

    width: 70px;
    height: 50px;

    color: rgba(0, 0, 0, 0.55);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.site-header-custom-cart a {
    color: rgba(0, 0, 0, 0.55);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.site-header-account:hover,
.site-header-custom-cart:hover a {
    color: rgba(0, 0, 0, 0.7);
}

.woocommerce-active .site-header .site-header-custom-cart .count {
    position: absolute;

    background-color: #000 !important;
    top: calc(50% - 16px);
    left: 34px;
    transform: translateY(-50%);
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    border-radius: 50rem !important;
    text-align: center;

    color: #fff;
    padding: 0.35em 0.65em;
}

.storefront-full-width-content .woocommerce-products-header {
    padding: 0;
}

.storefront-breadcrumb {
    margin: 0;
}

h1 {
    font-weight: bold;
    color: #000;
}

.storefront-full-width-content .woocommerce-products-header h1 {
    text-align: left;
    font-weight: bold;
    font-size: 2.5rem;

    color: black;
}

.site-branding,
.site-search,
.site-header-cart,
.site-logo-anchor,
.site-logo-link,
.custom-logo-link {
    margin-bottom: 0;
}

h1.search-page-title {
    font-size: 2.5rem;
    margin-top: 135.93px;
}

body.search .storefront-breadcrumb {
    display: none;
}

.site-header {
    padding-top: 8px;
    padding-bottom: 8px;
}

.main-navigation ul ul {
    position: unset;
}

.site-header-account>div,
.site-header-custom-cart>a {
    align-items: center;
    display: flex;
    justify-content: center;
}

.site-header-account .main-navigation ul ul {
    position: absolute;
}

.main-navigation .primary-navigation>ul>li>ul {
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0.5rem 0;
}

.main-navigation .sub-menu li:has(.sub-menu)>a {
    text-decoration: underline;
    text-decoration-color: #f9d299;
    text-underline-offset: 3px;
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    display: inline-block;
    font-weight: bold;
    line-height: 1.2;
    width: 100%;
}

.main-navigation .sub-menu li:has(.sub-menu):hover>a {
    color: #c17200;
    text-decoration: underline;
    text-decoration-color: #c17200;
    background-color: unset;
}

.main-navigation ul.menu ul li:hover>a {
    color: #1e2125;
    text-decoration: none;
    background-color: #e9ecef;
}

.main-navigation ul.menu ul li:active>a {
    color: #fff;
    text-decoration: none;
    background-color: #f18e00;
}

.main-navigation ul.menu ul li.focus {
    background-color: unset;
}

.main-navigation .sub-menu li:has(.sub-menu) {
    margin-top: 1rem !important;
}

.main-navigation .sub-menu li .sub-menu li>a {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 1rem;
}

.main-navigation .primary-navigation>ul>li .sub-menu {
    z-index: 1000;
    min-width: 10rem;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border-radius: 0;
}

.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 {
    content: unset;
}

.main-navigation ul ul li,
.secondary-navigation ul ul li {
    display: flex;
    flex-direction: column;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item {
    flex-wrap: wrap;
}

.count-ordering {
    display: flex;
    justify-content: space-between;
}

.woocommerce-ordering {
    margin-right: 0;
}

.woocommerce-result-count {
    font-size: calc(1.325rem + 0.9vw);
    font-weight: bold;
}

.count-ordering .woocommerce-ordering {
    max-width: 306px;
}

select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

select:focus {
    border-color: #f18e00;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(241, 142, 0, 0.25);
}

select option {
    font-weight: bold;
}

body div.filter-products {
    display: flex;
    margin-left: -12px !important;
}

.ps-0 {
    padding-left: 0 !important;
}

/* body div.filter-products > div.filters {
    padding-left: 0;
    padding-right: 0;
} */

.filter-products .products {
    display: flex;
    flex-direction: column;

    width: 75%;
    padding-left: 12px;
    padding-right: 12px;

}

.filter-products .awf-preset-wrapper {
    width: 100%;
}

.filter-products .products .product {
    width: 100% !important;
    display: flex;
    border-bottom: 1px solid #000;

    padding-top: 1rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
}

.product-info {
    text-align: left;
    padding: 10px;
    width: 100%;
}

.product-info .designation1 {
    color: #000;
    font-size: 1.75rem;
    font-weight: bold;
    margin-bottom: 10px;
    text-decoration: none;
}

.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    width: 41.66666667%;
    margin-right: 0 !important;
}

.single-product div.product .woocommerce-product-gallery img {
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.storefront-full-width-content.single-product div.product .summary {
    width: 58.33333333%;
}

ul.products li.product .woocommerce-LoopProduct-link {
    text-decoration: none;
}

.product-info .designation2 {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 20px;
    text-decoration: none;
}

ul.products li.product .button-quantity .button:hover,
body.single-product .button-quantity .button:hover {
    color: #000;
    background-color: #f39f26;
    border-color: #f2991a;
}

body.single-product .price-button {
    margin-top: 21px;
}

.product-meta .bold {
    font-weight: bold;
    color: black;
    font-size: 13px;
    line-height: 17px;
}

body.single-product .price-button .price {
    margin-top: 13px;
}

body.woocommerce-cart .storefront-breadcrumb,
body.woocommerce-account .storefront-breadcrumb {
    display: none;
}

body.woocommerce-cart #content,
body.woocommerce-account #content {
    padding-top: 100px;
}

body.woocommerce-cart h1,
body.woocommerce-account h1 {
    font-size: 40px;
    line-height: 48px;
    padding-left: 12px;
    padding-right: 12px;
}

.woocommerce-cart-form .des-1 {
    margin-bottom: 10px;
}

body.woocommerce-account header.entry-header {
    display: block;
    text-align: left !important;
}

.product-meta>div {
    /* display: flex;
    justify-content: space-between; */
}

.cart-collaterals th {
    font-weight: normal;
}

.cart-collaterals tr.order-total th {
    font-weight: 700;
}

.cart-collaterals .woocommerce-shipping-destination,
.cart-collaterals .shipping-calculator-button {
    display: none;
}

.alg-wc-wl-btn.add .alg-wc-wl-view-state-add,
.alg-wc-wl-btn2.add .alg-wc-wl-view-state-add {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.alg-wc-wl-btn:hover i.fa,
.alg-wc-wl-btn:hover i.fas {
    transform: none;
    filter: invert(1);
}

.alg-wc-wl-btn.remove .alg-wc-wl-view-state-remove,
.alg-wc-wl-btn2.remove .alg-wc-wl-view-state-remove {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.price-button {
    background-color: #f8f9fa;
    padding: 10px;

    text-align: left;
    justify-content: space-between;
    display: flex;
    flex-direction: column;

    /* min-width: 280px; */
    min-width: 330px;

}

.price-button.isonsale .price>del {
    display: none;
}

.price-button.isonsale .price ins {
    margin-left: 0 !important;
}

.mainprice ins {
    display: none;
}

.price-button .mainprice,
.price-button .mainprice .amount,
.price-button .saleprice-conditions {
    font-size: 14px;
    line-height: 18px;
    font-weight: 200;
}

.price-button .mainprice del {
    text-decoration: none;
}

.price-button .saleprice-conditions {
    margin-bottom: 20px;
}

.onsale {
    display: none !important;
}

.price-button .price {
    font-size: 1rem;
    font-weight: 400;
    white-space: nowrap;
}

.price-button .tax {
    display: block;
    color: #6c757d;
    font-size: 1rem;
    margin-top: 10px;
}

.price-button .amount {
    font-size: 1.75rem;
    font-weight: bold;

    color: black;
}

.button-quantity .button {
    color: #fff;
    background-color: #f18e00;
    border-color: #f18e00;
    padding: 0.5rem 2rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
    font-weight: 400;

    white-space: nowrap;
    text-align: center;

    width: 100%;
}

.bi-cart-plus-fill {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.quantity {
    display: flex;
    margin-bottom: 0.5rem;
}

.quantity input {
    margin-left: -1px;

    padding: 0.5rem 1rem;
    font-size: 1.25rem;

    display: block;
    width: 100% !important;
    font-weight: bold;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid black;
    appearance: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    box-shadow: unset;

    text-align: left !important;
}

.quantity .plus {
    color: #fff;
    background-color: #000;
    border-color: #000;

    margin-left: -1px;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;

    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.quantity .minus {
    color: #fff;
    background-color: #000;
    border-color: #000;

    margin-left: -1px;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;

    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.woocommerce-breadcrumb a:first-of-type::before {
    content: unset;
}

.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
    color: #53565A;
    text-decoration: underline;
    text-decoration-color: #f9d299;
    text-underline-offset: 3px;

    font-size: 1rem;
    font-weight: 400;
}

.woocommerce-breadcrumb a:hover {
    color: #c17200;
    text-decoration: underline;
    text-decoration-color: #c17200;
}

.form-floating {
    position: relative;
}

.form-floating label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

.form-floating input {
    height: calc(3.5rem + 2px);
    line-height: 1.25;
    font-size: 1rem;
}

body #content .form-floating>input:focus~label,
body #content .form-floating input:not(:placeholder-shown)~label,
body #content .form-floating.input-focused label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}


.form-floating>input::placeholder {
    color: transparent;
}

.awf-filters-container ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);

}

.filter-2 .awf-filters-container ul li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding-top: 24px;
}

.awf-filters-container ul li {
    padding: 8px 16px;

}

.awf-filters-container ul li:last-child {
    border-bottom: none;
    margin-bottom: 20px;
}


.awf-filter-wrapper:not(.awf-dropdown).awf-collapsed .awf-collapse-btn::before,
.awf-filter-wrapper:not(.awf-dropdown) .awf-collapse-btn::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
    transform: none;
    top: 0;
}

.awf-collapse-btn {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
}

.awf-filter-wrapper:not(.awf-dropdown) .awf-collapse-btn::before {
    transform: rotate(180deg);
}

.awf-filter-title-container[aria-expanded="true"] {
    background-color: #fef4e6;
}

.awf-filter-title-container {
    color: #000;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.125);
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;

}

.filter-2>div:first-child .awf-filter-title-container {
    box-shadow: none;
}

.awf-preset-title {
    margin: 0;

}

.awf-filters-form,
.awf-filter-wrapper.awf-hide-empty-filter.awf-hide-empty-filter-on:not(.awf-empty-filter-hidden) {
    margin-bottom: 0;
}

#shortcode-2-preset-2-wrapper .awf-preset-title {
    margin-top: 40px;
    margin-bottom: 8px;
    font-size: 20px !important;
    line-height: 24px;
    font-weight: 200 !important;
    padding-left: 16px;
    padding-right: 16px;
}

.awf-reset-btn-container.awf-bottom-reset-btn-container {
    margin-top: 8px;
}

.awf-filter-title-container {
    margin-bottom: 16px;
}

.filter-2 .awf-filter-title-container {
    margin-bottom: 0;
}

.awf-collapsed .awf-filter-title-container {
    margin-bottom: 0;
    color: #212529;
}

.awf-collapsible .awf-filter-title,
.awf-dropdown .awf-filter-title {
    line-height: 16px;
    line-height: normal;
    font-weight: bold;

}

.awf-filter-container .awf-filter-count::before,
.awf-filter-container .awf-filter-count::after {
    content: none;
}

body .awf-filter-container .awf-filter-count {
    background-color: #53565A !important;
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50rem !important;
    width: auto;
    margin-left: auto;
}

body #content .form-floating>input:focus,
body #content .form-floating>input:not(:placeholder-shown) {
    padding-top: 1.625rem !important;
    padding-bottom: 0.625rem !important;
}

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

.woocommerce-breadcrumb .breadcrumb-separator::after {
    content: unset;
}

.woocommerce-pagination .next,
.woocommerce-pagination .prev {
    text-indent: unset;
}

.woocommerce-pagination .next::after,
.woocommerce-pagination .prev::after {
    content: unset;
}

.woocommerce-pagination {
    margin-top: 1rem;
}

.woocommerce-pagination .page-numbers {
    display: flex;
}

.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers {
    background-color: unset;
    border: 1px solid #dee2e6;
    margin-left: -1px;
}

.pagination .page-numbers li:last-child .page-numbers,
.woocommerce-pagination .page-numbers li:last-child .page-numbers {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.pagination .page-numbers li:first-child .page-numbers,
.woocommerce-pagination .page-numbers li:first-child .page-numbers {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
    color: #fff;
    background-color: #f18e00;
    border-color: #f18e00;
}

.product-info .woocommerce-loop-product__link:hover .designation1 {
    color: #f18e00;
}

.hometile img {
    border-radius: 0;
}

.hometile .btn-outline-dark:hover a {
    color: white;
}

.hometile .btn-outline-dark {
    z-index: 1;
}

.hometile .btn-outline-dark a {
    text-decoration: none !important;
}


.main-navigation ul.nav-menu .account-dropdown a {
    font-size: 1rem;
}

@media (min-width: 576px) and (max-width: 768px) {
    .col-full {
        max-width: 540px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

ul.products li.product .button-quantity {
    margin-top: auto;
}

.product-meta>div {
    margin-bottom: 0.25em !important;
}

@media (min-width: 768px) {
    .col-full {
        max-width: 720px;
        margin: auto;
    }

    .d-md-none {
        display: none !important;
    }

    .cart-collaterals .shop_table tbody tr.woocommerce-shipping-totals td {
        text-align: end;
    }

    ul.products.columns-3 li.product {
        margin-right: 0 !important;
    }

    ul.products li.product .product-meta {
        font-size: 1rem;
        font-weight: 200;
        line-height: 1.26;
    }

    ul.products li.product .product-meta .bold {
        font-size: 0.81em;

    }



    .filter-products .products {
        padding: 0;
    }

    ul.products li.product img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
        min-height: 310px;
    }

    ul.products li.product img {
        margin-bottom: 0 !important;
        height: 100%;
        /* min-height: 310px; */
        object-fit: cover;
    }

    .storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignwide.wp-block-woocommerce-checkout {
        margin-left: auto;
        margin-right: auto;
        padding-inline: 0;
    }

    body.woocommerce-active .site-header .site-header-custom-cart .count {
        left: auto;
        right: 1rem;
    }

    ul.products li.product>a.woocommerce-LoopProduct-link {
        flex: 0 0 auto;
        width: 25%;
        padding-left: 12px;
        padding-right: 12px;
    }

    #content.site-content {
        margin-top: calc(4.235801032em + 19.83px);
    }

    #site-navigation-menu-toggle {
        display: none;
    }

    .offset-md-2 {
        margin-left: 16.66666667%;
    }

    .d-md-block {
        display: block !important;
    }

    .woocommerce-cart .woocommerce-cart-form .cart-collaterals,
    .woocommerce-cart .woocommerce-cart-form .cart-collaterals .cart_totals {
        display: contents;
    }

    .woocommerce-cart .woocommerce-cart-form .actions {
        display: grid;
    }

    .order-1 {
        order: 1;
    }

    .order-2 {
        order: 2;
    }

    .order-3 {
        order: 3;
    }

    .order-4 {
        order: 4;
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 200;
    line-height: 1.2;
}

.gap-12 {
    gap: 12px;
}

.hometile a.home-tile-link {
    font-size: 0;
}

@media (min-width: 992px) {
    .col-full {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .alg-wc-wl-btn-wrapper button.alg-wc-wl-btn {
        line-height: 1.5 !important;
        font-size: 0.875rem;
    }

    .archive .filter-products #annasta-products-wrapper .woocommerce-result-count {
        padding-bottom: 0;
    }

    .archive .filter-products #annasta-products-wrapper .count-ordering {
        margin-bottom: 2px !important;
    }

    .col-full {
        max-width: 1140px;
    }

    .display-6 {
        font-size: 2.5rem;
    }

    body.single-product .product-info .designation1 {
        font-size: 2.5rem;
        margin-bottom: 8px;
    }

    body.single-product .product-info .designation2 {
        font-size: 2rem;
    }
}

body.single-product .product-info .designation1 {
    margin-bottom: 8px;
}

body.single-product .price-button .tax {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

@media (min-width: 1400px) {
    .col-full {
        max-width: 1320px;
    }
}

.awf-filter-container input[type='checkbox']+label,
.awf-filter-container input[type='radio']+label {
    white-space: nowrap;
    width: 100%;

    align-items: center;
}

.awf-filter-container .awf-filter-count {
    text-align: end;
    width: 100%;
}

.awf-filters-1-1-container.awf-style-icons label::before {
    color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.25);
    width: 15px;
    height: 15px;

    border-radius: 5px;
}

.awf-filters-1-1-container.awf-style-icons label[aria-selected="true"]::before {
    background-color: #f18e00;
    border-color: #f18e00;
    background-image: url(assets/img/filter-check.svg);
}

button.awf-reset-btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

button.awf-reset-btn {
    color: #ff0000;
    border-color: #ff0000;
    width: 100%;
}

.count[data-count="0"] {
    display: none;
}

.btn-primary,
.wc-backward,
.my_account_orders .button,
.woocommerce-info .button,
.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-proceed-to-checkout .button.checkout-button,
.woocommerce-account button {
    color: #000;
    background-color: #f18e00;
    border-color: #f18e00;
}

.woocommerce-account .form-row label {
    display: block;
    margin-bottom: 5px;
}

.wc-proceed-to-checkout .button,
.wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}


.wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button {
    padding: 0.5rem 1rem !important;
    min-height: inherit !important;
}

.woocommerce-info .button {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 0.3rem;
}

.btn-primary,
.wc-backward,
.my_account_orders .button,
.woocommerce-info .button,
.wc-proceed-to-checkout .button.checkout-button,
.woocommerce-account button,
.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
    color: #fff;
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

/* h4,
.h4 {
    font-weight: bold;
} */
body {
    hyphens: auto;
}

.hometile h5 {
    color: #000;
}

.mb-h1 {
    margin-bottom: 0.5rem !important;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    letter-spacing: 0.05em
}

.mt-5 {
    margin-top: 3rem !important;
}

.productline {
    border-bottom: 1px solid #000;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.site-main nav.navigation {
    border: none;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-warning p {
    font-size: 14px;

}

h6,
.h6 {
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 400;
    line-height: 1.2;
}

.btn-outline-danger:hover,
button.awf-reset-btn:hover {
    color: #000;
    background-color: #ff0000;
    border-color: #ff0000;
}

.btn-outline-danger:focus,
button.awf-reset-btn:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.5);
}

.btn-outline-danger {
    color: #ff0000;
    border-color: #ff0000;
}

.btn-outline-dark {
    color: #000;
    border-color: #000;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-dark {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-dark:hover {
    color: #fff;
    background-color: black;
    border-color: black;
}

input.form-control,
.woocommerce-account .input-text,
.select2-container .select2-selection--single,
.woocommerce-form-register .input-text {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-shadow: none;
}

.my_account_orders .button,
.woocommerce-account button.wc-forward,
.product .added_to_cart {
    border-radius: 0.25rem;
}

.select2-container .select2-selection--single {
    height: auto;
    min-height: 28px;
}

.form-control:focus,
.woocommerce-account .input-text:focus,
.select2-container .select2-selection--single:focus {
    color: #212529;
    background-color: #fff;
    border-color: #f18e00;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(241, 142, 0, 0.25);
}

.woocommerce #coupon_code {
    width: 100% !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

@media (min-width: 768px) and (max-width: 1200px) {

    #content.site-content {
        margin-top: 4.235801032em;
    }

    .woocommerce-active .site-header .site-branding {
        width: 116px;

    }

    .storefront-full-width-content .site-main ul.products.columns-3 li.product {
        flex-wrap: wrap;
    }

    ul.products.columns-3 li.product>.woocommerce-LoopProduct-link {
        flex: 0 0 auto;
        width: 25%;
    }

    ul.products.columns-3 li.product .product-info {
        flex: 0 0 auto;
        width: 75%;
    }

    ul.products.columns-3 li.product .price-button {
        margin-left: auto;
        width: 75%;
        min-width: auto;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    .filter-products .products {
        flex: 0 0 auto;
        width: 66.66666667%;
    }


}

.awf-filter-container input[type='checkbox']+label {
    white-space: normal;
    color: black;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .col-full {
        max-width: 960px;
    }

}

@media (max-width: 992px) {
    .container-fluide {
        width: 100vw !important;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        padding-left: 12px;
        padding-right: 12px;
    }
}


.lost_password a:hover,
.hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover {
    color: #c17200;
    text-decoration: underline !important;
    text-decoration-color: #c17200;
}

.lost_password a {
    text-decoration: underline !important;
    text-decoration-color: #c17200 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    outline: none !important;
}

.woocommerce-MyAccount-navigation ul li a::before {
    content: none !important;
}

.awf-filter-title-container:focus,
.awf-filter-title-container.focused {
    border-color: #f18e00;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(241, 142, 0, 0.25);
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
    background-color: #f0f0f0;
    color: #53565A;
}


.woocommerce-message::after,
.woocommerce-info::before,
.woocommerce-info::after,
.woocommerce-error::before,
.woocommerce-error::after,
.woocommerce-noreviews::before,
.woocommerce-noreviews::after,
p.no-comments::before,
p.no-comments::after {
    font-weight: 700;
    color: #53565A !important;
}

.woocommerce-message::before,
.woocommerce-error::before {
    color: white !important;
}

.filter-products .products {
    display: flex;
    flex-direction: column;
    width: 100%;

}

.border-0 img {
    border-radius: 0;
}

.pe-3 {
    padding-right: 1rem !important;
}

.mt-16 {
    margin-top: 16px;
}

.storefront-breadcrumb {
    margin-top: 89.93px;
    margin-bottom: 25px;
}

body.archive #content.site-content {
    margin-top: 48px;
}

body.archive #content.site-content .woocommerce-products-header .woocommerce-products-header__title.page-title {
    margin-top: 0;
    margin-bottom: 50px;
}

h5,
h6 {
    font-weight: bold;
    color: #000;
}

.bg-primary-light table a:hover {
    color: #c17200 !important;
    text-decoration: underline !important;
    text-decoration-color: #c17200 !important;
}

#shortcode-2-preset-2-wrapper>.awf-preset-title,
#shortcode-1-filter-1-1-wrapper>.awf-filter-title-container .awf-filter-title {
    color: black;
    font-size: 1rem;
    font-weight: bold;
}

#shortcode-1-filter-1-1-wrapper>.awf-filter-title-container {
    padding-left: 16px;
    padding-right: 16px;
    box-shadow: none;
    padding-bottom: 0;
    margin-bottom: 4px;
}

.product-info .angebot {
    background-color: #ff0000;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    color: white;
    border-radius: 4px;
    margin-left: 5px;
}

@media (max-width: 768px) {
    table.cart .product-thumbnail img {
        max-width: 100%;
    }

    .storefront-full-width-content .woocommerce-products-header h1 {
        font-size: 27px;
        line-height: 32px;
        margin-bottom: 40px !important;
    }

    .storefront-breadcrumb {
        margin-bottom: 15px;
        padding-bottom: 0px;
    }

    .woocommerce-cart .woocommerce-cart-form .cart-collaterals,
    .woocommerce-cart .woocommerce-cart-form .cart-collaterals .cart_totals {
        display: contents;
    }

    .woocommerce-cart .woocommerce-cart-form .actions {
        display: grid;
    }

    .order-1 {
        order: 1;
    }

    .order-2 {
        order: 2;
    }

    .order-3 {
        order: 3;
    }

    .order-4 {
        order: 4;
    }

    #shortcode-1-filter-1-1-wrapper,
    .filter-2 {
        display: none;
    }

    .filter-products .products .product {
        border-bottom: none !important;
    }

    .filter-2 .awf-reset-btn {
        display: none;
    }

    body .filter-products .products .product .price-button {
        margin-left: -12px;
        margin-right: -12px;

    }

    .single-product div.product {
        overflow: visible;
    }

    .woocommerce-cart-form table.cart tbody tr td.product-quantity {
        display: flex;
        grid-column: 1 / 4;
        margin-left: 16.66666667%;
    }

    .woocommerce-cart-form table.cart tbody tr td.product-quantity .quantity {
        flex: 0 0 auto;
        width: 66.66666667%;
        padding-left: 12px;
        padding-right: 12px;
    }

    body .filter-products .products .product .price-button::before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        height: 1px;
        width: 100vw;
        background: #000;
        transform: translateX(-50%);
    }

    table.cart td.product-remove {
        border-top: none;
    }

    body .filter-products .products {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.single-product .price-button {
        margin-left: -12px;
        margin-right: -12px;
    }

    #shortcode-1-filter-1-1-wrapper.show,
    .filter-2.show {
        display: block;
    }

    .btn-filter-1,
    .btn-filter-2,
    .awf-reset-btn {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery,
    .storefront-full-width-content.single-product div.product .summary {
        width: 100%;
    }

    .site-header .site-logo-anchor img,
    .site-header .site-logo-link img,
    .site-header .custom-logo-link img {
        max-width: 152.5px;
    }

    .mt-xs-0 {
        margin-top: 0;

    }

    .mx-xs-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;

    }

    .px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .mx-xs-0 .hometile {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-inline: 0;
    }

    .site-content {
        margin-top: calc(79.94px + 16px);
    }

    .col-full {
        margin-left: calc(1.5rem * .5);
        margin-right: calc(1.5rem * .5);
        padding: 0;
    }

    .feature.col {
        flex: 0 0 auto;
        width: 100%;
    }

    body .mx-xs-12 {
        margin-left: -12px !important;
        margin-right: -12px !important;
    }

    .wc-login-register-box .login-box {
        width: 100%;
    }

    footer .bottom-footer {
        flex-direction: column-reverse;
    }

    footer .bottom-footer .order-md-2 {
        text-align: end !important;
        width: 100%;
    }

    footer .bottom-footer .site-info {
        padding: 0;
    }
}

.btn-secondary {
    color: #fff;
    background-color: #53565A;
    border-color: #53565A;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #47494d;
    border-color: #424548;
}

h1,
.h1 {
    font-size: calc(1.375rem + 1.5vw);
}

.summary .price-button .saleprice-conditions span {
    display: none;
}

.summary .price-button.isonsale .saleprice-conditions span {
    display: block;
}

label[for="shipping_method_0_flat_rate2"] {
    font-size: 0;
}

label[for="shipping_method_0_flat_rate2"] .woocommerce-Price-amount {
    font-size: 1rem;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices,
.wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata {
    display: none;
}