/*
Theme Name: Trademark Exteriors
Template: customify
Author: WebsiteNEO
Author URI: https://websiteneo.com/
Description: Custom theme created for Trademark Exteriors
Version: 0.2.5.1543872273
Updated: 2018-12-03 21:24:33

*/

/* Overall Site Styling */

p {
	font-family: 'Muli', sans-serif;
}

h1, h2, h3, h4 {
	font-family: 'Volkhov', serif;
}

.elementor-slide-heading {
    font-family: 'Volkhov', serif;
    letter-spacing: 1.5px;
    font-weight: bold;
}
	
.wc-product__part.wc-product__add_to_cart {
    display: none;
}
article#post-1102 {
    padding-top: 30px;
}
article#post-1100 {
    padding-top: 30px;
}
.woocommerce-info {
    border-top-color: #679650!important;
}
.woocommerce-info::before {
    color: #679650!important;
}
#product-450 .woocommerce-Price-amount.amount:after {
    content: " (per sq. ft.)";
}
#product-436 .woocommerce-Price-amount.amount:after {
    content: " (per sq. ft.)";
}
#product-444 .woocommerce-Price-amount.amount:after {
    content: " (per sq. ft.)";
}
#product-459 .woocommerce-Price-amount.amount:after {
    content: " (per sq. ft.)";
}
#product-1112 .woocommerce-Price-amount.amount:after {
    content: " (per sq. ft.)";
}
#product-465 .woocommerce-Price-amount.amount:after {
    content: " (per sq. ft.)";
}
#product-1110 .woocommerce-Price-amount.amount:after {
    content: " (per sq. ft.)";
}
#product-470 .woocommerce-Price-amount.amount:after {
    content: " (per sq. ft.)";
}
#product-1108 .woocommerce-Price-amount.amount:after {
    content: " (per sq. ft.)";
}
#product-1115 .woocommerce-Price-amount.amount:after {
    content: " (per sq. ft.)";
}
#product-474 .woocommerce-Price-amount.amount:after {
    content: " (per sq. ft.)";
}

.woocommerce-listing.wc-product-listing.wc-grid-view {
    margin-top: 60px;
}
.woocommerce-notices-wrapper {
    padding-top: 60px;
}
.button2 {
    border: 2px solid #000;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
}

.button2:hover {
    background: #000;
    color: #fff;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-337:hover {
    cursor: default;
}
.logoRow {
	display:none;
}
.logoSectionHeader h3 {
    text-align: center;
    font-weight: bold;
    font-size: 36px;
}
.logoCluster {
	filter: grayscale(1);
}

.logoSection img {
    max-width: 180px;
}
.logoSection img:hover {
    filter: grayscale(0);
}

