/*
Theme Name: Hedgemaze Blocks
Author: Jesse Ross
Author URI: hedgemaze.co
Description: A simple child theme for demonstrating ACF Blocks.
Text Domain: hedgemaze-blocks 
*/

@font-face {
	font-family: 'Duplicate Ionic';
	src: url('assets/fonts/DuplicateIonic-Light-Web.woff2') format('woff2'),
		 url('assets/fonts/DuplicateIonic-Light-Web.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Duplicate Ionic';
	src: url('assets/fonts/DuplicateIonic-Regular-Web.woff2') format('woff2'),
		 url('assets/fonts/DuplicateIonic-Regular-Web.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Duplicate Ionic';
	src: url('assets/fonts/DuplicateIonic-Medium-Web.woff2') format('woff2'),
		 url('assets/fonts/DuplicateIonic-Medium-Web.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Duplicate Ionic';
	src: url('assets/fonts/DuplicateIonic-Bold-Web.woff2') format('woff2'),
		 url('assets/fonts/DuplicateIonic-Bold-Web.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Duplicate Ionic';
	src: url('assets/fonts/DuplicateIonic-Black-Web.woff2') format('woff2'),
		 url('assets/fonts/DuplicateIonic-Black-Web.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Duplicate Sans';
	src: url('assets/fonts/DuplicateSans-Light-Web.woff2') format('woff2'),
		 url('assets/fonts/DuplicateSans-Light-Web.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Duplicate Sans';
	src: url('assets/fonts/DuplicateSans-Regular-Web.woff2') format('woff2'),
		 url('assets/fonts/DuplicateSans-Regular-Web.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Duplicate Sans';
	src: url('assets/fonts/DuplicateSans-Medium-Web.woff2') format('woff2'),
		 url('assets/fonts/DuplicateSans-Medium-Web.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Duplicate Sans';
	src: url('assets/fonts/DuplicateSans-Bold-Web.woff2') format('woff2'),
		 url('assets/fonts/DuplicateSans-Bold-Web.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Duplicate Sans';
	src: url('assets/fonts/DuplicateSans-Black-Web.woff2') format('woff2'),
		 url('assets/fonts/DuplicateSans-Black-Web.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

footer,
.navbar {
  display: none;
}

html, body {
  background: #eee;
  font-family: 'Duplicate Sans', serif;
  font-size: 12pt;
  font-weight: 400;
  padding-top: 0.25in;
}

h1 {
  font-family: 'Duplicate Ionic', serif;
  font-size: 22pt;
  font-weight: 400;
}

h2 {
  font-family: 'Duplicate Sans', serif;
  font-size: 16pt;
  font-weight: 500;
}

h3 {
  font-family: 'Duplicate Sans', serif;
  font-size: 16pt;
  font-weight: 500;
  padding-top: 0.15in;
  position: relative;
}

h3:before {
  background-color: #000;
  content: '';
  height: 0.1in;
  left: 0;
  position: absolute;
  top: 0;
  width: 0.25in;
}

main {
}

.hm-block {
  display: block;
}

.hm-block--footer {
  background-color: #000;
  bottom: 0;
  color: #fff;
  height: 1in;
  left: 0;
  padding: 0.25in;
  position: absolute;
  width: 8.5in;
}

.hm-block--header--img {
  aspect-ratio: 3 / 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  left: -0.5in;
  padding-bottom: 100px;
  padding-top: 100px;
  position: relative;
  top: -0.5in;
  width: 8.5in;
}

.hm-block--header--text {
  position: relative;
  top: -0.25in;
}

.hm-quote {
  font-family: 'Duplicate Ionic', serif;
  font-weight: 400;
}

.hm-quote--attribution {
  font-size: 12pt;
}

.hm-quote--quote {
  font-size: 16pt;
  line-height: 1.3;
}

.u-align--center {
  text-align: center;
}

.u-align--left {
  text-align: left;
}

.u-align--right {
  text-align: right;
}

.u-anim--fade {
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, visibility;
}

.u-anim--fade.loaded {
  opacity: 0;
  transform: translateY(20vh);
}

.u-anim--fade.is-visible {
  opacity: 1;
  transform: none;
}

.u-opacity--10 {
  opacity: 0.1;
}

.u-opacity--20 {
  opacity: 0.2;
}

.u-opacity--30 {
  opacity: 0.3;
}

.u-opacity--40 {
  opacity: 0.4;
}

.u-opacity--50 {
  opacity: 0.5;
}

.u-opacity--60 {
  opacity: 0.6;
}

.u-opacity--70 {
  opacity: 0.7;
}

.u-opacity--80 {
  opacity: 0.8;
}

.u-opacity--90 {
  opacity: 0.9;
}

.u-opacity--100 {
  opacity: 1;
}

.u-img--50 {
  width: 50%;
}

.u-img--75 {
  width: 75%;
}

.u-img--100 {
  width: 100%;
}

.u-valign--center {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.wp-block-group {
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
  height: 11in;
  margin: 0 auto 0.5in auto;
  overflow: hidden;
  padding: 0.75in 0.5in 0.5in 0.5in;
  position: relative;
  width: 8.5in;
}

.wp-block-group:first-of-type {
  padding-top: 0.5in;
}

.wp-block-group::after {
  background-color: #000;
  content: "";
  height: 0.25in;
  left: 0;
  position: absolute;
  top: 0;
  width: 8.5in;
}

.wp-block-group:first-of-type:after {
  background-color: transparent !important;
}

.wp-block-image {
  margin-bottom: 0.25in;
}

.domain--general h2,
.domain--general h3 {
  color: #002e6b;
}

.domain--general h3:before,
.domain--general .wp-block-group::after {
  background-color: #002e6b;
}

.domain--arts h2,
.domain--arts h3 {
  color: #c67044;
}

.domain--arts h3:before,
.domain--arts .wp-block-group::after {
  background-color: #c67044;
}

.domain--animal h2,
.domain--animal h3 {
  color: #97459d;
}

.domain--animal h3:before,
.domain--animal .wp-block-group::after {
  background-color: #97459d;
}

.domain--drr h2,
.domain--drr h3 {
  color: #3c4d7c;
}

.domain--drr h3:before,
.domain--drr .wp-block-group::after {
  background-color: #3c4d7c;
}

.domain--environment h2,
.domain--environment h3 {
  color: #a0c669;
}

.domain--environment h3:before,
.domain--environment .wp-block-group::after {
  background-color: #a0c669;
}

.domain--legacy h2,
.domain--legacy h3 {
  color: #b83c4d;
}

.domain--legacy h3:before,
.domain--legacy .wp-block-group::after {
  background-color: #b83c4d;
}

.domain--quality h2,
.domain--quality h3 {
  color: #329bb2;
}

.domain--quality h3:before,
.domain--quality .wp-block-group::after {
  background-color: #329bb2;
}

.domain--teachers h2,
.domain--teachers h3 {
  color: #6c499e;
}

.domain--teachers h3:before,
.domain--teachers .wp-block-group::after {
  background-color: #6c499e;
}