@charset "UTF-8";
/*!
Theme Name: The Principle
Theme URI: https://www.theprinciplemovie.com
Description: Custom Theme for The Principle Movie
Author: 5D Spectrum
Author URI: https://5dspectrum.com
Version: 1.0

*/
/* CSS RESET  ------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

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

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

html {
  overflow-y: scroll; }

html {
  -webkit-font-smoothing: antialiased; }

:focus, a:active, a:selected {
  outline: 0;
  border: 0;
  ie-dummy: expression(this.hideFocus=true); }

a:active, a:selected, a:visited {
  border: none;
  outline: none;
  -moz-outline-style: none; }

iframe, object, embed {
  max-width: 100%; }

/* UTILITIES  ------------------------------------------------------------------*/
/* Clearfix ------- */
.clearfix {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/* Utility Classes ------- */
.left {
  float: left; }

.right {
  float: right; }

.hide {
  display: none; }

/* COLORS  ------------------------------------------------------------------*/
/* TYPOGRAPHY  ------------------------------------------------------------------*/
/* Include Google Web Fonts */
/* All general content-based text styles -------------------------------- */
h1 {
  font: 200 32px/38px "Roboto Condensed", Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0 0 30px;
  color: #b57e24;
  text-transform: uppercase;
  letter-spacing: .08em; }

h2 {
  font: 400 20px/28px "Roboto Condensed", Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0 0 30px;
  color: #fff;
  letter-spacing: .02em; }

h3 {
  font: 800 16px/24px "Roboto", Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0 0 15px 0;
  color: #b57e24;
  letter-spacing: .02em; }

h4 {
  font: 600 16px/24px "Roboto", Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0 0 15px 0;
  color: #fff;
  letter-spacing: .02em; }

h5 {
  font: 600 16px/24px "Roboto", Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0 0 15px 0;
  color: #868585;
  letter-spacing: .02em; }

p {
  font: 400 14px/21px "Roboto", Helvetica, Arial, sans-serif;
  margin: 0 0 14px 0; 
  color: aliceblue;
}

small {
  font: 400 11px/13px "Roboto", Helvetica, Arial, sans-serif;
  margin: 0 0 10px 0; }

/* Unordered Lists */
ul {
  list-style-type: none;
  padding: 0 0 0 8px;
  margin: 0 0 15px 0;
  font: 400 13px/20px "Roboto", Helvetica, Arial, sans-serif; }
  ul li {
    margin: 0 0 8px 0;
    background: url(_/images/shared/bullet-list.png) no-repeat 0 0.61em;
    padding-left: 12px; }
  ul ul {
    margin-top: 6px; }
    ul ul li {
      margin: 0 0 6px 0; }

/* Ordered Lists */
ol {
  list-style-type: decimal;
  padding: 0 0 0 4px;
  margin: 0 0 15px 5px;
  font: 400 13px/20px "Roboto", Helvetica, Arial, sans-serif; }
  ol li {
    margin: 8px 0 4px 21px;
    padding-left: 0; }

/* Tables */
th, td {
  font: 400 13px/20px "Roboto", Helvetica, Arial, sans-serif; }

/* Misc. Elements */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #333333;
  margin: 2em 0 1.6em 0;
  padding: 0; }

sup {
  font-size: xx-small;
  vertical-align: top; }

/* Vertical spacing adjustments between specific sets of elements */
h1 + h2 {
  margin-top: -20px; }

h1 + h3 {
  margin-top: -20px; }

h2 + h3 {
  margin-top: -20px; }

h4 + h5 {
  margin-top: 0; }

p + ul {
  margin-top: -6px; }

p + h1, ul + h1, ol + h1 {
  margin-top: 50px; }

p + h2, ul + h2, ol + h2 {
  margin-top: 35px; }

p + h3, ul + h3, ol + h3 {
  margin-top: 25px; }

p + h4, ul + h4, ol + h4 {
  margin-top: 20px; }

p + h5, ul + h5, ol + h5 {
  margin-top: 20px; }

p + hr, ul + hr, ol + hr {
  margin-top: 30px; }

h4 + ul, h4 + ol {
  margin-top: 10px; }

/* Link Styles */
a:link {
  color: #b57e24;
  text-decoration: none; }
a:visited {
  color: #b57e24;
  text-decoration: none; }
a:hover {
  color: #b57e24;
  text-decoration: underline; }
a:active {
  color: #b57e24;
  text-decoration: underline; }

/* Selection Highlight Styles */
::-moz-selection {
  color: #fff;
  background: #b57e24; }

::selection {
  color: #fff;
  background: #b57e24; }

/* js-disabled messaging (inside <noscript> tags) */
.js-disabled {
  padding: 5px 5px 25px 5px;
  font: 600 14px/18px "Roboto", Helvetica, Arial, sans-serif;
  color: red; }

/* STRUCTURE  ------------------------------------------------------------------*/
/* Base Block Elements  -------------------------------- */
html {
  height: 100%;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 100%; }

body {
  height: 100%;
  padding: 0;
  color: #868585;
  background: #000; }

.page-background {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  .
  left: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat; }

#wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%; }
  .ltie9 #wrapper {
    width: 1024px; }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    #wrapper {
      background: rgba(0, 0, 0, 0.7);
      height: auto; } }
  @media only screen and (max-width: 767px) {
    #wrapper {
      background: rgba(0, 0, 0, 0.7);
      height: auto;
      overflow-x: hidden; } }

#content {
  position: relative;
  width: 70.5%;
  min-height: 100%;
  margin: 0 0 0 29.5%;
  padding: 18px 90px 40px 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.85); }
  @media screen and (min-width: 1200px) {
    #content {
      padding-top: 36px; } }
  @media screen and (min-width: 1440px) {
    #content {
      padding-top: 46px; } }
  @media only screen and (max-width: 979px) {
    #content {
      width: 100%;
      margin: 0;
      background: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; } }
  #content .inner-wrapper {
    position: relative;
    padding: 30px 30px 40px 30px; }

#main {
  width: 75%;
  margin: 0;
  padding: 0;
  float: left; }
  #main.full-width {
    width: 100%;
    float: none; }
  @media only screen and (max-width: 767px) {
    #main {
      width: 100%;
      float: none; } }

/* Grids  -------------------------------------------------- */
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

[class*='colwidth-'] {
  float: left;
  padding-left: 1.5%;
  padding-right: 1.5%; }

[class*='colwidth-']:first-of-type {
  padding-left: 0; }

[class*='colwidth-']:last-of-type {
  padding-right: 0; }

.colframe:after {
  content: "";
  display: table;
  clear: both; }

.colframe {
  margin: 0 auto; }

/* Images in the Grid */
.colframe img {
  width: 100%;
  height: auto; }

/* Alternate image sizes */
.colframe img.width-95 {
  width: 95%; }

.colframe img.width-90 {
  width: 90%; }

.colframe img.width-85 {
  width: 85%; }

.colframe img.width-80 {
  width: 80%; }

