/*
Theme Name: Camerata 
Theme URI: https://cameratamedica.com
Author: Janez Polc
Author URI: https://janezpolc.si
Description: Natipkana, ne zgenerirana.
Version: 1.0
License: Restricted 
Text Domain: camerata
*/
/*splosno*/
body,html{
	font-family: "bodoni", Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 18px;
	line-height: 1.25;
	color: var(--l_c);
	font-weight:300;
}

html{
	background-color: var(--d_c);
	background-image:url('svg/ozadje4.svg');
	 background-repeat: repeat-x;
	   background-size: 100% auto;
}


.jp-skrito,
.jp_skrito{
	position:absolute;
	left:540%;
	color: rgba(0,0,0,.0);
	background-color: transparent;
	font-size: 0px;
}

a{
	text-decoration: none;
	color: var(--p_c);
}

a:hover{
	color: var(--s_c);
}

* svg path{
	fill: var(--d_c);
}


.gumb{
	background-color:var(--s_c);
	padding: var(--e1) var(--e2);
	color: var(--l_c);
	border-radius: var(--e2);
	display: inline-block;
	transition: background-color .3s linear, color .3s linear;
}

.gumb a{
	color: var(--l_c);
	width:100%;
	display: block;
}

.gumb:hover{
	background-color:var(--d_c);
	transition: background-color .3s linear, color .3s linear;
}


.skip-to-content-link {
  
  position: absolute;
  left: var(--e2);
  transform: translateY(-1000px);
  transition: transform 0.3s;
}

.skip-to-content-link:focus {
  transform: translateY(0%);
}
/*highlighting*/

::selection {
	color: var(--l_c);
	background: var(--s_c);
}

/*type*/

h1,h2,h3,h4,h5,h6{
	font-family: 'u001', Lucida Sans Unicode, Lucida Grande, sans-serif;
	line-height: 1;
	text-transform: uppercase;
		transition: color .3s ease;
}

.u100{
	font-family: 'u001', Lucida Sans Unicode, Lucida Grande, sans-serif;
	line-height: 1;
}

.uppercase{
	text-transform: uppercase;
}

.bodoni{
	font-family: "bodoni", Palatino Linotype, Book Antiqua, Palatino, serif;
	font-weight:300;
}

.ozadje-strani{
	
}

.olala{
	font-family: "bodoni-italic", Palatino Linotype, Book Antiqua, Palatino, serif;
	color: var(--l_c);
	font-size: 1em;
	vertical-align:center;
	font-style:italic;
	/*margin-left: -.3em;
	margin-right: -.3em;*/
	text-transform: none;
}

.italic{
	font-family: "bodoni-italic", Palatino Linotype, Book Antiqua, Palatino, serif;
	font-style: italic;
}

/*header*/
.camerata-logo{
	margin-left: var(--e2);
	margin-top: var(--e2);
	width: 250px;
	height:auto;
	position:relative;
	min-width: 250px;
}

.domov .camerata-logo{
	width: 17%;
}

.camerata-logo svg{
	width:100%;
	height:auto;
}
.camerata-logo svg path{
	fill: var(--l_c);
}
.camerata-logo svg path.linija{
	fill: var(--p_c);
	transition: fill .3s ease;
}

.camerata-logo:hover svg path.linija{
	fill: var(--s_c);
	transition: fill .3s ease;
}



.glava{
	height: 60vh;	/*enako kot cover*/
		
}

.domov .glava{
	height: 80vh; /*enako kot front-cover*/
}

/*cover image*/
.cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: var(--d_c);
	z-index: -2;
}


.page-cover,
.front-cover{
	height:95%;
	-webkit-mask-image: url('svg/maska4.svg');
	mask-image:url('svg/maska4.svg');
	mask-repeat: no-repeat;
	mask-position: bottom;
	mask-size: cover;
	mask-position: bottom left;
}

.page-cover{
	height:70vh;
}

.page-cover:after,
.front-cover:after{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: ' ';
	z-index: 2;
	background-image: radial-gradient(#0F1216 1px, transparent 1px), radial-gradient(#0F1216 1px, transparent 1px);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
}

.page-cover img,
.front-cover img{
	width:100%;
	height:100%;
	object-fit: cover;
	filter: grayscale(.5)
}

.front-cover-video video{
	width:100%;
	height:100%;
	object-fit: cover;
	filter: grayscale(.5);
	border:0 !important;
}

.front-cover-image {
	
}


/*main menu*/

#menu_button {
	width:  var(--e3);
	height: var(--e3);
	padding: 20px 0 0 0;
	background-color: var(--d_c);
	box-sizing: border-box;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	transition: background-color .3s linear;
	display: block;
	position: fixed;
	top: var(--e2);
	right: var(--e2);
	z-index: 223;
}

