:root {
    --oswald-font: 'Oswald', sans-serif;
    --barlow-font: 'Barlow', sans-serif;
    --awesome-font: 'FontAwesome';
    --primary-color: #A31414;	
    --bg-color: #F2EBE0;
    --beige-text-color: #FFEFD7;
    --mid-beige-bg-color: #F5E7D1;
    --brown-bg-color: #5C3700;
    --dark-gray-text-color: #0E0E0E;
    --brown-text-color: #76635F;
    --footer-bg-color: #1E1E1E;
    --yellow-text-color: #FFA414;
    --orange-color: #FFA414;
    --gray-color: #1D1D1D;
    --mid-gray-color: #484848;
    --mid-gray-text-color: #9C9C9C;
    --off-white-color: #D9D9D9;
    --red-color: #C60000;
    --placeholder-color: #A4A4A4;
    --brown-color: #470000;
    --light-beige-color: #FFF6E8;
    --light-red-color: #F23E03;
    --gray-button-color: #CACACA;
    --close-to-black-color: #202020;
    --mobile-menu-bg-color: #292929;
}

body {
    background: var(--bg-color);
}

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

#content.col-sm-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.social-media {
    display: inline-block;    
}

.social-media img {
    height: 28px;
    width: 28px;
}

.slideshow.swiper-viewport {
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.swiper-slide a img, .swiper-slide img {
    width: 100%;
}

.position-relative {
    position: relative;
}

.slideshow-overlay {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 49vw;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 15.5%, rgba(0, 0, 0, 0) 100%);
}

header {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
    position: relative;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 22.43%, rgba(0, 0, 0, 0) 50%);
}

.mobile-menu-dropdown {
    width: 0;
    position: absolute;
    top: 0;
    left: 0;    
    overflow: hidden;
}

/* home menu */
ul.home-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
    
    ul.home-menu li {
        display: inline-block;
        width: 19%;
    }

    ul.home-menu li a {
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        font-family: var(--barlow-font);
        font-weight: 500;
        font-size: 0.85rem;
    }

ul.order-menu {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 2.9%;
}
        
    ul.order-menu li a, .social-order-menu a {
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        font-family: var(--barlow-font);
        font-weight: 500;
        font-size: 0.75rem;
    }
        
    .social-order-menu {
        position: relative;
        padding-right: 21% !important;
    }

    .social-order-menu.checkout {
        padding-right: 0 !important;
    }

    .cart-shortcut {
        background: var(--gray-color);
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        padding: 0 1.5rem;
        height: 4rem;        
        width: 52%;
        position: absolute;
        right: 0;
        top: -2rem;        
    }
    
    .cart-shortcut h3, .cart-shortcut h4 {
        color: white;
        margin: 0;
        padding: 0;
        font-family: var(--barlow-font);
        font-weight: 400;
        font-size: 0.85rem;
    }

    .cart-shortcut.collapsed {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        padding: 0 2rem;
    }

    .cart-shortcut .cart-shortcut-header {
        width: 100%;
    }

        .cart-shortcut.collapsed .cart-shortcut-header {
            justify-content: space-between;            
        }

        .cart-shortcut.collapsed .cart-shortcut-header a.cart-shortcut-close {
            display: none;
        }

        .cart-shortcut.collapsed .cart-shortcut-header .cart-shortcut-count {
            margin-left: auto;
            text-align: end;
        }

        .cart-shortcut.collapsed #cart {
            display: none;
        }

        .cart-shortcut.expanded {
            display: block;
        }

        .cart-shortcut.expanded .cart-shortcut-header {
            margin-top: 1rem;
            justify-content: left;
        }

        .cart-shortcut.expanded .cart-shortcut-header h3 {
            padding-right: 1.5rem;
        }

        .cart-shortcut.expanded .cart-shortcut-header a.cart-shortcut-close {
            font-size: 0.9rem;
            transform: translateY(-1px);
        }

        .cart-shortcut.expanded #cart {
            display: block;
        }

        .cart-shortcut-content {
            height: 380px;
            overflow-y: auto;
        }

