/*
Theme Name: Building Beats Theme - 2015
Theme URI: http://buildingbeats.org
Author: Mark Robinson and Angel Martinez via Webflow
Author URI: http://buildingbeats.org
Description: BB Theme based on 'Waiters' Webflow theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/*General fixes*/
img {
  height: auto;
}
a {
  cursor:auto;
}
@media (min-width: 992px){
  .nav-link {
      margin-left: 20px;
      padding-top: 26px;
      padding-right: 0px;
      padding-left: 0px;
      -webkit-transition: background-color 500ms ease, border 500ms ease;
      transition: background-color 500ms ease, border 500ms ease;
      font-family: Oswald, sans-serif;
      color: rgba(255, 255, 255, 0.6);
      font-size: 16px;
  }
  #header-navbardonatebutton {
    color:white;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: rgba(235, 0, 136, 0.7);
    margin-top: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 16px;
    padding-left: 15px;
    height:auto;
  }
  #header-navbardonatebutton:hover {
    background-color: rgba(235, 0, 136, 1);
  }
}
#footer {
  padding-bottom: 30px;
  background-color: rgb(30,30,30);
}
#footer-followuscolumn {
  padding-bottom: 30px;
}
#footer-navigationcolumn {
  padding-bottom: 30px;
}
#footer-contactinfocolumn a {
  color:white;
}
#footer-navigation-ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}
.footer-navigation-li {
  font-size: 14px;
  font-family: Oswald, sans-serif;
  color: white;
  text-transform: uppercase;
}
.logo-container {
  padding-top: 10px;
  float: left;
  text-align: left;
  text-decoration: none;
}
#header-bottomrightsupportusbutton {
  background-color: rgba(235, 0, 136,0.7);
  border: 1px solid rgba(255,255,255,0.5);
}
#header-bottomrightsupportusbutton:hover {
  background-color: rgba(242, 0, 143, 1);
}
#comments {
  color:white;
  padding-top: 30px;
}
#comments ul, ol{
  list-style:none;
}
#comments li {
  padding-top:10px;
  padding-bottom:10px;
  margin-left:15px;
}
#comments #submit {
  color:black;
}

#footer-followuscolumn {
  text-align: left;
}
.footer-social-icons {
  width:40px;
}
.single-post-header {
  background-color: rgb(34, 31, 30);
}
.single-post-bbbloglabel {
  text-transform: uppercase;
  font-size:24px;
}
@media (max-width: 767px) {
  .nobgimage-container {
    padding: 35px 25px;
  }
  #work-whatwedosection {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media (max-width: 767px){
  #work-whatwedotextcolumn {
    padding-bottom:20px;
  }
}

