/******/
/*** GLOBAL ***/
/******/

nav a, li {
	text-decoration: none;
  	font-optical-sizing: auto;
}

nav ul, footer ul {
	padding-inline-start: 0;
	list-style-type: none;
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}

footer ul {
	padding-inline-start: 0!important;
}

footer ul li {
	padding-right: 0;
	margin-block-start: .0625rem;
}

/* NAV */

.global-nav {
	background: linear-gradient(
	to bottom,
		rgba(0, 0, 0, 0.6) 0%,   /* Strong dark at top */
		rgba(0, 0, 0, 0.4) 40%,  /* Mid transition */
		rgba(0, 0, 0, 0.2) 70%,  /* Soft fade */
		rgba(0, 0, 0, 0) 100%    /* Fully transparent at bottom */
	);
}

.global-nav:hover {
	background: none;
	background-color: var(--cream);
}

.global-nav:hover nav{
	color: var(--brown);
}

.cart img {
	width: 1.25rem;
}

/* BUTTONS */

.button-container {
	padding: .875rem 0 .875rem 0;
	width: 100%;
	gap: 0.625rem;
}

.button-container-auto {
	padding: .875rem 0 .875rem 0;
	gap: 0.625rem;
}

.button-gap {
	gap: 0.625rem;
}

.button-container-small {
	padding: .75rem 0;
	width: 100%;
}

a, nav, a.button, .cart img, .background-black .gform_footer input.gform_button, .gform_footer input.gform_button, input[type=password], form.post-password-form input[type=submit] {
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out, border .2s ease-in-out;
	-moz-transition: all .2s ease-in-out, border .2s ease-in-out;
	-o-transition: all .2s ease-in-out, border .2s ease-in-out;
	transition: all .2s ease-in-out, border .2s ease-in-out;
}

nav a {
	-webkit-transition: all 0s ease-in-out, border 0s ease-in-out;
	-moz-transition: all 0s ease-in-out, border 0s ease-in-out;
	-o-transition: all 0s ease-in-out, border 0s ease-in-out;
	transition: all 0s ease-in-out, border 0s ease-in-out;
}

a.button {
	padding: .75rem 1.125rem .75rem 1.125rem;
	text-decoration: none;
}

.category-filters a.button, .filters a.button {
	padding: .5rem .75rem .5rem .75rem;
}

a.text-link, p.text-link {
	text-decoration: none;
}

a.button:hover, input[type=password]:hover, form.post-password-form input[type=submit]:hover, .gform_footer input.gform_button:hover, form.post-password-form input[type=submit]:hover, body .gform_wrapper .gform_footer input[type=submit]:hover {
	opacity: .6!important;
}

a.button.tertiary:after, a.text-link:after, p.text-link:after {
	content: '›';
	margin-left: .5rem;
}

a.button.tertiary:after:hover {
	margin-left: .75rem;
}

/* GRAVITY FORMS */

.ginput_container input[type=text], .ginput_container input[type=email], .ginput_container textarea.textarea {
	padding: 1rem!important;
	font-size: 1rem!important;
	text-align: left;
}

.section-comments form textarea, .section-comments form input {
	padding: 1rem;!important;
	font-size: 1rem!important;
	border: none;
}

.gform_footer input.gform_button, input[type=password], form.post-password-form input[type=submit], .section-comments form input[type=submit] {
	font-size: 0.875rem!important;
	padding: .75rem!important;
}

.gform-theme--foundation .gfield textarea.medium, .section-comments form textarea {
	min-height: 20rem!important;
}

.gfield_checkbox .gchoice label {
	display: inline-block !important;
	padding: 0.5rem 1rem !important;
	cursor: pointer !important;
	text-align: center !important;
	margin: 0.25rem !important;
	transition: all 0.2s ease-in-out !important;
	border-radius: 0rem !important;
}

.gfield_checkbox {
	justify-content: center !important;
}

