#footer {
  background: var(--quaternary) !important;
	margin-top: 0px!important;
}

.custom-section-background .container:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 85%;
  width: 100vw;
  height: calc(100% + 150px);
  background: var(--quaternary) !important;
  z-index: 0;
  transform: translate3d(0, -50%, 0);
}
joomla-alert[type=success] {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #ffffff !important;
  text-align: center !important;
}
.custom-hero {
	position: relative;
    overflow: hidden;
    height: 60vh !important;
}
html.sticky-header-active #logo-header {
  display: flex !important;
}
#actual-track-cover-bg, #actual-track-cover-bg-mob {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;	
  width: 110%;
  height: 110%;
	overflow: hidden;
  margin-top: -2%;
  margin-left: -5%;
  position: absolute;
  filter: blur(0.5rem);  
	transform: translate3d(0, 0, 0);
}
#actual-track-cover {
 height: 100%;
}
.playerheader h3 {
    font-size: 2.5vw;
    line-height: 2.5vw;
}
.playerheader-mob h3 {
    font-size: 5.5vw;
    line-height: 5.5vw;
}

h3 em {
		font-style: normal;
		color: transparent;
		-webkit-text-stroke: 1.2px #fff;
		text-stroke: 2px #fff;
}
.custom-zun-svg-radiobutton {
    transition: transform 0.3s ease; /* Nastavíme přechod pro transformaci */
}

.custom-zun-svg-radiobutton path {
    fill-opacity: 0;
    stroke-width: 2px;
    stroke: #ffffff;
    stroke-dasharray: 630;
    stroke-dashoffset: 630;
    transition: ease stroke-dashoffset 1.5s, ease fill-opacity 0.5s 1.2s
}

.custom-zun-svg-radiobutton.active path {
    stroke-dashoffset: 0;
    fill-opacity: 1
}

.custom-zun-svg-radiobutton:hover {
    cursor: pointer;
		 transform: scale(1.1);
}

.custom-zun-svg-radiobutton:hover path {
    stroke: #ffffff
}

