:root{
    --bs-primary: #FFBC0A;
    --bs-primary-rgb: 255, 188, 10;
    --bs-secondary: #FFE49D;
    --bs-secondary-rgb: 255, 228, 157;
    --bs-tertiary: #b3c8bf;
    --bs-tertiary-rgb: 179, 200, 191;
    --bs-success: #04492C;
    --bs-success-rgb: 4, 73, 44;
    --bs-dark: #022b1a;
    --bs-dark-rgb: 2, 43, 26;
    --bs-font-sans-serif: "Roboto", sans-serif;
    --hs-font-heading: "Roboto Slab", serif;
}

/* TRANSITIONS */

.transition-sm{
    transition: all .2s ease-in-out;
}

.border-radius-sm{
border-radius: .75rem;      
}

/* TEXT */

@media (max-width: 991px) {

h5, .h5{
    font-size: .9rem;
}

}    
p, .p{
    font-size: .9rem;
}

.break-all{
word-break: break-all;    
}

/* COLORS */

.bg-cover{
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: 50% 50%!important;
}

.bg-white-secondary{
background: #ffffff;
background: linear-gradient(180deg, rgba(var(--bs-white-rgb), 1) 0%, rgba(var(--bs-white-rgb), 1) 50%, rgba(var(--bs-secondary-rgb), 1) 50%, rgba(var(--bs-secondary-rgb), 1) 100%);    
}

.bg-danger-announced{
    background-color: var(--bs-danger-bg-subtle);
}

.bg-blur {
    background-color: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px);
}

/* FONTS */

.roboto-slab{
    font-family: var(--hs-font-heading);
}

/* BUTTONS */

.btn{
    font-family: var(--hs-font-heading);
}

a.btn:hover{
    transform: translateY(-3px)!important;
}

.btn-primary {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--bs-dark);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-dark);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-dark);
    --bs-btn-disabled-border-color: var(--bs-dark);
}

.btn-outline-dark {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-dark);
    --bs-btn-hover-border-color: var(--bs-dark);
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-dark);
    --bs-btn-active-border-color: var(--bs-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-dark);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-dark);
    --bs-gradient: none;
}

/* HEADER */


#header-list_item {
    padding: 0px 8px;
}

@media (min-width: 992px) {

#header-list_item {
    padding: 0px 16px;
}

}

/* SETTINGS MENU */

.settings-menu .navbar{
    background-color: var(--bs-dark-bg-subtle)!important;    
}

/* PRODUCT SORT */

.sort-products{
    border-radius: .75rem;    
}

a.product{
    border-radius: 1rem;
}

/* PRODUCT FILTERS */

.category-overview li, .filter-overview li{
    font-size: .9rem;
}

.accordion-button{
    font-size: .9rem;
}

/* PRODUCT OVERVIEW */

a.product:hover{
    transform: translateY(-3px)!important;
}

.product.product-sold-out{
    opacity: .4;
}

a.product .product-image {
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: 50% 50%!important;
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
}

.product-body-title{
    min-height: 58px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; 
}

@media (min-width: 992px) {
.product-body-title{
    min-height: 58px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; 
}
}

@media (max-width: 991px) {

.product-body-button{
    width: 100%;
}

}

.introduction-profile .profile-introduction_picture{
        background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: 50% 50%!important;
    width: 100%;
    border-radius: 50%;
}

/* CONTENT */

.content .main img, .content .main p{
    margin-bottom: 2rem;
}

.content .main h2, .content .main h3, .content .main h4{
    font-family: var(--hs-font-heading);    
    font-weight: 700;
    color: var(--bs-dark);
}

.content .main p{
    font-size: 1.1rem;
    line-height: 2rem;
    color: var(--bs-dark);
}

.content .main>p:first-of-type{
    font-family: var(--hs-font-heading);
    font-weight: 700;
}

/* PUBLIC BLOCKS */

.badge {
    font-size: 14px;
    border-radius: 20px;
    padding: 12px 20px;
}

.public_blocks_row .column-image img{
    border-radius: 1.5rem;
}

@media (min-width: 992px) {

    .content .main>p:first-of-type{
    font-size: 1.4rem;
    line-height: 2.2rem;
}

   .public_blocks_row:nth-child(even) .column-image{
    order: 2
}

}

.content .main img{
    width: 100%;
    height: auto;
}

.content-menu{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.content-menu>li>a{
    font-size: 1rem;
    text-decoration: none;
    display: block;
    padding: 6px 0px;
    margin: 2px 0px;
    color: var(--bs-dark);
}

.content-menu>li>a.active{
    font-weight: 700;
    border-left: 2px solid rgba(var(--bs-primary-rgb),1);
    padding-left: 12px;
}

/* FOOTER */

.footer ul>li>a, .footer .credits a, .footer .credits p{
    opacity: .7;
}

.credits a, .credits p{
    font-size: .7rem;
    
}

/* CART */

.cart-picture{
        background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: 50% 50%!important;    
}

/* FLOATING FOOTER */

.floating-footer{
    bottom: 48px;
    right: 64px;
    position: fixed;
}