/*
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;
  }
}
/* 


zelena #b6bc1b 
modra #005288
*/


body {
  font-family: Nunito, sans-serif;
  overflow-x: hidden;
  background-color: #fafafa;
}

h1,h2,h3,h4,h5,h6 {
  font-family: Nunito; 
  color: #111;
  font-weight: 600;
} 

h1 {font-weight: 700;}

h2 { font-size: 1.8em; margin: .6em 0;}
h3 { font-size: 1.5em; margin: .7em 0;}
h4 { font-size: 1.3em; margin: 0.8em 0;}
h5 { font-size: 1.1em; margin: 0.9em 0;}
h6 { font-size: 0.9em; margin: 1em 0;}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

a:link, a:active, a:visited { 
color: #005288;
font-weight: bold;
text-decoration: none; 
}

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

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

header { background-color: #fff; }
header .row {padding: 0 8px;}
header .row:first-child {padding-bottom: -2rem;}
header .row:last-child {clear: both;}

header .column {
  padding: 8px 0;
  text-align: center; 
  vertical-align: middle;
  display: table-cell;
  vertical-align: middle;
}

.slogan {
}

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

/* Top sodeluj gumb */
.top-sodeluj {
  text-align: right;
  margin-bottom: -2rem;
  display: none;
}

.top-sodeluj .button {
background-color: #b6bc1b;
padding: 0.8rem 1rem;
border-radius: 100px;

}

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

.top-bar {
  padding: 1rem 0;
  margin-top: 3rem;
}
.top-bar, .top-bar ul {
  background-color: #fff;
}


.top-bar a:link, .top-bar a:visited {
color: #444; 
font-weight: 700;
font-size: 14px;
}

.top-bar .top_selected a {
color: #005288; 
}

.top-bar a:hover {
color: rgba(0,102,153,0.6);; 
}

.top-bar .is-dropdown-submenu {
background-color: rgba(176,192,64,0.9);
border: 2px solid rgba(176,192,64,1);
}
.top-bar .submenu-toggle::after {
  border-color: #f8f8f8 transparent transparent;  
}
.column.opis-v-glavi {
  text-align: left; 
  padding: 1rem; 
  font-size: 1.2em;
  background: linear-gradient(to bottom, #f2f2f2 0%, #fff 90%);
  text-align: justify;
  vertical-align: top;
}

#responsive-menu li i {
  padding-right: 4px;
}

#responsive-menu li ul li {
  list-style: none;
  padding: 6px 0 0 0;
  background-color: rgba(176,192,64,0.9);
}

.dropdown.menu > li.is-active > a  {color: rgba(255,255,255,0.9);}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {display: none;}



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

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

.column.prijava {
  text-align: right;
  font-size: 1.2em; 
  margin-right: 2rem;
}
.column.prijava a:link, .column.prijava a:visited {
  color: #222;
  font-weight: 600;
}
.column.prijava a:hover {
  color: #005288;
}


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

.ikone .card {
  background-color: rgba(176,192,64,1);
  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;
}

.button {
  background-color: #b6bc1b;
  border-radius: 5px;
}

a.button {
  color: #fff;
  padding: 14px 2rem;
}

.button:hover {
  background-color: #005288;
}

/******* PRVA STRAN *******/
.prva .row .column {padding: 1rem;}

.prva .belo {
  padding: 2rem;
  background-color: #fff;
  font-size: 1.3em;
  font-weight: 600;
  margin-bottom: 1rem;
}

.prva .sivo {
  background-color: #eee;
  margin-bottom: 4rem;
  text-align: center;
  padding: 2rem 0;
}

.prva .wrap .iframe {
  padding:35% 0 0 0;
  position:relative;
}

.prva .wrap .iframe iframe {
position:absolute;
top:1rem;
left:0;
width:100%;
height:100%; 
padding-bottom: 3rem;
}

.bela {
  background-color: #fff;
}

