/* @override 
	http://webdev2:8888/outdoortownUk/wp-content/themes/outdoor_town2024/style.css?*
	https://temp.outdoortown.uk/wp-content/themes/outdoor_town2024/style.css?*
	https://outdoortown.uk/wp-content/themes/outdoor_town2024/style.css?*
	https://outdoortown.uk/wp-content/uploads/siteground-optimizer-assets/siteground-optimizer-combined-css-bd9b1d9000b75d35f1f88b11b9c559b3.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-200: #8ed43d;
	--col-green-300: #99cb5f;
	--col-green-400: #93bf20;
	--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 */
}
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;
}
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;
}
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-300 {
		background-color: var(--col-green-300);
	}
	.green-600 {
		background-color: var(--col-green-600);
		color: var(--light);
	}
	.green-650 {
		background-color: var(--col-green-650);
		color: var(--light);
	}
	.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
}
figcaption.wp-element-caption{
	padding: .7em;
}
figcaption.wp-element-caption a {
	color: var(--dark);
}
figcaption.wp-element-caption a:hover {
	text-decoration: underline;
}
.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(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;
}
.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;
	aspect-ratio: 4 / 3;
	background-color: var(--col-green-300);
}
.feature-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.feature-text {
	background-color: var(--light);
	color: var(--dark);
	padding: 2rem;
	position: relative;
}
.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;
}

#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; 
}
.header nav {
	background-color: var(--col-green-300);
	position: fixed;
	inset: 0;
	padding: 1rem;
	height: 100svh;
	overflow-y: auto;
	grid-template-rows: 2fr;
}
.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;
}
.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;
	
}
.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: grid;
	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 * {
	color: var(--light);
}
.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;
}
.walk-topper {
	z-index: 1;
}
.walk-topper::before{
	content: "bob";
	background: url(img/black_top.svg) -10px bottom no-repeat;
	background-size: 120%;
	position: absolute;
	top:  -90px;
	width: 100%;
	height: 100px;
	z-index: -1;
}
.walk-type ul, .walk-type li {
	margin: 0;padding: 0;
}
.walk h1 {
	margin-bottom: 0;
}
.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%;
	object-fit: cover;
}
.walk-card-details{
	display: grid;
	gap: .5rem;
	padding:  1rem;
}
.walk-access{
	display: flex;
}
.walk-access div {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, 40px 1fr);
}
.access-circle {
	position: relative;
	width: 40px;
	float: left;
}
.access-circle::before {

}
.access-circle.dog-friendly::after{
	content: "";
	width: 40px;aspect-ratio: 1;
	position: absolute; 
	background: url(img/dog.png) center center no-repeat;
	background-size: 100%;
}
.access-circle.limitless::after{
	content: "";
	width: 40px;aspect-ratio: 1;
	position: absolute;
	background: url(img/limitless.png) center center no-repeat;
	background-size: 100%;
}
/* @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(img/town_texture.svg) center center repeat;
	background-size: 150%;
}
.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 */

.calendar-top{
	display: grid;
	gap: var(--gap);
	grid-template-columns: 1fr 1fr;
	position: relative;
	z-index: 0;
}
.calendar-top img {
	width: 30%;
	position: absolute;
	top:  -60%;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;
}
.promote-pages {
	margin-top: -75px;
	background-color: var(--col-blue-300);
}
.promote-page {
	position: relative;
	z-index: 0;
}
.promote-page-img{
	position: absolute;
	width: 100%;
	inset: 0;
	z-index: -1;
}
.promote-page-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.promote-page-text {
	background-color: green;
	padding: 1rem;
	color: var(--light);
	text-align: center;
}
.promote-page:nth-of-type(odd) .promote-page-text {
	background-color: var(--col-green-200);
	color: var(--dark);
}
.promote-page:nth-of-type(even) .promote-page-text {
	background-color: var(--col-green-650);
}
.promote-page:nth-of-type(5) .promote-page-text {
	
	z-index: -1;
}
/* @end */

/* @group EVENTS OVERIDE */
#tribe-events-pg-template{
	max-width: 1000px!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;
}
/* @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;
	/*position: absolute;
	top:  8rem;
	right: -6rem;
	width: 100px;*/
	}
	.feature-text {
		padding-bottom: 8rem;
	}
}


/* @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:last-of-type .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;
	}
/*	.promote-page:nth-of-type(even) .promote-page-text{
		margin-top: -2rem;
		padding-bottom: -2rem;
		
	}
	.promote-page:nth-of-type(even) .promote-page-img{
		margin-bottom: 2rem;
	}
	.promote-page:nth-of-type(even) {
		margin-bottom: -2rem;
		z-index: 1;
	}*/
	.more-newsnblogs div:first-of-type{
	grid-column: 1 /3;
	display: flex;
	justify-content: flex-end;
	}
}
/* @end */

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


/* @end */