#bandcamps
{margin:0 0 15px 0;
}

@media screen and (max-width:500px){
  
#second-header{
height:30px; !important;
font-size:13px !important;
}
}

@media screen and (max-width: 450px){
.column, .columns {
    margin-top: 0px !important;
    padding: 0 !important;
}

#store-dropdown {

    margin-top: 0px !important;

}

.dropdown-content{
  margin-top:-31px !important;
}
}

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

  #search {
    margin-top:0px;
 width:90px; !important;
}

#search input {
  width:90px !important;
}

#store-dropdown ul {
    margin-left:-14px !important;

}

.dropdown-content{
padding-left:0px !important;
margin-left:-104px !important;
width:100% !important;
height:400px !important;
}

#blah{
  
  margin-left:-184px !important;
}

.dropdown .dropbtn{
  font-size:10px !important;
  padding:5px 0px 3px 0px; 
  margin-right:0px;
}
}

@media screen and (max-width:790px){
 .artist-dropdown-column-mobile{
   display:inline;
   float:left;
   padding-left:10px;
   width:40%;
}

.artist-dropdown-column{
 display:none;

}
}

#blah {
 margin-left:-240px; 
}

@media screen and (min-width:790px){
  
.artist-dropdown-column-mobile{
  display:none;
}
}


#label-name{
  padding:15px 15px 15px 17px;
  font-size:16px;
  color:#a12d35;
  font-family:'EB Garamond';
  font-weight:500;
}

#label-name:hover{
background:none !important;
color:#a12d35 !important;
}

.mobile-menu{
  padding:9px 6px !important;
  font-size:15px !important;
}


@media screen and (max-width: 910px) {
    .nav{
    display:none;
}

.topnav{
  display:block;}

}

@media screen and (min-width: 910px){
 .topnav {display:none!important;


}
}


[class*="column"]+[class*="column"]:last-child {
    float: left;
}

.topnav{
  display:block;
}


.centered-container{
 width:100%;
 display:inline-block;
 margin:-4px auto;
 text-align:center;
}
.centered-nav{
 width:auto;
 margin: 0 auto !important;
 display:inline-block;
 padding-bottom:0px;
}

.bba{

 width:33%;
 background:blue;
 display:inline-block;
 height:70px;
}


/* Add a black background color to the top navigation */
.nav {
    background: #fafaf5;
    border-bottom: #eeeee6 solid 0px;

    overflow: hidden;
}

/* Style the links inside the navigation bar */
.nav a {
  float: left;
  display: block;
  color: #f2f2f2;
  letter-spacing:1px;
  text-align: center;
  padding: 4px 10px;
  text-decoration: none;
  font-size: 17px;
  line-height:58px;
}

.navlink {
 margin-top:3px; 
}

/* Add an active class to highlight the current page */
.active {
  background-color: #4CAF50; 
  color: white;
}


/* Add a black background color to the top navigation */
.topnav {
  background-color: #fafaf5;
  overflow: hidden;

}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 6px 0 6px 0;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #2b2b2b!important;
  color:white !important;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #4CAF50;
  color: white !important;
}



/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden;
}

/*

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0,0,0,.5);
}

*/



/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  font-size:12px;
  font-weight:bold;
  outline: none;
  height:auto;
  display:block;
  float:left;
  line-height:20px;
  color: white!important;
  text-transform:;
  padding:5px 9px 3px 9px;
  background-color: none;
  font-family: "Open Sans";
}

.dropdown-content a:hover{
color:white !important;
background:#2b2b2b;
}


.dropdown .dropbtn:hover{
 background:#2b2b2b !important; 
}






/* Style the dropdown content (hidden by default) */
.dropdown-content {
margin-left:-151px;
    margin-top: -1px;
    padding-top: 10px;
    padding-bottom:20px;
    top: 30px;
    display: none;
    float: left;
    overflow: scroll;
    position: absolute;
    background-color: #a12d35;
    min-width: 100%;
    height: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color:white !important;
  padding: 6px 10px;
  width:100%;
  text-decoration: none;
  display: block;
  text-align: left;
}


