/*
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Yanone+Kaffeesatz:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&family=Sofia+Sans+Condensed:wght@400;700&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:wght@400;700&family=Sofia+Sans:wght@400;700&display=swap');
:root{
/*	--ff-text: 'PT Sans', sans-serif; 
	--ff-title: 'PT Sans', sans-serif;
	--ff-text: 'Arsenal', sans-serif;
	--ff-text: 'Sofia Sans Condensed', sans-serif;
*/
	--ff-text: 'Sofia Sans', sans-serif;
	--ff-title: 'Sofia Sans Condensed', sans-serif;
	--color-primary: #fdad02; 
	--color-primary-hover: #fdc502;
	--color-secondary: #777777;
	--color-secondary-hover: #5d5d5d;
	--color-discount: #c23733;
	--color-new: #0f8d56;
	--bs-primary-rgb: #447058;
	--bg-primary-color: #fdc502;
	--bg-primary-color-02: #fbdc9b;
}
html .bg-color-primary, html .bg-primary {
	background-color: var(--bg-primary-color)!important;
}

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

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    border-top-color: var(--bg-primary-color)!important;
}
#header .header-nav-main nav > ul:not(:hover) > li > a.active {
    background-color: var(--bg-primary-color)!important;
    color: #FFF;
}
#header .header-nav-main  nav > ul > li.nav-item > a:hover {
    background-color: var(--bg-primary-color)!important;
    color: #FFF !important;
}
#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
	background-color: var(--bg-primary-color)!important;
	color: #fff !important;
}
 #header .header-body {
    border-bottom-color: rgba(234, 234, 234, 0.5);
    box-shadow: 0 0 3px rgba(234, 234, 234, 0.5);
}

.owl-carousel.show-nav-title .owl-nav button[class*="owl-"], .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav button[class*="owl-"].hover {
    color: var(--bg-primary-color)!important;
}

.border-primary {
    border-color: var(--bs-primary-rgb)!important;
}

::selection{
	color: #fff;
	background: var(--color-secondary);
}

body {
    background-color: #fff;
    color: var(--color-secondary);
    font-family: var(--ff-text);
    font-size: 18px;
    line-height: 30px;
    margin: 0;
}

a {
	color: var(--color-primary);
    line-height: 1.2rem;
}

a:not(.btn):hover,
a:not(.btn).active 
{
	text-decoration: underline;
}

a:hover,
a.active 
{
	color: var(--color-primary);
}

a.author
{
	color: var(--color-secondary);	
}

a.author:hover
{
	color: var(--color-secondary-hover);	
}


h1,
h2,
h3,
h4,
h5,
h6
{
	color: var(--color-secondary);
	font-family: var(--ff-title);
	letter-spacing: 0.01px;
	margin:0;
}

.block-title
{
	border-bottom: 3px solid var(--color-primary);
}

.page-title
{
	border-bottom: 5px solid var(--color-primary);
}

h2{
	font-size: 2.2rem;
	line-height: 2.4rem;
}

h3{
	font-size: 1.8rem;
	line-height: 2rem;
}

h5{
	font-size: 1.3rem;
	line-height: 1.3rem;
}

h1:hover a:hover,
h2:hover a:hover,
h3:hover a:hover,
h4:hover a:hover,
h5:hover a:hover,
h6:hover a:hover
{
	text-decoration: none;
}

p {
    color: var(--color-secondary) !important;
/*    line-height: 1.2rem; */
    margin: 0 0 10px;
}

html .text-color-hover-primary:hover,
#header .header-column .header-extra-info li .header-extra-info-text a,
#header .header-column .header-extra-info li .header-extra-info-text a:hover
{
    color: var(--color-primary);
}

html .text-color-dark,
html .text-dark,
a.text-dark:focus,
.nav-link:not(.active)
{
	color: var(--color-secondary) !important;
}

.nav-pills .nav-link {
    border-radius: 0;
	font-size: 1rem;
	font-weight: 400;
}

.nav-tabs li .nav-link
{
	border-radius: 0 !important;
}

.nav>li.nav-item:not(.dropdown)>a [class*=fa-]
{
	font-size: .8rem;
	padding-right: 5px;
	padding-bottom: 5px;
}

.nav-pills > li.active > a,
.nav-pills .nav-link.active 
{
    background-color: var(--color-primary);
	text-decoration:none;
}

