﻿@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;1,400;1,700&display=swap');
@font-face {
	font-family: 'rvparts';
	src: url('./font/rvparts.eot?44617244');
	src: url('./font/rvparts.eot?44617244#iefix') format('embedded-opentype'),
			url('./font/rvparts.woff?44617244') format('woff'),
			url('./font/rvparts.ttf?44617244') format('truetype'),
			url('./font/rvparts.svg?44617244#rvparts') format('svg');
	font-weight: normal;
	font-style: normal; 
	}
	.demo-icon {
		font-family: "rvparts";
		font-style: normal;
		font-weight: normal;
		speak: never;

		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		/* opacity: .8; */

		/* For safety - reset parent styles, that can break glyph codes*/
		font-variant: normal;
		text-transform: none;

		/* fix buttons height, for twitter bootstrap */
		line-height: 1em;

		/* Animation center compensation - margins should be symmetric */
		/* remove if not needed */
		margin-left: .2em;

		/* You can be more comfortable with increased icons size */
		/* font-size: 120%; */

		/* Font smoothing. That was taken from TWBS */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		/* Uncomment for 3D effect */
		/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
	}
	.dhmenu-woomenu i.demo-icon {
		color: #7a9859 !important;
	}
/*
DH TEMPLATE ONE POINT FIVE STYLES 
Used in frontend only
Avoid color-scheme specific styles (those should go in /style.css) -- defaults could be grayscale for reference
*/

:root {
  --trekwood-green: #7a9859;
  --trekwood-orange: #c28240;
  --trekwood-background: #eeeeee;
  --trekwood-maxwidth: 1800px;
}

/* BASIC LAYOUT STYLES */
body { font-family: "Montserrat",Arial,Helvetica,sans-serif; color: #555; background-color: #fff; line-height: 1.5; }
.content-area { margin: 0 auto; position: relative; box-sizing: border-box; }
.dhmain { position: relative; z-index: 1; overflow-x:hidden; background: #eee !important; }

/* HEADLINE DEFAULTS */
h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.2; color: inherit; margin:.5em 0; }
h1 { font-size: 2.5em; font-weight: 300; }
h2 { font-size: 1.8em; font-weight: 300; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

/* ADJUST DEFAULT COLORS */
.dhmain h1 a, .dhmain h2 a, .dhmain h3 a, .dhmain h4 a, .dhmain h5 a, .dhmain h6 a,
.dhfooter h1, .dhfooter h2, .dhfooter h3, .dhfooter h4, .dhfooter h5, .dhfooter h6 { color: inherit; }

/* LINK ADJUSTMENT */
.dhmain a { color: inherit; }
.dhmain a:hover,
.dhmain a:active,
.dhmain a:focus { text-decoration: none; }

/* LINKS IN WIDGET AREAS (HEADER/FOOTER) */
.dhwidget-area a:link,
.dhwidget-area a:visited { text-decoration: none; opacity: .7; }
.dhwidget-area a:hover,
.dhwidget-area a:active,
.dhwidget-area a:focus { opacity: 1; text-decoration: underline; }

/* INLINE WIDGET AREAS (HEADER/FOOTER) */
.dhwidget-inline p,
.dhwidget-inline form,
.dhwidget-inline div,
.dhwidget-inline ul,
.dhwidget-inline li { margin: 0; padding: 0; display: inline; }
.dhwidget-inline ul li { list-style-type: none; padding: 0 1em 0 0; }
.dhwidget-inline ul li:last-of-type { padding-right: 0; }


/* PRE-HEADER STYLES */
header.preheader { width: 100%; background-color: #aaa; margin: 0; padding: .5em 0; font-size: .8em; position: relative; z-index: 3; color: #fff; }
header.preheader .dhwidget { text-align: center; margin-bottom: 0; float: right; margin-left: 1em; }
header.preheader .dhwidget:last-of-type { float: none; text-align: left; margin-left: 0; }

/* HEADER STYLES */
header.dhmenu-header { position: relative; z-index: 2; }
/* header.dhlogomenu { text-align: right; } */
header.dhlogoheaderwidget { position:relative; z-index:3; }
.logo-container img { width:100%; }

/* FOOTER STYLES */
footer.footer { padding: 4em 0 3em; background-color: #333; color: #fff; }
footer.footer ul { padding-left: 0; list-style-type:none; }


/* POST-FOOTER STYLES */
footer.postfooter { padding: .5em 0; font-size: .8em; }
footer.postfooter .dhwidget { text-align: center; margin-bottom: 0; float: left; margin-right: 1em; }
footer.postfooter .dhwidget:last-of-type { float: none; text-align: right; margin-right: 0; }

/* BLOG LIST PAGE */
.post-preview { clear: left; }
.post-preview + .post-preview:before { content: " "; display: block; border-bottom: 1px solid #eee; padding-top: 2em; margin-bottom: 2em; clear: both; }
.post-preview .preview-image { float: left; width: 20%; margin-right: 2%; max-height: 10em; overflow: hidden; }
.post-preview .preview-image + h3 { margin-left: 22%; }
.post-preview .preview-image + h3 + .excerpt { margin-left: 22%; }

/* SIDEBAR WIDGETS */
.dhwidget-sidebar { margin-bottom:1em; }
.dhwidget-sidebar > ul { padding-left:0; }
.dhwidget-sidebar > ul > li { margin-left: 1.2em; }

/* DHWPRECENTNEWS SHORTCODE */
.entry-content ul.dhwp-recent-news-list,
ul.dhwp-recent-news-list,
.dhwp-recent-news-list li { list-style-type: none; margin: 0; padding: 0; }
.dhwp-recent-news-list li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ccc; clear: both; }
.dhwp-recent-news-list a { text-decoration: none; }
.dhwp-recent-image { float: left; width: 20%; margin-right: 2%; }
.dhwp-recent-headline { display: block; margin-left: 22%; font-weight: bold; margin-bottom: 0; }
.dhwp-recent-headline + br { display: none; }
.dhwp-recent-excerpt { display: block; margin-left: 22%; font-size: .9em; margin-top: 0; color: initial; }

.dh_featured {
	width: auto;
}

.entry-content ul, .entry-content ol {
	padding-left: 1em;
}

/* GUTENBERG ADJUSTMENTS */
.entry-content > * { margin-left:auto; margin-right:auto; padding-left: 14px; padding-right: 14px; }


/* put all gutenberg-related adjustments here */
.content-area.entry-content { max-width: none; }

/* this allows for wrapping other content in a 1-column block with a class as a way of creating a full-width div */
.entry-content > .has-1-columns { max-width: none; }

.entry-content > * { max-width: 1400px; }
.entry-content > *,
.entry-content ul,
.entry-content ol,
.entry-content .wp-block-cover__inner-container,
.entry-content .wp-block-group__inner-container { max-width: calc(100% - 80px); margin-left:0; margin-right:auto; }
.entry-content > .alignwide { max-width: 1600px; padding-left: 0; padding-right: 0; }
.entry-content > .alignfull { margin: 1.5em 0; max-width: 100%; padding-left: 0; padding-right: 0; }
.entry-content ul,
.entry-content ol { padding-left: 1.5em; }
.entry-content > ul,
.entry-content > ol { padding-left: calc(1.5em + 14px); }
.entry-content > .wp-block-nextend-smartslider3:first-child,
.entry-content > .alignfull:first-child,
.entry-content > .alignwide:first-child { margin-top: 0; }

/*
.entry-content li { margin-left: 0; }
.entry-content > .wp-block-cover.aligncenter { padding-left: 0; padding-right: 0; }
/*
.has-1-columns > .wp-block-column { flex-basis:100%; }
*/

/* END GUTENBERG ADJUSTMENTS */

/* General */
body {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
}
a.a_btn {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 0.9em;
	line-height: 1;
	letter-spacing: 1px;
	display: inline-block;
	padding: 16px 36px;
	background: #333;
	border-radius: 30px;
	text-transform: uppercase;
	color: var(--trekwood-green) !important;
	text-decoration: none;
	cursor: pointer;
}
a.a_btn:hover {
	opacity: 0.9;
}
body.home-page .dh_home_post a.a_btn {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
body.home-page a.a_btn.dark {
	background: var(--trekwood-orange);
	color: #fff !important;
	font-size: 18px;
	padding: 20px 50px;
	margin-top: 10px;
	margin-bottom: 0px;
	border-radius: 8px;
}
body.home-page a.post-edit-link {
	display: inline-block;
	padding-bottom: 20px;
}

  /* Header and Topbar */
/* #lhtopbar {
    position: fixed;
    width: 100%;
	height: auto;
	position: relative;
    background-color: var(--trekwood-green);
	border-bottom: 1px solid rgba(0,0,0,0.1);
    color: #fff;
    background-color: rgba(18,52,124,0.9);
	backdrop-filter: blur(6px);
	padding-right: 5px;

	transition: all .2s ease;
	display: grid;
	grid-template-columns: 200px 1fr auto auto;
	background: rgba(0,0,0,0.4);
}
body.home-page #lhtopbar {
	background-color: rgba(255,255,255,0.7);
	backdrop-filter: blur(6px);
	color: black;
}
body.std-page #lhtopbar,
body.blog #lhtopbar {
	background-color: rgba(18,52,124,1);
	color: black;
}
body.std-page.close #lhtopbar,
body.blog.close #lhtopbar {
	background-color: rgba(18,52,124,0.9);
} */

/* Topbar */
/* #lhtopbar.close {
	height: 90px;
	
}
#lhtopbar .logo-container {
	transition: all .2s ease;
}
#lhtopbar.close .logo-container {
	width: 8%;
}

#lhtopbar > div.content-area {
    
    display: grid;
	grid-template-columns: 200px auto 1fr auto 94px;
	justify-items: center;
	align-items: center;
	align-content: center;
	height: auto;
	grid-template-rows: 1fr;
	padding-top: 30px;
	column-gap: 20px;
	transition: all .2s ease;
	position: relative;
}
#lhtopbar > div.content-area.clearfix:after {
	display: none;
}
#lhtopbar.close > div.content-area {
	max-height: 90px;
	height: 90px;
	padding-top: 15px;
}

#lhtopbar.close .dhlogomenu .dhmenu > li > a {
	padding-top: 16px;
	padding-bottom: 16px;
} */


/* applies to second level submenu */
#lhtopbar {
	background: #fff;
	border-top: 8px solid var(--trekwood-green);
	padding-top: 10px;
}
#lhtopbar .dhlogomenu .dhmenu > li > a {
	padding: 0px !important;
}
#lhtopbar ul.dhmenu > li > a {
	border-top: 1px solid transparent;
	transition: all .2s ease;
}
#lhtopbar ul.dhmenu > li:hover > a {
	/* color: #ef5a29; */
	/* border-bottom: 1px solid #ef5a29; */
	border-top: 1px solid #fff;
	border-top: 1px solid rgba(255,255,255,0.7);
	border-radius: 12px 12px 0 0;
}
/* #lhtopbar ul.dhmenu > li:hover > a:after {
	font-family: "rvparts";
    content: "\E83B";
	font-size: 24px;
	line-height: 24px;
    width: 24px;
	text-align: center;
    height: 6px;
	color: #fff;
	position: absolute;
	bottom: 16px;
	left: calc( 50% - 12px);
	opacity: 0.15;
} */
#lhtopbar .dhmenu > ul {
	padding-top: 6px;
}
#lhtopbar .dhmenu ul a {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 0.9em;
    line-height: 1;
    letter-spacing: 1px;
    background: #ef5a29;
	border: 0;
    border-radius: 30px;
    text-transform: uppercase;
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
	width: 100%;
	margin-bottom: 6px;
	margin-left: 12px;
	
}
#lhtopbar .dhmenu ul a:hover {
	opacity: 0.9;
}
#lhtopbar .dhmenu ul ul {
	background-color: transparent !important;
	border-color: transparent !important;
}
/* ensure that flyouts aren't overridden by other dropdowns being on top of them */

