/*!
Theme Name: engageberry
Description: Theme for engageberry.
Author: Vye
Author URI: https://www.vye.agency
Text Domain: engageberry
*/

/*
Theme Use:
There is a lot of variable and general layout settings you may not need or want for your migrations.
Feel free to replace with migrated CSS, however take care when replacing CSS rules as much of the work provided 
here has been well thought out and provides enhanced accessibility, Gutenburg stuff, etc.
You may want to leave the generalized rules alone, and implement new rules per component
Make an attempt to strip out unused rules (Like Woocomm stuff if no woocomm)
*/

/*
Table of Contents:

Variables
Self-Hosted Fonts
Visibility Classes
Global
Typography
Misc Helper Classes
Layout
Buttons
Forms
Header
	Secondary Nav
	Primary Nav
Mobile Nav
Footer
Gravity Forms
HubSpot Forms
WooCommerce
WP Store Locator
Blog
Search
Misc
Theme Specific - accent Theme
VVeani
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}


/* ------------------------------------------------
Variables
------------------------------------------------ */

:root {
	--c-main: #1e5ea8;
	--c-second: #ed7e20;

	--c-third: #1b2a52;
	--c-fourth: #e73833;
	--c-highlight: #d9600f;
	--c-light: #dce6f2;
	--c-super-light: #f3f6fa;
	--c-second-dark: color-mix(in srgb, var(--c-second) 80%, #000);
	--c-third-dark: color-mix(in srgb, var(--c-third) 80%, #000);
	--c-dark: #2c2c2c;
	--c-white: #fff;
	--c-inv: #fff;

	--c-accent: var(--c-highlight);
	--c-background: var(--c-white);

	--body-background: var(--c-white);

	--font-body: 'Poppins', sans-serif;
	--font-heading: 'Poppins', sans-serif;
	--font-heading-alt: var(--font-body);
  
	--global-font-size: 1.125rem; /* 18px */
	--global-weight-normal: 400;
	--global-weight-bold: 700;
	--global-lineheight: 1.74;

	--global-radius: 2rem;

	--global-transition: all 0.3s ease-out;

	--col-gap: 2.5rem;
	--container-padding-mobile: 2rem;
	--container-padding-desktop: 2rem;
	--container-padding: clamp(var(--container-padding-mobile), 3vw, var(--container-padding-desktop)); /* for only left right */
	--section-padding-t-b: clamp(4rem, 6vw, 8rem); /* for only top bottom */
	--section-padding: var(--section-padding-t-b) 0;

	--width-content: 65rem;
	--width-wide: 78rem;
	--width-nav: 78rem;
	--width-medium: var(--width-content);
	--width-narrow: 55rem;
}

/*
__BREAKPOINTS__

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}

*/

/* ------------------------------------------------
Self-Hosted Fonts (N/A if using google fonts)
------------------------------------------------ */


/* ------------------------------------------------
Visibility Classes
------------------------------------------------ */

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

.invisible {
	visibility: hidden;
}

/* Screen reader visibility classes */
/* Need a "hide-for-sr" class? Add aria-hidden='true' to the element */
.show-for-sr,
.show-on-focus {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

/* Only display the element when it's focused */
.show-on-focus:active,
.show-on-focus:focus {
	position: static !important;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal;
}

/* Landscape and portrait visibility */
.show-for-landscape,
.hide-for-portrait {
	display: block !important;
}
@media screen and (orientation: landscape) {
	.show-for-landscape,
	.hide-for-portrait {
	  display: block !important;
	}
}
@media screen and (orientation: portrait) {
	.show-for-landscape,
	.hide-for-portrait {
		display: none !important;
	}
}

.hide-for-landscape,
.show-for-portrait {
	display: none !important;
}
@media screen and (orientation: landscape) {
	.hide-for-landscape,
	.show-for-portrait {
		display: none !important;
	}
}
@media screen and (orientation: portrait) {
	.hide-for-landscape,
	.show-for-portrait {
		display: block !important;
	}
}


/* ------------------------------------------------
Global
------------------------------------------------ */

html {
	box-sizing: border-box;
	font-size: 16px;
	scroll-behavior: smooth;
}

/* Set box-sizing globally to handle padding and border widths */
*,
*::before,
*::after {
	box-sizing: inherit;
}

/* Default body styles */
body {
	margin: 0;
	padding: 0;
	background: var(--c-white);
	font-family: var(--font-body);
	font-weight: var(--global-weight-normal);
	font-size: var(--global-font-size);
	line-height: var(--global-lineheight);
	color: var(--c-dark);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* WP Fix */
:root body {
	font-family: var(--font-body);
	line-height:var(--global-lineheight);
}

.site {
	overflow: hidden;
}


img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}

/* Make sure textarea takes on height automatically */
textarea {
	height: auto;
	min-height: 5rem;
	border-radius: var(--global-radius);
}

/* Make select elements are 100% width by default */
select {
	box-sizing: border-box;
	width: 100%;
	border-radius: var(--global-radius);
}

/* Styles Google Maps and MapQuest embeds properly */
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
	max-width: none !important;
}

/* Reset <button> styles created by most browsers */
button {
	padding: 0;
	appearance: none;
	border: 0;
	border-radius: 0;
	background: transparent;
	line-height: 1;
	cursor: auto;
}

/* Prevent text overflow on pre */
pre {
	overflow: auto;
}

/* Make reset inherit font-family instead of settings sans-serif */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
}

/* Internal classes to show/hide elements in JavaScript */
.is-visible {
	display: block !important;
}

.is-hidden {
	display: none !important;
}


/* ------------------------------------------------
Typography
------------------------------------------------ */

/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Paragraphs */
p {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Emphasized text */
em,
i {
	font-style: italic;
	line-height: inherit;
}

/* Strong text */
strong,
b {
	font-weight: var(--global-weight-bold);
	line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	margin: 0.4em 0;

	--min-w: 375;
	--max-w: 1490;
	--min-fs: 10;
	--max-fs: 60;
	--slope: calc( ( var(--max-fs) - var(--min-fs) ) / ( var(--max-w) - var(--min-w) ) );
	--y-axis-inter: calc( calc( var(--min-w) * -1 ) * var(--slope) + var(--min-fs) );

	font-size: clamp( calc( var(--min-fs) * 1px ), calc( var(--y-axis-inter) * 1px ) + calc( var(--slope) * 100vw ) , calc( var(--max-fs) * 1px ) );
	font-family: var(--font-heading);
}

p:first-child,
ul:first-child,
ol:first-child,
h1:first-child, .h1:first-child,
h2:first-child, .h2:first-child,
h3:first-child, .h3:first-child,
h4:first-child, .h4:first-child,
h5:first-child, .h5:first-child,
h6:first-child, .h6:first-child {
	margin-top: 0;
}

.text-center ul,
.text-center ol {
	list-style-position: inside;
	margin-left: 0;
}

h1, .h1 {
	font-size: clamp(2.5rem, 6vw, 4rem);
	font-weight: 900;
	line-height: 1.1;
	text-transform: none;
}
h2, .h2 {
	--min-fs: 28;
	--max-fs: 44;
	font-weight: 700;
	line-height: 1.1;
	text-transform: none;
}
h3, .h3 {
	/* --min-fs: 27; */
	--min-fs: 22;
	--max-fs: 30;
	font-weight: 700;
	line-height: 1.1;
	font-family: var(--font-heading-alt);
	text-transform: none;
}
h4, .h4 {
	--min-fs: 18;
	--max-fs: 24;
	font-weight: 700;
	line-height: 1.1;
	font-family: var(--font-heading-alt);
	text-transform: none;
}
h5, .h5 {
	--min-fs: 16;
	--max-fs: 20;
	font-weight: 700;
	line-height: 1.1;
	font-family: var(--font-heading-alt);
	text-transform: none;
}
h6, .h6 {
	--min-fs: 16;
	--max-fs: 18;
	font-weight: 700;
	line-height: 1.1;
	font-family: var(--font-heading-alt);
	text-transform: none;
}

/* Links */
a:not(.btn) {
	line-height: inherit;
	color: var(--c-second);
	text-decoration-line: underline;
	text-underline-offset: 0.2em;
	transition: color 0.15s ease-out, background-color 0.15s ease-out, opacity 0.15s ease-out;
	cursor: pointer;
}

a:not(.btn):hover,
a:not(.btn)a:focus {
	color: var(--c-third);
}

a img {
	border: 0;
}

/* Horizontal rule */
hr,
.wp-block-separator {
	clear: both;
	height: 0;
	margin: 1.333em auto;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid var(--c-light);
	border-left: 0;
}

/* Lists */
ul,
ol,
dl {
	margin-top: 1.333em;
	margin-bottom: 1.333em;
	list-style-position: outside;
}

/* List items */
li {
	font-size: inherit;
	/* margin: 0.6em 0; */
}

/* Unordered lists */
ul {
	margin-left: 1.2em;
}

/* Ordered lists */
ol {
	margin-left: 1.2em;
}

/* Nested unordered/ordered lists */
ul ul,
ol ul,
ul ol,
ol ol {
	margin-left: 1.2em;
	margin-top: 0;
	margin-bottom: 0;
}

/* hr,
.wp-block-separator {
	border: 0;
	border-bottom: 1px dashed #ccc;
	background: #999;
} */
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.text-capitalize {
	text-transform: capitalize;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-lowercase {
	text-transform: lowercase;
}
.text-nowrap {
	white-space: nowrap !important;
}
.text-wrap {
	word-wrap: break-word !important;
}
.text-decoration-none,
.text-decoration-none a {
	text-decoration: none;
}

.text-second {
	color: var(--c-second)
}

.text-third {
	color: var(--c-third)
}

.font--small {
	font-size: .875em;
}
.font--large {
	font-size: 1.125em;
}

/* ------------------------------------------------
Misc Helper Classes
------------------------------------------------ */

.bg--main {
	background: var(--c-main);
	color: var(--c-white);
	--c-accent: var(--c-light);
	--c-background: var(--c-main);
	a:not(.btn), 
	:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		strong {
			color: var(--c-accent);
		}
	}
}
.bg--second {
	background: var(--c-second);
	color: var(--c-white);
	--c-accent: var(--c-light);
	--c-background: var(--c-second);
	a:not(.btn), 
	:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		strong {
			color: var(--c-accent);
		}
	}
}
.bg--third {
	background: var(--c-third);
	color: var(--c-white);
	--c-accent: var(--c-light);
	--c-background: var(--c-third);
	a:not(.btn), 
	:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		strong {
			color: var(--c-accent);
		}
	}
}
.bg--fourth {
	background: var(--c-fourth);
	color: var(--c-white);
	--c-accent: var(--c-second);
	--c-background: var(--c-fourth);
	a:not(.btn),
	:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		strong {
			color: var(--c-accent);
		}
	}
}
.bg--light {
	background: var(--c-light);
	color: var(--c-main);
	--c-accent: var(--c-second);
	--c-background: var(--c-light);
	a:not(.btn),
	:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		strong {
			color: var(--c-accent);
		}
	}
}
.bg--super-light {
	background: var(--c-super-light);
	color: var(--c-main);
	--c-accent: var(--c-second);
	--c-background: var(--c-super-light);
	a:not(.btn), 
	:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		strong {
			color: var(--c-accent);
		}
	}
}
.bg--white {
	background: var(--c-white);
	color: var(--c-main);
	--c-accent: var(--c-second);
	--c-background: var(--c-white);
	a:not(.btn), 
	:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		strong {
			color: var(--c-accent);
		}
	}
}
.bg--second-dark {
	background: var(--c-second-dark);
	color: var(--c-white);
	--c-accent: var(--c-light);
	--c-background: var(--c-second-dark);
	a:not(.btn), 
	:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		strong {
			color: var(--c-accent);
		}
	}
}
.bg--third-dark {
	background: var(--c-third-dark);
	color: var(--c-white);
	--c-accent: var(--c-light);
	--c-background: var(--c-third-dark);
	a:not(.btn), 
	:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		strong {
			color: var(--c-accent);
		}
	}
}

