/**
 * Theme Name:       Mom Trends
 * Theme URI:        https://momtrends.com
 * Description:      Custom Mai Theme for the Genesis Framework.
 * Author:           BizBudding
 * Author URI:       https://bizbudding.com/
 * Version:          2.1.0
 * Text Domain:      momtrends
 * 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 {
	--font-scale-desktop: 1.15;
	--font-scale-tablet: 1.15;
	--font-scale-mobile: 1.15;
	/* --site-header-border-bottom: 1px solid var(--color-black); */
	--border-radius: 0;
	--shadow: none;
	--heading-text-transform: uppercase;
	--button-font-weight: bold;
}

.site-header-wrap {
	justify-content: start;
}

.nav-header-right {
	--menu-text-transform: uppercase;
	--menu-font-size: var(--font-size-sm);
	--menu-font-weight: bold;
}

.nav-utility {
	--menu-text-transform: capitalize;
	--menu-font-size: var(--font-size-sm);
	--menu-font-weight: normal;
	margin: var(--spacing-xxs);
}

@media (min-width: 1100px) {

	.header-section.header-right {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}

		.nav-utility {
			order: -1;
		}

		.nav-header-right {
			border-top: 1px solid;
		}

	}

	.header-right-mobile {
		flex: 0;
		display: inline-flex;
		order: 9999;
	}

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

.menu {
	gap: 1em;
}

.menu-item {
	margin: 0;
}

.menu-item-link {
	padding: .5rem;
	--button-line-height: 1;
	--button-border: 2px solid white;
	--button-border-hover: 2px solid white;
	/* --button-outline: 3px solid var(--color-primary); */
	/* --button-outline-hover: 3px solid var(--color-primary-dark); */
}

.has-standard-content .entry-wrap-single {
    .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);
    }
}

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

.nav-after-header {
	--menu-item-link-padding: var(--spacing-md) var(--spacing-xs);
	--menu-font-size: var(--font-size-sm);
	--menu-font-weight: var(--body-font-weight-bold);
	--menu-letter-spacing: 1px;
	--menu-text-transform: uppercase;

	> .wrap {
		transform: translateX(calc(var(--spacing-md) * -1));

		> .menu > .menu-item {
			align-items: center;

			&:not(:last-child)::after {
				display: inline-flex;
				opacity: 0.125;
				content: " · ";
			}
		}
	}

	.menu-item-button > .menu-item-link {
		padding: 0.4rem;
		line-height: 1;
		text-transform: uppercase;
	}
}

.site-inner {
	background: linear-gradient(to bottom, var(--color-alt), var(--color-background) 100px);
}

.archive-title,
.entry-title {
	/* text-transform: uppercase; */
	letter-spacing: -0.5px;
}

.archive-title,
.entry-title-single {
	color: var(--color-secondary);
}

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

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

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

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