<!-- styles for Reverb listings -->
<!-- These are example styles. You can modify to fit the listings to your site -->

.reverb-container {
	width: 80%;
	margin-left: auto; margin-right: auto;
}
.reverb-embedded-listings {
   list-style-type: none !important;
   float: left;
   margin-left: 5%;
   margin-right: 5%;
 }
 .reverb-embedded-listing {
   position: relative;
   border: 1px solid #efd9b9;
   border-radius: 0.25em;
   box-shadow: 2px 2px 1px #f9f9f9;
   width: 200px;
   float: left;
   margin-right: 1em;
   margin-bottom: 1em;
   font-family: "Arial", "Verdana", sans-serif;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
   list-style-type: none;
 }
 .reverb-embedded-listing a {
   text-decoration: none;
   color: #0080a5;
 }
 .reverb-embedded-listing-info {
   border-top: 1px solid #efd9b9;
   padding: 1em;
   height: 5em;
 }
 .reverb-embedded-listing-title {
   display: block;
   max-height: 44px;
   color: #efd9b9;
   font-size: 1.25rem;
   font-weight: bold;
   overflow: hidden;
 }
 .reverb-embedded-listing-price {
   position: absolute;
   padding: 0.5rem;
   top: 0;
   right: 0;
   font-weight: bold;
   background-color: #d36e52;
   color: #efd9b9;
 }
 .reverb-embedded-listing img {
   border-top-left-radius: 0.25em;
   border-top-right-radius: 0.25em;
   width: 100%;
 }
 .reverb-embedded-listing img:hover { opacity: 0.80; }
 .reverb-embedded-listing-title:hover { color: #d36e52; }

 @media screen and (max-width:992px) {
 	.reverb-embedded-listing {

 	}
 }

 @media screen and (max-width:768px) {
   .reverb-embedded-listing {

 	}
 }

 @media screen and (max-width:544px) {
   .reverb-embedded-listing {
 		width:42%;
 	}
}