/*
Theme Name: Off Camera Responsive Custom Theme
Description: A custom developed theme by Let's Build LLC.
Author: Let's Build LLC.
Author URI: http://www.letsbuild.la
Version: 2.3
*/
@import url("//hello.myfonts.net/count/25431b");
@import url("//fonts.googleapis.com/css?family=Bitter:400,700,400italic");
html, body, 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, 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; }

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers.
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {
  max-width: 100%; }

/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
  height: 100%; }

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: none; }

small {
  font-size: 85%; }

strong, th {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0; }

/* make buttons play nice in IE */
button {
  width: auto;
  overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover */
.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

.no-select, .menu-item a {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  outline: none; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75); }
  .mfp-arrow-left {
    transform-origin: 0; }
  .mfp-arrow-right {
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* Import Fonts */
@font-face {
  font-family: 'Gibson-Light';
  src: url("_/fonts/gibson/25431B_0_0.eot");
  src: url("_/_/fonts/gibson/25431B_0_0.eot?#iefix") format("embedded-opentype"), url("_/fonts/gibson/25431B_0_0.woff") format("woff"), url("_/fonts/gibson/25431B_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gibson-LightIt';
  src: url("_/fonts/gibson/25431B_1_0.eot");
  src: url("_/fonts/gibson/25431B_1_0.eot?#iefix") format("embedded-opentype"), url("_/fonts/gibson/25431B_1_0.woff") format("woff"), url("_/fonts/gibson/25431B_1_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gibson-BoldItalic';
  src: url("_/fonts/gibson/25431B_2_0.eot");
  src: url("_/fonts/gibson/25431B_2_0.eot?#iefix") format("embedded-opentype"), url("_/fonts/gibson/25431B_2_0.woff") format("woff"), url("_/fonts/gibson/25431B_2_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gibson-SemiboldIt';
  src: url("_/fonts/gibson/25431B_3_0.eot");
  src: url("_/fonts/gibson/25431B_3_0.eot?#iefix") format("embedded-opentype"), url("_/fonts/gibson/25431B_3_0.woff") format("woff"), url("_/fonts/gibson/25431B_3_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gibson-Bold';
  src: url("_/fonts/gibson/25431B_4_0.eot");
  src: url("_/fonts/gibson/25431B_4_0.eot?#iefix") format("embedded-opentype"), url("_/fonts/gibson/25431B_4_0.woff") format("woff"), url("_/fonts/gibson/25431B_4_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gibson-Regular';
  src: url("_/fonts/gibson/25431B_5_0.eot");
  src: url("_/fonts/gibson/25431B_5_0.eot?#iefix") format("embedded-opentype"), url("_/fonts/gibson/25431B_5_0.woff") format("woff"), url("_/fonts/gibson/25431B_5_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gibson-SemiBold';
  src: url("_/fonts/gibson/25431B_6_0.eot");
  src: url("_/fonts/gibson/25431B_6_0.eot?#iefix") format("embedded-opentype"), url("_/fonts/gibson/25431B_6_0.woff") format("woff"), url("_/fonts/gibson/25431B_6_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Gibson-Italic';
  src: url("_/fonts/gibson/25431B_7_0.eot");
  src: url("_/fonts/gibson/25431B_7_0.eot?#iefix") format("embedded-opentype"), url("_/fonts/gibson/25431B_7_0.woff") format("woff"), url("_/fonts/gibson/25431B_7_0.ttf") format("truetype"); }

@font-face {
  font-family: 'FreigDisMed';
  src: url("_/fonts/freig/FreigDisMed.ttf") format("truetype"); }

@font-face {
  font-family: 'FreigDisBold';
  src: url("_/fonts/freig/FreigDisBold.ttf") format("truetype"); }

@font-face {
  font-family: 'FreigBigBol';
  src: url("_/fonts/freig/FreigBigBol.ttf") format("truetype"); }

@font-face {
  font-family: 'FreigBigBoo';
  src: url("_/fonts/freig/FreigBigBoo.ttf") format("truetype"); }

@font-face {
  font-family: 'FreigBigMed';
  src: url("_/fonts/freig/FreigBigMed.ttf") format("truetype"); }

@font-face {
  font-family: 'FreigBigMedIta';
  src: url("_/fonts/freig/FreigBigMedIta.ttf") format("truetype"); }

@font-face {
  font-family: 'NoticiaTextRegular';
  src: url("_/fonts/noticia/NoticiaText-Regular-webfont.eot");
  src: url("_/fonts/noticia/NoticiaText-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("_/fonts/noticia/NoticiaText-Regular-webfont.woff") format("woff"), url("_/fonts/noticia/NoticiaText-Regular-webfont.ttf") format("truetype"), url("_/fonts/noticia/NoticiaText-Regular-webfont.svg#NoticiaTextRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'NoticiaTextBold';
  src: url("_/fonts/noticia/NoticiaText-Bold-webfont.eot");
  src: url("_/fonts/noticia/NoticiaText-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("_/fonts/noticia/NoticiaText-Bold-webfont.woff") format("woff"), url("_/fonts/noticia/NoticiaText-Bold-webfont.ttf") format("truetype"), url("_/fonts/noticia/NoticiaText-Bold-webfont.svg#NoticiaTextRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'NovecentoWideLight';
  src: url("_/fonts/novoc/novec.eot");
  src: url("_/fonts/novoc/novoc.eot?#iefix") format("embedded-opentype"), url("_/fonts/novoc/novoc.woff") format("woff"), url("_/fonts/novoc/novoc.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {
  font: 10px Helmet, Freesans, sans-serif; }

/* using local fonts? make sure to read up on Paul Irish's
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */
/* we like off-black for text */
body, select, input, textarea {
  color: #333; }

a {
  color: #03f;
  font-weight: bold;
  color: #202222;
  text-decoration: none;
  border-bottom: 1px solid #c8c8c8;
  transition: all .1s linear; }

a:hover {
  color: #141414; }

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
  background: #333;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #333;
  color: #fff;
  text-shadow: none; }

/*	j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: transparent; }

ins {
  background-color: #fcd700;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #fcd700;
  color: #000;
  font-style: italic;
  font-weight: bold; }

.clearfix {
  clear: both; }

/* Globals */
div.page-loader {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  z-index: 10000;
  transition: opacity 100ms ease-out; }

div.page-loader b {
  content: "";
  display: block;
  height: 93px;
  background-position: center center;
  background-size: contain;
  background-color: #fff;
  background-repeat: no-repeat;
  margin: -60px 5% 0px 5%;
  position: fixed;
  top: 50%;
  width: 90%;
  background-color: transparent; }

div.page-loader span {
  position: fixed;
  bottom: 20%;
  display: block;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 1.5em;
  font-family: 'FreigBigMedIta'; }

.vertical-align {
  top: 50%;
  transform: translateY(-50%); }

.animate-down, .fade {
  transition: opacity 400ms ease-in-out; }

.bg-animate {
  transition: background-color 400ms ease-in-out; }

@keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.animate-flicker {
  animation: flickerAnimation 500ms infinite; }

div.wrap {
  max-width: 960px;
  margin: 0px auto;
  vertical-align: top; }

div.page-body {
  margin: 100px auto 10px auto;
  padding: 0px 10px; }

a.button {
  border: none;
  padding: 5px 10px 3px 10px;
  color: #aeaeae;
  font-family: Gibson-Regular, arial, sans-serif;
  font-size: 1.2em;
  line-height: 1.2em;
  text-transform: uppercase;
  font-style: italic; }

a.ui-button {
  min-width: 270px;
  text-align: center;
  border: none;
  padding: 5px 20px 5px 20px;
  display: inline-block;
  font-family: Gibson-Regular, arial, sans-serif;
  font-size: 1.4em;
  line-height: 1.4em;
  text-transform: uppercase;
  color: #fff;
  background-color: #000;
  margin-top: 5px; }

a.button:hover {
  color: #000; }

div.share-wrap {
  height: 40px;
  margin-top: 10px; }

div.share-wrap a {
  border-bottom: none; }

div.share-wrap span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: -3px;
  font-size: 15px;
  font-family: 'NoticiaTextRegular', 'Times', serif; }

div.page-body div.pager {
  text-align: center;
  margin: 20px auto; }

div.page-body div.pager span {
  background-color: #000;
  color: #fff;
  padding: 6px 10px 3px 10px;
  font-size: 1.7em;
  letter-spacing: 0.05em;
  font-family: 'FreigBigMedIta', 'Times', serif;
  cursor: pointer; }

/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/
#header {
  background-color: #000;
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  padding: 10px 0px 10px 0px;
  text-align: center;
  z-index: 500; }

#header a {
  border: none; }

#header img#offcamera-logo {
  float: left;
  margin-left: 10px;
  position: relative;
  z-index: 501; }

#header ul#menu-masthead {
  float: right;
  line-height: 52px;
  margin-left: 4%;
  border: none;
  outline: none; }

#header ul#menu-masthead li {
  font-family: Gibson-Regular, arial, sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 1.25em;
  display: inline-block;
  padding: 0px 10px;
  text-decoration: none;
  line-height: 52px;
  outline: none;
  border: none; }

#header ul#menu-masthead li a {
  color: #989898;
  border: none; }

#header ul#menu-masthead li:last-child {
  /*

	padding-right: 50px;
	background-image: url('_/graphics/offcamera-bttn-buy.png');
	background-repeat: no-repeat;
	background-position: right center;
*/ }

#header ul#menu-masthead li a:hover,
#header ul#menu-masthead li.current-menu-item a,
#header ul#menu-masthead li.active a {
  color: #fff; }

#header a#menu-open {
  height: 52px;
  width: 52px;
  float: right;
  display: none;
  background-image: url("_/graphics/offcamera-menu-button.png");
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 10px;
  position: relative;
  z-index: 502; }

#header img#directv-logo {
  width: 150px;
  position: relative;
  top: 8px;
  left: 10px; }

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important; }

/* Issues */
#issue-wrap {
  margin-bottom: 100px; }

/* Blog */
div#blog {
  min-height: 800px; }