/*embed responsively */
.embed-container-youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container-youtube iframe, .embed-container-youtube object, .embed-container-youtube embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed-container-vimeo {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container-vimeo iframe, .embed-container-vimeo object, .embed-container-vimeo embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*HOME PAGE CLASSES*/
.home-intro {
  padding-bottom: 90px;
  padding-top: 90px;
}
/*HOME PAGE ID's*/
#home-missionstatement-container {
  padding-bottom:20px;
}
#home-partners-section {
  padding-top:100px;
  padding-bottom:50px;
}
#home-whatdowedow-femalestudentimage {
  position: absolute;
  left: -70px;
  bottom: 65px;
  height: 550px;
}
#home-ourapproach-bgimagesection {
  background-image: url('./images/BuildingBeats_PS2_1507_KB_IMG_8025_BW_optimized.jpg');
  background-size: cover;
}
#home-ourimpact-studentprofile-lj {
  background-image: url('./images/student-profile-lj.jpg');
}
#home-ourimpact-studentprofile-lj-quote {
  line-height: 15px;
}
#home-ourimpact-studentprofile-jebryl {
  background-image: url('./images/student-profile-jebryl.jpg');
}
#home-ourimpact-studentprofile-jebryl-quote {
  line-height: 15px;
}
#home-ourimpact-studentprofile-devonte {
  background-image: url('./images/student-profile-devonte.jpg');
}
#home-ourimpact-studentprofile-devonte-quote {
  line-height: 15px;
}
#home-ourimpact-studentprofile-jb {
  background-image: url('./images/student-profile-jb.jpg');
}
#home-ourimpact-studentprofile-jb-quote {
  line-height: 15px;
}
/* HOME PAGE MEDIA QUERIES */
@media (min-width: 480px) {
  #home-partners-si-list {
    min-height:400px;
  }
  #home-partners-queens-list {
    min-height:400px;
  }
}
@media (max-width: 991px) {
  #home-signup-malestudentimage {
    top: -158px;
    z-index: 1;
    height: 430px;
  }
  #home-whatdowedow-femalestudentimage {
    top: 30px;
    z-index: 1;
    height: 430px;
  }
}
@media (max-width: 767px) {
  #home-signup-malestudentimage {
    top: 0px;
    right: -68px;
    height: 330px;
  }
  #home-whatdowedow-femalestudentimage {
    position: static;
    padding-top:60px;
    width: 100%;
    height: auto;
    margin-top: -41px;
    margin-bottom: -12px;
  }
}
@media (max-width: 479px) {
  .upcoming-event-overlay-block {
      width: 100%;
      padding: 20px;
    }
  #home-signup-malestudentimage {
    position: static;
    width: 100%;
    height: auto;
    margin-top: -41px;
    margin-bottom: -12px;
  }
  #home-whatdowedow-femalestudentimage {
    position: static;
    padding-top:60px;
    width: 100%;
    height: auto;
    margin-top: -41px;
    margin-bottom: -12px;
  }
  #home-ourimpact-studentprofile-jebryl {
    background-image: none;
  }
  #home-ourimpact-studentprofile-devonte {
    background-image: none;
  }
  #home-ourimpact-studentprofile-jb {
    background-image: none;
  }
  #home-ourimpact-studentprofile-lj {
    background-image: none;
  }
}

#about-headeroverlay {
  background-image: linear-gradient(rgba(26, 26, 26, 0.74), rgba(26, 26, 26, 0.5) 25%);
}
#about-headerbgimagesection {
  background-color: #F2008F;
  background-image: url('./images/BuildingBeats_CH_150109_WS_6138_BW_optimized.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
}
#about-ourvisionheading {
  color:white;
}
html.w-mod-js *[data-ix="team-tab-text"] { /* fixes about page bio alignment*/
  padding-left: 150px;
}
@media (max-width: 991px) {
  .about-us-image {
    top: -58px;
    height: 450px;
  }
}
@media (max-width: 767px) {
  .about-us-image {
    top: -29px;
    height: 350px;
    width:350;
    max-width:none;
  }
}
@media (max-width: 479px) {
  .section.team {
    padding-bottom:100px;
  }
}
.intro-image {
    position: absolute;
    left: -70px;
    bottom: -13px;
    height: 610px;
}
#work-headerbgimage {
  background-image: url('./images/BuildingBeats_CH_150207_MR_IMG_7830_optimized.jpg');
  background-position: 0% 0%;
  background-size: 103%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media (min-width: 768px) {
  #work-headerbgimage {
      background-image: url('./images/BuildingBeats_CH_150207_MR_IMG_7830_optimized.jpg');
      background-position: 0% 0%;
      background-size: 103%;
      background-repeat: no-repeat;
      background-attachment: fixed;
    }
}

#work-headerimageoverlay {
  background-color: rgba(0, 0, 0, 0.6);
}
#work-headerimageoverlay:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
#work-ourservicessection {
  background-image: none;
  background-color: rgba(5, 5, 5, 0.8);
}
#work-pastworksection {
  background-image: none;
  background-color: #333;
}