.cart-shortcut-table  {
    width: 100%;
    overflow: auto;
    max-height: 205px;
}

.cart-shortcut-table tr th {
    color: white;
    font-family: var(--barlow-font);
    font-weight: 400;
    font-size: 0.85rem;    
    padding: 0 0.5rem 1.2rem 0.5rem;    
}

    .cart-shortcut-table tr td {
        color: var(--off-white-color);
        font-family: var(--barlow-font);
        font-weight: 500;
        font-size: 0.85rem;
        border-top: 1px solid #6D6D6D;
        border-bottom: 1px solid #6D6D6D;
        padding: 0.7rem 0.5rem;        
    }

    .cart-shortcut-table tr td img {
        width: 46px;
        height: 46px;
        border-radius: 5px;
    }

    .cart-shortcut-item {
        align-items: center;
    }

    .cart-shortcut-item .thumb {
        width: 46px;
        flex-basis: 46px;
    }

    .cart-shortcut-item .info {
        flex-basis: calc(100% - 62px);
        text-align: left;
        text-transform: none;
        color: var(--off-white-color);
        font-family: var(--barlow-font);
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 0.9rem;
    }

    .cart-shortcut-table tr td a.cart-shortcut-remove img {    
        width: 26px;
        height: 24px;
    }

    .cart-shortcut-shipping-type {
        font-family: var(--barlow-font);;
        font-weight: 700;
        font-size: 0.75rem;
        color: white;
        text-align: left;
    }

    .cart-shortcut-sinfo-item {
        flex-basis: 32%;
        width: 32%;
    }

        .cart-shortcut-sinfo-item h5 {
            font-family: var(--barlow-font);
            font-weight: 400;
            font-size: 0.7rem;
            color: white;
            text-align: left;
        }

    .cart-shortcut-buttons {
        position: absolute;
        right: 0;
        top: 410px;
    }

        a.proceed {
            color: white;
            font-family: var(--barlow-font);
            font-weight: 400;
            font-size: 1rem;
            border: 0;
            background: var(--red-color);
            border-radius: 30px;
            padding: 0.5rem 0;
            width: 165px;
            text-decoration: none;
            display: inline-block;
            text-align: center;
            text-transform: none;
            position: relative;
        }

            a.proceed::after {
                content: "\f0da";
                font-family: var(--awesome-font);
                color: white;
                position: absolute;
                top: 51%;
                right: 15px;
                transform: translateY(-50%);
                font-size: 1.2rem;
            }

        a.clear-cart {
            color: var(--mid-gray-text-color);
            font-family: var(--barlow-font);
            font-weight: 400;
            font-size: 1rem;
            border: 0;
            background: var(--mid-gray-color);
            border-radius: 30px;
            padding: 0.5rem 0;
            width: 165px;
            text-decoration: none;
            display: inline-block;
            text-align: center;
            text-transform: none;
        }
/* end home menu */

#logo > a > img {
    height: 3.2rem;
}

#common-home {
    top: -10rem;
    position: relative;
}

#common-order {
    top: -7rem;
    position: relative;
}

.banner-title {
    color: white;
    font-family: var(--oswald-font);
    font-weight: 400;
    font-size: 5.2rem;
    text-align: left;
}

    #common-order .banner-title {
        font-size: 4rem;
    }

.banner-description {
    color: white;
    font-family: var(--barlow-font);
    font-weight: 300;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-top: 1.5rem;
}

.slideshow.swiper-viewport {
    margin-bottom: 0px;
}

.slideshow-container {
    position: absolute;
    top: 60%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
}

    .slideshow-info {
        width: 45%;
    }

    #common-order .slideshow-info {
        width: 55%;
    }