.prva .button {
  font-size: 20px;
  padding: 1rem 3rem;
  line-height: 1.2em;
  margin: 1rem 0;
  border-radius: 100px;
  color: #fff;
}

.prva .ena {
/*  padding: 5rem 0;*/
  margin-bottom: 4rem;
  display: flex;
}
/*
.prva .ena {
  background-image: url(/hramba/star-vital/logotipi/gore.png);
  background-position: center;
  background-repeat: no-repeat;
}
*/

.prva h1 {
  font-size: 3rem;
  line-height: 1.5em;
  color: #005288;
  margin: 2rem 0;
}

.prva h2 {
  margin: 0;
  font-size: 2.8em;
  color: #005288;
  font-weight: 700;
}

.prva .ena font {
  font-weight: 400;
  font-size: 21px;
  line-height: 1.8em;
  color: #000;
  padding-right: 4rem;
}

.prva .dva {
  margin: 2rem auto;
}

.prva .dva .levo1 {
  border-right: 1rem #fafafa solid;
  border-left: 8px #fafafa solid;
}
.prva .dva .desno1 {
  padding: 0 1rem 1rem 1rem; 
  font-size: 16px;
  margin-bottom: 4rem;
  text-align: left;
}

.prva .dva .desno1 div {
  padding: 8px 0 2rem;
  font-size: 1.3em;
  line-height: 1.5em;
}
.prva .dva h2 {
  font-size: 2.1rem;
}

.prva .dva hr {
  width: 3rem;
  margin-bottom: 1rem;
  border-bottom: 3px solid #b6bc1b;
  text-align:left;margin-left:0
}

.prva .dva .button {
  color: #005288;
  background-color: transparent;
  border: 2px solid #005288;
}
.prva .dva  a:link {
  font-size: 0.9em;
  padding: 10px 1.5rem;
}

.prva .dva .levo2 {
  padding: 0 1rem 2rem 1rem; 
  font-size: 1em;
}

.prva .dva .levo2 li {
  list-style:none;
  margin-left: -1rem;
  line-height: 1.5em;
  font-size: 1.4em;
  padding: 8px 0;
}

.prva .dva .levo2 li img {float: left; padding-right: 4px; }

/***** TRI ****/
.prva .tri {
  text-align: center;
  padding: 4rem 0;
}

.prva .tri hr {
  width: 3rem;
  margin-bottom: 1rem;
  border-bottom: 3px solid #b6bc1b;
}

.prva .tri .column img {
  margin: 2rem 0 1rem;
}
.prva .tri .column div {
  font-size: 1.8em;
}

/******* STIRI *******/
.prva .stiri-bg {
  background: url(/hramba/star-vital/logotipi/stiri-bg.jpg) center no-repeat;
}
.prva .stiri {
  padding: 4rem 0;
  text-align: center;
  margin-top: 4rem;
}

.prva .stiri font {
  font-size: 2.2em;
  color: #fff;
  font-weight: 600;
}

/******* PET *******/
.prva .pet {
  padding: 5rem 1rem 1rem;
  text-align: center;
  margin-bottom: 2rem;
}

.prva .pet hr {
  width: 13rem;
  border-bottom: 6px solid #b6bc1b;
  margin-top: 0;
  margin-bottom: 3rem;
}

.prva .pet .column {
  padding: 0 1rem;
  border-radius: 10px;
  box-shadow: 0px 12px 34px rgba(0, 0, 0, 0.25);
}

.prva .pet .mnenja {
  padding-top: 3rem;
  font-size: 1.8em;
  font-weight: 300;
}

.prva .pet .mnenja strong {
  font-size: 0.9em;
  font-weight: 600;
}

.prva .pet .orbit-wrapper {
  padding: 0 8rem;
}

.prva .pet .orbit-bullets {
  margin: 3rem 0;
  vertical-align: middle;
}

.prva .pet .orbit-bullets button {
  width: 14px;
  height: 14px;
  background-color:#e5e5e5;
  border: 2px solid #fff;
  margin-right: 1rem;
}

