/*
Theme Name: Billboard Tech Child Theme
Theme URI: https: //davidpollan.com/
Description: This is a custom child theme for Salient used for client sites.
Author: David Pollan.
Author URI: https: //davidpollan.com/
Template: salient
Version: 2.0
*/

@import url("https://fonts.googleapis.com/css?family=Great+Vibes");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,700");

body.login.login-action-login.wp-core-ui.locale-en-us {background-image: url('/wp-content/themes/billboard-tech/assets/img/login/billboard-bg.jpg');}

.login h1 a {background-image: none,url(/wp-content/themes/billboard-tech/assets/img/login/bb_tech_logo.png);}

body h1 {
  line-height: 1.4; font-weight: 600; font-size: 3em;}

body h2 {
  line-height: 1.2; font-weight: 550; font-size: 2rem;}
  
body h3 {line-height: 1.2; font-weight: 500; font-size: 1.5em;}

body p {
  font-size: 1rem; }

body ul li {
  font-size: 1rem; }

body {
  /* Divider Section */ }
  body h1 {
    color: #3f0014; }
  body .light h1 {
    color: #fcf6e1; }
  body h2 {
    color: #3f0014; }
  body div.divider {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none; }
  body .primary-bg {
    background: #182659; }
  body .secondary-bg {
    background: #081339; }
	
@media only screen and (max-width: 690px){
	#page-header-bg .span_6 h1 {font-size: 2em;}
}
@media only screen and (min-width: 691px){
	#page-header-bg .span_6 h1 {font-size: 3em;}
}

@media only screen and (max-width: 999px) and (min-width: 690px){
	#page-header-bg .span_6 h1 {line-height: 45px;}
}

@media only screen and (min-width: 481px) and (max-width: 1000px){
	.logo-text {margin-top: 6%; margin-left: 10px;}
}

/* Custom Header Styles
-----------------------*/
#header-outer {
  color: #182659!important; }
  #header-outer header#top nav > ul {
    float: none; }
    #header-outer header#top nav > ul li > a {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important; }
    #header-outer header#top nav > ul li#social-in-menu > a {
      margin-top: 1rem !important;
      padding-top: 0 !important;
      margin-bottom: 0 !important;
      padding-bottom: 0 !important; }
  #header-outer header#top #logo {
    font-family: 'Montserrat', sans-serif;
    color: #fff !important;
    float: left;
    letter-spacing: 1px;
    margin-bottom: .5rem;
    text-align: center !important;
    text-transform: uppercase;
    width: 100%; }
    @media only screen and (min-width: 479px) {
      #header-outer header#top #logo {margin-bottom: 0; width: auto; } 
	  #header-outer header#top #logo img {margin: .5rem auto; display: inline-block;}
		}
	@media only screen and (max-width: 999px) {
	  #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:after {top: -10px!important;}
	  body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before {top: 10px!important;}
	 /* #top .col.span_9 .show-on-mobile {margin-top: 1.5em;} */
	  body #header-outer {margin-bottom: 0; padding: 0;}
	  .mobile-phone {
		width: 100%;
		color: #fff;
		background: #3a3838;
		margin-top: 0px;
		margin-bottom: 8px;
		font-size: 2em;
		font-weight: bold;
		text-align: center;
		padding: 7px 0;
	  }
	  .mobile-phone a {color: #fff;}
	}
	
	.logo-text-container {float: revert;}
	.logo-text {color: #2b292a!important; font-weight: bold;}
	
	@media only screen and (min-width: 1000px) {
		.slide-out-widget-area-toggle {display: none;}
		.logo-text {margin-top: 15%; margin-left: 20px;}
		nav {margin-top: 8%;}
	}
	
	@media only screen and (max-width: 480px) {
		.logo-text {padding-top: 1.2em; text-align: left!important; margin-top: 0;}
		#header-outer #top .col.span_3 #logo {width: 40%;}
		#header-outer header#top #logo {font-size: .9em;}
	}
	
	@media only screen and (max-width: 360px) {
		#header-outer #logo img {padding: 2px; margin-left: 2%;}
	}
	
  #header-outer .row .col.span_9 {
    width: 100%;
    float: left;
    min-height: 50px; }
  #header-outer .header-studio-information {
    display: none;
    float: right;
    padding: 1rem; }
    @media only screen and (min-width: 1000px) {
      #header-outer .header-studio-information {
        display: block; margin-right: auto; margin-left: auto;} }
		
	@media only screen and (min-width: 1300px) {
      /* #header-outer .header-studio-information {margin-left: 41%;} */
	}
		
	@media only screen and (min-width: 1000px) and (max-width: 1100px) {
    #top nav > ul > li > a {
        font-size: .8em!important;
        font-weight: bold!important;
		}
	}
		
    #header-outer .header-studio-information .address {
      color: #3f0014;
      display: block;
      font-size: 1.8rem;
      line-height: 1.3;
      margin: 0 auto;
      padding-top: 1rem;
      text-align: center;
      text-transform: uppercase; }
      #header-outer .header-studio-information .address p {
        font-size: 25px; }
    #header-outer .header-studio-information .phone {
      font-weight: bold;
      font-size: 2rem; }
  #header-outer .navigation-section {
    background: #3f0014 !important; margin-top: 10px; border-bottom: 3px solid #d19f2a;}

