/*
Theme Name: night on broadway
Theme URI: http://streetscience.io
Author: the Street Science team
Author URI: http://streetscience.io
template:     twentysixteen
Description: Marketing Site for Night On Broadway.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* 
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * GLOBAL STYLES
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 */
 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, canvas, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section, summary,
 time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
 html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;}
 body{margin:0; background:#000;}
 article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
 audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
 audio:not([controls]){display:none;height:0}
 [hidden],template{display:none}
 .transition, .transition:hover{-webkit-transition-property:width,color, background, margin, padding, opacity, border, text-indent,top,bottom,left,right;-webkit-transition-duration:.3s, .3s;-webkit-transition-timing-function:linear, ease-in;-moz-transition-property:width,color, background, margin, padding, opacity, border, text-indent,top,bottom,left,right;-moz-transition-duration:.3s;-moz-transition-timing-function:linear, ease-in;-o-transition-property:width,color, background, margin, padding, opacity, border, text-indent,top,bottom,left,right;-o-transition-duration:.3s;-o-transition-timing-function:linear, ease-in}
 a{background-color:transparent;text-decoration:none;color:#000;}
 .left{float:left;}
 .right{float:right;}
 .center{text-align:center;margin:0 auto;}
 .align-right{text-align:right;}
 .align-left{text-align:left;}
 .block{display:block;}
 .clear{clear:both;}
 .box-full{width:100%;height:100%;min-height:100%;margin:0;padding:0;display:table;position:relative;top:0;left:0;}
 .box-full .wrapper{max-width:100%;height:auto;margin:0;padding:0;display:table-cell;vertical-align:middle;}
 .center{text-align:center;}
 .uppercase{text-transform:uppercase;}
 section{width:100%;margin:0;padding:0;position:relative;}
 .flex-justify{-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-flex-pack: justify;}
 .flex-container{display:-webkit-box;display:-moz-box;display:-webkit-flexbox;}

/* 
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * COLORS
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 */
 .wireframe{border:1px solid #efefef;}
 .white{color:#fff;}
 .white-bg{background:#fff;}
 .black{color:#000;}
 .black-bg{background:#000;}
 .gray{color:#666;}
 .gray-bg{background:#666;}
 .purple{color:#401196;}
 .purple-bg{background:#401196;}
 .purple-alt{color:#400099;}
 .purple-bg-alt{background:#400099;}
 .gradient-01 {
  background: #401196;
  background: -webkit-linear-gradient(#401196 0%, #401196 25%, #af54b5 50%, #bb47b6 75%, #c02eb6 100%);
  background: -o-linear-gradient(#401196 0%, #401196 25%, #af54b5 50%, #bb47b6 75%, #c02eb6 100%);
  background: linear-gradient(#401196 0%, #401196 25%, #af54b5 50%, #bb47b6 75%, #c02eb6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#401196', endColorstr='#c02eb6',GradientType=0 );
  }
  .hero-gradient{width:100%;margin:0;padding:0; overflow: hidden;}
  .pink-bg{background:#c224b9;}
  .blue-bg{background:#00a1b0;}




 /* 
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * COMMONS
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 */
 ul li{line-height:60px;display:inline;margin-right:30px;}
 header{width:100%;height:60px;margin:0;padding:0;}
 header nav ul li{line-height:65px;display:inline;margin-right:30px;}
 header nav ul li:last-child{margin-right:0px;}
 .main-logo, .main-logo img{width:100%;max-width:75px;height:auto;margin:0;padding:0;position:relative;top:4px;margin-left:15px; z-index:11;}
.main-logo a{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;}
 .social{z-index:999; position:relative;}
 .social li{line-height:60px;display:inline-block;margin-right:-10px;}
 .social li:last-child{margin-right:22px;}
 .social li a{color:#fff;font-size:25px;}
 .sub-header{width:100%;height:40px;margin:0;padding:0;}
 .sub-header nav ul li{line-height:40px;display:inline;margin-right:15px;}
 .sub-header nav ul li:last-child{margin-right:0px;}
 .sub-header nav ul li a{color:#fff;}
 .sub-header nav ul li a:hover{opacity:.5;cursor:pointer;}
 .main-nav{    z-index: 10; text-align: center; display: flex; align-items: center; padding: 0; margin: 0; justify-content: center; position: absolute; width: 100%;}
 .main-nav li a{color:#fff;}
 .main-nav li a:hover{opacity:.5;}
 #top-nav {position:relative; z-index:10;}
 .logo{z-index:9;}
 .logo, .logo img{width:100%;max-width:90px;height:auto;margin:0 auto;position:relative;left:10px; }
 .brick{display:inline-block;background:red;color:#fff;}
 .brick-100{width:100vw;}
 .brick-50{width:50%;}
 .brick-33{width:33vw;}
 .brick-25{width:25vw;}
 .main-nav li a{color:#fff;font-size:18px;margin:0;}
 .section-auto{height:auto !important;padding:50px 0px 50px 0px;}
 .section-150{height:150vh;}
 .section-100{height:100vh;}
 .section-50{height:50vh;}
 .section-65{height:65vh;}
 .section-75{height:75vh;}
 .section-80{height:80vh;}
 .section-85{height:85vh;}
 .padding-bt-50px {padding:50px 0;}

 .flex-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;}
 .flex-container > div{width:33%;height:auto;margin:0;padding:0;}
 .flex-container > .header-block{height:60px;}

 .hero-copy-wrapper{width:100%;height:auto;padding:0;z-index:99;}
 .hero-copy-wrapper p{color:#fff;letter-spacing:1px;line-height:21px;margin-top:-27px;}

 .about-nob-wrapper{width:100%;height:auto;margin:0;padding:0;position:absolute;bottom:123px;z-index:99;}

 .slider-wrapper{width:100%;height:auto;margin:0;padding:0;position:absolute;bottom:37px;z-index:9999;}
 .slider-container{width:100%;max-width:1110px;height:auto;margin:0 auto;position:relative;}

 .bxslider li h1{font-size:67px;color:#fff;position:relative;top:8px;}
 .bx-wrapper .bx-controls-direction a{top:173% !important;}

 .ribbon-container{width:100%;max-width:500px;height:auto;margin:0 auto;padding:0;position:relative;border:1px solid #fff;}


.wpcf7-mail-sent-ok{border:none !important;width: 100% !important;max-width: 581px !important;color: #2ecc98 !important;font-family: 'Langdon' !important;text-transform: uppercase !important;font-size: 20px !important;}
.wpcf7-response-output{margin:0 auto !important;padding:0px !important;}

.wpcf7-validation-errors{border:none !important;width: 100% !important;max-width: 581px !important;color: #2ecc98 !important;font-family: 'Langdon' !important;text-transform: uppercase !important;font-size: 20px !important;}
.wpcf7-response-output{margin-top: 15px !important;font-size:15px !important;}
.wpcf7-not-valid-tip{display:none !important;}


.pg-wrapper{display:block;width:100%;max-width:960px;height:auto;position:relative;z-index:999999;margin:0 auto;}
@media (max-width:700px){
	.hero-copy-wrapper p{
  	color:#fff;
    letter-spacing:1px;
    line-height:17px;
    margin-top:-6px;
  }
}
@media (width:375px){
	.hero-copy-wrapper p{
  	color:#fff;
    letter-spacing:1px;
    line-height:17px;
    margin-top:-6px;
  }
}
p.center.lineup20171{
	margin-top:-4px;
	margin-bottom:2px;
  line-height:17px;
}
p.center.lineup20172{
	line-height:17px;
  margin-top:-25px;
  font-size:15px;
}
a.link{
	background-color:white;
  padding:6px 25px;
  color:#f1a930;
  border:solid 2px #f1a930;
}