/* Fontawesome */
@import "//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/fontawesome.min.css";
@import "//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/brands.min.css";
@import "//use.typekit.net/liz5gbi.css";

body {
  background:#000 url('/wp-content/uploads/2021/09/bonobo-bg.jpg') center center no-repeat;
  background-attachment: fixed;
  background-size:cover;
  color:#fff;
  font-family: balboa, sans-serif;
  font-weight:300;
  --entry-header--font-size: 36px;
}

body.page-id-45 {
    background-image:url('/wp-content/uploads/2021/10/bonobo-bg3.jpg');
  }

body.blog {
    background-image:url('/wp-content/uploads/2021/10/bonobo-bg2.jpg');
}

body.page-id-45 #bg-video, body.blog #bg-video {
    display:none;
}


h1,h2,h3,h4,h5,h6 {
  font-family: balboa, sans-serif;
  font-weight:300;
}

p, span, a, div, .menu-item a, .entry-content {
  font-family: balboa, sans-serif;
  font-weight:300;
}

.cc-window.cc-floating, footer.site-footer, .entry-category .posted-on, .entry-footer .post-taxonomies, .entry-category .edit-link, a[href*="uncategorized"], #custom_html-3 #subscribe-link {
  display:none;
}

#masthead {
  margin-bottom:50px;
  position:sticky;
  top:0px;
  width: 100%;
  max-width: 100%;
  padding: 30px 5%;
  transition: background .3s ease-in-out;
  will-change: opacity;
  transform: translate3d(0,0,0);
  z-index: 999;
}

#content {
    min-height:calc(100vh - 874px);
}

.post {
  text-align:center;
}

.post-thumbnail {
  --responsive--alignwide-width: 300px;
}

.page-template-default .page > .entry-header, .archive .page-header {
  display:none;
}

.wp-block-buttons {
  display: flex;
  justify-content: center;
}

#mc4wp-form-1 {
  margin:0 auto;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
  width:15px;
}

.primary-navigation > div > .menu-wrapper > li > .sub-menu {
  background:#000;
  /* border:none; */
}

.primary-navigation .sub-menu .menu-item > a {
  padding:10px 15px;
}

body.is-dark-theme .wp-block-embed figcaption {
  color:#fff;
  font-size:1.7rem;
  line-height:1.2em;
  margin-bottom:50px;
}

.mc4wp-alert.mc4wp-success4wp-success {
  margin-top:20px;
  color:cyan;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
  background:transparent;
  color:#fff;
  border-color:#fff;
  transition: background .2s ease-in-out;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
}

#subscribe-link {
  border-left:1px solid rgba(255,255,255,.2);
  position: relative;
  top:-2px;
  left:0px;
  margin-left:10px;
}

#subscribe-link a {
  font-size: 13px;
  font-weight: 500;
  padding-left: 20px;
}

#subscribe-link img {
  width:20px;
  height:auto;
  margin-right:5px;
}

.scrolled #masthead {
  background: rgba(10,12,18,.8);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

#page {
  background-image: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.2) 50%);
  min-height:100vh;
  padding-top:30px;
}

#page .widget-area {
  background: rgba(10,12,18,.8);
  width: 100%;
  max-width: 100%;
  padding: 50px 5vw 100px;
  margin-bottom: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  grid-template-columns: repeat(1, 1fr);
  text-align:center;
  font-size:.75rem;
}

#page .widget-area > section {
  width:100%;
  max-width:540px;
  margin:10px auto;
  font-size:16px;
}

#site-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  width: calc(100% - 126px);
  height:32px;
  padding-left:50px;
}

.site-title {
  text-indent:-9999em;
  display:inline-block;
  background:url('/wp-content/uploads/2021/09/bonobo.2021-1.png') center top no-repeat;
  background-size:contain;
  width:126px;
  height:44px;
  position: relative;
  top:-5px;
}

.footer-social__links {
  display:flex;
  align-items: center;
  justify-content:space-around;
  flex-flow:row nowrap;
  font-size:1.4rem;
  margin:15px auto;
  list-style: none;
  padding:0;
  margin:0;
}

.social-item {
  width:22px;
  margin:0 10px;
  height:auto;
  transition: opacity .2s ease-in-out;
}

.social-item:hover {
  opacity: .7;
}

.social-item a:focus {
  background:transparent!important;
}

.follow {
  -webkit-filter: brightness(59%) contrast(700%) invert(1) grayscale(100%);
  filter: brightness(59%) contrast(700%) invert(1) grayscale(100%);
}

.social-item__link--vcso img {
  width:20px;
  height:auto;
  position: relative;
  top:-3px;
}

.social-item--large {
  width:92px;
  height:20px;
}

.footer_bottom {
  display:flex;
  flex-flow:column;
  align-items: center;
  justify-content: center;
}

.footer_bottom img {
  width:120px;
  height:auto;
  margin:30px auto 0;
  display:block;
}

/* Mailchimp */
#mc-form {
  display:flex;
  justify-content: space-around;
  align-items: center;
  text-align:left;
  flex-flow:row wrap;
}

#mc4wp_form_widget-2 .widget-title {
  display: none;
}

#mc-form > div {
  display:flex;
  flex-flow:column wrap;
  width:35%;
}

#mc-form label {
  font-size:10px;
  display:none;
}

