/*
Theme Name: Whitestone Funerals
Template: generatepress
Theme URI: https://whitestonefuneralsoamaru.co.nz
Author: Weave Digital Studio
Author URI: https://weave.co.nz/
Description: Website for Whitestone Funerals 
Version: 1.14
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: generatepress
Text Domain: gpc
*/

/*
CONTENTS:
1. GLOBAL
	1.1 Theme Variables
	1.2 Fonts
	1.3 Icons
	1.4 Layout
	1.5 Heading
	1.6 Text
	1.7 List
	1.8 Blockquote
	1.9 Link & Button
	1.10 Image
	1.11 Misc
2. HEADER
	2.1 Layout
	2.2 GP Desktop Menu
	2.3 GP Mobile Menu
	2.4 GP Sticky Header
3. FOOTER
4. COMPONENTS
	4.1 Post Grid/Carousel (Global)
	4.2 Post Grid: Product
	4.3 Post Grid: Team
	4.4 PP Content Grid
	4.5 Micromodal (plugin)
	4.6 PP Advanced Accordion
	4.7 CTA
	4.8 WP GridBuilder
	4.9 Gravity Forms
5. PRICING
	5.1 HK Funeral Suite: Pricing Accordion
6. SEARCH RESULTS
7. MISC
8. STYLES TEMPLATE
*/


/*/////////////////////////////////////////////////////
1. GLOBAL
/////////////////////////////////////////////////////*/

/* --------------------------
THEME VARIABLES
-------------------------- */

:root {

	/* COLORS VARIABLES */

	/*
	--error: #ff4e7a;
	*/

	/* MISC VARIABLES */

	--transition-1: all .3s ease-out;
	--transition-2: all .5s ease-out;

}

/* --------------------------
FONTS
-------------------------- */

/*
.woff2 		=> 	Super Modern Browsers
.woff 		=> 	Modern Browsers
.ttf 		=> 	Safari, Android, iOS
.eot 		=> 	IE9 Compat Modes
.eot?#iefix 	=> 	IE6-IE8
*/


/* --------------------------
ICONS
-------------------------- */

[class^="wst-icon-"], 
[class*="wst-icon-"] {
	display: inline-block;
}

/* --------------------------
LAYOUT
-------------------------- */

.wst-block-center {
	margin-right: auto;
	margin-left: auto;
}

/* MAX WIDTH */ 

.wst-max-width-medium {
	max-width: 780px;
}

/* TEXT 2 COL */ 

.wst-lay-text-2-col {
	columns: 2;
	/* column-gap: clamp(40px, 16.2963px + 7.4074vw, 120px); */
	column-gap: clamp(40px, 28.1481px + 3.7037vw, 80px);
}
.wst-lay-text-2-col p {
	break-inside: avoid;
}

/* IMAGE COLUMN - PINNED IMAGE */ 

.wst-lay-img-col:has(.wst-img-pinned-right) {
	margin-right: 100px;
}
.wst-lay-img-col:has(.wst-img-pinned-left) {
	margin-left: 100px;
}
.wst-lay-img-col .wst-img-pinned-right {
	text-align: right;
}
.wst-lay-img-col .wst-img-pinned-left {
	text-align: left;
}
.wst-lay-img-col [class*="wst-img-pinned"] .fl-photo-content {
	margin-top: clamp(30px, 21.1111px + 2.7778vw, 60px);
	border: clamp(4px, 3.4074px + 0.1852vw, 6px) solid white;
	box-shadow: 0 4px 6px rgba(0,0,0,.25);
}
.wst-lay-img-col .wst-img-pinned-right .fl-photo-content {
	transform: rotate(4deg) translateX(50%);
}
.wst-img-pinned-left .fl-photo-content {
	transform: rotate(-4deg) translateX(-50%);
}

/* --- RESPONSIVE --- */

@media (min-width: 769px) {
	.wst-mobile {
		display: none;
	}

	/* IMAGE COLUMN - PINNED IMAGE */ 

	.wst-lay-img-col {
		min-height: clamp(260px, 180px + 25vw, 530px);
	}
	.wst-lay-img-col [class*="wst-img-pinned"] .fl-photo-content, 
	.wst-lay-img-col [class*="wst-img-pinned"] .fl-photo-img {
			width: clamp(180px, 106.878px + 9.5087vw, 240px);	
	}
}
@media (max-width: 1024px) {
	/* IMAGE COLUMN - PINNED IMAGE */ 

	.wst-lay-img-col:has(.wst-img-pinned-right) {
		margin-right: 130px;
	}
	.wst-lay-img-col:has(.wst-img-pinned-left) {
		margin-left: 130px;
	}
}
@media (max-width: 768px) {
	.wst-desktop {
		display: none;
	}
	
	/* MAX WIDTH */ 

	[class*="wst-mobile-max-width"] {
		--mobile-max-width: 520px;
		--mobile-max-width-narrow: 320px;
	}
	[class*="wst-mobile-max-width"]:not([class*="child"]),
	[class*="wst-mobile-max-width-child"] > * {
		margin-right: auto !important;
		margin-left: auto !important;
	}
	.wst-mobile-max-width,
	.wst-mobile-max-width-child > * {
		max-width: var(--mobile-max-width);
	}
	.wst-mobile-max-width-narrow,
	.wst-mobile-max-width-child-narrow > * {
		max-width: var(--mobile-max-width-narrow);
	}

	/* TEXT 2 COL */ 

	.wst-lay-text-2-col {
		columns: unset;
	}

	/* IMAGE COLUMN - PINNED IMAGE */ 

	.fl-builder-content [data-node] .wst-lay-img-col {
		flex-basis: auto;
		max-width: 300px;
		aspect-ratio: 3/2;
	}
	.fl-builder-content [data-node] .wst-lay-img-col:not(:has([class*="wst-img-pinned"])) {
		width: 100%;
	}
	.wst-lay-img-col [class*="wst-img-pinned"] .fl-photo-content, 
	.wst-lay-img-col [class*="wst-img-pinned"] .fl-photo-img {
			width: 25vw;	
	}
	.wst-lay-img-col:has(.wst-img-pinned-right) {
		margin-right: 50px;
	}
	.wst-lay-img-col:has(.wst-img-pinned-left) {
		margin-left: 50px;
	}
}

/* --------------------------
HEADING
-------------------------- */

/* FLUID TYPOGRAPHY */

/* https://utopia.fyi/type/calculator */

