/*
Custom modifications by Needmore to be incorporated into theme
This file is included after the theme's css files
*/

/* Manually set background color to cream for search and account pages */
body.search,
body.woocommerce-account {
	background-color: #F9F9EE;
}

/* Force footer to use gold color no matter what */
footer {
	background-color: #D5CCB9 !important;
}

/* Adjust logo on mobile to squeeze it down a bit */
svg.logo-home-desktop {
	@media screen and (max-width: 991.5px) {
		height: 50px;
	}
}

/* Optional toggle to appear below the menu */
.bottom-switcher,
.bottom-mobile-switcher {
	position: absolute;
	height: 2em;
}
.bottom-switcher {
	display: none;
	@media screen and (min-width: 991.5px) {
		display: block;
		bottom: 28px;
	}
}
.bottom-mobile-switcher {
	display: none;
	@media screen and (max-width: 991.5px) {
		display: block;
		bottom:120px;
	}
}

/* Fix for Jetpack contact form constraints */
.contact-form input[type=email],
.contact-form input[type=tel],
.contact-form input[type=text],
.contact-form input[type=url] {
	width: 100% !important;
}

/* Fix for blog post images acting odd with caching enabled */
.news-thumb img.img-fluid {
	height: 100%;
	object-fit: cover;
}

/* Force menus to appear with the orange brand color */
header nav ul li a:hover,
header nav ul li a.selected,
header nav .text-primary {
	color: #c05c46 !important;
}

/* Fix main navigation menu background color */
nav#mainMenu {
	background-color: #F9F9EE;
}
/* Force Home background offwhite color behind menu images on right */
header nav .section-img-wrapper .section-img .curtain {
	background-color: #F9F9EE !important;
}

/* Remove odd background color behind images for products */
.single-prod--wrapper .single-prod--main-info .woocommerce-product-gallery__wrapper {
	background-color: transparent !important;
}

/* Adjust vertical spacing for products */
.single-prod--wrapper .details-text,
.single-prod--wrapper .single-prod--gallery,
.single-prod--wrapper .video-gallery,
.single-prod--wrapper .image-gallery,
.single-prod--wrapper .accordion {
	margin-top: 5rem;
}
@media only screen and (min-width: 744px) {
	.single-prod--wrapper .details-text,
	.single-prod--wrapper .single-prod--gallery,
	.single-prod--wrapper .video-gallery,
	.single-prod--wrapper .image-gallery,
	.single-prod--wrapper .accordion {
		margin-top: 6rem;
	}
}
@media only screen and (min-width: 1200px) {
	.single-prod--wrapper .details-text,
	.single-prod--wrapper .single-prod--gallery,
	.single-prod--wrapper .video-gallery,
	.single-prod--wrapper .image-gallery,
	.single-prod--wrapper .accordion {
		margin-top: 10rem;
	}
}

/* Additional accordion content on individual product pages */
.single-prod--wrapper .accordion-body .list-ordered_list {
	padding-left: 0;
	list-style-type: none;
	counter-reset: li !important;
}
@media only screen and (min-width: 744px) {
	.single-prod--wrapper .accordion-body .list-ordered_list {
		columns: 2;
	}
}
.single-prod--wrapper .accordion-body .list-ordered_list li:before {
  counter-increment: li !important;
  content: counter(li, decimal-leading-zero) "." !important;
	font-family: "TradeGothic LT Std", Arial, sans-serif !important;
	font-size: 1.1em;
}
.single-prod--wrapper .accordion-body .list-product_specifications.row {
	margin-left: 0;
	margin-right: 0;
}
.single-prod--wrapper .accordion-body .list-product_specifications dt,
.single-prod--wrapper .accordion-body .list-product_specifications dd {
	border-bottom: 1px solid rgba(34, 34, 34, 0.25);
	padding-left: 0;
	padding-right: 0;
}
@media only screen and (min-width: 744px) {
	.single-prod--wrapper .accordion-body .list-pdf_downloads {
		columns: 2;
	}
}
.single-prod--wrapper .accordion-body .list-pdf_downloads svg {
	overflow: visible;
	margin: 1px 1px 6px 1px;
}

/* Adjust image gallery feature */
.single-prod--wrapper .image-gallery .single-image {
	flex: 1 0 100%;
}
@media only screen and (min-width: 744px) {
	.single-prod--wrapper .image-gallery .single-image {
		flex: 1 0 50%;
	}
}


