/* font families */
@font-face {
	font-family: 'bodyFont';
	font-style: normal;
	font-display: swap;
	unicode-range: U+000-5FF;
	src:
		local('bodyFont'),
		url('/fonts/InstrumentSansVariable.woff2') format('woff2');
}

@font-face {
	font-family: 'bodyFontItalic';
	font-style: normal;
	font-display: swap;
	unicode-range: U+000-5FF;
	src:
		local('bodyFontItalic'),
		url('/fonts/InstrumentSansItalicVariable.woff2') format('woff2');
}

@font-face {
	font-family: 'headerFont';
	font-style: normal;
	font-display: swap;
	unicode-range: U+000-5FF;
	src:
		local('headerFont'),
		url('/fonts/SunlightVariable.woff2') format('woff2');
}

:root {
	/*vars*/
	/*colors*/
	--background-color-one: hsla(47, 100%, 98%, 1);
	--background-color-one-muted: rgba(245, 245, 245);
	--background-color-two: hsl(293, 100%, 97%);
	--background-color-two-muted: rgba(236, 223, 238);
	/*blue*/
	--primary-color-one: hsla(194, 100%, 59%, 1);
	--primary-color-one-mid: hsla(194, 100%, 78%, 1);
	--primary-color-one-light: hsl(195, 100%, 93%);
	--primary-color-one-muted: hsla(194, 40%, 93%, 1);
	/*purple*/
	--primary-color-two-strong: hsla(259, 100%, 50%, 1);
	--primary-color-two: hsla(236, 100%, 85%, 1);
	--primary-color-two-light: hsla(236, 100%, 97%, 1);
	--primary-color-two-muted: hsla(194, 98%, 67%, 1);
	/*green*/
	--primary-color-three: hsla(142, 100%, 80%, 1);
	--primary-color-three-muted: hsla(39, 100%, 78%, 1);
	--primary-color-three-light: hsla(142, 100%, 88%, 1);
	/*peach*/
	--primary-color-four: hsla(29, 100%, 57%, 1);
	--primary-color-four-muted: hsla(29, 100%, 57%, 1);
	--primary-color-four-light: hsla(39, 100%, 78%, 1);
	--primary-color-four-muted-second: rgb(253, 186, 124);
	/*orange*/
	--primary-color-five: hsla(142, 100%, 57%, 1);
	--primary-color-five-muted: #9bffc0;
	/*green*/
	--primary-color-six: hsla(142, 100%, 57%, 1);
	/*green*/

	--secondary-color-one: rgba(255, 255, 255);
	--secondary-color-one-muted: rgba(255, 255, 255);
	--secondary-color-two: rgba(255, 255, 255);
	--secondary-color-two-muted: rgba(255, 255, 255);

	--pre-color-one: rgba(223, 223, 223);
	--pre-font-color-one: rgba(0, 0, 0);

	--font-color-one: rgba(0, 0, 0);
	--font-color-one-muted: rgba(10, 10, 10);
	--font-color-one--inverted: rgba(255, 255, 255);
	--font-color-two: rgba(150, 150, 150);
	--font-color-two-muted: rgba(255, 255, 255);
	--font-link-color-one: rgba(0, 0, 0);
	--font-link-color-one-muted: rgba(0, 2, 2);
	--font-link-color-two: rgba(255, 255, 255);
	--font-link-color-two-muted: rgba(0, 2, 2);

	/*fonts*/
	--header-one-display-font-size: 3rem;
	--header-one-display-line-height: 1.2;
	--header-one-display-font-weight: 200;
	--header-one-display-letter-spacing: normal;
	--header-two-display-font-size: 2rem;
	--header-two-display-line-height: 1;
	--header-two-display-letter-spacing: 2rem;
	--header-one-font-size: 4rem;
	--header-one-line-height: 1.1;
	--header-one-letter-spacing: -1.5;
	--header-two-font-size: 3rem;
	--header-two-line-height: 1.1;
	--header-two-letter-spacing: -0.5;
	--header-three-font-size: 2.2rem;
	--header-three-line-height: 1.2;
	--header-three-letter-spacing: 0;
	--header-four-font-size: 1.875rem;
	--header-four-line-height: 1.2;
	--header-four-letter-spacing: 0.25;
	--header-five-font-size: 1.4rem;
	--header-five-line-height: 1.2;
	--header-five-letter-spacing: 0;
	--header-six-font-size: 1.25rem;
	--header-six-line-height: 1.2;
	--header-six-letter-spacing: 0.15;

	--body-one-font-size: 1rem;
	--body-one-line-height: 1.5;
	--body-two-font-size: 1rem;
	--body-two-line-height: 1;
	--body-letter-spacing: 0.12;
	--body-word-spacing: 0.16;

	/*paragraph*/
	--paragraph-spacing: 2rem;

	/*padding units*/
	--padding-unit: 0.2rem;
	/*margin units*/
	--margin-unit: 0.2rem;
	/*base measure*/
	--base-measure: 0.2rem;

	/*bezier curves*/
	--slide-curve: cubic-bezier(0.2, 0.35, 0.62, 0.82);

}

