/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* Hero styling */
.page-hero {
	position: relative;
	min-height: clamp(500px, 35vw, 750px);
}
.inside-page-hero {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.page-hero h1 {
	font-size: clamp(2em, 3vw, 3.5em);
	color: white;
	text-shadow: 1px 2px #333;
}
/* Home header */
.page-id-882 .page-hero h1 {
	font-size: clamp(3em, 3.5vw, 5em);
	color: #c21722;
}

/* Override links to white in these sections */
.white-links a {
	color: white;
}
.white-links a:hover {
	color: #cfcfcf;
}

/* Remove list discs */
.list-no-disc ul {
	list-style: none !important;
}

/* Home Feature Boxes */
.home-feature-boxes > div {
	column-gap: calc(1vw + 10px);
}


/* Remove max-width on nav */
.main-navigation {
	justify-content: center;
}
.main-navigation .grid-container {
	max-width: 1500px;
}

/* Shrink logo / nav size */
@media(min-width: 769px) {
	.site-logo {
		max-width: clamp(200px, 15vw, 350px);
	}
	.main-navigation a {
		font-size: clamp(0.6em, 1.4vw, 1.5em);
	}
}

/* Pricing Tables */

/* Layout/alignment */
.pricing-table > div {
	margin: 20px 0;
}
.pricing-table table {
	max-width: 600px;
	margin: 0 auto;
}
.pricing-table th:nth-of-type(1) {
	width: 40%;
}
.pricing-table th:nth-of-type(2),
.pricing-table th:nth-of-type(3) {
	width: 30%;
}

/* Styling */
.pricing-table th {
	text-align: left;
	text-transform: uppercase;
	background-color: #530d11;
}
/* Alternating rows */
.pricing-table tr:nth-child(odd) {
	background-color: #111;
}
.pricing-table tr:nth-child(even) {
	background-color: #222;
}

/* Pricing - PDF call-out box */
.pricing-box a {
	max-width: 600px;
	border: 3px solid white;
}


/* FAQ - Capacity Table */
.capacity-table {
	max-width: max-content;
}
.capacity-table td:nth-child(2) {
	text-align: center;
}

/* Footer banner image of Cordova */
.home-footer-banner h1 {
	line-height: 1.3;
	text-shadow: 1px 2px #333;
}


/*
Centered Logo design
Adapted from https://docs.generatepress.com/article/centering-logo-navigation/
*/
@media(min-width: 769px) {
	/* Center logo */
	.site-logo {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		z-index: 100;
	}

	/* Fill available space */
	.main-nav,
	.main-navigation {
		flex: 1;
	}

	/* Align nav items */
	.main-navigation .menu {
		justify-content: space-between;
	}
	.main-navigation .menu-item {
		white-space: nowrap;
	}

	/* Change nth-child(#) to first item to right */
	/* Margin size should roughly match logo size */
	.main-navigation .menu-item:nth-child(4) {
		margin-left: clamp(150px, 15vw, 350px);
	}
}