div#blog h2 {
  text-align: center;
  font-family: 'FreigDisMed';
  font-size: 5.0em;
  font-weight: normal;
  padding-bottom: 20px;
  border-bottom: 1px solid #888888;
  margin-bottom: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
  padding-top: 20px; }

div#blog div.left {
  width: 70%;
  float: left; }

div#blog div.left article {
  margin-bottom: 35px; }

div#blog div.left article h3 {
  font-size: 1.6em;
  font-family: 'FreigDisBold';
  text-transform: uppercase;
  letter-spacing: 1px; }

div#blog div.left article h3 a {
  color: #000;
  border-bottom: none; }

div#blog div.left article div.excerpt {
  font-family: 'NoticiaTextRegular';
  margin: 10px 0px 20px 0px;
  line-height: 25px;
  font-size: 1.3em; }

div#blog div.left article footer.postmetadata {
  font-family: 'FreigDisMed';
  font-size: 14px;
  color: #989898;
  text-transform: uppercase; }

div#blog div.left article footer.postmetadata span.bar {
  margin: 0px 5px; }

div#blog div.left article footer.postmetadata a {
  color: #000;
  text-decoration: underline;
  font-weight: bold;
  border-bottom: none; }

div#blog div.right {
  width: 25%;
  float: right;
  margin: 0 2.5%; }

