/*
Theme Name: UE Parent
Theme URI:
Author: UE Systems, Inc.
Author URI:
Description: Shared parent theme for UE Systems sites. Child themes inherit this design system.
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 8.4+
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ue-parent
Tags: blocks, modern, ACF
*/


/* ======== INITIAL BASE RESETS ======== */
*,
*::before,
*::after {
	box-sizing: border-box;
}

a,
button,
input:focus,
input[type="button"],
input[type="submit"],
textarea:focus,
.wp-element-button {
	transition: all 0.2s ease-in-out;
}

a,
a:focus,
a:hover,
a:not(.wp-element-button) {
	text-decoration-thickness: 1px;
}

input,
select,
textarea {
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: 0;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--content);
	font-size: var(--wp--preset--font-size--standard);
	padding: 10px 20px;
	width: 100%;
}

/* Excludes WordPress's native "Insert/edit link" dialog (wplink.js) from the
   input reset above. */
#wp-link-wrap input,
#wp-link-wrap textarea {
	all: revert;
}

input:focus,
textarea:focus {
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
}

::placeholder {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.5;
}

.wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--medium);
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--contrast);
	border: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	padding: 10px;
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
	padding: 2px 10px;
}

@media only screen and (max-width: 600px) {
	.is-style-hidden-mobile {
		display: none !important;
	}
}

@media only screen and (max-width: 782px) {
	.is-style-columns-reverse {
		flex-direction: column-reverse;
	}
}
/* ======== END BASE RESETS ======== */


/* ======== DEFAULT VARIABLES ========*/
/* WP global layout defaults (theme.json):
 * --wp--style--global--content-size: 1200px
 * --wp--style--global--wide-size: 1440px
 */

/* WP preset color defaults (theme.json):
 * --wp--preset--color--base: #ffffff (white)
 * --wp--preset--color--contrast: #333333 (black)
 * --wp--preset--color--base-dark: #E3F5FF (light blue)
 * --wp--preset--color--base-light: #F7FCFF (pale blue)
 * --wp--preset--color--primary: #089DE7 (UE blue)
 * --wp--preset--color--primary-dark: #127CB5 (dark blue)
 * --wp--preset--color--primary-faint: rgba(8, 157, 231, 0.25) (UE blue at 25%)
 * --wp--preset--color--secondary: #21274D (navy)
 * --wp--preset--color--accent: #E4740C (UE orange)
 * --wp--preset--color--accent-medium: #d76800 (medium orange)
 * --wp--preset--color--accent-dark: #A95928 (dark orange)
 * --wp--preset--color--light-grey: #F0F4F7
 * --wp--preset--color--med-grey: #d9dde0
 * --wp--preset--color--grey: #707070
 */

/* WP preset spacing defaults (theme.json):
 * --wp--preset--spacing--x-small: 12px
 * --wp--preset--spacing--small:   clamp(18px, calc(1.34vw + 12.74px), 30px)
 * --wp--preset--spacing--medium:  clamp(30px, calc(2.70vw + 19.49px), 54px)
 * --wp--preset--spacing--large:   clamp(48px, calc(4.04vw + 32.22px), 84px)
 * --wp--preset--spacing--x-large: clamp(78px, calc(6.56vw + 50.22px), 138px)
 */

/* WP preset font family defaults (theme.json):
 * --wp--preset--font-family--heading
 * --wp--preset--font-family--heading-bold
 * --wp--preset--font-family--content
 * --wp--preset--font-family--content-bold
 */

/* WP preset font size defaults (theme.json):
 * --wp--preset--font-size--x-small:  clamp(0.825rem, calc(0.39vw + 0.75rem), 1.1rem)
 * --wp--preset--font-size--small:    clamp(0.975rem, calc(0.46vw + 0.88rem), 1.3rem)
 * --wp--preset--font-size--standard: clamp(1.2rem, calc(0.57vw + 1.09rem), 1.6rem)
 * --wp--preset--font-size--medium:   clamp(1.5rem, calc(0.71vw + 1.36rem), 2.0rem)
 * --wp--preset--font-size--banner:   clamp(1.8rem, calc(0.86vw + 1.63rem), 2.4rem)
 * --wp--preset--font-size--large:    clamp(2.25rem, calc(1.07vw + 2.04rem), 3.0rem)
 * --wp--preset--font-size--x-large:  clamp(3.0rem, calc(1.43vw + 2.71rem), 4.0rem)
 * --wp--preset--font-size--max:      clamp(4.875rem, calc(2.32vw + 4.41rem), 6.5rem)
 */

