::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
    -webkit-overflow-scrolling: touch;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
html,body { background-color:#000; }
.button { padding:5px 10px; text-decoration:none; border:1px solid #000000; color:#000000; margin:15px 10px; display:inline-block;  }
#buffer { clear:both; }
div.foundations_form { width:100%; margin:0 auto; }
div.foundations_form div.short { width:50%; float:left; margin-bottom:10px; }
div.foundations_form div.label { padding-bottom:5px; }
div.foundations_form div.textarea.long { width:100%; }
div.foundations_form input, div.foundations_form textarea, div.foundations_form select { border-radius:5px; padding:15px; width:calc(100% - 50px); margin-right:10px; border:1px solid #000000; }
div.foundations_form div.t-field textarea { height:75px; }
div.foundations_form select {height:48px; width:calc(100% - 20px); }
div.foundations_form input.submit { width:calc(100% - 20px); background-color:#0d0969; color:#ffffff; margin-top:15px; }
div.foundations_form input.submit:hover { background-color:#b4e1a0; color:#000000; }
#fieldContactRequestEmailAddress-1603279702,#fieldContactRequestMessage-1603279702 { clear:both; display:block; }
.clear { float:none; clear:both; }
a { color:#0d0969; }
.content-block ul { padding-left:0; }
.content-block ul li { list-style-type:none; }
ul li a { xborder:1px solid #0d0969; background-color:#0d0969; color:#fff; text-decoration: none; padding:5px 15px; float:left; margin:0 25px 15px 0; display:block; transition: all 0.25s; }
ul li a:hover { background-color:#fcfe1a; color:#111; }
div#header {
  width:100%;
  position: fixed;
  z-index:9999;
  top:0;
  left:0;
  background-color:#ffffff;
}
#header .logo { float:left; display:inline-block; padding-top:5px; }
#header .right { float:right; margin-top:12px; margin-right:30px; font-weight:bold; }
#header .right div { float:left; margin-left:15px; }
#header .right div.category-VFR { color:#00ee00; }
#header .right div.category-MVFR { color:#0000ff; }
#header .right div.category-LIFR { color:#ff00ff; }
#header .right div.category-IFR { color:#ff0000; }
#foundationsDomainTools { opacity:0.1; }
main.wrapper {
  margin-top:75px;
  clear:both;
  width:100%;
  overflow:hidden;
}

/* Typography imported from Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display|Source+Sans+Pro:200,400');

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
}

p, a {
  font-family: 'Source Sans Pro', sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  margin:0;
}

.hero {
  position:relative;
  xheight:100vh;
  width:100vw;
  xpadding: 50vh 5% 5% 5%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}
.hero.hidden { display:none; }
.hero.about,.hero.rates,.hero.contact {
  padding: 50vh 5% 5% 5%;
}
.hero > * {
  color: white;
}
.hero.weather {
    background-color:#ffffff;
}
.hero.weather .content-block {
    width:calc(100% - 50px);
    margin:0 auto;
}
.hero .content-block table {
  width:100%;
  max-width:400px;
}
.hero .content-block {
  xposition:absolute;
  xheight:calc(90% - 50px);
  xheight:fit-content;
  xmin-height:100vh;

  width:calc(90% - 50px);
  top:0px;
  left:5%;
  padding:25px;
  xbackground-color:rgba(255,255,255,0.5);
}
.hero.about .content-block,
.hero.contact .content-block,
.hero.weather .content-block,
.hero.rates .content-block {
  background-color:rgba(255,255,255,0.8);
  height:fit-content;
  color:#111;
}
.hero.airplane .content-block {
  left:5%;
  width:calc(90% - 50px);
  height:fit-content;
  color:#111;
  margin:0 auto;
}


.hero.about { 
  background-image: url('/uploads/n935wt-7.jpg');
}
.hero.airplane {
  background-image: url(/uploads/bg-schematic.jpg);
  background-attachment: fixed;
  background-color:#fff;
  background-color:initial;
  color:#111;
  xheight:92vh;
}
/* solid color */
.hero.rates {
  background-image: url('/uploads/n935wt-8.jpg');
  xheight: 150vh;
}
/* stone background */
.hero.rules {
  background-color: #111;
  color:#ffffff;
}
/* inspiring background */
.hero.contact {
  background-image: url('/uploads/n935wt-4.jpg');
  xbackground-attachment: scroll;
  xheight:200vh;
}
.hero.contact .content-block {
  background-color:rgba(255,255,255,0.5);
  padding-bottom:25px;
}

.hero.airplane > * {
  color: #111;
}
.hero > h1 {
  font-size: 4rem;
  padding-bottom: 1rem;
}

.hero > article > p {
  font-size: 1.5rem;
  font-weight: 200;
}

.hero > article > a {
  padding: 1rem;
  margin-top: .75rem;
}

/* footer */
footer {
  xbackground-color: #0d0969;
  background-color:#000;
  padding: .5rem;
  color: white;
  text-align: center;
  font-size: .75rem;
}
div.half {
  width:47.5%;
  display:block;
  float:left;
}


@media all and (max-width: 900px) {
  .hero.about { xheight:90vh; }
  .hero.airplane { xheight: 115vh; }
}
@media all and (max-width: 700px) {
  .hero.about { xheight:150vh; }
  .hero.airplane { xheight: 180vh; }
}
@media all and (max-width: 600px) {
  div.half { width:100%; }
  .hero.about { xheight:170vh; }
  .hero.airplane { xheight: 230vh; }
}
@media all and (max-width: 400px) {
  .hero.about { xheight:190vh; }
  .hero.airplane { xheight: 300vh; }
}

@media print {
  #copyright, #top-nav { display:none; }
}