/*!
Theme Name: AvCap Financial
Theme URI: http://avcaptfinancial.com/
Author: Captain Coder & Greteman Group
Author URI: http://captcoder.com/
Description: This is a Bootstrap 5 theme base custom built for AvCap Financial
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");


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


/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
:root{
	--blue: #019ade;
	--ltblue: #43c6fe;
	--dkgray: #2f2f2f;
	--mdgray: #58585b;
	--ltgray: #f6f6f6;
	--turquoise: #00b5ae;
	--black: #000;
	--white: #fff;
} 

.ltgrayBk {background: var(--ltgray);}
.dkgrayBk {background: var(--dkgray);}


/*--------------------------------------------------------------
# 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-size:16px;font-family:"gotham",Helvetica,Arial,sans-serif;overflow-x: hidden;line-height: 1.6;background: var(--white);color:var(--mdgray);}

@media only screen and (min-width:1200px) {
	body {font-size:18px;}
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
nav.navbar {background: var(--dkgray);transition: all 0.2s ease;}
	nav.navbar .navbar-toggler {background: transparent;border-radius: 0;border:0;}
	.navbar-brand img {height: 70px;transition: all 0.2s ease;}
		.navbar-shrink .navbar-brand img {height: 60px;}
	/* 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;}
	#navbarSupportedContent {background: var(--white);position: absolute;top:96px;width:100%;left:0;z-index: 999;}
			#menu-menu-1 > li.btn {padding: 0;background: var(--transparent)!important;}
				#menu-menu-1 > li.btn > a {text-align: left;}
			#menu-menu-1 > li > a {padding-right: var(--bs-gutter-x, .75rem);padding-left: 2em;}
		.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:visited {color: var(--blue);font-weight:500;font-size:1em; text-transform: uppercase;}
			.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:active {color:var(--blue)!important;text-decoration: underline;}

	.navbar-toggler-icon {background-image: none!important;background-color: var(--white);height: 3px;width: 25px;margin: 10px 0;position: relative;transition: all 0.35s ease-out;transform-origin: center;}
	.navbar-toggler-icon::before {display: block;background-color: var(--white);height: 3px;content: "";position: relative;top: -7px; transition: all 0.15s ease-out;/*taken down to hide quicker*/transform-origin: center;}
	.navbar-toggler-icon::after {display: block;background-color: var(--white);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:768px) and (max-width:1199px) {
	#navbarSupportedContent {width: 50%;left: 50%;}
}
@media only screen and (min-width:992px) {
	.navbar-brand img {height: 100px;}
		#navbarSupportedContent {top:127px}
}
@media only screen and (min-width:1200px) {
	.navbar-brand img {height: 110px;}
		#navbarSupportedContent {background: transparent;position: relative;z-index: 9;top: 0;}
		#menu-menu-1 > li {border-top: 0;}
			#menu-menu-1 > li > a {padding-right: 1rem;padding-left: 1rem;}
				#menu-menu-1 > li.btn {border:0;margin-left: 1rem;}
					#menu-menu-1 > li.btn > a {text-align: center;background: var(--blue);padding: 0.5rem 1.5rem;}
						#menu-menu-1 > li.btn > a:hover {background: var(--mdgray);color: var(--white)!important;text-decoration: none;}
				.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:visited {color: var(--white);}
}
@media only screen and (min-width:1600px) {
	#menu-menu-1 > li > a {padding-right: 0.75rem;padding-left: 0.75rem;}
}


/*--------------------------------------------------------------
# Buttons & Links
--------------------------------------------------------------*/
a, a:visited {color:var(--blue);font-weight: 600;text-decoration: underline;}
	a:hover, a:active {color:var(--dkgray);text-decoration: none;}
.btn,.gform_wrapper .gform_footer input[type=submit], .btn:visited,.gform_wrapper .gform_footer input[type=submit]:visited, .gform_wrapper input[type=button], .gform_wrapper input[type=button]:visited {border-radius: 0;border: none;background: var(--blue)!important;color: var(--white);padding:15px 30px;transition: all 0.2s;font-weight:bold; font-size:1em;text-transform: uppercase;white-space: normal;}
	.btn.lt {background:var(--white)!important;color:var(--blue);}
	.btn:hover, .btn:active, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_footer input[type=submit]:active, .gform_wrapper input[type=button]:hover, .gform_wrapper input[type=button]:active {background:var(--dkgray)!important;color: var(--white);}
		.dkgrayBk .btn:hover, .dkgrayBk .btn:active {background: var(--mdgray)!important;}


/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1,h2 {text-transform: uppercase;}
	h1 {font-size: 2.57em;font-weight: 500;letter-spacing: 0.08em;margin-top:0;}
	h2 {font-size:1.8em;font-weight: 500;letter-spacing: 0.06em;margin-bottom: 0.75rem;}
	h3, p.likeh3 {font-size:1.29em;font-weight: 600;}

