/*!
Theme Name: Fly Wichita V2.0
Theme URI: http://flywichita.com/
Author: Captain Coder & Greteman Group
Author URI: http://gretemangroup.com/
Description: This is a Bootstrap 5 theme base custom built for Fly Wichita
Version: 2.0.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{
	--white: #fff;
	--black: #000;
	--darkblue: #1a5a7d;
	--lightblue: #40a7c6;
	--green: #afb16f;
	--contentbg: #e8eef2;
	--gray: #ccc;
	--lightgray: #f1f1f1;
	--bodycolor: #333;
	--fadedblue: #C9DEF1 /*#b1c4d2*/;
	--trblue: rgba(0, 0, 0, .5);
	--cyan: #40a7c6;
	--mdblue: #bfd0db;
	--orange: #ef5423;
	--teal: #76cdc7;
	--darkgray: #515151;
	--toryblue: #0c57a7;
} 

.dkBlueBg {background-color: var(--darkblue);color: var(--white)}
.mdBlueBg {background-color: var(--mdblue);}
.contentBg {background-color: var(--contentbg);}
.ltGrayBg {background-color: var(--lightgray);}
.cyanBk {background-color: var(--cyan);color: var(--white)}
.greenBk {background-color: var(--green);color:var(--white);}

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

/*--------------------------------------------------------------
# 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: pill-gothic-600mg, sans-serif;overflow-x: hidden;line-height: 1.6;background: var(--white);color:var(--black);}

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


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
nav.navbar {background: var(--fadedblue);transition: all 0.2s ease;}
	nav.navbar .navbar-toggler {background: var(--fadedblue);border-radius: 0;border-color: var(--darkblue);}
	.navbar-brand img {max-height: 60px;transition: all 0.2s ease;}
	/* remove navbar if a landing page or other speciality template */
	.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.top-nav {padding-top: 1rem;padding-bottom: 1rem;}
.navbar-dark .navbar-nav .nav-link:focus {color: var(--darkblue);}
	.dropdown-item, .dropdown-item:visited {color: var(--darkblue);}
		.dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active {color: var(--cyan);background-color: transparent;}

	/* delete if not a single page site */
	nav.fixed-top.navbar-shrink {background: rgba(255,255,255,0.6);max-height: 70px;}
		nav.fixed-top.navbar-shrink .navbar-brand img {max-height: 45px;}
	/******/

nav.navbar.top-nav .searchlink a:after {content: "\f002";font-family: "Font Awesome 6 Pro";padding-left: 3px;}

nav.navbar.bot-nav {background: var(--white);}
	nav.navbar.bot-nav ul {margin: 0 auto;}
		nav.navbar.bot-nav .nav-link {font-size: 1.25em;position: relative;}
			nav.navbar.bot-nav .nav-link:hover:before {content: '';background: var(--cyan);position: absolute;top: -17%;left: 0;width: 100%;height: 3px;}

	.navbar-collapse {background: var(--blue);margin-left: -15px;margin-right: -15px;padding-left: 15px;}
		.navbar-dark .navbar-nav .nav-link {color: var(--darkblue);font-family: pill-gothic-600mg, sans-serif;}

@media only screen and (min-width:992px) {
	.navbar-brand img {max-height: 70px;}
}
@media only screen and (min-width:1200px) {
	div#navbarSupportedContent.navbar-collapse.d-xl-none {display: none!important;}
	
	.navbar-brand img {max-height: 80px;}
	
	nav.navbar .container {align-items:start;}
	nav.navbar.top-nav .nav-link {font-size: .875em;}
	nav.navbar.top-nav .nav-item {position: relative;}
	nav.navbar.top-nav .nav-item:not(:last-child):after {content: '';position: absolute;top: 23%;right: 0;border-right: 1px solid var(--darkblue);height: 50%;}
	.navbar-collapse {margin-right: 0;margin-left: 0;padding-left: 0;background: transparent;}
		nav.navbar.top-nav .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:visited {font-weight: 500;padding-right: .625rem;padding-left: .625rem;}
			nav.navbar .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:active {color: var(--cyan)!important;}
		nav.navbar.bot-nav .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:visited {font-weight: 500;margin-left: 1rem;margin-right: 1rem;padding-right: 1rem; padding-left: 1rem}
	
	/* Search Bar */
	.searchbox {display: flex;align-items: center;background: var(--cyan);padding: 8px 10px;margin-top: -5px;}
	.searchbox span {display: none;}
		.searchbox form {width: 60%;}
			.searchbox input#searchsubmit {margin-top: .35%;right: 24%;}
}
@media only screen and (min-width:1600px) {
	.navbar-brand img {max-height: 100px;}
	.searchbox {margin-top: -7px;}
}