/* OUR STORY */
.our-story-box {
    margin-top: -1rem;
}
.our-story-subheader {
    margin-top: 1.5rem;
    background: var(--brown-bg-color);
    color: white;
    font-family: var(--oswald-font);
    font-weight: 400;
    font-size: 1.2rem;
    padding: 0.55rem 0.8rem 0.65rem 0.8rem;
    display: inline-block;
}

.our-story-title {
    color: var(--primary-color);
    font-family: var(--oswald-font);
    font-weight: 400;
    font-size: 4.5rem;
    line-height: 4.8rem;    
}

.our-story-short-desc {
    font-family: var(--barlow-font);
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 1.8rem;
    color: var(--dark-gray-text-color);
    margin-top: 2.5rem;
}

/* Featured Home */
.featured-header-flex {
    gap: 1.5rem;
}


.featured-flex {
    gap: 1.06%;
}

.featured-flex .featured-item {
    width: 24.2%;
    flex-basis: 24.2%;
    margin-bottom: 1.3rem;
}

    .featured-flex .featured-item img {
        width: 100%;
        aspect-ratio: 1/1;
    }

    .featured-item .caption {
        min-height: 62px;
    }

    .featured-item .caption h4 {
        padding-top: 0.6rem;
        padding-bottom: 0;
        margin-bottom: 0.2rem;
    }

    .featured-item .caption h4 a {
        font-family: var(--barlow-font);
        font-weight: 700;
        font-size: 0.8rem;
        color: var(--brown-text-color);        
        text-decoration: none;
    }

    .featured-item .caption h5, h5.price {
        font-family: var(--barlow-font);
        font-weight: 500;
        font-size: 0.7rem;
        color: var(--brown-text-color);        
    }

    h5.price {
        padding-top: 0.4rem;
    }
    
/* End Featured Home */

/* OUR BRANCHES */
.branch-item {
    flex-basis: 27%;
    margin-bottom: 2rem;
}

    .branch-item .branch-name {
        font-family: var(--barlow-font);        
        font-weight: 600;
        font-size: 1rem;
        color: var(--primary-color);
        padding-bottom: 0.8rem;
    }

    .branch-item .branch-address, .branch-item .branch-contact, .branch-item .branch-open {
        font-family: var(--barlow-font);        
        font-weight: 400;
        font-size: 0.75rem;
        color: black;
        padding-bottom: 0.3rem;
    }
/* END OUR BRANCHES */

/* CATEGORY SHOWCASE */
.category-showcase-box, #pickerBar {
    background: var(--mid-beige-bg-color);
}

.category-flex .category-item {
    flex-basis: 24%;
    margin-bottom: 1rem;    
}

    .category-item a {
        position: relative;
        display: block;
    }

    .category-item a img {
        width: 100%;
    }

    .category-item a p {
        position: absolute;        
        left: 1rem;
        bottom: 0.2rem;
        font-family: var(--barlow-font);
        font-weight: 500;
        font-size: 0.8rem;
        margin: 0;
        padding: 0;
        color: white;        
        z-index: 2;
    }

    .category-item .category-overlay {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #060000 100%);
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 30px;
        z-index: 1;
    }

/* END CATEGORY SHOWCASE */

