/*
Theme Name:     Spatial
Description:    A custom theme for Spatial based on the parent theme Enfold. Do not delete the parent theme from your site.
Version:		1.0
Author:         ACS Creative
Author URI:		http://www.acscreative.com/
Template:		enfold
*/

/* ---- @import url('includes/elements.css'); ---- */

/* ------------------------------------------------------------
	Global
------------------------------------------------------------ */

/* --------- Font Styles --------- */

h1, h2, h3, h4, h5 {
	text-transform: capitalize !important;
}

h1 {
	font-size: clamp(2.8125rem, 2.0896rem + 2.4096vw, 4.0625rem);
	font-weight: 500 !important;
}

h2 {
	font-size: clamp(2.1875rem, 1.8261rem + 1.2048vw, 2.8125rem);
	font-weight: 500 !important;
}

.av-special-heading.hero-header h1 span {
	color: #66ccff;
}

.hero-header .av-subheading_below p {
	padding-bottom: 35px;
	max-width: 85%;
	font-size: 20px;
	line-height: 27px;
}

.av-subheading_above p {
	font-size: 20px;
	padding-bottom: 15px;
	color: #66ccff;
}

.av-special-heading.hero-header h1 span {
	color: #66ccff;
}

#top .av_header_transparency #header_meta {
	border-bottom: none !important;
}

/* ------------------------------------------------------------
	Btn Styles
------------------------------------------------------------ */

#top a.avia-button.avia-font-color-black:hover {
	-webkit-box-shadow:0px 0px 75px 0px rgba(102,204,255,1) !important;
	-moz-box-shadow: 0px 0px 75px 0px rgba(102,204,255,1) !important;
	box-shadow: 0px 0px 75px 0px rgba(102,204,255,1) !important;
}

/* ------------------------------------------------------------
	Nav Bar
------------------------------------------------------------ */

.logo svg {
	padding: 15px 0;
	width: 200px !important;
}

#header.header_color .header_bg {
	background: #000206;
}

#top .av_header_transparency .phone-info {
	color: #ffffff;
	font-size: 16px;
}

/* ------------------------------------------------------------
	Page Styles
------------------------------------------------------------ */


.icon-grid img {
	padding-bottom: 20px;
}

.icon-grid .av-special-heading h3 {
	color: #ffffff;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.icon-grid .av-special-heading h3::after {
	content: "";
	width: 14px;
	height: 14px;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2366ccff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M13 6l6 6-6 6'/></svg>") 
		no-repeat center center;
	background-size: contain;
	display: inline-block;
}

#scroll-top-link.avia-svg-icon svg:first-child,
#av-cookie-consent-badge.avia-svg-icon svg:first-child {
	fill: #f9f9f9;
}

.form-block {
	background-color: #fff;
	border-radius: 15px;
	padding: 35px;
}

/* ---------------------------------------------
   Gravity Forms: Field Styles
----------------------------------------------*/

/* Text inputs, email, phone, etc. */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea,
.gform_wrapper select {
	background-color: #e0e0e0;
	color: #000000;
	border: none;
	border-radius: 3px;
	padding: 10px 12px;
	box-shadow: none;
	outline: none;
}

/* On focus – subtle focus state */
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
	box-shadow: 0 0 0 2px rgba(102, 204, 255, 0.4);
}

/* Placeholder colors */
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
	color: #555555;
	opacity: 1;
}

/* Vendor prefixes for older browsers */
.gform_wrapper input::-webkit-input-placeholder,
.gform_wrapper textarea::-webkit-input-placeholder {
	color: #555555;
}

.gform_wrapper input:-ms-input-placeholder,
.gform_wrapper textarea:-ms-input-placeholder {
	color: #555555;
}

.gform_wrapper input::-ms-input-placeholder,
.gform_wrapper textarea::-ms-input-placeholder {
	color: #555555;
}

/* ---------------------------------------------
   Gravity Forms: Submit Button Styles
----------------------------------------------*/

/* Gravity Forms (grid layout): tighten row spacing between fields */
#top .gform_wrapper .gform_fields,
#top .gform_wrapper .gform-grid,
#top .gform_wrapper .gform-grid-row {
	/* kill the big built-in gaps */
	gap: 4px 20px !important;        /* row-gap column-gap */
	row-gap: 4px !important;
	column-gap: 20px !important;
	grid-row-gap: 4px !important;
	grid-column-gap: 20px !important;
}

/* Remove extra margin/padding that can add to the gap */
#top .gform_wrapper .gform_fields {
	margin: 0 !important;
	padding: 0 !important;
}