.pt-0 {
	padding-top: 0 !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.mt-0 {
	margin-top: 0 !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}


/* ------------------------------------------------
Layout
------------------------------------------------ */

.container,
.wp-block-group > .wp-block-group__inner-container,
.wp-block-cover > .wp-block-cover__inner-container {
	width: 100%;
	max-width: calc( var(--width-content) + var(--container-padding) * 2 );
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
}

.content-area {
	width: 100%;
	max-width: calc( var(--width-content) + var(--container-padding) * 2 );
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
}

.container--narrow {
	--width-content: var(--width-narrow);
}

.container--medium {
	--width-content: var(--width-medium);
}

.container--wide {
	--width-content: var(--width-wide);
}

section {
	padding: var(--section-padding);
	position: relative;
}

.alignwide {
	width: var(--container-width-wide);
	/* width: calc(1500px - var(--container-padding) * 2); */
	max-width: calc(100vw - var(--container-padding) * 2);
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	transform: translateX(calc(50vw - 50%));
}

.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.search .site-main,
.error404 .site-main,
.woocommerce-page .site-main {
	margin-top: 4rem;
}


/* ------------------------------------------------
Buttons
------------------------------------------------ */

/* Default */
.btn {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	transition: var(--global-transition);
	line-height: 1;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	padding: .65em 1em;
	font-family: var(--font-heading);
	font-size: 1.25rem;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--c-white);
	background-color: var(--c-second);
	border-radius: 2em;
	position: relative;
	z-index: 1;
}
.btn:hover,
.btn:focus {
	color: var(--c-white);
	background-color: var(--c-highlight);
}
.btn--primary {
	color: var(--c-white);
}
.btn--primary:hover,
.btn--primary:focus {
	color: var(--c-white);
	background: var(--c-highlight);
}
.btn--secondary {
	color: var(--c-white);
	background: var(--c-third);
}
.btn--secondary:hover,
.btn--secondary:focus {
	color: var(--c-main);
	background: var(--c-light);
}
.btn--tertiary {
	color: var(--c-main);
	background: var(--c-light);
}
.btn--tertiary:hover,
.btn--tertiary:focus {
	color: var(--c-main);
	background: var(--c-super-light);
}
.btn--large {
	font-size: 2rem;
}
.btn--medium {
	font-size: 1.5rem;
}
.btn--small {
	font-size: 1rem;
}

.btn-group {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: center;
}
.btn-group--center {
	justify-content: center;
}
.btn-offset {
	padding-top: 1rem;
}



