/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
:root {
    --primary-bg-color: #502f18;
    --secondary-bg-color: #876246;
}

body {
    font-family: 'Poppins', sans-serif !important;
}

#header {
    background: var(--primary-bg-color) !important;
    color: black;
}

#header .header-nav a {
    color: white;
}

#header .header-nav .dropdown-menu a {
    color: black;
}

#header .header-top {
    background: var(--secondary-bg-color) !important;
    color: black;
}

#header .header-nav .language-selector {
    margin-top: .9375rem;
    white-space: nowrap;
    color: white;
}

@media (max-width:767px) {
    #header .header-top a[data-depth="0"] {
        color: black;
    }
    #header .header-nav {
        background: var(--secondary-bg-color);
    }
}

@media (min-width:768px) {
    #header .header-top a[data-depth="0"] {
        color: white;
    }
}

.search-widget form input[type=text] {
    border-radius: 25px;
}

.search-widget form input[type=text]:focus {
    outline: 0px solid red;
}

#search_widget {
    margin-top: 10px;
}

#search_widget form input {
    padding: 2px 20px 2px 40px;
}

#search_widget form i {
    padding: 5px;
}

#header .dropdown .expand-more {
    color: white;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body {
    font-family: 'Lato', sans-serif;
}

.custom-page-2021 td {
    color: red !important;
}

.page-content.page-cms.page-cms-6 {}

.page-content.page-cms.page-cms-6 td {
    vertical-align: top;
    padding: 10px;
}

#header .header-nav .top-logo a img {
    max-height: 150px;
    max-width: 100%
}

body#checkout #header .header-nav .logo {
    max-height: 6.375rem;
    width: auto
}

.footer-container {
    background: var(--primary-bg-color) !important;
}

.footer-container .h3 {
    background: var(--primary-bg-color) !important;
    color: #fff !important;
}

.footer-container li a {
    color: #fff;
}

#block_myaccount_infos .myaccount-title a {
    color: #fff;
}

.footer_underline {
    padding-bottom: 5px;
    border-bottom: 1px solid white !important;
}

.block-contact-title,
.blockcms-title,
.myaccount-title,
.myaccount-title a {
    font-weight: 700;
    font-size: 1.125rem
}

.block-contact .block-contact-title,
.linklist .blockcms-title a {
    color: #fff
}

.block-contact {
    color: #fff;
    font-size: 12px;
    /**/
}

.dropdown {
    color: #fff
}

.contact_info_logo {
    max-width: 70%;
    margin-bottom: 8px;
}

.white-text a {
    color: #fff;
    font-size: 10px;
}

.product-flags li.product-flag.discount,
.product-flags li.product-flag.discount-amount,
.product-flags li.product-flag.discount-percentage,
.product-flags li.product-flag.discount,
.product-flags li.product-flag.on-sale,
.has-discount .discount {
    background: #ba1833;
}

.has-discount .page-content.page-cms ul,
.has-discount.product-price,
.has-discount p,
.page-content.page-cms .has-discount ul {
    color: #ba1833
}

#header .header-top>.container>.row:first-of-type {
    display: flex;
    flex-direction: column;
}