@import url('fonts.css');
@import url('normalize.css');
@import url('nav.css');

:root {
	--white: #fff;
	--black: #000;
	--error: #d5132e;
	/* --link: #2d63e0;
	--linkOpacity: 45, 99, 224;
	--linkHover: #1b4fc8;
	--emphasis: #1d3a7b; */
	--text: #464646;
	--siteBg: #f1f1f1;
	--siteDarkBg: #000;
	--border: #e5e5e5;

	/* NEW COLORS */
	/* --link: #6c52eb;
	--linkMaria: #fffeb0;
	--linkMaria: #93ebff;
	--linkOpacity: 108, 88, 211;
	--linkHover: #3919db;
	--emphasis: #2d1d7a;

	--link-rgb: 108, 82, 235;
	--linkHover-rgb: 57, 25, 219; */

	/* NEWS */
	--link: #2d63e0;
	--linkMaria: #fffeb0;
	--linkMaria: #93ebff;
	--linkOpacity: 45, 99, 224;
	--linkHover: #1b4fc8;
	--emphasis: #2d1d7a;

	--link-rgb: 45, 99, 224;
	--linkHover-rgb: 27, 79, 200;

	--menu: var(--black);
	--menuHover: var(--linkHover);
}

/* ==============================
Main styles
============================== */

.pace .pace-progress {
	background: var(--link);
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	height: 2px;

	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-o-transition: width 1s;
	transition: width 1s;
}

.pace-inactive {
	display: none;
}

button,
input,
select,
textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
}

button,
input {
	line-height: normal;
	*overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

.clearfix:before,
.clearfix:after,
.clear:before,
.clear:after {
	content: ' '; /* 1 */
	display: table; /* 2 */
}

.clearfix:after,
.clear:after {
	clear: both;
}

.display-inline-block {
	display: inline-block;
}

.text-right {
	text-align: right;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.lowercase {
	text-transform: none;
}

.small {
	font-size: 0.9em;
}

i,
em {
	opacity: 0.9;
}

img {
	display: block;
	max-width: 100%;
}

.nomargin {
	margin-bottom: 0;
}

.margin-bottom-11 {
	margin-bottom: 11px;
}

.hide,
.hide-date {
	display: none !important;
}

sup {
	font-size: 0.6em;
}

.filters-select {
	margin: 0 auto 17px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 1125px) and (min-width: 1024px) {
	.filters-select {
		font-size: 16px;
	}
}

.select-style {
	/* float: left; */
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	border-radius: 3px;
	overflow: hidden;
	background: url('data:image/gif;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==')
		no-repeat 97% 50%;
	background-color: var(--white);
}

.select-style select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	padding: 5px 8px;
	border: none;
	background-color: transparent;
	background-image: none;
	box-shadow: none;
	padding-right: 25px;
	overflow: hidden;
	font-family: inherit;
}

.select-style select:focus {
	outline: none;
}

.select-style-or {
	margin: 0 0 10px;
	padding: 0 15px;
	font-size: 0.8em;
}
.select-style-or p {
	margin: 0 auto;
}
html {
	scroll-behavior: smooth;
}
body {
	margin: 0;
	font: normal 16px/1.4 'text', sans-serif;
	color: var(--text);
	background: var(--siteDarkBg);
}
.no-scroll {
	overflow: hidden;
}

a {
	text-decoration: none;
	color: var(--link);
}
a,
input {
	transition: all 0.2s ease-out;
}

a:hover {
	color: var(--linkHover);
}

#cd-nav {
	position: fixed;
	top: 0;
	left: 0;
	height: 60px;
	width: 100%;
	z-index: 1000000;
	text-align: center;
}
#cd-nav.is-fixed {
	height: 0;
}
@media (max-width: 1024px) {
	#cd-nav {
		height: 0;
	}
}
#cd-main-nav {
	height: 100%;
}

h1,
.h1 {
	font-size: 1.7em;
}
h2,
.h2 {
	font-size: 1.5em;
}
h3,
.h3 {
	font-size: 1.3em;
}
h4,
.h4 {
	font-size: 1.1em;
}
h5,
.h5 {
	font-size: 0.8em;
}