html {
	/* 16px (browser default) */
	font-size: 100%; 
}
body, 
code, kbd, tt, var {
	font-size: clamp(0.875rem, 0.838rem + 0.1852vw, 1rem); /* 14-16 */
}
:is(h1,h2,h3,h4,h5), 
[class*="wst-heading-fake"] :is(h2,h3,h4,h5,h6,p), 
:is(h1,h2,h3,h4,h5,p)[class*="wst-heading-fake"] {
	font-family: var(--gp-font--eb-garamond);
	font-weight: 400;
	line-height: 1;
}
h1, 
.wst-heading-fake-h1 :is(h2,h3,h4,h5,h6,p), 
:is(h2,h3,h4,h5,h6,p).wst-heading-fake-h1 {
	font-size: clamp(3rem, 2.1111rem + 4.4444vw, 6rem); /* 48-96 */
}
h2, 
.wst-heading-fake-h2 :is(h1,h3,h4,h5,h6,p), 
:is(h1,h3,h4,h5,h6,p).wst-heading-fake-h2 {
	font-size: clamp(2.5rem, 1.7593rem + 3.7037vw, 5rem); /* 40-80 */
}
h3, 
.wst-heading-fake-h3 :is(h1,h2,h4,h5,h6,p), 
:is(h1,h2,h4,h5,h6,p).wst-heading-fake-h3 {
	font-size: clamp(2rem, 1.4074rem + 2.963vw, 4rem); /* 32-64 */
}
h4, 
.wst-heading-fake-h4 :is(h1,h2,h3,h5,h6,p), 
:is(h1,h2,h3,h5,h6,p).wst-heading-fake-h5 {
	font-size: clamp(1.75rem, 1.3796rem + 1.8519vw, 3rem); /* 28-48 */
	font-weight: 500;
}
h5, 
.wst-heading-fake-h5 :is(h1,h2,h3,h4,h6,p), 
:is(h1,h2,h3,h4,h6,p).wst-heading-fake-h5 {
	font-size: clamp(1.375rem, 1.1157rem + 1.2963vw, 2.25rem); /* 22-36 */
	font-weight: 500 !important;
	line-height: 1.05;
}
h6, 
.wst-heading-fake-h6 :is(h1,h2,h3,h4,h5,p), 
:is(h1,h2,h3,h4,h5,p).wst-heading-fake-h6 {
	font-size: clamp(1.0625rem, 0.9329rem + 0.6481vw, 1.5rem); /* 17-24 */
	font-weight: 500 !important;
	line-height: 1.15;
}

/* MISC */

:is(h1,h2,h3,h4,h5,h6) a {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
} 
p+:is(h1,h2,h3,h4,h5,h6), 
ul+:is(h1,h2,h3,h4,h5,h6), 
ol+:is(h1,h2,h3,h4,h5,h6) {
	margin-top: 1em;
}

/* --------------------------
TEXT
-------------------------- */

p {
	text-wrap: pretty;
}
strong,
.fl-builder-content .fl-rich-text strong {
	font-weight: 600;
}
.fl-builder-content strong {
	font-weight: 600 !important;
}

[class^="wst-text-"] {
	line-height: 1.6;
	font-weight: 300;
}
.wst-text-xxxl {
	font-size: clamp(1.25rem, 1.213rem + 0.1852vw, 1.375rem); /* 20-22 */
	font-weight: 600;
}
.wst-text-xxl {
	font-size: clamp(1.125rem, 1.088rem + 0.1852vw, 1.25rem); /* 18-20 */
	font-weight: 400;
}
.wst-text-xl {
	font-size: clamp(1.0625rem, 1.044rem + 0.0926vw, 1.125rem); /* 17-18 */
}
.wst-text-l {
	font-size: clamp(0.9375rem, 0.919rem + 0.0926vw, 1rem); /* 15-16 */
}
.wst-text-m {
	font-size: clamp(0.8125rem, 0.794rem + 0.0926vw, 0.875rem); /* 13-14 */
}
.wst-text-s {
	font-size: clamp(0.6875rem, 0.669rem + 0.0926vw, 0.75rem);; /* 11-12 */
}

.wst-text-no-margin-b p, 
p.wst-text-no-margin-b {
	margin-bottom: 0;
}

.wst-note, 
.wst-note p {
	font-weight: 700;
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	color: var(--error);
	text-align: center;
}
.wst-note a {
	color: var(--error);
}

/* --------------------------
LIST
-------------------------- */

:not(header):not(footer) #content .fl-rich-text li {
	margin-bottom: .75rem;
}
#content .fl-builder-content .fl-module-overlay li {
	margin-bottom: 0;
}
:not(header):not(footer) #content .fl-rich-text li > :where(ul,ol) {
	margin-top: .75rem;
}
.wst-list-no-margin-l ul, 
ul.wst-list-no-margin-l {
	margin-left: 1.2rem;
}

/* CHECKMARK LIST */

.wst-list-checkmark .fl-list .fl-list-item {
	padding: clamp(8px, 5.037px + 0.9259vw, 18px) 0;
}
.wst-list-checkmark .fl-list .fl-list-item, 
.wst-list-checkmark .fl-list .fl-list-item ~ .fl-list-item {
	border-top: 1px dashed var(--primary-light);
}
.wst-list-checkmark .fl-list-item-heading-icon .fl-list-item-icon, 
.wst-list-checkmark .fl-list-item-content-icon .fl-list-item-icon {
	aspect-ratio: 1;
	margin-right: 2em;
	padding: clamp(5px, 4.1111px + 0.2778vw, 8px);
	vertical-align: top;
	background-color: var(--primary-light);
	font-size: clamp(0.5625rem, 0.5069rem + 0.2778vw, 0.75rem); /* 9-12 */
	color: var(--primary);
	border-radius: 100%;
}
.wst-list-checkmark .fl-list-item-content .fl-list-item-content-icon {
	vertical-align: top;
}
.wst-list-checkmark.fl-module-list .fl-list-item-content .fl-list-item-content-text {
	/* font-size: clamp(0.9375rem, 0.8819rem + 0.2778vw, 1.125rem); /* 15-18 */
	line-height: 1.5;
}
.wst-dark-bg .wst-list-checkmark .fl-list-item-content .fl-list-item-content-text {
	color: var(--primary-light);
}

/* --------------------------
BLOCKQUOTE
-------------------------- */

blockquote {
	margin: 4em 0;
	padding: 20px 30px;
	font-style: normal;
	font-weight: 300;
	color: inherit;
	border-left: 4px solid var(--primary-light);
}
blockquote p {
	margin-bottom: 0;
	font-size: clamp(1.125rem, 0.9886rem + 0.6818vw, 1.5rem); /* 18-24 */
}

/* --- RESPONSIVE --- */

@media (max-width: 768px) {
	blockquote {
		padding: 20px;
	}
}

/* --------------------------
LINK & BUTTON
-------------------------- */

#content :is(a, .fl-button), 
#content :is(a *, .fl-button *), 
.fl-builder-content :is(a, a *), 
button.button, 
a.button, 
.button a {
	transition: all 0.15s ease-out;
}
a:not([href]):is(:hover, :focus), 
*:hover a:not([href]), 
.hover a:not([href]) {
	cursor: default;
	color: inherit;
}
.wst-dark-bg a:is(:hover, :focus) {
	 color: white !important; 
}

*:focus {
	outline: none;
}
*:focus-visible {
	outline: 1px dotted rgba(0,0,0,.6);
}
.wst-no-link {
	pointer-events: none;
}

/* LINK UNDERLINE
-------------------------- */
/* https://dannyguo.medium.com/animated-multiline-link-underlines-with-css-abe07f3d6aee
 */

