.tribe-mini-calendar-block{max-width:767px}@media screen and (max-width:768px){.tribe-mini-calendar-block .tribe-common .tribe-common-l-container,.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month{padding:0}}.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-cell--mobile:focus .tribe-events-calendar-month__day-date,.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-cell--mobile:focus .tribe-events-calendar-month__mobile-events-icon--event,.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-cell--mobile:focus-visible .tribe-events-calendar-month__day-date,.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-cell--mobile:focus-visible .tribe-events-calendar-month__mobile-events-icon--event{opacity:1}.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:focus{background-color:var(--tec-color-accent-primary);box-shadow:inset 0 0 0 2px var(--tec-color-background),inset 0 0 0 4px var(--tec-color-border-active);outline:none}.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:focus .tribe-events-calendar-month__day-date{color:var(--tec-color-background-secondary)}.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:focus .tribe-events-calendar-month__day-date-daynum{color:var(--tec-color-background)}.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:focus .tribe-events-calendar-month__mobile-events-icon--event{background-color:var(--tec-color-background)}.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:focus-visible .tribe-events-calendar-month__day-date-daynum{color:var(--tec-color-background)}.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:focus-visible .tribe-events-calendar-month__mobile-events-icon--event{background-color:var(--tec-color-background)}.tribe-mini-calendar-block .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum{color:var(--tec-color-background)}

.components-placeholder.ms-loader{position:absolute;width:100%;height:100%;z-index:3;top:0;left:0;background:rgba(243,243,244,.83);min-height:50px}.wp-block-metaslider-slider iframe{transition:height .6s;width:100%}.ms-preview{position:relative}.ms-preview__trigger{position:absolute;top:0;right:0;bottom:0;left:0}.components-base-control.ms-loading .is-active.spinner{margin-top:-2px;float:none;margin-left:0}.ms-plugin-link{display:block;padding:15px;border-top:1px solid #e2e4e7;border-bottom:1px solid #e2e4e7;margin-left:-16px;margin-right:-16px;margin-top:17px}.ms-edit-current-slideshow{position:relative;float:right;margin-top:-11px;font-size:.95em}.ms-edit-current-slideshow::before{content:"\f474";font-family:dashicons;position:absolute;left:-19px;transform:rotate(90deg);color:#ccc;font-size:1.2em}.wp-block-metaslider-slider.placeholder-loading+.wp-block-metaslider-slider{display:none}.wp-block-metaslider-slider{transition:height .3s}

/* @override 
	http://webdev2:8888/outdoortownUk/wp-content/themes/outdoor_town2024/style.css?*
	https://outdoortown.uk/wp-content/uploads/siteground-optimizer-assets/siteground-optimizer-combined-css-1afe9d16048b71cb0f845047e5858687.css
	https://outdoortown.uk/wp-content/plugins/events-calendar-pro/build/css/tribe-events-pro-full.css?*
	https://outdoortown.uk/wp-content/uploads/siteground-optimizer-assets/siteground-optimizer-combined-css-30ce4bbf676174c5b4cf232176a6fdc0.css
	https://outdoortown.uk/wp-content/uploads/siteground-optimizer-assets/siteground-optimizer-combined-css-865a61c9580d453b05985fc3e30733ae.css
 */

/*
Theme Name:outdoorTown 2024
Theme URI:
Description: 
Version: 1.0
Author: Paul Barlow BOB
Author URI: http://creative-council.net
Tags: 
*/
 @import url("https://use.typekit.net/hbh5bhy.css");
:root {
	font-size: 18px;
	font-family: "open-sans", sans-serif;
	font-weight: 300;
	
	--top-height: 8rem;
	--max-width: 1000px;
	--min-width: 600px;
	
	--gap: 1rem;
	--gap-half: .5rem;
	--gap-double: 2rem;
	
	--light: #fff;
	--dark: #323232;
	--col-green-100: #b6d98e;
	--col-green-200: #8ed43d;
	--col-green-300: #99cb5f;
	--col-green-400: #3bab99;
	--col-green-500: #40ad48;
	--col-green-600: #0E7C6B;
	--col-green-650: #31873E;
	--col-green-800: #0c7826;
	--col-blue-300: #c7eafb;
	
	
	
	--fs-200: .75rem;
	--fs-400: 1rem;
	--fs-500: 1.25rem;
	--fs-600: 1.5rem;
	--fs-800: 2rem;
	--fs-m: clamp(1rem, .75vw + 1rem, 1.5rem);
	--fs-xl: clamp(1.5rem, 5vw + 1rem, 4.5rem);

	font-size: 16px;
	line-height: 1.5em;
	
	interpolate-size: allow-keywords;
}
*, *::after, *::before {
	box-sizing: border-box;
}
*{
	margin: 0;
	padding: 0;
	font: inherit; /* Get rid of all font sizes and heights */
}
html {
	background-color: var(--light);
	color: var(--dark);
	margin: 0;
	padding: 0;
	font-size: var(--fs-400);
	font-family: source-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: auto;
	hanging-punctuation: first last; /* Not supported in Chrome */
	text-wrap: pretty;
}
body {
	z-index: 1;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}
/* @group TYPE */
h1, h2, h3, h4, h5, h6, header nav{
	font-weight: 700;
	text-wrap: balance;
	margin-bottom: .125em;
	font-style: normal;
	text-transform: uppercase;
	text-wrap: pretty;
}
h1 {
	font-size:  var(--fs-xl);
	line-height: 1em;
	margin-bottom: 1rem;
}
h1.hideME{
	position: fixed;
	opacity: 0;
	top:  -1000px;
}
#tribe-events-content h1 {
	font-weight: 800;
	line-height: .9em;
}
h2, h2.wp-block-heading{
	font-size:  var(--fs-800);
	font-weight: 600;
	line-height: 1em;
}
.wp-block-media-text__content h2, .wp-block-group__inner-container h2{
	margin-top: 0!important;
}
h2.has-large-font-size{
	font-size: 3rem!important;
	font-weight: 800;
	line-height: 1.25em;
}
h3 {
	font-size: var(--fs-600);
	line-height: 1em;
}
strong {
	font-weight:  600;
}
cite {
	text-transform: uppercase;
}
p {
	text-wrap: pretty;
	margin-bottom: 1em;
}
p.has-large-font-size {
	line-height: 1.25em;
}
.spacer {
	margin-bottom: 30px;
}
a.big-link {
	text-decoration: none;
	font-weight: 800;
	font-size: 1.5em;
	margin-block: 1rem;
	display: block;
}
.town-bg a.big-link {
	color: var(--light);
}
a.button, .connector-intro a {
	background-color: var(--col-green-600);
	padding: .5rem 1rem;
	border-radius: 12px;
	font-weight: 800;
	font-size: var(--fs-600);
	color: var(--light);
	text-decoration: none;
	display: inline-block;
}
.promote-page a.button {
	background-color: var(--light);
	color: var(--col-green-650);
}
.main-grid p {
	margin-bottom: 1em;
	max-width: 80ch;
}
main li {
	margin-left: 2rem;
}
.wp-block-quote {
	padding-left: 70px;
	position: relative;
}
.wp-block-quote::before {
	content:'"';
	position: absolute;
	left: -50px; top: 50px;
	font-size: calc(var(--fs-m) *7);
	font-weight: bold;
	font-style: italic;
	color: var(--col-green-650);
}
.wp-block-quote p{
	font-size: var(--fs-m);
	line-height: 1.25em;
	font-weight:  600;
	max-width: 50ch;
	color: var(--col-green-650);
	
}
.wp-block-quote cite {
	max-width: 75ch;
	margin-top: -1em;
}
.center {
	text-align: center;
}
.center p {
	margin-inline: auto;
}
ul, ol{
	margin-left: 20px;
	padding-left: 0px;
	margin-bottom: var(--gap);
}
.large-text h2{
	font-size: var(--fs-xl);
	font-weight: 800;
}
.large-text .sub {
	font-size: 2rem;
	line-height: 1.25em;
}
.text-right {
	text-align: right;
}
main table {
	margin-block: var(--gap);
}
main thead {
	background-color: var(--col-green-600);
	color: var(--light);
	font-weight: 600;
	border: 2px solid var(--col-green-600);
}
/* @end */

