@import url("https://use.typekit.net/pom6ffg.css");

:root {
	--shop-bg-color: #ffffff;
	--shop-text-color: #2a2a2a;
	--shop-accent-color: #1a1a1a;
	--shop-link-color: #2a2a2a;
	--shop-surface-color: #ffffff;
}

body {
	background-color: var(--shop-bg-color);
	color: var(--shop-text-color);
	font-family: "mr-eaves-xl-modern-narrow", sans-serif;
	font-size: 21px;
}

p {
	font-family: "mr-eaves-xl-modern-narrow", sans-serif;
	font-size: 21px;
}

.shopcol {
	font-family: "mr-eaves-xl-modern-narrow", sans-serif;
	font-size: 18px;
}

.shopcol .artist {
	padding-left: 5px;
	font-family: "mr-eaves-xl-modern-narrow", sans-serif;
	font-weight: 700;
	font-size: 26px;
	background-color: var(--shop-bg-color);

}

.shopcol .title {
	padding-left: 5px;
	font-family: "mr-eaves-xl-modern-narrow", sans-serif;
	font-weight: 400;
	font-size: 22px;
	background-color: var(--shop-bg-color);

}

.shopcol .formats {

	font-weight: 400;
	background-color: var(--shop-bg-color);

}

.playrelease {
	background-color: var(--shop-bg-color);
		margin-top: 1px;
}

#shopsearch, .menubuttons{
	margin-top: 0px;
	font-size: 18px;
}

.menubuttons .btn,
.menubuttons .dropdown-toggle,
.menubuttons .dropdown-menu,
.menubuttons .dropdown-item,
.filterbtn {
	font-family: "mr-eaves-xl-modern-narrow", sans-serif;
	font-size: 18px;
}

.dropdown-menu {
	background-color: var(--shop-surface-color);
}

.form-control {
	background-color: var(--shop-surface-color);
}

#dropdowns {
	margin-top: 0px;
	background-color: var(--shop-bg-color);
}

#dropdowns .bg-light {
	background-color: var(--shop-bg-color) !important;
}

.topbanner {
	margin-top: 85px;
}

/* constrain the page to a comfortable max-width */
#dropdowns .navbar,
#shopwindow,
#maincontent,
#shopsearch,
.menubuttons,
.menubuttons_desktop .accordion-group {
	max-width: 1366px;
	margin-left: auto;
	margin-right: auto;
}

/* center the related releases row */
#maincontent .shoprow {
	justify-content: center;
}

#maincontent .shoprow .col-md-8 {
	flex: 0 0 100%;
	max-width: 100%;
	text-align: center;
}

/* double the size of related release images */
@media (min-width: 768px) {
	#maincontent .shoprow .shopcol {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (min-width: 992px) {
	#maincontent .shoprow .shopcol {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (min-width: 1200px) {
	#maincontent .shoprow .shopcol {
		flex: 0 0 33.333%;
		max-width: 33.333%;
	}
}

/*
@media (min-width: 600px) and (orientation:landscape) {
.shopcol {
    padding-left: 15px;
    padding-right: 15px;
 }
}
@media (min-width: 600px) and (orientation:landscape) {
 .inner {
    padding-left: 2rem;
    padding-right: 2rem;
}
}
*/

.tagbanner{
	z-index: 1;
    background-color: #50C878 ;

 right: 0px;
 
    color: white;
   font-weight: bold;
   top: 40%;
    padding-left: 20px;
    padding-right: 20px;
        position: absolute;
    
   text-align: right;

    
   }


   .wishlist-item {
    display: inline; cursor: pointer;
    
    margin-left: 5px;
}

/* Detail/release page headings */
.medium h3,
.medium h5 {
	font-family: "mr-eaves-xl-modern-narrow", sans-serif;
	font-weight: 700;
}