@import url('https://fonts.cdnfonts.com/css/century-gothic');


body {
		background-color: var(--bg) !important;
		color: var(--font);
		font-family: var(--fontFamily);
		font-size: calc(var(--base-font-size) * 1);
}

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

		a:hover {
				color: var(--font);
				opacity: 0.8;
		}

h1, h2, h3, h4, h5, h6 {
		color: var(--font);
		font-family: var(--fontFamilyHeaders);
}
/*----------------------------------------------------------------------*/
.textX2 {
		font-size: 200% !important;
}

.mainMenu {
		height: 70px;
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		padding-top: 0px !important;
		font-weight: normal;
		z-index: 1000000;
}

		.mainMenu i {
		}

.scrollingMenu {
		transition: all ease-in-out 0.5s;
		height: 60px !important;
		box-shadow: inset 0 3px 6px rgba(0,0,0,0.0), 0 4px 6px rgba(0,0,0,0.45);
}

		.scrollingMenu img {
				height: 50px !important;
		}

		.scrollingMenu i {
		}

.mainMenuHolder {
		height: 0px !important;
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		padding: 10px;
		font-weight: normal;
		z-index: 1000000;
		text-align: center;
		height: 40px;
		transition: all 0.5s ease-out;
		overflow: hidden;
}

.homeBackdrop {
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		background: no-repeat center center fixed;
		z-index: 1;
		background-size: cover;
}

.homeBackdropOverlay {
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		opacity: 0.4;
}

.homeBackdropText {
		text-align: center;
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		padding-top: 30vh;
}

		.homeBackdropText b {
				font-weight: bold !important;
				max-width: 800px;
				display: inline-block;
				line-height: 1.6em;
		}

		.homeBackdropText .smallText {
				font-size: calc(var(--base-font-size) * 1.5) !important;
		}

.sitebody {
		z-index: 1000;
}



.smallText {
		font-size: 70% !important;
}

.siteButton1 {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: bold;
		transition: all 500ms ease;
		background-color: var(--font) !important;
		color: var(--bg) !important;
		border: solid 1px var(--bg) !important;
}

.siteButton2 {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: bold;
		transition: all 500ms ease;
		letter-spacing: 3px;
		background-color: var(--font) !important;
		color: var(--bg) !important;
		border: solid 1px var(--bg) !important;
}

		.siteButton2:hover {
		}

.siteButton3 {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: normal !important;
		transition: all 500ms ease;
		letter-spacing: 3px !important;
		font-weight: 700 !important;
		background: var(--buttonbg) !important;
		color: var(--buttonfont) !important;
		border: none !important;
		cursor: pointer;
		background-color: var(--font) !important;
		color: var(--bg) !important;
		border: solid 1px var(--bg) !important;
}

		.siteButton3:hover {
				background-color: var(--bg) !important;
				color: var(--font) !important;
				border: solid 1px var(--font) !important;
		}



.productImage {
		max-height: 400px;
}

.featProduct1 {
		min-height: 500px;
		text-align: center;
		padding-top: 20px;
}

.featProduct2 {
		text-align: left;
		min-height: 500px;
		padding: 80px
}

		.featProduct2 b {
				font-weight: bold;
				padding-top: 10px;
		}

		.featProduct2 p {
				margin-top: 20px;
		}

.productPrice {
		font-size: calc(var(--base-font-size) * 2);
		font-weight: bold;
}

.featuredCategory {
		margin-top: 50px;
}

		.featuredCategory .columns {
				text-align: center;
				padding: 0px !important;
				padding-bottom: 50px !important;
		}

.productTitleSecondary {
		font-size: calc(var(--base-font-size) * 2);
		margin-bottom: 5px !important;
}

		.productTitleSecondary b {
				font-weight: normal;
				font-size: calc(var(--base-font-size) * 1.2) !important;
		}

.aboutUsSnippet {
		text-align: center;
		padding: 80px;
}

		.aboutUsSnippet b {
				font-weight: bold;
				padding-top: 10px;
		}

		.aboutUsSnippet p {
				margin-top: 20px;
		}

.sectionDivider {
		width: 400px;
		height: 5px;
		margin: auto;
		margin-top: 50px;
		margin-bottom: 50px;
}

.siteNameBottom {
		font-size: calc(var(--base-font-size) * 1.5);
}

.footer ul {
		list-style-type: none !important;
}

.footerLinks {
		list-style-type: none !important;
		margin-top: 20px;
}

		.footerLinks li a {
				font-weight: bold;
				font-size: calc(var(--base-font-size) * 1);
		}

				.footerLinks li a:hover {
						text-decoration: underline;
				}

width: 300px !important;
float: right !important;
height: 40px !important;
box-shadow: none !important;
font-size: calc(var(--base-font-size) * 1) !important;
}



.mainMenuHolder ul {
		list-style-type: none;
		margin: auto;
}

.mainMenuHolder div {
		width: 100%;
		text-align: center;
}

.mainMenuHolder ul li {
		float: none !important;
		margin-bottom: 15px;
		transition: transform 0.25s ease-out;
}

		.mainMenuHolder ul li:hover {
				transform: translateY(-5px);
		}

				.mainMenuHolder ul li:hover a {
				}

		.mainMenuHolder ul li a {
				font-size: calc(var(--base-font-size) * 1.2) !important;
				font-weight: bold !important;
		}



.siteButton4 {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: normal !important;
		height: 43px;
		display: inline-block;
		text-align: center;
		margin-bottom: 0px !important;
}

		.siteButton4:hover {
		}

.siteButton5 {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 10px;
		text-transform: uppercase;
		font-weight: normal !important;
		height: auto;
		display: inline-block;
		text-align: center;
		margin-bottom: 0px !important;
		font-weight: bold !important;
}

		.siteButton5:hover {
				font-weight: bold;
				text-decoration: underline;
		}

.siteButtonBlack {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: normal !important;
		height: 43px;
		display: inline-block;
		text-align: center;
		margin-bottom: 0px !important;
		font-weight: bold !important;
		background-color: var(--font) !important;
		color: var(--bg) !important;
		border: solid 1px var(--bg) !important;
}

		.siteButtonBlack:hover {
				background-color: var(--bg) !important;
				color: var(--font) !important;
				border: solid 1px var(--font) !important;
		}