div#blog div.right form#searchform {
  border: 1px solid #b8b8b8;
  padding: 8px;
  position: relative;
  background-color: #fff;
  margin-bottom: 25px; }

div#blog div.right form#searchform input[type=search] {
  border: none;
  -webkit-appearance: none;
  outline: none;
  width: 100%;
  background-color: transparent;
  position: relative;
  z-index: 99;
  font-family: 'FreigDisMed';
  font-size: 15px;
  font-weight: bold;
  top: 1px; }

div#blog div.right form#searchform input[type=submit] {
  display: none; }

div#blog div.right form#searchform span.label {
  position: absolute;
  top: 11px;
  left: 16px;
  font-family: 'FreigDisMed';
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0px;
  z-index: 1; }

div#blog div.right h3 {
  font-family: 'FreigDisMed';
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin: 20px 0px 15px 0px; }

div#blog div.right div#search-2 {
  border-bottom: 1px solid #888888; }

div#blog div.right div#sidebar ul {
  margin-right: 50px; }

div#blog div.right div#sidebar ul li {
  font-family: 'FreigBigMedIta', 'Times', serif;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  margin-bottom: 10px; }

div#blog div.right div#sidebar ul li a {
  color: #989898;
  border-bottom: none; }

div#blog div.right div#sidebar ul li a:first-child {
  text-transform: capitalize; }

