/* 
Theme Name:		 CP Construction
Theme URI:		 http://childtheme-generator.com/
Description:	 Unimod Motors is a child theme of Genesis Block Theme, created by ChildTheme-Generator.com
Author:			 Covington Creations, LLC
Author URI:		 http://childtheme-generator.com/
Template:		 genesis-block-theme
Version:		 1.0.0
Text Domain:	 effective-controls-east
*/


/*
    Add your custom styles here
*/


.page-template-full-width #page .entry-header {
	padding-left: 0
}

#primary {
	width: 100%;
	max-width: 100%;
}

.page-template-full-width #page {
	max-width: 1600px;
	padding: 0 8%;
	margin: 0 auto;
}

.page-template-full-width #primary {
	
}





main .related-products,
main .related-posts {
	background: #ccc;
	padding: 20px;
	margin-top:50px;
}


form.searchandfilter ul {
	margin-left: 0;
	padding-left: 10px;
}

form.searchandfilter ul li label {
	font-weight: 100;
}

@media (min-width: 767px) {
	form.searchandfilter ul li {
		display: inline;
		padding: 0 20px 5px 0;
		
	}
}

.search-filter-results {
	    display: flex;
    flex-wrap: wrap;
    width: 100%;      /* force full width */
    box-sizing: border-box;
}

.inner-padding {
	padding: 10px;
		background: #ccc;
border: 1px solid #999
}

.search-filter-results .individual-result {
    flex: 0 0 33.333%; /* 3 columns */
    padding: 0 10px;   /* gutter */
    box-sizing: border-box;
    margin-bottom: 20px; /* space between rows */
align-self}

/* Stack posts on tablets and mobile */
@media (max-width: 1024px) {
    .search-filter-results .individual-result {
        flex: 0 0 100%;
        padding: 0;
    }
}



main .related-posts ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* spacing between items */
    list-style: none; /* remove default bullets */
    margin: 0;
    padding: 0;
}

main .related-posts ul li {
    flex: 1 1 calc(33.333% - 20px); /* 3 columns minus gap */
    box-sizing: border-box;
}

/* On smaller screens, stack them */
@media (max-width: 768px) {
    main .related-posts ul li {
        flex: 1 1 100%;
    }
}


.entry-content li {
	margin-bottom: 5px;
}

.site-identity {
	padding: 20px 0;
}

.top-navigation-right {
	margin-top: 10px;
}

.site-header {
	background: #fff;
}

.custom-logo-link img {
	max-height: 140px;
	width: auto;
}


.site-footer {

}



@media (min-width: 767px) {
	#primary {
		display: flex; 
		gap: 2rem;
	}

	main {
		flex: 2;
	}

	aside {
		flex: 1;
	}
}


@media (max-width: 767px) {
	
}



aside {
	margin-left: 20px;
}

aside ul {
	list-style: none;
	margin: 0;
}

aside ul li {
	margin-bottom: 20px;	
}

aside ul li.current-cat a,
aside ul li.current a {
	font-weight: bold;
}



.hero {
	background-blend-mode: multiply;
}


h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
}

#page {
	padding-top: 0;
}




/* Blog 3-column layout on desktop */
body.archive #post-wrap,
body.blog #post-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px; /* negative gutter to compensate for padding on articles */
    width: 100%;      /* force full width */
    box-sizing: border-box;
}

body.archive #post-wrap article,
body.blog #post-wrap article {
    flex: 0 0 33.333%; /* 3 columns */
    padding: 0 10px;   /* gutter */
    box-sizing: border-box;
    margin-bottom: 20px; /* space between rows */
}

/* Stack posts on tablets and mobile */
@media (max-width: 1024px) {
    body.archive #post-wrap article,
    body.blog #post-wrap article {
        flex: 0 0 100%;
        padding: 0;
    }
}


body.archive #post-wrap article .post-content,
body.blog #post-wrap article .post-content { 
  padding: 20px; 
  border: 1px solid #999; 
  border-radius: 5px; 
  box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* subtle drop shadow */
  margin-bottom: 20px;           /* spacing between posts */
}