@import url('https://fonts.googleapis.com/css?family=IM+Fell+English|Roboto+Condensed');
@font-face {
  font-family: "Serif Gothic";
  src: url('https://thebudos.com/_fonts/itc-serif-gothic-heavy-588d443a778f2.woff') format("woff"),
    url("https://thebudos.com/_fonts/SerifGothicStd-Bold.otf") format("opentype");
}
@import url('https://fonts.googleapis.com/css2?family=Gotu&display=swap');

/*
 * core.css - all custom CSS code belongs in this file; including Bootstrap
 * Framework overrides.
 *
 */

/* =============================================================================
 CUSTOM CSS
 ========================================================================== */
/*
 BOOTSTRAP OVERRIDES
 ----------------------------------------------------------------------------*/
/* Sets Box model */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

html {
  background: #1e1d15;
  background: #2c2c2a;
  color: #bedb84;
  color: #d59856;
  font-family: 'Roboto Condensed', sans-serif;
  font-family: 'IM Fell English', serif;
  font-family: "Serif Gothic", serif;
  line-height: 1;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}

html, body {
  margin: 0;
  padding: 0;
  text-align: center;
}

body {
}

html {
  font-size: 14px;
}
@media screen and (min-width: 480px) {
  html {
    font-size: calc(14px + 8 * ((100vw - 480px) / 1320));
  }
}
@media screen and (min-width: 1800px) {
  html {
    font-size: 22px;
  }
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  padding: 0 0 .5em;
}

h1 { font-size: 3em; }
h2 { font-size: 2.5em; }
h3 { font-size: 1.625em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1em; }
h6 { font-size: 0.8em; }

p {
  line-height: 1.5;
  padding: 0 0 1.5em;
  text-transform: none;
  letter-spacing: normal;
}

img { outline: none; border: 0; }

.img-responsive { display: inline; }

.nowrap { white-space: nowrap; }

em, i { font-style: italic; }

strong, b { font-weight: bold; }

a { color: #ffefc6; text-decoration: none; }

a:hover { opacity: .5; }

/*
 UTILITY CLASSES SECTION
 ----------------------------------------------------------------------------*/
iframe#mediaplxpxl {
  opacity: 0;
}

.w100 {
  width: 100%;
  height: auto;
}

/*
 GLOBAL SECTION
 ----------------------------------------------------------------------------*/
#outerwrapper {
}

#content {
  margin: 0 auto;
  max-width: 1280px;
  position: relative;
  z-index: 0;
}

.home #content,
.home2 #content {
    max-width: calc(100% - 4em);
}

section:not(#home):not(#tour) {
  padding: 2em 0;
  background: rgba(20,20,10,.65);
}

/*
 HEADER SECTION
 ----------------------------------------------------------------------------*/
#header {
  line-height: .9;
  padding: 0 .2125em;
  font-size: 140%;
  position: fixed;
  width: 100%;
  text-align: center;
  z-index: 100;
}

#btn-menu {
  display: block;
  position: absolute;
  left: 0; top: 0;
  line-height: .9;
  padding: .5em;
  position: absolute;
  z-index: 20;
}

#btn-menu:hover {
  color: #fff;
}

#buy-album {
  display: block;
  float:right;
  margin: 0;
  padding: .25em .75em;
  font-size: 80%;
  line-height: .9;
  background-color: #ffefc6;
  color: #1e1d15;
}

#buy-album:hover {
  background-color: #fff;
  color: #1e1d15;
}

#header-social {
  display: none;
  font-size: 90%;
  line-height: .9;
}

@media (min-width:769px) {
  #btn-tickets {
    display: inline-block;
    float: none;
    
  }
  #header-social {
    display: block;
    float: right;
  }
}

/*
 SOCIAL ICONS
 ----------------------------------------------------------------------------*/
 
.social-icons {
}
 
.social-icons a {
  display: inline-block;
  width: auto;
  padding: .25em;
  line-height: .9;
}
 
.social-icons a:hover {
  color: #fff;
}

/*
 NAV SECTION
 ----------------------------------------------------------------------------*/
#nav {
  position: fixed;
  top:0; left: 0;
  height: 100%; width: auto; min-width:320px;
  z-index: 18;
  background: #222;
  transform: translateX(-100%);
  transition: transform .3s ease;
  padding-top:3em;
  background: url(../_img/background.jpg);
  background-size:cover;
}

#nav.open {
  transform: translateX(0);
  transition: transform .3s ease;
}

#nav a {
  clear: both;
  display: block;
  padding: .5em 1em;
  text-align: left;
}

