/*
  Theme Name: Ledcor
  Theme URI: http://www.ledor.ca
  Author: Claire Ryan (Tech) / Fay-Lisa Jensen (Design)
  Author URI: http://www.creativepace.ca
  Description: Theme designed for Ledcor | compatible with WP 3.4+ | Requires use of Breadcrumbs NavXT for breadcrumbs functionality
  Version: 1.0
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain: ledcor
*/
/* Custom css stylesheet for Ledcor: SummitAir site.
// Written by fay-lisa for Pace Creative
// comments should be pretty obvious, so you'll know what most everything is doing.
*/
/* Table of Contents
==================================================
  ~ reset and re-styling of basics
    ~ body + paragraph elements (em, strong, italic)
    ~ blockquotes
    ~ list elements
    ~ responsive image setup
  ~ re-usable styles (used in multiple places sitewide)
    ~ floats
    ~ hr
    ~ form elements, submit button
    ~ general link styles
    ~ titles, typography
  ~ structural elements
    ~ logo
                ~ generic page outline
                ~ breadcrumb menu
                ~ main menu

                ~footer elements


  ~ Media queries

*/
/*  Reset and re-styling of basics (Inspired by E. Meyers)
--------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Body + paragraph elements
--------------------------------------------- */
body {
	background: #ffffff url(images/new_background_texture.png);
	font: 13px/1.5em 'SumDIN', Helvetica, Arial, sans-serif;
	color: #000;
	line-height: 24px;
	position: relative;
}

.alert-box {
	background: #ffdd00;
	padding: 10px;
	text-align: center;
}

p {
	margin: 15px 0 25px 0;
	font-family: Arial, sans-serif;
	line-height: 19px;
	font-size: 16px;
}

p img {
	margin: 0;
}

p.lead {
	font-size: 21px;
	line-height: 27px;
	color: #777;
}

em {
	font-style: italic;
}

strong,
.strong {
	font-weight: bold;
}

small {
	font-size: 80%;
}

/* margins, general padding */
.m-top {
	margin: 25px 0;
}

.p-top {
	padding-top: 25px;
}

.p-blog {
	padding: 6px 14px;
	border-bottom: 1px solid #ccc;
}

.p-blog p {
	font-size: 13px;
}

/* used on the slider captions */
.m-slide {
	margin: 12px 0 0 0;
}

/*  Blockquotes
--------------------------------------------- */
blockquote,
blockquote p {
	font-size: 17px;
	line-height: 24px;
	color: #777;
	font-style: italic;
}

blockquote {
	margin: 0 0 20px;
	padding: 9px 20px 0 19px;
	border-left: 1px solid #ddd;
}

blockquote cite {
	display: block;
	font-size: 12px;
	color: #555;
}

blockquote cite:before {
	content: '\2014 \0020';
}

blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
	color: #555;
}

/*  Lists. mostly for use in posts in most cms'
--------------------------------------------- */
ul,
ol {
	margin-bottom: 20px;
}

ul {
	list-style: none outside;
}

ol {
	list-style: decimal;
}

ol,
ul.square,
ul.circle,
ul.disc {
	margin-left: 30px;
}

ul.square {
	list-style: square outside;
}

ul.circle {
	list-style: circle outside;
}

ul.disc {
	list-style: disc outside;
	margin-bottom: 34px;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin: 4px 0 5px 30px;
	font-size: 90%;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
	margin-bottom: 6px;
}

li {
	line-height: 18px;
	margin-bottom: 8px;
}

li p {
	line-height: 21px;
}

/*  For responsive images
--------------------------------------------- */
/* making sure they resize in smaller + larger viewports */
img.scale-with-grid,
img {
	max-width: 100%;
	height: auto;
}

/* floats
--------------------------------------------- */
.floatright,
.altright {
	float: right;
}

.floatleft,
.altleft {
	float: left;
}

.txt-right {
	text-align: right;
}

.txt-left {
	text-align: left;
}