.colframe img.width-75 {
  width: 75%; }

.colframe img.width-70 {
  width: 70%; }

.colframe img.width-65 {
  width: 65%; }

.colframe img.width-60 {
  width: 60%; }

.colframe img.width-55 {
  width: 55%; }

.colframe img.width-50 {
  width: 50%; }

.colframe img.width-45 {
  width: 45%; }

.colframe img.width-40 {
  width: 40%; }

.colframe img.width-35 {
  width: 35%; }

.colframe img.width-30 {
  width: 30%; }

.colframe img.width-25 {
  width: 25%; }

.colframe img.width-20 {
  width: 20%; }

/* 12 column grid --------------- */
/* Main Widths */
.colwidth-1 {
  width: 8.333333%; }

.colwidth-2 {
  width: 16.66666%; }

.colwidth-3 {
  width: 25%; }

.colwidth-4 {
  width: 33.33333%; }

.colwidth-5 {
  width: 41.66666%; }

.colwidth-6 {
  width: 50%; }

.colwidth-7 {
  width: 58.33333%; }

.colwidth-8 {
  width: 66.66666%; }

.colwidth-9 {
  width: 75%; }

.colwidth-10 {
  width: 83.33333%; }

.colwidth-11 {
  width: 91.66666%; }

.colwidth-12 {
  width: 100%; }

@media only screen and (min-width: 768px) and (max-width: 979px) {
  /*
  .colwidth-2,
  .colwidth-7 {
    width: 100%;
  }
  .colwidth-4,
  .colwidth-8,
  .colwidth-10,
  .colwidth-12 {
    width: 50%;
  }*/ }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .colwidth-1,
  .colwidth-2,
  .colwidth-3,
  .colwidth-4,
  .colwidth-5,
  .colwidth-6 {
    width: 50%; }

  .colwidth-7,
  .colwidth-8,
  .colwidth-9,
  .colwidth-10,
  .colwidth-11,
  .colwidth-12 {
    width: 100%; } }
@media only screen and (max-width: 479px) {
  .colwidth-1,
  .colwidth-2,
  .colwidth-3,
  .colwidth-4,
  .colwidth-5,
  .colwidth-6,
  .colwidth-7,
  .colwidth-8,
  .colwidth-9,
  .colwidth-10,
  .colwidth-11,
  .colwidth-12 {
    width: 100%; } }
