/*==================================================
EVER THEME
Layout
Version 2.0.0
==================================================*/

/* SITE
==================================================*/

html,
body {
	width: 100%;
}

body {
	overflow-x: hidden;
}

.site-content {
	min-height: 100vh;
	padding-top: var(--header-height);
}

/* CONTAINERS
==================================================*/

.ever-container {
	width: min(var(--container), calc(100% - 80px));
	margin-inline: auto;
}

.ever-container--wide {
	width: min(var(--container-wide), calc(100% - 80px));
	margin-inline: auto;
}

.ever-container--content {
	width: min(var(--content), calc(100% - 80px));
	margin-inline: auto;
}

/* SECTIONS
==================================================*/

.ever-section {
	position: relative;
	padding-block: var(--space-11);
}

.ever-section--small {
	padding-block: var(--space-9);
}

.ever-section--large {
	padding-block: var(--space-12);
}

.ever-section--flush {
	padding-block: 0;
}

/* SECTION BACKGROUNDS
==================================================*/

.ever-section--background {
	background: var(--color-background);
}

.ever-section--surface {
	background: var(--color-surface);
}

.ever-section--primary {
	background: var(--color-primary);
	color: var(--color-surface);
}

.ever-section--secondary {
	background: var(--color-secondary);
}

/* SECTION HEADER
==================================================*/

.ever-section__header {
	max-width: 760px;
	margin-bottom: var(--space-9);
}

.ever-section__header--center {
	margin-inline: auto;
	text-align: center;
}

.ever-section__title {
	margin: 0;
}

.ever-section__intro {
	margin-top: var(--space-5);
	color: var(--color-text-light);
}

/* GRID
==================================================*/

.ever-grid {
	display: grid;
	gap: var(--space-7);
}

.ever-grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ever-grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ever-grid--4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* FLEX
==================================================*/

.ever-flex {
	display: flex;
}

.ever-flex--center {
	align-items: center;
	justify-content: center;
}

.ever-flex--between {
	align-items: center;
	justify-content: space-between;
}

.ever-flex--wrap {
	flex-wrap: wrap;
}

.ever-gap--small {
	gap: var(--space-4);
}

.ever-gap--medium {
	gap: var(--space-6);
}

.ever-gap--large {
	gap: var(--space-8);
}

/* TWO COLUMN LAYOUT
==================================================*/

.ever-split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--space-10);
	align-items: center;
}

.ever-split--wide-content {
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
}

.ever-split--wide-media {
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
}

/* MEDIA
==================================================*/

.ever-media {
	position: relative;
	overflow: hidden;
	border-radius: var(--radius-xl);
}

.ever-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* STACK
==================================================*/

.ever-stack > * + * {
	margin-top: var(--space-5);
}

.ever-stack--small > * + * {
	margin-top: var(--space-3);
}

.ever-stack--large > * + * {
	margin-top: var(--space-8);
}

/* PAGE HEADER
==================================================*/

.ever-page-header {
	padding-block: var(--space-9) var(--space-8);
	text-align: center;
}

.ever-page-header__inner {
	width: min(900px, calc(100% - 80px));
	margin-inline: auto;
}

.ever-page-header__title {
	margin: 0;
}

.ever-page-header__intro {
	max-width: 680px;
	margin: var(--space-5) auto 0;
}

/* WORDPRESS ALIGNMENTS
==================================================*/

.alignwide {
	width: min(
		var(--container-wide),
		calc(100vw - 80px)
	);
	max-width: none;
	margin-inline: auto;
}

.alignfull {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* VISIBILITY
==================================================*/

.ever-mobile-only {
	display: none;
}

.ever-hidden {
	display: none !important;
}

/* RESPONSIVE
==================================================*/

@media (max-width: 1024px) {

	.ever-container,
	.ever-container--wide,
	.ever-container--content {
		width: min(100% - 56px, var(--container));
	}

	.ever-section {
		padding-block: var(--space-10);
	}

	.ever-section--large {
		padding-block: var(--space-11);
	}

	.ever-grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ever-split,
	.ever-split--wide-content,
	.ever-split--wide-media {
		grid-template-columns: 1fr;
		gap: var(--space-8);
	}

}

@media (max-width: 768px) {

	.ever-container,
	.ever-container--wide,
	.ever-container--content {
		width: calc(100% - 40px);
	}

	.ever-section,
	.ever-section--large {
		padding-block: var(--space-9);
	}

	.ever-section--small {
		padding-block: var(--space-8);
	}

	.ever-section__header {
		margin-bottom: var(--space-7);
	}

	.ever-grid--2,
	.ever-grid--3,
	.ever-grid--4 {
		grid-template-columns: 1fr;
	}

	.ever-grid {
		gap: var(--space-5);
	}

	.ever-page-header {
		padding-block: var(--space-7) var(--space-6);
	}

	.ever-page-header__inner {
		width: calc(100% - 40px);
	}

	.ever-desktop-only {
		display: none !important;
	}

	.ever-mobile-only {
		display: block;
	}

	.alignwide {
		width: calc(100vw - 40px);
	}

}

@media (max-width: 480px) {

	.ever-container,
	.ever-container--wide,
	.ever-container--content {
		width: calc(100% - 32px);
	}

	.ever-section,
	.ever-section--large {
		padding-block: var(--space-8);
	}

	.ever-page-header__inner {
		width: calc(100% - 32px);
	}

	.alignwide {
		width: calc(100vw - 32px);
	}

}