/*
Theme Name: S-medicus 2025
Theme URI: https://s.medicus.si/
Author: Janez Polc
Author URI: https://janezpolc.si
Description: Tema za spletno stran ambulante družinske medicine S-medicus, verzija 2025
Version: 1.0.0
Tested up to:
Requires PHP:
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: smedicus
*/

/* http://app.coolors.co/2589bd-38686a-345159-a3b4a2-cdc6ae */

/*splosno*/
body{
background: var(--l_c);
color:var(--d_c);
margin: 0px !important;
padding:0;
 font-weight: normal;
 font-weight: 400;
 font-size: 16px;
font-family: 'lora',Georgia, Georgia, serif;
  text-rendering: optimizeLegibility;
   -webkit-font-smoothing: subpixel-antialiased;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   line-height: 1.25em;
}

a{
text-decoration: none;
color: var(--p_c);
transition: color .3s ease;
}
a:hover{
	
transition: color .3s ease;
}
strong, b{
font-family: 'lora-bold',Georgia, Georgia, serif;
font-weight: bold;
}

.clear{
width: 100%;
height: 0px;
display: block;
clear: both;
}

h1, h2, h3,.celebes{
	font-family: 'celebes', Arial Black, Arial Black, Gadget, sans-serif;
}

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


:root {
 --4e: 160px;
 --3e: 80px;
 --2e: 40px;
 --e: 20px;
 --ee: 10px;
 --eee: 5px;
 --sirina: 980px;
}

* {
 	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	position:relative;
	box-sizing: border-box; 
	margin:0;
	padding:0;
}

.plusek{
	position:relative;
	letter-spacing: .025em;
}

.plusek:after{
	content: ' ';
	position: absolute;
	display: block;
	left: 101%;
	bottom: 60%;
	width: 6%;
	height: 0;
	padding-bottom: 6%;
	background-image: url('svg/plusek.svg');
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
}

.gumb{
	display: inline-block;
	float: right;
	margin: 0 0 0 auto;
	background-color: var(--p_c);
	color: var(--l_c);
	font-family: 'lora',Georgia, Georgia, serif;
}

.gumb:hover{
}

.gumb a{ 
	color: var(--l_c);
	text-transform: uppercase;
	displaY: block;
	font-size: 16px;
	line-height:16px;
	padding: var(--e);
	display: block;
}

.gumb:after{
	content: ' ';
	display: block;
	clear: both;
}

.povezava{
	margin-top: var(--e);
	text-align: right;
}
.povezava a{
	color: var(--d_c);
	transition: color .3s ease;
}
.povezava:after{
	content: '»';
	transition: color .3s ease;
	color: inherit;
}

.povezava a:hover{
	color: var(--s_c);
	transition: color .3s ease;
}

.povezava:hover:after{
	color: var(--s_c);
	transition: color .3s linea
}

.povezava.povezava-nazaj{
	text-align: left;
	margin-top: var(--2e);
}

.povezava.povezava-nazaj:after{
	content:'';
}

.povezava.povezava-nazaj:before{
	content: '« ';
	transition: color .3s ease;
	color: inherit;
}
.povezava.povezava-nazaj a:hover{
	color: var(--s_c);
	transition: color .3s ease
}
.povezava.povezava-nazaj a:hover:before{
	color: var(--s_c);
	transition: color .3s ease
}

.okvir{
	/*padding: 0 var(--e);*/
	/*padding: 0 var(--e);*/
}

.radius{
	border-radius: var(--eee);
	overflow: hidden;
}

/*navigacija*/

.header_trak{
	position: fixed;
	top: 0;
	left:0;
	z-index:505;
	padding: var(--e);
	background: var(--p_c);
	width: 100%;
	box-sizing: border-box;
}
.menu_knof{
	width: var(--ee);
	height: var(--ee);
	padding: var(--ee);
	margin: 0 0 0 auto;
	cursor: pointer; 
	position:relative;
	box-sizing: content-box;
}

.menu_knof span{
	width:100%;
	height: 2px;
	background: var(--l_c) ;
	display: block;
	position:absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
	transition: margin-top .3s ease, background-color .3s ease;
}
.menu_knof span:nth-child(2){
	margin-top: 2px;
}

