/*
Theme Name: Yacht Delivery
Version: 1.0
Template: genesis
*/

/* Defaults */
*{ box-sizing: border-box; }

/* Reset */
body, h1, h2, h3, h4, h5, h6, p, ul, ol {
	padding: 0;
	margin: 0;
}

/* Forms */
input {
	width: 100%;
	padding: 0.25rem;
	border: 0;
}

input[type="submit"] {
	cursor: pointer;
}

/* Typography */
body,
button,
input,
textarea {
	-webkit-font-smoothing:antialiased;
	font-size: 100%;
	font-family: "Montserrat", sans-serif;
}

/* Structure */
.wrap {
	padding-left: 20px;
	padding-right: 20px;
}

:root {
	--primary-color: #003f86;
	--light: #ecf5ff;
	--cta-color: #20D6B5;
}

/* Typography */
h1 {
	font-size: 4.3rem;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 5rem;
	margin-bottom: 0.5rem;
}

.subheadline {
	font-size: 1.44rem;
	font-weight: 500;
	line-height: 2rem;
	margin-bottom: 1rem;
}

h2 {
	font-size: 1rem;
	letter-spacing: 1px;
	font-weight: 300;
	color: var(--cta-color);
	text-transform: uppercase;
	margin-bottom: 0.25rem;
}

p {
	line-height: 1.5rem;
}

/* Site Header */
.top {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/* Site Hero */
.site-hero {
	position: relative;
	background-color: var(--primary-color);
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

.site-hero > .wrap {
	position: relative;
}

.site-hero::before {
	position: absolute;
	content: "";
	/* opacity: 0.5; */
	background-image: linear-gradient(to right, var(--primary-color), rgba(0, 0, 0, 0)), url('https://yachtdelivery.site/images/yacht.webp');
	background-size: cover;
	top: 0;
	width: 100%;
	height: 100%;
}

/* CTA Form */
.cta-form {
	margin-top: 1.75rem;
	border-radius: 0.5rem;
	padding: 1.25rem;
	background-color: var(--light);
}

input[type="submit"] {
	background-color: var(--cta-color);
}

/* Site Footer */
.site-footer {
	margin-top: 3rem;
	padding-top: 3rem;
	background-color: var(--primary-color);
	padding-bottom: 2rem;
}

/* Framework */
.text-center { text-align: center; }
.white { color: white; }
.white-95 { color: rgba(255, 255, 255, 0.95); }
.white-87 { color: rgba(255, 255, 255, 0.87); }