/* @group COLOURS */


	.dark {
		background-color: var(--dark);
	}
	.green-200 {
		background-color: var(--col-green-200);
	}
	.green-300 {
		background-color: var(--col-green-300);
	}
	.green-400 {
		background-color: var(--col-green-400);
		color: var(--light);
	}
	.green-600 {
		background-color: var(--col-green-600);
		color: var(--light);
	}
	.green-650 {
		background-color: var(--col-green-650);
		color: var(--light);
	}
	.green-800 {
		background-color: var(--col-green-800);
	}
	.blue-300 {
		background-color: var(--col-blue-300);
	}
	a {
		color: var(--col-green-800);
		text-decoration: none;
		font-weight: 600;
	}
.has-green-300-background-color {
	background-color: var(--col-green-300);
}
.has-green-300-background-color .wp-block-button a.wp-block-button__link{
	background-color: var(--dark);
	color: var(--light);
}
.has-green-600-background-color {
	background-color: var(--col-green-600);
}
.has-green-650-background-color {
	background-color: var(--col-green-650);
}
.dark, .has-dark-background-color{
	background-color: var(--dark);
}
.dark *, .has-dark-background-color, .has-dark-background-color *, .has-green-600-background-color, .has-green-600-background-color *, has-green-650-background-color, has-green-650-background-color *, .green-600 a, .green-650 a{
	color: var(--light);
}
.search-term{
	color: var(--col-green-300);
}
/* @end */

img, picture, svg, video{
	max-width: 100%;
	height: auto;
	display: block;
}
.pad-block{
	padding-block: var(--gap);
}
.margin-top {
	margin-top: var(--gap);
}
.margin-bott{
	margin-bottom: var(--gap);
}
.pad-inline{
	padding-inline: var(--gap);
}
.big-top-margin {
	margin-top: 80px;
}
.is-provider-youtube iframe, .is-provider-vimeo iframe{
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
	margin-bottom: var(--gap);
}
.hidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	color: #000;background-color: #fff;
 }
 .hide-me {
	display: none;
}
input, textarea, button, select {
	padding: .5rem;
}
.entry_detail{
	padding-bottom: var(--gap);
}
figure.wp-block-gallery {
	display: grid!important;
	grid-template-columns: repeat(3, 1fr)!important;
    gap: 1rem !important;
}
figure.wp-block-gallery >* {
	width: 100%!important;
}
button {
	border-radius: 6px;
	border: 0;
	margin-bottom: 1rem;
}
.wp-block-media-text__content{
	margin: var(--gap) 0;
}
.wp-block-group__inner-container {
	padding-block: var(--gap);
}
.wp-element-button, button{
	background-color: var(--col-green-300);
	color: var(--dark);
	font-weight: 800;
	text-transform: uppercase;
}
.wp-block-buttons[style*=text-decoration] .wp-block-button__link {
    text-decoration: none!important;
}
.wp-block-gallery {
	margin-bottom: 1rem;
}
.post-info {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: var(--gap);
	padding-bottom: 1rem;
	border-bottom: 2px solid var(--col-green-650);
}
figcaption.wp-element-caption{
	background:none!important;
	background-color: var(--col-green-300)!important;
	font-weight: 600;
	line-height: 1.25em;
	color: var(--dark)!important;
	padding-inline: 6px;
	text-shadow: none!important;
}
figcaption.wp-element-caption{
	padding: .7em;
}
figcaption.wp-element-caption a {
	color: var(--dark);
}
figcaption.wp-element-caption a:hover {
	text-decoration: underline;
}