.siteButtonRed {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: normal !important;
		height: 43px;
		display: inline-block;
		text-align: center;
		margin-bottom: 0px !important;
		font-weight: bold !important;
		background-color: var(--font) !important;
		color: var(--bg) !important;
		border: solid 1px var(--bg) !important;
}

		.siteButtonRed:hover {
				background-color: var(--bg) !important;
				color: var(--font) !important;
				border: solid 1px var(--font) !important;
		}



.siteImage img {
		height: 50px;
		transition: all ease-in-out 0.5s;
}

.facebook i {
		font-size: calc(var(--base-font-size) * 1.2) !important;
		margin: 10px;
		opacity: 0.8;
		transition: all ease-in-out 0.5s;
}

		.facebook i:hover {
				opacity: 1.0;
		}

.twitter i {
		font-size: calc(var(--base-font-size) * 1.2) !important;
		margin: 10px;
		opacity: 0.8;
		transition: all ease-in-out 0.5s;
}

		.twitter i:hover {
				opacity: 1.0;
		}

.instagram i {
		font-size: calc(var(--base-font-size) * 1.2) !important;
		margin: 10px;
		opacity: 0.8;
		transition: all ease-in-out 0.5s;
}

		.instagram i:hover {
				opacity: 1.0;
		}


.subscriberHolder {
}

.webAddressh {
		opacity: 0 !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		max-height: 0 !important;
		max-width: 0 !important;
		z-index: -1 !important;
}

.footerRow {
		padding-bottom: 50px;
		padding: 50px 50px 100px 50px;
}

.featuredCategoryImageHolder {
		min-height: 500px !important;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
}

.banner2Holder {
		min-height: 600px !important;
		width: 100% !important;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
}

.blogDivider {
		min-height: 50px;
		padding: 50px;
		margin-bottom: 50px;
}

.blogItem {
		margin: auto;
		padding: 40px;
		padding-bottom: 0px;
		min-height: 250px;
		margin: 10px;
		min-height: 300px;
}

.blogPreview {
		width: auto;
		text-align: left !important;
		line-height: 20px;
}

.blogItem h4 {
		margin: auto;
		font-size: calc(var(--base-font-size) * 1.5);
		font-weight: bold;
		padding-bottom: 10px;
}

.pageTopSpacer {
		margin-top: 150px !important;
}

.h3ClassForH1 {
		width: 100%;
		text-align: center;
		font-size: calc(var(--base-font-size) * 1.6);
		color: var(--font);
		font-weight: bold;
}

		.h3ClassForH1 a {
		}

.featuredCategoryHolder {
		margin: auto;
		margin-top: 20px;
		width: 100%;
		height: 300px;
		max-width: 500px;
		max-height: 300px;
		background-position: center;
		background-size: cover;
		text-align: center;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
}

.featuredCategoryName {
		display: table-cell;
		vertical-align: middle !important;
		text-align: center !important;
		width: 500px;
		height: 300px;
		max-width: 500px;
		max-height: 300px;
		padding: 10px;
		opacity: 0;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		cursor: pointer !important;
		font-weight: bold;
}

		.featuredCategoryName b {
				font-weight: normal !important;
		}

/*.featuredCategoryHolder:hover {
		opacity: 0.82;
		-webkit-box-shadow: 3px 5px 4px -1px rgba(0,0,0,0.39);
		-moz-box-shadow: 3px 5px 4px -1px rgba(0,0,0,0.39);
		box-shadow: 3px 5px 4px -1px rgba(0,0,0,0.39);
}*/

.featuredCategoryHolder:hover .featuredCategoryName {
		opacity: 0.82;
}

.CategoryBeautyBottomTitle {
		width: 100% !important;
		text-align: center;
		padding: 10px;
}

.variantOption {
		width: 200px;
}

.l_product_item {
		text-align: center;
		max-width: 500px !important;
		margin: auto;
		margin-bottom: 30px;
}

.l_p_img {
		width: 100%;
		text-align: center;
		overflow: hidden;
}

		.l_p_img img {
				margin: auto;
				max-width: 300px;
				padding-top: 10px;
		}

.l_p_text {
		height: 200px;
}

		.l_p_text h4 {
				height: 70px;
				padding: 10px;
				overflow: hidden;
		}

		.l_p_text h5 {
				margin-bottom: 50px;
				font-size: calc(var(--base-font-size) * 1.2);
		}

.variantFromProductList {
		font-size: calc(var(--base-font-size) * 1);
		display: inline;
}

del {
		display: inline;
		font-size: calc(var(--base-font-size) * 1);
}

.pagination i {
		font-size: calc(var(--base-font-size) * 1) !important;
}

.pagination {
		margin-bottom: 40px;
		padding-right: 30px;
		padding-left: 30px;
}

		.pagination a {
				font-size: calc(var(--base-font-size) * 1.2);
				padding: 10px;
				margin-right: 10px;
		}

.currentPagination {
		background-color: var(--font);
		color: var(--bg);
}

.pagination a:hover {
}

.offSiteCategoryMenu {
		position: fixed;
		top: 0;
		left: -400px;
		width: 0px;
		height: 100vh;
		transition: all 0.5s ease-in-out;
		padding-top: 100px;
		padding-left: 20px;
		padding-right: 20px;
		z-index: 10000;
}

.offSiteCategoryMenuActive {
		width: 400px !important;
		left: 0;
}


