@font-face { font-family: 'BrandonText Light'; src: url("/fonts/brandontext-light.woff") format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BrandonText Regular'; src: url("/fonts/brandontext-regular.woff") format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BrandonText Bold'; src: url("/fonts/brandontext-bold.woff") format('woff'); font-weight: normal; font-style: normal; }

html { font-size: 10px; font-family: 'BrandonText Light', Helvetica, Arial, sans-serif; }
body { font-size: 1.8rem; margin: 0; background-color: #1A1A1A; color: #B3B3B3; }
h1, h2, h3 { font-family: 'BrandonText Bold'; font-weight: normal; color: #FFF; }
h2, h3 { text-transform: uppercase; border-bottom: solid 1px rgba(255,255,255,0.2); }
h2 { font-size: 3.6rem; margin: 0 0 4rem 0; }
h3 { font-size: 2.4rem; }
h4 { font-size: 2.1rem; font-weight: normal; font-family: 'BrandonText Regular'; border-bottom: solid 1px rgba(255,255,255,0.2); padding-bottom: 0.5rem; margin-top: 0; }
h4 i, i.iconfade, .contact-details i { opacity: 0.4; padding-right: 1rem; font-size: 85%; }
p { margin: 1.5rem 0; max-width: 64rem; line-height: 1.3; }
p:first-of-type { margin-top: 0; }
a:link, a:visited { color: inherit; text-decoration: none; }
a { transition: 0.5s; }
a:hover, a:active { transition: 0.15s; }
a.button { color: #510146; font-size: 2.4rem; font-family: 'BrandonText Bold'; text-transform: uppercase; padding: 0.8rem 2rem; border-radius: 0.4rem; border: 1px solid #510146; display: inline-block; margin-bottom: 2rem; }
a.button:hover, a.button:active { color: #FFF; background-color: #510146; }
ul { list-style: none; margin: 0; padding: 0; }
img { max-width: 100%; height: auto; }
header { color: #FFF; font-size: 2.1rem; }
nav { position: relative; z-index: 9999; }
.topnav { text-transform: uppercase; font-family: 'BrandonText Regular'; font-weight: normal; text-align: center; justify-content: center; margin-bottom: 4rem; }
.topnav li { display: inline-block; vertical-align: top; margin: 0 0.5rem; }
.topnav li a { display: inline-block; padding: 1.6rem 1rem; opacity: 0.7; border-top: solid 0.6rem rgba(45,216,211,0); }
.topnav li a:hover, .topnav li a:active, #home #homeselect, #music #musicselect, #videos #videoselect, #contact #contactselect { opacity: 1; border-top: solid 0.6rem rgba(45,216,211,1); }
#homelogo a { padding: 1rem 1.2rem; border-top: none; }
#homelogo a:hover, #homelogo a:active { background-color: #B14669; }
.homegradient {
	/*min-height: 100vh; flex-direction: column; justify-content: space-between;*/ width: 100%; background: #096389; background:
	radial-gradient(ellipse farthest-side at bottom left, rgba(9,99,137,1) 0%, rgba(57,255,236,0) 60% ),
	radial-gradient(ellipse farthest-side at top left, rgba(177,70,105,0.9) 0%, rgba(177,70,105,0) 60% ),
	radial-gradient(ellipse farthest-side at bottom right, rgba(243,167,152,0.9) 0%, rgba(243,167,152,0) 60% ),
	radial-gradient(ellipse farthest-side at top right, rgba(81,1,70,0.5) 0%, rgba(57,255,236,0) 60% ),
	radial-gradient(ellipse farthest-side at 60% 100%, #39FFEC 0%, #096389 150% );
}
.gradient2 {
	width: 100%; background: #096389; background:
	radial-gradient(ellipse at top right, rgba(177,70,105,0.9) 0%, rgba(177,70,105,0) 60% ),
	radial-gradient(ellipse at top left, rgba(81,1,70,0.5) 0%, rgba(57,255,236,0) 60% ),
	radial-gradient(ellipse farthest-side at 60% 100%, #39FFEC 0%, #096389 150% );
}
.gradient3 { background-color: #000; background: linear-gradient(#1A1A1A 10%, #000 100%); }
.h1big { font-size: 7.2rem; letter-spacing: -2px; color: #1A1A1A; text-align: center; margin-top: -10rem; padding-bottom: 1.5rem; }
.h1big img { position: relative; top: 10rem; margin-left: 4%; }
#contact .h1big { margin-top: -5rem; }
.videolist { justify-content: center; flex-wrap: wrap; margin: 5rem -2% 0 -2%; }
.videolist li { background-color: #000; /*width: 22%;*/ min-width: 20rem; margin: 3rem 2%; position: relative; }
.videolist img { opacity: 0.75; width: 100%; display: block; transition: 0.5s; }
.videolist i { position: absolute; font-size: 3rem; top: 1.8rem; left: 1.8rem; opacity: 0.25; color: #FFF; }
.videolist a:hover img, .videolist a:active img, .videolist a:hover i, .videolist a:active i { opacity: 1; transition: 0.15s; }
.videolist a span { color: #FFF; background-color: #000; display: block; transition: 0.5s; }
.videolist a:hover span, .videolist a:active span { color: #1A1A1A; background-color: #2DD8D3; transition: 0.15s; }
.videolist a span { display: block; padding: 3rem 1.4rem 1rem 1.4rem; }
#music .music-channels { display: none; }
.music-channels { text-align: center; }
.music-channels, .album-box .flexbox { justify-content: space-between; }
.music-channels a { padding-bottom: 1rem; border-bottom: solid 0.2rem rgba(255,255,255,0); }
.music-channels a:hover, .music-channels a:active { border-bottom: solid 0.2rem rgba(255,255,255,1); }
.music-channels a img { transform: scale(0.9); transition: 0.5s; }
.music-channels a:hover img, .music-channels a:active img { transform: scale(1); transition: 0.01s; }
.album-box { background-color: #111; padding: 4rem; margin-bottom: 6rem; border-radius: 0.5rem; }
.album-box h2 span { float: right; font-family: 'BrandonText Light'; font-size: 1.8rem; color: #B3B3B3; position: relative; top: 1.8rem; }
.album-box div div > * { border-radius: 0.3rem; }
.album-box .soundcloud-widget { /*margin: 0 4%;*/ min-width: 30rem; }
iframe { max-width: 100%; }
.listen-buttons a { display: none; margin-bottom: 2rem; }
.pulse { transform: scale(0.9); transition: 0.5s; }
.pulse:hover, .pulse:active { transform: scale(1); transition: 0.01s; }
.flexbox { display: flex; }
.center { text-align: center; }
.intro { max-width: 140rem; margin: 4rem auto 0 auto; padding-left: 4.8rem; background: url("/img/png/leon01d.png") calc(50% + 36rem) 100%/70rem no-repeat; }
.introtext { width: 50%; max-width: 60rem; padding: 5rem 0; z-index: 100; }
.introtext h1 { font-size: 3.6rem; }
.nowrap { white-space: nowrap; }
.musicicons { font-size: 4rem; justify-content: flex-start; }
.musicicons a { opacity: 0.6; display: inline-block; padding: 0.5rem 1rem; margin: 1rem 1%; }
.musicicons a:hover, .musicicons a:active { opacity: 1; }
/*.introimg { background: url("/img/png/leon01d.png") bottom center/contain no-repeat; width: 60%; min-width: 40rem; }*/
.center-container { max-width: 1200px; margin: 0 auto; padding: 10rem 6rem; }
.afltext { padding-left: 18rem; background: url("/img/jpg/album-allforlove400px.jpg") left top/15rem no-repeat; margin: 0 4% 4rem 0; box-sizing: border-box; }
.aflthumb { position: relative; text-align: center; overflow: hidden; background: url("/img/jpg/thumb-allforlove480px.jpg") center/100% no-repeat; opacity: 0.75; min-height: 24rem; }
.aflthumb img { opacity: 0.7; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.aflthumb a { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; }
.aflthumb:hover, .aflthumb:active, .aflthumb:hover img, .aflthumb:active img { opacity: 1; background-size: 108%; }
.mainbg02 { background-color: #272727; }
.transition1 { transition: 0.5s; }
.transition1:hover, .transition1:active { transition: 0.15s; }
#advertsection { justify-content: space-between; align-items: flex-start; }
.twitterwidget { width: 36%; max-width: 400px; }
.advert { color: #FFF; background-color: #21B1BB; background: linear-gradient(#158AA2 10%, #21B1BB 80%); border-radius: 0.3rem; width: 60%; text-align: center; padding: 4rem 0 3rem 0; }
.advert h2 { letter-spacing: -1px; padding: 0 5rem; }
.advert p { margin-left: 5rem; margin-right: 5rem; font-size: 2.1rem; font-family: 'BrandonText Regular'; color: rgba(255,255,255,0.8); }
.advert p:last-of-type { color: #FFF; }
.advert a[href^="mailto:"] { color: #812458; }
.advert a[href^="mailto:"]:hover, .advert a[href^="mailto:"]:active { color: #FFF; }
.textbutton { display: inline-block; font-family: 'BrandonText Bold'; font-size: 3.6rem; letter-spacing: -1px; text-transform: uppercase; padding: 1.2rem 3rem 1.2rem 10rem; border-radius: 0.5rem; margin: 1.8rem; background: #812458 url("/img/svg/icon-point.svg") 3rem center/6rem no-repeat; }
.textbutton:hover, .textbutton:active { background-color: #B14669; }
.col1-4 { width: 22%; }
.col2-4 { width: 48%; }
.col2-4 ul { column-count: 2; column-gap: 4.8rem; }
.social-list { color: #FFF; font-family: 'BrandonText Regular'; font-size: 3.6rem; justify-content: space-around; margin: 3rem 10%; }
.social-list a { padding: 1rem; display: inline-block; }
.social-list a:hover, .social-list a:active { color: #21B1BB; }
.social-list a i { opacity: 0.5; margin-right: 1.2rem; }
.social-list a:hover i, .social-list a:active i { opacity: 1; }
.lity-active, .lity-active body { overflow: hidden; }
.mobileimg { display: none; }
.floatclear { clear: both; }


/*____________Accordion____________*/

.tracklisting p { display: inline-block; margin-bottom: 3rem; margin-right: 3rem; }
button { font-size: 2.4rem; font-family: 'BrandonText Bold'; text-transform: uppercase; border: none; cursor: pointer; padding: 0.8rem 2rem; display: inline-block; outline: none; border-radius: 0.4rem; }
.accordion { color: rgba(45,216,211,0.85); border: 1px solid rgba(45,216,211,0.5); background-color: rgba(0,0,0,0); transition: 0.5s; float: right; }
.accordion:hover, .accordion:active { color: rgba(45,216,211,1); border: 1px solid rgba(45,216,211,1); background-color: rgba(0,0,0,0.1); transition: 0.15s; }
.accordion:after { content: '\f078'; font-family: Font Awesome\ 5 Free; font-weight: 900;/* Unicode character for plus sign */ float: right; margin-left: 1rem; transition: 0.25s; position: relative; top: 0.4rem; }
.accordion.active:after { content: '\f078'; /* Unicode character for minus sign */ transform: rotate(180deg); }
.songlist { column-count: 4; column-gap: 4%; margin-top: 6rem; }
.songlist li { margin-bottom: 0.8rem; }
.panel { padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; clear: both; }


/*____________Form____________*/

form { margin-right: 4%; }
form input, form textarea { display: block; width: 100%; font-family: 'BrandonText Light'; font-size: 1.8rem; border: none; padding: 0.8rem 1.2rem; box-sizing: border-box; margin: 1rem 0 2.4rem 0; border-radius: 0.3rem; opacity: 0.6; transition: 0.5s; }
form input:hover, form textarea:hover { opacity: 0.8; transition: 0.1s; }
form input:focus, form textarea:focus { opacity: 1; outline-color: #21B1BB; transition: 0.1s; }
form textarea { margin-bottom: 4rem; }
form input[type=submit] { opacity: 1; cursor: pointer; }
.cyan { color: #21B1BB; }
#contact a[href^="mailto:"] { color: #21B1BB; }
#contact a[href^="mailto:"]:hover, .advert a[href^="mailto:"]:active { color: #FFF; }
.actionbtn { color: #FFF; font-family: 'BrandonText Bold'; font-size: 2.4rem; letter-spacing: -1px; text-transform: uppercase; padding: 1rem 3rem 1rem 10rem; border-radius: 0.5rem; background: #21B1BB url("/img/svg/icon-point.svg") 3rem center/5.4rem no-repeat; width: auto; display: inline-block; float: right; }
.actionbtn:hover, .actionbtn:active { background-color: #2DD8D3; }
.g-recaptcha { float: right; margin-bottom: 4rem; }


/*____________Footer____________*/

footer { border-top: solid 0.6rem #B14669; }
footer .flexbox { justify-content: space-between; }
footer li { margin-bottom: 1rem; color: #AAA; display: block; }
footer li a { padding: 0.2rem 0; display: block; }
footer li a:hover, footer li a:active { color: #FFF; }
.footercredits { color: #777; border-top: solid 1px rgba(255,255,255,0.2); padding-top: 1rem; margin-top: 5rem; }
.footercredits img { float: right; }
.fade { opacity: 0.2; }
.fade:hover, .fade:active { opacity: 1; }
.footerbase { height: 8rem; background-color: #000; }


/*____________Responsive____________*/

@media screen and (max-width: 1280px) {
	.intro { margin-top: 4rem; }
}

@media screen and (max-width: 960px) {
	.intro { margin-top: 0; background: url("/img/png/leon02m.png") 92% 4rem/35% no-repeat; padding-left: 4rem; }
	.songlist { column-count: 3; }
	.introtext { padding-top: 2rem; }
	.center-container { padding: 6rem 4rem; }
	.album-box { padding: 2rem 0; background-color: unset; }
	.h1big img { max-width: 40%; }
	.videolist li { width: 45%; min-width: unset; }
	.social-list { margin: 3rem 0; }
	.music-channels a { margin: 0 1%; }
}

@media screen and (max-width: 720px) {
	.songlist { column-count: 2; }
	.mobileimg { display: block; margin: 0 15%; }
	.intro { background: none; padding-right: 4rem; }
	.introtext { width: auto; }
	.album-box .soundcloud-widget { margin: 4rem 0; }
	/*.album-box .listen-buttons a { display: inline-block; }*/
	.listen-buttons { text-align: center; }
	footer .flexbox div { width: 100%; margin-bottom: 4rem; }
	.contact-section .flexbox, .afl-section, footer .flexbox, .album-box > div, #advertsection { flex-direction: column; }
	.contact-section form, .twitterwidget, .advert { width: 100%; margin-bottom: 4rem; }
	.advert p { margin-left: 2rem; margin-right: 2rem; }
	.col2-4 { width: 100%; }
	.afltext { margin-bottom: 0; }
	h4 i { padding-right: 0.8rem; }
	.videolist li { margin: 2rem 2%; }
}

@media screen and (max-width: 640px) {
	#homelogo { display: none; }
	.h1big, #contact .h1big { font-size: 4.8rem; margin-top: 0; }
	.h1big img { display: none; }
}

@media screen and (max-width: 540px) {
	html { font-size: 9px; }
	.topnav li { margin: 0 -0.25rem; }
	.topnav li a { padding: 1.6rem 1rem; }
	.intro { padding: 0 2rem; }
	.center-container { padding: 3rem 2rem; }
	.musicicons { text-align: center; }
	.social-list { flex-direction: column; }
	.videolist { margin-top: 1rem; }
}

@media screen and (max-width: 360px) {
	.flexbox { flex-direction: column; }
	.album-box img { max-width: 100%; }
	.videolist { flex-direction: row; }
}