div#blog div.right div#sidebar.fixed {
  position: fixed;
  top: 20px; }

#single article {
  margin-top: 80px; }

#single article h2 {
  border: none;
  font-size: 20px;
  line-height: 22px;
  text-align: left;
  font-family: 'Bitter', serif;
  font-weight: normal;
  color: #202222;
  padding-bottom: 0px; }

#single article div.entry-content p {
  font-family: 'NoticiaTextRegular', times, serif;
  font-size: 13px;
  margin-bottom: 20px;
  line-height: 25px;
  text-indent: 80px; }

#single h3#comments {
  font-family: 'Bitter', serif;
  color: #202222;
  font-weight: normal;
  padding: 0;
  line-height: 30px;
  font-size: 20px; }

#single ol.commentlist {
  padding: 40px 0 20px 0;
  margin: 0;
  list-style-type: none;
  background: url(_/graphics/offcamera-split.png) repeat-x; }

#single ol.commentlist li.comment {
  font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background-color: #e1e1e1;
  padding: 10px;
  margin-bottom: 10px; }

#single ol.commentlist li.comment div.comment-meta {
  text-transform: uppercase;
  margin-top: 15px; }

#single ol.commentlist li.comment p {
  margin: 5px 0px; }

/* Page Styling */
.page h2 {
  text-align: center;
  font-family: 'FreigDisMed';
  font-size: 5.0em;
  font-weight: normal;
  padding-bottom: 20px;
  border-bottom: 1px solid #888888;
  margin-bottom: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
  padding-top: 20px; }

.page h3 {
  font-family: 'FreigBigMedIta', 'Times', serif;
  margin-top: 0px;
  padding-bottom: 10px;
  font-size: 2.0em; }

.page em {
  /*     font-family: 'FreigBigMedIta', 'Times', serif; */
  /*     font-style: normal; */
  /* 	font-size: 1.2em; */
  /* 	font-size: inherit; */ }

.page p {
  font-size: 13px;
  font-family: 'NoticiaTextRegular', 'Times', serif;
  margin-bottom: 15px;
  line-height: 25px; }

.page p br {
  margin-bottom: 10px; }

.page blockquote {
  padding-bottom: 20px; }

.page blockquote p {
  color: #666 !important;
  background: none repeat scroll 0 0 transparent;
  font-family: 'FreigBigMedIta', times;
  font-size: 22px;
  padding: 0;
  position: relative;
  text-transform: none;
  width: 660px;
  margin-bottom: 20px;
  line-height: 30px; }

.page img.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px; }