hr {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 30px;
	height: 0;
}

/* ~ Form elements, buttons, fields
--------------------------------------------- */
/* spacing for the form, and fieldset */
form {
	margin-bottom: 20px;
}

fieldset {
	margin-bottom: 20px;
}

/*  styling the input fields  */
input[type='text'],
input[type='password'],
input[type='email'],
textarea,
select {
	border: 1px solid #e0e0df;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font: 13px Helvetica, Arial, sans-serif;
	color: #777;
	margin: 0;
	max-width: 100%;
	display: block;
	margin-bottom: 5px;
	background: #fff;
}

/* styling the focused state of above input fields */
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
textarea:focus {
	border: 1px solid #aaa;
	color: #444;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

/* the label style */
label,
legend {
	display: block;
	font-weight: bold;
	font-size: 13px;
}

/* select...obvious, i know. I'm sorry */
select {
	width: 220px;
}

/* positioning of the checkboxes */
input[type='checkbox'] {
	display: inline;
}

/*  General link styles
--------------------------------------------- */
a,
a:visited {
	color: #009ddc;
	text-decoration: none;
	outline: 0;
}

a:hover,
a:focus {
	color: #000;
	text-decoration: underline;
}

/* attached to the a-tag to make an image link fade on hover */
.f-hover:hover,
.social a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	/* For IE8 and earlier */
}

