@media screen and (max-width:600px){
	ul.guide_cats{
		padding-left: .25rem;
	}
	ul.guide_cats li{
		list-style-type:none;
	}
}

ul.guide_cats.ws48_prod_cats{
	padding-left:0px;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	width:100%;
	margin-top: 4%;
}


ul.guide_cats.ws48_prod_cats li{
	display:inline-block;
	width:100%;
}
ul.guide_cats.ws48_prod_cats li a{
	display:inline-block;
	border: solid 1px #ebedec;
	padding: 8px 12px;
	color: #495b55;
	transition: all .5s ease-in-out;
	margin-bottom: .25rem;
	width: 100%;
	min-width:8rem;
	text-align:center;
	background-color:#fff;
}

ul.guide_cats.ws48_prod_cats li a:hover,ul.guide_cats.ws48_prod_cats li a.active,ul.guide_cats.ws48_prod_cats li.active a{
	color:#fff;
	background-color:#d52027;
	text-decoration:none;
}


.guide_panels{
	display:block;
	height:auto;
	max-height:0px;
	overflow:hidden;
	opacity:1;
	transform: scale(0,0);
	transition:transform .5s;
	margin-top: 0px;
	margin-bottom:0px;
}
.guide_panels.active{
	opacity: 1.0;
	max-height: none;
	transform: scale(1,1);
}

.guide_panels .wp-block-image{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	aspect-ratio: 2/1;
	overflow:hidden;
}
/*
.wp-block-column.prods-cats-col{
	background-color:#fff;
}

.prod_panels_holder{
	background-color:#E6E7E8; 
	background-color:#fff;
}
*/
.prod_panels_holder{
	display:flex;
	width: 79%;
	max-width: 79vw;
	height:auto;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items: flex-start;
	padding:0px 2rem 2rem 2rem;
}
.product-cat-container.guide_cat_nav{
	max-width:100vw !important;
}
ul.prod_list_panels{
	display:flex !important;
	flex-wrap:wrap !important;
	justify-content: flex-start;
	align-items: center;
	overflow:hidden;
	width:100%;
	padding:0px;
	margin:0px;
	transform:scale(0,0);
	height:auto;
	max-height: 0px;
	width:100%;
	transition: transform .5s;
}
ul.prod_list_panels.active{
	display:flex !important;
	flex-wrap:wrap !important;
	transform:scale(1,1);
	max-height: 10000px;
	margin:0px 0px;
}

.prod_panels_holder .prod_list_panels h2{
	display:block;
	width:100%;
	margin: 0rem 0px 1rem 0px;
	padding-top: 0px !important;
}



ul.prod_list_panels .prod_list_item{
	display:flex;
	flex-direction: column;
	justify-content:center;
	align-items:center;
	width:23%;
	min-width:230px;
	aspect-ratio: 1 / 1;
	margin: 1%;
	padding: 1%;
	background-color:#fff;
	border:solid 1px #ededed;
}

.prod_list_panels .prod_list_item a.itm_img{
	display:block;
	width:100%;
	height:180px;
	background-size: contain;
	background-repeat:no-repeat;
	background-position:center;
}

.prod_list_panels .prod_list_item a{
	display:block;
	width:100%;
	text-align:left;
}

.prod_list_panels .prod_list_item h3{
	font-size: 1rem;
	margin-bottom:0px;
	text-align:left;
}

.prod_list_panels .prod_list_item .product-categories{
	display:block;
	width:100%;
	text-align:left;
	font-size: .85rem;
}
.prod_list_panels .prod_list_item .product-categories a{
	display:inline;
}

.wp-block-column.prods-cats-col{
	flex-basis:20%;
	width: 20%;
	max-width: 20vw;
/*	padding-top: 2rem; */
}

@media screen and (max-width:781px){
	
	.wp-block-column.prods-cats-col, .prod_panels_holder{
		width:100%;
		flex-basis:100%;
		flex-grow:1;
		max-width:100vw;
		justify-content:center;
		align-items:center;
	}
	.prod_panels_holder{
		padding: 0px 3% 3% 3%;
	}
	ul.prod_list_panels{
		width:100%;
		justify-content:center;
	}
	ul.prod_list_panels .prod_list_item{
		width:90%;
		margin-bottom: 2rem;
		padding: 0px;
	}
	ul.prod_list_panels .prod_list_item a,ul.prod_list_panels .prod_list_item .product-categories {
		padding: 0px 5% 5% 5%;
		margin-bottom:0px;
	}
	ul.prod_list_panels .prod_list_item a.itm_img, ul.prod_list_panels .prod_list_item .product-categories a{
		padding: 0px;
	}
}


@media screen and (max-width:781px){

/** general style for hiding content on narrow windows **/

	.mob_hide{
		display:none;
	}

/** allow for shorter hero image area for narrow windows **/
	
	section.innerpage-banner{
		padding-top: 250px !important;
	}

}

/* Configurator custom installation styles */

.row#ServexContainer #canvasC{
	max-width:66.666667%;
}

@media screen and (max-width:1000px){

	.row#ServexContainer{
		height:120vh !important;
	}
	.row#ServexContainer #canvasC{
		max-width:85%;
		height: 60vh !important;
	}
	#UI{
		height:60vh !important;
	}

}

/** fix too-narrow top content on Our Team page **/

p.top_intro{
	margin-top:var(--wp--preset--spacing--50);
	margin-right:var(--wp--preset--spacing--80);
	margin-left:var(--wp--preset--spacing--80);
	padding-right:var(--wp--preset--spacing--80);
	padding-left:var(--wp--preset--spacing--80);
}

@media screen and (max-width:900px){
	p.top_intro{
		margin-top:var(--wp--preset--spacing--50);
		margin-right:var(--wp--preset--spacing--50);
		margin-left:var(--wp--preset--spacing--50);
		padding-right:0px;
		padding-left:0px;
	}
}

/** SINGLE TYPICALS PAGE **/

.entry-content.typicals_single{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	margin-top: 4rem;
}

.typicals_page_img{
	width: 60%;
}
.tpyicals_page_dets{
	width: 40%;
	padding: 5%;
}

@media screen and (max-width:750px){
	.typicals_page_img{
		width: 90%;
	}
	.tpyicals_page_dets{
		width: 90%;
	}
	.entry-content.typicals_single{
		align-items:center;
		justify-content:center;
		flex-direction:column;
	}
}

.type_det_box{
	display:flex;
	margin-bottom: 2rem;
	flex-wrap:wrap;
}

.type_det_box h5{
	display:block;
	width:100%;
}
.type_det_box .typ_price{
	font-size: 1.25rem;
	font-weight:600;
}
ul.typs_2_col{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
ul.typs_2_col li{
	display:inline-block;
	margin-right: 2rem;
}

a.icon-zipfile{
	display:inline-block;
	background-image:url(images/icon-file-zip.svg);
	background-repeat:no-repeat;
	background-size: auto 90%;
	background-position:left;
	padding-left: 1.5rem;
}