/*!
Theme Name: Omni Private Aviation
Theme URI: https://hillprivateav.com/
Author: Captain Coder & Greteman Group
Author URI: http://captcoder.com/
Description: This is a Bootstrap 5 theme base custom built for Captain Coder 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=Lato:ital,wght@0,400;0,900;1,400&display=swap');

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


/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
:root{
	--omnired: #6d1c28;
	--taupe: #BAA791;
	--dktaupe: #A6937D;
	--ltgray: #F4F4F4;
    --dkgray: #58595B;
	--black: #000;
	--white: #fff;
} 

.ltgrayBk {background: var(--ltgray);}
.omniredBk {background: var(--omnired);color:var(--white);}
    .omniredBk h2{color: var(--white)!important}
.whiteBk {background: var(--white);}
.taupe, .taupe h2, .taupe h3 {color: var(--taupe)!important;}

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

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/


/* 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:"canada-type-gibson",Helvetica,Arial,sans-serif;overflow-x: hidden;line-height: 1.625;background: var(--white);color:var(--dkgray);font-weight: 300;}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
nav.navbar {background: var(--white);}
    .navbar>.container {display: unset;}
	    nav.navbar .navbar-toggler {background: var(--white);border-radius: 0;border: 0;font-size: 0.94em;text-transform: uppercase;color: var(--omnired);letter-spacing: 1px;padding: 0;}
        .navbar-collapse {position: absolute;background: var(--ltgray);left: 0;z-index: 999;top: 74px;width: 100%;text-align: left;padding: 3rem 1rem 1rem;}
            .navbar-light .navbar-nav .nav-link, .dropdown-menu .dropdown-item {text-transform: uppercase;color: var(--omnired);border-bottom: 1px solid #C8C8C8;padding: 0.5rem 0 0.1rem;letter-spacing: 3px;font-weight: 300;}
                .navbar-light .navbar-nav .dropdown-toggle.nav-link, .navbar-light .navbar-nav .dropdown-toggle.nav-link:hover, .navbar-light .navbar-nav .dropdown-toggle.nav-link:active, .navbar-light .navbar-nav .dropdown-toggle.nav-link:focus {color: var(--dktaupe);}
                .navbar-light .navbar-nav .nav-link:not(.dropdown-toggle):hover, .dropdown-menu .dropdown-item:hover {background: var(--omnired);color: var(--white);}
                .dropdown-menu {background: transparent;border: 0;margin-top: 0!important; padding-top: 0;}
                    .dropdown-menu .dropdown-item {padding-left: 1rem;}
                    .dropdown-toggle::after {display: block;width: 0;height: 0;position: absolute;top: 0;margin-top: auto;right: 1.5rem;content: "+";color: var(--dktaupe);font-size: 1.6em;font-weight: 400;border: none;border-bottom-width: 0;border-top-style: none;border-color: transparent transparent transparent;}
                        .dropdown-toggle.show::after {transform: rotate(0deg);transform-origin: initial;content: "–" !important;}
                button.navbar-toggler.navbar-close {display: none;}
                #navbarSupportedContent.show + button.navbar-toggler.navbar-close {position: absolute;top: 90px; width: 15%;right: 0;z-index: 999;background: transparent;display: block;}
                    button.navbar-toggler.navbar-close img {height: 20px;}
	    .navbar-brand img {max-height: 50px;}
	/* 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;}
	.navbar-dark .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus {color: var(--omnired);}


@media only screen and (min-width:768px) {
    #navbarSupportedContent.show + button.navbar-toggler.navbar-close {width: 8%;}
}
@media only screen and (min-width:992px) {
	.navbar-brand img {max-height: 60px;}
    .menu-wrap, .search-wrap {display: flex!important;gap: 1rem;}
        .menu-wrap a.d-lg-block {text-decoration: none;}
        .navbar-collapse {top: 84px;width: 36%;}
        #navbarSupportedContent.show + button.navbar-toggler.navbar-close {top: 100px;width: 20%;left:23%;right:auto;}
    .search-wrap {align-items: center;justify-content: end;}
        #menu-top-right .nav-link {border-bottom: 0;padding: 0;}
        #searchwrapper {display: flex;gap: 0.5rem;align-items: center;max-width: 45%;}
            #searchwrapper .fa-search {color: var(--omnired);}
            #searchform input#s {width: 100%;padding: 0.5rem;border: 1px solid var(--omnired);}
}
@media only screen and (min-width:1200px) {
    .navbar-collapse {top: 92px;width:33%;padding:3rem 2rem 1rem;}
    #navbarSupportedContent.show + button.navbar-toggler.navbar-close {width: 30px;left: 29%;}
        button.navbar-toggler.navbar-close img {height: 30px;}
}

/*--------------------------------------------------------------
# Buttons & Links
--------------------------------------------------------------*/
a, a:visited {color:var(--dktaupe);text-decoration: underline;}
    a.nounderline {text-decoration: none;}
	a:hover, a:active {color:var(--omnired);text-decoration: none;}
        header.nobg a:hover {color: var(--white);}