.wp-block-accordion{
	border-radius: 15px;
	padding: .5rem;
	--acc-light: var(--light);
	--acc-dark: var(--col-green-600);
	background-color: var(--acc-light);
	margin-bottom: 1rem;
}
.wp-block-accordion-panel {
	padding-inline: 1rem;
}
.wp-block-accordion button {
	background-color: var(--acc-dark);
	color: var(--light);
	padding-inline: 1rem;
	border-radius: 10px;
}
.wp-block-accordion.has-green-600-background-color{
	--acc-dark: var(--col-green-600);
	--acc-light: var(--col-green-100);
}
.wp-block-accordion.has-green-600-background-color .wp-block-accordion-panel * {
	color: var(--dark);
}
.wp-block-accordion.has-green-650-background-color{
	--acc-dark: var(--col-green-650);
	--acc-light: var(--col-green-100);
}
.wp-block-accordion.has-green-650-background-color .wp-block-accordion-panel * {
	color: var(--dark);
}
.wp-block-accordion.has-dark-background-color{
	--acc-dark: var(--dark);
	--acc-light: var(--dark);
	color: var(--light);
}
.wp-block-accordion.has-dark-background-color button{
	border: 1px solid var(--light);

}
.cat-links a {
	padding: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	background-color: var(--col-blue-300);
	border-radius:  6px;
	line-height: 2rem;
}
.card {
	position: relative;
	z-index: 1;
}
.card .post-type {
	position: absolute;
	z-index: 2;
	background-color: var(--light);
	padding: 6px;
}
.nav-links {
	display: flex;
	justify-content: space-between;
}
@media(max-width: 500px) {
	figure.alignright{
	display: block!important;
	float: none!important;
	margin-block: auto!important;
}
	
}

/* @group HEADER */

.green-block{
	width: 100%;
	height: var(--top-height);
	background-color: var(--col-green-300);
	background-size: auto;
	position: absolute;
	z-index: 1;
	top: 0px;
}
.svg-holder{
	height: 158px;
	margin: 0; padding: 0;
	background: url(https://outdoortown.uk/wp-content/themes/outdoor_town2024/img/green_repeat.svg) center top repeat-x transparent;
	position: relative;
	top: 110px;
	z-index: 1;
	pointer-events: none;
}
.header{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.header-holder {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}
.header .title{
	min-width: 60%;
	rotate: -6deg;
	position: relative;
	top: calc(var(--top-height) /4);
	left: 0px;
	height: min-content;
}
.header .header-illo {
	position: relative;
	top: calc(var(--top-height) /2);
	right:  80px;
}
.header-illo img {
	max-width: 200px;
	float: right;
	margin-right: 1rem;
}
.header .title img {
	position: relative;
	left:  10svw;
	max-width: 600px;
	width: 75svw;
}
.header-img {
	top: -40px;
}
.takeover-img {
	margin-bottom: 6rem;
}
.takeover-text {
	margin-bottom: 8rem;
	margin-top: -8rem;
}
.no-feature {
		margin-bottom: var(--top-height);
}
.feature-img{
	position: relative;
	background-color: var(--col-green-300);
}
.feature-img img {
	aspect-ratio: 1;
	width: 100%;
	object-fit: cover;
	overflow: hidden!important;
}
.feature-text {
	background-color: var(--light);
	color: var(--dark);
	padding: 2rem;
	position: relative;
}
.feature-img-overlay {
	position: absolute;
	inset: 0;
	padding: 1rem;
	background-color: rgba(0, 0, 0, .85);
	outline: 3px solid var(--light);
	outline-offset: -3px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	opacity:0;
	transition: opacity 500ms ease-in-out 0s;
}
.feature-img-overlay:hover, .feature-img-overlay:focus{
	opacity: 1;
}

.feature-img-overlay p {
	max-width: 100%;
	font-weight: 200;
	font-size: 1.25rem;
	line-height: 1.5em;
}

#menuButt {
	z-index: 2;
	text-align: center;
	width: 60px;height: 60px;
	text-align: left;
	cursor: pointer;
	border: none;
	background-color: transparent;
	padding:	0px;
	position: absolute; top: 1rem;
	right: 1rem;
	scale: .8;
}
#menuButt.close-me{
	position: fixed;
}
#menuButt div, #contentButt div{
   width: 100%;
  height: 8px;
  background-color: #fff;
  margin: 12px auto;
}
/* Rotate first bar */
#menuButt.close-me .bar1{
	transform-origin: top-left;
	rotate: 45deg;
	translate: 0 15px;
}
.bar1, .bar2, .bar3 {
	transition: 500ms;
}
/* Fade out the second bar */
#menuButt.close-me .bar2{
  opacity: 0;
  translate:-60px;
}
/* Rotate last bar */
#menuButt.close-me .bar3{
  rotate: -45deg;
  translate: 0 -25px; 
}
/*.search-form {
	height: var(--nav-height);
	grid-row: 1;
	display: flex;
	justify-content: flex-end;
	justify-items: center;
}
.search-form label {
	font-size: 1rem;
	height: var(--nav-height);
	width: 0px;
	overflow: hidden;
}
.search-form input#search{
	background-color: var(--light);
	color: var(--col-green-650);
	width: 100%;
	height: 3rem;
	border: none;
}
.search-form .image-butt {
	background-color: var(--col-green-650);
	position: relative;
	top:  -.25rem;
	transition: scale 100ms ease-in-out 0s;
}
.search-form .image-butt:hover, .search-form .image-butt:focus {
	scale: 1.1;
}*/
/*header.site-header nav ul {
	margin: 0; padding: 0;
	margin-bottom: 2rem;
	margin-right: 3rem;
}
header.site-header nav li {
	margin: 0; padding: 0;
	list-style-type: none;
}
header.site-header nav a {
	color: var(--light);
	text-decoration: none;
	display: block;
	line-height: 1.15em;
}
.site-header nav ul:first-child{;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	font-size: calc(var(--fs-xl) / 1.5);
	line-height: 1.5em;
}

.site-header nav .sub-menu li a{
	text-transform: none;
	position: relative;
}
.site-header nav .sub-menu li a::before{
	content: "- ";
	position: absolute;
	left:  0rem;
	color: var(--light);
}
.site-header nav .sub-menu li a, .site-header nav .children li a{
	padding-block: 1rem;
	padding-left: 1rem;
	font-size: var(--fs-600);
	font-weight: 600;
	line-height: 1.5em;
	display: block;
	max-width: 20ch;
}*/
header * {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: var(--light);
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 1em;
	text-align: center;
}
header.site-header nav {
	position: fixed;
	inset: 0;
	padding: 10rem 3rem;
	height: 100svh;
	overflow-y: auto;
	background-color: var(--dark);
	background-color: rgba(0, 0, 0, .95);
}
header nav::before{
	background: var(--col-green-100);
	opacity: .3;
	mix-blend-mode: hard-light;
	content: "";
	position: fixed;
	top:  0;left: 0;
	width: 100%;
	height: 150px;
	clip-path: polygon(57% 8%, 69% 8%, 82% 6%, 100% 16%, 100% 100%, 0 100%, 0 0, 6% 6%, 19% 2%, 35% 11%);
	rotate: 180deg;
	z-index: -1;
}
.nav-fb-link {
	position: fixed;
	width: 100svw;
	height: 150px;
	bottom: -1rem; left:  0;
	padding-top: 2rem;
	background-color: var(--col-green-500);
	clip-path: polygon(57% 8%, 69% 8%, 82% 6%, 100% 16%, 100% 100%, 0 100%, 0 0, 6% 6%, 19% 2%, 35% 11%);
}
.cyclist-two {
	position: fixed;
	width: 30svw;
	max-width: 200px;
	bottom: 100px;
	rotate:-12deg;
	pointer-events: none;
}
.nav-fb-link a {
	display: flex;
	gap: 1rem;
	justify-content: center;
	font-size: 2rem;
	font-weight: 800;
	padding-inline: 1rem;
	padding-top: 3rem;
}
header li{
	display: block;
	border-bottom: 2px solid var(--col-green-200);
}
header li:has(ul) {
	border-bottom: none;
	margin-bottom: 2rem;
}
header li:has(ul) > a{
	background-color: var(--col-green-500);
	padding: 1rem;
	border-radius:  6px;
	margin-bottom: .5rem;
	display: inline-block;
	font-size: 2rem;
	font-weight: 800;
	outline: 2px solid var(--col-green-200);
}
header li:has(ul) > a:hover, header li:has(ul) > a:focus {
	background-color: var(--light);
	outline: 6px solid var(--col-green-500);
	color: var(--col-green-500);
}
header ul li ul a {
	display: block;
	padding: .5em;
}
header ul li ul a:hover{
	background-color: var(--col-green-500);
	text-shadow: 0 0 15px var(--col-green-100);
}
header button {
	height: 50px;
	border-radius:  0;
	margin-left: -10px;
	padding-inline: 1rem;
	background-color: var(--col-green-500);
	cursor: pointer;
}
header button:hover {
	scale: 1.1;
	background-color: var(--col-green-800);
}
header input {
	width: 70%;
	height: 50px;
	color: var(--dark);
	text-align: left;
	padding-inline: 20px;
}