/* applies to item anchors >= 2nd level -------------------------------- */
.dhmenu ul a { display: block; overflow: hidden; background-color: #fff; box-sizing: border-box; border: 0px solid #d7d7d7; padding: .5em 1em }
/* Search Form */
#lhtopbar .main_search_form {
	/* display: grid;
	width: 100%;
	align-items: center; */
	/* position: relative; */
}


#lhtopbar .main_search_form * {
	box-sizing: border-box;
}
#lhtopbar .main_search_form > form.searchform > div {

	display: block;
	width: 100%;
	position: relative;
}
#lhtopbar label:has(> #wooproduct_search_pair_bar_adv),
#lhtopbar #wooproduct_search_pair_bar_adv {
	display: none;
}

#lhtopbar .main_search_form > form.searchform > div:after {
	font-family: 'rvparts';
	content: "\E819";
	font-size: 24px;
	line-height: 24px;
	width:24px;
	height:24px;
	overflow:hidden;
	color: var(--trekwood-green);
	position: absolute;
	top: 6px;
	right: 12px;
	left: auto;
	z-index: 3;
	pointer-events: none;
}

#lhtopbar .main_search_form input[type="text"] {
	width: 100%;
	background: rgba(255,255,255,0.95);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 5px;
	padding: 10px 20px;
	z-index: 1;
	font-size: 0.9em;
	line-height: 1;
	color: #777;
}
#lhtopbar .main_search_form input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 40px;
	background: rgba(0,0,0,0.0);
	border-radius: 30px;
	z-index: 2;
	border: 0;
}
#lhtopbar .main_search_form .label .desktop_label {
	display: inline-block;
}
#lhtopbar .main_search_form .label .mobile_label {
	display: none;
}

body {
	/* background: #333; */
	background: #eee;
}
body .logo-container {
	/* position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	max-width: 100%;
	overflow: hidden;
	width: 134px; */
}


/* Content */
.dhmain {
    /* min-height: 3000px;
    padding-top: 200px; */
	background: #fff;
}
.site-footer {
	background: #333;
}
body.home-page .site-footer {
	background:  #333;
}
.site-footer .content-area {
	display: grid;
	grid-template-columns: 20% auto 150px;
	grid-column-gap: 4%;
	padding: 20px;
	color: #fff;
	align-items: center;
	width: 100%;
}
.site-footer .content-area .dh_copyright {
	grid-column: 2 / span 1;
	width: 100%;
	justify-self: center;
	text-align: center;
}
.site-footer .content-area.clearfix:before {
	position: absolute;
}
.dhmenu-woomenu {
	/* align-self: flex-end; */
	display: inline-block;
	width: 100%;
}

.site-footer .site-logo {
	
}
.site-footer .site-logo img {
	width: 100%;
	height: auto;
}
.site-footer .footer_contact {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr auto;
	font-size: 1.3em;
    line-height: 1.5em;
	font-style: normal;
	height: 100%;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: flex-end;
	justify-items: flex-end;
}
.site-footer .footer_contact > address {
	/* align-self: center;
	justify-self: center; */
	margin-top: 40px;

}
.site-footer .footer_contact > div {
	align-self: flex-start;
	justify-self: flex-end;
}

.site-footer .footer_contact a {
	text-decoration: none;
	font-style: normal;
}
.site-footer a:hover {
	/* text-decoration: underline; */
	text-shadow: 2px 4px 3px rgba(0,0,0,0.1);
}

.site-footer .footer_contact a i {
	text-decoration: none;
	font-size: 1.6em;
    line-height: 1.8em;
	color: var(--trekwood-green);
}
.site-footer .footer_contact a:hover i { 
	opacity: 0.8;
}
.site-footer ul.dhmenu {
	width: 100%;
}
.site-footer ul.dhmenu li {
	display: inline-block;
	width: 100%;
}
.site-footer ul.dhmenu li a {
	text-transform: uppercase;
}



/* Home Banner */
body.home-page div.dh_banner_bg {
	position: fixed;
	width: 100%;
	height: auto;
	z-index: -1;
	/* background: url(../images/gavel_tile.png) 0 0 repeat; */
	
}
body.home-page div.dh_banner_bg img.wp-post-image {
	display: block;
	width: 100% !important;
	min-width: 100% !important;
	height: auto;
	min-height: 100% !important;
}
/* body.home-page .dhmain {
	margin-top: 0px;
	padding-top: 0px;
} */
body.page-template-default .dhmain {
	margin-top: 0;
	padding-top: 0;
}
body.home-page .main-content {
	margin-top: 100px;
	display: block;
	overflow: hidden;
	/* padding-top: 300px; */
	padding-top: 40px;
	padding-bottom: 60px;
	/* color: #fff; */
	color: black;
	margin-bottom: -2px;
	/* background-color: linear-gradient(0deg, rgba(5,123,170,0) 10%, rgba(5,123,170,0.6) 90%); */
	/* background: url(../images/banner-1.jpg) 50% 50% no-repeat; */
	/* background-size: cover; */
	background-color: var(--trekwood-background);
}
body.page .main-content {
	/* padding-top: 160px; */
}
body.page .site-content {
	grid-template-columns: 1fr !important;
}

body.page.rv-models .entry-content {
	display: inline-block;
    width: calc(100% - 80px);
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 18px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.05);
    padding: 40px;
    margin-bottom: 80px;
}

body.page.rv-models .entry-content #carousel-image {
	display: inline-block;
	width: 100%;
	max-width: 100%;
}

body.page.rv-models .entry-content #carousel-image .touchcarousel-container {
	width: 100%;
	max-width: 100%;
}
@media screen and (max-width:1200px) {
	body.page.rv-models .entry-content #carousel-image .touchcarousel-container {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media screen and (max-width:600px) {
	body.page.rv-models .entry-content #carousel-image .touchcarousel-container {
		grid-template-columns: 1fr 1fr;
	}
}

body.page.rv-models .entry-content li.touchcarousel-item {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	row-gap: 30px;
}


body.page.rv-models .entry-content a.item-block {
	/* padding-bottom: 40px; */
}

body.home-page #main-content {
	/* background: url(../images/gavel_tile.png) 0 0 repeat; */
	background-image: none !important;
	background-color: #eee !important;
}

body.home-page .main-content .content-area {
	/* border-top: 1px solid red;
	min-height: 600px; */
}

body.home-page #wooproduct_link_search_spinner {
	display: none !important;
}

body.home-page .dh_banner_grid {
	display: grid;
	width: 100%;
	/* background: rgba(0,0,0,0.1); */
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 5%;

}

.dhmain .main-content #primary {
	background-color: var(--trekwood-background);
}

.dhmain .main-content #primary #content {
	display: grid;
	grid-template-columns: 280px 1fr;
	width: 100%;
	overflow: hidden;
	column-gap: 40px;
	row-gap: 20px;
}


.dhmain .main-content #primary #content .dh_category_wrapper {
	grid-column: 1 / span 1;
	grid-row: 1 / span 3;
}
.dhmain .main-content #primary #content .dh_homepage_hero {
	grid-column: 2 / span 1;
	grid-row: 1 / span 1;
}
.dhmain .main-content #primary #content .dh_line_wrapper {
	grid-column: 2 / span 1;
	grid-row: 2 / span 1;
}
.dhmain .main-content #primary #content .dh_featured_wrapper {
	grid-column: 2 / span 1;
	grid-row: 3 / span 1;
}

@media screen and (max-width:992px) {
	.dhmain .main-content #primary #content {
		grid-template-columns: 1fr !important;
	}
	.dhmain .main-content #primary #content .dh_category_wrapper {
		grid-column: 1 / span 1;
		grid-row: 2 / span 1;
	}
	body.home-page .dhmain .main-content #primary #content .dh_category_wrapper {
		grid-column: 1 / span 2;
		grid-row: 2 / span 1;
	}
	.dhmain .main-content #primary #content #wooproduct_search_pair_output_datatable {
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
	}
}

body.home-page .dh_banner_grid * {
	box-sizing: border-box;
}

body.home-page .dh_home_title {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 3em;
	line-height: 1.2;
	padding-top: 40px;
	grid-column: 1 / span 1;
	grid-row: 1 / span 1;
	text-shadow: 0px 0px 20px rgba(0,0,0,0.6);
}
body.home-page .dh_home_title span {
	display: inline-block;
}

body.home-page .dh_home_post {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	line-height: 1;
	grid-column: 1 / span 1;
	grid-row: 2 / span 1;
}

body.home-page .dh_home_search {
	grid-column: 2 / span 1;
	grid-row: 1 / span 2;
}

body.home-page #wooproduct_link_search {
	background: none;
}
body.home-page .dh_home_search {
	

	border-radius: 8px;
	backdrop-filter: blur(3px);
	padding: 20px;

	background: rgba(10,50,134,0.45);
	background: linear-gradient(0deg, rgba(30,150,214,0.35) 0%, rgba(5,43,94,0.5) 70%);
}

body.home-page .dh_home_search #wooproduct_link_search {
	grid-template-columns: 1fr 1fr !important;
}

body.home-page .dh_home_search #wooproduct_link_manufacturer_label {
	grid-column: 1 / span 1;
	grid-row: 1 / span 1;
}

