/*
Theme Name: 1971 Film
Author: Orange Static
Author URI: http://orangestatic.com/
Description: 1971 Film Custom Theme
Version: 1.0

*/
/*********************
 * START OF CSS RESET
 ********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border         : 0;
    font-family    : inherit;
    font-size      : 100%;
    font-style     : inherit;
    font-weight    : inherit;
    margin         : 0;
    outline        : 0;
    padding        : 0;
    vertical-align : baseline;
}

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

audio,
canvas,
video {
    display   : inline-block;
    max-width : 100%;
}

html {
    overflow-y               : scroll;
    -webkit-text-size-adjust : 100%;
    -ms-text-size-adjust     : 100%;
}

body,
button,
input,
select,
textarea {
    color       : #2b2b2b;
    font-family : Lato, sans-serif;
    font-size   : 14px;
    font-weight : 400;
    line-height : 1.5;
}

a {
    text-decoration : none;
    color           : #fc9322;
}

a:focus {
    outline : thin dotted;
}

a:hover,
a:active {
    outline : 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear       : both;
    font-weight : 700;
}

h1 {
    font-size   : 26px;
    line-height : 1.3846153846;
}

h2 {
    font-size   : 24px;
    line-height : 1;
}

h3 {
    font-size   : 22px;
    line-height : 1.0909090909;
}

h4 {
    font-size   : 20px;
    line-height : 1.2;
}

h5 {
    font-size   : 18px;
    line-height : 1.3333333333;
}

h6 {
    font-size   : 16px;
    line-height : 1.5;
}

address {
    font-style    : italic;
    margin-bottom : 24px;
}

abbr[title] {
    border-bottom : 1px dotted #2b2b2b;
    cursor        : help;
}

b,
strong {
    font-weight : 700;
}

cite,
dfn,
em,
i {
    font-style : italic;
}

mark,
ins {
    background      : #fff9c0;
    text-decoration : none;
}

p {
    margin-bottom : 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
    font-family     : monospace, serif;
    font-size       : 15px;
    -webkit-hyphens : none;
    -moz-hyphens    : none;
    -ms-hyphens     : none;
    hyphens         : none;
    line-height     : 1.6;
}

pre {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    margin-bottom      : 24px;
    max-width          : 100%;
    overflow           : auto;
    padding            : 12px;
    white-space        : pre;
    white-space        : pre-wrap;
    word-wrap          : break-word;
}

blockquote,
q {
    -webkit-hyphens : none;
    -moz-hyphens    : none;
    -ms-hyphens     : none;
    hyphens         : none;
    quotes          : none;
}

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

blockquote {
    color         : #767676;
    font-size     : 19px;
    font-style    : italic;
    font-weight   : 300;
    line-height   : 1.2631578947;
    margin-bottom : 24px;
}

blockquote cite,
blockquote small {
    color       : #2b2b2b;
    font-size   : 16px;
    font-weight : 400;
    line-height : 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
    font-style : normal;
}

blockquote strong,
blockquote b {
    font-weight : 400;
}

small {
    font-size : smaller;
}

big {
    font-size : 125%;
}

sup,
sub {
    font-size      : 75%;
    height         : 0;
    line-height    : 0;
    position       : relative;
    vertical-align : baseline;
}

sup {
    bottom : 1ex;
}

sub {
    top : .5ex;
}

dl {
    margin-bottom : 24px;
}

dt {
    font-weight : bold;
}

dd {
    margin-bottom : 24px;
}

ul,
ol {
    list-style : none;
    margin     : 0 0 24px 20px;
}

ul {
    list-style : disc;
}

ol {
    list-style : decimal;
}

li > ul,
li > ol {
    margin : 0 0 0 20px;
}

img {
    -ms-interpolation-mode : bicubic;
    border                 : 0;
    vertical-align         : middle;
}

figure {
    margin : 0;
}

fieldset {
    border  : 1px solid rgba(0, 0, 0, 0.1);
    margin  : 0 0 24px;
    padding : 11px 12px 0;
}

legend {
    white-space : normal;
}

button,
input,
select,
textarea {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    font-size          : 100%;
    margin             : 0;
    max-width          : 100%;
    vertical-align     : baseline;
}

button,
input {
    line-height : normal;
}

input,
textarea {
    background-image : -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance : button;
    cursor             : pointer;
}

button[disabled],
input[disabled] {
    cursor : default;
}

input[type="checkbox"],
input[type="radio"] {
    padding : 0;
}

input[type="search"] {
    -webkit-appearance : textfield;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance : none;
}

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

textarea {
    overflow       : auto;
    vertical-align : top;
}

table,
th,
td {
    border : 1px solid rgba(0, 0, 0, 0.1);
}

table {
    border-collapse : separate;
    border-spacing  : 0;
    border-width    : 1px 0 0 1px;
    margin-bottom   : 24px;
    width           : 100%;
}

caption,
th,
td {
    font-weight : normal;
    text-align  : left;
}

th {
    border-width : 0 1px 1px 0;
    font-weight  : bold;
}

td {
    border-width : 0 1px 1px 0;
}

del {
    color : #767676;
}

hr {
    background-color : rgba(0, 0, 0, 0.1);
    border           : 0;
    height           : 1px;
    margin-bottom    : 23px;
}

* {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
}

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

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
    background  : #24890d;
    color       : #fff;
    text-shadow : none;
}

::-moz-selection {
    background  : #24890d;
    color       : #fff;
    text-shadow : none;
}

/***************************************************************
 * END OF CSS RESET
 * START OF SITE STYLING
 **************************************************************/
