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

*/
/** fadeInLeft **/

@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
	        -webkit-transform: translatex(0);
	        -moz-transform: translatex(0);
	        -o-transform: translatex(0);
	        transform: translatex(0);
    }
    to {
        opacity:1;
	        -webkit-transform: translatex(10px);
	        -moz-transform: translatex(10px);
	        -o-transform: translatex(10px);
	        transform: translatex(10px);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
	        -webkit-transform: translatex(0);
	        -moz-transform: translatex(0);
	        -o-transform: translatex(0);
	        transform: translatex(0);
    }
    to {
        opacity:1;
	        -webkit-transform: translatex(10px);
	        -moz-transform: translatex(10px);
	        -o-transform: translatex(10px);
	        transform: translatex(10px);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
	        -webkit-transform: translatex(-100px);
	        -moz-transform: translatex(-100px);
	        -o-transform: translatex(-100px);
	        transform: translatex(-100px);
    }
    to {
        opacity:1;
	        -webkit-transform: translatex(0);
	        -moz-transform: translatex(0);
	        -o-transform: translatex(0);
	        transform: translatex(0);
    }
}
/** fadeInRight **/

@-webkit-keyframes fadeInRight {
    from {
        opacity:0;
	        -webkit-transform: translatex(10px);
	        -moz-transform: translatex(10px);
	        -o-transform: translatex(10px);
	        transform: translatex(10px);
    }
    to {
        opacity:1;
	        -webkit-transform: translatex(0);
	        -moz-transform: translatex(0);
	        -o-transform: translatex(0);
	        transform: translatex(0);
    }
}
@-moz-keyframes fadeInRight {
    from {
        opacity:0;
	        -webkit-transform: translatex(10px);
	        -moz-transform: translatex(10px);
	        -o-transform: translatex(10px);
	        transform: translatex(10px);
    }
    to {
        opacity:1;
	        -webkit-transform: translatex(0);
	        -moz-transform: translatex(0);
	        -o-transform: translatex(0);
	        transform: translatex(0);
    }
}
@keyframes fadeInRight {
    from {
        opacity:0;
	        -webkit-transform: translatex(100px);
	        -moz-transform: translatex(100px);
	        -o-transform: translatex(100px);
	        transform: translatex(100px);
    }
    to {
        opacity:1;
	        -webkit-transform: translatex(0);
	        -moz-transform: translatex(0);
	        -o-transform: translatex(0);
	        transform: translatex(0);
    }
}

li#menu-item--bottom-desktop-320 {
    cursor: default;
}

.fg-paging-container .fg-dot-item .fg-dot-link:before {
	border: 10px solid transparent;
}
/************************Homepage Styling*****************************/

.homeSlider {
    background: #e1dbcf;
    text-align: center;
}

.homeSlider h1 {
    color: black;
    padding: 30px 10px 0px 10px;
    text-transform: uppercase;
	font-weight: bold;
}

.homeSlider h2 {
    padding: 0px 10px;
    font-size: 18px;
}
.productsButton {
    display: inline-block;
    margin: 5px;
    width: 200px;
    border: solid 1px #fff;
}
.dealerButton {
    display: inline-block;
    margin: 5px;
    width: 200px;
    margin-bottom: 20px;
    border: solid 1px #fff;
}

.homeAboutWrapper {
    text-align: center;
    padding: 30px 15px;
    background: #626b3e;
    color: white;
}
.homeAbout h2 {
    color: beige;
}
.homeAbout p {
    padding-bottom: 30px;
    max-width: 1200px;
    margin: auto;
}


.homeProductsWrapper {
    text-align: center;
    padding: 30px 10px;
}
.homeProducts h2 {
    text-transform: uppercase;
    font-weight: bold;
}
.homeProducts p {
    color: black;
}
.homeSheds {
    padding: 5px;
    transition: all .4s;
}
.homeSheds:hover {
	background: #ffffffe0;
	transform: scale(1.01);
	box-shadow: 0px 28px 17px -20px #00000075;
}
.homeGarages {
    padding: 5px;
	transition: all .4s;
	}