.prva .pet .orbit-bullets button.is-active, .prva .pet .orbit-bullets button:hover {
  background-color:#005288;
}

.prva .pet .orbit-previous:before {
  content: "<";
  content: url(/hramba/star-vital/logotipi/nazaj.png);
}
.prva .pet .orbit-next:before {
  content: url(/hramba/star-vital/logotipi/naprej.png);
}

.prva .pet .orbit-previous:hover, .prva .pet .orbit-previous:focus,
.prva .pet .orbit-next:hover, .prva .pet .orbit-next:focus {
  background: transparent;
}
/******* SEST *******/
.prva .sest{
  padding: 3rem 0;
}

.prva .sest h2 {
  text-align: center;
  padding-bottom: 1rem;
}

.prva .sest .button {
  margin-top: 2rem;
}

.prva .sest .button {
  color: #fff;
  background-color: #005288;
  font-size: 1.2em;
}

.prva .sest {
  text-align: center;
}




/*********  konferenca (2020)**********/

.stran.konferenca h2 {
  color: #222;
}

.stran.konferenca h1 {
  color: transparent;
}
.stran.konferenca img {
  height: 32px;
}
.stran.konferenca .slika {
  background: url(/hramba/star-vital/logotipi/konferenca-portoroz.jpg) center no-repeat;
  height: 450px;
  color: #fff;
  margin-bottom: 1rem;
}
.stran.konferenca b {
  color: #000;
  font-weight: 600;
}
.stran.konferenca .column {
  padding: 6px 4px;
  font-size: 0.85em;
}

.stran.konferenca .siva {
  background-color: #ddd;
  border-bottom: 1px solid #fff;
}
.stran.konferenca .rdeca {
  background-color: rgb(240, 221, 220);
  border-bottom: 1px solid #fff;
}
.stran.konferenca .rdeca2 {
  background-color: #E5C4C1;
  border-bottom: 1px solid #fff;
}

.stran.konferenca .ura {
  text-align: center;  
}
.stran.konferenca .program {
  border-left: 1px solid #fff;
}

.stran.konferenca .row .row {
  margin: 0;
}

.stran.konferenca .row .row .column {
  padding: 2px;
}
.stran.konferenca .row .row .column .okvir {
  border: 1px solid #fff;
  padding: 2rem 8px;
  text-align: center;
}

/*********  konference **********/
.stran.konference .slika {
  background: url(/hramba/star-vital/logotipi/konferenca-2021.jpg) center no-repeat;
  height: 850px;
  color: #fff;
  margin-bottom: 1rem;
}

.stran.konference .center {
  margin: 3rem 0;
  text-align: center;
}


/******   za podjetja   ********/
.clanki-slika {
  background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ),
              url(/hramba/star-vital/logotipi/slika-clanki.jpg) center no-repeat;
  height: 308px;
  color: #fff;
  margin-bottom: 5rem;
  text-align: center;
}

.novice-okvir {
  padding: 0 8px;
}
.novice-okvir h1 {
  font-size: 2.1rem;
}
.novice-okvir .row {
  padding: 0;
}

.novice-prva a {
  color: #666;
  font-weight: 600;
  text-align: left;
}

.novice-prva a img {
vertical-align: sub;
}
.novice-prva .slika {
  padding-bottom: 0;
}

.novica .card {
  border-radius: 10px;
  border: 0;
  font-size: 1.1em;
  color: #666;
  padding-bottom: 8px;
}
.novica .card:hover {
  box-shadow: 0 4px 8px #aaa;
}
.novica .card .nadnaslov {
  color: #005288;
  font-weight: 600;
  font-size: 1.2em; 
  padding-bottom: 8px;
}
.novica .card h3 {
  color: #666;
  font-weight: 600;
  font-size: 1.4em;
  margin-bottom: 16px;
}

.novica .card .povzetek {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  font-size: 1.2em;
  font-weight: 400;
  color: #888;
}