body.home-page .dh_home_search #wooproduct_link_line_label {
	grid-column: 2 / span 1;
	grid-row: 1 / span 1;
}

body.home-page .dh_home_search #wooproduct_link_year_label {
	grid-column: 1 / span 1;
	grid-row: 2 / span 1;
}
body.home-page .dh_home_search #wooproduct_link_category_label {
	grid-column: 2 / span 1;
	grid-row: 2 / span 1;
}
body.home-page #wooproduct_link_search #tc_link_search_text_label {
	grid-column: 1 / span 2;
	grid-row: 3 / span 1;
}
body.home-page .dh_home_search #tc_link_search_submit_label {
	height: 0;
	width: 0;
	overflow: hidden;
	opacity: 0.1;
	position: absolute;
}
#wooproduct_link_search {
	grid-column-gap: 20px;
	grid-row-gap: 14px;
}

body.home-page .dh_home_search span.dh_home_excerpt {
	text-align: center;
}
.dh_home_search_btn {
	display: inline-block;
	background: rgba(255,255,255,0.1);
	border: 1px solid #fff;
	border-radius: 30px;
	text-transform: uppercase;
	padding: 10px 30px;
	color: #fff;
	margin: 0 auto;
	cursor: pointer;
	transition: all .2s ease;
}
.dh_home_search_btn:hover {
	background: rgba(255,255,255,0.3);
}
.dh_search_submit {
	display: grid;
	align-items: center;
	justify-items: center;
}

#wooproduct_link_search select {
	border-radius: 30px;
	padding-left: 14px;
	padding-right: 14px;
}
body.home-page .dh_home_post p {
	padding-left: 0px;
	padding-bottom: 30px;
}

/* body.home-page .dh_featured_wrapper {
	background: url(../images/motor-1.jpg) 0% 0% no-repeat;
	background-size: cover;
	color: #fff;
}
body.home-page .dh_featured {
	background: rgba(74,164,200,0.1);
	backdrop-filter: blur(4px);
	padding-bottom: 40px;
}
body.home-page .dh_featured h4,
body.home-page .dh_line h4 {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px;
	padding: 60px 20px 40px 20px;
	font-size: 4em;
    line-height: 1;
	font-weight:700;
	letter-spacing: 4px;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	text-align: center;
}
body.home-page .dh_line h4 {
	color: var(--trekwood-green);
} */
body.home-page .browse_wrapper {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

/* Manufacturers */
/* .dh_manufacturer {
	display: grid;
	grid-template-columns: 1fr;
	padding: 20px;
	justify-items: center;
}
.dh_manufacturer .content-area {
	display: grid;
	grid-template-columns: minmax(100px, 256px) minmax(100px, 256px) minmax(100px, 256px);
	justify-items: center;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	padding-bottom: 20px;
}
.dh_manufacturer .content-area > h4 {
	grid-column: 1 / span 3;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 300;
	letter-spacing: 2px;
} */

/* Lines */
.dh_line {
	background: #ddf3fc;
}
body.home-page .dh_line {
	padding-bottom: 40px;
}


/* Search Pair */

/* Search Pair Bar Overrides */
#tc_search_pair_bar_text {
	padding-left: 20px;
}
#tc_search_pair_bar_text_label {
	z-index: 2;
	
}
.tc_txtbox .label {
    left: 20px;
}
#wooproduct_search_pair_bar {
	padding: 0px;
	display: grid;
	/* grid-template-columns: 1fr 56px; */
	grid-template-columns: 1fr;
	grid-column-gap: 4px;
	position: relative;
	width: 400px;
	max-width: 100%;
	justify-self: flex-end;
}
#tc_search_pair_bar_submit_label {
	display: block;
	width: 56px;
	height: 56px;
	
	position: absolute;
	top: 0px;
	left: auto;
	/* right: 60px; */
	right: 2px;
	bottom: 0px;
	border-radius: 30px;
	z-index: 3;
}
#tc_search_pair_bar_submit {
	border-radius: 30px;
	/* background: rgba(0,0,0,0.1) !important; */
	background: none;
	background-color: transparent;
	font-size: 20px;
	line-height: 20px;
	border: 0 !important;
	/* color: var(--trekwood-green); */
	color: var(--trekwood-green);
}
#tc_search_pair_bar_submit:after {
	font-family: 'rvparts';
	content: "\E819";
}
#tc_search_pair_bar_submit > span {
	display: none;
}
#wooproduct_search_pair_bar_adv {
	color: var(--trekwood-green);
	border: 1px solid #fff;
	/* background: rgba(255,255,255,0.95);
	background: rgba(255,255,255,0.1);
	border: 1px solid #fff; */
	/* border: none !important; */
	border-top: 1px solid rgba(0,0,0,0.3);
	border-right: 1px solid rgba(0,0,0,0.3);
	border-bottom: 1px solid rgba(0,0,0,0.3);
	color: #fff;
	/* background: rgba(255,255,255,0.1); */
	background: white;
	border-radius: 0 8px 8px 0;
	margin-left: -32px;
	width: 90px;
	display: grid;
	grid-template-columns: auto 8px;
	grid-column-gap: 4px;;
	justify-items: flex-end;
	align-items: center;
	padding-right: 12px;
	padding-left: 8px;
	z-index: 1;
	color: var(--trekwood-green);
	background: rgba(0,0,0,0.0);
}
#wooproduct_search_pair_bar_adv .tc_txtbox input:focus+.label span:first-child {
    color: var(--trekwood-green) !important;
    transform: translate3d(0, -12px, 0) scale(0.75);
}
#wooproduct_search_pair_bar_adv:hover {
	background: rgba(255,255,255,0.1);
}
#wooproduct_search_pair_bar_adv > span:first-child {
	padding-right: 4px;
	padding-left: 4px;
	display: inline-block;
}
#wooproduct_search_pair_bar_adv > span.tc_caret {
	display: inline-block;
	/* transform: rotate(180deg); */
	transition: all .15s ease;
	/* height: 6px; */
	position: relative;
	font-size: 16px;
	line-height: 16px;
}
#wooproduct_search_pair_bar_adv > span.tc_caret:after {
	display: inline-block;
	position: relative;
	font-family: 'rvparts';
	content: "\E83B";
	font-size: 24px;
	line-height: 16px;
	margin-top: 4px;

  transition: all .2s ease;
}

#wooproduct_search_pair_bar_adv.on > span.tc_caret:after {
  transform: rotate(180deg);
}




body.product_search #wooproduct_search_pair_meta {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	/* padding: 30px 30px 20px 30px; */
}



#wooproduct_search_pair_meta .tc_select {
	position: relative;
}

#wooproduct_search_pair_meta .tc_select select {
  border-radius: 6px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
  /* min-width: 260px; */
  min-width: 200px;
  z-index: 1;
}
#wooproduct_search_pair_meta .tc_select:after {
    font-family: "rvparts";
    content: "\E83B";
	font-size: 24px;
	line-height: 24px;
    width: 24px;
    height: 24px;
    color: var(--trekwood-green);
	position: absolute;
	top: 10px;
	right: 16px;
	z-index: 2;
	pointer-events: none;
}
body.product_search #wooproduct_search_pair_meta .tc_select select {
	min-width: auto;
}
body.product_search #wooproduct_search_pair_meta .tc_select select:disabled {
	background: #e4e5e6;
	color: #b9bbbe;
}
 #wooproduct_search_pair_meta select#wooproduct_pair_manufacturer_select  option::before {
	content: "Select ";
}

#tc_search_pair_meta_submit_label {
  /* grid-column: 1 / span 2; */
}
body.product_search #tc_search_pair_meta_submit_label {
	grid-column: auto / span 1;
}
body.product_search #wooproduct_search_pair_meta p {
	display: none;
}

#wooproduct_search_pair_meta p {
  /* grid-column: 1 / span 2; */
  text-align: center;
}

#tc_search_pair_meta_submit {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9em;
  line-height: 1;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 36px;
  background: var(--trekwood-orange);
  border-radius: 6px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  cursor: pointer;
  height: auto;
  min-height: 43px;
  border: 1px solid rgba(255,255,255,0.5);
  transition: all .25s ease;
}
#tc_search_pair_meta_submit:hover {
	border: 1px solid rgba(255,255,255,1);
	color: #fff;
}

body {
	overflow-x: hidden;
}



/* Gravity Forms Overrides */

.gform_wrapper.gravity-theme .gfield select {
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 32px;
	font-size: 1em;
	line-height: 1;
	padding: 8px 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	cursor: pointer;
	padding-top: 14px;
	padding-bottom: 14px;
	background: #fff;
	color: black;
  }
.gform_wrapper.gravity-theme .ginput_container_select {
	position: relative;
}
.gform_wrapper.gravity-theme .ginput_container_select:after {
	font-family: "rvparts";
	content: "\E83B";
	color: var(--trekwood-green);
	font-size: 20px;
	line-height: 20px;
	position: absolute;
	top: 12px;
	right: 20px;
}
.gform_wrapper.gravity-theme .gfield textarea.large {
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 18px 18px 0 18px;
	max-width: 100%;
	padding: 20px;
}
body.checkout .woocommerce-billing-fields input[type="text"], body.checkout .woocommerce-billing-fields input[type="tel"], body.checkout .woocommerce-billing-fields input[type="email"], body.checkout .woocommerce-shipping-fields input[type="text"], body.checkout .woocommerce-shipping-fields input[type="tel"], body.checkout .woocommerce-shipping-fields input[type="email"], body.contact .gform_wrapper.gravity-theme input[type=text], body.contact .gform_wrapper.gravity-theme input[type=email] {
    width: 100%;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 32px;
    font-size: 1em;
    line-height: 1;
    padding: 8px 20px;
    cursor: text;
    transition: all .2s ease;
}

/* Mobile Menu */

/* *, *:before, *:after {
  box-sizing: border-box;
}

body {
  background: #158fef;
  padding: 40px;
}

h4 {
  font-family: arial, helvetica, serif;
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin: 40px 0 0;
} */
.hamburg {
	position: fixed;
	/* top: 24px;
	right: 20px; */
	top: 18px;
	right: 50px;
	z-index: 999;
	cursor: pointer;

	transition: all .2s ease;
	display: none;
}
@media screen and (max-width:1500px) {
	.hamburg {
		display: block;
	}
}

/* body.close .hamburg {
	top: 12px;
} */

