:root {
    --white: #ffffff;
    --black: #000000;
    --grey: #cccccc;
    --brown: #5b3a29;
    --alt-brown: #a68671;
    --light-brown: #f7f1e1;
}

@font-face {
  font-family: 'open-sans';
  src: url('../font/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'open-sans';
  src: url('../font/OpenSans-Bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'open-sans';
  src: url('../font/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Playfair';
  src: url('../font/PlayfairDisplay-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Playfair';
  src: url('../font/PlayfairDisplay-Italic.ttf') format('truetype');
  font-style: italic;
}

body {
    font-family: 'open-sans';
    background-color: var(--alt-brown);
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--brown);
    font-weight: bold;
    font-family: 'Playfair';
}

.product-miniature .highlighted-informations .quick-view:hover {
    color: var(--brown);
}

.btn {
    border-radius: .5rem;
    transition: background-color .5s;
}

.btn-primary {
    background-color: var(--alt-brown);
}

.btn-primary:hover {
    background-color: var(--brown);
}

.product-flags li.product-flag {
    background-color: var(--alt-brown);
}

.product-flags li.product-flag.discount {
    background-color: var(--brown);
}

p {
    font-family: 'open-sans';
}

a {
    color: var(--brown);
}

#wrapper {
    background-color: var(--light-brown);
}

.footer-container .h3 {
    color: var(--white);
}

.footer-container .h3 a {
    color: var(--white);
}

.footer-container li a {
    color: var(--light-brown);
}

.has-discount .discount {
    background-color: var(--brown);
}

.has-discount .page-content.page-cms ul, .has-discount p, .has-discount.product-price, .page-content.page-cms .has-discount ul {
    color: var(--brown);
}

.product-images > li.thumb-container .thumb.selected, .product-images > li.thumb-container .thumb:hover {
    border: var(--brown) 3px solid;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border-bottom: var(--brown) 3px solid;
}

.tabs .nav-tabs .nav-link.active {
    color: var(--brown);
}

#subcategories ul li:hover .subcategory-image a {
    border: 5px solid var(--brown);
}

#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {
    color: var(--brown);
}

#blockcart-modal .product-name {
    color: var(--brown);
}

#header .header-nav .cart-preview.active {
    background: var(--alt-brown);
}

.product-price {
    color: var(--brown);
}

body#checkout a:hover {
    color: var(--black);
}

.custom-radio input[type="radio"]:checked + span {
    background-color: var(--alt-brown);
}

.form-control:focus {
    outline: .1875rem solid var(--alt-brown);
    border-color: var(--alt-brown);
}

#header a:hover {
    color: var(--alt-brown);
}

#header .top-menu a[data-depth="0"]:hover, a:hover {
    color: var(--brown);
}

.btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle {
    background-color: var(--alt-brown);
}

.btn-primary:focus {
    background-color: var(--alt-brown);
}

.alert-info {
    color: var(--white);
    border-color: var(--brown);
    background-color: var(--alt-brown);
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
    background-color: var(--brown);
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:focus {
    background-color: var(--grey);
}

.input-group.focus {
    outline: .1875rem solid var(--alt-brown);
}

.group-span-filestyle .btn-default {
    background-color: var(--alt-brown);
}

.block_newsletter {
    background-color: transparent;
}

.product-miniature .thumbnail-container {
    border-radius: .5rem;
}

.block-social ul li {
    background-color: transparent;
}

.block-social ul li:hover {
    background-color: rgba(0, 0, 0, .2);
}

.tiktok {
    background-image: url('../img/tiktok.svg');
    background-size: 28px;
    background-position: 6px 6px;
}

#block_myaccount_infos .myaccount-title a, #header a, #wrapper .breadcrumb li a, .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a {
    color: var(--white);
}

.block-contact, .footer-container li a {
    color: var(--white);
}

.account-list a:hover, .block_newsletter form button[type="submit"] .search:hover, .footer-container li a:hover {
    color: var(--light-brown);
}

.carousel .carousel-item .caption {
    color: var(--brown);
}

/* 
    ABOUT
*/

.about-row {
    display: flex;
    flex-direction: row-reverse;
    padding: 2rem;
    gap: 2rem;
    align-items: center;
}

.about-row-reverse {
    flex-direction: row;
}

@media (max-width: 991px) {
    .about-row,.about-row-reverse {
        flex-direction: column;
    }

    .about-row img,.about-row-reverse img {
        flex-shrink: unset;
        width: 100%;
        height: auto;
    }
}

.about-row img,.about-row-reverse img {
    flex-shrink: 0;
}

.about-row-next {
    background-color: var(--alt-brown);
    padding: 2rem;
    margin: 1rem;
}

.about-row-next p,.about-row-next h2 {
    color: var(--white);
}

/* 
    HOME CUSTOM TEXT
*/

#custom-text {
    display: flex;
    gap: 2rem;
    text-align: left;
    align-items: center;
}

#custom-text > h2 {
    flex-shrink: 0;
}

@media (max-width: 991px) {
    #custom-text {
        flex-direction: column;
    }
}

/* 
    HEADER
*/

#header .header-top a[data-depth="0"] {
    color: var(--brown);
}

/* 
    BREADCRUMBS
*/

#wrapper .breadcrumb li a {
    color: var(--brown);
}