/*--------------------------------------------------------------
# Buttons & Links
--------------------------------------------------------------*/
a, a:visited {color:var(--cyan);}
	.cyanBk a, .cyanBk a:visited {color: var(--white);}
	a:hover, a:active {color:var(--darkblue);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, .wp-block-button__link, .wp-block-button__link:visited {border-radius: 0;border: 0;background: var(--darkblue);color: var(--white);padding:14px;transition: all 0.2s;font-size:1em;}
	.wp-block-button__link {text-align: left;}
	.btn:hover, .btn:active, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_footer input[type=submit]:active, a.more-link:hover, a.more-link:active {color:var(--white);background:var(--cyan);}
	.btn.lt {background: var(--cyan);}
		.btn.lt:hover, .wp-block-button__link:hover, .wp-block-button__link:active, .wp-block-button__link:focus, .air-signup .btn:hover, .cyanBk .btn:hover {background: var(--green);}
	a.more-link {display: block;width: 35%;text-align: center;margin-top: 1em;}

#call-out a {padding: 14px;margin: 0 15px 0 0;background: var(--darkblue);color: var(--white);}
	#call-out a:hover {background: var(--cyan);}

@media only screen and (min-width:768px) and (max-width: 1199px) {
	#call-out a {margin: 0;}
}


/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {font-family: pill-gothic-600mg, sans-serif;font-weight: 500;}
h1, h2, h3 {color: var(--darkblue);font-weight: 500;}
	.dkBlueBg h2, .dkBlueBg h3, .cyanBk h2 {color: var(--white);}
	h3 {margin-top:1rem;}


.textOver h1, #newsroom h1 {color: var(--white);}
.textOver p {color: var(--cyan);}
.textOver h1 {margin: 0 0 1rem 0;font-size: 1.6em;}

@media only screen and (min-width:768px) {
	.textOver h1 {font-size: 2em;}
	.textOver p {color: var(--white);}
}

@media only screen and (min-width:992px) {
	h1 {font-size: 2.125em;}
	h3 {font-size: 1.375rem;}
	.textOver h1 {font-size: 2.6em;}
	.dkBlueBg .textOverCol h1 {font-size: 3.125em;}
}


/*--------------------------------------------------------------
# Overall
--------------------------------------------------------------*/
header {position: relative;}
.textOverCol {background: var(--darkblue);}

.dkBlueBg .textOverCol {background: transparent;text-align: center;margin: 0 0 1rem!important;padding: 1rem!important;}
	.dkBlueBg .textOverCol h1 {color: var(--white);padding: 0;}
	
.gray-brd {border-left: 1px solid var(--gray);border-right: 1px solid var(--gray);}
	.gray-brd-lft {border-left: 1px solid var(--gray);}
		.gray-brd-rt {border-right: 1px solid var(--gray);}

.uppercase {text-transform: uppercase}
p {margin-bottom: 5px;}
	.copy-block p {margin-bottom: 1rem;}

.carousel, .carousel-item {height: 300px;}
	.carousel-caption {color: #000;text-shadow: none;}
		.carousel-caption blockquote {border-left: 0;}
			.carousel-caption blockquote footer {text-align: right;}

.images .carousel, .images .carousel-item {height: auto;}

.table-block .table tr {border-bottom: transparent;}
	.table-block .table tr.header {background: var(--lightgray);}


@media only screen and (min-width:768px) {
	header img:first-child {max-height: 600px;object-fit: cover;}
	.blog .dkBlueBg .textOverCol p {padding: 0 20%;text-align:center!important;}
	.homePage.textOver, .innerPage.textOver {position: absolute;left: 0;}
	.homePage.textOver {top:14%;}
	.innerPage.textOver {bottom: 0;}
		.innerPage.textOver h1 {margin-bottom: 0;}
	.textOverCol {background: var(--trblue);}
		.textOverCol h1, .textOverCol p {padding: 0 0 0 5.5%;}
}
@media only screen and (min-width:1200px) {
	.textOverCol h1, .textOverCol p {padding: 0 20% 0 10%;}
	.blog .dkBlueBg .textOverCol p {padding: 0;}
}
@media only screen and (min-width:1600px) {
	header img:first-child {max-height: 700px;}
}


/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
/* callouts */
.badge-icon {max-width: 22%;position: absolute;top: 1%;}
#call-out {position: relative;display: flex;}
#call-out .flight-search, .callout-fixer-left {background: #F4F5F4;}
#call-out .parking {background: #CDCECC;}
#call-out .weather, .callout-fixer-right {background: #E2E3E2;}
#call-out .callout-fixer-left, #call-out .callout-fixer-right {flex-grow: 1;}
#call-out h4 {font-size: 1.25em;line-height: 1em;margin: 0 0 25px 0;font-weight: 700;color: var(--darkblue);}
#call-out .weatherinfo p.temp {font-size: 3em;line-height: 1em;}
#call-out .weatherinfo .wstatus {padding-top: 1rem; margin-bottom: 0;}
#call-out .weatherinfo p.temp, #call-out .weatherinfo .wstatus {color: var(--darkblue);}

#call-out .parking {display: flex;flex-direction: column;}
	#call-out .parking a, #call-out .flight-search a {margin-bottom: 20px;}

#bottom-callout a {cursor: pointer;}
#bottom-callout {background: var(--darkblue);}
#bottom-callout h4 {font-weight: 500;color: var(--white);padding: 2.5rem 0;}
#bottom-callout span {width: 65%;color: var(--cyan);line-height: 1rem;padding-bottom: 2rem;font-size: 0.875em;}
	#bottom-callout a:hover > .arrow-cont > span {color: var(--white);}
#bottom-callout .arrow-cont {display: flex;justify-content: space-between;}
#bottom-callout .circle-arrow {filter: invert(76%) sepia(8%) saturate(3189%) hue-rotate(159deg) brightness(87%) contrast(89%);width: 30px;height: 30px;}
	#bottom-callout a:hover > .arrow-cont > .circle-arrow {filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(7deg) brightness(105%) contrast(101%);}

@media only screen and (min-width:768px) {
	.badge-icon {max-width: 15%;top: -10%;}
	#call-out h4 {margin: 20px 0 15px;}
	#call-out .flight-search {display: flex;flex-direction: column;}
}
@media only screen and (min-width:992px) {
	.badge-icon {max-width: 16%;top: -13%;}
	#call-out .parking {display: block;}
		#call-out .parking a, #call-out .flight-search a {margin-bottom: 0;}
	#call-out .flight-search {display: block;}
	#call-out .weatherinfo p.temp {font-size: 4.375em;}
	#bottom-callout h4 {font-size: 1.25rem;}
}
@media only screen and (min-width:1200px) {
	.badge-icon {max-width: 201px;top: -26%;}
	#call-out .container, #bottom-callout .container {max-width: 1140px;}
}
@media only screen and (min-width:1400px) {
	#call-out .container, #bottom-callout .container {max-width: 1200px;}
	#bottom-callout h4 {font-size: 1.5rem;}
}

/* Weather Icons */
#call-out .weatherinfo p.wstatus:before {font-family: "Font Awesome 5 Pro";font-weight: 900;color: var(--darkblue);padding-right: 2px;}
#call-out .weatherinfo p.cloudy:before {content: "\f744";}
#call-out .weatherinfo p.fewclouds:before {content: "\f185";}
#call-out .weatherinfo p.clear:before {content: "\f185";}
#call-out .weatherinfo p.storm:before {content: "\f76c";}
#call-out .weatherinfo p.rain:before {content: "\f738";}
#call-out .weatherinfo p.snow:before {content: "\f2dc";}
#call-out .weatherinfo p.alert:before {content: "\f071";}
#call-out .weatherinfo p.noinfo:before {content: "\f059";}

/* promo slider */
#promo-slider {padding: 30px 0 15px 0;}
#promo-slider {background: var(--contentbg);}
#promo-slider .carousel-item, #promo-slider .carousel {height: auto;}
#promo-slider .carousel-inner {z-index: 2;}
#promo-slider .carousel-indicators {bottom: -23%;position: static;}
#promo-slider .carousel-indicators button {background: var(--white);color: var(--cyan);}
#promo-slider .carousel-indicators .active {background: var(--cyan);color: var(--white);}
#promo-slider .carousel-indicators [data-bs-target] {width: 100%;height: 100%;text-indent:0;padding: 15px 0;margin: 0 2px;font-size: 14px;opacity: 1;}


@media only screen and (max-width:768px) {
	.carousel-indicators {display: flex;flex-direction: column;margin-right: 0;margin-left: 0;}
	.carousel-indicators button {margin: 0.125rem 0 !important;}
	.carousel-control-prev, .carousel-control-next {display: none;}
}

@media only screen and (min-width:992px) {
	#promo-slider .carousel-indicators {margin-left: auto;margin-right: auto;}
	#promo-slider span.carousel-control-next-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
	}

	#promo-slider span.carousel-control-prev-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
	}

	#promo-slider .carousel-control-next, #promo-slider .carousel-control-prev {z-index: 99;opacity: 0;}
	#promo-slider .carousel-control-prev, #promo-slider .carousel-control-next {top: -12%;}
	#promo-slider .carousel-inner:hover ~ .carousel-control-next, #promo-slider .carousel-inner:hover ~ .carousel-control-prev, #promo-slider .carousel-control-next:hover, #promo-slider .carousel-control-prev:hover {opacity: 1;}
}


/* funnels */
.box {color: var(--black);text-align: center;padding: 2em 1em;transition: all 0.2s ease-in;}
	.icon {font-size: 4em;}
	#funnels a:hover {text-decoration: none;}
		#funnels a:hover .box {background: var(--blue);color: var(--white);}
			#funnels a:hover .box .btn span.showhover {display: inline-block;}
				#funnels a:hover .box .btn:hover {background: var(--blue);}

@media only screen and (min-width:768px) {
	.box {padding: 2em 0.5em;}
}
@media only screen and (min-width:992px) {
	#funnels {padding: 5em 0!important;}
		.box {padding: 2em 1.25em;}
}
@media only screen and (min-width:1200px) {
	#funnels {padding: 7em 0!important;}
		.box {margin-top:2em;padding: 2em 4em;}
}
@media only screen and (min-width:1600px) {
	.box {padding: 4em;}
}


/*--------------------------------------------------------------
# Arrivals
--------------------------------------------------------------*/
.page-id-69 #primary {background: #e8eef2;}