.hamburglar {
  transform: scale(0.8);
  /* margin: 40px auto; */
  margin: 0px;
  position: relative;
  display: block;
  width: 68px;
  height: 68px;
  /* background: #158fef; */
  background: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.path-burger {
  position: absolute;
  top: 0;
  left: 0;
  height: 68px;
  width: 68px;
  -webkit-mask: url(#mask);
          mask: url(#mask);
  -webkit-mask-box-image: url(mask.svg);
}

.animate-path {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
}

.path-rotation {
  height: 34px;
  width: 34px;
  margin: 34px 34px 0 0;
  transform: rotate(0deg);
  transform-origin: 100% 0;
}
.path-rotation:before {
  content: "";
  display: block;
  width: 30px;
  height: 34px;
  margin: 0 4px 0 0;
  background: #fff;
}

@-webkit-keyframes rotate-out {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate-out {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-in {
  0% {
    transform: rotate(360deg);
  }
  40% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes rotate-in {
  0% {
    transform: rotate(360deg);
  }
  40% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.hamburglar.is-open .path {
  -webkit-animation: dash-in 0.6s linear normal;
          animation: dash-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.hamburglar.is-open .animate-path {
  -webkit-animation: rotate-in 0.6s linear normal;
          animation: rotate-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.hamburglar.is-closed .path {
  -webkit-animation: dash-out 0.6s linear normal;
          animation: dash-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.hamburglar.is-closed .animate-path {
  -webkit-animation: rotate-out 0.6s linear normal;
          animation: rotate-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.path {
  stroke-dasharray: 240;
  stroke-dashoffset: 240;
  stroke-linejoin: round;
}

@-webkit-keyframes dash-in {
  0% {
    stroke-dashoffset: 240;
  }
  40% {
    stroke-dashoffset: 240;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash-in {
  0% {
    stroke-dashoffset: 240;
  }
  40% {
    stroke-dashoffset: 240;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-out {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 240;
  }
  100% {
    stroke-dashoffset: 240;
  }
}
@keyframes dash-out {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 240;
  }
  100% {
    stroke-dashoffset: 240;
  }
}
.burger-icon {
  /* position: absolute; */
  padding: 20px 16px;
  /* height: 68px;
  width: 68px; */
}

.burger-container {
  position: relative;
  height: 28px;
  width: 36px;
}

.burger-bun-top,
.burger-bun-bot,
.burger-filling {
  position: absolute;
  display: block;
  height: 4px;
  width: 36px;
  border-radius: 2px;
  /* background: #fff; */
  background: #7a9859;
}

.burger-bun-top {
  top: 0;
  transform-origin: 34px 2px;
}

.burger-bun-bot {
  bottom: 0;
  transform-origin: 34px 2px;
}

.burger-filling {
  top: 12px;
}

.burger-ring {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
}

.svg-ring {
  width: 68px;
  height: 68px;
}

.hamburglar.is-open .burger-bun-top {
  -webkit-animation: bun-top-out 0.6s linear normal;
          animation: bun-top-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.hamburglar.is-open .burger-bun-bot {
  -webkit-animation: bun-bot-out 0.6s linear normal;
          animation: bun-bot-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.hamburglar.is-closed .burger-bun-top {
  -webkit-animation: bun-top-in 0.6s linear normal;
          animation: bun-top-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.hamburglar.is-closed .burger-bun-bot {
  -webkit-animation: bun-bot-in 0.6s linear normal;
          animation: bun-bot-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes bun-top-out {
  0% {
    left: 0;
    top: 0;
    transform: rotate(0deg);
  }
  20% {
    left: 0;
    top: 0;
    transform: rotate(15deg);
  }
  80% {
    left: -5px;
    top: 0;
    transform: rotate(-60deg);
  }
  100% {
    left: -5px;
    top: 1px;
    transform: rotate(-45deg);
  }
}

@keyframes bun-top-out {
  0% {
    left: 0;
    top: 0;
    transform: rotate(0deg);
  }
  20% {
    left: 0;
    top: 0;
    transform: rotate(15deg);
  }
  80% {
    left: -5px;
    top: 0;
    transform: rotate(-60deg);
  }
  100% {
    left: -5px;
    top: 1px;
    transform: rotate(-45deg);
  }
}
@-webkit-keyframes bun-bot-out {
  0% {
    left: 0;
    transform: rotate(0deg);
  }
  20% {
    left: 0;
    transform: rotate(-15deg);
  }
  80% {
    left: -5px;
    transform: rotate(60deg);
  }
  100% {
    left: -5px;
    transform: rotate(45deg);
  }
}
@keyframes bun-bot-out {
  0% {
    left: 0;
    transform: rotate(0deg);
  }
  20% {
    left: 0;
    transform: rotate(-15deg);
  }
  80% {
    left: -5px;
    transform: rotate(60deg);
  }
  100% {
    left: -5px;
    transform: rotate(45deg);
  }
}
@-webkit-keyframes bun-top-in {
  0% {
    left: -5px;
    bot: 0;
    transform: rotate(-45deg);
  }
  20% {
    left: -5px;
    bot: 0;
    transform: rotate(-60deg);
  }
  80% {
    left: 0;
    bot: 0;
    transform: rotate(15deg);
  }
  100% {
    left: 0;
    bot: 1px;
    transform: rotate(0deg);
  }
}
@keyframes bun-top-in {
  0% {
    left: -5px;
    bot: 0;
    transform: rotate(-45deg);
  }
  20% {
    left: -5px;
    bot: 0;
    transform: rotate(-60deg);
  }
  80% {
    left: 0;
    bot: 0;
    transform: rotate(15deg);
  }
  100% {
    left: 0;
    bot: 1px;
    transform: rotate(0deg);
  }
}
@-webkit-keyframes bun-bot-in {
  0% {
    left: -5px;
    transform: rotate(45deg);
  }
  20% {
    left: -5px;
    bot: 0;
    transform: rotate(60deg);
  }
  80% {
    left: 0;
    bot: 0;
    transform: rotate(-15deg);
  }
  100% {
    left: 0;
    transform: rotate(0deg);
  }
}
@keyframes bun-bot-in {
  0% {
    left: -5px;
    transform: rotate(45deg);
  }
  20% {
    left: -5px;
    bot: 0;
    transform: rotate(60deg);
  }
  80% {
    left: 0;
    bot: 0;
    transform: rotate(-15deg);
  }
  100% {
    left: 0;
    transform: rotate(0deg);
  }
}
.hamburglar.is-open .burger-filling {
  -webkit-animation: burger-fill-out 0.6s linear normal;
          animation: burger-fill-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.hamburglar.is-closed .burger-filling {
  -webkit-animation: burger-fill-in 0.6s linear normal;
          animation: burger-fill-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes burger-fill-in {
  0% {
    width: 0;
    left: 36px;
  }
  40% {
    width: 0;
    left: 40px;
  }
  80% {
    width: 36px;
    left: -6px;
  }
  100% {
    width: 36px;
    left: 0px;
  }
}

@keyframes burger-fill-in {
  0% {
    width: 0;
    left: 36px;
  }
  40% {
    width: 0;
    left: 40px;
  }
  80% {
    width: 36px;
    left: -6px;
  }
  100% {
    width: 36px;
    left: 0px;
  }
}
@-webkit-keyframes burger-fill-out {
  0% {
    width: 36px;
    left: 0px;
  }
  20% {
    width: 42px;
    left: -6px;
  }
  40% {
    width: 0;
    left: 40px;
  }
  100% {
    width: 0;
    left: 36px;
  }
}
@keyframes burger-fill-out {
  0% {
    width: 36px;
    left: 0px;
  }
  20% {
    width: 42px;
    left: -6px;
  }
  40% {
    width: 0;
    left: 40px;
  }
  100% {
    width: 0;
    left: 36px;
  }
}

#mobilenav {
	position: fixed;
	left: 100%;
	right: 0px;
	top: 0px;
	bottom: auto;
	z-index: 98;
	width: 0;
	height: 0;
	color: #fff;
	background-color: rgba(18, 52, 124, 0.7);
    backdrop-filter: blur(20px);
	overflow-x: hidden;
	overflow-y: scroll;

	transition: all .2s ease;

}

#mobilenav.open {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 98;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: rgba(18, 52, 124, 0.7);
    backdrop-filter: blur(20px);
}

#mobilenav div.menu-mainmenu-container {
	margin-top: 60px;
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	/* background: rgba(0,0,0,0.1); */
	padding: 20px;
}
#mobilenav * {
	box-sizing: border-box;
}

#mobilenav ul {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#mobilenav ul.lhmenu {
	/* background: rgba(0,0,0,0.1); */
	padding: 0px;
	margin: 0;
	text-indent: 0;
	list-style-type: none;
}
/* #mobilenav ul ul {
	display: none;
} */

#mobilenav ul.lhmenu li {
	position: relative;
	display: inline-block;
	list-style-type: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 20px 0 0 20px;
	/* background: rgba(0,0,0,0.1); */
	overflow: hidden;
}

#mobilenav ul.lhmenu li.menu-item-has-children {
	display: inline-block;
	padding: 20px 0 0 20px;
}
#mobilenav ul.lhmenu li.menu-item-has-children:after {
	display: grid;
	align-items: center;
	justify-items: center;
	font-family: "rvparts";
    content: "\E83B";
	font-size: 24px;
	line-height: 24px;
    width: 72px;
    height: 72px;
	border-radius: 36px;
    color: #fff;
	position: absolute;
	top: 20px;
	right: 0px;
	z-index: 2;
	background: rgba(255,255,255,0.3);
	cursor: pointer;

	transition: all .2s ease;
}
#mobilenav ul.lhmenu ul li.menu-item-has-children:after {
	background: rgba(255,255,255,0.05);
}
#mobilenav ul.lhmenu li.menu-item-has-children:hover:after {
	background: rgba(255,255,255,0.35);
}
#mobilenav ul.lhmenu ul li.menu-item-has-children:hover:after {
	background: rgba(255,255,255,0.1);
}

#mobilenav ul.lhmenu li.open.menu-item-has-children:after {
	transform: rotate(180deg);
}

#mobilenav ul.lhmenu li a {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	display: inline-block;
	
	height: auto;
	margin: 0;
	padding: 20px 20px 20px 40px;
	/* background: rgba(0,0,0,0.3); */
	background: rgba(255,255,255,0.3);
	border-radius: 36px;
	overflow: hidden;
	width: calc(100% - 88px);
	text-decoration: none;
	font-size: 2em;
	line-height: 1;
	font-weight: 100;
	height: 72px;
	max-height: 72px;
	max-height: auto;
	font-style: italic;
	transition: all .2s ease;
}
#mobilenav ul.lhmenu li a:hover {
	background: rgba(255,255,255,0.35);
}

#mobilenav ul.lhmenu li * {
	transition: all .2s ease;
}

#mobilenav ul.lhmenu li:not(.menu-item-has-children) a {
	width: 100%;
}

#mobilenav ul.lhmenu ul {
	height: 0;
	overflow: hidden;

	transition: all .2s ease;
}

#mobilenav ul.lhmenu li.open > ul {
	height: auto;
}

#mobilenav ul.lhmenu ul li a {
	background: rgba(255,255,255,0.05);
}
#mobilenav ul.lhmenu ul li a:hover {
	background: rgba(255,255,255,0.1);
}
#mobilenav ul.lhmenu ul ul li a {
	background: rgba(255,255,255,0.05);
}
#mobilenav ul.lhmenu ul ul li a:hover {
	background: rgba(255,255,255,0.1);
}