h1,
h2,
h3,
h4,
h5 {
	line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5,
legend {
	font-family: 'text', sans-serif;
	font-weight: bold;
	color: var(--black);
}

.subtitle {
	font-size: 1.2em;
	/* font-family: 'title', serif; */
	letter-spacing: 1px;
	margin-bottom: 50px;
	text-align: center;
	color: var(--emphasis);
}

.emphasis {
	color: var(--emphasis);
}

.header-font {
	font-family: 'title', serif;
	letter-spacing: 1px;
}
.header-font strong {
	letter-spacing: 2px;
	text-transform: uppercase;
}

.no-uppercase {
	text-transform: none !important;
}
.uppercase {
	text-transform: uppercase;
}
.block {
	display: block;
}

.header-font.bold,
h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
legend.bold {
	letter-spacing: 2px;
}

h1,
h2,
h3,
h4,
h5,
p,
ul {
	margin: 0 0 23px;
}

.noscript {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--black);
	color: var(--text);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000000;
}

.noscript h3 {
	color: var(--text);
}

.song-list-bgcolor {
	background: var(--white);
}
ul.song-list {
	margin: 25px 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.85em;
}
ul.song-list li {
	margin: 5px 0;
}
ul.song-list h5 {
	margin-bottom: 2px;
	font-size: 1.1em;
	font-family: 'title', sans-serif;
}
ul.song-list em {
	font-weight: normal;
	font-size: 0.9em;
}

.home-shows-wrapper {
	margin: 25px auto 0;
}

ul.home-dates {
	margin: auto;
	padding: 0;
	list-style-type: none;
	font-size: 0.85em;
	text-align: center;
}
ul.home-dates li {
	margin: 5px 0;
}

.centered {
	text-align: center;
}

.main-title-wrapper {
	padding-top: 23px;
	text-align: center;
	line-height: 1;
	color: var(--black);
}

.main-title-wrapper span,
.main-title-wrapper em,
.main-title-wrapper strong {
	display: block;
}

.main-title-wrapper span {
	font-size: 1.05em;
	margin: 0 auto;
}

.main-title-wrapper em {
	font-size: 0.8em;
	font-weight: normal;
	margin: 0 auto 20px;
}

.main-title-wrapper em.temp {
	margin: 5px auto;
}

.main-title-wrapper strong {
	font-size: 1.8em;
	font-family: 'title', sans-serif;
	margin-bottom: 50px;
	letter-spacing: 2px;
}

.main-title-wrapper b {
	font-size: 1.8em;
	font-size: 1.5em;
	margin-bottom: 50px;
	letter-spacing: -2px;
}

.page-title {
	padding-top: 23px;
	margin-bottom: 70px;
	/* text-transform: uppercase; */
	font-size: 2em;
	font-weight: normal;
}

.page-title:after {
	content: '';
	display: block;
	width: 50px;
	padding-top: 10px;
	border-bottom: 2px solid var(--link);
}

.grid {
	z-index: 10;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
}

.content-white {
	background-color: var(--siteBg);
}

.content-left,
.content-right,
.content-index {
	position: relative;
	z-index: 2;
}

.content-left {
	float: left;
	width: 50%;
	min-height: 100%;
}

.content-right {
	float: right;
	width: 50%;
	min-height: 100%;
}

.content-index {
	float: right;
	width: 50%;
	min-height: 100%;
	background-color: var(--siteBg);
	display: flex;
	flex-direction: column;
}

.mobile.cover {
	background: var(--siteDarkBg);
}

/* MUSIQUE PAGE EXCEPTION */
.content-musique {
	min-height: 100%;
	padding-top: 50px;
}
@media (max-width: 1024px) {
	.content-musique {
		padding-top: 0;
	}
}

@media (min-width: 1025px) {
	.content-musique:before {
		content: '';
		z-index: 0;
		position: fixed;
		top: 0;
		right: 50%;
		bottom: 0;
		left: 0;
		min-height: 100%;
		background: var(--siteDarkBg);
	}
}

.musique .background-image {
	display: none;
}

