/* Variables created */
:root {
	--prime-color: #4e5f2a;
	--second-color: #283418;
	--menu-hover: #6c757d;
}


/*.logo-img{
    max-width: 350px !important; 
    height: auto;
}*/

/*Main Menu Adjustments*/
.t4-navbar .navbar{
  margin: 0 auto;
  float: none;
  font-size: 1.2rem;
}

#t4-header .container{
	padding-top: 0.5rem;
	padding-bottom: 0rem;
}
.navbar-expand-lg .navbar-nav .nav-link{
	padding-left: 0.8rem;
	padding-right: 0.8rem;
}
#t4-megamenu-mainmenu li.nav-item.current a{
	color: var(--menu-hover) !important;
}
#t4-megamenu-mainmenu li.nav-item a.current, #Mod140 nav.navbar ul.nav li.nav-item a.current{
	color: var(--menu-hover) !important;
}
/*Home Top Spacing Adjustment*/
.t4-section-2 .container{
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.t4-section-4 .container {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/*Mission Statement Adjustments*/
.t4-section-1 .container{
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/*Footer Adjustments*/
.layout-home .t4-footnav{
    border-top: 5px solid #ffffff;
}
.t4-footnav #face-social .fa{
	font-size: 2rem;
}
#t4-footer{
	text-align: center;
}
.t4-footer .container{
	padding-top: 0.5rem;
	padding-bottom: .5rem;
	border-top: 0px;
}
.t4-footnav .container{
	padding-bottom: 0rem;
}

/*Services Homepage Adjustments*/
#services-home h3{
	text-align: left;
}
#services-home img{
	margin: 0 auto;
}
/*Light Button Colour*/
.t4-palette-gray h3 a {
    color: #4e5f2a;
}

/*Decks Page Adjustments*/
.decks .t4-masthead{
    background: url('/images/graphics/services/decks/decks-masthead.jpg') no-repeat;
    background-size: cover;
    background-position: bottom;
}
.decks .t4-main-body{
    background: url('/images/graphics/deck-background.jpg') repeat; /* Repeat the background horizontally */
}
.decks .old-deck{
    background-color: rgba(40, 52, 24, 0.8);
    color: #ffffff;
    padding: 20px 10px;
}
.decks .reclaim-backyard{
    background-color: rgba(40, 52, 24, 0.8);
    color: #ffffff;
    padding: 20px 10px;
}
.decks .three-steps, .decks .decks-masthead-bg{ 
    background-color: rgba(78, 95, 42, 0.7);
    color: #ffffff;
    padding: 20px 10px;
}
.decks .sad-deck{
    background-color: rgba(40, 52, 24, 0.8);
    color: #ffffff;
    padding: 20px 10px;
}
.decks .outdoor-heaven{
    background-color: rgba(78, 95, 42, 0.7);
    color: #ffffff;
    padding: 20px 10px;
}
.decks .decks-masthead-bg{ 
    background-color: rgba(78, 95, 42, 0.7);
    color: #ffffff;
    padding: 40px 10px;
    margin: 50px 0px;
}


/*Media Queries*/
@media screen and (max-width: 300px){
	img.logo-img{
		margin-top: 10px;
	}
}
@media screen and (max-width: 489px){
	img.logo-img{
		/*width: 90% !important;*/
	}
	.header-wrap, .t4-navbar{
		min-height: 70px;
	}
	.t4-offcanvas-toggle i{
		font-size: 1.2rem;	
	}
}
@media screen and (max-width: 991px){
	img.logo-img{
		width: 70%;
	}
	.header-wrap, .t4-navbar{
		min-height: 90px;
	}
	#triggerButton{
		margin-top: 1rem;
	}
	.t4-offcanvas-toggle{
		color: var(--prime-color);
		font-size: 30px;
	}
	.t4-offcanvas-toggle i{
		font-size: 2rem;	
	}
	.t4-offcanvas-toggle:hover,	.t4-offcanvas-toggle:focus{
		color: var(--second-color);
	}
	.t4-offcanvas .t4-off-canvas-header, button.close > .c-button__text{
		background-color: var(--prime-color);
		color: #fff;
	}
	button.close > .c-button__text{
		color: #fff;
		border-color: #fff;
	}
	.fa-navicon::before, .fa-reorder::before, .fa-bars::before {
		/*content: "\f0a8";*/
	}
	.theme-default #triggerButton, .theme-default .t4-offcanvas-toggle i{
		margin-top: 15px;
		right: 0px;
	}
	.photo-gallery-page .item-pagephoto-gallery-page img, .droppicsgallery img{
		margin: 0 auto !important;
		display: block;
	}
	.photo-gallery-page .item-pagephoto-gallery-page a{
		text-align: center;
	}
	.droppicsgallerydefault .wimg{
		float: none;
				margin: 0 auto !important;
		display: block;
	}
}
/*Carousel*/
.card.d-flex.flex-column {
    padding: 20px;
}
.owl-item {
    margin-bottom: 20px;
}

/*Page Header Font Size*/
.page-header h1 {
    font-size: 1.3rem;
}

.btn.btn-dark {
    background-color: #4e5f2a !important;
    border-color: #4e5f2a !important;
}
.button.btn.btn-dark a {
    color: #fff !important;
}