/* ORDER MENU */
.picker-item {
    font-family: var(--barlow-font);
    font-size: 0.9rem;
    font-weight: 500;
    color: black;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .picker-item img {
        padding-right: 0.6rem;
    }

    .picker-item span {
        padding-right: 0.4rem;
    }

    .picker-item a.generic-red-button {
        padding: 0.05rem 0.8rem 0.1rem 0.8rem;
    }

.order-menu dt {
    display: block;
    position: relative;
}

    .order-menu dt::after {
        font-family: var(--awesome-font);
        font-size: 1.5rem;
        color: var(--primary-color);
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }

.order-menu dt.expanded {
    border-bottom: none;    
}
    
    .order-menu dt.expanded::after {
        content: "\f00d";        
    }

.order-menu dt.collapsed {
    border-bottom: 2px solid var(--primary-color);
}

    .order-menu dt.collapsed::after {
        content: "\f0d7";        
    }

.order-menu dd {
    overflow: hidden;
}

.order-menu dd.expanded {    
    display: block;
}

.order-menu dd.collapsed {
    display: none;
}

.order-menu-flex {
    gap: 1.06%;
}

.order-menu-flex .order-menu-item {
    width: 24.2%;
    flex-basis: 24.2%;
    margin-bottom: 1.3rem;    
}

    .order-menu-flex .order-menu-item img {
        width: 100%;    
        aspect-ratio: 1/1;
    }

    .order-menu-item .caption {
        min-height: 62px;
    }

    .order-menu-item .caption h4 {
        padding-top: 0.6rem;
        padding-bottom: 0;
        margin-bottom: 0.2rem;
    }

    .order-menu-item .caption h4 a {
        font-family: var(--barlow-font);
        font-weight: 700;
        font-size: 0.8rem;
        color: var(--brown-text-color);        
        text-decoration: none;
    }

    .order-menu-item .caption h5, .order-menu-flex h5.price {
        font-family: var(--barlow-font);
        font-weight: 500;
        font-size: 0.7rem;
        color: var(--brown-text-color);        
    }

    .order-menu-flex h5.price {
        padding-top: 0.4rem;
    }

#branch-picker {
    width: 51%;
    display: none;
    padding: 2.2rem 6rem;
    background: var(--bg-color);
    border-radius: 30px;    
    overflow: hidden;
    height: 610px;
}   
 
    #branch-picker h1 {
        width: 95%;
        line-height: 3.2rem;
    }

    #branch-picker h2 {
        font-family: var(--barlow-font);
        font-weight: 500;
        font-size: 0.75rem;
        color: black;
        margin-top: 0.8rem;
        letter-spacing: 1px
    }
     
    #branch-picker .custom-select, .shipping-method-box .custom-select {
        background: white;
        border-radius: 10px;        
        border: none;
        float: none;
        height: 42px;
    }
    
    .shipping-method-box .custom-select {
        width: 44%;
    }

    #branch-picker .custom-select__option, .shipping-method-box .custom-select__option {
        padding: 0 0 0 18px;
        line-height: 42px;
        font-family: var(--barlow-font);
        font-weight: 500;
        font-size: 0.75rem;
        color: var(--placeholder-color);
    }

    #branch-picker .custom-select__option--value, .shipping-method-box .custom-select__option--value {
        border-radius: 10px;
        border: none;
    }

    #branch-picker .nice-select span.current, .shipping-method-box .nice-select span.current  {
        font-family: var(--barlow-font);
        font-weight: 500;
        font-size: 0.75rem;
        color: var(--placeholder-color);
    }

    #branch-picker .custom-select__option--value::after, .shipping-method-box .custom-select__option--value::after {    
        font-family: var(--awesome-font);
        content: "\f0d7";
        color: var(--off-white-color);
        transform: translateY(-50%);
        border: none;
        height: auto;
        margin-top: 0;
        right: 20px;
    }
    
    #branch-picker .custom-select__dropdown {
        border-radius: 10px;
        top: calc(100% + 1px);
        max-height: 200px;
        overflow: auto;
        height: auto;
    }

    #branch-picker .nice-select .list, .shipping-method-box .nice-select .iist {
        width: 100%;
        max-height: 200px;
        overflow: auto;
    }

        #branch-picker .nice-select .list li, .shipping-method-box .nice-select .list li {
            font-family: var(--barlow-font);
            font-size: 0.75rem;
            font-weight: 500;
            background: white;
            color: var(--placeholder-color)
        }

    .shipping-method-box .nice-select {
        width: 45%;
    }

    .branch-flex .custom-select, .branch-flex input {
        width: 49%;
    }

    .branch-flex input {
        border: none;
        border-radius: 10px;
        background: white;
        height: 42px;
        padding-left: 18px;
        padding-right: 18px;
        font-family: var(--barlow-font);
        font-weight: 500;
        font-size: 0.75rem;
        color: var(--placeholder-color);
    }

        .branch-flex input::placeholder {
            font-family: var(--barlow-font);
            font-weight: 500;
            font-size: 0.75rem;
            color: var(--placeholder-color);
        }

    #branch-picker h5 {
        font-family: var(--barlow-font);
        font-weight: 400;
        font-size: 0.75rem;
        color: black;
    }

