@charset "UTF-8";
/* CSS Document */

html, body {
  height: 1px /* SUPER important -- page breaks without this setting! */
}

h1 {
  margin: 15% 0 7.5%;
  font-size: 4em;
  line-height: 1em;
  color: #fff;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.9);
}

h2 {
  margin: 1.5em 0 .75em;
  border-bottom: 2px solid #660000; 
}

.featured-buttons a {
  text-decoration: none;
}

.featured-buttons h3 {
  margin: .5em 0;
}

.featured-buttons p {
  line-height: 1.5em;
}

.panel .xlarge-text {
  line-height: .1em; 
  color: #999;
}

/* Layout Controls */

.content-block {
  padding: 2em 0 4em;
}

.shadow-box-dark {
  overflow: hidden;
}

.shadow-box-dark h1, .shadow-box-dark h2, .shadow-box-dark h3 {
  color: #fff;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}

#menu-position {
  padding-top: 50px;
}

ul.sidenav li {
  display: block;
  margin: 0;
  text-decoration: none;
  font-family: "Fjalla One","FjallaOne-Regular","Helvetica Neue Condensed","HelveticaNeueCondensed","HelveticaNeue-Condensed","Helvetica Neue Condensed","HelveticaNeueRomanCondensed","Helvetica Condensed","Arial Narrow","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-stretch: condensed;
  letter-spacing: .02em;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

ul.sidenav a {
  display: block;
  height: 100%;
  width: 100%;
  padding: .5em 1em;
  color: #eee;
  text-decoration: none;
}

ul.sidenav a:hover {
  color: #fff;
  text-decoration: none;
  background-color: rgba(0,0,0,0.2);
}

ul.sidenav a.active {
  background-color: rgba(0,0,0,0.4);
}

.black-transparent {
  padding: 1em;
  background-color: rgba(0,0,0,0.4);
  margin-bottom: 3em; /*Important value for shadow box and top slide area, particularly on mobile devices.  Ensures the shadow box contents stays within the confines of the first slide's background image */
}

.item {
  padding: 1em;
  background-color: rgba(0,0,0,0.4);
  min-height:15em;
}

div.item:hover
{
  background-color: rgba(0,0,0,0.7);
}

img.itw-item {
  width:100%;
}

.black-transparent ul.sidenav {
  color: #fff;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

/* Ye Olde Colour Bande Ftyles */
.color-band {
  background-color: #fff;
  background-image: none;
}
.color-band-dark {
  background-color: #333;
  color: #fff;
}
.color-band-dark p, .color-band-dark h3, {
  color: #fff;
}

/* Flex-video fix */
.flex-video-new { position: relative; padding-top: 1.5625rem; padding-bottom: 67.5%; height: 0; margin-bottom: 1rem; overflow: hidden; }
.flex-video-new.widescreen { padding-bottom: 57.25%; }
.flex-video-new.vimeo { padding-top: 0; }
.flex-video-new iframe, .flex-video-new object, .flex-video-new embed, .flex-video-new video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* Additional unique styles */



/* Slides  */
.slide {
  position: relative;
  height: 100%;
  width: 100%;
  min-height: 800px;
}

.touch .slide {
  background-attachment: scroll;
}

/* Smartphones (portrait and landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 1200px) {
  .slide {
    background-attachment: inherit;
}

/* Parallax.js documentation http://pixelcog.github.io/parallax.js/ */
.parallax-window { /* Insure some fixed dimension, otherwise nothing is displayed */
  min-height: 400px;
  background: transparent;
}