/*ROOF BAR - RACKS GRAPHIC */
.racks-feature {background: url(/roof-bars-and-roof-racks-for-vans/images/van-bars-van-racks.jpg); background-position: center; background-size: cover; height: 312px; width:100%; }
.racks-feature .inner {position: relative; top:50%; transform: translateY(-50%); width: 100%; }
.racks-feature .inner .feature-text {max-width: 34%; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; color:#222222; padding:20px;}
.racks-feature .inner .feature-text .title {font-size: 28px; font-weight: bold; line-height: 1.25em; }
.racks-feature .inner .feature-text .title span {color:#cb2c36;}
.racks-feature .inner .feature-text .desc {font-size:20px}
.racks-feature .inner .feature-text .desc span {display: block;}
.racks-feature .inner .feature-text .desc span:before {background:url(/images/vr_tick-black.png) left center no-repeat; content: ''; width: 19px; height: 15px; background-size: contain; float: left; position: relative; margin-right: 12px; margin-top: 7px; }
.racks-feature .inner .feature-text .cta {color: #fff; background-color: #cb2c36; border-radius: 5px; padding: 10px 0; width: 100%; text-align: center; margin-top: 10px; font-size:20px;}
a.feature:hover {text-decoration: none!important;}
a.feature:hover .cta {box-shadow: 2px 2px 4px #383838; transition: all 200ms;}
a.feature:hover .racks-feature {transform: scale(1.01); transition: all 500ms;} 

/*New static page container styles*/
.cols2-1 {width: 48.5%; float:left; display: inline-block; margin: 0 0 15px;}
.cols2-1:nth-child(even) {float:right;}
.category-wrapper-grid {display: grid; grid-template-columns: 49% 49%; gap:20px;}
.category-wrapper-grid .category-container img {max-width: 100%; border-radius:inherit; }
.category-wrapper-full {display: block; margin: 20px 0 30px; }
.category-wrapper-full .category-container {display: flex;}
.category-wrapper-full .category-container img {max-width: 100%; border-radius:0; flex:0 0 37%; overflow:auto; align-self: center; }
.category-wrapper-full .category-container .category-content {flex: 1 1 60%;}
.category-container {border-radius: 4px 4px 0 0; box-shadow:1px 2px 4px 0px #d3d3d3;}
.category-container .category-content {padding: 20px 2.5%; /*border: 1px solid #f5f5f5;*/ font-family: barlow-semi-condensed, arial, sans-serif; font-size: 14px; line-height: 200%;}
.category-container .h2 {font-size: 150%; font-weight: bold; } 
.category-container .h2 span {color:#cb2c36;} 
.category-container ul {padding:0 0 0 8px;}
.category-container li {background: url(/images/svg/circle-red.svg) 0px 10px no-repeat; background-size:8px; text-align: left; padding: 0 0 0 17px; color: #3d3d3f; list-style: none!important;}
span.rhino-product {color:#cb2c36; font-weight: bold;}

.category-simple {text-align: center;}
.category-simple a {margin-bottom:10px;}
.category-simple a h3 {color: #cb2c36!important; border: 1px solid #cb2c36; padding: 10px 0; text-align: center; font-weight: normal; text-decoration:none; margin-block-start: 4px;}
.category-simple a:hover h3 {background: #f5f5f5; text-decoration: none!important;} 
.category-simple a:hover img {-ms-transform:scale(1.02,1.02);-webkit-transform:scale(1.02,1.02);transform:scale(1.02,1.02); transition:all 0.5s;}
.category-simple a:hover {text-decoration: none!important; }

a.vr-cta {
	color: #cb2c36;
	border: 1px solid #cb2c36;
	padding: 10px 0;
	text-align: center;
	display: block;
	font-size: 125%;
	margin-bottom: 1.25rem;
}
a.vr-cta:hover {
	text-decoration: none;
	background-color: #f5f5f5;
}
.grid2col {
	display: grid; 
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
}
.grid3col, .brand-cols {
	display: grid; 
	grid-template-columns: repeat(3, 1fr); 
	gap: 1rem; 
	justify-items: center;
}
.grid4col {
	display: grid; 
	grid-template-columns: repeat(4, 1fr); 
	gap: 1rem;
}
.grid5col {
	display:grid; 
	grid-template-columns: repeat(5, 1fr); 
	gap: 1rem;
}
.van-manufacturers {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
}
.van-manufacturers a {
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.5rem;
}
.van-manufacturers a:hover {
	background-color: #f5f5f5;
}