/* Each field's own margin – small, controlled spacing */
#top .gform_wrapper .gform_fields > .gfield {
	margin: 10px 0 !important;
	padding: 0 !important;
}



/* Gravity Forms fields – gray background, no border */
#top .gform_wrapper input[type="text"],
#top .gform_wrapper input[type="email"],
#top .gform_wrapper input[type="url"],
#top .gform_wrapper input[type="tel"],
#top .gform_wrapper input[type="number"],
#top .gform_wrapper input[type="password"],
#top .gform_wrapper select,
#top .gform_wrapper.gravity-theme input[type="text"],
#top .gform_wrapper.gravity-theme input[type="email"],
#top .gform_wrapper.gravity-theme input[type="url"],
#top .gform_wrapper.gravity-theme input[type="tel"],
#top .gform_wrapper.gravity-theme input[type="number"],
#top .gform_wrapper.gravity-theme input[type="password"],
#top .gform_wrapper.gravity-theme select {
	background-color: #f1f1f1 !important; /* medium gray */
	color: #000 !important;
	border: none !important;
	border-radius: 3px !important;
	padding: 10px 12px !important;
	box-shadow: none !important;
	outline: none !important;
	height: 50px;
}

#top .gform_wrapper textarea,
#top .gform_wrapper.gravity-theme textarea {
	background-color: #f1f1f1 !important; /* medium gray */
	color: #000 !important;
	border: none !important;
	border-radius: 3px !important;
	padding: 10px 12px !important;
	box-shadow: none !important;
	outline: none !important;
}

/* Placeholder color – dark gray */
#top .gform_wrapper input::placeholder,
#top .gform_wrapper textarea::placeholder {
	color: #9b9b9b !important;
	opacity: 1;
}

#top .gform_wrapper input::-webkit-input-placeholder,
#top .gform_wrapper textarea::-webkit-input-placeholder {
	color: #555555 !important;
}

#top .gform_wrapper input:-ms-input-placeholder,
#top .gform_wrapper textarea:-ms-input-placeholder {
	color: #555555 !important;
}

#top .gform_wrapper input::-ms-input-placeholder,
#top .gform_wrapper textarea::-ms-input-placeholder {
	color: #555555 !important;
}


/* Gravity Forms submit button – blue with black text and arrow */
#top .gform_wrapper .gform_footer input[type="submit"],
#top .gform_wrapper .gform_page_footer input[type="submit"],
#top .gform_wrapper .gform_footer button,
#top .gform_wrapper .gform_page_footer button,
#top .gform_wrapper .gform_footer .gform_button,
#top .gform_wrapper .gform_page_footer .gform_button {
	background-color: #66ccff !important; /* blue */
	color: #000000 !important;           /* black text */
	border: none !important;
	border-radius: 25px !important;
	padding: 12px 24px !important;
	font-weight: 600 !important;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	text-transform: none !important;
	box-shadow: none !important;
}

/* Arrow inside the button */
#top .gform_wrapper .gform_footer input[type="submit"]::after,
#top .gform_wrapper .gform_page_footer input[type="submit"]::after,
#top .gform_wrapper .gform_footer button::after,
#top .gform_wrapper .gform_page_footer button::after,
#top .gform_wrapper .gform_footer .gform_button::after,
#top .gform_wrapper .gform_page_footer .gform_button::after {
	content: "";
	width: 20px;
	height: 12px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	/* long-stem black arrow with triangle tip */
	background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'>\
<line x1='0' y1='6' x2='28' y2='6' stroke='%23000000' stroke-width='2'/>\
<polygon points='28,1 40,6 28,11' fill='%23000000'/>\
</svg>");
}

/* Hover: slight brightening */
#top .gform_wrapper .gform_footer input[type="submit"]:hover,
#top .gform_wrapper .gform_page_footer input[type="submit"]:hover,
#top .gform_wrapper .gform_footer button:hover,
#top .gform_wrapper .gform_page_footer button:hover,
#top .gform_wrapper .gform_footer .gform_button:hover,
#top .gform_wrapper .gform_page_footer .gform_button:hover {
	filter: brightness(1.05);
}



/* ------------------------------------------------------------
	Footer Styles
------------------------------------------------------------ */

.footer-page-content img {
	width: 50px;
	padding-bottom: 15px;
}

@media only screen and (min-width: 1100px) and (max-width: 1230px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1099px) {

}

@media only screen and (max-width: 900px) {

}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 480px) {

}