.category-menu {
		list-style: none;
		max-width: 300px;
}

		.category-menu li a {
				display: block;
				position: relative;
				font-size: calc(var(--base-font-size) * 1);
				padding: 9px 0 5px 20px;
		}

				.category-menu li a span {
						float: right;
				}

				.category-menu li a:after {
						position: absolute;
						content: "";
						width: 9px;
						height: 9px;
						left: 0;
						top: 13px;
				}

				.category-menu li a:hover {
						font-weight: bold;
				}

						.category-menu li a:hover:after {
								background: #333;
						}

				.category-menu li a:last-child a {
						margin-bottom: 0;
				}

		.category-menu li .sub-menu {
				list-style: none;
				overflow: hidden;
				height: 0;
				-webkit-transform: rotateX(90deg);
				transform: rotateX(90deg);
				opacity: 0;
				-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
				transition: opacity 0.8s, -webkit-transform 0.4s;
				-o-transition: transform 0.4s, opacity 0.4s;
				transition: transform 0.4s, opacity 0.4s;
				transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
		}

				.category-menu li .sub-menu li a {
						padding-left: 45px;
				}

		.category-menu li:hover > a {
				font-weight: bold;
		}

		.category-menu li.active > .sub-menu {
				display: block;
				height: auto;
				opacity: 1;
				-webkit-transform: rotateX(0deg);
				transform: rotateX(0deg);
		}

		.category-menu li.active > .sub-menu {
				display: block;
				height: auto;
				opacity: 1;
				-webkit-transform: rotateX(0deg);
				transform: rotateX(0deg);
		}

				.category-menu li.active > .sub-menu .sub-menu2 {
						display: block;
						height: auto;
						opacity: 1;
						-webkit-transform: rotateX(0deg);
						transform: rotateX(0deg);
				}

.closeCategory {
		font-size: calc(var(--base-font-size) * 1.2);
		font-weight: bold;
		float: right;
		margin-right: 10px;
		display: inline-block;
		margin-top: -20px;
}

.CategoryBeautyBottomTitle {
		display: none;
}

.featuredCategoryName {
		display: none;
}

.featuredCategoryHolder {
		width: 100%;
		max-height: 520px;
		min-height: 200px;
}

.featuredCategoryOverlay {
		position: relative; /* Sit on top of the page content */
		width: 100%; /* Full width (cover the whole page) */
		height: 100%; /* Full height (cover the whole page) */
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
		cursor: pointer; /* Add a pointer on hover */
		padding: 30px;
		overflow: hidden;
}

		.featuredCategoryOverlay h4 {
				font-size: 21.98px;
				font-weight: bold;
		}

		.featuredCategoryOverlay p {
		}

.mainProductImage {
		width: 100%;
		float: right;
}

		.mainProductImage img {
				max-width: 400px;
				padding: 20px;
				float: right;
		}

.thumbnailImage {
		display: inline-flex;
		padding: 20px;
		float: right;
}

		.thumbnailImage img {
				max-width: 80px;
		}

.h3ClassForH3 {
		width: 100%;
		text-align: right;
		font-size: calc(var(--base-font-size) * 1.2);
		font-weight: bold;
		color: var(--font) !important;
}

.stockStatus {
		font-size: calc(var(--base-font-size) * 1);
}

.setPrice {
		font-weight: bold;
		font-size: calc(var(--base-font-size) * 2);
}

.socialShare {
		text-align: center;
		width: 100%;
}

.jssocials-share-link {
		padding: .6em .7em !important;
}

.jssocials-share-logo {
		font-size: calc(var(--base-font-size) * 1) !important;
}

.variantNameHolder {
		min-width: 85px !important;
		padding-top: 10px !important;
		display: inline;
		float: left;
		font-weight: bold;
		text-align: left;
}

.sst {
		width: 40px !important;
		text-align: center;
		font-weight: bold;
		float: left;
		background-color: var(--bg) !important;
		border: none !important;
}

.items-count {
		float: left;
		height: 37px !important;
		width: 40px !important;
		padding: 0 !important;
		padding-top: 3px !important;
		background: var(--buttonbg);
		color: var(--buttonfont);
}

		.items-count:hover {
				background: var(--buttonfont);
				color: var(--buttonbg);
		}

.comparePrice {
		line-height: 2.0em !important;
		text-decoration: line-through;
		font-size: calc(var(--base-font-size) * 1);
}

.productActionHolder {
		max-width: 600px;
		text-align: left;
		padding-right: 15px;
		overflow: hidden !important;
}



.productInformationHolder {
		width: 100% !important;
		float: left;
		min-height: 300px;
		padding: 10px 0px;
		border-top: solid 1px var(--font);		
		padding: 5px;
}

		.productInformationHolder > * {
				font-size: calc(var(--base-font-size) * 0.95) !important;
		}

.sizeChartButton {
		float: left;
		margin-left: 85px;
		text-align: center;
		margin-bottom: 20px;
		padding: 10px;
		width: 167px;
}

#body_divUploadify {
		float: right;
		width: 100%;
		margin-bottom: 20px;
		padding: 10px;
}

.white-popup {
		min-width: 400px;
		max-width: 90vw;
		max-height: 90vh;
		padding: 30px;
		margin: auto;
		font-size: calc(var(--base-font-size) * 1.2);
		font-weight: bold;
		text-align: center;
		background-color: var(--bg) !important;
		color: var(--font) !important
}

.mfp-close {
		font-size: calc(var(--base-font-size) * 1.2);
		color: var(--font) !important;
}

.mfp-content {
		background-color: var(--bg) !important;
}

@media only screen and (max-width: 1024px) {
		.mainProductImage img {
				float: none !important;
				max-width: 100%;
		}

		.thumbnailImage {
				float: none !important;
		}

		.variantOption {
				width: 100%;
				min-width: 100%;
		}

		.productActionHolder {
				max-width: 100%;
		}

		.variantNameHolder {
				margin-bottom: 10px;
		}

		.productActionHolder .siteButton2 {
				margin-left: 0px !important;
		}
}

@media only screen and (max-width: 1570px) {
		.siteTabButton {
				width: 100% !important;
				text-align: left;
				margin-left: 0px !important;
		}
}

.emptyShopping {
		font-size: 120px;
		padding: 80px;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
		background-color: var(--bg) !important;
		color: vaR(--font) !important;
}

.table {
		max-width: 940px;
		width: 100%;
		margin: auto;
		background-color: var(--bg) !important;
		color: vaR(--font) !important;
}

		.table tr th {
				font-size: calc(var(--base-font-size) * 1);
				text-align: left;
				font-weight: normal;
				background-color: var(--bg) !important;
				color: vaR(--font) !important;
		}

		.table tr td {
				padding-top: 20px;
				padding-left: 0px !important;
				padding-bottom: 20px;
				background-color: var(--bg) !important;
				color: vaR(--font) !important;
		}

.cartImage {
		float: left;
		display: inline;
		padding: 10px;
}