/* BUTTONS  ------------------------------------------------------------------*/
/* Global button styles */
.button, input.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  border: 0;
  padding: 5px 10px;
  margin: 0 6px 10px 0;
  font: 400 13px/15px "Roboto Condensed", Helvetica, Arial, sans-serif;
  color: #000;
  text-transform: uppercase;
  letter-spacing: .08em;
  text-align: center;
  white-space: nowrap;
  background: #b57e24 url(_/images/shared/bg-btn-texture.jpg) center center;
  opacity: .8;
  -webkit-transition: opacity 0.125s linear;
  -moz-transition: opacity 0.125s linear;
  -o-transition: opacity 0.125s linear;
  transition: opacity 0.125s linear;
  /* Secondary buttons -------- */ }
  .button:link,
  input[type="submit"]:link,
  input[type="reset"]:link,
  input[type="button"]:link, .button:visited,
  input[type="submit"]:visited,
  input[type="reset"]:visited,
  input[type="button"]:visited {
    color: #000;
    text-decoration: none; }
  .button:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover, .button:active,
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="button"]:active {
    text-decoration: none;
    opacity: 1; }
  .button.small,
  input.small[type="submit"],
  input.small[type="reset"],
  input.small[type="button"] {
    padding: 5px 10px;
    font: 400 11px/12px "Roboto", Helvetica, Arial, sans-serif; }
  .button.large,
  input.large[type="submit"],
  input.large[type="reset"],
  input.large[type="button"] {
    padding: 10px 20px;
    margin: 15px 5px 15px 0;
    font: 400 18px/18px "Roboto", Helvetica, Arial, sans-serif; }
  .button.secondary,
  input.secondary[type="submit"],
  input.secondary[type="reset"],
  input.secondary[type="button"] {
    background: #bfbfbf; }
    .button.secondary:link,
    input.secondary[type="submit"]:link,
    input.secondary[type="reset"]:link,
    input.secondary[type="button"]:link, .button.secondary:visited,
    input.secondary[type="submit"]:visited,
    input.secondary[type="reset"]:visited,
    input.secondary[type="button"]:visited {
      background: #bfbfbf; }
    .button.secondary:hover,
    input.secondary[type="submit"]:hover,
    input.secondary[type="reset"]:hover,
    input.secondary[type="button"]:hover, .button.secondary:active,
    input.secondary[type="submit"]:active,
    input.secondary[type="reset"]:active,
    input.secondary[type="button"]:active {
      background: #b8b8b8; }

/* Outline version ------ */
.button-outline {
  display: inline-block;
  border: 2px solid #b57e24;
  margin: 0 6px 10px 0;
  padding: 4px 8px;
  font: 600 13px/15px "Roboto", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #b57e24;
  letter-spacing: 0em;
  text-align: center;
  background: none;
  -webkit-transition: background 0.125s linear;
  -moz-transition: background 0.125s linear;
  -o-transition: background 0.125s linear;
  transition: background 0.125s linear; }
  .button-outline:link, .button-outline:visited {
    color: #b57e24;
    text-decoration: none; }
  .button-outline:hover, .button-outline:active {
    color: #ffffff;
    text-decoration: none !important;
    background: #b57e24;
    -webkit-transition: all 0.125s linear;
    -moz-transition: all 0.125s linear;
    -o-transition: all 0.125s linear;
    transition: all 0.125s linear; }
  .button-outline.small {
    padding: 3px 6px;
    font: 600 11px/12px "Roboto", Helvetica, Arial, sans-serif;
    border-width: 2px; }
  .button-outline.large {
    padding: 8px 16px;
    margin: 15px 5px 15px 0;
    font: 400 18px/20px "Roboto", Helvetica, Arial, sans-serif; }

/* TABLES  ------------------------------------------------------------------*/
table {
  width: 100%;
  border: none; }

td {
  padding: 9px;
  font: 400 14px/20px "Roboto", Helvetica, Arial, sans-serif;
  margin: 0 0 20px 0;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #3e3e3e; }

th {
  padding: 9px;
  font: 600 14px/20px "Roboto", Helvetica, Arial, sans-serif;
  margin: 0 0 20px 0;
  vertical-align: middle;
  border-top: 1px solid #3e3e3e;
  border-bottom: 1px solid #3e3e3e;
  background: white; }

/* GENERAL FORM STYLES  ------------------------------------------------------------------*/
form {
  font: 400 12px/18px "Roboto", Helvetica, Arial, sans-serif; }

fieldset {
  position: relative;
  padding: 0 0 15px 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #3e3e3e; }

.form-row {
  margin: 0 0 10px 0; }

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="file"],
textarea,
select {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid #3e3e3e;
  padding: 10px 8px;
  margin: 0 0 10px 0;
  font: 400 12px/12px "Roboto", Helvetica, Arial, sans-serif;
  color: #9f9f9f;
  letter-spacing: .02em;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.125s linear;
  -moz-transition: all 0.125s linear;
  -o-transition: all 0.125s linear;
  transition: all 0.125s linear; }

select {
  height: 38px; }

input[type="checkbox"],
input[type="radio"] {
  margin: 1px 5px 0 5px; }

input[type="search"] {
  -webkit-appearance: none;
  /* Remove default webkit styles */ }

input:focus, textarea:focus {
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #b57e24; }

input.button,
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="button"] {
  font-weight: 400;
  cursor: pointer; }

textarea {
  min-height: 75px;
  line-height: 16px; }

label {
  display: block;
  margin: 0 0 5px 0;
  font: 400 12px/14px "Roboto", Helvetica, Arial, sans-serif;
  color: #acabab; }

/* Form Field Placeholder Text */
::-webkit-input-placeholder {
  padding-top: 4px; }

:-moz-placeholder {
  padding-top: 4px; }

::-moz-placeholder {
  padding-top: 4px; }

:-ms-input-placeholder {
  padding-top: 4px; }

/* Radio Button Group Layouts */
.radio-label {
  font: 400 12px/14px "Roboto", Helvetica, Arial, sans-serif;
  color: #acabab; }

.radio-group {
  padding: 5px; }
  .radio-group.horizontal .radio-label {
    margin-right: 15px; }
  .radio-group.vertical .radio-label {
    line-height: 22px; }
  .radio-group.error {
    background: rgba(255, 0, 0, 0.15); }

/* Checkbox Group Layouts */
.checkbox-label {
  display: inline;
  font: 400 11px/12px "Roboto", Helvetica, Arial, sans-serif;
  color: #acabab; }

.checkbox-group {
  margin: 0 0 10px 0;
  padding: 5px; }
  .checkbox-group.horizontal .checkbox-label {
    margin-right: 15px; }
  .checkbox-group.vertical .checkbox-label {
    line-height: 22px; }
  .checkbox-group.error {
    background: rgba(255, 0, 0, 0.15); }

/* Feedback */
.form-feedback {
  font: 600 11px/18px "Roboto", Helvetica, Arial, sans-serif;
  margin: 0 0 30px;
  padding: 10px;
  background: #f2f2f2; }
  .form-feedback.error {
    color: red;
    background: rgba(255, 0, 0, 0.15); }
  .form-feedback.success {
    color: green;
    background: rgba(0, 255, 0, 0.15); }

.feedback {
  font: 600 11px/18px "Roboto", Helvetica, Arial, sans-serif;
  margin: 0 0 12px; }
  .feedback.error {
    color: red; }
  .feedback.success {
    color: green; }

input[type="text"].error,
input[type="search"].error,
input[type="password"].error,
input[type="email"].error,
input[type="url"].error,
input[type="number"].error,
input[type="file"].error,
textarea.error,
select.error {
  background: rgba(255, 0, 0, 0.15); }

/* "Required Fields" messaging */
.required-key {
  text-align: right;
  font: 400 12px/12px "Roboto", Helvetica, Arial, sans-serif;
  color: #b57e24;
  font-weight: bold;
  margin: 0 0 15px 0; }

.required::after {
  content: "*";
  color: #b57e24; }

.form-instructions {
  font: 600 12px/16px "Roboto", Helvetica, Arial, sans-serif;
  color: #868585;
  margin: 0 0 12px; }

.field-instructions {
  font: 400 11px/15px "Roboto", Helvetica, Arial, sans-serif;
  color: #868585;
  margin: 0 0 3px; }

/* TEAM BIOS  ------------------------------------------------------------------*/
.team-bio {
  margin: 20px 0;
  padding: 10px 0 15px;
  border-bottom: 1px solid #3e3e3e; }
  .team-bio:last-child {
    border-bottom: none; }
  .team-bio .bio-photo {
    margin: 0 0 20px 0; }
  .team-bio img {
    border: 1px solid #b57e24; }
  .team-bio .bio-content {
    padding-top: 1px; }
    .team-bio .bio-content h3 {
      font: 800 18px/24px "Roboto Condensed", Helvetica, Arial, sans-serif;
      margin: 0;
      color: #b57e24; }
    .team-bio .bio-content h4.job-title {
      margin-left: 2px;
      color: #fff;
      font-size: 13px; }

/* CREDITS PANEL (Hidden Panel slides up from bottom) ------------------------------------------------------------------*/
#credits-panel {
  display: block;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 50px 50px 25px;
  text-align: center;
  background: rgba(0, 0, 0, 0.75);
  z-index: 200;
  display: none; }
  #credits-panel img {
    width: 100%;
    max-width: 964px;
    height: auto; }
  #credits-panel #credits-panel-close-btn {
    position: absolute;
    top: 15px;
    right: 12px;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: url(_/images/shared/btn-close-white.png) no-repeat center center;
    opacity: .7;
    -webkit-transition: all 0.125s linear;
    -moz-transition: all 0.125s linear;
    -o-transition: all 0.125s linear;
    transition: all 0.125s linear; }
    #credits-panel #credits-panel-close-btn:hover {
      opacity: 1;
      background: #b57e24 url(_/images/shared/btn-close.png) no-repeat center center;
      text-decoration: none; }

/* SOCIAL MEDIA CHANNEL LINKS  ------------------------------------------------------------------*/
.social-media-channels {
  position: absolute;
  bottom: 18px;
  left: 0;
  width: 57px; }
  .social-media-channels ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: auto; }
    .social-media-channels ul li {
      margin: 0 auto 3px;
      padding: 0;
      background: none; }
    .social-media-channels ul a {
      display: block;
      margin: 0 auto;
      width: 38px;
      height: 38px;
      text-align: center;
      opacity: .7;
      -webkit-border-radius: 19px;
      -moz-border-radius: 19px;
      border-radius: 19px;
      -webkit-transition: all 0.125s linear;
      -moz-transition: all 0.125s linear;
      -o-transition: all 0.125s linear;
      transition: all 0.125s linear; }
      .social-media-channels ul a:hover {
        opacity: 1;
        background-color: #b57e24;
        text-decoration: none; }
      .social-media-channels ul a:before {
        position: relative;
        top: 2px;
        font-family: FontAwesome;
        font-size: 22px;
        line-height: 36px;
        color: #000; }
      .social-media-channels ul a.twitter-link:before {
        content: "\f099"; }
      .social-media-channels ul a.facebook-link:before {
        content: "\f09a"; }
      .social-media-channels ul a.googleplus-link:before {
        content: "\f0d5";
        left: 2px; }
      .social-media-channels ul a.youtube-link:before {
        content: "\f167"; }
      .ltie9 .social-media-channels ul a {
        position: relative;
        top: 3px;
        width: 25px;
        height: 25px; }
      .ltie9 .social-media-channels ul a.linkedin-link {
        background-position: -208px -7px; }
      .ltie9 .social-media-channels ul a.rss-link {
        background-position: -328px -7px; }
      @media only screen and (max-width: 767px) {
        .social-media-channels ul a {
          width: 27px;
          height: 27px; }
          .social-media-channels ul a.linkedin-link {
            background-position: -206px -7px; }
          .social-media-channels ul a.rss-link {
            background-position: -326px -7px; } }

/* ENGAGEMENTS  ------------------------------------------------------------------*/
.engagement {
  padding: 35px 0 0;
  margin-top: 35px;
  border-top: 1px solid #3e3e3e;
  /* Tabbed Navigation ---------- */
  /* Tabbed Content Panels ---------- */ }
  .engagement .additional-notes {
    margin: 0;
    font-weight: 800 !important;
    font-style: italic; }
  .engagement ul.tabbed-nav {
    margin: 0 0 5px;
    padding: 0;
    font: 600 14px/14px "Roboto", Helvetica, Arial, sans-serif;
    color: #868585;
    list-style-type: none; }
    .engagement ul.tabbed-nav li.tabbed-nav-item {
      display: block;
      float: left;
      padding: 4px 8px;
      color: #b57e24;
      text-align: center;
      background: none;
      border-left: 1px solid #3e3e3e; }
      .engagement ul.tabbed-nav li.tabbed-nav-item:first-child {
        border: none;
        padding-left: 0; }
      .engagement ul.tabbed-nav li.tabbed-nav-item:hover {
        color: #ffffff;
        cursor: pointer; }
      .engagement ul.tabbed-nav li.tabbed-nav-item.current-item {
        color: #ffffff;
        font-weight: 800; }
      .engagement ul.tabbed-nav li.tabbed-nav-item.current-item:hover {
        cursor: default; }
  .engagement .tabbed-content {
    padding: 15px 0; }
  .engagement .tabbed-panel {
    display: none; }

/* WORDPRESS - SEARCH FIELD  ------------------------------------------------------------------*/
#searchform {
  position: relative;
  /* Form Field Placeholder Text */ }
  #searchform label {
    display: none; }
  #searchform input#s {
    height: 40px;
    margin: 0;
    padding: 0 5px 0 0;
    color: #000;
    border: 0;
    border-bottom: 1px solid #755217;
    background: none;
    text-align: right;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  #searchform ::-webkit-input-placeholder {
    text-transform: uppercase;
    color: #000; }
  #searchform :-moz-placeholder {
    text-transform: uppercase;
    color: #000; }
  #searchform ::-moz-placeholder {
    text-transform: uppercase;
    color: #000; }
  #searchform :-ms-input-placeholder {
    text-transform: uppercase;
    color: #000; }
  #searchform input#searchsubmit {
    display: block;
    position: relative;
    float: right;
    top: 10px;
    right: 17px;
    margin: 0;
    padding: 5px 9px;
    font: 400 12px/12px "Roboto", Helvetica, Arial, sans-serif;
    letter-spacing: .02em;
    color: #b57e24;
    background: #000;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    #searchform input#searchsubmit:hover {
      filter: none;
      cursor: pointer;
      color: #000;
      background: #b57e24; }

/* Search form in header */
#page-header #searchform {
  position: relative;
  top: 0;
  right: 0;
  width: 100%; }

/* Search form on Search & 404 pages */
#main #searchform {
  position: relative;
  width: 100%;
  margin-bottom: 70px;
  /* Form Field Placeholder Text */ }
  #main #searchform input#s {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    border: 1px solid #3e3e3e;
    padding: 10px 8px;
    margin: 0 0 10px 0;
    font: 400 12px/12px "Roboto", Helvetica, Arial, sans-serif;
    color: #9f9f9f;
    text-align: left;
    letter-spacing: .02em;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.125s linear;
    -moz-transition: all 0.125s linear;
    -o-transition: all 0.125s linear;
    transition: all 0.125s linear; }
  #main #searchform ::-webkit-input-placeholder {
    text-transform: uppercase;
    color: #9f9f9f; }
  #main #searchform :-moz-placeholder {
    text-transform: uppercase;
    color: #9f9f9f; }
  #main #searchform ::-moz-placeholder {
    text-transform: uppercase;
    color: #9f9f9f; }
  #main #searchform :-ms-input-placeholder {
    text-transform: uppercase;
    color: #9f9f9f; }
  #main #searchform input#searchsubmit {
    color: #000;
    background: #b57e24;
    float: none;
    top: 0;
    right: 0; }
    #main #searchform input#searchsubmit:hover {
      filter: none;
      cursor: pointer;
      color: #000;
      background: #b57e24; }

/*  WP-SPECIFIC STYLES (Pagination, Image alignment)  -------------------------------------------------*/
/* WP Pagination / Navigation */
.posts-nav {
  margin: 0 0 20px 0;
  font: 600 12px/12px "Roboto", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff; }
  .posts-nav .prev-posts a {
    display: block;
    float: left;
    margin: 0 0 0 -5px; }
    .posts-nav .prev-posts a:before {
      content: '« '; }
  .posts-nav .next-posts a {
    display: block;
    float: right;
    margin: 0 -5px 0 0; }
    .posts-nav .next-posts a:after {
      content: ' »'; }
  .posts-nav a:link {
    color: #b57e24;
    text-decoration: none; }
  .posts-nav a:visited {
    color: #b57e24;
    text-decoration: none; }
  .posts-nav a:hover {
    color: #fff;
    text-decoration: none; }
  .posts-nav a:active {
    color: #fff;
    text-decoration: none; }

/* WP Image Classes */
.entry img {
  max-width: 100%;
  height: auto;
  margin: 0 0 15px 0;
  /* WP-inserted image align classes (set by user via "Edit Media" page). */ }
  .entry img + img {
    margin: 20px 0 0 0; }
  .entry img.alignleft {
    float: left;
    margin: 0 20px 20px 0; }
  .entry img.alignright {
    float: right;
    margin: 0 0 20px 20px; }
  .entry img.aligncenter {
    display: block;
    margin: 0 auto 20px; }

/* HEADER  ------------------------------------------------------------------*/
#page-header {
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 100; }

a#logo {
  position: fixed;
  display: block;
  width: 27%;
  max-width: 390px;
  top: 0;
  left: 0;
  margin: -25px 0 40px 2%;
  padding: 0; }
  @media screen and (min-width: 1200px) {
    a#logo {
      margin-top: -25px; } }
  @media screen and (min-width: 1440px) {
    a#logo {
      margin-top: -19px; } }
  @media only screen and (min-width: 980px) and (max-width: 1024px) {
    a#logo {
      margin-top: -13px; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    a#logo {
      position: relative;
      width: 385px;
      margin: 0 0 0 25px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    a#logo {
      position: relative;
      width: 90%;
      margin: 0 0 0 35px; } }
  @media only screen and (max-width: 479px) {
    a#logo {
      position: relative;
      width: 70%;
      margin: 0 0 0 25px; } }
  a#logo img {
    width: 100%;
    height: auto; }