.novica .card a {}
.novica .card a:hover {color: #222}
.novica .card a:hover h3 {color: #005288}

.novica .card .slika img {width: 100%}
.novica .card .text {padding: 1rem 1.5rem;}

.vse-novice {
  background-color: #f8f8f8;
  text-align: right;
  width: 100%;
  padding: 0 1rem 1rem;
  font-size: 1.2em;
}

.main .column.clanek {
  padding: 0 8px;
}

#novica {
font-size: 1.4em;
padding: 1em;
}

#novica .glava {
  text-align: center;
}

#novica h1 {
  margin: 1rem;
  font-size: 34px;
  color: #005288;
}

#novica hr {
  width: 3rem;
  margin-bottom: 1rem;
  border-bottom: 3px solid #b6bc1b;
}  

#novica .avtor {
  font-size: 16px;
  padding-bottom: 2rem;
}

#novica .body {
  padding-top: 2rem;
}

#novica .avtor font {
  color: #005288;
  font-size: 16px;
  font-weight: 600;
}

#novica h1 b {
  color: #b6bc1b;
}

#novica h2 {
margin-top: 0;
}

#novica, #novica .column {
padding: 0 4px;
}

.clanek {
  text-align: left;
}

.clanek .body {
  font-size: 1.5em;
  color: #222;
}

.clanek h1 {
  font-size: 2rem;
  margin: 2rem 0;
  color: #005288;
}

.clanek h2 {
  font-size: 1.6em;
  color: #000;
  background-color: transparent;
}
.clanek h3 {
  font-size: 1.3em;
}

.clanek .hr {
  width: 3rem;
  margin: 1rem 0;
  border-bottom: 3px solid #b6bc1b;
}

.novica.dobro-je-vedeti {
  text-align: center;
}

.novica.dobro-je-vedeti .slika {
  height: 250px;
}

.novica.dobro-je-vedeti .slika img {
  max-height: 100%;
  width: initial;
}

/*******   footer  *******/
footer {
/*  margin-top: 2rem; */
  background-color: #f2f2f2;
  padding: 3.5rem 0 1rem 2rem;
  line-height: 1.6em;
  font-size: 11.5px;
  color: #fff;
  text-align: left;
}

footer a:link, footer a:visited {
color: #333;
font-size: 13px;
font-weight: 600;
}