.cartProduct {
		margin-left: 100px !important;
		float: left;
		display: inline;
}

		.cartProduct b {
				font-size: calc(var(--base-font-size) * 1.2);
		}

		.cartProduct span {
				font-size: calc(var(--base-font-size) * 1);
				margin-top: 5px;
		}

		.cartProduct a {
				font-size: calc(var(--base-font-size) * 1);
				padding-top: 10px;
				text-decoration: underline;
		}

.cartPrice {
		float: left;
		display: inline;
		vertical-align: top !important;
}

.cartTotal {
		float: right;
		display: inline;
		font-weight: 700;
}

.cart_quantity_input {
		height: 50px !important;
		text-align: center !important;
		width: 60px !important;
		padding: 10px 5px !important;
		float: right;
		background: var(--bg) !important;
		border: solid 1px var(--font) !important;
		color: var(--font) !important;
}

.cartTotalHolder {
		padding-top: 80px;
		font-size: calc(var(--base-font-size) * 1.5);
		margin: auto;
		text-align: right;
		max-width: 940px;
}

		.cartTotalHolder b {
				margin-left: 20px;
				font-size: calc(var(--base-font-size) * 1.2);
		}

		.cartTotalHolder span {
				font-size: calc(var(--base-font-size) * 1) !important;
		}

.cartActionsHolder {
		padding-top: 10px;
		margin: auto;
		text-align: left;
		max-width: 940px;
}

@media only screen and (max-width: 970px) {
		.cartImage {
				width: 100% !important;
		}

		.cartProduct {
				margin-left: 0px !important;
		}
}

.checkoutCart {
		max-width: 450px;
		margin: auto;
		list-style-type: none;
}

		.checkoutCart img {
				max-width: 60px;
				max-height: 60px;
				float: left;
		}

		.checkoutCart h6 {
				font-size: calc(var(--base-font-size) * 1.2) !important;
				float: left;
				margin-left: 20px;
				margin-top: 20px;
		}

		.checkoutCart p {
				float: right;
				margin-top: 20px;
				font-size: calc(var(--base-font-size) * 1);
				font-weight: bold;
		}

.TotalLine {
		width: 100%;
		float: left;
}

		.TotalLine h6 {
				margin-top: 0px;
				font-size: calc(var(--base-font-size) * 1) !important;
		}

		.TotalLine p {
				margin-top: 0px;
		}

		.TotalLine:last-child h6 {
				font-weight: bold;
		}

		.TotalLine:last-child p {
				font-weight: bold;
				font-size: calc(var(--base-font-size) * 1.5);
		}

.inputText {
		height: 50px !important;
}

.selectpickerDropDown {
		height: 50px;
		font-weight: bold;
		padding-left: 10px;
}

.checkoutShippingOptions p {
		font-size: calc(var(--base-font-size) * 1.5);
		text-transform: uppercase;
		font-weight: bold;
}

.deliveryTimeFram {
		font-size: calc(var(--base-font-size) * 1) !important;
		display: block;
		text-transform: none;
}

.shipOptionLabel {
		font-size: calc(var(--base-font-size) * 1.2);
		font-weight: bold;
}

margin-bottom: 0px;
}

.giftCardHolder h4 {
		font-size: calc(var(--base-font-size) * 1.5);
		text-transform: uppercase;
		font-weight: bold;
		float: left;
		display: block;
}

.giftCardHolder span {
		float: left;
		display: block;
		width: 100%;
}

.giftCardHolder a {
		float: left;
}

.paymentOptionHolder {
		list-style-type: none;
		margin-left: 0px;
}

		.paymentOptionHolder li {
				width: 100%;
				float: left;
				padding-bottom: 15px;
		}

		.paymentOptionHolder h4 {
				font-size: calc(var(--base-font-size) * 1.5);
				text-transform: uppercase;
				font-weight: bold;
				float: left;
				display: block;
		}

		.paymentOptionHolder span {
				float: left;
				display: block;
				width: 100%;
		}

		.paymentOptionHolder .btnPaymentOption {
				float: left;
		}


.fa-shopping-cart {
		z-index: 999;
}

.categoryMenuSecondary {
		height: 0px !important;
		overflow: hidden;
		transition: all 0.5s ease-out;
}

.categorySlideDown {
		height: 100% !important;
		overflow-y: scroll;
}


.slideDown {
		height: 100vh !important;
		padding-top: 80px !important;
}

/* Zoom In #1 */
.hover01 {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
}

		.hover01:hover {
				transform: scale(1.05);
				-webkit-transform: scale(1.05);
		}

.newClass {
		-webkit-font-smoothing: antialiased;
		text-align: center !important;
		margin: 0 0 20px;
		letter-spacing: inherit;
		text-transform: inherit;
		font-style: normal;
		font-weight: 700;
		font-size: calc(var(--base-font-size) * 2);
		line-height: 1.225;
		margin-bottom: 0;
		text-transform: uppercase;
		text-rendering: optimizeLegibility;
}

.articleImage {
		width: 100%;
		height: 200px;
		overflow: hidden !important;
}


		.articleImage img {
				min-width: 100%;
				object-fit: cover !important;
				object-position: center;
		}

.articleBody {
		padding: 20px;
		width: 100%;
		height: 300px;
}

		.articleBody span {
				font-size: calc(var(--base-font-size) * 1);
				margin-bottom: 20px;
				width: 100%;
				float: left;
		}

		.articleBody h2 {
				-webkit-font-smoothing: antialiased;
				text-align: left !important;
				margin: 0 0 20px;
				letter-spacing: inherit;
				text-transform: capitalize;
				font-style: normal;
				font-weight: 700;
				font-size: calc(var(--base-font-size) * 2);
				font-weight: bold;
				line-height: 1.225;
				margin-bottom: 0;
				padding-bottom: 10px;
				color: var(--font) !important;
		}

		.articleBody p {
				font-size: calc(var(--base-font-size) * 1.1);
		}

		.articleBody a {
				font-size: calc(var(--base-font-size) * 1);
				margin-bottom: 20px;
				float: left;
				font-weight: bold;
				float: left;
				margin-right: 20px;
		}

				.articleBody a:hover .icon-arrow-right {
						transform: translateX(50%);
				}

				.articleBody a:hover {
				}