#menu_button:hover {}

#menu_button:hover span {
	background-color: var(--s_c);
	transition: background-color .3s linear, transform .3s linear, opacity .3s linear;
}

#menu_button span {
	width: 50%;
	margin-left: 25%;
	height: 2px;
	background-color: var(--l_c);
	display: block;
	opacity: 1;
	transition: background-color .3s linear, transform .3s linear, opacity .3s linear;
}

#menu_button span:nth-child(2),
#menu_button span:nth-child(3) {
	margin-top:  var(--e);
}

#menu_button.menu_close {
	background-color: #444; 
}

#menu_button.menu_close span {
	/*background-color: #ffffff;*/
}

#menu_button.menu_close:hover {}

#menu_button.menu_close:hover span {
	background-color: var(--s_c);
}

#menu_button.menu_close span:nth-child(1) {
	margin-top:4px;
	transform: rotate(135deg);
	transition: background-color .3s linear, transform .3s linear, margin-top .3s linear;
}

#menu_button.menu_close span:nth-child(2) {
		margin-top: -2px;
	transform: rotate(45deg);
	transition: background-color .3s linear, transform .3s linear, margin-top .3s linear;
}


.main-navigation {
	position: fixed;
	display: block;
	padding: var(--e3);
	z-index: 222;
	right: 0%;
	top: 0;
	width: 25%;
	min-width:250px;
	height: 100%;
	box-sizing: border-box;
	text-align: left;
	background: var(--d_c);
	transition: right .3s linear;
	box-shadow: 0px 0px 3px rgba(0,0,0,.6);
}

.menu_skrit {
	right: -100%;
	transition: right .3s linear;
}


.main-navigation ul {
	/*margin-bottom: var(--e4);*/
}

.main-navigation ul li {
	display: block;
	width: 100%;
}
.main-navigation ul ul li {
	padding-left: var(--e2)
}

.main-navigation ul li a {
	color: var(--l_c);
	display: block;
	clear: both;
	box-sizing: border-box;
	line-height: 1.25em;
	padding: var(--e1) 0px;
}



.main-navigation .current-menu-item a {
	color: var(--s_c);
}

.main-navigation ul li.current-menu-item ul li a {
	color: var(--l_c);
}
.main-navigation ul li ul li.current-menu-item a {
	color: var(--s_c);
}

.main-navigation ul li a:hover {
	color: var(--p_c);
}

.main-navigation .jp_social {
	text-align: left;
	width: 100%;
}

.main-navigation .jp_social .jp_social_link {
	display: inline;
	float: left;
}

.main-navigation .jp_social .jp-social-icon {
	width: auto;
	height: auto;
	text-align: left;
	line-height: 33px;
	font-size: 33px;
	display: inline-block;
	background-color: var(--d_C);
	color: var(--l_c);
	border-radius: 0;
	margin: 0 var(--e2) 0 0;
	padding: 0;
	transition: color .3s linear;
}

.main-navigation .jp_social .jp-social-icon:hover {
	color: var(s_c);
}

.main-navigation .jp_social .jp-social-icon:before {
	width: auto;
	margin-left: 0;
	padding-left: 0;
}

/*sociala v headerju*/

.sociala-header{
	position: absolute;
	top:85px;
	right:var(--e2);
}

.sociala-header .jp_social_link {
  margin: 0  0  10px 0;
  display: block;
}

.sociala-header .jp-social-icon {
	background: var(--s_c);
	width: var(--e3);
	height: var(--e3);
	text-align: center;
	color: var(--l_c);
	border-radius: 50%;
	overflow: hidden;
	
	transition: background-color .3s linear, color .3s linear;
}
.sociala-header .jp-social-icon:hover {
	background: var(--d_c);
	color: var(--s_c);
	transition: background-color .3s linear, color .3s linear;
}

.sociala-header .jp-social-icon::before {
	font-size:  var(--e2);
	vertical-align: center;
	line-height: var(--e3);
}



/*front page*/
.front-opis {
	/*text-align:right;*/
	padding-right: 25%;
}