/* Site Navigation  -------------------------------------- */
#site-navigation {
  position: fixed;
  width: auto;
  height: 100%;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0 0 0 57px;
  background: rgba(181, 126, 36, 0.85);
  opacity: 0; }

@media only screen and (max-width: 767px) {
  html.touch #site-navigation {
    position: absolute; } }
#nav-panels {
  position: relative;
  height: 100%;
  margin: 0;
  padding: 75px 0 0 0; }

#nav-panel-close-btn {
  position: absolute;
  top: 15px;
  right: 12px;
  display: block;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: url(_/images/shared/btn-close.png) no-repeat center center;
  opacity: .7;
  -webkit-transition: all 0.125s linear;
  -moz-transition: all 0.125s linear;
  -o-transition: all 0.125s linear;
  transition: all 0.125s linear; }
  #nav-panel-close-btn:hover {
    opacity: 1;
    background-color: #b57e24;
    text-decoration: none; }

/* Site Navigation Panel Trigger Buttons -------- */
#nav-panel-triggers {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0; }

.nav-panel-trigger {
  display: block;
  width: 57px;
  height: 57px;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: .7;
  -webkit-transition: all 0.125s linear;
  -moz-transition: all 0.125s linear;
  -o-transition: all 0.125s linear;
  transition: all 0.125s linear; }
  .nav-panel-trigger:hover, .nav-panel-trigger.expanded {
    opacity: 1;
    background-color: #b57e24;
    text-decoration: none; }
  .nav-panel-trigger#menu-panel-trigger {
    background-image: url(_/images/shared/btn-menu-panel-trigger.png); }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .nav-panel-trigger#menu-panel-trigger {
        background-image: url(_/images/shared/btn-menu-panel-trigger@2x.png);
        background-size: 31px 18px; } }
  .nav-panel-trigger#search-panel-trigger {
    background-image: url(_/images/shared/btn-search-panel-trigger.png); }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .nav-panel-trigger#search-panel-trigger {
        background-image: url(_/images/shared/btn-search-panel-trigger@2x.png);
        background-size: 31px 29px; } }