/* UE VARIABLES :
 * --wp--custom--border--radius--small:  4px
 * --wp--custom--border--radius--medium: 12px
 * --wp--custom--border--radius--large:  20px
 */


 
/* =========== GLOBAL STYLES =========== */
html {
    scroll-behavior: smooth;
}

.wp-site-blocks {
	padding-bottom: 0;
}

.site-content {
	padding-top: var(--wp--preset--spacing--medium);
}

.site-content.site-content--archive {
	padding-top: var(--wp--preset--spacing--large);
}

.site-content.site-content--error {
	padding-top: var(--wp--preset--spacing--x-large);
}

.footer-stack {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.footer-stack.is-horizontal {
	flex-direction: row;
}

.footer-stack.is-vertical {
	flex-direction: column;
}


/* ======= GLOBAL UTILITY CLASSES ======= */
.hideme { display: none !important; }

@media (max-width: 600px) {
	.hide-on-mobile { display: none !important; }
}
@media (min-width: 601px) and (max-width: 768px) {
	.hide-on-tablet { display: none !important; }
}
@media (min-width: 768px) {
	.hide-on-desktop { display: none !important; }
}

.small-image {
	max-width: 125px;
}
.small-text {
	font-size: var(--wp--preset--font-size--small);
}

.rounded-corners {
	border-radius: var(--wp--custom--border--radius--large) !important;
}

@media all and (max-width: 768px) {
	.center-flex-items {
		align-items: center !important;
		text-align: center !important;
	}
}

.fixed-icon-size img {
	height: 60px !important;
	width: auto !important;
}

@media (min-width: 768px) and (max-width: 1026px) {
	.fixed-icon-size {
		flex-wrap: wrap !important;
		justify-content: center !important;
	}

	.fixed-icon-size .wp-block-column {
		flex: 0 0 calc(50% - var(--wp--preset--spacing--small)) !important;
		max-width: calc(50% - var(--wp--preset--spacing--small)) !important;
	}
}

.diamond-border {
	border: 1px solid var(--wp--preset--color--primary);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	height: fit-content;
	margin-left: auto;
	margin-right: auto;
	padding: var(--wp--preset--spacing--medium);
	width: fit-content;
}

.image-text-overlay {
	border-radius: 0 var(--wp--custom--border--radius--large) 0 var(--wp--custom--border--radius--large);
    margin-right: 2rem !important;
	margin-top: -5rem !important;
}

.icon-boxes.is-layout-grid,
.fixed-icon-size.is-layout-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (min-width: 601px) and (max-width: 1024px) {
	.icon-boxes.is-layout-grid,
	.fixed-icon-size.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.icon-boxes.is-layout-grid,
	.fixed-icon-size.is-layout-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}


/* =========== TEXT STYLING =========== */
/* Matches the default Gutenberg heading block level styling */
.h1 {
	color: var(--wp--preset--color--secondary);
	margin-bottom: var(--wp--preset--spacing--x-small);
	font-family: var(--wp--preset--font-family--heading-bold);
	font-size: var(--wp--preset--font-size--max);
	line-height: 1.0;
}

.h2 {
	color: var(--wp--preset--color--secondary);
	margin-bottom: var(--wp--preset--spacing--x-small);
	font-family: var(--wp--preset--font-family--heading-bold);
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1.2;
}

.h3 {
	color: var(--wp--preset--color--primary);
	margin-bottom: var(--wp--preset--spacing--x-small);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--banner);
	line-height: 1.3;
	text-transform: uppercase;
}

.h4 {
	color: var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--content-bold);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.5;
	text-transform: uppercase;
}

.h5 {
	color: var(--wp--preset--color--secondary);
	font-family: var(--wp--preset--font-family--content-bold);
	font-size: var(--wp--preset--font-size--medium);
}

.p {
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--content);
	font-size: var(--wp--preset--font-size--standard);
	line-height: 1.6;
	text-transform: none;
}

a:focus,
a:hover {
	color: var(--wp--preset--color--primary-dark);
}

b, strong {
	font-family: var(--wp--preset--font-family--content-bold);
	font-weight: 700;
}
figcaption,
.wp-element-caption,
.wp-caption-text,
.blocks-gallery-item__caption {
    color: var(--wp--preset--color--grey);
	font-size: var(--wp--preset--font-size--small);
}



