/*
OSNOVNI CSS za OZS_SKUPNO
*/
.main .fa-lg {
  vertical-align: 10%;
}

#popup { display: none; } /* drugače zasede 4px v footerju */

/********** PODČRTAN NASLOV ********/
.podcrtan-naslov {
font-size: 1.5em;
font-weight: bold;
color: #4b698c;
padding: 30px 15px 10px 15px;
}

.podcrtan-naslov div {
border-bottom: 7px solid #4b698c;
text-align: left;
display: table-caption;
height: 15px;
}

.podcrtan-naslov hr, .novica .podcrtan-naslov hr {
border-bottom: 1px solid #4b698c;
margin-top: -4px;
}

/*****   DOGODKI    *****/
.vertikalno {
	transform: rotate(270deg);
	transform-origin: left top; 
  float:left;
  width: 1em;
  white-space: nowrap;
  font-size: 1.5em;
  font-weight: 700;
  bottom: -1em;
  left: 0;
  position: absolute;
  color: #888;
  margin-right: 10px;  
}
  
.dogodek {
  position: relative;
  margin: 0 1em;
}

.dogodek .datum hr {
  margin: 0px 4px;
  border-bottom: 2px solid #fff;
}
  

.datum-spremembe {
  font-weight: 300;
  color: #444;
}
.datum-spremembe b {
  font-weight: 400;
}

.dogodek-prijava {
  padding-bottom: 2em;
}
.dogodek hr {
  margin: 0.5em auto;
}

.row.dogodek {font-size: 1.3em;}
.row.dogodek .povzetek {font-style: italic;}

/*******  NOVICE  *******/
.novice-prva, .novice-hub {
  padding: 1rem 0;
}
.novice-prva a, .novice-hub a {
  color: #222;
  font-weight: 400;
}

.novice-prva h4 {
  margin-left: 0.75rem;
}

.novice-prva h5 {
  font-size: 1.6em;
  margin: 0 0 0.3em 0;
  font-weight: 600;
}
.novice-hub h5 {
  font-size: 1.4em;
  line-height: 1.1em;
  margin: 0 0 0.3em 0;
  font-weight: 600;
}

.novice-prva hr {
  margin: 0.5em 0;
  border-bottom: 1px solid #eee;
}

.novice-prva .text div {
  font-size: 1.3em;
  font-weight: 400;
}

.novice-prva .slika {
  padding-bottom: 1em;
}

.clanek h1 {
  color: #111;
  font-size: 2.5em;  
}

.row.novica {
  padding: 1.5em 0;
  color: #444;
}

.row.novica h1 {
  margin-top: 0px;
  /*font-size: 2em;
  line-height: 1.2em;
  color: #0069aa;*/
}

.novice.vec, novice.paginate {text-align: center;}
.novice.vec .button {
  position: absolute;
  right: -0.5rem;
  bottom: -0.5rem;
  border-radius: 15px;
  padding: 0.7em 2em;
}

.novice.vec .button a {
  color: #fff;
}

.row.novica .povzetek, .row.novica .body{
  text-align: justify;
}

.row.novica hr {
  margin: 0.5em 0;
  border-bottom: 1px solid #eee;
}

.row.novica .povzetek {
  font-style: italic;
  font-size: 1.1em;
  color: #222;
}

/* ANKETE */

.poll-div .required {
  color: #b60635;
}
.poll-div .poll-title {
  padding: 8px;
}
.poll-div .poll-text {
  padding: 6px 0;
}

.poll-data-table {
  padding: 6px;
  font-size: 1rem;
}

.poll-data-table .row-div {
  display: flex;
  align-items: center;
  margin: 1rem 0;
}

.poll-data-table .row-div.hidden {
  display: none;
}

.poll-title {
  font-size: 1.3em;
  font-weight: 700;
  color: #003a68;
  padding: 4px 0;
  text-align: left;
}

.poll-data-text.lr {
  font-weight: 600;
  xmargin: 0 0 1rem;
}

.poll-data-text.td {
  font-weight: 600;
  xmargin: 0 0 4px;
}

.poll-div ::placeholder {
  color: #888;
}

.poll-div .poll-data-text.comment {
  width: 100%;
  text-align: left;
  white-space:normal;
  padding: 8px;
  margin-bottom: 1rem;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}