@media(min-width: 750px) {
	.header nav div ul:not(ul li ul){
		display: grid;
		gap: 3rem;
		grid-template-columns: repeat(3, 1fr);
	}
}



.image-butt{
	width: var(--nav-height);
	height: var(--nav-height);
}
.big-logo {
	display: none;
}
.breadcrumb {
	font-size:  var(--fs-200);
	/*margin: 0 auto;
	text-align: right;
	padding: 6px;
	font-size:  var(--fs-200);
	position: fixed;
	bottom: 0px;
	right:  0px;
	background-color: var(--light);*/
}
.breadcrumb p {
	z-index: 2001;
}
header.site-header .facebookLink a{
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: 2rem;
}
.facebookLink img{
	width: 30px;
	transition: scale 500ms ease-in-out 0s;
}
.facebookLink:hover img {
	scale: 1.2;
}
.facebookLink.main {
	display: inline-block;
	position: absolute;
	right:  6rem;
	top:  1.8rem;
}
.facebookLink.main img {
	width: 40px;
}
/* @end */

/* @group FOOTER */
footer {
	margin: 4rem 0;
}
.logos {
	margin-top: 6rem;
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	max-width: var(--max-width);
	margin: 0 auto;
	justify-content: center;
}
.logos >* {
	width: 123px;
	max-width: 100px;
}

/* @end */