.background-image {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 50%;
	background-color: var(--siteDarkBg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	background-size: cover;
}
@media (min-width: 1025px) {
	.index .background-image,
	.index-new .background-image {
		background-position: 70% 0;
	}
	.spectacles .background-image {
		background-position: 0 0;
	}
	.biographie .background-image {
		background-position: 0 0;
	}
	.contact .background-image {
		background-position: 0 0;
	}
	.boutique .background-image {
		background-position: 0 0;
	}
}

.logo-album {
	display: none;
	position: absolute;
	bottom: 3em;
	left: 3em;
	width: 341px;
	height: 113px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
}
@media (min-width: 1025px) {
	.index .logo-album {
		display: block;
	}
}

.lt-ie9 .mobile {
	display: none;
}

.content-pad {
	padding: 30px 75px 75px;
	max-width: 650px;
	max-width: 700px;
	position: relative;
}

.content-pad.no-bottom {
	padding-bottom: 0;
}
.content-pad.flex1 {
	flex: 1;
}

.content-pad.flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (min-width: 1024px) {
	.content-pad.top {
		padding-top: 105px;
	}
}

a.logo {
	text-indent: -999999px;
	background: url(../img/autographe.svg) no-repeat 50% 2px / auto 70%;
	z-index: 2;
	opacity: 0.75;
	-webkit-filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.35));
	filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.35));
	margin-bottom: -50px;
}

.credits {
	padding-bottom: 50px;
	text-align: center;
}

.credits img {
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
}
.credits img.logo-b12 {
	max-width: 70px;
}
.credits img.logo-select {
	max-width: 95px;
}
.credits img.logo-sodec {
	max-width: 125px;
}

.contactme input[type='text'],
.contactme input[type='email'],
.contactme input[type='number'],
.contactme textarea {
	width: 100%;
	border: 1px solid var(--border);
	border-left: 3px solid var(--border);
	background: var(--white);
	padding: 3px 10px 3px 7px;
	font-family: 'text', sans-serif;
}
.contactme textarea {
	resize: none;
}

.contactme input[type='text']:focus,
.contactme input[type='email']:focus,
.contactme input[type='number']:focus,
.contactme textarea:focus {
	background: #fff;
	border-left: 3px solid var(--link);
	outline: none;
}

#results {
	font-size: 0.9em;
}

.contactme label.error {
	display: block;
	margin-bottom: 13px;
	color: var(--error);
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
}
.contactme input.error,
.contactme textarea.error,
.contactme input.error:focus,
.contactme textarea.error:focus,
.contactme .has-danger input,
.contactme .has-danger textarea,
.contactme .has-danger input:focus,
.contactme .has-danger textarea:focus {
	border-color: var(--error);
}
.contactme p {
	margin-bottom: 7px;
}
/* .contactme label, */
.contactme input[type='text'],
.contactme input[type='email'],
.contactme input[type='number'],
.contactme textarea {
	line-height: 1.6;
	margin-bottom: 7px;
}
/* .contactme .pristine-error.text-help {
	display: none;
} */
.contactme .submit[disabled] {
	cursor: default;
	opacity: 0.3;
}
::-webkit-input-placeholder {
	color: var(--text);
}
:-moz-placeholder {
	color: var(--text);
}
::-moz-placeholder {
	color: var(--text);
}
:-ms-input-placeholder {
	color: var(--text);
}