/* button, taken directly from the old css */
.blue-button,
a.blue-button,
.wpcf7-submit {
	background: #007592;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(
		linear,
		0% 0%,
		0% 100%,
		from(#007592),
		to(#009fd0)
	);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #009fd0, #007592);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #009fd0, #007592);
	/* IE 10 */
	background: -ms-linear-gradient(top, #009fd0, #007592);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #009fd0, #007592);
	border: 0 solid #2ea100;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 0 rgba(255, 255, 255, 0.9) inset;
	color: #ffffff !important;
	font-size: 14px;
	padding: 10px 20px;
	text-shadow: 0 0 0 transparent, 0 0 0 rgba(255, 255, 255, 0);
}

.blue-button:hover,
.wpcf7-submit:hover,
a.blue-button:hover {
	background: #007592;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(
		linear,
		0% 0%,
		0% 100%,
		from(#009fd0),
		to(#007592)
	);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #007592, #009fd0);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #007592, #009fd0);
	/* IE 10 */
	background: -ms-linear-gradient(top, #007592, #009fd0);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #007592, #009fd0);
	text-decoration: none;
}

/* grey button */
.grey-button,
a.grey-button {
	background: #e5e5e5;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(
		linear,
		0% 0%,
		0% 100%,
		from(#a6a6a6),
		to(#e5e5e5)
	);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #e5e5e5, #a6a6a6);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #e5e5e5, #a6a6a6);
	/* IE 10 */
	background: -ms-linear-gradient(top, #e5e5e5, #a6a6a6);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #e5e5e5, #a6a6a6);
	border: 0 solid #000000;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 0 rgba(255, 255, 255, 0.9) inset;
	color: #000;
	font-size: 14px;
	padding: 10px 20px;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.3);
	text-transform: uppercase;
}

.grey-button:hover,
a.grey-button:hover {
	background: #e5e5e5;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(
		linear,
		0% 0%,
		0% 100%,
		from(#e5e5e5),
		to(#a6a6a6)
	);
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #a6a6a6, #e5e5e5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #a6a6a6, #e5e5e5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #a6a6a6, #e5e5e5);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #a6a6a6, #e5e5e5);
	text-decoration: none;
}

/*  Titles, typography
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000;
	font-weight: 300;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit;
}

/* sets up the differing margins and line-heights*/
h1 {
	font-family: 'SumDINBold', Helvetica, Arial, sans-serif;
	font-size: 32px;
	line-height: 35px;
	text-transform: uppercase;
	padding: 0 0 34px 20px;
}

.featured-img h2 {
	padding: 20px 0 5px 14px;
}

.featured-img h5 {
	padding: 0 0 14px 14px;
}

/* taken from home page h2 */
h2 {
	font-family: 'SumDINBold', Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

/* for home page trio of box titles */
.blue-bkg h2 {
	color: #fff;
	background: url(images/dk-blue-bkg.png);
	padding: 10px 2px 10px 10px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 0;
}

/* for services section home page, changing title color */
.services-box h2,
.services-box h5 {
	color: #fff;
	line-height: 28px;
}

/* taken from home page h3 */
h3 {
	font-size: 20px;
	line-height: 28px;
	margin: 15px 0;
}

/* changes for the slider h3, getting rid of the margin */
#rev_slider_1_1 h3 {
	font-family: 'SumDINBold', Helvetica, Arial, sans-serif;
	margin: 0;
	font-size: 23px;
	font-weight: bold;
	text-transform: uppercase;
}

/* for the related-boxes area */
h4 {
	font-size: 20px;
	line-height: 28px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

/* for blog sub titles on home page, blog page, text on home page */
h5 {
	font-size: 18px;
	line-height: 28px;
}

.news-snippet h5 {
	font-family: 'SumDINBold', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
}

/* date for blog feed */
.smaller {
	font-size: 12px;
}

/*  Structural elements
--------------------------------------------- */
/* new header layout */
.page-outline {
	padding-bottom: 1px;
}

.head-bkg {
	background: #fff;
}

/* logo positioning */
.logo {
	padding: 15px 0 10px 15px;
	display: block;
}

/* right floated section with contact info and call to action */
.head-call {
	text-align: right;
	line-height: 17px;
	color: #034b66;
	font-size: 16px;
	margin-top: 20px;
	padding: 0 20px 0 0;
}

.button-heli {
	color: #009ddc;
	line-height: 17px;
	padding: 20px 13px 0 20px;
	border-left: 1px solid #009ddc;
}

/* generic page elements */
.page-outline {
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	background: #fff;
}

/* used on right side of site's content, to set up the line */
.border-left {
	border-left: 1px solid #cfcfcf;
}

/* sets up padding for internal elements on alt pages */
.right-box-pad p,
.main-pad {
	padding: 0 14px;
}

/* makes sure the client can put lists in the main text area, and show up properly */
.right-box-pad ul,
.main-pad ul {
	list-style: outside disc;
	font-size: 16px;
	margin-left: 34px;
}

.right-box-pad h4 {
	text-transform: none;
	font-size: 18px;
}

/* sets up the ul for the breadcrumbs */
ul.breadcrumbs {
	margin: 40px 0 10px 20px;
}

/* gives the li's the arrow bkg */
ul.breadcrumbs li {
	display: block;
	float: left;
	padding: 0 4px 0 12px;
	background: url(images/bread-arrow.jpg) left no-repeat;
}

/* takes the arrow off the first link */
ul.breadcrumbs li:first-child {
	background: none;
}

/* will change when wp shoves it's 'active' state in */
ul.breadcrumbs li a.active {
	color: #000;
}

/* image that appears on most pages. old site used 'featured image' for this */
.featured-img {
	border-top: 1px solid #cfcfcf;
}

/* note to me: the content is all in arial: for now, this is up top in the paragraph element. maybe i don't need to change it. not sure yet */
/* home page slider holder image */
.slider-holder {
	/*background: url(images/plane-for-slider-4.jpg) center no-repeat;*/
	/* height: 640px;*/
	min-width: 100%;
}

#led-slider {
	background: url(images/plane-for-slider-4.jpg) center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 700px;
	min-width: 100%;
}

#led-slider img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

/* because the original has a faded image at the bottom of the slider
.fade {
    background: url(images/shadow-sprite-top.png) bottom repeat-x;
} */
/* home page trio of boxes, sits within the slider div */
.blue-bkg {
	background: url(images/lt-blue-bkg.png);
	color: #fff;
}

/* link hover events for links within the boxes */
.blue-bkg a:hover {
	color: #fff;
}

.blue-line {
	border-right: 1px solid #fff;
}

/* positions the blue boxes on the home page, so they appear to sit within the slider itself. z-index here, but NOT on the slider itself, allows them to show up, and the slider to still remain clickable */
.neg-margin {
	position: absolute;
	margin-top: -188px;
	margin-bottom: 50px;
	width: 100%;
	z-index: 9999;
}

.blue-bkg p {
	padding: 5px 10px;
	font-size: 14px;
	margin: 0;
	line-height: 20px;
}

/* corrects the padding for the 'learn more' text link */
p.safety-pad {
	margin-top: 20px;
}

.box-arrow {
	padding: 4px;
}

/* section two of home page, below the slider */
.section-two {
	clear: both;
	margin: 60px auto 10px;
}

.section-two p {
	padding: 10px 0;
	margin: 0;
	font-size: 14px;
}

.simple-link {
	font-size: 12px;
}

/* adds space and the bottom border on both news section, and videos on home page */
.news-snippet {
	/* border-bottom: 1px solid #bfbfbf;*/
	padding-bottom: 15px;
}

/* sets up the border for the video section on home page */
.border-l {
	border-left: 1px solid #bfbfbf;
	/* border-right: 1px solid #bfbfbf; */
	padding: 0 10px 40px 20px;
}

/* sets up the slight padding on the twitter feed. added after done coding the second time */
.twitter-pad {
	padding-left: 20px;
}

/* section three, home page (children's heading) */
.section-three {
	background: #000 url(images/grey-pat-bkg.png);
	width: 100%;
	padding: 100px 0;
}

/* section four, home page (how can we help you heading) */
.section-four {
	background: url(images/services-bkg.jpg) center top no-repeat;
	width: 100%;
	padding: 50px 0;
}

/* semi transparent box on home page, services section */
.services-box {
	background: url(images/service-trans.png);
	padding: 25px;
	color: #fff;
}

/* section five, home page (where do you want to go heading) */
.section-five {
	/*width: 100%;*/
	padding: 100px 0;
}

/* sets up the styles for the forms sitewide */
.book_table,
.contact_us_table {
	float: left;
	padding: 5px 20px 5px 0;
	width: 320px;
}

.book_standard {
	height: 25px;
	line-height: 1em;
	width: 300px;
}

#book_depart,
#book_return {
	border: 1px solid #e0e0df;
}

#book_aircraft,
#book_config {
	height: 35px;
	/*width: 315px;*/
}

#book_depart,
#book_return {
	border-radius: 5px 5px 5px 5px;
	height: 25px;
	/*width: 300px;*/
	padding: 5px;
}

#book_details_outer,
textarea {
	width: 99%;
	clear: both;
}

form {
	font-size: 16px;
}

/* forces the slider back a bit, so the boxes can then be pulled over it */
#rev_slider_1_1,
#rev_slider_1_1_wrapper {
	z-index: 1;
}

/* Menu elements
--------------------------------------------- */
/* sets up the menu icon that appears on mobile */
.menu-icon {
	display: none;
}

.mobile-link {
	display: none !important;
}

.nav-container {
	background: #009ddc;
}

.hor-nav {
	margin-bottom: 0;
}

.hor-nav li {
	margin: 0;
	position: relative;
	display: block;
	float: left;
}

.hor-nav li a {
	display: block;
	color: #fff;
	padding: 14px 10px;
	text-transform: uppercase;
	/* white-space: nowrap; */
}

.hor-nav li a:hover,
.hor-nav li:hover a {
	background: #fff;
	text-decoration: none;
	color: #009ddc;
}

/* builds the 'drop down' */
.nav-container ul ul {
	position: absolute;
	top: -99999px;
	opacity: 0;
	/* Hide sub level */
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	z-index: 497;
	background: #fff;
	padding: 2px;
	border-bottom: 1px solid #d6d3be;
	width: 100%;	
}

.nav-container ul li:hover > ul {
	opacity: 1;
	position: absolute;
	top: 40px;
	left: -30px;
	box-shadow: 3px 3px 3px #565656;
}

.nav-container ul ul li a {
	color: #009ddc;
	padding: 4px 10px;
}

.nav-container ul ul li a:hover {
	text-decoration: underline;
}

.hor-nav img {
	display: inline;
}

/* sets up the social media icons that sit directly below the menu */
.social {
	padding: 12px 14px 0;
	text-align: right;
}

/* sets up the active state of the parent menu items */
.nav-container .current-menu-item a,
.nav-container .current_page_item a,
.nav-container .current_page_ancestor a {
	background: #fff;
	color: #009ddc;
}

/* changes the behavior and position of the flyout menu on active pages */
.sub-menu li.current-menu-item a,
.sub-menu li.current_page_item a,
.sub-menu li.current_page_ancestor a {
	text-decoration: underline;
}

/* related posts area
---------------------------------------------*/
.related-posts-bkg {
	background: url(images/related-bkg.png);
	border-top: 1px solid #d6d3be;
}

.related-box li {
	background: #fff;
	border-right: 1px solid #d6d3be;
	border-bottom: 1px solid #d6d3be;
	padding: 13px;
	min-height: 350px;
	max-height: 400px;
	margin-bottom: 0;
}

.related-box li:last-child {
	border-right: 0;
}

.read-more {
	padding-top: 15px;
	text-align: right;
}

/* blog list page */
.blog-list {
	border-top: 1px solid #d6d3be;
	border-bottom: 1px solid #d6d3be;
}

.blog-list p {
	font-size: 13px;
}

/* Footer elements
--------------------------------------------- */
.footer-bkg {
	background: #000 url(images/footer-bkg.png);
	padding: 20px 0 50px;
	color: #fff;
}

.footer-bkg .container {
	/*width: 100%;*/
}

.footer-menu li a {
	color: #fff;
	text-transform: uppercase;
	display: block;
}

.footer-menu li a:hover {
	color: #009ddc;
	text-decoration: none;
}

.footer-bkg a:hover {
	color: #fff;
}

/* second footer elements */
.lower-footer {
	background: #000 url(images/lower-footer-bkg.png);
	color: #565656;
	padding: 5px 0;
}

/* sets up the video's width and height */
.video-w {
	padding-left: 30px;
}

/**
* START OF CHARLES'S EDITS --- charles, please note that any changes to full width elements MUST go before the media queries, else they over-write any responsive styles. thanks!
*/
.bc-parent {
	margin: 5px 20px 10px !important;
}

.related-posts-bkg {
	background-image: none;
	background-color: white;
	border-top: 1px solid #d6d3be;
}

.related-box li:last-child {
	border-right: 1px solid #d6d3be;
}

.compass-img {
	margin-left: 50px;
}

/**
 * END OF CHARLES'S EDITS
 */
/*  Media queries: customized
--------------------------------------------- */
/*  #Desktop
  Note: Design for a min-width of 1200px
--------------------------------------------- */
@media only screen and (min-width: 1200px) {
	.map-img {
		margin-left: 1.85rem;
	}
}
/*  #Tablet (Portrait)
  Note: Design for a width of 768px
--------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* changes the padding on titles, to bring up the pic below it */
	h1 {
		padding: 0 0 34px 30px;
	}

	/* corrects the padding for the 'learn more' text link */
	p.safety-pad {
		margin-top: 0px;
	}

	.blog-list p {
		font-size: 13px;
		line-height: 16px;
		margin-bottom: 14px;
		margin-top: 5px;
	}

	.related-box li p {
		font-size: 12px;
	}

	h4 {
		font-size: 16px;
	}

	.button-heli {
		padding: 5px 0 0 20px;
		margin-bottom: 0;
	}

	.hor-nav li a {
		padding: 14px 5px;
	}

	.social {
		padding: 12px 5px;
	}

	/* adjusts the margin on the trio of home page boxes */
	.neg-margin {
		margin-top: -200px;
	}

	/* changes the video container's padding on home page */
	.video-w {
		padding-left: 0px;
	}
}
.footer-bkg {
	padding: 20px 14px;
}

/* Request a quote form */
.contact-form_responsive .contact_us_table {
	/*width: 100%;*/
}
.contact-form_responsive input {
	/*display: inline-block;*/
	width: 280px;
}

.quote-form_responsive .book_table {
	/*width: 283px;*/
}
.quote-form_responsive .book_table input {
	width: 283px;
}
.quote-form_responsive select[name^='Aircraft'],
.quote-form_responsive select[name^='Configuration'] {
	width: 294px;
}

/* end of Request a quote form */
/*  #Mobile (Portrait)
  Note: Design for a width of 320px; done first as the landscape will inherit it all with minor tweaks
--------------------------------------------- */
@media only screen and (min-width: 768px) {
	#contact_enquiry textarea {
		width: 99%;
	}
}