.fl-builder-content .fl-module a:not(.fl-button, .fl-module-box, [data-micromodal-trigger], .fl-module-overlay *), 

.fl-builder-content a .fl-rich-text.wst-link-alt-big p:not(.fl-module-overlay *) {
	display: inline;
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0% 90%;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
.fl-builder-content :is(.fl-module-photo, .fl-photo-content, .pp-advanced-menu, h1,h2,h3,h4,h5,h6) a {
	display: inherit !important;
	background: unset !important;
}
.fl-builder-content .fl-module a:not(.fl-button, .fl-module-box, [data-micromodal-trigger], .fl-module-overlay *):is(:hover, :focus), 

.fl-builder-content a:is(:hover, :focus) .fl-rich-text.wst-link-alt-big p:not(.fl-module-overlay *) {
	background-size: 0% 1px;
}

/* LINK ALT BIG
-------------------------- */

.wst-link-alt-big, 
.wst-link-alt-big a {
	font-family: var(--gp-font--eb-garamond);
	/* font-size: clamp(1.375rem, 1.1157rem + 1.2963vw, 2.25rem); /* 22-36 */
	font-size: clamp(1.625rem, 1.4398rem + 0.9259vw, 2.25rem); /* 26-36 */
	font-style: italic;
	line-height: 1.1;
}
a:hover .fl-module-rich-text.fl-rich-text.wst-link-alt-big * {
	color: var(--alternate);
}

/* QUICK LINK BIG
-------------------------- */ 

.wst-quick-link-big > :not(.fl-block-overlay, .fl-drop-target) {
	color: var(--alternate);
}
.wst-quick-link-big:hover > :not(.fl-block-overlay, .fl-drop-target), 
.wst-quick-link-big:hover .fl-module-rich-text.fl-rich-text.wst-link-alt-big * {
	color: var(--brick);
}
.wst-quick-link-big .wst-img .fl-photo-content {
	aspect-ratio: 1;
	width: clamp(75px, 52.7778px + 6.9444vw, 150px) !important;
}
.wst-quick-link-big .wst-img.wst-large .fl-photo-content {
	aspect-ratio: 1/1.2;
	width: clamp(4.6875rem, 1.6319rem + 15.2778vw, 15rem) !important;
}
/* .wst-quick-link-big:hover .wst-img img {
	opacity: .8;
} */
.wst-quick-link-big .fl-module-icon {
	margin-left: auto;
}
.wst-quick-link-big .fl-module-icon i {
	line-height: 0.1;
}

/* --- RESPONSIVE --- */

@media (min-width: 769px) {
	.wst-quick-link-big .wst-text {
		max-width: 60%;
	}
}
@media (max-width: 768px) {
	.wst-quick-link-big .wst-img {
		align-self: flex-start;
	}
}

/* BUTTON GLOBAL
-------------------------- */

button.button, 
a.button, 
.button a,
a.fl-button,
.fl-builder-content :is(a.fl-button, a.fl-button:visited),
[data-node] .pp-gf-content .gform_wrapper :is(.gform-button, .gform_footer .gform_button, .gform_page_footer .button) {
	padding: clamp(10px, 8.5185px + 0.463vw, 15px) clamp(20px, 17.037px + 0.9259vw, 30px); /* 10-15 20-30 */
	background-color: var(--primary);
	font-size: clamp(0.875rem, 0.838rem + 0.1852vw, 1rem); /* 14-16 */
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	color: white;
	border: none;
	border-radius: 50px;
}
.fl-builder-content :is(a.fl-button, a.fl-button:visited) * {
	color: white;
}
button.button.wst-small, 
a.button.wst-small, 
.button.wst-small a,
a.fl-button.wst-bt-small,
.fl-builder-content .wst-bt-small :is(a.fl-button, a.fl-button:visited) {
	padding: clamp(6px, 4.8148px + 0.3704vw, 10px) clamp(15px, 13.5185px + 0.463vw, 20px); /* 6-10 15-20 */
}
button.button:hover,
a.button:hover,
.button a:hover,
header a.fl-button:hover,
.fl-builder-content a.fl-button:hover, 
[data-node] .pp-gf-content .gform_wrapper :is(.gform-button, .gform_footer .gform_button, .gform_page_footer .button):hover {
	background-color: var(--alternate);
	color: white;
}
.fl-builder-content .fl-button i {
	font-size: 1.1em;
}

/* BUTTON SOLID
-------------------------- */

/* DARK BG */

button.button.wst-dark-bg:hover,
a.button.wst-dark-bg:hover,
.button.wst-dark-bg a:hover,
.fl-builder-content .wst-dark-bg a.fl-button:hover {
	background-color: var(--primary-light);
	color: var(--secondary);
}
.fl-builder-content .wst-dark-bg :is(a.fl-button, a.fl-button:visited):hover * {
	color: var(--secondary);
}

/* BUTTON OUTLINE
-------------------------- */

button.button[class*="wst-bt-outline"], 
a.button[class*="wst-bt-outline"], 
.button[class*="wst-bt-outline"] a,
.fl-builder-content [class*="wst-bt-outline"] :is(a.fl-button, a.fl-button:visited) {
	background-color: transparent;
	color: var(--primary);
	border: 1px solid var(--primary);
}
.fl-builder-content [class*="wst-bt-outline"] :is(a.fl-button, a.fl-button:visited) * {
	color: var(--primary);
}
button.button[class*="wst-bt-outline"]:hover, 
a.button[class*="wst-bt-outline"]:hover, 
.button[class*="wst-bt-outline"] a:hover,
.fl-builder-content [class*="wst-bt-outline"] a.fl-button:hover {
	color: var(--secondary);
	border: 1px solid var(--secondary);
}
.fl-builder-content [class*="wst-bt-outline"] a.fl-button:hover * {
	color: var(--secondary);
}

/* DARK BG */

button.button:is(.wst-bt-outline-primary-light, .wst-bt-outline.wst-dark-bg),
a.button :is(.wst-bt-outline-primary-light, .wst-bt-outline.wst-dark-bg),
.button :is(.wst-bt-outline-primary-light, .wst-bt-outline.wst-dark-bg) a,
.fl-builder-content :is(.wst-bt-outline-primary-light, .wst-bt-outline.wst-dark-bg) a.fl-button {
	color: var(--primary-light);
	border-color: var(--primary-light);
}
.fl-builder-content :is(.wst-bt-outline-primary-light, .wst-bt-outline.wst-dark-bg) a.fl-button * {
	color: var(--primary-light);
}

button.button:is(.wst-bt-outline-primary-light, .wst-bt-outline.wst-dark-bg):hover,
a.button :is(.wst-bt-outline-primary-light, .wst-bt-outline.wst-dark-bg):hover,
.button :is(.wst-bt-outline-primary-light, .wst-bt-outline.wst-dark-bg) a:hover,
.fl-builder-content :is(.wst-bt-outline-primary-light, .wst-bt-outline.wst-dark-bg) a.fl-button:hover {
	color: white;
	border-color: white;
}
.fl-builder-content :is(.wst-bt-outline-primary-light, .wst-bt-outline.wst-dark-bg) a.fl-button:hover * {
	color: white;
}

/* BUTTON UNDERLINE
-------------------------- */
/* Color filter: https://codepen.io/sosuke/pen/Pjoqqp */

.fl-builder-content [class*="wst-bt-underline"] a.fl-button {
	padding: 0 0 clamp(14px, 13.1111px + 0.2778vw, 17px);
	background-color: unset;
	background-image: url("/wp-content/uploads/2025/09/bt-underline-black.png");
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: 50% clamp(6px, 5.4074px + 0.1852vw, 8px);
	/* font-size: clamp(0.875rem, 0.838rem + 0.1852vw, 1rem); /* 14-16 */
	font-size: 1rem;
	font-weight: 500;
	text-align: center;
	/* white-space: nowrap; */
	color: black;
	border-radius: unset;
	filter: invert(34%) sepia(7%) saturate(3854%) hue-rotate(25deg) brightness(86%) contrast(67%);
}
.fl-builder-content [class*="wst-bt-underline"] a:is(.fl-button, .fl-button:visited) * {
	color: black;
}
.fl-builder-content [class*="wst-bt-underline"] a.fl-button:is(:hover, :focus) {
	background-size: 100% clamp(6px, 5.4074px + 0.1852vw, 8px);
	background-color: unset;
	color: black;
	filter: invert(42%) sepia(45%) saturate(492%) hue-rotate(320deg) brightness(90%) contrast(86%);
}
#content [class*="wst-bt-underline"] a.fl-button {
	transition: background .2s ease-out;
}

