/*
:root {
  	--brand-primary:  @brand-primary;
  	--brand-secondary: @brand-secondary;
  	--brand-tertiary: @brand-tertiary;
    --brand-black: @brand-black;
    --brand-gray-dark: @brand-gray-dark;
    --brand-gray: @brand-gray;
    --brand-gray-light: @brand-gray-light;
    --brand-danger: @brand-danger;
  	--brand-success: @brand-success;
    --brand-text-on-dark: @brand-text-on-dark;
    --headings-font-family: @headings-font-family;
    --headings-font-weight: @headings-font-weight;
    --gutter : @grid-gutter-width;
    --gutter-half : (@grid-gutter-width * .5);
    --gutter-quarter : (@grid-gutter-width * .25);
    --heading-margin : (@grid-gutter-width * @heading-margin-factor);
    --paragrah-margin : (@grid-gutter-width * @paragraph-margin-factor);
} */

/* WooCommerce - styling */

 button.single_add_to_cart_button.button.alt, button#place_order.button.alt, a.checkout-button.button.alt.wc-forward, button.button, a.button.wc-backward, a.button.product_type_variable.add_to_cart_button, a.button.wc-forward  {
	background-color: var(--brand-primary) !important;
	font-family: var(--headings-font-family)!important;
	border: 1px solid var(--brand-primary)!important;
	border-radius: .5em!important;
	color: #fff !important ;
}

 button.single_add_to_cart_button.button.alt:hover, button#place_order.button.alt:hover, a.checkout-button.button.alt.wc-forward:hover, button.button:hover, a.button.wc-backward:hover, a.button.product_type_variable.add_to_cart_button:hover, a.button.wc-forward:hover {
	background-color: #fff !important;
	border: 1px solid var(--brand-primary)!important;
	font-family: var(--headings-font-family)!important;
	border-radius: .5em !important;
	color: var(--brand-primary) !important;
} 

a.button.wc-forward {
	background-color: var(--brand-success) !important;
	border-color:  var(--brand-success) !important;
}

a.button.wc-forward:hover {
	background-color: #fff !important;
	color:  var(--brand-success) !important;
	border-color:  var(--brand-success) !important;
}



.price, p.price {
	color: var(--brand-secondary) !important;
	font-family:var(--headings-font-family);
	font-weight: var(--headings-font-weight);
}

p.price {
	margin-bottom: .25em;
}

.woo-hr {
    border-top: .125em solid var(--brand-primary);
	margin-top: -2em;
}

@media (min-width: 992px) {
	.woocommerce div.summary {
	line-height: 1.75em;
	padding-left: 3em;
	}
}

input, button, select, textarea {
	line-height: 2em;
}

@media (min-width: 992px) {
input#coupon_code.input-text {
	width:  128px !important;
	
	}
}

input#coupon_code.input-text {
	padding: .125em;
	text-align: center;
	}

.woocommerce table.shop_table {
    border: 2px solid var(--brand-primary);
	box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 23%);
	border-radius: .5em;
 }

.woocommerce .col2-set, .woocommerce-page .col2-set {
    border: 2px solid var(--brand-primary);
	box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 23%);
	border-radius: .5em;
    width: 100%;
    padding: 2em;
}

h3#order_review_heading {
	margin: 2em 0em .5em 0em;
}

.woocommerce-info {
    border-top-color: var(--brand-primary);
	background-color: #fff;
}

.woocommerce-info::before {
   	color: var(--brand-primary);
	
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
    position: relative;
    background-color: #fff;
    color: var(--brand-black);
    border: 2px solid var(--brand-primary);
	border-radius: .5em;
	box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 23%);
	font-family: var( --headings-font-family);
	font-weight: var(--headings-font-weight);
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}

.woocommerce-error {
	border-color:  var(--brand-danger);
	background-color: var(--brand-danger);
	color: white;
	
}

.woocommerce-error::before {
	color: white;
}

.woocommerce-message {
	border-color:var(--brand-success);
}

.woocommerce-message::before {
	color:  var(--brand-success);
}

.woocommerce a.remove {
	color: var(--brand-danger) !important;
}

.woocommerce a.remove:hover {
	background-color: var(--brand-danger) !important;
}



/* Antemp Remover Pagepart Callout */

.fp-img-circle {
	box-shadow: .125em .125em .5em rgba(0,0,0,.5);
	border-radius: 100%;
	width: 66% !important;
}

.margin-fix {
	margin-bottom: .5em;
}

.hotspots {
	position: relative;
}
.hotspots img {
	max-width: 100%;
	height: auto;
	display: block;
}

.hotspot {
	position: absolute;
	width: 3em;
	height: 3em;
	padding-top: 6px;
	border: 3px solid #fff;
	border-radius: 50%;
	animation: fader 4s ease infinite;
	transition: all 0.2s;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-family: sans-serif;
	color: var(--brand-black);
}

.hotspot::after {
	content: "";
	width: 2.375em;
	height: 2.375em;
	background-color: #fff;
	border-radius: 50%;
	display: block;
	margin: -36px auto 0 2px;
	transition: all 0.2s;
}

.hotspot:hover::after {
	width: 3em;
	height: 3em;
	background-color: var(--brand-primary);
	z-index: 10;
	margin: -41px auto 0 -3px;
}

#hs-1 {
	top: 14%;
	left: 21%;
	cursor: pointer;
}

#hs-2 {
	top: 37%;
	left: 43%;
	cursor: pointer;
}

#hs-3 {
	top: 48%;
	left: 70%;
	cursor: pointer;
}

#hs-4 {
	top: 70%;
	left: 20%;
	cursor: pointer;
}

@keyframes fader {
	50% {
		border-color: transparent;
	}
}

/* Antemp Remover Mobile Pagepart Callout */

.fp-img-circle-m {
	border: 3px solid var(--brand-primary);
	box-shadow: .125em .125em .5em rgba(0,0,0,.5);
	border-radius: 100%;
	width: 50% !important;
}


.hotspot-mobile {
	position: absolute;
	width: 3em;
	height: 3em;
	padding-top: 6px;
	border: 3px solid var(--brand-primary);
	background-color: #fff;
	box-shadow: .125em .125em .5em rgba(0,0,0,.5);
	border-radius: 50%;
	transition: all 0.2s;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-family: sans-serif;
	color: var(--brand-black);
}

.hotspots {
	position: relative;
}

#hs-m-icon {
	top: -7%;
	left: 32%;
}


#hs-1-m {
	top: 5%;
	left: 18%;

}

#hs-2-m {
	top: 26%;
	left: 47%;

}


#hs-3-m {
	top: 47%;
	left: 77%;

}


#hs-4-m {
	top: 70%;
	left: 9%;

}



/* header styling CZ */

.bg-position-tcc {

	background-position: top right !important;
}

@media (max-width: 1024px) {
	.bg-position-tcc {
		background-position: 72% 50% !important;
	}

}

.product-logo.alignleft.wp-image-2217{
	width: 300px;
}

.hero-text{
	font-size: .75em;
}

p {
  font-size: 17px;
}

.details{
	font-size: 18px;
}

.details strong{
	font-weight: 600;
}

span.text-custom {
	font-size: 1.2em
}

#live-area .text-object ul li:before, #live-area .text-object ol li:before {
	margin-left: -1.5em;
  
}