@import "band.common.css";
/* imported from beta */
span {
/*	 font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  background: linear-gradient(45deg, rgb(206, 85, 176), rgb(243, 77, 172) 12%, rgb(244, 142, 102) 27%, rgb(240, 184, 50) 38%, rgb(178, 206, 55) 54%, rgb(99, 215, 175) 70%, rgb(28, 194, 223) 84%, rgb(5, 128, 230) 94%, rgb(206, 85, 176));
  background-size: 10%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}
}
#page {
	display: grid;
	grid-template-areas: "header" "main";
}
#cover {
	grid-area: header;
	min-height: 48vh;
	max-height: 64vh;
	width: 100vw;
	position: relative;	
}
#cover img {
	height: 100%;
	min-width: 100%;
	object-fit: cover;
	width: auto;
	z-index:1;
}
#cover::after {
	background-image: linear-gradient(transparent, rgb(24, 24, 24));
	background-image: linear-gradient(transparent, var(--color_dark-background-primary));
	background-size: cover;
	content: '';
	inset: 0;
	position: absolute;
	z-index:2;
}
#details__main {
	font-size: var(--font-size-fluid-xs);
}
#details__main dt {
	font-weight: 400;
}
/* */
.lea-testard .uiPage__cover  img {
	object-position: 100% 100%;
}
#header {
	align-self: end;
	color: white;
	grid-area: header;
	justify-self: center;
	max-width: var(--site-content-size-max-width);
	padding-inline: var(--safe-inline-gutter-width);
	padding-block-end: var(--gutter-double-width);
	position: relative;
	width: 100%;
	z-index:3;
}
#header__heading {
	font-size: var(--font-size-fluid-s);
	font-weight: 400;
	line-height: 1em;
	opacity: 0.48;
	text-transform: uppercase;
}
#header__lede {
	font-size: var(--font-size-fluid-xxxl);
	font-weight: 400;
	letter-spacing: -0.05em;
	line-height: 1.2em;
	text-transform: uppercase;
}
#header__lede span {
	display: block;
	font-size: var(--font-size-fluid-l);
	font-weight: 400;
	letter-spacing: -0.05em;
	line-height: 1.2em;
	text-transform: uppercase;
}
/* */
#main {
	display: grid;
	grid-template-areas: "content" "members";
	grid-area: main;
	margin-inline: auto;
	max-width: var(--site-content-size-max-width);
	padding-block: var(--gutter-double-width);
	padding-inline: var(--safe-inline-gutter-width);
	width: 100%;
}
@media only screen and (min-width: 735.1px){
	#main {
		column-gap: var(--gutter-double-width);
		grid-template-columns: 4fr 2fr;
		grid-template-areas: "content members";
	}
}
/* */
#biography__content {
	color: var(--color-foreground-primary);
	font-size: var(--font-size-fluid-m);
}
#biography__content p {
	letter-spacing: -0.005em;
	line-height: 1.2em;
	padding-block: var(--gutter-width);
	text-indent: var(--gutter-double-width);
}
#biography__content q {
	
}
.quote {
	background-image: linear-gradient( 109.6deg,  rgba(209,0,116,1) 11.2%, rgba(110,44,107,1) 91.1% );
	border-radius: var(--border-radius);
	color: white;
/*	float: inline-start;*/
	padding-block: var(--gutter-double-width);
	padding-inline: var(--gutter-double-width);
	margin-block-start: var(--gutter-width);
	margin-block-end: var(--gutter-double-width);
}
.quote q {
	display: block;
	font-size: var(--font-size-fluid-xl);
	text-align: center;
	text-transform: uppercase;
}
.quote q::before {
	color: rgba(255,255,255,0.4);
	content: open-quote;
	font-weight: bold;
	padding-inline-end: var(--gutter-half-width);
}
.quote q::after {
	color: rgba(255,255,255,0.4);
	content: close-quote;
	font-weight: bold;
	padding-inline-start: var(--gutter-half-width);
}
.quote figcaption {
	font-size: var(--font-size-fluid-s);
	text-align: right;
}
.quote cite {
	font-style: italic;
}
/* */
#details {
	background-color: var(--color-background-secondary);
	border-radius: var(--border-radius);
	margin-block-end: var(--gutter-double-width);
	padding: var(--gutter-double-width);
}
#details__heading {
	font-size: var(--font-size-fluid);
	font-weight: 400;
	margin-block-end: var(--gutter-width);
	text-transform: uppercase;
}
#details__main {
	display: grid;
	row-gap: var(--gutter-width);
}
#details dl{
	display:grid; 
	grid-template-columns: 1fr 2fr;
}

#networks {
	background-color: var(--color-background-secondary);
	border-radius: var(--border-radius);
	padding: var(--gutter-double-width);
}
#networks__heading {
	font-size: var(--font-size-fluid);
	font-weight: 400;
	margin-block-end: var(--gutter-width);
	text-transform: uppercase;
}
/* */
.networkCard {
	background-color: var(--color-background);
/*	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);*/
	border-radius: var(--border-radius);
	column-gap: var(--gutter-width);
	column-gap: var(--gutter-quarter-width);
	display: grid;
	grid-template-areas: "icon name" "icon account";
	grid-template-columns: auto 1fr;
	padding: var(--gutter-width);
}
.networkCard__account {
	align-self: start;
	grid-area: account;
}
.networkCard__icon {
	grid-area: icon;
	height: 4.8rem;
	width: 4.8rem;
}
.networkCard__icon svg {
	height: 100%;
	width: 100%;
}
.networkCard__name {
	align-self: end;
	grid-area: name;
}