.gfield_checkbox .gchoice input[type="checkbox"] + label {
	border: solid 0.125rem var(--brown) !important;
	color: var(--brown) !important;
	background-color: transparent !important;
}

.gfield_checkbox .gchoice input[type="checkbox"]:checked + label {
	border: solid 0.125rem var(--brown) !important;
	background-color: var(--brown) !important;
	color: var(--cream) !important;
}

.gfield_checkbox .gchoice input[type="checkbox"] {
	position: absolute !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.gfield_radio .gchoice label {
	position: relative !important;
	padding-left: 36px !important;
	line-height: 24px !important;
	cursor: pointer !important;
	display: inline-block !important;
	margin: 0.5rem 0 !important;
}

.gfield_radio .gchoice input[type="radio"] {
	position: absolute !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.gfield_radio .gchoice label::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	width: 24px !important;
	height: 24px !important;
	border: 2px solid var(--brown) !important;
	border-radius: 50% !important;
	box-sizing: border-box !important;
	background-color: transparent !important;
}

.gfield_radio .gchoice input[type="radio"]:checked + label::after {
	content: "" !important;
	position: absolute !important;
	left: 6px !important;
	top: 6px !important;
	width: 12px !important;
	height: 12px !important;
	background-color: var(--brown) !important;
	border-radius: 50% !important;
}

.gfield_required_asterisk {
	color: var(--brown) !important;
	font-family: neue-haas-grotesk-display, sans-serif !important;
	font-size: 1.25rem !important;
}

.background-cream .gfield_required_asterisk {
	color: var(--brown) !important;
}

.background-navy .gfield_required_asterisk {
	color: var(--cream) !important;
}

.gform_required_legend {
	display: none!important;
}



.section-comments form input:not(p.comment-form-cookies-consent input, .section-comments form input[type=submit]) {
	width: 100%;
}

.section-comments form textarea, .section-comments form input:not(p.comment-form-cookies-consent input) {
	max-width: calc(100% - 3rem);
	border-radius: .25rem;
}

.section-comments form label:not(p.comment-form-cookies-consent label, label.gform-field-label--type-inline) {
	width: 100%;
	float: left;
}

.video-container {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 0;
	margin-bottom: 0;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* MODALS */

.modal {
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background-color:rgba(0,0,0,0.6); 
	backdrop-filter: blur(3px);
  	-webkit-backdrop-filter: blur(3px);
	z-index:9999; 
	justify-content:center; 
	align-items:center;
}

.modal-content {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 100vh;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding: 2rem;
	max-width: 56.25rem;
	transition: margin-top 0.3s ease;
}

.modal-top {
	margin-top: 4rem;
}

.modal-middle {
	padding: 5rem 3rem;
}

.modal-bottom {
	margin-bottom: 4rem;
}

.modal-content::-webkit-scrollbar {
	display: none;
}

.modal-close-icon::before,
.modal-close-icon::after {
	background-color: var(--brown);
}

.background-navy .modal-close-icon::before,
.background-navy .modal-close-icon::after {
	background-color: var(--cream);
}

.modal-close-icon {
    top: 2rem;
    right: 2rem;
}

.modal .background-baby-blue .gform_button {
	width: 100% !important;
	background-color: var(--brown) !important;
	color: var(--cream) !important;
}

.modal .background-cream .gform_button {
	width: 100% !important;
	background-color: var(--brown) !important;
	color: var(--cream) !important;
}

.modal .background-navy .gform_button {
	width: 100% !important;
	background-color: var(--orange) !important;
	color: var(--brown) !important;
}

.modal input:focus {
	outline: none !important;
}

.modal input {
	border-radius: 0rem !important;
}

.modal .background-cream input {
	border: solid 0.063rem var(--brown) !important;
}

.modal label, .modal legend {
	font-family: neue-haas-grotesk-display !important;
	font-weight: 600 !important;
	font-size: 1.25rem !important;
}

.modal legend{
	text-transform: uppercase !important;
	letter-spacing: 0.3125rem !important;
	line-height: 1.2 !important;
}

.background-cream .gfield_description, .modal .background-cream label, .modal .background-cream legend {
	color: var(--brown) !important;
}

.background-navy .gfield_description, .modal .background-navy label, .modal .background-navy legend {
	color: var(--cream) !important;
}

/* SECTIONS */

/* BLOG */

.article .main-image img, .main-image img {
	height: 400px;
	object-fit: cover;
}

.article .side-images img{
	height: 248px;
	object-fit: cover;
}

.article, .contact-padding {
	padding-top: 10rem;
}

.blog-title {
	padding-top: 2.25rem;
	padding-bottom: 2.25rem;
}

.blog-post {
	border: solid 0.125rem var(--brown);
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
}

.post-wrapper {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	display: flex;
}

.post-wrapper:not(.active) {
	display: none;
}

.blog-icons img {
	width: 2rem;
	height: 2rem;
}

.blog .clear-all {
	margin-left: 24px;
}

/* BOARD */
.board img, .team img, .team .image-wrapper {
	width: 16.875rem;
	height: 15.625rem;
	object-fit: cover;
}

.board-left {
	transform: rotate(1.03deg);
}

.board-right {
	transform: rotate(-1.47deg);
}

/* CALL TO ACTION */
.call-to-action .gform_wrapper {
	width: 100%;
}

.call-to-action .gform_fields {
	width: 100%;
	display: flex !important;
	align-items: stretch;
}

.call-to-action .gform-body.gform_body {
	width: 100%;
}

.call-to-action form {
	display: flex;
	width: 100%;
	justify-content: center;
}

/* FEATURED PRODUCTS */

.featured-products h3 {
	padding-bottom: 0!important;
}

.featured-products img {
	max-width: 12rem;
}

@media (max-width: 47.9375rem) {
	.call-to-action .gform_fields {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 1rem !important;
	}
}

.call-to-action .gfield--type-email {
	flex-grow: 1;
}

.call-to-action .gfield--type-email input {
	height: 3.313rem !important;
}

.call-to-action #field_submit .gform-button.gform-button--white.button {
	height: 100%;
	margin-block-start: 0;
	margin-block-end: 0;
}

.call-to-action .gfield--type-email * {
	width: 100%;
}

.call-to-action .ginput_container_email input {
	text-align: left;
	color: var(--medium-blue)!important;
	font-family: neue-haas-grotesk-display, sans-serif !important;
	font-weight: 450 !important;
	font-size: 1.25rem !important;
}

.call-to-action .gform-button {
	background-color: var(--brown)!important;
	color: var(--cream)!important;
}

.call-to-action input {
	border-radius: 0rem !important;
}

/* CONTACT */

.contact img {
	width: 2.5rem;
	height: 2.5rem;
}

.contact-info {
	padding-bottom: 2.25rem;
}

/* DONATE STATS */

.stat-number {
	font-size: 13.75rem;
	position:absolute;
	top: 0;
	color: #24549a;
	z-index: -1;
}

.stat-text {
	padding-left: 45%;
	margin-top: -8%;
}

.stat-columns {
	gap: 30px;
}

@media screen and (max-width: 47.9375rem) {
	.stat-number {
		font-size: 10rem;
		position: static;
	}
	
	.stat-columns {
    	gap: 10px;
	}
}

/* DONOR SCROLL */

.donor-scroll-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.donor-star,
.donor-arrow {
    position: absolute;
    top: 0;
    width: 6.25rem;
    padding: 6.25rem;
    height: 6.25rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: none;
}

.donor-star {
    left: 20% !important;
    mix-blend-mode: exclusion;
}

.donor-arrow {
    left: 60% !important;
    mix-blend-mode: color-burn;
}

.donor-scroll-background {
    width: 100%;
    background-size: cover;
    overflow: hidden;
    height: 8.75rem;
}

.donor-track {
    display: flex;
    flex-shrink: 0;
    animation: scroll-donors 500s linear infinite;
}

.donor-scroll-wrapper .donor-item {
    flex: 0 0 auto;
    margin: 0 2rem;
    white-space: nowrap;
}

.donor-scroll-text h5 {
    margin-left: 0.375rem;
}

@media screen and (max-width: 47.9375rem) {
	.donor-star, .donor-arrow {
		width: 250px;
		padding: 0px;
		height: 250px;
	}
	
	.donor-star {
		left: -20% !important;
	}
}

@keyframes scroll-donors {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* EVENTS */

.tribe-events-meta-group-details {
	display: none;
}

.events .swiper-button-prev {
	padding-right: 2.5rem;
}

.events .swiper-button-next {
	padding-right: 1.25rem;
}

.arrow-padding {
	padding-bottom: 0.813rem;
}

.events .swiper-button-next, .events .swiper-button-prev {
	color: var(--cream);
}

.event {
	padding: 1.5rem;
}

.events .swiper-button, .slider .swiper-button {
	position: static;
}

.flex-grow {
	flex-grow: 1;
}

.swiper-slide {
	flex-direction: column;
	height: auto !important;
	align-self: stretch;
}

.swiper-wrapper {
	align-items: stretch;
}

.swiper-slide .event, .swiper-slide .featured-trail {
	flex: 1;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.margin-top-auto {
	margin-top: auto;
}

.arrow-box {
	display: inline-block;
	width: 0.6em;
	height: 0.6em;
	border-top: 0.125rem solid var(--brown);
	border-right: 0.125rem solid var(--brown);
	transform: rotate(45deg);
	transition: transform 0.2s ease;
	margin-left: 0.25em;
}

.arrow-white {
	border-color: var(--cream);
}

.attribute {
	padding: 0rem 0.75rem 0rem 0.75rem;
	color: var(--medium-blue);
	border: 0.125rem solid var(--medium-blue);
	margin-right: 0.625rem;
	display: flex;
	align-items: center;
}

.attribute-wrapper {
	padding-bottom: 0.625rem;
}

.button-offset {
	padding-bottom: 0.75rem;
}

.button-margin {
	margin-right: 1.25rem;
}

.attribute.hunter-green {
	color: var(--hunter-green);
	border: 0.125rem solid var(--hunter-green);
}

.attribute.brown {
	color: var(--brown);
	border: 0.125rem solid var(--brown);
}

.tag {
	font-weight: 600;
	font-size: 0.625rem;
	text-transform: uppercase;
	letter-spacing: 0.156rem;
	height: 2rem;
}

.attribute img {
	width: 1.25rem;
	height: 1.25rem;
	margin-right: 0.5rem; 
	vertical-align: middle;
}

.event-attributes {
	padding-bottom: 1.5rem;
	padding-top: 1.5rem;
}

@media screen and (max-width: 47.9375rem) {
	.mobile-link-padding {
		padding-bottom: 1.5rem;
	}
}

/* EVENTS PAGE */

.featured-info img {
	width: 50px;
	height: 50px;
	padding-right: 12px;
}

.featured-info {
	padding-bottom: 2.25rem;
}

.event-mask {
	height: 10.375rem;
	position: relative;
	z-index: 3;
}

.top-mask {
	margin-top: -10rem;
	margin-bottom: -1rem;
}

.bottom-mask {
	margin-bottom: -7rem;
	margin-top: -1rem;
}

.single-event .event {
	height: 100%;
	display: flex;
	flex-direction: column;
}

#tribe-events-pg-template {
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
}

.event-tickets .tribe-tickets__rsvp-wrapper {
	background-color: transparent !important;
    border: none !important;
}

.tribe-tickets__rsvp {
	background-color: var(--cream);
}

@media screen and (max-width: 47.9375rem) {
	.event-mask {
		height: 3.375rem;
		position: relative;
		z-index: 3;
	}

	.top-mask {
		margin-top: -3rem;
	}

	.bottom-mask {
		margin-bottom: -3rem;
	}
}


/* FAQs */

.accordion p.a-btn {
	font-size: 1.25rem !important;
	text-transform: uppercase;
	letter-spacing: 0.3125rem !important;
	line-height: 1.2;
	font-weight: 600 !important;
	padding: 1.75rem 0 0.625rem 0 !important;
}

.accordion .faq-drawer__content {
	padding: 0 !important;
}

.faq-sticky {
	position: sticky;
	top: 0;
}

p.a-btn::after {
	border-style: solid;
	border-width: .0625rem .0625rem 0 0;
	content: " ";
	display: inline-block;
	float: right;
	height: .625rem;
	left: -.125rem;
	position: relative;
	right: 1.5em;
	top: .125rem;
	transform: rotate(135deg);
	transition: 0.3s ease-in-out;
	vertical-align: top;
	width: .625rem;
}

.a-container.active p.a-btn::after {
	transform: rotate(-45deg);
	transition: 0.2s ease-in-out;
}

/* FEATURED SHOP */

.shop-product-text h6 {
	font-size: 2rem;
}

/* FEATURED TRAILS*/

.featured-trails {
	margin-top: -12%;
	width: 100%;
}

@media screen and (min-width: 64.0625rem) and (max-width: 93.75rem) {
	.featured-trails {
		margin-top: -15%;
	}
}

@media screen and (max-width: 47.9375rem) {
	.featured-trails {
		margin-bottom: -7%;
	}
}

.top-padding {
	padding-top: 10%;
}

.featured-trails .swiper-button-prev, .blog-slider .swiper-button-prev {
	padding-right: 2.5rem;
}

.featured-trails .swiper-button-next, .blog-slider .swiper-button-next {
	padding-right: 1.25rem;
}

.featured-trail {
	padding: 1.5rem;
}

.featured-trails .swiper-button, .blog-slider .swiper-button {
	position: static;
}

.flex-grow {
	flex-grow: 1;
}

.Moderate, .moderate {
	background-color: var(--orange);
	width: 5rem;
	padding: 0.5rem 0.75rem;
	color: var(--cream);
	text-align: center;
}

.Easy, .easy {
	background-color: var(--hunter-green);
	width: 5rem;
	padding: 0.5rem 0.75rem;
	color: var(--cream);
	text-align: center;
}

.Hard, .hard {
	background-color: var(--red);
	width: 5rem;
	padding: 0.5rem 0.75rem;
	color: var(--cream);
	text-align: center;
}

.trail-link .button {
	padding-left: 0;
}

.truncate {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 1rem;
}

.title-truncate {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}


.trail-thumbnail img {
	height: 18.75rem;
	object-fit: cover;
}

@media screen and (max-width: 93.75rem) {
	.trail-thumbnail img {
		height: 12.5rem;
	}
}

/* FRAME TEXT */

.frame-text-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1;
}

.content-inner {
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 47.9375rem) { 
	.mobile-frame {
		min-height: 34.375rem;
	}
}

/* HISTORY */

section.history {
	padding-bottom: 10rem;
}

section.page-day-hikes .intro {
	padding-bottom: 6rem;
}

.history-background {
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.enllax-foreground {
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
}

.history-1 {
	top: 0;
	left: 0;
	width: 18.75rem; /* 300px */
	height: 18.75rem;
}

.history-2 {
	top: -5%;
	left: 50% !important;
	transform: translateX(-50%);
	width: 12.5rem; /* 200px */
	height: 18.75rem;
}

.history-3 {
	top: 0;
	right: 0;
	left: auto !important;
	width: 18.75rem;
	height: 18.75rem;
}

.history-4 {
	bottom: 10%;
	right: 0;
	left: auto !important;
	width: 18.75rem;
	height: 18.75rem;
}

.history-5 {
	bottom: -10%;
	left: 60% !important;
	transform: translateX(-50%);
	width: 18.75rem;
	height: 18.75rem;
}

.history-6 {
	bottom: 10%;
	left: 0;
	width: 18.75rem;
	height: 18.75rem;
}

	
@media screen and (max-width: 47.9375rem) {
	.history-background {
		background-image: url('/wp-content/themes/template/assets/images/sections/history/history-mobile.png') !important; 
		background-size: cover;
	}
	
	.history-1 {
		top: -10%;
		left: -10%;
		width: 12.5rem;
		height: 12.5rem;
	}

	.history-2 {
		top: -10%;
		right: -10% !important;
		width: 12.5rem;
		height: 12.5rem;
	}

	.history-5 {
		bottom: -10%;
		right: -5% !important;
		width: 12.5rem;
		height: 12.5rem;
	}

	.history-6 {
		bottom: -5%;
		left: -5%;
		width: 12.5rem;
		height: 12.5rem;
	}
}

/* IMAGE GALLERY */
section.image-gallery .swiper-button-next, section.image-gallery .swiper-button-prev {
	position: relative;
}

.masonry-grid {
	column-count: 3;
	column-gap: 24px;
}
.masonry-item {
	break-inside: avoid;
	margin-bottom: 24px;
	width: 100%;
	cursor: pointer;
}
	
.modal-swiper {
	color: var(--cream) !important;
	position: absolute !important;
	top: 50%;
}

.modal-swiper-prev{
	left: 0;
}

.modal-swiper-next{
	right: 0;
}
	
.modal-image-wrapper {
	height: 70vh;
}
	
@media screen and (max-width: 47.9375rem) {
	.masonry-grid {
		column-count: 2;
	}
	
	.modal-image-wrapper {
		height: 40vh;
	}
}
	
.slider-image {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: 0 auto;
}
	
.gallery-modal {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.8);
	backdrop-filter: blur(3px);
  	-webkit-backdrop-filter: blur(3px);
	justify-content: center;
	align-items: center;
	z-index: 100;
	overflow-x: hidden;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;    
	-ms-user-select: none;      
	cursor: default;
}

.gallery-modal-content {
	position: relative;
	background: none;
	padding-left: 10px;
	padding-right: 10px;
	max-height: 90%;
	overflow: hidden;
}
	
.body-lock-scroll {
	overflow: hidden;
	width: 100%;
	position: relative;
}
	
.gallery-modal-close-icon {
	width: 50px;
	height: 50px;
	position: absolute;
	cursor: pointer;
	z-index: 101;
}

.gallery-modal-close-icon::before,
.gallery-modal-close-icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 2px;
	transform-origin: center;
}

