.wdt-gl-hover-showcase,
.wdt-gl-hover-showcase *,
.wdt-gl-hover-showcase *::before,
.wdt-gl-hover-showcase *::after {
	box-sizing: border-box;
}

.wdt-gl-hover-showcase {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	vertical-align: top;
	margin-top: var(--wdt-gl-hover-margin-top, 0px) !important;
	margin-block-start: var(--wdt-gl-hover-margin-top, 0px) !important;
	margin-bottom: var(--wdt-gl-hover-margin-bottom, 0px) !important;
	margin-block-end: var(--wdt-gl-hover-margin-bottom, 0px) !important;
	overflow: hidden !important;
	background: var(--wdt-gl-hover-section-background, #000) !important;
	color: var(--wdt-gl-hover-title-color, #fff);
	font-family: var(--wdt-gl-hover-font-family, Arial Narrow, Roboto Condensed, Helvetica Neue Condensed, Arial, sans-serif);
	isolation: isolate;
	--wdt-gl-hover-card-columns-desktop: 3;
	--wdt-gl-hover-card-columns-tablet: 2;
	--wdt-gl-hover-card-columns-mobile: 1;
	--wdt-gl-hover-social-columns-desktop: 6;
	--wdt-gl-hover-social-columns-tablet: 3;
	--wdt-gl-hover-social-columns-mobile: 2;
	--wdt-gl-hover-card-height-desktop: 360px;
	--wdt-gl-hover-card-height-tablet: 300px;
	--wdt-gl-hover-card-height-mobile: 260px;
	--wdt-gl-hover-social-height-desktop: 100px;
	--wdt-gl-hover-social-height-mobile: 84px;
	--wdt-gl-hover-card-gap: 0px;
	--wdt-gl-hover-social-gap: 0px;
	--wdt-gl-hover-title-size-desktop: 48px;
	--wdt-gl-hover-title-size-tablet: 40px;
	--wdt-gl-hover-title-size-mobile: 34px;
	--wdt-gl-hover-title-weight: 900;
	--wdt-gl-hover-title-line-height: 0.96;
	--wdt-gl-hover-title-letter-spacing: -0.04em;
	--wdt-gl-hover-title-max-width: 13ch;
	--wdt-gl-hover-title-padding: 28px;
	--wdt-gl-hover-social-icon-size: 34px;
	--wdt-gl-hover-duration: 520ms;
	--wdt-gl-hover-idle-overlay-opacity: 0.36;
	--wdt-gl-hover-overlay-opacity: 0.84;
	--wdt-gl-hover-image-zoom: 1.055;
	--wdt-gl-hover-card-background: #171717;
	--wdt-gl-hover-accent: #f6ec68;
	--wdt-gl-hover-title-color: #fff;
	--wdt-gl-hover-title-hover-color: #111;
	--wdt-gl-hover-social-background: #000;
	--wdt-gl-hover-social-hover-background: #f6ec68;
	--wdt-gl-hover-social-icon-color: #fff;
	--wdt-gl-hover-social-icon-hover-color: #111;
	--wdt-gl-hover-divider-color: #202020;
}

/* Override theme block-gap margins. External spacing is controlled only by the block inspector. */
body:not(.block-editor-page) :where(.wp-site-blocks, .wp-block-post-content, .entry-content) > .wdt-gl-hover-showcase {
	margin-block-start: var(--wdt-gl-hover-margin-top, 0px) !important;
	margin-block-end: var(--wdt-gl-hover-margin-bottom, 0px) !important;
}

.wdt-gl-hover-showcase.alignwide {
	max-width: min(100%, 1440px);
	margin-inline: auto;
}

.wdt-gl-hover-showcase.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

@supports (width: 100dvw) {
	.wdt-gl-hover-showcase.alignfull {
		width: 100dvw;
		max-width: 100dvw;
		margin-left: calc(50% - 50dvw) !important;
		margin-right: calc(50% - 50dvw) !important;
	}
}

.wdt-gl-hover-showcase__cards {
	display: grid;
	grid-template-columns: repeat(var(--wdt-gl-hover-card-columns-desktop), minmax(0, 1fr));
	gap: var(--wdt-gl-hover-card-gap);
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: var(--wdt-gl-hover-section-background) !important;
}

.wdt-gl-hover-showcase__card {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	height: var(--wdt-gl-hover-card-height-desktop);
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: var(--wdt-gl-hover-card-background) !important;
	color: var(--wdt-gl-hover-title-color);
	text-decoration: none !important;
	transform: none !important;
	isolation: isolate;
	-webkit-tap-highlight-color: transparent;
	--wdt-gl-hover-card-accent: var(--wdt-gl-hover-accent);
	--wdt-gl-hover-card-object-position: center center;
}

.wdt-gl-hover-showcase__image,
.wdt-gl-hover-showcase__placeholder,
.wdt-gl-hover-showcase__card::before,
.wdt-gl-hover-showcase__card::after {
	position: absolute;
	inset: 0;
}

.wdt-gl-hover-showcase__image {
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: var(--wdt-gl-hover-card-object-position);
	transform: scale(1.001);
	transition: transform var(--wdt-gl-hover-duration) cubic-bezier(0.22, 1, 0.36, 1), filter var(--wdt-gl-hover-duration) ease;
}

.wdt-gl-hover-showcase__placeholder {
	z-index: 0;
	display: grid;
	place-items: center;
	padding: 24px;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--wdt-gl-hover-card-accent) 18%, transparent), transparent 58%),
		var(--wdt-gl-hover-card-background);
	color: color-mix(in srgb, var(--wdt-gl-hover-title-color) 68%, transparent);
	font-family: ui-sans-serif, system-ui, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-align: center;
	text-transform: uppercase;
}