/* @group GRIDS*/
.grid {
	display: grid;
	gap: var(--gap);
}
.flex {
	display: flex;
	gap: var(--gap);
}
.flex.align {
	align-content: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex.align > * {
	align-content: center;
}
.ratio-4-3{
	aspect-ratio: 4 /3;
}
.ratio-one{
	aspect-ratio: 1;
}
.main-grid.hide-me {
	display: none;
}
.main-grid, .alignfull .wp-block-group__inner-container, .alignwide .wp-block-group__inner-container {
	display: grid;
	/*gap: var(--gap) 0;*/
	grid-template-columns: 
	[full-start] 
	1rem
	[padding-start] 
	1rem 
	[content-start] 1fr [content-end] 
	1rem 
	[padding-end] 
	1rem
	[full-end];
}
.wp-block-group__inner-container  .wp-block-group__inner-container {
	display: block!important;
}
.main-grid >*{
	grid-column-start: content-start;
	grid-column-end: content-end;
}
.cb-carousel-block {
	max-width: 100%;
	grid-column-start: full-start;
	grid-column-end: full-end;
}
.main-grid > div, .main-grid iframe, .main-grid blockquote, .main-grid .wp-block-image{
	margin: var(--gap) 0;
}
.alignwide{
	grid-column-start: padding-start;
	grid-column-end: padding-end;
}
.alignfull{
	grid-column-start: full-start;
	grid-column-end:full-end;
}


.alignfull.close-gap{
	margin-top: -8px!important;
}

.wp-block-group__inner-container >* {
	grid-column-start: padding-start;
	grid-column-end: padding-end;
}
.alignfull .wp-block-group__inner-container >* {
	grid-column-start: content-start;
	grid-column-end: content-end;
}
.alignfull .wp-block-group__inner-container >*:has(.metaslider) {
	grid-column-start: full-start;
	grid-column-end:full-end;
}


.wp-block-group__inner-container >:first-child{
		margin-top: var(--gap);
	}
.close-gap .wp-block-group__inner-container >:first-child {
		margin-top: -20px;
		margin-bottom: 20px;
}	
.beat-one .wp-block-group__inner-container >:first-child {
	margin-top: -20px;
	margin-bottom: 20px;
}
@media(min-width: 1200px) {
	.main-grid, .alignfull .wp-block-group__inner-container{
	display: grid;
	grid-template-columns: 
	[full-start] 
	15px 
	[padding-start] 
	auto 
	[wide-start]
	2rem
	[content-start] var(--max-width) [content-end] 
	2rem
	[wide-end]
	auto 
	[padding-end] 
	15px 
	[full-end];
	}
	.alignwide .wp-block-group__inner-container{
	display: grid;
	grid-template-columns: 
	[full-start] 
	15px 
	[padding-start] 
	auto 
	[content-start] var(--max-width) [content-end] 
	auto 
	[padding-end] 
	15px 
	[full-end];
	 }
	.main-grid >*{
		  grid-column-start: content-start;
		  grid-column-end: content-end;
		}
	.wp-block-group__inner-container >* {
		grid-column-start: content-start;
		grid-column-end: content-end;
	}	
	.alignfull{
		grid-column-start: full-start;
		grid-column-end: full-end;
	}
	.alignwide{
		grid-column-start: wide-start;
		grid-column-end: wide-end;
	}
}
.events-grid, .news-grid, .post-grid{
	grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 800px) {
  .events-grid, .news-grid, .post-grid{
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
}

.grid-two {
	grid-template-columns: repeat(2, 1fr);
	position: relative;
}
.feed-grid .post {
	gap: 2rem;
	grid-template-columns: 115px 1fr;
	padding-bottom: var(--gap);
	border-bottom: 2px solid var(--col-green-300);
	margin-bottom: var(--gap);
}
.more-newsnblogs {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	text-align: center;
}

.card {
	background-color: var(--light);
	border-radius: 1rem;
	display: flex;
	flex-direction: column;
	gap: .5rem
}
.card.walk{
	background-color: var(--dark);
}
ul.grid, .grid li{
	margin: 0px;
	padding: 0px;
}
.post-grid a {
	display: block;
}
.post-grid .feature-img{
	outline: 10px solid var(--col-green-300);	
}
.post-grid h3 {
	color: var(--col-green-300);
}
.events-grid .card, .connector.card {
	padding: 1rem;
}
.news-grid .card p, .news-grid .card h3{
	padding-inline: 1rem;
}
.card a:has(.feature-img) {
	display: grid;
	gap: var(--gap);
	overflow: hidden;
}
.card * {
	color: var(--dark);
	text-decoration: none;
	margin-bottom: 0px!important;
}
.card.walk .feature-img {
	aspect-ratio: 1;
	overflow: hidden;	
}
.card.walk * {
	color: var(--light);
}
.card.walk .walk-access{
		flex-wrap: wrap;
		padding-bottom: 1rem;
}

.author-info {
	display: grid;
	gap: var(--gap);
	grid-template-columns: 4fr 1fr;
}
.author-info img {
	border-radius: 100%;
	max-width: 200px;
}
/* @end */

/* @group CONNECTORS */
.single .connector {
	max-width: 600px;
	margin: 0 auto;
}
.connector-info {
	text-align: center;
	margin-top: var(--gap);
	margin-bottom: var(--gap);
}
.connector-info:not(h1), .connector-info a {
	font-size:  var(--fs-m);
	line-height: 1.25em;
	font-weight: 800;
}
.connector-info a{
	display: block;
	text-decoration: none;
}
.tax-list ul, .tax-list li {
	margin: 0;
	padding: 0;
}
.tax-list ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	margin-top: var(--gap);
}
.tax-list li {
	list-style-type: none;
}
.tax-list a {
	text-decoration: none;
	background-color: var(--col-blue-300);
	color:  var(--dark);
	padding: 3px 16px;
	border-radius: 6px;
}
.tax-list a:hover, .tax-list a:focus {
	background-color: var(--col-green-600);
	color: var(--light);
}

/* @end */

/* @group WALKS */
.walk {
	position: relative;
	isolation: isolate
}
.walk-topper {
	z-index: 1;
	padding-top: 2em;
}
.walk-topper::before{
	content: "";
	background: url(https://outdoortown.uk/wp-content/themes/outdoor_town2024/img/black_top.svg) -10px bottom no-repeat;
	background-size: 120%;
	position: absolute;
	top:  -90px;
	width: 100%;
	height: 100px;
	z-index: -1;
	pointer-events: none;
}
.walk-type ul, .walk-type li {
	margin: 0;padding: 0;
}
.walk h1 {
	margin-bottom: 0;
	text-wrap: balance;
}
.walk-type li{
	list-style-type: none;
	display: inline-block;
	padding-right: 1rem;
}
.walk-type li a {
	color: var(--col-green-400);
}
.with-side{
	display: grid;
	gap: 2rem;
	margin: 0!important;
}
@media (min-width:800px) {
	.with-side{
		grid-template-columns: 2fr 1fr;
	}
}
.side-section-topper-img{
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
	height: auto;
}
.walk-img img{
	width: 100%;
	/*height: 100%;*/
	aspect-ratio: 16 / 9;
	object-fit: cover;
}
.walk-card-details{
	display: grid;
	gap: .5rem;
	padding:  1rem;
}
.walk-access{
	display: flex;
	gap: 1rem
}
.card.walk{
	border-bottom: 10px solid var(--col-green-300);
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-radius:  0;
}
.card.walk > div, .card.walk h3{
	padding: .5rem;
}
.walk-access div {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, 40px 1fr);
}
.access-circle {
	position: relative;
	width: 40px;
	float: left;
}
.access-circle.dog-friendly::after{
	content: "";
	width: 40px;aspect-ratio: 1;
	position: absolute; 
	background: url(https://outdoortown.uk/wp-content/themes/outdoor_town2024/img/dog.png) center center no-repeat;
	background-size: 100%;
}
.access-circle.limitless::after{
	content: "";
	width: 40px;aspect-ratio: 1;
	position: absolute;
	background: url(https://outdoortown.uk/wp-content/themes/outdoor_town2024/img/limitless.png) center center no-repeat;
	background-size: 100%;
}
.filter-item {
	display: inline-block;
	background-color: var(--col-green-100);
	padding-inline: .5rem;
	border-radius: 6px;
	margin-bottom: .5rem;
	cursor: pointer;
}
/*.filter-item:first-of-type {
	background: var(--col-green-800);
	color: var(--light);
}*/
.filter-item.is-active {
	background-color: var(--dark);
	color: var(--light);
}
/* @end */


/* @group MAP */
.acf-map-holder {
	position: relative;
	isolation: isolate;
	z-index: 0;
}
.alignfull:has(.acf-map-holder) {
	margin-top: 0!important;
}
.acf-map-cats{
	background: rgba(255, 255, 255, .85);
	position: absolute;
	inset:  55px 65% 0 5%;
	padding: 1rem;
	overflow: auto;
	padding-bottom: 200px;
	border-radius:  10px;
}
.acf-map-cats #toggle {
	display: none;
}
.toggle-lable:before{
	content: "SHOW CATEGORIES";
	display: none;
}
@media (max-width: 600px) {
	.acf-map-cats {
		inset:  55px 40% 0 5%;
	}
	.acf-map-cats-inner {
	display: none;
	}
	.acf-map-cats {
		height: min-content;
		padding-bottom: 0rem;
	}
	.toggle-lable:before {
		display: block;
		background-color: var(--col-green-800);
		color: var(--light);
		padding: .25rem 1rem;
		border-radius: 6px;
		width: max-content;
		margin-bottom: 1rem;
		cursor: pointer;
	}
	#toggle:checked ~ .acf-map-cats-inner{
	  display: block;
	  padding-bottom: 1rem;
	}
	.acf-map-cats:has(#toggle:checked ) {
		height: auto;
		padding-bottom: 4rem;
	}
	.acf-map-cats:has(#toggle:checked ) .toggle-lable:before{
	  content: "HIDE CATEGORIES";
	  background-color: var(--col-blue-300);
	  color: var(--dark);
	}
}
.acf-map{
	height: 80svh;
	width: 100%;
	display: block;
	margin-bottom: -120px;
	z-index: -1;
}
.gmnoprint menu{
	translate: 0 -40px
}
.gmnoprint.gm-style-mtc-bbw{
	translate: 40px 0;
	z-index: 2;
}
.theIcon img{
	width: 40px;
}
.theHtml:not(.acf-map .theHtml) {
	display: none;
}
.theHtml {
	position: relative;
}
.infoBubble {
	position: absolute;
	min-width: 200px;
	padding-left:  60px;
	opacity: 0;
	pointer-events: none;
}
.infoBubble > div {
	background-color: var(--dark);
	padding: .5em 1rem 1.5rem 1.5rem;
	position: relative;
}
.infoBubble > div::before, .infoBubble > div::after {
	content: '';
	width: 30px;
	aspect-ratio: 1;
	position: absolute;
	background-color: inherit;
	left:  -15px;
	top:  15px;
	rotate: 45deg;
}

.infoBubble a{
	color: var(--light);
	font-size: 1.5rem;
	text-transform: uppercase;
}
.infoBubble a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.theHtml:hover .infoBubble{
	opacity: 1;
	pointer-events: auto;
}
/* Style for active buttons */
[data-walk-target].is-active {
    background-color: var(--col-green-800); /* Example Green */
    color: white;
}

/* Style for buttons when 2 are already selected */
[data-walk-target].is-disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none; /* Prevents clicks entirely */
}