.nav-pills > li.active > a:hover,
.nav-pills .nav-link.active:hover,
.nav-pills > li.active > a:focus,
.nav-pills .nav-link.active:focus
{
    background-color: var(--color-primary-hover);
}

.nav > li > a:not(.active):hover,
.nav > li > a:not(.active):focus
{
    color: var(--color-primary-hover) !important;
}

html .text-color-primary,
html .text-primary 
{
    color: var(--color-primary) !important;
}

html .text-color-hover-primary:hover, 
html .text-hover-primary:hover, 
html .text-hover-primary:hover h5
{
    color: var(--color-primary) !important;
}

.page-header {
    background-color: var(--bs-gray-200);
}

.price .sale + .amount {
    font-size: 0.85rem;
    font-weight: 700;
    margin-right: 4px;
    text-decoration: line-through;
    color: var(--bs-gray-600);
}

.price .sale {
    font-size: 1.1rem;
    font-weight: 700;
	color: var(--bs-dark);
}

.price .amount {
    font-size: 1.1rem;
    font-weight: 700;
	color: var(--bs-dark);
}

.date {
    font-size: .9rem;
    font-weight: 500;
    color: var(--bs-gray-900);
}

.badge-ecommerce {
    font-size: 11px;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 0;
    padding: 6.4px 8px;
    padding: 0.4rem 0.5rem;
}

.badge-danger {
    background-color: var(--color-discount);
    color: #fff;
}

.badge-success {
    background-color: var(--color-new);
    color: #fff;
}

.shop .products .product .quick-view {
    background: var(--color-primary);
}

.shop .products .product:hover .quick-view:hover {
    background: var(--color-primary);
}

.product .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:hover {
    color: #fff;
    background: var(--color-primary);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination .page-item.active .page-link 
{
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary);
}

.pagination > a,
.pagination > a:hover,
.pagination > a:focus,
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: var(--color-primary);
}

#footer {
    background: var(--bs-gray-900);
    border-top: 4px solid var(--bs-gray-900);
    font-size: 0.9em;
    margin-top: 50px;
    padding: 0;
    position: relative;
    clear: both;
}