.menu_knof.menu_close span{
	margin-top: 0;
	transition: margin-top .3s ease, background-color .3s ease;
}

.menu_knof:hover span{
	background: var(--s_c) ;
	transition: margin-top .3s ease, background-color .3s ease;
}

.vertical-center {
	
}

#site-navigation{
	display: block;
	position: fixed;
	top: -100%;
	left:0;
	z-index:500;
	background: var(--p_c);
	box-sizing: border-box;
	padding: var(--e);
	width: 100%;
	height: 100%;
	overflow-y: auto;
	transition: top .3s ease;
}

#site-navigation.menu_odprt {
	top: 0px;
	transition: top .3s ease;
}


#site-navigation ul {
  margin-bottom: 0px;
  line-height: 1em;
  font-size: 0px;
  padding: var(--3e) 0 0 0;
}

#site-navigation ul li {
	position: relative;
	display: block;
	width: 100%;
	box-sizing: border-box; 
}

#site-navigation ul li a {
	text-align: left; 
	display: block;
}

#site-navigation ul li a:hover {
	color: var(--s_c);
}

#site-navigation ul ul {
	position: relative;
	padding: 0px;
	
	margin-bottom: var(--2e);
}

#site-navigation ul ul li {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

#site-navigation ul ul li a {
	text-align: left;
	display: block;
	text-transform: none;
	box-sizing: border-box;
	color: var(--l_c);
	padding: 7px 0;
	font-size: 16px;
	line-height: 1em;
	margin-left: 0px;
	margin-top: 0px;
}


.povezave-menu{
	position: relative;
	font-size:16px;
	margin-top: var(--2e);
	text-align: left;
	width:100%;
}

.povezave-menu a{
	position: relative;
	font-size:16px;
	display: block;
	color: var(--p_c);
	background: var(--l_c);
	margin: 0 auto;
	padding: var(--ee) var(--e);
	display: inline-block;
	font-family: 'celebes', Arial Black, Arial Black, Gadget, sans-serif;
	transition: background-color .3s ease;
}

.povezave-menu a:hover{
	background: var(--d_c);
	transition: background-color .3s ease;
}

/*logotip navadne strani*/

#navadni-naslovi{
	position: fixed;
	max-width: 60%;
	display: inline-block;
	top: 0; 
	left:0;
	padding: var(--e);
	z-index: 506;  
	box-sizing: content-box;
}

#front-logo-float{
	position: fixed;
	max-width: 60%;
	display: inline-block;
	top: -100px; 
	left:0;
	padding: var(--e);
	z-index: 506;  
	box-sizing: content-box;
	transition: top .3s ease;
}

#front-logo-float.prikazan{
	top: 0; 
	transition: top .3s ease;
}

#front-logo-float .site-title,
#navadni-naslovi h1.site-title{
	color: var(--l_c);
	margin:0; 
	font-size:  var(--e);
	line-height: var(--e);
	margin-top: 8px;
}

#front-logo-float .site-title a,
#navadni-naslovi h1.site-title a{
	color: var(--l_c);
	display: block;
	padding-top: 0;
}

#navadni-naslovi .site-description{
	position: absolute;
	left: -10000px;
}

/*front page*/

#front_okvir_domov{
	background-color: var(--p_c);
	color: var(--l_c);
	padding: var(--e);
	text-align: center;
	height: 100%;
	height: 100vh;
	position: relative;
}

#front_logo_napisi{
	height: 73%;
	height: calc(73vh - var(--2e));
	display: flex;
	align-items: center;
	justify-content: center; flex-direction: column;
}

.emblem-front{
	width: 
}

.site-branding-home .site-logo{
	width: var(--3e);
	height: auto;
	margin-left: -30%;
}

.site-title {
	font-size: 55px;
	line-height: 55px;

	margin-top: 0;
	margin-bottom:  var(--ee);
	}
	
.site-title a{
	display: block;
	color: var(--d_c);
	padding-top: var(--e);
}

.site-description{
	font-family: 'lora',Georgia, Georgia, serif;
	color: var(--d_c);
	line-height: var(--e);
	font-size: var(--e);
}

.front-links{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: var(--e);

	width: 100%;
	margin: 0 auto;
	position: absolute;
	bottom: var(--3e);
	bottom: calc(var(--2e) + 7vh);
	left: 0;
}