/* Ensure 'All' or active buttons remain clickable even when others are disabled */
[data-walk-target].is-active, 
[data-walk-target][data-walk-target="all"] {
    pointer-events: auto; 
    opacity: 1;
}
/* @end */

.section, .alignfull{
	--block-base-height: 60px;
	position: relative;	
	margin-bottom:  calc(var(--block-base-height) + var(--gap));
	margin-top: calc(var(--block-base-height) + var(--gap))!important;
}
.section::before, .alignfull::before {
	content: "";
	width: 100%;
	height: var(--block-base-height);
	background-color: inherit;
	position: absolute;
	top: calc(var(--block-base-height) * -1);
	clip-path: polygon(0% 0%, 6% 8%, 8% 10%, 14% 20%, 32% 20%, 34% 44%, 42% 38%, 54% 42%, 67% 55%, 74% 60%, 89% 88%, 100% 88%, 100% 100%, 0% 100%);
}
.section::after, .alignfull::after {
	content: "";
	width: 100%;
	height: var(--block-base-height);
	background-color: inherit;
	position: absolute;
	bottom: calc(var(--block-base-height) * -1);
	clip-path: polygon(0% 0%, 100% 0%, 94% 100%, 87% 85%, 72% 100%, 0% 10%);
}

.connector-preview {
	--section-margin: 228px;
	background-color: var(--col-green-600);
	position: relative;
	margin-top: var(--section-margin);
	margin-bottom: var(--gap);
}
.connector-preview > * {
	color: var(--light);
}
.connector-preview a img{
	aspect-ratio: 3 / 4;
	object-fit: cover;
	padding-bottom: var(--gap);
}
.connector-preview::before {
	content: "";
	position: absolute;
	width: 100%;
	height: var(--section-margin);
	top:  calc(var(--section-margin) * -1);
	background-color: inherit;
	clip-path: polygon(0% 0%, 12% 10%, 53% 56%, 100% 100%,0% 100%);
}
.connector-preview .card {
	text-align: center;
	padding: var(--gap);
	position: relative;
	margin-top: calc(var(--section-margin) * -1);
	transition: all 400ms ease-in-out 0s;
	rotate: -5deg;
}

@media( min-width:600px ) {
	.grid-connector-preview {
	display: grid;
	grid-template-columns: minmax(200px, 350px) minmax(0, 80px) 1fr;
	}
	.connector-preview .card:hover {
	scale: 1.25;
	rotate: 0deg;
	}
}