.icon-arrow-right {
		font-style: normal;
		line-height: 1.625;
		-webkit-font-smoothing: antialiased;
		list-style: none;
		visibility: visible;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 1.25px;
		display: flex;
		vertical-align: middle;
		overflow: hidden;
		width: 7px;
		height: 7px;
		fill: #3c5629;
		transition: all 500ms ease-out;
		float: left;
		margin-top: 2px;
		margin-left: 10px;
}

.olderBlogs {
		padding: 30px;
}

		.olderBlogs ul {
				list-style-type: none;
				text-align: center;
		}

				.olderBlogs ul li {
						font-size: calc(var(--base-font-size) * 1.2);
						font-weight: bold;
						padding-bottom: 5px;
				}

a:focus {
}

.siteButton2:focus {
}

		.siteButton2:focus:hover {
		}

.mfp-close {
		right: auto !important;
}


@media only screen and (max-width: 1000px) {
		.maxWidth1000 {
				width: 100vw !important;
				margin: auto;
				max-width: 100%;
		}

		.mainMenu i {
				font-size: calc(var(--base-font-size) * 1.2) !important;
		}

		.hideForSmall {
				display: none;
		}

		.footerRow div {
				text-align: center !important;
				padding: 10px !important;
		}

		.footerRow {
				padding: 0px;
		}

		max-width: 200px !important;
}

.smallSorter {
		width: 100%;
		float: left;
}

.l_p_text h4 {
		font-weight: bold;
		font-size: calc(var(--base-font-size) * 1.2);
}

.l_p_text h5 {
		font-weight: bold !important;
}

.smallCheckoutRow {
		display: block !important;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
		font-weight: bold !important;
}

.blogHomeItem {
		font-size: calc(var(--base-font-size) * 1.2);
		line-height: 1.5em;
}

.articleImage {
		width: 100% !important;
}

.articleBody {
		width: 100% !important;
}

.smallBlogReadItem {
		padding: 10px !important;
		padding-top: 30px !important;
}

.pageHtml {
		padding-right: 20px !important;
		padding-left: 10px !important;
}

.textAlignRight {
		text-align: left !important;
}

.orderDetail {
		padding: 0px !important;
}



.site-btn {
		font-size: calc(var(--base-font-size) * 1) !important;
		padding: 15px 40px 15px 40px;
		text-transform: uppercase;
		font-weight: bold;
		transition: all 500ms ease;
		margin-top: 30px;
		background-color: var(--font);
		color: var(--bg) !important;
}

.noticeBar {
		width: 100vw;
		min-height: 30px;
		display: none;
		text-align: center;
		padding: 5px;
		padding-top: 10px;
		font-size: calc(var(--base-font-size) * 1);
		margin-bottom: 0px;
		background-color: var(--notifybg) !important;
		color: var(--notifyfont) !important;
}

.noteiceBarShowing {
		padding-top: 0px !important;
		height: 100px !important;
}

.noteiceBarShowing2 {
		padding-top: 120px !important;
}

@media only screen and (max-width: 900px) {
		.articleBody {
				min-height: 300px;
				height: auto !important;
		}

		.h2NewRelease {
				padding: 5px !important;
		}

		.siteImage img {
				height: auto !important;
				max-height: 48px !important;
		}

		.scrollingMenu img {
				height: auto !important;
		}

		.headingFont {
		}
}

.featuredProduct h3 {
		font-size: calc(var(--base-font-size) * 1);
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
}

.featuredProduct .variantFrom {
		font-weight: bold !important;
}

.featuredProductImage {
		width: 100%;
		text-align: center;
		margin: auto;
}

		.featuredProductImage img {
				object-fit: cover;
				margin: auto;
				position: relative;
				top: 0;
				left: 0;
				-webkit-transition: opacity 1s ease-in-out;
				-moz-transition: opacity 1s ease-in-out;
				-o-transition: opacity 1s ease-in-out;
				transition: opacity 1s ease-in-out;
		}

.tag-newrelease {
		text-align: center;
		padding: 5px;
		min-width: 105px;
		background: #25BCC3;
		position: absolute;
		left: 16px;
		top: 14px;
		font-size: calc(var(--base-font-size) * 1);
		font-weight: 700;
		background: #25BCC3;
		line-height: 1;
		text-transform: uppercase;
		padding: 5px !important;
		width: 42px;
		z-index: 1000;
}

.tag-newreleaseprodcutlist {
		text-align: center;
		padding: 5px;
		min-width: 150px;
		background: #25BCC3;
		position: absolute;
		top: 14px;
		font-size: calc(var(--base-font-size) * 1.2);
		font-weight: 700;
		background: #25BCC3;
		line-height: 1;
		text-transform: uppercase;
		padding: 5px !important;
		width: 42px;
		z-index: 1000 !important;
}

.h2NewRelease {
		text-align: center;
		font-size: calc(var(--base-font-size) * 2) !important;
		font-weight: normal;
		padding: 20px;
		text-transform: uppercase;
		text-rendering: optimizeLegibility;
		font-weight: normal !important;
}

.multiImageHover:hover .firstImage {
		display: none;
}

.multiImageHover:hover .secondImage {
		display: block;
}

.discountedPercent {
		font-weight: bold;
		margin-left: 4px !important;
}

.webPageText {
		line-height: 30px !important;
}

.websitePageFullBanner {
		width: 100vw !important;
		text-align: center !important;
		position: relative;
}

.marginTop50 {
		margin-top: 50px !important;
}

.featuredProduct {
		padding: 20px !important;
		margin-bottom: 20px !important;
}

.smallFeatImage {
		text-align: center;
		overflow: scroll !important;
}

		.smallFeatImage img {
				display: inline;
				margin: 0 auto;
				height: 150%;
				width: auto;
				margin-top: -25% !important;
		}

		.smallFeatImage .cropper {
				width: 100px;
				height: 100px;
				position: relative;
				overflow: hidden;
				display: inline-flex;
				margin: 10px;
				transition: all .2s ease-in-out;
		}


.cropper:hover {
		transform: scale(1.1);
}

.owl-prev {
		font-size: calc(var(--base-font-size) * 2) !important;
		margin-right: 10px;
}

