/* Styles */
p.is-style-large {
	font-size: var(--text-l);
}
p.is-style-extra-large {
	font-size: var(--h3);
}
.heading-alt,
p.is-style-alt-font {
	font-family: var(--heading-alt);
	line-height: var(--h2-line-height);
}
p.is-style-alt-font {
	font-size: var(--h2);
}
@media screen and (min-width: 768px) {
	.samuraj-section .samuraj-grid__inner p.is-style-alt-font:first-child {
		margin-top: -16px;
	}
}

.is-style-fraga.is-style-fraga.is-style-fraga.is-style-fraga {
	font-size: calc(var(--h3) * 1.05);
	font-family: Switzer !important;
	border-bottom: 1px solid var(--base-ultra-light);
	padding-bottom: 12px;
}

/* Utilities */
.heading-font {
	font-family: var(--heading-font);
}
@media screen and (min-width: 1026px) {
	.underline-fade,
	.underline-fade--l,
	.underline-fade--xl,
	.slide-menu li.current-page a,
	.footer-label a {
		text-decoration: underline !important;
		text-underline-offset: 4px !important;
		text-decoration-thickness: 1px !important;
		transition: 0.2s ease-out !important;
		text-decoration-color: transparent !important;
		outline: none !important;
	}
}
@media screen and (max-width: 1025px) {
	.slide-menu.slide-menu.slide-menu.slide-menu li.current-page a {
		text-decoration: underline !important;
		text-underline-offset: 8px !important;
		text-decoration-thickness: 3px !important;
	}
}
.underline-fade--l.underline-fade--l {
	text-decoration-thickness: 3px !important;
	text-underline-offset: 6px !important;
}
.underline-fade--xl.underline-fade--xl,
.slide-menu li.current-page.current-page.current-page a {
	text-decoration-thickness: 5px !important;
	text-underline-offset: 6px !important;
}

.underline-fade:is(:hover, :focus-visible),
.underline-fade--l:is(:hover, :focus-visible),
.underline-fade--xl:is(:hover, :focus-visible),
.slide-menu li.current-page.current-page.current-page a {
	text-decoration-color: var(--base) !important;
}

.footer-label a:is(:hover, :focus-visible) {
	text-decoration-color: var(--base-ultra-light) !important;
	color: var(--base-ultra-light) !important;
}

.bg--ultra-dark .underline-fade:is(:hover, :focus-visible) {
	text-decoration-color: var(--white) !important;
}
.underline-fade:has(a.clickable-parent:is(:hover, :focus-visible)) {
	text-decoration-color: var(--base) !important;
}

/* Components */
.highlight {
	font-size: var(--text-m);
	text-transform: uppercase;
	letter-spacing: 4px;
}
.pill {
	border-radius: var(--radius-m);
	line-height: 1;
	padding: 0.7rem 1rem;
	background: var(--primary);
	color: var(--base);
	display: inline-flex;
	text-align: center;
}
@media screen and (max-width: 1025px) {
	.pill,
	.pill--s {
		text-align: center;
	}
}
.pill--s {
	background: var(--secondary);
	display: inline-flex;
	text-align: center;
}
a.pill {
	z-index: 9;
	position: relative;
}
a.pill:is(:hover, :focus-visible) {
	background: var(--secondary-dark);
	color: var(--primary-dark);
	text-decoration: none;
}

a.pill--s:is(:hover, :focus-visible) {
	background: var(--primary-dark);
	color: var(--white);
	text-decoration: none;
}

.highlight,
.pill,
.is-style-highlight {
	font-size: var(--text-m);
	text-transform: uppercase;
	letter-spacing: 0.6px;
}
.highlight,
.is-style-highlight {
	font-size: var(--h6);
}
span.pill--no-link {
	background: var(--base-trans-10);
	z-index: 9;
	position: relative;
	cursor: default;
}