.slider-mobile-img {
	display: none;
}

@media only screen and (max-width: 767px) {
	/*.contact-form_responsive {
    .contact_us_table {
      width: 100%;
    }

    input {
      width: 280px;
    }
  }*/
	/*.quote-form_responsive {
    .book_table{

      input {
        width: 283px;
      }

    }
    select[name^=Aircraft],
    select[name^=Configuration]{
        width: 294px;
    }

  }*/

	.rev_slider_wrapper {
		display: none !important;
	}

	.slider-mobile-img {
		display: block;
	}

	/* News section */
	.p-blog p {
		padding-left: 0;
	}
	.p-blog .news_date {
		float: none;
	}
	.p-blog .read_more-link {
		float: none;
	}

	/* #News section */
	#contact_send input {
		width: 100%;
	}

	.related-box li {
		border-right: none;
		min-height: inherit;
		max-height: inherit;
		margin-bottom: 0;
		border-bottom: 1px solid #d6d3be;
	}

	.four-responsive {
		width: 100%;
		margin-left: 0;
		/*text-align: center;*/
	}

	.news-section {
		padding-left: 12px;
	}

	.border-left {
		border: none;
	}

	.logo {
		text-align: center;
	}

	ul.breadcrumbs {
		margin: 0 0 5px 20px;
	}

	.txt-right {
		text-align: left;
	}

	.footer-bkg {
		padding: 20px 16px;
	}

	.lower-footer {
		padding: 0 20px;
	}

	/* gives the footer content some separation */
	.footer-bkg .seven.columns {
		margin-bottom: 10px;
	}

	/* gives the menu some space beneath */
	.border-l {
		border-left: 0;
		padding: 0;
		border-right: 0;
	}

	.news-snippet .one-third,
	.news-snippet h2 {
		text-align: center;
	}

	.section-five {
		padding: 30px 12px;
	}

	.section-two,
	.section-three,
	.section-four {
		padding: 30px 0;
	}

	.compass-m {
		display: none;
	}

	/* changes padding on the home page trio of boxes */
	.blue-bkg {
		margin-top: 20px;
	}

	/* sets up the video's width and height */
	.video-w {
		padding-left: 10px;
	}

	/* changes twitter alignment on home page */
	.twitter-pad {
		padding: 0;
		text-align: center;
	}

	h1 {
		padding-bottom: 20px;
	}

	ul.breadcrumbs {
		margin-top: 20px;
	}

	.neg-margin {
		margin-top: 0px;
		position: relative;
	}

	#rev_slider_1_1,
	#rev_slider_1_1_wrapper {
		display: none;
	}

	.logo {
		padding: 10px 0;
	}

	/* repositions the top contact info. */
	.head-call {
		padding: 0;
		float: left;
		text-align: center;
	}

	.m-width {
		float: right;
	}

	.button-heli {
		border: 0;
	}

	/* adds padding to the latest news section on the home page */
	.news-col.column {
		padding-left: 20px;
	}

	.section-two {
		padding-top: 0;
	}

	/* sets up the video's width and height */
	.video-w {
		padding-left: 0px;
	}

	/* changes to the menu */
	.menu-icon {
		display: block;
		color: #fff;
		font-size: 18px;
		text-align: center;
	}

	.mobile-link {
		display: inline-block !important;
	}

	.social {
		float: right;
		padding-top: 3px;
	}

	/* the display:none has to be here to initially hide the menu. the jquery takes care of showing it when clicked */
	.hor-nav {
		display: none;
		z-index: 9999;
	}

	.m-clear {
		clear: both;
	}

	/* restructures the menu for mobile */
	.nav-container ul li {
		display: block;
		float: left;
		position: relative;
		width: 100%;
	}

	.nav-container ul li a {
		display: block;
		padding: 7px 12px;
	}

	.nav-container ul ul {
		position: relative;
		display: none;
		/* hides the sub menus, to make the menu navigable in mobile */
		opacity: 1;
		/* reveals sub level */
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		margin: 0;
	}

	.nav-container ul ul li a {
		padding-left: 25px;
		color: #fff;
	}

	.nav-container ul ul ul {
		position: relative;
		top: 0;
		margin-left: 24px;
		opacity: 1;
		-webkit-transition: none;
		/* Hide sub levels */
		-moz-transition: none;
		-o-transition: none;
		border: none;
	}

	ul.sub-menu.active {
		display: block;
		opacity: 1;
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		padding-top: 0;
		background: #fff;
		color: #009ddc;
		box-shadow: none !important;
	}

	ul.sub-menu.active a {
		color: #009ddc !important;
	}

	ul.sub-menu.active:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: ' ';
		clear: both;
		height: 0;
	}

	.blue-width {
		width: 300px;
		text-align: center;
	}

	.container .one.column {
		padding-bottom: 10px;
		border-bottom: 10px solid #eeeeee;
		/* to mimic a space between the columns */
	}

	.section-two {
		margin: 10px auto;
	}
}
/*  #Mobile (Landscape)
  Note: Design for a width of 480px
--------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.head-call {
		padding: 28px 5px 0;
		float: left;
		width: 160px !important;
		font-size: 13px;
		text-align: left;
	}

	.m-width {
		width: 250px !important;
		float: right;
	}

	.blue-width {
		width: 420px;
	}
}

/*# sourceMappingURL=style.css.map */


