/**
 * Theme Name:       AMPERS
 * Theme URI:        https://ampers.org/
 * Description:      AMPERS is a custom child theme built on the Genesis Framework utilizing Mai Engine 2.0.
 * Author:           Flying Orange
 * Author URI:       https://www.flyingorangewebdesign.com/
 * Version:          1.0.0
 * Text Domain:      ampers
 * Template:         genesis
 * Template Version: 3.6
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */

/* Table of Contents

	- Defaults
	- Theme Customizations
	- Plugin Customizations
	- Media Queries

*/



/* # Defaults
---------------------------------------------------------------------------------------------------- */

:root {
	--menu-font-weight: 700;
	--button-font-weight: 900;
	--button-border-radius: 30px;
	--shadow: 0;
	--sub-menu-width: 260px;

	/* Plyr */
	--plyr-color-main: var(--color-secondary);
	--plyr-audio-controls-background: var(--color-alt);
	--plyr-audio-control-color: var(--color-body);
	--plyr-audio-control-color-hover: var(--color-body);
	--plyr-audio-control-background: transparent;
	--plyr-audio-control-background-hover: rgba(0, 0, 0, 0.05);
	--plyr-audio-progress-buffered-background: rgba(0, 0, 0, 0.25);
}


/* # Theme Customizations
---------------------------------------------------------------------------------------------------- */
.home .content-sidebar-wrap {
	margin-top: 0;
}

.breadcrumb {
	background: var(--color-secondary);
	margin: 0 auto;
  	width: 100%;
  	max-width: 100%;
  	padding: var(--spacing-md) var(--spacing-lg);
}

.breadcrumb a {
	color: var(--color-body);
	font-weight: 700;
}

.breadcrumb .inner {
	width: 100%;
  	max-width: var(--content-max-width);
  	margin: var(--content-margin,var(--content-margin-top,0) var(--content-margin-sides,auto) var(--content-margin-bottom,0));
  	--columns: 0;
}

.blackwave {
	background-image: url("images/ampers-soundwave-black10-half.png");
	background-repeat: no-repeat;
	background-position: right center;
}

.entry-excerpt, .page-header-description {
	font-size: var(--font-size-md);
}

.featured-story .entry-title, .featured-story .entry-excerpt {
	display: flex;
	justify-content: start;
	max-width: var(--breakpoint-sm);
}

.featured-story.has-image-background {
	--entry-wrap-padding: var(--spacing-xxxxl);
}

.featured-story .entry-custom-content {
	font-weight: 900;
}

.entry-meta-before-content:has(.style-mai-share) {
	display: flex;
	justify-content: start;
	gap: var(--spacing-xs);

	.style-mai-share {
		margin-left: auto;
	}
}

.wp-block-term-description {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-md);
}

.adjacent-entry-pagination {
	margin-top: var(--spacing-xxl);
}

a.transcript-link {
	font-weight: 700;
}

.has-image-background .has-image, .has-image-background .has-image.has-entry-link:hover {
	--entry-overlay-background: linear-gradient(var(--entry-overlay-background-direction,to bottom),var(--entry-overlay-color-start,var(--color-custom-6)) 0%,var(--entry-overlay-color-end,var(--color-custom-6)) 100%);
}

.sub-menu {
	--menu-item-link-padding: var(--spacing-xs) var(--spacing-md);
	font-size: var(--font-size-sm);
}



/* ## Program Archives
--------------------------------------------------- */

body:where(.blog, .category) {
	.entries-archive {
		--entry-image-object-fit: contain;

		.entry-image-link {
			background-color: var(--color-alt);
			aspect-ratio: 1;
		}
	}
}

.header-program__archive {
	--entry-padding: var(--spacing-xl);

	.entries,
	.entries-wrap {
		height: 100%;
	}
}

.header-program__archive a.transcript-link {
	color: var(--color-white);
}

.header-program__archive .entry-grid {
	padding: 0;
}

.header-program__archive .entry-wrap {
    padding: var(--spacing-xl);
	background: #08415c90;
}

/* ## Program Single
--------------------------------------------------- */

.header-program__single {

}

.transcript {
	margin-block: var(--spacing-xl);
	padding: var(--spacing-xl);
	background-color: var(--color-alt);

	> h2 {
		font-size: var(--font-size-lg);
	}
}

/* ## Plyr Audio Player
--------------------------------------------------- */

.plyr--audio {
	border-radius: var(--button-border-radius);

	.plyr__control {
		border-radius: 100vw;
	}
}

.entry:has(button[data-plyr="speed"]) {
	--entry-overflow: visible;
}

/* # Plugin Customizations
---------------------------------------------------------------------------------------------------- */

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

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

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

	.shared-counts-button {
		width: 24px;
		height: 24px;
		padding: 6px;
		background-color: var(--color-primary);
		color: var(--color-white);
		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;
		}
		&.email {
			background-color: #000000;
		}
		*/

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

/* # Media Queries
---------------------------------------------------------------------------------------------------- */