#mobilenav .logo-container {
	position: relative;
	overflow: hidden;
	display: grid;
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	align-items: center;
	justify-items: center;
	padding-top: 40px;
	max-width: 90%;
}

#mobilenav .logo-container a {
	width: 25%;
	max-width: 180px;
	overflow: hidden;
}
#mobilenav .logo-container a img {
	display: inline-block;
	width: 100%;
	height: auto;
}
#mobilenav .hard_links {
	position: relative;
	display: inliine-block;
	width: 100%;
	padding:20px;
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	justify-items: center;
}
#mobilenav .hard_links .hard_links_grid {
	display: grid;
	grid-template-columns: 44px 44px 44px;
	grid-column-gap: 10px;
}
#mobilenav .hard_links a {
	font-size: 40px;
	text-decoration: none;
	width: 100%;
	text-align: center;
	display: inline-block;
	margin-left: 6px;
}



/* Responsive */

/* NORMAL MENU STYLES */
/* 782 based on WP mobile menu flip */
/* @media (min-width: 100px) { */
	/* .logo-container { 
		z-index: 4; 
		position: relative;
		width: 100%;
	} */
	.dhlogomenu, .dhbottommenu {  }
	header.dhlogomenu,
	header.dhlogoheaderwidget { background-color: #eee; }

	.dhfullmenu .dhmenu > li { float: left; }

	.dhmenu > li > ul {  }
	/* .dhlogoheaderwidget .header-widget-container { text-align: right; font-size: 1.3em; padding: 2.5em 0; width: calc(100% - 12%); float: right; } */
	.dhlogoheaderwidget .header-widget-container .dhflex,
	.dhlogoheaderwidget .header-widget-container .dhcolumn { margin-bottom: 0; }
	.dhlogomenu .dhmenu > li > a { padding: 14px !important }
	.dhfullmenu .dhmenu > li > a { padding: 14px !important}
	/* .dhlogomenu .dhmenu > li:last-of-type > a { padding-right: 0; } */
/* } */


/* ADJUSTMENTS FOR: .content-area max-width+100 */
@media (max-width: 1500px) {
	/* .content-area { padding-left: 14px; padding-right: 14px; } */
	.logo-container { left: 14px; max-width: 50%; }
}
@media (min-width: 1500px) {
	/* .content-area:not(.entry-content) { max-width:1400px; } */
	/* .content-area:not(.entry-content) { max-width:1800px; } */
}


/* MOBILE / TABLET STYLES */
/* 782 based on WP mobile menu flip */
@media (max-width: 782px) {
	/* span.dhmenu-icon { background-color: #fff; position: absolute; top: 20px; right: 14px; z-index: 2; }

	.logo-container { width: 100px; max-width: 80%; z-index: 1; margin-left: -5%; padding: .8em 14px; position: relative; }

	.dhlogomenu .content-area:after,
	.dhlogoheaderwidget .content-area:after { content: ""; display: block; height: 100%; width: 100%; background-color: #eee; z-index: 0; position: absolute; top: 0; left: 0; }

	html body #wpadminbar { position: fixed; } */
}

/* SINGLE COLUMN STYLES */
@media screen and (max-width: 568px) {
	/* WIDGET AREAS (HEADER/FOOTER) -- adjustments likely appropriate in style.css */
	/* footer.footer .dhwidget,
	header div.preheader .dhwidget.dhwidget-inline,
	footer.postfooter .dhwidget.dhwidget-inline { display: block; float: none; text-align: center; margin-bottom: .5em; }

	footer.footer .widget_media_image img { width: 200px; }
	footer.footer .dhwidget.dhwidget-columns li { list-style-type: none; }
	footer.footer .dhwidget.dhwidget-columns ul { padding-left: 0; }

	footer.footer .dhflex,
	footer.footer .dhcolumn { margin-bottom: 1.5em; } */
}

/* NORMAL MENU STYLES */
/* 782 based on WP mobile menu flip */
@media (min-width: 783px) {
	
}

@media (max-width: 1640px) {
	.touchcarousel {
		width: calc(100% - 200px);
		overflow: hidden;
	}
	body.about .entry-content, body.contact .entry-content {
		width: calc(100% - 80px);
		margin-bottom: 40px;
		box-shadow: none !important;
	}
}

/* ADJUSTMENTS FOR: .content-area max-width+100 */
@media screen and (max-width: 1500px) {
	.dhheader {
		box-sizing: border-box;
		padding-left: 30px;
		padding-right: 30px;
	}
	.site-content > .content-area {
		box-sizing: border-box;
		padding-left: 70px;
		padding-right: 70px;
	}
	
	.dhlogomenu .dhmenu > li > a {
		padding-left: 4px;
		padding-right: 4px;
		font-size: 1em;
		line-height: 1.5;
	}
}
/* @media screen and (max-width:782px) {
	.site-content > .content-area {
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
	}
} */

/* @media (max-width: 1200px) {
	#lhtopbar > div.content-area {
		grid-template-columns: 164px auto 360px 100px 94px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#lhtopbar > div.content-area .clearfix:before {
		display: none;
	}
	body.home-page .main-content {
		padding-top: 340px;
	}
	body.home-page #wooproduct_search_pair_meta p {
		display: none;
	}
	body.home-page #wooproduct_search_pair_meta {
		padding-bottom: 20px;
	}
	body.home-page .dh_banner_grid {
		grid-template-columns: 1fr;
		text-align: center;
	}
	#lhtopbar .logo-container {
		width: 10%;
		width: 110px;
	}
	body.product_search .dhheaders #wooproduct_search_pair_meta {
		left: -180px !important;
		width: calc(100% + 360px) !important;
	}
} */


@media (min-width: 1500px) {
	
}

/* MOBILE / TABLET STYLES */
/* 782 based on WP mobile menu flip */
@media (max-width: 782px) {
	
}

/* SINGLE COLUMN STYLES */
@media screen and (max-width: 568px) {
	
}

/* @media screen and (max-width:1200px) {
	#wooproduct_search_pair_meta {
		left: 0px;
	}
} */

@media screen and (max-width:1500px) {
	body.home-page .dh_banner_grid {
		grid-template-columns: 2fr 3fr;
	
	}
}

/* @media screen and (max-width:1200px) {
	#lhtopbar .main_search_form {
		grid-column: 2 / span 2;
	}
	body.home-page .dh_banner_grid {
		grid-template-columns: 1fr;
	
	}
} */

@media screen and (max-width:1500px) {
	#lhtopbar #desktopnav .dhmenu > li {
		padding-top: 4px;
	}
	
}
/* @media screen and (max-width:1200px) {
	#wooproduct_search_pair_meta {
		left: -60px;
		right: -60px;
		width: calc(100% + 120px);
	}
	#wooproduct_search_pair_meta .tc_select select {
		width: 100%;
		min-width: 100% !important;
		max-width: 100%;
	}
	#desktopnav {
		opacity: 0;
		width: 0;
		overflow: hidden;
		display: none;
	}
	#lhtopbar #desktopnav ul.dhmenu > li > a {
		padding-left: 8px !important;
		padding-right: 8px !important;
		font-size: 14px;
		line-height: 14px;
	}
	
} */

@media (max-width: 1500px) { 
	
	.content-area.entry-content { padding-left: 0; padding-right: 0; }

	/* re-add padding inside 1-column block 
	.entry-content > .has-1-columns > .wp-block-column > * { padding-left: 14px; padding-right: 14px; }
	*/

}


/* remove default Gutenberg break --- this isn't a standard template 1 break, so don't put anything in here other than Gutenberg overrides */
@media screen and (min-width: 768px) {
	/*
	.wp-block-cover-text p { padding: 1.5em 14px; }
	*/
}

/* add new break */
@media (min-width: 1500px) {
	/*
	.wp-block-cover-text p { padding: 1.5em 14px; }
	*/
}


@media screen and (max-width: 568px) {
	/*
	.wp-block-columns { display: block; }
	*/
}

