.social-facebook {
  background-color: #3b5998; }

.social-twitter {
  background-color: #55acee; }

.social-instigram {
  background-color: #e95950; }

.social-youtube {
  background-color: #bb0000; }

.social-linked-in {
  background-color: #007bb5; }

.spacedVertical {
  margin: 1em 0; }

figure {
  padding: 0;
  margin: 1em 0.5em;
  text-align: center; }
  figure img {
    max-width: 100%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }

body {
  color: #666666; }

h1 {
  margin: 0; }

a {
  transition: color 0.5s, background-color 0.5s; }

.brand-logo {
  font-family: "LasVegasOT-Fabulous", sans-serif;
  font-size: 0.8em !important; }

.navbar-fixed nav {
  background-color: rgba(255, 255, 255, 0.9) !important; }
  .navbar-fixed nav * {
    color: #666666; }

.side-nav a {
  color: white !important; }
  .side-nav a:hover {
    background-color: rgba(255, 255, 255, 0.3); }

.preloader-js {
  position: relative; }
  .preloader-js .preloader-wrapper {
    position: absolute;
    top: 40%;
    z-index: 1000; }

#mc_embed_signup {
  background: transparent;
  color: white;
  clear: left;
  font-size: 0.5em; }
  #mc_embed_signup h2 {
    font-size: 1.2em !important;
    font-weight: normal !important;
    margin-top: 0 !important; }
  #mc_embed_signup label {
    color: white !important;
    margin-top: 1em; }
  #mc_embed_signup input[type='email'] {
    background: white;
    font-size: 1em;
    padding: 0 1em !important;
    color: #666666 !important;
    height: 2em;
    margin-right: 1em !important;
    width: 93%; }
  #mc_embed_signup form {
    padding-left: 0 !important;
    width: 100%;
    padding-bottom: 0 !important; }
  #mc_embed_signup .indicates-required {
    margin-right: 0 !important; }
  #mc_embed_signup #mc-embedded-subscribe {
    background: white;
    color: #385d49;
    font-size: 0.8em;
    margin-bottom: 0.3em;
    height: 2.6em; }
  #mc_embed_signup .row {
    margin-left: 0 !important;
    margin-right: 0 !important; }

html {
  height: 100%; }

body {
  width: 100%;
  width: 100vw;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 100%;
  padding-bottom: 10em;
  position: relative; }
  @media screen and (max-width: 600px) {
    body {
      padding-bottom: 0; } }

main {
  margin-top: 3em; }

footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }
  footer .row {
    margin-bottom: 0; }
  footer .social {
    background: #385d49;
    font-size: 2em;
    padding: 0.2em; }
    footer .social a {
      color: white;
      margin-right: 0.2em; }
    footer .social p {
      font-size: 16px;
      color: white; }
    footer .social .contact {
      margin: 0; }
      footer .social .contact a {
        color: lightgreen; }
        footer .social .contact a:hover {
          color: white; }
  footer .copyright {
    background: #22443c;
    color: white;
    padding: 0.5em; }
  @media screen and (max-width: 600px) {
    footer {
      position: static; } }

@media screen and (max-width: 420px) {
  h1 {
    font-size: 2.5em;
    padding-top: 0.2em;
    position: absolute;
    margin: 0 !important;
    right: 1em;
    left: 2em;
    text-align: right !important; }
    h1 a {
      position: static !important;
      transform: none !important;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis; } }