.btn,.gform_wrapper .gform_footer input[type=submit], .btn:visited,.gform_wrapper .gform_footer input[type=submit]:visited {border-radius: 0;border: 1px solid var(--taupe);background: transparent;color: var(--omnired);padding:1rem 1.5rem 0.75rem;transition: all 0.2s;font-size:1.125em;text-transform: uppercase;line-height: 1;letter-spacing: 3px;font-weight: 300;}
	.btn:hover, .btn:active, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_footer input[type=submit]:active {background:var(--taupe);}
        .btn.dark, .btn.dark:visited, .dark .btn, .dark .btn:visited {color:var(--white);}


/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1,h2:not(.likeH3) {font-family: 'baltica', serif;font-weight: 400;}
    h1 {font-size:2.75em;line-height: 1.1em;color: var(--white);margin-bottom: 0.5rem;margin-top:0.5rem;}
        header .eyebrow {margin-bottom: 0;}
        .eyebrow + h1 {margin-top: 0;}
    h2 {font-size:2.375em;line-height: 1.1em;color: var(--omnired);}
    h3, p.eyebrow, h2.likeH3 {font-size:1.125em;letter-spacing: 5px;text-transform: uppercase;color: var(--taupe);font-weight: 300;}
h4 {color: var(--omnired);text-transform: uppercase;font-size:1em;}

@media only screen and (min-width:992px) {
    h1 {margin-bottom: 1rem;}
}
@media only screen and (min-width:1200px) {
    h1 {font-size:3.75em;line-height: 1;}
}


/*--------------------------------------------------------------
# Overall
--------------------------------------------------------------*/
header {position: relative;}
    header.nobg, .jet-card {background: url("img/hill-pattern-top.png") top center no-repeat var(--omnired);background-size:contain;}
	.textOver {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
        header.nobg .textOver {position: relative;left: 0;transform: unset;padding-top:2rem;padding-bottom: 2rem;color: var(--white);}

.uppercase {text-transform: uppercase}

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

.list-block ul > li {margin-bottom: 0.5rem;}

.img-wrapper {position: relative;z-index: 99;}
.img-hover, .img-show {position: absolute;top: 0;right: 0;left: 0;bottom: 0;object-fit: contain;transition: opacity 0.2s;opacity: 0;}
    .img-wrapper:hover .img-hover {opacity: 1;}
    .img-wrapper:hover h3 {color: var(--white);}

.disclaimer {font-style: italic;font-size: 0.8em;}

.one-column {position: relative;}
    .one-column .container {position: relative;z-index: 99;}
.overlay {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.8);z-index: 9;}

blockquote {position: relative;}
    blockquote:before {content: open-quote;font-size: 3em;line-height: 1;color: var(--taupe);}
    blockquote div {font: normal normal 2.06em 'baltica';padding-bottom: 1rem;}
        blockquote cite {display: block;font-family: 'canada-type-gibson';font-style: normal;font-size: 1rem;text-transform: uppercase;letter-spacing: 5px;color: var(--taupe);padding-top: 1rem;}
            blockquote cite:before {border-top: 1px solid var(--taupe);width: 10%;position: absolute;left: 50%;transform: translateX(-50%);content: "";margin-top: -1rem;}

.one-column.full-width, .one-column.full-width .img-block {padding-top: 0 !important;padding-bottom: 0 !important;}
.w100 img {width:100%;}