/* DARK BG */

.fl-builder-content .wst-bt-underline.wst-dark-bg a.fl-button {
	filter: invert(94%) sepia(7%) saturate(302%) hue-rotate(25deg) brightness(96%) contrast(88%);
}
.fl-builder-content .wst-bt-underline.wst-dark-bg a.fl-button:is(:hover, :focus) {
	filter: invert(100%) contrast(250%);
}

/* --------------------------
IMAGE
-------------------------- */

a:hover img {
	/* filter: brightness(1.05); */
	opacity: .85;
}

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

hr {
	margin: 2rem 0;
	border: none;
	border-top: 1px solid #e7e7e7;
}
code, kbd, tt, var {
	display: inline-block;
	margin-bottom: 1em;
	background-color: #e5e5e5;
	padding: .2rem .5rem;
}
.wst-dark-bg code, kbd, tt, var {
	background-color: rgba(255,255,255,.1);
	color: #999;
}


/*/////////////////////////////////////////////////////
2. HEADER
/////////////////////////////////////////////////////*/

/* --------------------------
LAYOUT
-------------------------- */

/* --- RESPONSIVE --- */

@media (max-width: 1300px) {
	header .inside-header {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.site-header .header-image {
		width: 180px;
	}
}

/* --------------------------
GP DESKTOP MENU
-------------------------- */

/* DEV */
/* .main-navigation ul ul {
	left: 0;
	height: auto;
	opacity: 1;
} */
/* END DEV */

/* GLOBAL */ 


/* MENU BUTTON */ 

header .main-navigation .menu-bar-items a {
	font-size: 17px;
	color: var(--primary);
}
header .main-navigation .menu-bar-items a:hover {
	color: var(--alternate);
}
header .wst-phone {
	margin-left: 30px;
}

/* SUB MENU */ 

header .main-navigation ul ul li:not(:last-child) a {
	border-bottom: 1px solid var(--primary-light);
}
header .main-navigation ul ul {
	box-shadow: 0 4px 20px rgba(0,0,0,.15);
}

/* SEARCH */ 

.gp-search-modal .search-modal-form :is(.search-field, .search-field:focus) {
	font-weight: 400;
	color: var(--secondary);
}
/* .gp-search-modal .search-modal-form #placeholder {
	color: white;
} */

/* --------------------------
GP MOBILE MENU
-------------------------- */

/* TOGGLE */

header .menu-toggle .gp-icon svg {
	color: var(--primary);
	transition: var(--transition-1);
}
header .menu-toggle:hover .gp-icon svg {
	color: var(--alternate);
}

/* TOP LEVEL MENU */

html .slideout-navigation .inside-navigation .wst-phone, 
html .slideout-navigation .inside-navigation .wst-logo {
	align-self: center;
}
html .slideout-navigation .inside-navigation .wst-logo {
	width: 90px;
	margin-bottom: 20px;
}
html .slideout-navigation .inside-navigation .wst-phone {
	margin-bottom: 40px;
	color: white;
}
html .slideout-navigation .inside-navigation .wst-phone:hover {
	background-color: var(--primary-light);
	color: var(--alternate);
}

html #generate-slideout-menu.do-overlay .slideout-menu li, 
html .slideout-navigation.do-overlay .inside-navigation {
	text-align: left;
}
html .slideout-navigation.do-overlay .slideout-menu li {
	margin-bottom: unset;
}
html .slideout-navigation.main-navigation .main-nav > ul > li > a {
	padding: 12px;
}

/* SUB-MENU */

html .slideout-navigation.main-navigation .main-nav > ul ul {
	padding: 12px 0 15px 12px;
	border-width: 1px 0; 
	border-style: solid; 
	border-color: var(--primary);
}
html .slideout-navigation.main-navigation .main-nav > ul ul > li > a {
	padding: 8px;
	background-color: unset !important;
}
html .slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
	margin-left: 5px;
	padding: 5px;
	font-size: 80%;
	line-height: 0;
}

/* --- RESPONSIVE --- */

@media (max-width: 1300px) {
	.main-navigation .inside-navigation {
		align-items: flex-start;
	}
}
@media (max-width: 768px) {
	.site-header .header-image {
		width: 150px;
	}
	html .slideout-navigation.do-overlay .inside-navigation {
		padding: 10% 5% 0;
	}
	html .slideout-navigation.do-overlay .slideout-exit {
		position: fixed;
	}
}

/* --------------------------
GP STICKY HEADER
-------------------------- */

/* --- RESPONSIVE --- */

@media (min-width: 1301px) {
	html .main-navigation.has-sticky-branding.navigation-stick:not([class*=nav-align-]):not(.mobile-header-navigation) .inside-navigation {
		padding-right: 20px;
		padding-left: 20px;
	}
}
@media (max-width: 1300px) {
	.sticky-enabled .main-navigation.is_stuck .wst-phone {
		display: none;
	}
}


/*/////////////////////////////////////////////////////
3. FOOTER
/////////////////////////////////////////////////////*/

@media (min-width: 1201px) {
	footer #menu-footer-navigation {
		columns: 2;
		column-gap: clamp(20px, 14.0741px + 1.8519vw, 40px);
	}
}


/*/////////////////////////////////////////////////////
4. COMPONENTS
/////////////////////////////////////////////////////*/

/*--------------------------
POST GRID/CAROUSEL (GLOBAL)
--------------------------*/

