/*
Theme Name: University of Innercare
Theme URI: https://universityofinnercare.org
Author: University of Innercare
Description: Custom block theme for the University of Innercare training site. Matches the live header, course pages, enrollment page, rewards page, and footer. Pair it with the University of Innercare plugins and the existing uploads folder.
Version: 1.0.6
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: university-of-innercare
*/

html {
	-webkit-text-size-adjust: 100%;
}

img,
video,
iframe {
	max-width: 100%;
	height: auto;
}

.uoi-header-bar {
	align-items: center;
	gap: clamp(12px, 3vw, 32px);
	width: 100%;
}

.uoi-logo {
	flex: 0 1 auto;
	max-width: min(400px, 58vw);
	margin: 0;
}

.uoi-logo a,
.uoi-logo img {
	display: block;
	width: 100% !important;
	max-width: 100%;
	height: auto !important;
	background: #fff;
}

.uoi-header .wp-block-navigation {
	flex: 1 1 auto;
	justify-content: flex-end;
}

.wp-block-navigation a {
	color: #111;
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item__label {
	white-space: nowrap;
}

.uoi-hero-video-wrap {
	width: 100%;
}

.uoi-hero-video-wrap .wp-block-video {
	margin: 0 auto;
	max-width: 1280px;
}

.wp-block-video video,
.uoi-hero-video {
	display: block;
	width: 100%;
	max-width: 1280px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.uoi-hero-video::-webkit-media-controls-overflow-button,
.uoi-hero-video::-internal-media-controls-download-button {
	display: none;
}

.is-style-uoi-light .wp-block-button__link {
	background-color: #ffffff;
	color: #111111;
}

.is-style-uoi-light .wp-block-button__link:hover {
	background-color: #f2f2f2;
	color: #111111;
}

.uoi-card {
	height: 100%;
}

.uoi-rewards .wp-block-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.wp-block-button__link {
	display: inline-block;
}

@media (max-width: 960px) {
	.uoi-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}

	.uoi-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.uoi-logo {
		max-width: min(320px, 62vw);
	}
}

@media (max-width: 600px) {
	.uoi-header {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.uoi-logo {
		max-width: min(240px, 72vw);
	}

	.wp-block-columns {
		flex-wrap: wrap !important;
	}

	.wp-block-column {
		flex-basis: 100% !important;
	}

	.has-text-align-right {
		text-align: left;
	}
}