/*
* Style
*/


/*
* Google font
*/

@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600,700|Roboto");




/*
* Elements
*/

a[href^="tel"] {
  border-bottom: 1px dotted;
}

header .navbar-brand img {
    height: 63px;
    top: 9px;
}

/* <section> with .bg-cover need relative positioning for bg absolute position */
section {
  position: relative;
}

.bg-cover {
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.timeline-item .btn {
  border-radius: 0;
}

/* transition timing & easing */
.card img,
.is-shady,
.timeline-item .btn {
  transition: all .2s ease-in-out;
}

/* Material Elevation 2dp */
.is-shady {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.card img {
  filter: saturate(0.4) sepia(0.5) grayscale(0) brightness(1);
  /* add sepia grayscale filter to card images */
}

.full-visible .card.is-shady img {
  /*    border-bottom-left-radius: calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px);
    box-shadow: 0 20px 32px rgba(0, 0, 0, .13), 0 12px 12px rgba(0, 0, 0, .19);
    -moz-transform: translateY(-16px) scale(1.1);
    -webkit-transform: translateY(-16px) scale(1.1);
    transform: translateY(-16px) scale(1.1);*/
}

/* Muted card, created mainly for the 2019 rescheduling of LeftOver Biscuits */
.card.muted {
 opacity: .5;
}

.past-event .card {
  /*    opacity: .5; */
}

.past-event .card img {
  filter: saturate(0) sepia(0) grayscale(1) brightness(1);
}

.timeline .timeline-item.past-event::before {
  background-color: #6c757d !important;
}

td {
  transition: all .2s ease-in-out;
}

/*tr:hover td {
    font-weight: bold;
} */

#google-map {
  min-height: 400px;
  min-height: 30rem;
}

.lg-h-100 {
  min-height: 100%;
}

/*.bg-cover, */
.bg-parallax {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*
* Section - Home
*/


/** BG Image */

#home .bg-cover {
  /* background-image: url("../images/Optimized-facundo-aranda-351985-unsplash.jpg"); */
  background-image: url("../images/53165002_2491190574248425_3089807379777191936_o.jpg");
}



/** BG Parallax */

#home-bg-parallax>.bg-parallax {
  background: url("../images/bg-parallax.jpg");
}



/** BG Slideshow */

#home-bg-slideshow .slides>.bg-cover:nth-child(1) {
  background: url("../images/bg-home-1.jpg");
}

#home-bg-slideshow .slides>.bg-cover:nth-child(2) {
  background: url("../images/bg-home-2.jpg");
}

#home-bg-slideshow .slides>.bg-cover:nth-child(3) {
  background: url("../images/bg-home-3.jpg");
}

#home-bg-slideshow>.position-absolute {
  z-index: 20;
}



/** BG Video */

#home-bg-video .player:before {
  z-index: 15;
}

#home-bg-video .player.is-mobile {
  display: none;
}

#home-bg-video .container {
  position: relative;
  z-index: 20;
}




/*
* Section - Fun Facts
*/

#lineup .bg-cover {
  background-image: url("../images/bjd-image-3.png");
}




/*
* Section - Skills
*/

#skills {
  background-image: url("../images/bg-skills.jpg");
}




/*
* Section - Quote
*/

#quote .bg-cover {
  background-image: url("../images/Optimized-david-beale-179724-unsplash.jpg");
}




/*
* Section - Keep In Touch
*/

#keep-in-touch {
  background-image: url("../images/bg-keep-in-touch.jpg");
}




/*
* Section - Coming Soon
*/

#coming-soon {
  background-image: url("../images/bg-coming-soon.jpg");
}




/*
* Section - Contact
*/

#contact .bg-cover {
  background-image: url("../images/Optimized-daniel-beilinson-1695-unsplash.jpg");
}




/*
* Footer
*/

.footer-logo {
  max-height: 40px;
}

.footer-icon-social {
  bottom: 10px;
  position: relative;
}



/*
* Media queries
*/

@media (min-width: 992px) {
  header .navbar-brand img {
      height: 220px;
  }

  header.shrink .navbar-brand img {
    height: 43px;
  }

  .timeline .timeline-item.even .card {
    left: 55%
  }

  .lg-h-100 {
    height: 100%;
  }

  /* style timeline date buttons on => large screens */
  /* also remove .btn-block class from page markup */
  /* 4/29/19 turn this off for now since we only have artist name displayed (no photo or bio) */
  .timeline-item .btn {
    /*position: absolute;*/
    /*top: 30%;*/
  }

  .timeline-item.odd .btn {
    left: 120%;
  }

  .timeline-item.even .btn {
    right: 120%;
  }

  /* 4/29/19 add margin to compensate for lack of photo & bio content */
  .timeline .timeline-item:not(.last) .card {
    margin-bottom: 15rem;
  }

  /* shrink cards to fit window for max 'pop-up' effect */
  .timeline .timeline-item .card {
    width: 33%;
  }

  .odd.timeline-item .card {
    margin-left: 12%;
  }

  .timeline-item.odd .btn {
    left: 130%;
  }

  .timeline-item.even .btn {
    right: 130%;
  }

  /* move the timeline bullets down to correspond */
  .timeline .timeline-item:before {
    top: 33%;
  }

  .card img {
    filter: saturate(0.4) sepia(0.5) grayscale(1) brightness(.5);
  }

  .full-visible .card.is-shady img {
    filter: saturate(0.4) sepia(0.5) grayscale(0) brightness(1);
  }

  /* Material Elevation 2dp */
  .timeline-item .btn {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  }

  /* Material Elevation 24dp */
  .timeline-item.full-visible .card.is-shady,
  .timeline-item.full-visible:not(.past-event) .card .btn {
    transform: translateY(-7px);
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
  }
}