/********
Site Theme Color
* Site Body Color is customizeable for different white label site
********/
/* Text Color ONLY */
#featured-post h2,
#popular h2,
#treatment-category h2,
#reservation-process h2,
#product-listings a,
#reservation-process a,
#featured-post a,
.gold-text,
#partners h2,
#partners a,
#reviews h2 span,
.pricing,
#single-product h1.product-title,
#single-product h2.product-title,
#single-product .product-descriptions h2,
#customer_login h2 {
	color: #8E731B; /* Gold */
}

.listings h2 {
	color: #000; /* Black */
}

#featured-post .location {
	color: #000 !important; /* Black */
}

/* Border + Text Color */
#popular .btn-primary,
#treatment-category a.card-box,
#partners .btn-primary {
	border-color: #8E731B; /* Gold */
	color: #8E731B; /* Gold */
}

#popular .btn-primary:hover,
#partners .btn-primary:hover {
	background: #8E731B; /* Gold */
	border-color: #8E731B; /* Gold */
	color: #fff; /* white */
}

#customer_login button.btn.btn-default {
	background-color: #8E731B;
}

.t-pagination .t-pagination-item-current {
    background-color: #8E731B; /* Gold */
    color: #fff;
    border-color: #8E731B; /* Gold */
}

#product-category .col-12 {
    padding: 0;
}

/********
Common
********/
.overflow-x-hidden {
	overflow-x: hidden;
}

#topbar {
	display: block !important;
}

.bg-gray {
	background-color: #FAFAFA;
}

.sidebar-links {
	background: #fff;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
	margin-top: 30px;
}

.sidebar-links ul {
	padding-left: 20px;
}

.product-image{
	max-width: 800px;
	text-align: center;
}

#partner-box .col-sm-4 {
    margin-bottom: 20px;
    float: left;
	padding: 0;
}
/********
Pagination Component
********/
.t-pagination {
	clear: both;
	display: flex;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.t-pagination-btn-disabled,
.t-pagination-btn-disabled:hover  {
    border-color: #ccc;
    color: #ccc;
    cursor: not-allowed;
}

.t-pagination-item,
.t-pagination-next-btn,
.t-pagination-prev-btn {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    border: 1px solid #ccc;
    font-weight: 400;
    border-radius: .25rem;
    background-color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.t-pagination > ul {
    display: -webkit-box;
    display: flex;
    margin: 0;
    padding: 0;
}

.t-pagination > ul li {
    display: inline-block;
    margin: 0 5px;
}



/********
Page Sort Panel Component
********/
.page-sort-panel {
	display: flex;
	flex-wrap: nowrap;
	overflow: auto;
	margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
}

.page-sort-panel .item {
	flex-shrink: 0;
	margin-right: 10px;
}

.page-sort-panel .form-control {
	border: 1px solid rgba(0,0,0,.125);
}

.page-sort-panel #area {
	margin-top: 0;
}




/********
Search Component
********/
.search-component {
	position: relative;
}

.search-component span.fa.fa-search {
    background: #ededed;
    padding: 10px;
    border-radius: 5px 0 0 5px;
    border: 1px solid #d8d8d8;
    border-right: 0;
    position: absolute;
}

.search-component .form-control {
	padding-left: 38px;
}


/********
Currency Switch Component
********/
/* Header's Currency Switch Button */
#header-currency-switch {
	cursor: pointer;
}

/* Currency Switch Button START */
.currency-switch-section .currency-switch-box {
	border: 2px solid #CE5F5F;
	background: white;
	border-radius: 15px;
	padding: 0 8px;
	vertical-align: middle;
	height: 26px;
	display: flex;
	box-shadow: 0px 4px 4px rgba(183, 183, 183, 0.25);
	cursor: pointer;
	width: max-content;
}
.currency-switch-section .currency-switch-box img.currency-icon {
	width: 15px;
	height: 15px;
	margin-top: 4px;
}
.currency-switch-section .currency-switch-box .box-text {
	margin-top: -2px;
}
.currency-switch-section .currency-switch-box .box-text span {
	margin-left: 6px;
	color: #CE5F5F;
	font-size: 14px;
}
.currency-switch-section .currency-switch-box .box-text img.right-icon {
	width: 6px;
	height: 10px;
	margin-top: -2px;
}
/* Currency Switch Button END */

