/*--------------------------------------------------------------
## Woocommerce Single Product Page
--------------------------------------------------------------*/

.woocommerce-breadcrumb {
	padding: 2rem !important;
}

.productOneLiner{
    font-family: 'filson-pro', sans-serif;
    font-size: 1.8em;
    color: #094E69;
    line-height: 1.1em;
}

.singleProduct .singleProductHeroImage {
	clip-path: polygon(15% 0, 100% 0%, 100% 500px, 0 500px);
	max-height: 400px;
	display: flex;
	width: 100%;
}

.singleProduct .singleProductHeroImage img {
	object-fit: cover;
	height: 100%;
}

.singleProduct .singleProductHeroContainer {
	display: flex;
	flex-direction: column;
	padding: 1% 45% 1% 22%;
	color: #fff;
	width: 100%;
}

.singleProduct .singleProductHeroContainer h2 {
	font-weight: 400;
}

.singleProduct h2{
    margin-top: 5%;
    color: #094E69;
    font-family: 'filson-pro', sans-serif;
    font-weight: normal;

}

.singleProduct .singleProductHeroContentSpacer {
	border-style: solid;
	width: 10%;
	border-color: #9BB33C;
}


.singleProduct .singleProductHeroContainer .singleProductHeroStatistics {
	display: flex;
	justify-content: space-between;
}

.singleProduct .singleProductHeroPrice {
	width: 80%;
}

.singleProduct .singleProductHeroPrice .singleProductPrice {
	margin: 1rem 0;
}

.singleProduct .singleProductHeroPrice .singleProductPrice p{
	margin: 0;
}

.singleProduct .singleProductHeroPrice .singleProductPrice .price {
	color: #9BB33C;
	font-size: 2rem;
}

p.price del {
    font-size: .65em;
    line-height: .7em;
    color: #9BB33C;
    opacity: .6;
    padding-right: 8px;
}


.singleProduct .singleProductPurchaseButtons span{
	margin: 0 5%
}

.singleProduct .singleProductPurchaseButtons a{
	width: 150px;
}

.singleProduct .singleProductPurchaseButtons a:active{
    color: #fff;
}

.singleProduct .singleProductSpacer {
	display: block;
}

.singleProduct .singleProductDetails {
	display: flex;
}

.singleProductHeroContent p {
    padding-top: 2%;
}

.singleProduct .singleProductDetailsContent {
	padding: 3% 22%;
}

.singleProduct .product2Columns{
	display: flex;
}

.singleProduct .product2Columns div{
	width: 100%;
}

.singleProduct .singleProductHeroPrice .singleProductPurchaseButtons {
	padding-bottom: 5%;
}

.singleProduct .singleProductDetailsContent .productKeySkills p {
	margin: 1rem 1.5rem;
	font-weight: bold;
}

.singleProduct .singleProductDetailsContent .productKeySkills ul {
	margin-left: 2rem;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin-bottom: 0;
}

.singleProduct .singleProductDetailsContent .productKeySkills li {
	margin: 0.3rem 0;
	width: 100%;
	list-style: none;
	background: url(/wp-content/uploads/2020/01/check-mark.svg) no-repeat 0 0;
	padding-left: 30px;
}

.singleProduct .singleProductDetailsContent .singleProductDetails {
	padding-top: 25px;
}

.singleProduct .singleProductDetails h2{
	font-family: 'filson-pro', sans-serif;
	font-size: 2.3em;
	line-height: 1.2em;
	color: #fff;
}

.singleProduct .singleProductDetailsContent .productEssentialFor p {
	color: #9bb33d;
	margin-bottom: 5px;
}

.singleProduct .singleProductDetailsContent .productEssentialFor ul.productEssentialForGrid {
	list-style: none;
	display: flex;
	margin: 0;
	padding: 0 0 0 30px;
	flex-direction: column;
}

.singleProduct .singleProductDetailsContent .productEssentialFor .productEssentialForGrid li {
	background: url(/wp-content/uploads/2020/01/user-icon.svg) no-repeat 0 0;
	padding-left: 35px;
	margin: 0.3rem 0;
}


.singleProduct .singleProductDetailsContent .productDescriptionContainer .productDescription br:before {
	white-space: pre;
}

.singleProduct .singleProductCardMobile {
	border-style: solid;
	box-shadow: 0 0 10px #aaaaaa;
	border-width: 1px;
	border-color: #eee;
	display: none;
	margin: 0 5% 10% 5%;
	padding: 0 5% 5% 5%;
    border-radius: 15px;
}

.singleProduct .singleProductCardMobile h2 {
	font-size: 2rem;
    line-height: 1.2em;
	font-weight: 700;
	color: #fff;
}