.custom-zun-svg-radiobutton.rotate path {
    transition: transform 2s;
    transform-origin: center;
    transform-box: fill-box;
    animation: rotate 2s infinite linear
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.external-player {
  height: 70vh !important; 
}
.track-control {
    display: grid;
    grid-template-areas: "slider slider slider" "volume playpause title";
    grid-template-columns: 1fr 19fr 35fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    width: 100%
}

.track-control-external-player {
    display: grid;
    grid-template-areas: "slider slider slider" "volume playpause title";
	/*  grid-template-columns: 1fr 19fr 35fr; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    width: 100%
}

section.custom-timeline .timeline-box-content-img {  
    border-radius: 0%!important; 
}
section.custom-timeline .timeline-box-content-img img {
    width: 70px!important;  
    left: 0%!important;
}

.custom-borders-divider-style-1>div[class*="col"] {
    border-width: 1px;
    border-style: solid;
    border-color: #212529;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0
}

@media (min-width: 576px) {
    .custom-borders-divider-style-1>div[class*="col"] {
        border-right-width:1px
    }

    .custom-borders-divider-style-1>div[class*="col"]:nth-child(1),.custom-borders-divider-style-1>div[class*="col"]:nth-child(3) {
        border-left-width: 1px
    }
}

@media (min-width: 992px) {
    .custom-borders-divider-style-1>div[class*="col"] {
        border-left-width:0
    }

    .custom-borders-divider-style-1>div[class*="col"]:nth-child(1) {
        border-left-width: 1px
    }

    .custom-borders-divider-style-1>div[class*="col"]:nth-child(3) {
        border-left-width: 0
    }
}

.custom-spotify-hover-effect {
    transition: ease background 300ms
}

.custom-spotify-hover-effect:hover {
    background: var(--primary);
}

.custom-itunes-hover-effect {
    transition: ease background 300ms
}

.custom-itunes-hover-effect:hover {
    background: var(--primary);
}

.custom-amazon-hover-effect {
    transition: ease background 300ms
}

.custom-amazon-hover-effect:hover {
    background: var(--primary);
}

.custom-googlemusic-hover-effect {
    transition: ease background 300ms
}

.custom-googlemusic-hover-effect:hover {
    background: var(--primary);
}

@keyframes blinker {
		50% {
				opacity: 0.4;
		}
}

.custom-available-bullet {
		padding-left: 18px;
		position: relative;
}

.custom-available-bullet:before {
		animation: blinker 1s linear infinite;
		content: '';
		position: absolute;
		width: 12px;
		height: 12px;
		top: 3px;
		left: 0;
		display: block;
		border-radius: 100%;
		background-color: var(--primary);
}



/* volume button Mute & UnMute*/
.custom-hero .VolumeButton,
.external_player_volume .VolumeButton {
	/*float:left;*/
	position:static!important;
	cursor: pointer;
	display: block;
	margin:0;
	padding:0;
	width: 26px;
	height: 26px;
	background: url(/media/templates/site/website/vendor/audio8/css/controllers/darkHover/volume.svg) no-repeat;
}

.custom-hero .VolumeButtonMuted,
.external_player_volume .VolumeButtonMuted {
	background: url(/media/templates/site/website/vendor/audio8/css/controllers/darkHover/volumeMute.svg) no-repeat;
}

/* volume slider */
.custom-hero .VolumeSlider,
.external_player_volume .VolumeSlider {
	/*float:left;*/
	position:static!important;
	cursor: pointer;
	display: block;
	margin:0;
	padding:0;
	width:140px;
	height:4px;
	/*background: #fff000;*/	   
}

.custom-hero .VolumeSlider .ui-slider-handle,
.external_player_volume .VolumeSlider .ui-slider-handle {
	display:none;
}

.custom-hero .VolumeSlider .ui-slider-handle.ui-state-hover,
.external_player_volume .VolumeSlider .ui-slider-handle.ui-state-hover {
	/*background: #fff000;*/
}

.custom-hero .VolumeSlider .ui-slider-range,
.external_player_volume .VolumeSlider .ui-slider-range {
	position:relative;
	height:4px;
	/*background: #00F; blue*/
}


/* jquery ui styles */
.custom-hero .ui-slider-handle,
.external_player_volume .ui-slider-handle {
	position: absolute;
	z-index: 2;
	display: block;
	margin-left:-0.6em;
	cursor: default;
	outline: none;
}

.custom-hero .ui-slider-range,
.external_player_volume .ui-slider-range {
	display:block;
	width:100%;
	height:100%;
	left:0;
	bottom: 0;
	border:0 none;
	position:absolute;
	z-index:1;
}

.custom-hero .AudioPop_up {
	/*float:left;*/
	position:static!important;
	cursor: pointer;
	display: block;
	margin:0;
	padding:0;
	z-index:1;
	width: 20px;
	height: 20px;
	background: url(/media/templates/site/website/vendor/audio8/css/controllers/darkHover/popup.svg) no-repeat;
	/*border:1px solid #0FC;*/
}
/*
.custom-hero .AudioPopup:hover {
    background: url(/media/templates/site/website/vendor/audio8/css/controllers/darkHover/popup-on.png) no-repeat;
}
*/
/* Custom Marquee */
.custom-marquee-1 .js-marquee-wrapper,
.custom-marquee-1 .js-marquee,
.custom-marquee-1 .js-marquee > span {
    display: flex;
}
/* Custom Btn */
.custom-btn-1 {
    width: 200px;
    height: 200px;
    line-height: 190px;
    border-radius: 100%;
    white-space: nowrap;
}
.page-link:focus {
    box-shadow: none !important;
}

article.post .post-date .year {
	display: block;
	background: var(--grey-100);	
	border-radius: 0 0 2px 2px;
	color: var(--primary);
	font-size: 0.6em;
	line-height: 1.8;
	padding: 1px 10px;
	text-transform: uppercase;
}