#page-header-wrap .inner-wrap h1 {
  text-shadow: 1px 1px 1px black;
  text-transform: uppercase; }

#page-header-wrap .inner-wrap span.subheader {
  font-weight: bold;
  letter-spacing: .1rem;
  text-transform: uppercase; }
  
body[data-form-submit="regular"] .container-wrap button[type=submit] {padding: 26px 22px!important;}

/* Custom Footer Styles
-----------------------*/
#footer-outer {background-color: #EEEEEE; color: #3f0014;}
#footer-outer .widget h4 {color: #3f0014;}
#footer-outer #copyright {
    background-color: #1c1c1c!important;
    color: #777;
}
#footer-widgets a, #footer-widgets .widget a, #footer-outer #footer-widgets .col ul li a, .ascend #sidebar div ul li a {color: #ccc!important;}
#footer-widgets .widget {
  font-size: 1.75rem !important;
  line-height: 1.4; }
  #footer-widgets .widget h4 {
    font-size: 1.5rem;
    font-weight: bold; }
  #footer-widgets .widget a {
    color: #fcf6e1; }
    #footer-widgets .widget a:hover {
      text-decoration: underline; }

#footer-widgets .bbb-logo {
  background: white;
  border-radius: 10px;
  padding: 2px; }
  
#footer-outer #copyright[data-layout="centered"] {padding: 15px 0;}