/*colour classes for setting global load changes -- similar to the way "dark mode" works */
/*
.blue .accent-box {
	background-color: var(--primary-color-one);
}

.purple .accent-box {
	background-color: var(--primary-color-two);
}

.peach .accent-box {
	background-color: var(--primary-color-three);
}

.green .accent-box {
	background-color: var(--primary-color-four);
}

.orange .accent-box {
	background-color: var(--primary-color-five);
}
*/

*,
html,
body,
::after,
::before {
	font-family: bodyFont, sans-serif;
	font-size: 16px;
	font-weight: 400;
	box-sizing: border-box;
	scrollbar-width: thin;
	scrollbar-color: var(--font-color-one) var(--background-color-one);
}

html,
body {
	background-color: var(--background-color-one);
	color: var(--font-color-one);
	min-height: max(100vh, 50rem);
}

body {
	margin: 0em;
}

/*scrollbar stuff for chrome and safari*/
*::-webkit-scrollbar {
	width: 1em;
}

*::-webkit-scrollbar-track {
	background: var(--background-color-one);
}

*::-webkit-scrollbar-thumb {
	background-color: var(--font-color-one);
	border-radius: 0.3em;
	border: 2px solid transparent;
	margin: 0.1em;
	background-clip: padding-box;
}

*:focus {
	outline: 1px solid var(--font-color-one);
}

strong {
	font-weight: 600;
	font-size: inherit;
	font-family: inherit;
}

details {
	border: none;
}

summary::marker {
	content: '';
}

summary::-webkit-details-marker {
	display: none;
}

blockquote {
	padding: 0rem;
	margin: 0rem;
}

cite {
	text-transform: none;
	font-style: normal;
	color: inherit;
	width: 100%;
	display: block;
}

/* headers and text */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: headerFont, serif;
	/*text-transform: capitalize;*/
	letter-spacing: 0.01em;
	color: var(--font-color-one);
	padding: 0rem calc(var(--padding-unit) * 5);
	margin: calc(var(--margin-unit) * 4) 0rem;
	text-align: left;
	font-weight: 900;
}

h5, h6 {
	font-weight: 500;
}

a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
	text-decoration: none;
}

h1.display-font-style {
	font-size: var(--header-one-display-font-size);
	line-height: var(--header-one-display-font-size);
	padding-right: 0rem;
}

h1 {
	font-size: var(--header-one-font-size);
	line-height: var(--header-one-line-height);
}

h2 {
	font-size: var(--header-two-font-size);
	line-height: var(--header-two-line-height);
}

h3 {
	font-size: var(--header-three-font-size);
	line-height: var(--header-three-line-height);
}

h4 {
	font-size: var(--header-four-font-size);
	line-height: var(--header-four-line-height);
}

h5 {
	font-size: var(--header-five-font-size);
	line-height: var(--header-five-line-height);
}

h6 {
	font-size: var(--header-six-font-size);
	line-height: var(--header-six-line-height);
}

p {
	font-size: var(--body-one-font-size);
	line-height: var(--body-one-line-height);
	padding: 0rem calc(var(--padding-unit) * 6);
	margin: var(--paragraph-spacing) 0rem;
}

a,
blockquote,
figcaption,
span {
	font-family: inherit;
	font-size: inherit;
	color: var(--font-link-color-one);
}

a:hover {
	/*
   * color: var(--font-link-color-two);
   */
}

p a {
	text-decoration: underline;
	text-underline-position: from-font;
	text-underline-offset: 1.4px;
	text-decoration-thickness: 0.1px;
	text-decoration-skip-ink: all;
}

em {
	font-family: bodyFontItalic;
}