.logoSection {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    align-items: center;
    grid-gap: 10px;
}
.dewaltWrapper {
    background: linear-gradient(#d0d0d070,#84848470), url(/wp-content/uploads/2020/01/dewalt-tools-bkgd.jpg);
    background-size: contain;
    background-position: center;
    padding: 15px;
}
.dewalt {
    text-align: center;
    background: #000000c4;
    padding: 20px 10px 30px 10px;
}
.dewalt img {
    display: block;
    max-width: 200px;
    margin: auto;
}


.dewalt h3 {
    font-weight: bold;
    color: #eaa402;
    letter-spacing: 1px;
}
.dewalt p {
    color: #fff;
}

.categoryWrapper {
    display: flex;
    place-content: center;
    flex-flow: wrap;
    padding: 30px 15px;
}
.categoryImg {
    width: 100%;
	text-align: center;
}
.categoryContent {
    padding: 20px 10px 20px 10px;
    margin-bottom: 20px;
    text-align: center;
    margin-top: -46px;
}
.categoryContent img {
    max-width: 200px;
    text-align: center;
    padding: 5px 10px;
    box-shadow: 0 4px 6px -3px #000000b0;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 2px;
}
.categoryContent h2 {
    font-weight: bold;
}
.categoryContent p {
    max-width: 800px;
}
.variform {
    background: whitesmoke;
    padding-top: 60px;
}
.allura {
    background: #ececec;
}
.plygem {
    background: whitesmoke;
}
.plytrim {
    background: #ececec;
    padding-bottom: 60px;
}
.subcategoryWrapper {
    display: flex;
    flex-wrap: wrap;
    place-content: center;
    align-items: center;
    background: #679650;
    border-radius: 5px;
    max-width: 1400px;
    color: #fff;
    margin: 10px;
    padding: 30px;
}
.subcategoryContent {
    max-width: 1000px;
}
.subcategoryImg img {
    max-width: 240px;
	margin: 0px 15px;
}
.subcategoryImg p {
    font-size: 11px;
    max-width: 240px;
    margin: auto;
	text-align: center;
}
.windowList {
    display: inline-flex;
    width: 100%;
    margin-bottom: 30px;
	justify-content: center;
    font-size: .8em;
}

.windowList p {
    background: #679650;
    margin: 5px;
    padding: 10px 20px;
    border-radius: 48px;
    min-width: 100px;
    text-align: center;
    color: #fff;
}

.doorsWrapper {
    display: flex;
    max-width: 1800px;
    margin: auto;
    flex-wrap: wrap;
}

.doors {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 50px;
}

.doorsImg img {
    max-width: 200px;
}

.doorsContent {
    text-align: justify;
    padding: 15px;
}

.doorsContent h3 {
    font-weight: bold;
    margin-bottom: 0;
}

.doorsContent p {
    font-size: 14px;
}

.doorPage h2 {
	background: #444444;
	text-align: center;
	padding: 45px 10px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 30px;
	font-weight: bold;
	letter-spacing: 2px;
}

.doorPageIntro {
    background: #b9b6c6;
}

.doorPageIntroContent {
    margin: auto;
    text-align: center;
    padding: 30px 10px;
}

.doorPageIntroContent h1 {
	font-weight: bold;
	color: #f8f8fb;
}

.doorPageIntroContent p {
    max-width: 600px;
    color: #fff;
}

.doorPageIntro .doorPageIntroContent img {
    max-width: 250px;
}

.windows {
    background: #bcada8;
}
.windows h1 {
    color: #f3eee8;
}
.windows p {
    color: #ffffff;
}
.owl-stage img {
    max-width: 200px!important;
}

div#slider_165 {
    max-height: 650px;
}
div#slider_175 {
    max-height: 650px;
}

.easyFix {
    max-width: 1250px;
    margin: auto;
}
.stonePageWrappers {
    padding: 60px 10px;
}

.light {
    background: #F5F5F5;
}
.dark {
    background: #ECECEC;
}

.categoryWrapper.stone {
    box-shadow: 0 3px 4px 3px #00000030;
    max-width: 1400px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 30px;
    margin: auto;
    background: #fff;
}

.servicesWrapper {
    display: flex;
    margin: auto;
    flex-flow: wrap;
    justify-content: center;
    max-width: 1600px;
    padding: 20px 10px;
}

.services {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 15px;
    margin: 10px 0px;
}
	
.services:hover {
    background: #54803e;
    color: gainsboro;
}

.services img {
    box-shadow: 0 13px 0px -6px #00000038;
}

.sliderWrapper {
	max-width: 1184px;
	margin: auto;
}

.servicesWrapperBkgd {
    background: #f1f1f1;
}
.contactWrapper {
    padding: 60px 10px;
    text-align: center;
}
.testimonialsWrapper {
    padding: 60px 10px;
    background: #679650;
}

.testimonialsContent p {
    color: #fff;
    font-size: 34px;
    font-weight: bold;
}

.testimonials {
    max-width: 1600px;
    margin: auto;
}

.testimonialsWrapper {
    text-align: center;
}