.contact-form-wrapper {
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.contact-form-wrapper legend {
	margin-bottom: 23px;
}
.contact-el-wrapper {
	margin-bottom: 37px;
}
.contact-el {
	margin-bottom: 17px;
	font-size: 0.85em;
	border-bottom: 1px solid var(--border);
}
.contact-el.last {
	margin-bottom: 0;
	border-bottom: 0;
}
.contact-el h4 {
	margin-bottom: 11px;
}
.contact-el p strong {
	display: block;
	font-weight: normal;
	font-size: 1.05em;
	margin-bottom: 11px;
}
.contact-el.marc {
	border-bottom: 0;
	margin-bottom: 37px;
	/* border: 2px solid rgba(var(--linkOpacity), 0.1);
	border-radius: 5px;
	padding: 25px 20px 15px; */
}
.antispam/* ,
.contactme.submitted */ {
	display: none;
}
form input:required:invalid,
form input:focus:invalid,
form textarea:required:invalid,
form textarea:focus:invalid {
	border-left: 3px solid var(--error);
	-moz-box-shadow: none;
}

/* SPECTACLES */
.events-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.event {
	margin: -1px 0 0;
	display: block;
	position: relative;
	/* padding: 25px 2px; */
	padding: 11px 2px 13px;
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
	list-style-type: none;
}

.event-top,
.event-bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.event-bottom {
	margin-bottom: 11px;
}

.events-list li .event-note a {
	display: inline;
}

.event-title,
.event-city {
	margin-right: 17px;
}
.event-title {
	font: bold 0.9em/1.2 'title', serif;
	text-transform: uppercase;
	margin-bottom: 0;
	flex: 1;
}
.event-title,
.event-theater {
	font-size: 0.9em;
}

.event-date-time {
	text-align: right;
}

.event-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.event-buttons > a {
	/* margin: 25px 0 5px; */
	margin: 5px 0;
}
.event-buttons.event-btns2 {
	justify-content: space-between;
}
.event-buttons .btn {
	min-width: 48%;
}

.event-buttons .btn-url {
	margin-left: auto;
}

.event-phone {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	background: var(--white);
	font: normal 0.9em/1.2 'title', sans-serif;
	padding: 15px 23px;
	border-radius: 2.2em;
	border: 0;
	min-width: 48%;
}
.event-disable .event-buttons > a {
	opacity: 0.3;
	cursor: not-allowed;
}
.event-disable .event-top,
.event-disable .event-bottom {
	opacity: 0.4;
}

.event-disable .event-title,
.event-disable .event-date-time {
	flex: 1;
}
.event-disable .event-title {
	margin-right: 85px;
}

.event-note {
	display: block;
	font-size: 0.9em;
	line-height: 1.2;
	margin: 5px 0;
}
.event-buttons + .event-note {
	margin-top: 11px;
}
.event-complete {
	position: relative;
	text-align: center;
	text-transform: uppercase;
	margin: 0px auto -25px;
	top: -13px;
}
.event-complete span {
	font-size: 11px;
	font-family: 'title', sans-serif;
	font-weight: bold;
	line-height: 12px;
	display: inline-block;
	padding: 6px 13px;
	color: var(--error);
	border: 1px solid var(--border);
	border-top: 0;
	text-transform: uppercase;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* MUSIQUE */
.album-el {
	border-bottom: 1px solid var(--border);
}

.album-el-pad {
	padding: 50px 75px;
	max-width: 700px;
	float: right;
	width: 50%;
}

.album-cover {
	position: relative;
	width: 50%;
	float: left;
}

.disquedor {
	background: #f5eac2;
	padding: 15px 20px;
	font-size: 0.8em;
	margin: -5px 0 15px;
	letter-spacing: 0px;
}

.disquedor strong {
	text-transform: uppercase;
	display: block;
	font-size: 1.1em;
	font-weight: 700;
}

.disquedor span {
	text-transform: none;
	font: 300 1.1em/1.6 'text', sans-serif;
}

.btn-p {
	margin-top: 46px;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
}

.btns-platform {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
}

.btn {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	color: var(--white);
	background: var(--link);
	font: bold 0.9em/1.2 'title', sans-serif;
	padding: 15px 23px;
	border-radius: 2.2em;
	border: 0;
	min-width: 270px;
	letter-spacing: 1px;
}

.full-btn.btn {
	width: 100%;
}
.enter-btn {
	display: block;
	border-radius: 0;
	margin-bottom: 37px;
	padding: 30px;
	font: normal 1.5em 'title', sans-serif;
	text-decoration: none;
	white-space: initial;
}

.enter-btn.no-b-m {
	margin-bottom: 0;
}

.btn:hover {
	color: var(--white);
	background: var(--linkHover);
	box-shadow: 0 0 0 4px rgba(var(--linkOpacity), 0.1);
	outline: none;
	z-index: 3;
}
.btn:focus {
	box-shadow: 0 0 0 4px rgba(var(--linkOpacity), 0.3);
	outline: none;
	z-index: 3;
}
.enter-btn:hover {
	box-shadow: 0 4px 0 0 rgba(var(--linkOpacity), 0.1),
		0 -4px 0 0 rgba(var(--linkOpacity), 0.2);
}
.enter-btn:focus {
	box-shadow: 0 4px 0 0 rgba(var(--linkOpacity), 0.3),
		0 -4px 0 0 rgba(var(--linkOpacity), 0.3);
}
.btn-platform {
	flex: 0 0 calc(33.33% - 10px);
}

.btn-p .btn {
	color: var(--black);
	margin: 0 2px 10px;
	padding: 10px 25px 10px 40px;
	letter-spacing: 0.01em;
	font-size: 0.8em;
	line-height: 1.1;
	overflow: hidden;
	min-width: 55%;
}
.btn-p .btn strong {
	display: block;
	font-size: 1.35em;
}
.btns3.btn-p .btn.applemusic strong {
	font-size: 1.1em;
}
@media all and (min-width: 1025px) and (max-width: 1150px) {
	.btns3.btn-p .btn.applemusic strong {
		font-size: 0.9em;
	}
}

.btns3 .btn {
	flex: 1;
	min-width: 0;
	font-weight: normal;
}

.btn.spotify {
	color: var(--black);
	box-shadow: 0 0 0 2px rgba(36, 207, 95, 0.05);
	background: var(--white) url(../img/platform/logo-spotify.svg) no-repeat
		10px center/22px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 2.2em;
	border-bottom-left-radius: 2.2em;
}
.btn.itunes {
	color: var(--black);
	box-shadow: 0 0 0 2px rgba(229, 81, 195, 0.05);
	background: var(--white) url(../img/platform/logo-itunes.svg) no-repeat 10px
		center/22px;
}
.btns3 .btn.itunes {
	border-radius: 0;
}
.btn.applemusic {
	color: var(--black);
	box-shadow: 0 0 0 2px rgba(248, 68, 92, 0.05);
	background: var(--white) url(../img/platform/logo-applemusic.svg) no-repeat
		10px center/22px;
}
.btns3 .btn.applemusic {
	border-radius: 0;
}
.btn.deezer {
	color: var(--black);
	box-shadow: 0 0 0 2px rgba(248, 152, 36, 0.05);
	background: var(--white) url(../img/platform/logo-deezer.svg) no-repeat 10px
		center/22px;
	border-top-right-radius: 2.2em;
	border-bottom-right-radius: 2.2em;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.btn.spotify:hover {
	box-shadow: 0 0 0 2px rgba(36, 207, 95, 0.4);
}
.btn.itunes:hover {
	box-shadow: 0 0 0 2px rgba(229, 81, 195, 0.4);
}
.btn.applemusic:hover {
	box-shadow: 0 0 0 2px rgba(248, 68, 92, 0.4);
}
.btn.deezer:hover {
	box-shadow: 0 0 0 2px rgba(248, 152, 36, 0.4);
}

/* NEW BUTTONS PLATFORM2021 */
.new-btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 40px 0 10px;
}
.new-btn {
	transition: background-color 0.23s, box-shadow 0.23s;
	margin: 2px;
	display: flex;
	padding: 10px 11px 10px 170px;
	color: var(--black);
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.025);
	border-radius: 1px;
}
.new-btn:hover {
	box-shadow: 0 0 0 2px rgba(var(--linkOpacity), 0.075);
	background-color: rgba(255, 255, 255, 0.5) !important;
}
.new-btn strong {
	transition: color 0.23s, background-color 0.23s, border 0.23s;
	font-family: 'title', serif;
	letter-spacing: 1px;
	font-size: 75%;
	text-transform: uppercase;
	padding: 4px 7px;
	border: 2px solid rgba(var(--linkOpacity), 0.25);
	border-radius: 1px;
}
.new-btn:hover strong {
	color: white;
	background-color: rgba(var(--linkOpacity), 0.95);
	border: 2px solid rgba(var(--linkOpacity), 0);
}

.new-btn.spotify {
	background: var(--white) url(../img/platform2021/logo-spotify.svg) no-repeat
		10px center/auto 55%;
}
.new-btn.applemusic {
	background: var(--white) url(../img/platform2021/logo-applemusic.svg)
		no-repeat 10px center/auto 57%;
}
.new-btn.qub {
	background: var(--white) url(../img/platform2021/logo-qubmusique.svg)
		no-repeat 10px center/auto 62%;
}
.new-btn.deezer {
	background: var(--white) url(../img/platform2021/logo-deezer.svg) no-repeat
		10px center/auto 37%;
}
.new-btn.amazon {
	background: var(--white) url(../img/platform2021/logo-amazonmusic.svg)
		no-repeat 10px center/auto 45%;
}
.new-btn.soundcloud {
	background: var(--white) url(../img/platform2021/logo-soundcloud.svg)
		no-repeat 10px center/auto 29%;
}
.new-btn.tidal {
	background: var(--white) url(../img/platform2021/logo-tidal.svg) no-repeat
		10px center/auto 29%;
}
.new-btn.archambault {
	background: var(--white) url(../img/platform2021/logo-archambault.svg)
		no-repeat 10px center/auto 48%;
}

/* BREAKPOINTS */
@media all and (min-width: 1025px) {
	.mobile {
		display: none;
	}
	.desktop {
		display: block;
	}
}

@media all and (max-width: 1024px) {
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}

	h1 {
		position: relative;
		z-index: 3;
	}

	.content-left,
	.content-right,
	.content-index,
	.content-musique {
		float: none;
		width: 100%;
		margin: auto;
		max-width: 600px;
		min-height: 100%;
	}
	.content-pad {
		padding: 50px 25px;
		max-width: 600px;
	}
	.mobile.cover {
		/* margin: 0 25px; */
	}
	.mobile.cover.negative-bottom {
		margin-bottom: -100px;
	}

	.mobile.cover.negative-bottom + .content-pad .page-title {
		background: var(--siteBg);
		display: inline-block;
		margin-left: -50px;
		padding-left: 50px;
		padding-right: 50px;
	}

	.background-image {
		width: 100%;
		background: var(--siteDarkBg) !important;
	}

	.logo-album {
		display: none;
	}

	.phone,
	.buy-online {
		width: 100%;
		text-align: center;
	}

	.phone br {
		display: none;
	}

	.phone strong {
		margin-left: 10px;
	}

	.album-cover,
	.album-el-pad {
		float: none;
		width: 100%;
	}
	.album-cover {
		padding: 0 25px;
	}
	.album-el-pad {
		padding: 25px 25px 50px;
		max-width: 600px;
	}
}
@media all and (max-width: 600px) {
	.event-city,
	.event-title,
	.event-theater {
		float: none;
		margin-right: 0px;
		width: 100%;
		display: block;
	}
	.event-city,
	.event-title,
	.event-theater {
		clear: both;
	}
	.event-complete {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		margin: 0;
		padding: 0 10px;
		display: block;
	}

	ul.song-list {
		margin: 0 0 30px 0;
	}
	.event-title {
		max-width: 300px;
		text-align: left;
	}
	.btn-platform {
		flex: 0 0 calc(100% - 10px);
	}
	.btn-p a strong {
		display: block;
	}
}
@media all and (max-width: 500px) {
	.select-style {
		width: 100%;
		float: none;
	}
}
@media all and (max-width: 400px) {
	.filters-select {
		flex-direction: column;
	}
}