/* Add a dark background on topnav links and the dropdown button on hover */
a.navlink:hover, .dropdown:hover .dropbtn {
  color: white !important;
  background:#2b2b2b;
}


/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color:;
  color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}

#flags{
  float:left;
  margin-left:-10px;
}

#flags a{
  padding:0 3px;
  margin:7px 0 0 5px;
 float:left; 
}

#flags img{
 width:22px; 
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 910px) {
  
  
  .centered-nav {
    width: auto;
    text-align:center;
    margin: 0 auto !important;
    display: inline-block;
}


.topnav a {

    font-size: 12px;
    font-weight: bold;
}
  
  .navlink:hover{
 background: #2b2b2b!important;
  }
  
  #flags{
    display:none;
  }
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    font-size:16px;
    outline:none;
    padding: 23px 16px 23px 24px;
    display: inline-block;

  }
}



/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 910px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right:0px;
    top: 0;
    padding-top:19px 12px 6px 13px !important;
  }
  .topnav.responsive a {
    float: none;
    display:block;
    text-align: center;
    margin:0 auto;
    padding:23px 16px 23px 24px;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}






#roster ul li > div .panel div {
    display: block;
    margin-bottom: 0;
    font-size: 18px;
    overflow: hidden;
    letter-spacing:0px;
    font-weight:bold;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#second-header{
 width:100%;
 background:#a12d35 !important;
 height:50px;
margin-top:-3px;
display:inline-block;
text-align:center;
 padding:0 0 0 0px;
 font-family:'PT Sans Narrow';
 line-height:50px;
 font-size:18px;
 color:white !important;
}

#second-header a{
 color:white !important; 
}

#store-dropdown{
 float:left;
 display:block;
 width:100%;
 margin-top:5px;
 margin-bottom:5px;
}

#store-dropdown ul {
    list-style-type: none;
    margin-bottom: 7px;
    padding:0;
    width:auto;
    float:left;
    font-size:10px;
    line-height:12px;
    overflow: hidden;
    background:white;
    margin-left:35px;
}

#store-dropdown li {
    float: left;
    padding: 0px 0px 0px 0px;
    height: auto;
    font-size: 14px;
    letter-spacing: 1px;
    margin-right: 10px;
    border-radius: 0px;
}


#store-dropdown li:hover{
 transition: background 0.5s ease;
}

/*

#store-dropdown li a, .dropbtn {
    display: inline-block;
    color: white !important;
    text-align: center;
    font-weight:bold;
    font-size:11px;
    padding-right:10px;
    text-decoration: none;
}

*/

#grey{
  background:#2b2b2b!important;
  border-left:1px solid #a12d35;
  border-bottom:1px solid #a12d35;
  border-right:0px solid #a12d35;
  border-top:0px solid #a12d35;

}

#grey a{
  
  color:white;
}


#store-dropdown li a:hover, .dropdown:hover .dropbtn {
    
}

#store-dropdown li.dropdown {
    display: inline-block;
      
}

/*  #store-dropdown .dropdown-content {
    display: none;
    position: absolute;
    z-index:1000;
    padding-top:10px;
    height:auto;
    padding-bottom:10px;
    margin-left:-10px;
    min-width:300px;
    margin-top:4px;
    background-color: white;
    box-shadow: 10px 8px 16px 0px rgba(0,0,0,0.2);
}




#store-dropdown .dropdown-content a{
    color: #ff0000 !important;
    font-weight:bold;
    padding: 4px 12px;
    text-decoration: none;
    display: block;
    text-align: left;
}



.dropdown-content p {
 font-size:10px;
 font-family:'Open Sans';
 letter-spacing:0;
 padding:0px 10px;
 width:300px;
 color:black;
}

*/ 

.artist-dropdown-column{
 float:left;
 padding:10px 30px 0px 20px;
 width:auto;

}



/*

#store-dropdown .dropdown-content a:hover {background-color: #f1f1f1;
transition:background ease .05s;
transition:color ease .05s;
color:#ed5750;
}

#store-dropdown .dropdown:hover .dropdown-content {
    display: block;
}

*/