.front-opis p{
	color: var(--l_c);
	font-size: 3em;
	line-height: 1;
	text-transform: uppercase;
}

.o-nas-link{
	margin-right: var(--e2)
}

/*front koncerti*/

.front-koncerti{
	
}

p.ni-koncertov{font-size: var(--e2);}

.front-koncerti h2{
	font-size: 3em;
	text-transform:uppercase;
	color: var(--s_c)
}

.front-koncerti h2 span{
	color: var(--l_c);
	font-size: 1.61em;
	vertical-align:middle;
	font-style:italic;
	margin-left: -.3em;
	margin-right: -.3em;
}

.front-koncerti-okvir{
	margin-top:var(--e2);
}

.en-koncert-front,
.en-koncert-arhiv{
	border-left: 2px solid var(--s_c);
	/*border-radius: var(--e2);*/
	box-sizing: border-box;
	
}

.en-koncert-front .koncert-lokacija,
.en-koncert-arhiv .koncert-lokacija{
	font-size: 1.5em;
	text-transform: uppercase;
}

.en-koncert-arhiv .koncert-datum,
.en-koncert-front .koncert-datum,
.en-koncert-front .koncert-ura,
.en-koncert-arhiv .koncert-ura{
	font-size: 1.5em
}
.en-koncert-front .vstopnica-cena,
.en-koncert-arhiv .vstopnica-cena{
	font-size: 1.5em;
}

.en-koncert-arhiv h3,
.en-koncert-front h3{
	font-size: 1.5em;
}

/*swiper puscice*/


.front-koncerti .swiper-button-prev,
.front-koncerti .swiper-button-next{
	width: var(--e3);
	height: var(--e3);
	background-color: var(--s_c);
	box-sizing: border-box;
	border-radius:50%;
	overflow:hidden;
	cursor: pointer;
	display: block;
}

.front-koncerti .swiper-button-prev:after,
.front-koncerti .swiper-button-next:after{
	font-size:0;
}


.front-koncerti .swiper-button-prev span,
.front-koncerti .swiper-button-next span{
	width: 30%;
	margin-left: 40%;
	margin-right: 30%;
	height: 1px;
	background-color: var(--l_c);
	display: block;
	opacity: 1;
	  transition: background-color .3s linear;
}

.front-koncerti .swiper-button-prev span{
	  margin-left: 30%;
  margin-right: 40%;
}

.front-koncerti .swiper-button-prev:hover span,
.front-koncerti .swiper-button-next:hover span{
	  background-color: var(--p_c);
	  transition: background-color .3s linear;
}

.front-koncerti .swiper-button-prev span:first-child{
	margin-top: 19px;
	transform: rotate(135deg);
}
.front-koncerti .swiper-button-prev span:nth-child(2){
	margin-top: 10px;
	transform: rotate(45deg);
}

.front-koncerti .swiper-button-next span:first-child{
	margin-top: 19px;
	transform: rotate(45deg);
}
.front-koncerti .swiper-button-next span:nth-child(2){
	margin-top: 10px;
	transform: rotate(135deg);
}

.front-koncerti .swiper-button-prev{
	/* left: var(--e) */
	left:0;
	display: none;
}
.front-koncerti .swiper-button-lock{
	display: none;
}
.front-koncerti .swiper-button-next{
	/*right: var(--e)*/
	right: 0
}

.front-koncerti .swiper-button-next.swiper-button-disabled,.front-koncerti  .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}

/*pridruzi se nam*/


.pridruzi-se-nam-okvir{
  grid-template-columns: 500px ;
}

.pridruzi-se-nam{
	
	text-align: left;
	position:relative;
	overflow:hidden;
}

.pridruzi-se-nam .ozadje{
	content: ' ';
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
	background-image: url('img/pridruzi-se-nam.jpg');
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	filter: grayscale(.5);
	z-index:-1;
	display: block;
}

.pridruzi-se-nam h2{
	font-size: 5em;
	text-transform: uppercase;

}

.pridruzi-se-nam p{
	font-size:1.6em;
}

.pridruzi-se-nam-link{
	
}


.pridruzi-se-slika{
	
	position: relative;
	  -webkit-mask-image: url('svg/maska6.svg');
  mask-image:url('svg/maska6.svg');
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: top left;
}

.pridruzi-se-slika .postavitev {
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	height:100%;
}

.pridruzi-se-slika .postavitev img{
	width: 100%;
	height:100%;
	object-fit: cover;
	 object-position: 50% 50%;
	filter: grayscale(.5);
	
}