.full-width-nso-section {
  color: #081339; }
  .full-width-nso-section .new-student-offer-widget {
    padding: 2rem; }
  .full-width-nso-section h1 {
    color: inherit;
    margin-top: 2rem;
    text-transform: uppercase; }
  .full-width-nso-section h2 {
    color: inherit;
    text-transform: uppercase; }

.tour-overlay {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body #slide-out-widget-area .inner .off-canvas-menu-container li a {
  font-size: 1.5rem;
  color: #fff; }

/* Slider Custom Styles
-----------------------------*/
/* About Page Styles
-------------------- */
body .about-page-section h2 {
  color: #fcf6e1; }


/* Frequently Asked Questions Page Styles
----------------------------------------- */
.faq-page .row-bg {
  background-attachment: fixed; }

.faq-page div[data-style="default"] .toggle h3, .faq-page div[data-style="default"] .toggle a {
  background: #591827;
  font-size: 1rem !important;
  color: #fcf6e1; }

.faq-page div[data-style="default"] .toggle.open h3, .faq-page div[data-style="default"] .toggle.open a {
  background: #fcf6e1 !important;
  color: #182659 !important; }
  .faq-page div[data-style="default"] .toggle.open h3 i, .faq-page div[data-style="default"] .toggle.open a i {
    color: #182659 !important; }


/* Custom Styles for the Homepage
---------------------------------*/
body[data-header-resize="1"].home .container-wrap,
body[data-header-resize="0"].home .container-wrap {
  padding-top: 0; }

.home .container-wrap {
  margin-top: 0; }

.home .slide-section {
  margin-bottom: 0; }

.home .intro-section h1 {
  font-size: 2rem;
  text-transform: uppercase;
  line-height: 1.2; }
  @media only screen and (min-width: 1000px) {
    .home .intro-section h1 {
      font-size: 2.5rem; } }

.home .intro-section p {
  font-size: 1.2rem;
  line-height: 1.6; }

.home .intro-section .tour-studio-column {
  min-height: 400px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.home .statistics-section .symbol {
  font-size: 3rem; }

.home .statistics-section .subject {
  font-weight: bold; }

.home .nso-section .nso-box {
  border: 1px solid #fcf6e1;
  padding: 2rem; }

.home .nso-section h1 {
  color: #fcf6e1; }

.home .nso-section p {
  line-height: 2; }

.home .nso-section .nectar-button {
  color: #131d45; }

.home .full-width-nso-section {
  color: #182659; }
  .home .full-width-nso-section .new-student-offer-widget {
    padding: 2rem; }
  .home .full-width-nso-section h1 {
    color: inherit;
    margin-top: 2rem;
    text-transform: uppercase; }
  .home .full-width-nso-section h2 {
    color: inherit;
    text-transform: uppercase; }

.home .homepage-form-contain {
  max-width: 600px;
  border: 5px solid white;
  background: #e9e3d1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e9e3d1 0%, #efc88b 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e9e3d1 0%, #efc88b 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#e9e3d1), color-stop(99%, #efc88b));
  background: -o-linear-gradient(top, #e9e3d1 0%, #efc88b 99%);
  background: linear-gradient(to bottom, #e9e3d1 0%, #efc88b 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e3d1', endColorstr='#efc88b',GradientType=0 );
  /* IE6-9 */
  padding: 1rem;
  text-align: center;
  text-transform: uppercase; }
  @media only screen and (min-width: 479px) {
    .home .homepage-form-contain h2 {
      font-size: 3rem; }
    .home .homepage-form-contain h3 {
      font-size: 2.5rem; } }

.home .feature-box-section h2 {
  color: #182659;
  margin-top: 1em;
  text-transform: uppercase; }


.home .video-header-section {
  text-transform: uppercase; }
  @media only screen and (min-width: 479px) {
    .home .video-header-section h2 {
      font-size: 3rem;
      line-height: 1.3; }
    .home .video-header-section h3 {
      font-size: 2.5rem; } }

.home .video-section .iframe-embed {
  border: 5px solid white; }

.home .testimonials-section h2 {
  color: #182659;
  text-transform: uppercase;
  padding-bottom: 2rem; }

.home .large-image-section img {
  width: 100%; }

.home .large-image-section .overlay-text {
  position: absolute;
  bottom: 0; }

.home .large-image-section .social-dancing-overlay {
  height: 25%;
  top: 50%;
  width: 100%;
  margin-top: -12%; }

.home .studio-locations-section .chicago-location-tabs {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  padding: .5rem; }


.home .hashtag-feed {
  background: #131d45; }
  .home .hashtag-feed h1 {
    text-transform: uppercase; }

.home .prefooter-section h2 {
  color: #131d45;
  font-size: 2.5rem;
  text-transform: uppercase; }

.home .prefooter-section h3 {
  color: #131d45;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.4;
  text-transform: uppercase; }

.home .prefooter-section .prefooter-intro p {
  color: #303030;
  font-size: 1.2rem;
  line-height: 1.2; }

.home .prefooter-section .iframe-embed {
  margin-bottom: 0; }

.iframe-embed {position:relative; margin-bottom:0px; line-height:0; max-width: 100%; padding-bottom: 50.25%;}
.iframe-embed iframe {width: 100%; height: 100%; position: absolute;}

@media only screen and (min-width: 1000px) {
	.reviews-video-section {padding-top: 220px!important; padding-bottom: 210px!important;}
	.reviews-video-section h1 {font-size: 4em; line-height: 1.05;}
	.reviews-video-section h2 {font-size: 2em; line-height: 1.1;}
}
@media only screen and (min-width: 691px) and (max-width: 999px) {
	.reviews-video-section {background-color: rgba(33,33,33,0.75)!important; padding-top: 50px!important; padding-bottom: 50px!important;}
	.reviews-video-section h1 {font-size: 4em; line-height: 1.05;}
	.reviews-video-section h2 {font-size: 2em; line-height: 1.1;}
}
@media only screen and (max-width: 690px) {
	.reviews-video-section {background-color: rgba(33,33,33,0.75)!important; padding-left: 15px; padding-right: 15px; padding-top: 50px!important; padding-bottom: 50px!important;}
	.reviews-video-section h1 {font-size: 2.4em; line-height: 1.05;}
	.reviews-video-section h2 {font-size: 1.7em; line-height: 1.1;}
}
  
/* History Page Styles
---------------------- */

.locations-section [class^="icon-"].icon-default-style {
  color: white !important; }

.locations-section h2 {
  padding-bottom: 1rem;
  font-size: 1.5rem; }

.locations-section .iwithtext .iwt-text {
  font-size: 1.5rem;
  padding-bottom: 1rem;
  text-decoration: underline; }
  .locations-section .iwithtext .iwt-text a {
    color: white; }


.team-row h2 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0; }

.team-row img {
  border: 2px solid white; }


/* ============== Custom Rules ========================= */

.address a:hover {text-decoration: underline;}
.nectar-button span {text-transform: uppercase;}
.img-border {border: 10px solid white;}
.img-shadow {-webkit-box-shadow: -4px 2px 24px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -4px 2px 24px 0px rgba(0,0,0,0.75);
	box-shadow: -4px 2px 24px 0px rgba(0,0,0,0.75);
}
#header-outer[data-lhe=animated_underline] #top nav>ul>li>a {font-size: 1.3em;}

@media only screen and (max-width: 999px) {
	.home-gc-bg {background-color: rgba(33,33,33,0.75);}
}