body {
	margin: 0 auto;
	font-family:dharma-gothic-c,rama-gothic-c, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #231f20;
    text-align: center;
    background-color:#f3f3f3;
    font-weight: 700;
}




a:link, a:visited {
	color: #242424;
	text-decoration: none;
}

a:hover {
	color: #000000;
}


.hidetext {
  font-size: 5%;
  text-indent: -9999em;
  text-align: left;
  color: transparent;
  white-space: nowrap;
  outline: none;
}


.clearboth {
	clear: both;
}

img {
    max-width: 100%;
    height: auto !important;
}



#header-outer {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background: url('../images/header.jpg') center center no-repeat;
    background-color:#000000;
    height: 500px;
}

.mobile-header-lg, .mobile-header {display: none;}

#container {
    position: relative;
    margin: 0 auto;
    background-color:#f3f3f3;
}

#single-outer {
    position: relative;
	margin: 0 auto;
    text-align: center;
}	


#logo-wrap {
	position: relative;
	margin: 0px auto;
    text-align: center;
    padding:15px 1%;
    background: rgba(0,0,0,1);
    display: inline-block;
    width: 98%;
}

.logo {
    position: relative;
    margin: 0 auto;
}

.logo img { max-height: 240px;height:auto !important;}


#logo-wrap .headline {
    position: relative;
    margin: 5px 0 0;
    color: #f3f3f3;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 6px;
    font-family: dharma-gothic-c,rama-gothic-c, Arial, Helvetica, sans-serif;

}

.single-wrap {
    display: inline-block;
    max-width: 700px;
    vertical-align: top;
    width: 48%;
}

.cover {
    position: relative;
    margin: 0px auto 0;
    text-align: center;
}

.cover img {
    border: 1px rgba(0,0,0,.7) solid;
    max-width: 86%;
}


.ep-wrap {
    position: relative;
    margin: 0 auto;
}


.release-date, .header {
    position: relative;
    margin: 0px auto 15px;
    padding-top: 45px;
    text-align: center;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 700;
    /* font-style: italic; */
    color: #231f20;
    letter-spacing: 3px;
}


.header {
    color: #df828d;
}

.single-1 .single-inner {    margin-right: -1px;}
.single-2 .single-inner {    margin-left: -1px;}

sup {font-size: 60%;}

.single-inner .row {
    max-width: 500px;
    margin: 20px auto;
}

.row {
    margin: 0 -15px;
}

.row:after {
    content:" ";
    display:table;
    clear:both;    
}

.col {
    float: left;
    position: relative;
    min-height: 1px;
    padding: 0 15px;
}

.col-40 {
    width: 40%;
}

.col-50 {
    width: 44%;
    padding: 0 3%;
}

.col-60 {
    width: 60%;
}

.dropdown-btn {
    position: relative;
    display: block;
    text-align: left;
    font-size: 32px;
    letter-spacing: 2.5px;
    font-weight: 700;
    /* line-height: 1em; */
    text-transform: uppercase;
    border: 4px solid #000;
    color: #000;
    text-indent: 0.10em;
    padding: 12px 24px;
    background: #f3f3f3 url(../images/caret-blk.png) no-repeat right 20px center;
    border-radius: 12px;
}

.dropdown-btn:hover,
.dropdown-btn:focus {
    cursor: pointer;
    color: #fff;
    border-color: #000;
    background: #231f20 url(../images/caret.png) no-repeat right 20px center;
    
}

.dropdown-btn.open {
    border-radius: 12px 12px 0 0;
}

.dropdown-btn.open ul {
    display: block;
}

.dropdown-btn ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    list-style: none;
    padding: 5px 0;
    background: #fff;
    z-index: 9000;
    border: 4px #000 solid;
    margin: 0 0 0 -4px;
    border-radius: 0 0 12px 12px;
}

.dropdown-btn ul>li {
    display: block;
}

.dropdown-btn ul>li>a {
    display: block;
    color: #000;
    font-size: 24px;
    line-height: 1em;
    padding: 5px 10px;
    letter-spacing: 2.5px;
}

.dropdown-btn ul>li>a:hover,
.dropdown-btn ul>li>a:focus {
    color: #df828d;
}