.ecwid-productBrowser {
	padding: 0 0 10px !important;
}

.ec-store__content-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.ec-footer {
	width: 100% !important;
	order: -1;
	padding-top: 0 !important;
}

.ec-footer__link {
	font-size: 0.9em !important;
}

.ec-header-h3,
.grid-product__title-inner {
	font-family: 'title', sans-serif !important;
}

.ec-store .ec-likely svg {
	fill: var(--black);
}

.ec-footer__row {
	width: 100% !important;
	justify-content: space-between !important;
}

.ec-footer__cell {
	width: auto !important;
	width: 33.33% !important;
}

.form-control__button {
	cursor: pointer !important;
	display: block !important;
	text-align: center !important;
	white-space: nowrap !important;
	background: var(--link) !important;
	color: var(--white) !important;
	font: normal 0.9em/1.2 'title', sans-serif !important;
	letter-spacing: 0.2em !important;
	min-width: 23px !important;
	padding: 18px !important;
	border-radius: 3px !important;
}
.form-control__button:hover {
	background: var(--linkHover) !important;
	box-shadow: 0 0 0 4px rgba(var(--linkOpacity), 0.1) !important;
	outline: none !important;
}
.form-control__button:focus {
	background: var(--linkHover) !important;
	box-shadow: 0 0 0 4px rgba(var(--linkOpacity), 0.3) !important;
	outline: none !important;
}

@media all and (min-width: 1025px) {
	/* .index-2024 .content-index,
	.index-2024 .background-image {
		width: 100%;
	} */
}
.index-2024 .content-index {
	width: 40%;
}

.index-2024 .background-image {
	width: 60%;
}

.index-2024 .main-title-wrapper {
	color: white;
	text-shadow: 1px 1px 5px black;
}

.index-2024 .content-index {
	background-color: #091117;
	/* background-color: var(--emphasis); */
}

.index-2024 .content-pad {
	padding: 30px 75px;
	/* align-items: end; */
	position: relative;
	max-width: none;
}

.index-2024 .btn.inline {
	display: inline-flex;
	/* background: var(--siteBg);
	border: 1px solid var(--link);
	color: var(--link);
	border-radius: 100px;
	transition: all 0.23s; */
	margin: 37px auto;
	/* font-size: 1.05em; */
	padding: 25px 50px;
}