/* ------------------------------------------------
Forms
------------------------------------------------ */

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea,
select {
	display: block;
	width: 100%;
	height: 3rem;
	padding: .5em .75em;
	margin-bottom: 1.5em;
	border: .125rem solid var(--c-third);
	border-radius: 0;
	background-color: var(--c-white);
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	line-height: 1.5;
	color: var(--c-main);
	transition: var(--global-transition);
	appearance: none;
}
[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea:focus,
select:focus {
	outline: none;
	border-color: var(--c-main);
}
textarea {
	height: auto;
	min-height: 12.5rem;
	max-width: 100%;
}
select:not([multiple]):not([class^="ui-"]) {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 2rem;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="7" viewBox="0 0 13 7"><path d="M6.5 7L0.00480997 0.25L12.9952 0.250001L6.5 7Z" fill="%23020A0A"/></svg>');
	background-origin: content-box;
	background-position: right -1.325rem center;
	background-repeat: no-repeat;
	background-size: .75rem .5rem;
}
select[multiple] {
	height: auto;
	background-image: none;
}
label {
	display: inline-block;
	line-height: 1.3em;
	font-weight: var(--global-weight-bold);
	margin: 0 0 .5em 0;
}


/* ------------------------------------------------
Header
------------------------------------------------ */

:root {
	--header-height: 4.5rem;
}
@media (min-width: 1200px) {
	:root {
		--header-height: 9.125rem;
	}
}
.site-header-container {
	height: var(--header-height);
}
.site-header {
	background-color: var(--c-white);
	position: fixed;
	z-index: 100;
	width: 100%;
	transition: var(--global-transition);
	box-shadow: 0 0 1rem rgba(0,0,0,.12);
}
.site-header[data-scroll-direction="up"] {
	transform: translateY(0%);
}
.site-header[data-scroll-direction="down"] {
	transform: translateY(-100%);
}
@media (max-width: 1199px) {
	.site-header.has-open-mobile-menu[data-scroll-direction="down"] {
		transform: translateY(0%);
	}
}
@media (min-width: 1200px) {
	.site-header-container {
		/* --header-height: 149px; */
	}
	.site-header {
		background-color: var(--c-white);
	}
}


.site-header__top {
	display: none;
	color: var(--c-white);
	background-color: var(--c-main);
	padding: 0;
	position: relative;
	z-index: 2;
}
.site-header__top-inner {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 1.25rem;
}
@media (min-width: 1200px) {
	.site-header__top {
		display: block;
	}
}


.header-search {
	display: grid;
	grid-template-columns: auto 2.25rem;
	border: 1px solid var(--c-white);
	width: 16rem;
	height: 2.25rem;
}
.header-search [type='search'] {
	padding: 0 0 0 .75rem;
	margin: 0;
	height: 100%;
	border: 0;
	background-color: transparent;
	font-size: 1rem;
	color: currentColor;
}
.header-search [type='search']::placeholder {
	color: var(--c-white);
	opacity: 0.75;
}
.header-search [type='submit'] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: var(--c-white);
	transition: color 0.15s ease-out;
	cursor: pointer;
}
.header-search [type='submit']:hover,
.header-search [type='submit']:focus-visible {
	color: var(--c-third);
}
.mobile-nav .header-search {
	width: 100%;
	margin-bottom: 1.5rem;
}


.site-header__main {
	padding: .75rem 0;
}
.site-header__main-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}
.site-header__logo {
	width: 12rem;
}
.site-header__menu {
	display: none;
	align-items: center;
	gap: 2rem;
	flex-shrink: 0;
}
@media (min-width: 1200px) {
	.site-header__logo {
		width: auto;
	}
	.site-header__menu {
		display: flex;
	}
}


/* ------------------------------------------------
Secondary Nav
------------------------------------------------ */

.secondary-nav {
	font-family: var(--font-body);
	font-size: .875rem;
	line-height: 1;
	/* margin-right: -.625rem; */
}
.secondary-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.secondary-nav li {
	padding: 0;
	margin: 0;
}
.secondary-nav a {
	color: currentColor;
	text-decoration: none;
	transition: var(--global-transition);
	text-transform: uppercase;
}

/* First/Top Level */
.secondary-nav > ul {
	display: flex;
	gap: .5em;
}
.secondary-nav > ul > li {
	position: relative;
	display: flex;
}
.secondary-nav > ul > li > a {
	display: flex;
	align-items: center;
	padding: 1em;
	position: relative;
}
.secondary-nav > ul > .menu-item-has-children > a {
	padding-right: 0;
}
/* .secondary-nav > ul > li.current-menu-ancestor > a,
.secondary-nav > ul > li.current-menu-item > a, */
.secondary-nav > ul > li > a:hover,
.secondary-nav > ul > li > a:focus {
	text-decoration: underline;
}
/* Toggle button */
.secondary-nav .submenu-toggle-button {
	cursor: pointer;
	display: flex;
	align-items: center;
	background-color: transparent;
	border: none;
	border-radius: 0;
	padding: 0 .5em;
}
.secondary-nav .submenu-toggle-button:after {
	content: '';
	display: block;
	width: 0.875em;
	height: 0.625em;

	background-color: currentColor;

	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'><path d='M6.46875 8.9375L0.375 2.875C0.09375 2.5625 0.09375 2.09375 0.375 1.8125L1.09375 1.09375C1.375 0.8125 1.84375 0.8125 2.15625 1.09375L7 5.90625L11.8125 1.09375C12.125 0.8125 12.5938 0.8125 12.875 1.09375L13.5938 1.8125C13.875 2.09375 13.875 2.5625 13.5938 2.875L7.5 8.9375C7.21875 9.21875 6.75 9.21875 6.46875 8.9375Z'/></svg>") no-repeat center / contain;
	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'><path d='M6.46875 8.9375L0.375 2.875C0.09375 2.5625 0.09375 2.09375 0.375 1.8125L1.09375 1.09375C1.375 0.8125 1.84375 0.8125 2.15625 1.09375L7 5.90625L11.8125 1.09375C12.125 0.8125 12.5938 0.8125 12.875 1.09375L13.5938 1.8125C13.875 2.09375 13.875 2.5625 13.5938 2.875L7.5 8.9375C7.21875 9.21875 6.75 9.21875 6.46875 8.9375Z'/></svg>") no-repeat center / contain;
}
.secondary-nav > ul > li.is-open .submenu-toggle-button:after {
	/* color: var(--c-third); */
	transform: rotate(180deg);
}
/* .secondary-nav > ul > li.current-menu-ancestor .submenu-toggle-button:after,
.secondary-nav > ul > li.current-menu-item .submenu-toggle-button:after {
	color: var(--c-third);
} */

/* Second Level / Dropdowns */
.secondary-nav .submenu {
	position: absolute;
	z-index: 1;
	top: 100%;
	left: .75rem;
	transform: translateY(1rem);
	min-width: 15rem;
	background-color: var(--c-white);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,0.1);
	padding: .5rem 1.25rem;
	visibility: hidden;
	opacity: 0;
	transition: var(--global-transition);
	line-height: 1.2;
}
/* opening the dropdown */
.secondary-nav > ul > li.is-open > .submenu {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}
.secondary-nav .submenu a {
	display: block;
	padding: .5rem 0;
	color: #333;
	text-decoration-color: transparent;
	text-decoration-line: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.3em;
	transition: color 0.15s ease-out, text-decoration-color 0.15s ease-out;
}
.secondary-nav .submenu a:hover,
.secondary-nav .submenu a:focus {
	color: var(--c-main);
	text-decoration-color: var(--c-main);
}


/* ------------------------------------------------
Primary Nav
------------------------------------------------ */

.primary-nav {
	display: none;
	align-items: center;
	justify-content: space-between;
	font-size: 1rem;
	line-height: 1;
}
.primary-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.primary-nav li {
	padding: 0;
	margin: 0;
}
.primary-nav a {
	color: currentColor;
	text-decoration: none;
	transition: var(--global-transition);
}