/* Main Nav  -------------------------------------------- */
#main-nav {
  position: relative;
  padding: 0;
  margin: 0;
  background: none; }
  #main-nav ul {
    margin: 0;
    padding: 0;
    font: 400 17px/21px "Roboto Condensed", Helvetica, Arial, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase;
    list-style-type: none; }
    #main-nav ul li {
      margin: 0;
      padding: 0;
      background: none;
      text-align: right;
      border-bottom: 1px solid #755217; }
    #main-nav ul a {
      display: block;
      margin: 0;
      padding: 9px 15px 9px 15px;
      background: none;
      -webkit-transition: all 0.125s linear;
      -moz-transition: all 0.125s linear;
      -o-transition: all 0.125s linear;
      transition: all 0.125s linear; }
      #main-nav ul a:link, #main-nav ul a:visited {
        color: #000;
        text-decoration: none; }
      #main-nav ul a:hover, #main-nav ul a:active {
        color: #b57e24;
        text-decoration: none; }

/* Sub Navigation -------- */
#main-nav-menu ul.sub-menu {
  font: 400 13px/14px "Roboto", Helvetica, Arial, sans-serif;
  text-transform: none;
  letter-spacing: 0;
  padding: 0;
  margin: -2px 0 14px; }
  #main-nav-menu ul.sub-menu li {
    float: none;
    margin: 0;
    padding: 0;
    border: 0; }
  #main-nav-menu ul.sub-menu a {
    background: none;
    padding: 5px 15px 5px 15px; }
    #main-nav-menu ul.sub-menu a:link, #main-nav-menu ul.sub-menu a:visited {
      color: #000;
      text-decoration: none; }
    #main-nav-menu ul.sub-menu a:hover {
      color: #b57e24;
      text-decoration: none; }

/* Secondary Nav  -------------------------------------------- */
#secondary-nav {
  position: absolute;
  bottom: 18px;
  right: 15px;
  margin: 0;
  padding: 0;
  background: none; }
  #secondary-nav ul {
    margin: 0;
    padding: 0;
    font: 800 14px/22px "Roboto Condensed", Helvetica, Arial, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
    list-style-type: none; }
    #secondary-nav ul li {
      margin: 0;
      padding: 0;
      background: none;
      text-align: right; }
    #secondary-nav ul a {
      display: block;
      margin: 0;
      padding: 4px 0;
      background: none;
      -webkit-transition: all 0.125s linear;
      -moz-transition: all 0.125s linear;
      -o-transition: all 0.125s linear;
      transition: all 0.125s linear; }
      #secondary-nav ul a:link, #secondary-nav ul a:visited {
        color: #000;
        text-decoration: none; }
      #secondary-nav ul a:hover, #secondary-nav ul a:active {
        color: #b57e24;
        text-decoration: none; }

/* Search Panel  -------------------------------------------- */
#search-panel {
  position: relative;
  padding: 0;
  margin: 0 0 40px 0;
  background: none; }

/* Site Navigation (Collison Fix)  -------------------------------------- */
/* For when browser window isn't tall enough to display 'main' and 'secondary' nav elements without collision
   The 'collison-fix' is applied via JS on pageload or window resize if the height of the combined nav elements
   is greater the n the browser window's height. */
#site-navigation.collision-fix {
  position: absolute; }
  #site-navigation.collision-fix .social-media-channels {
    top: 140px; }
  #site-navigation.collision-fix #secondary-nav {
    margin-top: 60px;
    position: relative; }