@media screen and (max-width: 992px) {
	/* body.product_search .dhmain {
		padding-top: 380px;
	} */
	body.product_search #wooproduct_search_pair_meta {
		grid-template-columns: 1fr 1fr;
	}
	body.product_search #tc_search_pair_meta_submit_label {
		grid-column: 1 / span 2;
		display: grid;
    	justify-items: center;
	}
	body.product_search #tc_search_pair_meta_submit {
		max-width: 50%;
	}
	body.home-page .main-content {
		background: url(../images/banner-1.jpg) 25% 50% no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width: 996px) {
	.main-content {
        max-width: calc(100% - 20px) !important;
        margin: 0 10px !important;
    }
	.hamburg {
		right: 16px !important;
	}
	#lhtopbar ul.dhmenu > li > a {
		padding-left: 4px !important;
	}
	#lhtopbar ul.dhmenu > li > a #cart_count {
		right: 8px;
		top: 2px;
	}
	#lhtopbar .subtopbar {
		grid-template-columns: 100px 1fr 110px !important;
		margin: 0 10px !important;
		max-width: calc(100% - 20px) !important;
	}
	#wooproduct_search_pair_bar {
		/* width: 60vw !important; */
		width: 100%;
		max-width: 100%;
	}
	body {
		/* background-color: rgba(18, 52, 124, 0.94) !important; */
	}

	/* Mobile Topbar and Menus */
	body {
		font-size: 13px;
		line-height: 1;
	}
	.tc_txtbox .label,
	#wooproduct_search_pair_bar_adv {
		font-size: 13px;
	}
	.tc_txtbox .label {
		left: 14px;
	}
	#lhtopbar .clearfix:before {
		display: none;
	}
	/* #wooproduct_search_pair_meta {
		left: -64px;
		right: 0px;
		width: calc(100% + 164px);
	} */
	#wooproduct_search_pair_meta .tc_select select {
		padding-left: 14px;
	}
	#lhtopbar .main_search_form .label .desktop_label {
		display: none;
	}
	#lhtopbar .main_search_form .label .mobile_label {
		display: inline-block;
	}
	#lhtopbar .main_search_form input[type="text"] {
		padding-left: 10px;
	}
	body #lhtopbar {
		/* background-color: rgba(18, 52, 124, 0.94) !important; */
	}
	/* .hamburg {
		right: 1px;
	} */
	.hamburglar {
		transform: scale(0.6);
		width: 48px;
		height: 48px;
		/* right: 10px;
		top: 6px; */
	}
	#lhtopbar {
		padding-left: 5px;
		padding-right: 5px;
	}
	#lhtopbar > div.content-area {
		grid-template-columns: 74px auto auto 64px 44px;
		grid-column-gap: 2px;
		padding-left: 1px;
		padding-right: 1px;
	}
	/* #lhtopbar .logo-container {
		position: relative;
		width: 100%;
		max-width: 52px;
		top: -2px;
		left: 0px;
		overflow: hidden;
		display: inline-block;
	} */
	/* #lhtopbar.close .logo-container {
		width: 100% !important;
	} */
	#lhtopbar .logo-container a.custom-logo-link {
		display: block;
		width: 100%;
		overflow: hidden;
	}
	#lhtopbar .dhmenu {
		opacity: 1;
		top: 0;
		margin-left: auto;
		width: 64px;
		display: inline-block;
		position: relative;
	} 
	#lhtopbar .dhmenu > li {
		display: inline-block;
		margin: 0;
		padding: 0;
		color: #fff;
		background-color: transparent;
		border-bottom: 0;
		width: 64px;
	}
	#lhtopbar .dhmenu ul {
		display: none;
	}
	.site-footer .dhmenu {
		display: inline-block;
		opacity: 1;
		position: relative;
		top: 0;
	}
	.site-footer .dhmenu > li {
		display: inline-block;
		margin: 0;
		padding: 0;
		color: #fff;
		background-color: transparent;
		border-bottom: 0;
		width: 64px;
	}
	.site-footer .dhmenu ul {
		display: none;
	}
	#lhtopbar ul.dhmenu > li > a:hover {
		border-top: 1px solid transparent;
	}
	#mobilenav {
		background-color: rgba(18, 52, 124, 0.94) !important;
	}

	/* Mobile Footer */
	.site-footer .content-area.clearfix::before {
		display: none;
	}
	.site-footer .content-area {
		grid-template-columns: 100%;
		grid-template-rows: auto;
	}
	.site-footer .site-logo {
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
		display: grid;
		align-items: center;
		justify-items: center;
	}
	.site-footer .footer_contact {
		grid-column: 1 / span 1;
		grid-row: 2 / span 1;
	}
	.site-footer .menu-mainmenu-container {
		grid-column: 1 / span 1;
		grid-row: 3 / span 1;
		display: grid;
		align-items: center;
		justify-items: center;
		/* padding-top: 20px; */
		padding-top: 0;
	}
	.site-footer .content-area .dh_copyright  {
		grid-column: 1 / span 1;
		grid-row: 4 / span 1;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.site-footer .site-logo img {
		max-width: 200px;
	}
	.site-footer ul.dhmenu {
		width: 200px;
		min-width: 0px;
		display: inline-block;
	}
	.site-footer ul.dhmenu li a {
		/* text-align: center; */
		text-align: right;
	}

	/* body.home-page .dh_featured h4,
	body.home-page .dh_line h4 {
		font-size: 2em;
		line-height: 1.1;
		font-weight:700;
		letter-spacing: 4px;
		padding-left: 40px;
		padding-right: 20px;
		margin-left: 0;
		margin-right: 0;
		width: calc(100% - 80px);
		text-align: center;
	}
 */
	body.about .entry-content, body.contact .entry-content {
		width: auto;
		margin-bottom: 40px;
	}
	/* body.about .dhmain,
	body.contact .dhmain,
	body.rv-models .dhmain,
	body.cart .dhmain,
	body.checkout .dhmain {
		padding-top: 140px;
	} */
	body.cart .woocommerce {
		margin-bottom: 40px;
	}

	body.product_search .dhheaders #wooproduct_search_pair_meta {
		padding-top: 10px !important;
		/* left: -60px !important;
		right: -60px !important;
		width: calc(100% + 160px) !important; */
	}

	body.rv-models #carousel-image ul.touchcarousel-container {
		grid-template-columns: 50% 50%;
		padding-bottom: 40px;
	}

	body .wp-block-group {
		max-width: 100%;
	}
	
	.dhmain .main-content #primary #content {
		grid-template-columns: 1fr;
	}

	.dhmain .main-content #primary #content .dh_category_wrapper {
		grid-column: 1 / span 1;
		grid-row: 2 / span 1;
	}
	.dhmain .main-content #primary #content .dh_homepage_hero {
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
	}
	.dhmain .main-content #primary #content .dh_line_wrapper {
		grid-column: 1 / span 1;
		grid-row: 3 / span 1;
	}
	.dhmain .main-content #primary #content .dh_featured_wrapper {
		grid-column: 1 / span 1;
		grid-row: 4 / span 1;
	}
}

@media (max-width: 767px) {
    body .wp-block-group {
        max-width: calc(100% - 40px);
    }
}

@media (max-width: 568px) {
    body .wp-block-group {
        max-width: calc(100% - 40px);
    }
}
div#pum-651 {
	z-index:1999999999;
	height: 100vh;
	overflow-y: scroll;
	position: absolute;
}
div#pum-651 .gform_heading {
	display: none !important;
}
div#popmake-651 {
	position: relative;
	overflow: scroll;
	max-width: 80% !important;
	max-width: 380px !important;
}
div#pum-651 .gform_footer input[type="submit"] {
	background: #12347C;
	color: #fff;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 16px;
}

@media screen and (max-width: 782px),
       screen and (max-height: 600px) {
	#pum-651 .pum-title {
		font-size: 20px;
	}
	#pum-651 .gfield_label {
		font-size: 14px;
		width: 30% !important;
	}
	#pum-651 .ginput_container {
		width: 70% !important;
	
	}
	#pum-651 textarea {
		height: 100px;
		max-height: 100px;
		min-height: 100px;
	}
	.gform_wrapper.gravity-theme .left_label .gfield:not(.gsection):not(.gfield_html):not(fieldset),
	.gform_wrapper.gravity-theme .right_label .gfield:not(.gsection):not(.gfield_html):not(fieldset) {
		flex-wrap: nowrap;
	}
	#pum-651 .ginput_counter {
		display: none !important;
	}
	#pum-651 .gfield_description {
		display: none !important;
	}
}
@media screen and (max-width:640px) {
	.gform_wrapper.gravity-theme .left_label .gfield_label, .gform_wrapper.gravity-theme .right_label .gfield_label{
		width: 30%;
	}
}

.wooproduct_search_pair_output_datatable {
	position: relative;
}
/* Woocommerce Grid Serps */
.wooproduct_search_woocommerce {
	position: relative;
	display: block;
	width: 100%;
	overflow: visible;
	margin-bottom: 40px;
	/* background: rgba(0,0,0,0.1); */
}
.wooproduct_search_woocommerce::before {
	content: "";
	position: absolute;
    width: 100%;
    /* height: calc(100% - 40px); */
	height: 0;
    /* min-height: 400px; */
	min-height: 0px;
    top: 40px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
    align-content: center;
    text-align: center;
    padding: 2px;
    z-index: 99;
    /* background: #eff0f0; */
    background: rgb(239, 239, 239, 0.5);
    backdrop-filter: blur(8px);
    transition: all .3s ease;
    /* opacity: 1;
	pointer-events:initial; */
	/* opacity: 1; */
	opacity: 0;
	pointer-events: none;
}
.wooproduct_search_woocommerce.searching::before {
	height: calc(100% - 40px);
	opacity: 1;
}


.woocommerce_grid_title {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	line-height: 1.1;
	color: #555;
	padding-bottom: 20px;
	display: inline-block;
	width: 100%;
	text-align: left;
}
.woocommerce_grid {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 100%;
    padding: 20px 2px;
}
/* @media screen and (max-width:1200px) {
	.woocommerce_grid {
		grid-template-columns: repeat(3, 1fr);
	}
} */
@media screen and (max-width:992px) {
	.woocommerce_grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width:768px) {
	.woocommerce_grid {
		grid-template-columns: 1fr;
	}
}
.woocommerce_grid_item {
	display: inline-block;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 18px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.05);
}
.woocommerce_grid_item_link {
	display: grid;
	text-decoration: none;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto auto 1fr;
	align-items: flex-start;
	justify-items: center;
	margin: 0;
	padding: 20px;
	height: 100%;
}
.woocommerce_grid_item_link > img {
	width: auto;
    min-width: 0px;
    max-width: 100%;
    max-height: 200px;
    border-radius: 14px;
}
.woocommerce_grid_item_title {
	display: inline-block;
    text-decoration: none;
    font-size: 1.1em;
    color: rgba(0, 0, 0, 0.7);
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 10px;
	font-weight: bold;
}
.woocommerce_grid_item_price {
	display: inline-block;
    width: 100%;
    text-align: center;
    color: #ef5a29;
    font-size: 1.2em;
    margin: 0;
    padding: 10px;
	font-weight: bold;
}
.woocommerce_grid_item_price::before {
	content: "$ ";
}
.woocommerce_grid_item_add_to_cart {
	display: grid;
	width: 100%;
	height: 100%;
	align-items: flex-end;
	align-self: flex-end;
}
.atc_woocommerce {
	display: inline-block;
    width: auto;
    max-width: 100%;
    margin: 20px auto 10px auto;
    align-self: flex-end;
    justify-self: center;
    background-color: #ef5a29;
    border: 1px solid #ef5a29 !important;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px 8px 20px;
    margin: -30px 20px 50px 20px;
    cursor: pointer;
    opacity: 1;
    transition: all .2s ease;
    pointer-events: initial;
}

/* Woocommerce Product Page Overrides */

.single_add_to_cart_button {
	display: inline-block;
    width: auto;
    max-width: 100%;
    margin: 20px auto 10px auto;
    align-self: flex-start;
    justify-self: center;
    background-color: #ef5a29 !important;
    border: 1px solid #ef5a29 !important;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 20px 8px 20px;
    margin: -30px 20px 50px 20px;
    cursor: pointer;
    opacity: 1;
    transition: all .2s ease;
    pointer-events: initial;
}