.buy {position: relative; margin: 20px auto 60px; max-width:590px;}
.buy .retailers  { overflow: hidden; padding: 0; margin: 1px 0; }
.buy .retailers li { display: inline-block; list-style-type:none;margin:0 10px; }
.buy .retailers li a { display: block; height: 43px; }
.buy .retailers li a { background: url(../images/retailers.png) no-repeat;}
.buy .retailers li.details {     height: 43px;    padding-right: 18px;    vertical-align: bottom;}
.buy .retailers .itunes { background-position: -1px top; width: 133px;}
.buy .retailers .applemusic { background-position: -156px top; width: 133px;}
.buy .retailers .spotify { background-position: -310px top; width: 182px;}
.buy .retailers .gp { background-position: -514px top; width: 114px;}
.buy .retailers .amazon { background-position: -654px top; width: 65px;}
.buy .retailers .soundcloud { background-position: -743px top; width: 73px;}
.buy .retailers .deezer { background-position: -844px top; width: 106px;}
.buy .retailers .tidal { background-position: -974px top; width: 139px;}

.buy .retailers .itunes:hover {background-position: -1px bottom }
.buy .retailers .applemusic:hover { background-position: -156px bottom; }
.buy .retailers .spotify:hover { background-position: -310px bottom; }
.buy .retailers .gp:hover { background-position: -514px bottom; }
.buy .retailers .amazon:hover { background-position: -654px bottom; }
.buy .retailers .soundcloud:hover { background-position: -743px bottom; }
.buy .retailers .deezer:hover { background-position: -844px bottom; }
.buy .retailers .tidal:hover { background-position: -974px bottom; }






.social-wrap {position: relative; margin: 0 auto 0px;padding:5px;}

.social-outer {
    position: relative;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background: rgba(0,0,0,0.5);
}

.social-wrap ul.social li { margin-right: 0px; display: inline-block; vertical-align:middle;}