/* END ORDER MENU */

footer {
    margin-top: -8.5rem;
    padding-bottom: 4rem;
    transform: translateY(16px);
    background: var(--footer-bg-color);
}

footer .footer-logo > a > img {
    height: 3.5rem;
}

footer .footer-content {
    margin-right: 3rem;
}

h5.footer-text {
    color: white;
    font-family: var(--barlow-font);
    font-weight: 500;
    font-size: 0.8rem;
    margin-bottom: 0.3rem;
}

footer .terms-flex {
    justify-content: end;;
}

footer .terms-flex a {
    text-decoration: underline;
    font-family: var(--barlow-font);
    font-weight: 500;
    font-size: 0.8rem;
    color: white;
    margin-bottom: 0.8rem;
}

    footer .terms-flex a:first-child {
        padding-right: 1rem;
    }
/* Checkout */
#checkout-checkout, #common-success, #information-information, #account-forgotten, #account-password, #common-failure {
    margin-bottom: 10rem;    
}

.checkout-header, .success-header, .failure-header, .information-header {
    margin-top: -6rem;
}

.checkout-header img, .success-header img, .failure-header img, .information-header img {
    width: 100%;
}

.checkout-flex .contact-info-flex, .checkout-flex .order-summary-flex {
    width: 48.5%;
}

#close-order-details {
    display: none;
}

.show-order-btn, .order-summary-buttons-mobile {
    display: none !important;
}

.checkout-subheader {
    font-family: var(--oswald-font);
    font-weight: 400;
    font-size: 1.5rem;
    color: var(--brown-text-color);
    display: inline-block;
    margin-bottom: 0;        
}

.checkout-subheader-icon {
    width: 28px;
    height: 32px;
}

    .checkout-box, .success-box {
        border-radius: 20px;
        background: var(--light-beige-color);
    }

.form-flex .form-group {
    flex-basis: 49%;
}

    .checkout-divider {
        background: #D1C9BC;
        height: 1px;
    }

.checkout-summary-table, .success-summary-table {
    width: 100%;
}

    .checkout-summary-table tr th, .success-summary-table tr th {
        color: var(--brown-text-color);
        font-family: var(--barlow-font);
        font-weight: 700;
        font-size: 0.9rem;    
        padding: 0 0.5rem 0.8rem 0.5rem;    
        border-bottom: 1px solid #D1C9BC;
    }

    .success-summary-table tr th {
        border-bottom: none;    
    }

    .checkout-summary-table tr td, .success-summary-table tr td {
        padding: 1rem 0;        
    }

        .checkout-summary-table tbody tr.cart-item:first-child td, .success-summary-table tbody tr.cart-item:first-child td {
            padding: 1.5rem 0 1rem 0;
        }

        .checkout-summary-table tbody tr.cart-item:last-child td, .success-summary-table tbody tr.cart-item:last-child td {
            padding-bottom: 1.5rem;
        }

    .checkout-summary-table tbody tr.cart-item td, .success-summary-table tbody tr.cart-item td {
        border-bottom: 1px solid #D1C9BC;
    }
    
    .success-summary-table tbody tr.cart-item:last-child td {
        border-bottom: none !important;
    }

    .checkout-summary-table .quantity-box {
        width: 80px;
    }

    .checkout-summary-table a.thumb img, .success-summary-table a.thumb img {
        width: 48px;
        height: 48px;
    }

    .checkout-summary-table a.info, .success-summary-table a.info {
        flex-basis: calc(100% - 60px);
        text-align: left;
        text-transform: none;
        color: var(--brown-text-color);
        font-family: var(--barlow-font);
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 0.9rem;
        text-decoration: none;
    }
    
    .success-summary-table tr.totals td {
        padding: 0.4rem 0;
        font-size: 0.8rem;
    }

    .checkout-summary-table tr td a.cart-shortcut-remove img {    
        width: 26px;
        height: 24px;
    }

    .checkout-summary-table tr td.cart-price {
        font-family: var(--barlow-font);
        font-weight: 400;
        font-size: 0.85rem;
    }

    .checkout-summary-table tr.totals td {
        font-size: 0.75rem;
        color: #A08984;     
        padding-bottom: 0;   
    }

    .checkout-summary-table tr.totals td b {
        font-weight: 700;
        font-size: 0.85rem;
    }

    .checkout-total-amount {
        margin: 1.2rem 0;
        font-family: var(--barlow-font);
        font-weight: 400;
        font-size: 1.3rem;
        color: #A08984;
    }

        .checkout-total-amount b {
            font-weight: 700;
            padding-left: 1rem;
        }    

