@import url('https://fonts.googleapis.com/css?family=Cormorant+Upright:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Risque&display=swap');

/* CSS Document */
html {
	font-family:'Cormorant Upright',serif;
	background:#000;
	color:#8B8B8B;
	font-weight:300;
	font-size:19px;
	line-height:1.5;
	letter-spacing: 1px;
}

h1,.uk-h1,h2,.uk-h2,h3,.uk-h3,h4,.uk-h4,h5,.uk-h5,h6,.uk-h6 {
	margin:0 0 20px;
	font-family:'Risque',serif;
	font-weight:300 !important;
	color:#FDCA12 !important;
	text-transform:uppercase;
	letter-spacing: 5px;
}

.my-logo {
	max-height:60px;
	margin-top:-10px;
}

.my-slideshow-container {
	margin-top:-100px;
	padding:0;
}

.my-nav-background {
	background:rgba(0,0,0,0.5);
}

.my-bg-a {
	background-color:#131312;
}
.my-color-a {
	color: #FFF;
}



/* playlist style */
ol.my-playlist-list {
	border: solid 1px #333;
}
.my-playlist-list > li {
	padding: 0px !important;
}
.my-playlist-list > li:hover{
	background-color: #222 !important;
}
.my-playlist-list-track-active {
	background-color: #222 !important;
}

.my-playlist-divider > li:nth-child(n+2) {
  margin-top: 0px;
  padding-top: 10px;
  border-top: 1px solid #333333;
}
.my-playlist-body {
	padding: 15px 30px !important;
}
.my-playlist-player-body {
	padding: 10px 20px !important;
	background-color: #333 !important;
}



/* neragiostra icon */
.my-divider-icon {
  position: relative;
  height: 30px;
  background-image: url("../images/icon-head.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-top: 0px;
}
.my-divider-icon::before,
.my-divider-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  max-width: calc(50% - (50px / 2));
  border-bottom: 1px solid #666666;
}
.my-divider-icon::before {
  right: calc(50% + (50px / 2));
  width: 100%;
}
.my-divider-icon::after {
  left: calc(50% + (50px / 2));
  width: 100%;
}



/* player style */

@i.audiojs audio {
	position:absolute;
	left:-1px;
}

.audiojs {
	width:100%;
	height:36px;
	background:#333;
	overflow:hidden;
	font-family:'Risque',serif;
	font-size:18px;
}

.audiojs .play-pause {
	width:25px;
	height:40px;
	padding:4px 15px 4px 9px;
	margin:0;
	float:left;
	overflow:hidden;
	border-right:1px solid #555;
}

.audiojs p {
	display:none;
	width:25px;
	height:40px;
	margin:0;
	cursor:pointer;
}

.audiojs .play {
	display:block;
}

.audiojs .scrubber {
	position:relative;
	float:left;
	width: calc(100% - 220px);
	background:#5a5a5a;
	height:14px;
	margin:10px;
	margin-left: 20px; 
	margin-right: 15px; 
	border-top:1px solid #3f3f3f;
	border-left:0;
	border-bottom:0;
	overflow:hidden;
}

.audiojs .progress {
	position:absolute;
	top:0;
	left:0;
	height:14px;
	width:0;
	background:#ccc;
	z-index:1;
}

.audiojs .loaded {
	position:absolute;
	top:0;
	left:0;
	height:14px;
	width:0;
	background:#000;
}

.audiojs .time {
	float:right;
	text-align: right;
	height:40px;
	line-height:32px;
	width: 105px;
	margin:0;
	padding:0 10px 0 10px;
	border-left:1px solid #555;
	color:#ddd;
}

.audiojs .time em {
	padding:0 2px 0 0;
	color:#f9f9f9;
	font-style:normal;
}

.audiojs .time strong {
	padding:0 0 0 2px;
	font-weight:400;
}

.audiojs .error-message {
	float:left;
	display:none;
	margin:0 10px;
	height:36px;
	width:400px;
	overflow:hidden;
	line-height:36px;
	white-space:nowrap;
	color:#fff;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-icab-text-overflow:ellipsis;
	-khtml-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
}

.audiojs .error-message a {
	color:#eee;
	text-decoration:none;
	padding-bottom:1px;
	border-bottom:1px solid #999;
	white-space:wrap;
}

.audiojs .play {
	background:url('../js-custom/audiojs/player-graphics.gif') -2px -1px no-repeat;
}

.audiojs .loading {
	background:url('../js-custom/audiojs/player-graphics.gif') -2px -31px no-repeat;
}

.audiojs .error {
	background:url('../js-custom/audiojs/player-graphics.gif') -2px -61px no-repeat;
}

.audiojs .pause {
	background:url('../js-custom/audiojs/player-graphics.gif') -2px -91px no-repeat;
}

.playing .play,.playing .loading,.playing .error {
	display:none;
}

.playing .pause {
	display:block;
}

.loading .play,.loading .pause,.loading .error {
	display:none;
}

.loading .loading {
	display:block;
}

.error .time,.error .play,.error .pause,.error .scrubber,.error .loading {
	display:none;
}

.error .error {
	display:block;
}

.error .play-pause p {
	cursor:auto;
}

.error .error-message {
	display:block;
}



.uk-navbar-container {
	padding-top: 10px;
	padding-bottom: 10px;

}
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  /* 1 */
  display: flex;
  justify-content: center;
  align-items: center;
  /* 2 */
  box-sizing: border-box;
  min-height: 80px;
  padding: 0 15px;
  /* 3 */
  font-size: 0.875rem;
  font-family: Risque, serif;
  /* 4 */
  text-decoration: none;
}