/* Issue Module */
div.issue-vertical {
  position: relative;
  padding: 60px 0px 60px 0px;
  border-bottom: 1px solid #000; }

div.issue-vertical:last-child {
  border-bottom: none; }

div.issue-vertical div.cover {
  width: 50%;
  height: auto;
  float: left;
  position: relative; }

div.issue-vertical div.cover img {
  position: relative;
  border: 1px solid #ccc;
  opacity: 0;
  transition: opacity 900ms ease-in; }

div.issue-vertical div.copy {
  float: left;
  width: 45%;
  margin-left: 2.5%;
  margin-top: 20px; }

div.issue-container div.preview-wrap {
  text-align: right; }

div.issue-container div.copy {
  font-family: 'NoticiaTextRegular', times, serif;
  font-size: 1.3em; }

div.issue-container div.copy p {
  margin-bottom: 15px;
  line-height: 1.4em; }

div.issue-container div.copy div.issue, div.issue-container div.copy div.app {
  display: none; }

div.issue-container div.copy div.issue.active, div.issue-container div.copy div.app.active {
  display: block; }

div.issue-container ul.store-select a {
  border: none; }

div.issue-container ul.store-select {
  margin: 10px 0px 20px 0px; }

div.issue-container ul.store-select li {
  display: inline-block;
  margin-right: 15px; }

div.issue-container ul.store-select li img.app-select {
  height: 60px;
  width: auto; }

div.issue-container ul.store-select li span {
  display: block;
  font-size: 0.8em;
  text-align: center; }

div.issue-container ul.options {
  width: 150px;
  position: absolute;
  right: -160px;
  /* 	top: 100px; */ }

div.issue-container ul.options a {
  border: none; }

div.issue-container ul.options li:first-child {
  padding-top: 0px; }

div.issue-container ul.options li {
  font-family: Gibson-Regular, arial, sans-serif;
  font-size: 1.3em;
  line-height: 1.3em;
  padding: 5px 6px 3px 0px;
  margin-bottom: 5px;
  font-weight: normal;
  /* 	background-color: #aeaeae; */
  color: #aeaeae;
  cursor: pointer;
  text-transform: uppercase; }

div.issue-container ul.options li#get-app {
  line-height: 1.3em;
  padding-right: 30px; }

div.issue-container ul.options li#get-app.active {
  background-image: url("_/graphics/offcamera-close-bg.png");
  background-repeat: no-repeat;
  background-position: 96% 1px; }

div.issue-container ul.options li.active {
  color: #000; }

div.issue-container ul.options li:hover {
  color: #000; }

div.issue-horizontal {
  position: relative; }

div.issue-horizontal ul.options {
  position: static;
  width: auto;
  margin-bottom: 20px;
  border-bottom: 1px solid #000; }

div.issue-horizontal ul.options li {
  display: inline-block !important;
  margin-right: 2px !important; }

div#embed {
  text-align: right; }

iframe#vhx-player {
  /* 	height: 550px; */ }

/* Content Unavailable */
#content-unavailable {
  width: 100%;
  height: 540px;
  position: relative;
  font-family: 'NoticiaTextRegular', times, serif;
  font-size: 2.4em;
  font-style: italic;
  color: #fff;
  background-color: #000; }

#content-unavailable span {
  position: absolute;
  display: block;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%); }

/* Footer */
#footer {
  background-color: #000;
  clear: both;
  margin-top: 40px; }

#footer a {
  border-bottom: none; }

#footer div.menu-footer-container {
  float: left;
  margin-left: 10px; }

#footer div.menu-footer-container ul {
  padding-top: 20px; }

#footer div.menu-footer-container ul li {
  display: inline-block;
  padding: 0px 15px 0px 0px; }

#footer div.menu-footer-container ul li a {
  text-decoration: none;
  color: #fff;
  font-family: 'Gibson-Regular';
  text-transform: uppercase;
  transition: color 400ms ease-in-out; }

#footer div.menu-footer-container ul li a:hover {
  color: #999; }

/* Footer */
#footer div#powered {
  padding: 10px 10px; }

#footer div#powered img {
  float: left;
  width: 96px;
  opacity: 0.5; }