.fa-times-thin:before {
	content: '\00d7';
}

@media (min-width:768px) {
  #nav.horizontal a {
    display: inline-block;
  }
}

/*
 FOOTER SECTION
 ----------------------------------------------------------------------------*/
#footer {
  background:none;
  padding: 1em 2em .5em;
  font-size: 100%;
  text-align: center;
}

#footer-copyright {
  font-size: 60%;
  line-height: 1.5;
}

#footer-optin, 
#footer-social,
#footer-address {
  padding-bottom: .8em;
}

#footer-social {
  display: block;
  font-size: 150%;
  padding-bottom: .625em;
}

/*
@media (min-width:1200px) {
  header, footer {
    font-size: 60%;
    line-height: 1.5;
  }
}*/

/*
 ABOUT SECTION
 ----------------------------------------------------------------------------*/
#about {
}

#keyart {
  width: 100%;
  position:relative;
  margin: .75em auto;
  filter: drop-shadow(0.5em 0.5em 0.5em rgba(0,0,0,.5));
}

#keyart iframe {
  position:absolute;
  top:0; left:0; height: 100%; width: 100%;
}

.dwr {
  display: block;
  max-width: 16em;
  margin: 1em auto;
}

svg {
    max-width: 100%;
}

path {
    pointer-events: none;
    fill: #ffefc6;
}

/*
 TOUR SECTION
 ----------------------------------------------------------------------------*/
 
#tour a:hover img {
  opacity: .5;
  cursor: pointer;
}

#tour-poster a, #tour-poster div {
  display: block;
  padding: .25em;
  text-align: center;
  background: #17140d;
}

/*
 OPT-IN FORM SECTION
 ----------------------------------------------------------------------------*/
.optin {
  margin: 0 auto !important;
  text-align: center;
}

.optin label {
  display: block;
  padding-bottom: .5em;
}

.optin input, .optin button {
  display: inline;
  font-size: 80%;
  border: 0;
  padding: .25em;
  line-height: 1.25;
  padding: .25em .65em;
}

.subscribe {
  display: block;
}

.subscribe input.error::-webkit-input-placeholder {
  font-weight:bold;
}

.subscribe input.error:-moz-placeholder { /* Firefox 18- */
  font-weight:bold;
}

.subscribe input.error::-moz-placeholder {  /* Firefox 19+ */
  font-weight:bold;
}

.subscribe input.error:-ms-input-placeholder {  
  font-weight:bold;
}

/*
 QUOTE ROTATION SECTION
 -----------------------------------------------------------------------------*/
#quotes {
    position: relative;
    -webkit-overflow-scrolling: touch;
    display: inline-block;
}

ul#quotes, ul#quotes li {
  list-style: none;
  padding: 0;
  margin: 0;
}

#quotes > * {
    -webkit-transform: translateZ(0);
}

ul#quotes li {
  position: absolute;
  top: 0; left: 0;
  height: 100%; width: 100%;
  display: none;
  padding: .5em;
}

#quotes li:first-child {
  position: relative;
  display: block;
}

#quotes blockquote {
    font-size: 125%;
    line-height: 1;
}

#quotes cite {
    display: block;
    font-size: 50%;
    line-height: 1;
}

/*
 GALLERY SECTION
 ----------------------------------------------------------------------------*/
#media_gallery {
}

#videos {
}

#videos  h2 {
    text-align: left;
}

#photos {
    text-align: left;
}

#photos {
    margin-bottom: 1.5em;
}

.video-item {
    position: relative;
    vertical-align: top;
    display: inline-block;
    text-align: left;
    width: 130px
}

.video-item img.video-overlay {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    display: block;
}

.video-item:hover img.video-overlay {
    opacity: 0.7;
}

#video-display {
    text-align: center;
    margin: 0 0 30px 0;
}

#video-display iframe {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.photo-item {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    margin: 3px;
}

#photo-display img {
    background-size: 100% 100%;
}

/*
 UPGRADE PAGE
 ----------------------------------------------------------------------------*/
#upgd_content {
}

#upgd_content .msgbox {
    width: 940px;
    margin: 20px auto;
    padding: 10px;
}

/* =============================================================================
 MEDIA QUERIES
 ========================================================================== */
/* Extra Small Devices */
@media (max-width: 767px) {
    #opt-in-form input {
        display: block;
        margin: 0 auto;
        margin-bottom: 5px;
    }
}

/* Small Devices */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Medium Screens/Desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Large Screens/Desktops */
@media (min-width: 1200px) {
}