.news-section a {text-decoration: none;}
    .article-wrap h3 {color: var(--dkgray);text-transform: none;letter-spacing: normal;font-family: 'baltica';font-size: 1.875em;}
    .article-wrap, .article-wrap h3 {transition: all 0.2s ease-in;position: relative;}
        .article-wrap:after {content: "";display: block;position: absolute;right:5%;bottom:5%;background: url("img/arrow-right.png") bottom right no-repeat;background-size:contain;width:10%;height:10%;}
    .article-wrap:hover {background: var(--omnired);}
        .article-wrap:hover h3 {color: var(--white);}

.accordion-item {border: none;border-top-left-radius: 0!important;border-top-right-radius: 0!important;border-top: 1px solid var(--dkgray);border-bottom: 1px solid var(--dkgray);}
    .accordion-button, .accordion-button:not(.collapsed) {border-top-left-radius: 0px!important;background: transparent;box-shadow: none;color: var(--omnired);font-size: 1.125em;border-top-right-radius: 0px!important;}
        .accordion-button::after {background-image: none;content: "+";color: var(--omnired);font-size: 1.25em;font-weight: 300;}
            .accordion-button:not(.collapsed)::after {transform: rotate(0deg);transform-origin: initial;content: "–" !important;background-image: none;}

.corners {position: relative;}
 .corners:before, .corners:after {position: absolute;width: 100%;height:100%;content: "";display: block;}
        .corners:before {top:0;left:0;background: url("img/hill-pattern-top-left-corner.png") top left no-repeat;background-size:contain;}
        .corners:after {bottom:0;right:0;background: url("img/hill-pattern-bottom-right-corner.png") bottom right no-repeat;background-size:contain;}
    .corners .container {position: relative;z-index: 99;}

@media only screen and (max-width:767px) {
 header.nobg, .jet-card {background-size: 300%;}
.img-short, .img-short .img-block, .img-overlap, .img-overlap .img-block {padding-top: 0!important;}
    .img-short .container, .img-overlap .container {padding-right: 0;padding-left: 0;}
        .img-short .order-1,  .image-text .col-md-6:has(> .img-block) {margin-top: 0!important;}
        .img-short .order-2 {padding-left: 7%;padding-right: 7%;}
    
    .image-text .col-md-6:has(> .headline-block) {padding-left: 7%;padding-right: 7%;order: 2;}
    .image-text .col-md-6:has(> .img-block) {order: 1;}
    
.corners:before, .corners:after {background-size: 65% !important;}

.fleet-block #fleet5 {margin-left: 25%;}
}
@media only screen and (min-width:768px) {
    .textOver {bottom: auto;top: 3%;}
}
@media only screen and (min-width:992px) {
	.textOver {top:15%;}
    
    .list-block ul {column-count: 2;}
    
    .img-overlap {margin-top: 4em;margin-bottom: 10em;}
        #control.img-overlap {margin-top: 3em;margin-bottom: 3em;}
        .img-overlap .img-block img {margin-top: -8em;margin-bottom: -8em;transform: translateX(-50%);margin-left: 50%;}
    
    .corners:before, .corners:after {max-height: 400px;}
}
@media only screen and (min-width:1200px) {
    .img-overlap {margin-top: 10em;margin-bottom: 14em;}
            .img-overlap .img-block img {margin-top: -12em;margin-bottom: -12em;}   
}
@media only screen and (min-width:1400px) {
    .container, .container-xl, .container-xxl {max-width: 1140px;}
}



/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
.services-block {background:var(--omnired);color: var(--white);position: relative;}
    .services-block:before, .services-block:after {position: absolute;width: 100%;height:100%;content: "";display: block;}
        .services-block:before {top:0;left:0;background: url("img/hill-pattern-top-left-corner.png") top left no-repeat;background-size:contain;}
        .services-block:after {bottom:0;right:0;background: url("img/hill-pattern-bottom-right-corner.png") bottom right no-repeat;background-size:contain;}
    .services-block .container {z-index: 99;position: relative;}
    .services-block h2 {color: var(--white);}
    .service a {text-decoration: none;}
        .service .img-wrapper, .image-wrapper {position: relative;}
            .service h3 {color: var(--taupe);position: absolute;left: 50%;transform: translateX(-50%);top: auto;bottom: 5%;z-index: 99;width: 100%;}
                .service .img-wrapper:hover h3 {color: var(--omnired);}

@media only screen and (min-width:1600px) {
    .services-block .container {max-width: 1400px;}
}


