/*
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%;
}

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;
}

.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 =========== */
/* these classes match the default Gutenberg heading block level styling. Use these classes when you
want to alter the appearance of an item without changing the H level in the content structure. */
.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. #E4740C is this
   theme's --accent preset; #f27e12 has no palette equivalent, so it's hardcoded. */
.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 ======= */
/* NOTE: much of the block default styling is handled in the theme.json file. Additional initial
styling too complex for theme.json is added here. Note some styling is handled in the global editor */
.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. Both templates emit these same class names, so the
 * look is edited here once and moves everywhere. Never restyle a card per post
 * type — extend it here instead.
 *
 * Most of the card's appearance is set as block settings in the templates
 * (background, border, radius, spacing, typography). What lives here is only
 * what block settings can't express: the hover shadow, the stretched link, and
 * the badge's overlap.
 */

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

/* core/group has no shadow support in WP 7, and theme.json can only express
   :hover for elements (links, buttons), never for blocks. */
.ue-card:hover,
.ue-card:focus-within {
	box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.1);
}

.ue-card .wp-block-post-featured-image {
	margin-bottom: 0;
}

.ue-card .wp-block-post-featured-image img {
	display: block;
	width: 100%;
}

/* Lifts the badge up over the featured image. Deliberately a negative margin
   rather than absolute positioning: absolute would need position:relative on
   the body, which would then capture the stretched link below and stop the
   image from being clickable. */
.ue-card .ue-type-badge {
	margin-top: -34px;
	padding-left: 22px;
	position: relative;
}

.ue-card .wp-block-post-title {
	margin-bottom: 0;
}

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

/* Makes the whole card clickable off the title's own link, so there's one
   anchor and one accessible name. Nesting other links inside a wrapping <a>
   would be invalid HTML. */
.ue-card .wp-block-post-title a::after {
	content: "";
	inset: 0;
	position: absolute;
	z-index: 1;
}

.ue-card__meta {
	margin-top: auto;
}

/* Keeps the topic links usable above the stretched link. Not pointer-events:
   none — that would leave them focusable but dead for keyboard users. */
.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. Font Awesome 6 is already enqueued site-wide, so these
   cost no extra asset; the labels are emptied in the templates. */
.wp-block-query-pagination-previous::before,
.wp-block-query-pagination-next::after {
	font-family: "Font Awesome 6 Free";
	font-size: 1.25rem;
	font-weight: 900;
	line-height: 1;
}

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

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



/* ====== 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
   Hides the native radius input and styles the preset
   button row. Scoped to .block-editor-page (editor only).
   ====================================================== */

.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;
}