.testimonialsContent p {
    text-align: left;
}
.testimonialsShortcode {
    max-width: 1400px;
    margin: auto;
    text-align: left;
}
.contact h3 {
	font-weight: bold;
	font-size: 34px;
}
.contact p {
    max-width: 600px;
    margin: auto;
    padding-bottom: 30px;
}

.galleryPageIntroWrapper {
    background: #679650;
    color: #fff;
    padding: 50px 10px;
}

.galleryPageIntro {
    max-width: 1200px;
    margin: auto;
    text-align: center;
}
.galleryPageIntro h1 {
    font-weight: bold;
}
.galleryWrapper {
    padding: 90px 10px;
}
@media all and (min-width:768px) { /*Ipad*/
	.dewaltWrapper {
		background: linear-gradient(#ffffffb0,#d0d0d0b0), url(/wp-content/uploads/2020/01/dewalt-tools-bkgd.jpg);
		background-position: center;
		background-size: contain;
		padding: 15px;
	}
	.dewalt {
		max-width: 380px;
		padding: 30px 40px;
		background: linear-gradient(90deg, #000000f7,#000000c7);
	}
    .categoryImg {
        display: contents;
    }
    .subcategoryWrapper {
   		flex-wrap: nowrap;
	}
	.subcategoryContent {
	    text-align: left;
	}
	.doorsContent {
		text-align: center;
		padding: 15px;
		max-width: 600px;
		margin-top: 15px;
	}
	.doorPage h2 {
		margin-bottom: 120px;
		font-size: 36px;
	}

	.doorsWrapper {
		margin-bottom: 60px;
	}
	.servicesWrapper {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.logoRow {
		display: block;
	}
	.aboutImg {
		max-width: 500px;
		margin: auto;
	}
}

@media all and (min-width:1024px) { /*Ipad Pro*/
	.dewalt {
        max-width: 420px
    }
	.doors {
		margin: auto;
		margin-bottom: 50px;
	}

	.doorsContent {
		text-align: left;
		margin-top: unset;
	}

	.doorsContent p {
		font-size: 15px;
	}

	.doorPageIntro {
		display: flex;
	}
    
    .doorPageIntro img {
    	max-width: 550px;
    }

    .doorPageIntroContent {
    	text-align: left;
    	padding: 10px 30px;
    }
	
	div#slider_165 {
		max-height: 400px;
	}
	div#slider_175 {
		max-height: 400px;
	}

}

@media all and (min-width:1100px) {
    .categoryWrapper {
        flex-flow: nowrap;
    }
    .categoryContent {
        text-align: left;
		margin-top: unset;
    }    
    .categoryImg {
        width: 30%;
    }
    .categoryImg img {
        margin-right: 30px;
    }
    .subcategoryImg {
	    margin-right: 40px;
	}
	.windowList {
		justify-content: flex-start;
	}
	.categoryImg img {
		max-width: 600px;
	}
	.doorPageIntro img {
    	max-width: 55%;
    }
}

@media all and (min-width:1200px) {
	
	.dewalt {
		max-width: 600px;
	}
	.dewalt img {
		display: block;
		max-width: 300px;
	}
	.dewalt h3 {
		font-size: 32px;
	}
	.subcategoryWrapper {
		margin: 10px auto;
	}
	.categoryImg img {
		max-width: 600px;
	}
	.doors {
		align-items: center;	
	}
	.logoSection img {
		max-width: 220px;
	}
	.logoSection {
    grid-template-columns: repeat(5, 1fr);
		margin: auto;
	}
	.aboutWrapper {
	    display: flex;
	}
	.about {
		margin-right: 10px;
		max-width: 1000px;
	}
	.services {
		font-size: 20px;
	}
}

@media all and (min-width:1400px) {
	
	.dewalt {
		max-width: 780px;
	}
	.dewalt p {
		color: #fff;
		max-width: 600px;
		margin: auto;
		margin-bottom: 20px;
	}
}