#content-container{
width:100%;
max-width:1100;
padding:0 0px;
margin:0 auto !important;
display:block;
}

#store-content{
width:100%;
height:auto;
display:inline-block;
padding:0 0 0 0px;
}

.section{
width:100%;
height:auto;
display:inline;
margin:30px auto 0 auto;
float:right;
padding-top:90px;
}

.section h4{
 font-size:18px; 
 margin-bottom:.2em;
}

h4{
font-size:28px !important;
}

#store-panel
{
width: 20%;
  height: auto;
  background: none;
  display: inline-block;
  float: left;
  padding: 0px 0px 0px 0px;
}

#store-panel h3{
  font-size:13px; 
  background:#ff0000;
  color:white !important;
  font-weight:bold;
  margin-bottom:4px;
  padding:6px 6px 6px 10px;
}

#store-panel a:hover{
 #ff0000 !important; 
}

#store-panel li{
 list-style:none;
 font-size:12px;
 padding-left:2px;
}

#store-panel a {
 text-transform:none !important; 
}

.mySlides{
border-bottom:#eeeee6 solid 4px; 
}

/*Custom CSS */

ul#nav {color:black;}


hr{
  border-bottom:1px solid black;
}


h1, h2, h3, h4, h5{

 margin-bottom:0;
}

a, a:visited {
  color:black;
  font-family:'PT Sans Narrow'
}

p{
  font-size:13px;
  text-align:justify;
}

h5 {
  font-size:20px;
  font-style:italic;
}


.product a{
  color:#ff0000;
  letter-spacing:1px;
}


#header-container-outside{
  text-align:center;
	z-index:1001;
	position:fixed;
	width:100%;
	height:60px;
	background:#fafaf5;
	border-bottom:#eeeee6 solid 4px;
	 

}


#header-container-inside{
    text-align: center;
    position: relative;
    margin: 0 auto;
    display: inline-block;
    width: auto;
    height: 60px;

}

#header-container-content{
position:relative;
	background:#fafaf5;
	height:75%;
	max-width:1100px
	padding-right:00px;

}

#logo {
	margin-top:9px;
	float:left;
}


#header-logo{
  float:left;
   margin-left:0px;
  margin-top:8px;
  width:200px;
}
  
#imglogo{
	margin-left:10px;
	margin-top:6px;
}

#navigation{
  margin-left:-20px;
	margin-top:18px;
	color:none;
	background:none;
	float:left;
	width:auto;
	height:40px;
	
	
}

#navigation ul{
	float:right;
  margin: 0px 0px 0 0;
  padding: 0;
	width:auto;
	list-style-type:none;
	border: none;
	padding-left:25px;
}

#navigation li {
  letter-spacing:1px;
	display:inline;
	margin-right:10px;
}

#navigation li a{
      font-size: 14px;
    color: black;
    font-weight:normal;
    font-family: 'PT Sans Narrow';
    text-transform:uppercase;
    letter-spacing: 2px;
}

#navigation li a:hover{
color:#ff0000;
  transition: color .35s;
}


#dropdown{
  display:none;
}

#header-image{
  width:100%;
  margin-top:50px;
  margin-bottom:20px;
}

#pushdown-default{
  height:60px;
  width:100%;
}

#pushdown{
  height:92px;
  width:100%;
}

#featured-image{
 width:100%; 
 padding-bottom:25px;
}

#featured-image img{
  width:100%;
  }
  
.horizontal-section{
  position:relative;
  max-width:1100px;
  padding:0 0px;
  height:100%;
  margin:0 auto;
}

.left-side{
position:relative;
color:black;
float:left;
width:55%;
height:auto;
background:none;
}

.right-side{
  position:relative;
  float:right;
  width:41%;
  height:auto;

}

#left-side-header{
position:relative;
color:black;
float:left;
width:49%;
}

#right-side-header{
  position:relative;
  float:right;
  width:49%;
  height:auto;
  background:yellow;
}

.media-heading{
  margin-top:15px;
margin-bottom:15px;
}