#map {
    width: 92%;
    height: 270px;
}

.delivery-pickup-flex {
    width: 95%;
    margin-bottom: 2rem;
}        

.delivery-pickup-flex .item {
    flex-basis: 28%;
}        

    .delivery-pickup-flex .item:first-child {
        flex-basis: 38%;
    }

    .delivery-pickup-flex .info p {
        padding: 0;
        margin: 0;
        font-weight: 400;
        font-family: var(--barlow-font);
        font-size: 0.8rem;
        color: var(--brown-text-color);
        line-height: 1rem;
    }

    input[name=create_account] {
        width: 15px;
        height: 15px;
        background: var(--off-white-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        outline: none;
        position: relative;
        left: 0px;
        top: 3px;
        padding: 3px;
        cursor: pointer;        
    }

    input[type=checkbox]:checked {        
        /*background: var(--brown-text-color);*/
        /*border: 2px solid var(--off-white-color);*/
    }

    input[type=checkbox]:checked::after {        
        content: "\f00c";
        font-family: var(--awesome-font);
        color: var(--brown-text-color);
        position: absolute;
        font-weight: bold;
        font-size: 0.7rem;
        top: -2px;
        left: 3px;
    }

.account-form {
    border-bottom: 1px solid #D1C9BC;
    padding-bottom: 1.2rem;
}   

.separator {
    height: 1px;
    background: #D1C9BC;
    width: 100%;
    margin: 1rem 0;
}

.account-item {
    width: 45%;
}

    .account-item label {
        display: block;
        font-family: --var(--barlow-font);
        font-weight: 400;
        font-size: 0.8rem;
    }     

.account-item input[type=text], .account-item input[type=email] {
    border-radius: 10px;
    background: white;
    padding: 0.7rem 1rem;
    color: var(--brown-text-color);
    font-family: var(--barlow-font);
    font-weight: 700;
    font-size: 0.8rem;    
    border: none;
    width: 100%;
    margin-bottom: 0.2rem;    
}

.account-item input[type=text].disabled-input, .account-item input[type=email].disabled-input {
    background: transparent;
    padding: 0 0 0.3rem 0;
}

/* End Checkout */

/* Calendar */
.datepicker th {
    font-family: var(--barlow-font);
    font-weight: 700;
    font-size: 0.8rem;
}

.datepicker td {
    font-family: var(--barlow-font);
    font-weight: 500;
    font-size: 0.7rem;    
}

    .datepicker td.day {
        color: var(--dark-gray-text-color);
    }

    .datepicker td.day.old {
        color: var(--mid-gray-text-color);
    }

/* End Calendar */

/* information */
.information-content {
    padding: 3rem 0;
}

    .information-content p, .information-content div {
        color: black;
        font-family: var(--barlow-font) !important;
        font-weight: 500;
        font-size: 0.8rem !important;
    }
    
/* end informatio */

/* GENERICS */
.subheader {
    font-family: var(--oswald-font);
    font-weight: 400;    
    font-size: 2.4rem;
    color: var(--primary-color);        
    text-align: left;
    display: inline-block;
}

.subheader.bigger {
    font-size: 4rem;
}

.white-subheader {
    font-family: var(--oswald-font);
    font-weight: 400;    
    font-size: 2.8rem;
    color: white; 
    text-align: left;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 1rem;
}

    .subtitle {
        font-family: var(--oswald-font);
        font-weight: 400;    
        font-size: 1.9rem;
        color: var(--primary-color);        
        text-align: left;
        display: inline-block;
    }

.generic-yellow-text {
    color: var(--yellow-text-color);
    font-family: var(--barlow-font);
    font-weight: 500;
    font-size: 0.8rem;
    margin-bottom: 0.4rem;
}

.generic-small-red-button {
    text-decoration: none;
    font-family: var(--barlow-font);
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--beige-text-color);
    border-radius: 50px;
    background: var(--primary-color);
    padding: 0.5rem 1rem;
    display: inline-block;    
}