.side-nav {
  background-color: black;
  font-weight: 800;
  background-image: url("../images/menu_mobile_kai.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  padding-top: 2em; }
  @media screen and (max-height: 560px) {
    .side-nav {
      padding-top: 0; } }

.short-bio {
  font-size: 1.3em;
  margin: 0 0 1em 0; }

@media screen and (max-width: 992px) {
  #video--home-page {
    margin-top: 2em; } }

.twitter-timeline {
  width: 100% !important; }

.quote {
  font-size: 1.5em;
  line-height: 1.3em; }
  .quote .source {
    font-style: italic;
    font-size: 0.8em; }

.about__img--kai-standing {
  max-width: 230%;
  margin-left: -15em;
  z-index: 1; }
  @media screen and (max-width: 992px) {
    .about__img--kai-standing {
      margin-left: -10em;
      max-width: 220%; } }
  @media screen and (max-width: 770px) {
    .about__img--kai-standing {
      margin-left: -8em; } }
  @media screen and (max-width: 600px) {
    .about__img--kai-standing {
      margin-left: 0;
      max-width: 100%;
      clear: both; } }

p {
  position: relative;
  z-index: 10; }

.contact-form {
  background-image: url("../images/kai_contact.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  margin-bottom: -2em;
  transition: all 1s;
  min-height: 40em; }
  .contact-form form {
    margin-bottom: 2em; }
  @media screen and (max-width: 1600px) {
    .contact-form {
      background-image: url("../images/kai_contact_light.jpg"); } }

@media screen and (max-width: 440px) {
  .contact-btns {
    margin-top: 1em; } }

@media screen and (max-width: 350px) {
  .btn {
    padding-left: 0.7em;
    padding-right: 0.7em; } }

.gig-list {
  max-height: 32.5em;
  overflow: auto; }
  @media screen and (max-width: 992px) {
    .gig-list {
      max-height: none; } }

.gig-side-image {
  height: 33em;
  background: black;
  background-image: url("../images/gigs-side.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.gig-list-item .title {
  font-weight: bold;
  font-size: 3em; }

.gig-list-item .map-link {
  display: inline-block;
  position: absolute;
  z-index: 500; }

.gig-list-item .gig-list-item--link {
  width: 85%;
  display: block;
  color: #666666; }
  @media screen and (max-width: 360px) {
    .gig-list-item .gig-list-item--link {
      width: 78%; } }

#map-modal iframe {
  width: 100% !important; }

.superscript-left {
  position: absolute;
  margin-top: 0.2em;
  margin-left: -1.3em; }

.superscript-right {
  position: absolute;
  margin-top: 0.2em; }

.listen-album {
  width: 100%;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); }

.buy td {
  padding: 0 1em; }

.hero-box--text,
.hero-box--mobile-content {
  text-align: center;
  font-size: 1.5em;
  line-height: 1.1em; }
  .hero-box--text .source,
  .hero-box--mobile-content .source {
    font-size: 0.8em;
    font-style: italic; }

.hero-box--mobile-content {
  display: none;
  margin: 1em;
  line-height: 1.3em; }
  .hero-box--mobile-content .hero-box--cd-image {
    margin-top: 1em;
    width: 50%;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 709px) {
    .hero-box--mobile-content {
      display: block; } }
  @media screen and (max-height: 420px) and (max-width: 709px) {
    .hero-box--mobile-content {
      display: none; } }

.hero-box {
  background-image: url("../images/hero_image.jpg"), url("../images/hero_image2.jpg");
  background-size: contain, 40%;
  background-repeat: no-repeat;
  background-position: left, right top;
  height: 40em;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); }
  .hero-box .hero-box--text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2em; }
  .hero-box .hero-box--cd-image {
    width: 450px;
    margin-bottom: 1em; }
  @media screen and (max-width: 1574px) {
    .hero-box {
      height: 30em; }
      .hero-box .hero-box--text {
        bottom: 1.4em; }
      .hero-box .hero-box--cd-image {
        width: 330px; } }
  @media screen and (max-width: 1313px) {
    .hero-box {
      background-size: contain, 35%; }
      .hero-box .hero-box--text {
        font-size: 1em;
        left: 6em;
        bottom: 2.5em; } }
  @media screen and (max-width: 1030px) {
    .hero-box {
      background-image: url("../images/hero_image.jpg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left; }
      .hero-box .hero-box--text {
        left: 40%;
        bottom: 1em; } }
  @media screen and (max-width: 773px) {
    .hero-box .hero-box--text {
      text-align: right;
      right: 2em;
      bottom: 1em; }
    .hero-box .hero-box--cd-image {
      width: 310px; }
    .hero-box .fixed-action-btn {
      right: 1em !important; }
      .hero-box .fixed-action-btn .btn-large {
        width: 3em;
        height: 3em; }
      .hero-box .fixed-action-btn .btn-large i {
        font-size: 1.3em !important;
        line-height: 2.5em !important;
        vertical-align: top; }
      .hero-box .fixed-action-btn .btn-floating i {
        font-size: 1.2em;
        line-height: 2.3em; }
      .hero-box .fixed-action-btn.horizontal ul {
        right: 50px; }
      .hero-box .fixed-action-btn.horizontal ul li {
        margin-top: 0; } }
  @media screen and (max-width: 709px) {
    .hero-box {
      background-size: cover;
      background-position: top; }
      .hero-box .hero-box--text {
        display: none; } }
  @media screen and (max-height: 670px) and (max-width: 709px) {
    .hero-box {
      height: 35em; } }
  @media screen and (max-height: 570px) and (max-width: 709px) {
    .hero-box {
      height: 28em; }
      .hero-box .fixed-action-btn.horizontal ul li {
        margin-right: 0.5em !important; } }
  @media screen and (max-height: 490px) and (max-width: 709px) {
    .hero-box {
      height: 22em; } }
  @media screen and (max-height: 420px) and (max-width: 740px) {
    .hero-box {
      background-size: 50%;
      background-position: left top;
      height: calc(100vh - 60px);
      box-shadow: none; }
      .hero-box .hero-box--text {
        display: block; }
        .hero-box .hero-box--text .hero-box--cd-image {
          width: 60%;
          margin-right: 3em; } }

.hero-box--about {
  background-image: url("../images/kai-hoffman-about.jpg");
  background-size: cover;
  background-position: center;
  height: 30em;
  margin-bottom: 1em; }
  @media screen and (max-width: 992px) {
    .hero-box--about {
      height: 22em; } }

.hero-box--contact {
  height: 30em;
  background-color: black;
  background-image: url("../images/hero_contact2.png"), url("../images/hero_contact.png"), url("../images/hero_contact3.jpg");
  background-repeat: no-repeat;
  background-size: 25em, contain, contain;
  background-position: left top, right center, center;
  color: white;
  font-size: 1.3em;
  position: relative;
  transition: background-image 1s, background-position 1.5s, background-size 1s; }
  @media screen and (max-width: 1200px) {
    .hero-box--contact {
      background-image: url("../images/hero_contact2.png"), url("../images/hero_contact.png");
      background-size: 25em, contain;
      background-position: left top, right center; } }
  @media screen and (max-width: 900px) {
    .hero-box--contact {
      background-image: url("../images/hero_contact2.png");
      background-size: 30em;
      background-position: center top; } }
  @media screen and (max-width: 380px) {
    .hero-box--contact {
      height: 28em; } }
  @media screen and (max-height: 500px) {
    .hero-box--contact {
      height: 24em; } }
  .hero-box--contact .hero-box--contact__text {
    bottom: 2em;
    position: absolute;
    width: 100%; }
    @media screen and (max-height: 500px) {
      .hero-box--contact .hero-box--contact__text {
        text-shadow: 2px 2px 2px black; } }

.hero-box--gigs {
  background-color: black;
  background-image: url("../images/kai-gigs--hero.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right top;
  color: white;
  height: 24em;
  margin-bottom: 2em;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  padding-left: 5em;
  padding-top: 2em;
  overflow: hidden;
  position: relative; }
  .hero-box--gigs .quote-text {
    margin-top: 3em; }
    @media screen and (max-width: 868px) {
      .hero-box--gigs .quote-text {
        font-size: 0.8em; } }
    @media screen and (max-width: 615px) {
      .hero-box--gigs .quote-text {
        font-size: 0.7em;
        position: absolute;
        bottom: 1.3em;
        left: 1.3em;
        right: 1.3em;
        width: auto;
        float: none; } }

.hero-box--listen {
  background-color: black;
  background-image: url("../images/kai_listen.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  color: white;
  height: 24em;
  margin-bottom: 2em;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  padding-left: 5em;
  padding-top: 2em;
  overflow: hidden;
  position: relative; }
  @media screen and (max-width: 1100px) {
    .hero-box--listen {
      background-position: center top;
      background-size: cover; } }
  .hero-box--listen .quote-text {
    margin-top: 8em;
    position: absolute;
    left: 40em !important;
    right: 5em !important;
    margin-left: 0 !important;
    margin-right: 0;
    width: auto !important;
    max-width: 100em !important; }
    @media screen and (max-width: 1750px) {
      .hero-box--listen .quote-text {
        margin-top: 0.5em; } }
    @media screen and (max-width: 1275px) {
      .hero-box--listen .quote-text {
        font-size: 0.9em !important; } }
    @media screen and (max-width: 1100px) {
      .hero-box--listen .quote-text {
        font-size: 0.7em !important;
        position: absolute;
        bottom: 1.3em;
        left: 1.3em !important;
        right: 1.3em !important;
        width: auto;
        float: none;
        line-height: 2.3em; } }

/*# sourceMappingURL=styles.css.map*/