/* First/Top Level */
.primary-nav > ul {
	display: flex;
	gap: 8px;
}
.primary-nav > ul > li {
	position: relative;
	display: flex;
	border-radius: .5rem;
	transition: all .3s;
}
.primary-nav > ul > li.menu-item-has-children {
	border-radius: .5rem .5rem 0 0;
}
.primary-nav > ul > li > a {
	display: flex;
	align-items: center;
	font-weight: var(--global-weight-bold);
	font-family: var(--font-heading);
	text-transform: uppercase;
	padding: 1em;
	border-radius: var(--global-radius);
	/* position: relative; */
}
.primary-nav > ul > li:hover,
.primary-nav > ul > li:focus,
.primary-nav > ul > li:focus-within {
	background: var(--c-super-light);
}
.primary-nav > ul > .menu-item-has-children > a {
	padding-right: 0;
}

/* Toggle button */
.primary-nav .submenu-toggle-button {
	cursor: pointer;
	display: flex;
	align-items: center;
	background-color: transparent;
	border: none;
	border-radius: 0;
	padding: 0 .75em;
}
.primary-nav .submenu-toggle-button:after {
	content: '';
	display: block;
	width: 0.875em;  /* matches 14px if text is 16px */
	height: 0.625em; /* matches .625rem if text is 16px */

	background-color: currentColor;

	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'><path d='M6.46875 8.9375L0.375 2.875C0.09375 2.5625 0.09375 2.09375 0.375 1.8125L1.09375 1.09375C1.375 0.8125 1.84375 0.8125 2.15625 1.09375L7 5.90625L11.8125 1.09375C12.125 0.8125 12.5938 0.8125 12.875 1.09375L13.5938 1.8125C13.875 2.09375 13.875 2.5625 13.5938 2.875L7.5 8.9375C7.21875 9.21875 6.75 9.21875 6.46875 8.9375Z'/></svg>") no-repeat center / contain;
	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'><path d='M6.46875 8.9375L0.375 2.875C0.09375 2.5625 0.09375 2.09375 0.375 1.8125L1.09375 1.09375C1.375 0.8125 1.84375 0.8125 2.15625 1.09375L7 5.90625L11.8125 1.09375C12.125 0.8125 12.5938 0.8125 12.875 1.09375L13.5938 1.8125C13.875 2.09375 13.875 2.5625 13.5938 2.875L7.5 8.9375C7.21875 9.21875 6.75 9.21875 6.46875 8.9375Z'/></svg>") no-repeat center / contain;
}
.primary-nav > ul > li.is-open .submenu-toggle-button:after {
	transform: rotate(180deg);
}



/* Second Level / Dropdowns */
.primary-nav .submenu {
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 0;
	transform: translateY(1rem);
	min-width: 18rem;
	background-color: var(--c-super-light);
	padding: 0;
	visibility: hidden;
	opacity: 0;
	transition: var(--global-transition);
	line-height: 1.2;
	font-weight: var(--global-weight-bold);
	font-size: 1rem;
	border-radius: 0 .5rem .5rem .5rem;
}
/* opening the dropdown */
.primary-nav > ul > li.is-open > .submenu {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
	padding: .5em 0;
}
.primary-nav .submenu a {
	display: block;
	padding: .75em 1em;
	color: var(--c-main);
	text-decoration-color: var(--c-second);
	transition: var(--global-transition);
	/* border-bottom: 1px solid rgba(0,0,0,0.1); */
}
.primary-nav > ul .submenu li.current-menu-ancestor > a,
.primary-nav > ul .submenu li.current-menu-item > a,
.primary-nav .submenu a:hover,
.primary-nav .submenu a:focus {
	color: var(--c-dark);
	text-decoration: underline;
	text-decoration-color: var(--c-second);
}


@media (min-width: 1200px) {
	.primary-nav {
		display: flex;
	}
}


/* ------------------------------------------------
Mobile Nav
------------------------------------------------ */

.mobile-nav {
	display: flex;
}
@media (min-width: 1200px) {
	.mobile-nav {
		display: none;
	}
}

/* Mobile Toggle Button */
.mobile-nav__toggle {
	cursor: pointer;
	position: relative;
	width: 3rem;
	height: 3rem;
	background-color: transparent;
}
.mobile-nav__toggle span {
	display: block;
	width: 2.5rem;
	height: .375rem;
	background: var(--c-main);
	position: absolute;
	border-radius: .125rem;
	left: .25rem;
}
.mobile-nav__toggle span:nth-child(1) {
	top: .5rem;
	transition: var(--global-transition);
}
.mobile-nav__toggle span:nth-child(2) {
	top: calc((3rem / 2) - (0.375rem / 2));
	transition: var(--global-transition);
}
.mobile-nav__toggle span:nth-child(3) {
	top: 2.125rem;
	transition: var(--global-transition);
}

[data-whatintent='touch'] .mobile-nav__toggle span:nth-child(1) {
	transition: var(--global-transition);
}
[data-whatintent='touch'] .mobile-nav__toggle span:nth-child(2) {
	transition: var(--global-transition);
}
[data-whatintent='touch'] .mobile-nav__toggle span:nth-child(3) {
	transition: var(--global-transition);
}

html:not([data-whatintent='touch']) .mobile-nav__toggle:hover span,
html:not([data-whatintent='touch']) .mobile-nav__toggle:focus-visible span {
	background: var(--c-second);
}

/* Button toggled open */
.mobile-nav__toggle.is-open span:nth-child(1) {
	top: 1.125rem;
	transform: rotate(-45deg);
	transition: var(--global-transition);
}
.mobile-nav__toggle.is-open span:nth-child(2) {
	opacity: 0;
}
.mobile-nav__toggle.is-open span:nth-child(3) {
	top: 1.125rem;
	transform: rotate(45deg);
	transition: var(--global-transition);
}

[data-whatintent='touch'] .mobile-nav__toggle.is-open span:nth-child(1) {
	transition: var(--global-transition);
}
[data-whatintent='touch'] .mobile-nav__toggle.is-open span:nth-child(2) {
	transition: var(--global-transition);
}
[data-whatintent='touch'] .mobile-nav__toggle.is-open span:nth-child(3) {
	transition: var(--global-transition);
}



/* Mobile Menu */
.mobile-nav__menu {
	position: absolute;
	top: 100%;
	right: 0;
	transition: opacity 0.15s ease-out, transform 0.15s ease-out;
	color: var(--c-main);
	background-color: var(--c-super-light);
	width: 100%;
	height: calc(100dvh - var(--header-height));
	padding: 1.25rem var(--container-padding);
	overflow-y: auto;
	transform: translateX(100%);
	box-shadow: 0 1.25rem 1.25rem rgba(0,0,0,0.05);
}
@media (min-width: 576px) {
	.mobile-nav__menu {
		width: 20rem;
		padding: 1.25rem 2rem;
	}
}
.mobile-nav__menu:not(.is-open) {
	display: none;
}
.mobile-nav__menu.animate-in {
	transform: translateX(0);
}

/* Mobile Menu Navs */
.mobile-nav__nav {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1.1;
}
.mobile-nav__nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.mobile-nav__nav li {
	padding: 0;
	margin: 0;
}
.mobile-nav__nav a {
	display: block;
	text-decoration-color: transparent;
	text-decoration-line: underline;
	transition: color 0.15s ease-out, text-decoration-color 0.15s ease-out;
}