/* ======= BUTTON STYLES ======= */
.wp-block-button__link {
	background-color: var(--wp--preset--color--primary-dark);
	color: var(--wp--preset--color--base);
	line-height: 1;
}   

.wp-block-button__link:focus,
.wp-block-button__link:hover {
	background-color: var(--wp--preset--color--secondary);
	border-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--base);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--contrast);
}

.wp-block-button.is-style-outline .wp-block-button__link:focus,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary-dark);
	color: var(--wp--preset--color--base);
}

.wp-block-button .wp-block-button__link.has-accent-background-color {
	border: 1px solid var(--wp--preset--color--accent);
}

.wp-block-button .wp-block-button__link.has-accent-background-color:focus,
.wp-block-button .wp-block-button__link.has-accent-background-color:hover {
	--wp--preset--color--accent: var(--wp--preset--color--accent-medium);
	background-color: var(--wp--preset--color--accent-medium);
	border-color: var(--wp--preset--color--accent-medium);
	color: var(--wp--preset--color--base);
}

/* ======= NAVIGATION BLOCKS ======= */
@media (min-width: 600px) and (max-width: 767.98px) {
	header .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open):not(.hidden-by-default),
	.wp-block-template-part[data-area="header"] .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open):not(.hidden-by-default) {
		display: none;
	}

	header .wp-block-navigation .wp-block-navigation__responsive-container-open:not(.always-shown),
	.wp-block-template-part[data-area="header"] .wp-block-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
	border: 1px solid currentColor;
	padding: 2px;
}

.has-background .wp-block-navigation__responsive-container-open:focus,
.has-background .wp-block-navigation__responsive-container-open:hover {
	color: var(--wp--preset--color--base);
}

.legal-menu .wp-block-navigation__container {
	gap: 0;
}

.legal-menu .wp-block-navigation-item > .wp-block-navigation-item__content {
	align-items: center;
	display: inline-flex;
}

.legal-menu .wp-block-navigation-item:not(:last-child) > .wp-block-navigation-item__content::after {
	content: "\2022";
	display: inline-flex;
	font-size: 2.0em;
	line-height: 1;
	margin-left: var(--wp--preset--spacing--x-small);
	margin-right: var(--wp--preset--spacing--x-small);
}

.wp-block-navigation .wp-block-navigation-item.is-style-nav-button > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__content.is-style-nav-button {
	background-color: var(--wp--preset--color--primary-dark);
	border: 1px solid var(--wp--preset--color--primary-dark);
	border-radius: var(--wp--custom--border--radius--small);
	color: var(--wp--preset--color--base);
	display: inline-block;
	font-family: var(--wp--preset--font-family--heading);
	line-height: 1;
	padding: var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--small);
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item.is-style-nav-button > .wp-block-navigation-item__content:focus,
.wp-block-navigation .wp-block-navigation-item.is-style-nav-button > .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content.is-style-nav-button:focus,
.wp-block-navigation .wp-block-navigation-item__content.is-style-nav-button:hover {
	background-color: var(--wp--preset--color--secondary);
	border-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--base);
	text-decoration: none;
}

/* Matches the "Request a Quote" CTA button on uesystems.com (main.css:545-553):
   background #E4740C / hover #f27e12 / white text / 4px radius. */
.wp-block-navigation .wp-block-navigation-item.is-style-nav-button-2 > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__content.is-style-nav-button-2 {
	background-color: var(--wp--preset--color--accent);
	border: 1px solid var(--wp--preset--color--accent);
	border-radius: var(--wp--custom--border--radius--small);
	color: var(--wp--preset--color--base);
	display: inline-block;
	font-family: var(--wp--preset--font-family--heading);
	line-height: 1;
	padding: var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--small);
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item.is-style-nav-button-2 > .wp-block-navigation-item__content:focus,
.wp-block-navigation .wp-block-navigation-item.is-style-nav-button-2 > .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content.is-style-nav-button-2:focus,
.wp-block-navigation .wp-block-navigation-item__content.is-style-nav-button-2:hover {
	background-color: #f27e12;
	border-color: #f27e12;
	color: var(--wp--preset--color--base);
	text-decoration: none;
}




