/*
Theme Name: J-Tech Systems
Template: Impreza
Version: 1.0
Author:	Web Matrix
Theme URI: http://www.jtechsystems.com.au/
Author URI: http://www.webmatrix.com.au/
*/


.l-titlebar.size_medium .l-titlebar-h {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items:stretch;    
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;	
}
.l-titlebar.size_medium .l-titlebar-h > div { width: 50%; min-height: 250px; display: -ms-flex;	display: -webkit-flex;	display: flex; align-items: center; padding: 60px 50px 30px 50px; }
.l-titlebar-content-white { background: rgba(255,255,255,0.70); color: #2B0E5E; font-size: 18px; }
.l-titlebar-content-white p { opacity: 1 !important; line-height: 1.75; }
.l-titlebar.size_medium h1 { font-size: 2.5rem; margin: 0; }
.l-titlebar-content { background: rgba(57,38,103,80%); }

.breadcrumbs { background: #EEEEEE; padding: 20px 0px 20px 0px; min-height: 60px; }
.breadcrumbs .g-breadcrumbs-separator { color:#ccc; font-size: 18px; }
.breadcrumbs .g-breadcrumbs-item { font-size: 13px; color:#4e4e4e; line-height: 20px; }
.breadcrumbs .g-breadcrumbs-item:hover { color: #2B0E5E; }
.breadcrumbs span { float: left; line-height: 20px; }

.woocommerce-products-header { display: block; }

.products {}
.us-woo-shop_standard .products .product { padding: 0.5rem; }
.products .product-h { border: 1px solid #F5F5F5; padding-bottom: 0px; }
.products .product-h .button { display: none; }
.products .product-h .woocommerce-loop-product__title { padding: 20px 30px 20px 30px; font-size: 18px; color:#250758; }
.products .product-h .excerpt { display: block; padding: 0px 30px 20px 30px; min-height: 100px; color: #AAAAAA; }

.sidebar_none .woocommerce-tabs { float: none; clear: both; width: 100%; }

.jts-grey-full { background: #EEEEEE; margin-left: -2.5rem; margin-right: -2.5rem; text-align: center; }
.jts-grey-tabs .l-section-h { padding: 0px !important;  }

.wc-tab { padding: 30px 30px 30px 30px; }

.related.products { border: none; padding: 0px; }

.related.products > h2,
.jts-grey-full h2 { font-size: 30px !important; color:#2B0E5E; text-align: center; margin: 0px; padding: 0px 0px 30px 0px; }

.wc-tabs {
	background: #EEEEEE !important;
	text-align: center !important;
	padding-top: 40px !important;
	display:flex;
}

.woocommerce-tabs .tabs li {
    float: left;
    margin: 0;
    border-top: 2px solid transparent;
    transition: background-color 0.3s,color 0.3s;
    width: 100%;
    text-align: center;
	background: #D6D6D6;
	border-bottom: 2px solid #2B0E5E; border-top: none;
	border-right: 1px solid #fff;
	padding: 5px 0;
}
.woocommerce-tabs .tabs li:last-child { border-right: none; }
.woocommerce-tabs .tabs li.active { background: #fff; border-top: 4px solid #2B0E5E; border-bottom: none; border-right: none; }
.woocommerce-tabs { clear: both; padding-bottom: 0px; margin-bottom: 0px !important; }

.woocommerce-tabs .tabs li a {
	font-weight: normal;
	font-size: 22px;
}
#tab-title-description a::before {
	font-family: fontawesome;
	font-weight: normal;
	content: '\f0ca';
	display: inline;
	padding-right: 15px;
	float: left;
}
#tab-title-other_additional_tab a::before {
	font-family: fontawesome;
	font-weight: normal;
	content: '\f085';
	display: inline;
	padding-right: 15px;
	float: left;
}
#tab-title-qty_gallery_tab a::before {
	font-family: fontawesome;
	font-weight: normal;
	content: '\f03e';
	display: inline;
	padding-right: 15px;
	float: left;
}

.extra_tab_1_tab a::before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: normal;
	content: '\f30f';
	display: inline;
	padding-right: 15px;
	float: left;
}

.extra_tab_2_tab a::before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: normal;
	content: '\f30f';
	display: inline;
	padding-right: 15px;
	float: left;
}

.prod-vid {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	width: 99.999%;
	margin-bottom: 30px;
}
.prod-vid iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}	

.woocommerce-product-gallery img { margin: auto; }

.l-section-h { padding: 30px 0px; }

.top-img { margin-bottom: 30px; }
.top-img img { display: block; margin: auto; }

.jts-grey-full .wpcf7-form { max-width: 700px; margin: auto; }
.wpcf7-submit { margin-top: 30px; border-radius: 0 !important; padding: 10px 20px 10px 20px !important; text-align: center; min-width: 250px; }

.bottom-related .excerpt { display: none !important;  }

.woocommerce-LoopProduct-link h2,
.bottom-related h2 { position: relative; }

.woocommerce-LoopProduct-link h2:after { content: ''; display: block; font-family: 'Font Awesome 5 Pro'; font-weight: 800; position: absolute; right: 30px; top: 0px; padding:0px; color:#fff316; line-height: 65px; font-size: 30px; }

.woocommerce-LoopProduct-link {  
overflow: hidden !important;
width: 100%;
display: block;

}
.woocommerce-LoopProduct-link img { display: block; height: 300px; width: auto !important; margin: auto; max-width: none !important; }

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 100%;
}
.wpforms-submit-container { text-align: center; }
.wpforms-submit { margin-top: 30px !important; border-radius: 0 !important; padding: 10px 20px 10px 20px !important; text-align: center; min-width: 250px; background-color: #2b0e5e !important; font-size: 15px; font-weight: 400; line-height: 2.8; color:#fff !important; }

.contact-col { background-color: #2b0e5e !important; padding: 60px 30px 30px 30px; color:#fff; margin-bottom: 20px !important; }
.contact-col .aio-icon { color:#fff !important; font-size: 40px !important;  }
.contact-col h4 { color: #fff !important; font-size: 21px; margin-bottom: 40px !important; }

.tax-product_cat .term-description { display: none; }

.header-menu a { background-color: rgba(50,50,50,0.9) !important; }
.header-menu a:hover,
.header-menu a:active,
.header-menu a:focus {
	background-color: #392667 !important;
	color: #fff200 !important;
}

/* SM */
@media only screen and (min-width: 0px) and (max-width: 767px) {
	
	.l-titlebar.size_medium .l-titlebar-h > div { height: auto; min-height: 0px; width: 100%; padding: 20px 20px 20px 20px; }
	.l-titlebar.size_medium .l-titlebar-h > div h1 { font-size: 24px; text-align: center; width: 100%; }
	.l-titlebar.size_medium .l-titlebar-h > div p { font-size: 15px; }
	.l-titlebar.size_medium .l-titlebar-h { display: block }
	
	.breadcrumbs { padding-left: 20px; padding-right: 20px; }
	
	
}