.poll-div input, .poll-div select, .poll-div textarea {
  border: 1px dashed #888;
  border-radius: 2px;
}

.poll-div .dc-submit {
  font-weight: 600;
  font-size: 1.2em;
  background: #b60635;
  padding: 1rem 2rem;
  color: #fff;
  border-radius: 3px;
  border: none;
  margin: 1rem 0;
}

.poll-div .dc-submit:hover {
  background-color: #003a68;
  transition-duration: 0.8s;
}
.poll-div .dc-form-label {
  padding: 0 4px;
}

.poll-div input, .poll-div select  {
  height: 3em;
  margin: 0;
}

.poll-div .dc-radio input {
  vertical-align: middle;
  margin-right: 4px;
  height: 2em;
}

.poll-div label {
  font-size: 1em;
}
.poll-div .poll-data-field {
  display: flex;
  align-items: center;
}
.poll-div .poll-data-field.td {
  margin-bottom: 8px;
}

.poll-div [type='checkbox'] + label {
  display: inline;
  line-height: initial;
}

.poll-div .poll-data-field {
  border-left: 4px solid transparent;
  padding-left: 2px;
}

.poll-div .poll-data-field.poll-mandatory {
  border-left: 4px solid #b60635;
}

/********  KODA-95 ********/
.koda-95 {
  background-color: rgba(0, 58, 104, 1);
  padding: 0 1rem 1rem;
  border-radius: 2px;
}

.koda-95 img {
  max-width: 3rem;
  padding-right: 8px;
}

.koda-95 a {
  display: flex;
  font-size: 1.3em;
  line-height: normal;
}

.koda-95 a:link, .koda-95 a:visited {
  color: #fff;
}
.koda-95 a:hover {
  color: #f8ede6;
}

.koda-95-covid {
  font-size: 1.6em;
  line-height: normal;
  font-weight: 400;
  padding: 1rem 0;
  color: #b60635;
}

.koda-95-covid b {
  color: #222;
  font-weight: 700;
}

/****** Filmčki ********/
.filmcki .videowrapper iframe {
  width: 100%;
  height: 100%;
}

.filmcki .videowrapper {
  margin-top: 1rem;
}

/********    ROTATOR     *********/
.orbit-bullets button {
  background-color: rgba(0, 65, 129, 0.1);
}
.orbit-bullets button.is-active, .orbit-bullets button:hover {
  background-color:  rgba(0, 65, 129, 0.8);
}

/** INTERNET EXPLORER NE */
.ie-ne-priporocamo {
  display: none;
  font-size: 13px;
  padding: 20px;
  width: 800px;
  margin: 0 auto;
  color: #fff;
}

/************ SOCIALNE PO NOVEM ************/
.socialne-like {
  padding: 1rem 0;
  font-size: 20px;
  font-weight: 500;
}

.socialne-like img {
  height: 32px;
  margin-right: 4px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ie-ne-priporocamo {
    display: block;
    background: #fe0036 url(https://c.s-microsoft.com/sl-si/CMSImages/ie_symbol_clr_56x56.png?version=73aa5bf1-0743-11e7-8f71-718675c983bf) top center no-repeat;
  }
}

/****** POSEBEJ ZA MOBILNI TELEFON    *****/
@media only screen and (max-width: 600px) {
  .poll-data-table .row-div {display: block;}
  .poll-data-text {padding: 0 0 2px 2px;}
  .poll-data-text.lr {margin: 0;}
  .poll-data-table .dc-form-label {padding: 2px 0;}
  .poll-data-table .dc-radio.dc-inline div {
    display: block;
  }
  .poll-data-table .dc-radio {
    min-width: 50%;
  }
  .poll-div input[type='checkbox'] {
    height: initial;
  }
  .poll-data-table [type='checkbox'] + label {
    display: inline;
    line-height: 1;
  }

  .poll-data-table .dc-form-label.poll-data-text {
    margin-top: 8px;
  }
}
/* 


modra: rgba(141,216,248,1) #8dd8f8
rdeča: rgba(244,122,111,1) #f47a6f
oranžna: rgba(251,166,28) #faa61a

*/

body {
  font-family: 'Open Sans', sans-serif;
  overflow-x: hidden;
  font-size: 12px;
}
/*
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
*/
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans'; letter-spacing: -1px;}
p {margin: 1em 0em;}

a:link, a:active, a:visited { 
  font-weight: 600;
  text-decoration: none; 
  background: transparent;
  color: #222;
}

