/*

Coral: #ff6565
Teal: #00abb6
light Teal: rgb(24, 207, 214)
background sea salt: rgb(218, 255, 247)
blue: rgb(218, 249, 255)
#b9d4ef

Dark Blue: #263744 rgb (38, 55, 68)
Gray Blue: #344b5c rgb (52, 75, 92)
*/


/* ----------------------------------------------- */
/* BASIC SETUP */
/* ----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	background-color: #ffffff;
	color: #313e4b;
	font-family: Lato, Arial, "sans-serif";
	font-weight: 400;
	font-size: 20px;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}

.clearfix:after {
	content: '.';
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/* ----------------------------------------------- */
/* REUSABLE COMPONENTS */
/* ----------------------------------------------- */

.row {
	max-width: 1140px;
	margin: 0 auto;
}

section {
	padding: 80px 0;
}

.box {
	padding: 1%;
}

/* ----- HEADINGS ----- */
h1,
h2,
h3 {
	font-weight: 500;
	text-transform: uppercase;
}

h1 {
	margin-top: 0;
	margin-bottom: 20px;
	color: #313e4b;
	font-size: 240%;
	word-spacing: 4px;
	letter-spacing: 1px;
}

h2 {
	font-size: 32px;
	font-weight: 700;
	word-spacing: 2px;
	text-align: center;
	letter-spacing: 1px;
	padding: 1%;
	margin-bottom: 20px;
}

h3 {
	font-size: 100%;
	margin-bottom: 20px;
}

h4 {
	font-size: 120%;
}

/* ----- PARAGRAPHS ----- */

.box p {
	font-size: 90%;
	line-height: 145%;
}

/* ----- LINKS ----- */

a:link,
a:visited {
	color: #333333;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #344b5c;
	-webkit-transition: border-bottom 0.2s, color 0.2s;
	transition: border-bottom 0.2s, color 0.2s;
}

a:hover,
a:active {
	color: #263744;
	border-bottom: 1px solid #344b5c;
	-webkit-transition: border-bottom 0.2s, color 0.2s;
	transition: border-bottom 0.2s, color 0.2s;
}

/* ----- BUTTONS ----- */