/* First Level */
.mobile-nav__nav > li.menu-item-has-children {
	display: grid;
	grid-template-columns: auto 2.75rem;
}
.mobile-nav__nav > li > a {
	padding: .75em .5em .75em 0;
	font-weight: var(--global-weight-bold);
	color: currentColor;
	text-transform: uppercase;
	text-underline-offset: 0.2em;
}
.mobile-nav__nav > li.current-menu-ancestor > a,
.mobile-nav__nav > li.current-menu-item > a,
.mobile-nav__nav > li > a:hover,
.mobile-nav__nav > li > a:focus {
	text-decoration-color: var(--c-second);
}

/* Second Level */
.mobile-nav__nav > li > ul {
	grid-column: 1 / -1;
	margin-left: 1em;
	padding-bottom: .5em;
	transition: height 0.15s ease-out;
}
.mobile-nav__nav > li > ul:not(.is-open) {
	display: none;
}
.mobile-nav__nav .submenu a {
	padding: .5em 0;
	color: var(--c-main);
	text-underline-offset: 0.3em;
}
.mobile-nav__nav .submenu li.current-menu-ancestor > a,
.mobile-nav__nav .submenu li.current-menu-item > a,
.mobile-nav__nav .submenu a:hover,
.mobile-nav__nav .submenu a:focus {
	color: var(--c-main);
	text-decoration-color: var(--c-second);
}

.mobile-nav__nav .is-attachments > ul > li > a {
	font-weight: var(--global-weight-bold);
	text-transform: uppercase;
}

/* Submenu Toggle */
.mobile-nav__nav .submenu-toggle-button {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: none;
	border-radius: 0;
}
.mobile-nav__nav .submenu-toggle-button:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	color: var(--c-main);
	border-left: .25rem solid transparent;
	border-right: .25rem solid transparent;
	border-top: .325rem solid currentColor;
	transition: var(--global-transition);
}
html:not([data-whatintent='touch']) .mobile-nav__nav .submenu-toggle-button:hover:after,
html:not([data-whatintent='touch']) .mobile-nav__nav .submenu-toggle-button:focus-visible:after {
	color: var(--c-second);
}
.mobile-nav__nav .submenu-toggle-button[aria-expanded="true"]:after {
	transform: rotate(180deg);
}

/* Secondary Nav */
.mobile-nav__nav-secondary {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}


/* Overlay when mobile menu is open */
body.has-open-mobile-menu .site:before,
body.has-open-mobile-menu .site:after {
	content: '';
	display: block;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	right: 0;
	height: 100dvh;
}
body.has-open-mobile-menu .site:before {
	opacity: 0.2;
	background-color: var(--c-light);
}
body.has-open-mobile-menu .site:after {
	opacity: 0.5;
	background-color: var(--c-white);
}
@media (min-width: 1200px) {
	body.has-open-mobile-menu .site:before,
	body.has-open-mobile-menu .site:after {
		 display: none;
	}
}


#hubspot-messages-iframe-container {
	transition: opacity 0.15s ease-out, transform 0.15s ease-out;
}
body.has-open-mobile-menu #hubspot-messages-iframe-container {
	transform: translateY(100%);
	opacity: 0;
}




/* ------------------------------------------------
Footer
------------------------------------------------ */

.site-footer {
	position: relative;
	padding: var(--section-padding);
	font-size: 1rem;
	background: var(--c-super-light);
	color: var(--c-main);
	box-shadow: 0 0 1rem rgba(0,0,0,.12);
}
.site-footer__container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem
}
@media (min-width: 840px) {
	.site-footer__container {
		grid-template-columns: 1fr 3fr;
	}
}
@media (min-width: 1040px) {
	.site-footer__container {
		grid-template-columns: 1fr 2fr;
	}
}
.site-footer a {
	color: var(--c-second);
	text-decoration: none;
}
.site-footer a:hover,
.site-footer a:focus {
	color: var(--c-third);
	text-decoration: underline;
}

.site-footer__logo {
	display: block;
	margin-bottom: 1rem;
}
.site-footer__contact {
	font-size: 1rem;
}

.site-footer__socials {
	display: flex;
	flex-flow: row wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 1rem;
}
.site-footer__socials li {
	margin: 0;
	padding: 0;
}
.site-footer__socials a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	color: var(--c-second);
	transition: color 0.15s ease-in;
}
.site-footer__socials a svg {
	width: 2rem;
	height: 2rem;
}
.site-footer__socials a:hover,
.site-footer__socials a:focus {
	color: var(--c-highlight);
}
.site-footer__footer-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.25rem;
}
@media (min-width: 720px) {
	.site-footer__footer-nav > ul {	
		columns: 3;
	}
	.site-footer__footer-nav > ul > li {	
		break-inside: avoid;
	}
}
.site-footer__footer-nav > ul > li > a {
	font-weight: var(--global-weight-bold);
	text-transform: uppercase;
}
.site-footer__footer-nav > ul > li > ul {
	margin-bottom: 2rem;
}
.site-footer__legal {
	padding-top: 2rem;
	margin-top: 2rem;
	border-top: 1px solid var(--c-third);
}



/* ------------------------------------------------
Gravity Forms
------------------------------------------------ */

/* fields */
.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
	font-size: inherit !important;
	padding: 8px 13px !important;
}
.gform_wrapper.gravity-theme .ginput_container_time {
	min-width: 80px !important;
	max-width: 80px !important;
}
.gform_wrapper.gravity-theme select:not([multiple]):not(.ui-datepicker-month) {
	padding-right: 32px !important;
}

/* labels */
.gform_wrapper.gravity-theme .gfield_label {
	font-size: inherit !important;
	font-weight: 600 !important;
}
.gform_wrapper.gravity-theme .gform-field-label--type-inline {
	display: inline;
	font-weight: normal;
}
.gform_wrapper.gravity-theme .gfield_checkbox label,
.gform_wrapper.gravity-theme .gfield_radio label {
	font-size: inherit !important;
}
.gform_wrapper.gravity-theme .gfield_required {
	font-size: inherit !important;
}

/* button */
.gform_wrapper.gravity-theme .gform_button {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none ;
	transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
	line-height: 1 !important;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	padding: 0.5em 0.6em;
	font-family: var(--font-heading);
	font-size: 1.125rem;
	font-weight: var(--global-weight-bold);
	text-transform: uppercase;
	color: var(--c-white);
	background-color: var(--c-second);
	border: 2px solid transparent;
	border-radius: var(--global-radius);
	position: relative;
	z-index: 1;
}
.gform_wrapper.gravity-theme .gform_button:hover,
.gform_wrapper.gravity-theme .gform_button:focus {
	color: var(--c-white);
	background-color: var(--c-highlight);
}

/* error message */
.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
	font-family: var(--font-heading);
	font-size: 1rem !important;
	line-height: 1.3 !important;
}

.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
	position: relative;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 1px 4px rgba(0,0,0,.11),0 0 4px rgba(18,25,97,.041);
	padding: 7px 7px 7px 28px !important;
	line-height: 1.3 !important;
}
.gform_wrapper.gravity-theme .gfield_validation_message:before,
.gform_wrapper.gravity-theme .validation_message:before {
	content: '\02191';
	position: absolute;
	left: 10px;
}

/* success */
.gform_confirmation_message {
	background-color: #e9f3e9;
	border: 2px solid #008000;
	padding: 20px;
}





/* ------------------------------------------------
HubSpot Forms
------------------------------------------------ */


/* Layout */

.hbspt-form fieldset {
	max-width: inherit !important;
}
.hbspt-form fieldset.form-columns-1 .hs-form-field,
.hbspt-form fieldset.form-columns-2 .hs-form-field,
.hbspt-form fieldset.form-columns-3 .hs-form-field {
	float: none !important;
	width: 100% !important;
}
.hbspt-form fieldset.form-columns-1 .hs-form-field .hs-input:not([type=checkbox]):not([type=radio]),
.hbspt-form fieldset.form-columns-2 .hs-form-field .hs-input:not([type=checkbox]):not([type=radio]),
.hbspt-form fieldset.form-columns-3 .hs-form-field .hs-input:not([type=checkbox]):not([type=radio]) {
	width: 100% !important;
}