/*--------------------------------------------------------------
# Airlines
--------------------------------------------------------------*/
.airline-list h3 {margin-bottom: 0;}

.airline-list .table tr {border-color: var(--bodycolor);}
	.airline-list .table th {width: 22%;}
	.airline-list .table tr:nth-last-of-type(1) {border: transparent;}

.airline-route h2 {font-size: 2.5em;}
.airline-route h3 {font-size: 2em;color: var(--cyan);}

#FVWebContent0 {height: 1331px;}

@media only screen and (min-width:1200px) {
	.table th {width: 12%;}
	
	#FVWebContent0 {height: 931px;}
}

/*--------------------------------------------------------------
# Air Traffic Map
--------------------------------------------------------------*/
@media only screen and (min-width:768px) {
	#traffic .traffic-embed {height: 1000px;}
}


/*--------------------------------------------------------------
# Interactive Route Map and Timetable
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
	.page-id-24584 .textOverCol {width: 75%;}
}
@media only screen and (min-width: 1200px) {
	.page-id-24584 .textOverCol h1 {padding: 0 0 0 10%;}
}
@media only screen and (min-width: 1400px) {
	.page-id-24584 .textOverCol {width: 62%;}
}
@media only screen and (min-width: 1600px) {
	.page-id-24584 .textOverCol {width: 58.3333333333%;}
}


/*--------------------------------------------------------------
# Rates
--------------------------------------------------------------*/
.rate h2 {padding: 1rem;}
.rate-sub {padding: 0.5rem 1rem;border-bottom: 1px solid;}
	.rate-sub:nth-last-of-type(1) {border-bottom: none;}

/*--------------------------------------------------------------
# Track
--------------------------------------------------------------*/
/*#customerComponent {height: 920px;}

@media only screen and (min-width:768px) {
	#customerComponent {height: 585px;}
}
*/

/*--------------------------------------------------------------
# Security
--------------------------------------------------------------*/
@media only screen and (min-width:768px) {
	#security {width: 66%;margin: 0 auto;}
}


