/**
 * Theme Name:       Larry Brown Sports
 * Theme URI:        https://bizbudding.com/mai-theme/
 * Description:      Mai theme for the Genesis Framework.
 * Author:           BizBudding
 * Author URI:       https://bizbudding.com/
 * Version:          2.0.22
 * Text Domain:      larrybrownsports
 * Template:         genesis
 * Template Version: 3.5.0
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */

:root {
	--border-radius: 0;
	--content-sidebar-wrap-margin-top: var(--spacing-xl);
	--content-sidebar-wrap-margin-bottom: var(--spacing-md);
	--transition-duration: 0.1s;
}

.mobile-menu-visible {
	--mobile-menu-animation: standardmenu 0.1s ease-in-out;
}

.site-header {
	border-top: 6px solid var(--color-black);
	border-bottom: 1px solid var(--color-black);
}

.nav-header {
	--menu-font-family: var(--heading-font-family);
	--menu-text-transform: uppercase;
}

.nav-header .menu-item-link-current,
.nav-header .menu-item-link:focus-visible,
.nav-header .menu-item-link:hover {
	color: var(--color-black);
	background: var(--color-secondary);
}

.archive-title {
	font-size: var(--font-size-lg);
	text-transform: uppercase;
	padding-bottom: var(--spacing-md);
	border-bottom: 3px solid var(--color-black);
}

.is-archive .entry:not(.mai-grid .entry) {
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding-bottom: var(--spacing-lg);
}

.wp-block-post-title,
.entry-title,
.entry-excerpt {
	text-wrap: balance;
}

.button:not(.button-link) {
	--button-font-family: var(--heading-font-family);
	--button-text-transform: uppercase;
}

.button-link {
	font-style: italic;
}

.entry-title-single {
	--entry-title-single-margin-bottom: var(--spacing-xs);
	font-size: var(--font-size-xxl);
}

/* ----- categories and tags in post header area
--------------------------------------------- */

.entry-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0 .25em;
	align-items: center;
}

.entry-meta-before-content {

	.entry-meta-row {
		margin-left: auto;
	}
}

.entry-meta-after-content {
	flex-wrap: nowrap;
}

.entry-wrap-single > .entry-meta-before-content {
	margin-block: var(--spacing-sm);
}

.mai-terms {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25em;
}

.mai-term a {
	display: inline-flex;
	align-items: center;
	padding: var(--spacing-xs) var(--spacing-sm);
	background: var(--mai-term-background, var(--color-black));
	color: var(--mai-term-color, var(--color-white));
	font-family: var(--heading-font-family);
	font-size: var(--mai-term-font-size, var(--font-size-xs));
	font-weight: normal;
	letter-spacing: .5px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1;
	white-space: nowrap;
}

.mai-term-post_tag {
	--mai-term-color: var(--color-body);
	--mai-term-background: var(--color-alt);
}

.mai-term a:hover,
.mai-term a:focus-visible {
	color: var(--color-white);
	background: var(--color-link);
}

.mai-term-post_tag a:before {
	content: "#";
}

/* author, date, and shared counts in post header area
--------------------------------------------- */

.single-entry-meta {
	display: flex;
	gap: 0 var(--spacing-xxxs);
	align-items: center;
	flex: 1;
	flex-wrap: wrap;
	overflow: hidden;
}

@media only screen and (max-width: 599px) {
	.single-entry-meta {
		justify-content: flex-start;
	}

	/* Forces shared counts onto a new row */
	.single-entry-meta .entry-meta-row {
		width: 100%;
		margin-top: var(--spacing-xxs);
	}
}


/* Registered Block Styles and Gradients
--------------------------------------------- */

.entries.has-boxed .entry {
	--entry-border: 0;
	--entry-box-shadow: none;
}

/* .entries .maipub-row,
.entries .maipub-entry {
	padding: var(--spacing-xl) 0 var(--spacing-lg);
	background: var(--color-alt);
} */

.entries.has-boxed .entry:not(.maipub-entry),
.has-subtle-gradient-background {
	background: linear-gradient(180deg,rgb(245,245,245) 0%,rgb(255,255,255) 100%);
}

.wp-block-separator.is-style-thick {
	max-width: 100% !important;
	height: 3px !important;
}

/* ## Custom Follow Us
--------------------------------------------- */

p.follow-us-wrapper {
	display: flex;
	gap: .5em;
	justify-content: center;
	align-items: center;
	line-height: 1.24;
}

.follow-us__link {
	--link-text-decoration: none;
	--link-text-decoration-hover: none;
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-xxs);
	padding: var(--spacing-xxs) var(--spacing-sm);
	border: var(--border);
	border-radius: 9999rem;
}

.follow-us__icon {
	width: 24px;
}

.follow-us__text {
	white-space: nowrap;
}

/* ## Shared Counts
--------------------------------------------- */

.shared-counts-wrap.style-mai-share {
	display: flex;
	grid-gap: 4px;
}

.shared-counts-wrap.style-mai-share .shared-counts-button {
	background: var(--color-alt);
	color: var(--color-body);
	padding: 6px;
	text-decoration: none;
}

.shared-counts-wrap.style-mai-share .shared-counts-button:hover,
.shared-counts-wrap.style-mai-share .shared-counts-button:focus-visible {
	background: var(--color-black);
	color: var(--color-white);
	text-decoration: none;
}

.shared-counts-wrap.style-mai-share .shared-counts-button svg {
	display: block;
	fill: currentColor;
	width: 1rem;
	height: 1rem;
}

.shared-counts-wrap.style-mai-share .shared-counts-label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	color: var(--color-black);
	background: var(--color-white);
	border: 0;
	clip: rect(0, 0, 0, 0);
}

/* ## Newsletter Form
--------------------------------------------- */

.lbs-newsletter__form {
	container-type: inline-size;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

@container (min-width: 400px) {
	.lbs-newsletter__form input[type="email"] {
		flex: 1 1 240px;
		min-width: 240px;
	}

	.lbs-newsletter__form input[type="submit"] {
		flex: 0 0 auto;
	}
}

@container (max-width: 399px) {
	.lbs-newsletter__form input[type="email"],
	.lbs-newsletter__form input[type="submit"] {
		flex: 1 1 100%;
		width: 100%;
	}
}


/* ## Twitter embeds
--------------------------------------------- */

.wp-block-embed-twitter {
	text-align: center;
}

div.twitter-tweet {
	margin: var(--spacing-lg) auto !important;
}

/* ## Disqus Comments Button
--------------------------------------------- */

.disqus-button {
    display: block;
    width: 100%;
    background-color: var(--color-black) !important;
	color: var(--color-white);
    text-align: center;
    font-size: var(--font-size-lg);
    cursor: pointer;
    transition: background-color 0.3s ease;
	font-family: var(--heading-font-family);
	text-transform: uppercase;
}

.disqus-button:hover {
    background-color: var(--color-link) !important;
}


.sbn-header .sbn-header-headline  {
	text-transform: uppercase !important;
}