/****** Template ********/
dl, ol, ul {
	margin-top: 0;
	margin-bottom: 0;
}
.hidden {
	display: none;
}

.btn-warning {
	color: #212529;
	background-color: #fffaeb;
	border-color: #ffc107;
}

.checkout-button {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.checkoutBtn {
	font-size: 16px;
}
.category-sidebar .category-title .title {
	color: #666;
	font-size: 16px;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	padding: 0;
	text-transform: uppercase;
}

.small, small {
	font-size: 66%;
	font-weight: normal;
}

.searchBtn {
	color: #999 !important;
	width: 22px;
	margin-right: 15px;
}
.clearBtn {
	margin-right: 25px;
	color: #ffc107 !important;
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	display: table;
	height: 100%;
	width: 100%;
	background: #0000004f;
	z-index: 99999;
}

.header-menu-area.sticky .navbar-menu ul li a.active {
	color: var(--brand-primary, #425400);
}


.header-top-content .header-info ul li a:hover {
	color: var(--brand-primary, #415500);
}

a:hover {
	color: var(--brand-primary, #415500);
	text-decoration: underline;
}


.message {
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #4a91cd;
	height: 44px;
	padding-top: 10px;
}

.link {
	cursor: pointer;
}

.product-name {

    background-color: rgba(255, 255, 255, 0.92);
    border-radius: 15px;
    padding: 3px 5px 5px 0px;
    font-size: 15px;
}

.product-card .product-content {
	padding: 0px 15px 15px;
	background-color: unset;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.category-list {
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 10px 20px rgb(0 0 0 / 18%);
	background-color: #fff;
	border-radius: 5px;
}
.category-color {
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-color: #fff;
	border-radius: 5px;
}

.checkout-page .checkout-title {
	font-size: 26px;
	font-weight: 700;
	color: var(--brand-primary, #415500);
}


.rightCart {
	padding: 10px 0px;
}

.category-sidebar .category-title {
	border-bottom: 1px solid #F3F3F3;
}


.shopping-table {
	border-radius: 5px;
}

.shopping-table .table tbody tr td, .checkout-page .table tbody tr td {
	border-right: none;
}
.shopping-table .table td, .table th, .checkout-page .table td, .table th {
	padding: .75rem;
	vertical-align: top;
	border-top: none;
}
.shopping-table .table, .checkout-page .table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	border: none;
	display: table;
}


.tableNutriants {
	width: 100%;
}
.tableNutriants tr:nth-child(even) {background: #D1E6EF;}
.tableNutriants tr:nth-child(odd) {background: #FFF}

.mainBackground {
	background-color: #e0e0e0;
}
#content {
    background-color: #e0e0e0;
}

.shopping-table table {
	background: white;
	border-radius: 5px;
}

.product-option {
	background-color: #FFF;
	padding: 0px;
	height: unset;
	border-radius: 5px;
}

.category-search {
	position: relative;
	margin-bottom: 5px;
}

/*.category-search input {*/
/*	background: #F3F3F3;*/
/*	border: none;*/
/*	box-shadow: none;*/
/*	border-radius: 0;*/
/*	color: #000000;*/
/*	height: 40px;*/
/*	padding: 0 20px;*/
/*	width: 100%;*/
/*	outline: none;*/
/*	-webkit-transition: all 0.3s ease-out 0s;*/
/*	-moz-transition: all 0.3s ease-out 0s;*/
/*	-ms-transition: all 0.3s ease-out 0s;*/
/*	-o-transition: all 0.3s ease-out 0s;*/
/*	transition: all 0.3s ease-out 0s;*/
/*	font-weight: bold;*/
/*	margin-top: 13px;*/
/*}*/

.category-search button {
	color: #999;
	font-size: 18px;
	position: absolute;
	right: 0px;
	height: 40px;
	width: 20px;
	padding: 0;
	background: none;
	top: 13px;
	border: 0;
}


.popupBtn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid var(--brand-secondary, #512d00);
	padding: 0 30px;
	font-size: 16px;
	line-height: 43px;
	height: 45px;
	color: black;
	cursor: pointer;
	z-index: 5;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	background-color: #a4c14478;
	position: relative;
	z-index: 5;
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	border-radius: 5px;
}

a {
	color: var(--brand-primary, #415500);
}
.header-top {
	background-color: #82828221;
	padding: 8px 0 0px;
	border-bottom: 1px solid var(--brand-highlight, #7FA600);
}
.preloader {
	color: var(--brand-secondary, #512d00)!important;
}
.preloader .loader .ytp-spinner-circle {
	box-sizing: border-box;
	position: absolute;
	width: 200%;
	height: 100%;
	border-style: solid;
	border-color: #458d01 #000000 #F3F3F3;
	border-left-color: #00661c;
	border-radius: 50%;
	border-width: 6px;
}

.search-form button {
	background: var(--brand-secondary, #512d00);
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 1em;
	font-weight: normal;
	height: 50px;
	letter-spacing: .05em;
	line-height: 50px;
	min-width: 120px;
	outline: none;
	padding: 0 20px;
	position: static;
	text-align: center;
	width: auto;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.header-menu-area {
	/*
	background-color:   #828282;
	background-color: #3e0000;
	background-color: #868686;
	 */

	background-color: var(--brand-primary, #415500);
}

.search-form button {
	background: var(--brand-primary, #415500);
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 1em;
	font-weight: normal;
	height: 50px;
	letter-spacing: .05em;
	line-height: 50px;
	min-width: 120px;
	outline: none;
	padding: 0 20px;
	position: static;
	text-align: center;
	width: auto;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.header-shop-cart ul li .single-cart .shop-quantity {
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background-color: var(--brand-primary, #415500);
	font-size: 14px;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: -18px;
}
.main-btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid var(--brand-accent, #638007);
	padding: 0 30px;
	font-size: 16px;
	line-height: 43px;
	height: 45px;
	color: #fff;
	cursor: pointer;
	z-index: 5;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	background-color: var(--brand-accent, #638007);
	position: relative;
	z-index: 5;
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
}

.footer-area {
	background-color: #1a1a1a;
	border-top: 1px solid var(--brand-highlight, #7FA600);
}
.footer-copyright {
	background-color: #111111;
}

.footer-area .footer-title {
	color: #000;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}
.footer-address .single-address .address-content .text {
	color: #1a1a1a;
}
.footer-link ul li a {
	font-size: 14px;
	color: #1a1a1a;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.footer-tag a {
	padding: 5px 8px;
	border: 1px solid var(--brand-highlight, #7FA600);
	display: inline-block;
	color: #171717;
	border-radius: 2px;
	margin: 0 2px 5px 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	font-size: 14px;
	background-color: var(--brand-light, #d4e2a7);
}
.footer-address .single-address .address-icon i {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	font-size: 14px;
	background-color: var(--brand-primary, #415500);
	color: #fff;
}

.back-to-top {
	font-size: 20px;
	color: #fff;
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: var(--brand-primary, #415500);
	text-align: center;
	z-index: 99;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	display: none;
}
.back-to-top:hover {
	color: #fff;
	background-color: #c1a300;
}


.reset-btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid var(--brand-secondary, #512d00);
	padding: 0 30px;
	font-size: 16px;
	line-height: 43px;
	height: 45px;
	color: #fff;
	cursor: pointer;
	z-index: 5;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	background-color: var(--brand-secondary, #512d00);
	position: relative;
	z-index: 5;
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
}

.btn-primary {
	color: #313131;
	background-color: var(--brand-light, #d4e2a7);
	border-color: var(--brand-highlight, #7FA600);
}

.btn-primary:hover {
	color: #000;
	text-decoration: underline;
	background-color: #ffc107;
}

.warning-btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #A2421E;
	padding: 0 30px;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	z-index: 5;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	background-color: #A2421E;
	position: relative;
	z-index: 5;
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
}

.success-btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid var(--brand-primary, #415500);
	padding: 0 30px;
	font-size: 16px;
	line-height: 43px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	z-index: 5;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	background-color: var(--brand-primary, #415500);
	position: relative;
	z-index: 5;
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
}


/***** products page ******/
.weight {
	font-weight: normal;
	font-size: 12px;
}
.light {
	color: grey;
	font-weight: normal;
}
.sub-title {
	font-size: 18px;
	font-weight: normal;
	color: #424242;
}
.product-details-content .details-sub-title .sub-title::before {
	position: absolute;
	content: '';
	width: 30px;
	height: 1px;
	background-color: #dbdbdb;
	left: 0;
	bottom: 0;
}
.product-card .product-content .product-name a:hover {
	color: #513d00;
}

.product-details-content .details-title {
	font-size: 24px;
	font-weight: bold;
}
.product-details-content .details-sub-title .sub-title {
	font-size: 17px;
	font-weight: normal;
	position: relative;
	padding-bottom: 5px;
}

.product-img {
	float: left;
}
.category-list .category-list-items .list-items li .product-all {
	color: var(--brand-primary, #516a00);
	font-weight: bold;
}

.category-list .category-list-items {
	padding: 25px 30px;
}
.shop-tab .nav .nav-item a.active {
	color: var(--brand-highlight, #7FA600);
}
.product-card {
	-webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
	position: relative;
	/*min-height: 310px;*/
	background: white;
	border-radius: 14px;
    height: 425px;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: box-shadow 0.2s ease-out 0s;
    -moz-transition: box-shadow 0.2s ease-out 0s;
    -ms-transition: box-shadow 0.2s ease-out 0s;
    -o-transition: box-shadow 0.2s ease-out 0s;
    transition: box-shadow 0.2s ease-out 0s;
}
/* Reserve enough room below the (now square) image for the absolutely-positioned
   .product-content overlay -- the vendor theme's default (80px) was already tight for
   two-line product names and left no margin once the image became square at a wider
   card width; 130px covers the tallest observed name-wrap plus a small buffer. */
.product-card .product-image {
    padding-bottom: 130px;
}

/* Grid the product cards ourselves instead of relying on Bootstrap's .row/.col
   percentage-and-padding gutters -- those gave side gaps that grew with the container
   (wider once the right sidebar was removed) and never matched the fixed 30px .mt-30
   row gap. An explicit grid with a single gap value keeps both directions equal and
   caps every row at exactly 4 cards, however wide the container gets; the column count
   steps down at the same breakpoints Bootstrap's col-xl-3/col-lg-4/col-md-6/col-sm-6
   used to. minmax(0, 270px) lets a track shrink below the card's own 270px cap instead
   of overflowing if the available width is ever a little tight. */
.product-grid .row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 270px));
    justify-content: center;
    gap: 30px;
    margin: 0;
}
.product-grid .row .eachProductDiv {
    max-width: none;
    width: 100%;
    padding: 0;
}
.product-grid .row .product-card {
    margin-top: 0;
}
@media only screen and (max-width: 1199px) {
    .product-grid .row {
        grid-template-columns: repeat(3, minmax(0, 270px));
    }
}
@media only screen and (max-width: 991px) {
    .product-grid .row {
        grid-template-columns: repeat(2, minmax(0, 270px));
    }
}
@media only screen and (max-width: 575px) {
    .product-grid .row {
        grid-template-columns: minmax(0, 270px);
    }
}

/* Cap the search bar (and the "Showing: N" count line right under it) to the same
   content width as the card grid below them (N cards * 270px + (N-1) * 30px gaps) and
   center both the same way, at the same breakpoints, so they visually line up with
   the cards instead of spanning the full (wider) column. Centering both at the same
   width makes their left edges coincide automatically -- no separate left-offset math
   needed. The category-search element also carries an inline margin-left/right:0 (see
   products_all_middle.php) that would otherwise block the auto-margin centering here
   -- overridden with !important since inline style specificity can't be beaten
   otherwise. .product-count-band stays text-align:left (its own class, unaffected by
   this) so "Showing: N" starts flush at that shared left edge rather than centering
   itself as a text block. */
.category-search,
.product-count-band {
    max-width: 1170px;
    margin-left: auto !important;
    margin-right: auto !important;
}
@media only screen and (max-width: 1199px) {
    .category-search,
    .product-count-band {
        max-width: 870px;
    }
}
@media only screen and (max-width: 991px) {
    .category-search,
    .product-count-band {
        max-width: 570px;
    }
}
@media only screen and (max-width: 575px) {
    .category-search,
    .product-count-band {
        max-width: 270px;
    }
}

/* Shadow-only hover: no transform/size/padding change, so nothing inside the card
   (the Add to Cart button in particular) ever shifts position on hover. */
.product-card:hover {
	-webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
}
.product-card .product-image img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	padding-top: 25px;
}
/* The vendor theme (webroot/modules, not ours to edit) bumps .product-content's
   padding-bottom to 75px on card hover to reveal a row of icon actions it expects --
   we don't use that icon-action row, so left alone this just shoves our single
   Add to Cart button upward every time the cursor enters the card. Pin it back to
   the non-hover padding-bottom (15px, set above via .product-card .product-content). */
.product-card:hover .product-content {
	padding-bottom: 15px;
}
.category-main-btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid var(--brand-highlight, #7FA600);
	margin-top: 6px;
	padding: 0 5px;
	font-size: 12px;
	line-height: 27px;
	height: 27px;
	color: #000;
	cursor: pointer;
	z-index: 5;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	background-color: var(--brand-light, #c9d993);
	position: relative;
	z-index: 5;
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	width: 100%;
	border-radius: 10px;
}
/* Colour-only hover: no size/border/padding change, so the button never shifts or
   resizes on hover (it sits right at the bottom of the card, so any size change
   here would push against/through the card's edge). */
.category-main-btn:hover {
	background-color: var(--brand-light, #bcd17a);
}
.shop-product a:hover {
	color: #000;
	text-decoration: underline;

}
.pagination .page-item.active a, .pagination .page-item:hover a {
	background-color: var(--brand-light, #d4e2a7);
	border-color: var(--brand-highlight, #7FA600);
	color: #000;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.category-list .category-list-items .list-items li a {
	color: var(--brand-accent, #6c802b);
	display: block;
	font-size: 13px;
	line-height: 36px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	font-weight: bold;
}

.product-card.product-card-2 .product-content {
	position: relative;
	padding: 10px 30px 15px;
	max-width: unset;
}

/**** popup ****/
.product-quick-view .main-btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid var(--brand-secondary, #512d00);
	padding: 0 30px;
	font-size: 16px;
	line-height: 43px;
	height: 45px;
	color: black;
	cursor: pointer;
	z-index: 5;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	background-color: #a4c14478;

	position: relative;
	z-index: 5;
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
}
.main-btn::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color: var(--brand-primary, #415500);
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.size-itesms li {
	background-color: #ddd2c7;
	color: black;
	border: 1px solid var(--brand-secondary, #512d00);
}
.size-itesms li.active {
	background-color: #a66c00;
	color: white;
	border: 1px solid var(--brand-secondary, #512d00);
}

.product-details-content .details-overview {
	padding-top: 15px;
	text-align: justify;
}

.modal-dialog {

	margin: 4.0rem auto;
	max-width: 900px;
}


.category-size-list ul li {
	float: left;
	padding: 5px;
	font-size: 11px;
	background-color: #D0CACA;
	margin-bottom: 15px;


}

.product-image .sticker-backorder.checkout {
	background-color: #ff0741;
	color: white;
}

 .product-image .sticker-backorder {
	position: absolute;
	top: 15px;
	right: 25px;
	border-radius: 10%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(30deg);
}
 .details-size ul li {
	border: 1px solid #ece0e0;
	 padding: 10px;
 }



 /**** Cart popover *****/
.cart-box .main-btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid var(--brand-secondary, #512d00);
	padding: 0 30px;
	font-size: 16px;
	line-height: 43px;
	height: 45px;
	color: var(--brand-secondary, #512d00);
	cursor: pointer;
	z-index: 5;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	background-color: #ffc107;
	position: relative;
	z-index: 5;
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
}
.cart-box .popup-container .cart-entry .cart-content .Price {
	margin-top: 3px;
	font-size: 18px;
	font-weight: 700;
	color: #606060;
}

/**** contact page ****/
.contact-info .contact-icon i {
	font-size: 40px;
	color: var(--brand-highlight, #7FA600);
}





.product-details-content .details-price-rating .price .price-text del {
	font-size: 16px;
	margin-left: 10px;
	color: #999;
}
.product-details-content .details-price-rating .price .price-text {
	font-size: 20px;
	font-weight: 600;
	color: #000;
}




 .forgot-link{
	 color: #000;
	 font-size: small;
 }
.actions button {
	width: 28px;
	height: 28px;
	padding: 0;
	background-color: #fff;
	font-size: 15px;
	color: #333;
	border: 1px solid #e0e0e0;
}

.actions input {
	width: 40px;
	height: 29px;
	border: 1px solid #e0e0e0;
	padding: 0 10px;
	text-align: center;
	margin: 0 2px;
}

.border-left-grey{
	border-left: solid 1px #cac9cf;
}




.remove{
	color: red;
}

.container-new {
	padding-right: 5px;
	padding-left: 5px;
	max-width: 1730px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;

}
.product-quantity-1 input {
	width: 50px;
	height: 35px;
	border: 1px solid #e0e0e0;
	padding: 0 10px;
	text-align: center;
	margin: 0 2px;
	font-size: 12px;
}

.product-quantity-1 button {
	width: 35px;
	height: 35px;
	padding: 0;
	background-color: #fff;
	font-size: 8px;
	color: #333;
	border: 1px solid #e0e0e0;

	font-weight: 400;
	line-height: 1;


}









/**** cart *****/
.checkout-page .checkout-title i {
	color: var(--brand-primary, #415500);
	margin-right: 10px;
}

.content-section {
	min-height: 1500px;
}
.sidebar-section {
	position: absolute;
	height: 100%;
	width: 100%;
}


.sidebar-item {
	/*position: absolute;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}


.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 85px;

	padding: 0 15px;
}


.sidebar-item {
	text-align: center;
}

.select2-container--default .select2-selection--single {
	background-color: #fff;

}
.font-checkout{
	font-size: 25px;
}

.flash-message{
color: orange;
}
.f-13 {
	font-size: 13px;
}
.red-font{
	color: orangered;
}
.bold-font{
	font-weight: bold;
}
.nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 5px;
	border: solid 1px #e8e8e8;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 42px;
	line-height: 40px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: auto;
	min-width: 100%;

}
.active-category, .active-order, .active-manufacturer, .active-type{
	color:var(--brand-accent, #6c802b);
	font-size: 16px;
	font-weight: bold;
}
.empty{
	border: solid 1px red;
}
.greyed{
	color: #acabab;

}




/***** footer *****/
.footer-link ul li a:hover {
	color: #684100;
}




.largeLoader {
	width: 100%;
	margin-top: 30px;
	margin-left: 25%;
	margin-right: 25%;
}
.loading {
	position: relative;

	background-color: var(--brand-highlight, #9ab63d);
	border-radius: 30px;
	padding: 10px;




}
.subtleLoader {
	position: fixed;
	right: 0;
	top: 0px;
	z-index: 20000;
}
.subtleLoader .spinner-border {
	color: #ff6c00;
}


@media (max-width: 767px) {
	.header-shop-cart ul li .single-cart i {
		font-size: 30px;
	}
}



.offcanvas-menu .mobile-menu ul li a.active {
	color: var(--brand-primary, #415500);
	font-weight: bold;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0rem;
	font-weight: 500;
	line-height: 1.2;
}

.header-menu-area .container {
	height: 60px;
}



.single-product-image img {
	width: 100%;
}

.width100percent {
	width: 100%;
}




/**** orders ****/
.thead-bg {
	background-color: var(--brand-highlight, #9ab63d);
}

.wishlist-table .table .thead-bg tr th.stock {
	width: 220px;
}





.single-blog .blog-content .date {
    font-size: 14px;
    background-color: #3f51b5;
    border: 2px solid #fff;
    color: #fff;
    padding: 4px 10px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    margin-top: -50px;
    z-index: 99;
}
.disabled {
    pointer-events: none;
    opacity: 0.4;
}





.redLink {

    font-size: 18px;
    color: red;
    cursor: pointer;

}
.single-blog .blog-content .available-now {
    font-size: 14px;
    background-color: #3f51b5;
    border: 2px solid #fff;
    color: #fff;
    padding: 4px 10px;
    font-weight: 700;
    text-transform: uppercase;

    margin-top: -38px;
    z-index: 99;
}
.mt-25{
    margin-top: 25px;
}


thead {
    background-color: var(--brand-primary, #415500);
    color: white;
}

.header-area {
    background-color: white;
}



.patientLegend .category-title .title {
    background-color: var(--brand-primary, #415500);
    color: white;
}

/* Dark footer (every brand). */
.footer-area { background-color: #1a1a1a !important; }
.footer-copyright { background-color: #111111 !important; }
.footer-area .footer-title { color: #ffffff !important; }
.footer-tag a { color: #ddd !important; border-color: var(--brand-highlight, #7FA600) !important; background-color: #2d2d2d !important; }
.footer-tag a:hover { background-color: var(--brand-highlight, #7FA600) !important; color: #fff !important; }
.footer-copyright, .footer-copyright p, .footer-copyright a { color: #ccc !important; }
.footer-copyright a:hover { color: #fff !important; }