#footer div#powered img:hover {
  opacity: 0.8; }

#footer div#social {
  margin-top: 20px;
  text-align: right;
  border-bottom: 1px solid #5e5e5e;
  padding: 10px 0px 20px 0px;
  outline: none; }

#footer div#social div.social {
  outline: none; }

#footer div#social a {
  text-decoration: none;
  outline: none;
  border: none; }

#footer div#social div.social {
  display: inline-block;
  height: 30px;
  width: 30px;
  background-image: url(_/graphics/offcamera-bttn-social.png);
  margin-right: 5px; }

#footer div#social div.social.facebook {
  background-position: 0px 0px; }

#footer div#social div.social.twitter {
  background-position: -41px 0px; }

#footer div#social div.social.subscribe {
  background-position: -83px 0px; }

#footer div#social div.fb-like {
  position: relative;
  top: -5px; }

#footer div#copyright {
  color: #989898;
  font-family: 'FreigBigMedIta';
  text-align: center;
  padding: 30px 0px 10px 0px;
  font-size: 1.2em; }

/* Modals */
div#simplemodal-overlay {
  background-image: url(_/graphics/offcamera-70-black.png); }

div.modal {
  background-color: #fff;
  padding: 30px 30px;
  /* max-width: 350px; */
  position: relative; }

div.modal h2 {
  padding: 0px 0px 20px 0px; }

div.modal img.js-close-modal {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
  z-index: 100; }

div.modal h2 {
  font-family: 'Freig Big Med';
  margin-bottom: 20px;
  font-size: 24px !important;
  text-align: left;
  margin-top: 0px !important;
  font-weight: normal;
  border-bottom: 1px solid #000; }

div.modal p {
  margin-bottom: 5px;
  font-family: 'Noticia Text Regular';
  font-size: 1.4em; }

div.modal p span.special {
  font-family: 'Bitter', serif;
  font-size: 1.3em;
  font-weight: bold; }

div.modal div.response {
  text-align: center;
  padding: 30px 0px 40px 0px;
  height: 100px; }

div.modal div.response h2 {
  text-align: center;
  border: none;
  text-transform: capitalize;
  font-style: italic; }

div#signup-form-modal, div#free-episode {
  max-width: 390px;
  margin: 0 auto; }

div#signup-form-modal label {
  font-family: 'Noticia Text Regular';
  margin: 10px 0px;
  display: inline-block;
  font-size: 1.2em; }

div#signup-form-modal form {
  position: relative;
  padding: 0px; }

div#signup-form-modal form div.form {
  position: relative; }

div#signup-form-modal form div.form input[type=text] {
  width: 95%;
  -webkit-appearance: none;
  border-radius: 0;
  border: 1px solid #cdcdcd;
  outline: none;
  padding: 2.5%; }

div#signup-form-modal form div.form input[type=text].error {
  border: 1px solid red; }

div#signup-form-modal form div.form input[type=submit], div#signup-form-modal form div.form button {
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #000;
  color: #fff;
  padding: 12px 0px;
  border: 1px solid #000;
  margin-top: 15px;
  outline: none;
  font-size: 1.2em; }

div#archive-modal {
  /* 	max-width: 960px; */
  max-width: 1020px;
  margin: 30px auto; }
  div#archive-modal ul.seasons {
    font-size: 0.5em;
    padding-right: 40px;
    position: relative;
    top: 6px; }
  div#archive-modal ul.seasons li {
    float: left;
    padding: 0px 10px; }
