/*
Theme Name: Priority Sports (DD.NYC)
Theme URI: https://prioritysports.biz/
Description: Custom WordPress theme for Priority Sports. Designed with ❤️ by DigitalDesign.NYC
Author: DigitalDesign.NYC
Author URI: https://dd.nyc/
Version: 1.0
*/

:root{
	--c10: rgba(255, 255, 255, .9)!important;
}

.formbox-cell .select2-container--default {
	width: 100% !important;

}

.formbox-cell .select2-selection.select2-selection--single {
	min-height: max(52.68px, 60rem);
	border: var(--sl) solid var(--c8);
	display: flex;
	overflow: hidden;
	align-items: center;
	cursor: pointer;
	padding: 0 30rem;
	color: var(--c1);
	transition: border-color .15s;
	background-color: var(--c0);
	border-radius: 0;
}

.formbox-cell .select2-selection.select2-selection--single:hover {
	border-color: var(--c1);
}

.formbox-cell .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-weight: 400;
	color: rgb(255 255 255 / 50%);
	padding: 0;
}

.document .select2-results__options {
	background-color: var(--c0);
	position: absolute;
	width: 100%;
	z-index: 999;
	overflow: auto;
	max-height: 600rem!important;
	display: grid;
	grid-template-columns: auto;
	grid-gap: 0;
	padding: 5rem 10rem;
	border: var(--sl) solid var(--c8);
}

.document .select2-results__option:first-child {
	border-top: none;
}

.document .select2-results__option {
	position: relative;
	padding: 15rem 0;
	border-top: var(--sl) solid var(--c8);
	border-bottom: var(--sl) solid var(--c8);
}

.document .select2-results__option:last-child {
	border-bottom: none;
}

.document .select2-container--default .select2-results__option--selected {
	background-color: transparent;
}

.document .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: transparent;
}

.document .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}

.wpcf7 form .wpcf7-response-output {
	display: none!important;
}

.carousel-youtube {
	height: 100%;
	display: flex;
	position: relative;
	width: 100%;
}

.cover-youtube {
	width: 100%;
	height: 100%;
}

.carousel-youtube:before {
	content: "";
	flex: none;
	width: 0;
	padding-top: 75%;
}

.video-embed.cover {
	pointer-events: auto;
}

@media (min-width: 1024px) {
	.s7-2 {
		display: flex;
	}

	.s7-3 {
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.mainnav ul {
		font-size: var(--f-xl);
	}
}