/* Fix for OWL slider width issue inside BB Box by @zackpyle */
:where(.fl-module-box:has(.owl-item, .swiper-slide, .slick-slide)){ 
	min-width: 0;
}

/* --- RESPONSIVE --- */

@media (max-width: 768px) {
	.pp-content-post-carousel .pp-content-post .pp-post-img {
		width: 100%;
	}
}

/*--------------------------
POST GRID: PRODUCT
--------------------------*/

/* ON PAGE */ 

.wst-product-grid small, 
.fl-builder-content .wst-product-grid [data-node].fl-module-rich-text.fl-rich-text small {
	font-size: 50%
}
.wst-product-grid .wst-post-img img {
	object-fit: contain;
}
.wst-product-grid#wst-caskets-grid .wst-post-img img {
	aspect-ratio: 1/0.6;
}
.wst-product-grid#wst-urns-grid .wst-post-img img {
	aspect-ratio: 1/0.8;
}
.wst-product-grid .wst-post-category {
	font-size: clamp(0.875rem, 0.838rem + 0.1852vw, 1rem);
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--secondary);
}
.wst-product-grid .wst-post-content {
	margin-top: clamp(10px, 7.037px + 0.9259vw, 20px);
}
.wst-product-grid .wst-post-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: clamp(20px, 17.037px + 0.9259vw, 30px);
	padding-top: clamp(10px, 7.037px + 0.9259vw, 20px);
	border-top: 1px solid var(--primary-light);
}
.wst-product-grid .wst-post-price {
	font-size: clamp(1.25rem, 1.0278rem + 1.1111vw, 2rem);
	color: var(--primary);
}

/* MICROMODAL */ 

html .wst-product-grid .modal__container {
	max-width: 750px;
	padding-top: clamp(5px, 0.5556px + 1.3889vw, 20px);
}
.modal .wst-post-title {
	margin-bottom: .35em;
}

/*--------------------------
POST GRID/CAROUSEL: TEAM
--------------------------*/

/* ON PAGE */ 

.wst-posts.wst-team .pp-content-post, 
/* .wst-posts.wst-grid.wst-team .pp-content-post a,  */
.wst-posts.wst-grid.wst-team .pp-content-post .wst-grid-wrapper {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.wst-posts.wst-team .wst-post-image img {
	object-fit: cover;
	width: 100%; 
	height: auto;
	aspect-ratio: 1/1.5;
}
.wst-posts.wst-team .wst-post-content {
	text-align: left;
}
.wst-posts.wst-team .wst-post-content .wst-wrapper {
	color: white;
}
.wst-posts.wst-team .wst-post-title {
	font-family: var(--gp-font--eb-garamond);
	font-size: clamp(1.125rem, 1.0509rem + 0.3704vw, 1.375rem); /* 18-22 */
	line-height: 1.1;
}
.wst-posts.wst-grid.wst-team .wst-post-title {
	font-size: clamp(1.375rem, 1.3009rem + 0.3704vw, 1.625rem); /* 22-26 */
}
.wst-posts.wst-team a:is(:hover, :focus):hover .wst-post-title {
	color: var(--secondary);
}
.wst-posts.wst-team .wst-post-meta {
	padding-top: .25em;
	font-size: clamp(0.75rem, 0.7315rem + 0.0926vw, 0.8125rem); /* 12-13 */
}
.wst-posts.wst-team .wst-post-meta .wst-qualification::before {
	content: "\A";
	white-space: pre;
}
.wst-posts.wst-team .modal .wst-post-meta .wst-qualification::before {
	display: none;
}
.wst-posts.wst-grid.wst-team .wst-post-meta {
	font-size: clamp(0.8125rem, 0.794rem + 0.0926vw, 0.875rem); /* 13-14 */
}
.wst-posts.wst-team .wst-more {
	padding-top: .5em;
	font-size: clamp(0.75rem, 0.713rem + 0.1852vw, 0.875rem); /* 12-14 */
	font-weight: 500;
}
.wst-posts.wst-team a:is(:hover, :focus):hover .wst-more {
	color: var(--alternate);
}

/* --- RESPONSIVE --- */

@media (min-width: 769px) {
	.wst-posts.wst-grid.wst-team .pp-content-post:nth-child(even) {
		padding-top: 20%;
	}
}

/* MICROMODAL */ 

.wst-posts.wst-team .modal .modal__container {
	background-color: white;
}
.wst-posts.wst-team .modal .wst-wrapper {
	display: flex;
	justify-content: stretch;
	align-items: flex-start;
	flex: 1 0 auto;
	column-gap: 60px;
}
.wst-posts.wst-team .modal .wst-post-image {
	flex: 0 0 28%;
}
/* .wst-posts.wst-team .modal .wst-post-image img {
	margin-bottom: .5em;
} */
.wst-posts.wst-team .modal .wst-post-content {
	padding-top: 0;
	text-align: left;
	color: var(--alternate);
}
.wst-posts.wst-team .modal .wst-post-title {
	margin-bottom: 6%;
	font-size: clamp(2rem, 1.4074rem + 2.963vw, 4rem); /* 32-64 */
	color: var(--primary);
}
.wst-posts.wst-team .modal .wst-post-meta {
	margin-bottom: 3%;
	font-size: clamp(1.125rem, 1.088rem + 0.1852vw, 1.25rem); /* 18-20 */
	font-size: 1.125rem;
}
.wst-posts.wst-team .modal .wst-post-meta .wst-position {
	margin-right: .5em;
	font-weight: 500;
}
.wst-posts.wst-team .modal .wst-bio blockquote {
	font-family: var(--gp-font--eb-garamond);
	font-size: clamp(1.375rem, 1.1157rem + 1.2963vw, 2.25rem); /* 22-36 */
	font-weight: 500;
	font-style: italic;
	line-height: 1.1;
	color: var(--primary-light);
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	.wst-posts.wst-team .modal .wst-wrapper {
		column-gap: 50px;
	}
}
@media (max-width: 768px) {
	.wst-posts.wst-team .modal .wst-wrapper {
		flex-direction: column;
		row-gap: 20px;
	}
	.wst-posts.wst-team .modal .wst-post-image {
		width: 100%;
		max-width: 150px;
	}
	.wst-posts.wst-team .modal .wst-post-image img {
		object-position: 50% 15%;
		aspect-ratio: 1;
	}
	.wst-posts.wst-team .modal .wst-post-title {
		margin-bottom: .5em;
	}
	.wst-posts.wst-team .modal .wst-bio {
		font-size: 0.875rem;
	}
}

/* --------------------------
MICROMODAL (plugin)
-------------------------- */

html .modal {
	font-family: var(--gp-font--poppins);
}
html .modal__overlay {
	z-index: 1000;
	padding: 20px;
	background-color: rgba(74,76,73,0.9);
}
html .modal__container {
	position: relative;
	width: 100%;
	max-width: 1160px;
	max-height: 90vh;
	padding: clamp(20px, 11.1111px + 2.7778vw, 50px);
	border-radius: clamp(10px, 8.8148px + 0.3704vw, 14px);
	cursor: default;
}
.modal__content {
	margin: 0;
	line-height: inherit;
	color: white;
}
html .modal__close {
	position: absolute;
	top: clamp(0px, -2.963px + 0.9259vw, 10px);
	right: clamp(0px, -2.963px + 0.9259vw, 10px);
	width: clamp(40px, 37.037px + 0.9259vw, 50px);
	height: clamp(40px, 37.037px + 0.9259vw, 50px);
	background-image: none;
	background-color: transparent !important;
}
html .modal__close::before, 
html .modal__close::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: calc(50% - clamp(12.5px, 11.0185px + 0.463vw, 17.5px));
	width: clamp(25px, 22.037px + 0.9259vw, 35px);
	height: 2px;
	background-color: var(--primary);
	opacity: .7;
}
html .modal__close::before {
	transform: rotate(45deg);
}
html .modal__close::after {
	transform: rotate(-45deg);
}
html .modal__close:hover::before, 
html .modal__close:hover::after {
	opacity: 1;
}