/* FOOTER  ------------------------------------------------------------------*/
#page-footer {
  position: fixed;
  display: block;
  width: 27%;
  max-width: 390px;
  bottom: 0;
  left: 0;
  margin: -20px 0 18px 2.65%;
  padding: 0;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  /* Add This Social Sharing ------ */
  /* MPAA Rating ------ */
  /* Producer Credits ------ */
  /* Copyright/Legal ------ */ }
  @media only screen and (max-width: 979px) {
    #page-footer {
      position: relative;
      bottom: 0;
      width: auto;
      max-width: none;
      margin: 0 90px 15px 25px;
      padding: 15px 0 0 0;
      border-top: 1px solid #3e3e3e; } }
  #page-footer h3 {
    font: 400 18px/20px "Roboto Condensed", Helvetica, Arial, sans-serif;
    letter-spacing: .065em;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 30px; }
  #page-footer a:link,
  #page-footer a:visited {
    color: #cccccc;
    text-decoration: none; }
  #page-footer a:hover,
  #page-footer a:active {
    color: #ffffff;
    text-decoration: underline; }
  #page-footer .add-this-social-sharing {
    margin: 0 0 36px 0; }
    #page-footer .add-this-social-sharing h5 {
      position: relative;
      top: 3px;
      float: left;
      margin: 0 10px 10px 0;
      font: 400 13px/15px "Roboto Condensed", Helvetica, Arial, sans-serif;
      letter-spacing: .065em;
      color: #ffffff;
      text-transform: uppercase;
      opacity: .7; }
      @media only screen and (max-width: 1024px) {
        #page-footer .add-this-social-sharing h5 {
          float: none; } }
  #page-footer #ratings-credits {
    margin: 0 0 15px 0;
    padding: 0;
    list-style-type: none;
    font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
    opacity: .7; }
    #page-footer #ratings-credits li {
      display: inline-block;
      height: 37px;
      margin: 0 0 10px;
      padding: 0;
      background: none;
      float: left; }
    #page-footer #ratings-credits #mpaa-rating {
      display: block;
      position: relative;
      top: -1px;
      width: 95px;
      height: 37px;
      margin-right: 20px;
      text-indent: -5000px;
      background: url(_/images/shared/mpaa-rating.png); }
    #page-footer #ratings-credits #rocky-mountain {
      display: block;
      position: relative;
      top: 1px;
      width: 43px;
      height: 31px;
      margin-right: 15px;
      text-indent: -5000px;
      background: url(_/images/shared/producer-logo-rocky-mountain.png); }
    #page-footer #ratings-credits #in-ohm {
      display: block;
      position: relative;
      top: 5px;
      width: 33px;
      height: 30px;
      margin-right: 7px;
      text-indent: -5000px;
      background: url(_/images/shared/producer-logo-in-ohm.png); }
    #page-footer #ratings-credits #stellar {
      display: block;
      position: relative;
      top: 2px;
      width: 40px;
      height: 31px;
      margin-right: 15px;
      text-indent: -5000px;
      background: url(_/images/shared/producer-logo-stellar.png); }
    #page-footer #ratings-credits #view-credits-btn {
      position: relative;
      top: 10px;
      font: 400 13px/15px "Roboto Condensed", Helvetica, Arial, sans-serif;
      letter-spacing: .065em;
      color: #ffffff;
      text-transform: uppercase; }
      #page-footer #ratings-credits #view-credits-btn:hover, #page-footer #ratings-credits #view-credits-btn:active {
        color: #b57e24;
        text-decoration: none; }
      #page-footer #ratings-credits #view-credits-btn:after {
        content: "\f106";
        position: relative;
        top: 0px;
        left: 4px;
        font-family: FontAwesome;
        font-size: 15px; }
  #page-footer .copyright {
    display: block;
    clear: both;
    font: 400 11px/12px "Roboto", Helvetica, Arial, sans-serif;
    color: #cccccc;
    opacity: .7; }

/* SIDEBAR  ------------------------------------------------------------------*/
#sidebar {
  margin: 0;
  padding: 0;
  width: 21%;
  float: right; }
  @media only screen and (max-width: 767px) {
    #sidebar {
      width: 100%;
      margin: 40px -3% 0;
      float: none; } }
  #sidebar .section-nav ul {
    padding-left: 0; }
    #sidebar .section-nav ul li {
      background: url(_/images/shared/bullet-arrow.png) no-repeat 0 0.4em;
      padding-left: 12px; }
  #sidebar .section-nav a:link {
    color: #fff;
    text-decoration: none; }
  #sidebar .section-nav a:visited {
    color: #fff;
    text-decoration: none; }
  #sidebar .section-nav a:hover {
    color: #b57e24;
    text-decoration: none; }
  #sidebar .section-nav a:active {
    color: #b57e24;
    text-decoration: none; }

/* HOME PAGE  ------------------------------------------------------------------*/
.home.video-bg {
  /*
  background: url(_/images/home/homepage-bg.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  */ }
  .home.video-bg .vjs-loading-spinner {
    display: none; }
  @media only screen and (max-width: 979px) {
    .home.video-bg #wrapper {
      background: 0; } }
  .home.video-bg #content {
    width: 70%;
    max-width: 675px;
    min-height: none;
    margin: 0 0 0 0;
    padding: 20% 0 0 15px;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45); }
    @media screen and (min-width: 1200px) {
      .home.video-bg #content {
        padding-top: 235px; } }
    @media only screen and (min-width: 980px) and (max-width: 1024px) {
      .home.video-bg #content {
        padding-top: 13%; } }
    @media only screen and (max-width: 979px) {
      .home.video-bg #content {
        padding-top: 0; } }
   .home.video-bg h1.page-title {
    font: 200 36px/45px "Roboto Condensed", Helvetica, Arial, sans-serif;
    margin: 0 0 25px;
    letter-spacing: .02em;
    color: #b57e24; }
  .home.video-bg .button,
  .home.video-bg input[type="submit"],
  .home.video-bg input[type="reset"],
  .home.video-bg input[type="button"] {
    margin-right: 3px;
    padding: 8px 20px 8px;
    font: 400 16px/18px "Roboto Condensed", Helvetica, Arial, sans-serif; }
  .home.video-bg #page-footer {
    width: 100%;
    max-width: 100%;
    padding-right: 80px;
    margin-bottom: 35px;
    /* Home Page Content Collison Fix -------------------------------------- */
    /* Hide the footer when browser window isn't tall enough to display 'content' and 'footer' elements without collision.
       The 'collison-fix' is applied via JS on pageload or window resize if the height of the combined  elements is greater
       than the browser window's height. */ }
    @media only screen and (max-width: 979px) {
      .home.video-bg #page-footer {
        border-top: 0; } }
    .home.video-bg #page-footer.collision-fix {
      display: none; }
  .home.video-bg #big-video-control-timer {
    opacity: 0; }

#testimonials {
  margin: 32px 0;
  border-top: 5px solid rgba(176, 176, 177, 0.2); }
  #testimonials .testimonial {
    padding: 15px 0; }
  #testimonials .testimonial-content {
    position: relative;
    font: 200 20px/25px "Roboto Condensed", Helvetica, Arial, sans-serif;
    padding: 0;
    margin: 0 0 8px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .08em; }
    #testimonials .testimonial-content:before {
      position: absolute;
      top: 6px;
      left: -20px;
      content: "\“";
      font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
      font-weight: 400;
      font-size: 48px;
      color: #535252; }
  #testimonials .testimonial-source {
    font: 400 14px/22px "Roboto Condensed", Helvetica, Arial, sans-serif;
    color: #b57e24;
    letter-spacing: .01em; }

#recent-posts {
  margin: 50px 0 20px;
  padding: 15px 0;
  border-top: 5px solid rgba(176, 176, 177, 0.2); }
   #recent-posts h1 {
    font-size: 28px;
    margin-bottom: 15px;
    color: #b57e24; 
    font: 200 28px/25px "Roboto Condensed", Helvetica, Arial, sans-serif; }
  #recent-posts .recent-post {
    padding: 15px 0; }
  #recent-posts .recent-post-title {
    position: relative;
    font: 200 20px/25px "Roboto Condensed", Helvetica, Arial, sans-serif;
    padding: 0;
    margin: 0 0 8px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .08em; }
    #recent-posts .recent-post-title a {
      color: #fff;
      text-decoration: none; }
  #recent-posts a.read-more {
    font: 600 12px/14px "Roboto", Helvetica, Arial, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase; }
    #recent-posts a.read-more:after {
      content: ' »'; }