.btn:link,
.btn:visited,
input[type=submit] {
    background-color: #FFFFFF;
    color: #263744;
	display: inline-block;
	padding: 10px 30px;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 200px;
	-webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
	transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.btn:hover,
.btn:active,
input[type=submit]:hover,
input[type=submit]:active {
    background-color: #263744;
    color: #FFFFFF;
}

.btn-primary:link,
.btn-primary:visited,
input[type=submit] {
    background-color: #344b5c;
    border: 1px solid #344b5c;
    color: #ffffff;
    margin-right: 15px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.btn-primary:hover,
.btn-primary:active,
input[type=submit] {
    background-color: #263744;
    border: 1px solid #263744;
    color: #ffffff;
    margin-right: 15px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.btn-full:link,
.btn-full:visited,
input[type=submit] {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	color: #263744;
	margin-right: 15px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.btn-full:hover,
.btn-full:active,
input[type=submit] {
    background-color: #263744;
    border: 1px solid #263744;
    color: #FFFFFF;
    margin-right: 15px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.btn-ghost:link,
.btn-ghost:visited {
    background-color: #344b5c;
    border: 1px solid #344b5c;
    color: #FFFFFF;
}

.btn-ghost:hover,
.btn-ghost:active {
    background-color: #263744;
    border: 1px solid #263744;
    color: #FFFFFF;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}


/* ----------------------------------------------- */
/* NavBar */
/* ----------------------------------------------- */


/* Utility Navbar */
.nav-utility {
	position: relative;
	display: flex;
	justify-content: flex-end;
	list-style: none;
	margin-top: 15px;
	z-index: 200;
}

.nav-utility img {
	width: 20px;
	margin-right: 5px;
	margin-bottom: -7px;
}

.nav-utility li {
	display: inline-block;
	text-decoration: none;
}

.nav-utility li:not(:last-of-type) {
	margin-right: 40px;
}

.nav-utility li a:link,
.nav-utility li a:visited {
	color: #777;
	text-decoration: none;
	font-weight: 400;
	font-size: 80%;
	border-bottom: 2px solid transparent;
	-webkit-transition: border-bottom 0.2s;
	transition: border-bottom 0.2s;
}

.nav-utility li a:hover,
.nav-utility li a:active {
	color: #263744;
}

/* Main Navbar */

.navbar-main {
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: -8px;
	margin-bottom: 20px;
}

.navbar-logo {
	display: inline-block;
	font-family: caveat;
	font-size: 175%;
	font-weight: 700;
	margin-right: auto;
	text-transform: none;
	word-spacing: 2px;
	letter-spacing: 1px;
	z-index: 200;
}

.navbar-logo:link,
.navbar-logo:visited,
.navbar-logo:hover,
.navbar-logo:active {
	color: #313e4b;
	text-decoration: none;
	border-bottom: 0;
}

.nav-main {
	display: flex;
	justify-content: flex-end;
	margin-top: 12px;
}

.nav-main ul {
	list-style: none;
}

.nav-main li {
	display: inline-block;
}

.nav-main li:not(:last-of-type) {
	margin-right: 35px;
}

.nav-main li a:link,
.nav-main li a:visited {
	padding: 10px 0;
	color: #313e4b;
	text-decoration: none;
	font-weight: 400;
	font-size: 85%;
	border-bottom: 1px solid transparent;
	-webkit-transition: border-bottom 0.2s;
	transition: border-bottom 0.2s;
}

.nav-main li a:hover,
.nav-main li a:active {
	border-bottom: 1px solid #263744;
}

/* MOBILE NAV */
.nav-toggle-btn {
	display: none;
	background: transparent;
	color: #444;
	font-size: 30px;
	padding: 5px 10px;
	line-height: 0;
	border: 1px solid #cdcdcd;
	border-radius: 5px;
	z-index: 200;
}

.nav-toggle-btn:hover,
.nav-toggle-btn:active {
	border-color: #777;
}

/* Add class with JS */
.nav-collapse-slider {
	position: absolute;
	display: none;
	top: 0px;
	left: 0;
	width: 100vw;
	height: 400px;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 78%, rgba(255,255,255,0) 100%);
	z-index: 100;
	opacity: .9;
}

/* ----------------------------------------------- */
/* Header */
/* ----------------------------------------------- */

header {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.45)), url(img/scs-hero.jpg);
	background-size: cover;
	background-position: center;
	height: 570px;
}

header .btn-ghost:link,
header .btn-ghost:visited {
	border: rgb(218, 249, 255);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.hero-text-box {
	position: relative;
	width: 1140px;
	top: 35%;
	left: 52%;
	-webkit-transform: translate(-90%, -50%);
	-ms-transform: translate(-90%, -50%);
	transform: translate(-40%, -50%);
	padding: 1%
}

.hero-text-box img {
	position: absolute;
	padding: 3%;
	width: 175px;
	top: 50%;
	-webkit-transform: translate(-90%, -50%);
	-ms-transform: translate(-90%, -50%);
	transform: translate(-90%, -50%);
}

.hero-text-box h1 {
	font-weight: 700;
}

.hero-text-box span {
	font-size: 80px;
	font-weight: 700;
	padding: 1%;
}

.certifications-bar img {
	display: inline-block;
	position: relative;
	width: 140px;
	padding: 1%;
	float: right;
	top: 120px;
	margin-left: 10px;
}

.now-serving {
    background-color: #344b5c;
}

.now-serving p {
    color: #ffffff;
    font-size: 100%;
    text-transform: none;
    text-align: left;
    padding: 2%;
    word-spacing: 2px;
}

.now-serving p span {
    margin-left: 10px;
    font-size: 85%;
}


/* ----------------------------------------------- */
/* CARDS DEMO*/
/* ----------------------------------------------- */

.commercial-box {
	background-image: -webkit-linear-gradient(rgba(38, 55, 68, 0.79), rgba(38, 55, 68, 0.8)), url(img/commercial-cleaning.jpg);
	background-position: center;
	background-size: cover;
	border-radius: 15px;
	width: 90%;
	height: auto;
	margin-left: 15px;
	margin-bottom: 20px;
	box-shadow: 2px 2px 10px rgba(173, 173, 173, 0.21);
	overflow: hidden;
}

.residential-box {
	background-image: -webkit-linear-gradient(rgba(38, 55, 68, 0.79), rgba(38, 55, 68, 0.8)), url(img/residential-cleaning.jpg);
	background-position: center;
	background-size: cover;
	border-radius: 15px;
	width: 90%;
	height: auto;
	margin-left: 15px;
	margin-bottom: 20px;
	box-shadow: 2px 2px 10px rgba(173, 173, 173, 0.21);
	overflow: hidden;
}


.move-box {
	background-image: -webkit-linear-gradient(rgba(38, 55, 68, 0.79), rgba(38, 55, 68, 0.8)), url(img/moving-cleaning.jpg);
	background-position: center;
	background-size: cover;
	border-radius: 15px;
	width: 90%;
	height: auto;
	margin-left: 15px;
	margin-bottom: 20px;
	box-shadow: 2px 2px 10px rgba(173, 173, 173, 0.21);
	overflow: hidden;
}


.features-box h3 {
	position: relative;
	font-weight: 800;
}

.features-content {
    color: #ffffff;
    padding: 5% 5% 8% 5%;
    margin-top: 50%;
	
}

.features-content p {
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 80%;
}

/* ----------------------------------------------- */
/* Testimonials */
/* ----------------------------------------------- */

#testimonial-curve {
	position: absolute;
	bottom: 0;
	margin: 0;
}

#testimonial-curve path {
	fill: rgb(243, 243, 243);
}

#slick {
	position: relative;
}

#slick h2 {
	color: #313e4b;
	text-align: left;
}