/*
    div#archive-modal ul.seasons li:first-child {
      margin-left: 0px;
      padding-left: 0px; }
*/
  div#archive-modal ul.seasons li a {
    text-decoration: none;
    border: none; }
  div#archive-modal ul#issue-list {
    column-gap: 30px;
    column-count: 3; }
  div#archive-modal ul#issue-list li {
    break-inside: avoid-column; }
    div#archive-modal ul#issue-list li.hidden {
      display: none; }
  div#archive-modal #issue-list li.season-four {
    display: block; }
  div#archive-modal ul.seasons li a {
    display: inline-block;
    padding: 2px 4px; }
  div#archive-modal ul.seasons li a.active {
    background-color: #000;
    color: #fff; }
  div#archive-modal ul#issue-list li div.issue-number {
    font-size: 2.9em;
    font-family: 'FreigBigBol', times;
    color: #ebe7e3;
    font-style: normal;
    font-weight: normal; }
  div#archive-modal ul#issue-list li div.issue-title {
    position: relative;
    top: -7px;
    font-size: 1.7em;
    font-family: 'FreigBigMedIta', times;
    color: #333;
    font-weight: bold;
    text-transform: lowercase;
    white-space: nowrap; }
  div#archive-modal ul#issue-list li div.issue-title span {
    font-family: 'Bitter', serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 2.0em; }

/* Directv Page */
#directv div.header {
  border-bottom: 1px solid #ccc;
  max-width: 600px;
  margin: 0px auto; }

#directv div.header h3 {
  display: inline-block; }

#directv div.header img.logo {
  max-width: 6%;
  margin: 0px 0px 0px 10px; }

#directv div.episodes {
  /* 	margin: 20px 0px 0px 0px; */ }

#directv div.episodes div.episode div.right {
  float: right; }

#directv div.episodes div.episode {
  border-bottom: 1px solid #ccc;
  padding: 20px 0px;
  max-width: 600px;
  margin: 0px auto; }

#directv div.episodes div.episode span {
  font-size: 1.3em; }

#directv div.episodes div.episode span.day {
  min-width: 80px;
  display: inline-block;
  padding: 0px 0px 0px 10px; }

#directv div.episodes div.episode span.guest {
  padding: 0px 10px; }

#directv h3 {
  padding-bottom: 20px; }

div#about ul#contact-options {
  padding: 0px 30px; }

div#about ul#contact-options li {
  float: left;
  width: 33%;
  border-right: 2px solid #b9b9b9; }

div#about ul#contact-options li:last-child {
  border-right: none; }

div#about ul#contact-options li div.inner {
  padding: 20px 40px; }

div#about ul#contact-options li div.inner h3 {
  font-size: 2.6em;
  padding-bottom: 5px; }

div#about ul#contact-options li div.inner a {
  font-size: 1.3em;
  text-decoration: none;
  border-bottom: none; }

div#about p.privacy {
  text-align: center;
  line-height: 1.3em;
  font-size: 1.1em;
  max-width: 70%;
  margin: 20px auto; }

div#about p.samjonespictures {
  text-align: center; }

div#about blockquote {
  font-family: 'FreigBigMedIta', 'Times', serif;
  font-size: 2.0em; }

div#about blockquote p {
  width: auto !important; }

@media only screen and (max-width: 1300px) {
  div.issue-vertical div.copy {
    width: 40%; }
  div.issue-vertical ul.options {
    right: -95px; } }

@media only screen and (max-width: 1160px) {
  div.issue-vertical div.copy {
    width: 35%; }
  div.issue-vertical ul.options {
    right: -50px; } }

@media only screen and (max-width: 1090px) {
  div.issue-vertical div.copy {
    width: 44%;
    position: relative;
    margin-top: 30px; }
  div.issue-vertical ul.options {
    margin-top: 20px;
    /* 		right: 24px; */
    /* 		top: 30px; */
    /* 		width: 45%; */
    float: left;
    position: static;
    margin-left: 2.5%;
    width: 45%; }
  div.issue-vertical ul.options li {
    line-height: 1.8em;
    display: inline; }
  div.issue-vertical ul.options li span {
    white-space: nowrap; }
  ul.options li#get-app {
    display: block; } }

