/*
Theme Name: Starter Theme Child
Author: Franco Laudadio
Description: The Starter theme is a simple, minimalist theme.
Template: startertheme
License: GNU General Public License
Version: 1.0.0
*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body {
	font-family: 'Josefin Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Righteous', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}
h1 {
	color: #fff;
	font-size: 88px;
	line-height: 1.1em;
}
h2 {
	color: #fff;
	font-size: 42px;
	line-height: 1.2em;
}
h3 {
	color: #333;
	font-size: 28px;
	line-height: 1.4em;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
}
h4 {
	color: #fff;
	font-size: 24px;
	line-height: 1.4em;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
}
h5 {
	color: #333;
	font-size: 20px;
	line-height: 1.1em;
}
h6 {
	color: #FFF;
	font-size: 20px;
	line-height: 1.1em;
}
a {
    color: #000;
	text-decoration: none;
}
a:hover {
    color: #333;
}
.so-widget-sow-image h3 {
	text-align: center;
	color: #E33112;
	font-size: 32px;
	margin-top: 30px !important;
	font-family: 'Righteous', sans-serif;
}
.theme-price {
	font-size: 32px;
}
.main-navigation li a {
    color: #fff;
}

/* About Page
--------------------------------------------------------------*/
.intro p {
    margin-bottom: 1.5em;
    font-size: 21px;
    color: #eee;
}
.method {
	font-size: 18px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#masthead {
    background: rgba(255, 255, 255, 0.25);
    box-shadow: none;
	padding: 9px 0 7px;
}
#masthead.small {
    background: #333;
}
.amazingcarousel-title {
    display: none;
}
.amazingcarousel-readmore {
    display: none;
}
.amazingcarousel-image div a {
    display: none !important;
}
body .amazingcarousel-list .amazingcarousel-image div a {
    opacity: 0 !important;
}
body .amazingcarousel-list .amazingcarousel-image div  {
    background-color:transparent;
}
.discovery_button a {
    background-color: #c33c0f;
    color: #fff;
    padding: 18px 10px;
    font-size: 20px;
}
.vwidget_area-four {
    background-color: #f24221;
    text-align: center;
    width: 75%;
    margin: 0 auto;
    border-radius: 9px;
}
.vwidget_area-four a {
    color: #fff !important;
    text-transform: uppercase !important;
    line-height: 20px;
    padding: 10px 5px;
    display: block;
    /* border-radius: 13px !important; */
}
.footer-col-last h1 {
    text-align: center;
}
.discovery_button.discovery_button-2, .discovery_button {
    text-align: center;
    width: 100%;
    background-color: #c33c0f;
    padding: 15px 0px;
}
.discovery_button.discovery_button-2 a {
    text-transform: capitalize;
}
i.fa.fa-download {
    margin-right: 10px;
}


/*--------------------------------------------------------------
# Posts Pages
--------------------------------------------------------------*/


#main {
	padding-top: 0;
}
.entry-content {
    margin: 0;
}
a.btn {
	padding: 12px 30px;
	border: 1px solid #fff;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}
.btn:hover {
    background: #fff;
	color: #333;
}
.darkGradient {
	background: #333; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#333, #222); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#333, #222); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#333, #222); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#333, #222); /* Standard syntax */
}

/** Hover Effects **/

.overlay-container a:hover img, .overlay {
    transform: scale3d(1.1, 1.1, 1);
    overflow: hidden;
    transition: opacity 1s ease 0s, transform 1s ease 0s, -webkit-transform 1s ease 0s;
}
.overlay {
	-webkit-box-shadow:   1px 1px 25px #222;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    1px 1px 25px #222;  /* Firefox 3.5 - 3.6 */
	box-shadow:         1px 1px 25px #222;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	z-index: 2;
}
.overlay-text h6 {
    font-size: 16px;
    line-height: normal;
    padding-bottom: 5px;
    margin: 0;
}
.overlay-text {
  font-weight: bold;
  width: 75%;
}
.sow-image-container {
    overflow: visible !important;
}
.overlay-image {
	-webkit-box-shadow: 0 0 12px #CCC;
	-moz-box-shadow: 0 0 12px #CCC;	
	box-shadow: 0 0 12px #CCC;
}

/** Specs table **/

table.specs td {
    background: #333;
    padding: 3px 20px;
    color: #fff;
    border: 1px solid;
    font-size: 12px;
}
table.specs th {
	background: #fff;
	text-align: left;
}
table.specs th h3 {
	font-family: 'Righteous', sans-serif;
	margin: 0;
}
table.specs th h5 {
	font-size: 16px;
	margin: 0;
	padding-bottom: 5px;
}

/** Colour Option table **/

table.colour {
	width: auto;
    margin: 50px auto 0;
}
table.colour td {
	padding: 0 8px;
    text-align: center;
}
table.colour p {
    line-height: 0;
}
table.colour button {
    border: none;
    background: #fff;
    padding: 0;
}
.sow-contact-form-success p {
	font-size: 24px;
    color: #fff;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
	margin: 0 10px 10px 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.main-navigation ul {
    margin: 6px 0 0 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
    background: none;
}
.site-footer h1 {
    color: #E33112;
    font-size: 24px;
}
.site-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.site-footer a, .site-footer a:visited {
    color: #999;
    text-decoration: none;
    text-transform: uppercase;
}
.footer-col-last a, .footer-col-last a:visited {
	text-transform: lowercase;
}
.site-footer p {
	color: #999;
}
.footer-col {
    width: 21%;
}
.footer-col-last {
    width: 25%;
    margin-left: -30px;
}
#subsidiary {
    padding: 40px 0 80px;
}
#siteInfo-container {
    background: #333;
}
.site-info {
    color: #eee;
}
.sow-text-field {
	color: #333 !important;
}