@media (min-width: 576px) {
	.hbspt-form fieldset.form-columns-2,
	.hbspt-form fieldset.form-columns-3 {
		display: grid;
		column-gap: 1rem;
	}
	.hbspt-form fieldset.form-columns-2 {
		grid-template-columns: repeat(2, 1fr);
	}
	.hbspt-form fieldset.form-columns-3 {
		grid-template-columns: repeat(3, 1fr);
	}
}


/* Inputs List */

.hbspt-form ul.inputs-list li {
	margin: 0;
}
.hbspt-form ul.inputs-list:not(.hs-error-msgs) {
	margin: 0 0 1.5rem 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}
.hbspt-form ul.inputs-list:not(.hs-error-msgs) label {
	display: inline-grid;
	grid-auto-flow: column;
	align-items: baseline;
	column-gap: 0.625rem;
}
.hbspt-form ul.inputs-list:not(.hs-error-msgs) span {
	font-weight: var(--global-weight-normal);
}


/* Error */

.hbspt-form .hs-form-required {
	color: var(--c-second);
	margin-left: 0.125rem;
}
.hbspt-form .hs-input.invalid {
	border-color: var(--c-second);
}
.hbspt-form .hs-error-msgs {
	margin: 0;
	list-style: none;
	color: var(--c-second);
}
.hbspt-form div:not(.hs_error_rollup) .hs-error-msgs {
	position: relative;
	top: -1.25rem;
	padding-left: 1.25rem;
}
.hbspt-form div:not(.hs_error_rollup) .hs-error-msgs:before {
	content: '\02191';
	position: absolute;
	left: 0;
}
.hbspt-form .hs-error-msg {
	font-weight: var(--global-weight-normal);
}


/* Legal */

.hbspt-form .legal-consent-container .hs-richtext {
	margin: 1.3em 0;
}
.hbspt-form .legal-consent-container .hs-form-booleancheckbox-display > span {
	margin: 0 !important;
}


/* Captcha */

.hbspt-form .hs_recaptcha {
	margin-bottom: 1.5rem;
}


/* Button */

.hbspt-form .hs-button {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none ;
	transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	padding: 1.11em 1.7em;
	font-family: var(--font-heading);
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	color: black;
	background-color: var(--c-second);
	border: 1.5px solid var(--c-second);
	border-radius: 0;
	position: relative;
	z-index: 1;
}
.hbspt-form .hs-button:hover,
.hbspt-form .hs-button:focus {
	color: white;
	background-color: var(--c-highlight);
	border-color: var(--c-highlight);
}


/* Success */

.hbspt-form .submitted-message {
	background-color: #e9f3e9;
	border: 2px solid #008000;
	padding: 1.25rem;
	text-align: center;
}





/* ------------------------------------------------
WooCommerce
------------------------------------------------ */


/* Forms */
.woocommerce form .form-row {
	padding: 0;
}
.woocommerce form .form-row label {
	line-height: 1.3;
	margin-top: 10px;
}

.woocommerce form .woocommerce-form__label-for-checkbox {
	font-weight: normal;
}

.woocommerce .quantity .qty {
	width: 90px;
}


/* Select2 */
.select2-container--default .select2-selection--single {
	border: 2px solid #CCC;
	border-radius: 0;
	height: 48px;
	margin: 0;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 44px;
	padding-left: 13px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 46px;
	width: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-top-color: black;
	border-width: 7px 7px 0 7px;
	margin-left: -7px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-bottom-color: black;
	border-width: 0 7px 7px 7px;
}
.select2-dropdown {
	border: 2px solid #CCC;
	border-radius: 0;
}
.select2-search--dropdown {
	padding: 13px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 2px solid #CCC;
	margin: 0;
	padding: 8px 13px;
}
.select2-results__option {
	margin: 0;
	padding: 6px 13px;
}









/* Button Overrides */

/* -- Default and Alt Buttons */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	font-family: var(--font-heading);
	font-size: 22px;
	font-weight: var(--global-weight-normal);
	text-transform: uppercase;
	color: white;
	background-color: var(--c-second);
	border: 2px solid transparent;
	border-radius: 0;
	padding: 0.5em 0.6em;
	transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: var(--c-second);
}
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus-visible,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit.alt:focus-visible,
.woocommerce a.button:hover,
.woocommerce a.button:focus-visible,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus-visible,
.woocommerce button.button:hover,
.woocommerce button.button:focus-visible,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus-visible,
.woocommerce input.button:hover,
.woocommerce input.button:focus-visible,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus-visible {
	color: white;
	background-color: black;
}



/* -- Item added to cart */
.woocommerce #respond input#submit.loading,
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading {
	background-color: var(--c-second);
}



/* -- Foward Button */
/* Add arrow to buttons with .wc-forward */
.woocommerce a.button.wc-forward {
	padding: 0.5em calc(1.3em + 7px) 0.5em 0.6em;
}
.woocommerce a.button.wc-forward:after {
	content: '';
	display: block;
	position: absolute;
	right: 0.6em;
	top: 0.7em;
	transition: transform 0.15s 0.3s ease-out;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid currentColor;
}
.woocommerce a.button.wc-forward:before {
	content: '';
	display: block;
	position: absolute;
	right: calc(0.4em + 6px);
	top: 0.975em;
	transition: width 0.15s 0.3s ease-out;
	width: 0;
	height: 2px;
	background-color: currentcolor;
}
.woocommerce a.button.wc-forward:hover:after,
.woocommerce a.button.wc-forward:focus:after {
	transform: translateX(0.2em);
}
.woocommerce a.button.wc-forward:hover:before,
.woocommerce a.button.wc-forward:focus:before {
	width: 14px;
}



/* -- Checkout Button */
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
	padding: 1em calc(2em + 7px) 1em 1em;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:after,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:after,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:after {
	right: 1.2em;
	top: 1.2em;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:before,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:before,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:before {
	right: calc(1em + 6px);
	top: 1.465em;
}



/* -- Disabled Button */
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit.disabled:focus-visible,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled:focus-visible,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce #respond input#submit:disabled[disabled]:focus-visible,
.woocommerce a.button.disabled,
.woocommerce a.button.disabled:hover,
.woocommerce a.button.disabled:focus-visible,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled:focus-visible,
.woocommerce a.button:disabled[disabled],
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce a.button:disabled[disabled]:focus-visible,
.woocommerce button.button.disabled,
.woocommerce button.button.disabled:hover,
.woocommerce button.button.disabled:focus-visible,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled:focus-visible,
.woocommerce button.button:disabled[disabled],
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce button.button:disabled[disabled]:focus-visible,
.woocommerce input.button.disabled,
.woocommerce input.button.disabled:hover,
.woocommerce input.button.disabled:focus-visible,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled:focus-visible,
.woocommerce input.button:disabled[disabled],
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce input.button:disabled[disabled]:focus-visible {
	color: black;
	background-color: #e9e6ed;
	padding: 0.5em 0.6em;
}



/* Product Loop */

.woocommerce ul.products {
	display: grid;
	gap: 70px 40px;
}
.woocommerce ul.products {
	grid-template-columns: repeat(2,1fr);
}
@media (min-width: 768px) {
	.woocommerce ul.products.columns-3 {
		grid-template-columns: repeat(3,1fr);
	}
	.woocommerce ul.products.columns-4 {
		grid-template-columns: repeat(4,1fr);
	}
}
.woocommerce ul.products::after,
.woocommerce ul.products::before {
	content: none;
}
.woocommerce ul.products li.product {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
	display: block;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product a.woocommerce-loop-product__link:focus .woocommerce-loop-product__title {
	color: var(--c-second);
}
.woocommerce ul.products li.product a img {
	aspect-ratio: 1;
	object-fit: contain;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
	font-size: 28px;
	color: black;
	transition: color 0.15s ease-out;
}
.woocommerce ul.products li.product .price {
	font-size: 1rem;
	color: black;
}


.woocommerce nav.woocommerce-pagination {
	margin-top: 70px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	color: black;
	padding: 0.75em;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
	color: var(--c-second);
	background-color: #e6e6e6;
}



/* Product Page */

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: black;
}



/* Cart */

.woocommerce a.remove {
	width: 30px;
	height: 30px;
	transition: color 0.15s ease-out, background-color 0.15s ease-out;
}

.woocommerce table.shop_table {
	border-radius: 0;
}

@media (max-width: 768px) {
	.woocommerce table.shop_table_responsive td.product-quantity .quantity {
		display: flex;
		justify-content: end;
	}
}



/* Checkout */

#add_payment_method .checkout .col-2 h3#ship-to-different-address,
.woocommerce-cart .checkout .col-2 h3#ship-to-different-address,
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
	font-size: 1rem;
}