.front-links-kontakt{
		position: relative;
	bottom: auto;
}

.frontlink{

}

.frontlink a{
	color: var(--d_c);
	font-size: 24px;
	 background: var(--l_c);
	padding: var(--2e) var(--2e);
	border-radius: var(--eee);
	display: inline-block;
	font-family: 'celebes', Arial Black, Arial Black, Gadget, sans-serif;
	 transition: background-color .3s ease, color .3s ease;
	
}

.frontlink a:hover{
	 background: var(--d_c);
	 color: var(--l_c);
	 transition: background-color .3s ease, color .3s ease;
}


.quicklinks{
	
	
	max-width: var(--sirina);
	margin: 0px auto 0 auto;
	border-radius: var(--eee);
	overflow: hidden;
	position: absolute;
	bottom:var(--e);
	left:var(--e);
	right:var(--e);
	
}

.q-l-okvir{
	display: grid;
	grid-template-columns: 1fr  1fr 1fr 1fr;
	grid-gap: 0;
	height: 7%;
	height: 7vh ;
}


.front_ikona{
text-align: center;
position: relative;
background: var(--d_c);
transition: background-color .3s ease;
}


.front_ikona a {
		width:100%;
		height:100%;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	transition: color .3s ease;
}

.front_ikona:hover {
	background-color: #404040;
	
transition: background-color .3s ease;
}
.front_ikona:hover a{
color: var(--p_c);
transition: color .3s ease;
}

.front_ikona img{
width: 25px;
height: auto;
margin: 0 auto 0 auto;
}

.front_ikona img.skritaikona_header{
position:absolute;
top: 50%;
width: 20px;
height: auto;
left: 50%;
margin-left: -10px;
margin-top: -7px;
Z-index: 2;
opacity: 0;
transition: opacity .3s ease;
}

.front_ikona:hover .zacetnaikona{
	opacity: 0;
	
transition: opacity .3s ease;
}

.front_ikona:hover .skritaikona_header{
	opacity: 1;
transition: opacity .3s ease;
}

.skritaikona_header:hover {
opacity: 1;
transition: opacity .3s ease;
}

/*popup GS*/

.sn_popup{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding: var(--e);
	box-sizing: border-box;
	background: rgba(255,255,255,0);
	Z-INDEX: 699;
	-moz-backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	opacity: 1;
	transition: top .3s ease, opacity .3s ease;
}

.sn_popup p{
	margin-top: var(--e);
	margin-bottom: var(--e);
}

.sn_popup_vsebina{
	position:relative;
	padding: var(--2e) var(--e) var(--e) var(--e) ;
	margin: 0px auto;
	width:100%;
	max-width: 400px;
	background: var(--l_c);
	color: var(--d_c);
	text-align: center;
	font-size: 16px;
	box-shadow: 0px 3px 3px rgba(0,0,0,.4)
}
.sn_zapri{}
.sn_popup_link{
	display: block;
	margin: 0px auto 22px auto;
	padding: var(--e);
	color: var(--d_c);
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	background:var(--p_c);
	position: relative;
	overflow: visible;
	transition: background .3s ease, color .3s ease;
	font-family: 'celebes', Arial Black, Arial Black, Gadget, sans-serif;
}

.sn_popup_link:hover{
	background: var(--d_c);
	color: var(--p_c);
	transition: background .3s ease, color .3s ease;
}

.sn_popup_nevem:hover{
	color: var(--s_c);
}

.sn_popup_korak {
	opacity:1;
	transition: opacity .3s ease;
	overflow:hidden;
	
}

.korak-skrit{
	transition: opacity .3s ease;
	opacity:0;
}

.sn_popup_korak-dva .sn_popup_link{
	margin-top:88px;
	padding-top:33px;
}

span.slika-zdravnika{
	width:88px;
	height:88px;
	display: block;
	position: absolute;
	top:-66px;
	left:50%;
	margin-left:-44px;
	border-radius:44px;
	overflow:hidden;
}

span.slika-zdravnika img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition: width .3s ease, height .3s ease;
}

.sn_popup_korak-dva .sn_popup_link:hover img{
	width:110%;
	height:110%;
	transition: width .3s ease, height .3s ease;
}