/*--------------------------------------------------------------
# Woo-commerce
--------------------------------------------------------------*/

.woocommerce-product-gallery, .product_meta, .price, .wc-tabs, .shop_attributes, .woocommerce-Tabs-panel h2 {
	display: none;
}
.reset_variations {
	display: none !important;
}
.woocommerce-variation-price .price {
	display: inline;
}
.product .summary {
	float: none !important;
    width: 100% !important;
	margin: 0 !important;
}
table.variations {
	width: auto !important;
	float: left;
	color: #fff;
}
table.variations tr {
	float: left;
	width: auto;
}
.variations select {
    max-width: 92% !important;
    min-width: 90% !important;
}
.variations td.label {
    text-transform: uppercase;
}
.variations td {
    display: block;
}
.variations p {
    margin-bottom: 0;
	cursor: pointer;
}
.woocommerce-variation-price {
    float: left;
    font-family: 'Righteous';
    padding-right: 20px;
}
span.price {
    color: #FFF !important;
    font-size: 4em !important;
    line-height: 1.1em;
    padding-left: 10px;
}
.woocommerce div.product form.cart div.quantity {
    margin: 12px 10px 0 0 !important;
}
.woocommerce .quantity .qty {
    height: 48px;
}
.woocommerce .button {
    background-color: #C23C0F !important;
	margin: 12px 10px 0 0 !important;
    padding: 1em 1.5em !important;
	font-family: 'Righteous';
    text-transform: uppercase;
	color: #fff !important;
}
.woocommerce button.button.alt a {
	color: #fff !important;
}
.woocommerce-variation-add-to-cart table {
		width: auto;
		margin: 0;
	}
.step2 {
    position: absolute;
    left: -230px;
    top: -50px;
}
.step1 {
    position: absolute;
    top: -50px;
}
.callAction h6 {
    display: inline;
    font-size: 16px;
}
table.steps {
	width: auto;
	margin: 0;
}
table.steps td {
	width: 170px;
}
.woocommerce div.product form.cart {
	margin: 0 auto !important;
    width: 1032px;
}
table.drive td {
	width: 50%;
}
table.drive {
	border-bottom: 1px solid #333;
}
h2.collapse-tab {
	color: #333;
	cursor: pointer;
}
td.kit {
	display: none;
}
body.page-id-24 td.kit {
	margin-left: 30px;
	display: inline-block;
}
.woocommerce table.shop_table, .woocommerce table.shop_table td {
    border: 1px solid #eee;
	color: #eee;
}
.product-thumbnail {
	text-align: center;
}
td.product-thumbnail a img {
    width: 200px !important;
	padding: 20px 0;
}
.variation p {
	display: inline;
}
td.product-name a {
	color: #aaa;
}
.woocommerce-billing-fields h3, .woocommerce-billing-fields label, .woocommerce-additional-fields h3, .woocommerce-additional-fields label, h3#order_review_heading  {
	color: #aaa
}
.woocommerce-message {
    border-top-color: #E33112 !important;
}
.woocommerce-message::before {
    color: #E33112 !important;
}
.wpmenucartli {
	display: none;	
}
.woocommerce div.product form.cart .button {
    
}
section.related.products {
	display: none !important;
}
#coupon_code {
	margin: 20px 20px 20px 0;
}

/* =woo commerce spare parts page
----------------------------------------------- */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 1% 2.992em 1% !important;
    width: 23% !important;
	text-align: center;
}
h2.woocommerce-loop-product__title {
	color: #AAA;
	min-height: 75px;
}
.products span.price {
    font-size: 2.5em !important;
    padding-left: 0;
    font-family: 'Righteous';
    color: #AAA !important;
}
.woocommerce ul.products li.product .button {
    display: none;
}
.woocommerce img {
  -webkit-box-shadow: 0 0 5px #555;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0 0 5px #555;  /* Firefox 3.5 - 3.6 */
  box-shadow:         0 0 5px #555;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

/*--------------------------------------------------------------
# Blog Single
--------------------------------------------------------------*/

#single-main {
	width: 1170px;
	margin: 70px auto 0;
}
body.single #primary {
	width: 65%;
	float: left;
}
body.single #primary img {
    width: 100%;
}
body.single #secondary {
	width: 29%;
	float: right;
}
#secondary h1 {
    color: #333;
    font-size: 32px;
}
#single-header {
	width: 100%;
	background: url(images/blog-header.jpg) no-repeat;
	background-size: cover;
}
#single-header h3 {
    padding: 350px 0 150px;
    color: #fff;
    text-align: center;
}