.owl-next {
		font-size: calc(var(--base-font-size) * 2) !important;
		margin-left: 10px;
}

.owl-dots {
		display: none;
}

.featItemSale {
		font-size: calc(var(--base-font-size) * 1) !important;
		text-decoration: line-through !important;
}

.fromVariantCost {
		font-size: calc(var(--base-font-size) * 1) !important;
		font-weight: normal !important;
		margin-right: 3px;
}

.banner2Button {
		display: block !important;
		width: 200px !important;
		margin: auto !important;
		margin-bottom: 10px !important;
}

.banner2TextHolder {
		padding-bottom: 14px;
		padding-top: 10px;
}

.banner2Description {
		font-size: calc(var(--base-font-size) * 1.5) !important;
}

.featuredCategory2 {
}

.categoryHolder {
		padding: 0px !important;
		overflow: hidden !important;
}

.featuredCategory2 .categoryHolder img {
		height: 600px !important;
		width: 100%;
		object-fit: cover;
}

.categoryHolder img {
		transition: all 1s ease-in-out;
}

.categoryHolder:hover img {
		transform: scale(1.05);
		opacity: 0.4;
}



.categoryHolder .centered {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 90% !important;
		text-align: center;
		font-size: calc(var(--base-font-size) * 1.2) !important;
		line-height: 20px;
}

		.categoryHolder .centered b {
				margin-top: 20px;
				display: block;
				font-size: calc(var(--base-font-size) * 2) !important;
				line-height: 40px;
		}

		.categoryHolder .centered a {
				font-size: calc(var(--base-font-size) * 1) !important;
				padding: 15px 20px !important;
				display: block;
				width: 120px;
				text-align: center;
				margin: auto;
				margin-top: 20px;
		}


.productImtemHolder {
		max-width: 250px;
		margin: auto;
		overflow: hidden;
		cursor: pointer;
		margin-bottom: 50px;
		padding: 5px;
}

		.productImtemHolder span {
				font-size: calc(var(--base-font-size) * 1.2);
				margin-bottom: 5px;
				float: left;
				width: 100% !important;
				text-overflow: ellipsis !important;
				overflow: hidden;
				height: 25px;
				white-space: nowrap;
				padding-top: 5px;
		}

		.productImtemHolder img {
				max-width: 100%;
		}

		.productImtemHolder b {
				float: left;
				font-size: calc(var(--base-font-size) * 1.2);
				font-style: italic;
				padding-right: 4px;
				margin-top: 3px;
		}

		.productImtemHolder del {
				padding-left: 4px;
		}

		.productImtemHolder .tag-newreleaseprodcutlist {
				text-align: center;
				padding: 10px;
				min-width: 50px;
				background: #25BCC3;
				position: absolute;
				top: 14px;
				font-size: calc(var(--base-font-size) * 1.2);
				font-weight: 700;
				background: #25BCC3;
				line-height: 1;
				text-transform: uppercase;
				padding: 5px !important;
				width: 42px;
				z-index: 1000 !important;
				top: 0px !important;
				left: 50% !important;
				transform: translate(-50%, -50%) !important;
		}

.reloadProds {
}




.row {
		max-width: 100vw;
}

html, body {
		max-width: 100%;
		overflow-x: hidden;
}

form {
		margin: 0 !important;
}

body {
		font-weight: normal !important;
}

a:hover, a:focus, a:active, a:focus {
}


/*tranquil*/
nav li {
		display: inline-flex;
		list-style-type: none;
		position: relative;
		margin-left: 5px;
		margin-right: 5px;
}

		nav li ul {
				display: none;
				position: absolute;
				left: 0;
				top: 100%;
				margin: 0;
				padding: 0;
				text-align: left;
				width: auto !important;
				min-width: 270px;
				padding-bottom: 20px;
		}

				nav li ul li {
						margin-top: 15px;
						width: 100%;
				}

nav ul li:hover {
		padding-bottom: 10px;
}

nav ul li ul li:hover {
		padding-bottom: 0px !important;
		font-weight: 700 !important;
}
/*
nav ul li ul li:hover {
}*/

nav li:hover > ul {
		display: block;
		background-color: var(--bg) !important;
		border-left: solid 2px var(--font) !important;
}

nav a {
		padding: 5px 10px;
		text-align: center;
		height: 20px;
		display: block;
		font-size: calc(var(--base-font-size) * 0.9);
		text-transform: uppercase;
		letter-spacing: 2px;
}

.topBar {
		height: 150px !important;
}

		.topBar ul {
				list-style-type: none !important;
				z-index: 20 !important;
		}


.siteSpecificLogo {
		max-height: 90px !important;
		max-width: 200px;
}

nav {
		padding-top: 65px !important;
		text-align: center;
}

.imgBannerOne {
		width: 100vw !important;
		z-index: 10 !important;
}

.fullScreenColumn {
		padding: 0px !important;
}

.maxWidth1000 {
		width: 100vw !important;
		max-width: 1200px !important;
		margin: auto;
}

.smallBannerHolder {
		margin: 20px;
		height: 262px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		background-color: var(--font);
		color: var(--bg);
}

		.smallBannerHolder img {
				flex-shrink: 0;
				min-width: 100%;
				min-height: 100%;
		}

		.smallBannerHolder div {
				padding: 50px !important;
				width: 100% !important;
		}

				.smallBannerHolder div b {
						font-size: calc(var(--base-font-size) * 1.5);
						letter-spacing: 4px;
						margin-bottom: 20px;
						display: block;
						text-transform: uppercase;
						font-weight: 300 !important;
						font-family: var(--fontFamilyHeaders);
				}

				.smallBannerHolder div p {
						font-size: calc(var(--base-font-size) * 1.2);
						overflow: hidden;
						/*white-space:nowrap;*/
						max-height: 72px;
						width: 100% !important;
						text-transform: uppercase !important;
						font-weight: 300 !important;
				}

				.smallBannerHolder div a {
						letter-spacing: 2px;
						padding: 10px 20px;
						font-weight: 700 !important;
						margin-top: 5px;
						display: inline-block;
						width: auto !important;
						font-size: 110%;
						transition: all ease-in-out 0.5s;
						text-transform: uppercase !important;
						color: var(--bg) !important;
						border: solid 1px var(--bg);
				}

						.smallBannerHolder div a:hover {
								letter-spacing: 2px;
								padding: 10px 20px;
								font-weight: 700 !important;
								margin-top: 5px;
								display: inline-block;
								width: auto !important;
								font-size: 110%;
								color: var(--font) !important;
								background-color: var(--bg) !important;
						}