h5.media-heading a{
 font-size:22px; 
 color:#ff0000;
 
}


.media-summary{
  width:97%px;
  height:auto;
}

article h3 a{
 font-size:23px; 
 color:#a12d35 !important;
}

#twitter{
margin-top:30px;
}

#real-container{
 max-width:100%;
 margin:0 auto;
 background:none;
 padding:0 15px !important;
 height:auto;
overflow:auto;
}

.large-9 {
    width: 65%;
    float: left;
}

.headline{
    
  font-weight:bold;
  color:#a12d35 !important;
  letter-spacing:1px;
 font-size:15px !important; 
}

.headline-date{
 font-size:14px;
 letter-spacing:1px;
 margin: 2px 0 15px 0px;
 display:block;
 width:100%;
 float:left;
 font-family:'PT Sans Narrow' !important;
}

a, a.visited{
  color:#a12d35 !important;
}

.timeline-Header-title {
    font-size: 21px;
    font-weight: 300;
    line-height: 24px;
    color: blue !Important;
}


#news-right{
  width:32%;
  float:right;
  padding:0 6px 0px 30px;
  height:auto;
  border-left:1px solid #dfdfdf;
 display:inline-block;
}

.column, .columns {   
  margin-top:6px !important;
  padding:0 !important;
}

[class*="block-grid-"] {
  width:100% !important;
    display: block;
    padding: 0;
    margin: 20px -0.625rem 0 -0.625rem !important;
}

#roster-item-left{
  float:left;
  width:70%;
  height:300px;
  background:blue;
}

#roster-item-right{
  float:right;
  width:30%;
  height:300px;
  background:pink;
}

  
  @media (max-width: 880px) {
    
    #header-logo{
 width:130px; 
 margin-top:15px !important;
 

}

  #navigation li a{
  font-size:12px;
  font-weight:normal;
}

#navigation ul{
  padding-left:20px;
  
}
}


@media (max-width:745px){
    
.horizontal-section .left-side{
  width:100%;}
  
  .horizontal-section .right-side{
width:100%;    
  }
  
  #navigation ul{
    padding-left:15px;
    
    }
    
  #navigation li{
  padding:2px;
  }
  #navigation li a{
  font-size:10px;
}
}
  
  


@media (max-width: 640px) {  
  .footer-block{
   width:22% !important; 
  }
}

/*

  button.dropbtn:hover{
    background: none !important;
  }
  


.dropbtn {
  color: white;
  padding: 15px;
  margin-top:-30px;
  background:none;
  float:right;
  font-size: 16px;
  border: none;
  cursor: pointer;

}



.dropbtn a:active{
 background:none !important;
}

  */



/*
.dropdown {
  float:right;
  width:100%;
  display: inline-block;
}

*/


/*

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width:100%;
  margin-top:15px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

Links inside the dropdown 
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}



.dropdown-content a:hover {background-color: none !important;} 


.dropdown:hover .dropdown-content {
  display: block;
}


.dropdown:hover .dropbtn {
  background-color: none !important;
} 

*/


.front-page-right{
  display:none;
}

.front-page-left{
  width:100%;
}

#navigation {
  display:none;
}

ul#dropdown, ul#dropdown ul {
	margin: 0; /* resets the entire list's margin to 0 */
	padding: 0; /* resets the entire list's padding to 0 */
}

ul#dropdown{
  width:80px;
  padding-top:20px;
  height:50px;
  background:none;
  float:right;
  display:inline;
  list-style:none;
}

ul#dropdown li{
 color:white;
 list-style-type:none;

}

ul#dropdown li a {
  color:black;
  text-decoration:none;
  padding-left:2px;
  padding-bottom:5px;
}

ul#dropdown li ul {
  background:white;
  border:0px solid black;
  font-size:13px;
padding:10px 5px 5px 5px;
display:none;
float:right;
width:150px;
margin:0px 0 0px -100px;
text-align:right;
}

ul#dropdown li ul li{

}

ul#dropdown li:hover ul{
  display:block;}


fa fa-bars{
  width:50px;
}