/* ======= BLOCK STYLES ======= */
/* Additional block styling not expressible in theme.json */
.wp-block-list:not(ol) li::marker {
	color: var(--wp--preset--color--primary);
	font-size: 1.3em;
}

.wp-block-social-links.is-style-outline .wp-block-social-link {
	background-color: transparent;
	border: 1px solid currentColor;
}

.wp-block-categories-list {
	padding-inline-start: var(--wp--preset--spacing--medium);
}

.wp-block-categories-list li::marker {
	color: var(--wp--preset--color--primary);
	font-size: 1.3em;
}

.wp-block-paragraph a:hover,
.wp-block-paragraph a:focus {
	cursor: pointer;
}

.wp-block-embed {
	margin: 0 auto;
	max-width: min(100%, calc(var(--wp--style--global--content-size) * 0.75));
	width: min(100%, calc(var(--wp--style--global--content-size) * 0.75));
}
.wp-block-embed iframe {
	border-radius: var(--wp--custom--border--radius--large);
}

.wp-block-embed.alignwide {
	max-width: min(100%, calc(var(--wp--style--global--wide-size) * 0.75));
	width: min(100%, calc(var(--wp--style--global--wide-size) * 0.75));
}

.wp-block-gallery .blocks-gallery-item img {
	border-radius: var(--wp--custom--border--radius--large);
}

.wp-block-image img {
	border-radius: var(--wp--custom--border--radius--large);
}

.wp-block-image img[height] {
	height: revert;
}

.wp-block-post-featured-image a img,
.wp-block-post-featured-image img {
	border-radius: var(--wp--custom--border--radius--large);
}

.wp-block-image.is-style-sharp-corners img,
.wp-block-image.is-style-sharp-corners a img {
	border-radius: 0 !important;
}

.wp-block-media-text__media img {
	border-radius: var(--wp--custom--border--radius--large);
}

.wp-block-pullquote {
	margin-left: auto;
	margin-right: auto;
	max-width: min(100%, calc(var(--wp--style--global--content-size) * 0.75));
	width: min(100%, calc(var(--wp--style--global--content-size) * 0.75));
}
.wp-block-pullquote.alignwide {
	max-width: min(100%, calc(var(--wp--style--global--wide-size) * 0.75));
	width: min(100%, calc(var(--wp--style--global--wide-size) * 0.75));
}
.wp-block-pullquote p {
	font-size: var(--wp--preset--font-size--banner);
	letter-spacing: 0.05ch;
}
.wp-block-pullquote cite {
	font-family: var(--wp--preset--font-family--content);
	font-size: var(--wp--preset--font-size--small);
	margin-top: var(--wp--preset--spacing--x-small);
	text-align: right;
}

.wp-block-details > *:not(summary) {
	margin-left: var(--wp--preset--spacing--small);
	margin-top: var(--wp--preset--spacing--x-small);
}

.wp-block-quote p {
	font-size: var(--wp--preset--font-size--medium);
}
.wp-block-quote cite {
	font-size: var(--wp--preset--font-size--small);
	margin-top: var(--wp--preset--spacing--x-small);
}

@media (max-width: 535px) {
	.shift-image-left {
		align-items: center;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: var(--wp--preset--spacing--small);
	}

	.shift-image-left > figure {
		flex-shrink: 0;
		margin: 0;
		max-width: 100px;
		width: 100px;
	}

	.shift-image-left .wp-block-group {
		flex: 1;
		margin: 0;
		min-width: 0;
	}
}

/* Remove hover/focus underlines across accordion heading markup variants. */
.wp-block-accordion [class*="accordion-heading"],
.wp-block-accordion [class*="accordion-heading"] *,
.wp-block-accordion [class*="__toggle"],
.wp-block-accordion [class*="__toggle"] *,
.wp-block-accordion summary,
.wp-block-accordion summary * {
	text-decoration: none !important;
}

.wp-block-accordion [class*="accordion-heading"]:focus,
.wp-block-accordion [class*="accordion-heading"]:hover,
.wp-block-accordion [class*="accordion-heading"] *:focus,
.wp-block-accordion [class*="accordion-heading"] *:hover,
.wp-block-accordion [class*="__toggle"]:focus,
.wp-block-accordion [class*="__toggle"]:hover,
.wp-block-accordion [class*="__toggle"] *:focus,
.wp-block-accordion [class*="__toggle"] *:hover,
.wp-block-accordion summary:focus,
.wp-block-accordion summary:hover,
.wp-block-accordion summary *:focus,
.wp-block-accordion summary *:hover {
	text-decoration: none !important;
}

