:root {
    --color-pink-light: #fdf8f4;
    --color-brown: #7f6000;
	--color-brown-bright: #c99902;
    --bs-nav-link-color: #7f6000 !important;
    --gradient-yellow: linear-gradient(180deg, rgba(253, 248, 244, 1) 0%, rgba(253, 248, 244, 0.6923363095238095) 90%, rgba(253, 248, 244, 0) 100%);
}

* {
    transition: all 0.5s ease;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color: var(--color-brown);
    padding-top:4rem;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Noto Serif', serif;
    font-weight: 300;
    color: var(--color-brown);
}

a,
a:hover,
a:active,
a:focus {
    color: var(--color-brown);
}
.btn-primary  {
		background-color:var(--color-brown);
		color:#fff!important;
		border:none;
		outline:none;
 }
 .btn-primary:active,
 .btn-primary:focus,
.btn-primary:hover{
		background-color:var(--color-brown-bright)!important;
		color:#fff!important;
 }

strong {
    font-weight: 400;
}

.bg-pink {
    background-color: var(--color-pink-light);
}

section.background-video {
    min-height: 100vh;
    max-width: 100vw;
    position: relative;
    background-size: cover;
    background-color: transparent;
    background-repeat: no-repeat;
}

section.row.fullpage {
    position: relative; 
    background-repeat: no-repeat;
    padding: 80px 0;
    min-height: 100vh;

}
section.row {  
    padding: 120px 0 80px 0;

}

section.row.backgroundcover {
    background-size: cover !important;

}

.bg-01 {
    background-image: url('./img/bg-01.png');
    background-position: top right;
    background-color: var(--color-pink-light);
}

.bg-02 {
    background-image: url('./img/bg-02.png');
    background-position: bottom left;
    background-color: var(--color-pink-light);
}

.bg-03 {
    background-image: url('./img/bg-03.png');
    background-position: top right;
    background-color: var(--color-pink-light);
}

.bg-04 {
    background-image: url('./img/bg-04.png');
    background-position: bottom left;
    background-color: var(--color-pink-light);
}

.navbar-brand {
    position: unset;
    width: 60px;
    height: unset;
    left: unset;
    top: unset;
    z-index: 2;  
    padding: 0;
    margin: 0;
}

.navbar {
    background-color: var(--color-pink-light);
    box-shadow: 0 0 6px rgba(0, 0, 0, .6);
    ;
}

.navbar-brand img {
    width: 100%;
}

.nav-menu .menu-item {
    color: var(--color-brown);
}

.navbar-toggler {
    color: var(--color-brown)
}

.nav-menu li {
    list-style: none;
    display: inline-block;
    margin: 0 .5rem;
}

#mob-menu .menu-item {
    text-align: center;
}

.nav-menu.list-item .menu-item {
    display: list-item;
}

.nav-menu {
    list-style: none;
    padding: 0;
}

.bg-video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

#banner-accept-cookies {
    background-color: rgba(0, 0, 0, .9);
    position: fixed;
    bottom: 0;
    left: 0;
    color: #fff;
    z-index: 4;
}

#banner-accept-cookies a {
    color: var(--color-white-pure)
}

#tnc li {
    margin: 0;
}

#tnc .nav-menu {
    padding: .5rem;
}
#tnc-links-nav li span:before{
	content:'';
	display:inline-block;
	margin:.5rem .5rem 0 .5rem;
	width:.5rem;
	height:.5rem;
	background-color:var(--color-brown);
	border-radius:.5rem;
}
#tnc-links-nav li:first-of-type span:before{
	display:none;
}
@media (min-width:576px) {}

@media (min-width:768px) {}

@media (min-width:992px) {
    section.row { 
        background-size: 70%; 
		background-repeat: no-repeat;
	}

    section.row.fullpage {
        max-width: 100vw;
        position: relative;
        background-size: 70%; 
        background-repeat: no-repeat;
        padding: 80px 0;
        min-height: 100vh;

    }
}

@media (min-width: 1200px) {

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {}
}

@media (min-width: 3000px) {
    .bg-02 {
        background-size: 100%;
    }

    .bg-03 {
        background-size: 100%;
    }

    .bg-04 {
        background-size: 100%;
    }
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    background-color: var(--color-brown);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--color-brown)
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: var(--color-pink-light);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    font-family: 'Noto Serif', serif;
    font-weight: 300;
    color: var(--color-brown);

}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    background-color: var(--color-pink-light);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
    background-color: var(--color-brown);
    font-weight: 400;
    color: #fff;
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
    background-color: unset;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
    border-bottom: none;
    vertical-align: top;
    ;
}

.yith_magnifier_zoom_magnifier{
    background-color: #fff;;
}