/**
 * @author Vitali Lupu
 * @copyright Vitali Lupu <mailto:vitaliix@gmail.com>
 */
:root {
    /*Text*/
    --text-color: #6c757d;
    /*Accent*/
    --accent-color: #0E1226;
    --accent-color-bg: #d3df00;
    --accent-color-br: #d5df2e;
    --accent-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgb(213, 223, 46);
    /*Icon*/
    --icon-size: 1.5rem;
    /*Image*/
    /*border-color: #3C3C3E; Dark Theme*/
    --img-br: .18rem solid var(--img-br-color);
    --img-br-color: #CBCBCB;
    /*Menu*/
    --menu-item-bg-color: #e3e3e3;
    /*Section*/
    --bg-color-section: #F0F0F1;
}
/*[DESKTOP]*/
/*region [General]*/
.theme-theme {
    font-family: Georgia, "Times New Roman", Times, serif;
}
.theme-theme h1,
.theme-theme h2,
.theme-theme h3,
.theme-theme h4,
.theme-theme h5,
.theme-theme h6 {
    color: var(--accent-color);
    margin: 1rem;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
}
.theme-theme h1,
.theme-theme h2 {
    text-transform: uppercase;
}
.theme-theme h1 {
    font-size: 1.75rem;
}
.theme-theme h2 {
    font-size: 1.625rem;
}
.theme-theme h3 {
    font-size: 1.5rem;
}
.theme-theme h4 {
    font-size: 1.375rem;
}
.theme-theme h5 {
    font-size: 1.250rem;
}
.theme-theme h6 {
    font-size: 1.125rem;
}
.theme-theme hr {
    color: #808184;
}
.theme-theme a:hover,
.theme-theme a.active {
    color: var(--link-color-active);
}
.theme-theme figure > img {
    width: 100%;
    height: auto;
}
.theme-theme input[type=number]::-webkit-inner-spin-button,
.theme-theme input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.theme-theme input[type=number] {
    -moz-appearance: textfield;
}
.theme-theme ins {
    text-decoration: none;
}
.theme-theme ins > .amount {
    font-weight: bold;
}
.theme-theme .bg-gray {
    background-color: var(--bg-color-section);
}
.theme-theme .bg-gray a {
    color: var(--link-color-active);
}
.theme-theme .bg-section:before {
    content: '';
    background-color: var(--bg-color-section);
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: -1;
}
.theme-theme .vertical-middle svg {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*endregion*/
/*region [Header]*/
.theme-theme > header {
    background-color: white;
    border-radius: 1rem;
    box-shadow: .2rem .2rem 1rem #B2B1B1;
    margin-top: .4rem;
    text-align: center;
}
/*endregion*/
/*region [Main]*/
.theme-theme > main {
    padding: 8rem 1rem 2rem;
}
/*endregion*/
/*region [Footer]*/
.theme-theme > footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    background-color: var(--bg-color-section);
}
/*endregion*/
/*region [Menu]*/
.theme-theme .menu {
    padding: 0;
}
.theme-theme .menu > input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
    border: none;
}
.theme-theme .menu > input:checked + label > aside {
    display: inherit;
}
.theme-theme .menu > input:checked + label[class*='icon-']:before,
.theme-theme .menu-header.d-inline-block ~ .menu-mobile a[href='#']:before {
    content: '\e845';
}
.theme-theme .menu > .menu-item {
    margin-left: .17rem;
    margin-right: .17rem;
}
.theme-theme .menu-item {
    display: inline-block;
    position: relative;
    text-align: center;
    padding: .35rem;
    border-radius: .4rem;
}
.theme-theme .menu-item:not(.active):not(:checked) {
    color: var(--link-color);
}
.theme-theme .menu-item:active,
.theme-theme .menu-item:hover,
.theme-theme input:checked + .menu-item {
    color: var(--link-color-active);
    background-color: var(--menu-item-bg-color);
}
.theme-theme .menu-item:before {
    display: block;
    font-size: var(--icon-size);
}
.theme-theme .menu-item sup {
    font-size: 1rem;
    position: absolute;
    top: -1.6rem;
    left: 80%;
    color: var(--accent-color);
}
.theme-theme .menu-item span {
    vertical-align: middle;
    position: relative;
}
.theme-theme .menu-item > span {
    pointer-events: none;
}
.theme-theme .menu-item > aside {
    background-color: white;
    border-radius: .5rem;
    box-shadow: .5rem .5rem 1rem #B2B1B1;
    display: none;
    left: 0;
    margin: 1.4rem auto 0;
    padding: .3rem;
    position: absolute;
    z-index: 2;
}
.theme-theme .menu-item-header{
    display: none;
}
.theme-theme .menu-item-header > aside{
    right: 0;
    position: fixed;
}
.theme-theme .menu-item > img {
    border-width: 2px;
    border-style: solid;
    border-color: var(--img-br-color);
    border-radius: 50%;
    color: transparent;
    display: inline-block;
    margin-bottom: 5px;
    height: 3.7rem;
}
.theme-theme .menu-item > img ~ span,
.theme-theme .menu-item > svg ~ span {
    display: block;
}
.theme-theme .menu-item:hover > img,
.theme-theme .menu-item.active > img {
    border-color: var(--accent-color-br);
}
.theme-theme .menu-item:not(.menu-item-header) .menu-item {
    display: block;
    white-space: nowrap;
    text-align: left;
}
.theme-theme .menu-item .menu-item:before {
    display: initial;
    vertical-align: middle;
    font-size: 1.2rem;
}
.theme-theme header .menu,
.theme-theme footer .menu {
    display: inline-block;
    vertical-align: middle;
}
/*endregion*/
/*region [Menu: Home]*/
.theme-theme header .menu.menu-home {
    width: 14%;
}
.theme-theme footer .menu.menu-home {
    width: 26%;
    text-align: left;
    margin-bottom: 1rem;
}
/*endregion*/
/*region [Menu: Header]*/
.theme-theme .menu.menu-header{
    width: 60%;
}
/*endregion*/
/*region [Menu: Footer]*/
.theme-theme .menu.menu-footer{
    width: 48%;
}
/*endregion*/
/*region [Menu: Mobile]*/
.theme-theme .menu.menu-mobile {
    width: 26%;
    text-align: center;
    font-size: .8rem;
}
/*endregion*/
/*region [Menu: Socials]*/
.theme-theme .menu.menu-socials{
    width: 26%;
    text-align: right;
}
.theme-theme .menu.menu-socials span {
    display: none;
}
/*endregion*/
/*region [Menu: Products]*/
.theme-theme products .menu {
    margin-bottom: 1rem;
    height: 2.5rem;
    max-height: 2.5rem;
}
.theme-theme products .menu {
    margin-top: -3rem;
}
.theme-theme products .menu label:last-child {
    float: right;
}