.fa {
 float:right;
 padding-right:5px;
 
}

}

@media (max-width: 545px) {  
  #header-logo{
    margin-top:25px;
}
}

@media (max-width: 415px) {
 



#search{
  
  
  
 margin-right:8px !important;
}
}






.button {
background:#a12d35 !important;
  border-color: none;
  color: none;
}

.button:hover {
  background: #2b2b2b !important;
  border-color: none;
  color: none;
}

.hide {
  display: none !important;
}

.orbit-container {
  margin: 0 0 1.1875rem 0;
}

.orbit-container .orbit-slides-container li {
  text-align: center;
}

.orbit-container .orbit-slides-container li img {
  margin: 0 auto;
}

.orbit-container .orbit-timer {
  visibility: hidden;
}

.orbit-container .orbit-bullets-container .orbit-bullets {
  margin-bottom: 0.59375rem;
}

.postfix{
 z-index:0; 
}

.postfix {
  height: 2.125rem;
}

.postfix.button {
  height: 2.125rem;
  line-height: 2.125rem;
}

.pagination-centered nav.pagination span {
  float: none;
  display: inline-block;
  padding-bottom:20px;
  padding-right:10px;
  font-family:'PT Sans Narrow';
}

.postfix {
  height: 2.2125rem;
}



.th {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

  .th:hover, .th:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }




.top-bar .title-area .name h1 a img {
  height: auto;
  margin-top: -2px;
  max-height: 42px;
  max-width: 175px;
  width: auto;
}

.top-bar-section ul li > a {
  font-weight: 300;
}

@media only screen and (min-width: 40.063em) {
  .top-bar-section .social li a {
    padding: 0 7px;
  }

  h1 a.right, h2 a.right, h3 a.right, h4 a.right, h5 a.right {
    font-size: 0.5em;
    margin-top: 1.5em;
    letter-spacing:1px;
    font-weight:normal;
    text-transform:none;
  }
}


/* About Page */

#about-page{
position:relative;
max-width:100%;
padding:15px;
min-height:900px !important;


}

#about-content{
  max-width:1100px;
  margin:0 auto;

  color:black;
  margin-top:0x;
  
}

.label-logo{
  float:left;
  padding-right:15px;
  
}



/* Layout */

body {
  height:100%;
 padding:0;
 margin:0;
}

.clearing-container{
  margin-top:85px;
}

h1, h2, h3, h4, h5, h6 {
  color: black;
}

h4{
font-size:25px !important;
    color: #a12d35 !important;
    font-weight: bold;
    font-family: 'PT Sans Narrow';

}

h6{
  font-size:13px;
  line-height:7px;
  padding-bottom:20px;
}

.row {
 max-width:1100px; 
 padding:0 !important;
 margin:0 auto !important;
}
.content-container {

position:relative;
  
    background-color: #ffffff;
  
}

.content-container > div {
 
  margin: 0 auto;
  padding: 0;
  height:100%;
  min-height:100% !important;
  max-width: 100%;
}

.content-container h1 .right, .content-container h2 .right, .content-container h3 .right, .content-container h4 .right, .content-container h5 .right {
  font-size: 0.65em;
  margin-top: 0.5em;
}

.content-container h1 + hr, .content-container h2 + hr, .content-container h3 + hr, .content-container h4 + hr, .content-container h5 + hr {
  margin-top: 0;
}

#footer{
float:left;
padding-top:25px;
background:#eeeee6;
width:100%;
font-family:'Lora';
text-transform:uppercase;
color:white;
font-weight:0;
padding-bottom:20px;
height:400px;

}


#footer-container {
  position:relative;
  max-width:1100px;
  width:95%;
  padding:15px;
  height:190px;
  margin-right:auto;
  margin-left:auto;
 
  
}

.footer-block{
 width:15%; 
 float:left;

margin-right:20px;
min-height:120px;
}


.footer-block ul li{
  list-style-type:none;
 
}

.footer-block li a {
  font-size:13px;
    font-weight: normal;
    font-family: 'PT Sans Narrow';
    text-transform: uppercase;
    letter-spacing: 2px;
}