/* Sticky Banner Overrides */
.hdsb-stickybanner {
    z-index: 99999;
	box-shadow: none;
	transition: all .2s ease;
	padding: 14px 0 !important;
}
#wpadminbar {
	z-index: 9999 !important;
}
body:has(>#wpadminbar) .hdsb-stickybanner-top {
	top: 32px;
}
.hdsb-stickybanner-text {
	display: inline-block;
	max-width: 1400px;
	padding-left: 10px;
	padding-right: 10px;
	width: calc(100% - 20px);
}
.hdsb-stickybanner-close {
	display: none !important;
}

/* body.close .hdsb-stickybanner {
	top: -180px !important;
} */

/* body.close #lhtopbar {
	top: 0px !important;
}
body.close .hamburg {
	top: 0px !important;
} */

/* body.product_search .dhmain {
	padding-top: 300px;
}

@media screen and (max-width: 1200px) {
	body.home-page .main-content {
		padding-top: 400px;
	}
}
@media screen and (max-width: 992px) {
	body.product_search .dhmain {
		padding-top: 380px;
	}
} */

/* Trekwood Overrides */

.dheaders {
	z-index: 999;
}
#lhtopbar-sticky-wrapper {
	z-index: 99;
}

main.dhmain {
	padding-top: 0;
}
body.home-page .main-content {
	margin-top: 0;
}
#lhtopbar {
	background: rgba(255,255,255,1);
	padding-bottom: 16px;
	transition: all .25s ease;
}

#lhtopbar .subtopbar {
	box-sizing: border-box;
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 200px 1fr auto auto;
	grid-template-rows: auto auto;
	position: relative;
	row-gap: 20px;
	column-gap: 20px;
	align-items: center;
	align-content: center;
}
#lhtopbar .subtopbar:not(:has(>#wooproduct_search_pair_meta.on)) {
	grid-template-rows: 1fr !important;
}

#lhtopbar .subtopbar > .logo-container {
	grid-row: 1 / span 1;
	grid-column: 1 / span 1;
	min-width: 90px;
	display: inline-block;
}
#lhtopbar .subtopbar > .dhmenu-container {
	grid-row: 1 / span 1;
	grid-column: 2 / span 1;
	font-size: 18px;
	justify-content: flex-end;
	justify-items: flex-end;
	text-align: right;
}
#lhtopbar .subtopbar > .dhmenu-container a {
	font-weight: bold;
	text-decoration: none;
}
#lhtopbar .subtopbar > .main-search-form {
	grid-row: 1 / span 1;
	grid-column: 3 / span 1;
	
}
#lhtopbar .subtopbar > .main-search-form #wooproduct_search_pair_bar {
	max-width: 340px; 
}

#lhtopbar .subtopbar > .dhmenu-woomenu {
	grid-row: 1 / span 1;
	grid-column: 4 / span 1;
}
@media screen and (max-width: 1500px) {
	#lhtopbar .subtopbar > .dhmenu-woomenu {
		padding-right: 68px;
	}
}
@media screen and (max-width: 782px) {
	#lhtopbar .subtopbar > .dhmenu-woomenu {
		min-width: 100px;
	}
}

#lhtopbar .subtopbar .hamburger_placeholder {
	display: none;
}
#lhtopbar .subtopbar {
	max-width: 1800px;
	margin: 0 auto;

}
.main-content {
	max-width: 1800px;
	margin: 0 auto;
}
@media screen and (max-width:1880px) {
	#lhtopbar .subtopbar {
		max-width: calc(100% - 80px);
		margin: 0 40px;

	}
	.main-content {
		max-width: calc(100% - 80px);
		margin: 0 40px;
	}
}
@media screen and (max-width:1500px) {
	.main-content {
		max-width: calc(100% - 140px);
		margin: 0 70px;
	}
}

#lhtopbar .subtopbar #wooproduct_search_pair_meta {
	grid-column: 1 / span 4;
	
}

/* Search Pair Meta Overrides */
#wooproduct_search_pair_meta {
	display: grid;
	/* grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
	grid-column-gap: 20px;
	grid-row-gap: 10px;
	/* position: absolute; */
	position: relative;
	background: var(--trekwood-green);
	padding: 20px 30px 20px 30px;
	border-radius: 8px;
	/* top: 0 !important; */
	transition: top .25s ease;
	/* width: calc(100% - 140px);
	left: 0; */
	max-width: 100%;
}
#wooproduct_search_pair_meta > h1 .phone_callout {
	display: none;
}
#wooproduct_search_pair_meta > h1 .phone_callout a {
	font-weight: bold !important;
	text-decoration: none;
}
@media screen and (max-width:1240px) {
	#lhtopbar .subtopbar > .logo-container {
		max-width: 100px;
	}
	#lhtopbar .subtopbar #wooproduct_search_pair_meta {
		grid-column: 1 / span 3;
	}
	 #wooproduct_search_pair_meta label {
		position: relative;
	 }
	#wooproduct_search_pair_meta .tc_select select {
		max-width: 100% !important;
		min-width: 0px !important;
		width: 100% !important;
	}
	#wooproduct_search_pair_meta > h1 .phone_callout {
		display: inline-block;
	}
	#lhtopbar .subtopbar > .dhmenu-container {
		opacity: 0;
		pointer-events: none;
		display: none;
	}
	#lhtopbar .subtopbar {
		grid-template-columns: auto 1fr auto;
	}
	#lhtopbar .subtopbar .main_search_form {
		grid-column: 2 / span 1;
	}
	#lhtopbar .subtopbar .dhmenu-woomenu {
		grid-column: 3 / span 1;
	}
	#wooproduct_search_pair_meta {
		grid-template-columns: 1fr 1fr !important;
		padding-bottom: 20px;
	}
	#wooproduct_search_pair_meta > h1 {
		grid-column: 1 / span 2 !important;
		grid-row: 1 / span 1 !important;
		margin-top: 0;
	}
	#wooproduct_search_pair_meta > #wooproduct_pair_manufacturer_label {
		grid-column: 1 / span 1 !important;
		grid-row: 2 / span 1 !important;

	}
	#wooproduct_search_pair_meta > #wooproduct_pair_line_label {
		grid-column: 2 / span 1 !important;
		grid-row: 2 / span 1 !important;
	}
	#wooproduct_search_pair_meta > #wooproduct_pair_year_label {
		grid-column: 1 / span 1 !important;
		grid-row: 3 / span 1 !important;
	}
	#wooproduct_search_pair_meta > #wooproduct_pair_category_label {
		grid-column: 2 / span 1 !important;
		grid-row: 3 / span 1 !important;
	}
	#wooproduct_search_pair_meta > #tc_search_pair_meta_submit_label {
		grid-column: 2 / span 1 !important;
		grid-row: 4 / span 1 !important;
	}
	#wooproduct_search_pair_meta > p {
		display: none !important;
	}
	
}

#wooproduct_search_pair_meta > h1 {
	display: inline-block;
	width: 100%;
	grid-column: 1 / span 5;
	font-size: 16px;
	text-align: left;
	color: white;
	margin-top: 0;
}
#wooproduct_search_pair_meta > h1 strong {
	font-weight: bold;
}

/* Content and Homepage Content */
/* Categories and Manufacturers */
.dh_category_inner {
	background: #fff;
	border-radius: 8px;
	padding: 6px;
	margin-bottom: 40px;
}
.dh_category_inner .dh_category .content-area h4 {
	background: var(--trekwood-green);
	border-radius: 8px;
	margin: 0px;
	padding: 8px 20px;
	color: #ffffff;
	font-size: 18px;
}

.dh_category_inner .dh_category .content-area ul.category_list {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}
.dh_category_inner .dh_category .content-area ul.category_list li {
	margin: 0;
	padding: 4px 20px;
}
.dh_category_inner .dh_category .content-area ul.category_list li a {
	text-decoration: none;
}

.dh_manufacturer .content-area {
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 16px;
	justify-content: center;
	justify-items: center;
	width: 100%;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}
.dh_manufacturer .content-area h4 {
	background: var(--trekwood-green);
	border-radius: 8px;
	margin: 0px;
	padding: 8px 20px;
	color: #ffffff;
	font-size: 18px;
	justify-self: flex-start;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}

/* Homepage Hero */
.dh_homepage_hero {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr auto;
	min-height: 400px;
	overflow: hidden;
	position: relative;
	align-items: flex-end;
	align-content: flex-end;
	padding: 40px;
	border-radius: 8px;
	box-sizing: border-box;
	max-width: 100%;
}
.dh_homepage_hero > img {
	position: absolute;
	object-fit: cover;
	object-position: 100% 25%;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.dh_homepage_hero > h2 {
	position: relative;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	z-index: 2;
	font-size: 28px;
}
.dh_homepage_hero > span {
	color: #fff;
	z-index: 2;
	font-size: 18px;
}

/* Homepage Choose Your Model */
.dh_line_wrapper {
	position: relative;
	max-width: 100%;
	overflow: hidden;
	background: #ffffff;
	padding: 8px;
	border-radius: 8px;
}
.dh_line_wrapper .dh_line {
	background: transparent !important;
}
.dh_line_wrapper .dh_line .content-area .entry-content {
	position: relative;
	max-width: calc(100% - 80px);
	overflow: hidden;
	padding-left: 40px;
	padding-right: 40px;
}
.dh_line_wrapper .dh_line .content-area h4 {
	background: var(--trekwood-green);
	border-radius: 8px;
	margin: 0px;
	padding: 8px 20px;
	color: #ffffff;
	font-size: 18px;
	justify-self: flex-start;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}

/* Touch Carousel Models on Homepage */
.touchcarousel .tc-paging-container {
	bottom: 0 !important;
}
#carousel-image {
  /* width: 100%; */
  height: auto;
  /* padding-left: 0px;
  padding-right: 0px; */
  padding-bottom: 30px;
}
#carousel-image * {
  box-sizing: border-box;
}
#carousel-image ul.touchcarousel-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 50px;
  padding-left: 8px;
  padding-right: 8px;
}
#carousel-image.touchcarousel .touchcarousel-item span {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: rgba(0,0,0,0.3);
  padding-right: 20px;
  padding-top: 10px; 
}
body.home-page #carousel-image ul.touchcarousel-container {
  display: grid;
  grid-template-rows: 1;
  grid-template-columns: repeat(18, 262px);
  grid-column-gap:20px;
  grid-row-gap: 30px;
}
body.home-page #carousel-image.touchcarousel .touchcarousel-item {
  float: none;
  display: inline-block;
  width: 252px;
  height: auto;
  background: #fff;
  display: grid;
  align-items: center;
  justify-items: center;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 12px;
  overflow: hidden;
}
body.home-page #carousel-image.touchcarousel .touchcarousel-item img {
  height: auto;
  max-height: 256px;
  background: #fff;
} 
body.home-page #carousel-image.touchcarousel .touchcarousel-item span {
  display: none;
  padding: 0;
}
body.home-page #carousel-image.touchcarousel.grey-blue .arrow-icon.left {
  filter: invert(20%);
}
body.home-page #carousel-image.touchcarousel.grey-blue .arrow-icon.right {
  filter: invert(20%);
}
body.home-page #carousel-image.touchcarousel .touchcarousel-item a {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: center;
  justify-items: center;
  padding-bottom: 20px;
}
body.home-page .touchcarousel.grey-blue .arrow-holder.left,
body.home-page .touchcarousel.grey-blue .arrow-holder.right {
    width: 40px !important;
	background: transparent !important;
    /* background: rgba(255, 0, 0, 0.1); */
}
body.home-page .touchcarousel.grey-blue .arrow-icon.left, 
body.home-page .touchcarousel.grey-blue .arrow-icon.right {
	width: 40px !important;
	filter: invert(100) !important;
	opacity: .5;
}
body.home-page .touchcarousel.grey-blue .arrow-holder.left {
	left: -40px !important;
	background: transparent !important;
}
body.home-page .touchcarousel.grey-blue .arrow-holder.right {
	right: -40px !important;
	background: transparent !important;
}
body.home-page .touchcarousel.grey-blue .arrow-holder:hover {
	background: transparent !important;
}
body.home-page .touchcarousel.grey-blue 