.alignfull + * {
	margin-top:  4rem;
}
.town-bg > div{
	background: url(https://outdoortown.uk/wp-content/themes/outdoor_town2024/img/town_texture.svg) center center repeat;
	background-size: 250%;
	padding-bottom: 10rem;
}
.uplift {
	margin-top: -80px!important	
}
.section:has(+ .uplift){
	padding-bottom: 80px;
}


.link-grid .wp-element-caption{
	background: var(--col-green-650)!important;
	width:  80%!important;
	margin-inline: 10%!important;
	padding: 1em!important;
	font-weight: 600;
	line-height: 150%;
	position: absolute;
	bottom:  -200px;
}

summary {
	margin-bottom: 1rem;
	list-style-position: outside;
	margin-left: 2rem;
}
details {
	font-size: 1.25em;
	line-height: 1.5em;
	
}
.beats h2{
	font-weight: 800!important;
}
.beats-info strong{
	display: block;
	font-size: 2rem; line-height: 1.2em;
}
.beats {
	/*font-size: 1.5rem;*/
}

.beats ul{
	padding-left: 0;
	margin-left: 0;
}
.beats li {
	padding-left: 0;
}
ul.files, .files li{
	padding-left: 0;
	margin-left: 0;
	margin-block: var(--gap);
}
.files li{
	list-style-type: none;
	display: grid;
	grid-template-columns: 200px 1fr;
	gap: var(--gap);
	margin-bottom: var(--gap);
	padding-bottom: var(--gap);
	border-bottom: 2px solid var(--col-green-300);
}
.files li a{
	text-align: center;
	display: grid;
	align-content: center;
	flex: 300px;
	text-wrap: balance;
}
.files li a img {
	margin: 0 auto;
}
/* @group HOME PAGE AND SPECIAL */
#homepage {
	margin-bottom: 0;
}
#homepage:has(.acf-carousel-wrapper) {
	margin-top: -20px!important;
	margin-bottom:  -18px!important;
}
#homepage:has(p) p:first-of-type{
	padding-top: 2rem;
}
.post-feature-image img{
	width: 100%;
}
#homepage .post-feature-image {
	margin-top: -95px;
}
.calendar-top{
	display: grid;
	gap: var(--gap);
	grid-template-columns: 1fr 1fr;
	position: relative;
	z-index: 0;
}
.calendar-top img {
	max-width: 30%;
	position: absolute;
	top:  -60px;right: 0;
	z-index: -1;
	pointer-events: none;
}
.tree-plant {
	display: grid;
	gap: var(--gap);
	grid-template-columns: 1fr 1fr;
	position: relative;
}
.tree-plant img {
	position: relative;
	top:  -6rem;
	min-width: 250px;
}
.downhill-cycle {
	position: relative;
	isolation: isolate;
	padding-bottom: 2rem;
}
.downhill-cycle::after {
	content:  "";
	width: 100%;
	height: 900px;
	position: absolute;
	clip-path: polygon(59% 14%, 89% 21%, 100% 16%, 100% 0, 0 0, 0 0, 20% 8%);
	background: var(--light);
	z-index: -1;
}
.hand-holders {
	max-width: 180px;
	position: absolute;
	z-index: 2;
	margin-top: -140px;
	right: 30svw;
	pointer-events: none;
}
.hand-holders.two {
	right:  0px;
	margin-top: -80px;
}
.downhill-cycle .cyclist {
	max-width: 300px;
	rotate: 26deg;
	padding-bottom: 4rem;
	pointer-events: none;
}
.downhill-cycle p{
	max-width: 100%;
	display: block;
	text-align: center;
	padding: 0;margin: 0;
	font-size:  clamp(3rem, 6vw, 6rem);
	line-height: .9em;
	font-weight: 800;
	color: var(--col-green-100);
}
.downhill-cycle p span {
	display: block;
	font-size:  clamp(1rem, 6vw, 2.8rem);
	line-height: .9em;
}
.downhill-cycle a {
	font-weight: 800;
	font-size:  clamp(1rem, 6vw, 2rem);
	display: flex;
	gap: 2rem;
	justify-content: center;
	margin-top: 2rem;
	
}
.downhill-cycle a img {
	width: 60px;
}
.promo-card-grid {
	display: grid;
	gap: 2rem;
}
@media(min-width:800px) {
	.promo-card-grid{
	grid-template-columns: repeat(3, 1fr);
	}
	.promo-card:nth-of-type(4) {
	grid-column:  1 / -1;
	aspect-ratio: 16 / 7;
}
.promo-card:nth-of-type(4) a{
	aspect-ratio: inherit;
}
}
.promo-card{
	display: block;
	position: relative;
	--text-bg: var(--col-green-400);
}
.promo-card a {
	aspect-ratio: 3 / 4;
	display: block;
	position: relative;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: end;
	isolation: isolate;
}
.promo-card img {
	width: 100%;
	aspect-ratio: inherit;
	object-fit: cover;
	position: absolute;
	z-index: -1;
	/*display: none;*/
}
.promo-card h2 {
	display: block;
	margin: 0;
	padding: 2rem 1rem; 
	text-align: right;
	position: relative;
	font-weight: 800;
	color: var(--light);
	/*display: none;*/
}
.promo-card h2::after {
	content: "";
	background: var(--text-bg);
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	z-index: -1;
	clip-path: polygon(69% 11%, 100% 0, 100% 60%, 100% 100%, 0 100%, 0% 60%, 0 0);
}
.promo-card:nth-of-type(1) {
	--text-bg: var(--col-green-300);
}
.promo-card:nth-of-type(2) {
	--text-bg: var(--col-green-800);
}
.promo-card:nth-of-type(3) {
	--text-bg: var(--col-green-600);
}
.promo-card:nth-of-type(4) {
	--text-bg: var(--dark);
}
/* @end */

/* @group EVENTS OVERIDE */
#tribe-events-pg-template{
	max-width: 1000px!important;
	margin-top: 1rem!important;
}
a.submit.own {
	color: var(--col-green-600);
	background-color: var(--light);
	padding: 1em;
	border-radius: 6px;
}
div#tribe-community-events.tribe-community-events.form {
		border: none;
}
table#tribe-virtual-events.virtual-event-wrapper.eventtable thead tr td.tribe-configure-virtual-button__container {
	background-color: var(--light);
}
button.tribe-configure-virtual-button.button.tribe-dependent.tribe-active, input#post.tribe-button.submit.events-community-submit {
	 background-color: var(--col-green-600);
	 border-radius:  6px;
	 color: var(--light);
	 border: none;
	 padding: 1rem;
}
.tribe-events-calendar-list__event-details.tribe-common-g-col *{
	color: var(--dark)!important;
	text-align: left;
}
a.tribe-events-calendar-list__event-title-link.tribe-common-anchor-thin {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 2.5rem;
	color: var(--col-green-500)!important;
}
.tribe-common-g-col header.tribe-events-calendar-list__event-header address.tribe-events-calendar-list__event-venue.tribe-common-b2 span.tribe-events-calendar-list__event-venue-address{
	font-size: 1.2rem;
	line-height: 1.2;
	display: block;
	font-weight: 400;
	color: var(col-green-600)!important;
}
div.tribe-events-calendar-list__event-description.tribe-common-b2.tribe-common-a11y-hidden p {
	font-size: 1.2rem;
	line-height: 1.2;
}
header.tribe-events-pro-summary__event-header div.tribe-common-b3.tribe-events-pro-summary__event-datetime-wrapper time.tribe-events-pro-summary__event-datetime span{
	color: var(--dark);
}
div.tribe-events-c-top-bar__datepicker button.tribe-common-c-btn__clear.tribe-common-h3.tribe-common-h--alt.tribe-events-c-top-bar__datepicker-button time.tribe-events-c-top-bar__datepicker-time span {
	color: var(--dark);
}
/* @end */








