/*CUSTOM FONTS*/
/*Primer kako se pravilno vstavi fonte za vse sorte browserjev na različnih operacijskih sistemih*/
/*@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'Soho Gothic Pro';
	src: url('../fonts/SohoGothicPro/SohoGothicPro-Regular.otf') format('opentype');
	font-weight: normal; 
    font-style: normal;
}

@font-face {
	font-family: 'Soho Gothic Pro';
	src: url('../fonts/SohoGothicPro/SohoGothicPro-Bold.otf') format('opentype');
	font-weight: bold; 
    font-style: normal;
}

@font-face {
	font-family: 'Soho Gothic Pro';
	src: url('../fonts/SohoGothicPro/SohoGothicPro-Italic.otf') format('opentype');
    font-style: italic;
}

/*  DEFAULT or GLOBAL STYLES - to velja za vse html in html5 elemente */
* {
	margin:0;
	padding:0;
	box-sizing: border-box;
  }


.hide_animation { display: none; }
/*ANIMATION - Circles in background*/
.area { position: absolute; top: 0; background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8); width: 100%; height: 100%; z-index: -1; }
.circles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.circles li { position: absolute; display: block; list-style: none; text-align: center; width: 20px; height: 20px; background: rgba(107, 107, 100, 0.295); animation: animate 10s linear infinite; bottom: -150px; z-index: 1000; }
.circles li img { width: 90%; height: 90%; }
.circles li:nth-child(1) { left: 25%; width: 80px; height: 80px; animation-delay: 0s; }
.circles li:nth-child(2) { left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; }
.circles li:nth-child(3) { left: 70%; width: 20px; height: 20px; animation-delay: 4s; }
.circles li:nth-child(4) { left: 40%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s; }
.circles li:nth-child(5) { left: 65%; width: 20px; height: 20px; animation-delay: 0s; }
.circles li:nth-child(6) { left: 75%; width: 110px; height: 110px; animation-delay: 3s; }
.circles li:nth-child(7) { left: 35%; width: 150px; height: 150px; animation-delay: 7s; }
.circles li:nth-child(8) { left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; }
.circles li:nth-child(9) { left: 20%; width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s; }
.circles li:nth-child(10) { left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s; }

@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}
/*END OF ANIMATION - Circles in background*/

/*ANIMATION - Blurry bubbles*/
.bb {
	position: absolute;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	-webkit-animation: 'screen'  infinite;
	animation: 'screen'  infinite;
  }
  
  /*levo zgoraj*/
  .bb:nth-child(1){
	top:1vh;
	left:1vw;
	background: -webkit-radial-gradient(center, ellipse cover, rgba(98, 99, 100, 0.65) 0%,rgba(0,0,0,0) 100%);
	box-shadow:0px 0px 5px 0px #EDF7FF;
	animation-duration: 5s;
  }
  
  /*levo sredina*/
  .bb:nth-child(2){
	top:40vh;
	left:1vw;
	background: -webkit-radial-gradient(center, ellipse cover, rgba(237,247,255,0.65) 0%,rgba(0,0,0,0) 100%);
	box-shadow:0px 0px 5px 0px #EDF7FF;
	animation-duration: 21s;
  }
  
  /*sredina ekrana*/
  .bb:nth-child(3){
	top:50%;
	left:50%;
	background: -webkit-radial-gradient(center, ellipse cover, rgba(237,247,255,0.65) 0%,rgba(0,0,0,0) 100%);
	box-shadow:0px 0px 5px 0px #EDF7FF;
	animation-duration: 5s;
  }
  
  /*zgoraj (skoraj) sredina*/
  .bb:nth-child(4){
	top:0;
	left:45%;
	background: -webkit-radial-gradient(center, ellipse cover, rgba(237,247,255,0.65) 0%,rgba(0,0,0,0) 100%);
	box-shadow:0px 0px 5px 0px #EDF7FF;
	animation-duration: 4s;
  }
  
  /*levo na sredini zraven 2-ke*/
  .bb:nth-child(5){
	top:30vh;
	left:1%;
	background: -webkit-radial-gradient(center, ellipse cover, rgba(98, 99, 100, 0.65) 0%,rgba(0,0,0,0) 100%);
	box-shadow:0px 0px 5px 0px #EDF7FF;
	animation-duration: 5s;
  }
  
  /*levo spodaj*/
  .bb:nth-child(6){
	top:50vh;
	left:2%;
    background: -webkit-radial-gradient(center, ellipse cover, rgba(237,247,255,0.65) 0%,rgba(0,0,0,0) 100%);
    box-shadow:0px 0px 5px 0px #EDF7FF; 
	animation-duration: 6s;
  }
  
  /*levo spodaj*/
  .bb:nth-child(7){
	top:60vh;
	left:3%;
	background: -webkit-radial-gradient(center, ellipse cover, rgba(98, 99, 100, 0.65) 0%,rgba(0,0,0,0) 100%);
	box-shadow:0px 0px 5px 0px #EDF7FF; 
	animation-duration: 15s;
  }

  /*sredina zgoraj*/
  .bb:nth-child(8){
	top:1vh;
	left:48%;
	background: -webkit-radial-gradient(center, ellipse cover, rgba(237,247,255,0.65) 0%,rgba(0,0,0,0) 100%);
	box-shadow:0px 0px 5px 0px #EDF7FF; 
	animation-duration: 5s;
  }

  /*desna sredina*/
  .bb:nth-child(9){
	top:30%;
	left:80%;
	background: -webkit-radial-gradient(center, ellipse cover, rgba(98, 99, 100, 0.65) 0%,rgba(0,0,0,0) 100%);
	box-shadow:0px 0px 5px 0px #EDF7FF; 
	animation-duration: 13s;
  }
  
  .bb:nth-child(10){
	top:55%;
	left:20%;
	background: -webkit-radial-gradient(center, ellipse cover, rgba(237,247,255,0.65) 0%,rgba(0,0,0,0) 100%);
	box-shadow:0px 0px 5px 0px #EDF7FF; 
	animation-duration: 4s;
  }
  
  .bb:nth-child(11){
	top:65%;
	left:80%;
	background: -webkit-radial-gradient(center, ellipse cover, rgba(237,247,255,0.65) 0%,rgba(0,0,0,0) 100%);
	box-shadow:0px 0px 5px 0px #EDF7FF; 
	animation-duration: 10s;
  }

  @keyframes screen {
	from {
	  opacity: 0;
	}
  
	25% {
	  opacity: 0.3;
	  transform: scale3d(3, 3, 4);
	}
  
	50% {
	  opacity: 0.75;
	}
  
	75% {
	  opacity: 1;
  
	}
  
	to {
	  opacity: 0;
	}
  }
/*END OF ANIMATION - Blurry bubbles*/

/*ANIMATION - Snow*/
.snowflake {
	color: #fff;
	font-size: 1em;
	font-family: Arial, sans-serif;
	text-shadow: 0 0 5px #000;
  }
   
  .snowflake,.snowflake .inner {
	animation-iteration-count:infinite;
	animation-play-state:running
}

@keyframes snowflakes-fall {
	0%{transform:translateY(0)}
	100%{transform:translateY(110vh)}
}
@keyframes snowflakes-shake {
	0%,100%{transform:translateX(0)}
	50%{transform:translateX(80px)}
}
.snowflake {
	position:fixed;
	top:-10%;
	z-index:9999;
	-webkit-user-select:none;
	user-select:none;
	cursor:default;
	animation-name:snowflakes-shake;
	animation-duration:3s;
	animation-timing-function:ease-in-out
}
.snowflake .inner {
	animation-duration:60s;
	animation-name:snowflakes-fall;
	animation-timing-function:linear
}
.snowflake:nth-of-type(0) {
	left:1%;
	animation-delay:0s
}
.snowflake:nth-of-type(0) .inner { animation-delay:0s; }
.snowflake:first-of-type { left:10%; animation-delay:1s }
.snowflake:first-of-type .inner,.snowflake:nth-of-type(8) .inner { animation-delay:1s }
.snowflake:nth-of-type(2) { left:20%;animation-delay:.5s}
.snowflake:nth-of-type(2) .inner,.snowflake:nth-of-type(6) .inner { animation-delay:6s }
.snowflake:nth-of-type(3) { left:30%;animation-delay:2s}
.snowflake:nth-of-type(11) .inner,.snowflake:nth-of-type(3) .inner { animation-delay:4s }
.snowflake:nth-of-type(4) { left:40%;animation-delay:2s}
.snowflake:nth-of-type(10) .inner,.snowflake:nth-of-type(4) .inner { animation-delay:2s }
.snowflake:nth-of-type(5) { left:50%;animation-delay:3s }
.snowflake:nth-of-type(5) .inner { animation-delay:8s }
.snowflake:nth-of-type(6) { left:60%;animation-delay:2s }
.snowflake:nth-of-type(7) { left:70%;animation-delay:1s }
.snowflake:nth-of-type(7) .inner { animation-delay:2.5s }
.snowflake:nth-of-type(8) { left:80%;animation-delay:0s }
.snowflake:nth-of-type(9) { left:90%;animation-delay:1.5s }
.snowflake:nth-of-type(9) .inner { animation-delay:3s }
.snowflake:nth-of-type(10) { left:25%;animation-delay:0s }
.snowflake:nth-of-type(11) { left:65%;animation-delay:2.5s }
/*END OF ANIMATION - Snow*/

/*ANIMATION - Snow 2*/
@-webkit-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    100% { background-position: 500px 1000px, 400px 400px, 300px 300px; }
}
@-moz-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    100% { background-position: 500px 1000px, 400px 400px, 300px 300px; }
}
@-ms-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    100% { background-position: 500px 1000px, 400px 400px, 300px 300px; }
}
@keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    100% { background-position: 500px 1000px, 400px 400px, 300px 300px; }
}