.sn_popup.sn_popup_zgin{
	top:100%;
	opacity: 0;
	transition: top .3s ease, opacity .3s ease;
}

.sn_zapri{
	position: absolute;
	top: var(--e);
	right:  var(--e);
	width: var(--ee);
	height: var(--ee);
	padding: var(--ee);
	cursor: pointer;  
	box-sizing: content-box;
}

.sn_zapri span{
	width:100%;
	height: 2px;
	background: var(--p_c) ;
	display: block;
	position:absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	transition: margin-top .3s ease, background-color .3s ease;
	transform: rotate(45deg);
}

.sn_zapri span:first-child{
		transform: rotate(-45deg);
}

.sn_zapri:hover span{
	background: var(--s_c) ;
	transition: margin-top .3s ease, background-color .3s ease;
}


/*front page*/

.front-sekcija{
	
	margin-top: var(--3e);
	padding-left: var(--e);
	padding-right: var(--e);
}

.okvir{
	width:100%;
	max-width: var(--sirina);
	margin-left: auto;
	margin-right: auto;
}

.homepage-content h2{
	margin: 0 0  var(--2e) 0;
	font-size: 32px;
}

#urnik h2{
	margin-bottom: var(--2e)
}

.urnik-podnaslov{
	margin-bottom: var(--e);
	text-align: center;
}

.urnik-podnaslov-sonja{
	margin-top: var(--3e);
}


ul.urnik_vsebina{
	list-style-type: none;
	padding-left:0;
	margin:0;
	margin-bottom: var(--2e)
}

.urnik_dan {
	padding-bottom: var(--e);
}
.urnik_dan:last-child {
	padding-bottom: 0;
}

.urnik_ura {
	
	text-align: center;
	display: inline-block;
	float: right;
	padding-right: 0;
	font-family: 'celebes'; 
	font-size: 18px;
}

.urnik-pojasnilo{
	text-align:left;
}

.obvestilo-pod-urnikom{
	text-align: left;
	font-family: 'lora-italic', arial, sans-serif;
	font-style: italic;
	padding-bottom: var(--e);
	display: block;
}

.obvestilo-pod-urnikom span{
	display: block;
	padding-left: var(--ee);
	border-left: 2px solid var(--s_c)
}

#urnik_vec{
	padding-top: var(--2e)
}

.urnik_link_vec:hover{
	color: var(--s_c);
}

.kontakt-narocanje{
	text-align:center;
}
#kontakt .kontakt-narocanje a{
	color:var(--d_c);
}
#kontakt .kontakt-narocanje a:hover{
	color:var(--l_c);
}

.kontakt-okvir .en_kontakt{
	margin-bottom: var(--eee);
}

.kontakt_podatek a{
	color: var(--l_c);
}

.urnik_obvestilo_shortcode{
	font-family: 'lora-italic', arial, sans-serif;
	font-style: italic;
	
}

.obvestilo-shortcode-okvir{
	margin-bottom: var(--e)
}

#kje-smo h2,
#kontakt h2{
	margin-bottom: var(--2e)
}

.okvir_telefoni{
	text-align: right;
	color: var(--l_c);
	background: var(--p_c);
	padding-top: var(--2e);
	padding-bottom: var(--2e);
}

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

.okvir_telefoni h3{
	margin: 0 0 var(--e) 0;
}

#tel_amb,#tel_sonja{
	margin-bottom: var(--2e)
}

.kjesmo_vsebina{
	margin-bottom: var(--2e)
}

.povezava_kjesmo {
  text-align: left;
  margin-top: var(--2e);
}

.kontakt_zemljevid{
	line-height:0;
}

.sekcija-bojana{
	background: var(--p_c);
}

.bojana-naslov{
	position:relative;
	width:100%;
	height:0;
	padding-bottom: 100%;
	overflow: hidden;
}

.bojana-naslov h2{
	position: absolute;
	bottom: var(--e);
	right: var(--e);
	text-align: right;
	width: 68.1%;
	z-index:2;
	line-height: 1.25em;
	margin-bottom: 0;
	margin-top:0;
}

.bojana_strokovni_naziv{
	font-family: 'lora-italic',Georgia, Georgia, serif;
	font-style: italic;
	color: var(--l_c);
	font-size: 20px;
	font-weight:400
}
.bojana_strokovni_naziv:after{
	display: block;
	clear: both;
	content: ' ';
	width:100%;
}

