/*
Theme Name: OKO 
Theme URI: https://obalnikomorniorkester.com
Author: Janez Polc
Author URI: https://janezpolc.si
Description: Natipkana, ne zgenerirana, v treh dneh avgusta 2025
Version: 1.0
License: Restricted 
Text Domain: oko
*/
/*splosno*/


:root {
	--fs0: 14px; 
	--fs1: 16px;
	--fs2: 20px;
	--fs3: 32px;
	--fs4: 48px;
	--fs5: 64px;
	--lh0: 1;
	--lh1: 1.42;
	--lh2: 1.85;
	--oko: #F2F0EB;
	--oko2: #F4EADC;
}


body,html{
	font-family: 'Outfit',Tahoma, Geneva, sans-serif;
	font-size: 16px;
	line-height: 1.85;
	color: var(--d_c);
	font-weight:300;
		overflow-x:hidden;
}

html{
	overflow-x:hidden;
	background-color: var(--oko);
}

.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);
}

.oko{
	color: var(--oko);
}
.oko2{
	color: var(--oko2);
}
.bg_oko{
	background-color: var(--oko);
}

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

.gumb{
	background-color:var(--s_c);
	padding: var(--e) var(--e2);
	color: var(--l_c);
	border-radius: var(--e);
	display: inline-block;
	transition: background-color .3s linear, color .3s linear;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	margin-right: var(--e3);
	margin-top: var(--e1);
	width:auto;
	text-align:center;
}

.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;
}

.gumb-nazaj{
	background-color:var(--oko);
	color: var(--d_c);
	padding: var(--e) var(--e2);
	line-height:var(--lh0);
	border-radius: var(--e3);
}


.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);
}

/*glava*/

.glava,
.miniglava{
	position:relative;
	overflow:hidden;
	margin-bottom: var(--e4);
}

.glava{
	height:700px;

}

.miniglava{
	height:  var(--e3);
	text-align:right;
	padding:var(--e2);
	overflow:hidden;
}


.galerija .glava{
	margin-bottom:0;
}

.galerija .galerija-group .miniglava{
	margin-bottom: var(--e3)
}

.naslov-miniglava{
	line-height: var(--e3)
}

.miniglava .gumb-nazaj{
	position: absolute;
	top: var(--e2);
	left: var(--e2);
}

.miniglava:after{
	content: ' ';
	width:40%;
	height:150%;
	position:absolute;
	top: -25%;
	left:var(--e5);
	z-index:-1;
	background-image: url('svg/vinjeta3.svg');
	background-size: contain;
	background-position: 0% 50%;
	background-repeat: no-repeat;
}

.cover{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	z-index: -1;
}



.cover img{
	width:100%;
	height:100%;
	object-fit: cover;
  object-position: 50% 50%;
}

.miniglava .cover:after{
	content:' ';
	position: absolute;
	top:0;
	left:0;
	background: rgba(0,0,0,60%);
	right:0;
	bottom: 0;
}


.oko-logo{
	padding: var(--e2);
	background-color: rgba(0,0,0,80%);
	width:270px;
	height: auto;
	font-size:0;
}

.oko-logo svg{
	width:270px;
	height: auto;
}

.navigacija {
	position: absolute;
	top: var(--e2);
	right: var(--e2);
	font-size:var(--fs2);
	text-align:right;
}

.naslovje{
	position: absolute;
	background-color: rgba(0,0,0,60%);

	right: 0;
	bottom: 0;
	left:0;
	text-align:center;
	padding: var(--e2);
}

.glava-link .gumb{
	margin:0;
}
.glava-link{
	position: absolute;
	bottom: var(--e);
}

.naslovje .gumb{
	margin-left: var(--e2);
	margin-right: var(--e2);
}

.glava-link-napovedujemo{
	left: var(--e2);
}

.glava-link-pridruzite-se div{
	
}

.glava-link-pridruzite-se{
	right: var(--e2);
}

.glava-link-napis{
	
}

/*miniglava naslovje*/

.navigacija ul {text-align: right;}
.navigacija ul li{}
.navigacija ul li a{
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	color: var(--oko);
	 font-family: 'Outfitsemibold';
    font-weight: 600;
}