.singleProduct .singleProductCardMobile p{
	margin: 0;
}
.singleProduct .singleProductCardMobile .price {
	color: #9BB33C;
	text-align: center;
	font-size: 2rem;
}

.singleProduct .singleProductCardMobile p.singleProductCardMobileBottomPad{
	padding-bottom: 1rem;
    color:#fff;
}

.singleProduct .singleProductImageMobile {
	display: none;
}

.singleProduct .singleProductImageMobile img {
	object-fit: cover;
}

.add_to_cart_button.ajax_add_to_cart.added {
    display: none;
}

a.added_to_cart.wc-forward {
    text-align: center;
    font-weight: 400;
    border-color: #ffffff;
    color: #ffffff;
    background-color: transparent;
    text-decoration: none;
    border-radius: 20px;
    border-style: solid;
    border-width: 2px;
    margin-right: 10px;
    float: left;
    padding: 5px 0;
}


@media only screen and (max-width: 768px) {

	.singleProduct .singleProductPurchaseButtons a.add_to_cart_button {
		color: #ffffff;
		background: none;
	}

	.singleProduct .singleProductPurchaseButtons .addToCart:hover {
		border-color: #085874;
		border-width: 2px;
        background: #ffffff;
	}

	.singleProduct .singleProductPurchaseButtons .addToCart:hover a{
		color: #085874;
	}

	.singleProduct .singleProductDetailsContent {
		position: relative;
	}

    .singleProductPurchaseButtons .addToCart {
        margin-right: 10px;
    }

	.singleProduct .singleProductDetailsContent .product2Columns{
		flex-direction: column;
	}

	.singleProduct .singleProductDetailsContent .product2Columns .productOneLiner{
		margin: 0;
	}

	.singleProduct .singleProductDetailsContent .productKeySkills{
		padding: 0;
		border: none;
	}

	.singleProduct .singleProductDetailsContent .productKeySkills .productKeySkillsGrid li{
		width: 100%;
	}

	.singleProduct .singleProductDetailsContent .productEssentialFor {
		padding: 0;
	}

	.singleProduct .singleProductDetailsContent .productEssentialFor .productEssentialForGrid {
		flex-direction: column;
	}

	.singleProduct .singleProductImageMobile {
		max-height: 362px;
		display: flex;
		position: absolute;
	}

	.singleProduct .singleProductDetails {
		display: none;
	}
	.singleProduct .singleProductSpacer {
		display: none;
	}
	.woocommerce-breadcrumb {
		padding: 1rem !important;
	}

	.singleProduct .singleProductPurchaseButtons {
		width: 100%;
		display: flex;
	}

	.singleProduct .singleProductCardMobile .price {
		padding: 1rem 0;
		text-align: left;
	}
}

@media only screen and (max-width: 1024px) {

	.singleProduct .singleProductPurchaseButtons #addToCart {
		margin-bottom: 2%;
	}

    .singleProduct .singleProductDetailsContent {
        padding: 3% 5%;
    }

    .singleProduct .singleProductHeroContainer{
        padding: 0 0 0 5%;
    }
}



@media only screen and (max-width: 768px) {
    .singleProduct .singleProductCardMobile {
        border: none;
        box-shadow: none;
        border-width: 1px;
        margin: 0 0 3% 0;
        padding: 10px 25px 30px 25px;
        border-radius: 0;
    }

    .singleProduct .singleProductCardMobile {
		display: block;
		position: relative;
		top: 0
	}

    .singleProductCardMobile .addToCart {
        border: solid #fff 2px;
        background: transparent;
    }

    .singleProductCardMobile .buyNowButton {
        background: #9BB33C;
        color: #fff;
        border: 2px solid #9BB33C;
    }

    .singleProductCardMobile .buyNowButton a {
        color: #fff;
    }

}



@media only screen and (max-device-width: 600px)  {

    .singleProduct .singleProductCardMobile{
        margin: 0 0 5% 0;
    }


    .singleProduct .singleProductCardMobile h1{
        font-size: 1.5em;
        line-height: 1.4em;
    }

    .singleProduct .singleProductImageMobile{
        height: 375px;
    }

    .productOneLiner, .singleProduct h2{
        font-size:1.2em;
    }

    .singleProduct .singleProductCardMobile .price {
        padding: 0 0 5% 0;

    }

    .singleProduct .singleProductPurchaseButtons a {
        width: 150px;
    }

    a.added_to_cart.wc-forward{
        width: 100%;
    }

}


@media only screen and (max-device-width: 400px)  {
    .singleProduct .singleProductPurchaseButtons {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .singleProductPurchaseButtons .addToCart {
        margin-bottom: 10px;
    }

    .addToCart{
        padding: 2px 6px;
    }
}