footer a:hover { color: #005288; }

footer .ena .prva div {
  max-width: 165px;
  padding-top: 2rem;
  color: #666;
}

footer .ena .naslov {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  padding-bottom: 1rem;
}
footer .ena .eposta {
  font-size: 1.4em;
  text-decoration: underline;
  padding-left: 4px;
  font-weight: 400;
  vertical-align: middle;
}

footer .ena .naslov font {
  font-weight: 400;
  line-height: 2rem;
}

footer .ena li {
  list-style: none;
  margin-top: 1rem;
  margin-left: -20px;
}


footer .dva {
  border-left: 1rem solid #f2f2f2;  
  border-right: 1rem solid #f2f2f2;  
  background-color: #f8f8f8;
  padding: 1.5rem 0;
  line-height: 1.5em;
  margin-top: 1rem;
  font-size: 12px;
  color: #888;
  font-weight: 600;
  text-align: justify;
}

footer .tri {
color: #000;
padding-top: 8px;
font-size: 12px;
}


footer .tri {
color: #000;
padding-top: 8px;
font-size: 13px;
line-height: 1.5rem;
}

footer .tri .column:last-child {
  text-align: right;
}

footer .tri a {
  font-weight: 700;
}


/* 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: #b6bc1b;
  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;
}

#piskotki {
  width: 800px;
  background-color: #fff;
  color: #222;
  padding: 1rem;
  font-size: 1.2em;
}

/* PAGINATION */
.pagination {
margin: 20px 0;
text-align: center;
}
.pagination a {
font-weight: normal;
color: #444;
padding: 1rem;
line-height: 2.5rem;
}

.pagination span {
display: inline-block;  
font-size: 1.4em;
line-height: 2.5rem;
padding: 0;
text-align: center;
vertical-align: middle;
border: 1px solid #ddd;
border-radius: 2px;
margin-bottom: 0.5em;
}
.pagination .page.current, .pagination .page.gap {
padding: 0 1rem;
}

.pagination .current, .pagination span:hover {
background: #b0c040;
border: 1px solid #b0c040;
}

.pagination span:hover a { color: #000; }

.podrocje .pagination { margin: 20px 0; }

/* DROBTINCE */
.drobtince ul {
  font-size: 1rem;
  margin: 12px 0;
  padding-left: 1rem;
}

.drobtince li {
  display: inline;
}

.drobtince a:link, .drobtince a:active, .drobtince a:visited { 
  color: #444;
  font-weight: 400;
}

.drobtince li a:hover {
  color: #005288;
}

.drobtince li:not(:first-child):before {
}

.drobtince .separator:before {
  content: '-';
  padding: 0 10px;
}

/***  Prijava ***/
.poll-div {
  width: 30%;
  margin: 3rem auto 0;
  background-color: transparent;
}

.poll-div form {
  text-align: center;
}

.poll-div .dc-submit {
padding: 10px;
background-color: #b6bc1b;
border: 0;
}

.poll-div .dc-submit {
padding: 10px 1.5rem;
background: #b6bc1b;
border-radius: 100px;
color:#fff;
font-size: 14px;
}

.poll-div input {
  font-size: 1rem;
  border-radius: 5px;
  padding: 20px 8px;
  border: 1px solid #999;
}

.poll-div .poll-data-field {
padding-bottom: 1rem;
}

.poll-div input[type='text']:focus,
.poll-div input[type='password']:focus {
  border: 1px solid #005288;
  box-shadow: none;
}

@media only screen and (max-width: 600px) {
.poll-div {width: 90%;}
}

/***   STRANI ***/

.stran {
font-size: 1rem;
}

.stran b {
 color: #005288; 
}

.stran .button {
  color: #fff;
  font-size: 18px;
  border-radius: 100px;
  padding: 16px 42px;
}

.stran .container {
  margin-top: 5%;
  display:inline-block;
}

.stran h1 {
  font-size: 48px;
  text-align: center;
  color: #fff;
  font-weight: 700;
}

.stran h2 {
  font-size: 34px;
  text-align: center;
  color: #005288;
  font-weight: 700;
}

.stran .text {
  font-size: 20px;
  font-weight: 400;
}

.stran hr {
  width: 3rem;
  border-bottom: 3px solid #b6bc1b;
  text-align: center;
}
.stran .slika {
  background-repeat: no-repeat;
  background-color: #000;
  height: 216px; 
  text-align: center;
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
}

.stran.prijava .slika {
  background: #000 url(/hramba/star-vital/logotipi/slika-prijava.jpg) right no-repeat;
  line-height: 216px;
}

.stran.prijava .body {
  padding: 3rem 0;
}

/******   o projektu   ********/
.stran.o-projektu .slika {
/*  background: linear-gradient( rgba(219, 221, 141, 1), rgba(219, 221, 141, 1) ), */
  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),
    url(/hramba/star-vital/logotipi/slika-o-projektu.jpg) center no-repeat;

  height: 308px;
  color: #fff;
  margin-bottom: 0rem;
}

.stran.o-projektu .wrap {
  padding: 1rem 0 0 0;
}

.stran.o-projektu .slika-1 {
  padding: 2rem 0;
}
.stran.o-projektu .slika-2 {
  padding: 2rem 0;
}

.stran.o-projektu .slika-3 {
  margin-top: 2rem;
}

.stran.o-projektu .slika-1 .column,
.stran.o-projektu .slika-2 .column {
  padding: 1rem;
}

.stran.o-projektu .slika-3 {
  background: linear-gradient( 90deg, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 1) 55%), 
              url(/hramba/star-vital/logotipi/slika-o-projektu-3.jpg) left no-repeat;
  text-align: center;
}

