/**
 * Theme Name:       LAmag
 * Theme URI:        https://lamag.com/
 * Description:      Custom Mai Theme for the Genesis Framework.
 * Author:           BizBudding
 * Author URI:       https://bizbudding.com/
 * Version:          2.4.4
 * Text Domain:      lamag
 * Template:         genesis
 * Template Version: 3.6.0
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */

:root {
	--border-radius: 0;
	--menu-font-family: var(--alt-font-family);
	--shadow: none;
	--border: 1px solid #DBE1E6;
	--button-font-family: var(--alt-font-family);
	--button-text-transform: uppercase;
	--button-letter-spacing: 1px;
}

.button-outline,
.button-outline:visited {
	--button-border: var(--button-outline-width, 1px) solid;
}

.twitter-tweet,
.instagram-media {
	margin: auto !important;
	margin-bottom: var(--spacing-md) !important;
}

.is-style-subheading {
	letter-spacing: 5px;
}

.nav-after-header {
	--wrap-max-width: 100vw;
	--menu-font-family: var(--alt-font-family);
	--menu-item-link-text-decoration: none;
	--menu-item-link-text-decoration-hover: none;
	--menu-item-link-padding: var(--spacing-sm) var(--spacing-sm);
	position: sticky;
	top: var(--body-top);
	border-bottom: var(--border);
	background: var(--color-white);
}

.nav-header-right,
.nav-header-left {
	--menu-text-transform: uppercase;
	--menu-letter-spacing: 1px;
	--menu-font-size: var(--font-size-sm);
	--menu-font-family: var(--alt-font-family);
}

.site-header-wrap {
	--wrap-max-width: var(--breakpoint-xxxl) !important;
}

.entry-title-single {
	--entry-title-single-margin-bottom: var(--spacing-md);
}

.entry-meta-after-content {
	--entry-meta-margin: 0 0 var(--spacing-md);
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-md);
	justify-content: space-between;
	align-items: center;
}

.has-standard-content {
	.entry-image-single,
	.entry-content-single > figure:has(img) {
		clear: both;
		float: none;
		max-width: calc(100% + (var(--side-spacing) * 2));
		margin-inline: calc(var(--side-spacing) * -1);

		img {
			width: 100%;
		}
	}
}

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

.entry-title-single,
.entry-meta,
.entry-excerpt.entry-excerpt-single {
	margin-bottom: var(--spacing-sm);
}

.entry-meta-after-content {
	--entry-meta-margin: 0 0 var(--spacing-md);
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-md);
	justify-content: space-between;
	align-items: center;
}

.has-grid-separation .entry.entry-grid:not(:last-child)  {
	border-bottom: var(--border);
	padding-bottom: var(--spacing-sm);
}

.entry-meta {
	font-family: var(--alt-font-family) !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.entry-excerpt {
	color: var(--color-secondary);
}

.mai-term-category {
	display: inline-flex;

	a {
		display: block;
		background-color: var(--color-primary);
		padding: 0.4rem;
		font-size: 0.7rem;
		color: var(--color-white);
		line-height: 1;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;

		&:hover,
		&:focus-visible {
			background-color: var(--color-primary-dark);
		}
	}

	+ .mai-term-category {
		margin-left: var(--spacing-xxxs);
	}
}

.entry-wrap-archive {
	gap: var(--spacing-xs);

	> * {
		margin: 0;
	}
}

#disqus_thread {
	margin-block: var(--spacing-lg);
}

/* ## Media Credits v1.0.0
--------------------------------------------- */

.attribution::before {
	content: 'Photo: ';
}

figure,
.attribution,
.media-credit {
	color: var(--caption-color, var(--color-body));
	font-size: var(--caption-font-size, var(--font-size-xs));
	text-align: var(--caption-text-align, center);
}

.attribution,
.media-credit {
	display: block;
	max-width: calc(100vw - (var(--side-spacing) * 2));
	margin-inline: auto;
	margin-top: .25em;
	font-style: italic;
	opacity: 0.75;
}

figure:has(img[data-attribution]):not(:has(.attribution)) img[data-attribution]::after {
	display: block;
	margin-top: .25em;
	text-align: center;
	font-size: var(--font-size-xs);
	font-style: italic;
	opacity: 0.75;
	content: attr(data-attribution);
}

.wp-element-caption {
	max-width: calc(100vw - (var(--side-spacing) * 2));
	margin-inline: auto;

	br {
		display: none;
	}
}

.wp-element-caption:has( ~ .media-credit) {
	margin-bottom: 0;

	.attribution {
		display: none;
	}
}

.attribution:has( ~ .media-credit) {
	display: none;
}

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

.shared-counts-wrap.style-mai-share {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;

	.shared-counts-icon-label,
	.shared-counts-icon {
		display: contents;
	}

	.shared-counts-button {
		width: 32px;
		height: 32px;
		padding: 6px;
		color: #fff;
		text-decoration: none;
		border-radius: 3px;
		opacity: .8;

		&.facebook {
			background-color: #3b5998;
		}
		&.googleplus {
			background-color: #dc4e41;
		}
		&.instagram {
			background-color: #003569;
		}
		&.itunes {
			background-color: #f55b6d;
		}
		&.linkedin {
			background-color: #0077b5;
		}
		&.pinterest {
			background-color: #bd081c;
		}
		&.reddit {
			background-color: #ff4301;
		}
		&.twitter {
			background-color: #000000;
		}
		&.youtube {
			background-color: #e62117;
		}

		svg {
			display: block;
			fill: currentColor;
			width: 100%;
			height: 100%;
		}

		&:hover,
		&:focus-visible {
			text-decoration: none;
			opacity: 1;
		}
	}

	.shared-counts-label {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
		border: 0;
	}
}