.slider-testimonial-icon {
	width: 160px;
	height: 160px;
	margin-bottom: 20px;
}

.slider-message {
    color: #ffffff;
    background: #344b5c;
    box-shadow: 2px 2px 5px rgba(173, 173, 173, 0.21);
    padding: 20px 20px 0px 20px;
    border-radius: 15px;
}

.slider-message:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #344b5c transparent transparent transparent;
    position: relative;
    top: 37px;
    left: 20px;
}

.client {
	margin-left: 35px;
}

.client .persona {
	border-radius: 100px;
	width: 50px;
	height: 50px;
	float: left;
	margin-top: 20px;
	margin-right: 30px;
}

.client p {
	font-family: caveat;
	position: relative;
	top: 25px;
}

.client p:nth-child(2) {
	font-family: caveat;
}

.client p:nth-child(3) {
	font-family: caveat;
	margin-bottom: 20px;
}

/* ----------------------------------------------- */
/* Our Company */
/* ----------------------------------------------- */

.section-company {
	background-color: rgb(243, 243, 243);
}

.section-company h2 {
	text-align: left;
}

.section-company img {
	width: 100%;
	height: auto;
}

.section-company p {
	text-align: left;
	margin-bottom: 20px;
}

/* ----------------------------------------------- */
/* Our Clients */
/* ----------------------------------------------- */

.section-clients {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)), url(img/scs-stove-top-cleaning.jpg);
	background-position: center;
	background-size: cover;
}

.section-clients h2 {
	color: #313e4b;
	text-align: left;
}

.slide img {
	display: block;
	width: 100%;
	padding: 15px;
}

/* ----------------------------------------------- */
/* Local Affordable */
/* ----------------------------------------------- */

.section-local-affordable {
	background-color: rgb(243, 243, 243);
	position: relative;
}