.wdt-gl-hover-showcase__card::before {
	z-index: 1;
	content: "";
	background: #000;
	opacity: var(--wdt-gl-hover-idle-overlay-opacity);
	pointer-events: none;
}

.wdt-gl-hover-showcase__card::after {
	z-index: 2;
	content: "";
	background: var(--wdt-gl-hover-card-accent);
	opacity: var(--wdt-gl-hover-overlay-opacity);
	pointer-events: none;
	will-change: clip-path, opacity, transform;
}

.wdt-gl-hover-showcase--effect-wipe-up .wdt-gl-hover-showcase__card::after,
.wdt-gl-hover-showcase--effect-wipe-up .wdt-gl-hover-showcase__social::before {
	clip-path: inset(100% 0 0 0);
	transition: clip-path var(--wdt-gl-hover-duration) cubic-bezier(0.22, 1, 0.36, 1);
}

.wdt-gl-hover-showcase--effect-wipe-left .wdt-gl-hover-showcase__card::after,
.wdt-gl-hover-showcase--effect-wipe-left .wdt-gl-hover-showcase__social::before {
	clip-path: inset(0 100% 0 0);
	transition: clip-path var(--wdt-gl-hover-duration) cubic-bezier(0.22, 1, 0.36, 1);
}

.wdt-gl-hover-showcase--effect-circle .wdt-gl-hover-showcase__card::after,
.wdt-gl-hover-showcase--effect-circle .wdt-gl-hover-showcase__social::before {
	clip-path: circle(0% at 50% 50%);
	transition: clip-path var(--wdt-gl-hover-duration) cubic-bezier(0.22, 1, 0.36, 1);
}

.wdt-gl-hover-showcase--effect-fade .wdt-gl-hover-showcase__card::after,
.wdt-gl-hover-showcase--effect-fade .wdt-gl-hover-showcase__social::before {
	opacity: 0;
	transition: opacity var(--wdt-gl-hover-duration) ease;
}

.wdt-gl-hover-showcase__title {
	position: relative;
	z-index: 3;
	display: block;
	max-width: min(var(--wdt-gl-hover-title-max-width), calc(100% - (2 * var(--wdt-gl-hover-title-padding))));
	padding: var(--wdt-gl-hover-title-padding);
	color: var(--wdt-gl-hover-title-color);
	font-size: var(--wdt-gl-hover-title-size-desktop);
	font-weight: var(--wdt-gl-hover-title-weight);
	line-height: var(--wdt-gl-hover-title-line-height);
	letter-spacing: var(--wdt-gl-hover-title-letter-spacing);
	text-align: center;
	text-wrap: balance;
	text-transform: uppercase;
	text-shadow: 0 4px 24px rgba(0, 0, 0, 0.38);
	transform: translateY(0);
	transition: color 220ms ease, transform var(--wdt-gl-hover-duration) cubic-bezier(0.22, 1, 0.36, 1), text-shadow 220ms ease;
}