.bojana_slika{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

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

.bojana_vsebina{
	padding: var(--2e) var(--e);
	text-align: right;
	color: var(--l_c);
}

.bojana_vsebina a{
	color: var(--l_c);
}

.strokovni-naziv-desktop {
	display: none;
}

/*novice_front*/

#front_okvir_novice h2{
	margin-bottom: var(--2e);
}
.novica_izvlecek .posted-on {
	padding-bottom:0;
}

.novica_izvlecek{ 
	margin-bottom: var(--2e);
}
.novica_datum{
	margin-bottom: var(--ee);
}

.novicka_naslov{
	font-size: 16px;
		margin-bottom: var(--ee); 
}

/*zunanje povezave*/

.zunanje-povezave{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: var(--e);
	padding-bottom: var(--2e)
}

.ena_povezava{
	width:100%;
	height:0;
	padding-bottom: 100%;
	position: relative;
}

.ena_povezava a{
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.povezava_slika{
	text-align: center;
	padding: var(--e);
	width:100%;
	height:100%;
	filter: grayscale(100%);
}
.povezava_slika img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%;
}

.ime_povezave {
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: var(--p_c);
	
	opacity: 0;
}
.ime_povezave a{
	color: var(--l_c);
	display: flex;
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--e);
	text-align: center;
	
	transition: opacity .3s ease;
}

.ena_povezava:hover .ime_povezave {
	opacity: 1;
	transition: opacity .3s ease;
}

/*arhiv novic*/

.posted-on{
	color: var(--d_c);
	padding-bottom: var(--2e);
	display: block;
}
.arhiv-novic .teksti .entry-header{
	margin-bottom: 0;
}
.arhiv-novic h1.entry-title{
	display: block;
	clear: both;
	margin-bottom: 0;
}

.arhiv-novic .entry-content{
	margin-bottom: var(--3e);
	padding-bottom: var(--e)
}

.post-navigation,
.posts-navigation{
	padding: 0 var(--e);
	
}

.nav-links{
	display: grid;
		grid-template-columns: 1fr 1fr;
	grid-gap: var(--e);
}

.nav-previous a,
.nav-next a{
	color: var(--d_c)
}
.nav-previous a:hover,
.nav-next a:hover{
	color: var(--s_c);
}

.nav-previous{}
.nav-previous:before{
	content: '« ';
	transition: color .3s ease;
}

.nav-next{
	text-align: right;
}

.nav-next:after{
	content: ' »';
	transition: color .3s ease;
}


/*single novica*/

.single-post .entry-content{
	margin-bottom: var(--3e);
}

/*navedne strani*/

.site-main{
	padding-top: var(--4e);
	padding-bottom: var(--3e);
}

.home  .site-main{
	padding-top: 0;
}

/*zaposleni*/

.ena-oseba-arhiv{
	
}

.oseba-arhiv-okvir{
	position: relative;
	width: 100%;
	height:0;
	padding-bottom: 100%;
	overflow: hidden;
	margin-top: var(--2e);
}

.slika_pri_osebi{
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	height: 100%;
	background: var(--p_c);
	overflow: hidden;

}

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

.teksti .oseba-arhiv-okvir h2{
	position: absolute;
	bottom: var(--e);
	right: var(--e);
	text-align: right;
	width: 80%;
	z-index: 2;
	line-height: 1.25em;
	margin-bottom: 0;
	margin-top: 0;
	color: var(--d_c);
}

.oseba-arhiv-okvir:after{
	content:' ';
	display: block;
	position: absolute;
	bottom:0;
	right: 0;
	left:0;
	width:100%;
	height: 150px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.5+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */
z-index:1;
}


.oseba-arhiv-okvir .naziv_osebe_page,
.entry-header .naziv_osebe_page{
	display: block;
	font-family: 'lora-italic',Georgia, Georgia, serif;
	font-style: italic;
	color: var(--d_c);
	font-size: 20px;
	font-weight: 400;
}
/*nujno obvestilo */

.nujno{
	position: absolute;
	top: 110%;
	top: calc(100% + var(--e));
	left: 0;
	width: 100%;
	z-index: 405;
	cursor: pointer;
	box-sizing: border-box;
}