#mc-form input, #mc-form select {
  background:transparent;
  color:#fff;
  border:1px solid #fff;
  border-radius:3px;
}

#mc-form input[type=submit] {
  background:black;
  border:black;
  height:44px;
  font-size:14px;
  line-height:42px;
  padding:0 2rem;
  width:25%;
  cursor:pointer;
}

#mc-form input[type=submit]:hover {
  opacity:.8;
}

@media only screen and (max-width:1200px)  {
  #masthead {
    padding: 30px 25px 15px;
  }
}

@media only screen and (max-width:1024px)  {

  #masthead {
    padding: 65px 25px 15px;
  }

  body {
    background:none;
  }
	
 #primary {
    /* text-shadow:0 5px 20px rgba(0,0,0,.7); */
    text-shadow:0 5px 25px rgba(0,0,0,.5), 0 3px 10px rgba(0,0,0, .25);
  }
	
  body.page-id-45:after, body.blog:after {
    content:'';
    position:fixed;
    width:100vw;
    min-height:120vh;
    z-index: -1;
    pointer-events: none;
    /* background:#000 url('/wp-content/uploads/2021/09/bonobo-bg.jpg') center top no-repeat; */
    background-size:cover;
    top:0;
    left:0;
  }

  body.page-id-45:after {
    background:#000 url('/wp-content/uploads/2021/10/bonobo-bg3.jpg') center top no-repeat;
  }

  body.blog:after {
    background:#000 url('/wp-content/uploads/2021/10/bonobo-bg2.jpg') center top no-repeat;
}

  #masthead .footer__social {
    position:fixed;
    top:0;
    left:0;
    background:#000;
    width:100%;
    padding:0 15px 0 5px;
  }

  #page {
    padding-top:0!important;
  }

  .social-item {
    margin:0 5px;
  }

  .social-item img, #subscribe-link img {
    width:16px!important;
  }

  body #subscribe-link {
    margin-left:0;
  }

  #subscribe-link span {
    display: none;
  }

  body #site-navigation {
    justify-content: flex-end;
  }

  #site-navigation .primary-menu-container a, .social-item a {
    font-size:16px;
  }

}

@media only screen and (max-width: 481px) {
  body {
    background-size:150vh;
  }
  body .menu-button-container {
    top:40px;
  }
  .primary-navigation > .primary-menu-container {
    background: rgba(10,12,18,.9);
    top:40px;
  }
  .social-item {
    margin:0 1px;
  }
}

@media screen and (max-width:600px) {
  #mc-form > div {
    width:49%;
  }
  #mc-form input[type=submit] {
    width:200px;
    margin-top:15px;
  }
}

/* Seated */
.seated-event-date-cell {
  font-size:14px;
}

.seated-event-description-cells {
  font-size:16px;
  color:rgba(255,255,255,.8);
}

.seated-event-venue-name {
  font-weight:bold;
  font-size:18px;
  color:#fff;
}

.seated-follow-box, .seated-follow-box ~ div {
  display:none!important;
}

@media only screen and (min-width:1024px) {

  .seated-event-description-cells {
    display:flex;
    align-items: center;
    width:calc(100% - 240px);
  }

  .seated-event-date-cell {
    padding-right:15px;
    width: 120px;
    text-align:right;
  }

  .seated-event-venue-cell {
    display:flex;
    width:calc(100% - 120px);
  }
  .seated-event-venue-cell > div {
    padding:0 0 0 15px;
  }

  .seated-event-venue-name {
    width:60%;
    font-size:16px;
  }

  .seated-event-venue-location {
    width:40%;
  }

  #seated-55fdf2c0 {
    width:90%;
    max-width:1024px;
  }
}

#seated-55fdf2c0 ~ p.has-text-align-center {
  max-width: 90%;
}

.btn-small a {
  font-size: 16px!important;
  padding: 8px 30px!important;
}

.seated-event-link-cells {
  font-weight:bold;
}

#fragment-header {
  text-align: center;
  display:flex;
  justify-content: center;
  align-items: center;
  margin-bottom:1rem;
  flex-flow:column;
  text-transform: uppercase;
}

#fragment-header h6 {
  letter-spacing: .5em!important;
}

#fragment-header h2{
  font-size:4rem;
  font-weight:bold;
  letter-spacing: .03em;
}

#home-buttons {
  display:flex;
  flex-flow:column;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  padding:0;
}

#home-buttons li {
  margin:15px auto;
}

#home-buttons li a{
  padding:8px 15px;
  border:2px solid white;
  text-transform:uppercase;
  text-decoration:none;
  transition:.3s background ease-in-out;
  font-size:1.1rem;
  letter-spacing: .1em;
  background:rgba(0,0,0,.5);
  text-shadow:none;
  cursor:pointer;
}

#home-buttons li a:hover {
  background:#fff;
  color:#000;
}

@media only screen and (min-width:1024px) {
  #home-buttons li a{
    font-size:1.2rem;
    padding:10px 15px;
  }
  #fragment-header h2{
    font-size:5rem;
    font-weight:bold;
    letter-spacing: .05em;
  }
}

#bg-video {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
}

#bg-video video {
  width:100%;
  height:100%;
  object-fit: cover;
}


/* .site-header {
  background: rgba(0,0,0,.7);
    width: 100%;
    max-width: 100%;
    padding: 30px 5vw;
    margin-bottom: 100px;
    backdrop-filter: blur(20px);
} */