.stran.o-projektu .ena {
  width: 63%;
  float: right;
  text-align: left;
  
  font-size: 1.2em;
  line-height: 2em;
  
}

.stran.o-projektu .dva {
  text-align: center;
  padding: 4rem 0;
}

.stran.o-projektu h3 {
  font-size: 28px;
  color: #005288;
  padding-top: 1rem;
}


/******   za podjetja   ********/
.stran.za-podjetja .slika {
  background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ),
              url(/hramba/star-vital/logotipi/slika-za-podjetja.jpg) center no-repeat;
  height: 308px;
  color: #fff;
}

.stran.za-podjetja .slika-1 {
  background: linear-gradient( 90deg, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.7) 90%),
              url(/hramba/star-vital/logotipi/slika-za-podjetja-1.jpg) right no-repeat;
  text-align: center;
}

.za-podjetja h1 {
  padding-top: 2rem;
}
.za-podjetja .ena {
  text-align: left;
  width: 50%;
}

.za-podjetja .ena ul {
  padding: 2rem 0;
  margin-bottom: 0;
}

.za-podjetja .ena li {
list-style: none;
font-size: 1rem;
clear: both;
}



.za-podjetja .ena li img {
  float: left;
  padding: 0 1rem 2.2rem 0;
}

.stran.za-podjetja .slika-2 {
  background: linear-gradient(90deg, rgba(0, 82, 136, 1) 0%, rgba(0, 82, 136, 0) 20%, rgba(0, 82, 136, 0) 80%, rgba(0, 82, 136, 1) 100%),
              url(/hramba/star-vital/logotipi/slika-za-podjetja-2.jpg) center no-repeat;
  text-align: center;
  height: 328px;
}

.stran.za-podjetja .slika-2 {
  font-size: 24px;
  color: #fff;
}

.stran.za-podjetja .slika-2 .wrap div {
  margin-top: 10%;
  display:inline-block;
  vertical-align:middle;
  font-weight: 700;
}  

.stran.za-podjetja .button {
  color: #fff;
  font-size: 18px;
  border-radius: 100px;
  padding: 1rem 42px;
}

.stran.za-podjetja .slika-3 {
  text-align: center;
}

.stran.za-podjetja .slika-3 .button {
  padding: 1rem 2rem;
  margin-bottom: 4rem;
}

.stran.za-podjetja .slika-3 .tekst {
  padding: 0 10%;
}

.stran.za-podjetja .slika-3 .row {
  padding: 4rem 0;
  font-size: 1rem;
  line-height: 162%;
}
.stran.za-podjetja .slika-3 .column {padding-top: 2rem; text-align: left;}

.stran.za-podjetja .slika-3 ul li {
  font-size: 20px;
  list-style: square;
  color: #005288;
}

.stran.za-podjetja .slika-3 ul li div {
  font-size: 1rem;
  color: #000;
}

.stran.za-podjetja .slika-3  ul li div b, .stran.za-podjetja .slika-3 .row b {
  color: #005288; 
}

.stran.za-podjetja .kontakt {
  padding: 2rem 0;
}

/*********  zakaj **********/
.stran.zakaj .slika {
  background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ),
              url(/hramba/star-vital/logotipi/slika-zakaj.jpg) center no-repeat;
  height: 308px;
  color: #fff;
  margin-bottom: 4rem;
}

.stran.zakaj ul.tabs {
  background-color: #fafafa;
}

.stran.zakaj ul.tabs, .stran.zakaj .tabs-content {
border: 0;
}

.stran.zakaj .tabs-title {
  width: 33.3%;
  text-align: center;
  background: #fafafa;
}

.stran.zakaj .tabs-title > a[aria-selected="false"] {
  border-top: 8px solid #f2f2f2;
  border-radius: 10px 10px 0px 0px;
  background: #f2f2f2;
}