.homeGarages:hover {
	background: #ffffffe0;
	transform: scale(1.01);
	box-shadow: 0px 28px 17px -20px #00000075;
}
.homeHunting {
    padding: 5px;
    transition: all .4s;
}
.homeHunting:hover {
	background: #ffffffe0;
	transform: scale(1.01);
	box-shadow: 0px 28px 17px -20px #00000075;
}
a.buttonOne {
    color: #626b3e!important;
    background: #dadabc;
    padding: 12px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    text-align: center;
}
a.buttonOne:hover {
    background: beige;
}
.contactCTA.homeContact a {
    color: #626b3e;
}
.contactCTAWrapper {
    padding: 60px 30px;
}

.contactCTA {
    text-align: center;
}

.contactCTA p {
    max-width: 1200px;
    margin: auto;
    padding-bottom: 40px;
}

.contactCTA h3 {
    text-transform: uppercase;
    font-size: 34px;
    font-weight: bold;
}
.contactCTA a {
    color: #e0e0a4;
}

/*************************************About Page Styling******************************/
.aboutHeaderWrapper {
    padding: 30px 20px;
    background: #626b3e;
}
.aboutHeaderWrapper img {
    display: none;
}
.aboutHeader {
    max-width: 1600px;
    margin: auto;
}
.aboutHeader h1 {
    color: white;
    font-size: 24px;
}