/* VIDEOS PAGE  ------------------------------------------------------------------*/
/* Video Detail  --------- */
#video-background {
  position: relative;
  background: #3e3e3e;
  margin: 0 auto 20px;
  background: #000;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.45); }

/* Video Thumbnails  --------- */
.video-listings {
  width: 102%;
  margin: 0 -1%; }
  #video + .video-listings {
    margin-top: 25px; }
  .video-listings .video-item {
    float: left;
    width: 25%;
    padding: 0 1% 1% 1%;
    margin-bottom: 10px; }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .video-listings .video-item {
        width: 33.333%; } }
    @media only screen and (max-width: 767px) {
      .video-listings .video-item {
        width: 50%; } }
    .video-listings .video-item .video-load-trigger {
      display: block;
      margin: 0 0 7px; }
    .video-listings .video-item img {
      margin: 0;
      width: 100%;
      height: auto;
      opacity: 1;
      border: 1px solid #868585;
      -webkit-transition: opacity 0.125s linear;
      -moz-transition: opacity 0.125s linear;
      -o-transition: opacity 0.125s linear;
      transition: opacity 0.125s linear; }
      .video-listings .video-item img:hover {
        opacity: .75;
        border: 1px solid #b57e24; }
    .video-listings .video-item .video-title {
      margin: 0;
      padding: 0 5px 0 0;
      font: 500 12px/14px "Roboto", Helvetica, Arial, sans-serif;
      text-transform: uppercase; }
    .video-listings .video-item .view-count {
      font: 700 11px/12px "Roboto", Helvetica, Arial, sans-serif;
      color: #b57e24;
      white-space: nowrap; }

/* CONTACT PAGE  ------------------------------------------------------------------*/
#contact-form input.submit-btn {
  margin-top: 20px; }

/* SUBSCRIBE PAGE  ------------------------------------------------------------------*/
#sign-up-form #subscribe-btn {
  margin-top: 20px; }

/* "BRING TO YOUR TOWN" PAGE  ------------------------------------------------------------------*/
#showing-request-form #purchase-count-container input[name='purchaseCount'] {
  margin: 0 8px 10px 0; }
#showing-request-form #purchase-count-container .radio-label {
  font: 600 14px/18px "Roboto", Helvetica, Arial, sans-serif; }
#showing-request-form input.submit-btn {
  margin-top: 10px; }
#showing-request-form .legal {
  font: 400 12px/15px "Roboto", Helvetica, Arial, sans-serif;
  margin: 0 0 14px 0; }

/* PRESS PAGE  ------------------------------------------------------------------*/
.press-items {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #3e3e3e; }
  .press-items:last-child {
    border-bottom: 0; }
  .press-items h2 {
    margin-bottom: 20px; }
  .press-items ul {
    padding-left: 0; }
    .press-items ul li {
      margin: 0 0 20px 0;
      padding-left: 0;
      background: 0; }
  .press-items .press-item-title {
    font: 600 16px/24px "Roboto", Helvetica, Arial, sans-serif; }
  .press-items .source-name {
    display: block;
    padding: 0 7px 0 0;
    font: 700 13px/18px "Roboto", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .01em;
    color: #b9b8b8; }

/* Online Press ------------ */
/* Videos ------------ */
/* Print ------------ */
#print-content .cover-gallery {
  width: 102%;
  margin: 0 -1%; }
  #print-content .cover-gallery .print-item {
    float: left;
    width: 25%;
    padding: 0 1% 3% 1%; }
    @media only screen and (min-width: 980px) and (max-width: 1024px) {
      #print-content .cover-gallery .print-item {
        width: 33.3333%; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #print-content .cover-gallery .print-item {
        width: 50%; } }
    @media only screen and (max-width: 479px) {
      #print-content .cover-gallery .print-item {
        width: 100%; } }
    #print-content .cover-gallery .print-item img {
      width: 100%;
      height: auto;
      opacity: 1;
      border: 1px solid #3e3e3e;
      -webkit-transition: opacity 0.125s linear;
      -moz-transition: opacity 0.125s linear;
      -o-transition: opacity 0.125s linear;
      transition: opacity 0.125s linear; }
      #print-content .cover-gallery .print-item img:hover {
        opacity: .75;
        border: 1px solid #b57e24; }
    #print-content .cover-gallery .print-item .print-title {
      font: 700 12px/14px "Roboto", Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      letter-spacing: .02em;
      color: #b9b8b8; }

/* ENDORSEMENTS PAGE  ------------------------------------------------------------------*/
#endorsements {
  margin: 32px 0; }
  #endorsements .endorsement {
    padding: 15px 0;
    border-top: 1px solid #3e3e3e; }
    #endorsements .endorsement:first-child {
      border: 0; }
  #endorsements .endorsement-content {
    position: relative;
    font: 200 20px/25px "Roboto Condensed", Helvetica, Arial, sans-serif;
    padding: 0;
    margin: 0 0 8px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .08em; }
    #endorsements .endorsement-content:before {
      position: absolute;
      top: 10px;
      left: -20px;
      content: "\“";
      font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
      font-weight: 400;
      font-size: 48px;
      color: #535252; }
  #endorsements .endorsement-source {
    font: 400 14px/22px "Roboto Condensed", Helvetica, Arial, sans-serif;
    color: #b57e24;
    letter-spacing: .01em; }