.stran.zakaj .tabs-title a {
  font-size: 20px;
  font-weight: 800;
  color: #999;
  padding: 24px 0;
}

.stran.zakaj .tabs-title a:hover {
  color: #005288;
}

.stran.zakaj .tabs-title:hover > a[aria-selected="false"] {
  border-top: 8px solid #005288;
  border-radius: 10px 10px 0px 0px;  
  background: #e8e8e8;
}

.stran.zakaj .tabs-title > a[aria-selected="true"] {
  border-top: 8px solid #005288;
  border-radius: 10px 10px 0px 0px;
  background: #fff;
}

.stran.zakaj .tabs-title.is-active a {
  font-size: 20px;
  color: #005288;
}

.stran.zakaj .tabs-content {
  background-color: #fff;
  padding: 2rem 0 1rem;
  margin-bottom: 2rem;
}

.stran.zakaj .tabs-content li {
  list-style: none;
  padding-bottom: 20px;
}

.stran.zakaj .dva {
  text-align: center;
  padding: 6rem 0 4rem;
}

.stran.zakaj .slika-4 hr {
  margin-bottom: 3rem;
}

.stran.zakaj .slika-4 .column {
  text-align: justify;
}

/****** kontakt  ******/

.stran.kontakt .slika {
  background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ),
              url(/hramba/star-vital/logotipi/slika-kontakt.jpg) center no-repeat;
  height: 308px;
  color: #fff;
  margin-bottom: 4rem;
}

.stran.kontakt form {
  padding-top: 1rem;
  width: 75%;
  margin: 0 auto;
  text-align: center;
}
.stran.kontakt .levo {
  text-align: left;
}

.stran.kontakt input[type='text'],
.stran.kontakt input[type='email'], 
.stran.kontakt textarea {
  border: 1px solid #999;
  line-height: 162%;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 1rem;
  padding: 1.5rem 1rem;
  margin-bottom: 2rem;
}

.stran.kontakt input[type='text']:focus,
.stran.kontakt input[type='email']:focus, 
.stran.kontakt textarea:focus {
  border: 1px solid #005288;
  box-shadow: none;
}

.stran.kontakt ::placeholder {
  vertical-align: central;
}
.stran.kontakt #ime_priimek {
  width: 49%;
  float: left; 
}
.stran.kontakt #email {
  width: 49%;
  float: right;
}
.stran.kontakt #krneki { display: none;}
.stran.kontakt #sporocilo {
  height: 150px;  
}

.stran.kontakt .levo > input {
  height: 16px;
  width: 16px;
  background-color: #b0c040;
  border: 2px solid #b0c040;
}    

.stran.kontakt .levo span {
vertical-align: text-bottom;
padding-left: 8px;
} 

.stran.kontakt .button {
  margin: 3rem 0;
}

.stran.kontakt [type='submit'] {
  background: transparent;
  border: 0;
  color: #fff;
  font-weight: 700;
  padding: 0;
}

.stran.kontakt .kontakti .row {
  padding: 2rem 0;
}
.stran.kontakt .kontakti .column {
  padding: 1rem 0;
}

.stran.kontakt .ime {
  font-size: 20px;
  color:#005288;
  font-weight: 600;
}
.stran.kontakt .enaslov {
  padding: 8px 0;
}
.stran.kontakt .enaslov a {
  text-decoration: underline;
  color: #666;
  font-weight: 400;
}

.stran.konference .sponzorji {
  text-align: center;
}
.stran.konference .sponzorji a img {
  max-height: 80px;
  padding: 0 2rem 1em 0;
}



/****** POSEBEJ ZA MOBILNI TELEFON    *****/

