/*GENERAL CSS*/

html *:not(i) {
	font-family: var(--primary-font);
}

* {
    box-sizing: border-box;
}

body {
	margin: 0;
}

img {
	vertical-align: middle;
}

a {
	color: var(--black-color);
	text-decoration: none;
}

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

a:focus, a:hover, input, textarea, select {
    outline: none;
}

.img-responsive {
	height: auto;
	max-width: 100%;
}

html {
	font-size: 62.5%;
}

/* Main menu */

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

/* Off-canvas menu */

#site-menu {
	background-color: #fff;
	height: 100vh;
	left: 0;
	padding: 0;
	position: fixed;
	transform: translateX(-100%);
	transition: transform 0.3s ease-in-out;
	width: 100%;
	z-index: 1000003;
}

#site-menu.open {
	transform: translateX(0);
}

.nav-offcanvas {
	padding: 0;
}

.offcanvas-nav.nav {
	position: relative;
}

.header-mobile-burger-close-icon, .woocommerce .header-mobile-burger-close-icon, .woocommerce-page .header-mobile-burger-close-icon {
    cursor: pointer;
	height: 50px;
	max-width: 50px;
	padding: 15px;
	width: 61px;
}

.offcanvas-nav li.nav-main-item {
	border-bottom: 1px solid #aaa;
	margin-bottom: 0;
	position: static;
}

.offcanvas-nav li.nav-main-item .fa-times {
	cursor: pointer;
	font-size: 27px;
	padding: 15px;
}

.offcanvas-nav li.nav-main-item .fa-times:hover {
	color: var(--primary-color);
}

.offcanvas-nav li.nav-main-item > a {
	color: var(--black-color);
	display: block;
	font-size: 16px;
	font-weight: 400;
	padding: 15px 60px 15px 15px;
	position: relative;
	text-transform: uppercase;
}

.offcanvas-nav li.nav-main-item:hover > a {
	color: var(--primary-color);
}

.offcanvas-nav li.nav-main-item.nav-secondary-menu-main-item > a {
	background-color: var(--primary-color);
}

.offcanvas-nav li.nav-main-item.nav-secondary-menu-main-item:hover > a {
	color: var(--black-color);
}

.offcanvas-nav li.nav-main-item a .offcanvas-chevron-right {
	font-size: 17px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.offcanvas-nav .dropdown-menu {
	background-color: #fff;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	display: none;
	height: 100vh;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%;
}

.offcanvas-nav ul.dropdown-menu li.dropdown-submenu {
	border-bottom: 1px solid #dedddb;
}

.offcanvas-nav ul.dropdown-menu li.dropdown-submenu:first-of-type {
	border-bottom: 1px solid #777;
}

.offcanvas-nav ul.dropdown-menu li.dropdown-submenu > a {
	color: var(--black-color);
	display: block;
	font-size: 16px;
	font-weight: 400;
	padding: 15px 60px 15px 15px;
	position: relative;
	text-transform: uppercase;
	white-space: normal;
}

.offcanvas-nav ul.dropdown-menu li.dropdown-submenu > a:hover {
	background-color: transparent;
	color: var(--primary-color);
}

.offcanvas-nav ul.dropdown-menu li.dropdown-submenu:first-of-type > a {
	padding: 15px 0 15px 52px;
	text-align: center;
	width: calc(100% - 52px);
}

.offcanvas-chevron-left {
	left: 15px;
	position: absolute;
}

.dropdown-submenu-header {
	display: flex;
}

.dropdown-submenu-close {
	cursor: pointer;
}

.dropdown-submenu-close:hover {
	color: var(--primary-color);
}

.offcanvas-nav ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu-sub {
	background-color: #fff;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	display: none;
	height: 100%;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}

.offcanvas-nav ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu-sub li {
	border-bottom: 1px solid #dedddb;
}

.offcanvas-nav ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu-sub li a {
	color: var(--black-color);
	display: block;
	font-size: 15px;
	font-weight: 700;
	padding: 15px 60px 15px 15px;
	position: relative;
}

.offcanvas-nav ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu-sub li a:hover {
	color: var(--primary-color);
}

.offcanvas-nav ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu-sub li:first-of-type {
	border-bottom: 1px solid #777;
}

.offcanvas-nav ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu-sub li:first-of-type a {
	font-size: 15px;
	font-weight: 700;
	padding: 15px 35px;
	text-transform: uppercase;
}

.offcanvas-menu ul {
	height: 100vh;
	list-style: none;
	overflow-y: auto;
	padding: 0;
}

/* Product page */

.woocommerce a.added_to_cart {
	display: none;
}

.woocommerce button.button.loading::after {
	margin-left: .53em;
	position: absolute;
	right: unset;
	top: unset;
}

.woocommerce button.button.added::after {
	position: absolute;
}

.woocommerce button.button.loading {
	opacity: 1;
	padding-right: 1em;
}