/*front novice*/

.front-novice h2{
	font-size: 5em;
	text-transform:uppercase;
	color: var(--l_c)
}

.front-novice h3{
	font-size: 2em;
	text-transform:uppercase;
	color: var(--l_c)
}

.front-novice a .ena-novica-datum{
	color: var(--s_c)
}


/*front odmevi*/

.front-odmevi{
	text-align:right;
}

.front-odmevi h2{
		font-size: 5em;
	text-transform:uppercase;color: var(--p_c)
}

.front-odmevi h3{
	font-size: 2em;
	text-transform:uppercase;
	color: var(--p_c);
		transition: color .3s ease;
}

.front-odmevi a .ena-novica-datum{
	color: var(--l_c);
		transition: color .3s ease;
}

.zadnje-novice-front .ena-novica-arhiv:hover h3,
.arhiv-novic .ena-novica-arhiv:hover h2,
.zadnje-novice-front .ena-novica-arhiv:hover .ena-novica-datum{
	color: var(--s_c);
	transition: color .3s ease;
}

.zadnje-odmevi-front .ena-novica-arhiv:hover h3,
.arhiv-odmevov .ena-novica-arhiv:hover h2,
.zadnje-odmevi-front .ena-novica-arhiv:hover .ena-novica-datum{
	color: var(--l_c);
	transition: color .3s ease;
}


/*
sociala front
*/
.sociala-front{
	text-align:center;
	
}

.sociala-front h2{
	text-transform: none;
	font-family: "bodoni-italic", Palatino Linotype, Book Antiqua, Palatino, serif;
	font-style: italic;
	font-size: 2em;
	color: var(--s_c);
	margin-bottom: var(--e2);
}

.jp_social_link{
	display: inline-block;
}

.jp_social_link {
	margin: 0 var(--e2) 0 0;
}


.jp-social-icon{
	background: var(--l_c);
	width: var(--e4);
	height: var(--e4);
	text-align: center;
	color: var(--s_c);
	border-radius: 50%;
	overflow: hidden;	
	transition: transform 0.6s ease, background-color .3s linear, color .3s linear;
}

.jp-social-icon:before{
	font-size: 3em;
	vertical-align: center;
	line-height: var(--e4);
	

}

.jp-social-icon:hover{

	 background: var(--s_c);
	 color: var(--l_c);
	 transition: transform 0.6s ease, background-color .3s linear, color .3s linear;
}

.jp-social-text{
	display: none;
}

/*generalno page & single & arhivi*/

.vsebina h1{
	font-size: 5em;
	position:relative;
	width:75%;
}

.post-navigation_,
.pagination-nav,
.vsebina .ena-novica-arhiv{
	width: 75%;
}
.post-navigation .next-post {
	text-align: right;
}

/*profil osebe*/

.clan-ime{
	position:relative;
		width: 75%;
		padding-right:200px;
		box-sizing: border-box;
}

.slika-clana{
	display: inline-block;
	width: var(--e5);
	height: var(--e5);
	margin-top: 0;
	position:absolute;
	right: 0px;
	top: -60px;
	border-radius: 50%;
	overflow: hidden;
}