em,
i {
	font-size: inherit;
	font-weight: inherit;
}

i {
}

ul {
	padding-left: 1em;
}
/* list style bullets */
li::before {
	clip-path: polygon(0 4%, 78% 1%, 100% 100%, 0 100%);
  height: calc(var(--base-measure) * 3);
  width:  calc(var(--base-measure) * 3);
  background-color: var(--font-color-one);
	content:"";
	position: absolute;
	left: 1rem;
	margin-top: 0.22rem;
}

li {
	margin: 0;
	padding: 0.1em 0em 0.1em 2.2em;
	list-style: none;
	position: relative;
}

img {
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
}

/* main grid structure*/
main {
	display: grid;
	padding-bottom: calc(var(--base-measure) * 19);
}

.content {
	height: 100%;
}

.pagination {
	background-color: transparent;
}

.nav-links {
	font-size: 1.2em;
}

.nav-links .current {
	font-size: 1em;
}

.menu-item-has-children {
	position: relative;
	top: 1;
	left: 1;
	width: 100%;
}

.menu-item-has-children::before {
	border-style: solid;
	border-color: #ef9600;
	border-width: 0.2em 0.2em 0 0;
	content: '';
	display: inline-block;
	height: 1em;
	position: absolute;
	right: 0.15em;
	top: 0.15em;
	vertical-align: top;
	width: 1em;
	transform: rotate(135deg);
	cursor: pointer;
}

.menu {
	padding-right: 0.8em;
}

.sub-menu {
	height: auto;
	display: block;
	visibility: hidden;
}

aside {
	padding: 2em 1em;
}

aside li > a {
	color: #3e3e3e;
	font-size: 1.1em;
	text-transform: capitalize;
}

aside li {
	padding: 0.1em 0em 0.1em 0.4em;
	background-image: none;
}

.page-content ul {
	padding-right: 3em;
}

.page-content li {
	margin: 1em 0em;
}

/*buttons*/
/* form components*/

form {
	margin: calc(var(--margin-unit) * 4) 0rem;
	padding: calc(var(--padding-unit) * 6);
}

label {
	display: block;
	margin: calc(var(--margin-unit) * 2) 0em 0em 0em;
	font-size: var(--body-font-size);
	color: var(--font-color-one);
	text-transform: uppercase;
}

input,
textarea {
	width: 100%;
	background-color: var(--background-color-one);
	padding: calc(var(--padding-unit) * 3);
	border: 2px solid var(--primary-color-one);
	/*
	border-radius: 0.01rem;
	*/
	font-weight: 300;
	font-size: var(--body-font-size);
	letter-spacing: 0.031rem;
	text-align: left;
	color: var(--grey-medium);
}

input:focus,
textarea:focus {
	background-color: var(--grey-ultra-light);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
	background-color: #ffffff !important;
	color: #555 !important;
	-webkit-box-shadow: 0 0 0 1000px white inset !important;
	-webkit-text-fill-color: #555555 !important;
}

button,
input[type='submit'] {
	display: block;
	font-family: inherit;
	font-size: inherit;
	letter-spacing: inherit;
	background-color: transparent;
	border: 2px solid var(--primary-color-one);
	width: max-content;
	color: inherit;
	text-transform: inherit;
	cursor: pointer;
	line-height: inherit;
	margin: calc(var(--margin-unit) * 4) calc(var(--margin-unit) * 0);
	padding: calc(var(--padding-unit) * 3) calc(var(--padding-unit) * 6);
	/*margin-top: 0.1rem;*/
}

button:hover,
input[type='submit']:hover {
	color: var(--font-color-one);
	opacity: 0.9;
}

button:focus {
	color: var(--font-color-one);
	border: 2px solid var(--font-color-one);
}

/* this cancels out the wordpress default for blocks */
div:where(.wp-block-group.has-background) {
	padding: 0rem;
}

/*arrow icons*/

.arrow-container {
	width: 100%;
}

.arrow-icon {
	margin: 1rem;
}


/*accent boxes*/
@keyframes accentClipOne {
from {
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
}

to {
    clip-path: polygon(0 2%, 100% 0, 100% 100%, 3% 100%);
}
}

@keyframes accentClipTwo {
from {
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
}

to {
    clip-path: polygon(0 0, 100% 3%, 98% 100%, 0% 100%);
}
}