.social-wrap ul.social li a { font-size: 32px; color: #f3f3f3; text-transform: uppercase; text-decoration: none; padding: 0 5px; /* display: block; */ transition: all 0.5s ease;}
.social-wrap ul.social li.merch a {font-size: 30px;}
.social-wrap ul.social li a:hover { text-decoration: none; color:#df828d; }

.social-wrap ul.social  { overflow: hidden; }
.social-wrap ul.social  li {  display: inline-block; padding: 0 5px 0 0;  margin: 0px 0px 0px;}

.social-wrap ul.social {
  padding: 0px;
  margin: 0px;
}

.social-wrap ul.social li.merch {
    border-left: 2px #231f20 solid;
    padding-left: 12px;
    margin-left: 8px;
}

span.merch-text {
    font-size: 30px;
    font-weight: 700;
    padding-left: 5px;
    letter-spacing: 3px;
}


.tourdates-outer {
    position: relative;
    margin: 0 auto;
    background: #231f20;
}
.tourdates-wrap {
    position: relative;
    margin: 0 auto;
    max-width: 80%;
    padding-bottom: 50px;
}


.bit-widget {
    font-family: rama-gothic-c, Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
    font-size: 26px !important;
    letter-spacing: 3px;
}

.bit-widget .bit-event-list-title, .bit-widget .bit-no-dates-container .bit-no-dates-title {
    font-size: 28px !important;
    letter-spacing: 3.5px;
}

.bit-widget .bit-top-track-button {
    padding: 5px 0 25px !important;
    font-weight: 700 !important;
    font-size: 1.3em !important;
}

.bit-event {
    text-align: left;
}

.bit-widget .bit-event {
    line-height: 110% !important;
    letter-spacing: 2.5px;
}

.press-outer {
    position: relative;
    /* margin: 50px auto 0; */
    margin: 0 auto;
    background: #231f20;
}

.press-outer .header {
    margin-bottom: 25px;
}

.press-outer .press-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
  
  .column, .press-item-wrap {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
  }

.press-wrap {
    position: relative;
    margin: 0px auto;
    max-width: 90%;
    padding-bottom: 50px;
    color: #f3f3f3;
    font-size: 15px;
}

.press-item-wrap {
    position: relative;
    /* margin: 25px auto; */
    margin: 10px;
    /* background-color: #333333; */
    background-color: #292929;
    padding: 5%;
    text-align: left;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}

.press-logo {
    position: relative;
    margin: 0 0 10px;
}

.press-logo img {
    max-height: 100px;
    width: auto !important;
}

.press-date {
    font-size: 24px;
    text-transform: none;
    padding-top:10px;
}

.press-headline a {color: #f3f3f3;font-weight: 700;    letter-spacing: 4px;
    line-height: 110%;}
.press-headline a:hover {color: #df828d;}
.press-date a {color: #df828d;}
.press-date a:hover {color: #f3f3f3;}

.press-outer-button {
    position: relative;
    margin: 40px auto 0;
    padding: 0 0 70px;
    background: #231f20;
}

.press-outer-button .header {margin-bottom: 35px;color:#f3f3f3;}
.press-outer-button .button a {
    border: 1px #df828d solid;
}

.back-to-website-wrap {
    /* background-color: #df828d; */
    background: url(../images/bg-clouds.jpg) no-repeat center center;
    background-size: cover;
    margin: 0px auto 0;
    padding: 45px 5% 45px;
}

.button a {
    background-color: #231f20;
    color: #f3f3f3;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 15%;
    font-size: 30px;
    letter-spacing: 4px;
}

.button a:hover {
    background-color: #111111;
    color: #df828d;
}

.form-outer {
    /* background-color: #df828d; */
    background: url(../images/bg-clouds.jpg) no-repeat center center;
    background-size: cover;
    margin: 0px auto 0;
}
.form-inner {
    position: relative;
    margin: 0 auto;
    padding: 0 5% 45px;
    background: rgba(255,255,255,0.2);
}

.form-outer .header {
    color: #231f20;
}

/* iframe responsive */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/**** FOOTER ****/


.label-logos {
    position: relative;
    margin: 0px auto 15px;
}

.label-logos .label-logo-inner {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
}

.label-logos .label-logo-inner img:hover {opacity: 0.8;}

#footer div {display: inline-block;padding:0 7px;}

#footer {
	clear: both;
	position: relative;
	margin: 0px auto;
	padding: 40px 0 20px;
	text-align: center;
	font-size: 12px;
	color: #000000;
    letter-spacing: 0px;
    font-family: Arial, Helvetica, Sans-serif;

}

#footer .legal-text {
	  clear: both;
		position: relative;
		padding: 0px 0 0px;
}



#footer .copyright {text-align: left;}


#footer a {text-decoration: underline;}
#footer a:hover {color: #01b8b5;}


/* form details */




#Form-Wrapper {
    position: relative;
    margin: 0px auto 0px;
    max-width: 1000px;
    width: 96%;
    letter-spacing: 3px;
}

.form-field {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
}

.form-field input {
    padding: 10px;
    margin-bottom: 15px;
    width: 85%;
    max-width: 400px;
    background-color: transparent;
    border-top: 1px transparent solid;
    border-bottom: 1px #231f20 solid;
    border-left: 0px;
    border-right: 0px;
    font-size: 28px;
    font-family:rama-gothic-c, arial, helvetica, sans-serif;
    	text-transform: uppercase;
    	text-align: center;
        color: #231f20;
        letter-spacing: 3px;
        font-weight: 700;
}

.form-field input:focus {border-bottom: 1px #231f20 solid !important;}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.form-field select {
    padding: 10px;
    margin-bottom: 15px;
    width: 90%;
    max-width: 422px;
    background-color: transparent;
    border-top: 1px transparent solid;
    border-bottom: 1px #231f20 solid;
    border-left: 0px;
    border-right: 0px;
    font-size: 28px;
    	font-family:rama-gothic-c, arial, helvetica, sans-serif;
    	text-transform: uppercase;
    	text-align: center;
    	text-align-last:center;
    	-webkit-appearance: none;
        color: #231f20;
        font-weight: 700;
        
}

.form-field select:invalid {
    color: #000000 !important;
}

.form-field.submit-button button {
	background-color: transparent;
    border-bottom: 1px #231f20 solid;
    border-top: 1px transparent solid;
    border-left: 0px;
    border-right: 0px;
    padding: 10px;
    margin-bottom: 15px;
    
    font-size: 28px;
     width: 92%;
    max-width: 422px;
      font-family:rama-gothic-c, arial, helvetica, sans-serif;
    	text-transform: uppercase;
        color: #231f20;
        transition: all 0.5s ease;
        letter-spacing: 3px;
        font-weight: 700;
}

.form-field.submit-button button:hover {
    cursor: pointer;
     background-color: #231f20;
    border: 1px #000000 solid;
    color: #f3f3f3;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #f3f3f3;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #f3f3f3;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #f3f3f3;
}
:-moz-placeholder { /* Firefox 18- */
  color: #f3f3f3;
}

/* Change the to any color, but not transparent */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #eeeeee inset; -webkit-text-fill-color: #000000 !important; border: 1px #dddddd solid;
}

.input-group.hidden {display: none;}


/* for iOS */
textarea,
input,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}


#thankyou {
    font-size: 24px;
    color: #000000;
    border-bottom: 1px #000000 solid;
    padding: 25px 0;
    margin: 0 auto 25px;
    border-top: 1px #000000 solid;
    max-width: 90%;
    text-transform: uppercase;
    letter-spacing: 3px;
}