/*
 * GENERIC STRUCTURE
 **************************************************************/
body {
    background : #000;
}

#page {
    width : 100%;
    color : #000;
}

.site-width {
    width  : 1016px;
    margin : 0 auto;
}

.background-image {
    min-height : 100%;
    min-width  : 1024px;
    width      : 100%;
    height     : auto;
    position   : fixed;
    top        : 0;
    left       : 0;
    z-index    : -9999;
}

/*
 * SIDEBARS 
 ***************************************************************/
.main-content-without-sidebar {
    width : 100%;
}

.main-content-with-sidebar {
    width : 700px;
}

.main-content-sidebar-left {
    float        : right;
    padding-left : 30px;
}

.main-content-sidebar-right {
    float         : left;
    padding-right : 30px;
}

.sidebar {
    width : 316px;
}

.sidebar-right {
    float : right;
}

.sidebar-left {
    float : left;
}

/*
 * NAVIGATION
 ***********************************************************/
#header {
    width      : 100%;
    background : url(../1971/theme-images/navigation-bg.jpg) repeat-x center top;
    min-height : 57px;
}

nav ul, nav ol {
    list-style-type : none;
    margin          : 0;
    height          : 100%;
}

#header li {
    float : left;
}

#header li a {
    display     : block;
    color       : #d8d084;
    font-family : 'Special Elite', cursive;
    font-size   : 18px;
}

#header #menu-primary-nav {
    margin-left : -150px;
}

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

#header #menu-primary-nav > li {
    position : relative;
}

/* SECOND LEVEL NAVIGATION ***********************************/
#header #menu-primary-nav > li > .sub-menu {
    position   : absolute;
    max-width  : 280px;
    display    : block;
    transition : all .5s ease-in-out;
    opacity    : 0;
    visibility : hidden;
}

#header #menu-primary-nav > li:hover > .sub-menu {
    opacity    : 1;
    visibility : visible;
}

#header #menu-primary-nav .sub-menu li {
    float      : none;
    background : #000;
    display    : block;
}

#header #menu-primary-nav .sub-menu li a {
    white-space : nowrap;
    display     : block;
    padding     : 6px 6px 10px;
}

#header #menu-primary-nav .sub-menu li:last-child:after {
    content : " ";
    display : table;
    width   : 100%;
    height  : 2px;
    clear   : both;
}