h2 {
		text-align: center !important;
		font-size: calc(var(--base-font-size) * 1.8) !important;
		font-weight: normal;
		padding: 0;
		margin: 0;
		letter-spacing: 4px;
		padding: 30px 0px;
		font-weight: 500 !important;
		text-transform: uppercase;
}

.container {
		position: relative;
		text-align: center;
		padding: 20px !important;
		cursor: pointer;
}

		.container img {
				/*opacity:0.5 !important;*/
		}

.productOverlay {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: all ease-in-out 0.3s;
		/*opacity: 0.8;*/
}

.centered {
		position: absolute;
		top: 20%;
		left: 50%;
		transform: translate(-50%, -50%);
		visibility: hidden !important;
		transition: all ease-in-out 0.3s;
		visibility: visible !important;
		transform: translate(-50%, 90%);
}

.container:hover img {
		opacity: 0.3;
}

.container:hover .productOverlay {
		opacity: 1 !important;
		overflow: hidden !important;
}

.container:hover .centered {
		visibility: visible !important;
		transform: translate(-50%, 10%);
}

.productTitle {
		font-weight: 500 !important;
		font-size: calc(var(--base-font-size) * 1.3);
		text-transform: uppercase;
		display: block;
		letter-spacing: 4px;
		margin-bottom: 20px;
}

.productCost {
		font-size: calc(var(--base-font-size) * 1.2);
		font-weight: 500;
}

		.productCost b {
				font-size: calc(var(--base-font-size) * 1.2);
				font-weight: 500;
				text-decoration: line-through;
		}

.saleTag {
		width: 100px;
		position: absolute;
		top: 0;
		right: 0;
		padding: 10px;
		font-size: calc(var(--base-font-size) * 1);
		letter-spacing: 4px;
		background-color: var(--font);
		color: var(--bg) !important;
}

.newTag {
		background-color: #42BFD5;
		color: #fff !important;
		width: 100px;
		position: absolute;
		top: 0;
		right: 0;
		padding: 10px;
		font-size: calc(var(--base-font-size) * 1);
		letter-spacing: 4px;
}

.doubleTag {
		top: 34px;
}

.cartHolder {
		float: right;
		padding: 15px;
		display: block;
		background-color: var(--font) !important;
		color: var(--bg) !important;
		border: dashed 1px var(--font) !important;
}

		.cartHolder i {
				color: var(--bg) !important;
		}

		.cartHolder:hover {
				background-color: var(--bg) !important;
				color: var(--font) !important;
				border: dashed 1px var(--font) !important;
		}

				.cartHolder:hover i {
						color: var(--font) !important;
				}

		.cartHolder a {
				font-size: calc(var(--base-font-size) * 1);
		}

.cartCounter {
		font-size: calc(var(--base-font-size) * 1);
		padding-left: 3px;
		padding: 3px 5px;
		font-weight: bold;
		margin-left: 3px;
		float: right;
		z-index: 1000000 !important;
}

.siteSearch {
		text-align: center !important;
		float: right;
		display: block;
		position: absolute !important;
		top: 52px;
		right: -2px;
		width: 192px;
		background-color: var(--bg) !important;
}

.borderlessInputSearch {
		width: 150px !important;
		height: 40px !important;
		box-shadow: none !important;
		display: inline-block !important;
		margin-bottom: 0px !important;
		float: left;
		font-size: calc(var(--base-font-size) * 1) !important;
		background-color: var(--bg) !important;
		color: var(--font) !important;
		border: solid 1px var(--font) !important;
		border-right: none !important;
		background: var(--bg) !important;
}

		.borderlessInputSearch::placeholder {
				color: var(--font) !important;
				opacity: 0.7;
		}

.searchButton {
		font-size: calc(var(--base-font-size) * 1) !important;
		text-transform: uppercase;
		font-weight: normal !important;
		height: 40px;
		display: inline-block;
		text-align: center;
		margin-bottom: 0px !important;
		width: 40px;
		float: left;
		padding: 5px;
		background-color: var(--bg) !important;
		color: var(--font) !important;
		border: solid 1px var(--font) !important;
		border-left: none !important;
}

.siteButton4:hover {
}

.blogHolder {
		height: 524px;
}

.blogHolder_Image {
		height: 262px;
}

		.blogHolder_Image img {
				height: 100%;
				width: 100%;
				object-fit: cover;
		}

.blogHolder_Text {
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		height: 265px;
		background-color: var(--font) !important;
		color: var(--bg) !important;
}

		.blogHolder_Text div {
				padding: 50px !important;
				width: 100% !important;
				background-color: var(--font) !important;
				color: var(--bg) !important;
		}

				.blogHolder_Text div b {
						font-size: calc(var(--base-font-size) * 1.2);
						letter-spacing: 4px;
						margin-bottom: 20px;
						display: block;
						text-transform: uppercase;
						font-weight: 300 !important;
						overflow: hidden;
						height: 70px;
						background-color: var(--font) !important;
						color: var(--bg) !important;
				}

				.blogHolder_Text div p {
						font-size: calc(var(--base-font-size) * 0.9);
						overflow: hidden;
						/*white-space:nowrap;*/
						max-height: 52px;
						width: 100% !important;
						text-transform: uppercase !important;
						font-weight: 300 !important;
						background-color: var(--font) !important;
						color: var(--bg) !important;
				}

				.blogHolder_Text div a {
						letter-spacing: 2px;
						padding: 10px 20px;
						font-weight: 700 !important;
						margin-top: 5px;
						display: inline-block;
						width: auto !important;
						transition: all ease-in-out 0.5s;
						text-transform: uppercase !important;
						color: var(--bg) !important;
						border: solid 1px var(--bg);
						font-size: calc(var(--base-font-size) * 1);
				}

						.blogHolder_Text div a:hover {
								letter-spacing: 2px;
								padding: 10px 20px;
								font-weight: 700 !important;
								margin-top: 5px;
								display: inline-block;
								width: auto !important;
								transition: all ease-in-out 0.5s;
								text-transform: uppercase !important;
								color: var(--font) !important;
								background-color: var(--bg) !important;
								border: solid 1px var(--bg);
						}