.generic-medium-red-button {
    text-decoration: none;
    font-family: var(--barlow-font);
    font-size: 0.68rem;
    font-weight: 500;
    color: var(--beige-text-color);
    border-radius: 50px;
    background: var(--primary-color);
    padding: 0.6rem 1.5rem;
    display: inline-block;
    text-transform: uppercase;    
}

.generic-red-button {
    text-decoration: none;
    color: white;
    background: var(--light-red-color);
    border-radius: 50px;
    font-family: var(--barlow-font);
    font-weight: 500;
    font-size: 0.7rem;
    border: none;
    padding: 0 0.5rem;
    display: inline-block;
}

    .generic-red-button:hover {
        color: white;
    }

.generic-gray-button {
    text-decoration: none;
    color: white;
    background: var(--gray-button-color);
    border-radius: 50px;
    font-family: var(--barlow-font);
    font-weight: 500;
    font-size: 0.7rem;
    border: none;
    padding: 0 0.5rem;
    display: inline-block;
}

    .generic-gray-button:hover {
        color: white;
    }
    
.generic-red-big-button, .generic-brown-big-button {
    text-decoration: none;
    font-family: var(--barlow-font);
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--beige-text-color);
    border-radius: 130px;
    background: var(--primary-color);
    padding: 1.2rem 2rem;
    display: inline-block;
    margin-top: 1.7rem;
}

    .generic-brown-big-button {
        background: var(--brown-color);
    }

    .generic-medium-red-button:hover, .generic-red-big-button:hover, .generic-small-red-button:hover, .generic-brown-big-button:hover {
        color: var(--beige-text-color);
    }

    .generic-disabled-button {
        background: var(--gray-button-color) !important;
    }
    