.gallery-modal-close-icon::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.gallery-modal-close-icon::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.gallery-modal .gallery-modal-close-icon::before,
.gallery-modal .gallery-modal-close-icon::after {
	background-color: var(--cream);
}

.gallery-modal .gallery-modal-close-icon {
	top: 10px;
	right: 15px;
}

.filter-item:not(.active){
	display: none;
}


/* INTRO BACKGROUND */

.intro-height {
	height: 100vh;
	width: 100%;
}

.intro-home-text h1, .intro-home-text p {
	margin-block-end: 0;
}

.intro-buttons {
	padding-top: 1rem;
	margin-bottom: .6rem;
}

@media screen and (min-width: 64.0625rem) and (max-width: 93.75rem) {
	
	.intro-buttons {
		margin-bottom: .66rem;
	}
}

.width-100 {
	width: 100%;
}

/* INTRO TRAIL*/

.intro-circle-image-wrapper {
	width: 41.75rem;
	height: 41.75rem;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	overflow: hidden;
	pointer-events: none;
}

@media screen and (max-width: 93.75rem) {
	.intro-circle-image-wrapper {
		width: 25rem;
		height: 25rem;
	}
}

.intro-circle-image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.deep-blue-overlay {
	height: 40%;
	left: 0%;
	bottom: 0%;
	background-color: var(--deep-blue);
	mix-blend-mode: hard-light;
	z-index: 2;
}