/* Responsive CSS */


@media only screen and (max-width: 1420px) {
    .single-wrap {        width: 45%; margin: 0 1.5% 0 1%;   }  
}



@media only screen and (max-width: 1100px) {
    .release-date {font-size:40px;}
    .buy {  max-width: 96%; }    
}

@media only screen and (max-width: 1024px) {
    .buy {        margin: 20px auto 50px;    }
}

@media only screen and (max-width: 950px) {
#header-outer {
    /* background: url('../images/header-960.jpg') center center no-repeat;
    height: 375px; */
    background-image: none;
    height: auto;
}

.mobile-header-lg {display:block;}


.logo img {    max-width: 400px;}

.tourdates-wrap {max-width:92%;}

.bit-widget .bit-venue, .bit-widget .bit-location {
    text-align: left;
}

.dropdown-btn {
    /* font-size: 18px; */
    padding: 8px 10px;
}
/* .dropdown-btn ul>li>a {
    font-size: 12px;
} */
}



@media only screen and (max-width: 768px) {
        #header-outer {
            background-image: none;
            height: auto;
        }
        .mobile-header-lg {display:none;}
        .mobile-header {display:block;}
        .mobile-header img {
            display: block;
            width: 100%;
            height: auto;
        }
   
        #logo-wrap img {max-width:300px;}
        #logo-wrap .headline {font-size: 36px;}
        .social-outer {
            background-color: #000000;
            padding: 12px;
            margin: 0 auto;
            text-align: center;
        }


        #container {background-size: contain;}

        .single-wrap {
            width: 94%;
        }
        .single-1 .single-inner {margin-right: 0px;}
        .single-2 .single-inner {margin-left: 0px;}
    
        .single-2 .release-date {
            margin-top: 5px;
        }


        .form-field {    width: 70%;    display: inline;}

        .press-outer-button .button a {
            padding: 15px;
            letter-spacing: 3px;
        }

}


@media only screen and (max-width: 630px) {
.buy {        margin: 10px auto 40px;    }



.social-wrap ul.social li a, span.merch-text, .social-wrap ul.social li.merch a {
    font-size: 24px;
    padding-right: 2px;
}

.social-wrap ul.social li a:hover { color:#df828d; }

#logo-wrap .headline {}
.cover img {    max-width: 80%;}


.press-outer .press-row {
    display: block;
}

.press-item-wrap {
    margin: 25px auto;
    text-align: center;
}
.press-logo { margin: 0 auto 10px;}

}

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

    /*
    #header-outer {
        background: url('../images/header-570.jpg') center 55px no-repeat;
        height: 255px;
    } */

    #footer .copyright {text-align: center;}
}
 
@media only screen and (max-width: 440px) {

    #footer {padding:40px 5% 60px;}
    .social-wrap ul.social li {
        padding: 0;
    }
    .social-wrap ul.social li a, .social-wrap ul.social li.merch a {
        font-size: 20px;
    }
    span.merch-text {
        padding-right: 0px;
        font-size: 18px;
    }
    .social-wrap ul.social li.merch {
        padding-left: 4px;
        margin-left: 6px;
    }



}

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


    #logo-wrap img {
        max-width: 200px;
    }

    .form-outer .header {
        letter-spacing: 3px;
    }
}

@media only screen and (max-width: 375px) {
    .press-outer-button .button a {
        font-size: 26px;
    }
}