/* --- RESPONSIVE --- */

/* @media (max-width: 1300px) {
	.modal__overlay {
		top: 70px;
	}
}
@media (max-width: 1024px) {
	.modal__container {
		padding: 40px;
	}
	.modal a.close-modal {
		top: 0;
		right: 0;
	}
}
@media (max-width: 768px) {
	.modal__overlay {
		align-items: flex-start;
	}
	.modal__container {
		padding: 20px;
	}
	.modal__close {
		width: 40px;
		height: 40px;
	}
	.modal__close::before, 
	.modal__close::after {
		left: calc(50% - 12.5px);
		width: 25px;
	}
} */

/*--------------------------
PP ADVANCED ACCORDION
--------------------------*/

.pp-accordion-button-icon {
	margin-left: 20px;
	aspect-ratio: 1;
	background-color: var(--primary-light);
	border-radius: 100%;
	transition: var(--transition-1);
}
.pp-accordion-button:hover .pp-accordion-button-icon, 
.pp-accordion-item-active .pp-accordion-button-icon, 
[data-node] .pp-accordion-item.pp-accordion-item-active .pp-accordion-button-icon, 
[data-node] .pp-accordion-item:hover .pp-accordion-button-icon {
	background-color: white;
	color: var(--primary);
}
[data-node] .pp-accordion-item .pp-accordion-button-icon.pp-accordion-icon-right {
	padding: .4em;
}
.pp-accordion-item:last-child {
	border-bottom-width: 1px;
}
[data-node] .pp-accordion-item .pp-accordion-content * {
	color: inherit;
}

/*--------------------------
CTA
--------------------------*/

/* .wst-cta-dark-bg .wst-text-xl.wst-dark-bg * {
	color: white !important;
} */

/*--------------------------
WP GRIDBUILDER
--------------------------*/

/* LAYOUT */

html .wpgb-facet > fieldset:last-child {
	margin-bottom: 0;
}
body.tax-industry .wea-facets .fl-module-box {
	padding-left: 0;
	border-left: none;
}

/* FACETS */

html .wpgb-facet .wpgb-az-index-label, 
html .wpgb-facet .wpgb-button-label, 
html .wpgb-facet .wpgb-checkbox-label, 
html .wpgb-facet .wpgb-hierarchy-label, 
html .wpgb-facet .wpgb-radio-label, 
html .wpgb-facet .wpgb-rating-label {
	font-size: clamp(0.875rem, 0.838rem + 0.1852vw, 1rem); /* 14-16 */
}

html .wpgb-facet .wpgb-hierarchical-list li:not(:first-child) {
	margin-top: .5em !important;
}

html .wpgb-facet .wpgb-hierarchy-facet .wpgb-hierarchy {
	align-items: center;
}
html .wpgb-facet .wpgb-hierarchy-facet .wpgb-hierarchy[aria-pressed=true] input:not([value=""])~.wpgb-hierarchy-label {
	font-weight: inherit;
}
html .wpgb-facet .acplt-clear, 
html .wpgb-facet .wpgb-clear-button, 
html .wpgb-facet .wpgb-hierarchy .wpgb-hierarchy-control, 
html .wpgb-facet .wpgb-input-icon, 
html .wpgb-facet .wpgb-rating-reset .wpgb-rating-control, 
html .wpgb-facet .wpgb-select button, 
html .wpgb-facet .wpgb-select-controls {
	color: var(--secondary-medium);
}
html .wpgb-facet .wpgb-hierarchy-facet .wpgb-hierarchy-control svg {
	stroke-width: 2px;
}

html .wpgb-facet.wpgb-style-1 button.wpgb-button:disabled:hover {
	background-color: var(--secondary-light);
}

/* LOADER */

.wpgb-enabled .fl-loop-item .fl-module {
	opacity: 1;
	transition: var(--transition-1);
}
.wpgb-enabled.wpgb-loading .fl-loop-item .fl-module {
	opacity: .7;
}
.wpgb-enabled {
	/* display: flow-root; */
	position: relative;
}
.wpgb-enabled.wpgb-loading::after {
	content: "";
	display: block !important;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	animation: rotateLoader infinite 1s linear;
	box-shadow: -14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.925), 0 -20px rgba(195, 181, 140, 0.8), 14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.675), 20px 0 rgba(195, 181, 140, 0.55), 14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.425), 0 20px rgba(195, 181, 140, 0.3), -14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.175), -20px 0 rgba(195, 181, 140, 0.05);
	transition: box-shadow 200ms ease;
	opacity: 1;
}

@keyframes rotateLoader {
	0% {
		box-shadow: -14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.925), 0 -20px rgba(195, 181, 140, 0.8), 14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.675), 20px 0 rgba(195, 181, 140, 0.55), 14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.425), 0 20px rgba(195, 181, 140, 0.3), -14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.175), -20px 0 rgba(195, 181, 140, 0.05);
	}
	12.5% {
		box-shadow: -14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.05), 0 -20px rgba(195, 181, 140, 0.925), 14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.8), 20px 0 rgba(195, 181, 140, 0.675), 14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.55), 0 20px rgba(195, 181, 140, 0.425), -14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.3), -20px 0 rgba(195, 181, 140, 0.175);
	}
	25% {
		box-shadow: -14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.175), 0 -20px rgba(195, 181, 140, 0.05), 14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.925), 20px 0 rgba(195, 181, 140, 0.8), 14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.675), 0 20px rgba(195, 181, 140, 0.55), -14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.425), -20px 0 rgba(195, 181, 140, 0.3);
	}
	37.5% {
		box-shadow: -14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.3), 0 -20px rgba(195, 181, 140, 0.175), 14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.05), 20px 0 rgba(195, 181, 140, 0.925), 14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.8), 0 20px rgba(195, 181, 140, 0.675), -14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.55), -20px 0 rgba(195, 181, 140, 0.425);
	}
	50% {
		box-shadow: -14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.425), 0 -20px rgba(195, 181, 140, 0.3), 14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.175), 20px 0 rgba(195, 181, 140, 0.05), 14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.925), 0 20px rgba(195, 181, 140, 0.8), -14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.675), -20px 0 rgba(195, 181, 140, 0.55);
	}
	62.5% {
		box-shadow: -14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.55), 0 -20px rgba(195, 181, 140, 0.425), 14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.3), 20px 0 rgba(195, 181, 140, 0.175), 14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.05), 0 20px rgba(195, 181, 140, 0.925), -14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.8), -20px 0 rgba(195, 181, 140, 0.675);
	}
	75% {
		box-shadow: -14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.675), 0 -20px rgba(195, 181, 140, 0.55), 14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.425), 20px 0 rgba(195, 181, 140, 0.3), 14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.175), 0 20px rgba(195, 181, 140, 0.05), -14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.925), -20px 0 rgba(195, 181, 140, 0.8);
	}
	87.5% {
		box-shadow: -14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.8), 0 -20px rgba(195, 181, 140, 0.675), 14.1422712488px -14.1422712488px rgba(195, 181, 140, 0.55), 20px 0 rgba(195, 181, 140, 0.425), 14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.3), 0 20px rgba(195, 181, 140, 0.175), -14.1422712488px 14.1422712488px rgba(195, 181, 140, 0.05), -20px 0 rgba(195, 181, 140, 0.925);
	}
}