#header #menu-primary-nav .sub-menu li a:hover {
    color : #fff;
}

#header #menu-primary-nav .sub-menu li:first-child {
    padding-top : 16px;
}

.pbs-button-container {
    width      : 100%;
    margin     : 50px 0 -18px;
    display    : inline-block;
    text-align : center;
}

.pbs-button-container .pbs-button {
    display : inline-block;
}

/* END SECOND LEVEL NAVIGATION ***********************************/
.social-link {
    display     : inline-block;
    width       : 23px;
    height      : 22px;
    margin-left : 14px;
}

.social-link img {
    vertical-align : top;
}

.social-link[title="Twitter"] {
    margin-left : 55px;
}

/*
 * FOOTER
 ***********************************************************/
footer {
    text-align : center;
}

/*
 * PAGE SPECIFIC: HOME
 ***********************************************************/
body.home #header {
    height      : 57px;
    padding-top : 17px;
}

body.home #header #menu-primary-nav > li {
    padding-top : 4px;
    margin-left : 50px;
}

body.home #header #menu-primary-nav > li:first-child {
    margin-left : 102px;
    /* this value here was the original that assumed 6 nav items */
    margin-left : 213px;
    /* this value overwrites the original to assume 4 nav items */
}

body.home .menu-primary-nav-container .sub-menu {
    margin-top : 9px;
}

body.home #content {
    margin-top : 69px;
}

body.home .home-title,
body.home .home-trailer-btn {
    margin  : 0 auto;
    display : block;
}

body.home .home-title {
    width  : 414px;
    height : 207px;
}

body.home .home-trailer-btn {
    width      : 291px;
    height     : 55px;
    margin-top : 28px;
}

body.home #ci-form {
    display : none;
}

body.home #mc_embed_signup {
    width      : 210px;
    height     : 38px;
    margin     : 32px auto 24px auto;
    background : rgba(0, 0, 0, 0.4);
    padding    : 6px 10px 7px;
}

body.home #mc_embed_signup form .mc-field-group {
    display         : -webkit-flex;
    display         : flex;
    flex-direction  : row;
    flex-wrap       : nowrap;
    justify-content : center;
}

body.home input[type="email"],
body.home input[type="text"],
body.home input[type="submit"],
body.home #mc_embed_signup .mc-field-group {
    -webkit-box-sizing : border-box;
    /* For legacy WebKit based browsers */
    -moz-box-sizing    : border-box;
    /* For all Gecko based browsers */
    box-sizing         : border-box;
    margin             : 0;
    height             : 25px;
}

body.home input[type="email"],
body.home input[type="text"],
body.home #mc_embed_signup .mc-field-group input {
    background : none;
    font-size  : 12px;
    text-align : center;
    color      : #000;
}

body.home input[type="email"],
body.home #mc_embed_signup .mc-field-group input.email {
    border        : 1px solid #f0e7e7;
    border-radius : 4px 0 0 4px;
    /* top left, top right, bottom right, bottom left */
    background    : #f0e7e7;
}

body.home input[type="submit"],
body.home #mc_embed_signup .mc-field-group input.button {
    font-size     : 12px;
    background    : #610606;
    color         : #f0e7e7;
    border        : 1px solid #610606;
    width         : 74px;
    transition    : color 0.2s ease;
    border-radius : 0 4px 4px 0;
    /* top left, top right, bottom right, bottom left */
}

body.home input[type="submit"]:hover,
body.home #mc_embed_signup .mc-field-group input.button:hover {
    color : rgba(240, 231, 231, 0.6);
}

body.home .trailer-newsletter {
    margin     : 70px auto;
    text-align : center;
}

body.home #mc_embed_signup,
body.home .home-trailer-btn,
body.home .home-dvd-btn {
    margin         : 0 15px;
    display        : inline-block;
    vertical-align : middle;
}

body.home #mce-responses {
    margin-top : 10px;
    color      : #610606;
}

