
:root {
	--materia-cyan: #2DC3E6;
	--materia-scarlet: #FF4D35;
	--materia-gray: #aaaaaa;
}

.our-artists-photos .artist-photo-img {
	width: 100%;
	height: 100%;
	min-height: 500px;
	background-size: cover;
	background-position-y: center;
	background-position-x: right;
	background-repeat: no-repeat;

}

.materia-blend {
	mix-blend-mode: multiply;
}
.materia-blend-wrapper {
	background-color: #36c1e3;
	opacity: 75%;
}

.our-artists-photos .box,
.our-artists-photos .product-device,
.our-artists-photos .product-device-2 {
	background-color: transparent;
}


.image-artist-release0 {
	max-height: 400px;
	object-fit: cover;
}

#image-artist-artist_profile{
	opacity: 75%;
}

.wrapLogo {
	height: auto;
}


.bg-home-about {
	background: #111111;
}

.app-error, .bg-error {
	background: #111111;
	color: white;
}

.bg-home-about::before {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	background: url('https://storage.googleapis.com/public.materia.co/assets/sites/Materia-Collective/photo-1539375665275-f9de415ef9ac.jpeg');
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.3;
}

.music-album-format_type {
	color: white;
}
.text-shadow {
	text-shadow: 0 0 0.45em rgba(0,0,0,0.5);
}

.section-product-background::before {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	background: url('https://storage.googleapis.com/public.materia.co/assets/sites/Materia-Collective/photo-1539375665275-f9de415ef9ac.jpeg');

	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.4;

	
	/*filter: grayscale(20%);*/
	
}

.section-product-background::before {
	box-shadow: inset 0 0 5em 2em rgba(0,0,0,0.55);
}


.section-product-background > .container::before {
	content: "";
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;

	backdrop-filter: blur(12px);
}


#artist-about {
	background: #111111;
}

.bg-artist-about{
	backdrop-filter: blur(5px);
}

#artist-about .margin-y-module {
	margin-top:100px;
}


#artist-discography .margin-y-module {
	margin-top:150px;
}



#music-album-about {
	background: #111111;
}

.bg-music-album-about{
	backdrop-filter: blur(5px);
}


#music-album-about {
}

#music-album-about .margin-y-module {
	margin-top: 135px;
	margin-bottom: 0;
}



#plain-page .margin-y-module {
	margin-top:100px;
	margin-bottom:250px !important;
}


.bg-music-discography-newreleases {
	background: black;
}
.bg-music-discography-newreleases::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('https://storage.googleapis.com/public.materia.co/assets/sites/Materia-Music/bw/oscar-keys-ojVMh1QTVGY-unsplash.jpg');
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.2;
}


#music-album-credits .margin-y-module {
	margin-top:100px;
	margin-bottom:250px !important;
}

#music-album-credits {
	background: black;
}
#music-album-credits::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('https://storage.googleapis.com/public.materia.co/assets/sites/Materia-Music/bw/oscar-keys-ojVMh1QTVGY-unsplash.jpg');
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.2;
}





@media (min-width: 1200px) {
}
.bg-materiamusic .margin-y-module {
	margin-top: 200px;
	margin-bottom: 200px;
}

.card-text {
	line-height: 1.75em;
}

.bg-our-music {
	background: black;
}
.bg-our-music::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('https://storage.googleapis.com/public.materia.co/assets/sites/Materia-Music/bw/oscar-keys-ojVMh1QTVGY-unsplash.jpg');
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.2;
}
.bg-shop {
	background: black;
}
.bg-shop::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
background: url('https://storage.googleapis.com/public.materia.co/assets/sites/Materia-Collective/photo-1483412033650-1015ddeb83d1.jpeg');
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.25;
}

.bg-newsletter {
	background: white;
}
.bg-newsletter .margin-y-module {
	margin-top: 100px;
	margin-bottom: 150px;
}


.bg-newsletter::before {
	content: "";
	position: absolute;
	width: 150%;
	height: 100%;
background: url('https://storage.googleapis.com/public.materia.co/assets/sites/Materia-Collective/photo-speaker-grid.jpg');
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.3;
}




#about .order-2, #about .order-3 {
	background: rgba(0,0,0,0.8);
}
.bg-about-brand {
	background: url('https://storage.googleapis.com/public.materia.co/assets/sites/Materia-Music/bw/photo-1485579149621-3123dd979885.jpeg');
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: center;
}
.bg-about-brand > .row {
	background: rgba(0,0,0,0.6);
}
.bg-portfolio {
	background: #3f3f3f;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: center;
}

.bg-getintouch {
	background: url('https://storage.googleapis.com/public.materia.co/assets/sites/Materia-Music/bw/rima-kruciene-gpKe3hmIawg-unsplash.jpg');
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: center;
}

#home-albums-grid .margin-y-module {
	margin-top: 0;
}

.bg-getintouch >.row {
	background: rgba(0,0,0,0.8);
}
#getintouch {
	background-color: #ebebea!important;
}

.faq-item {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 50px;

	margin-left: 50px;
	margin-bottom: 0;

	letter-spacing: 0;
	color: black;
	line-height: 1.75em;

	display:list-item;
		list-style-type: square;

}

