@font-face {

    font-family: 'franchise';

    src: url('fonts/franchise-free-bold-webfont.eot');

    src: url('fonts/franchise-free-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/franchise-free-bold-webfont.woff2') format('woff2'),

         url('fonts/franchise-free-bold-webfont.woff') format('woff'),

         url('fonts/franchise-free-bold-webfont.ttf') format('truetype'),

         url('fonts/franchise-free-bold-webfont.svg#franchise_freebold') format('svg');

    font-weight: normal;
    font-style: normal;

}

body { margin: 0; width: 100%; height: auto; overflow-x:hidden; color: #2d2d2d; font-family: 'Slabo 27px'; font-size: 18px; line-height: 1.8em; letter-spacing: 0.5px; text-align:center; }

a { text-decoration: none; }
#content a { color: #bca4a4; }

.arve { margin: 0 auto 20px; display: block; }

#footer a { color: #bca4a4; }
#footer a:hover { color: #fff; }

h1, h2, h3, h4, h5, h6 { font-family: 'franchise'; text-transform: uppercase; color: #5b4e4c; text-align: center; font-weight: 400; }

h1 { font-size: 60px; letter-spacing: 2px;}

#menu { background: #fff; border-bottom: 1px solid #5b4e4c; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; font-family: 'franchise'; text-transform: uppercase; color: #5b4e4c; }

#menu .links a { color: #5b4e4c; }
#menu .links a:hover { color: #bca4a4; }

#menu .links { padding-top: 13px;font-size: 28px;   }

#menu .links ul { list-style: none; padding: 0; margin: 0; }

#menu .links ul li { display: inline-block; margin-left: 10px; letter-spacing: 1px;}

#menu .links .social { padding-bottom: 1px; }

#menu .links .social img { height: 32px; width: auto; margin-left: 10px;}

#responsive-menu { text-transform: uppercase !important; }

#header { width: 100%; height: auto; margin-top: 100px; z-index: 1; }

#header img { width: 100%; height: auto; }

#content { min-height: 800px; }

.content { background: #fff; width: 98%; padding-left: 1%; padding-right: 1%; min-height: 400px; padding-bottom: 20px; padding-top: 10px; float: left; }

.content-alt { background: #f8f5f5; width: 98%; padding-left: 1%; padding-right: 1%; min-height: 400px; padding-top: 10px; padding-bottom: 20px; float: left;  }

.inner-content { width: 85%; margin: 0 auto; }
#music .inner-content { width: 95%; }
#music { padding-bottom: 55px; }
.buy { width: 100%; display: block; font-size: 24px; line-height: 50px; margin-bottom: 10px; background: #f8f5f5; color: #5b4e4c; text-transform: uppercase; font-family: 'Franchise'; height: 50px; }
.buy a { color: #5b4e4c !important; }
#edd-purchase-button, .edd-submit, input[type="submit"].edd-submit {
  -webkit-user-select:none;
  border:0 none !important;
color: #5b4e4c; 
font-size: 24px !important; 
  border-radius:0;
  box-shadow:none;
  cursor:pointer;
  display:inline-block;
  margin:0;
  padding:0;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
}



#footer { clear: both; width: 100%; background: #5b4e4c; color: #fff; text-align: center; font-family: 'Slabo 27px'; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; letter-spacing: 1px; padding-top: 10px; height: 80px; line-height: 80px; }



/*--- NEWS ---*/

.post { vertical-align: top; width:100%; display: block; clear:both; margin-bottom: 45px; text-align: justify; }
.post h3 { width: 100%; border-bottom: 1px solid #f8f5f5; font-size: 26px; }
.post img { max-width: 100%; float: left; height: auto; margin-right: 20px; }

@media screen and (max-width: 768px) {
.post img { float: none; display: block; margin-right: 0; margin: 0 auto 20px; }
.post { margin-bottom: 15px; padding-bottom: 15px; }
}


/*--- MUSIC ---*/

.artwork { float: left; width: 30%; }
#tracks { width: 68%; padding-left: 2%; float: right; margin-top: 10px; margin-bottom: 25px; }
.buy-links { clear:both; width: 80%; margin: 0 auto }

@media screen and (max-width:768px) {
.artwork { width: 80%; display: block; margin: 0 auto !important; text-align:center !important; float: none; }
#tracks { width: 94%; padding-left: 4%; padding-right: 2%; float: none; margin-bottom: 25px !important; }
.buy { font-size: 24px; width: 100%; float: none; margin: 0 auto 5px; display: block; }
.buy-links { margin: 25px auto; padding-top: 25px; width: 90%; }
}




/*---CHECKOUT ---*/

select { margin: 0 auto; display: block; text-align:center; }
.edd-cart-added-alert { position: relative !important; float: right; z-index:999; position: fixed !important; }





/*-----------------MQ for HEADER----------------*/

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

	#menu .title {

		float: left;

		margin-left: 1%;

		font-size: 80px;

		line-height: 100px; 

	}

	#menu .links{

		float: right;

		margin-right: 1%;

	}

	#menu .links .social{

		text-align: right;

	}

	#menu { height: 100px; }

	#click-menu {top:29px !important}

}





@media screen and (min-width:521px) and (max-width:840px){

	#menu { height: 130px; }

	#menu .title {

		font-size: 80px;

		line-height: 100px;

		text-align:left;

		margin-left:2%;

	}

	#menu .links .social{

		margin-top: -25px;

		text-align:center;

		margin-left:2%;

		width:260px;

	}

	#click-menu {top:44px !important}

	#header {margin-top:130px !important;}

}