@media only screen and (min-width:1200px) {
	h1 {font-size:3em;}
	h2 {font-size:2.14em;}
}
@media only screen and (min-width:1400px) {
	h1 {font-size:3.6em;}
}


/*--------------------------------------------------------------
# Overall
--------------------------------------------------------------*/
header {position: relative;overflow: hidden;}
	header img {filter: grayscale(100%);}
	.textOver {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);color: var(--white);text-align: center;z-index: 99;}
	header .overlay {background: rgba(53, 62, 69, 0.9);height: 100%;width: 100%;position: absolute;top: 0;left: 0;}

ul {padding-left: 20px;}

.uppercase {text-transform: uppercase}

.align-top .row {align-items: flex-start!important;}

.box {background: var(--white);color: var(--mdgray)!important;padding: 2rem;}
.ltgray-box {background: var(--ltgray);}

.gform-body input, .gform-body textarea {border: 1px solid #d2d2d2;}
	.gform_wrapper.gravity-theme .gfield_label {text-transform: uppercase;font-size: 0.8em;color: var(--dkgray);}
		.gform_wrapper.gravity-theme .gfield_required {color: var(--blue)!important;text-transform: none;font-size:0.75em!important;}

.testimonials .carousel-item img {object-fit: cover;object-position: top;}
.testimonials .carousel-caption {position: relative;color: var(--white);text-shadow: none;padding: 8rem 20% 8rem;text-align: left;bottom: 0;left: 0;width:100%;}
	.carousel-caption blockquote {border-left: 0;font-weight: 400;}
		.testimonials .carousel-caption footer {text-transform: uppercase;color: var(--ltblue);font-weight: 500;font-size:0.8em;}
.carousel-control-next, .carousel-control-prev {width:8%;}
	.carousel-control-next span, .carousel-control-prev span {text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8);background: none;font-size: 2rem;}
.testimonials .carousel-indicators {justify-content: flex-start;margin-left: 5%;bottom: 1rem;}
	.testimonial .carousel-indicators button {height: 12px;width: 12px;background-color: transparent;border: 2px solid var(--mdgray);}
		.testimonial .carousel-indicators button.active {background-color: var(--blue);}

.card {border-radius: 0;border: none;}
    .card-footer {background: transparent;border-top: 0;padding-bottom: 1rem;}

.accordion-item {border: none;border-radius: 0; background: transparent;border-bottom: 1px solid var(--blue);}
	.accordion-item:first-of-type {border-top: 1px solid var(--blue);}
	.accordion-item:first-of-type, .accordion-item:last-of-type {border-radius: 0;}
	.accordion-button, .accordion-button:not(.collapsed) {background: transparent;box-shadow: none;font-size: inherit;color: var(--mdgray);}
		.accordion-button::after {font-family:"Font Awesome 6 Pro";content: "\f068";background-image: none!important;color: var(--blue);}
			.accordion-button.collapsed::after {content: "\f067";background-image: none;color: var(--blue);}

@media only screen and (max-width:767px) {
	.testimonials .carousel-caption {padding: 3rem 12% 3rem;}
	.testimonials .carousel-item img {max-height: 250px;}
}
@media only screen and (min-width:768px) {
	.textOver {top: 50%;transform: translateX(-50%) translateY(-50%);}
	
	.testimonials .carousel-item {display: flex;}
		.testimonials .carousel-item img {width: 40%;order: 2;}
}
@media only screen and (min-width:992px) {
	.home .textOver {top:35%;}
	
	.testimonials .carousel-item img {width: 33%;}
	.testimonials .carousel-item .carousel-caption {display:flex;}
		.testimonials .carousel-item .carousel-caption blockquote {align-self: center;}

	.carousel-control-next, .carousel-control-prev {width: 6%;}
	.testimonials .carousel-indicators {bottom: 15%;}
}
@media only screen and (min-width:1200px) {
	header:not(.single-header) {max-height: 740px;}
	
	.testimonials blockquote {font-size: 1.2em;}
	
	.py-xl-7 {padding-top: 7rem!important;padding-bottom: 7rem!important;}
}
@media only screen and (min-width:1400px) {
	.testimonials .carousel-item .carousel-caption blockquote {padding-left: 7%;padding-right: 7%;font-size:1.35em;}
	.testimonials .carousel-indicators {margin-left: 9%;bottom: 18%;}
}
@media only screen and (min-width:1600px) {
	.home .textOver {top:40%;}
	
	.px-xga-7 {padding-left: 7rem;padding-right: 7rem;}
}