a:hover { text-decoration: none; color: #000; }

.wrap {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
  padding: 0 15px;
}

header .row {
  background: transparent url(/hramba/druzinsko/logotipi/dp_ozadje.jpg) bottom right no-repeat;
}
header .column {
  padding: 0.5rem 1rem;
  vertical-align: middle;
  display: table-cell;
  vertical-align: middle;
  float: none !important
}

footer {
  padding-top: 1rem;
}

.slogan {
}
.slogan img {
  margin: 1em;
  max-height: 50px;
}

.main {
  padding-top: 1.5em;
}

.top-slika {
  text-align: left;
}
.top-slika img {
padding-top: 1rem;
padding-right: 2rem;
margin-top: 1.5rem;
max-height: 80px;
}
@media only screen and (max-width: 1000px) {
.top-slika img {
margin-top: 0;
padding-top: 0.5rem;
}
}

/*******   MENU  *******/

.top-bar {
  background-color: #fff;
}
.top-bar ul {
background: linear-gradient(to right, #f47a6f 0%, #Faa61a 58%, #f8f9a9 82%, #8dd8f8 100%);  
filter: drop-shadow(2px 2px 4px #aaa);
}

.top-bar a:link, .top-bar a:visited {
  color: rgba(255,255,255,1);
  font-weight: 700;
  font-size: 1.2em;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
}
.top-bar a:hover {
  color: #fff;
  background-color: #8dd8f8;
}

.top-bar .is-dropdown-submenu {
background-color: rgba(176,192,64,0.9);
border: 2px solid darkgreen;
}
.top-bar .submenu-toggle::after {
  border-color: #f8f8f8 transparent transparent;  
}

.top-bar ul li {
  border-right: 1px solid #eee;
}
.top-bar .top-selected a {
  background-color: #8dd8f8;
}

.top-bar a i {
text-transform: lowercase;
font-weight: 400;
}

/* PROTI MIGOTANJU - FLICKER - KO SE KREIRA MENI */
[data-dropdown-menu] ul {
display: none;
}

[data-responsive-toggle] {
display: none;
}


/*******   IKONE  *******/
.ikone {
  padding: 50px 10px;
  background-color: darkgreen;
  color: rgba(255,255,255,0.9);
  font-size: 1.8em;
}

.ikone .card {
  background-color: darkgreen;
  color: rgba(255,255,255,0.9);
  border: none;
  padding: 15px;
}

.ikone img {
  max-height: 100px;  
}
.ikone .card div {
  display: table;
}
.ikone span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}

/*******   footer  *******/
footer {
  background-color: rgba(141,216,248,0.2);
  padding: 0.5em;
  line-height: 0.8em;
  font-size: 0.7em;
  color: #000;
  font-weight: 500;
  text-align: justify;
}


.ekipa {
  background-color: #f8f8f8;
  border: none;
}
.wrap.ekipa {padding: 0;}

.naslov h2 {
  background-color: #f47a6f;
  padding: 5px 0 7px 10px;
}

.podcrtan-naslov {
  color: #f47a6f;
}

.podcrtan-naslov div {
  border-bottom: 7px solid #8dd8f8;
}

.podcrtan-naslov hr {
border-top: 1px solid #bbb;
border-bottom: 1px solid #eee;

}

.novice.vec .button {
  background-color: #Faa61a;
}

/*****   DOGODKI    *****/

.row.novica {
  font-weight: normal;
}

.row.novica h3 {
  margin-top: 0px;
}

#novica {
padding: 1em;
/*text-align: justify;*/
}

#novica h2 {
margin-top: 0;
font-size: 1.8em;
line-height: 1.2em;
font-weight: 700;
}

#novica hr {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #eee;
  margin: 0.3rem 0;
}

#novica .razno .avtor {
  color: #999;
  font-weight: 600;
  font-size: 1.2em;
}

#novica .razno .povzetek {
  font-size: 1.4em;
  font-style: italic;
}

#novica .razno .body {
  font-size: 1.4em;
}

/********** IZPOSTAVLJENO  *********/
.izpostavljeno {
  font-size: 1.1em;
}

.puscica-oranzna {
  list-style-image: url(/hramba/ikone/puscica-oranzna.jpg);  
}

.novice-prva {
  margin-top: 1px;
  padding: 1.5rem 1rem;
  position:relative;
}