@media only screen and (max-width: 1025px) {
  div#archive-modal {
    font-size: 9px; }
    div#archive-modal ul#issue-list {
      column-gap: 30px;
      column-count: 2; }
    div#archive-modal ul.seasons {
      float: none;
      margin: 10px 0px 0px 0px;
      padding-right: 0px; }
    div#archive-modal ul.seasons li {
      margin-bottom: 10px; } }

@media only screen and (max-width: 975px) {
  div.issue-vertical ul.options li {
    font-size: 1.2em; }
  div#archive-modal {
    font-size: 8px;
    max-width: 760px; }
    div#archive-modal ul#issue-list {
      column-gap: 30px;
      column-count: 2; }
  div#about ul#contact-options li {
    float: none;
    width: auto;
    border-right: none;
    margin: 20px auto;
    text-align: center; }
  div#about ul#contact-options li div.inner {
    padding: 0px; } }

@media only screen and (max-width: 935px) {
  div.issue-vertical div.copy {
    width: 40%; }
  div.issue-vertical ul.options li {
    font-size: 1.2em; } }

@media only screen and (max-width: 735px) {
  div.issue-vertical div.copy {
    width: 45%; } }

@media only screen and (max-width: 660px) {
  div.issue-vertical div.cover {
    float: none;
    width: auto; }
  div.issue-vertical div.copy {
    float: none;
    width: auto;
    margin-top: 20px;
    margin-left: 0px; }
  div.issue-vertical ul.options {
    position: static;
    width: auto;
    font-size: 1.2em;
    float: none;
    margin-left: 0px; }
  div.issue-horizontal ul.options li {
    font-size: 1.0em; }
  div#blog div.left {
    float: none;
    width: 100%; }
  div#blog div.right {
    margin-top: 10px;
    border-top: 1px solid #000;
    padding-top: 30px;
    float: none;
    width: 95%; }
  #directv div.episodes div.episode div.right {
    float: none;
    display: block;
    line-height: 20px;
    text-align: center;
    padding-top: 10px; }
  #directv div.episodes div.episode span.guest {
    padding-right: 0px; }
  #directv div.episodes div.episode span.day {
    display: block;
    text-align: center;
    padding: 0px 0px 0px 0px; }
  #directv div.episodes div.episode div.right span.time {
    display: block;
    text-align: center;
    padding-top: 10px !important; }
  #directv div.episodes div.episode div.right span.divider.last {
    display: none; } }

@media only screen and (max-width: 560px) {
  #footer div.menu-footer-container {
    display: none; }
  #footer div#social {
    text-align: center; }
  #header {
    height: 38px; }
  #header img#offcamera-logo {
    height: 36px !important; }
  #header a#menu-open {
    height: 36px;
    width: 36px;
    position: relative;
    top: -1px; }
  div#archive-modal {
    font-size: 9px; }
    div#archive-modal ul#issue-list {
      column-count: 1;
      /*
		    height: 320px;
		    overflow-x: scroll;
	        overflow-y: hidden;
*/ }
    div#archive-modal ul.seasons {
      float: none;
      position: static;
      margin-top: 10px;
      padding: 4px 0px; }
    div#archive-modal ul.seasons li {
      padding: 0 8px 0 0;
      margin-bottom: 5px; }
  a.buy-vhx {
    display: block;
    text-align: center; } }

/* Switch to Mobile Menu Layout */
@media only screen and (max-width: 950px) {
  #header ul#menu-masthead {
    top: 72px;
    position: fixed;
    width: 100%;
    background-image: url("_/graphics/offcamera-70-black.png");
    left: 0px;
    margin: 0px;
    z-index: 400;
    padding: 10px 0px;
    opacity: 0;
    display: none; }
  #header ul#menu-masthead.active {
    top: 58px;
    opacity: 1.0;
    display: block; }
  #header ul#menu-masthead li {
    float: none;
    display: block;
    padding-right: 0px !important;
    background-image: none !important;
    line-height: 32px; }
  #header ul#menu-masthead li a {
    color: #fff; }
  #header a#menu-open {
    display: block; } }