/* @group SMALL SCREENS */
@media(max-width:900px) {
	.header .title img{
		left: 0px;
		top: 60px;
	}
	.feed-grid .post {
		gap: .5rem;
		display: block;
	}
	.post-info {
		display: block;
		flex-wrap: wrap;
	}
	.feed-grid .post .feature-img:not(:has(img))  {
		display: none;
	}
	.feed-grid .post-info, .cat-links {
		display: flex;
		flex-wrap: wrap;
	}
	.header-illo img {
	position: absolute;
	max-width: 150px;
	right:  40px;
	top: -4rem;
	z-index: -1;
	}
	.takeover{
		margin-bottom: 80px;
	}
	.calendar-top img {
	position: absolute;
	width: 60%;
	right: -15px;
	z-index: 0;
	}
	.calendar-top-text {
		z-index: 1;
		text-align: left;
	}
	.tree-plant {
		display: block;
	}
	.tree-plant img{
	position: relative;
	top:  0;
	width: 50%;
	margin: 0 auto;
	}
	.feature-text {
		padding-bottom: 8rem;
	}
	.walk-img img {
		aspect-ratio: 16 / 9;
	}
}


/* @end */

/* @group BIG SCREENS */

@media(min-width: 900px) {
	.header .header-illo {
	position: relative;
	top: calc(var(--top-height) / 4);
	left: auto;
	right: 0px;
	}
	.header .title img {
	left:  0;
	max-width: 600px;
	width: 75svw;
	}
	.header-img {
		aspect-ratio: 16 / 7;
		padding: 2rem;
		background-color: var(--dark);
		position: relative;
		display: flex;
		align-items: center;
	}
	.header-img img{
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.feature-text {
		position: absolute;
		left: 0;
		padding-left: 10svw;
		max-width: 680px;
		margin-bottom: 0;
	}
	.promote-page-inner{
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		margin: 0!important;
		z-index: 0;
	}
	.promote-page:nth-of-type(even) .promote-page-text {
		grid-column: 1 / -8;
	}
	.promote-page:nth-of-type(odd) .promote-page-text{
		grid-column: -7 / -2;
	}
	.promote-page:first-of-type .promote-page-img{
		margin-top: 2rem;
	}
	.promote-page:last-of-type .promote-page-img{
		margin-bottom: 2rem;
	}
	.more-newsnblogs div:first-of-type{
	grid-column: 1 /3;
	display: flex;
	justify-content: flex-end;
	}
}
/* @end */

/* @group HOME CAROUSEL */
.acf-carousel-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-logic {
    position: absolute;
    opacity: 0;
}

.carousel-track {
    display: flex;
    width: 100%;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.acf-carousel-wrapper:hover .carousel-track,
.acf-carousel-wrapper:focus-within .carousel-track {
    animation-play-state: paused;
}

.slide-item {
    flex: 0 0 100%;
    min-width: 100%;
    position: relative;
    height: 600px;
}

.slide-link {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1; 
    text-decoration: none;
}

.slide-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ARROW STYLE */
.arrow {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    z-index: 10;
    background: url(https://outdoortown.uk/wp-content/themes/outdoor_town2024/img/arrow_01.png) center center no-repeat;
    background-size: 50%;
	background-position-x: 17px;
    cursor: pointer;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s;
}
.prev-arrow { 
    left: 20px; 
    transform: translateY(-50%) rotate(180deg) scale(1); 
}
.next-arrow { 
    right: 20px; 
    transform: translateY(-50%) rotate(0deg) scale(1); 
}
.prev-arrow:hover {
    transform: translateY(-50%) rotate(180deg) scale(1.5);
}

.next-arrow:hover {
    transform: translateY(-50%) rotate(0deg) scale(1.5);
}
.arrow::after {
    content: "";
    position: absolute;
    inset: 0;
    outline: 3px solid var(--col-green-300, #68b14f);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}
.arrow:hover::after {
    opacity: 1;
}

/* DOTS */
.carousel-nav {
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 12px;
    z-index: 20;
}

.nav-dot {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.2);
    transition: all 0.3s;
}

/* TEXT AREA */
.slide-text {
    position: absolute;
    inset: 0 auto;
    background: url(https://outdoortown.uk/wp-content/themes/outdoor_town2024/img/OT_carousel_textBG_01.png) right center repeat-x;
    color: #fff;
    padding: 30px 100px;
    z-index: 2;
    display: grid;
    gap: 0;
    align-content: center;
    pointer-events: none;
}

/* Improved Hiding logic for empty fields */
.slide-text:has(h2:empty),
.slide-text h2:empty {
    display: none !important;
}

.slide-text h2 {
    font-size: clamp(3rem, 10vw, 4rem);
    line-height: .85em;
    font-weight: 800;
    text-wrap: balance;
    z-index: 1;
}

.slide-text > * {
    margin: 0;
    padding: 0;
    background-color: #68b14f;
}

.slide-text p {
    margin-top: -1.5rem;
    padding: 0;
    font-size: clamp(1.5rem, 3vw, 2rem);
    line-height: 1.1em;
    text-transform: uppercase;
    text-wrap: balanced;
    max-width: 600px;
}

/* Ensure empty paragraphs don't show green background */
.slide-text p:empty {
    display: none;
}

/* @end */

/* @group OVERIDES */
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	margin-left: 0px!important;
	margin-right: 0px!important;
}
/* @end */