.currency-option {
	padding: 10px;
	color: inherit;
	cursor: pointer;
	display: block;
	border: 1px solid transparent;
}

.currency-option.selected,
.currency-option:hover {
	color: inherit;
	border: 1px solid #B29E5B;
	border-radius: 5px;
}

.text-currency {
	color: #666666;
}


/********
Quantity Input Component
********/
.quantity-box div.minus-button,
.quantity-box div.plus-button {
	width: 40px;
	height: 40px;
	background: #F4F4F4;
	padding: 7px;
	text-align: center;
	cursor: pointer;
	color: #737373;
	font-weight: bold;
}

.quantity-box div.minus-button {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.quantity-box div.plus-button {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.quantity-box input#product-quantity {
	width: 46px;
	height: 40px;
	text-align: center;
	border: 1px solid #EDEDED;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  	-webkit-appearance: none;
  	margin: 0;
}

/* Firefox */
input[type=number] {
  	-moz-appearance: textfield;
}


/********
Product Listing Page
********/
#product-listings .product-listings {
	background-color: transparent;
	border-radius: 4px;
	margin-bottom: 20px;
	padding: 0;
	width: 100%;
}

#product-listings .product-listings .t-card {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
	padding-bottom: 12px;
}

#product-listings .product-listings .card-text {
	float: none;
	height: auto;
}

#product-listings .product-listings .card-text,
#product-listings .listings h2 {
	padding: 0 14px;
}

#product-listings .listings h2 {
	font-family: -apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: #000;
	font-size: 14px;
	height: auto;
	padding-top: 12px;
	text-transform: none;
}

#product-listings .product-listings .location {
	color: #000;
    background-image: url(../img/pin.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px auto;
    padding-left: 20px;
    float: left;
    outline: none;
    align-items: center;
    display: flex;
}

#product-listings .product-listings .location,
#product-listings .product-listings .pricing {
	float: none;
}

#product-listings a.listings img {
    width: 100%;
    max-height: none;
}


/********
Product Detail Page
********/
#single-product h1.product-title {
	font-family: 'Libre Baskerville', serif;
	font-size: 18px;
}

.product-option-new {
	margin-bottom: 32px;
}

.product-option-new select {
	width: 100%;
	border: 2px solid #EDEDED;
}

.align-center {
	margin: auto 0;
}

.block-line {
	border-top: 1px solid #C4C4C4;
	margin-top: 50px;
}

.call-enquiry {
	margin-top: 25px;
}

.question-text {
	font-size: 24px;
	color: #8A732E;
	font-weight: 300;
	margin: auto 0;
}

button.single_add_to_cart_button {
	border-radius: 4px;
	padding: 13px 18px;
	width: 100%;
}



@media screen and (max-width: 575px) {
	.product-option-new {
		display: block;
	}
	.question-text {
		font-size: 18px!important;
	}

	.question-box {
		position: absolute;
		right: 40px;
		margin-top: -5px;
	}
}

@media screen and (min-width: 576px){
	#single-product h1.product-title {
		font-size: 28px;
	}

	.product-box, .product-option-new {
		display: inline-flex;
	}
	.quantity button {
		width: max-content!important;
	}
}

@media screen and (min-width: 720px) {
	.page-sort-panel .form-control {
		max-width: 165px;
	}
}


@media screen and (min-width: 960px) {
	.page-sort-panel {
		display: flex;
		flex-wrap: nowrap;
		overflow: auto;
		margin-left: 0;
	    margin-right: 0;
	    padding-left: 0;
	}

	.page-sort-panel .form-control {
		max-width: 300px;
	}

	#product-listings .product-listings {
		background-color: transparent;
		padding: 0 10px;
		width: 33%;
	}

	#product-listings .listings h2 {
		height: 48px;
	}

	#product-listings a.listings img {
	    width: 100%;
		height: 210px;
		max-height: 210px;
		object-fit: contain;
	}
}

@media screen and (min-width: 1140px) {
	.page-sort-panel .item {
		margin-right: 0;
	}
}

.datepicker-dropdown {
	z-index: 20 !important;
}