/* Homepage Slider added March 2025  */
.soliloquy-container .soliloquy-caption {
	background-color: rgba(255, 255, 255, 0.85) !important;
}

.soliloquy-container .soliloquy-caption-inside {
	color: black !important;
	font-size: 15px !important;
	line-height: 21px !important;
	text-shadow: none !important;
	display: flex !important;
	flex-direction: column !important;
/* 	gap: 5px !important; */
}

.soliloquy-container .slider-title {
	text-transform: uppercase;
	margin-bottom: -10px !important;
	margin-top: -2px !important;
}

@media screen and (min-width: 769px){
	.soliloquy-container .soliloquy-caption {
		width: 300px !important;
		padding-bottom: 0 !important;
		position: relative;
		padding: 0.75rem;
		top: 10px;
		left: 10px !important;
		bottom: unset !important;
	}
	
	.soliloquy-container .soliloquy-controls-direction .soliloquy-next,
 	.soliloquy-container .soliloquy-controls-direction .soliloquy-prev {
		bottom: 0 !important;
		top: unset !important;
	}
	
	.soliloquy-container .soliloquy-pager {
		display: none !important;	
	}
	
	.soliloquy-container .soliloquy-caption-inside {
		padding-bottom: 0 !important;
		text-align: left !important;
	}
	
	.soliloquy-container .blue-button {
		text-transform: uppercase;
		position: relative;
		top: 16px;
		width: fit-content;
	}

}