.wdt-gl-hover-showcase__socials {
	display: grid;
	grid-template-columns: repeat(var(--wdt-gl-hover-social-columns-desktop), minmax(0, 1fr));
	grid-auto-rows: var(--wdt-gl-hover-social-height-desktop);
	gap: var(--wdt-gl-hover-social-gap);
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	border: 0 !important;
	border-top: 1px solid var(--wdt-gl-hover-divider-color) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: var(--wdt-gl-hover-section-background) !important;
	line-height: 0;
}

.wdt-gl-hover-showcase__social {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 0;
	height: var(--wdt-gl-hover-social-height-desktop);
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	border: 0 !important;
	border-right: 1px solid var(--wdt-gl-hover-divider-color) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: var(--wdt-gl-hover-social-background) !important;
	color: var(--wdt-gl-hover-social-icon-color);
	line-height: 0;
	text-decoration: none !important;
	transform: none !important;
	isolation: isolate;
	-webkit-tap-highlight-color: transparent;
}

.wdt-gl-hover-showcase__social:last-child {
	border-right-color: transparent !important;
}

/* Keep theme link/button styles from adding an external underline, border or shadow below the social row. */
.wdt-gl-hover-showcase__card:hover,
.wdt-gl-hover-showcase__card:focus,
.wdt-gl-hover-showcase__card:active,
.wdt-gl-hover-showcase__card:visited,
.wdt-gl-hover-showcase__social:hover,
.wdt-gl-hover-showcase__social:focus,
.wdt-gl-hover-showcase__social:active,
.wdt-gl-hover-showcase__social:visited {
	box-shadow: none !important;
	text-decoration: none !important;
	transform: none !important;
}

.wdt-gl-hover-showcase__social::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	content: "";
	background: var(--wdt-gl-hover-social-hover-background);
	pointer-events: none;
	will-change: clip-path, opacity;
}

.wdt-gl-hover-showcase__icon-svg {
	position: relative;
	z-index: 1;
	display: block;
	width: var(--wdt-gl-hover-social-icon-size);
	height: var(--wdt-gl-hover-social-icon-size);
	overflow: visible;
	color: currentColor;
	transform: translateY(0) scale(1);
	transition: color 220ms ease, transform var(--wdt-gl-hover-duration) cubic-bezier(0.22, 1, 0.36, 1);
}

.wdt-gl-hover-showcase__card:focus-visible,
.wdt-gl-hover-showcase__social:focus-visible {
	z-index: 4;
	outline: 3px solid var(--wdt-gl-hover-accent);
	outline-offset: -3px;
}

@media (hover: hover) and (pointer: fine) {
	.wdt-gl-hover-showcase--effect-wipe-up .wdt-gl-hover-showcase__card:hover::after,
	.wdt-gl-hover-showcase--effect-wipe-up .wdt-gl-hover-showcase__social:hover::before,
	.wdt-gl-hover-showcase--effect-wipe-left .wdt-gl-hover-showcase__card:hover::after,
	.wdt-gl-hover-showcase--effect-wipe-left .wdt-gl-hover-showcase__social:hover::before {
		clip-path: inset(0 0 0 0);
	}

	.wdt-gl-hover-showcase--effect-circle .wdt-gl-hover-showcase__card:hover::after,
	.wdt-gl-hover-showcase--effect-circle .wdt-gl-hover-showcase__social:hover::before {
		clip-path: circle(145% at 50% 50%);
	}

	.wdt-gl-hover-showcase--effect-fade .wdt-gl-hover-showcase__card:hover::after {
		opacity: var(--wdt-gl-hover-overlay-opacity);
	}

	.wdt-gl-hover-showcase--effect-fade .wdt-gl-hover-showcase__social:hover::before {
		opacity: 1;
	}

	.wdt-gl-hover-showcase__card:hover .wdt-gl-hover-showcase__image {
		transform: scale(var(--wdt-gl-hover-image-zoom));
		filter: saturate(1.06);
	}

	.wdt-gl-hover-showcase__card:hover .wdt-gl-hover-showcase__title {
		color: var(--wdt-gl-hover-title-hover-color);
		text-shadow: none;
		transform: translateY(-4px);
	}

	.wdt-gl-hover-showcase__social:hover {
		color: var(--wdt-gl-hover-social-icon-hover-color);
	}

	.wdt-gl-hover-showcase__social:hover .wdt-gl-hover-showcase__icon-svg {
		transform: translateY(-2px) scale(1.08);
	}
}

