/* CSS Document */
/* Setting fade transition and default settings */
body {
  background-color: #eceff6;
  transition: background-color 1s ease;
}
/*	artists
*/

h1.artist {
    background: #fff;
    width: min-content;
    padding: 5%;
}
h2.artist {
    font-size: 5rem;
    line-height: 5rem;
}
/* Latest Releases home page
*/
#releases .el-content.uk-panel {
    position: absolute;
    top: -60px;
}
#releases .el-link.uk-button.uk-button-primary.uk-button-large {
    border-radius: 500px;
    padding: 0;
}
#releases .el-link.uk-button.uk-button-primary.uk-button-large:hover {
	background: #000;
}
.tm-section-title.uk-position-center-right {
    right: 8px;
}
.tiktok .uk-position-bottom-left,
.tiktok .uk-inline-clip{
    width: 100%;
}
.tiktok .uk-overlay-primary {
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.tiktok .uk-overlay {
    background: url("../images/tiktokround.png") no-repeat 90% 90%;
}
.tiktok .el-link .uk-icon{
	transition-duration: .2s;
}
.tiktok .el-link:hover .uk-icon{
	filter: drop-shadow( -2px -2px 0px #21feff) drop-shadow(2px 2px 0px #f00);
}

.news-hero .uk-position-cover {
  top: unset;
}
.news-hero h2.el-title,
.news-hero h3.el-title,
.news-hero .el-link.uk-button,
.news-hero .el-meta {
    padding: .6em 1em;
    width: fit-content;
    border: 0;
}
.news-grid .el-meta {
    padding: .2em .6em;
    width: fit-content;
    background: #000;
    color: #fff;
}
/* news panel styles */

.latest-news .news-item h3.el-title,
.latest-news .el-link.uk-button,
.latest-news .el-meta {
    width: fit-content;
    padding: 10px 15px;
	text-align: left;
}
.latest-news .news-item .uk-button-default {
    border: none;
    font-size: 18px;
    line-height: 26px;
}
.latest-news .news-item .uk-padding {
    min-height: unset;
}
.tm-section-title {
    color: #000;
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: 0.2rem;
}
/* colours */

.uk-Light.Mauve h2.el-title,
.uk-Light.Mauve h3.el-title,
.uk-Light.Mauve .el-link.uk-button,
.uk-Light.Mauve .el-meta{background-color: #cfd3eb; color: #000;}
.uk-Pink h2.el-title,
.uk-Pink h3.el-title,
.uk-Pink .el-link.uk-button,
.uk-Pink .el-meta{background-color: #f49ac2; color: #000;}
.uk-Red h2.el-title,
.uk-Red h3.el-title,
.uk-Red .el-link.uk-button,
.uk-Red .el-meta{background-color: #ed1b30;color: #fff;}
.uk-Orange h2.el-title,
.uk-Orange h3.el-title,
.uk-Orange .el-link.uk-button,
.uk-Orange .el-meta{background-color: #f15a29;color: #fff;}
.uk-Peach h2.el-title,
.uk-Peach h3.el-title,
.uk-Peach .el-link.uk-button,
.uk-Peach .el-meta{background-color: #f58256;color: #fff;}
.uk-Flesh h2.el-title,
.uk-Flesh h3.el-title,
.uk-Flesh .el-link.uk-button,
.uk-Flesh .el-meta{background-color: #f4b996; color: #000;}
.uk-Yellow h2.el-title,
.uk-Yellow h3.el-title,
.uk-Yellow .el-link.uk-button,
.uk-Yellow .el-meta{background-color: #fff203; color: #000;}
.uk-Lemon h2.el-title,
.uk-Lemon h3.el-title,
.uk-Lemon .el-link.uk-button,
.uk-Lemon .el-meta{background-color: #fff577; color: #000;}
.uk-Avocado h2.el-title,
.uk-Avocado h3.el-title,
.uk-Avocado .el-link.uk-button,
.uk-Avocado .el-meta{background-color: #c2de9b;color: #000;}
.uk-Pale.Olive h2.el-title,
.uk-Pale.Olive h3.el-title,
.uk-Pale.Olive .el-link.uk-button,
.uk-Pale.Olive .el-meta{background-color: #7ec78f; color: #000;}
.uk-Blue.Summer h2.el-title,
.uk-Blue.Summer h3.el-title,
.uk-Blue.Summer .el-link.uk-button,
.uk-Blue.Summer .el-meta{background-color: #47bee6; color: #000;}
.uk-Army.Green h2.el-title,
.uk-Army.Green h3.el-title,
.uk-Army.Green .el-link.uk-button,
.uk-Army.Green .el-meta{background-color: #346431;color: #fff;}
.uk-LA.Blue h2.el-title,
.uk-LA.Blue h3.el-title,
.uk-LA.Blue .el-link.uk-button,
.uk-LA.Blue .el-meta{background-color: #005574; color: #fff;}
.uk-Dark.Lilac h2.el-title,
.uk-Dark.Lilac h3.el-title,
.uk-Dark.Lilac .el-link.uk-button,
.uk-Dark.Lilac .el-meta{background-color: #44479d;color: #fff;}
.uk-Purple h2.el-title,
.uk-Purple h3.el-title,
.uk-Purple .el-link.uk-button,
.uk-Purple .el-meta{background-color: #983393; color: #fff;}
.uk-Charcoal h2.el-title,
.uk-Charcoal h3.el-title,
.uk-Charcoal .el-link.uk-button,
.uk-Charcoal .el-meta{background-color: #272b2c;color: #fff;}
.uk-Tortilla.Brown h2.el-title,
.uk-Tortilla.Brown h3.el-title,
.uk-Tortilla.Brown .el-link.uk-button,
.uk-Tortilla.Brown .el-meta{background-color: #a58760; color: #fff;}
.uk-Grey h2.el-title,
.uk-Grey h3.el-title,
.uk-Grey .el-link.uk-button,
.uk-Grey .el-meta{background-color: #a6a8ac;color: #000;}
.uk-Smoke h2.el-title,
.uk-Smoke h3.el-title,
.uk-Smoke .el-link.uk-button,
.uk-Smoke .el-meta{background-color: #edeee1; color: #000;}




.color-light-mauve { background-color: #cfd3eb;}
.color-pink  { background-color: #f49ac2;}
.color-red { background-color: #ed1b30;}
.color-orange { background-color: #f15a29;}
.color-peach { background-color: #f58256;}
.color-flesh { background-color: #f4b996;}
.color-yellow { background-color: #fff203;}
.color-lemon { background-color: #fff577;}
.color-avocado { background-color: #c2de9b;}
.color-pale-olive { background-color: #7ec78f;}
.color-blue-summer { background-color: #47bee6;}
.color-army-green { background-color: #346431;}
.color-la-blue { background-color: #005574;}
.color-dark-lilac { background-color: #44479d;}
.color-purple { background-color: #983393;}
.color-charcoal { background-color: #272b2c;}
.color-tortilla-brown { background-color: #a58760;}
.color-grey { background-color: #a6a8ac;}
.color-smoke { background-color: #edeee1;}

.color-violet {
  background-color: #7A4EAB;
}
.color-indigo {
  background-color: #4332CF;
}
.color-blue {
  background-color: #2F8FED;
}
.color-green {
  background-color: #4DCF42;
}
.color-yellow {
  background-color: #FAEB33;
}
.color-orange {
  background-color: #F19031;
}
.color-red {
  background-color: #F2293A;
}

.artist-grid .uk-first-column:first-child,
.artist-grid div:nth-child(3),
.artist-grid div:nth-child(8),
.artist-grid div:nth-child(12),
.artist-grid div:nth-child(16),
.artist-grid div:nth-child(19),
.artist-grid div:nth-child(21) {
    visibility: hidden;
}


.uk-search-default {
    width: auto;
}
.uk-search-default .uk-search-input {
    padding-right: 0px;
    border-radius: 500px;
	border: 1px solid transparent;
	transition: all .3s;
}
.uk-search-default .uk-search-input:hover {
    padding-right: 0px;
    border-radius: 500px;
	border: 1px solid #000;
}
input[type="search"] {
    transition: width .7s;
    width: 15px;
}
.uk-search-default .uk-search-input:focus {
    border: 1px solid #000;
}
input[type="search"]:focus {
    width: 180px;
}
.uk-search .uk-search-icon {
    left: 2px;
	top: 2px;
}
.uk-search-default .uk-icon.uk-search-icon svg {
	width: 28px;
	height:28px;
}
.uk-navbar .uk-navbar-toggle-icon {
    border-radius: 500px;
    padding: 13px;
	transition: all .3s;
}
.uk-navbar .uk-navbar-toggle-icon:hover {
    background: #000;
}
.uk-navbar-right ul.uk-navbar-nav li {
    background: url("../images/seperator.svg") no-repeat center right;
    background-size: 11px;
	padding-right: 15px;
}
.uk-navbar-right ul.uk-navbar-nav li:last-child {
    background: none;
	padding-right: 0;
}
.uk-nav.uk-nav-primary {
	width:70vw;
}
.uk-nav-primary li {
    display: inline-block;
    padding: 2%;
    font-size: 12rem;
}

.uk-heading-xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small{
    width: 100%;
}

.uk-heading-xlarge::before {
  position: absolute;
}

#Artists .el-title.uk-text-lead {
  text-shadow: -3px 3px #000;
  line-height: 1.25rem;
  color: #fff;
}

/** Colours
**/

.news-panel h3.el-title,
.news-panel .el-content  {
	padding: 10px 15px;
	width: fit-content;
	width: -moz-fit-content;
}

.news-panel.a h3.el-title,
.news-panel.a .el-content {
	background: #47bee6;
}
.news-panel.b h3.el-title,
.news-panel.b .el-content {
	background: #f49ac2;
}
.news-panel.c h3.el-title,
.news-panel.c .el-content {
	background: #272b2c;
	color: #fff;
}
.news-panel.a .el-meta,
.news-panel.b .el-meta,
.news-panel.c .el-meta {
	top: -180px;
	left: 10px;
	position: absolute;
}
.news-panel.a .uk-inline-clip,
.news-panel.b .uk-inline-clip,
.news-panel.c .uk-inline-clip {
    overflow: inherit;
}
.uk-padding {
    padding: 40px;
    min-height: 350px;
}

/*	Icons
*/

.artist-socials .el-item .uk-button {
	border: 0;
	background: transparent;
	padding: inherit;
}
.artist-socials .el-item .uk-icon {
    border-radius: 500px;
    border: 0;
    padding: 0;
    width: 42px;
    height: 42px;
    line-height: 40px;
	opacity: .5;
	transition: all .3s;
}
.artist-socials .el-item .uk-icon[uk-icon="tiktok"] {background: #000;filter: drop-shadow( -1px -1px 0px #21feff) drop-shadow( 1px 1px 0px #f00);}
.artist-socials .el-item .uk-icon[uk-icon="instagram"] {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #f0d230 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.artist-socials .el-item .uk-icon[uk-icon="youtube"]  {background: #F00;}
.artist-socials .el-item .uk-icon[uk-icon="myicons--spotify"]  {background: #84BD00;}
.artist-socials .el-item .uk-icon[uk-icon="myicons--apple"]  {background: #000;}
.artist-socials .el-item .uk-icon[uk-icon="twitter"]  {background: #04aeec;}
.artist-socials .el-item .uk-icon[uk-icon="facebook"]  {background: #4664a1;}
.artist-socials .el-item .uk-icon[uk-icon="myicons--shopping-bag"]  {background: #272b2c; color:#fff;}
.artist-socials .el-item .uk-icon[uk-icon="myicons--link"]  {background: #fff; color:#000}

.artist-socials .el-item .uk-icon:hover {
    opacity: 1;
}
/*Newsletter
*/

#signupform input {
    background-color: transparent;
    color: rgba(255,255,255,.7);
    background-clip: padding-box;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.5) !important;
    width: 100%;
    font-size: 2em;
    text-transform: uppercase;
    min-height: 90px;
}
#signupform input:focus {
    border-color: #f3c565 !important;
}
#signupform button {
    cursor: pointer;
    right: 0;
    position: absolute;
    left: auto;
    border: 0;
    min-height: 90px;
	color:rgba(255,255,255,.5);
}
#signupform button:hover {
	color:#fff;
}
#signupform label{
  display: block;
}
#signupform .required{
  font-weight: bold;
}
#formcontent .success {
  display: none;
}

#formcontent .error {
  display: none;
  color: red;
  font-size: 0.8em;
}

.footer-map {
	min-height: 450px;
}
.socials.uk-section {
    position: absolute;
    right: 0;
    width: 125px;
    z-index: 1;
    top: 90px;
}
.socials.uk-section .uk-icon-button {
    width: 45px;
    height: 45px;
    background: #eceff6;
    color: #000;
    border: 1px solid black;
}
.socials.uk-section .uk-icon-button:hover {
    background: #000;
    color: #fff;
}

/* 	Menu 
*/

.uk-navbar-nav > li:hover > a::before,
.uk-navbar-nav > li > a[aria-expanded="true"]::before {
  left: calc(50% - (10px / 2));
  right: calc(50% - (10px / 2));
  bottom: 18px;
}

.uk-nav-primary  > li:nth-child(1) > a::after,
.uk-nav-primary  > li > a[aria-expanded="true"]::before {	background:#ed1b30;}
.uk-nav-primary  > li:nth-child(2) > a::after,
.uk-nav-primary  > li > a[aria-expanded="true"]::before {	background: #f15a29;}
.uk-nav-primary  > li:nth-child(3) > a::after,
.uk-nav-primary  > li > a[aria-expanded="true"]::before {	background: #47bee6;}
.uk-nav-primary  > li:nth-child(4) > a::after,
.uk-nav-primary  > li > a[aria-expanded="true"]::before {	background: #346431;}
.uk-nav-primary  > li:nth-child(5) > a::after,
.uk-nav-primary  > li > a[aria-expanded="true"]::before {	background: #c2de9b;}
.uk-nav-primary  > li:nth-child(6) > a::after,
.uk-nav-primary  > li > a[aria-expanded="true"]::before {	background: #7ec78f;}
.uk-nav-primary  > li:nth-child(7) > a::after,
.uk-nav-primary  > li > a[aria-expanded="true"]::before {	background: #fff203;}


.uk-nav-primary  {
counter-reset: popovernav;
}

.uk-nav-primary > li > a::after {
  counter-increment: popovernav;
  content: counter(popovernav);
  display: block;
  position: relative;
  left: -10px;
  margin: 0 auto;
  background: red;
  width: 16px;
  height: 16px;
  font-size: 12px;
  border-radius: 60px;
  padding: 10px;
  top: -25px;
  color: #fff;
}

.uk-nav-primary  > li:nth-child(-n+9) a:after {
/* add a leading 0 to 1 digit numbers */
content: "0" counter(popovernav);
}



/*	Youtube home page
*/
.small-video-block .single-video .text-wrap .single-video-title {
	font-family: SuisseIntl Regular;
	font-size: 16px;
	text-transform: uppercase;
	overflow: inherit;
}
.small-video-block .single-video {
	background: transparent;

}
.video-nav-links .video-nav-button {
	background: #f15a29 none repeat scroll 0px 0px;
	padding: 10px 15px;
	border: 0;
}

.ot-sdk-show-settings {
	text-transform: uppercase;
}




@media only screen and (max-width: 600px) {
	.uk-nav-primary > li > a {
		font-size: 3.5rem;
		padding: 5px 0;
	}
	#Artists .el-title.uk-heading-small {
		font-size: 1.25rem;
		text-shadow: -1px 2px #000;
	}
}

@font-face { 
	font-family: 'SuisseIntl Regular';
	src: url('../fonts/SuisseIntl-Regular-WebM.eot');
	src: url('../fonts/SuisseIntl-Regular-WebM.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/SuisseIntl-Regular-WebM.woff2') format('woff2'), 
		 url('../fonts/SuisseIntl-Regular-WebM.woff') format('woff'), 
		 url('../fonts/SuisseIntl-Regular-WebM.ttf') format('truetype'), 
		 url('../fonts/SuisseIntl-Regular-WebM.svg#SuisseIntl-Regular-WebM') format('svg');
	font-weight: normal; font-style: normal;
}
@font-face { 
	font-family: 'SuisseIntl Medium';
	src: url('../fonts/SuisseIntl-Regular-WebM.eot');
	src: url('../fonts/SuisseIntl-Regular-WebM.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/SuisseIntl-Medium-WebM.woff2') format('woff2'), 
		 url('../fonts/SuisseIntl-Regular-WebM.woff') format('woff'), 
		 url('../fonts/SuisseIntl-Regular-WebM.ttf') format('truetype'), 
		 url('../fonts/SuisseIntl-Regular-WebM.svg#SuisseIntl-Regular-WebM') format('svg');
	font-weight: normal; font-style: normal;
}
@font-face { 
	font-family: 'SuisseIntl Small';
	src: url('../fonts/SuisseIntl-Regular-WebS.eot');
	src: url('../fonts/SuisseIntl-Regular-WebS.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/SuisseIntl-Medium-WebS.woff2') format('woff2'), 
		 url('../fonts/SuisseIntl-Regular-WebS.woff') format('woff'), 
		 url('../fonts/SuisseIntl-Regular-WebS.ttf') format('truetype'), 
		 url('../fonts/SuisseIntl-Regular-WebS.svg#SuisseIntl-Regular-WebS') format('svg');
	font-weight: normal; font-style: normal;
}
@font-face { 
	font-family: 'SuisseIntl XL';
	src: url('../fonts/SuisseIntl-Regular-WebXL.eot');
	src: url('../fonts/SuisseIntl-Regular-WebXL.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/SuisseIntl-Medium-WebXL.woff2') format('woff2'), 
		 url('../fonts/SuisseIntl-Regular-WebXL.woff') format('woff'), 
		 url('../fonts/SuisseIntl-Regular-WebXL.ttf') format('truetype'), 
		 url('../fonts/SuisseIntl-Regular-WebXL.svg#SuisseIntl-Regular-WebXL') format('svg');
	font-weight: normal; font-style: normal;
}