:root {
	--teal:         #2F505B;
	--bright-green: #BED35C;
	--light-green:  #EEF2DD;
	--dull-green:   #8F9869;
	--slate-blue:   #697AA0;
	--gray-blue:    #B2BBD0;
	--white:        #fff;
	--teal-rgb:         47 80 91;
	--bright-green-rgb: 190 211 92;
	--light-green-rgb:  238 242 221;
	--dull-green-rgb:   143 152 105;
	--slate-blue-rgb:   105 122 160;
	--gray-blue-rgb:    178 187 208;

	--body-font:    "Jubilat", serif;
	--display-font: "Cronos Pro", sans-serif;

	--standard-radius: 10px;

	--bricks-transition: all 0.5s;
	--standard-transition: color 0.5s, background 0.5s, border-color, box-shadow 0.5s, opacity 0.9s, --underline-offset 0.5s;
}
@media (prefers-reduced-motion: reduce) {
	:root {
		--standard-transition: all 0s 0s !important;
	}
	* {
		transition: all 0s 0s !important;
	}
}
@media (max-width: 640px) {
	html:root {
		--font-size--small: 1.6rem;
		--font-size--regular: 1.8rem;
		--font-size--medium: 2rem;
		--font-size--large: 2.6rem;
		--font-size--x-large: 3.4rem;
		--font-size--xx-large: 4.8rem;
	}
}

/* Allow underline-offset to animate */
@property --underline-offset {
	syntax: '<length>';
	inherits: false;
	initial-value: 0px;
}
* {
	text-decoration-thickness: 1px !important;
	--underline-offset: 4px;
	text-underline-offset: var(--underline-offset);
}
*:hover, *:focus {
	--underline-offset: 6px;
}

.brxe-text br {
	margin-block-start: 0;
}

:where(a) {
	color: inherit;
	text-decoration: underline;
}
:where(#wp-content a) {
	color: var(--teal);
	text-decoration: underline;
}
:where(a:hover, a:focus) {
	color: var(--bright-green);
}
a, button {
	transition: var(--standard-transition);
}

:is(h1, h2, h3, h4, h5, h6) a {
	color: inherit;
}
:is(h1, h2, h3, h4, h5, h6) a:is(:hover, :focus) {
	color: var(--bright-green);
}

p:first-child,
ul:first-child,
ol:first-child,
blockquote:first-child {
	margin-top: 0;
}
p:last-child,
ul:last-child,
ol:last-child,
blockquote:last-child {
	margin-bottom: 0;
}

.brxe-icon {
	font-size: 4rem;
	color: var(--icons, inherit);
	fill: var(--icons, inherit);
}

.skip-link {
	z-index: 9999;
}

#brx-content {
	background: #fff;
}


/* Buttons */

.bricks-button[data-interactions],
i[data-interactions] {
	cursor: pointer;
	transition: var(--standard-transition);
}


/* Clickable box */

.clickable-box {
	cursor: pointer;
}
.clickable-box:hover a {
	color: var(--bright-green);
}


/* Layout */

@layer bricks {
	blockquote {
		font-family: revert;
		font-size: revert;
	}
	@media (max-width: 767px) {
		.brxe-container {
			flex-wrap: revert;
		}
	}
}
@media (max-width: 640px) {
	.brxe-container {
		flex-wrap: wrap;
	}
}
#brx-footer {
	z-index: 2;
}

.splide__pagination {
	padding-left: 0;
}


/* Fix popup transition */
@media (prefers-reduced-motion: no-preference) {
	.brx-popup,
	.brx-popup-backdrop {
		transition: opacity 1s;
	}
	.brx-popup.hide {
		transition: opacity 1s, visibility 0s 1s;
	}
}


/* Tables */

th {
	font-weight: 600;
	text-align: left;
}
@media (max-width: 768px) {
	.brxe-text,
	.brxe-icon-box .content {
		overflow-x: auto;
	}
	table {
		min-width: 400px;
	}
}


/** Bricks builder styles **/

/* Fix Container layout icons placement */
#bricks-preview-element-actions {
	position: fixed !important;
	top: 0;
	left: 50vw;
	transform: translateX(-50%) !important;
}

/* Featured image placeholder */
/* body.has-featured-image[data-builder-window="iframe"]:not(.has-custom-hero) #page-hero {
	background: var(--teal);
}
body.has-featured-image[data-builder-window="iframe"]:not(.has-custom-hero) #page-hero::after {
	content: 'Featured Image will show on frontend.';
	color: white;
	font-weight: bold;
	position: absolute;
	inset: 40% 0 0;
	text-align: center;
} */