.wdt-gl-hover-showcase--effect-wipe-up .wdt-gl-hover-showcase__card:focus-visible::after,
.wdt-gl-hover-showcase--effect-wipe-up .wdt-gl-hover-showcase__social:focus-visible::before,
.wdt-gl-hover-showcase--effect-wipe-left .wdt-gl-hover-showcase__card:focus-visible::after,
.wdt-gl-hover-showcase--effect-wipe-left .wdt-gl-hover-showcase__social:focus-visible::before {
	clip-path: inset(0 0 0 0);
}

.wdt-gl-hover-showcase--effect-circle .wdt-gl-hover-showcase__card:focus-visible::after,
.wdt-gl-hover-showcase--effect-circle .wdt-gl-hover-showcase__social:focus-visible::before {
	clip-path: circle(145% at 50% 50%);
}

.wdt-gl-hover-showcase--effect-fade .wdt-gl-hover-showcase__card:focus-visible::after {
	opacity: var(--wdt-gl-hover-overlay-opacity);
}

.wdt-gl-hover-showcase--effect-fade .wdt-gl-hover-showcase__social:focus-visible::before {
	opacity: 1;
}

.wdt-gl-hover-showcase__card:focus-visible .wdt-gl-hover-showcase__image {
	transform: scale(var(--wdt-gl-hover-image-zoom));
}

.wdt-gl-hover-showcase__card:focus-visible .wdt-gl-hover-showcase__title {
	color: var(--wdt-gl-hover-title-hover-color);
	text-shadow: none;
	transform: translateY(-4px);
}

.wdt-gl-hover-showcase__social:focus-visible {
	color: var(--wdt-gl-hover-social-icon-hover-color);
}

.wdt-gl-hover-showcase__social:focus-visible .wdt-gl-hover-showcase__icon-svg {
	transform: translateY(-2px) scale(1.08);
}

@media (max-width: 1024px) {
	.wdt-gl-hover-showcase__cards {
		grid-template-columns: repeat(var(--wdt-gl-hover-card-columns-tablet), minmax(0, 1fr));
	}

	.wdt-gl-hover-showcase__card {
		height: var(--wdt-gl-hover-card-height-tablet);
	}

	.wdt-gl-hover-showcase__title {
		font-size: var(--wdt-gl-hover-title-size-tablet);
	}

	.wdt-gl-hover-showcase__socials {
		grid-template-columns: repeat(var(--wdt-gl-hover-social-columns-tablet), minmax(0, 1fr));
	}
}

@media (max-width: 680px) {
	.wdt-gl-hover-showcase__cards {
		grid-template-columns: repeat(var(--wdt-gl-hover-card-columns-mobile), minmax(0, 1fr));
	}

	.wdt-gl-hover-showcase__card {
		height: var(--wdt-gl-hover-card-height-mobile);
	}

	.wdt-gl-hover-showcase__title {
		font-size: var(--wdt-gl-hover-title-size-mobile);
	}

	.wdt-gl-hover-showcase__socials {
		grid-template-columns: repeat(var(--wdt-gl-hover-social-columns-mobile), minmax(0, 1fr));
		grid-auto-rows: var(--wdt-gl-hover-social-height-mobile);
	}

	.wdt-gl-hover-showcase__social {
		height: var(--wdt-gl-hover-social-height-mobile);
	}
}

@media (prefers-reduced-motion: reduce) {
	.wdt-gl-hover-showcase *,
	.wdt-gl-hover-showcase *::before,
	.wdt-gl-hover-showcase *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}