.wp-block-accordion-heading__toggle:hover,
.wp-block-accordion summary:hover {
	color: var(--wp--preset--color--primary-dark);
}



/* ====== ARCHIVE & CARD STYLES ======= */
/* Shared by every content archive: /news, /resources, and any post type added
   to the archive map later */

.ue-card {
	overflow: hidden;
	position: relative;
	transition: box-shadow 150ms ease;
}

/* Card hover shadow */
.ue-card:hover,
.ue-card:focus-within {
	box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.1);
}

/* Card featured-image sizing */
.ue-card .wp-block-post-featured-image {
	aspect-ratio: unset !important;
	height: 205px;
	margin-bottom: 0;
}

.ue-card .wp-block-post-featured-image img {
	object-position: center top;
	border-radius: var(--wp--custom--border--radius--medium) var(--wp--custom--border--radius--medium) 0 0;
}

/* Lifts the badge up over the featured image */
.ue-card .ue-type-badge {
	margin-top: -34px;
	position: relative;
}

/* Clamped to 3 lines */
.ue-card .wp-block-post-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-bottom: 0;
	overflow: hidden;
}

.ue-card .wp-block-post-title a {
	text-decoration: none;
}

/* Makes the whole card clickable off the title's own link */
.ue-card .wp-block-post-title a::after {
	content: "";
	inset: 0;
	position: absolute;
	z-index: 1;
}

/* Reserved space for the absolutely-positioned meta bar below */
.ue-card__body {
	padding-bottom: calc(var(--wp--preset--spacing--small) + 2em) !important;
}

/* Pinned to the card's bottom edge */
.ue-card__meta {
	bottom: var(--wp--preset--spacing--small);
	left: var(--wp--preset--spacing--small);
	position: absolute;
	right: var(--wp--preset--spacing--small);
}

/* Separator between read time and topics */
.ue-card__meta .ue-read-time + .wp-block-post-terms::before {
	content: "|";
	margin-right: 10px;
}

/* Keeps the topic links usable above the stretched link */
.ue-card__meta .wp-block-post-terms a {
	position: relative;
	z-index: 2;
}

.ue-card__meta .wp-block-post-terms a {
	color: inherit;
	text-decoration: none;
}

.ue-card__meta .wp-block-post-terms a:hover,
.ue-card__meta .wp-block-post-terms a:focus {
	text-decoration: underline;
}

/* Pagination arrows */
.wp-block-query-pagination-previous::before,
.wp-block-query-pagination-next::after {
	align-items: center;
	border: 1px solid var(--wp--preset--color--med-grey);
	border-radius: 50%;
	color: var(--wp--preset--color--secondary);
	display: inline-flex;
	font-family: "Font Awesome 6 Free";
	font-size: 0.9rem;
	font-weight: 900;
	height: 32px;
	justify-content: center;
	line-height: 1;
	width: 32px;
}

.wp-block-query-pagination-previous::before {
	content: "\f053";
}

.wp-block-query-pagination-next::after {
	content: "\f054";
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	align-items: center;
	color: var(--wp--preset--color--secondary);
	display: inline-flex;
	font-family: var(--wp--preset--font-family--content);
	font-size: var(--wp--preset--font-size--x-small);
	gap: var(--wp--preset--spacing--x-small);
	padding: 12px;
	text-decoration: none;
	text-transform: uppercase;
}

.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-previous:focus,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-next:focus {
	color: var(--wp--preset--color--primary);
}

/* Pagination row */
.wp-block-query-pagination-numbers a.page-numbers,
.wp-block-query-pagination-numbers span.page-numbers {
	color: var(--wp--preset--color--secondary);
	font-size: 1.25rem;
	padding: 12px;
	text-decoration: none;
}

.wp-block-query-pagination-numbers a.page-numbers:hover,
.wp-block-query-pagination-numbers a.page-numbers:focus {
	color: var(--wp--preset--color--primary);
}

.wp-block-query-pagination-numbers span.page-numbers.current {
	color: var(--wp--preset--color--primary);
}



/* ====== SINGLE POST STYLES ======= */
/* templates/single.html: hero image sizing and sidebar layout */