/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
.step img, .benefits-icon {max-width: 50%;}
p.stepNum {text-transform: uppercase;font-size: 1.7em;color: var(--mdgray);margin-bottom: 0.25rem;}

@media only screen and (max-width:767px) {
	#finance .col-12.col-6 {width: 35%;}
		#finance .col-12.col-6:nth-of-type(2) {margin-left: 20%!important;}	
}
@media only screen and (min-width:1800px) {
	.testimonials .carousel-indicators {margin-left: 9.2%;bottom: 22%;}

}


/*--------------------------------------------------------------
# How it Works
--------------------------------------------------------------*/
#breakdown .pt-0 {padding-top: 0!important;}

.bullets .box p:nth-last-of-type(1), .bullets .box ul {margin-bottom: 0;}

.stepH3 h3 {font-weight: 500;font-size: 1.7em;}

@media only screen and (min-width:1200px) {
	#breakdown h3 {white-space: nowrap;}
}

/*--------------------------------------------------------------
# Pre-Approve
--------------------------------------------------------------*/
#provide .box {display: flex;align-items: center;}


/*--------------------------------------------------------------
# Contact Pages
--------------------------------------------------------------*/
.staff .card .btn {width: 100%;background: transparent!important;border:1px solid var(--blue);color: var(--blue);text-align: left;}
	.staff .card .btn i {font-size:0.85em;}
	.staff .card .bio-link {color: var(--mdgray);cursor: pointer;}

