/*
 Theme Name:   The Wood Factory
 Theme URI:    
 Description:  Twenty thirteen Child Theme for The Wood Factory Millwork
 Author:       Ryan Eisworth
 Author URI:   https://redlinenetworking.com
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  twf
*/
.auhead {
	text-align: center;
}
.page {
	max-width: 1350px;
	margin-left: auto;
	margin-right: auto;
	min-height: 450px;
}

.page-template-full-width .content-area {
    width: 100%;
    margin: 0px;
    border: 0px;
    padding: 0px;
}
 
.page-template-full-width .site {
margin:0px;
}

.menu-main-menu-container {
	margin-left: 2em;
}

.widget {
	border-top-width: 0px;
}

.entry-format {
	display: none !important;
}

.byline {
	display: none !important;
}

#secondary {
	margin-top: 75px;
	padding-bottom: 100px;
}

#secondary::before {
	position:absolute;
	content:"";
	width:200px;
	height:160px;
	margin-top: -95px;
	background-position-x: center;
	background-image: url("https://thewoodfactorymillwork.com/images/flair-h.png");
	background-repeat: no-repeat;
	background-size: 100%;

}
#secondary::after {
	position:absolute;
	content:"";
	width:200px;
	height:160px;
	background-image: url("https://thewoodfactorymillwork.com/images/flair-h.png");
	background-size: 100%;
	background-position-x: center;
	background-repeat: no-repeat;
}

@media screen and (min-width: 56.875em) {
	.sidebar {
		float: left;
		margin-right: 75%;
		margin-left: 0;
	}

	.content-area {
		float: right;
		margin-right: 0;
		margin-left: -100%;
	}
}

.homepage-links {
	text-align: center;
	margin-left: auto;
	margin-right: auto;

}

.listing-item {
text-align: center;
}

table.homepage-links-table {
	margin-left: auto;
	margin-right: auto;
	width: 40em;
}

table.homepage-links-table td {
	text-align: center;
	border: 0px;
	margin: 0 0 0 0;
	padding-left: 10px;
	padding-right: 10px;
}

article:not(.post) .entry-header {
	display: none;
}
.page-header {
	display: none;
}

#httagtab{
	position:relative;
	margin:auto;
	padding-top:30px;
	border-bottom:1px solid #757575;
	width:420px;
	cursor:default;
}
 
.hptag{
	margin:auto;
	font-size:14pt;	
	line-height:26px;
	font-weight:lighter;
	letter-spacing:4pt;
	padding-left:20px;
	padding-right:20px;
	border-top:1px solid #757575;
	text-align: center;
}

.about-us-entry-content {
	padding: 20px;
	background-color: rgba(0,0,0,0.6);
	border-style: solid;
	border-color: #333;
	border-width: 1px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
}

.about-us-1 {
	background-image: url("https://thewoodfactorymillwork.com/wp/wp-content/uploads/2019/08/aubkgnd1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.about-us-2 {
	background-image: url("https://thewoodfactorymillwork.com/wp/wp-content/uploads/2019/08/aubkgnd2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.about-us-3 {
	background-image: url("https://thewoodfactorymillwork.com/wp/wp-content/uploads/2019/08/aubkgnd3.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.about-us-4 {
	background-image: url("https://thewoodfactorymillwork.com/wp/wp-content/uploads/2019/08/aubkgnd4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.site-footer .site-title {
	font-size:0.75em;
	font-family: sans-serif;
}

.site-footer {
	background-color: rgba(0,0,0,0.8);
	padding-top: 5px;
	padding-bottom: 5px;	
}

.site-footer .site-title::after {
	content: "";
}

.sl-caption {
	display: none !important;
}

.sl-overlay {
	background-color: rgba(0,0,0,0.6) !important;
}

.sl-wrapper .sl-navigation button {
	color: rgb(128,128,128) !important;
}


/* Grid style */
.display-posts-listing.grid {
	display: grid;
	grid-gap: 16px;
}

.display-posts-listing.grid .title {
	display: block;
}

.display-posts-listing.grid img { 
	display: block; 
	max-width: 100%; 
	height: auto; 
	margin-left: auto;
	margin-right: auto;

}

@media (min-width: 600px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media (min-width: 1024px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}

@media screen and (max-width: 56.875em) {
	.menu-main-menu-container {
		margin-left: 0;
	}
	#secondary {
		margin-top: 150px;
	    margin-left: auto;
	    margin-right: auto;
	    width: 300px;
    	padding-right: 0px;
	}
}