/*
Theme Name:     StartupBus Epic 2018
Theme URI:      http://startupbus.com
Description:    StartupBus Static Homepage
Author:         Steven Beeckman + Madelena Mak
Version:        1.0
*/

/* This file overrides the preset styles of the original theme in style.css. */

/* Brand new 2018 colors */

.btn-sb-pink {color: #FFFFFF; border-color: #FF0080; background-color: #FF0080;}
.btn-sb-orange {color: #FFFFFF; border-color: #FF8000; background-color: #FF8000;}
.btn-sb-lime {color: #2C3133; border-color: #D4FF00; background-color: #D4FF00;}
.btn-sb-cyan {color: #FFFFFF; border-color: #00D4FF; background-color: #00D4FF;}

.btn-sb-pink:hover,
.btn-sb-orange:hover,
.btn-sb-lime:hover,
.btn-sb-cyan:hover,
.btn-sb-border-pink:hover,
.btn-sb-border-orange:hover,
.btn-sb-border-lime:hover,
.btn-sb-border-cyan:hover {color: #2C3133; background-color: #FFFFFF;}

.btn-sb-border-pink {color: #FF0080; border-color: #FF0080; background-color: transparent;}
.btn-sb-border-orange {color: #FF8000; border-color: #FF8000; background-color: transparent;}
.btn-sb-border-lime {color: #D4FF80; border-color: #D4FF80; background-color: transparent;}
.btn-sb-border-cyan {color: #00D4FF; border-color: #00D4FF; background-color: transparent;}

.btn-sb-pink:fcous, .btn-sb-border-pink:focus {color: #FFFFFF; background-color: #CC0066;}
.btn-sb-orange:fcous, .btn-sb-border-orange:focus {color: #FFFFFF; background-color: #CC6600;}
.btn-sb-lime:fcous, .btn-sb-border-lime:focus {color: #2C3133; background-color: #AACC00;}
.btn-sb-cyan:fcous, .btn-sb-border-cyan:focus {color: #FFFFFF; background-color: #00AACC;}


.bg-sb-pink {background: #FF0080;}
.bg-sb-orange {background: #FF8000;}
.bg-sb-lime {background: #D4FF00;}
.bg-sb-cyan {background: #00D4FF;}

.bg-sb-pink-30:before, .bg-sb-pink-60:before, .bg-sb-pink-80:before, .bg-sb-pink-90:before {background: #FF0080;}
.bg-sb-orange-30:before, .bg-sb-orange-60:before, .bg-sb-orange-80:before, .bg-sb-orange-90:before {background: #FF8000;}
.bg-sb-lime-30:before, .bg-sb-lime-60:before, .bg-sb-lime-80:before, .bg-sb-lime-90:before {background: #D4FF00;}
.bg-sb-cyan-30:before, .bg-sb-cyan-60:before, .bg-sb-cyan-80:before, .bg-sb-cyan-90:before {background: #00D4FF;}

.bg-sb-pink-30:before, .bg-sb-orange-30:before, .bg-sb-lime-30:before, .bg-sb-cyan-30:before {opacity: .3;}
.bg-sb-pink-60:before, .bg-sb-orange-60:before, .bg-sb-lime-60:before, .bg-sb-cyan-60:before {opacity: .6;}
.bg-sb-pink-80:before, .bg-sb-orange-80:before, .bg-sb-lime-80:before, .bg-sb-cyan-80:before {opacity: .8;}
.bg-sb-pink-90:before, .bg-sb-orange-90:before, .bg-sb-lime-90:before, .bg-sb-cyan-90:before {opacity: .9;}

.bg-sb-pink-30:before, .bg-sb-orange-30:before, .bg-sb-lime-30:before, .bg-sb-cyan-30:before, 
.bg-sb-pink-60:before, .bg-sb-orange-60:before, .bg-sb-lime-60:before, .bg-sb-cyan-60:before, 
.bg-sb-pink-80:before, .bg-sb-orange-80:before, .bg-sb-lime-80:before, .bg-sb-cyan-80:before, 
.bg-sb-pink-90:before, .bg-sb-orange-90:before, .bg-sb-lime-90:before, .bg-sb-cyan-90:before {
  position: absolute;
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.text-light {color: #FFFFFF;}
.text-sb-pink {color: #FF0080;}
.text-sb-orange {color: #FF8000;}
.text-sb-lime {color: #D4FF00;}
.text-sb-cyan {color: #00D4FF;}
.text-sb-gray {color: #2C3133;}

.border-sb-pink {border-color: #FF0080;}
.border-sb-orange {border-color: #FF8000;}
.border-sb-lime {border-color: #D4FF80;}
.border-sb-cyan {border-color: #00D4FF;}
.border-d {border-color: #2C3133;}
.border-w {border-color: #FFFFFF;}


/* IE CSS Grid Compatibility */
.cssgrid, .no-cssgrid {display: none;}


/* Boxed Module Titles */

br + h1.module-title,
br + h2.module-title {
  margin-top: -30px !important;
  top: -5px;
  }

br + h3.module-title,
br + h4.module-title {
  margin-top: -30px !important;
  top: -10px;
  }


h1.big-number {
  font-size: 8rem;
  line-height: 6rem;
}


.container-max {
  max-width: 1280px;
  margin: auto;
}


/* Mostly compiled from Rose's style.css of startupbus-new theme */
.img-responsive {
  width: 100%;
  margin: auto;
  -webkit-transition: background .3s ease-in-out;
  -moz-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
  }

.thumbnail {
  border: none;
  background: none;
  position:relative;
    overflow:hidden;
}

.img1 {
  height:100%;
    overflow: hidden;
}

/* WordPress hack
https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting#stack-icons-inside-wordpress-posts
*/
.fa-stack br { display: none }

.fa-md {
  font-size: 24px;
}

.fa-big {
  font-size: 48px;
  color:#333;
}

.caption {
    position:absolute;
    top:-100%;
    right:0;
    background:rgba(255, 255, 255, 0.95);
    width:100%;
    height:100%;
    padding:10%;
    text-align:center;
    color:#444 !important;
    z-index:2;
    font-size: 13px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#community .caption p { font-size: 13px;
  text-align: left;}


/* Sponsors Grid */

.sponsors {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  width: 100%;
  justify-items: center;
}

.sponsor {
  border: 1px solid #2C3133;
  background: white;
  margin: -1px -1px 0 0;
}

.sponsor-4 {grid-column: span 4;}
.sponsor-3 {grid-column: span 3;}
.sponsor-2 {grid-column: span 2;}

.sponsor img {
  transition: all .25s;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
}
.sponsor a {
  display: block;
  box-sizing: border-box;
  padding: 40px;
}

.sponsor:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .8;
}

li.sponsor {
  list-style: none;
}


.thumbnail .caption {
  padding: 10px 10x;
}

.thumbnail:hover .caption {
    top:0%;
}

.no-transparent {
 background-color: rgba(44,49,51, .9) !important; 
 padding-bottom: 0px !important;
 padding-top: 0px !important;
}

#floating-panel {
  position: absolute;
  top: 10px;
  z-index: 5;
  padding-left: 10px;
}

.caption-top {
  vertical-align: top;
  padding-top: 10%;
}

div#map-canvas {
  height:100%;
}


/* Portfolio Grid in Navbar */
.nav .works-grid {
  width: 390px;
  grid-auto-rows: 130px;
}

.nav .work-item-link-text {
  padding: 14px;
  white-space: normal;
}

.nav .work-item-link-title {
  letter-spacing: inherit;
  font-size: 12px;
}

/* Bus Pages Home Section */

.bus-name {
  font-family: "Barlow Sharp", "Barlow", sans-serif;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 20px;
  font-size: 16rem;
  line-height: 14rem;
  hyphens: manual;
  -ms-hypens: manual;
}

.bus-name small {
  line-height: unset;
}

.bus-image-credit {
  position: absolute;
  width: 100%;
  bottom: 0;
  opacity: .25;
}

.bus-label {
  display: inline-block;
  color: white;
  padding: 1px 5px;
  padding-top: 0px;
  font-size: 75%;
  font-weight: 700;
  border-radius: 50px;
  position: relative;
  top: -1px;
}

.bus-logo {
  max-width: 66.667%;
}

.bus-primary-sponsor {
  max-width: 66.667%;
}


/* Team Section */

.team-bio {text-align: center;}

.crew-grid {
  display: grid;
  margin-left: -15px;
  margin-right: -15px;
}

.crew-grid-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.crew-grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.crew-grid-2 {
  grid-template-columns: 1fr 1fr;
}

.crew-grid-6 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.crew-row {clear: both;}
.crew-row .col-md-4 {padding: 0;}


/* Startup Section */

.startups-grid {
  display: grid;
  margin-left: -15px;
  margin-right: -15px;
  grid-template-columns: 1fr 1fr 1fr;
}


/* The Famous Ticket Grid */

.ticket-grid {
  display: grid; 
}

.ticket-grid .grid-item {
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
.ticket-grid .grid-item.leftmost {
  border-left: 1px solid white;
  margin-left: -1px;
}
.ticket-grid .grid-item.topmost {
  border-top: 1px solid white;
  margin-top: -1px;
}

.ticket-grid.dark .grid-item {
  border-right: 1px solid #2C3133;
  border-bottom: 1px solid #2C3133;
}
.ticket-grid.dark .grid-item.leftmost {
  border-left: 1px solid #2C3133;
  margin-left: -1px;
}
.ticket-grid.dark .grid-item.topmost {
  border-top: 1px solid #2C3133;
  margin-top: -1px;
}

.ticket-grid .white-bg {
  background: rgba(255,255,255,.9);
  color: #2C3133;
}

.ticket-grid .black-bg {
  background: rgba(23,23,23,.5);
  color: white;
}

.ticket-grid p {
  font-size: 1vw;
}
.ticket-grid h2 {
  font-size: 2.5vw;
  font-weight: bold;
}
.ticket-grid h3 {
  font-size: 1.25vw;
  font-weight: bold;
}


/* Editions Page */

.years .work-item-link-title {
  font-size: 3.5rem;
}

.years .work-item-link:hover .work-item-link-bg {
  filter: none;
  -webkit-filter: none;
}

.years .work-item-link:hover .work-item-link-overlay {
  opacity: 0.25;
}


/* Speakers Grid */

.speakers.works-grid {
  grid-auto-rows: 540px;
}

.speakers .work-item .work-item-link-overlay {
  opacity: 0.1;
}

.speakers .work-item:hover .work-item-link-overlay {
  opacity: 0.75;
}

/* Media Grid */

.media-grid {
  grid-auto-rows: 60px;
}

.media-importance-5 {grid-row: span 8; grid-column: span 1;}
.media-importance-4 {grid-row: span 6; grid-column: span 1;}
.media-importance-3 {grid-row: span 4; grid-column: span 1;}
.media-importance-2 {grid-row: span 3; grid-column: span 1;}
.media-importance-1 {grid-row: span 2; grid-column: span 1;}

.media-grid .work-item-link-bg {
  height: 100%;
}

.media-grid a, .media-grid a:hover, .media-grid a:focus {
  color: white;
}

.media-grid h1, .media-grid h2, .media-grid h3 {
  font-weight: 400;
  margin-top: 0;
}

.media-grid h6 {
  margin-top: 13px;
  margin-bottom: 0;
}

.media-item-play {
  position: absolute;
  top: 50%;
  margin-top: -45px;
  font-size: 500%;
  opacity: 0.5;
  width: 100%;
  text-align: center;
}


/* Home Section */

.hs-caption {
  position: relative;
  display: table;
  height: 100%;
  /* width: 80%; */
}

.caption-content {
  display: table-cell;
  vertical-align: middle;
  /* text-align: center; */
}

.caption-content-modern {
  /* display: table-cell;
  vertical-align: bottom; */
  /* text-align: left; */
  padding-top: 60px;
  padding-bottom: 60px;
  margin: 0;
}


/* Buttons */

.btn.btn-xlg {
  padding: 12px 48px 16px;
  font-size: 3rem;
  line-height: 3rem;
  /* box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.75); */
  letter-spacing: .33rem;
}

.btn-lg.btn-round {
  border-radius: 4px;
}

.btn-xlg.btn-round {
  border-radius: 6px;
}


/* Person Tiles */
.person-icon {
  padding-bottom: 30px;
}



/* Media Queries */

@media (max-width: 991px) {

  br + h1.module-title,
  br + h2.module-title {
    top: -10px;
  }

  br + h3.module-title,
  br + h4.module-title {
    top: -14px;
  }

  h1.big-number {
    font-size: 6rem;
    line-height: 4.5rem;
  }

  .bus-name{font-size:12rem; line-height: 10.5rem;}

  .caption-content-modern + .caption-content-modern {
    padding-top: 0;
  }

  .crew-row .col-sm-4 h3 {font-size: 1.5rem;}
  .crew-row .col-sm-4 p {font-size: 1rem;}


  /* .sponsors {
    grid-template-columns: 1fr 1fr;
  } */
  .sponsor a {
    padding: 20px;
  }

  .media-grid {
      grid-auto-rows: 50px;
  }

  .crew-grid-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .startups-grid {
    grid-template-columns: 1fr 1fr;
  }

  .startups .works-grid.works-grid-3 {
    grid-template-columns: 1fr 1fr;
  }

}

@media (max-width:767px){
  
  .text-center-xs {
    text-align: center;
  }

  h1.big-number {
    font-size: 6rem;
    line-height: 4.5rem;
    float: left;
    width: 45px;
  }

  .bus-name{font-size:9rem; line-height: 8.5rem;}
  .bus-theme{font-size:2.5rem;}

  .crew-row .col-sm-4 {clear: both;}

  /* .sponsors {
    grid-template-columns: 1fr;
  } */
  .sponsor a {
    padding: 10px;
  }

  .btn.btn-xlg {
    padding: 10px 40px;
    font-size: 2rem;
  }

  .nav .works-grid {
    width: 100%;
  }

  .media-grid {
      grid-auto-rows: 40px;
  }

  .crew-grid-4, .crew-grid-6 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .startups-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .startups .works-grid.works-grid-3 {
    grid-template-columns: 1fr;
  }

  .startups .work-item-link-bg {
    height: 240px;
  }

}

@media (max-width:480px){

  br + h1.module-title,
  br + h2.module-title {
    top: -12px;
  }

  br + h3.module-title,
  br + h4.module-title {
    top: -16px;
  }

  .bus-name{
    font-size:7rem; 
    line-height: 6.5rem;
    letter-spacing: -.25rem;
  }
  .caption-top {
    font-size:72%
  }
  .caption-content-modern {padding-top: 30px; padding-bottom: 30px; margin: 0;}

  .crew-grid-3, .crew-grid-4, .crew-grid-6 {
    grid-template-columns: 1fr 1fr;
  }

  .crew-grid-2 {
    grid-template-columns: 1fr;
  }

.sponsors {
  grid-template-columns: 1fr 1fr;
}

.sponsor-4 {grid-column: span 2; grid-row: span 2;}
.sponsor-3 {grid-column: span 2;}
.sponsor-2 {grid-column: span 1;}

}