@media only screen and (max-width: 600px) {
  header .mozaik-logo {text-align: center; }
  
  header ul { margin: 5px auto; }
  header .column.img-rs {width: 100%; padding: 1rem 0 2rem;}
  header .column {display:block;}
  header .small-6.medium-2 {margin-top: 1rem;}
  
  header .mozaik-isci { margin: 25px auto; }
  
  .wrap {width: 99%;}
  #responsive-menu ul li:last-child { margin-right: 0; padding: 0; }
  
  .dropdown.menu > li.is-dropdown-submenu-parent > a::after {display: block;}
  .top-bar {margin-top: -1rem;}
  .novice-okvir { padding: 0; }
  
  .prva .tri { padding: 0; }
  .prva h2 { font-size: 2.9em; }
 
  .prva .pet {padding: 2rem 10px;}
  .prva .pet .orbit-wrapper { padding: 0 4px;}
  .prva .wrap .iframe { padding:70% 0 0 0;}

  footer {padding-left: 1rem;}
  footer .ena .naslov {margin-top: 2rem;}
  footer .tri .column:last-child { text-align: left; }
  footer .dva {border-left: 0 }
  .za-podjetja  h1 { padding-top: 0 }
  .za-podjetja .ena { width: 98%; }
  .za-podjetja .ena ul { padding: 0 0 1rem 0}
 
  .stran.za-podjetja .slika .wrap .container div {line-height: 1.5em;}
  .stran.za-podjetja .slika {background-position: left -400px bottom 0;}
  
  .stran.o-projektu .ena {width: 98%;}
  .stran.o-projektu .slika {
  background-position: left -250px bottom 0;
  margin-bottom: 0;
  }  
  .stran.o-projektu .slika-3 {
  background: linear-gradient( 90deg, rgba(255, 255, 255, 0.6) 10%, rgba(255, 255, 255, 0.6) 40%), 
              url(/hramba/star-vital/logotipi/slika-o-projektu-3.jpg) left no-repeat;
  background-position: left -150px bottom 0;
  }
  
  .stran.zakaj .tabs-title { width: 100% }  
  .stran.zakaj .slika {margin-bottom: 2rem;}
  .stran.zakaj .tabs-content {padding-top: 1rem;}
  .stran.zakaj .tabs-content ul {padding-top: 1rem; margin-left: 0;}
  .stran.zakaj .tabs-content ul img {float: left; padding: 4px 4px 1rem 0; }
  .stran.zakaj .slika-4 img {padding-bottom: 1rem;}
  .stran.zakaj .slika {background-position: left -250px bottom 0;}
  
  .stran.kontakt .kontakti {width: 94%;}
  .stran.kontakt .slika {background-position: left -400px bottom 0;}
  
  .stran.clanki-slika {background-position: right -350px bottom 0;}  
  .stran.prijava .slika {background-position: right -400px bottom 0;}
  .stran.konferenca .slika {height: unset; min-height: 200px;}
  .stran.konferenca .row {font-size: 0.9em;}
  .stran.konferenca .row .row .column .okvir {padding: 1rem 2px;}

  .stran.konference .slika {width: 360px; min-height: 200px;}

  #responsive-menu ul li:last-child {margin-left: 0 }
  
  /**** form ***/
  .stran.kontakt .slika {
    margin-bottom: 1rem;
  }
  .stran.kontakt form {
    width: 96%;
  }

  .stran.kontakt #ime_priimek {
    width: 100%;
    float: none;
  }
  .stran.kontakt #email {
    width: 100%;
    float: none;
  }
  .top-sodeluj {text-align: center; margin-bottom: 1rem;}

}

/*
.cms-toggle {
  z-index: 100000;
  position: fixed;
  top: 0; left: 0;
  padding: 4px;
  color: #fff;
  background-color: #000;
  font-weight: bold;
  font-size: 14px;
  box-shadow: 2px 2px 6px #666;
}

.cms-toggle:hover {
  color: #000;
  background-color: #fff;
  cursor: pointer;
}

.cms-toggle.mode-1:before {
  font-family: 'FontAwesome';
  font-size: 1rem;
  content: '\f06e\20';
  color: lightskyblue;
}

.cms-toggle.mode-2:before {
  font-family: 'FontAwesome';
  font-size: 1rem;
  content: '\f044\20';
  color: lightcoral;
}
*/