/*--------------------------
GRAVITY FORMS
--------------------------*/

/* GENERAL */

html .gform_wrapper.gravity-theme .ginput_complex label {
	font-size: 80%;
}

html .gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 12px;
}
html .gform_wrapper.gravity-theme .gfield_label {
	/* font-size: clamp(0.875rem, 0.838rem + 0.1852vw, 1rem); /* 14-16 */
	font-size: 1rem;
}
html .gform_wrapper.gravity-theme .gform_footer, 
html .gform_wrapper.gravity-theme .gform_page_footer {
	margin-top: 10%;
	padding: 0;
}

/* VALIDATION */

html .gform_wrapper.gravity-theme .gform_validation_errors {
	background: none;
}
html .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
	font-family: var(--gp-font--1);
	font-size: 15px;
}
html .gform_wrapper.gravity-theme :is(.description, .gfield_description, .gsection_description, .instruction) {
	font-size: 14px;
}
html .gform_wrapper.gravity-theme :is(.gfield_error .gfield_repeater_cell label, .gfield_error label, .gfield_error legend, .gfield_validation_message, .validation_message, [aria-invalid=true]+label, label+[aria-invalid=true]) {
	color: var(--error);
}
html [data-node] .pp-gf-content .gform_wrapper .gfield_error :is(input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']), .ginput_container select, .ginput_container textarea) {
	border-color: var(--error);
}
html .gform_wrapper.gravity-theme .gform_validation_errors:focus {
	outline: none;
	outline-offset: 0;
}
html .gform_wrapper.gravity-theme .validation_message, */
html .gform_wrapper.gravity-theme :is(.gfield_validation_message, .validation_message),
html .pp-gf-content .gform_wrapper .gfield .gfield_description.validation_message {
	background: none;
	padding: 5px 10px;
	border-radius: 5px;
}

/* --- RESPONSIVE --- */

@media only screen and (max-width: 641px) {
	html .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
		line-height: inherit;
		min-height: unset;
	}
}


/*/////////////////////////////////////////////////////*/
/* 5. PRICING */
/*/////////////////////////////////////////////////////*/

/* ---------------------- */
/* HK FUNERAL SUITE: 
	 PRICING ACCORDION */
/* ---------------------- */

/* VARIABLES */

.hk-pricing-accordion {
	--button-extras-font: var(--gp-font--poppins);
	--border-color: var(--primary-light);
}

/* ACCORDION LAYOUT */

.hk-pricing-accordion .pp-accordion-item {
	border-radius: 15px;
	overflow: hidden;
}
.hk-pricing-accordion .pp-accordion-item, 
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon {
	transition: all 0.3s ease-out;
} 
.hk-pricing-accordion .pp-accordion-item:hover, 
.hk-pricing-accordion .pp-accordion-item-active {
	box-shadow: 0 10px 40px rgba(0,0,0,.1);
}

/* ACCORDION TITLE */

.hk-pricing-accordion .pp-accordion-button {
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
}
.hk-pricing-accordion .pp-accordion-button-label {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-basis: 75%;
	gap: .6em;
	font-size: clamp(1.75rem, 1.3796rem + 1.8519vw, 3rem); /* 28-48 */
	font-weight: 500;
	line-height: 1;
	text-align: left;
}
.hk-pricing-accordion .pp-accordion-button-label .hk-item-num {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 1.8em;
	height: 1.8em;
	margin-right: .5em;
	padding: .5em;
	background-color: white;
	font-family: var(--button-extras-font);
	font-weight: 400;
	font-size: 80%;
	color: var(--secondary);
	border-radius: 100%;
	transition: all .3s ease-out;
}
.hk-pricing-accordion .pp-accordion-button-label > span:first-child {
	display: flex;
}
.hk-pricing-accordion .pp-accordion-button:hover .pp-accordion-button-label .hk-item-num, 
.hk-pricing-accordion .pp-accordion-item-active .pp-accordion-button-label .hk-item-num {
	color: var(--alternate);
}
.hk-pricing-accordion .pp-accordion-button-label .hk-item-description {
	margin-left: clamp(22px, 18.1481px + 1.2037vw, 35px);
	padding-left: 5%;
	font-size: clamp(1rem, 0.9259rem + 0.3704vw, 1.25rem); /* 16-20 */
	font-family: var(--button-extras-font);
	font-weight: 300;
	line-height: 1.4;
	text-transform: none;
	letter-spacing: 0;
	color: var(--teal);
	border-left: 2px solid var(--border-color);
}

.pp-accordion-button:hover .pp-accordion-button-icon, 

.pp-accordion-item-active .pp-accordion-button-icon, 
[data-node] .pp-accordion-item.pp-accordion-item-active .pp-accordion-button-icon, 

[data-node] .pp-accordion-item:hover .pp-accordion-button-icon, 