.novice-prva .novica  {
}

.row .column.novica .ena {
/*
  border: 1px solid #fafafa;
  background-color: rgba(255,255,255,0.3);
*/
}

.novice-prva .novica  {
  padding: 0.2rem 0.4rem 0 0.4rem;

}

.novice-prva .novica .row {
  background-color: rgba(255,255,255,0.3);
  background-color: transparent;
  margin: 0;
}

.novice-prva .naslov-top {
  position: absolute;
  font-weight: 700;
  font-size: 1.4em;
  line-height: 1.5em;
  top:1px;
  left:1.2rem;
  color:#f47a6f;
}

.novice-prva .text span {
  color: #999;
  font-weight: 600;
}
.prva-statistika { padding: 1rem 0;}

/*****   SVETOVANJE INFO   ******/

.svetovanje-info {
  font-size: 2.3em;
  padding: 2rem 3rem 0;
  color: white;
  background-color: #faa61a; 
  font-weight: 600;
  margin-bottom: 1rem;
}

.svetovanje-info a:link {
  color: white;
}
.svetovanje-info span {
  padding-right: 80px;
  white-space: nowrap;
}

.svetovanje-info img {
  padding: 30px 0;
}

.novice-hub {
  background-color: #fff;
  margin-top: 1rem;
  padding: 1.5rem 0;
  position:relative;  
}

.novice-hub .novica  {
  background-color: rgba(255,255,255,0.3);
  line-height: 1.2em;
  margin-bottom: 2px;
}

.novice-hub .naslov-top {
  position: absolute;
  font-weight: 700;
  font-size: 1.4em;
  line-height: 1.5em;
  top:1px;
  left:0;
  color:#f47a6f;
}

.novice-hub .novica span {
  color: #999;
  font-weight: 600;
}
.novice-hub h5 {
  color: #Faa61a;
}


.novice-hub a, .novice-hub a:link {
  color: #222;
}

.novice-hub a:hover {
  color: rgba(55,55,55,0.7);
}

.novice-hub .novica.liha {
  padding: 0.5rem;
  background-color: rgba(141,216,248,0.2);
  border: 1px solid #fff;
}
.novice-hub .novica.soda {
  padding: 0.5rem;
  background-color: rgba(141,216,248,0.1);
  border: 1px solid #fff;
}
.novice-hub .novica div {
  font-weight: 400;
}

.novice-hub .novica .text1 a {
  font-weight: 400;
  color: #Faa61a;
}
.novice-hub .novica .text1 span {
  font-weight: 600;
}

.blog-landing {
 padding: 0 1rem; 
}

.blog-landing .naslov-top {
  font-size: 2em;
  font-weight: 600;
  color: #f47a6f;
}

.blog-landing .text span {
  font-weight: 600;
  color: #999;
}  
.blog-landing h5 {
  font-weight: 700;
  color: #Faa61a;
}  

.blog-landing a {
  font-weight: normal;
  font-size: 1.2em;
}

.clanki-landing {
  padding: 0 1rem;
}

.clanki-landing a {
  font-weight: normal;
  font-size: 1.1em;
}

.clanki-landing .naslov-top {
  font-size: 1.6em;
  font-weight: 700;
  color: #f47a6f;
  float: left;
  padding-bottom: 1rem;
  letter-spacing: -1px;
}

.clanki-landing .novica {
  padding: 0.5rem;
  border-right: 2px solid #fff;
  border-bottom: 20px solid #fff;
}

.clanki-landing .novica a:hover {
  color: rgba(55,55,55,0.7);
}

.clanki-landing .novica h5 {
    line-height: 1.2em;
    font-weight: 700;
    margin-bottom: 4px;
    font-size: 1.6em;
}

.clanki-landing .novica hr {
  margin: 0.2em 0 0.4em;
}
.clanki-landing .novica .povzetek {
  font-size: 1.4em;
  line-height: normal;
}

/**** DOGODKI LANDING ****/