.entry-hero .wp-block-post-featured-image__overlay,
.entry-hero img {
	display: block;
	height: auto;
	width: 100%;
}

/* Keeps the sidebar in view alongside the article while the columns are side by side */
.entry-sidebar {
	align-self: flex-start;
	position: sticky;
	top: var(--wp--preset--spacing--small);
}

@media (max-width: 781px) {
	.entry-sidebar {
		position: static;
		top: auto;
	}
}

/* ====== ARTICLE SINGLE TEMPLATES (.articles) ======= */
/* Single templates for Posts, Resources, and Tools — shared styling scope */
.articles h1 {
	color: var(--wp--preset--color--secondary);
	font-family: var(--wp--preset--font-family--heading-bold);
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.2;
	margin-bottom: 0;
	margin-top: var(--wp--preset--spacing--x-small);
}

.articles h2 {
	color: var(--wp--preset--color--secondary);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--banner);
	line-height: 1.1;
	margin-bottom: var(--wp--preset--spacing--small);
	margin-top: var(--wp--preset--spacing--medium);
	text-transform: uppercase;
}

.articles h3 {
	color: var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--content-bold);
	font-size: var(--wp--preset--font-size--standard);
	line-height: 1.35;
	margin-bottom: var(--wp--preset--spacing--small);
	margin-top: var(--wp--preset--spacing--small);
	text-transform: capitalize;
}

/* different top spacing for an h3 if it immediately follows an h2 */
.articles h2 + h3 {
	margin-top: var(--wp--preset--spacing--x-small);
}

.articles p, .articles ol, .articles ul, .articles li {
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--content);
	font-size: var(--wp--preset--font-size--reading);
	line-height: 1.7;
}

/* Default block spacing, excluding nested Group/layout children */
.articles p:not(:where(.is-layout-constrained, .is-layout-flow) > *),
.articles ol:not(:where(.is-layout-constrained, .is-layout-flow) > *),
.articles ul:not(:where(.is-layout-constrained, .is-layout-flow) > *),
.articles li:not(:where(.is-layout-constrained, .is-layout-flow) > *) {
	margin-top: var(--wp--preset--spacing--small);
}

.articles li {
	margin-top: 0;
}


/* remove bottom margin from first paragraph after a heading */
.articles :is(h1, h2, h3, h4, h5, h6) + :is(p, ol, ul, li) {
	margin-top: 0;
}

/* Type badge label only, no icon glyph */
.articles .ue-type-badge__icon {
	display: none;
}

.articles .post-meta {
	align-items: center;
	line-height: 1;
	margin-bottom: 0;
	margin-top: var(--wp--preset--spacing--small);
}

/* Deterministic header-to-content gap */
.entry-header + .entry-content,
.entry-header + .gated-resource-content {
	margin-top: var(--wp--preset--spacing--medium);
}

.articles .post-meta > .wp-block-post-date,
.articles .post-meta > .ue-read-time {
	margin-bottom: -0.15em;
}

.articles .post-meta p {
	background-color: var(--wp--preset--color--contrast);
	color: transparent;
	font-size: inherit;
	height: 1em;
	line-height: 1;
	margin: 0 var(--wp--preset--spacing--x-small);
	width: 1px;
}

/* Aligns the sidebar heading with the H1 */
.articles .entry-sidebar-inner {
	margin-top: 0px;
}

.articles .entry-sidebar-inner h3 {
	border-bottom: 1px solid var(--wp--preset--color--med-grey);
	color: var(--wp--preset--color--secondary);
	text-transform: capitalize;
}

.articles .entry-return-link {
	margin-bottom: var(--wp--preset--spacing--x-small);
}

.articles .entry-return-link a {
	align-items: center;
	color: var(--wp--preset--color--secondary);
	display: inline-flex;
	font-family: var(--wp--preset--font-family--content);
	font-size: var(--wp--preset--font-size--x-small);
	gap: var(--wp--preset--spacing--x-small);
	text-decoration: none;
	text-transform: uppercase;
}

.articles .entry-return-link a:hover,
.articles .entry-return-link a:focus {
	color: var(--wp--preset--color--primary);
}

.articles .entry-return-link a::before {
	align-items: center;
	border: 1px solid var(--wp--preset--color--med-grey);
	border-radius: 50%;
	color: var(--wp--preset--color--secondary);
	content: "\f053";
	display: inline-flex;
	font-family: "Font Awesome 6 Free";
	font-size: 0.9rem;
	font-weight: 900;
	height: 32px;
	justify-content: center;
	width: 32px;
}