.modal-header {border-bottom: 0;}
	.modal-header .btn-close {background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23019ade'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;opacity: 1;}

.bio-quote .quote {background: var(--ltgray);padding: 1rem 2rem 1rem 3rem;position: relative;color: var(--mdgray)}
	.bio-quote .quote:before {content: open-quote;font-size: 5em;line-height: 1;position: absolute;color: var(--blue);left: 0.5rem;top: 0.5rem;box-shadow: none;}

#connected .social a i {color: var(--white);}
	#connected .social a i:hover {background: var(--dkgray);}

@media only screen and (min-width:768px) {
	.modal-dialog {max-width: 650px;}
}
@media only screen and (min-width:992px) {
	.modal-dialog {max-width: 900px;}
	.bio-quote .quote {margin: 1rem 0 1rem 1rem;float: right;width: 250px;}
}
@media only screen and (min-width:1200px) {
	.modal-dialog {max-width: 1140px;}
		.modal-header .btn-close {position: absolute;right: 2rem;top: 1rem;}
		.modal-body {padding-bottom: 2rem;}
			.bio-quote .quote {width: 300px;padding-left: 3.5rem;}
}
@media only screen and (min-width:1400px) {
	.modal-dialog {max-width: 1300px;}
		.modal-body {padding: 1rem 2rem 2rem;}
			.bio-quote .quote {width: 340px;padding-left: 6rem;}
				.bio-quote .quote:before {font-size: 8em;top: 0;left: 1rem;}	
}

/*--------------------------------------------------------------
# Landing Page Template
--------------------------------------------------------------*/
.page-template-landing-page header .logo {position: absolute;top: 2rem;left: 50%;transform: translateX(-50%) translateY(-50%);}
	.page-template-landing-page header .logo img {max-height: 30px;}


/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
article .card img {height: 245px;object-fit: cover;}
	article .date {text-transform: uppercase;font-size: 0.86em;margin-bottom: 0.25rem;}
	article h2 {font-size: 1.1em;text-transform: none;color: var(--dkgray)}
	article .card-footer {padding: 0 1rem 2rem;}

.single-post .breadcrumbs {position: relative;color: var(--dkgray);padding-top: 1rem;}
	.single-post .breadcrumbs a {color: var(--gold);}

.single-post .date {font-weight: bold;margin-bottom: 0;}
.social.blog-share {display: flex;align-items: center;}
	p.share-text {text-transform: uppercase;margin-right: 1rem;color: var(--blue);}
	ul.share-more {list-style: none;padding-left: 0;display: flex;}
		.social.blog-share i {border-color:var(--blue);color: var(--dkgray);}
			.social.blog-share i:hover {background: var(--blue);color: var(--white);}

a.back {color: var(--blue);text-decoration: none;font-family: "Presicav",sans-serif;text-transform: uppercase;font-size:0.9em;}
	a.back i {background: var(--blue);color:var(--white);width: 30px;height: 30px;border-radius: 30px;padding: 7px 9px;margin-right: 0.25rem;}

#comments {margin-top:2rem;}
	#comments label {display: block;}
	#comments textarea {max-width: 100%;}
	#comments input#submit {background: var(--blue);color:var(--white);border:none;padding: 10px 20px;}
		#comments input#submit:hover {background: var(--dkgray);color: var(--white);}

@media only screen and (min-width:768px) {
	.social.blog-share {justify-content: flex-end;}
	p.share-text, ul.share-more {margin-bottom: 0;}
}



/*--------------------------------------------------------------
# Bottom Includes
--------------------------------------------------------------*/
/* Call to Action */
#cta, #newsletter {margin:0;color: var(--white);}

/* newsletter */
#newsletter .gfield--type-email {display: flex;flex-direction: column;align-items: center;}
	#newsletter input[type=email] {background: transparent;padding: 9px 10px;color: var(--white);border:1px solid var(--white);border-radius: 5px;}
	#newsletter .gform_wrapper.gravity-theme .gfield_label, #newsletter .gform_wrapper.gravity-theme .gfield_required {color: var(--white)!important;}
#newsletter .gform-footer {justify-content: center;}
	#newsletter .gform-footer input[type=submit] {color: var(--blue);background: var(--white)!important;}
	#newsletter .gform_confirmation_message {font-weight: bold;color: var(--white);}
	#newsletter h2.gform_submission_error {color: var(--dkgray);}
		#newsletter h2.gform_submission_error {text-transform: none;letter-spacing: normal;line-height: 1.3;}

@media only screen and (min-width:992px) {
	#newsletter .ginput_container.ginput_container_email {width: 40%;}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer.footer {background: var(--dkgray);color:var(--white);}
	footer.footer p {margin-bottom: 0.25rem;}
	footer.footer a {color: var(--white);text-decoration: none;}
		footer.footer a.btn {padding:10px;}
		footer.footer a:hover {color: var(--ltblue);text-decoration: underline;}
	.foot-nav ul {list-style: none;-webkit-padding-start: 0;column-count: 2;column-rule: 1px solid var(--white);column-gap: 2rem;margin-bottom: 0;}
		#menu-footer a.nav-link {padding:0.25rem 0.5rem;}
	.social i {border: 2px solid var(--white);padding: 11px;font-size: 1.29em;margin-right: 15px;width: 45px;height: 45px;}

#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;}

@media only screen and (min-width:1200px) {
	footer.footer a.nav-link {padding-top: 0;}
}
@media only screen and (min-width:992px) {
	.addressBlock {position: relative;}
		.addressBlock:after {content: "";border-right: 1px solid var(--white);height: 120%;width: 1px;display: block;position: absolute;right: 0.5rem;top: -10px;}
	
	#menu-footer a.nav-link {padding-bottom:0.5rem;padding-top: 0;}
}
@media only screen and (min-width:1200px) {
	.addressBlock:after {right: 0;}
}
@media only screen and (min-width:1400px) {
	.foot-nav ul {column-gap: 4rem;}
}
@media only screen and (min-width:1600px) {
	.addressBlock {padding-left: 4rem !important;}

}


/* How it Works */

.custom-card-layout .headline-block, .custom-card-layout .copy-block {
	background-color: #f6f6f6;
	margin: 0 !important;
	padding: 0px 60px 40px 60px;
}

.custom-card-layout .headline-block {
	padding-top: 30px !important;
}

.custom-card-layout .img-block {
	padding: 0 !important;
}

.custom-card-layout .img-block img{
	max-height: 420px;
    width: 100%;
}

.custom-card-layout .copy-block{
	min-height: 240px;
}

.custom-card-layout .copy-block p{
	margin-bottom: 1.5rem !important;
}

/* Why Aircraft Bidder */


.why-aircraft h2{
	text-align: center !important;
	margin-bottom: 2rem !important;
}
.why-aircraft .why-aircraft-content {
    max-width: 75% !important;
    margin: 0 auto;
}
.why-aircraft p{
	margin-bottom: 2rem !important;
}


/* Why Aircraft Bidder  */

.real-aviation-experience-image {
	padding: 0 !important;
}

.img-block img{
	width: 100%;
}

.real-aviation-experience-image .row{
	background-color: #f6f6f6 !important;
}

.real-aviation-experience-image .row .col-md-6 {
	margin: 0 !important;
	padding: 0 !important;
}

.real-aviation-experience-image .row .col-md-6 .py-3{
	margin: 0 !important;
	padding: 0 !important;
}

.real-aviation-experience-image .row .col-md-6 .copy-block {
	display: flex;
    justify-content: center;
	line-height: 2;
}

.custom-card-layout.why-aircraft-bidder .headline-block, .custom-card-layout.why-aircraft-bidder .copy-block {
	background-color: var(--white);
	padding: 40px 60px 40px 60px;
	line-height: 2;

}

.custom-card-layout.why-aircraft-bidder .headline-block {
	text-align: center;
	background-color: transparent;
}


.how-it-works-faq h4{
	color: var(--gold);
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	text-transform: unset;
}