.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon {
	flex: inherit;
	aspect-ratio: unset;
	background-color: var(--primary);
	color: white;
	justify-content: center;
	align-items: center;
	border-radius: 50px;	
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button:hover .pp-accordion-button-icon { 
	background-color: var(--alternate);
	color: white;
}
.hk-pricing-accordion .pp-accordion-item:not(.pp-accordion-item-active) .pp-accordion-button-icon.pp-accordion-open, 
.hk-pricing-accordion .pp-accordion-item.pp-accordion-item-active .pp-accordion-button-icon.pp-accordion-close {
	display: flex;
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-open { 
	width: auto;
	padding: 1em 1.5em;
}
.hk-pricing-accordion .pp-accordion-item:not(.pp-accordion-item-active) .pp-accordion-button-icon.pp-accordion-open::before { 
	content: "Learn more";
	font-family: var(--button-extras-font);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-close { 
	flex: inherit;
	width: 2.8em;
	height: auto;
	aspect-ratio: 1/1;
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-close::before { 
	content: "X";
	font-family: sans-serif;
	font-size: 1.1em;
	font-weight: 400;
}

/* ACCORDION CONTENT */

.hk-pricing-accordion .pp-accordion-item .pp-accordion-content {
	position: relative;
	padding-top: 20px;
	/* padding-right: 15vw; */
}
.hk-pricing-accordion .pp-accordion-content::before {
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: calc(100%	- 80px);
	border-top: 2px solid var(--border-color);
}
.hk-pricing-accordion .pp-accordion-content hr {
	margin-bottom: 1.5em;
	background: none;
	border: none;
	border-top: 2px solid var(--border-color);
}
.hk-pricing-accordion .pp-accordion-content .hk-item-price-container {
	display: block;
	margin-top: 2.5em;
	padding-top: 1.5em;
	border-top: 2px solid var(--border-color);
}
.hk-pricing-accordion .pp-accordion-content .hk-item-price {
	margin: 0 .15em;
	font-family: var(--gp-font--eb-garamond);
	font-weight: 500;
	font-size: 220%;
	color: var(--alternate);
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	.hk-pricing-accordion .pp-accordion-item {
		margin-bottom: 30px;
	}
	.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-open { 
		padding: .75em 1.2em;
	}
	.hk-pricing-accordion .pp-accordion-item:not(.pp-accordion-item-active) .pp-accordion-button-icon.pp-accordion-open::before { 
		font-size: 13px;
	}
	.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-close { 
		width: 2.4em;
	}
	.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-close::before { 
		font-size: 1em;
	}
}
@media (min-width: 769px) {
	.hk-pricing-accordion .pp-accordion-item .pp-accordion-content .hk-item-content {
		columns: 2;
		column-gap: clamp(40px, 28.1481px + 3.7037vw, 80px);
	}
	.hk-pricing-accordion .pp-accordion-item .pp-accordion-content .hk-item-content :where(p, ul, ol) {
		break-inside: avoid;
	}
}
@media (max-width: 768px) {
	.hk-pricing-accordion .pp-accordion-item {
		border-radius: 10px;
		margin-bottom: 20px;
	} 
	.hk-pricing-accordion .pp-accordion-button {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-open { 
		padding: .5em 1em;
	}
	.hk-pricing-accordion .pp-accordion-item:not(.pp-accordion-item-active) .pp-accordion-button-icon.pp-accordion-open::before { 
		font-size: 11px;
		white-space: wrap;
	}
	.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-close { 
		width: 2em;
	}
	.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-close::before { 
		font-size: .9em;
	}
	.hk-pricing-accordion .pp-accordion-item.pp-accordion-item-active .pp-accordion-button-icon.pp-accordion-close { 
		display: none;
	}
	.hk-pricing-accordion .pp-accordion-item .pp-accordion-content {
		padding-right: 20px;
	} 
}


/*/////////////////////////////////////////////////////
6. SEARCH RESULTS
/////////////////////////////////////////////////////*/

.search-results [data-node] .pp-content-post .pp-post-image {
	width: 15%;
}
.search-results [data-node] .pp-content-post .pp-post-image img {
	aspect-ratio: 1;
	object-fit: cover;
}
.search-results [data-node] .pp-content-post .pp-content-body {
	width: 85%;
}
.search-results [data-node] .pp-content-post .pp-content-body .pp-post-content .read-more {
	display: none;
}
.relevanssi-query-term {
	position: relative;
	z-index: 0;
	padding-bottom: .25em;
}
.relevanssi-query-term::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right:0;
	bottom: 0;
	left: 0;
	border-bottom: 2px solid var(--secondary);
}

/* --- RESPONSIVE --- */

@media (max-width: 768px) {
	.search-results .rs-posts.rs-grid .pp-content-post {
		margin-bottom: 0;
	}
	.search-results [data-node] .pp-content-post .pp-post-image {
		max-width: 160px;
		width: auto;
	}
	.search-results [data-node] .pp-content-post .pp-content-body {
		width: 100%;
		padding-left: 0;
	}
}


/*/////////////////////////////////////////////////////
7. MISC
/////////////////////////////////////////////////////*/

.fl-builder-block-thumbnail {
	display: none;
}

/* --- responsive embed --- */
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
}
.embed-container :is(iframe, object, embed, video) { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

/*--------------------------
LEGAL
--------------------------*/

/* LOCAL MENU */ 

.wst-legal [data-node] .pp-advanced-menu .menu > li.current_page_item > a {
	color: var(--secondary);
	border-color: var(--secondary);
	pointer-events: none;
}
.wst-legal .menu li {
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
}
.wst-legal .menu li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: .5em;
	right: 0;
	bottom: .5em;
	width: 1px;
	background-color: var(--primary);
}

/* HEADINGS & TEXT */ 

.wst-legal h2, 
.wst-legal h2 * {
	font-size: clamp(2rem, 1.4074rem + 2.963vw, 4rem); /* 32-64 */
}
.wst-legal h3, 
.wst-legal h3 * {
	font-size: clamp(1.75rem, 1.3796rem + 1.8519vw, 3rem); /* 28-48 */
}
.wst-legal p+h2, .wst-legal ul+h2, .wst-legal ol+h2 {
	margin-top: .75em;
}
.wst-legal h2 {
	margin-bottom: .5em;
}

.wst-legal .fl-rich-text table {
	margin-top: 1.5em;
}

/* LISTS */ 

.wst-legal ol {
	counter-reset: item;
	list-style: none;
	padding-left: 1.8em;
}
.wst-legal ol > li {
	display: block;
	position: relative;
}
.wst-legal ol > li::before {
	content: counters(item, ".") ". ";
	counter-increment: item;
	position: absolute;
	left: -1.8em;
}
.wst-legal .fl-rich-text > ol > li::marker, 
.wst-legal .fl-rich-text > ol > li::before {
	font-weight: 600;
}
.wst-legal ol ol {
	counter-reset: item;
	margin-left: 0;
	padding-left: 2.5em;
}
.wst-legal ol ol > li::before {
	left: -2.5em;
}
.wst-legal :where(ul,ol) {
	margin-left: 0;
}
.wst-legal ol ul {
	list-style-type: none;
}


/*/////////////////////////////////////////////////////
8. STYLES TEMPLATE
/////////////////////////////////////////////////////*/

[class*="av-demo-font-"] {
	font-size: clamp(1.0625rem, 0.9329rem + 0.6481vw, 1.5rem); /* 17-24 */
}
[class*="av-demo-font-"] :is(h2, h3) {
	margin-bottom: .75em;
	font-size: clamp(2rem, 1.4074rem + 2.963vw, 4rem); /* 28-48 */
}
.av-demo-font-1, 
.av-demo-font-1 :is(h2, h3) {
	font-family: var(--gp-font--eb-garamond); 
}
.av-demo-font-2, 
.av-demo-font-2 :is(h2, h3) {
	font-family: var(--gp-font--poppins); 
}
[class*="av-demo-font-"] p {
	margin-bottom: .5em;
}