/*
Theme Name:   	Storefront HEROLD Child Theme
Theme URI:    	https://lemontec.at
Author:       	LEMONTEC
Author URI:     https://lemontec.at
Template:     	storefront
Description:  	HEROLD Powersite E-COMMERCE Theme
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:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
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
*/
/*
 * Add your own custom css below this text.
 */

 /* STOREMANAGER STYLES */
 .wcfm_menu_logo img {
    width: auto;
    height: auto;
    border-radius: 0;
    margin: 10px 10px;
    height: 45px;
    object-fit: contain;

}

/* STOREFRONT */
.site-info {
    display: flex;
}
.site-info img {
    width:  110px;
    height: auto;
    margin-left: 10px;
}

.widget_nav_menu ul li::before {
    content: "\f101";
}

/* WOOCOMMERCE */
.shipping_suffix {
    font-size: 13px;
    text-decoration: underline;
    display: block
}

/* COOKIE BANNER START */
.infobar-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    z-index: 20;
    width: 100vw;
    padding: 32px;
    background: rgba(27, 27, 27, 0.95);
    font-size: 13px;
    z-index: 1000000;
}

.infobar-wrapper .infobar {
    width: 100vw;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.infobar-wrapper .infobar a {
    color: #fff
}

.infobar-wrapper .infobar p {
    color: #fff;
    text-align: left;
    line-height: 18px
}

.infobar-wrapper .infobar .cookie-row {
    width: calc(100% - 64px);
    padding: 0
}

.infobar-wrapper .infobar .cookie-row.cookie-row-text {
    overflow: auto
}

.infobar-wrapper .infobar h1.cookie-headline,
.infobar-wrapper .infobar h4.cookie-headline {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px
}

.infobar-wrapper .infobar h1.cookie-headline.push-top,
.infobar-wrapper .infobar h4.cookie-headline.push-top {
    margin-top: 24px
}

.infobar-wrapper .infobar p.cookie-description {
    text-align: left;
    line-height: 1.36;
    font-size: 14px;
    font-weight: 300;
    max-width: 1040px;
    width: 100%;
    margin-bottom: 16px
}

.infobar-wrapper .infobar p.cookie-readmore {
    font-size: 14px;
    text-align: left;
    padding-bottom: 12px
}

.infobar-wrapper .infobar .cookie-checkboxes {
    width: 50%;
    min-height: 47px;
    padding: 16px 0;
    float: left
}

.infobar-wrapper .infobar .cookie-checkboxes label {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin-right: 16px
}

.infobar-wrapper .infobar .cookie-checkboxes label input {
    margin-right: 8px
}

.infobar-wrapper .infobar .cookie-buttons {
    font-weight: 500;
    width: 50%;
    min-height: 47px;
    float: left;
    text-align: right
}

.infobar-wrapper .infobar .cookie-buttons a {
    cursor: pointer
}

.infobar-wrapper[data-settings*="bottom"] {
    bottom: 0;
    top: inherit
}

@media only screen and (max-width: 1199px) {
    .infobar-wrapper .infobar {
        width: 100%
    }
}

.infobar-wrapper .infobar-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 25px;
    color: #FFF
}

.infobar-wrapper a#revoke-consent {
    font-size: 13px;
    padding: 13px 24px;
    border: 1px solid #fff;
    background: #fff;
    color: #181818;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.infobar-wrapper a#infobar-acceptCookiesBtn {
    display: inline-block;
    font-size: 13px;
    padding: 13px 24px;
    border: 1px solid #fff;
    background: #fff;
    color: #181818;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.infobar-wrapper a#infobar-acceptSelectedCookiesBtn {
    display: inline-block;
    font-size: 13px;
    padding: 13px 24px;
    border: 1px solid #fff;
    margin-right: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.infobar-wrapper a#infobar-donottrack {
    font-size: 13px;
    padding: 13px 24px;
    border: 1px solid #fff;
    background: #fff;
    color: #181818;
    margin-left: 18px;
    float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

@media only screen and (max-width: 992px) {
    .infobar-wrapper {
        height: 100%;
        overflow: scroll
    }
    .infobar-wrapper .infobar .cookie-row {
        width: 100%
    }
    .infobar-wrapper .infobar .cookie-checkboxes {
        float: none;
        width: 100%
    }
    .infobar-wrapper .infobar .cookie-checkboxes label {
        display: block
    }
    .infobar-wrapper .infobar .cookie-checkboxes label:first-of-type {
        margin-bottom: 16px
    }
    .infobar-wrapper .infobar .cookie-buttons {
        float: none;
        width: 100%;
        text-align: left
    }
}

.optout-button {
    position: fixed;
    bottom: 0px;
    left: 2%;
    z-index: 5;
    width: 100px;
    height: 50px;
    background-color: rgba(163, 163, 163, 0.4);
    color: white
}
/* COOKIE BANNER END */

.archive_imagewrapper {
    aspect-ratio: 1 / 1;
}
.archive_imagewrapper img {
   height: 100%;
   object-fit: contain;
   width: 100%;
}

.show_order_items {
    color: #f86c6b;
}

@media all and (max-width: 767px) {
    .site-content .col-full {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .site-content .col-full #primary {
        width: 100%;
    }
}

#tab-title-wcfm_policies_tab, .shipping_suffix {
    display: none;
}

p.locale.wcfm_title.wcfm_ele, select#locale {
    display: none !important;
}


p.wcfm_title, span.wcfm_title {
    color: #000000;
}

table#wcfm-shop-managers {
    color: #000000;
}