/*--------------------------------------------------------------
# Ground Transportation
--------------------------------------------------------------*/
.directions input {display: block;background: #fff;border: 0;padding: 18px 50px 15px 15px;line-height: 1em;color: #1a5a7d;min-width: 365px;font-family: pill-gothic-600mg, sans-serif;font-weight: 400;}
	.directions form div {position: relative;}
		.directions form div:after {position: absolute;right: 3%;top: 5px;content: "\f3c5";color: #40a7c6;font: var(--fa-font-solid);font-size: 2.5rem;}

.transportation .container {border-bottom: 1px solid var(--darkblue);}
	.option p {line-height: 1;}

@media only screen and (min-width: 768px) {
	.directions input {min-width: 520px;font-size: 1.75em}
	.directions form div:after {right: 27%;top: 10px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.directionform input {min-width: 425px;font-size: 1.5em;}
	.directions form div:after {top: 10px;right: 10%;}
}
@media only screen and (min-width: 1200px) {
	.directions form div:after {right: 6%;top: 10px;}
}
@media only screen and (min-width: 1400px) {
	.directions form div:after {right: 20%;}
}
@media only screen and (min-width: 1600px) {
	#directions .col-lg-6:nth-of-type(2) .btn:first-of-type {margin-right: .75rem;}
	.directions form div:after {right: 33%;}
}

/*--------------------------------------------------------------
# Dining Options
--------------------------------------------------------------*/
.business h2, .business p {padding: 1rem;}
.business img {width: 100%;height: 100%;}
.business .table {margin-left: 1rem;max-width: 95%;}
	.business .table tr {border-bottom: 1px solid;}
		.business .table tr:nth-last-of-type(1) {border-bottom-color: transparent;}


/*--------------------------------------------------------------
# Hot Fares
--------------------------------------------------------------*/
.page-id-18670 header {opacity: 0;margin-bottom: -35%;}
.hotfares.text-center img {margin: 0 auto 0.5em;}

.row.fare-row {background: #1a5a7d;margin:1em 0;padding: 20px 20px 20px 10px;color:#fff;transition: all 0.2s ease;}
	.hotfares .fares h3 {font-size: 35px;margin-bottom: 0;color:#fff;transition: all 0.2s ease;}
	.price {background: #40a7c6;padding: 0 10px;text-align: center;margin-bottom: 15px;}
		.price p {font-size: 40px;margin-bottom: 0;}
	.hotfares .btn {background: #bbc055;color: #1a5a7d;text-transform: uppercase;font-size: 22px;    padding: 10px;border-radius: 8px;text-align: center;width: 100%;font-weight: bold;transition: all 0.2s ease;}
	.hotfares a:hover .row.fare-row {background: #f2f8fc;}
		.hotfares a:hover .row.fare-row h3, .hotfares a:hover .row.fare-row p.note {color: #1a5a7d;}
		.hotfares a:hover .btn {background: #1a5a7d;color: #bbc055;}
	.hotfares:nth-of-type(odd) .row.fare-row { background: #40a7c6;}
		.hotfares:nth-of-type(odd) .price {background: #1a5a7d;}
			.hotfares:nth-of-type(odd) a:hover .price {background: #40a7c6;}

.newsletter-fares {background: #40a7c6;padding: 2em;}
	.newsletter-fares p {color: #fff;margin: 0.75em 0;}
	.newsletter-fares .mc4wp-form-theme label {text-align: left;}
		.newsletter-fares .mc4wp-form-theme-light input[type=submit] {background: #bbc055!important;color: #1A5A7D!important;font-weight: bold!important;font-family: 'tk-pill-gothic-600mg-n4';    text-transform: uppercase;font-size: 22px;transition: all 0.2s ease-in;border:0;}
			.newsletter-fares .mc4wp-form-theme-light input[type=submit]:hover {background: #1a5a7d!important;    color: #bbc055!important;}

@media only screen and (min-width:768px) {
	.page-id-18670 header {margin-bottom: -15%;}
}
@media only screen and (min-width:992px) {
	.page-id-18670 header {margin-bottom: -8%;}
	.hotfares .fares h3, .hotfares .btn.noprice {margin-top: 1rem;}
}
@media only screen and (min-width:1200px) {
	.hotfares, .fares {padding: 2em 0;}
	.newsletter-fares {padding-left: 0;padding-right: 0;}
	
	form#mc4wp-form-1 p:nth-of-type(1), form#mc4wp-form-1 p:nth-of-type(2) {width: 49%;float: left;}
		form#mc4wp-form-1 p:nth-of-type(1) input, form#mc4wp-form-1 p:nth-of-type(2) input {    width: 98%!important; max-width: 600px!important;}
	form#mc4wp-form-1 p:nth-of-type(3) {clear: both;text-align: right;margin-right: 3%;}
}


/*--------------------------------------------------------------
# Trip Cost Calculator
--------------------------------------------------------------*/
.trip-cost .cyanBk {padding-bottom: 2.87rem!important;}
	.trip-cost .cyanBk h2 {color: var(--white);}



/*--------------------------------------------------------------
# Wayfinding Videos
--------------------------------------------------------------*/
#video-gallery .btn-close {background-image: none;}

@media only screen and (min-width:992px) {
	#video-gallery img:hover {cursor: pointer;}
}


/*--------------------------------------------------------------
# Airport Authority
--------------------------------------------------------------*/
.page-id-37 header {display: none;}

.grid-link {border-bottom: 1px solid var(--white);}
	.grid-link:nth-of-type(odd) {border-right: 1px solid var(--white);}
	.grid-link:nth-last-of-type(1) {border-bottom: 0;}
	.grid-link a {color: #fff;text-align: center;display: block;font-size: 2.25em;line-height: 1em;padding: 0 5%;width: 100%;height: 100%;}
		.grid-link a:focus, .grid-link a:hover {color: #1a5a7d;background: #fff;background: rgba(255,255,255,.7);}

@media only screen and (min-width:992px) {
	.grid-link {border-right: 1px solid #fff;border-bottom: none;}
		.grid-link:nth-of-type(4) {border-right: 0;}
		.grid-link.top-row {border-bottom: 1px solid #fff;}
		.grid-link a {padding-top: 5rem!important;padding-bottom: 5rem!important;}	
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
#airportPersonnel.table-block .table tr, .pilot-info .table tr, .tenant-portal .table tr {border-bottom: 1px solid var(--gray);}
	#airportPersonnel.table-block .table tr:nth-of-type(odd), .pilot-info .table tr:nth-of-type(odd), .tenant-portal .table tr:nth-of-type(odd) {background-color: var(--lightgray);}
	#airportPersonnel.table-block .table tr.header, .pilot-info .table th, .tenant-portal .table th {background: var(--mdblue);font-weight: bold;}


/*--------------------------------------------------------------
# Sidebar Template
--------------------------------------------------------------*/
.sidebar-page .widget {margin-bottom: 1rem;}
.sidebar-page .widget_nav_menu {background: var(--cyan);padding: 1rem;}
	.sidebar-page .business-sidebar .widget_nav_menu {background: var(--darkblue);}
	.sidebar-page .widget_nav_menu h3.widget-title {color: var(--white);border-bottom:1px solid; margin-bottom: 0;padding-bottom: 10px;}
	.sidebar-page .widget_nav_menu ul {list-style: none;padding-left: 0;margin-bottom: 0;}
		.sidebar-page .widget_nav_menu ul > li {border-top: 1px solid var(--white);}
			.sidebar-page .widget_nav_menu ul > li > a, .sidebar-page .widget_nav_menu ul > li > a:visited {color: var(--white);padding: 1rem 0;width: 100%;display: block;    transition: all 0.2s ease-in;}
				.sidebar-page .widget_nav_menu ul > li:nth-of-type(1) {border-top: none;}
				.sidebar-page .widget_nav_menu ul > li > a:hover, .sidebar-page .widget_nav_menu ul > li > a:active, .sidebar-page .widget_nav_menu ul > li > a:focus {background: rgba(255,255,255,0.8);color: var(--cyan);padding-left: 15px;}

@media only screen and (max-width:768px) {
	.sidebar {padding-bottom: 0!important;}
}


/*--------------------------------------------------------------
# Development Page Template
--------------------------------------------------------------*/
.building .image-wrapper {overflow: hidden;width:100%!important}
	.building img {transition: .3s ease-in-out;opacity: .85;}
		.building a:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);opacity: 1;}

.Dark-Blue-bk { background-color: #006790; }
.Light-Blue-bk { background-color: #54b5d3; }
.Green-bk { background-color: #b6c668; }
.Magenta-bk { background-color: #902c74; }
.Gold-bk { background-color: #e8be50; }

.scroll-box {position: relative;height: 1086px;overflow: hidden;}
	.overflow {position: relative;width: 100%;height: 2400px;overflow-x: auto;}
	.map-property {margin: 0 0 1rem 0;padding: .6rem .6rem .6rem .6rem;color: white;}

.map-property--head, .map-property--area {font-size: 1.5rem;line-height: 1;margin: 0 0 .2rem 0;padding: 0 0 0 0;}
.sidebar-button {width: 100%;border: none;border-radius: 0;background-color: #999;	color: white;padding: .4rem 1rem .4rem 1rem;font-size: .9rem;text-align: center;	cursor: pointer;}
.scroll-arrows {float: right;width: 100%;height: 50px;overflow: auto;padding: 0 0 0 0;}
	.arrow-up {position: relative;float: left;width: 49%;height: 50px;background-color: #54b5d3;overflow: auto;cursor: pointer;transition: background-color .25s ease-in;}
	.arrow-down {position: relative;float: right;width: 49%;height: 50px;background-color: #54b5d3;overflow: auto;cursor: pointer;transition: background-color .25s ease-in;}
		.arrow-up:hover, .arrow-down:hover {background-color: #006790;}
		.arrow-up img, .arrow-down img {width: 40%;position: absolute;top: 50%;  	left: 50%;transform: translate(-50%, -50%);}
	.blue-button {background-color: #006790;margin: 0 1rem 0 0;padding: .8rem 1rem .5rem 1rem;}
		.blue-button:link, .blue-button:focus, .blue-button:visited {color: white;}
		.blue-button:hover { color: #54b5d3; }


/*--------------------------------------------------------------
# Single Development Page - page-dev-details.php
--------------------------------------------------------------*/
.dev-details h1, .dev-details h2, .dev-details h3 {margin-top: 0;margin-bottom: 0;color: var(--white);}
	.dev-details h2 {font-size: 1.75em;}
.dev-details a {color: var(--white);}
.dev-details .gform_legacy_markup_wrapper, li#field_3_1 {margin-top: 0!important;}

/*
#devDetails span.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231a5a7d'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#devDetails span.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231a5a7d'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
} 
*/

#devDetails span.carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%231a5a7d' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); opacity: 1;}

#devDetails span.carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%231a5a7d' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");}

#devDetails .carousel-control-prev, #devDetails .carousel-control-next {opacity: 1;}


.map1, .map2, .map3, .map4, .map5, .map6, .map7 { width: 100%; }
	.map-on, .arrow-on { display: block; }
	.map-off, .arrow-off { display: none; }
	.images .left-arrow, .images .right-arrow {position: absolute;top: 50%;transform: translate(0, -50%);background-color: #54b5d3;opacity: .8;margin: 0;padding: 0 0 0 .4rem;cursor: pointer;}
		.images .left-arrow img, .images .right-arrow img {display: block;width: 80%;margin: 0;	}
		.images .left-arrow {left: 1%;	}
		.images .right-arrow {right: 1%;}
.slideshow-container {max-width: 1000px;position: relative;margin: auto;}

/* Hide the images by default */
.mySlides {display: none;}

/* Next & previous buttons */
.images .prev, .images .next {cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -22px;padding: 16px;color: white;font-weight: bold;font-size: 18px; transition: 0.6s ease;border-radius: 0 3px 3px 0; user-select: none;}

/* Position the "next button" to the right */
.images .next {right: 0;border-radius: 3px 0 0 3px;}

/* On hover, add a black background color with a little bit see-through */
.images .prev:hover, .images .next:hover {background-color: rgba(0,0,0,0.8);}


/* The dots/bullets/indicators */
.images .dot {ursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
	.images .active, .images .dot:hover {background-color: #717171;}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@media only screen and (min-width:992px) {
	.dev-details .col-lg-8 {margin-left: 1%;width: 65.6667%;}
}

/*--------------------------------------------------------------
# I Fly Wichita
--------------------------------------------------------------*/
#instaGrid {display: none;}

.page-id-20274 h1, .page-id-20274 h2 {font-family: acumin-pro-condensed, sans-serif;text-transform: uppercase;font-size: 34px;}
h1, #flyGlobal p, #travelTips li, #travelTips h2, #better h2, #better p, #instaGrid h2, #instaGrid p, #signUp h2 {color: var(--white);}
.page-id-20274 h1 {margin: 0;text-align: center;margin-bottom: .75rem;}
#flyGlobal p {font-size: 26px;}
.page-id-20274 h2 {color: var(--darkgray);}
.page-id-20274 p, li {font-family: "azo-sans-web",sans-serif;}

@media only screen and (min-width:992px) {
	.page-id-20274 h1 {font-size: 75px;text-align: left;}
	.page-id-20274 h2 {font-size: 44px;}
}

/* Nav */
.page-template-ifly-wichita nav.navbar .container {align-items:center;}
.page-template-ifly-wichita nav.navbar.top-nav .navbar-nav .nav-link, .page-template-ifly-wichita .navbar-brand {font-family: acumin-pro-condensed, sans-serif;text-transform: uppercase;}

.page-template-ifly-wichita nav.navbar.top-nav .navbar-nav .nav-link {color: var(--darkgray);font-size: 22px;}
.page-template-ifly-wichita nav.navbar li {padding: 0 24px;}
.page-template-ifly-wichita nav.navbar li:nth-of-type(4) {padding: 0 0 0 24px;}
.page-template-ifly-wichita nav.navbar.top-nav .navbar-nav .nav-link:hover, .page-template-ifly-wichita nav.navbar.top-nav .navbar-nav .nav-link:active {color: var(--teal)!important;}
.page-template-ifly-wichita .navbar-brand {color: var(--toryblue);font-family: acumin-pro-condensed, sans-serif;text-transform: uppercase; font-size: 2em;}
.page-template-ifly-wichita .navbar-brand:hover {color: var(--toryblue);}
.page-template-ifly-wichita .top-nav {background: var(--white);}
.page-template-ifly-wichita nav.navbar.top-nav .nav-item:not(:last-child):after {content: none;}
.page-template-ifly-wichita i.fa-brands {font-size: 2rem;color: var(--toryblue);}
.page-template-ifly-wichita i.fa-brands.fa-square-facebook {padding: 0 15px;}
.ifly-social {display: none;}

@media only screen and (min-width:1200px) {
	.page-template-ifly-wichita .navbar-brand {margin-bottom: -2rem;}
	.ifly-social {display: flex;justify-content: end;margin-right: 10px;}
	.page-template-ifly-wichita nav.navbar.top-nav {padding-bottom: .25rem;}
}

#noDriving {background: var(--teal);}
#flyGlobal, #better {background: var(--orange);}
#flyGlobal .copy-block {margin-top: -45%;}
#nonstop {background: #0C57A7;}
#instaGrid, #signUp {background: var(--toryblue);}
#travelTips {background: var(--darkgray);}
#nonstop h2 {color: var(--white);}
#nonstop h2, #partnersGrowth h2, #travelTips h2 {text-align: center;}
#competitive, #videoPlayer {background: #EEEEEE;}

@media only screen and (min-width:992px) {
	#flyGlobal .copy-block {margin-top: 0;}
	#instaGrid p {padding: 0 20%;}
	#nonstop.py-3, #travelTips.py-3, #instaGrid.py-3, #reviews.py-3, #partnersGrowth {padding-top: 3rem!important;padding-bottom: 3rem!important;}
}


/* Trip Calculator */
#tripCalc .swipe-instructions {display: none;}
#tripCalc .trip-cost-plugin table.trip-calculator thead th, #tripCalc .trip-cost-plugin table.trip-calculator td button {background: var(--toryblue);}
#tripCalc .trip-cost-plugin table.trip-calculator td button {border-color: var(--toryblue);padding: 5px 60px;}
#tripCalc h3 {padding-bottom: .75rem;color: var(--toryblue);font-family: "azo-sans-web",sans-serif;}

@media only screen and (min-width:992px) {
	#tripCalc {padding: 3rem 0!important;}
	#tripCalc .trip-cost-plugin, #tripCalc h3 {width: 75%;margin: auto;}
	#tripCalc .copy-block p {margin: 0 20%;margin-bottom: 2.5rem;}
}


/* Sign Up */
#signUp input {border-radius: 0;}
#signUp #mc-embedded-subscribe {background: var(--white);color: var(--toryblue);display: block;margin: 2rem auto 0;text-transform: uppercase;padding: .5rem 3.5rem;}

/* Google Reviews */
#reviews #google-business-reviews-rating .heading, #reviews #google-business-reviews-rating .vicinity {display: none;}
#reviews #google-business-reviews-rating .rating, #reviews #google-business-reviews-rating span.star {color: var(--orange);}

/* fix plugin mistakes */
.gmbrr .review-meta {display: flex;gap: 0.5rem;}

.flyVideo {height: calc(100vh - 184px);object-fit: cover;object-position: top;}
.page-id-20274 header {margin-bottom: -10px;}
#flyGlobal img {width: 227px;position: relative;top: -140px;}

/* Travel Tips */
.white-block {background: var(--white);width: 30%;margin-right: 5px;}
.white-block a:last-child {display: none;}
.white-block:hover a:last-child {display: block;}
.white-block:hover {background: var(--toryblue);}
.white-block:hover a:first-child {display: none;}
.row2 {margin-top: 5px;}
.tealBox {background: var(--teal);padding: 1rem;margin-bottom: 5px;margin-left: -5px;width: 91.75%;color: var(--darkgray);text-transform: uppercase;letter-spacing: 4px;}
.tealBox p {margin-bottom: 0;}
#travelTips ul {line-height: 1.6;}
#travelTips li {margin-bottom: 1.5rem;}
.rollover {display: none;}

/* Convenient */
.disclaimer {padding-top: 0!important;}


/* 2 Col Fluid */
.half-fluid .left-half,
 .half-fluid .right-half {
    left: 50%;
  	margin-left: -50vw;
  	max-width: 100vw;
  	position: relative!important;
  	right: 50%;
  	width: 100vw;
    padding: 0px;
  }

#competitive .image {
    background-image: url("https://www.flywichita.com/wp-content/uploads/2023/02/wichita-airport-desktop.jpeg");
    background-size: cover;
    background-position: center;
    height: 100%;
 }

#signUp .image {
    background-image: url("https://www.flywichita.com/wp-content/uploads/2023/02/airport-exterior-new.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
 }

@media only screen and (min-width:992px) {
	 .half-fluid .left-half {
      padding-left:0 !important;
      position: absolute!important;
      left: 0;
      right: 50%;
      margin-left: auto;
      width: auto;
    }
	
	.half-fluid .right-half {
      padding-right:0 !important;
      position: absolute!important;
      right: 0;
      left: 50%;
      margin-left: auto;
      width: auto;
    }
}

/* Better */
@media only screen and (min-width:1200px) and (max-width: 1400px) {
	#better .col-lg-3 {padding: 0;}
	#better .col-lg-9 {margin: auto;}
	#noDriving .col-lg-3 {padding-left: 1.5rem!important;padding-right: 1.5rem!important;}
}

/* Video player */
.vid-container {
	display: grid;
    grid-template-columns: 1fr;
    padding: 1em;
    grid-row-gap: 0px;
}

.thumbnail {width: 85%;margin: 0 auto;}
#video1 {width: 107%;}

#videoPlayer figure {background: #EEEEEE;}
#videoPlayer figure img {opacity: 1;}
#videoPlayer h3 {color: var(--toryblue);margin-top: .5rem;margin-bottom: 0;font-family: acumin-pro-condensed, sans-serif;text-transform: uppercase;}
#videoPlayer .pos {text-align: left;}
#videoPlayer h3.main-vid-name {font-size: 1.75rem;margin-top: .5rem;padding-right: .5rem;}
.main-vid-name, .main-vid-title {display: inline-block;}
.main-vid-title br {display: none;}


@media only screen and (min-width:992px) {
	.vid-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
 }
	#video1 { grid-area: 1 / 1 / 3 / 3; }
	#video2 { grid-area: 1 / 3 / 2 / 4; }
	#video3 { grid-area: 1 / 4 / 2 / 5; }
	#video4 { grid-area: 2 / 3 / 3 / 4; }
	#video5 { grid-area: 2 / 4 / 3 / 5; }
	#video2, #video4 {margin: 0 0 0 4rem;}
	#videoPlayer .intro-text {padding: 0 25%;}
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.single-post h1 {color:var(--black)}
#media {background: var(--cyan);}
	#media h2 {font-size: 1.5em;}
		#media h3, #media p, #media a {color: var(--white);}
			#media a:hover {color: var(--darkblue);}
#media p {margin-bottom: .5rem;}
#media .media-library img {height: 160px;width: 100%;object-fit: cover;}


.air-signup input[type=text], .air-signup input[type=email]  {width: 100%;padding: .5rem 0;border: none;border-radius: 5px;}
.air-signup ::placeholder {color: var(--darkblue);padding: 5px 0 5px 5px;}
.air-signup .btn {padding: 5px 14px;}

#articles .card, #articles .card-img-top {border-radius: 0;}
#articles .card {border: none;}
#articles .card-body {border-style: none solid solid solid;border-width: 0 1.5px 1.5px 1.5px;border-color: var(--cyan);}
#articles .date, #articles .card-title {margin-bottom: 0;}
#articles .date {color: var(--cyan);}

.pagination .nav-links .page-numbers {padding: 6px 7px 4px;color: #999;}
	.pagination .nav-links .page-numbers.current {border-bottom: solid 2px var(--darkblue);color: var(--bodycolor);}
.fa-chevrons-right:before, .fa-chevrons-left:before {color: var(--darkblue);}

.search {position: relative;}
	input#searchsubmit {font-family: "Font Awesome 5 Pro";padding: 5px 7px;background: transparent;position: absolute;right: 2%;margin-top: 1%;color: var(--darkblue);border:0;}
	input#s {padding: 0.6rem;border: 1px solid var(--darkblue);width: 100%;}
#search select {width: 100%;padding: 0.5rem;border: 1px solid var(--darkblue);}
h2.widget-title {margin-top: 1em;}

/* Single posts */
.single header img {max-height: 100%;}
.single .container {max-width: 1200px;}

.nav-links {padding-top: 1rem;padding-bottom: 2rem;}
	.links a, .nav-links a {font-weight: bold;color: var(--darkblue);font-size: 1.25em;}
		.links a:hover, .nav-links a:hover {color: var(--green);}
p.date {color: var(--cyan);text-transform: uppercase;}
.single-post h1 {margin-top: 0;margin-bottom: 0;}
.single-post article p {margin-bottom: 1rem;}

.nav-next {float: right;margin-top: -9%;}

.links {align-items: flex-end;}
.shares ul {list-style: none;margin-left: 0;margin-bottom: 0; padding-left: 0;display: inline-block;}
	.shares ul li {background: var(--cyan);height: 30px;width: 30px;display: inline-block;border-radius: 50%;text-align: center;padding: 1px 5px;}
		.shares ul li img {margin-bottom: 0;height: auto;display: inline-block;max-width: 100%;width: 16px;height: 16px;}
	.links .shares a {font-size: 1em;}
		.shares ul li:hover {background: var(--green);}
.sharetext {margin-bottom: 0;text-align: left;text-transform: uppercase;color: var(--cyan);}

@media only screen and (min-width:992px) {
	.nav-next {margin-top: -3%;}
}

/*--------------------------------------------------------------
# Travel Campaign Landing Page
--------------------------------------------------------------*/
.page-template-landing-page h1{font-family: fieldwork, sans-serif;font-size: 42px;line-height: 41px;font-weight: 700;margin-bottom: 0;margin-top: 20px;text-align: center;text-transform: uppercase;}

.page-template-landing-page h2, .page-template-landing-page #destinationMaps h3 {font-family: fieldwork, sans-serif;font-size: 30px;line-height: 25px;font-weight: 700;margin-bottom: 30px;}

#fun p {font-size: 1.5em;color: #424242;line-height: 1.9;padding: 1rem;}
#packing h3 {font-family: fieldwork, sans-serif;font-size: 20px;line-height: 28px;font-weight: 700;}

.purple, .purple h1, #travelLocations h2, #packing .cyanTravelBk h2, #packing h3, #destinationMaps h2, #destinationMaps h3 {color: #740094;}
.cyanTravelBk {background: #00B8E1;}
.redTravelBk {background: #DB4A31;}
.redTravelBk li, .redTravelBk h2 {color: var(--white);}
#destinationMaps h2 {margin-bottom: 0;}

.page-template-landing-page .innerPage {display: none;}

#packing ul {padding-left: .75rem;}
.resources ul {padding-top: 0;line-height: 2rem;}


#fun h1 {position: relative;padding-bottom: 1.5rem;}
#fun h1:after {
	content: '';
	background-image: url('https://flywichitastg.wpengine.com/wp-content/uploads/2021/12/purple-dots-graphic.svg');
	background-repeat: no-repeat;
	position: absolute;
	right: 30%;
	bottom: -40%;
	height: 40%;
	width: 40%;
}

.social-block .social a {color: #DB4A31;}
.social-block .social a:hover {color: #00B8E1;}

.airlines-mobile a, .location-title, .sadie-div a {display: block;color: #fff;font-size: 20px;font-family: fieldwork, sans-serif;}
	.airlines-mobile a, .sadie-div a {text-transform: uppercase;}
.sadie-div a:hover {color: #424242;}

.sadie-div {height: 100%;}

.btn-border {background: #00B8E1;padding: 12px;}
.break-button, .break-button:visited {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
    background-color: #740094;
    border-radius: 5px;
    color: #fff;
	font-size: 20px;
	font-family: fieldwork, sans-serif;
    text-align: center;
	text-transform: uppercase;
}

figure {margin: 0;}

figure.effect-sadie div {
	opacity: 0;
}

figure.effect-sadie:hover div {
	opacity: 100%;
	animation: fadeIn 2s forwards;
	text-align: left;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #DB4A31;
    content: '';
    opacity: .8;
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure.effect-sadie h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	-webkit-transition: -webkit-transform 0.35s, background-color 0.35s;
	transition: transform 0.35s, background-color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

/* Common style */
figure {
	position: relative;
    overflow: hidden;
	background: #fff;
	text-align: center;
	cursor: pointer;
}

figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
        margin-bottom: 0;
}

figure figcaption {
	/* padding: 2em;*/
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure figcaption::before,
figure figcaption::after {
	pointer-events: none;
}

figure figcaption,
figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 97%);
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}


.sadie-div .flexWrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* lines */
.sadie-div.location-1 .flexWrapper  > a, .location-1 .flexWrapperMb > a, .sadie-div.location-1 .flexWrapper > .btn-border, .location-1 .flexWrapperMb > .btn-border, .sadie-div.location-3 .flexWrapper  > a, .location-3 .flexWrapperMb > a, .sadie-div.location-3 .flexWrapper > .btn-border, .location-3 .flexWrapperMb > .btn-border, .sadie-div.location-10 .flexWrapper  > a, .location-10 .flexWrapperMb > a, .sadie-div.location-10 .flexWrapper > .btn-border, .location-10 .flexWrapperMb > .btn-border {margin-top: auto;}

.sadie-div.location-2 .flexWrapper, .airlines-mobile.location-2 .flexWrapperMb, .sadie-div.location-4 .flexWrapper, .airlines-mobile.location-4 .flexWrapperMb, .sadie-div.location-5 .flexWrapper, .airlines-mobile.location-5 .flexWrapperMb, .sadie-div.location-6 .flexWrapper, .airlines-mobile.location-6 .flexWrapperMb, .sadie-div.location-8 .flexWrapper, .airlines-mobile.location-8 .flexWrapperMb, .sadie-div.location-7 .flexWrapper, .airlines-mobile.location-7 .flexWrapperMb, .sadie-div.location-9 .flexWrapper, .airlines-mobile.location-9 .flexWrapperMb, .sadie-div.location-11 .flexWrapper, .airlines-mobile.location-11 .flexWrapperMb, .sadie-div.location-12 .flexWrapper, .airlines-mobile.location-12 .flexWrapperMb {justify-content: space-between;}

.sadie-div.location-2 .flexWrapper, .sadie-div.location-4 .flexWrapper, .sadie-div.location-5 .flexWrapper, .sadie-div.location-7 .flexWrapper, .sadie-div.location-9 .flexWrapper, .sadie-div.location-11 .flexWrapper, .sadie-div.location-12 .flexWrapper {padding-top: 8px;}

.airlines-mobile.location-2 .flexWrapperMb, .airlines-mobile.location-4 .flexWrapperMb, .airlines-mobile.location-5 .flexWrapperMb, .airlines-mobile.location-7 .flexWrapperMb, .airlines-mobile.location-9 .flexWrapperMb, .airlines-mobile.location-11 .flexWrapperMb, .airlines-mobile.location-12 .flexWrapperMb {padding-top: 5px;}

.sadie-div.location-6 .flexWrapper, .sadie-div.location-8 .flexWrapper {padding-top: 20px;}
.airlines-mobile.location-6 .flexWrapperMb, .airlines-mobile.location-8 .flexWrapperMb {padding-top: 10px;}


.location-2 .airline-1:after, .location-4 .airline-1:after, .location-5 .airline-1:after, .location-7 .airline-1:after, .location-9 .airline-1:after, .location-11 .airline-1:after, .location-12 .airline-1:after {
    content: '';
    position: absolute;
    margin: auto;
    top: 19.5%;
    left: 5%;
    width: 90%;
    height: 2px;
    background-color: #D99E15;
}

.location-2 .airline-2:after, .location-4 .airline-2:after, .location-5 .airline-2:after, .location-7 .airline-2:after, .location-9 .airline-2:after, .location-11 .airline-2:after, .location-12 .airline-2:after {
	content: '';
	position: absolute;
	margin: auto;
	top: 36.5%;
	left: 5%;
	width: 90%;
	height: 2px;
	background-color: #D99E15;
}

.location-2 .airline-3:after, .location-4 .airline-3:after, .location-5 .airline-3:after, .location-7 .airline-3:after, .location-9 .airline-3:after, .location-11 .airline-3:after, .location-12 .airline-3:after {
	content: '';
	position: absolute;
	margin: auto;
	top: 54.5%;
	left: 5%;
	width: 90%;
	height: 2px;
	background-color: #D99E15;
}

.location-6 .airline-1:after, .location-8 .airline-1:after {
	content: '';
    position: absolute;
    margin: auto;
    top: 25.5%;
    left: 5%;
    width: 90%;
    height: 2px;
    background-color: #D99E15;
}

.location-6 .airline-2:after, .location-8 .airline-2:after {
	content: '';
    position: absolute;
    margin: auto;
    top: 49.5%;
    left: 5%;
    width: 90%;
    height: 2px;
    background-color: #D99E15;
}

.location-10 .airline-1:after {
	content: '';
    position: absolute;
    margin: auto;
    top: 37%;
    left: 5%;
    width: 90%;
    height: 2px;
    background-color: #D99E15;
}

@media only screen and (max-width:640px) {
	.airlines-mobile .flexWrapperMb {
		position: relative;
		height: 198px;
		margin-top: -19px;
		margin-bottom: 1rem;
		display: flex;
		flex-direction: column;
	}
}

@media only screen and (min-width:641px) {
	.page-template-landing-page h1 {font-size: 63px;line-height: 62px;}
	.page-template-landing-page h2, .page-template-landing-page #destinationMaps h3 {font-size: 45px;line-height: 40px;}
	#fun p {padding: 2rem;}
	figure.effect-sadie:hover h3 {
		display: none;
	}

	figure.effect-sadie:hover figcaption::before ,
	figure.effect-sadie:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	.resources ul {padding-top: 2rem;}
}

@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}


/*--------------------------------------------------------------
# Firt Time Flyers Campaign
--------------------------------------------------------------*/
.page-id-24516 .bot-nav {display: none!important;}

#tipsIntro {margin-right: 6%;background: #FF8666!important;}
#tipsIntro .img-block {padding-bottom: .5rem!important;}
	
#tips {position: relative;}
	#tips:after {content: '';position: absolute;width: 100%;height: 1px;background: #818181;bottom: 0;}
.page-id-24516 #tips h3 {font-family: "azo-sans-web",sans-serif;font-weight: 700;text-transform: uppercase;color: #FF8666;font-size: 42px;padding-bottom: .5rem;}
#tips .copy-block p:nth-of-type(1) {margin-bottom: 0;}
.page-id-24516 #tips a, #tips li {font-family: pill-gothic-600mg, sans-serif;}
.page-id-24516 #tips a {color: #FF8666;font-weight: 600;}

@media only screen and (min-width:992px) {
	#tipsIntro img {width: 68%;padding-left: 10%;}
		#tipsIntro .copy-block {padding-right: 15%;margin-left: 27%;padding-top: 0!important;}
	
	#tips .container-fluid {padding-left: 0!important;}
	#tips .tipCopy {padding-left: 2.5rem;padding-right: 10%;}
	.page-id-24516 #tips h3 {font-size: 2rem;}
}
@media only screen and (min-width:1200px) {
	.page-id-24516 #tips h3 {font-size: 2.5rem;}
}
@media only screen and (min-width:1600px) {
	.page-id-24516 #tips h3 {font-size: 3rem;}
}
@media only screen and (min-width:1800px) {
	.page-id-24516 #tips h3 {font-size: 3.25rem;}
	#tipsIntro {margin-top: 1rem;}
}
@media only screen and (min-width:2000px) {
	.page-id-24516 #tips h3 {font-size: 3.5rem;}
}


/*--------------------------------------------------------------
# DC Landing Page
--------------------------------------------------------------*/
.page-id-25008 section {overflow: hidden;}
#connecting, #monumental {background: #E31E26;}
#connecting {padding-top: 3rem!important;}
#connecting h2 {font-size: 45px;line-height: 50px;}
#connecting h2, #improvement h2, #schedule h2, #monumental h2, #coast h2 {text-align: center;}
#connecting h2, #connecting p, #schedule h2, #schedule p, #coast p, #coast li, #monumental h2, #monumental li {color: #FFFFFF;}

#connecting .col-lg-6:nth-of-type(2) p:last-of-type {text-align: center;}
#connecting .col-lg-6:nth-of-type(2) p:last-of-type img {width: 90%;}

#connecting .social-share-block .social a {
	display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
	color: #E31E26;
    border-radius: 50%;
    width: 50px;
    height: 50px;
	margin-right: .5rem;
}
#connecting .social-share-block .social a:hover {background: #12A7E0;color: #FFFFFF;}
#connecting .social-share-block .social a i.fa-brands, #connecting .social-share-block .social a i.fa-solid {font-size: 2rem;}


#improvement h2, #coast h2 {color: #154888;}
#improvement .image {
	background-image: url("https://www.flywichita.com/wp-content/uploads/2023/08/DC-photo-1-800x442-1.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
}

#schedule {background: #154888;}
#schedule p {font-size: 24px;margin-bottom: 0;}
#schedule p span {color: #12A7E0;margin-right: .5rem;margin-left: .5rem;}
#schedule .stars {position: relative;}
#schedule .stars:before, #schedule .stars:after {content: '';background-image: url("https://www.flywichita.com/wp-content/uploads/2023/08/stars-graphic.svg");width: 100%;height: 25%;position: absolute;transform: translateY(-50%);background-repeat: no-repeat;}
#schedule .stars:before {left: 15%;top: -15%;}
#schedule .stars:after {right: -15%;top: 115%;}

#monumental .image {
	background-image: url("https://www.flywichita.com/wp-content/uploads/2023/08/DC-photo-3-800x442-1.jpg");
	background-size: cover;
	background-position: center;
	height: 100%;
}

#coast {background: #12A7E0;}
#coast p {margin-bottom: 0;}
#coast .image {
	background-image: url("https://www.flywichita.com/wp-content/uploads/2023/08/DC-photo-2-800x442-1.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
}

#aaLogo .container {
    border-bottom: 1px solid var(--cyan);
}


@media only screen and (max-width:576px) {
	#connecting {padding-top: 0!important;}
	#connecting .col-lg-6:nth-of-type(1) {margin-top: 0!important;}
	#connecting h2.d-block {margin-top: -2rem;}
	#connecting h2:not(.d-block) {display:none;}
	.page-id-25008 .row {padding-right: calc(var(--bs-gutter-x)/ 1.5);
    padding-left: calc(var(--bs-gutter-x)/ 1.5);}
	.page-id-25008 ul li {padding-bottom: .5rem;}
	#schedule .stars .schedule-cont p {text-align: center;}
	
	#schedule .schedule-cont p.mb-3 {position: relative;}
	#schedule .schedule-cont p.mb-3:after {
		content: "";
		position: absolute;
		left: 15%;
		top: 115%; 
		width: 70%;
		height: 3px; 
		background: #12A7E0; 
		transform: translateY(-50%); 
	}
}
@media only screen and (max-width:768px) {
	#improvement .col-lg-6:not(.right-half), #monumental .col-lg-6:not(.right-half), #coast .col-lg-6:not(.right-half) {padding-top: 1rem!important;}
	#schedule {padding-top: 7rem!important;padding-bottom: 7rem!important;}
	#coast .half-fluid .right-half, #improvement .half-fluid .right-half, #monumental .half-fluid .right-half {
		position: static!important;
       	height: 350px; 
		margin-left: 0;
    }
	#coast .image, #improvement .image, #monumental .image {height: 200px;width: 110%;margin-left: -2rem;}
	#connecting .social-block, #schedule p span {display: none;}
}
@media only screen and (min-width:992px) {
	#connecting .col-lg-6:nth-of-type(2) {padding-left: 8%;padding-right: 8%;}
	#connecting .col-lg-6:nth-of-type(2) p:last-of-type img {width: 70%;padding-top: 1rem;}
	#schedule {padding-top: 2rem!important;}
	#schedule .copy-block.stars {display: flex;justify-content: center;}
	#schedule .stars:before, #schedule .stars:after {top: 50%;height: 30%;}
	#schedule .stars:after {right: -73%;}
	#improvement .col-lg-6:not(.right-half), #coast .col-lg-6:not(.right-half) {padding-right: 5rem!important;}
	#monumental .col-lg-6:not(.right-half) {padding-right: 0!important;padding-left: 3rem;}
	#monumental .col-lg-6:not(.right-half) ul {margin-left: 7%;margin-right: 7%;}
	#improvement .col-lg-6:not(.right-half) p, #coast .col-lg-6:not(.right-half) p, #coast .col-lg-6:not(.right-half) ul {padding-right: 7%;padding-left: 7%;}
	#schedule br, #improvement br, #coast br {display: none;}
	#coast .col-lg-6:not(.right-half) ul {margin-left: 1rem;}
	
	#monumental .half-fluid .right-half {padding-left: 0 !important; position: absolute!important;left: 0; right: auto; 
    width: 50%;}
	#monumental .half-fluid .col-lg-6:not(.right-half) {z-index: 1;margin-left: 50%;}
	#monumental .mobile-br {display: none;}
}
@media only screen and (min-width:1300px) {
	header img:first-child {max-height: 1500px;}
}
@media only screen and (min-width:1400px) {
	#connecting .col-lg-6:nth-of-type(2) {padding-right: 9%;}
	#improvement .col-lg-6:not(.right-half).py-lg-5, #monumental .col-lg-6:not(.right-half).py-lg-5, #coast .col-lg-6:not(.right-half).py-lg-5 {padding-top: 4rem!important;padding-bottom: 4rem!important;}
}
@media only screen and (min-width:1600px) {
	#improvement .col-lg-6:not(.right-half).py-lg-5, #monumental .col-lg-6:not(.right-half).py-lg-5, #coast .col-lg-6:not(.right-half).py-lg-5 {padding-top: 5rem!important;padding-bottom: 5rem!important;}
}
@media only screen and (min-width:1800px) {
	#improvement .col-lg-6:not(.right-half).py-lg-5, #monumental .col-lg-6:not(.right-half).py-lg-5, #coast .col-lg-6:not(.right-half).py-lg-5 {padding-top: 6rem!important;padding-bottom: 6rem!important;}
}
@media only screen and (min-width:2000px) {
	#improvement .col-lg-6:not(.right-half).py-lg-5, #monumental .col-lg-6:not(.right-half).py-lg-5, #coast .col-lg-6:not(.right-half).py-lg-5 {padding-top: 7rem!important;padding-bottom: 7rem!important;}
}


/*--------------------------------------------------------------
# Bottom Includes
--------------------------------------------------------------*/
/* Call to Action */
#cta {background: #b1c4d2;color: var(--white);position: relative;}
	#cta:before {content: "";background-color: var(--darkblue);height: 50%;width: 100vw;position: absolute;z-index: 9;}
	#cta .container {z-index: 99;position: relative;}
		#cta h4 {margin-bottom: 1rem;}
		#cta .btn.lt {margin-right: 10px;}

@media only screen and (min-width:576px) {
	#cta:before {height: 100%;width: 48vw;}
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer.footer {background: var(--white);color:var(--black);padding: 2em 0 4em 0;}
	footer.footer a {color: var(--cyan);}
		footer.footer a:hover {color: var(--darkblue);}
			footer.footer a.nav-link {font-size: 1.25em;}
	.foot-nav ul {list-style: none;-webkit-padding-start: 0;}
	.phone {font-size: 1.5em;margin-top:1em;margin-bottom: 1em;}
	.social h4 {color: var(--darkblue);font-size: 16px;text-align: left;font-weight: bold;}	.social a {padding-left: 5px;padding-right: 5px;}
		.social .fa-brands, .social .fab {font-size: 2.5rem;}

#siteinfo {font-size: 0.8em;line-height: 1.4375em;}
	#siteinfo p {margin-bottom: 0;}

footer .nav-item {position: relative;}
footer ul .nav-item:not(:last-child):after {content: '';position: absolute;top: 23%;right: 0;border-right: 2px solid var(--cyan);height: 50%;}


@media only screen and (min-width:1200px) {
	.main-foot .row {align-items: flex-end;}
		#footer-nav ul>li {display: inline-block;}
}