.vertikalno { color: #f47a6f; }
.dogodki-landing {
  padding: 0 1rem 1rem 2rem;
  background-color: rgba(141,216,248,0.2);
  margin: 1rem 2.5rem;
  text-align: left;
}

.dogodki-landing a {

}
.dogodki-landing .tip {
  color: #fff;
  font-size: 1.5em;
  padding-left: 1rem;
  font-weight: 700;
}

.dogodki-landing .desno .tip  {
  color: #Faa61a;
  padding-left: 0;
}

.dogodki-landing .desno .naslov  {
  font-size: 1.6em;
  font-style: normal;
  padding-left: 0;
  color: #222;
  letter-spacing: -1px;
}

.dogodki-landing .naslov {
  color: #666;
  font-size: 1.4em;
  font-style: italic;
  font-weight: 600;
  padding: 0 1rem;
  line-height: 1.2em;
}

.dogodki-landing .desno .komentar, .clanki-landing .komentar  {
  color: #aaa;
  font-weight: 600;
  font-size: 1.4em;
}
.dogodki-landing .desno .podatek, .clanki-landing .podatek  {
  color: #000;
  font-weight: 600;
  font-size: 1.4em;
}

.dogodki-landing .povzetek {
  color: #222;
  font-size: 1.2em;
  font-weight: 400;
  padding-bottom: 1rem;
}

.dogodki-landing .dogodek .levo {
  position: relative;
  padding: 1.5rem 0.5rem;
  margin-bottom: 3rem;
  background-color: #Faa61a;
  border-radius: 1px;
}

.dogodki-landing .dogodek .desno hr {
border-top: 1px solid #bbb;
border-bottom: 1px solid #eee;
margin: 0.2em 0;
}

.dogodki-landing .dogodek .datum {
  position: absolute;
  top: -35px; left: -30px;
  width: 60px; height: 60px;
  background-color: #8dd8f8;
  font-size: 1.5em;
  font-weight: 700;
  color: #fff;
  text-align: center;
  box-shadow: 2px 2px 4px #aaa;
  border-radius: 4px;
  line-height: 1.6em;}

.dogodki-landing .naslov-top {
  font-size: 1.6em;
  font-weight: 700;
  color: #f47a6f;
  float: left;
  padding-bottom: 2.5rem;  
  letter-spacing: -1px;
}

.dogodki-landing .dogodek.niaktiven .levo {
  background-color: #bbb;
}

.dogodki-landing .dogodek.niaktiven .levo .datum  {
  background: #ccc;
}



.dogodki-arhiv {
  text-align: center;
}

.dogodki-arhiv .button {
  background-color: #8dd8f8;
}

.dogodki-arhiv .button a:hover {
  color: #fff;
}

.dogodek-prijava a {
  color: #f47a6f;
  font-size: 1.2em;
  font-weight: 600;
}

#dogodek {
  padding: 1rem 1rem 1rem 3rem;
  background-color: rgba(141,216,248,0.2);
  margin: 1rem 2.5rem;
}


#dogodek h1 {
  font-size: 1.8em;
  line-height: normal;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 2px;
}

#dogodek .komentar {
  color: #666;
  font-weight: 700;
  font-size: 1.4em;
}
#dogodek #podatki {
  font-size: 1.2em;
}

#dogodek .podatek {
  color: #000;
  font-weight: 600;
  font-size: 1.2em;
}

#dogodek .desno hr {
border-top: 1px solid #888;
border-bottom: 1px solid #eee;
margin: 0.2em 0;
}


#dogodek .povzetek {
  color: #222;
  font-size: 1.2em;
  font-weight: 400;
  padding-bottom: 1rem;
}
#dogodek .body {
  color: #222;
  font-size: 1.2em;
  font-weight: 400;
  padding-bottom: 1rem;
}

#dogodek .levo {
  position: relative;
  padding: 1.5rem 0.5rem;
  margin: 0 0 3rem 0;
  background-color: #faa61a;
  border-radius: 1px;
}

#dogodek .levo .datum {
  position: absolute;
  top: -35px; left: -30px;
  width: 60px; height: 60px;
  background-color: #8dd8f8;
  font-size: 1.6em;
  font-weight: 700;
  color: #fff;
  text-align: center;
  box-shadow: 2px 2px 4px #aaa;
  border-radius: 4px;
  line-height: 1.6em;
}

 #dogodek .levo hr {
  margin: 0px 4px;
  border-bottom: 2px solid #fff;
 }
 
 #dogodek .levo .tip {
  color: #fff;
  font-size: 1.5em;
  padding-left: 1rem;
  font-weight: 700;
}

 #dogodek .levo .naslov {
  color: #666;
  font-size: 1.4em;
  font-style: italic;
  font-weight: 600;
  padding-left: 1rem;
  line-height: 1.2em;
}

