/* Critical CSS for page template - Above the fold styles */
select.site_quick_jump {
	background: none;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	color: #fff;
	height: 56px;
	font-weight: bold;
	padding: 0 20px;
	width: 100% !important;
	z-index: 2;
	border: none;
}

.site_quick_jump_container select {
	-webkit-appearance: none;
}

.site_quick_jump_container form {
	position: relative;
	background: #2B3D50;
	background-image: url(/wp-content/themes/kogandv/images/chevron-down-light.svg);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 98% center;
}

select:focus {
	width: auto;
	position: relative;
}

/* Hero section critical styles */
#page_hero {
	position: relative;
	overflow: hidden;
	height: 420px;
}

#page_hero .hero-bg-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

#page_hero .hero-inner {
	position: relative;
	z-index: 1;
	height: 100%;
	display: flex;
	align-items: baseline;
	flex-direction: column;
	justify-content: center;
}

#page_hero h1 {
	padding-top: initial;
}

#page_hero .eval_button {
	padding-left: 0;
}

/* Hide buttons on specific pages */
.page-id-1997 .hero-inner .eval_button,
.page-id-157 .hero-inner .eval_button,
.page-id-698 .hero-inner .eval_button,
.page-id-2087 .hero-inner .eval_button,
.page-id-669 .hero-inner .eval_button,
.page-id-162 .hero-inner .eval_button,
.page-id-954 .hero-inner .eval_button,
.page-id-1858 .hero-inner .eval_button,
.page-id-1959 .hero-inner .eval_button,
.page-id-2190 .hero-inner .eval_button,
.page-id-953 .hero-inner .eval_button,
.page-id-2037 .hero-inner .eval_button,
.page-id-956 .hero-inner .eval_button,
.page-id-2211 .hero-inner .eval_button,
.page-id-1808 .hero-inner .eval_button,
.page-id-958 .hero-inner .eval_button,
.page-id-146 .hero-inner .eval_button,
.page-id-1822 .hero-inner .eval_button,
.page-id-167 .hero-inner .eval_button,
.page-id-1918 .hero-inner .eval_button {
	display: none;
}

/* Mobile optimizations */
@media (max-width: 992px) {
	#page_hero {
		background-position: 70%;
	}
}

@media (max-width: 768px) {
	#contact-row .col-md-3 {
		width: 30%;
		padding-right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}