main#mainWrapper
{
padding-bottom: 0;
}

.categoryListings
{
margin: 3rem auto;
}
 
.gore-dark-content-wrapper
{
background-color: #2f333c;
color: #fff;
padding-bottom: .1rem; /* solely to counteract the margin collapse */
}

.gore-dark-content-wrapper:last-of-type
{
padding-bottom: 5rem;
}

#gore-hero
{
width: 100%;
height: 24rem;
background: #222 url("https://dh36nblqpps8a.cloudfront.net/assets/gore-tex/gore-tex-hero-background-2.jpg") center center/cover no-repeat;
position: relative;
}

#gore-hero h1
{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin: 0 auto;
max-width: none;
padding: 0;
position: absolute;
top: 1rem;
left: 0;
right: 0;
background: url("https://dh36nblqpps8a.cloudfront.net/assets/gore-tex/dry-wear-featuring-gore-tex-pro.png") center center/cover no-repeat;
width: 18.125rem;
height: 8.9375rem;
filter: drop-shadow(0 0 .25rem rgba(0,0,0,1));
}

#gore-intro
{
margin: 0 auto;
padding: 3rem 1rem;
max-width: 50rem;
position: relative;
}

#gore-intro h2
{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin: 0 auto 1rem;
padding: 0;

background: url("https://dh36nblqpps8a.cloudfront.net/assets/gore-tex/performance-reimagined-mobile.svg") center center/cover no-repeat;
width: 17.5rem;
height: 4.25rem;
}

#gore-intro p
{
text-align: center;
padding: 0 1rem;
line-height: 1.4;
margin: 0;
}

.gore-divider::after
{
content: "";
display: block;
margin: 4rem auto;
height: .25rem;
width: 100%;
max-width: 18.5rem;
background-color: #ced23f;
border-radius: 10rem;
grid-column: 1 / -1;
}



.gore-dealer-button
{
margin: 0 auto;
padding: 0 1rem;
max-width: 62.5rem;
text-align: center;
}

.gore-dealer-button p
{
text-align: center;
font-size: 1.5rem;
font-style: italic;
margin: 0 auto;
}


.gore-dealer-button p.timing-notice
{
font-size: 1rem;
font-style: normal;
padding-top: 1rem;
max-width: 30rem;
}

.gore-dealer-button p.timing-notice
{
padding-bottom: .25rem;
}


#gore-icons-wrapper
{
padding: 3rem 1rem 0;
margin: 0 auto;
max-width: 62.5rem;
display: grid;
grid-gap: 1.5rem;
grid-template-columns: 1fr;
}

.gore-icon-item
{
text-align: center;
margin: 0 auto;
}

.gore-icon-item svg
{
fill: #fff;
max-width: 6rem;
height: auto;
}

.gore-icon-item h3
{
margin: 1rem 0;
font-size: 2rem;
}

.gore-icon-item p
{
margin: 0;
}

.gore-environmental
{
padding: 4rem 1rem 0;
margin: 0 auto;
max-width: 42rem;
}

.gore-video
{
max-width: 62.5rem;
margin: 0 auto;
padding: 0 1rem;
}

.video-container
{
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
}

.gore-testimonial
{
max-width: 46rem;
margin: 0 auto;
padding: 0 1rem;
display: grid;
grid-template-columns: 2rem 1fr;
grid-gap: .25rem;
}

.gore-testimonial::before
{
font-family: "Font Awesome 6 Pro";
font-weight: 900;
content: "\f10d";
font-size: 2rem;
display: block;
margin-top: 0;
color: rgba(255,255,255,.2);
}

.gore-testimonial p
{
font-size: 1.25rem;
margin: 0;
}

.gore-testimonial p:first-of-type
{
font-style: italic;
margin-bottom: 1.5rem;
}

.gore-photo-gallery
{
max-width: 126rem;
margin: 0 auto;
padding: 0 1rem;
}

.gore-photo-gallery img
{
max-width: 100%;
height: auto;
}

/* Locally button overrides */

#lcly-button-1
{
margin: 1rem auto 0;
max-width: 14rem;
height: auto;
}

a.lcly-primary-trigger
{
float: none !important;
}

a.lcly-primary-trigger span
{
font-family: proxima-nova-extra-condensed,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.5rem !important;
line-height: 1 !important;
height: auto !important;
display: flex !important;
align-items: center;
justify-content: center;
padding: .625rem 1rem;
border-radius: .25rem;
background-color: #fff !important;
color: #706e38 !important;
}

a.lcly-primary-trigger span:hover
{
color: #fff !important;
background-color: #ced23f !important;
}

svg.icon-locally-outline
{
height: 1.875rem !important;
width: 2rem !important;
fill: #706e38 !important;
margin: 0 !important;
}

a:hover.lcly-primary-trigger svg.icon-locally-outline
{
fill: #fff !important;
}


/* 640px */
@media screen and (min-width: 40rem) {

	#gore-hero
	{
	height: 30rem;
	}

	#gore-hero h1
	{
	width: 26.5rem;
	height: 13.125rem;
	}
	
	#gore-intro h2
	{
	background: url("https://dh36nblqpps8a.cloudfront.net/assets/gore-tex/performance-reimagined.svg") center center/cover no-repeat;
	width: 33.75rem;
	height: 2rem;
	}
	
	#gore-intro p
	{
	font-size: 1.125rem;
	padding: 0;
	}
	
	#gore-icons-wrapper
	{
	grid-template-columns: 1fr 1fr;
	grid-gap: 4rem;
	padding: 4rem 4rem 0;
	}
	
	.gore-testimonial
	{
	grid-template-columns: 7rem 1fr;
	}

	.gore-testimonial::before
	{
	font-size: 7rem;
	margin-top: -1rem;
	}

	.gore-testimonial p
	{
	font-size: 1.5rem;
	}

}

/* 768px */
@media screen and (min-width: 48rem) {
	
	#gore-hero
	{
	height: 42rem;
	}

	#gore-hero h1
	{
	top: 3rem;
	width: 30rem;
	height: 14.8125rem;
	}
	

}