.whybb-theproblem-icons {
  width: 50%;
  max-width:200px;
  padding-bottom:25px;
}
.our-solution { /*Clear webflow styles */
    margin-top: 0px;
    margin-bottom: 0px;
}
.whybb-oursolution-icons {
    width:60%;
    max-width:200px;
    height: auto;
    padding-bottom:15px;
}
.whybb-oursolution-subheadings {
    line-height:28px;
}
.impact {
    color:white;
}
.whybb-ourimact-icons {
    width:60%;
    max-width: 150px;
    height:auto;
    padding-bottom:25px;
}
@media (max-width: 767px) {
  .experience-bottom-section-overlay {
    padding:115px 20px 35px;

  }
}
#whybb-headerbgimagesection {
  background-size: 110%;
  background-image: url('./images/BuildingBeats_SA_141111_MR_IMG_7065_BW_optimized.jpg');
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
  z-index: 1;
}
#whybb-impact-section {
    padding-top:100px;
    padding-bottom:100px;
    margin-top:0px;
    background-image: none;
}
#why-bb-oursolutionbgimagesection{
  background-image: url('./images/BuildingBeats_CH_150425_MR_IMG_9000_BW_optimized.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
#whybb-oursolutionsection {
    padding-top:100px;
    padding-bottom:100px;
    margin-top:0px;
    background-image: none;
    background-color: rgba(5,5,5,0.8)
}
#whybb-oursolution-heading {
    padding-bottom:30px;
}
#whybb-impact-subheading {
    padding-bottom:30px;
}
#whybb-research-section {
    background-color:white;
    padding-top: 40px;
    padding-bottom: 40px;
}

#worldup-pageheadertitle {
  font-size:30px;
  line-height:30px;
}
@media (min-width: 992px) {
  #worldup-pageheadertitle {
    font-size: 60px;
    line-height: 60px;
  }
}
@media (min-width: 768px) {
  #worldup-pageheadertitle {
    font-size: 50px;
    line-height: 50px;
  }
}
#worldup-bodycontent {
  padding-top:30px;
  padding-bottom:100px;
}
#worldup-bodytextsection, #worldup-bodytextsection a {
  color: white;
}


/* BLOG ROLL STYLES */
.blog-header-bgimagesection {
  background-color: rgb(53, 53, 56);
  background-image: url('./images/BuildingBeats_SDJA_141111_MR_IMG_7029_optimized.jpg');
  background-position: 0px 0px;
  background-size: 110%;
  background-attachment: fixed;
  background-repeat:no-repeat;
}
#blogroll-page-content {
  padding-bottom:20px;
}
.blogroll-postsection {
  padding-top:30px;
  padding-bottom:30px;
}
.blogroll-post-title {
  font-size: 40px;
  line-height: 40px;
}
.blogroll-post-title-a {
    text-decoration: none;
    color: white;
}
.blogroll-post-excerpt {
    color: white;
}
.blogroll-post-thumbnail {
  height:auto;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
}
.blogroll-oldernewerpost-nav {
  padding:25px;
  margin-left:auto;
  margin-right:auto;
}
.blogroll-oldernewerpost-ul {
  list-style: none;
  display: inline;
}
.blogroll-oldernewerpost-ul li {
  list-style: none;
  display: inline;
  margin-left: 15px;
}
.blogroll-sidebar-ul ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.blogroll-sidebar-ul a, h5, label {
  color:white;
}
.blogroll-sidebar-ul h5 {
  text-transform: uppercase;
}

.single-post-content {
  padding-bottom:30px;
}
.single-post-title {
  margin-top: 0px;
  margin-bottom: 15px;
  font-family: Oswald, sans-serif;
  color: white;
  font-size: 42px;
  line-height: 45px;
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: rgba(0, 0, 0, 0.6) 0px 0px 4px;
}
.single-post-entry {
    color:white;
}

/* STUDENT SINGLE PROFILE STYLES */
.students-single-section {
  padding-top: 60px;
}