.nujno.skrij-obvestilo{
	top: -500px;
	opacity: 0;
	transition: top .3s ease, opacity .3s ease;
}

.nujno-znotraj{
	padding: 0 var(--e);
	width:100%;
	max-width: var(--sirina);
	margin: 0 auto;
}
.nujno-tekst{
	
	
	color: var(--l_c);
	background-color: var(--s_c);
	padding: var(--ee) var(--e);
	position: relative;
	border-radius: var(--eee);
}

.nujno-tekst::before {
	width: var(--e);
	height: var(--e);
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 301;
	background-color: var(--d_c);
	content: '!';
	text-align: center;
	line-height: var(--e);
	border-radius: 50%;
	color: var(--l_c);
	font-weight: 900;
	
	font-family: 'celebes', Arial Black, Arial Black, Gadget, sans-serif;
}
/*vsebine in teksti */

.teksti{
	padding-left: var(--e);
	padding-right: var(--e);
}

.teksti .entry-header{
	color: var(--p_c);
	margin-bottom: var(--e);
	margin-top: 0;
}

.teksti .entry-header h1{
	margin-bottom: 0;
	margin-top: 0;
	line-height: 1.25em;
}

.teksti h2,
.teksti h3,
.teksti h4,
.teksti h5{

	margin-bottom: var(--e);
	padding-top: var(--2e);
}
.teksti p:first-child{
	padding-top: var(--2e);
}

.teksti h2{
	font-size: 24px;
}
.teksti h3{
	font-size: 20px;
}
.teksti h4{
	font-size: 16px;
	font-family: 'lora-bold', arial, sans-serif;
	font-weight: bold;
}
.teksti h5{
	font-size: 16px;
	font-family: 'lora-italic', arial, sans-serif;
	font-style: italic;
	font-weight: normal;
}

.teksti p,
.teksti ul,
.teksti ol,
.teksti table,
.teksti img{
	margin-bottom: var(--e);
	line-height: 1.33em;
}

.teksti ul,
.teksti ol{
	padding-left: var(--2e);
}

.teksti table{width:100%;}
.teksti table tr{}
.teksti table td{
	padding: var(--ee) 0;
	text-align: left;
}

.teksti table tr:first-child td{
	font-family: 'lora-bold', arial, sans-serif;
	font-weight: bold;
}
.teksti table td:first-child{
	text-align: left;
}
.teksti table td:last-child{
	text-align: right;
}

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

.teksti .pomembno_okvir{
	padding-left: var(--ee);
	border-left: 3px solid var(--s_c)
}
.teksti .pomembno_okvir:first-child{
	margin-top: var(--2e)
}

.teksti .pomembno_okvir p:first-child{
	padding-top: 0;
}


.teksti .alignleft {
  float: left;
  margin: 0 var(--e) var(--e) 0;
}


.teksti .povezava_gumb{
	text-align: center;
}

.teksti .povezava_gumb p{
	margin: 0;
	padding: 0;
}

.teksti .povezava_gumb a{
	display: inline-block;
	padding: var(--e);
	background-color: var(--p_c);
	color: var(--l_c);
	margin: var(--e) auto var(--2e) auto;
	transition:background-color .3s ease;
	border-radius: var(--eee);
}

.teksti .povezava_gumb a:hover{
	background-color: var(--d_c);
	transition:background-color .3s ease;
}


/*fotogalerije*/

.gallery{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--e);
	margin-top: var(--3e);
	margin-bottom: var(--2e)
}
.gallery img{
	margin-bottom:0;
	border-radius: var(--eee);
	transition: opacity .3s ease;
}
.gallery img:hover{
	opacity: .8;
	transition: opacity .3s ease;
}
.gallery-icon{
	border-radius: var(--eee);
	overflow: hidden;
}
figure{
	margin:0;
}

/*footer*/

.site-footer{
	background-color: var(--d_c);
	color: var(--l_c);
	padding: var(--3e) var(--e) 0 var(--e);
}

.noga-okvir{
	margin-top: var(--e);
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--e);
}

.footer-logo{
	width: var(--2e);
	margin-bottom: var(--e)
}

.podatki-podjetja .ime_firme{
	font-family: 'lora-italic',Georgia, Georgia, serif;
	font-style: italic;
}
.podatki-podjetja{
	list-style-type: none;
	padding-left: 0;
}