/*********   ČLANEK    *************/
#novica {
/*  font-size: 1.1em;*/
}
#novica .levo {
  text-align: center;
}

#novica h2 {
  font-size: 1.6em;
  line-height: normal;
  margin-bottom: 0;
}

#novica .komentar {
  color: #aaa;
  font-weight: 600;
  font-size: 1.3em;
}
#novica .podatek {
  color: #000;
  font-weight: 600;
  font-size: 1.3em;
}

#novica .povzetek {
  color: #222;
  font-size: 1.3em;
  font-weight: 400;
  padding-bottom: 1rem;
}
#novica .body {
  color: #222;
  font-size: 1.3em;
  font-weight: 400;
  padding-bottom: 1rem;
}

#responsive-menu .menu-icon::after {
  background: #f47a6f;
  box-shadow: 0 7px 0 #Faa61a, 0 14px 0 #8dd8f8;
  height: 4px;
  border-radius: 2px;
  width: 1.5rem;
  padding-bottom: 2px;
}

#responsive-menu .menu li {
  vertical-align: middle;
  text-align: center;
  border: none;
}

#responsive-menu .menu li a {
  line-height: 1.3em;    
}


/*
.top-bar .is-dropdown-submenu {
  background: linear-gradient(to right, #Faa61a 0%, #f8f9a9 100%);   
  border: 1px solid #ddd;
  background-color: #faa61a;
}
.top-bar .dropdown.menu .is-active > a {
  color: #fff;
}
*/

/******* BESEDILA ******/
.clanek h2 {
  background-color: #fff;
  color: #faa61a;
  font-weight: 700;
  padding: 0;  
  margin-bottom: 0;
  font-size: 1.8em;
/*
  border-bottom: 3px solid #f47a6f;
  display: inline-block;
*/
}

.clanek .avtor {
  font-size: 1.3em;
  color: #aaa;
  font-weight: 500;
  letter-spacing: -1px;
}
.clanek .avtor hr {
  margin: 0.2rem 0;  
}

/********* EKIPA ********/
.ekipa {
  background-color: transparent;
  border: 0;
}

.ekipa .ime-priimek {
  font-size: 1.7em;
  font-weight: 700;
  color: #f47a6f;
  letter-spacing: -1px;
}
.ekipa .naziv {
  font-size: 1.5em;
  font-weight: 600;
  color: #aaa;
  letter-spacing: -1px;
}
.ekipa .opis {
  font-size: 1.5em;
  font-weight: 500;
  padding-left: 0;
  color: #555;
  letter-spacing: -1px;
}
.ekipa .row {
  padding-bottom: 2em;
  padding-top: 2em;
}

.ekipa hr {
margin: 0.2em 0 ;
border-top: 1px solid #bbb;
border-bottom: 1px solid #eee;
}


/*****   DOGODKI    *****/
.vertikalno {
	transform: rotate(270deg);
	transform-origin: left top; 
  float:left;
  width: 1em;
  white-space: nowrap;
  font-size: 1.5em;
  font-weight: 700;
  bottom: -1em;
  left: 0;
  position: absolute;
  color: #888;
  margin-right: 10px;  
}
  
.dogodki-prva {
  background-color: rgba(141,216,248,0.2);
  padding: 1em;
}

.dogodki-prva .column {
  padding: 0.5em;
}

.dogodki-prva .dogodek {
  height: 160px;
  padding: 0; 
  background-color: #fba61c;  
  border: 1px solid #ddd;
}

.dogodki-prva .dogodek .mi {
  vertical-align: initial;
}

.dogodki-prva .column.dogodek:hover {
  border: 1px solid rgba(0,65,129,0.1); 
}

.dogodki-prva .dogodek .datum {
  position: absolute;
  top: -35px; left: -30px;
  width: 60px; height: 60px;
  background-color: #8dd8f8;
  font-size: 1.5em;
  font-weight: 700;
  color: #fff;
  text-align: center;
  box-shadow: 2px 2px 4px #aaa;
  border-radius: 4px;
  line-height: 1.6em; 
}

.dogodki-prva .dogodek .tip {
  padding: 1.5rem 1rem 0 1rem;
  font-size: 1.5em;
  color: #fff;
  font-weight: 600;
}
  