#local {
	position: absolute;
	top: 0;
	margin: 0;
}

#local path {
	fill: #ffffff;
}

.section-local-affordable h2 {
	text-align: left;
}

.section-local-affordable p {
	margin-bottom: 25px;
}

.section-local-affordable em {
	color: #ff6565;
}

.section-local-affordable img {
	width: 100%;
	height: auto;
	margin-top:20px;
}

/* ----------------------------------------------- */
/* Recognitions and Form */
/* ----------------------------------------------- */

.section-recognitions h2 {
	text-align: left;
	padding: 0;
	margin-bottom: 60px;
}

.section-recognitions h2 span {
	color: #ff6565;
}
.section-recognitions h3 {
	font-family: caveat;
	text-transform: none;
	font-size: 150%;
	margin-bottom: 10px;
}

.section-recognitions h3 span {
	color: #ff6565;
}

.section-recognitions p  {
	margin-bottom: 40px;
}


/* ----------------------------------------------- */
/* LOCATIONS */
/* ----------------------------------------------- */

.section-locations {
	background-color: rgb(243, 243, 243);
}

.section-locations .box {
	position: relative;
}

.section-locations h2 {
	text-align: left;
	padding: 1%;
}

.section-locations h3 {
	margin: 20px auto;
	font-size: 18px;
}

#suffolk-city {
	margin-left: 30%;
}

#chesapeake-city {
	margin-left: 24%;
}

#portsmouth-city {
	margin-left: 22%;
}

#isleofwight {
    margin-left: 32%;
}

.section-locations img {
	width: 140px;
	margin: 0 80px 0 80px;
}

.section-locations a {
	margin-left: 21%;
}

#service-commercial {
	margin-left: 24%;
}

#service-residential {
	margin-left: 24%;
}

#service-moving {
	margin-left: 23%;
}

/* ----------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------- */

.footer {
	position: relative;
	padding: 50px 0;
}

#footer {
	position: absolute;
	top: 0;
	margin: 0;
}

#footer path {
	fill: rgb(243, 243, 243);
}

.footer h2 {
	font-family: caveat;
	font-size: 145%;
	margin-top: 20px;
	text-align: left;
	text-transform: none;
	padding: 1%;
}

.footer h3,
.social-links h3 {
	color: #313e4b;
	font-family: caveat;
	font-size: 125%;
	text-transform: none;
	margin-bottom: 20px;
}

.footer-nav {
	list-style: none;
}

.footer-nav li {
	display: block;
	font-size: 70%;
	padding: 5px 5px;
	position: relative;
}

.footer-nav li a:link,
.footer-nav li a:visited,
.social-links li a:link,
.social-links li a:visited {
	text-decoration: none;
	border: 0;
	color: #31334b;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.social-links li {
	border: 0;
	display: inline-block;
	margin-right: 30px;
	padding: 5px 5px;;
	position: relative;
}

.footer-nav li a:hover,
.footer-nav li a:active {
	text-decoration: none;
	border: 0;
	color: #344b5c;
}

.social-links li a:hover,
.social-links li a:active {
	color: #263744;
}


.footer-legal img {
	width: 40px;
	height: auto;
	position: absolute;
}

.footer-legal p {
	font-family: caveat;
	font-size: 80%;
	margin-left: 45px;
	margin-top: 7px;
}


/* ----------------------------------------------- */
/* SUB PAGE HEADERS */
/* ----------------------------------------------- */

.section-commercial-hero {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.45)), url(img/office-showcase.jpg);
	background-size: cover;
	background-position: center;
	height: 500px;
	overflow: hidden;
	position: relative;
}

.section-residential-hero {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.45)), url(img/residential-showcase.jpg);
	background-size: cover;
	background-position: center;
	height: 500px;
	overflow: hidden;
	position: relative;
}