.galerija .navigacija ul li a{
		color: var(--d_c);
}

.navigacija ul li.current-menu-item a,
.navigacija ul li.current_page_item a{
	color: var(--d_c);
	}

.navigacija ul li a:hover{
	color: var(--s_c);
}

.navigacija ul li.current-menu-item a:before,
.navigacija ul li.current_page_item a:before{
position:absolute;
top: -3px;
left: -30px;
height:var(--e2);
width: 500px;
content: ' ';
background: var(--oko);
display: block;
border-radius:var(--e);
z-index: -1;
}

.jp_social{
	margin-top: var(--e)
}

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

.jp_social_link{
	text-align:right;
}

.jp-social-icon {
	width: var(--e2);
	height: var(--e2);
	border-radius: 50%;
	background-color: var(--oko);
	color: var(--d_c);
	font-size: var(--fs2);
	text-align: center;
	line-height: var(--e2);
	margin: 0 0 var(--e1) auto;
}
.jp-social-icon:hover {
	background-color: var(--s_c);
	color: var(--p_c);
}

/*podstrani*/

.podstran h2.naslov-podstrani:before{
	display: inline-block;
	height: var(--fs4);
	width: var(--e4);
	content: ' ';
	background-image: url('svg/vinjeta1.svg');
	background-size: contain;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	vertical-align:center;
}

.stran-uvod.podstran-domov h2:before,
.stran-uvod.podstran-domov h2:after{
	display: inline-block;
	height: var(--fs3);
	width: var(--e4);
	content: ' ';
	background-size: contain;
	
	background-repeat: no-repeat;
	vertical-align:center;
}
.stran-uvod.podstran-domov h2:before{
	background-image: url('svg/vinjeta1.svg');
	background-position: 0% 50%;
}
.stran-uvod.podstran-domov h2:after{
	background-image: url('svg/vinjeta2.svg');
	background-position: 100% 50%;
}



/*type*/

h1,h2,h3,h4,h5,h6{
	 font-weight: 700;
	
}

.medium{
	font-family: 'Outfitmedium',Tahoma, Geneva, sans-serif;
	 font-weight: 500;
}
.semibold{
	font-family: 'Outfitsemibold',Tahoma, Geneva, sans-serif;
	 font-weight: 600;
}
.bold,strong,b{
	font-family: 'Outfitbold',Tahoma, Geneva, sans-serif;
	 font-weight: 700;
}

.uppercase{
	text-transform: uppercase;
}


.italic{
	font-family: 'Outfititalic',Tahoma, Geneva, sans-serif;
}

.fs0{
	font-size: var(--fs0);
}
.fs1{
	font-size: var(--fs1);
}
.fs2{
	font-size: var(--fs2);
}
.fs3{
	font-size: var(--fs3);
}
.fs4{
	font-size: var(--fs4);
}

.fs5{
	font-size: var(--fs5);
}

.lh0{
	line-height: 1;
}
.lh1{
	line-height: var(--lh1);
}
.lh2{
	line-height: var(--lh2);
}
.lh3{
	line-height: var(--lh3);
}

.aligncenter{
	text-align:center;
}



.tekst p,
.tekst img,
.tekst ul,
.tekst ol,
.tekst hr,
.tekst table,
.tekst .wpforms-container,
.tekst .tabela-okrog,
.tekst .fotogalerija {
	margin-bottom: var(--e1);
	
}


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



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

.tekst h1, 
.tekst h2{
	font-size: var(--fs3);
	}

 .tekst h3{
	font-size: var(--fs2);
} 

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

.tekst em{
	font-style: italic;
	
}
.tekst strong{
	font-weight: bold;
}

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


.tekst table{
	width:100%;
}

.tekst table tr{}

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

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

}

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

.tekst .tabela-okrog table{
margin-bottom:0;
}

.tekst .iframe-okrog{
	width: 100%;
	height: 0;
	padding-bottom: 61.8%;
	position: relative;
}

.tekst iframe{
	width: 100% !important;
	height:100% !important;
	position: absolute;
	top:0;
	left:0;
}

.tekst .wp-caption{
	width: 100% !important;
}

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

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

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