.rowDivider {
		padding-top: 50px;
		padding-bottom: 50px;
}

.headerDivider {
		margin-bottom: 20px !important;
}

.footer {
		min-height: 150px;
		margin-top: 50px;
		padding-top: 50px;
		border-top: solid 1px var(--font);
}

		.footer .fab {
				font-size: calc(var(--base-font-size) * 1.5) !important;
		}

.footerHeader {
		font-size: calc(var(--base-font-size) * 1.2) !important;
		font-weight: 500;
		letter-spacing: 3px;
		padding-bottom: 3px;
		font-family: var(--fontFamilyHeaders);
		text-decoration: underline;
}

.footer ul {
		margin: 0px !important;
		padding: 0px !important;
		margin-top: 15px !important;
}

		.footer ul li a {
				font-size: calc(var(--base-font-size) * 0.9) !important;
				margin-top: 10px;
				text-transform: uppercase;
		}

		.footer ul li:hover a {
		}

.txtEmailAddressHookup2 {
		width: 100% !important;
		margin: 0px !important;
		padding: 0px !important;
		margin-top: 20px !important;
		padding: 15px !important;
		font-size: calc(var(--base-font-size) * 1) !important;
}

.siteButton3_ext {
		padding: 10px 20px;
		width: 100% !important;
		margin-top: 15px;
		font-size: calc(var(--base-font-size) * 1) !important;
		font-weight: 700 !important;
		letter-spacing: 3px !important;
}

.siteButton3:hover {
}

.loginHolder {
		float: right;
		padding: 15px;
		display: block;
}


		.loginHolder a {
				font-size: calc(var(--base-font-size) * 1);
		}

.productBreaker {
		/*margin-bottom: 20px !important; */
}

.siteButton2 {
}

.setPrice {
}

#body_divLeadTime {
		margin-bottom: 5px !important;
		display: block;
}

.socialShare {
		text-align: left !important;
}

.variantNameHolder {
		min-width: 10px !important;
		padding-right: 10px;
}


.smallMenu {
		font-size: calc(var(--base-font-size) * 2) !important;
		float: left;
		padding-top: 10px;
		padding-left: 10px;
}

@media only screen and (min-width: 1024px) {
		.smallMenu {
				display: none;
		}

		.largeMenu {
				display: block;
		}
}

@media only screen and (max-width: 1024px) {
		.smallMenu {
				display: block;
		}

		.largeMenu {
				display: none !important;
		}

		.siteSearch {
				position: relative !important;
				top: 0px !important;
				height: 50px;
		}

		.smallMenuRow {
				/*height: 80px;*/
		}

		.topBar {
				min-height: 120px !important;
				height: auto !important;
		}

		.footerHeader {
				padding-top: 20px !important;
				display: block;
		}

		.txtEmailAddressHookup {
				max-width: 100% !important;
		}
}

.smallMenuItems {
		width: 100vw !important;
		height: 100vh !important;
		position: fixed;
		top: 0 !important;
		left: 0 !important;
		display: none;
		overflow-y: scroll;
		overflow-x: hidden;
		background: var(--menubg);
		color: var(--menufont);
		z-index: 1000;
}

.closeMenuButton {
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: calc(var(--base-font-size) * 2);
		font-weight: bold;
}

.smallMenuItems ul {
		width: 100% !important;
		list-style-type: none !important;
}

		.smallMenuItems ul li {
				width: 100% !important;
				margin-bottom: 10px;
				font-weight: bold !important;
		}

				.smallMenuItems ul li ul li {
						width: 100% !important;
						margin-bottom: 10px;
						font-weight: normal !important;
				}

				.smallMenuItems ul li a {
						width: 100% !important;
				}

@media only screen and (max-width: 640px) {
		.footer {
				text-align: center;
		}

		.bottomLogo img {
				margin: auto;
		}
}

.checked {
		background-color: var(--buttonbg) !important;
		color: var(--buttonfont) !important;
}

.hrTopBlog {
		background-color: var(--font) !important;
		opacity: 0.7;
		border: none !important;
}

.publishedDate {
		color: var(--font) !important;
}

.firstSentence {
		color: var(--font) !important;
		border-left: solid 2px var(--font) !important;
}

input[type=text], input[type=password] {
		color: var(--font) !important;
		border: solid 1px var(--font);
		background: none;
}

textarea {
		border: solid 1px var(--font);
		color: var(--font) !important;
		background: none !important
}

input[type=text]::placeholder, input[type=password]::placeholder {
		color: var(--font) !important;
		opacity: 0.7;
		font-size: calc(var(--base-font-size) * 1);
}

textarea::placeholder {
		color: var(--font) !important;
		opacity: 0.7;
		font-size: calc(var(--base-font-size) * 1);
}

.returnspolicy div span div {
		color: var(--font) !important;
}

input[type=submit] {
		font-family: var(--fontFamily) !important;
}

hr {
		border: solid 1px var(--font) !important;
}

#sizemeDataTable th {
		background-color: var(--font) !important;
		color: var(--bg) !important;
}

#sizemeDataTable td {
		color: var(--font) !important;
}

@media (max-width: 767.98px) {
		.siteSearch {
				width: 98vw !important;
				margin-top: 10px;
				order: 99;
				display: block;
				display: flex;
				width: 100%;
				max-width: 100%;
				box-sizing: border-box;
				right: 0px !important;
				margin: 10px 5px;
		}

				.siteSearch input {
						flex: 1;
						min-width: 0; /* prevents overflow */
				}

				.siteSearch button {
						flex: 0 0 auto;
				}

		/* Revert other siblings to inline */
		.cartHolder,
		.loginHolder {
				width: auto;
				flex: none;
				display: inline-block;
		}

		.smallBannerHolder {
				margin: 2px !important;
				height: auto !important;
		}

				.smallBannerHolder img {
						min-height: inherit !important;
				}

		.map-responsive-container {
				filter: none !important;
				opacity: 1 !important;
		}
}