.podatki-podjetja li{
	margin-bottom: var(--ee)
}

.podatki-podjetja li:last-child{
	margin-bottom: 0;
}

.site-footer a{
	color: var(--l_c);
}

.site-footer a:hover{
	color: var(--p_c);
}

#siteinfos{
	text-align: right;
	padding-top: var(--2e);
	margin-top: var(--e);
}

.footer_ikona {
	display: block;
	width: var(--2e);
	height: var(--2e);
	text-align: center;
	line-height: var(--2e);
	background-color: var(--p_c);
	color: var(--d_c);
	margin-bottom: var(--eee);
	margin-right: 0;
	margin-left: auto;
	transition: color .3s ease;
	position: relative;
}

.footer_ikona:hover{
	color: var(--l_c);
	transition: color .3s ease;
}

.skritaikona{
	display: none;
}

.f_skritaikona,
.f_zacetnaikona{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: auto;
	margin-top:-6px;
	margin-left: -9px;
	transition: opacity .3s ease;
}
.f_skritaikona{
	opacity: 0;
}

.f_zacetnaikona{}

.footer_ikona:hover .f_skritaikona{
	opacity:1;
	transition: opacity .3s ease;
}
.footer_ikona:hover .f_zacetnaikona{
	opacity:0;
	transition: opacity .3s ease;
}

.copyright{
	background-color: var(--d_c);
	color: var(--l_c);
	padding: var(--3e) var(--e) var(--e) var(--e);
	text-align: center;
}
.locnica{
	margin: 0px var(--eee)
}

.janez-polc-logo {
	display: inline-block;
	background-image: url('svg/jp_logo_2020_mono_bel.svg');
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	opacity: 1;
	transition: opacity 0.3s ease;
	width: 15px;
	vertical-align: middle;
	height: 22px;
}


/*vecji zasloni*/

@media screen and (min-width: 600px){
	
.obvestilo-pod-urnikom{
	text-align: center;

}


.urnik-pojasnilo{
	text-align:center;
}

.obvestilo-pod-urnikom span{
	display: inline-block;
}
}
@media screen and (min-width: 750px){
	.vertical-center {
	width: 100%;
	top: 50%;
	left: 50%; 
	position: absolute;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	box-sizing: border-box;
}

#site-navigation{
	display: block;
	position: fixed;
	top: -100%;
	left:0;
	z-index:500;
	background: var(--p_c);
	box-sizing: border-box;
	padding: var(--e);
	width: 100%;
	height: 100%;
	transition: top .3s ease;
}

#site-navigation.menu_odprt {
  top: 0px;
  transition: top .3s ease;
}


#site-navigation ul {
  margin-bottom: 0px;
  line-height: 1em;
  font-size: 0px;
  padding: 0px var(--e);
}

#site-navigation ul li {
	position: relative;
	display: inline-block;
	width: 33.3333%;
	box-sizing: border-box; 
	vertical-align: top; 
}

#site-navigation ul li a {
	text-align: center; 
	display: block;
	letter-spacing: .05em;
}

#site-navigation ul li a:hover {
	color: var(--s_c);
}

#site-navigation ul ul {
	position: relative;
	padding: 0px;
}

#site-navigation ul ul li {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

#site-navigation ul ul li a {
	text-align: left;
	display: block;
	text-transform: none;
	box-sizing: border-box;
	text-align: center;
	color: var(--l_c);
	padding: var(--ee) var(--e);
	font-size: 16px;
	line-height: 1em;
	margin-left: 0px;
	margin-top: 0px;
}


.povezave-menu{
	position: relative;
	font-size:16px;
	margin-top: var(--3e);
	text-align: center;
	width:100%;
}

.povezave-menu a{
	position: relative;
	font-size:16px;
	display: block;
	color: var(--p_c);
	background: var(--l_c);
	margin: 0 auto;
	padding: var(--ee) var(--e);
	display: inline-block;
	font-family: 'celebes', Arial Black, Arial Black, Gadget, sans-serif;
	
	transition: background-color .3s ease;
}

.povezave-menu a:hover{
	background: var(--d_c);
	transition: background-color .3s ease;
}