/*--------------------------------------------------------------
# Jet Card
--------------------------------------------------------------*/
.jet-card h2, .jets li {color: var(--white);}
.jet h3 {font-size: 1.5em;color: var(--white);}
.jet p.eyebrow {font-size: 0.94em;letter-spacing: 1px;}

ul.jets {list-style: none;margin-left: 0;padding-left: 0;}
    ul.jets > li {padding: 0.25rem 0;border-bottom: 1px solid var(--taupe);font-size: 0.94em;}

@media only screen and (min-width:992px) {
    .top-overlap {padding-top: 1rem!important;}
        .top-overlap img {margin-top: -30%;z-index: 99;position: relative;}
}
@media only screen and (min-width:1200px) {
    .top-overlap img {margin-top: -15%;}
}


/*--------------------------------------------------------------
# Empty Leg
--------------------------------------------------------------*/
#empty .col-xl-8 {width: 100%;margin-left: 0;}


/*--------------------------------------------------------------
# Fleet
--------------------------------------------------------------*/
ul#fleetList {justify-content: space-evenly;border-bottom: 1px solid var(--taupe);}
    ul#fleetList > li {width: 33%;text-align: center;}
        #fleetList .nav-link {color: var(--taupe);text-decoration: none;padding: 0.5rem;background: transparent;}
            #fleetList h3 {letter-spacing: 1px;}
            #fleetList .nav-link img {width: 100%;}
            #fleetList .nav-link.active, #fleetList .nav-link:focus, #fleetList .nav-link:hover {border: 1px solid var(--taupe);border-radius: 0;}
        .image-hover, .image-show {position: absolute;top: 0;right: 0;left: 0;bottom: 0;object-fit: contain;transition: opacity 0.2s;opacity: 0;}
            #fleetList .nav-link.active .image-show, #fleetList .nav-link:focus .image-show, #fleetList .nav-link:hover .image-show {opacity: 1;}

.fleet a {text-decoration: none;}
    .fleet a:hover .ltgrayBk {background-color: var(--taupe);}
    .fleet a h3 {color: var(--omnired);}
    .plane-features {color: var(--dkgray);border-bottom: 1px solid;margin-bottom: 0.5rem;}
        .plane-features p {margin-bottom: 0.5rem;}

@media only screen and (max-width:767px) {
    #fleetList li h3 {font-size: 0.84em;margin-top: 0.75rem;}
}
@media only screen and (min-width:768px) {
    ul#fleetList > li {width: 20%;text-align: center;}
}


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

ul.amenities {list-style: none;margin-left: 0;padding-left: 0;}
    ul.amenities > li {margin-bottom: 0.5rem;}

p.eyebrow.spec {font-size: 0.7em;letter-spacing: 1px;line-height: 1.6;margin-bottom: 0;}
    p.eyebrow.spec a {text-decoration: none;}


@media only screen and (max-width:767px) {
    .single-fleet header {display: flex;flex-direction: column;}
        .single-fleet header img {order: 2;}
        .single-fleet .textOver {position: relative;background: var(--omnired);order: 1;}
}


/*--------------------------------------------------------------
# Maintenance Services
--------------------------------------------------------------*/
.textured-bottom {background-color: var(--omnired);position: relative;padding: 30%;margin-top: -30%;}
    .textured-bottom:before, .textured-bottom:after {position: absolute;content: "";height: 100%;width:100%;}
        .textured-bottom:before {background: url("img/hill-pattern-top-left-corner.png") top left no-repeat;background-size:contain;top:0;left:0;}
        .textured-bottom:after {background: url("img/hill-pattern-bottom-right-corner.png") bottom right no-repeat;background-size:contain;bottom:0;right:0;}
.trial-close .whiteBk {z-index: 99;position: relative;}

@media only screen and (min-width:768px) {
    .textured-bottom {padding: 15%;margin-top: -15%;}
}
@media only screen and (min-width:992px) {
    .textured-bottom {padding: 12%;margin-top: -10%;}
}
@media only screen and (min-width:1400px) {
    .textured-bottom {padding: 9%;margin-top: -9%;}
}


/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team {padding-bottom: 1rem!important;}
    .team .row {align-items: flex-start!important;}
        .team .title h3 {text-transform: none;margin-bottom: 1.5rem;letter-spacing: 2px;}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.gform_body label, .gfield_label {color: var(--dktaupe);font-family: 'canada-type-gibson';text-transform: uppercase;letter-spacing: 3px;font-weight: 400;margin-top: 1rem;}
    .gform-field-label.gform-field-label--type-inline {margin-top: 5px;}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, textarea {border: 0;border-bottom: 1px solid var(--taupe);}