/* Payment Methods */

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	background-color: #f6f6f6;
	border-radius: 0;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	background-color: #f6f6f6;
	border-radius: 0;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
	background-color: #e6e6e6;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: #e6e6e6;
}
#add_payment_method #payment div.payment_box fieldset,
.woocommerce-cart #payment div.payment_box fieldset,
.woocommerce-checkout #payment div.payment_box fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
#add_payment_method #payment div.payment_box input.input-text,
#add_payment_method #payment div.payment_box textarea,
.woocommerce-cart #payment div.payment_box input.input-text,
.woocommerce-cart #payment div.payment_box textarea,
.woocommerce-checkout #payment div.payment_box input.input-text,
.woocommerce-checkout #payment div.payment_box textarea {
	border-color: #ccc;
}
#add_payment_method #payment div.payment_box input.input-text:focus,
#add_payment_method #payment div.payment_box textarea:focus,
.woocommerce-cart #payment div.payment_box input.input-text:focus,
.woocommerce-cart #payment div.payment_box textarea:focus,
.woocommerce-checkout #payment div.payment_box input.input-text:focus,
.woocommerce-checkout #payment div.payment_box textarea:focus {
	border-color: black;
}
#add_payment_method #payment div.payment_box ::-webkit-input-placeholder,
.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder,
.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder {
	color: #8e8e8e;
}
#add_payment_method #payment div.payment_box :-moz-placeholder,
.woocommerce-cart #payment div.payment_box :-moz-placeholder,
.woocommerce-checkout #payment div.payment_box :-moz-placeholder {
	color: #8e8e8e;
}
#add_payment_method #payment div.payment_box :-ms-input-placeholder,
.woocommerce-cart #payment div.payment_box :-ms-input-placeholder,
.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder {
	color: #8e8e8e;
}
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
	margin: 0 0.5em 0 0;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
	border-bottom-color: #e6e6e6;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	border-radius: 0;
}



/* Account Navigation */

.woocommerce-MyAccount-navigation {
	margin-bottom: 30px;
}
.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.woocommerce-MyAccount-navigation ul li {
	margin: 0;
	padding: 0;
}
.woocommerce-MyAccount-navigation ul a {
	display: flex;
	align-items: center;
	position: relative;
	text-decoration: none;
	color: black;
	font-weight: var(--global-weight-normal);
	line-height: 1.2em;
	padding: 12px 0 12px 15px;
	border-style: solid;
	border-width: 1px 0 0 3px;
	border-color: #eceded;
	transition: color 0.15s ease-out, border-color 0.15s ease-out;
}
.woocommerce-MyAccount-navigation ul li:last-child a {
	border-bottom-width: 1px;
}
.woocommerce-MyAccount-navigation ul a:hover,
.woocommerce-MyAccount-navigation ul a:focus {
	color: var(--c-second);
	border-left-color: var(--c-second);
}

li.woocommerce-MyAccount-navigation-link--customer-logout a:after {
	display: inline-block;
	content: '';
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 512 512"><path d="M96 480h64C177.7 480 192 465.7 192 448S177.7 416 160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64C177.7 96 192 81.67 192 64S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256C0 437 42.98 480 96 480zM504.8 238.5l-144.1-136c-6.975-6.578-17.2-8.375-26-4.594c-8.803 3.797-14.51 12.47-14.51 22.05l-.0918 72l-128-.001c-17.69 0-32.02 14.33-32.02 32v64c0 17.67 14.34 32 32.02 32l128 .001l.0918 71.1c0 9.578 5.707 18.25 14.51 22.05c8.803 3.781 19.03 1.984 26-4.594l144.1-136C514.4 264.4 514.4 247.6 504.8 238.5z" fill="%23020A0A"/></svg>');
	background-repeat: no-repeat;
	width: 16px;
	height: 15px;
	margin-left: 10px;
	transition: filter 0.15s ease-out;
}
li.woocommerce-MyAccount-navigation-link--customer-logout a:hover:after {
	filter: invert(17%) sepia(98%) saturate(3780%) hue-rotate(350deg) brightness(80%) contrast(99%);
}


/* -- Active Menu Item */
.woocommerce-MyAccount-navigation ul li.is-active a {
	border-left-color: var(--c-second);
	font-weight: bold;
	color: var(--c-second);
}
.woocommerce-MyAccount-navigation ul li.is-active a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid var(--c-second);
}


@media (min-width: 769px) {
	.woocommerce-MyAccount-navigation {
		padding-right: 30px;
	}
	.woocommerce-MyAccount-navigation ul a {
		border-left-width: 0;
		border-right-width: 3px;
		padding-left: 0;
		padding-right: 15px;
	}
	.woocommerce-MyAccount-navigation ul a:hover,
	.woocommerce-MyAccount-navigation ul a:focus {
		border-right-color: var(--c-second);
	}
	/* Active Menu Item*/
	.woocommerce-MyAccount-navigation ul li.is-active a {
		border-right-color: var(--c-second);
	}
	.woocommerce-MyAccount-navigation ul li.is-active a:before {
		left: initial;
		right: 0;
		border-left: 7px solid transparent;
		border-right: 7px solid var(--c-second);
	}
}


/* Addresses  */

.woocommerce-Address-title h3 {
	font-size: 20px;
}



/* Password Reset */

.woocommerce form.woocommerce-ResetPassword .form-row {
	float: none;
}



/* Miscellaneous */

.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
	margin-bottom: 2em;
}