#faq a {
	color: black;
	text-decoration: underline;
}

#faq a.album {
	font-style: italic;
	font-weight: 900;
}

.text-normal {
	letter-spacing: 0;
}

.text-blue {
	color: #21b8e5;
}


.owl-theme-bb .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	width: min-content;
	position: relative;
	padding: 0 4px;
}

.owl-theme-bb .owl-dots .owl-dot {
	width: 30px;
	height: 30px;
	display: flex!important;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	z-index: 1;
	-webkit-transition: .2s left,.2s -webkit-transform;
	transition: .2s left,.2s -webkit-transform;
	-o-transition: .2s transform,.2s left;
	transition: .2s transform,.2s left;
	transition: .2s transform,.2s left,.2s -webkit-transform;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
	display: flex;
	font-size: 1em;
}

.owl-theme-bb .owl-nav [class*='owl-']:hover {
	background: transparent!important;
	color: #6c757d!important;
	text-decoration: none;
}

.owl-theme-bb .owl-dots .owl-dot span {
	width: 20px;
	height: 20px;
}

.owl-theme-bb .owl-dots .owl-dot.active span {
	width: 20px;
	height: 20px;
	background: #ffffff!important;
}

.owl-theme-bb .owl-pagination {
	margin-top: inherit!important;
	margin-left: 350px;
	margin-bottom: 50px;
}



.container .bg-bb2020-pubadmin .margin-y-module {
	margin-top: 250px;
	margin-bottom: 250px;
}


.spotify-wrapper {
	width: 100%;
	background: black;
	margin-top: 50px;
	margin-bottom: 50px;
}

.spotify-wrapper.pad {
	padding: 20px;
}

.app.app-materiacollective2022 a {
	text-decoration: none;
}

.app.app-materiacollective2022 a.interlink {
	color: rgba(255 255 255 / 80%);
}

.app.app-materiacollective2022 a.interlink:hover {
	color: white;
	text-decoration: none;
}
/*
.app.app-materiacollective2022 a.interlink:hover::after {
	width: calc(100% - 38px);
}

.app.app-materiacollective2022 a.interlink::after {
    content: '';
    width: 0;
    height: 1px;
    background: currentColor;
    position: absolute;
    bottom: 6px;
    left: 0;
    -webkit-transition: .25s cubic-bezier(.165,.84,.44,1);
    -o-transition: .25s cubic-bezier(.165,.84,.44,1);
    transition: .25s cubic-bezier(.165,.84,.44,1);
	color: white;
	text-decoration: none;
}
*/

.r-hidden {
	display: none!important;
}


@media (min-width:576px) {
	#bb2020-faq .display-6 {
		font-size: 1.2em;
	}

	#bb2020-pubadmin .margin-top-module {
		margin-top: 6px;
	}

}


@media (min-width:992px) {

	.r-hidden {
		display: initial!important;
	}

	#bb2020-faq .display-6 {
		font-size: 1.4em;
	}

}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: white;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: white;
}

.brand-bucket {}

.brand-bucket-item {
	display: inline-block;
	margin-bottom: 75px;
	background: rgba(0,0,0,0.9);
	/*
	max-width: 500px;
	width: 45%;
	margin-right: 4%;
	float: left;
	min-height: 600px;
	*/

}
.brand-bucket-item .img-wrapper {
	background: white;
}
.brand-bucket-item .img-wrapper img {
	padding: 3em 5em;
	max-width: 100%;
	height: auto;
}
.brand-bucket-item .brand-info {
	padding: 2em 4em;
}

.brand-bucket-item a:hover {
	text-decoration: none!important;
}


.portfolio-bucket {}

.portfolio-bucket-item {
	display: inline-block;
	margin-bottom: 75px;
	background: rgba(0,0,0,0.9);
	/*
	max-width: 500px;
	width: 45%;
	margin-right: 4%;
	float: left;
	min-height: 600px;
	*/

}
.portfolio-bucket-item .img-wrapper {
	background: white;
}
.portfolio-bucket-item .img-wrapper img {
	padding: 3em 5em;
	max-width: 100%;
	height: auto;
}
.portfolio-bucket-item .portfolio-info {
	padding: 2em 4em;
}

.portfolio-bucket-item a:hover {
	text-decoration: none!important;
}

.bg-white input, .bg-white button {
	color: black;
}

#home-legalshit {
	line-height: 1.1em;
	font-size: 11px;
	opacity: 0.8;
}

.text-compact {
	line-height: 0.95em;
}





