/*!
Theme Name: SPEC Incorporated
Theme URI: http://gretemangroup.com/
Author: Captain Coder & Greteman Group
Author URI: http://captcoder.com/
Description: This is a Bootstrap 5 theme base custom built for Greteman Group clients
Version: 2.5.0
License: GNU General Public License v2 or later
Text Domain: captcoder

captcoder is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

@import url("inc/normalize.css");
@import url("inc/xl.css");

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# HTML
# Body
# Navigation
# Links & Buttons
# Overall
# Home
# Bottom Includes
# Footer
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# HTML
--------------------------------------------------------------*/
/* Make jump links scroll smoothly down the page */
html {scroll-behavior: smooth;}

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/
/* Get rid of admin bar during development */
#wpadminbar {display: none;}

/* Set the base font family and font size for ems here. Check with designer on desired paragraph font size */
body {font-family:"Open Sans",Helvetica,Arial,sans-serif;overflow-x: hidden;line-height: 1.6;background: var(--white);}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
nav.navbar {transition: all 0.2s ease;}
	nav.navbar .navbar-toggler {background: transparent;border-radius: 0;border-color: transparent;}
	.navbar-brand img {max-height: 60px;transition: all 0.2s ease;}
	/* remove navbar if a landing page or other speciality template */
	.page-template-landing-page nav.navbar.navbar-expand-xl.navbar-dark, .page-template-funnel-page nav.navbar.navbar-expand-xl.navbar-dark, .page-template-thanks-page nav.navbar.navbar-expand-xl.navbar-dark {display: none;}
	
    nav.navbar .navbar-nav .nav-link {font-weight: bold;}

	.navbar-toggler-icon {background-image: none!important;height: 3px;width: 25px;margin: 10px 0;position: relative;transition: all 0.35s ease-out;transform-origin: center;}
	.navbar-toggler-icon::before {display: block;height: 3px;content: "";position: relative;top: -7px; transition: all 0.15s ease-out;transform-origin: center;}
	.navbar-toggler-icon::after {display: block;height: 3px;content: "";position: relative;top: 4px;transition: all 0.35s ease-out;transform-origin: center;}
		.navbar-toggler:not(.collapsed) .navbar-toggler-icon {transform: rotate(45deg);}
			.navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {opacity: 0;}
			.navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {transform: rotate(-90deg) translateX(7px) ;}

@media only screen and (min-width:992px) {
	.navbar-brand img {max-height: 70px;}
}
@media only screen and (max-width:1199px) {
    #navbarSupportedContent {position: absolute;width: 100%;top: 85px;left: 0;z-index: 9;padding: 1rem;}
}
@media only screen and (min-width:1200px) {
	.navbar-brand img {max-height: 80px;}
	
	nav.navbar .navbar-collapse {background: transparent!important;}
		nav.navbar .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:visited {padding-right: 1rem;padding-left: 1rem;}
}
@media only screen and (min-width:1600px) {
	.navbar-brand img {max-height: 100px;}
}


/*--------------------------------------------------------------
# Buttons & Links
--------------------------------------------------------------*/
a:hover, a:active {text-decoration: none;}
.btn,.gform_wrapper .gform_footer input[type=submit], .btn:visited,.gform_wrapper .gform_footer input[type=submit]:visited, a.more-link, a.more-link:visited {border-radius: 0;border: 0;padding:0.45rem 1.25rem;transition: all 0.2s;font-size:1em;text-transform: uppercase;}



/*--------------------------------------------------------------
# Overall
--------------------------------------------------------------*/
header {position: relative;}
	header:not(.nobg) .textOver {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.uppercase {text-transform: uppercase}

.lightwbg {
        background-color: rgba(251, 251, 251, 0.6) !important;
}
.lightwbg h1{
	margin: 0;
}
.eyebrow {
    color: #5cb3ff !important;
}

.two-column h2 {margin-top: 1em;}

.testimonials {background: var(--purple);}
.carousel, .carousel-item {height: 300px;}
	.carousel-caption {color: #000;text-shadow: none;bottom:auto;top:5%;}
		.carousel-caption blockquote {border-left: 0;}
			.carousel-caption blockquote footer {text-align: right;}

p.gform_required_legend {display: none;}

#cta form {text-align: left;}
    #cta .gform-footer.gform_footer.top_label {justify-content: center;}

	.align-center .row{
		align-items: center;
	}

@media only screen and (max-width:1024px) {
	.lightwbg.p-5{
	padding: 1rem !important;
}
}

@media only screen and (max-width: 768px) {
	.lightwbg h1{
	margin: 0;
	font-size: 2.30em;
}

h2 {
    font-size: 2em !important;
}
.mobile-min-height{
	min-height: 50vh;
}
}
@media only screen and (max-width: 767px) {
.column-reverse .row{
	    flex-flow: column-reverse;
}
}
/*--------------------------------------------------------------
# Fleet
--------------------------------------------------------------*/
.fleetbg {transition: all 0.2s ease-in;}



/*--------------------------------------------------------------
# Single Fleet
--------------------------------------------------------------*/
.plane-details {margin-bottom: 0.5rem;border-bottom: 1px solid;}
.plane-details p {margin-bottom: 0.5rem;}


/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
article .card {border: none;border-radius: 0;}
    article .card .card-footer {background: transparent;border-top: 0;}

.blogSocialShare ul {list-style-type: none;margin-top: 1em;text-align: left;display: inline-block;padding-left: 0;}
    .blogSocialShare ul > a > li {margin: 5px 2px 2px;display: inline;}
        .blogSocialShare ul li .fa {height: 30px;width: 30px;color:#fff;text-align: center;padding: 6px;border-radius: 30px;}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer.footer {padding-top: 2em;padding-bottom: 1em;}
    .foot-nav ul {list-style: none;-webkit-padding-start: 0;}
        footer.footer .nav-link {padding: 0.25rem 0;}
    footer.footer .phone {margin-bottom: 0;}
    .social i {font-size: 1.25em;margin: 5px;}

footer.footer form {display: flex;align-items: flex-end;justify-content: space-between;}
    footer.footer .gform_wrapper.gravity-theme .gform_footer {padding: 0!important;}
        footer.footer .gform_wrapper.gravity-theme .gform_footer input[type=submit] {margin-bottom: 0;}
    footer.footer input[type=email] {padding: 12px 5px!important;color: #000;}


#siteinfo {font-size: 0.8em;}
ul#menu-legal {padding-left: 0;list-style: none;display: inline;}
    ul#menu-legal > li {display: inline-block;}
        ul#menu-legal > li > a.nav-link {padding: 0 2px;}
            ul#menu-legal > li > a.nav-link:before {content: "•";margin-right: 7px;}


/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/
header video {
    width: 100%;
    height: 850px; 
    max-height: 850px;
    min-height: 400px; 
    vertical-align: bottom;
    object-fit: cover;
 
}
.products-head{
	padding-top: 4rem !important;
	padding-bottom: 1rem !important;
}
.products-home{
	padding-top: 1rem !important;
	padding-bottom: 7rem !important;
}

#intro{
	padding-top: 10rem !important;
	padding-bottom: 10rem !important;
}

#test-cta {
  min-height: 70vh!important;
}
@media (max-width: 768px) {
 header video {
        height: 400px;
        max-height: 400px;
        min-height: 300px;
    }
	#intro{
	padding-top: 0 !important;
	padding-bottom: 3rem !important;
}
.products-home{
	margin-top: -2em;
}
}