.aboutHeader p {
    color: white;
    font-size: 14px;
    text-align: justify;
}
.ourProductsWrapper {
    background: url(https://webdesignsneo.com/pinetree/wp-content/uploads/2019/10/tan-trees-background.jpg);
    background-position: bottom;
    background-size: cover;
    padding: 60px 15px;
    text-align: center;
    padding-bottom: 0;
}

.ourProducts {
    text-align: center;
}

.ourProducts h2 {
    background: #626b3e;
    padding: 20px;
    text-transform: uppercase;
    color: #e1dbcf;
    font-weight: bold;
    max-width: 600px;
    margin: auto;
}
.ourProducts p {
    max-width: 1200px;
    margin: auto;
    margin-top: 25px;
}
.aboutCards {
    margin: 17px;
    background: #ffffffba;
}
.aboutCards h2 {
    padding: 8px 5px;
    font-weight: bold;
}

.aboutCards img {
    border-radius: 4px 4px 0px 0px;
}
.aboutShed {
    transition: all .4s;
}

.aboutShed:hover {
    transform: scale(1.01);
	box-shadow: 0px 28px 17px -20px #00000075;
    background: #626b3ea6;
}
.aboutGarage {
    transition: all .4s;
}

.aboutGarage:hover {
    transform: scale(1.01);
	box-shadow: 0px 28px 17px -20px #00000075;
    background: #626b3ea6;
}
.aboutHunting {
    transition: all .4s;
}

.aboutHunting:hover {
    transform: scale(1.01);
	box-shadow: 0px 28px 17px -20px #00000075;
    background: #626b3ea6;
}
.aboutProductsWrapper {
    padding: 30px;
}
.aboutProducts h2 {
    text-transform: uppercase;
    font-size: 26px;
}
.aboutProducts img {
    padding: 15px 0px;
    max-width: 200px;
}
.aboutCards {
    padding: 30px;
}
/***********************************Sheds Page Styling********************************/
.introContent {
    text-align: center;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    background: #626b3e;
    padding: 40px 20px;
    width: 100%;
}

.introContent h1 {
    width: 100%;
    color: #e0e0a4;
    text-transform: uppercase;
    font-weight: bold;
}
.introContent p {
    max-width: 600px;
    color: white;
}

.shedProductsWrapper {
    display: flex;
    justify-content: center;
    padding: 30px 0;
    flex-wrap: wrap;
}
.shedProducts {
    text-align: center;
    width: 90%;
    max-width: 600px;
}

.shedProducts h2 {
    background: #626b3e;
    padding: 12px 4px 6px 4px;
    color: #e0e0a4;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 1px;
}
.shedProducts p {
    padding: 10px;
}
.productButtons {
    display: flex;
}
a.buttonOne.featureButton {
    width: 50%;
    margin-right: 4px;
    font-size: 12px;
    padding: 12px 0px;
}
a.buttonOne.dealerButtonShed {
    width: 50%;
    margin-left: 4px;
    font-size: 12px;
    padding: 12px 0px;
}
.optionsContent {
    padding: 30px;
}
.imageWrapper {
    display: grid;
    justify-content: space-evenly;
    column-gap: 10px;
	grid-template-columns: auto auto;
}
.imageWrapper p {
    text-align: center;
}
.imageWrapper img {
    border: solid 5px #fff;
}
.image2 {
    max-width: 300px;
}

.image3 {
    max-width: 300px;
}

.image4 {
    max-width: 300px;
}
.image5 {
	max-width: 200px;
}
.otherSectionsWrapper {
    text-align: center;
    padding: 15px;
    background: url(https://webdesignsneo.com/pinetree/wp-content/uploads/2019/10/tan-branches-background.jpg);
    background-size: cover;
}

.otherSectionsWrapper h3 {
    background: #626b3e;
    text-transform: uppercase;
    color: #e1dbcf;
    width: 100%;
    padding: 30px;
    margin-bottom: 60px;
    font-weight: bold;
}
.otherSections h2 {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 4px;
}

.otherSections p {
    text-transform: uppercase;
    letter-spacing: 2px;
}
.huntingGalleryWrapper {
    padding: 90px 10px 50px 10px;
}
.huntingGalleryButton {
    padding: 30px;
    text-align: center;
}
a.buttonOne.dealerButtonShed {
    padding: 15px;
}
/*******************************Gallery Page*******************************/
/* .galleryWrapper {
	background: url(https://webdesignsneo.com/pinetree/wp-content/uploads/2019/10/tan-trees-background.jpg);
    background-size: cover;
    background-attachment: fixed;
	padding: 40px 15px;
} */
.gallery {
	max-width: 1600px;
	margin: auto;
}
.gallery h1 {
	text-align: center;
}
.gallery p {
	max-width: 1000px;
	margin: auto;
	text-align: center;
}

/*******************************Contact Page*******************************/
.dealerLocatorWrapper {
    background: #e8e8e8;
    padding: 60px 20px;
}

.dealerLocator {
    max-width: 1400px;
    margin: auto;
}

.dealerLocator h1 {
    text-align: center;
    font-weight: bold;
}
.dealerLocator h2 {
    padding-top: 60px;
}
.dealerForm {
    max-width: 1400px;
    margin: auto;
    padding: 30px;
    margin-top: 60px;
}

.dealerForm h2 {
    color: #fff;
    max-width: 800px;
    background: #626b3e;
    padding: 20px;
    }
/*************************************Responsive Media Queries****************************************/

@media only screen and (min-width: 1024px) {
	.homeSliderWrapper {
	    height: 600px;
	    position: relative;
	}
	.homeSlider {
		position: absolute;
	    top: 20%;
	    background: unset;
	    text-align: unset;
	}
	.homeSlider h1 {
	    font-size: 40px;
	    color: #e1dbcf;
	    background: #626b3e;
	    padding: 15px 15px 15px 30px;
	    margin-bottom: 14px;
	    letter-spacing: 2px;
	    animation: 1s ease-out fadeInLeft both .5s;
	    -webkit-animation: 1s ease-out fadeInLeft both .5s;
	    -moz-animation: 1s ease-out fadeInLeft both .5s;
	    -o-animation: 1s ease-out fadeInLeft both .5s;
	}
	.homeSlider h2 {
	    padding: 0px 10px;
	    font-size: 32px;
	    color: #d0c1a0;
	    background: #3a3a3a;
	    padding: 15px 15px 15px 30px;
	    max-width: 410px;
	    margin-bottom: 4px;
	    animation: 1s ease-out fadeInLeft both 1.2s;
	    -webkit-animation: 1s ease-out fadeInLeft both 1.2s;
	    -moz-animation: 1s ease-out fadeInLeft both 1.2s;
	    -o-animation: 1s ease-out fadeInLeft both 1.2s;
	}
	.homeSlider img {
		display: none;
	}
	.productsButton {
		border: unset;
		margin: 0;
		animation: 1s ease-out fadeInLeft both 1.6s;
		    -webkit-animation: 1s ease-out fadeInLeft both 1.6s;
		    -moz-animation: 1s ease-out fadeInLeft both 1.6s;
		    -o-animation: 1s ease-out fadeInLeft both 1.6s;
	}
	.dealerButton {
		border: unset;
		animation: 1s ease-out fadeInLeft both 1.6s;
		    -webkit-animation: 1s ease-out fadeInLeft both 1.6s;
		    -moz-animation: 1s ease-out fadeInLeft both 1.6s;
		    -o-animation: 1s ease-out fadeInLeft both 1.6s;
	}
	.homeAboutWrapper {
    	text-align: center;
    	padding: 80px 15px;
	}
	.homeProductsWrapper {
	    background: linear-gradient(#5d5d5d85,#0000009e),url(/wp-content/uploads/2019/10/blurred-storage-shed-background.png);
	    background-size: cover;
	    background-attachment: fixed;
	    background-position: center;
    	box-shadow: inset 0 0 11px 3px #000000c2;
	}
	.homeProducts {
    	display: flex;
		align-items: center;
    	height: 600px;
	}
	.homeCards {
	    margin: 0px 30px;
	    padding: 15px;
	    border-radius: 6px;
	    background: #ffffffba;
		min-height: 350px;
		box-shadow: 0px 7px 10px 0px #000000ba;
	}
	.introWrapper {
	    display: flex;
	}
	.introContent {
		width: 50%;
    	height: 400px;
    	padding: 30px;
    	animation: .5s ease-in fadeInLeft both .5s;
		    -webkit-animation: .5s ease-in fadeInLeft both .5s;
		    -moz-animation: .5s ease-in fadeInLeft both .5s;
		    -o-animation: .5s ease-in fadeInLeft both .5s;
	}
	.introImage {
	    width: 50%;
		background-size: cover;
		background-position: center;
		animation: .5s ease-in fadeInRight both .5s;
		    -webkit-animation: .5s ease-in fadeInRight both .5s;
		    -moz-animation: .5s ease-in fadeInRight both .5s;
		    -o-animation: .5s ease-in fadeInRight both .5s;
	}
	.huntingBlind {
		background: url(/wp-content/uploads/2020/01/pt-hunting-blind-metal-stand-.jpg);
		background-size: cover;
		background-position: center;
	}
	.customGarage {
		background: url(/wp-content/uploads/2019/10/storage-garage-by-pinetree-woodworks-8.jpg);
		background-size: cover;
		background-position: center;
	}

	.storageShed {
		background: url(/wp-content/uploads/2019/10/custom-storage-shed-building-by-PineTree-Woodworks-13.jpg);
		background-size: cover;
		background-position: center;
	}
	.shedProductsWrapper {
	    display: flex;
	    flex-flow: wrap;
	    justify-content: space-evenly;
	    padding: 90px 10px;
	}
	.shedProducts {
	    width: 40%;
	    max-width: unset;
	}
	a.buttonOne.featureButton {
	    font-size: 14px;
	}
	a.buttonOne.dealerButtonShed {
	    font-size: 14px;
	}
	.imageWrapper {
	    grid-template-columns: auto auto auto auto auto;
	}
	.aboutHeaderWrapper {
		padding: 30px;
		display: block;
    	text-align: center;
	}
	.aboutHeaderWrapper img {
    display: unset;
	}
	.aboutProducts {
    	display: flex;
		align-items: center;
    	height: 490px;
    	justify-content: center;
	}
	.otherSectionsWrapper {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-evenly;
	    padding: 15px 15px 70px 15px;
	}

	.otherSections {
	    width: 32%;
	    justify-content: space-around;
	    background: #fff;
	    padding: 15px;
	    transition: all .4s;
	}
	.otherSections:hover {
		transform: scale(1.01);
		box-shadow: 0px 28px 17px -20px #00000075;
	}
	.otherSectionsWrapper h3 {
		padding: 25px;
    	font-size: 35px;
    }
}	


@media only screen and (min-width: 1300px) {
	.homeSliderWrapper {
	    height: 800px;
	}
	.homeSlider h1 {
	    font-size: 60px;
	}
	.homeCards {
	    min-height: 440px;
	    margin: 0px 50px;
	}
	.introContent {
    	height: 600px;
	}
    .shedProducts {
    	width: 27%;
    	margin: 30px 0px;
	}
	.shedProducts.garageProducts {
	    width: 40%;
	}
	.elementor-tabs-content-wrapper {
	    min-height: 605px;
	}
	.aboutHeaderWrapper {
    	padding: 50px 30px;
    }
    .aboutHeader {
	    display: flex;
	    align-items: center;
	}
	.headerContent {
	    width: 70%;
	    padding-right: 30px;
	}
	.headerContent h1 {
	    text-align: left;
	}
}