@media (min-width: 1200px) {
    #map .container-fluid {max-width: 1140px;}
}
@media (min-width: 1400px) {
    #map .container-fluid {max-width: 1320px;}
}
@media (min-width: 1600px) {
    #map .container-fluid {max-width: 1570px;}
}


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


/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
article .card {border: 0;}
    article .card-body h2 {font-size: 1.75em;}
    article .card-footer {background: transparent;border-top: 0;}

#signup .gform_footer.top_label {justify-content: center;}


input#searchsubmit {font-family: "Font Awesome 5 Pro";background: var(--omnired);padding: 5px 7px;border: 0;}
input#s {width: 80%;padding: 3px;}
h2.widget-title {margin-top: 1em;}

.single-post h1 {color: var(--omnired);font-size:2.375em;}

.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;}
        .socialCont .fa, .blogSocialShare ul li .fa {height: 30px;width: 30px;background-color: var(--dktaupe);color: var(--white);text-align: center;padding: 6px;border-radius: 30px;}


/*--------------------------------------------------------------
# Bottom Includes
--------------------------------------------------------------*/
/* call to action */
#cta .whiteBk, #signup .whiteBk {margin-bottom: -15%;z-index: 99;position: relative;}

@media only screen and (min-width:768px) {
    #cta .whiteBk, #signup .whiteBk {margin-bottom: -12%;}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer.footer {background: var(--omnired);color:var(--white);padding-top: 5%;position: relative;}
    #cta + footer.footer, #signup + footer.footer {padding-top: 15%;}
    footer.footer:after {content: "";position: absolute;right:0;bottom: 0;width:100%;height:100%;background:url("img/hill-pattern-bottom-right-corner.png") bottom right no-repeat;background-size:contain;}
	footer.footer .container {position: relative;z-index: 99;}
    footer.footer a {color: var(--taupe);text-decoration: none;}
		footer.footer a:hover {color: var(--gray);}
	.foot-nav ul {list-style: none;-webkit-padding-start: 0;}
	.site-title, .phone {font-size: 1em;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 0.5rem;}
	.social .fab {height: 30px;width: 30px;background-color: var(--taupe);color: var(--omnired);text-align: center;padding: 7px;border-radius: 30px;margin-right: 10px;}
    .associations {font-size:0.75em;}
        .associations strong {font-weight: 500;color: var(--taupe);}

footer.footer.press h4 {color: var(--white);}

#siteinfo {font-size: 0.8em;}

@media only screen and (min-width:768px) {
     #cta + footer.footer, #signup + footer.footer {padding-top: 18%;}
}
@media only screen and (min-width:992px) {
     #cta + footer.footer, #signup + footer.footer {padding-top: 12%;}
    footer.footer a.nav-link {padding: 0 1rem;color: var(--white);}
}


.row {
	max-width: 75rem !important;
	margin: 0 auto !important;
}

.one-column.full-width .row {
	max-width: 100% !important;
	margin: auto !important;
}

.one-column.full-width .row .col-12{
	padding: 0 !important;
}

.navbar .container, .navbar .container-xl, .navbar .container-xxl {
   max-width: 100% !important;
   padding: 0 60px;
}

header .container, header .container-xl, header .container-xxl {
   max-width: 100% !important;
}


header .row{
	max-width: 100% !important;
	padding-left: 80px;
}

.navbar .row {
	max-width: 100% !important;
}

@media only screen and (min-width: 992px) {
    .textOver {
        top: 22%;
    }
}

@media only screen and (max-width: 992px) {
   .navbar .container, .navbar .container-xl, .navbar .container-xxl  {
		padding-left: 10px !important;
	}
	
	.container, .container-md, .container-sm {
        max-width: 100%;
    }
	
	 #cta .container, #cta .container-md, #cta .container-sm {
        max-width: 90% !important;
    }
	
	.likeH3 {
		padding-left: 15px;
	}
	
	header .row {
    padding-left: 15px;
}
	
}
@media only screen and (max-width: 320px) {
	.navbar-collapse {
		top: 65px;
	}
	
	.navbar .container, .navbar .container-xl, .navbar .container-xxl {
		max-width: 100% !important;
		padding: 0px 20px;
	}
}