/* Image Box Style */
.image-box {
	width: 100%;
	overflow: hidden;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .5);
		 -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .5);
					box-shadow: 0 0 15px rgba(0, 0, 0, .5);
	/* Caption Common Style */
}
.image-box img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 100ms ease-out;
		 -moz-transition: all 100ms ease-out;
			 -o-transition: all 100ms ease-out;
					transition: all 100ms ease-out;
}
.image-box .caption {
	position: absolute;
	bottom: -2em;
	left: 0;
	z-index: 100;
	display: block;
	width: 200px;
	height: 2em;
	font-size: .8em;
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, .7);
	-webkit-transition: all 100ms ease-out;
		 -moz-transition: all 100ms ease-out;
			 -o-transition: all 100ms ease-out;
					transition: all 100ms ease-out;
}
.image-box .caption p {
	margin: .6em;
	line-height: 1;
}
.image-box:hover .caption {
	opacity: 1;
	-webkit-transform: translateY(-100%);
		 -moz-transform: translateY(-100%);
			-ms-transform: translateY(-100%);
			 -o-transform: translateY(-100%);
					transform: translateY(-100%);
}



.release-legal-wrapper {
	font-size: .8em;
	color: white;

	opacity: 0.7;
	line-height: 0.95em;
	margin-bottom: 0.5em;
}

.release-legal-wrapper div {
}

.release-legal-disclaimer {
	margin-top: 0.5em;
}

.release-legal-copyright-line {
	margin-top: 0.2em;
}


@media (max-width:768px) {
	#music-album-about .margin-y-module.release-description-wrapper {
		margin-top: 10px;
	}
}


.release-description, .release-description p {
	line-height: 1.25;
}

.release-album-tertiary {
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.4pt;
	color: white;
	opacity: 0.7;
}

.music-album-title {
	line-height: 0.9em;
	padding-bottom:0;
	margin-bottom:0;
	font-size: 1.5em;
}


@media (min-width:576px) {
	.music-album-title {
		font-size: 2em;
	}
}

@media (min-width:992px) {
	.music-album-title {
		font-size: 3.5em;
	}
}

.release-artist-displayname {
	letter-spacing: 0;
}


.album-tracklist-title-wrapper {
	margin-bottom: 0;
	text-decoration: none;
}

/*
.app.app-materiacollective2022 a:hover .album-tracklist-title-wrapper {
	text-decoration: underline !important;
}*/
.album-tracklist-wrapper {
	margin-left: 0;
	margin-right: 0;
}

.album-tracklist >.row.album-tracklist-item {
	margin-bottom: 18px;
	margin-right: 0; /* override grid */
}
.album-tracklist >.row.album-tracklist-item:last-child {
	margin-right: 0 !important; /* override grid */
}


.album-tracklist .album-tracklist-item .album-tracklist-item-tracknumber::after {
	content: ".";
}

/*
.album-tracklist .album-tracklist-item a {
	text-decoration: none;
	border-bottom: 1px solid white;
	color: white;
}
*/

.album-tracklist-item-playtime {
	color: #aaa;
}

.album-tracklist-item .contributor-section {
	color: #888888;
}


@media all and (max-width:480px) {
	.btn-mobile-block {
		width: 100%;
		display: block;
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}
	.eltdf-btn .eltdf-btn-icon-holder {
		display: none !important;
	}
}

.eltdf-btn {
	letter-spacing: 1px;
}

.eltdf-btn.btn-materia-primary {
	border-color: white;
	background: white;
	color: black;
}
.eltdf-btn.btn-materia-primary * {
	color: black;
}
.eltdf-btn.btn-materia-primary:hover {
	border-color: #eee; /*var(--materia-cyan)*/
	background: #eee; /*var(--materia-cyan)*/
	/*filter: drop-shadow(0 0 0.75rem rgba(255,255,255,0.25))*/
}
.eltdf-btn.btn-materia-primary:hover * {
	color: black;
}


.release-clickthrough-button {
	width: 100%;
}
.release-clickthrough-button i {
	float: right;
}


.btn.btn-outline-light * {
	color: white;
}
.btn.btn-outline-light:hover * {
	color: black;
}

.force-text-black * {
	color: black !important;
}

.artist-module-social .fa {
	background: #aaaaaa;
}
.artist-module-social a:hover .fa {
	background: #eeeeee;
}







.mc-icon img {
	mix-blend-mode: normal;
	max-width: calc(100% - 2px);
	height: 100%;
	max-height: 40px;
}

.image-box,
.image-box img {
		max-height: 100%;
		max-width: 100%;
	margin: 0;
}

@media (min-width:768px) {


	.mc-icon img {
		mix-blend-mode: normal;
		max-width: calc(100% - 2px);
		height: 100%;
		max-height: 100%;
	}

}


.mobile-header-wrapper {
	background: black;
	position: fixed;
	width: 100%;
	height: 5.6rem;
	z-index: 1;
}


@media (min-width:992px) {
	.mobile-header-wrapper {
		display: none;
	}
}

.unselectable, .unselectable * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

.ipi-table td {
	color: white;
	font-size: 0.85em;
}

.artist-link2:not(.disabled) {
	margin-bottom: 0.2em;
	border-color: #212529;
}
.artist-link2:not(.disabled) .artist-image {
	max-height: 100%;
	filter: grayscale(100);
}
.artist-link2:not(.disabled) .artist-image img {
	max-height: 2em;
}
.artist-link2:not(.disabled)-img {
	max-height: 35px;
}

.artist-link2:not(.disabled):hover .artist-image {
	filter: grayscale(0);
}

.contributions_aggregated2 {
	font-size: 0.85em;
}