/* BLOG  ------------------------------------------------------------------------*/
/* Post Listings ----------------  */
body.blog .post,
body.archive .post,
body.search .post {
  margin: 0 0 35px;
  padding: 0 0 10px;
  border-bottom: 1px solid #3e3e3e; }
  body.blog .post:first-child,
  body.archive .post:first-child,
  body.search .post:first-child {
    border-top: 0; }

/* Post Header ------------------  */
.post-title h2 a:link {
  color: #fff;
  text-decoration: none; }
.post-title h2 a:visited {
  color: #fff;
  text-decoration: none; }
.post-title h2 a:hover {
  color: #b57e24;
  text-decoration: none; }
.post-title h2 a:active {
  color: #b57e24;
  text-decoration: none; }

/* Post Meta --------------------  */
.post-meta {
  margin: -5px 0 15px;
  padding: 10px 0;
  font: 400 12px/14px "Roboto", Helvetica, Arial, sans-serif;
  color: #9f9f9f;
  border-top: 1px solid #3e3e3e;
  border-bottom: 1px solid #3e3e3e; }
  .post-meta .post-credits {
    margin: 0 0 6px 0;
    float: left; }
  .post-meta .post-date {
    width: auto;
    float: left; }
    .post-meta .post-date:after {
      line-height: 14px;
      color: #3e3e3e;
      content: " | ";
      margin: 0 8px; }
    .post-meta .post-date:before {
      margin: 0 6px 0 0;
      text-align: center;
      content: "\f073";
      font-family: FontAwesome;
      font-size: 14px;
      line-height: 14px;
      color: #fff;
      -webkit-transition: color 0.125s linear;
      -moz-transition: color 0.125s linear;
      -o-transition: color 0.125s linear;
      transition: color 0.125s linear; }
  .post-meta .byline {
    display: none; }
    .post-meta .byline:before {
      margin: 0 3px 0 0;
      text-align: center;
      content: "\f007";
      font-family: FontAwesome;
      font-size: 14px;
      line-height: 14px;
      color: #fff; }
  .post-meta .post-categories {
    width: auto;
    float: left;
    margin: 0 5px 0 0; }
    .post-meta .post-categories:before {
      margin: 0 6px 0 0;
      text-align: center;
      content: "\f07c";
      font-family: FontAwesome;
      font-size: 14px;
      line-height: 14px;
      color: #fff; }
    .post-meta .post-categories:after {
      line-height: 14px;
      color: #3e3e3e;
      content: " | ";
      margin: 0 8px; }
  .post-meta .post-tags {
    clear: left;
    padding: 5px 0 0 0; }
    .post-meta .post-tags:before {
      margin: 0 3px 0 0;
      text-align: center;
      content: "\f02c";
      font-family: FontAwesome;
      font-size: 14px;
      line-height: 14px;
      color: #fff; }

/* Post Content -----------------  */
a.featured-img {
  display: block;
  width: 100%;
  padding: 0 0 5px; }

a.read-more-link {
  position: relative;
  top: -13px; }

/* Post Archive pages -----------  */
.blog h2.archive-title,
.archive h2.archive-title,
.search h2.archive-title {
  font: 200 25px/28px "Roboto", Helvetica, Arial, sans-serif;
  text-transform: none;
  letter-spacing: 0;
  padding: 0;
  margin: 0 0 20px;
  color: #fff; }
.blog h1 + h2.archive-title,
.archive h1 + h2.archive-title,
.search h1 + h2.archive-title {
  margin: -5px 0 25px 0; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog .post-img,
  .archive .post-img,
  .search .post-img {
    width: 100%; } }
.blog .read-more-link,
.archive .read-more-link,
.search .read-more-link {
  font: 600 12px/14px "Roboto", Helvetica, Arial, sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase; }
  .blog .read-more-link:after,
  .archive .read-more-link:after,
  .search .read-more-link:after {
    content: ' »'; }

/* Post Detail pages ------------  */
.single .featured-img {
  margin: 0 0 20px 0; }
  .single .featured-img img {
    width: 100%;
    height: auto; }

/* Comments  -------------------------------------------------------------------- */
#comments {
  margin: 0 0 25px 0;
  padding: 0;
  border-bottom: 1px solid #3e3e3e; }

/* Comments Header ------ */
.comments-header {
  margin: 0 0 12px; }

#comments h2 {
  float: left;
  margin: 0 0 12px;
  padding: 0 15px 0 0; }

#comments h3 {
  float: left;
  margin: 2px 0 0;
  padding: 7px 0 2px 15px;
  font: 400 12px/14px "Roboto", Helvetica, Arial, sans-serif;
  border-left: 1px solid #3e3e3e; }

/* Comments List ------ */
ol.commentlist {
  list-style: none;
  margin: 0 0 15px 0;
  padding: 0;
  border-bottom: 1px #3e3e3e; }
  ol.commentlist li.comment {
    position: relative;
    clear: both;
    margin: 0 0 18px;
    padding: 17px 0 0px;
    border-top: 1px solid #3e3e3e;
    background: none; }
    ol.commentlist li.comment.odd {
      margin: 18px 0 18px 25px;
      border-top: 1px dotted #393939; }
    ol.commentlist li.comment p {
      margin: 0 0 10px; }
  ol.commentlist .comment-author {
    margin: 0 0 25px; }
  ol.commentlist img.avatar {
    display: block;
    float: left;
    margin: 0 12px 0 0;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
  ol.commentlist cite.fn {
    display: inline-block;
    font: 600 12px/14px "Roboto", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .03em;
    padding: 0;
    margin: 10px 0 9px;
    color: #b57e24; }
  ol.commentlist .comment-metadata {
    position: absolute;
    top: 18px;
    right: 0; }
    ol.commentlist .comment-metadata a:link {
      color: #9f9f9f; }
  ol.commentlist .comment-reply-link:after {
    content: " »"; }

/* Comments Form ------ */
#commentform {
  margin: 12px 0 0;
  padding: 0; }
  #commentform input#author,
  #commentform input#email,
  #commentform input#url,
  #commentform textarea#comment {
    width: 100%;
    margin-bottom: 15px; }

/* Sidebar  --------------------------------------------------------------------- */
#sidebar #additional-archives {
  margin: -8px 0 0 0;
  border: 0;
  display: none; }
#sidebar a#more-archives-btn {
  margin: 0 0 0 0;
  font: 600 10px/12px "Roboto", Helvetica, Arial, sans-serif;
  text-transform: uppercase; }
  #sidebar a#more-archives-btn:link {
    color: #b57e24;
    text-decoration: none; }
  #sidebar a#more-archives-btn:visited {
    color: #b57e24;
    text-decoration: none; }
  #sidebar a#more-archives-btn:hover {
    color: #fff;
    text-decoration: none; }
  #sidebar a#more-archives-btn:active {
    color: #fff;
    text-decoration: none; }

/* "DEMAND IT" PAGE  ------------------------------------------------------------------*/
/* Leaderboard ------------- */
.leaderboard {
  font: 400 16px/30px "Roboto", Helvetica, Arial, sans-serif;
  color: #fff; }
  .leaderboard .vote-count {
    font: 600 14px/14px "Roboto Condensed", Helvetica, Arial, sans-serif;
    color: #b57e24;
    padding-left: 5px; }

/* Demand-it Sharing ------------- */
#demand-it-sharing {
  margin: 30px 0 0 0;
  padding: 15px 20px 25px;
  background: #b57e24;
  background: rgba(181, 126, 36, 0.7);
  display: none; }
  #demand-it-sharing h1, #demand-it-sharing h3 {
    color: #000; }
  #demand-it-sharing h3 {
    margin-bottom: 25px; }

/* Extend Look and feel of 'datepicker' widget ------------- */
body.page-id-378 #ui-datepicker-div {
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.5); }
body.page-id-378 .ui-datepicker-next, body.page-id-378 .ui-datepicker-prev {
  display: none; }
body.page-id-378 select.ui-datepicker-month {
  width: 48%;
  height: 30px;
  -webkit-appearance: none; }
body.page-id-378 select.ui-datepicker-year {
  float: right;
  width: 48%;
  height: 30px;
  -webkit-appearance: none; }
body.page-id-378 table.ui-datepicker-calendar th {
  background: none; }