/* Mobile Hero Height Reduction - High Specificity Override */

/* Tablet and small mobile devices */
@media only screen and (max-width: 768px) {
	#hero-caption.hero-full-caption {
		height: 75vh !important;
		min-height: 75vh !important;
		max-height: 75vh !important;
	}
	
	#hero-caption {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
	
	#hero-styles {
		height: 75vh !important;
		min-height: 75vh !important;
	}
}

/* Small mobile devices */
@media only screen and (max-width: 480px) {
	#hero-caption.hero-full-caption {
		height: 65vh !important;
		min-height: 65vh !important;
		max-height: 65vh !important;
	}
	
	#hero-caption {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	
	#hero-styles {
		height: 65vh !important;
		min-height: 65vh !important;
	}
	
	#hero #hero-caption .inner {
		margin-top: 30px !important;
		margin-bottom: 50px !important;
	}
	
	.hero-title {
		font-size: calc(1rem + 8vw) !important;
		line-height: calc(1rem + 10vw) !important;
	}
}

/* Extra small devices */
@media only screen and (max-width: 320px) {
	#hero-caption.hero-full-caption {
		height: 60vh !important;
		min-height: 60vh !important;
		max-height: 60vh !important;
	}
	
	#hero-caption {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	
	#hero-styles {
		height: 60vh !important;
		min-height: 60vh !important;
	}
}

/* About Page Navigation Height Reduction - Mobile Only */
/* Target only the about page using body class specificity */

/* Tablet and small mobile devices - About Page Only */
@media only screen and (max-width: 768px) {
	body.hero-below-caption .page-nav-caption {
		height: 60vh !important;
		min-height: 60vh !important;
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
	
	body.hero-below-caption #page-nav .inner {
		margin-top: 40px !important;
		margin-bottom: 60px !important;
	}
}

/* Small mobile devices - About Page Only */
@media only screen and (max-width: 480px) {
	body.hero-below-caption .page-nav-caption {
		height: 50vh !important;
		min-height: 50vh !important;
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	
	body.hero-below-caption #page-nav .inner {
		margin-top: 30px !important;
		margin-bottom: 40px !important;
	}
	
	body.hero-below-caption .next-hero-title {
		font-size: calc(1rem + 6vw) !important;
		line-height: calc(1rem + 8vw) !important;
	}
}

/* Extra small devices - About Page Only */
@media only screen and (max-width: 320px) {
	body.hero-below-caption .page-nav-caption {
		height: 45vh !important;
		min-height: 45vh !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	
	body.hero-below-caption #page-nav .inner {
		margin-top: 20px !important;
		margin-bottom: 30px !important;
	}
}