.footer-block li a:hover{
 color:#ff0000; 
}

.footer-block img{
  margin-left:-15px;
width:100%;

}

.footer-block-mailchimp{
 width:25%; 
 float:left;
margin-right:10px;
min-height:120px;
}


#footer a:hover{
font-style:italic;
}

#instagram{
 width:50%;
 float:right;
 color:black;
 font-family:"PT Sans Narrow";
 letter-spacing:2px;
 font-weight:bold;
}

#photos{
 margin-top:15px; 
}

#instagram hr{
 color:white; 
}

@media (max-width: 650px) {
  #instagram{
    display:none;
  }
}

hr{
 border:solid #dfdfdf;
margin-top:10px !important;
 margin-bottom:10px !important;
}


/* Errors */

#error {
  padding: 100px 0 150px 0;
}

#error h3 {
  text-align: center;
}

#error p {
  text-align: center;
}


/* Product Grid */

.product {
  margin: 0 auto;
  max-width: 302px;
}

.product a.th {
  display: block;
  max-height: 302px;
  line-height: 202px;
  float:left;
  text-align: center;
  
}

.product a.th img{
  border:7px solid #a12d35;
  }
@media (max-width: 400px) {

  .product a.th {
    height: 150px;
    line-height: 150px;
  }
  
  .product a.th img {
    max-height: 100%;
    max-width: 100%;
  }
}

.product a.th .panel-banner {
  background-color: rgba(0, 0, 0, 0.55);
  bottom: 0;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 0 0 0 0;
  padding: 0.25rem;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 100;
}

.product .panel {
  background-color: transparent;
  border-color: transparent;
  font-size: 0.9rem;
  float:left;
    width:100%;
  padding: 0.25rem 0rem;
}

.product .panel div {
  display: block;
  margin-bottom: 0em;
  overflow: hidden;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.product .panel-info div + div {
  font-size: 0.75rem;
width:100%;
}


/* Product Page */

#product {

}

#product .clearing-assembled {
    margin: 0;
    max-width: 95%;
}
}

#product .clearing-assembled .clearing-thumbs li {
  text-align: center;
  width: 100%;
}

#product .clearing-assembled .clearing-thumbs li + li {
  height: 125px;
  line-height: 125px;
  margin: 0;
  padding: 5px;
  text-align: center;
  width: 33%;
}

@media (max-width: 400px) {

  #product .clearing-assembled .clearing-thumbs li + li {
    height: 75px;
    line-height: 75px;
  }
}

#product .clearing-assembled .clearing-thumbs li + li a img {
  max-height: 100%;
  max-width: 100%;
}

#product .clearing-assembled.clearing-blackout {
  max-width: 100%;
}

#product .clearing-assembled.clearing-blackout .clearing-thumbs li {
  width: 120px !important;
}

#product .panel {
  background-color: transparent;
  border-color: transparent;
  font-size: 0.9rem;
  padding: 0.5rem;
}

#product .panel div {
  display: block;
  margin-bottom: 0;
  width:100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#product .panel-banner {
  background-color: rgba(0, 0, 0, 0.55);
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 0 0 1.1875rem 0;
  padding: 0.25rem;
  text-align: center;
}

#product .soundcloud-container {
  margin-bottom: 1.1875rem;
}

#product .add-to-cart-container {

}


/* Product Search */

#search {
  width:110px;
  display: inline;
  float: left;
  color:black;
  margin-right:5px;
 
}

#search input {
  width:110px
  font-family:'Open Sans' !important;
  font-size: 0.6875rem;
  background:#eeeee6;
  border:none;
  padding: 0.5rem;
}

#search .button {
  background-color: #000000;
  border: 2px solid #000000;
  margin: 0;
}



/* Event Grid */

.event {
  margin: 0 auto;
  max-width: 202px;
}

.event a.th {
  display: block;
  height: 200px;
  line-height: 200px;
  position: relative;
  text-align: center;
}