.touchcarousel .tc-paging-container {
	margin-top: 0px;
}

/* Touch Carousel Models on Other pages? */
body.std-page #carousel-image ul.touchcarousel-container {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 30px;
}
body.std-page #carousel-image.touchcarousel {
  width: 100%;
  height: auto;
  overflow: auto;
}

/* Homepage Top Selling Products */
.dh_featured_wrapper {
	position: relative;
	max-width: 100%;
	overflow: hidden;
	text-align: left;
	letter-spacing: .5px;
	background: #ffffff;
	padding: 8px 8px 40px 8px;
	border-radius: 8px;
}
.dh_featured_wrapper .dh_featured h4 {
	background: var(--trekwood-green);
	border-radius: 8px;
	margin: 0px;
	padding: 8px 20px;
	color: #ffffff;
	font-size: 18px;
	justify-self: flex-start;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}
.dh_featured_wrapper .dh_featured .content-area {
	width: 100%;
}
body.home-page #carousel-image-and-text.touchcarousel {
	width: calc(100% - 80px) !important;
}

body.home-page #carousel-image-and-text.touchcarousel .touchcarousel-item {
	padding: 20px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 8px;
	width: 400px;
}
body.home-page #carousel-image-and-text.touchcarousel .touchcarousel-item a {
	display: inline-block;
	width: 100%;
}
body.home-page .touchcarousel .tc-paging-container {
	margin-top: 20px !important;
	bottom: 0;
}
body.home-page .browse_wrapper {
	margin-top: 20px;
}

/* Footer */
body.home-page .site-footer {
	background: #333 !important;
}
body.home-page .site-footer, 
body.home-page .site-footer * {
	transition: all .25s ease;
}

.site-footer > .content-area {
	grid-template-columns: 1fr !important;
	width: 100%;
}
.site-footer .content-area .footer-grid {
	display: grid;
	width: calc(100% - 80px);
	grid-template-columns: 1fr auto auto;
	padding: 40px;
	align-items: flex-start;
	justify-items: flex-start;
	column-gap: 40px;
	max-width: 1800px;
    margin: 0 auto;
}
@media screen and (max-width:1200px) {
	.site-footer .content-area .footer-grid {
		display: grid;
		width: calc(100% - 80px);
		grid-template-columns: 1fr 250px 250px;
		padding-top: 40px;
		padding-bottom: 40px;
		align-items: flex-start;
		justify-items: flex-start;
		column-gap: 40px;
	}
}
@media screen and (max-width:996px) {
	.site-footer .content-area .footer-grid {
		display: grid;
		width: calc(100% - 80px);
		grid-template-columns: 1fr 200px 200px;
		padding-top: 40px;
		padding-bottom: 40px;
		align-items: flex-start;
		justify-items: flex-start;
		column-gap: 40px;
	}
}


.site-footer .content-area .footer-grid .site-logo {
	display: inline-block;
	width: 100%;
	grid-column: 1 / span 1;
	grid-row: 1 / span 1;
}
.site-footer .content-area .footer-grid .site-logo a {
	display: inline-block;
	max-width: 300px;
	overflow: hidden;
}
.site-footer .content-area .footer-grid .site-logo a img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.site-footer .content-area .footer-grid .footer_quicklinks {
	grid-column: 2 / span 1;
	grid-row: 1 / span 1;
}
.site-footer .content-area .footer-grid .footer_contact {
	grid-column: 3 / span 1;
	grid-row: 1 / span 1;
}

@media screen and (max-width:782px) {
	.site-footer .content-area .footer-grid {
		grid-template-columns: 1fr 1fr;
	}
	.site-footer .content-area .footer-grid .site-logo {
		grid-column: 1 / span 2;
		grid-row: 1 / span 1;
		justify-content: center;
		justify-items: center;
		display: inline-grid;
		padding-bottom: 40px;
	}
	.site-footer .content-area .footer-grid .footer_quicklinks {
		grid-column: 1 / span 1;
		grid-row: 2 / span 1;
		padding-left: 30px;
		justify-content: flex-end;
		justify-items: flex-end;
		justify-self: flex-end;
		text-align: right;
	}
	.site-footer .content-area .footer-grid .footer_contact { 
		grid-column: 2 / span 1;
		grid-row: 2 / span 1;
		padding-right: 30px;
	}
}
@media screen and (max-width:600px) {
	.site-footer .content-area .footer-grid {
		grid-template-columns: 1fr;
	}
	.site-footer .content-area .footer-grid .site-logo {
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
	}
	.site-footer .content-area .footer-grid .footer_quicklinks {
		grid-column: 1 / span 1;
		grid-row: 2 / span 1;
		padding-left: 0;
		justify-items: center;
		justify-content: center;
		width: 100%;
		padding-bottom: 40px;
	}
	/* .site-footer .content-area .footer-grid .menu-mainmenu-container {
		width: 160px;
	} */
	.site-footer .content-area .footer-grid .footer_contact { 
		grid-column: 1 / span 1;
		grid-row: 3 / span 1;
		padding-right: 0px;
		justify-content: center;
		justify-items: center;
		text-align: center;
		width: 100%;
	}
	.site-footer .content-area .footer-grid .footer_contact > * {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.site-footer ul.dhmenu li a {
		text-align: center;
	}
}

.site-footer .dh_copyright {
	background: #252325;
}
.site-footer .dh_copyright > .content-area {
	display: grid;
	grid-template-columns: auto auto;
	justify-items: stretch;
	padding-top: 20px;
	padding-bottom: 20px;
	max-width: 1800px;
    margin: 0 auto;
	padding-left: 40px;
	padding-right: 40px;
	width: calc(100% - 80px);
}
@media screen and (max-width:996px) {
	.site-footer .dh_copyright > .content-area {
		grid-template-columns: 1fr;
		justify-content: center;
		justify-items: center;
		text-align: center;
		row-gap: 10px;
	}
}
.site-footer .dh_copyright > .content-area > span {
	color: rgba(255,255,255,0.4);
	font-size: 14px;
}
.site-footer .dh_copyright > .content-area > span:last-child {
	text-align: right;
}
@media screen and (max-width:996px) {
	.site-footer .dh_copyright > .content-area > span:last-child {
		text-align: center;
	}
}

.site-footer h4 {
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	padding-bottom: 0;
}

.site-footer .footer_contact {
    display: inline-block !important;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    font-size: 16px !important;
	line-height: 2 !important;
    font-style: normal;
    height: 100%;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start !important;
    justify-items: flex-start !important;
}
.site-footer .footer_contact > address {
	margin-top: 10px !important;
}
.site-footer .footer_contact a.contact {
	color: var(--trekwood-orange);
}
.site-footer ul.dhmenu li a {
	font-size: 16px !important;
	text-transform: none !important;
}

.site-footer .social_icons {
	position: relative;
	margin-top: 20px;
}
.site-footer .social_icons a {
	display: inline-block;
	width: 36px;
	height: 36px;
	margin: 0 6px 0 0;
	padding: 0;
}
.site-footer .social_icons a.fb_icon {
	background: url("/wp-content/themes/dhwp-template1.5/assets/images/fb-icon-1.png") 50% 50% no-repeat;
	background-size: contain;
	filter: invert(100%);
}
.site-footer .social_icons a.twitter_icon {
	background: url("/wp-content/themes/dhwp-template1.5/assets/images/x-icon-1.png") 50% 50% no-repeat;
	background-size: contain;
	filter: invert(100%);
}
.site-footer .social_icons a.yt_icon {
	background: url("/wp-content/themes/dhwp-template1.5/assets/images/yt-icon-1.png") 50% 50% no-repeat;
	background-size: contain;
	filter:invert(100%);
}

/* Related (Trekwood) Products */
.related_wrapper {
	grid-column: 2 / span 1;
	grid-row: 2 / span 1;
	/* background: white;
	border-radius: 18px;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05); 
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05); */
	position: relative;
	margin-bottom: 40px;
}
.related_grid {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* grid-template-rows: repeat(3, 1fr); */
    grid-template-rows: auto !important;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 100%;
    padding: 20px 2px;
}
.related_grid_item {
	background: white;
	border-radius: 18px;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05); 
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05);
	padding: 20px;
}
.related_grid_item > a.related_link {
	display: grid;
    text-decoration: none;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto 1fr;
    align-items: flex-start;
    justify-items: center;
    margin: 0;
    padding: 0;
    height: 100%;
}

.related_grid_item > a.related_link img.related_image {
	width: auto;
    min-width: 0px;
    max-width: 100%;
    max-height: 200px;
    border-radius: 14px;
	border: none;
	height: auto;
	vertical-align: bottom;
}
.related_grid_item > a.related_link > h3 {
	display: inline-block;
    text-decoration: none;
    font-size: 1.1em;
    /* color: rgba(0, 0, 0, 0.7); */
    /* color: var(--trekwood-green); */
	color: gray;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 10px;
	transition: all .3s ease;
}
.related_grid_item > a.related_link:hover > h3 {
	color: var(--trekwood-green);
}
@media screen and (max-width: 1400px) {
	.related_grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (max-width: 1200px) {
	.related_grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width:996px) {
	.related_wrapper {
		grid-column: 1 / span 1;
		grid-row: 3 / span 1;
	}
}