/*
Theme Name: Father of Lights Theme
Theme URI: http://fatheroflights.wpfilm.com
Description: The theme for Father of Lights
Version: 1.0
Author: Matt Sommerfield
Author URI: http://www.wpfilm.com
Tags: Wanderlust, Productions, Father, Lights
*/

@import "css/foundation.css";
@import "css/app.css";

/**** Testimonies ****/
.testimony {
    background-color: #294E65;
    padding: 3px 10px;
    border-radius: 3px;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 0px 10px;}
.testimony:hover {background-color:#306788 }  

.hl:nth-child(even){color:#294E65 !important;}
.hl {margin: 10px 0px;font-size: 16px;}
.hl strong {padding: 5px 0 10px 0; display:inline-block;}
    
/**** LOGO ****/
.logo {width:200px; height: 40px; margin: 10px 0;float:left;}
@media only screen and (max-width: 767px) {
.logo {width:160px; margin: 15px 0 0 0;}}

/* UP GIVEAWAY PAGE */

h1.biggie {font-size:36px !important;}
#giveaway-signup {min-width:100%;padding:20px 20px 20px 20px; background:#294E65;background-image: url('http://www.wpfilm.com/_assets/_images/film-sites/upgiveaway-background.jpg');background-repeat:no-repeat;margin-bottom:20px;}
.giveaway-messaging {width:100%;float:left;margin-bottom:20px;}
.giveaway-text {max-width:455px;float:left;color:#ffffff !important;margin:10px 20px 10px 0;}
.giveaway-form {max-width:400px; float:left; margin:10px 0;}
.giveaway-video {width:460px;float:left;margin:0 20px 0 0;}
.giveaway-product {max-width:440px;float:left;}


@media all and (max-width: 767px) {
.giveaway-messaging {margin-bottom:0px;}
#giveaway-signup {padding:10px;}
.giveaway-form {max-width:100%; float:left; margin:10px 0px 10px 0px;}
.giveaway-text {max-width:455px;margin:10px 0px;}
#mc_embed_signup input.email {width: 100% !important; min-width: 240px !important;}
.giveaway-video {width:100%;}
.giveaway-product {max-width:100%;}}

/* RESOURCES PAGE */
#r_container {width: 100%;}
section#mainContent #r_container h3 {margin-top: 18px;font-size: 20px;line-height: 26px;width: 100%;position: relative;padding-left:10px;margin-bottom:10px;color: #fff;!important;background: #294E65;background: -moz-linear-gradient(left,  #294E65 0%, #294E65 25%, #ffffff 75%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,#131313), color-stop(25%,#294E65), color-stop(75%,#ffffff));background: -webkit-linear-gradient(left,  #294E65 0%,#294E65 25%,#ffffff 75%);background: -o-linear-gradient(left,  #294E65 0%,#294E65 25%,#ffffff 75%);background: -ms-linear-gradient(left,  #294E65 0%,#294E65 25%,#ffffff 75%);background: linear-gradient(to right,  #294E65 0%,#294E65 25%,#ffffff 75%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#294E65', endColorstr='#ffffff',GradientType=1 );}
section#mainContent #r_container #resource {width:330px;float:left; display: inline;position:relative;margin-right: 10px;margin-bottom: 5px;}
section#mainContent #r_container #resource #img {width: 330px;margin-bottom: 5px;position:relative;float: left;display: inline;margin-right:0px;}
section#mainContent #r_container a, section#mainContent #r_container a:visited	{color: #294E65 !important;}
section#mainContent #r_container #img {width: 330px;margin-bottom: 10px;position:relative;float: left;display: inline;margin-right:10px;}

.clear {clear: both;}

.fade {opacity: 1;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
.fade:hover {opacity: 0.5;}


/** RETAIL PAGE **/
.embed-container { position: relative; padding-bottom: 56.25%; padding-top:30px; height: 0; overflow: hidden; max-width: 100%; height: auto;margin-bottom: 20px;}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hdr {width:100%;margin-bottom: 20px;}
.hdr img {width:100%;}
.l-con{width:63%; float:left; margin-right: 3%;}
.r-con{width:33%; float: left;}
.fw {width:100%;}
.purchase {width: 33%; float: left;}
.subscribe-retail {width:50%; margin: 0 auto;}

#mc_embed_signup .mc-field-group {float:left !important; width: 45% !important;padding-bottom: 0% !important;min-height: 50px !important;clear: none !important;position: inherit !important;margin: 1%;}
#mc_embed_signup .mc-field-group label {font-size: 16px;width: 100%;display: inherit;margin-bottom: 3px;}
#mc_embed_signup .mc-field-group input {display: inherit !important;width: 100% !important;padding: 8px 0 !important;text-indent: 2% !important;}
#mc_embed_signup .mc-field-group2 {float:left !important; width: 92% !important;padding-bottom: 0% !important;min-height: 50px !important;clear: none !important;position: inherit !important;margin: 1%;}
#mc_embed_signup .button {background-color: #b43530 !important;}
#mc_embed_signup .button:hover {background-color: #8c001a !important;}
#mc_embed_signup form {display: block;position: relative;text-align: left;padding: 0 !important; margin: 0;}
#mc_embed_signup input.button {display: block;width: 35%;margin: 0 !important;min-width: 90px;}
#mc_embed_signup input.email {display: block;padding: 8px 0;margin: 0 4% 10px 0;text-indent: 5px;width: 100% ;min-width: 400px;}

#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}


.buybtn {-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;box-shadow:inset 0px 1px 0px 0px #f5978e;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');background-color:#f24537;-webkit-border-top-left-radius:20px;-moz-border-radius-topleft:20px;border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-moz-border-radius-topright:20px;border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-bottomright:20px;border-bottom-right-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-bottomleft:20px;border-bottom-left-radius:20px;text-indent:0;border:1px solid #d02718;display:inline-block;color:#ffffff !important;font-family:inherit;font-size:15px;font-weight:900 !important;font-style:normal;height:40px;
	line-height:40px !important;width:130px;text-decoration:none !important;text-align:center;text-shadow:1px 1px 0px #810e05;padding: 0 px !important;}
.buybtn:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');background-color:#c62d1f;}
.buybtn:active {position:relative;top:1px;}



@media all and (max-width: 767px) {
.embed-container {max-width: 100%;}
.store {width:100%;}
.l-con{width:100%;}
.r-con{width:100%;}
.purchase {width: 100%;}
.subscribe-retail {width: 100%}}

.o-store {float:left;margin:0 auto; width:33%;min-width:220px;}
.r-store {float:left;margin:0 auto; width:100%;}
.store-container {width:100%;}
.store-container p {margin-bottom: 0;}
.fcs {background: url(http://www.wpfilm.com/_assets/_images/film-sites/fcs-reg.png) no-repeat; height: 120px; width: 220px;margin:0 auto;}
.fcs:hover {background: url(http://www.wpfilm.com/_assets/_images/film-sites/fcs-over.png) no-repeat;}
.mb {background: url(http://www.wpfilm.com/_assets/_images/film-sites/mb-reg.png) no-repeat; height: 75px; width: 220px;margin:0 auto;}
.mb:hover {background: url(http://www.wpfilm.com/_assets/_images/film-sites/mb-over.png) no-repeat;}
.pb {background: url(http://www.wpfilm.com/_assets/_images/film-sites/pb-reg.png) no-repeat; height: 75px; width: 220px;margin:10px auto;}
.pb:hover {background: url(http://www.wpfilm.com/_assets/_images/film-sites/pb-over.png) no-repeat;}
.cb {background: url(http://www.wpfilm.com/_assets/_images/film-sites/cb-reg.png) no-repeat; height: 45px; width: 220px;margin:5px auto;}
.cb:hover {background: url(http://www.wpfilm.com/_assets/_images/film-sites/cb-over.png) no-repeat;}
.cc {background: url(http://www.wpfilm.com/_assets/_images/film-sites/cc-reg.png) no-repeat; height: 45px; width: 220px;margin:5px auto;}
.cc:hover {background: url(http://www.wpfilm.com/_assets/_images/film-sites/cc-over.png) no-repeat;}
.wp {background: url(http://www.wpfilm.com/_assets/_images/film-sites/wp-reg.png) no-repeat; height: 45px; width: 220px;margin:5px auto;}
.wp:hover {background: url(http://www.wpfilm.com/_assets/_images/film-sites/wp-over.png) no-repeat;}
.clear {clear: both;}
.folreg {background: url(http://www.wpfilm.com/_assets/_images/film-sites/fol-regular-btn.jpg) no-repeat; height: 60px; width: 220px;margin:5px auto;}
.foldeluxe {background: url(http://www.wpfilm.com/_assets/_images/film-sites/fol-deluxe-btn.jpg) no-repeat; height: 60px; width: 220px;margin:5px auto;}
.foldigital {background: url(http://www.wpfilm.com/_assets/_images/film-sites/fol-digital-btn.jpg) no-repeat; height: 60px; width: 220px;margin:5px auto;}



div#movieSection a.button.black, nav#globalNav {
  background-color: #FFFFFF;
  color: #404041;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CDCFD0)); /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, #FFFFFF, #CDCFD0); /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #FFFFFF, #CDCFD0); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #FFFFFF, #CDCFD0); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #FFFFFF, #CDCFD0); /* Firefox 16+, IE10, Opera 12.50+ */
  }

div#movieSection a.button.black:hover {
  text-decoration: none;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#89a4b9)); /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, #FFFFFF, #89a4b9); /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #FFFFFF, #89a4b9); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #FFFFFF, #89a4b9); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #FFFFFF, #89a4b9); /* Firefox 16+, IE10, Opera 12.50+ */
}

div#movieSection a.button.black:active {
  text-decoration: none;
  background-color: #89a4b9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#89a4b9), to(#FFFFFF)); /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, #89a4b9, #FFFFFF); /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #89a4b9, #FFFFFF); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #89a4b9, #FFFFFF); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #89a4b9, #FFFFFF); /* Firefox 16+, IE10, Opera 12.50+ */
}

nav#globalNav {
  color: #404041;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(125, 125, 125, 25);
          box-shadow: 0px 0px 15px 0px rgba(125, 125, 125, 25);
}

a, a:visited {
  color: #404041;
}

div#mobileNav a {
  color: #FFFFFF;
}

div#movieSection a.button.black {
  -webkit-border-radius: 12px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
  -webkit-box-shadow: 0px 0px 15px 0px rgba(80, 80, 80, 25);
          box-shadow: 0px 0px 15px 0px rgba(80, 80, 80, 25);
}

div#zenbox_tab {
  padding: 0 20px 64px 20px;
  -webkit-border-radius: 0 0 12px 12px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 0 0 12px 12px; /* Opera 10.5, IE9, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
  -webkit-box-shadow: 0px 0px 15px 0px rgba(125, 125, 125, 25);
          box-shadow: 0px 0px 15px 0px rgba(125, 125, 125, 25);
  -webkit-transition: all 0.15s ease-in-out;  /* Safari 3.2+, Chrome */
     -moz-transition: all 0.15s ease-in-out;  /* Firefox 4-15 */
       -o-transition: all 0.15s ease-in-out;  /* Opera 10.5–12.00 */
          transition: all 0.15s ease-in-out;  /* Firefox 16+, Opera 12.50+ */
}

div#zenbox_tab[style]:hover {
  background-color: #46728e !important;
}

div#zenbox_tab[style]:active {
  background-color: #294E65 !important;
}

@media only screen and (max-width: 767px) {
body #zenbox_tab.ZenboxTabLeft {
  -webkit-border-radius: 0; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 0; /* Opera 10.5, IE9, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
          margin-top:60px;
}}

@media only screen and (max-width: 767px) {
body nav#globalNav {position: fixed; width:100%; top:0px; left:0; z-index: 9999; display:block;}
body div#movieSection, div#metaSection, div.row div.twelve.columns.bannertwo, #mainContent, footer.row a#brand {top:60px; position:relative;}
body div#kickstarter {width: 100%; height:auto; top:60px;}}

body #kickstarter {width: 960px; height:100px; margin: 0 auto; position: relative; z-index: 1; display: block; top:0px; background-color:#000000;}
body #kickstarter a {color:#fff;}

body {
  background-color: #FFFFFF;
  background-image:url('http://wpfilm.com/wp-content/themes/father-of-lights/images/Father-of-Lights-Background-Pattern.jpg');
  background-repeat:repeat-x;
  background-position: 0px 60px;
}

section#mainContent .row {
  background-color: #FFFFFF;
}

div#disqus_thread {
  padding-bottom: 10px;
}

div.shr_class div.shr-bookmarks {
  margin: 0;
}

div#metaSection {
  -webkit-border-radius: 0 0 12px 12px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 0 0 12px 12px; /* Opera 10.5, IE9, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
  background: #E4E5E9;
  color: #58595B;
  font-size: 11px;
}

div#metaSection a, div#metaSection a:visited {
  color: #58595B;
  text-decoration: underline;
}

div#metaSection a:hover {
  color: #294E65;
}

div#metaSection h3 {
  color: #294E65;
  font-size: 16px;
  text-transform: uppercase;
}

h1, h2 {
  color: #294E65;
}

/*-----For Uji Countdown-----*/

body div#ujiCountdown {
	padding-left: 0 !important;
}

/*-----For Showings Page Buttons-----*/

section#mainContent h4.button.showing {
	background-color: #294E65;
	margin-bottom: 20px;
}
section#mainContent h4.button.showing:hover {
	background-color: #46728E;
}
section#mainContent h4.button.showing a:visited, section#mainContent h4.button.showing a, section#mainContent h4.button.showing a:hover {
	color: #FFFFFF;
}
section#mainContent h4.button.showing a:hover {
	text-decoration: none;
}