body.home .quotes-laurels {
    width  : 812px;
    margin : 7px auto 38px;
}

body.home .column {
    float      : left;
    text-align : center;
}

body.home .column-3 {
    width : 33.333333%;
}

body.home .column-4 {
    width : 25%;
}

body.home .column-5 {
    width : 20%;
}

body.home .column-6 {
    width : 16.6666667%;
}

body.home #billing-block {
    text-align    : center;
    margin-bottom : 60px;
}

/*
 * INTERIOR PAGES
 ***********************************************************/
body.interior {
    background-color : #fdfad9;
}

body.interior #header {
    height : 66px;
}

body.interior #header a.site-title {
    float      : left;
    margin-top : 18px;
}

body.interior #header .menu-primary-nav-container {
    margin-top : 18px;
    width      : 748px;
    height     : 30px;
    float      : left;
    display    : inline-block;
}

body.interior #header .menu-primary-nav-container .sub-menu {
    margin-top : 17px;
}

body.interior #header .nav-social {
    float   : right;
    display : inline-block;
    width   : 148px;
    /* header sign-up form ***************************/
}

body.interior #header .nav-social a[href^="http://"] {
    margin-top : 9px;
}

body.interior #header .nav-social .social-link {
    margin-left : 10px;
    width       : 18px;
    height      : 18px;
}

body.interior #header .nav-social .social-link img {
    width  : 18px;
    height : 18px;
}

body.interior #header .nav-social .social-link[title="Twitter"] {
    margin-left : 29px;
}

body.interior #header .nav-social #ci-form {
    display : none;
}

body.interior #header .nav-social #mc_embed_signup {
    width      : 148px;
    height     : 18px;
    margin-top : 8px;
}

body.interior #header .nav-social #mc_embed_signup form .mc-field-group {
    display         : -webkit-box;
    display         : -webkit-flex;
    display         : flex;
    flex-direction  : row;
    flex-wrap       : nowrap;
    justify-content : center;
}

body.interior #header .nav-social input[type="email"],
body.interior #header .nav-social input[type="text"],
body.interior #header .nav-social input[type="submit"],
body.interior #header .nav-social #mc_embed_signup .mc-field-group {
    -webkit-box-sizing : border-box;
    /* For legacy WebKit based browsers */
    -moz-box-sizing    : border-box;
    /* For all Gecko based browsers */
    box-sizing         : border-box;
    margin             : 0;
    height             : 18px;
}

body.interior #header .nav-social input[type="email"],
body.interior #header .nav-social input[type="text"],
body.interior #header .nav-social #mc_embed_signup .mc-field-group input {
    background : none;
    font-size  : 9px;
    color      : #000;
}

body.interior #header .nav-social input[type="email"],
body.interior #header .nav-social #mc_embed_signup .mc-field-group input.email {
    border        : 1px solid #f0e7e7;
    border-radius : 2px 0 0 2px;
    /* top left, top right, bottom right, bottom left */
    background    : #f0e7e7;
    text-indent   : 8px;
}

body.interior #header .nav-social input[type="submit"],
body.interior #header .nav-social #mc_embed_signup .mc-field-group input.button {
    font-size      : 9px;
    background     : #d8d084;
    color          : #000;
    border         : 1px solid #610606;
    width          : 39px;
    border-radius  : 0 2px 2px 0;
    /* top left, top right, bottom right, bottom left */
    border         : 1px solid #d8d084;
    text-transform : uppercase;
    text-align     : center;
}

body.interior #header .nav-social #mce-responses {
    margin-top : 10px;
    color      : #fff;
}

body.interior #header #menu-primary-nav {
    margin-left : 0;
}

body.interior #header #menu-primary-nav > li {
    padding-top : 4px;
    margin-left : 42px;
}

body.interior #header #menu-primary-nav > li:first-child {
    margin-left : 30px;
    /* this value overwrites the original to assume 4 nav items */
}

body.interior #main {
    margin-top : 39px;
    color      : #44291a;
}