.theme-theme products .menu label > aside {
    margin: 2rem auto 0;
}
.theme-theme list .menu > label:last-child > aside {
    width: 50vw;
}
.theme-theme products .menu > label:last-child > aside {
    left: initial;
    margin: .5rem auto 0;
    min-width: 12rem;
    right: 0;
    transform: initial;
    width: 30vw;
    max-height: 72vh;
    overflow-y: scroll;
}
.theme-theme products .menu > [class^="icon-"]:before,
.theme-theme products .menu > [class*=" icon-"]:before {
    display: inline-block;
    vertical-align: middle;
}
.theme-theme products .menu-item > aside {
    margin: 2.2rem auto 0;
}
/*endregion*/
/*region [Logo]*/
.theme-theme .custom-logo-link {
    display: inline-block;
    text-align: center;
    padding: 0;
    vertical-align: middle;
}
.theme-theme .custom-logo-link > svg {
    width: 100%;
    max-width: 100%;
}
.theme-theme .custom-logo-link > img {
    display: inline-block;
    max-width: 13rem;
}
.theme-theme .custom-logo-link > span {
    display: block;
    font-size: .75rem;
}
.theme-theme footer .custom-logo-link path#Background {
    fill: transparent;
}
.theme-theme footer .custom-logo-link path#iCover,
.theme-theme footer .custom-logo-link path#FoodF,
.theme-theme footer .custom-logo-link path#FoodFirstO,
.theme-theme footer .custom-logo-link path#FoodSecondO,
.theme-theme footer .custom-logo-link path#FoodD {
    fill: #d3df00;
}
/*endregion*/
/*region [Slider]*/
.theme-theme slider {
    display: inline-block;
    width: 100%;
}
.theme-theme slider > section {
    border: var(--img-br);
    border-radius: 1rem;
    height: 33rem;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 0;
    background-size: cover;
    background-position: center center;
    -webkit-transition: background-image 0.2s ease-in-out;
    -moz-transition: background-image 0.2s ease-in-out;
    -o-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
}
.theme-theme slider nav {
    position: absolute;
    bottom: .5rem;
    right: 1rem;
}
.theme-theme slider nav button {
    display: inline-block;
    vertical-align: middle;
    padding: .3rem .1rem;
}
/*endregion*/
/*region [Badge]*/
.theme-theme .tag {
    background-color: var(--btn-color-bg);
    border-radius: var(--btn-radius);
    color: var(--accent-color);
    min-width: 3rem;
    text-align: center;
    line-height: 1.5;
}
.theme-theme .absolute-left {
    position: absolute;
    left: .5rem;
    top: .5rem;
}
.theme-theme .absolute-right {
    position: absolute;
    right: 1rem;
    top: .5rem;
}
/*endregion*/
/*region [List]*/
.theme-theme list {
    text-align: center;
    position: relative;
}
.theme-theme list:not(.grid-two-row) {
    display: block;
}
/*endregion*/
/*region [Products]*/
.theme-theme products > section {
    text-align: center;
}
/*endregion*/
/*region [Card]*/
.theme-theme .card {
    display: inline-block;
    width: 33%;
    padding-right: .7rem;
    padding-left: .7rem;
    vertical-align: top;
    margin-bottom: 1rem;
}
.theme-theme .card aside {
    display: block;
    top: .5rem;
    position: absolute;
    right: .5rem;
    z-index: 1;
}
.theme-theme .card section {
    display: block;
    position: relative;
}
.theme-theme .card img {
    border: var(--img-br);
    border-radius: 1rem;
    width: 100%;
}
.theme-theme .card:hover img {
    border-color: var(--accent-color-br);
}
.theme-theme .card:not(.category) figcaption {
    text-align: center;
    line-height: 1.7rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-overflow: ellipsis;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.theme-theme .card:not(.category):hover a,
.theme-theme .card:not(.category):hover figcaption {
    color: var(--link-color-active);
}
.theme-theme .scroll-horizontal > .card {
    margin-bottom: 0;
}
/*endregion*/
/*region [Card: Brand]*/
.theme-theme .card.brand {
    width: 19%;
}
.theme-theme .grid-two-row > .card.brand {
    width: 12rem;
    height: 7rem;
}
/*endregion*/
/*region [Card: Product]*/
.theme-theme .card.product {
    width: 24.5%;
}
.theme-theme .card.product a {
    display: block;
    position: relative;
}
.theme-theme .card.product  img{
    max-height: 17rem;
}
.theme-theme .card.product ins {
    text-decoration: none;
}
.theme-theme .card.product div > .amount {
    color: var(--accent-color);
    vertical-align: middle;
    padding-bottom: .5rem;
    font-weight: bold;
}
.theme-theme .card.product button > span {
    display: none;
}
.theme-theme .card.product figcaption + aside {
    border-top: .1rem solid var(--img-br-color);
    margin-left: 1rem;
    margin-right: 1rem;
    text-align: center;
}
.theme-theme .card.post aside,
.theme-theme .card.category aside,
.theme-theme .card.product bdi,
.theme-theme .card.product aside span {
    border-radius: var(--btn-radius);
    display: inline-block;
    padding-left: .4rem;
    padding-right: .4rem;
    line-height: 1.5;
}
.theme-theme .card.post aside,
.theme-theme .card.category aside,
.theme-theme .card.product aside span {
    background-color: var(--btn-color-bg);
    color: var(--accent-color);
}
.theme-theme .card.product aside span:not(:last-child) {
    background-color: var(--menu-item-bg-color);
    text-decoration: line-through;
}
.theme-theme .card.product bdi {
    bottom: .5rem;
    position: absolute;
    left: .5rem;
    z-index: 1;
}
.theme-theme .card.product bdi {
    background-color: rgba(73, 45, 16, .2);
    color: #492D10;
}
.theme-theme .card.product actions {
    bottom: .5rem;
    position: absolute;
    right: .5rem;
    z-index: 1;
    width: 46px;
}
.theme-theme .card.product actions input[type=number] {
    min-width: 2.65rem;
    max-width: 2.65rem;
    min-height: 34px;
    border-radius: var(--btn-radius);
    border: .1rem solid var(--img-br-color);
}
/*endregion*/
/*region [Filters]*/
.theme-theme .filters{
    text-align: center;
}
.theme-theme .filters h5 {
    font-weight: initial;
    color: initial;
    margin: 0;
    text-align: center;
    padding-top: .4rem;
    padding-bottom: .4rem;
}
.theme-theme .filters ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.theme-theme .filters ul li {
    background-color: rgba(73, 45, 16, .2);
    border-radius: .4rem;
    color: #492D10;
    cursor: pointer;
    display: inline-block;
    line-height: 1.5rem;
    margin: .3rem .15rem;
    padding: .3rem;
    position: relative;
}
.theme-theme .filters ul li.active {
    color: #fff;
    background-color: #492d10;
}
/*endregion*/
/*region [Form]*/
.theme-theme .fieldset,
.theme-theme form fieldset {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: none;
    border-collapse: collapse;
    padding: 1rem;
    border-radius: .32rem;
    color: rgba(0, 0, 0, 0.87);
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.theme-theme .legend,
.theme-theme form legend {
    background: var(--accent-color-bg);
    border-radius: 0.32rem;
    color: var(--accent-color);
    text-align: center;
    text-decoration: none;
    line-height: 2;
}
.theme-theme input[type="number"] {
    text-align: center;
}
/*endregion*/
/*region [Stepper]*/
.theme-theme stepper {
    display: inline-block;
}
/*endregion*/
/*region [View: Page]*/
.theme-theme page img {
    border: var(--img-br);
    border-radius: 1rem;
    padding: 0 !important;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: none;
    border-radius: 0;
}
#customer_details {
    padding-left: 0;
}
#customer_details + div {
    padding-right: 0;
}
/*endregion*/
/*[DESKTOP]*/
@media (max-width: 1200px) {
    /*region [Menu]*/
    .theme-theme .menu.menu-header {
        width: 85%;
    }
    .theme-theme .menu.menu-header > .menu-item{
        /*margin-left: .5rem;
        margin-right: .5rem;*/
        margin-left: .6%;
        margin-right: .6%;
    }
    .theme-theme header .menu-item > aside {
        bottom: 4rem;
    }
    /*endregion*/
    /*region [Footer]*/
    .theme-theme > footer {
        padding-bottom: 6rem;
    }
    /*endregion*/
    /*region [Menu: Mobile]*/
    .theme-theme .menu.menu-mobile {
        width: 100%;
        background-color: white;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99;
        box-shadow: 0 -.2rem 1rem #B2B1B1;
        padding-top: .5rem;
        padding-bottom: .8rem;
    }
    .theme-theme .menu.menu-mobile > .menu-item {
        width: 14%;
    }
    /*endregion*/
}
/*[TABLET]*/
@media (max-width: 992px) {
    /*region [Menu]*/
    .theme-theme products .menu > label:last-child > aside {
        width: 35vw;
    }
    /*endregion*/
    /*region [Menu: Home]*/
    .theme-theme .menu.menu-main,
    .theme-theme header .menu.menu-home{
        width: 18%;
    }
    /*endregion*/
    /*region [Menu: Header]*/
    .theme-theme .menu.menu-header {
        width: 82%;
    }
    /*endregion*/
    /*region [Slider]*/
    .theme-theme slider > section {
        height: 24rem;
    }
    /*endregion*/
    /*region [Card]*/
    .theme-theme .card {
        width: 40%;
    }
    /*endregion*/
    /*region [Card: Brand]*/
    .theme-theme .card.brand {
        width: 24%;
    }
    /*endregion*/
    /*region [Card: Product]*/
    .theme-theme .card.product {
        width: 30%;
    }
    /*endregion*/
}
/*[MOBILE]*/
@media (max-width: 768px) {
    /*region [General]*/
    .theme-theme h1 {
        font-size: 1.5rem;
    }
    .theme-theme h2 {
        font-size: 1.375rem;
    }
    .theme-theme h3 {
        font-size: 1.25rem;
    }
    .theme-theme h4 {
        font-size: 1.125rem;
    }
    .theme-theme h5 {
        font-size: 1rem;
    }
    .theme-theme h6 {
        font-size: .875rem;
    }
    /*endregion*/
    /*region [Header]*/
    .theme-theme > header {
        border-radius: initial;
        text-align: center;
        margin-top: 0;
    }
    /*endregion*/
    /*region [Main]*/
    .theme-theme > main {
        padding-top: 4rem;
    }
    .theme-theme.admin-bar > main{
        padding-top: 7rem;
    }
    /*endregion*/
    /*region [Menu]*/
    .theme-theme .menu-item > img {
        height: 5rem;
        max-width: 5rem;
        min-width: 24%;
    }
    .theme-theme products .menu > label:last-child > aside {
        width: 45vw;
        max-height: 64vh;
    }
    /*endregion*/
    /*region [Menu: Home]*/
    .theme-theme header .menu.menu-home,
    .theme-theme footer .menu.menu-home{
        width: 100%;
    }
    /*endregion*/
    /*region [Menu: Header]*/
    .theme-theme .menu-item.menu-item-header > aside,
    .theme-theme .menu.menu-header {
        background-color: white;
        box-shadow: 0 -.2rem 1rem #B2B1B1;
        /*box-shadow: inset 0 -.2rem 1rem #B2B1B1;*/
        border-radius: 0;
        bottom: 4.55rem;
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 99;
        overflow-y: hidden;
        overflow-x: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        scrollbar-width: thin;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Conqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed , supported by Chrome and Opera */

    }
    .theme-theme .menu-item.menu-item-header > aside::-webkit-scrollbar {
        height: .5rem;
        width: .5rem;
    }
    .theme-theme .menu-item.menu-item-header > aside::-webkit-scrollbar-track {
        background-color: #F0F0F0;
        border-radius: .25rem;
    }
    .theme-theme .menu-item.menu-item-header > aside::-webkit-scrollbar-thumb {
        background-color: #CDCDCD;
        border: none;
        border-radius: .25rem;
    }
    .theme-theme .menu-item.menu-item-header > aside::-webkit-scrollbar-thumb:hover {
        background-color: #A6A6A6;
    }
    .theme-theme .menu-item.menu-item-header > aside::-webkit-scrollbar-thumb:active {
        background-color: #606060;
    }
    .theme-theme .menu-item.menu-item-header > aside::-webkit-scrollbar-button {
        display: none;
    }
    /*endregion*/
    /*region [Menu: Footer]*/
    .theme-theme .menu.menu-footer {
        width: 100%;
        margin-bottom: 1rem;
    }
    /*endregion*/
    /*region [Menu: Socials]*/
    .theme-theme .menu.menu-socials {
        width: 100%;
        text-align: center;
    }
    /*endregion*/
    /*region [Menu: Mobile]*/
    .theme-theme .menu.menu-mobile {
        width: 100%;
    }
    .theme-theme .menu.menu-mobile > .menu-item {
        min-width: auto;
        width: 18.5%;
    }
    .theme-theme .menu.menu-mobile > .menu-item.icon-language {
        position: fixed;
        top: .55rem;
    }
    .theme-theme .menu-item-header{
        display: inline-block;
    }
    .theme-theme.admin-bar .menu.menu-mobile > .menu-item.icon-language {
        top: 3.6rem !important;
    }
    /*endregion*/
    /*region [Logo]*/
    .theme-theme .custom-logo-link svg {
        max-height: 3.5rem;
    }
    .theme-theme header .custom-logo-link > span {
        display: none;
    }
    .theme-theme footer .custom-logo-link {
        display: block;
    }
    /*endregion*/
    /*region [Slider]*/
    .theme-theme slider > section {
        height: 18rem;
    }
    /*endregion*/
    /*region [Card]*/
    .theme-theme .card {
        width: 49%;
    }
    /*endregion*/
    /*region [Card: Brand]*/
    .theme-theme .card.brand {
        width: 33%;
    }
    /*endregion*/
    /*region [Card: Product]*/
    .theme-theme .card.product {
        width: 40%;
    }
    /*endregion*/
    /*region [View: Page]*/
    #customer_details {
        padding-left: 0;
        padding-right: 0;
    }
    #customer_details + div {
        padding-left: 0;
        padding-right: 0;
    }
    /*endregion*/
}
/*[MOBILE: XS]*/
@media (max-width: 528px) {
    /*region [Menu: Products]*/
    .theme-theme products .menu {
        margin-top: 0;
    }
    .theme-theme .menu > .menu-item {
         margin-left: 0;
         margin-right: 0;
    }
    .theme-theme products .menu > label:last-child > aside {
        width: 90vw;
        max-height: 57vh;
    }
    /*endregion*/
    /*region [Slider]*/
    .theme-theme slider > section {
        height: 14rem;
    }
    /*endregion*/
    /*region [Card]*/
    .theme-theme .card {
        width: 82%;
    }
    /*endregion*/
    /*region [Card: Brand]*/
    .theme-theme .card.brand {
        width: 49%;
    }
    /*endregion*/
    /*region [Card: Product]*/
    .theme-theme .card.product {
        width: 62%;
    }
    /*endregion*/
}