/* =Tablet Landscape
----------------------------------------------- */

@media only screen and (min-width: 969px) and (max-width: 1260px) {
	.starter-standard-class {
		padding: 0 30px;
	}
	.starter-full-width-class .panel-row-style {
		padding-left:30px !important;
		padding-right:30px !important;
	}
	table.specs th h3 {
    font-size: 21px;
	}
}

/* =Tablet Portrait
----------------------------------------------- */

@media only screen and (min-width: 760px) and (max-width: 968px) {
	
	.starter-standard-class {
		padding: 0 20px;
	}
	.starter-full-width-class .panel-row-style {
		padding-left:20px !important;
		padding-right:20px !important;
	}
	.show-menu {
    	display: none;
	}
	.features .panel-grid-cell, .options .panel-grid-cell {
		width: 33% !important;
	}
	.features .clearfix, .options .clearfix, .team .clearfix {
    	flex-direction: row !important;
	}
	.team .panel-grid-cell {
		width: 50% !important;
		padding: 0 20px !important;
	}
	.woocommerce div.product form.cart {
    	width: 92% !important;
	}
	.single_add_to_cart_button  {	
    	clear: both;
	}
	.footer-col-last {
    	width: 45%;
	}
	.footer-col {
		width: 25%;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 48% !important;
	}
	.features.panel-row-style, .options.panel-row-style, .curved.panel-row-style, .team.panel-row-style {
		background-position: top center !important;
		background-size: 100% !important;
		background-repeat: no-repeat;
	}
	.sow-contact-form {
    	padding: 0 !important;
	}
}

/* =Phones Landscape and Portrait
----------------------------------------------- */

@media only screen and (max-width: 750px) {
	.show-menu {
    	display: none;
	}
	#panel-16-8-0-0> .panel-widget-style, #panel-16-8-1-0> .panel-widget-style, #panel-16-8-2-0> .panel-widget-style {
    padding: 0px 0px 25px 0px !important;
}
	#main {
		padding-top: 57px;
	}
	#masthead {
    	background: #333;
	}
	h1 {
		font-size: 44px;
	}
	h2 {
		font-size: 32px;
	}
	h4 {
		font-size: 18px;
	}
	h3 {
		font-size: 24px;
	}
	table.specs th h3 {
		font-size: 22px;
	}
	.starter-standard-class {
		padding: 0 20px;
	}
	.starter-full-width-class .panel-row-style {
		padding-left:20px !important;
		padding-right:20px !important;
	}
	.features .panel-grid-cell {
		margin-bottom: 10px !important;
	}
	.features.panel-row-style, .options.panel-row-style, .curved.panel-row-style {
		background-position: top center !important;
		background-size: inherit !important;
		background-repeat: no-repeat;
	}
	#mega-menu-wrap-primary {
		margin-right: -10px !important;
	}
	.mega-menu-toggle {
		margin-right: 10px !important;
	}
	.woocommerce div.product form.cart {
    	width: 100% !important;
	}
	.woocommerce div.product form.cart .variations label {
		font-weight: 500;
		font-size: 12px;
	}
	span.price {
		line-height: .5;
		padding-left: 0;
	}
	.woocommerce div.product form.cart div.quantity {
		margin: -8px 10px 0 0 !important;
	}
	.woocommerce .button {
		margin: 25px 10px 0 0 !important;
		padding: .5em 1.1em !important;
	}
	.variations select {
		max-width: 100% !important;
		min-width: 1px !important;
		width: 140px;
	}
	table.drive td {
		width: auto;
		display: block;
	}
	.footer-col {
		width: 40%;
		float: left;
		margin: 0 0 30px 25px;
	}
	.footer-col-last {
		width: auto;
		margin-left: 25px;
	}
	#subsidiary {
		padding: 30px 0 10px;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 100% !important;
	}
	.sow-contact-form {
    	padding: 0 !important;
	}
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    cursor: auto;
}

.woocommerce ul.products li.product img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
}

.woocommerce ul.products li.product:hover img {
    transform: scale3d(1.1, 1.1, 1);
    overflow: hidden;
    transition: opacity 1s ease 0s, transform 1s ease 0s, -webkit-transform 1s ease 0s;
}
@media only screen and (max-width: 1024px) {
.discovery_button a {
    font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.discovery_button a {
    font-size: 14px;
}
}