.generic-orange-button {
    color: white;
    background: var(--orange-color);
    font-family: var(--barlow-font);
    font-weight: 500;
    font-size: 0.7rem;
    text-decoration: none;
    border-radius: 50px;
    padding: 0.1rem 1rem 0.2rem 1rem;
}

    .generic-orange-button:hover {
        color: white;
    }

    .generic-orange-button.apply-coupon {
        padding: 0.2rem 1.1rem 0.3rem 1.1rem;
        transform: translateY(-6px);
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .generic-orange-button.bigger {
        flex-basis: 54%;
        display: inline-block;
        border-radius: 50px;
        color: white;
        font-size: 1.1rem;
        text-align: center;
        padding: 0.8rem 1rem 0.7rem 1rem;  
    }

    .generic-light-brown-button {
        display: inline-block;
        flex-basis: 42%;
        border-radius: 50px;
        background: #E1D0B5;        
        color: var(--beige-text-color);
        font-family: var(--barlow-font);
        font-weight: 500;
        font-size: 1.1rem;
        text-decoration: none;
        padding: 1.2rem 1rem 0.7rem 1rem;  
        text-align: center;
    }

    .generic-light-brown-button:hover {
        color: var(--beige-text-color);
    }     

.quantity-box {
    border-radius: 50px;
    background: var(--orange-color);
    border: 2px solid var(--orange-color);    
    height: 28px;
    margin-right: 0.95rem;
}    

    .quantity-box a {
        color: white;
        font-family: var(--barlow-font);
        font-weight: 500;
        font-size: 0.8rem;
        text-decoration: none;
        padding: 0 0.5rem;
    }

    .quantity-box input[type=text] {
        background: white;
        height: 24px;
        width: 32px;
        border: none;
        text-align: center;
        color: var(--brown-text-color);
        font-family: var(--barlow-font);
        font-size: 0.7rem;
        font-weight: 500;        
    }

.generic-add-to-cart-button {
    background: var(--orange-color);
    border-radius: 50px;
    color: white;
    border: none;
    padding: 0 0.8rem;
    font-family: var(--barlow-font);
    font-weight: 500;
    font-size: 0.8rem;    
}    

    .generic-add-to-cart-button i {
        padding-right: 0.3rem;
        font-size: 0.7rem;
    }

.generic-text-box {
    border-radius: 10px;
    background: white;
    padding: 0.7rem 1rem;
    color: black;
    font-family: var(--barlow-font);
    font-weight: 500;
    font-size: 0.7rem;    
    border: none;
    width: 100%;
    margin-bottom: 0.8rem;
}

    .generic-text-box::placeholder {
        color: var(--placeholder-color);
    }

    .generic-text-box[readonly]{
        background: #EEE;
    }

    .generic-text-box.rounder {
        border-radius: 20px;  
        padding: 0.6rem 1rem;      
    }

.generic-text-area {
    width: 85%;
    background: white;
    border: none;
    border-radius: 10px;
    padding: 0.9rem 1.2rem;
    color: #AFAFAF;
    font-family: var(--barlow-font);
    font-weight: 500;
    font-size: 0.7rem;
    height: 114px;
}   

    .generic-text-area::placeholder {
        color: #AFAFAF;
        font-family: var(--barlow-font);
        font-weight: 500;
        font-size: 0.7rem;
    }

.generic-subtitle {
    font-family: var(--barlow-font);
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--brown-text-color);
    padding: 0;
    margin: 0;
}

.generic-thank-you-header {
    color: var(--brown-text-color);
    font-weight: 400;
    font-family: var(--oswald-font);    
    font-size: 2.4rem;
}

.generic-thank-you-message {
    font-family: var(--barlow-font);
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--brown-text-color);
}

.generic-new-password-notif {
    font-family: var(--barlow-font);
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--brown-text-color);
}
.w-70 {
    width: 70% !important;
}

.w-75 {
    width: 75% !important;
}

.w-55 {
    width: 55% !important;    
}

.w-40 {
    width: 40% !important;
}

.fb-100 {
    flex-basis: 100% !important;
}

.nice-select-dropdown {
    width: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

#desktop-menu {
    display: flex !important;
}

#mobile-menu {
    display: none !important;
}

.custom-alert {
    width: 40vw;
    background: var(--bg-color);
    border-radius: 30px;
    padding: 3rem 4rem;
}

    .custom-alert-title {
        color: var(--primary-color);
        font-family: var(--oswald-font);;
        font-weight: 400;
        font-size: 3.6rem;
        padding-bottom: 1.3rem;
    }

    .custom-alert-msg {
        color: black;
        font-family: var(--barlow-font);
        font-weight: 500;
        font-size: 1rem;
    }

.red-link {
    color: var(--red-color);
}