.section-about-us-hero {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.45)), url(img/residential-showcase.jpg);
	background-size: cover;
	background-position: center;
	height: 500px;
	overflow: hidden;
	position: relative;
}

.section-contact-us-hero {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.45)), url(img/residential-showcase.jpg);
	background-size: cover;
	background-position: center;
	height: 500px;
	overflow: hidden;
	position: relative;
}

.section-moving-hero {
	background-image: -webkit-linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.5)), url(img/moving-showcase.jpg);
	background-size: cover;
	background-position: center;
	height: 500px;
	overflow: hidden;
	position: relative;
}

.section-suffolk-virginia-hero {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.45)), url(img/residential-showcase.jpg);
	background-size: cover;
	background-position: center;
	height: 500px;
	overflow: hidden;
	position: relative;
}

.section-virginia-beach-virginia-hero {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.45)), url(img/residential-showcase.jpg);
    background-size: cover;
    background-position: center;
    height: 500px;
    overflow: hidden;
    position: relative;
}

.section-chesapeake-virginia-hero {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.45)), url(img/residential-showcase.jpg);
	background-size: cover;
	background-position: center;
	height: 500px;
	overflow: hidden;
	position: relative;
}

.section-portsmouth-virginia-hero {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.45)), url(img/residential-showcase.jpg);
	background-size: cover;
	background-position: center;
	height: 500px;
	overflow: hidden;
	position: relative;
}

/* ----------------------------------------------- */
/* SUB PAGE ICONS */
/* ----------------------------------------------- */

.cleaning-service-icon img,
.cities-icon img {
	width: 300px;
	height: auto;
	display: block;
	float: left;
	margin-top: 80px;
	padding: 1%;
	position: absolute;
	animation: moveInright 1s ease-out;
}

@keyframes moveInleft {
	0% {
		-webkit-opacity: 0;
		-webkit-transform: translateX(-10rem);
	}

	80% {
		-webkit-transform: translateX(1rem);
	}

	100% {
		-webkit-opacity: 1;
		-webkit-transform: translate(0);
	}
}

@keyframes moveInright {
	0% {
		-webkit-opacity: 0;
		-webkit-transform: translateX(10rem);
	}

	80% {
		-webkit-transform: translateX(-1rem);
	}

	100% {
		-webkit-opacity: 1;
		-webkit-transform: translate(0);
	}
}

@keyframes moveInbottom {
	0% {
		-webkit-opacity: 0;
		-webkit-transform: translateY(3rem);
	}

	100% {
		-webkit-opacity: 1;
		-webkit-transform: translate(0);
	}
}

/* ----------------------------------------------- */
/* SUB PAGE SECTION 1 */
/* ----------------------------------------------- */

.section-commercial-cleaning h2,
.section-residential-cleaning h2,
.section-about-us h2,
.section-contact-us-cleaning h2,
.section-moving-cleaning h2 {
	text-align: left;
	padding: 0;
}

.section-commercial-cleaning h3,
.section-residential-cleaning h3,
.section-about-us h3,
.section-contact-us-cleaning h3,
.section-moving-cleaning h3 {
	padding: 1%;
	margin-top:20px;
}

.section-commercial-cleaning ul,
.section-residential-cleaning ul,
.section-about-us ul,
.section-contact-us-cleaning ul,
.section-moving-cleaning ul {
	margin-left: 5px;
	list-style: none;
}

.section-commercial-cleaning li,
.section-residential-cleaning li,
.section-about-us li,
.section-contact-us-cleaning li,
.section-moving-cleaning li {
	font-size: 80%;
	padding: 5px;
	text-decoration: none;
	
}

.section-commercial-cleaning img,
.section-residential-cleaning img,
.section-moving-cleaning img,
.section-about-us img,
.section-contact-us-cleaning img{
	width: 180px;
	height: auto;
	margin: auto;
	margin-top: 20px;
	display: block;
}

/* ----------------------------------------------- */
/* SUB PAGE SECTION 2 */
/* ----------------------------------------------- */