body.interior header.entry-header {
    margin-bottom : 24px;
    font-family   : 'Special Elite', cursive;
    font-size     : 24px;
}

/*
 * BLOG PAGES
 ***********************************************************/
body.blog header.entry-header,
body.single header.entry-header {
    margin-bottom : 0;
}

body.blog h2 a:link,
body.blog h2 a:visited,
body.single h1,
body.blog h1 {
    font-family : 'Special Elite', cursive;
    font-size   : 24px;
    color       : #44291a;
}

body.blog h2 a:hover,
body.blog h2 a:active {
    color : #fc9322;
}

.blog .post-image {
    margin-bottom : 20px;
    display       : block;
}

.single .post-metas,
.blog .post-metas {
    margin-bottom : 20px;
}

.blog hr {
    margin-bottom : 10px;
}

.single .entry-content {
    margin-top : 20px;
}

.blog #content,
.single #content {
    padding-bottom : 80px;
}

.paginate-prev {
    width : 45%;
    float : left;
}

.paginate-next {
    width      : 45%;
    float      : right;
    text-align : right;
}

.comments-title {
    margin-bottom : 20px;
}

.comment-list, .comment .children {
    list-style-type : none;
}

.comment {
    margin-bottom : 20px;
}

.comment .children {
    margin-top : 20px;
}

.comment-meta {
    text-align : left;
}

.comment-content {
    padding : 10px;
    border  : 1px solid #c2b8a2;
}

.comment .reply a {
    display    : block;
    padding    : 4px 8px;
    color      : #fff;
    background : #fc9322;
    width      : 80px;
    text-align : center;
    margin-top : 10px;
}

/*
 * ANIMATIONS
 ***********************************************************/
.home #page {
    -webkit-animation-timing-function : ease-out;
    -webkit-animation-duration        : 2s;
    -webkit-animation-name            : fadein;
    -webkit-animation-fill-mode       : forwards;
    /* this prevents the animation from restarting! */
    -moz-animation-timing-function    : ease-out;
    -moz-animation-duration           : 2s;
    -moz-animation-name               : fadein;
    -moz-animation-fill-mode          : forwards;
    /* this prevents the animation from restarting! */
    -o-animation-timing-function      : ease-out;
    -o-animation-duration             : 2s;
    -o-animation-name                 : fadein;
    -o-animation-fill-mode            : forwards;
    /* this prevents the animation from restarting! */
    animation-timing-function         : ease-out;
    animation-duration                : 2s;
    animation-name                    : fadein;
    animation-fill-mode               : forwards;
    /* this prevents the animation from restarting! */
}

.home #fsi-full-bg {
    -webkit-animation-timing-function : ease-out;
    -webkit-animation-duration        : 4s;
    -webkit-animation-name            : fadein;
    -webkit-animation-fill-mode       : forwards;
    /* this prevents the animation from restarting! */
    -moz-animation-timing-function    : ease-out;
    -moz-animation-duration           : 4s;
    -moz-animation-name               : fadein;
    -moz-animation-fill-mode          : forwards;
    /* this prevents the animation from restarting! */
    -o-animation-timing-function      : ease-out;
    -o-animation-duration             : 4s;
    -o-animation-name                 : fadein;
    -o-animation-fill-mode            : forwards;
    /* this prevents the animation from restarting! */
    animation-timing-function         : ease-out;
    animation-duration                : 4s;
    animation-name                    : fadein;
    animation-fill-mode               : forwards;
    /* this prevents the animation from restarting! */
}

@-webkit-keyframes fadein {
    0% {
        opacity : 0;
    }
    100% {
        opacity : 1;
    }
}

@-moz-keyframes fadein {
    0% {
        opacity : 0;
    }
    100% {
        opacity : 1;
    }
}

@-o-keyframes fadein {
    0% {
        opacity : 0;
    }
    100% {
        opacity : 1;
    }
}

@keyframes fadein {
    0% {
        opacity : 0;
    }
    100% {
        opacity : 1;
    }
}

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