@media (max-width: 400px) {

  .event a.th {
    height: 150px;
    line-height: 150px;
  }
  
  .event a.th img {
    max-height: 100%;
    max-width: 100%;
  }
}

.event a.th .panel-banner {
  background-color: rgba(0, 0, 0, 0.55);
  bottom: 0;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 0 0 0 0;
  padding: 0.25rem;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 100;
}

.event .panel {
  background-color: transparent;
  border-color: transparent;
  font-size: 0.9rem;
  padding: 0.25rem 0rem;
}

.event .panel div {
  display: block;
  margin-bottom: 0rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event .panel-info div + div {
  font-size: 0.75rem;
  margin-top: 0rem;
}


/* Event Page */

#event {

}

#event .clearing-assembled {
  
  margin: 0 auto 1.1875rem auto;
  max-width: 432px;
}

#event .clearing-assembled .clearing-thumbs li {
  text-align: center;
  width: 100%;
}

#event .clearing-assembled .clearing-thumbs li + li {
  height: 125px;
  line-height: 125px;
  margin: 0;
  padding: 5px;
  text-align: center;
  width: 33%;
}

@media (max-width: 400px) {

  #event .clearing-assembled .clearing-thumbs li + li {
    height: 75px;
    line-height: 75px;
  }
}

#event .clearing-assembled .clearing-thumbs li + li a img {
  max-height: 100%;
  max-width: 100%;
}

#event .clearing-assembled.clearing-blackout {
  max-width: 100%;
}

#event .clearing-assembled.clearing-blackout .clearing-thumbs li {
  width: 120px !important;
}

#event .panel {
  background-color: transparent;
  border-color: transparent;
  font-size: 0.9rem;
  padding: 0.5rem;
}

#event .panel div {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#event .panel-banner {
  background-color: rgba(0, 0, 0, 0.55);
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 0 0 1.1875rem 0;
  padding: 0.25rem;
  text-align: center;
}

#event .map-container {
  margin-bottom: 1.1875rem;
}

#event .soundcloud-container {
  margin-bottom: 1.1875rem;
}

#event .add-to-cart-container {

}


/* Contact Page */

#contact {

}

#contact textarea {
  height: 115px;
}

#contact #recaptcha_widget_div {
  margin: 0 0 1rem 0;
}


/* Gallery Page */

#gallery {

}

#gallery ul li > div {
  margin: 0 auto;
  max-width: 202px;
}


/* History Page */

#history {

}

#history .history-item {
  

}

#history .history-item .orbit-container {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  margin: 0 auto 1.1875rem auto;
  max-width: 300px;
}

#history .history-item .release-information {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  margin-bottom: 0;
}

#history .history-item .links.inline-list a {
  font-size: 0.9rem;
}


/* Order Page */

#order {

}

#order #question .panel {
  font-size: 0.9rem;
  line-height: 1.2rem;
  padding: 0.75rem 0;
  text-align: center;
}

#order table tbody tr td + td {
  text-align: right;
}

/* Roster Page */

#roster {

}

#roster ul li > div {
  margin: 0 auto;
  max-width: 202px;
}

#roster ul li > div .panel {
  background-color: transparent;
  border-color: transparent;
  font-size: 0.9rem;
  padding: 0.25rem 0rem;
}

#roster ul li > div .panel div {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


/* Roster Item Page */

#roster-item {

}

#roster-item-left{
padding:0;
float:left;
width:58%;
background:none;
height:auto;
}

#roster-item-left img{
  float:left;
width:100%;
}

#roster-item-right{
  float:right;
  padding-top:11px;
  width:40%;
  background:none;
 height:auto;
}


@media (max-width: 900px) {
 #roster-item-right{
  width:100%;
 }
 #roster-item-left{
  width:100%; 
 }
 
  #numbertwo{
   display:none !important;
}

}


#roster-item #description p {
  font-size: 0.9rem;
}

#roster-item #links .inline-list a {
  font-size: 0.9rem;
}

#roster-item #soundcloud iframe {
  margin-bottom: 1rem;
}

#roster-item #bandsintown {
  margin-bottom: 1rem;
}