.section-moving {
	background-color: rgb(243, 243, 243);
}

.section-moving h2 {
	text-align: left;
	margin-bottom: 20px;
	padding: 0;
}

.section-moving p {
	margin-bottom: 20px;
}

.section-moving img {
    margin: auto;
	width: 200px;
	height: auto;
	display: block;
}

/* ----------------------------------------------- */
/* SUB PAGE SECTION 3 */
/* ----------------------------------------------- */

.section-commercial-services,
.section-residential-services,
.section-moving-services {
	background-color: #ffffff;
}

.section-commercial-services h2,
.section-residential-services h2,
.section-moving-services h2 {
	text-align: left;
	padding: 0;
}

.section-commercial-services h3,
.section-residential-services h3,
.section-moving-services h3 {
	font-family: caveat;
	text-transform: none;
	font-size: 145%;
}

/* ----------------------------------------------- */
/* SUB PAGE FORM */
/* ----------------------------------------------- */

.contact-form {
	color: #ffffff;
	font-size: 14px;
	width: 100%;
	padding: 20px;
}

.form-box {
    background-color: #344b5c;
    border-radius: 15px;
    float: right;
    width: 90%;
    margin-top: 25px;
    margin-left: 25px;
    box-shadow: 2px 2px 5px rgba(173, 173, 173, 0.21);
    overflow: hidden;
    position: relative;
    max-width: 360px;
}

.form-box .form-title {
	margin: 0;
	padding: 20px 20px 13px 20px;
}

.form__msg--active {
	padding-bottom: 13px;
}

/***** HP WRAPPERS | START *****/
.hp-wrap {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    opacity: 0.01 !important;
    pointer-events: none !important;
}

/* MAKE LABELS TINY WITHOUT BEING FULLY HIDDEN */
.hp-wrap label {
    font-size: 1px !important;
    line-height: 1px !important;
}

/* DEFENSIVE: ENSURE THE INPUTS ARE UBOBTRUSIVE IF INJECTED ELSEWHERE */
.hp-wrap input,
.hp-wrap textarea,
.hp-wrap select {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}
/***** HP | END *****/

.section-recognitions img,
.section-commercial-services img,
.section-residential-services img,
.section-moving-services img {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: 100%;
	height: auto;
}

.section-recognitions h4,
.section-commercial-services h4,
.section-residential-services h4,
.section-moving-services h4 {
	color: #ffffff;
	margin: 15px 15px 0 15px;;
	padding: 1%;
}

input[type=text],
input[type=email],
select,
textarea {
	background: #fff;
	color: #313e4b;
	width: 100%;
	padding: 7px;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin-top: 5px;
	margin-bottom: 5px;
}

textarea {
	height: 60px
}
input[type=submit] {
	margin-top: 10px;
	margin-bottom: 10px;
}
*:focus {
	outline: none;
}

/* ----------------------------------------------- */
/* SUB PAGE Footer SVG */
/* ----------------------------------------------- */

#subfooter {
	position: absolute;
	top: 0;
	margin: 0;
}

#subfooter path {
	fill: rgb(243, 243, 243);
}

/* ----------------------------------------------- */
/* HP-SCS Defensive Fallbacks (ensure invisibility) */
/* ----------------------------------------------- */
/* These rules add higher-specificity, space-collapsing fallbacks in case a theme/plugin overrides base .hp-wrap styles. */
form.contact-form .hp-wrap {
    position: absolute !important;
    left: -99999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    opacity: 0.01 !important;
    pointer-events: none !important;
    /* Collapse any remaining layout footprint if absolute is overridden */
    max-width: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

/* Ensure decoy controls are also offscreen even if moved by other CSS */
form.contact-form .hp-wrap input,
form.contact-form .hp-wrap textarea,
form.contact-form .hp-wrap select,
form.contact-form .hp-wrap label {
    position: absolute !important;
    left: -99999px !important;
    top: auto !important;
}