/* VPC Container */
#vpc-container {
	padding: 30px;
}
#vpc-preview-wrap {
	background-color: transparent !important;
}
#vpc-preview-wrap .vpc-global-preview {
	display: flex;
	justify-content: center;
}
#vpc-add-to-cart {
	background-color: #C05C46;
	color: white;
	text-transform: uppercase;
	font-size: 1.3em;
	padding: 15px 80px !important;
	border-radius: 50px !important;
	height: auto !important;
	font: 700 13px / 19.5px "TradeGothic LT", Arial, sans-serif !important;
}
#vpc-add-to-cart:after {
	display: none !important;
}
#vpc-preview {
	border: none !important;
	@media only screen and (min-width: 744px) {
		max-width: 100vh;
	}
}
#vpc-preview img {
	padding-right: 30px !important;
}
#vpc-components * {
	color: #222;
}
#vpc-components h1 {
	font: 700 50px / 50px "TradeGothic LT Std", Arial, sans-serif !important;
	padding-bottom: 20px;
}
#vpc-price {
	font: 700 30px / 45px "TradeGothic LT", Arial, sans-serif !important;
}
#vpc-price-container .vpc-price-label[style] {
	color: #222 !important;
	display: none;
}
#vpc-components .vpc-component {
	border: none !important;
	border-bottom: 1px solid rgba(34, 34, 34, 0.7) !important;
	padding: 10px 0;
}
#vpc-components .vpc-component * {
	font-size: 18px !important;
}
#vpc-components .vpc-component .vpc-options input:checked+label.custom:before {
	color: #C05C46 !important;
}
#vpc-components .vpc-component .vpc-component-header:first-child,
#vpc-components .vpc-component .vpc-component-header>span {
	padding-left: 0 !important;
}
#vpc-components .vpc-component .vpc-component-header>span>span:first-child {
	font: 20px / 25px "TradeGothic LT Std", Arial, sans-serif !important;
	text-transform: lowercase;
}
#vpc-components .vpc-component .vpc-component-header .vpc-selected-icon {
	top: 0 !important;
}
#vpc-components .vpc-component .vpc-options {
	/* border: none !important; */
	background-color: transparent !important;
}
#vpc-components .vpc-component .vpc-options .vpc-group {
	border-top: none !important;
	padding: 0 0 0 0;
}
#vpc-components .vpc-component .vpc-options .vpc-group .vpc-single-option-wrap label {
	border: none !important;
	width: 40px !important;
	height: 40px !important;
	margin: 5px 10px 5px 0 !important;
}
#vpc-components .vpc-component .vpc-options .vpc-group .vpc-single-option-wrap label::before {
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
}

#debug {
	/* margin-top: 0 !important; */
	/* position: relative; */
}
.vpc-success, .vpc-failure {
	background-color: #222 !important;
	padding: 15px !important;
}
.vpc-success a, .vpc-failure a {
	color: white !important;
}
button.disabledClick {
	background-image: none !important;
}

.oriontip {
	color: white !important;
	font: 700 13px / 19.5px "TradeGothic LT", Arial, sans-serif !important;
}

/* VPC in Cart */
.vpc-cart-config {
	border: none;
	margin: 0;
	padding: 0;
}
.vpc-cart-config .vpc-cart-options-container {
	border: none;
	padding: 0 0 10px 0;
	margin: 0;
	max-width: none;
}
.vpc-cart-config .vpc-cart-options-container>div {
	display: flex;
	justify-content:space-between;
}
/* This is the labelsuch as "body color" */
.vpc-cart-config .vpc-cart-options-container .vpc-cart-component {
	border: none;
	margin: 0 !important;
	padding: 0 !important;
	background-color: transparent;
	color: #222;
	font: 700 13px / 18px "TradeGothic LT", Arial, sans-serif !important;
	text-transform: lowercase;
}
/* This contains the choice and the color circle */
.vpc-cart-config .vpc-cart-options-container .vpc-cart-options {
	padding: none !important;
	overflow: visible;
	background-color: transparent;
	font: 700 13px / 18px "TradeGothic LT", Arial, sans-serif !important;
}
.vpc-cart-config .vpc-cart-options-container .vpc-cart-options>div {
	display: flex;
	justify-content: space-between;
}
.vpc-cart-config .vpc-cart-options-container .vpc-cart-options>div>div:first-child {
	width: auto !important;
	border-right: none !important;
	padding: none !important;
}
.vpc-cart-config .vpc-cart-options-container .vpc-cart-options>div>div:last-child {
	width: auto !important;
	padding: none !important;
}

/* Hide header and table representing related orders to a subscription on individual subscription page for account */
.woocommerce-view-subscription header,
.woocommerce-view-subscription .my_account_orders {
	display: none;
}

/* Address an issue in the shopping cart where the thumbnail grows too large */
.woocommerce-cart .product-thumbnail img {
	max-width: 64px;
}

/* Fix for heading font size inside FAQs, can be out of control */
.accordion-body h4,
.accordion-body h3,
.accordion-body h2,
.accordion-body h1 {
	font-size: 20px;
}


/* Subscription pages should have the same layout as other products, including a few tweaks */
.product-type-variable-subscription .primary-price {
	margin-top: 8px;
	font-size: 2.33rem !important;
}
.product-type-variable-subscription .primary-price .lesser {
	font-size: 1.5rem !important;
}
.subscription_product>div {
	@media screen and (min-width: 768px) {
		display: flex;
		flex-direction: row;
	}
}
.subscription_product .table-quantity {
	display: none;
}
.subscription_product .woocommerce-variation-price {
	display: none;
}
.subscription_product table.variations label {
	min-width: 11em;
}
.subscription_product table.variations .reset_variations[style] {
	display: none !important;
}
.subscription_product #length-of-subscription {
	padding-right: 2em;
}


/* On the Orders page under My Account, hide all buttons after the first (view) button */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a:not(:first-child) {
	display: none;
}

/* On the individual order page under My Account, address unwanted sticky header */
body.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details header {
	position: static;
	padding-left: 0;
	padding-right: 0;
}
body.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details header::before {
	display: none;
}
body.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details header.away {
	transform: none !important;
}

/*
On the individual order page under My Account, temporarily hide the Need Help stuff.
TODO: At some point we want to bring this back, fixed up.
*/
body.woocommerce-view-order .woocommerce-MyAccount-content #start-conversation,
body.woocommerce-view-order .woocommerce-MyAccount-content p:last-of-type,
body.woocommerce-view-order .woocommerce-MyAccount-content form.wc-helpscout-order-conversation-form {
	display: none;
}