.tekst hr{
	background: none;
	border: none;
	border-bottom: 1px solid var(--d_c)
}

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

.tekst .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
}

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

.tekst img {
	border-radius: var(--e2);
}

.tekst img.alignright{
	display: inline;
	float:right;
	margin: var(--e2) 0 var(--e2) var(--e2);
}
.tekst img.alignleft{
	display: inline;
	float:left;
	margin: var(--e2) var(--e2) var(--e2) 0;
}

article .iframe-okrog{
	width: 100%;
	height: 0;
	padding-bottom: 61.8%;
	position: relative;
}

article iframe{
	width: 100% !important;
	height:100% !important;
	position: absolute;
	top:0;
	left:0;
}
/*alt-okvir*/

.alt-okvir{
	background-color: var(--l_c);
	border-radius: var(--e2);
	padding: var(--e2);
	box-shadow: 0 4px 4px 0 rgba(0,0,0,25%), inset 0 4px 4px 0 rgba(0,0,0,25%);
}

.ozji-okvir{
	width: 100%;
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

/*kartica nad podstranjo*/

.kartica-okrog{
	height: var(--e6);
	overflow:hidden;
	border-radius: var(--e2);
	margin-bottom: var(--e1);
}

img.kartica{	width:100%;
	height:100%;
	object-fit: cover;
  object-position: 50% 50%;}

/*front*/

.stran-uvod:before,
.podstran-vizitka .child-content:before {
	content: ' ';
	width:100%;
	height:150%;
	position:absolute;
	top: -25%;
	left: 0%;
	z-index:-1;
	background-image: url('svg/grafika1.svg');
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.stran-uvod {
	position:relative;
	width: 100%;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: var(--e3);
}
.stran-uvod h2{
	text-transform: uppercase;
	margin-bottom: var(--e2);
	font-size: var(--fs3);
	 font-weight: 700;
}

.stran-uvod p{
	font-size: var(--fs2);
	font-weight: 600;
	line-height: var(--lh1)
}

.stran-uvod p:last-child{
	margin-top: var(--e2);
	font-weight: 500;
}




.podstran-vizitka .child-content{
	box-sizing: border-box;
	width: 100%;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f5f5f5;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,25%), inset 0 4px 4px 0 rgba(0,0,0,25%);
	padding: var(--e2);
	border-radius: var(--e2);
	position: relative;
}

.podstran-vizitka  .child-content strong,
.podstran-vizitka  .child-content b{
	color: var(--p_c); 	color: #816239;
}

.podstran-vizitka  .child-content a{
	color: var(--d_c);
}

.podstran-vizitka  .child-content a.gumb{
	color: var(--l_c);
}
.podstran-vizitka  .child-content a strong ,
.podstran-vizitka  .child-content a b{
	color: var(--d_c);
}

/*clani*/

.podstran-dirigenti h3,
.podstran-clani h3{
	font-size: var(--fs3);
	margin-bottom:0;
	 font-family: 'Outfitbold';
}

.podstran-seznam-vseh-clanov h3{
	margin-bottom:0;
}
.clan_slika
{
	font-size:0;
	width:100%;
	height:auto;
	border-radius:var(--e1);
	overflow:hidden;
}

.clan_slika_okvir img{
	width:100%;
	height:auto;
}

.en_clan {
  display: flex;
  flex-direction: column;
}

.clan_teskti {
  display: flex;
  flex-direction: column;
  flex-grow: 1; /* take available height */
}

.clan_teskti .gumb {
  margin-top: auto; /* push the button to the bottom */

}

/*koncerti
*/

.napovedani-koncerti{
	width: 100%;
  max-width: 700px;
  margin-left:auto;
  margin-right:auto;
}

.podstran-koncerti{
	max-width: 500px;
	 font-family: 'Outfitmedium';
	font-size: var(--fs2);
	padding: var(--e3) 0;
	margin-top: var(--e4);
}

.en-koncert h3{
	margin-bottom: var(--e1);
line-height:var(--lh1);
font-size: var(--fs3)
}

.en-koncert-naslovje{
	line-height:var(--lh1)
}

.pretekli-koncerti h3{
	padding-top:0;
	font-size: var(--fs1);
}

.en-koncert-info .dirigenti-in-glasbeniki a,
.en-koncert-info .program-koncerta a,
.napovedani-koncerti .dirigenti-in-glasbeniki a,
.napovedani-koncerti .program-koncerta a{
	color: var(--s_c);
}

/*za-nove-clane*/

.podstran-vabilo-novim-clanom{
	width:100%;
	max-width: 750px;
	margin-left:auto;
  margin-right:auto;
}

.podstran-vabilo-novim-clanom .child-content{
text-align:center;
}

.podstran-vabilo-novim-clanom .child-content p{
	font-size: var(--fs2)
}
.podstran-vabilo-novim-clanom .child-content h3{
	 font-family: 'Outfitmedium';
	 margin-bottom:0
}

.podstran-vabilo-novim-clanom .child-content a.gumb{
	margin-right:0;
}

/*galerije*/

.galerija-naslov{
	text-align:center;
}
.galerija-naslov:before{
	display: inline-block;
	height: var(--fs3);
	width: var(--e4);
	content: ' ';
	background-size: contain;
	
	background-repeat: no-repeat;
	vertical-align:center;
	background-image: url('svg/vinjeta1.svg');
	background-position: 0% 50%;
}

.galerija-link .koncert-desno{
	text-align:center;
}


.koncert-desno a.gumb{
	margin-right:0;
}
.koncert-desno .vinjetka{
	height: var(--fs3);
	width: var(--e4);
	display: block;
	background-size: contain;
	margin: 0 auto var(--e1) auto;
	background-repeat: no-repeat;
	vertical-align:center;
	background-image: url('svg/vinjeta1.svg');
	background-position: 50% 50%;
}

/*ostalo*/
.post-password-form{
	text-align:center;
}
.post-password-form input[type="password"]{
	font-family: 'Outfit',Tahoma, Geneva, sans-serif;
	padding: var(--e) var(--e);
	border-radius: var(--e);
	margin: var(--e) 0 0 0;
	border: 0px;
	background:var(--l_c);
	box-shadow: 0 4px 4px 0 rgba(0,0,0,25%), inset 0 4px 4px 0 rgba(0,0,0,25%);
	margin-left: var(--e);
	
	text-align:center;
}
.post-password-form label{
	font-size:0;
}
.post-password-form input[type="submit"]{
	display: block;
	background-color:var(--s_c);
	padding: var(--e) var(--e2);
	color: var(--l_c);
	border-radius: var(--e);
	transition: background-color .3s linear, color .3s linear;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	margin-right:auto;
	margin-left:auto;
	margin-top: var(--e1);
	width:auto;
	text-align:center;
	border:0;
	font-family: 'Outfit',Tahoma, Geneva, sans-serif;
	cursor:pointer;
}

.post-password-form input[type="submit"]:hover{background-color:var(--d_c);
	transition: background-color .3s linear, color .3s linear;}


.post-password-form-invalid-password{
	color: var(--p_c)
}
/*footer*/

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

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

footer .site-logo path.logo-napis{
	fill:var(--d_c)!important
}

footer{
	background-color: #f5f5f5;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,25%), inset 0 4px 4px 0 rgba(0,0,0,25%);
	padding: var(--e2);
}

.seznam-sponzorjev img{
	max-width: 100%;
}

.sponzor {display: flex;
  justify-content: center;
  align-items: center;}
  
  .copyright  a{
	  color: var(--d_c)
  }
  
.to_top_arrow {
	display: block;
	position: fixed;
	z-index: 504;
	right: var(--e2);
	bottom: -66px;
	width: var(--e2);
	height: var(--e2);
	padding: 0px;
	border-radius: 50%;
	border: none;
	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: 50% 45%;
	background-color: var(--p_c);
	cursor: pointer;
	transition: bottom .4s ease;
}

.to_top_arrow:after{
	content: ' ';
	width: 12px;
	height: 12px;
	border-left: 2px solid var(--d_c);
	border-top: 2px solid var(--d_c);
	position: absolute;
	top: 12px;
	left:9px;
	box-sizing:border-box;
	transform:rotate(45deg)
}

.to_top_arrow.to_top_arrow_appear {
	bottom: var(--e2); 
	transition: bottom .4s ease;
}