.quicklinks{
}
.q-l-okvir{
	margin-left:var(--e);
	margin-right:var(--e);
}

/*front*/

.front-sekcija h2{
	font-size: 36px;
	line-height: 1.25em;
}


#urnik{
	padding: var(--2e) var(--e);
}

ul.urnik_vsebina {
	display: grid;
	grid-template-columns: 1fr  1fr 1fr 1fr 1fr;
	grid-gap: var(--e);
	text-align: center;
}


ul.urnik-na-strani{
	list-style-type: none;
	padding-left:0;
}

.urnik_ura {
	text-align: center;
	display: block;
	float: none;
	padding-right: 0;
	font-family: 'celebes';
	font-size: 18px;
	padding-top: var(--e)
}

.urnik_dan {
  padding-bottom:0;
}

#urnik h2,
#front_okvir_novice h2,
#kontakt h2 {
  margin-bottom: var(--2e);
  text-align: center;
}



.povezava {
	text-align: center;
}


.okvir_telefoni {
	padding-top: var(--3e);
	padding-bottom: var(--3e);
}

.okvir_telefoni a {
	color: var(--l_c);
}

.okvir_telefoni .okvir{
	padding: var(--2e) 0;
}

.povezava_narocanje_referencna{
	margin-top: var(--2e);
	color: var(--l_c);
}

.povezava-desno{
	margin-top: var(--2e);
	padding-top: 24px;
}

.povezava_narocanje_referencna a{
	color: var(--l_c);
}

.kontakt_telefoni h3{
	margin-bottom: var(--2e)
}

.kje-smo-okvir,
.kontakt-okvir{
	display: grid;

	grid-gap: var(--e);
	text-align: center;	width:100%; 
	max-width: var(--sirina);
	margin: 0 auto;
}

.kontakt-okvir{
		grid-template-columns: 1fr 1fr 1fr;
}

.kje-smo-okvir{
	grid-template-columns: 1fr 2fr;
	grid-gap: 0;
	padding: var(--4e) var(--e);
}

.en_kontakt{
	margin-bottom: var(--ee)
}

.en_kontakt:last-child{
	margin-bottom:0
}

#tel_amb {
	margin-bottom:0; 

}

#kje-smo {
	padding-left:0;
	padding-right: 0;
	margin-top: 0;
}
#kje-smo h2 {
	margin-bottom: var(--2e);
  text-align: right;
}
#kontakt_podatki{
		text-align: right;
		margin-right: var(--2e);
		width: auto;
}

.povezava_kjesmo{
	text-align: right;
	margin-top: var(--2e);
}

.sekcija-bojana{
	padding:var(--3e) 0;
}

.okvir-bojana{
	display: grid;
	grid-template-columns: 1fr 2fr;
	padding: 0 var(--e);
}

.bojana_vsebina{
	 align-self: flex-end;
	 text-align: left;
	 padding-bottom: 0;
	 padding-left: var(--2e);
}

.bojana_slika{
	border-radius: var(--eee);
	overflow: hidden;
}

.bojana-naslov h2 {
	display: none;
}


.strokovni-naziv-desktop{
	font-size: 36px;	display: block;
	color: var(--d_c);
	margin-bottom: var(--2e);
}
.strokovni-naziv-desktop .bojana_strokovni_naziv {
	display: block;
	margin-bottom: var(--ee);
}

.okvir-bojana p{ 
	margin-bottom: var(--e);
 }
.bojana_vsebina .povezava{
	 text-align: left;}

#front_okvir_novice .container{
	padding: var(--2e) 0;
}

#front_okvir_novice .povezava{
	margin-top: var(--3e);
}


.povezave_naslov{
	margin: var(--3e) 0;
	text-align: center;
}

.zunanje-povezave {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: var(--e);
	padding-bottom: var(--2e);
}

/*osebje*/

.okvir-osebje{
	display: grid;
	grid-template-columns: 1fr 1fr; 
	grid-gap: var(--e);
	margin-top: var(--3e);
}

.oseba-arhiv-okvir {
	
	margin-top: 0
}


/*vsebine*/
.gallery {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: var(--e);
	margin-top: var(--3e);
	margin-bottom: var(--2e);
}

footer .okvir{
	padding-left: var(--e);
	padding-right: var(--e);
}

}