/* ------------------------------------------------
Blog
------------------------------------------------ */
.news-post__social-share {
	display: flex;
	gap: 1rem;
	justify-content: flex-end;
	margin-bottom: 2rem;
}
.news-post__img-wrap {
	position: relative;
}
.news-post__img-wrap img {
	border-radius: var(--global-radius);
}
.news-post__img-wrap::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-attachment: fixed;
	mix-blend-mode: multiply;
	opacity: .3;
}
/* was in module moved here to reuse for blog */
.posts-cards__cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}
.posts-cards__cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}
.posts-cards__cards a {
    text-decoration: none;
}
.posts-cards__cards h3 {
    font-size: 1.25rem;
    font-family: var(--font-heading-alt);
}
.posts-cards__card-img {
    aspect-ratio: 65/40;
    width: 100%;
    object-fit: cover;
}
@media(min-width:640px) {
    .posts-cards__cards {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ------------------------------------------------
Search
------------------------------------------------ */

@media (min-width: 1200px) {
	body.search .site-main {
		min-height: 18rem;
	}
}

body.search .site-footer {
	margin-top: 8rem !important;
}
@media (min-width: 768px) {
	body.search .site-footer {
		margin-top: 11rem !important;
	}
}

.search-form {
	display: flex;
	margin: 1.333em 0;
}
.search-form input {
	margin: 0;
}
.search-form label {
	flex: 1 1 auto;
}
.search-form .search-submit {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none ;
	transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	height: 3rem;
	padding: 0 1.5em;
	font-family: var(--font-heading);
	font-size: .875rem;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--c-main);
	background-color: var(--c-second);
	border: 1.5px solid var(--c-second);
	border-radius: 0;
}
.search-form .search-submit:hover,
.search-form .search-submit:focus {
	color: var(--c-white);
	background-color: var(--c-highlight);
	border-color: var(--c-highlight);
}



/* ------------------------------------------------
MISC
------------------------------------------------ */

:is(vimeo-embed, youtube-embed) {
	aspect-ratio: 16 / 9;
	display: grid;
	width: 100%;
	position: relative;
	background-color: black;
}
:is(vimeo-embed, youtube-embed) button {
	cursor: pointer;
	aspect-ratio: 1;
	width: 14%;
	background-color: black;
	box-shadow: 0 4px 4px rgba(0,0,0,0.25);
	border: 0;
	border-radius: 50%;
	opacity: 0.8;
	display: grid;
	place-self: center;
	transition: opacity 0.15s ease-out;
	z-index: 3;
}
:is(vimeo-embed, youtube-embed) button::before {
	content: '';
	display: block;
	aspect-ratio: 1;
	width: 50%;
	background-color: var(--c-second);
	clip-path: polygon(20% 0%, 20% 100%, 100% 50%);
	place-self: center;
}
:is(vimeo-embed, youtube-embed) button::after {
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
:is(vimeo-embed, youtube-embed) :is(iframe, img) {
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: inherit;
	object-fit: cover !important;
	position: absolute;
}
:is(vimeo-embed, youtube-embed) img {
	z-index: 2;
	transition: opacity 0.15s ease-out;
}
:is(vimeo-embed, youtube-embed) iframe {
	z-index: 1;
}
:is(vimeo-embed, youtube-embed) iframe:not([src=""]) ~ button {
	display: none;
}
:is(vimeo-embed, youtube-embed) iframe:not([src=""]) ~ img {
	z-index: 0;
	opacity: 0;
}
:is(vimeo-embed, youtube-embed) button:hover ,
:is(vimeo-embed, youtube-embed) button:focus {
	opacity: 1;
}

/*------------------------------------*\
    #Theme Specific - Berry Theme
\*------------------------------------*/

section.has-accent {
	position: relative;
}
.has-accent .container {
	position: relative;
	z-index: 2;
}
.has-accent .accent {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	z-index: 1;
	clip-path: border-box;
}
.has-accent .accent--01::before {
	content: "";
	display: block;
    position: fixed;
    top: -5%;
    right: 90%;
    width: clamp(26rem, 40vw, 60rem);
    height: clamp(26rem, 40vw, 60rem);
    aspect-ratio: 1/1;
    background: transparent;
    border: 3rem solid var(--c-accent);
    border-radius: 20%;
    transform: rotate(-15deg);
    z-index: 1;
    opacity: .1;
}
.has-accent .accent--01::after {
	content: "";
	display: block;
    position: fixed;
    bottom: 20%;
    left: 94%;
    width: clamp(8rem, 8vw, 12rem);
    height: clamp(8rem, 8vw, 12rem);
    aspect-ratio: 1/1;
    background: var(--c-accent);
    border-radius: 20%;
    transform: rotate(-15deg);
    z-index: 1;
    opacity: .1;
}
.has-accent .accent--02::after {
	content: "";
	display: block;
    position: fixed;
    top: 75%;
    left: 54%;
    width: clamp(40rem, 55vw, 80rem);
    height: clamp(40rem, 55vw, 80rem);
    aspect-ratio: 1/1;
    background: transparent;
    border: 3rem solid var(--c-accent);
    border-radius: 20%;
    transform: rotate(-15deg);
    z-index: 1;
    opacity: .1;
}
.has-accent .accent--02::before {
	content: "";
	display: block;
    position: fixed;
    right: 85%;
    bottom: 80%;
    width: clamp(35rem, 50vw, 70rem);
    height: clamp(35rem, 50vw, 70rem);
    aspect-ratio: 1/1;
    background: transparent;
    border: 2rem solid var(--c-accent);
    border-radius: 20%;
    transform: rotate(-15deg);
    z-index: 1;
    opacity: .15;
}
.has-accent .accent--03::after {
	content: "";
	display: block;
    position: absolute;
    bottom: -2rem;
    left: 6rem;
    width: 5.5rem;
    height: 5.5rem;
    aspect-ratio: 1/1;
    background: transparent;
	border: .5rem solid currentColor;
    border-radius: 20%;
    transform: rotate(-15deg);
    z-index: 1;
    opacity: 1;
}
.has-accent .accent--03::before {
	content: "";
	display: block;
    position: absolute;
    bottom: -2rem;
    left: -1rem;
    width: 10rem;
    height: 10rem;
    aspect-ratio: 1/1;
    background: var(--c-accent);
    border-radius: 20%;
    transform: rotate(-15deg);
    z-index: 1;
    opacity: .2;
}
.has-accent .accent--04::after {
	content: "";
	display: block;
    position: absolute;
    top: 3rem;
    right: -1rem;
    width: 5rem;
    height: 5rem;
    aspect-ratio: 1/1;
    background: currentColor;
    border-radius: 20%;
    transform: rotate(-15deg);
    z-index: 1;
    opacity: 1;
}
.has-accent .accent--04::before {
	content: "";
	display: block;
    position: absolute;
    top: -3rem;
    right: -2rem;
    width: 10rem;
    height: 10rem;
    aspect-ratio: 1/1;
    background: var(--c-accent);
    border-radius: 20%;
    transform: rotate(-15deg);
    z-index: 1;
    opacity: .2;
}
section h2::after {
	content: '';
	display: block;
	width: 20%;
	height: .25rem;
	background-color: var(--c-accent);
	margin-top: .375em;
	border-radius: 0.125rem;
}
section .text-center h2::after {
	margin-left: auto;
	margin-right: auto;
}

/*------------------------------------*\
    #VVEAni - vye Viewport Entry Animations
\*------------------------------------*/
.vveani{opacity:0;transition:opacity 500ms}.hs-inline-edit .vveani{opacity:1;transition:none!important}.hs-inline-edit .vveani.scrolled{animation:none!important}.vveani.scrolled{opacity:1}.scrolled.fade-in{animation:fade-in .8s ease-in-out both}.scrolled.fade-in-top{animation:fade-in-top 1s ease-in-out both}.scrolled.fade-in-bottom{animation:fade-in-bottom .8s ease-in-out both}.scrolled.slide-left{animation:slide-in-left 1s ease-in-out both}.scrolled.slide-right{animation:slide-in-right 1s ease-in-out both}@media (prefers-reduced-motion){.vveani{opacity:1}.scrolled{animation:none!important}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}