.dogodki-prva .dogodek .naslov {
  font-style: italic;
  font-size: 1.4em;
  font-weight: 600;  
  padding: 0 1rem;
  height: 4.9em;
  overflow: hidden;
  color: #666;
  line-height: 1.2em;  
}


.dogodki-prva .dogodek.vsi .tip {
  font-size: 2em;
  text-align: center;
  padding-top: 2.5rem;
  line-height: 1.3em;
}

  .row.dogodki-prva {
    margin: 2em 0.5em 0 2em;
    padding-left: 1.5em;    
  }
  
  .dogodki-prva .dogodek.vsi .datum {
    font-size: 3em;
    background-color: orange;
  }


.row.dogodki-prva {
  margin: 2em 0 0 2em;
}


/********    ROTATOR     *********/
.orbit-bullets button {
  background-color: rgba(251,166,28,0.2);
}
.orbit-bullets button.is-active, .orbit-bullets button:hover {
  background-color:  rgba(251,166,28,0.8);
}

/********     PAGINATION    ************/

.pagination span {
margin-top: 2rem;
border: 1px solid #f47a6f;
border: none;
background: #8dd8f8;
margin-right: 4px;
}

.pagination .current, .pagination span:hover {
background: #f47a6f;
border: 1px solid #f47a6f;
font-weight: 600;
border: none;
}

/* PIŠKOTKI */

#piskotki-msg {
  position: fixed;
  top: 0px;
  left: 5%;
  width: 90%;
  padding: 20px 5px;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5em;
  text-align: center;
  border: 3px solid #fff;
  background-color: #f47a6f;
  box-shadow: 0px 0px 20px #444;
}

#piskotki-msg span {
color: white;
font-weight: bold;
border-bottom: 1px solid #fff;;
}

#piskotki-msg span:hover {
  color: #ddd;
  cursor: pointer;
}


.menu-icon {
  margin: 1rem 0 0 1.4rem;
  height: 2rem;
  width: 2rem;
}

.menu-icon::after {
  background: #f47a6f;
  box-shadow: 0 10px 0 #8dd8f8, 0 20px 0 #faa61a;
  height: 5px;
  border-radius: 1px;
  width: 2rem;
}
/****** POSEBEJ ZA MOBILNI TELEFON    *****/

@media only screen and (max-width: 600px) {
  header .mozaik-logo {text-align: center; }
  header .row { background: none; }  
  
  .top-slika {
  text-align: center;
  }
  .top-slika img {
    float: none;
    max-width: none;
    margin-bottom: 8px;
  }
  
  header ul { margin: 5px auto; }
  
  header .column { display:block; }
  
  header .mozaik-isci { margin: 25px auto; }
  
  .top-bar ul, .top-bar ul li ul  { 
    background: linear-gradient(to right, #faa61a 0%, #faa61a 100%); 
  }
  
  #responsive-menu .menu li {
    text-align: left;
  }
  
  #side-menu .menu.vertical {
    font-size: 1rem;
    width: 100%;
  }
  #side-menu li {
    border-bottom: 1px solid #fff;
  }  
  
  #side-menu br {display: none;}
  
  #side-menu a {color: #003a68;}
   
  .menu .is-active > a {background-color: #f47a6f;}
  .position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px #aaa;
    box-shadow: 2px 2px 12px #666;
    background-color: #8dd8f8;
  }  
  
  .wrap {
    width: 99%;
    padding: 0 3px;
  }
  
  #novica h2 {
    font-size: 1.5em;
    padding: 1em 0 0.5em 0;
  }
  
  .novice-prva .novica {
    margin-bottom: 1em;
  }
  .dogodki-prva .dogodek {margin-top: 2rem;}
  
  .dogodki-landing {
    margin: 1rem 0.5rem;
    padding-left: 0.5rem;
    line-height: normal;
  }
  
  .dogodki-landing .dogodek .levo {margin-bottom: 1rem;}
  .dogodki-landing .column.dogodek {margin-top: 1rem;}
    
  .dogodki-landing .desno .naslov {
    margin-bottom: 0.5rem;
  }  
  .dogodki-landing .desno .komentar,  .dogodki-landing .desno .podatek {
    font-size: 1.1em;
  }
  
#dogodek {
  padding: 8px;
  margin: 1rem;
}  
  
  .rotator { padding-top: 1rem;  }
  
}