#snow {
    background-image: url('https://i.imgur.com/BiSmXaq.png'), url('https://i.imgur.com/XHuy0NJ.png'), url('https://i.imgur.com/okpRxJU.png');
    -webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
	position: absolute; height: 100%; width: 100%;
	top:0;
	z-index: -1;
}
/*END OF ANIMATION - Snow 2*/

/*ANIMATION - Animated arrow down*/
.linker { display: inline-flex; align-items: center; padding: 5px; text-decoration: none; transform: rotate(-90deg) translate3d(-30px, 0, 0); }
.linker__arrow { display: inline-flex; }
.linker__arrow span { position: relative; width: 14px; height: 2px; border-radius: 2px; overflow: hidden; background: #BEBDBE; z-index: 2; }
.linker__arrow span:nth-child(1) { transform-origin: left bottom; transform: rotate(45deg) translate3d(8px, -10px, 0); }
.linker__arrow span:nth-child(2) { transform-origin: left bottom; transform: rotate(-45deg); }
.linker__arrow span:after { content: ''; display: block; position: absolute; left: 0; width: 0; height: 2px; background: #fa4238; }
.linker__line { position: relative; margin-left: -14px; margin-right: 30px; width: 50px; height: 2px; background: #BEBDBE; overflow: hidden; z-index: 1; }
.linker__line:after { content: ''; display: block; position: absolute; left: 30px; width: 40px; height: 2px; background: #fa4238; }
.linker__text { color: #4A4A4A; font-size: 1.8rem; text-transform: uppercase; }
.linker:hover .linker__line:after { animation: animation-line 1.5s forwards; } 
.linker:hover .linker__arrow span:after { animation: animation-arrow 1.5s forwards; animation-delay: 1s; }
  
@keyframes animation-line 
{
	0% { left: 30px; }
	100% { left: 0; }
}

@keyframes animation-arrow 
{
	0% { width: 0; }
	100% { width: 100%; } 
}
/*END OF ANIMATION - Animated arrow down*/

/*ROOT*/
:root {
	/*zudv main colors*/
	--zudv-black: #231f20;
	--zudv-gray: #a7a9ac;
	--zudv-darkgray: #6a6a6b;
	--zudv-blue: #97c8eb;
	--zudv-red: #fa4238;

	/*font sizes*/
	--fs-h1: clamp(2.5rem, 8vw + 1rem, 3rem);
	--fs-h2: clamp(2.5rem, 8vw + 1rem, 2.8rem);
	--fs-h3: clamp(2rem, 8vw + 1rem, 2.5rem);
	--fs-h4: clamp(1.8rem, 8vw + 1rem, 2.2rem);
	--fs-h5: clamp(1.6rem, 8vw + 1rem, 1.8rem); /*drobni tisk*/
	--fs-p: clamp(1rem, 4vw, 1.4rem);
}

/*  - - - - Default Styles - - - -  */
html { width: 100%; height: 100%; font-size: 10px; overflow: -moz-scrollbars-vertical; overflow-x: auto; overflow-y: scroll; }
body { font-family:'Soho Gothic Pro'; line-height: 1.6; background: url(../images/24_cnt_background.webp) repeat-y; -webkit-font-smoothing: antialiased; } /*antialiased = Improve text rendering*/
table  { border: solid var(--zudv-darkgray) 1px; border-collapse: collapse; }
table tr td { font-size: 1.44rem; border: solid var(--zudv-darkgray) 1px; }
table thead tr td { background-color: var(--zudv-darkgray); color: White; }
img, video { max-width: 100%; height: auto; } /*max-width je za responsive image*/
input  { border:0px; }
a { color:var(--zudv-gray); text-decoration: none; }
a:hover { text-decoration: none; color: var(--zudv-red); }
p { font-size: var(--fs-p); color:var(--zudv-black); }
.widget-text > .invisible, #form-search .widget-text label, .mod_search .widget-text label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/*v H1 je bilo to: display: inline-block; background: rgb(255, 255, 255, .6); padding-left: 10px; padding-right: 10px;*/
h1 {  color: var(--zudv-blue); font-size: var(--fs-h1); line-height: 1.2; letter-spacing: 0.02em; font-weight: bold; text-transform: uppercase; padding-bottom: 20px; }
h1.paddingleft { padding-left: calc(70px + 1.5625vw); }
h2 { color: var(--zudv-blue); font-size: var(--fs-h2); line-height: 1; letter-spacing: 0.02em; font-weight:normal; }
h3 { color: var(--zudv-red); font-size: var(--fs-h3); line-height: 1; letter-spacing: 0.02em; padding-bottom: 15px; font-weight: normal; font-style: italic; }
h4 { color: var(--zudv-gray); font-size: var(--fs-h4); line-height: 1.3; font-weight: normal; padding-bottom: 15px; }
h5 { color: var(--zudv-black); font-size: var(--fs-h5); line-height: 1; font-weight: bold; } 
h6 { display: none; }

/*FILE ICONS*/
.pdf { padding: 10px 10px 10px 30px; background: url(../images/24_pdf.png) no-repeat left center; display: inline-block; }
.doc { padding: 0px 10px 15px 35px; background: url(../images/24_word.png) no-repeat left center; display: inline-block; }
.ppt { padding: 0px 10px 15px 35px; background: url(../images/24_pptx.png) no-repeat left center; display: inline-block; }
.xls { padding: 0px 10px 15px 35px; background: url(../images/24_excel.png) no-repeat left center; display: inline-block; }


/*OGRODJE*/
/*CSS GRID AREAS DEFINITION*/
#wrapper {
	display: flex;
	flex-wrap: wrap;
}

header { 
	position: sticky;
	top:0;
	left:0;
	flex: 100%; /*100% pomeni cez celotno vrstico*/
	transition: 0.6s;
	width: 1920px;
	z-index: 3;
}
/*GRID celica lahko vsebuje samo en DIV, zato mrežo razdeliš na toliko vrstic in kolon, kot jih po ogledu template-a potrebuješ!!!!!!*/
header .header_container { display: grid; grid-template-columns: 30vw 22vw auto 80px; width: 80%; margin: 0 auto; }
header.sticky { background:#fff; transition: 0.6s; }

#left { 
	flex: 12%;
	margin-top: 10px;
}

#main { 
	flex: 61%;
	margin-top: 10px;
}

#right { 
	flex: 12%;
	margin-top: 10px;
}

footer { 
	flex: 100%;  /*flex: grow shrink basis*/
}
footer .footer_container { /*display: flex; flex-wrap: wrap; flex:100%;*/ background: url(../images/24_footer_background.webp) center 60px no-repeat; } /*znotraj je testno komenitarno*/

/*main, left in right se razlikujejo glede na to ali gre za vstopno ali notranjo stran*/
.main { width: 100%; min-height: 100%; background: rgb(255, 255, 255, .7); /*background:transparent;*/ /*background: White; filter:alpha(opacity=70); opacity:0.70; -moz-opacity:0.70;*/ }
/*.firstpage { background:transparent; }*/
.empty_right, .empty_right_plustopmenu .ce_text  { width: 86%; }
.regular_page .empty_left_right { width:80%; margin:0 auto; padding-top: 0px !important; background: none !important; } /*za klasično stran */
.empty_left_right { width:80%; margin:0 auto; /*padding-left: 5.7vw;*/ padding-top: 8vw/*calc(3.5vw + 1.5625vw)*/; background: none !important; }
.empty_left_right_plustopmenu { width:80%; margin:0 auto; /*padding-left: 5.7vw;*/ padding-top: 4.5vw/*calc(3.5vw + 1.5625vw)*/; background: none !important; }
.left, .right { width: 63%; height:100%; /*background: White; filter:alpha(opacity=85); opacity:0.85; -moz-opacity:0.85;*/ } /*širina leve in desne strani kopira širino main div-a*/
.left { margin-left: auto; }
/*.left.firstpage, .right.firstpage { height:100%; background: transparent; }*/ /*širina leve in desne strani kopira širino main div-a*/
/*END OF CSS GRID OGRODJE*/

/*Logotype*/
.logo_sl, .logo_en { grid-row: 1/4; grid-column: 1/2; flex-basis: 424px; min-width: 230px; }
.logo_sl a, .logo_en a { display: block; }
.sticky .logo_sl a, .sticky .logo_en a { grid-row: 1/4; width: 100%; transition: 0.6s; }

/*Favourites - links*/
header .favs { grid-row: 1/2; grid-column: 2/5; justify-self: right; padding:8px 20px 8px 0; }
footer .favs { justify-self: right; padding:10px 0; }
.favs a { font-size: 1.2rem; margin: 0 10px; font-weight: bold; color: var(--zudv-darkgray); }  /*wave: color*/
.favs a:hover { color: var(--zudv-red); }

/*Search*/
.mod_search > div { padding-bottom: 10px; }
.mod_search .formbody { position: relative; height: 30px; width: 80vw; min-width: 100px; margin-top: 20px; /*margin: auto;*/ }
.mod_search .first { margin-top: 20px; }
.mod_search .text { position: absolute; height: 100%; width: 95%; border-radius: 25px; border:1px solid var(--zudv-red) !important; color: var(--zudv-gray); transition: box-shadow 0.25s; padding:0px 25px 0 10px; outline: none; border: none; }
.mod_search .text[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; }
.mod_search .text:focus-within { outline: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); }
.mod_search .formbody .search-icon { cursor: pointer; position: absolute; right: 6%; top: 8px; }
.mod_search nav.pagination { margin-top: 10px; }
.mod_search nav.pagination ul { list-style: none; display: flex; margin-top: 5px; }
.mod_search nav.pagination p { color: var(--zudv-red); font-weight: bold; }
.mod_search nav.pagination ul li { margin: 0 5px; }

/*Search form*/
#header .ce_form { grid-row: 2/3; grid-column: 2/4; justify-self: right; }
#header .ce_form .formbody { position: relative; height: 30px; width: 20vw; min-width: 100px; margin: auto; }
#header .ce_form .formbody .widget { margin-top: 0px; }
#header .ce_form .text { position: absolute; height: 100%; width: 100%; border-radius: 25px; border:1px solid var(--zudv-red) !important; color: var(--zudv-gray); transition: box-shadow 0.25s; padding:0px 30px 0 10px; outline: none; border: none; }
#header .ce_form .text:focus-within { outline: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); }
#header .ce_form .formbody .widget-submit { position: absolute; right: 8px; top: 2px; }

/*Language change*/
header .mod_changelanguage { grid-row: 2/3; grid-column: 4/5; justify-self: right; width: 50px; border-right: 3px solid var(--zudv-red) ; }
footer .mod_changelanguage { padding-top: 8px; }
.mod_changelanguage a { font-size: 1.4rem; font-weight: bold; color:var(--zudv-darkgray); }
.mod_changelanguage ul { list-style: none; margin-right: 54px; }
.mod_changelanguage ul li.active { display: none; }

/*Navigation - KORPO + LEFT*/
header .mod_navigation { grid-row: 3/4; grid-column: 2/5; font-size: clamp(1.2rem, 1.2vw, 2.05rem); }
.mod_navigation .trail, .mod_navigation .active { color: var(--zudv-red); } /*sledenje aktivnim povezavam*/
.mod_navigation a { color: var(--zudv-black); }
.mod_navigation a:hover { color: var(--zudv-red); }
header .mod_navigation ul ul span.forward { padding-left: 5px; font-size: 1.4rem; }
header .mod_navigation span.active { color: var(--zudv-red); }
header .mod_navigation .forward { cursor: pointer; }
header .mod_navigation a.invisible, #left .mod_navigation a.invisible { display: none; }
header .mod_navigation > i:nth-of-type(1) { display: none; }
header .mod_navigation ul { list-style: none; }
/*levels*/
header .mod_navigation ul.level_1 { display: flex; flex-wrap: wrap; padding-right: 30px; border-right: 3px solid var(--zudv-red); transition: all 2s ease; }
header .mod_navigation ul.level_1 li { position: relative; flex: auto; white-space: nowrap; text-align: right; text-transform: uppercase; }
header .mod_navigation ul.level_1 li li { white-space: wrap; text-transform:none; text-align: left; }
header .mod_navigation ul.level_1 li li span.active { display: block; padding: 5px; font-size: 1.4rem; cursor: pointer;  text-align: start; }

/* za simulacijo mega menu
header .mod_navigation { position: relative ;}
header .mod_navigation ul.level_2 div { position: absolute; left:0px; border: solid 1px red; left: -100%; width: 100%; height: 100%; }
*/

header .mod_navigation ul li .arrow { position:absolute; top: 8px; right: 10px; width: 15px; height: 100%; color: #000; padding: 18px 0; }
header .mod_navigation ul li:hover > ul { display: block; z-index: 1; box-shadow: 4px 4px 10px 0 #000; border-radius: 0 0 4px 4px; }
header .mod_navigation ul li ul { position: absolute; right:0; width:200px; background: #fff; filter:alpha(opacity=95); opacity:0.95; -moz-opacity:0.95; display:none; }
header .mod_navigation ul li ul li { position: relative; padding: 0; width: 100%; }
header .mod_navigation ul li ul li:first-child { border: none; }
header .mod_navigation ul li ul li a { display: block; width: 100%; font-weight: normal; font-size: 1.4rem; color:var(--zudv-black) ; padding: 5px; text-align: left; }
header .mod_navigation ul li ul li .arrow { position: absolute; right: 0; color:var(--zudv-black); padding: 12px 0; }
header .mod_navigation ul li ul li ul { top: 0; left: 100%; }
header .mod_navigation ul li:nth-last-child(1) ul li ul, header .mod_navigation ul li:nth-last-child(2) ul li ul { top: 0px; left: -100%; right: 100%; box-shadow: 0 4px 10px 0 #000; }
/*left menu specific*/
#left .mod_navigation { margin-top: 30px; }
#left .mod_navigation ul { list-style: none; margin: 0 10px; border-left:solid 3px var(--zudv-red) ; }
#left .mod_navigation ul ul, #left .mod_navigation ul ul ul, #left .mod_navigation ul ul ul ul { padding: 0; margin: 0; border-left: none; }
#left .mod_navigation span.menutitle { display: none; }
#left .mod_navigation a { font-size: 1.4rem; display: block; padding: 5px 0 5px 10px; }
#left .mod_navigation span { font-size: 1.4rem; display: block; padding: 5px 0 5px 10px; }
/*#left .mod_navigation ul li { border-top:dashed 1px var(--zudv-gray); }*/
/*#left .mod_navigation ul li.last { border-bottom: dashed 1px var(--zudv-gray); }*/
#left .mod_navigation ul li ul li.last { border-bottom: none; }
#left .mod_navigation ul li ul li { padding-left: 10px; }
#left .mod_navigation ul li ul li ul li, #left .mod_navigation ul li ul li ul li ul li { padding-left: 10px; }
/*left menu show/hide*/
#left .mod_navigation ul li ul { display: none; }
#left .mod_navigation ul .trail ul li ul { display: none; }
#left .mod_navigation ul li.active ul { display: block; }
#left .mod_navigation ul li.trail ul { display: block; }
#left .mod_navigation ul .trail ul li.active ul { display: block; }
#left .mod_navigation ul li.trail ul li.trail ul { display: block; }
/*news navigation in left container*/
.mod_newsmenu ul { list-style: none; padding:0 10px;}
.mod_newsmenu ul.level_1 li.year { padding-top: 10px; }
.mod_newsmenu ul.level_1 li.year a { font-size: 1.4rem; font-weight: bold; color: var(--zudv-red); }
.mod_newsmenu ul.level_1 li.year ul li a { font-weight: normal; color: var(--zudv-black); }
.mod_newsmenu ul.level_1 li.year ul li a:hover { color: var(--zudv-red); }
.mod_newsmenu ul.level_1 li.year ul li strong { font-size: 1.4rem; color: var(--zudv-red); font-weight: normal !important; }
/*breadcrumb*/
.main .mod_breadcrumb { display: none; }
.empty_right .mod_breadcrumb, .empty_left_right .mod_breadcrumb, .empty_left_right_plustopmenu .mod_breadcrumb { display: block !important; }
.empty_left_right .mod_breadcrumb, .empty_left_right_plustopmenu .mod_breadcrumb { padding-left: calc(70px + 1.5625vw); }
.regular_page .mod_breadcrumb { padding-left: 0px; }
.mod_breadcrumb { padding-top: 30px; padding-bottom: 30px; text-transform: uppercase; }
.mod_breadcrumb a, .mod_breadcrumb span { font-size: 1.2rem; }
.mod_breadcrumb ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; list-style-position: inside; }
/*.mod_breadcrumb ul::before { content:url(../images/24_home_20.png); }*/
.mod_breadcrumb ul li { font-size: 1.2rem; padding: 5px 10px 5px 5px; background: rgb(255, 255, 255, .7); }
.mod_breadcrumb ul li:nth-child(2) { display: none; }
.mod_breadcrumb ul li.first::marker { content: ""; }
.mod_breadcrumb ul li::marker { /*content: ">";*/ color: var(--zudv-gray); }
.mod_breadcrumb ul li.active { color: var(--zudv-red); }
.hide_breadcrumb .mod_breadcrumb { display: none !important; }
/*vsebinska navigacija za posamezni OE*/
.nav_cnt ul { display: flex;  flex-wrap: wrap;  list-style: none; gap: 10px; }

.nav_cnt ul.col_1 li { flex: 1 1 99%; position: relative; max-width: 100%; overflow: hidden; padding-left: 6.1vw; }
.nav_cnt ul.col_1 li a { position: absolute; text-align: center; left: 50%; top: 75%; transform: translate(-50%,-50%); background: rgb(151, 200, 235, .8); padding: 20px; }
.nav_cnt ul.col_1 li a { color: White; text-transform: uppercase; font-weight: bold; text-align: center; font-size: clamp(2rem, 1.8vw, 3rem); line-height: 1.3; }
.nav_cnt ul.col_1 li a:hover { color: var(--zudv-red); }

.nav_cnt ul.col_2 li { flex: 1 1 49%; position: relative; max-width: 100%; overflow: hidden; }
.nav_cnt ul.col_2 li a { position: absolute; text-align: center; left: 50%; top: 75%; transform: translate(-50%,-50%); background: rgb(151, 200, 235, .8); padding: 20px; }
.nav_cnt ul.col_2 li a { color: White; text-transform: uppercase; font-weight: bold; text-align: center; font-size: clamp(2rem, 1.8vw, 3rem); line-height: 1.3; }
.nav_cnt ul.col_2 li a:hover { color: var(--zudv-red); }

.nav_cnt ul.col_3 li { flex: 1 1 33%; position: relative; max-width: 100%; overflow: hidden; }
.nav_cnt ul.col_3 li a { position: absolute; text-align: center; left: 50%; top: 75%; transform: translate(-50%,-50%); background: rgb(151, 200, 235, .8); padding: 20px; }
.nav_cnt ul.col_3 li a { color: White; text-transform: uppercase; font-weight: bold; text-align: center; font-size: clamp(2rem, 1.8vw, 3rem); line-height: 1.3; }
.nav_cnt ul.col_3 li a:hover { color: var(--zudv-red); }

.nav_cnt ul.col_4 li { flex: 1 1 24%; position: relative; max-width: 25%; overflow: hidden; }
.nav_cnt ul.col_4 li a { position: absolute; text-align: center; left: 50%; top: 70%; transform: translate(-50%,-50%); background: rgb(151, 200, 235, .8); padding: 20px; }
.nav_cnt ul.col_4 li a { color: White; text-transform: uppercase; font-weight: bold; text-align: center; font-size: clamp(1rem, 1.8vw, 1.5rem); line-height: 1.2; }
.nav_cnt ul.col_4 li a:hover { color: var(--zudv-red); }

/*MOBILE MENU*/
.mod_mobile_menu { display:none; }
.fa { display:none; }

/*Module: Animation Start/Stop*/
.animation_start_stop { display: flex; width: 80%; margin: 0 auto; justify-content: right; }
.animation_start_stop button { cursor: pointer; font-size: 1.3rem; border: none; background: none; padding: 2px 2px 2px 0; }
.animation_start_stop button:hover { color:var(--zudv-red); }

/*Slogan with included latest news module*/
.slogan { display: flex; width: 80%; margin: 70px auto; flex-wrap: wrap; /*backdrop-filter: blur(20px);*/ }
.slogan .slogan_left { flex: 60%; display: flex; flex-wrap: wrap; padding-right: 50px; } 
.slogan .slogan_left span.s1 { flex: 100%; padding-top:20px; color:var(--zudv-black)/*var(--zudv-gray)*/; font-size: 1.8rem/*3rem*/; /*font-weight: bold;*/ padding-left: 10px; }
.slogan .slogan_left span.s2 { flex: 100%; color:var(--zudv-blue);  font-size: 7rem; line-height: 1; font-style: italic; padding-bottom: 10px; }
.slogan .slogan_left span.s3 { flex: 100%; font-size: 2rem/*1.4rem*/; color:var(--zudv-black); width: 60%; padding-left: 10px; }
.slogan .slogan_left a { flex: 1; align-content:center; text-align: center; border: solid 1px var(--zudv-black); border-radius: 4px; color: var(--zudv-black); margin: 20px 30px 0 0; font-size: 1.8rem; text-transform: uppercase; }
.slogan .slogan_left a:hover { border: solid 1px var(--zudv-red) ; color: var(--zudv-red); box-shadow: 1px 1px 5px 0 #000; transition: box-shadow .3s; }
.slogan .slogan_right { display: flex; flex-direction: column; flex: 40%; }
.slogan .slogan_right_top { flex: 0 0 100px; }
.slogan .slogan_right_bottom { flex:0 0 auto; }
.slogan .slogan_bottom { flex-basis: 100%; }
.slogan_right_bottom_archive { text-align: right; }

/*3 last news in slogan*/
.mod_newslist { padding-left: 80px/*100px*/; border-left:solid 3px var(--zudv-red) ; }
.mod_newslist h1 { letter-spacing: 4px; font-size: 2.5rem; color: var(--zudv-red); background: none; padding: 0px; }
.mod_newslist a { display: block; color:var(--zudv-black); font-size: 1.8rem/*2rem*/; margin: 10px 0; }
.mod_newslist a:hover { text-decoration: none; color: var(--zudv-red); }

.educations { border-left:none; padding-left: 0px; }
.educations .more { display: none; }
.educations .layout_latest { margin-top: 20px; }

/*Module: Organization units*/
.ou_zudv { display: flex; flex-direction: row; flex: 100%; background-color: White; }
.ou_zudv_left { padding-left: 10%; flex:45%; background: url(../images/24_ou_background.jpg) no-repeat 0px 18px; background-size: cover; }
.ou_zudv_left .ou_zudv_left_title { color: #97c8eb; font-size: clamp(2.5rem, 2.66vw, 4rem); font-weight: bold; letter-spacing: 4px; line-height: 1.2; } /*font-size: max(2.66vw, 2rem);*/
.ou_zudv_left .ou_zudv_left_content { border-left: solid 3px var(--zudv-red) ; margin-top: 100px; }
.ou_zudv_left .ou_zudv_left_content .invisible { display: none; }
.ou_zudv_left .ou_zudv_left_content ul { list-style: none; align-items:center; justify-content:center; height:100%; }
.ou_zudv_left .ou_zudv_left_content ul li { position:relative; margin: auto; background-position: -32px 15px; padding: 20px 0; }
.ou_zudv_left .ou_zudv_left_content ul li:hover { background: url(../images/24_arrow.webp) no-repeat 0px 20px; transition: 0.2s; transition-timing-function: linear; }
.ou_zudv_left .ou_zudv_left_content ul li a {
	display: inline-block;
	padding: 2px 0;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	font-size: clamp(1.33rem, 1.4vw, 3rem); 
	line-height: clamp(1.33rem, 1.5vw, 3rem); 
	margin-left: 10%;
	letter-spacing: 2px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(
		to right,
		var(--zudv-red),
		var(--zudv-red) 50%,
		var(--zudv-black) 50%);
	background-size: 200% 100%;
	background-position: -100%;
	transition: all 0.3s ease-in-out;
	filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6;
}
.ou_zudv_left .ou_zudv_left_content ul li a::before { 
	display: block; 
	content: ''; 
	width: 0;
	height: 3px;
	bottom: 5px;
	left: 0;
	bottom: -3px;
	z-index: 0;
	position: absolute;
	background:var(--zudv-red);
	transition: all 0.3s ease-in-out;
}
.ou_zudv_left .ou_zudv_left_content ul li a:hover { background-position: 0%; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
.ou_zudv_left .ou_zudv_left_content ul li a:hover::before { width:100%; }
.ou_zudv_right { flex: 55%; }
.ou_zudv_right img { display: none; min-width: 300px; min-height: 200px; float: right; }
.ou_zudv_right .show { display: block; }
.ou_zudv_right .hide { display: none; }

/*Module: Contao Gallery*/
.ce_gallery img { aspect-ratio: 1/1; object-fit:cover; width: 100%; height: 100%; /*border-radius: 5px; /*filter: drop-shadow(1px 1px 3px #231f20); transition: all 0.2s ease;*/ }
.ce_gallery .image_container { width: 100%; height: 100%; }
.ce_gallery .image_container a { display: block; width: 100%; height: 85%; }
.ce_gallery .image_container .caption { font-size: var(--fs-p); text-align: center; }
/*.ce_gallery img:hover { filter: drop-shadow(1px 1px 3px #fa4238); }*/
.ce_gallery ul { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; } /*pustim justify za centralno pozicijo v ce_text*/
.ce_gallery ul.cols_1 li { flex: 1 1 99%; max-width: 100%; overflow: hidden; }
.ce_gallery ul.cols_2 li { flex: 1 1 49%; max-width: 49%; overflow: hidden; }

.ce_gallery ul.cols_3 li { flex: 1 1 32%; max-width: 32%; overflow: hidden; }
.ce_gallery ul.cols_4 li { flex: 1 1 24%; max-width: 24%; overflow: hidden; }

/*Module: News*/
.mod_newsarchive, .mod_newsreader { padding-left: 5px; }
.mod_newsreader  table, .mod_newsreader  table tr td { border: none!important; }
.mod_newsarchive .invisible { display: none; }
.mod_newsarchive h2 { line-height: 3.5rem; }
.mod_newsarchive p { font-size: 1.4rem; } 
.mod_newsarchive p.more a { font-size: 1.4rem; }

/*Module: eNews*/
.mod_subscribe { position: relative; background: url(../images/24_enews_background.webp) no-repeat, #97c8eb; background-position: left; margin-top: 10px; }
.mod_subscribe h2 { display: none; }
.mod_subscribe .gdpr_info { color: white; font-style: italic; font-size: 1.1rem !important; text-align: center; }
.mod_subscribe a.there { font-size: 1.1rem !important; }
.mod_subscribe p.confirm, .mod_subscribe p.error { position: absolute; text-align: center; color: var(--zudv-black); }
.mod_subscribe .formbody .cnt_widget { display: flex; justify-content: center; padding-top: 6vw; }
.mod_subscribe .formbody .widget-checkbox fieldset { border: none; margin-top: 5px; text-align: center; }
.mod_subscribe .formbody input { border-radius: 5px 0px 0px 5px; padding: 10px !important; width: 20vw !important; border:none !important; }
.mod_subscribe .formbody .widget-checkbox .checkbox_container input { margin-left: 10px; width: 30px !important; }
.mod_subscribe .formbody .widget-checkbox .checkbox_container .invisible { display: none; }
.mod_subscribe .formbody .widget-submit button { cursor: pointer; margin-left: -5px !important; background-color: #fa4238; color: White; padding: 10px 20px; border-radius: 5px; border: none; }
.mod_subscribe .widget-explanation { text-align: center; padding-bottom: 2vw; }
.mod_subscribe .widget-explanation a { font-size: 1.4rem; color: var(--zudv-red); }
.mod_subscribe .widget-explanation a:hover { text-decoration: underline; }
.mod_subscribe .widget-explanation p { font-size: 1.4rem;}
.mod_unsubscribe { padding-left: 5px; }

.mod_unsubscribe .formbody input.text { width: 30vw; border: 1px solid var(--zudv-red); padding-left: 5px; border-radius: 5px; padding: 5px; color: var(--zudv-gray); transition: box-shadow 0.25s; }
.mod_unsubscribe .formbody .widget-text { padding: 10px 0; }
.mod_unsubscribe .formbody .widget-checkbox .checkbox_container input { margin-left: 10px; width: 30px !important; }
.mod_unsubscribe .formbody .widget-submit { margin-bottom: 5px; }
.mod_unsubscribe p.error { font-weight: bold; color: var(--zudv-red); }
.mod_unsubscribe p.error::after { content: "*";}

/*Module: Entry Catalog*/
.entry_catalog { width: 100%; text-align: center; margin: 25px 0px 15px 0; padding: 2% 0; background: url(../images/24_catalog_background.webp) no-repeat; background-size: cover; }
.entry_catalog span:nth-child(1) { display: block; color: White; font-size: 4.2rem; letter-spacing: 0.2rem; }
.entry_catalog span:nth-child(2) { display: block; color: var(--zudv-black); font-size: 7rem; letter-spacing: 0.2rem; font-style: italic; padding-bottom: 20px; }
.entry_catalog span.red { display: inline-block; color: var(--zudv-red); font-size: 7rem; }
.entry_catalog a { color: var(--zudv-red); font-size: var(--fs-p); margin: 0px 8vw; }

/*Module: FeaturedVideo*/
.films { display: flex; flex-wrap: wrap; width: 90%; background: url(../images/24_filmoteka_background.webp) repeat; }
.films .films_1 { flex: 0 1 70%; }
.films .films_1 img { width: 100%; height: 100%; object-fit: cover; }
.films .films_2 { flex: 0 1 30%; }
.films .films_2 { text-align: center;  color: var(--zudv-gray); }
.films .films_2 .films_2_cnt { border-right: solid 3px var(--zudv-red); height: 80%; margin-top: 20%; }
.films .films_2 h1 { color:var(--zudv-blue); font-size: clamp(2.66rem, 2.66vw, 4.8rem); display: block; margin-bottom: 5px; } /*font-size: max(2.66vw, 2.66rem);*/
.films .films_2 span:nth-of-type(1) { font-size: clamp(1.6rem, 2.66vw, 1.33rem); }
.films .films_2 span:nth-of-type(2) { font-size: clamp(2.6rem, 2.66vw, 1.33rem); font-weight: bold; }
.films .films_2 span:nth-of-type(3) { font-size: clamp(1.5rem, 2.66vw, 1.33rem); }
.films .films_2 span:nth-of-type(4) { font-size: clamp(1.5rem, 2.66vw, 1.33rem); font-weight: bold; }
.films .films_2 a:nth-of-type(1) { display: inline-flex; font-size: clamp(1.5rem, 2.66vw, 18px); background: var(--zudv-red); color: White; padding: 10px 40px; margin-top: 15vw; margin-bottom: 15px; border-radius: 10px; transition: box-shadow .3s; } /*font-size: max(1.5rem, 18px)*/
.films .films_2 a:nth-of-type(2) { display: inline-flex; font-size: clamp(1.5rem, 2.66vw, 18px); background: var(--zudv-gray); color: White; padding: 10px 40px; margin-top: 0%; margin-bottom: 15px; border-radius: 10px; transition: box-shadow .3s; } /*font-size: max(1.5rem, 18px)*/
.films .films_2 a:hover { transition: box-shadow .3s; box-shadow: 1px 1px 5px 0 #000; }

/*Module: Volunteer and donations*/
.vd_container { display: flex; flex-wrap: wrap; margin-top: 10px; margin-bottom: 10px; }
.vd_container h3 { padding-top: 40px; font-size: clamp(5rem, 4.5vw, 28px); font-style: normal; font-weight: bold; }
.vd_container .donation h3 { color: White; }
.vd_container a { display: block; font-size: clamp(1.5rem, 2.66vw, 18px); background: var(--zudv-gray); color: White; margin: 20px 10px 10px 10px; padding: 5px 20px; border-radius: 10px; transition: box-shadow .3s; }
.vd_container a:hover { background: var(--zudv-red); }
.vd_container span { display: block; font-size: clamp(1.33rem, 2.66vw, 16px); font-style: italic; }
.vd_container .volunteer { flex: 1; margin-right: 10px; text-align: center; background: url(../images/24_enews_background.webp) no-repeat, #97c8eb; background-position: left; }
.vd_container .volunteer a { float: right; }
.vd_container .donation { flex: 1;  text-align: center; background: url(../images/25_donation_background.jpg) no-repeat, #ff918a; background-position: left; }
.vd_container .donation a { float: left; }

/*Module: Video archive with pagination*/
.mod_newsarchive .pagination ul { display: flex; list-style: none; }
.mod_newsarchive .pagination ul li { margin: 0 5px; font-size: 1.4rem; }
.mod_newsarchive .pagination ul li .active { color: var(--zudv-red); }

/*Module: Text*/
.ce_text { padding: 5px; }
.ce_text p { margin:0 0 15px 0; padding: 0; /*margin-inline-start: 0px; margin-inline-end: 0px;*/ }
.ce_text ul, .ce_text ol { margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; }
.ce_text ul li, .ce_text ol li { font-size: var(--fs-p); }
.ce_text ul li::marker { color: var(--zudv-red); }
.ce_text ul li ul { list-style-type: none; margin: 0; padding-left: 10px; }
.ce_text ul li ul > li:before { content: "-  "; }
.ce_text img { border-radius: 5px; margin-top:15px; margin-bottom: 15px; /*box-shadow: 0px 3px 3px #231f20;*/ }
.ce_text .float_left { float: left; margin-right: 20px; }
.ce_text .float_left img { margin-top: 5px; margin-bottom: 0px; }
.ce_text .float_right { float: right; margin-left: 20px; }
.ce_text .float_right img { margin-top: 5px; margin-bottom: 0px; }


/*Module: Custom Text left or right red border line*/
.zudv_div_100 { margin-right:22%; background: rgb(255, 255, 255, .7); padding-left: calc(70px + 1.5625vw); padding-right: 30px; } /*padding-left:5.7vw*/
.zudv_div_100_without_margin { background: rgb(255, 255, 255, .7); padding-left: calc(70px + 1.5625vw); }

.zudv_div_50_50 { display: flex; flex-wrap: wrap; margin-bottom: 30px; padding-left: calc(70px + 1.5625vw); }
.zudv_div_50_50 > div { flex: 1; }
.zudv_div_50_50 > div:nth-child(1) { flex: 0 1 50%; padding-right: 30px; }
.zudv_div_50_50 > div:nth-child(2) { flex: 0 1 50%; }
.zudv_div_50_50 > div:nth-child(3) { flex-basis: 100%; }

.zudv_div_50_50_without_margin { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.zudv_div_50_50_without_margin > div { flex: 1; }
.zudv_div_50_50_without_margin > div:nth-child(1) { flex: 0 1 50%; padding-right: 30px; }
.zudv_div_50_50_without_margin > div:nth-child(2) { flex: 0 1 50%; }
.zudv_div_50_50_without_margin > div:nth-child(3) { flex-basis: 100%; }

.zudv_div_60_40 { display: flex; flex-wrap: wrap; margin-bottom: 30px; padding-left: calc(70px + 1.5625vw); }
.zudv_div_60_40 > div { flex: 1; }
.zudv_div_60_40 > div:nth-child(1) { flex: 0 1 60%; padding-right: 30px; }
.zudv_div_60_40 > div:nth-child(2) { flex: 0 1 40%; }
.zudv_div_60_40 > div:nth-child(3) { flex-basis: 100%; }

.zudv_div_60_40_without_margin { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.zudv_div_60_40_without_margin > div { flex: 1; }
.zudv_div_60_40_without_margin > div:nth-child(1) { flex: 0 1 60%; padding-right: 30px; }
.zudv_div_60_40_without_margin > div:nth-child(2) { flex: 0 1 40%; }
.zudv_div_60_40_without_margin > div:nth-child(3) { flex-basis: 100%; }

.zudv_div_70_30 { display: flex; flex-wrap: wrap; margin-bottom: 30px; padding-left: calc(70px + 1.5625vw); }
.zudv_div_70_30 > div { flex: 1; }
.zudv_div_70_30 > div:nth-child(1) { flex: 0 1 70%; padding-right: 30px; }
.zudv_div_70_30 > div:nth-child(2) { flex: 0 1 30%; }
.zudv_div_70_30 > div:nth-child(3) { flex-basis: 100%; }

.zudv_div_70_30_without_margin { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.zudv_div_70_30_without_margin > div { flex: 1; }
.zudv_div_70_30_without_margin > div:nth-child(1) { flex: 0 1 70%; padding-right: 30px; }
.zudv_div_70_30_without_margin > div:nth-child(2) { flex: 0 1 30%; }
.zudv_div_70_30_without_margin > div:nth-child(3) { flex-basis: 100%; }

/*Module: Custom one column table with DIVs*/
.zudv_col_1 { display: flex; flex: 100%; padding-right: 0 !important; font-size: var(--fs-p); }
.zudv_col_1 .item1 { flex: 1%; margin-top: auto; padding-right: 0 !important; }
.zudv_col_1 .item1 div { padding: 0; margin: 0; }
.zudv_col_1 .item2 { flex: 99%; }

/*Module: Custom three column table with DIVs*/
.zudv_col_2 { display: flex; flex: 100%; flex-wrap: wrap; font-size: var(--fs-p); }
.zudv_col_2 .item1 { flex: 26%; margin-top: auto; }
.zudv_col_2 .item2, .zudv_col_2 .item4 { flex: 2%; }
.zudv_col_2 .item3 { flex: 35%; margin-top: auto; }
.zudv_col_2 .item5 { flex: 35%; }

/*Module: Custom ZUDV tabela - TABLE/TR/TD*/
.zudv_tabela { display: flex; flex: 100%; align-items: flex-start; font-size: 1.44rem; }
.zudv_tabela > div { flex: 1; align-self: stretch; }
.zudv_tabela > div:nth-child(2) { background-color: var(--zudv-blue); }
.zudv_tabela table { width: 100%; }
.zudv_tabela table tr td { vertical-align: top; }
.zudv_tabela table tr td:nth-child(1) { padding-right: 10px; }
.zudv_tabela table tr td:nth-child(2) { border-left:solid 1px var(--zudv-red); }
.zudv_tabela table tr td:nth-child(3) { background-color: #97c8eb; border-bottom: solid 1px White; padding-left: 5px; }

/*Module: Custom ZUDV tabela - Striped*/
.zudv_tabela_striped tr:nth-child(even) {background-color: #f2f2f2;}
.zudv_tabela_striped th { font-size: 1.33rem; text-align: left; padding: 0 5px; }
.zudv_tabela_striped td { font-size: 1rem; padding: 5px; }

/*Module: Image and text*/
.image_text { display: flex; flex-wrap: wrap; }
.image_text > div { flex: 1; }
.image_text .ce_image { flex: 0 1 50%; max-width: 48%; padding: 5px; }
.image_text .ce_text { flex: 0 1 50%; padding-left: 30px; padding-top: 0px; }
.image_text .red_underline { position: relative; height: 3px; flex-basis: 100%; background:  url(../images/24_red_horizontal_line.jpg) no-repeat; margin-left: 52%; top: -7px; }

/*Module: Text and image*/
.text_image { display: flex; flex-wrap: wrap; }
.text_image > div { flex: 1; }
.text_image .ce_image { flex: 0 1 50%; max-width: 48%; }
.text_image .ce_text { flex: 0 1 50%; padding-left: 30px; padding-right: 30px; padding-top: 0px; }
.text_image .red_underline { position: relative; height: 3px; flex-basis: 100%; background:  url(../images/24_red_horizontal_line.jpg) no-repeat; top: -7px; }

/*Module: Pageimages*/
.custom { position: absolute; z-index: -1; width: 100%; height: 100%; /*margin-left: 20%; zamik pageimage slike*/ }
.custom #pageimages { width: 100%; height: 100%; text-align: center; }
.custom #pageimages img { width: 100%; height: 100%; object-fit: cover; }

/*After main menu*/
 #wrapper .custom { position: relative; z-index: 1; }
 #aftermainmenu { background: rgb(255, 255, 255, .7); margin-top: 1%; } /*transparenco sem zaenkrat odstranil, dodana jo je treba programsko*/
 #aftermainmenu .mod_navigation { width:80%; margin:0 auto; padding-left: calc(70px + 1.5625vw); padding-top: 5px; padding-bottom: 5px; }
 #aftermainmenu .mod_navigation a { font-size: var(--fs-p); text-transform: uppercase; margin-right: 20px; }
 #aftermainmenu .mod_navigation a.invisible { display: none; }
 #aftermainmenu .mod_navigation ul { display: flex; flex-wrap: wrap; list-style: none; }
 #aftermainmenu .mod_navigation ul li.active strong { margin-right: 20px; font-weight: normal !important; cursor: pointer; color: var(--zudv-red); font-size: var(--fs-p); text-transform: uppercase;  }
 #aftermainmenu .mod_navigation ul li ul { display: none; }
 #aftermainmenu .mod_navigation ul li.sibling a:hover { color:var(--zudv-red); }

/*Module: Content images*/
.zudv_img_10 { width: 10% !important; margin: 0 auto; }
.zudv_img_20 { width: 20% !important; margin: 0 auto; }
.zudv_img_30 { width: 30% !important; margin: 0 auto; }
.zudv_img_40 { width: 40% !important; margin: 0 auto; }
.zudv_img_50 { width: 50% !important; margin: 0 auto; }
.zudv_img_60 { width: 60% !important; margin: 0 auto; }
.zudv_img_70 { width: 70% !important; margin: 0 auto; }
.zudv_img_80 { width: 80% !important; margin: 0 auto; }
.zudv_img_90 { width: 90% !important; margin: 0 auto; }

/*Module: Content Form*/
#main .ce_form .formbody { display: flex; flex-wrap: wrap; padding: 5px; font-size: var(--fs-p); }
#main .ce_form .formbody > .widget { flex: 1; margin-top: 10px; }
#main .ce_form .formbody .widget-text { flex: 0 1 100%; }
#main .ce_form .formbody .zudvinput_100 { flex: 0 1 100%; }
#main .ce_form .formbody .zudvinput_80 { flex: 0 1 80%; }
#main .ce_form .formbody .zudvinput_60 { flex: 0 1 60%; }
#main .ce_form .formbody .zudvinput_40 { flex: 0 1 40%; margin-right: 50px;  }
#main .ce_form .formbody .zudvinput_20 { flex: 0 1 20%; margin-right: 50px; }
#main .ce_form .formbody .widget-checkbox { flex-basis: 100%; }
#main .ce_form .formbody .widget-textarea { flex-basis: 100%; }
#main .ce_form .formbody .widget-submit {  flex-basis: 100%; text-align: center; margin-bottom: 10px; }
#main .ce_form .formbody .widget-checkbox fieldset { padding-bottom: 5px; }
#main .ce_form .formbody .widget-checkbox span > * { display: inline-block !important; margin-left: 10px; }
#main .ce_form .formbody .widget-calendar { flex: 0 1 100%; }
#main .ce_form .formbody .widget-calendar div { display: flex; width: 20%; }
#main .ce_form .formbody .widget-calendar div a { margin-top: 8px; margin-left: 5px; }
#main .ce_form .formbody span.invisible { display: none; }
#main .ce_form .formbody span.mandatory { display: inline-block; font-weight: bold; color:var(--zudv-red); }
#main .ce_form .formbody span { display: block; }
#main .ce_form .formbody label { display: block; }
#main .ce_form .formbody input.text { width: 100%; border-radius: 5px; border:1px solid var(--zudv-red) ; padding: 5px; color: var(--zudv-gray); transition: box-shadow 0.25s; }
#main .ce_form .formbody input.text:focus-within { outline: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); }
#main .ce_form .formbody input.checkbox { position: absolute; opacity: 0; width: 20px; height: 20px; cursor: pointer; }
#main .ce_form .formbody input.checkbox + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; } /* Label dobi prostor za individualni kvadratek in postavitev je relativna */
/* KVADRATEK na levi – riše se na labelu */
#main .ce_form .formbody input.checkbox + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    border: 2px solid var(--zudv-red);
    background: #e9e9e9;
    box-sizing: border-box;
}
#main .ce_form .formbody input.checkbox:checked + label::before { background: var(--zudv-red); border-color: var(--zudv-red); } /* KO JE CHECKBOX OZNAČEN – ozadje kvadratka postane rdeče */
#main .ce_form .formbody input.checkbox:checked + label::after { content: "✔"; position: absolute; left: 4px; top: 4px; font-size: 16px;color: #fff; pointer-events: none; } /* BELA KLJUKICA znotraj kvadratka */
#main .ce_form .formbody textarea { width: 100%; border-radius: 5px; border:1px solid var(--zudv-red) ; padding: 5px; color: var(--zudv-gray) ; transition: box-shadow 0.25s; }
#main .ce_form .formbody textarea:focus-within { outline: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); }
#main .ce_form .formbody button { cursor: pointer; background-color: var(--zudv-red); color:White; padding: 10px 20px; border: none; border-radius: 5px; }
#main .ce_form .formbody button:hover { box-shadow: 4px 4px 10px 0 #000; }
#main .ce_form .formbody .zudv_recaptcha { width: 100%; }
#main .ce_form .formbody fieldset select { padding: 5px; margin: 10px; }
#main .ce_form .formbody fieldset input { margin: 5px; width: 99% !important; }
#main .ce_form .formbody fieldset label { padding: 5px; }
#main .ce_form .formbody fieldset { width: 100%; border-color: var(--zudv-red); background-color: hsl(3, 69%, 79%); margin: 10px 0; overflow: hidden; }
#main .ce_form .formbody fieldset legend { font-weight: bold; padding-top: 20px; background:var(--zudv-red); border-radius: 5px; padding: 10px 15px; color: var(--zudv-black); margin: 0 0 10px 10px; }
#main .ce_form .formbody .widget-radio fieldset { border: none; }
#main .ce_form .formbody .widget-radio fieldset legend { background: none; padding-left: 5px; }
#main .ce_form .formbody .widget-radio fieldset span { display: flex; }
#main .ce_form .formbody .widget-radio fieldset span input.radio { width: 3% !important; }
#main .ce_form .formbody fieldset fieldset { border: none !important; border-color: transparent; } 

/*Module: Mediabox - only corections*/
#mbContainer { overflow: hidden; height: 98%; }
#mbCenter { padding-bottom: 30px; }
#mbBottom { width: 99% !important; }

/*Module: Locations*/
.locations { position: relative; }
.locations > div { position: absolute; width: 20px; height: 20px; border-radius: 10px; background-color: #97c8eb; color:#005a9b; font-size: 1rem; text-align: center; font-weight: bold; }
.locations > div:first-child { width: 26px; height: 26px; transform: translateX(-50%,-50%); padding: 2px; font-size: 1.2rem; }
#tooltip .tooltiptext { visibility: hidden; width: 150px; text-align: left; background: Black; color: White; border-radius: 5px; padding: 5px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -60px; font-weight: normal; font-size: 1rem; }
#tooltip .tooltiptext > span { display: block; }
#tooltip .tooltiptext span:nth-child(1) { font-weight: bold; padding: 5px 0; text-align: center; color: #97c8eb; border-bottom: dashed 1px var(--zudv-gray); text-transform:uppercase; }
#tooltip .tooltiptext span:nth-child(3) { padding-bottom: 5px; }
#tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; }
#tooltip:hover .tooltiptext { visibility: visible; }

/*Module: Catalog of products*/
.products { display: flex; flex-wrap: wrap; justify-content:center; }
.products .simple_product { flex-basis: 20%; margin: 10px; padding: 5px; min-width: 200px; background-color: White; border-radius: 5px; }
.products .simple_product .headline { min-height: 53px; }
.products .simple_product .headline h1 { font-size: 1.44rem; color: var(--zudv-red); }
.products .simple_product .teaser { text-align: center; min-height: 150px; }
.products .simple_product .teaser .image_container { display: flex; justify-content: center; align-items: center; min-height:150px; }
.products .simple_product .teaser .image_container a { display: block; }
.products .simple_product .teaser .image_container img { object-fit: contain; }
.products .simple_product .product_price .value { font-weight: bold; }
.products .simple_product .product_available { margin: 5px 0; }
.simple_product .product_available_1 .value { margin:0 auto; color:Green; }
.simple_product .product_available_2 .value { margin:0 auto; color:var(--zudv-red); }
.products .simple_product .product_available_3 .value { margin:0 auto; color:Blue; }
.mod_product_list .price_info { display: none; }
.mod_product_reader { background: rgb(255, 255, 255, .6); border-radius: 5px; padding: 5px; }
.mod_product_reader p { font-size: 1.44rem; }
.mod_product_reader .product_price, .mod_product_reader .product_available { margin-top: 10px; font-size: 1.4rem; }
.mod_product_reader .product_price .label, .mod_product_reader .product_available .label { font-weight: bold; }

/*Module: Catalog of products questionarie*/
.questionarie { display: flex; flex-wrap: wrap; padding:5px; font-size: 1.4rem; border-left:solid 3px var(--zudv-red) ; margin:100px 0 0 10px; background: rgb(255, 255, 255, .5); }
.questionarie .item1 { flex: 0 1 15%; text-align: center; }
.questionarie .item2 { flex: 0 1 80%; font-weight:bold; color:var(--zudv-red); }
.questionarie .item3 { flex-basis: 100%; }
.questionarie ul { list-style: none; margin: 10px 0 0 20px; padding: 0; }
.questionarie ul li { padding-top: 10px; }
.questionarie ul ul { margin: 0 0 0 20px; }
.questionarie ul ul li { padding-top: 0; padding-bottom: 5px; }

/*Module: TabControls (kontakti zavoda)*/
.tabcontrol_tabs ul { display: flex; flex-wrap: wrap; justify-self: start; padding-left: 5px; }
.tabcontrol_tabs ul li { margin: 1px 20px 1px 0; min-width: 60px; padding: 5px 10px; text-transform: uppercase; color: White; background: var(--zudv-gray); cursor: pointer; border-radius: 4px; font-weight: bold; font-size: 1.4rem; }
.zudv_history .tabcontrol_tabs ul { position: relative; }
.zudv_history .tabcontrol_tabs ul li::marker { content: url('../images/24_ul_li_distance.jpg'); }
.tabcontrol_tabs ul li.selected { background: var(--zudv-red); }
.tabcontrol_panes { padding-top: 30px; }
.tabcontrol_panes .ce_text { padding-right: 0; }
.zudv_history { padding-top: 0px; }
.zudv_history .panes { border-top: solid 2px var(--zudv-red); border-bottom: solid 2px var(--zudv-red); }
.zudv_history .ce_text { margin: 5px 0; background-color: #ddecfa; padding: 10px; }

/*Module: Contacts*/
.contacts { display: flex; flex-wrap: wrap; font-size: 1.33rem; }
.contacts .contact { display: flex; width:50%; flex-wrap: wrap; margin-top: 16px; }
.contacts .contact em { margin: 0; }
.contacts .contact a { color: var(--zudv-black); }
.contacts .contact a:hover { color: var(--zudv-red); }
.contacts .contact:nth-child(2n) div.item1 { padding-left: 5px; }
.contacts .contact div.item1 { flex: 0 1 50%; }
.contacts .contact div.item2 { flex: 0 1 48%; padding: 5px; text-align: end; background: var(--zudv-blue); }
.contacts .contact div.item2_l { flex: 0 1 48%; padding: 5px; text-align: start; background: var(--zudv-blue); }
.contacts .contact div.item3 { flex: 0 1 2%; border-right: solid 3px var(--zudv-red); }
.contacts .contact div.item4 { flex: 0 1 100%; }
/*opcija 2*/
.contacts_2 { display: flex; flex-wrap: wrap; font-size: 1.33rem; margin-bottom: 50px; }
.contacts_2 .add_top_padding  { display: none; }
.contacts_2 .contact_left .contact, .contacts_2 .contact_right .contact { display: flex; width:100%; min-height: 65px; flex-wrap: nowrap; margin-top: 16px; }
.contacts_2 .contact_title { padding-top: 40px; }
.contacts_2 .contact_left em, .contacts_2 .contact_right em { margin: 0; }
.contacts_2 .contact_left a, .contacts_2 .contact_right a { color: var(--zudv-black); }
.contacts_2 .contact_left a:hover, .contacts_2 .contact_right a:hover { color: var(--zudv-red); }
.contacts_2 .contact_left { flex: 1 1 50%; /*min-width: 240px;*/ }
.contacts_2 .contact_right { flex: 1 1 48%; /*min-width: 240px;*/ }
.contacts_2 .contact_left:nth-child(2n) div.item1, .contacts_2 .contact_right:nth-child(2n) div.item1 { padding-left: 5px; }
.contacts_2 .contact_left div.item1, .contacts_2 .contact_right div.item1 { flex: 0 1 50%; }
.contacts_2 .contact_left div.item2, .contacts_2 .contact_right div.item2 { flex: 0 1 48%; padding: 5px; text-align: end; background: var(--zudv-blue); }
.contacts_2 .contact_left div.item3, .contacts_2 .contact_right div.item3 { flex: 0 1 2%; border-right: solid 3px var(--zudv-red); }
/*Contacts right side*/
.contact_right { /*border: solid 2px var(--zudv-red);*/ border-radius: 3px; }

/*Module: Visitors*/
.mod_visitors { display: none; }

/*Module: Jobs*/
.jobs { border-left: none; padding-left: 10px; }
.jobs .layout_latest { margin-bottom: 20px; }
.jobs .layout_latest p.info { color: var(--zudv-darkgray); font-weight: bold; }
.layout_full_job ul.enclosure { list-style: none; }
.layout_full_job ul.enclosure a { font-size: 1.4rem; }

/*Module: Dostava kosil*/
.dostavakosil { display: flex; flex-wrap: wrap; width: 100%; }
.dostavakosil .dk_1 { flex: 0 1 30%; display: flex; align-items: center; justify-content: center; background: url(../images/25_dostava_background.jpg) no-repeat; background-size: cover; }
.dostavakosil .dk_2 { flex: 0 1 70%; }
.dostavakosil .dk_2 img { width: 100%; height: 100%; object-fit: cover; }
.dostavakosil .dk_1 { text-align: center;  color: var(--zudv-gray); }
.dostavakosil .dk_1 .dk_1_cnt { border-top: solid 3px var(--zudv-red); margin: 0 20%; }
.dostavakosil .dk_1 .dk_1_cnt p { font-size: clamp(1.2rem, 1.2vw, 2.05rem); margin: 12% 0; }
.dostavakosil a { display: block; width: fit-content; margin: 0 auto; margin-top: 20%; font-size: clamp(1.2rem, 1.2vw, 2.05rem); background: var(--zudv-gray); color: White; padding: 5px 20px; border-radius: 10px; transition: box-shadow .3s; }
.dostavakosil a:hover { background: var(--zudv-red); }
.dostavakosil_right { padding-top: 10px; margin-right: 10px; }
.dostavakosil_right .ce_text, .dostavakosil_right .ce_hyperlink { border-bottom:dotted 1px var(--zudv-red); margin-bottom: 20px; padding: 10px; font-size: 1.44rem; }


/*FOOTER*/
.f1, .f2, .f3, .f4, .f5 { width: 80%; margin: 0 auto; }
.f1 .f1_red { width: 26%; margin: 0 auto; height: 60px; border-left:solid 3px var(--zudv-red); border-right:solid 3px var(--zudv-red); }
.f2 { display: flex; flex-wrap: wrap; }
.f2 .f2_1 { flex: 37%; }
.f2 .f2_2 { flex: 26%; }
.f2 .f2_3 { flex: 37%; }
.f2 .f2_4 { flex-basis: 100%; }
.f3 { padding-left: 91px; font-size: clamp(4rem, 3vw, 5rem); color: var(--zudv-blue); font-style: italic; }
.f4 { display: flex; padding-left: 91px; }
.f4 .f4_1 { flex: 70%; }
.f4 .f4_2 { flex: 30%; }
.f4 a { display: inline-block; margin: 0 7px; filter: grayscale(1); }
.f4 a:hover { filter: grayscale(0); }
.f4 .siq { width: 86px; height: 49px; margin-right: 30px; background: url(../images/24_siq.webp) no-repeat; filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; }
.f4 .iqnet { width: 48px; height: 49px; margin-right: 30px; background: url(../images/24_iqnet.webp) no-repeat; filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; }
.f4 .dpp { width: 37px; height: 36px; margin-right: 30px; background: url(../images/24_dpp.webp) no-repeat; filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; }
.f4 .dod { width: 90px; height: 38px; margin-right: 30px; background: url(../images/24_dod.webp) no-repeat; filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; }

.f4 .instagram { display: none; width: 29px; height: 29px; background: url(../images/24_instagram.png) no-repeat; }
.f4 .twitter { display: none; width: 30px; height: 29px; background: url(../images/24_twitter.png) no-repeat; }
.f5 { display: flex; flex-wrap: wrap; padding-left: 95px; }
.f5 .f5_1 { flex: 20%; color: var(--zudv-gray); font-weight: bold; height: 5vh; padding-top: 15px; }
.f5 .f5_2 { flex: 80%; display: flex; flex-wrap: wrap; justify-content: flex-end; }
.f5 .f5_2 a { color: var(--zudv-darkgray); } /*wave color*/
.f5 .f5_2 .mod_customnav .invisible { display: none; }
.f5 .f5_2 .mod_customnav ul { list-style: none; display: flex; flex-wrap: wrap; margin-top: 15px; }
.f5 .f5_2 .mod_customnav ul li { font-size: 1.2rem; margin: 0 10px; font-weight: bold; }
.f5 .f5_2 .mod_customnav ul li.active { color: var(--zudv-red); }
.f5 .f5_2 .mod_changelanguage { padding-top: 12px; padding-left: 40px; }

/*Footer Company logo and title*/
footer .cnt_f_address { display: flex; flex-wrap: nowrap; padding: 10px; }
footer .cnt_f_address .logo { flex: 0 0 91px; text-align: start; }
footer .cnt_f_address .logo img { min-width: 81px; }
footer .cnt_f_address .text { flex-basis: 270px; }
footer .cnt_f_address .text span:nth-of-type(1) { display: block; font-size: 2.8rem; font-weight: bold; margin-top: 10px; }
footer .cnt_f_address .text span:nth-of-type(2) { display: block; font-size: 1.3rem; font-weight: bold; margin: 5px 0; }
footer .cnt_f_address .text span:nth-of-type(3) { display: block; font-size: 1.3rem; }
footer .cnt_f_address .text a { font-size: 1.3rem; color: var(--zudv-black); text-decoration: none; }
footer .cnt_f_address .text a:hover { color: var(--zudv-red); text-decoration: none; }
footer .cnt_f_address .text a.facebook { display: inline-block; filter: grayscale(1); width: 29px; height: 29px; background: url(../images/24_facebook.png) no-repeat; margin-bottom: 10px; margin-top: 5px; }
footer .cnt_f_address .text a.youtube { display: inline-block; filter: grayscale(1); width: 29px; height: 20px; background: url(../images/24_youtube_2.png) no-repeat; margin-bottom: 10px; margin-left: 10px; margin-top: 5px; }
footer .cnt_f_address .text a.instagram { display: inline-block; filter: grayscale(1); width: 29px; height: 29px; background: url(../images/24_instagram.png) no-repeat; margin-bottom: 10px; margin-left: 10px; }

/*Footer Povezave*/
footer .mod_navigation_links { flex:15%; padding-left: 20px; }
footer .mod_navigation_links a.invisible { display: none; }
footer .mod_navigation_links h2 { color: var(--zudv-black); margin-top: 30px; font-size: 1.3rem; font-weight: bold; text-transform: uppercase; }
footer .mod_navigation_links ul { list-style:none; }
footer .mod_navigation_links ul li { padding: 5px 0px; margin: 0px 5px; color: var(--zudv-black); text-transform: uppercase; font-size: 1.3rem; } 
footer .mod_navigation_links ul li a { color: var(--zudv-black); }
footer .mod_navigation_links ul li a:hover { color: var(--zudv-red); text-decoration: none; }
footer .mod_navigation_links ul li.forward strong.forward { font-weight: normal !important; cursor: pointer; }

/*Footer Aktualno*/
footer .mod_newslist { flex:40%; padding-left: 10px; border-left: none; padding-right: 10%; }
footer .mod_newslist h1 { font-size: 1.3rem; color: var(--zudv-black); text-transform: uppercase; letter-spacing: 0px;  margin-top: 30px; }
footer .mod_newslist a { font-size: 1.3rem; margin: 5px 0; }





/*PARTICLES*/
#particles-js { display: none; /*position: absolute; width: 100%; height: 50vmin; top: 12em; right: 0.4em; padding: 0em 0.4em 0.2em; z-index: 100000;*/ }


/*Container of rotation rings*/
.entry_animation { position: relative; width: 100%; min-height: 400px; border: solid 1px Black; }
.entry_animation > a { position: absolute; }

/*Rotation animation with keyframes*/
@keyframes loading {
	0% { 
	  transform: rotate(0); 
	}
	100% { 
	  transform: rotate(360deg);
	}
}

.rotate {
	top:40px;
	left: 5px;
	display: block;
	width: 256px;
	height: 256px;
	background: url(../images/settings-icon_256.png) no-repeat top center;
	animation: loading 3s linear infinite;
	-webkit-animation: loading 3s linear infinite;
	-moz-animation: loading 3s linear infinite;
}

/*Rotation animation with hover*/
.rotate_01 {
	top:0;
	left: 30px;
	display: block;
	width: 64px;
	height: 64px;
	background: url(../images/settings-icon_64.png) no-repeat top center;
	-webkit-transition: -webkit-transform 2s;
}

.rotate_01:hover {
	-webkit-transform: rotate(360deg) translateZ(0);
}

.rotate_02 {
	top:20px;
	left: 60px;
	display: block;
	width: 128px;
	height: 128px;
	background: url(../images/settings-icon_128.png) no-repeat top center;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

.rotate_02:hover {
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
}


/*TABLETS, PHONES*/
@media (max-width: 768px) {
	body { padding: 0; } 
	
	#wrapper, #left, #main, #right {
		flex: 100%;
	  /*
	  grid-template-columns: 100%; /*ali repeat(1, 100%)*/
	  /*grid-template-areas:
	  "header"
	  "content_rotator"
	  "left"
	  "main"
	  "right"
	  "before_footer" 
	  "footer";
	  /*padding:5px;
	  */
	}

	header .header_container { width: 100%; }
	.left, .empty_left_right, .right { width: 95%; }


	/*OTHER CSSs GOES THERE*/

	/*Logotype*/
	a.logo_sl, a.logo_en { min-width: 200px; }

	/*Favourites - links*/
	.favs { margin:-10px 0 5px 0; }
	.favs a { font-size: 0.7rem; margin: 0 1px; }

	/*Search*/
	.mod_search { justify-self: right; }

	/*Turn navigation off and display mobile version of navigation*/
	header .mod_navigation, #left .mod_navigation { display: none; }
	.fa { display:inline-block; color: Black; font-size: 40px; }
	.mobile_menu a.invisible { display: none; }
	.mod_mobile_menu { grid-column: 1/5; display: block; width: 100%; background-color: White; border-radius: 4px; margin: 10px 0px; padding-left: 5px; }
	.mod_mobile_menu .mobile_menu_trigger i { display: block; float: left; cursor: pointer; }
	.mod_mobile_menu .mobile_menu_trigger span { display: block; float: left; padding: 11px 0 0 10px; cursor: pointer; }
	.mobile_menu .mod_navigation a { color:var(--zudv-gray) !important; font-size: 1.33rem; }
	.mobile_menu .mod_navigation span { color:var(--zudv-gray) !important; font-size: 1.33rem; cursor: pointer; }
	.mobile_menu .mod_navigation a:hover { color:#fa4238 !important; }
	.mobile_menu .mod_navigation ul { padding: 10px; }
	.mobile_menu .mod_navigation ul ul, .mobile_menu .mod_navigation ul ul ul, .mobile_menu .mod_navigation ul ul ul ul { padding: 0; }
	.mobile_menu .mod_navigation li { padding: 5px 0 5px 10px; }


	/*Breadcrumb*/
	.mod_breadcrumb ul li::marker { content: ""; }
	
	/*Logotype - partners*/
	.partners_container { display: flex; flex-wrap: wrap; }

	/*Last news - vstopna stran*/
	.mod_newslist { margin: 0px; padding-left: 30px; }

	/*Slogan with included latest news module*/
	.slogan { flex-direction: column; width: 100%; }
	.slogan .slogan_left a { padding: 10px 0; }

	/*Organization units with images*/
	.ou_zudv { flex-direction: column; }
	.ou_zudv .ou_zudv_left { padding-left: 0; }
	.ou_zudv_left .ou_zudv_left_content { margin-top: 50px; margin-bottom: 30px; }

	/*Featured video*/
	.films { width: 100%; }
	.films .films_1 { flex-basis: 100%; }
	.films .films_2 { flex-basis: 100%; }
	.films .films_2 .films_2_cnt { margin-top: 5%; height: 90%; }
	.films .films_2 a:nth-of-type(1) { margin-top: 1vw; }


	/*Volunteer and donation*/
	.vd_container .volunteer { flex-basis: 100%; margin-right: 0px; margin-bottom: 30px; }
	.vd_container .donation { flex-basis: 100%; }
	/*Module: Volunteer and donations*/
	.vd_container h3 { font-size: clamp(3rem, 4.5vw, 28px); }
    .vd_container .donation a { float: right; }

	/*Custom text*/
	.zudv_brez { padding: 0 0 30px 0; }
	.zudv_levo, .zudv_desno { flex-direction: column; }
	.zudv_levo .ce_gallery ul { justify-content: left; }
	.zudv_desno .ce_gallery ul { justify-content: right; }

	/*Module: Catalog of products questionarie*/
	.questionarie { margin:10px 0 0 10px; }

	/*Module: Contacts*/
	.contacts .contact { flex-basis: 100%; margin-top: 2px; }
	.contacts .contact:nth-child(2n) div.item1 { padding-left: 0; }
	.contacts_2 .add_top_padding { display: block !important; padding-top: 50px; }
	.contacts_2 .contact_left { flex: 0 1 100%; }
	.contacts_2 .contact_right { flex: 0 1 100%; }

	/*Module: Contao Gallery*/
	.ce_gallery ul.cols_1 li, .ce_gallery ul.cols_2 li, .ce_gallery ul.cols_3 li, .ce_gallery ul.cols_4 li { max-width: 100%; }

	/*Module: Dostava kosil*/
	.dostavakosil { width: 100%; }
	.dostavakosil .dk_1 { flex-basis: 100%; order:2; padding-top: 5%; }
	.dostavakosil .dk_2 { flex-basis: 100%; order: 1; }
	.dostavakosil .dk_1 .dk_1_cnt p { margin: 5px 0; }
	.dostavakosil a {  margin-top: 2%; margin-bottom: 2%; }

	/*Footer Copyrights and Navigation + language switcher*/
	.f1, .f2, .f3, .f4, .f5 { width: 100%; padding-left: 0px; }
	.f2 .f2_1 { flex-basis: 100%; }
	.f2 .f2_2 { flex-basis: 100%; }
	.f2 .f2_3 { flex-basis: 100%; }
	.f3 { padding-left: 5px; }
	.f5 { flex-basis: 100%; }
	.f5 .f5_1 { flex-basis: 100%; padding-left: 10px; }
	.f5 .f5_2 { flex-basis: 100%; justify-content: flex-start; }
	.f5 .f5_2 .mod_customnav ul li { flex-basis: 100%; }
	.f5 .f5_2 .mod_changelanguage { flex-basis: 100%; }
	footer .mod_navigation_links { padding-left: 10px; }




 }
  /*END Tablets, phones*/