/*
Theme Name: Othon
Theme URI: othon.com
Description: Custom WordPress theme for Priority Sports. Designed with ❤️ by DigitalDesign.NYC
Author: DigitalDesign.NYC
Author URI: https://dd.nyc/
Version: 1.0
*/

.wpcf7-not-valid-tip {
	margin: -13px 0 15px;
	font-size: max(14px, 16rem);
	line-height: 140%;
	color: rgba(255, 0, 0, 0.6);
}
.wpcf7-not-valid::placeholder {
	color: rgba(255, 0, 0, 0.6);
}
.wpcf7-response-output {
	display: none !important;
}
.category-text ul li {
	list-style: disc;
	margin-left: 1.2em;
}
.box-link.box-link--inactive {
	color: rgba(24, 48, 108, 0.8);
}
.serv-item.serv-item--inactive:after {
	content: none;
}
.serv-item.serv-item--inactive:hover .serv-item-bg {
	opacity: 0;
}
.s1 {
	padding: max(100px, 200rem) 0 max(80px, 100rem);
}
.s1 .holder, .category .holder {
	padding: 0 max(10px, 200rem);
}
.s1-1-1 h1 {
	text-align: center;
	padding-bottom: max(20px, 30rem);
	border-bottom: 4px solid;
	margin: 0 auto;
}
.s1-2 {
	margin-top: max(30px, 50rem);
	background-color: var(--blue);
}
.s1-2-1 {
	display: flex;
	gap: max(80px, 90rem);
	padding: max(50px, 80rem) 0;
}
.s1-2-2-2-1 {
	border-radius: 20px;
	width: 100%;
}
.s1-2-2-3 {
	color: var(--white);
	margin-top: max(20px, 50rem);
}
.s1-2-2-3-2 {
	margin-top: max(16px, 25rem);
}
.s1-2-3 {
	position: relative;
	display: block;
	overflow: hidden;
}
.s1-4 {
	background-color: var(--blue);
	color: var(--white);
}
.s1-4-1 {
	border-top: 4px solid;
	padding-top: max(50px, 50rem);
	padding-bottom: max(50px, 80rem);
}
.s1-4-2 {
	text-align: center;
	opacity: .8;
}
.s1-2-3 .slider img {
	height: max(360px, 600rem);
	border-radius: 20px;
}
.category .category-content {
	width: 100%;
	padding: 0;
}
.category {
	margin-bottom: max(50px, 100rem);
}
.project-icons {
	opacity: .6;
}
.project-stat-item .project-stat-icon img {
	max-width: 75px;
}
.project-item .project-stat {
	max-width: none;
}
.project-stat .project-stat-item {
	width: 33.33333333%;
	gap: 20px;
}
.project-stat-content .project-stat-name {
	margin: 0;
}
.project-stat-content .project-stat-value {
	font-size: 34px;
	line-height: 110%;
	letter-spacing: -0.01em;
}
.project-stat-icon img {
	max-height: 55px;
	margin-bottom: 5px;
}
.project-head {
	display: flex;
	align-items: center;
	gap: 70px;
}
.project-top .project-head h2 {
	margin: 0;
}
.project-top .project-location {
	margin-top: 17px;
}


@media (min-width: 1024px) {
	.footer-bottom .footer-col:not(:first-child) {
		width: 22%;
	}
	.footer-bottom .footer-col:last-child {
		text-align: end;
	}
	.s1-4-2 {
		max-width: 80%;
		margin: 0 auto;
	}
	.s1-2-2 {
		width: 25%;
	}
	.s1-2-3 {
		width: 75%; 
	}
}

@media (max-width: 1024px) {
	.s1 .holder, .category .holder {
		padding: 0 10px;
	}
	.s1-2-1 {
		display: flex;
		flex-direction: column;
	}
	.s1-4-2 {
		margin: 0;
		text-align: start;
	}
	.project-stat-value {
		text-align: center;
	}
	.project-stat .project-stat-item {
		width: 100%;
	}
	.project-item .project-stat {
		flex-direction: column;
		align-items: center;
	}

}