.clan_slika_okvir {
	background: var(--s_c);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*teksti*/

.teksti{
	width: 75%;
	line-height: 1.5em;
}

.teksti p,
.teksti img,
.teksti ul,
.teksti ol,
.teksti hr,
.teksti table,
.teksti .wpforms-container,
.teksti .tabela-okrog,
.teksti .fotogalerija {
	margin-bottom: var(--e3);
	line-height: 1.5em;
	
}


.teksti h1,
.teksti h2,
.teksti h3,
.teksti h4{
	margin-bottom: var(--e3);
	padding-top:  var(--e2);
}
.teksti h1:first-child,
.teksti h2:first-child,
.teksti h3:first-child,
.teksti h4:first-child{
	margin-top: 0px;
	padding-top:  0px;
}



.teksti p:last-child,
.teksti img:last-child,
.teksti ul:last-child,
.teksti ol:last-child,
.teksti hr:last-child,
.teksti table:last-child,
.teksti .wpforms-container:last-child,
.teksti .tabela-okrog:last-child,
.teksti .fotogalerija:last-child {
	margin-bottom:0;
}

.teksti h1, 
.teksti h2{
	font-size: 3em;
	}

 .teksti h3{
	font-size: 2em;
} 

.teksti ul{
	list-style-type: disc;
}
 .teksti ol{
	 
	 list-style-type: roman;
 }
 
.teksti ol,
.teksti ul{
	padding-left:var(--e4);
	padding-right:var(--e4);
}

.teksti em{
	font-style: italic;
	font-family: "bodoni-italic", Palatino Linotype, Book Antiqua, Palatino, serif;
}
.teksti strong{
	font-weight: bold;
	font-family: "bodoni-bold", Palatino Linotype, Book Antiqua, Palatino, serif;
}

.teksti h1 em,
.teksti h2 em,
.teksti h3 em,
.teksti h4 em{
	font-style: normal;
}


.teksti table{
	width:100%;
}

.teksti table tr{}

.teksti table th,
.teksti table td{
	text-align: center;
	padding: var(--e);
}
.teksti table th:first-child,
.teksti table td:first-child{
	text-align:left;
}
 
.teksti table th{ 
	color: var(--l_c);
	background: var(--d_c);
	vertical-align: bottom;
	/*font-weight: 700;*/
}

.teksti table td{}
 
.teksti table tr:nth-child(odd) td{

}

.teksti .tabela-okrog{
	overflow: auto;
}

.teksti .tabela-okrog table{
margin-bottom:0;
}
.teksti .iframe-okrog{
	width: 100%;
	height: 0;
	padding-bottom: 61.8%;
	position: relative;
}

.teksti iframe{
	width: 100% !important;
	height:100% !important;
	position: absolute;
	top:0;
	left:0;
}
.teksti .wp-caption{
	width: 100% !important;
}

.teksti .wp-caption img{
	margin-bottom: 0;
	width: 100%;
	height: auto;
}

.teksti .wp-caption{
	margin-top: var(--e);
	text-align: left;
	color: var(--l_c);
}

.teksti img{
	max-width:100%;
	height:auto;
}

.teksti hr{
	background: none;
	border: none;
	border-bottom: 2px dotted var(--d_c)
}

.teksti figcaption{
	margin-bottom: var(--e3);
	
	color: var(--l_c);
}

.teksti .slika-napis{
	display: flex;
  justify-content: center;
    align-items: center;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	z-index:2;
	color: var(--l_c);
	padding: var(--e2);
	text-align: center;
	box-sizing: border-box;
	opacity: 0;
	transition: opacity .3s ease
}

.teksti .galerija-slika:hover .slika-napis{
		opacity: 1;
	transition: opacity .3s ease
	
}

/*galerije*/

.galerija-slika{
	background-color: var(--l_c);
	transform: rotate(5deg);
	border: var(--e) solid var(--l_c);
	box-shadow: 0 0 3px rgba(0,0,0,1);
}

.galerija-slika:nth-child(2n){
	transform: rotate(-7deg);
}

.galerija-slika:nth-child(3n){
	transform: rotate(9deg);
}

.galerija-slika:nth-child(4n){
	transform: rotate(-2deg);
}

.galerija-slika:nth-child(5n){
	transform: rotate(-5deg);
}


/*novice odmevi paginacija*/

.pagination li:nth-child(2){
	text-align: right;
}

.page-numbers {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: var(--e4) 0 0 0;
  gap: var(--e);
}

.page-numbers li {
  display: inline-block;
}

.page-numbers a,
.page-numbers span {
  display: block;
  padding: var(--e) var(--e2);
  background-color: var(--l_c);
  color: var(--d_c);
  text-decoration: none;
  border-radius:var(--e);
  transition: background-color 0.3s;
}

.page-numbers a:hover {
  background-color: var(--p_c);
  color: var(--l_c);
}

.page-numbers .current {
  background-color: var(--s_c);
  color: var(--l_c);
  font-weight: bold;
}


/*obrazec za newsletter*/
/*ostalo v obrazci.css
.obrazec-posta{}
.obrazec-posta-teksti{}
.obrazec-posta-teksti h2{	font-size:3em;}
.obrazec-posta-teksti p{font-size:1em;}

/*člani*/
.skupina_canov {
	width: 75%;
}

.en_clan.ima-opis{
	position: relative
}
.en_clan.ima-opis a{
	color:var(--l_c);
}

.en_clan .clan_quote{
	position:relative;
	padding-right: var(--e2);
	
	transition: color .3s ease;
}
.en_clan:hover .clan_quote{
	color: var(--p_c);
	transition: color .3s ease;
}
/*
.en_clan .clan_quote:before{ 
	display: block;
	content: '"';
	font-size: var(--e3);
	line-height: var(--e2);
	color: var(--d_c);
	position: absolute;
	left:-15px;
	top:10px;
	font-style: italic;
}
*/

.en_clan.ima-opis:hover .clan_slika{
	transform: scale(1.1);
	transition: transform .3s ease;
}

.skupina_canov  h2{
	font-size: 3em;
	text-transform: none;
	font-family: "bodoni-italic", Palatino Linotype, Book Antiqua, Palatino, serif;
	font-style: italic;
}

h3.clan_ime .pripis {
	text-transform: none;
}

h3.clan_ime {

}

.clan-ime .pripis{
	font-size: var(--e2);
	line-height: var(--e2);
	text-transform: none;
}

.clan-quote{
	font-size: var(--e2)
}

.clan_slika{
	position:relative;
	width:var(--e4);
	height: var(--e4);
	border-radius: 50%;
	overflow: hidden;
	
	transition: transform .3s ease;
}

.clan_slika_okvir{
	background: var(--s_c);
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}

.clan_slika_okvir img{
	width: 100%;
	height:100%;
	object-fit: cover;
	 object-position: 50% 50%;
	filter: grayscale(.5);
}

/*prisluhni nam music player*/

.musicplayer .prisluhnite {
	font-family: "bodoni-italic", Palatino Linotype, Book Antiqua, Palatino, serif;
	font-style:italic;
	font-size: 1.5em;
}
.musicplayer #player {
  width: 0;
  height: 0;
  visibility: hidden;
  position: absolute;
}
.musicplayer .controls {
      display: flex;
      gap: var(--e);
    }