@keyframes accentClipThree {
from {
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
}

to {
    clip-path: polygon(3% 1%, 100% 0, 98% 100%, 0 99%);
}
}

@media only screen and (min-width:32rem) {
    @keyframes accentClipOne {
        from {
          clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
        }

        to {
          clip-path: polygon(0 5%, 100% 0%, 94% 84%, 13% 100%);
        }
      }

      @keyframes accentClipTwo {
        from {
          clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
        }

        to {
          clip-path: polygon(0 4%, 78% 1%, 100% 100%, 0 100%);
        }
      }

      @keyframes accentClipThree {
        from {
          clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
        }

        to {
          clip-path: polygon(0 8%, 100% 0%, 100% 78%, 10% 100%);
        }
      }
      /*accent-boxes*/
      @keyframes accentSkewOne {
        from {
          transform: skewY(0deg);
        }

        to {
          transform: skewY(5deg);
        }
      }

      @keyframes accentSkewOneBack {
        from {
          transform: skewY(0deg);
        }

        to {
          transform: skewY(-5deg);
        }
      }

      @keyframes accentSkewTwo {
        from {
          transform: skewY(0deg) skewX(0deg);
        }

        to {
          transform: skewY(-5deg);
        }
      }

      @keyframes accentSkewTwoBack {
        from {
          transform: skewY(0deg) skewX(0deg);
        }

        to {
          transform: skewY(5deg);
        }
      }
}

/* Moved to component
.accent-box {
	background-color: var(--primary-color-one);
	padding: calc(var(--padding-unit) * 12) 0rem;
	margin: calc(var(--margin-unit) * 11) 0rem;
	width: 100%;
}

.accent-box-one {
	background-color: var(--primary-color-one-light);
}

.accent-box-two {
	background-color: var(--primary-color-one-mid);
}

.accent-box-interact.accent-box-one,
.accent-box-interact.accent-box-three {
	transform: skewY(5deg);
	animation-name: accentSkewOne;
	animation-duration: 0.6s;
	animation-timing-function: var(--slide-curve);
}

.accent-box-interact.accent-box-two {
	transform: skewY(-5deg);
	animation-duration: 0.6s;
	animation-name: accentSkewTwo;
	animation-timing-function: var(--slide-curve);
}

.accent-box-interact.accent-box-one *,
.accent-box-interact.accent-box-three * {
	transform: skewY(-5deg);
	animation-duration: 0.6s;
	animation-name: accentSkewOneBack;
	animation-timing-function: var(--slide-curve);
}

.accent-box-interact.accent-box-two * {
	transform: skewY(5deg);
	animation-duration: 0.6s;
	animation-name: accentSkewTwoBack;
	animation-timing-function: var(--slide-curve);
}

.accent-box-title {
	font-size: var(--header-three-font-size);
}
.accent-box-subtitle {
	font-size: var(--header-three-font-size);
}
*/
/*footer*/

.footer {
	background-color: var(--primary-color-one-mid);
	padding-top: calc(var(--padding-unit) * 12);
	padding-bottom: calc(var(--padding-unit) * 12);
}

.footer .contact-title,
.footer .privacy-title {
	font-size: var(--header-five-font-size);
	font-family: var(--bodyFont);
}

.footer .contact-text {
	margin: calc(var(--margin-unit) * 1) 0rem;
	max-width: 30rem;
	text-align: left;
}

.footer label {
	text-transform: capitalize;
	color: var(--font-color-one);
	font-size: 0.9rem;
	margin-bottom: calc(var(--margin-unit) * 1);
	margin-top: calc(var(--margin-unit) * 2);
}

.footer input,
.footer textarea {
	border-color: var(--font-color-one);
	background-color: var(--background-color-one);
}
.footer textarea {
	min-height: 10rem;
}

.footer .privacy-title {
	margin-bottom: calc(var(--margin-unit) * 2);
	font-family: headerFont;
	font-weight: 900;
}
.footer .privacy-text {
	margin: calc(var(--margin-unit) * 4) 0rem;
}
.footer .business-address {
	margin: 0rem;
}

.copyright-info-container {
	width: 100%;
	background-color: var(--background-color-one);
}

.copyright-info {
	margin-bottom: 0rem;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	font-family: bodyFont;
}

.avatar {
	max-width: 3rem;
	max-height: 3rem;
}

/*functional classes*/
.hide {
	display: none !important;
}

.noscroll {
	overflow-y: hidden;
}