.articles .entry-post-nav {
	margin-top: var(--wp--preset--spacing--medium);
}

.articles .entry-post-nav .wp-block-post-navigation-link {
	align-items: center;
	display: flex;
	gap: var(--wp--preset--spacing--x-small);
}

.articles .entry-post-nav .wp-block-post-navigation-link a {
	align-items: center;
	color: var(--wp--preset--color--secondary);
	display: inline-flex;
	font-family: var(--wp--preset--font-family--content);
	font-size: var(--wp--preset--font-size--x-small);
	gap: var(--wp--preset--spacing--x-small);
	text-decoration: none;
	text-transform: uppercase;
}

.articles .entry-post-nav .wp-block-post-navigation-link a:hover,
.articles .entry-post-nav .wp-block-post-navigation-link a:focus {
	color: var(--wp--preset--color--primary);
}

.articles .entry-post-nav .post-navigation-link-previous a::before,
.articles .entry-post-nav .post-navigation-link-next a::after {
	align-items: center;
	border: 1px solid var(--wp--preset--color--med-grey);
	border-radius: 50%;
	color: var(--wp--preset--color--secondary);
	display: inline-flex;
	font-family: "Font Awesome 6 Free";
	font-size: 0.9rem;
	font-weight: 900;
	height: 32px;
	justify-content: center;
	width: 32px;
}

.articles .entry-post-nav .post-navigation-link-previous a::before {
	content: "\f053";
}

.articles .entry-post-nav .post-navigation-link-next a::after {
	content: "\f054";
}

.articles .entry-post-nav .post-navigation-link-next::before {
	background-color: var(--wp--preset--color--grey);
	content: "";
	height: 1em;
	width: 1px;
}

/* ====== PATTERN-SPECIFIC STYLES ======= */
/* hero video banner style 1 */
.overlay-divider {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: calc(0.95 * var(--wp--style--global--content-size));
	opacity: 0.85;
	position: relative !important;
	transform: skew(-20deg);
	z-index: 5 !important;
}

.bkgd-video-container {
	z-index: 1;
}
.hero-copy-container {
	z-index: 1;
}
.bring-to-front {
	position: relative;
	z-index: 10;
}
.overlay-border {
	z-index: 3;
}

/* hero video banner style 2 */
.overlay-frame {
    background-color: var(--wp-preset-color-light-grey);
	/*border-radius: 0 0 var(--wp--custom--border--radius--large) var(--wp--custom--border--radius--large); */
    line-height: 0;
    overflow: hidden;
	padding: var(--wp--preset--spacing--large);
	position: relative;
	width: fit-content;
}

.overlay-frame video {
    display: block;
	/*border-radius: 0 0 var(--wp--custom--border--radius--large) var(--wp--custom--border--radius--large); */
	line-height: 0;
	width: 100%;
    height: auto;
}

.overlay-frame::after {
    content: "";
    position: absolute;
    inset: 0; 

    border-style: solid;
    border-color: transparent;
	/*border-radius: 0 0 var(--wp--custom--border--radius--large) var(--wp--custom--border--radius--large); */
	border-top: 0;
    background-image: radial-gradient(circle, rgba(240, 244, 247, 0.0) 75%, rgba(240, 244, 247, 0.75) 87%, var(--wp--preset--color--light-grey) 100%);
	background-repeat: no-repeat;
	margin: 0 -10px -10px -10px;
    pointer-events: none;
}

/* standard blue CTA bar */
@media (max-width: 768px) {
	.cta-bar h2 {
		text-align: center;
		min-width: 100%;
	}
	.cta-bar wp-block-buttons {
		justify-content: center;
		min-width: 100%;
	}
}


/* ======================================================
   EDITOR: Border Radius Preset Control
   ====================================================== */

.block-editor-page .components-border-radius-control {
	display: none !important;
}

.block-editor-page .ue-border-radius-presets {
	margin-bottom: 8px;
}

.block-editor-page .ue-border-radius-presets__label {
	color: #1e1e1e;
	font-size: 11px;
	font-weight: 500;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.block-editor-page .ue-border-radius-presets__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.block-editor-page .ue-border-radius-presets__buttons .ue-radius-preset-btn {
	flex: 1 1 auto;
	justify-content: center;
}