.transform-translate-center {
	transform: translate(-50%, -50%);
}

.video-square {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.video-square iframe {
	position: absolute;
	top: 0;
	left: -38.89%;
	width: 188.78%; /* 16:9 ratio scaled to square */
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

.t1-1 {
	mix-blend-mode: color-dodge;
	left: 20% !important;
	z-index: 3;
	top: 30% !important;
}

@media screen and (max-width: 93.75rem) {
	.t1-1 {
		left: 10% !important;
		top: 20% !important;
	}
}

.t1-2 {
	mix-blend-mode: color-dodge;
	left: 50% !important;
	top: 30% !important;
	z-index: 3;
}

/* NEWSLETTER */
.newsletter-wrapper {
    position: relative;
}
.newsletter-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.newsletter {
    position: relative;
    z-index: 1;
}

.newsletter-image {
	max-width: 35.875rem;
}

.newsletter-stripe {
	width: 56.25rem;
	height: 43.8125rem;
	mix-blend-mode: color-dodge;
	left: auto !important;
	z-index: 3;
	right: 0% !important;
	bottom: -12.5rem;
}

.newsletter-p {
	width: 23.0625rem;
	height: 24.0625rem;
	mix-blend-mode: hard-light;
}

.newsletter-p-1 {
	left: 37% !important;
}

.newsletter-p-2 {
	left: auto !important;
	top: 25% !important;
	right: max(calc((100vw - 81.25rem) / 2), 2%) !important;
}

@media screen and (max-width: 47.9375rem) {
	.newsletter-stripe {
		width: 29.25rem;
		right: -25% !important;
		bottom: auto;
	}
	
	.newsletter-p {
    	width: 11.0625rem;
    	height: 11.0625rem;
	}

	.newsletter-p-1 {
		left: 0% !important;
	}
}

@media screen and (min-width: 93.75rem) {
	.newsletter-text-content {
		width: 80%;
	}
}

/* OUR WORK */

.work-image {
	width: 24rem;
	height: 32.375rem;
}

.work-background {
	height: 15.375rem;
	margin-top: -0.313rem;
    margin-bottom: -0.313rem;
}

/* QUOTE */

span.travels {
	font-style: italic;
}


/* SLIDER */

.overflow {
	overflow-x: visible;
}

.slide-images {
	display: flex;
	gap: 1.5rem;
}

section:not(.image-gallery) .slider-slide:not(.swiper-slide-active) {
	opacity: 0.5;
}

section.slider .swiper-slide img{
	height: 22.75rem;
	object-fit: cover;
}

@media screen and (max-width: 93.75rem) {
	section.slider .swiper-slide img{
		height: 20rem;
	}
}

.brown .slide-title {
	border-bottom: solid 0.125rem var(--brown);
}

.cream .slide-title {
	border-bottom: solid 0.125rem var(--cream);
}


.margin-left-auto {
	margin-left: auto;
}

.slider .margin-left-auto {
	padding-right: 1.5rem;
}

.cream .swiper-button-next, .cream .swiper-button-prev {
	color: var(--cream);
}

@media (max-width: 47.9375rem) {
	.slide-images {
		flex-wrap: wrap;
	}
	
	section.slider .swiper-slide img{
		height: 5rem;
	}
	
	.slider .margin-left-auto {
		padding-right: 0.5rem;
	}
	
	.slider-arrows {
		padding-top: 1rem;
	}
}

/* TALE SPOTLIGHT */

.tale-spotlight {
	background-image: url('/wp-content/themes/template/assets/images/sections/tale-spotlight/tale-background.png'); 
	background-size: cover;
	background-repeat: no-repeat;
}

.spotlight-info {
	font-size: 0.75rem;
}

.spotlight-publish {
	font-weight: 700;
}

.spotlight-date {
	font-weight: 500;
}


/* TEAM */

.team img, .board img{
	filter: grayscale(1);
}

.image-wrapper {
	padding-bottom: 1.25rem;
}

.p1-1 {
	left: 25%!important;
}

.p1-2 {
	left: -1.875rem!important;
}

.p1-3 {
	right: 0!important;
	left: auto!important;
}

.p2-1 {
	left: auto !important;
	top: -1.25rem !important;
}

.p2-2 {
	left: -20% !important;
	top: -20% !important;
}

.p2-3 {
	left: auto !important;
	top: auto !important;
	bottom: -40% !important;
	right: -20% !important;
}

.p3-2 {
	right: -20% !important;
	left: auto !important;
}

.mix-difference {
	mix-blend-mode: difference;
}

/* TESTIMONIALS */

.swiper-button-next, .swiper-button-prev {
	color: var(--brown);
}

.testimonials h5 {
	margin-block-end: 0;
}

.testimonials p {
	margin-block-start: 0;
}

/* THE TRAIL */
section.the-trail {
	padding-bottom: 15rem;
}

@media screen and (max-width: 47.9375rem) {
	section.the-trail {
		padding-bottom: 5rem;
	}
}

.location-icon {
	width: 1rem;
	height: 1rem;
	margin-right: 0.375rem;
}

.trail-content.hidden {
	display: none;
}

.trail-button.active {
	background-color: var(--cream) !important;
	color: var(--navy) !important;
}

.trail-buttons {
	gap: 0.5rem;
}

.the-trail-image img {
	max-width: 55.438rem;
	max-height: 43.25rem;
}

@media screen and (max-width: 93.75rem) {
	.the-trail-image img {
		max-width: 40.625rem;
		max-height: 31.25rem;
	}
}

.trail-button .inactive-icon {
	display: inline;
}
.trail-button .active-icon {
	display: none;
}
.trail-button.active .inactive-icon {
	display: none;
}
.trail-button.active .active-icon {
	display: inline;
}

/* TRAIL */

.intro-trail {
	background-image: url('/wp-content/themes/template/assets/images/sections/trail/trail-background.png'); 
	background-size: cover;
	background-repeat: no-repeat;
}

/* TRAIL INFO */

.right-text-margin p {
	margin-block-start: .375rem;
}

/* TRAIL MAP */

#trail-map {
	height: 700px;
	width: 100%;
}

@media screen and (max-width: 93.75rem) {
	#trail-map {
		height: 500px;
	}
}


/* FOOTER */

.footer-menu ul, .socials-menu ul {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	align-items: flex-start;
  	justify-content: flex-start;
	flex-wrap: wrap;
}

.footer-menu ul {
	margin-block-start: 0;
}

.footer-menu {
	margin-top: -4px;
}

.footer-menu li, .socials-menu li {
	width: calc(50% - .75rem);
	margin-bottom: .75rem;
}

footer .logo {
	width: 15.375rem;
}

.socials-menu li {
	width: calc(100% - .75rem);
	margin-bottom: .75rem;
}

.footer-contact p {
	color: var(--medium-blue);
}

.social-icons img {
	width: 1.25rem;
}

@media screen and (max-width: 47.9375rem) {
	
	.footer-menu ul {
		justify-content: center;
	}
	
	.mobile-gap {
		gap: 3.5rem;
	}
	
	.mobile-text-align-center {
		text-align: center;
	}
	
	.order-initial{
		order: initial;
	}

	.order-mobile-1 {
		order: 1;
	}

	.order-mobile-2 {
		order: 2;
	}
	
	.social-icons img {
		width: 2.5rem;
	}
}