.center {
	text-align: center;
}

.relative {
	position: relative;
	width: 100%;
	height: 100%;
}

/*structural bits*/
.relative {
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.absolute {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.block {
	display: block;
}

.center-box {
	display: flex;
	width: 100%;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.show-mobile {
	display: block;
}

.hide-mobile {
	display: none;
}

.show-tablet {
	display: none;
}

.hide-tablet {
	display: none;
}

.show-desktop {
	display: none;
}

.hide-desktop {
	display: block;
}

.contact-header {
	margin: auto;
	padding-left: calc(var(--padding-unit) * 4);
	margin-top: calc(var(--base-measure) * 10);
}

.contact-form-sub-header {
	margin-bottom: 0.2rem;
}

/*contact message system*/
.success-message {
	position: fixed;
	width: max-content;
	padding: calc(var(--padding-unit) * 4);
	background: var(--primary-color-one);
	top: 2.4rem;
	color: var(--background-color-one);
	left: calc(50% - 11rem);
	z-index: 100;
}

/************media queries**************/
/*tablet*/
@media only screen and (min-width: 32rem) {
	/*animations*/
	@keyframes slidein {
		from {
			margin-left: 100%;
		}

		to {
			margin-left: 60%;
		}
	}

	.show-tablet {
		display: block;
	}

	.hide-tablet {
		display: none;
	}
}

/*tiny tablet 744px*/
@media only screen and (min-width: 46.5rem) {
	.show-tablet {
		display: block;
	}

	.hide-tablet {
		display: none;
	}

	body {
		--header-one-display-font-size: 4.4rem;
		--header-one-display-line-height: 10rem;
		--header-three-font-size: 1.875rem;
		--header-four-font-size: 2.4rem;
		--header-five-font-size: 2.2rem;
		--header-six-font-size: 1.6rem;
	}

	/*Contact Headers*/
	.contact-header {
		width: 45rem;
		padding-left: calc(var(--padding-unit) * 10);
	}


/*
	.accent-box {
		grid-column: 1/3;
		margin: calc(var(--margin-unit) * 32) 0rem;
		padding: calc(var(--padding-unit) * 35);
	}

	.accent-box p {
		max-width: 34rem;
	}

	.accent-box-interact {
		animation: none;
	}

	.accent-box-interact.accent-box-one,
	.accent-box-interact.accent-box-two,
	.accent-box-interact.accent-box-three {
		transform: none;
		animation-name: none;
	}

	.accent-box-interact.accent-box-one *,
	.accent-box-interact.accent-box-two *,
	.accent-box-interact.accent-box-three * {
		transform: none;
		animation-name: none;
	}

	.accent-box-one {
	}

	.accent-box-interact.accent-box-one {
		animation-name: accentClipOne;
		clip-path: polygon(0 5%, 100% 0%, 94% 84%, 13% 100%);
	}

	.accent-box-interact.accent-box-two {
		clip-path: polygon(0 4%, 78% 1%, 100% 100%, 0 100%);
		animation-name: accentClipTwo;
	}

	.accent-box-interact.accent-box-three {
		clip-path: polygon(0 8%, 100% 0%, 100% 82%, 10% 100%);
		animation-name: accentClipThree;
	}
	*/
	/*footer*/
	.footer {
		display: grid;
		grid-template-columns: 1fr;
		padding-bottom: calc(var(--padding-unit) * 18);
	}

	.footer .contact-title,
	.footer .privacy-title {
		font-size: var(--header-six-font-size);
	}

	.footer-contact-form-container,
	.footer .privacy-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.considerate-contact-form,
	.footer .privacy-text {
		width: 30rem;
	}
	.footer-contact-form-container {
		grid-column: 1/2;
		grid-row: 1/2;
	}
	.footer-contact-form-container .considerate-contact-form {
		margin: 0rem;
	}
	.footer .privacy-container {
		grid-column: 1/2;
		grid-row: 2/3;
	}
	.footer .copyright-info-container {
		grid-column: 1/2;
		grid-row: 3/4;
	}
}

/*small laptop/surface 1080px */
@media only screen and (min-width: 67rem) {
	/*Three Column Class*/
	.three-col-img {
		padding-left: calc(var(--padding-unit) * 6.25);
	}

	/*footer*/
	.footer {
		display: grid;
		grid-template-columns: 26rem 1fr;
		grid-column-gap: calc(var(--margin-unit) * 10);
	}

	.footer-contact-form-container {
		grid-column: 2/3;
		grid-row: 1/2;
		padding-left: calc(var(--padding-unit) * 12);
	}

	.footer-contact-form-container,
	.footer .privacy-container {
		display: block;
	}

	.considerate-contact-form,
	.footer .privacy-text {
		width: auto;
	}

	.footer-contact-form-container .considerate-contact-form {
		margin: 0rem;
	}
	.footer .privacy-container {
		grid-column: 1/2;
		grid-row: 1/2;
		padding-left: calc(var(--padding-unit) * 12);
		display: grid;
		grid-template-rows: 1fr;
		grid-template-rows: 2rem auto 1fr auto;
		grid-row-gap: calc(var(--margin-unit) * 5);
	}
	.footer .privacy-container .privacy-title {
		grid-column: 1/2;
		grid-row: 1/2;
	}
	.footer .privacy-container .privacy-text {
		grid-column: 1/2;
		grid-row: 5/6;
	}

	.footer .privacy-container .business-address-container {
		grid-column: 1/2;
		grid-row: 2/3;
	}
	.footer .copyright-info-container {
		grid-column: 1/3;
		grid-row: 2/3;
	}
	.footer .contact-text {
		text-align: left;
		max-width: 37rem;
	}
}

/*medium laptop*/
@media only screen and (min-width: 80rem) {
	.show-mobile {
		display: none;
	}

	.show-mobile {
		display: none;
	}

	.hide-mobile {
		display: block;
	}

	.show-desktop {
		display: block;
	}

	.hide-desktop {
		display: none !important;
	}

	body {
		--header-one-display-font-size: 6rem;
		--header-three-font-size: 2rem;
		--header-four-font-size: 2rem;
	}

	/*Headers*/
	/*padding spacing per element as its off set on the left*/
	h1.wp-block-heading,
	h1.wp-block-heading.display-font-style {
		margin-top: calc(var(--base-measure) * 23.45);
		padding-left: calc(var(--padding-unit) * 58.45);
	}

	h3.wp-block-heading {
		margin-top: calc(var(--base-measure) * 15.4);
		padding-left: calc(var(--padding-unit) * 62);
		padding-right: calc(var(--padding-unit) * 61.9);
		margin-bottom: calc(var(--base-measure) * 59.6);
	}

	/*Two Column Class*/
	.two-col-text {
		padding-left: calc(var(--padding-unit) * 58.1);
		padding-right: calc(var(--padding-unit) * 58.45);
	}

	/*Three Column Class*/
	.three-col-img {
		padding-top: calc(var(--padding-unit) * 25);
		padding-left: calc(var(--padding-unit) * 5.95);
		padding-right: calc(var(--padding-unit) * 5.95);
		padding-bottom: calc(var(--padding-unit) * 19.4);
	}

	.footer .privacy-container {
		padding-left: calc(var(--padding-unit) * 27);
	}
}
/*large desktop 1400px +*/
@media only screen and (min-width: 87.5rem) {
	body {
		--header-one-display-font-size: 6.7rem;
		--header-three-font-size: 4rem;
		--header-four-font-size: 4rem;
	}

	.show-desktop {
		display: block;
	}

	/*Headers*/
	/*padding spacing per element as its off set on the left*/

	h3.wp-block-heading {
		margin-top: calc(var(--base-measure) * 19.4);
		padding-right: calc(var(--padding-unit) * 161.9);
	}

	/* Width of "wide" blocks */
	.wp-block[data-align='wide'] {
		max-width: 1400px;
		margin-bottom: 0px;
	}

	/* Width of "full-wide" blocks */
	.wp-block[data-align='full'] {
		max-width: none;
		margin-bottom: 0px;
	}
/*
	.accent-box {
		max-width: 56rem;
		margin: calc(var(--margin-unit) * 3) 0rem;
	}
	*/
}

@media only screen and (min-width: 120rem) {
	body {
		--header-one-display-font-size: 8rem;
		--header-three-font-size: 6rem;
		--header-four-font-size: 4rem;
	}
	/*
	.accent-box {
		max-width: 66rem;
	}
	*/
	.footer-container {
		width: 100%;
		background-color: var(--primary-color-one-mid);
	}
	.footer {
		max-width: 120rem;
		margin: auto;
		padding-left: calc(var(--padding-unit) * 24);
	}
}