.list.list-icons li > [class*="fa-"]:first-child,
.list.list-icons li a:first-child > [class*="fa-"]:first-child,
.list.list-icons li > .icons:first-child,
.list.list-icons li a:first-child > .icons:first-child 
{
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.line-height-2 div,
.line-height-2 p
{
	line-height: 1.2;
}

.line-height-3 div,
.line-height-3 p
{
	line-height: 1.3;
}

html .btn-primary {
    background-color: var(--color-primary)  !important;
    border-color: var(--color-primary)  !important;
    color: #fff;
	border-radius: 0;
}

html .btn-primary:hover:not(.bg-transparent),
html .btn-primary.hover:not(.bg-transparent)
{
    border-color: var(--color-primary)  !important;
    background-color: var(--color-primary-hover) !important;
}

html .btn-primary:focus:not(.bg-transparent),
html .btn-primary.focus:not(.bg-transparent) 
{
    border-color: var(--color-primary)  !important;
	background-color: var(--color-primary);
}

html .btn-primary:active:not(.bg-transparent),
html .btn-primary.active:not(.bg-transparent),
html .btn-primary:active,
html .btn-primary.active,
.btn:focus-visible,
html .bg-color-hover-primary:hover, 
html .bg-hover-primary:hover
{
    border-color: var(--color-primary)  !important;
    background-color: var(--color-primary) !important;
    background-image: none !important;
	box-shadow: none;
}

html .btn-dark {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: #fff;
	border-radius: 0;
}

.form-control,
:not(.form-floating)>.input-group-lg .select2-container--krajee-bs5 .select2-selection--single,
:not(.form-floating)>.input-lg.select2-container--krajee-bs5 .select2-selection--single
{
    border-radius: 0 !important;
	border: 1px solid var(--bs-gray-400) !important;
	font-size: 1rem !important;
}

:not(.form-floating)>.input-group-lg .select2-container--krajee-bs5 .select2-selection--single,
:not(.form-floating)>.input-lg.select2-container--krajee-bs5 .select2-selection--single
{
	height: calc(2.825rem + 2px) !important;
}

#header .header-btn-collapse-nav
{
    background: var(--color-primary);
	border-radius: 0;
}

.block-title .category-btn-collapse-nav {
	display: none;
}

#cart-container
{
	background: var(--bs-gray-100) !important;
}

#header .header-nav-features .header-nav-features-cart .header-nav-features-dropdown
{
	background: var(--bs-gray-100) !important;
}

ul.dropdown-menu-user
{
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
}

ul.dropdown-menu-user li
{
	font-size: 1.2rem;
	padding: 0.5rem 1rem;
}

ul.dropdown-menu-user li a.dropdown-item:hover
{
	color: var(--color-primary);
}

@media (max-width: 991.98px){
	.block-title .category-btn-collapse-nav {
		outline: 0;
		display: block;
		position: relative;
		z-index: 1;
		border-radius: 0;
	}
	
	#header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a,
	#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a 
	{
		color: var(--color-secondary);
		display: block;
	}
	
	#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover,
	#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus 
	{
		background: var(--color-primary-hover) !important;
	}
	
	#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active
	{
		background: var(--color-primary);
	}

	a.dropdown-item.active, 
	a.dropdown-item:active
	{
		background: var(--color-secondary);
		text-decoration: none;
		font-weight: bold;
	}
	
	#header .header-nav-main nav > ul li a
	{
		font-size: 1rem;
	}
	
	#header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-title
	{
		font-size: 1rem;
		font-weight: bold;
	}
	
}


@media (min-width: 992px){
	
	.collapse:not(.sow) {
      display: block;
      height: auto !important;
      visibility: visible;
    }
    .collapsing{
      position: relative;
      height: unset !important;
      overflow: hidden;
    }	
	#header .header-nav-bar.header-nav-bar-top-border {
		border-top: 2px solid #EDEDED;
		border-bottom: 2px solid #EDEDED;
	}
	
	#header .header-nav-main nav > ul > li.dropdown:hover > a:before {
		border-bottom-color: var(--color-primary-hover);
	}
	
	#header .header-nav-main nav > ul > li > a {
		display: inline-flex;
		align-items: center;
		white-space: normal;
		color: var(--color-primary);
		font-family: var(--ff-title);
		font-size: 1.6rem;
		font-style: normal;
		font-weight: 400;
		text-transform: uppercase;
		text-decoration: none;
		padding-left: 0.6rem;
		padding-right: 0.6rem;
	}
	
	#header .header-nav.header-nav-line nav > ul > li > a,
	#header .header-nav.header-nav-line nav > ul > li > a:hover,
	#header .header-nav.header-nav-line nav > ul > li.dropdown:hover > a
	{
		padding: 0.5rem 0.6rem;
	}
	
	
	#header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a
	{
		color: var(--color-primary);
	}
	
	#header .header-nav.header-nav-line nav > ul li:not(:hover) > a.active,
	#header .header-nav.header-nav-line nav > ul li:hover > a 
	{
		color: var(--color-secondary);
	}
	
	
	#header .header-nav.header-nav-line nav > ul li:not(:hover) > a.active:before, 
	#header .header-nav.header-nav-line nav > ul li:hover > a.active:before,
	#header .header-nav.header-nav-line nav > ul > li:hover > a:before
	{
		background: var(--color-secondary);
	}
	
	#header .header-nav.header-nav-line nav > ul li:not(:hover) > a.active i.fa-chevron-down,
	#header .header-nav.header-nav-line nav > ul li:hover > a  i.fa-chevron-down,
	#header .header-nav-main nav > ul > li > a.dropdown-toggle i.fa-chevron-down 
	{
		display: inline;
		font-size: 1rem;
		padding-left: .3rem;
		padding-bottom: .3rem;
	}
	
	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title
	{
		font-size: 1.3rem;
	}
	
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a
	{
		font-size: 1rem;
	}
	
}


.modal-header {
	border: none;
	padding: 0.5rem!important;
}

.modal-content {
	border-top-color: var(--color-primary);
	border-top-width: 4px;
    border-radius: 8px;
}

.modal-footer {
	border: none;
}

@media (max-width: 575px){
    .s-text-center
    {
        text-align: center!important;
    }

	.s-clear-padding-left
	{
		padding-left: 0px!important;
	}
}

#header .header-column .header-extra-info-icon {
    font-size: 32px;
    font-size: 1.7rem;
    margin-right: 10px;
}

.line-through {
	text-decoration: line-through;
}

#header .header-logo {
    margin: 0px;
    margin: 0px;
}