@media screen and (min-width:461px) and (max-width:520px){

	#menu { height: 100px; }

	#menu .title {

		font-size: 60px;

		line-height: 60px;

		text-align:left;

		margin-left:2%;

	}

	#menu .links .social{

		margin-top: -15px;

		text-align:left;

		margin-left:2%;

	}

	#click-menu {top:29px !important}

}





@media screen and (min-width:0px) and (max-width:460px){

	#menu { height: 100px; }

	#menu .title {

		font-size: 60px;

		line-height: 60px;

		text-align:left;

		margin-left:2%;

	}

	#menu .links .social{

		text-align:center;

		margin-left:2%;

		margin-top: -15px;

		width:190px;

	}

	#click-menu {top:29px !important}

}

/*----------------------------------------------*/











/*------------MQs for adjusting footer-----------------*/



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

	

	.mob-only{display:none;}

	.desk-only {display:inline;}

	.narrow-mob-only {display:none;}

	.desk-and-mob-only {display:inline; }

	

}



@media screen and (min-width:451px) and (max-width:640px){

	

	.mob-only{display:inline;}

	.desk-only {display:none;}

	#footer {

		line-height: 22px;

		height:auto;

	}

	.narrow-mob-only {display:none;}

	.desk-and-mob-only {display:inline;}

}



@media screen and (max-width:450px)

{

	

	.mob-only{display:inline;}

	.desk-only {display:none;}

	.narrow-mob-only {display:inline;}

	.desk-and-mob-only {display:none;}

	#footer {

		line-height: 22px;

		height:auto;

	}

}





/*--------------------------------------------------*/






/*---------------MQs for music media page gallery ------*/


@media all and (min-width:1201px){
	/*#media .video {float: left; width: 60%;}*/
	#media .photos {vertical-align: middle; float:right; width: 35%;}
	#gallery-1 .gallery-item {
		
		width: 154px !important;
		height: 154px !important;;
	}
}

@media all and (max-width:1200px){
	
	/* #media .video {width:100%;float:none;} */
	#media .photos {vertical-align: middle;float: none;width: 100%;}
	#gallery-1 .gallery-item {
		
		width: 154px !important;
		height: 154px !important;;
	}
	
}

/*------------------------------------------------------*/