/* Finetuned Framework v.0.02 February 2020*/
/* Designed and developed by Semih ORHAN, Bursa, Turkey*/
/* "Let the beauty we love be what we do." Rumi */

/*Custom Fonts*/
@font-face {font-family: 'Gnuolane W00 Grind Regular';
  src: url('https://rottensound.com/fonts/6bf9f6713f4353d94e1d86eef02c1062.eot'); /* IE9*/
  src: url('https://rottensound.com/fonts/6bf9f6713f4353d94e1d86eef02c1062.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('https://rottensound.com/fonts/6bf9f6713f4353d94e1d86eef02c1062.woff2') format('woff2'), /* chrome、firefox */
  url('https://rottensound.com/fonts/6bf9f6713f4353d94e1d86eef02c1062.woff') format('woff'), /* chrome、firefox */
  url('https://rottensound.com/fonts/6bf9f6713f4353d94e1d86eef02c1062.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('https://rottensound.com/fonts/6bf9f6713f4353d94e1d86eef02c1062.svg#Gnuolane W00 Grind Regular') format('svg'); /* iOS 4.1- */
}

@font-face {
    font-family: 'gnuolanew00-grindregularRg';
    src: url('https://rottensound.com/fonts/6bf9f6713f4353d94e1d86eef02c1062-webfont.eot');
    src: url('https://rottensound.com/fonts/6bf9f6713f4353d94e1d86eef02c1062-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://rottensound.com/fonts/6bf9f6713f4353d94e1d86eef02c1062-webfont.woff2') format('woff2'),
         url('https://rottensound.com/fonts/6bf9f6713f4353d94e1d86eef02c1062-webfont.woff') format('woff'),
         url('https://rottensound.com/fonts/6bf9f6713f4353d94e1d86eef02c1062-webfont.ttf') format('truetype'),
         url('https://rottensound.com/fonts/6bf9f6713f4353d94e1d86eef02c1062-webfont.svg#gnuolanew00-grindregularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gnuolanew00-grindregularRg';
    src: url('../fonts/6bf9f6713f4353d94e1d86eef02c1062-webfont.eot');
    src: url('../6bf9f6713f4353d94e1d86eef02c1062-webfont.eot?#iefix') format('embedded-opentype'),
         url('../6bf9f6713f4353d94e1d86eef02c1062-webfont.woff2') format('woff2'),
         url('../6bf9f6713f4353d94e1d86eef02c1062-webfont.woff') format('woff'),
         url('../6bf9f6713f4353d94e1d86eef02c1062-webfont.ttf') format('truetype'),
         url('../6bf9f6713f4353d94e1d86eef02c1062-webfont.svg#gnuolanew00-grindregularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* THEME-SPECIFIC CUSTOM STYLE CLASSES */
.color--custom-001 {color: #ffffff; /* default font, headings, navigation-offset*/}
.color--custom-002 {color: #e5e5e5; /* navigation-offset:hover */}
.color--custom-003 {color: #89381b; /* one unordinary color */}
.color--custom-004 {color: #ef9a48; /* one unordinary color */}
.color--custom-005 {color: #98b755; /* another unordinary color */}
.color--custom-006 {color: #cd6bea; /* one more unordinary color */}
.color--custom-007 {color: #00ced1; /* another unordinary color, because why not */}
.color--custom-008 {color: #5c6370; /* another another unordinary color, because why not again */}
.color--custom-009 {color: #252525; /* alternative background */}
.color--custom-10 {color: #000000; /* background, shadows, gradient, button--custom:hover background */}
.color--custom-10--rgba {color: rgba(0, 0, 0, 0);}
.bg-color--custom-01 {background-color: #ffffff;}
.bg-color--custom-02 {background-color: #e5e5e5;}
.bg-color--custom-03 {background-color: #89381b;}
.bg-color--custom-04 {background-color: #ef9a48;}
.bg-color--custom-05 {background-color: #98b755;}
.bg-color--custom-06 {background-color: #cd6bea;}
.bg-color--custom-07 {background-color: #00ced1;}
.bg-color--custom-08 {background-color: #5c6370;}
.bg-color--custom-09 {background-color: #252525;}
.bg-color--custom-10 {background-color: #000000;}
.bg-color--custom-10--rgba {background-color: rgba(0, 0, 0, 0);}
.bg-gradient--bg-color--80p {background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);}
  .bg-gradient--bg-color-to-transparent--0deg {
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#fffff",GradientType=1);}
.f--custom-01 {font-family: 'Gothic A1', sans-serif;}
.f--custom-02 {font-family: 'Gothic A1', sans-serif;}
.f--custom-03 {font-family: 'Gothic A1', sans-serif;}
.bg-image--jpg--01{background-image: url(../images/background_mobile-min.jpg); background-position: center -15rem; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; /* Logic: background-min.jpg and background-min.png are different images, so are background-alt-min.jpg and background-alt-min.png */}
.bg-image--png--01{background-image: url(../images/background-min.png); background-position: center center; background-size: contain; background-repeat: no-repeat; background-attachment: scroll;}
.bg-image--jpg--02{background-image: url(../images/photo_mobile-min.jpg); background-position: bottom center; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; /* Logic: background-min.jpg and background-min.png are different images, so are background-alt-min.jpg and background-alt-min.png */}
.bg-image--png--02{background-image: url(../images/background--png--02-min.png); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
.bg-image--jpg--03{background-image: url(../images/background_additional_mobile-min.jpg); background-position: bottom center; background-size:cover; background-repeat: no-repeat; background-attachment: scroll;}
.bg-image--png--03{background-image: url(../images/background--png--03-min.png); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
.bg-image--png--04{background-image: url(../images/background--png--04-min.png); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
.bg-image--jpg--05{background-image: url(../images/background--jpg--05-min.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; /* Logic: background-min.jpg and background-min.png are different images, so are background-alt-min.jpg and background-alt-min.png */}
.bg-image--png--05{background-image: url(../images/background--png--05-min.png); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
.button:hover, .button--custom:hover {box-shadow: 0.12rem 0.12rem 0.12rem #000000;}
.button:active, .button--custom:active {}
.button_panel {transition: all 0.2s ease-out;}
.icon {font-size: 2.5rem;}
.icon, .button, .button--custom {transition: all 0.3s ease-out;}
/*Nulled:.icon:hover {transform: scale(1.1);}
.icon:active {transform: scale(0.95);}*/
body {color: #ffffff; text-shadow: #000000; background-color: #000000; background-image: url();}
body {font-family: 'Gothic A1', sans-serif; font-size: inherit; font-weight: inherit; letter-spacing: 0.01rem; line-height: normal; text-align: center; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
body, h1, h2, h3, h4, h5, h6, p, p a, .flickity-prev-next-button .arrow {text-shadow: 0.1rem 0.05rem 0.1rem #000000; /* h-shadow v-shadow blur-radius color */}
h1 {color: #e5e5e5; text-shadow: #000000;}
h1 {font-family: 'Gothic A1', sans-serif; font-size: 3.2rem; font-weight:normal; letter-spacing:normal; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
h2 {color: #e5e5e5; text-shadow: #000000;}
h2 {font-family: 'Gothic A1', sans-serif; font-size: 3.4rem; font-weight: normal; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
h3 {color: #e5e5e5; text-shadow: #000000;}
h3 {font-family: 'Gothic A1', sans-serif; font-size: 2rem; font-weight: normal; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
h4 {color: #e5e5e5; text-shadow: #000000;}
h4 {font-family: 'Gothic A1', sans-serif; font-size: 2.4rem; font-weight: normal; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
h5 {color: #e5e5e5; text-shadow: #000000;}
h5 {font-family: 'Gothic A1', sans-serif; font-size: 2rem; font-weight: normal; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
h6 {color: #e5e5e5; text-shadow: #000000;}
h6 {font-family: 'Vollkorn', serif; font-size: 2rem; font-weight: normal; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
hr {border: 0; border-top: 1rem solid;}
hr {color: #89381b; text-shadow: #000000;}
img {-webkit-filter: drop-shadow(0.1rem 0.1rem 0.1rem #000000); filter: drop-shadow(0.1rem 0.1rem 0.1rem #000000); /* h-shadow v-shadow blur-radius spread color */}
p {color: #ffffff; text-shadow: #000000;}
p {font-family: 'Gothic A1', sans-serif; font-size: 1.6rem; font-weight: 300; letter-spacing: 0.01rem; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
.media-credits p {color: #9a9a9a; text-shadow: #000000;}
.media-credits p {font-size: 0.9rem; font-weight: 100; letter-spacing: 0.05rem;}
p a, p a:link {color: #ffffff; text-shadow: #000000;}
p a, p a:link, p a:visited {font-family: 'Gothic A1', sans-serif; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.01rem; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
p a:hover, p a:active {color: #e5e5e5; text-shadow: #000000;}
p a:hover, p a:active {text-decoration: none;}
p a:visited {color: #ffffff; text-shadow: #000000;}
a, a:link, a:visited {color: #ffffff; text-shadow: #000000;}
a:hover, a:active {color: #e5e5e5; text-shadow: #000000;}
a, a:link, a:visited {font-family: 'Gothic A1', sans-serif; font-size: 1.6rem; font-weight: 300; letter-spacing: 0.01rem; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
a.button, a.button:link, a.button:hover, a.button:active {border: 0; border-radius: 0rem; color: #ffffff; text-shadow: 0.05rem 0.05rem 0.05rem #000000; /* h-shadow v-shadow blur-radius color */  box-shadow: 0.1rem 0.1rem 0.1rem #000000; /* h-shadow v-shadow blur-radius color */}
a.button, a.button--custom {font-family: 'Gothic A1', sans-serif; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.01rem; letter-spacing: 0.01rem; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
a.button--custom {color: #e5e5e5; background-color: none; border: 0.2rem solid #89381b; border-radius: 0.1rem; text-shadow: none; transition: all 0.6s ease-out;}
a.button--custom, a.button--custom:link, a.button--custom:visited, a.button--custom:active {transition: all 0.2s ease-out;}
a.button--custom:hover {color: #e5e5e5; background-color: #89381b; border: 0.2rem solid #89381b; text-shadow: none; opacity: 0.9; filter: alpha(opacity=90);}
address a, address a:link, address a:visited {font-family: 'Gothic A1', sans-serif; font-size: 1.4rem; font-weight: 300; letter-spacing: 0.05rem; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
.site-credit {background-image: url(../images/emblem--heart-min.png);}
.site-credit a { color: #000000;}
.site-credit:hover, .site-credit:active {background-image: url(../images/emblem--empty-min.png);}
.site-credit a:hover {color: #000000;}
.progress-container {height: 0.5rem; background: #000000;}
.progress-bar {height: 0.5rem; background: #89381b;}
.navigation-bar {background: #000000;}
.navigation-bar a, .navigation-bar a:link, .navigation-bar a:visited, .navigation-bar a:hover, .navigation-bar a:active {font-family: 'Gothic A1', sans-serif; font-size: 1.4rem; font-weight: 400; letter-spacing: 0.01rem; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
.navigation-bar a, .navigation-bar a:link, .navigation-bar a:visited {color: #ffffff; text-shadow: none;}
.navigation-bar a:hover, .navigation-bar a:active {background-color: #ffffff; color: #000000; text-shadow: none;}
.carousel {background-color: #000000;}
.carousel_cell {}
.flickity-button {color: #ffffff;transition: all 0.4s ease-out;}
.flickity-button:hover {opacity:0.8;}
.flickity-prev-next-button .arrow {fill: #ffffff;text-shadow: #000000;}
.flickity-prev-next-button.no-svg {color: #ffffff;}
.flickity-prev-next-button:hover {background: transparent;}
.modal {background: #000000; opacity: 0.95;}
.modal_close-button {background: none; color: #e5e5e5; text-shadow: #000000;}
.modal_close-button {font-family: 'Gothic A1', sans-serif; font-size: 2.8rem; font-weight: 300; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; text-indent: inherit; text-overflow: inherit;}
.navigation-offset:target {padding-top: 9.9vh; margin-top: -9.9vh;  display: inline-block; /* required for webkit browsers */ /* set equal to the sticky navigation height minus 0.1 to avoid overlap */}
#fp-nav ul li a span,.fp-slidesNav ul li a span {background: #ffffff; opacity:0.8;}
#fp-nav ul li .fp-tooltip {color: #ffffff;}
#fp-nav ul li a span,.fp-slidesNav ul li a span, #fp-nav ul li .fp-tooltip {box-shadow: 0.1rem 0.1rem 0.1rem #000000;}
.h-min--100vh--mobile-fix{transition: all 0.4s ease-out;}

/* NEGATIVE COLORS */
.negative {color: #000000; text-shadow: #ffffff; background-color: #ffffff; background-image: url();}
.negative, .negative h1, .negative h2, .negative h3, .negative h4, .negative h5, .negative h6, .negative p, .negative p a {text-shadow: 0.1rem 0.05rem 0.1rem #ffffff;}
.negative h1 {color: #252525; text-shadow: #ffffff;}
.negative h2 {color: #252525; text-shadow: #ffffff;}
.negative h3 {color: #252525; text-shadow: #ffffff;}
.negative h4 {color: #252525; text-shadow: #ffffff;}
.negative h5 {color: #252525; text-shadow: #ffffff;}
.negative h6 {color: #252525; text-shadow: #ffffff;}
.negative hr {color: #252525; text-shadow: #ffffff;}
.negative img {-webkit-filter: drop-shadow(0.1rem 0.1rem 0.1rem #ffffff); filter: drop-shadow(0.1rem 0.1rem 0.1rem #ffffff);}
.negative p {color: #000000; text-shadow: #ffffff;}
.negative .media-credits p {color: #9a9a9a; text-shadow: #ffffff;}
.negative p a, .negative p a:link {color: #000000; text-shadow: #ffffff;}
.negative p a:hover, .negative p a:active {color: #252525; text-shadow: #ffffff;}
.negative p a:visited {color: #000000; text-shadow: #ffffff;}
.negative a, .negative a:link, .negative a:visited {color: #000000; text-shadow: #ffffff;}
.negative a:hover, .negative a:active {color: #252525; text-shadow: #ffffff;}
.negative a.button, .negative a.button:link, .negative a.button:hover, .negative a.button:active {color: #ffffff; text-shadow: 0.05rem 0.05rem 0.05rem #000000;  box-shadow: 0.1rem 0.1rem 0.1rem #ffffff;}
.negative a.button--custom, .negative a.button--custom:active {color: #000000; background-color: none; border: 0.1rem solid #000000; border-radius: 0rem; text-shadow: none; transition: all 0.4s ease-out;}
.negative a.button--custom:hover {color: #ffffff; background-color: #000000; border: 0.1rem solid #000000; text-shadow: none;}
.negative .navigation-bar a, .negative .navigation-bar a:link, .negative .navigation-bar a:visited, .negative .navigation-bar a:active {color: #000000;}
.negative .navigation-bar a:hover {background-color: #000000; color: #ffffff;}

/* TUNED.LINK/ CUSTOM ATTRIBUTES */
.tuned {font-family: 'Gothic A1', sans-serif;  font-size: inherit;  font-weight: 200;  letter-spacing: 0.01rem;  line-height: 1.4;  text-align: center;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;  background-position: top center;  background-repeat: no-repeat;  background-attachment: fixed;  -webkit-background-size:cover;  -moz-background-size:cover;  -o-background-size:cover;  background-size:cover;}
.tuned h1 {font-family: 'Vollkorn', serif;  font-size: 3.7rem;  font-weight: 400;  letter-spacing: 0.12rem;  line-height: 1.7;  text-decoration:none;  text-transform: uppercase;  text-indent: inherit;  text-overflow: inherit;}
.tuned h2 {font-family:'gnuolanew00-grindregularRg', 'Gnuolane W00 Grind Regular', 'Vollkorn', serif !important;  font-size: 3.7rem;  font-weight: 400;  letter-spacing: 1.2rem;  line-height: 1.7;  text-decoration: none;  text-transform: uppercase;  text-indent: inherit;  text-overflow: inherit;}
.tuned h3 {font-family: 'Vollkorn', serif;  font-size: 2.3rem;  font-weight: 400;  letter-spacing: 0.12rem;  line-height: 1.7;  text-decoration: none;  text-transform: uppercase;  text-indent: inherit;  text-overflow: inherit;}
.tuned h4 {font-family: 'Vollkorn', serif;  font-size: 1.4rem;  font-weight: 400;  letter-spacing: 0.3rem;  line-height: 1.7;  text-decoration: none;  text-transform: uppercase;  text-indent: inherit;  text-overflow: inherit;}
.tuned h5 {font-family: 'Vollkorn', serif;  font-size: 1.4rem;  font-weight: 400;  letter-spacing: 0.12rem;  line-height: 1.7;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.tuned h6 {font-family: 'Vollkorn', serif;  font-size: 1rem;  font-weight: 100;  letter-spacing: 0.30em;  line-height: 1.9;  text-decoration: NONE;  text-transform: uppercase;  text-indent: inherit;  text-overflow: inherit;}
.tuned hr {border: 0;  border-top: 0.3rem solid;}
.tuned p, .tuned p a, .tuned p a:link, .tuned p a:visited {font-family: 'Gothic A1', sans-serif;  font-size: 1.5rem;  font-weight: 200;  letter-spacing: 0.04rem;  line-height: 1.7;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}
.tuned .media-credits p {font-family: 'Gothic A1', sans-serif;  font-size: 0.9rem;  font-weight: 100;  letter-spacing: 0.36rem;  line-height: 1.7;  text-decoration: NONE;  text-transform: uppercase;  text-indent: inherit;  text-overflow: inherit;}
.tuned a.button, .tuned a.button--custom {font-family: 'Vollkorn', serif;  font-size: 1.5rem;  font-weight: 600;  letter-spacing:0.06rem;  line-height: normal;  text-decoration: none;  text-transform: uppercase;  text-indent: inherit;  text-overflow: inherit;}
.tuned address a, .tuned address a:link, .tuned address a:visited {font-family: 'Gothic A1', sans-serif;  font-size: 1.4rem;  font-weight: 300;  letter-spacing:0.02rem;  line-height: normal;  text-decoration: none;  text-transform: none;  text-indent: inherit;  text-overflow: inherit;}

/* BANDSINTOWN WIDGET CUSTOM STYLES*/
/* Apply project-specific custom styles to buttons */
.tuned a.bit-rsvp.bit-button, .tuned a.bit-offers.bit-button, .tuned div.bit-offers.bit-button, .tuned div ul.songkick li p.ticket a {font-family: 'Vollkorn', serif;  font-size: 1.5rem;  font-weight: 600;  letter-spacing:0.06rem;  line-height: normal;  text-decoration: none;  text-transform: uppercase;  text-indent: inherit;  text-overflow: inherit;}
.tuned a.bit-rsvp.bit-button, .tuned a.bit-offers.bit-button, .tuned div.bit-offers.bit-button, .tuned div ul.songkick li p.ticket a {color: #ffffff!important; background-color: rgba(0,0,0,0)!important; border: 0.2rem solid #89381b!important; border-radius: 0rem; !important; text-shadow: none!important; transition: all 0.2s ease-out!important;}
.tuned a.bit-rsvp.bit-button, .tuned a.bit-rsvp.bit-button:link, .tuned a.bit-rsvp.bit-button:visited, .tuned a.bit-rsvp.bit-button:active, .tuned a.bit-offers.bit-button, .tuned a.bit-offers.bit-button:link, .tuned a.bit-offers.bit-button:visited, .tuned a.bit-offers.bit-button:active, .tuned div ul.songkick li p.ticket a {transition: all 0.2s ease-out !important;}
.tuned div.bit-offers.bit-button, .tuned div.bit-offers.bit-button:link, .tuned div.bit-offers.bit-button:visited, .tuned div.bit-offers.bit-button:active, .tuned div ul.songkick li p.ticket a  {transition: all 0.2s ease-out!important;}
.tuned a.bit-rsvp.bit-button:hover, .tuned a.bit-offers.bit-button:hover, .tuned div.bit-offers.bit-button:hover, .tuned div ul.songkick li p.ticket a:hover {color: #ffffff!important; background-color: #89381b!important; border: 0.2rem solid #89381b!important; text-shadow: none!important; opacity: 0.9!important; filter: alpha(opacity=90)!important;}
/* When there are no upcoming dates */
.bit-widget .bit-no-dates-container {border-top: 0px solid rgba(124, 124, 124, 0.25) !important; text-align: center; margin: 0px 10px 0px 10px; padding: 100px 0px 100px 0px;}
.bit-widget .bit-no-dates-container .bit-no-dates-title {text-transform: uppercase; font-size: 15px; font-weight: normal; margin-bottom: 5px; line-height: 25px;}
.bit-widget .bit-no-dates-container {display:none!important;}
/* Other */
div.bit-event{border-top: 0px solid #000000 !important; text-decoration: none !important; padding: 0 !important; padding-bottom: 1rem !important;}


/* ADD TO GENERAL STYLES */
.flex-grow {flex-grow: 1;}
.custom-narrow-component {flex:0;}
.custom-wide-component {flex:1; flex-grow:3;}

/*Bandsintown ticket button fix*/
@media (min-width: 1200px) {
  a.bit-offers.bit-button {margin-left: 5px !important; margin-right: 10px !important;}
}
/*Bandsintown font*/
.bit-location {font-weight: 300!important;}
/*Bandsintown padding*/
@media (min-width: 768px) {
div.bit-event{padding: 1rem !important;}
div.bit-event:last-child {padding-bottom: 1rem !important;}
}
/* Background video */
.bg-media {position: absolute;}
.bg-media_video {position: absolute;}
/*Youtube Video*/
.ytp-chrome-top, .ytp-impression-link {display:none !important; opacity: 0 !important;}

/* CUSTOM STYLES */

.tuned h2.secondary {font-family: 'Vollkorn', serif;  font-size: 1.4rem;  font-weight: 400;  letter-spacing: 0.52rem;  line-height: 1.7;  text-decoration: none;  text-transform: uppercase;  text-indent: inherit;  text-overflow: inherit;}
.tuned h3.secondary {font-family: 'Vollkorn', serif;  font-size: 1.4rem;  font-weight: 400;  letter-spacing: 0.52rem;  line-height: 1.7;  text-decoration: none;  text-transform: uppercase;  text-indent: inherit;  text-overflow: inherit;}
.tuned h6.title {font-size: 1.4rem;}
hr.image {border: 0; height:0.5rem; background-image:url('../images/hr-min.png'); background-position: center center; background-size: contain; background-repeat: no-repeat;}
.icon {font-size: 2.5rem;}
.icon:hover{opacity: 0.7; filter: alpha(opacity=70);}
a p:hover{opacity: 0.7; filter: alpha(opacity=70); transition: all 0.4s ease-out;}
a.button--custom {padding: 1.2rem 1.5rem 1.2rem 1.5rem;}
span.italic {font-family: 'Pinyon Script', cursive; text-transform:lowercase;}
a.button--custom.button--custom-active {color: #e5e5e5; background-color: #89381b; border: 0rem solid #89381b; text-shadow: none; box-shadow: 0 0 0 #000000;}
a.button--custom.button--custom-active:hover {color: #e5e5e5; background-color: #89381b; border: 0rem solid #89381b; text-shadow: none; opacity: 0.9; filter: alpha(opacity=90); box-shadow: 0 0 0 #000000;}
img,a.button--custom.button--custom-active,a.button--custom.button--custom-active:hover {-webkit-filter: drop-shadow(0rem 0rem 0.075rem #000000); filter: drop-shadow(0rem 0rem 0.075rem #000000); /* h-shadow v-shadow blur-radius spread color */}
.logo {opacity:1;}
.p-b--40 {padding-bottom: 4rem;}
a.button--custom span {opacity:0.5; position: absolute; right: 1rem;}

/*Nulled for launch
.prevent-til-launch {cursor: not-allowed;}
.prevent-til-launch div, .prevent-til-launch button {pointer-events: none;}*/

*{transition: all 0.4s ease-out;}

.bg-gradient--bg-color-to-transparent--0deg {
  background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.75) 75%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.75) 75%, rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.75) 75%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#fffff",GradientType=1);}
  .bg-gradient--bg-color-to-transparent--0deg-empty {
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#fffff",GradientType=1);}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
.tuned h2 {font-size: 4.8rem;}
.tuned h2.title {font-size: 2.3rem;}
.tuned h2.secondary {font-size: 1.8rem;}
.tuned h3.secondary {font-size: 1.4rem;}
.tuned p, .tuned p a, .tuned p a:link, .tuned p a:visited {line-height: 1.9;}

}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.bg-image--jpg--01{background-image: url(../images/background-min.jpg); background-position: center -35rem; background-size:cover; background-repeat: no-repeat; background-attachment: scroll;}
.bg-image--jpg--02{background-image: url(../images/photo-min.jpg); background-position: center top; background-size:cover; background-repeat: no-repeat; background-attachment: scroll;}
.bg-gradient--bg-color-to-transparent--0deg {
  background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.75) 75%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.75) 75%, rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.75) 75%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#fffff",GradientType=1);}
.bg-gradient--bg-color-to-transparent--180-0deg-md {
  background: -moz-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,1) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#fffff",GradientType=1);}
.m-b--md-0 {margin-bottom: 0rem;}
.p-y--md-60 {padding-top: 6rem; padding-bottom: 6rem;}
.p-t--md-40 {padding-top: 4rem;}
.p-t--md-60 {padding-top: 6rem;}
.p-b--md-30 {padding-bottom: 3rem;}
.p-b--md-60 {padding-bottom: 6rem;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.tuned h2 {font-size: 4.8rem;}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.tuned h2 {font-size: 5.9rem;}
.tuned h2.title {font-size: 3.7rem;}
.tuned h6.title {font-size: 1.4rem;}
.icon {font-size: 2.7rem;}
.p--xl-60 {padding: 6rem;}
.p-y--xl-60 {padding-top: 6rem; padding-bottom: 6rem;}
.p-x--xl-0 {padding-right: 0rem; padding-left: 0rem;}
.p-l--xl-0 {padding-left: 0rem;}
.p-l--xl-40 {padding-left: 4rem;}
}

/* Mobile Navigation */

.mobile-navigation {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #000000;
  overflow-x: hidden;
  transition: 0s;
}

.mobile-navigation_toggle {
position:fixed;
top: 2rem;
right: 3rem;
font-size:4rem !important;
cursor:pointer;
transition: all 0.4s ease-out;
color: #e5e5e5 !important;
z-index: 1;
line-height: 1.7;
}
/* Medium devices (tablets, 768px and up) */
@media (max-width: 767px) {
.mobile-navigation_toggle {
position: absolute !important;
}
}

.mobile-navigation_content {
}

.mobile-navigation a {
  text-decoration: none;
  color: #e5e5e5;
  display: block;
  transition: all 0.4s ease-out;
  font-family:'gnuolanew00-grindregularRg', 'Gnuolane W00 Grind Regular', 'Vollkorn', serif !important;  font-size: 2.7rem !important;  font-weight: 400 !important;  letter-spacing: 1.2rem !important;  line-height: 1.7 !important;  text-decoration: none !important;  text-transform: uppercase !important;  text-indent: inherit;  text-overflow: inherit;
}
.mobile-navigation .closebtn {
  position: absolute;
  top: 0.7rem;
  right: 2.8rem;
  font-size: 6rem !important;
  transition: all 0.4s ease-out;
  letter-spacing: 0.2rem !important;;
  z-index: 2;
  font-family: 'Gothic A1', sans-serif !important;
}

.mobile-navigation .closebtn:hover, .mobile-navigation .closebtn:focus, .mobile-navigation_toggle:hover, .mobile-navigation_toggle:focus, .mobile-navigation a:hover, .mobile-navigation a:focus {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .mobile-navigation {
    transition: all 0s ease-out;
  }
  .mobile-navigation_toggle {
  top: 4rem;
  right: 4rem;
  }
  .mobile-navigation a {
    font-size: 3.7rem !important;
  }

  .mobile-navigation .closebtn {
    top: 2.3rem;
    right: 3.8rem;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .mobile-navigation a {
    font-size: 5.9rem !important;
  }

}

/*COLLAPSIBLE CONTENT*/
.collapsible-content {
  background-color: #000000;
  color: #ffffff;
}

.collapsible-content:before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.25) 75%, rgba(0, 0, 0, 0) 100%);
}

.collapsible-content, .collapsible-content_active, .collapsible-content:hover, .collapsible-content_active:hover {
  transition: opacity 0.2s ease-out;
}

.collapsible-content_content {
  transition: max-height 0.8s ease-out;
}