.musicplayer .gumb{
     font-size:0;
	 cursor: pointer;
   
    }

.musicplayer .gumb:after{
	font-family: 'camerata-player',arial, helvetica, sans-serif;
	font-size: 22px;
	
}	

.musicplayer #prev:after{
	content:'\e803';
}
.musicplayer #playPause:after{
	/*content:'⏵';*/
	content:'\e800';
}
.musicplayer #playPause.pavza:after{
	content:'\e801';
/*	content:'⏸';*/
}
.musicplayer #next:after{
	content:'\e802';
}

 .musicplayer .title {
      margin-bottom: var(--e);
    }
	
.musicplayer-playlist{}
.musicplayer-playlist li{
	margin-bottom: var(--e);
	transition: color .3s linear;
}
.musicplayer-playlist li:hover{
	cursor: pointer;
	color: var(--s_c);
	transition: color .3s linear;
}

.musicplayer-playlist li.active{
	color: var(--p_c);
	transition: color .3s linear;
}

/*koncerti arhiv*/

.arhiv-koncerti-okvir{
	width:75%;
}

.koncert .vsebina h2{
	text-transform: none;
	font-size: 3em;
	font-family: "bodoni-italic", Palatino Linotype, Book Antiqua, Palatino, serif;
	font-style:italic;
}

.ena-novica-arhiv h2  {
	font-size: 3em;
}


/*noga*/

.footer-podporniki{
	text-align: left;
}

.seznam-sponzorjev{
	  align-items: center;
	
}
.sponzor svg{
	width: 120px;
	height: auto;
}

.zdravniska-zbornica-slovenije svg{
	width:80px;
}


.sponzor svg path{
	fill: var(--s_c);
	transition: fill .3s linear;
}
.sponzor:hover svg path{
	fill: var(--l_c);
	transition: fill .3s linear;
}

footer{
	background-color: var(--d_c);
	margin-top: var(--e5);
	padding-top: var(--e3);
	padding-bottom: var(--e3);
	text-align: right;
}

footer .jp-logo{
	text-align:right
}

footer .jp-logo span{
	margin-right: 0;
  margin-left: auto;
}

footer a{
	color: var(--l_c);
	transition: color .3s ease;
}

footer .site-logo{
	width:100%;
	max-width:150px;
}

footer .site-logo svg{
	width:100%;
	height: auto;
}
footer .site-logo svg path{
	
	fill: var(--l_c);
}
footer .site-logo svg path.linija{
	fill: var(--p_c);
	transition: fill .3s ease;
}

footer .site-logo:hover svg path.linija{
	fill: var(--s_c);
	transition: fill .3s ease;
}



#menu-noga li{
	margin-bottom: var(--e2);
}