:root {
  --global--font-primary: "peridot-pe-variable", sans-serif;
  --clr-white: #fff;
  --clr-blue: #88aec8;
  --clr-dark-blue: #004a63;
  --clr-gray: #888;
  --grad-teal: radial-gradient(rgb(36,101,126) 0%,rgb(0,56,78) 100%);
}

body {
  --border: 0.2rem solid white;
  --thin-border: 0.13rem solid white;
  --kiosk-width: var(--wp--style--global--wide-size);
  --content-width: var(--wp--style--global--content-size);
  --button-bg: var(--clr-blue);
  --info-box-bg: var(--clr-dark-blue);
  --margin: 7vw;
}

.rwd-main {
  position: relative;
}

div.wp-site-blocks {
  height: 100vh;
 overflow-x: hidden;
}

main.wp-block-group {
  /* results in content width */
  margin: 0 var(--margin);
}

div.entry-content {
  /* results in content width */
  max-width: calc(100vw - var(--margin)*2);
}

/*-------------------------------
Elements
-------------------------------*/
.hint {
  text-align: center;
  margin-inline: auto;
  letter-spacing: 0.1ch;
  margin-bottom: 0.5em;
	width: 100%;
	height: 100%;
}  
.hint a {
  text-decoration: none;
	width: 100%;
	height: 100%;
		display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 10%;
	box-sizing: border-box;
}

/* 'Read More' link as button */
.wp-block-post-excerpt__more-text, .button {
  border-radius: 2ch;
  height: 2em;
  width: 15ch;
  text-align: center;
  margin-top: 2rem;
  background-color: var(--button-bg);
}
.wp-block-post-excerpt__more-text a, .button a {
  /* margin-top: auto; */
  margin-bottom: auto;
  margin-top: 0.25em;
  text-decoration: none;
}

figure.banner {
  /*margin: 0 0 3.5em -7vw;*/
	text-align: center;
  width: 100%;
  max-width: 100vw;
}

button.medium-button {
  background-color: var(--button-bg);
  border-radius: 2ch;
  color: white;
  border: none;
  padding: 0.3rem 3ch;
}

body main div.nav-prev-next {
  display: none;
  margin: 2em 5vw 0 5vw;
  max-width: var(--content-width) !important;
}

/*-------------------------------
Footer
-------------------------------*/
footer {
  position: fixed;
	width: 100vw;
  /* margin-left: -var(--margin); */
	box-sizing: border-box;
	bottom: 5dvh;
	left: 0px;
	z-index: 5;
	margin: 0px;
	padding: 0px;
}

footer .wp-container-core-buttons-is-layout-1 {
	width: 100%;
	max-width: 100%;
}

div.rwd-nav {
  padding: 0;
}
.rwd-nav .wp-block-buttons {
  margin: 0;
}
.left-icon {
  margin-left: 0.5rem;
  
}

.wp-element-button {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.lower-screen-btn {
	position: absolute;
	right: 0px;
	border-radius: 2rem 0;
	z-index: 10;
}

.back-home .wp-element-button {
	background: transparent;
	color: white;
	text-transform: uppercase;
	z-index: 8;
}

.lower-screen-btn .wp-element-button {
	border-radius: 2rem 0 0 2rem;
}

/*-------------------------------
Pages
-------------------------------*/
body.single-post main {
  margin-top: 12em;
}
/*-------------------------------
Utility rules
-------------------------------*/
div.width-75 {
  width: 75%;
}

div.center-vertical {
  position: absolute;
  top: 50%;
  /*transform: translateY(-50%);*/
}

.rwd-hidden {
  visibility: hidden;
}

.single-post main.wp-block-group {
  height: 75vh;
  margin-top: 5rem;
}


/* Mobile */

@media only screen and (max-width: 800px) {
	.page-id-41 .left-vert-title {
		height: auto !important;
		width: 100vw !important;
		padding-left: 0px !important;
	}
	
	figure.banner {
		margin: 0px !important;
		margin-bottom: 1rem !important;
	}
	.img-btns figcaption {
		font-size: inherit !important;
	}
	
	.lower-screen-btn {
		display: none !important;
	}
	
	
	.back-home {
		background: var(--clr-dark-blue);
		-webkit-transform:scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
transform:scale(0.5);
		position: absolute;
		right: -60px;
	}
	
	.page-id-43 .wp-block-post-title {
		display: none !important;
	}
	
	.page-id-43 .wp-block-post-excerpt {
		display: none !important;
	}
	
	body.page-id-45 ul.wp-block-latest-posts__list li {
		max-width: 100% !important;
	}

	div.history-filter {
		position: relative !important;
		transform: none !important;
		left: 0 !important;
		bottom: 0 !important;
	}
	
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		height: 100% !important;
	}
	
	.page-id-41 .img-btns {
		max-width: 100vw !important;
	}
	
	.page-id-41 .width-75 {
		width: 100% !important;
	}
	
	
}