:root {
	--meja_visine_teksta: 43vh;
}

#vsebina { xwidth: 100%; text-align: left; xfont-size: 1.3em; padding-top: 3em; } 


h1, h2, h3, h4 { break-after: avoid; -moz-column-break-after: avoid; -webkit-column-break-after: avoid; }
ul { break-before: avoid; -moz-column-break-before: avoid; -webkit-column-break-before: avoid; padding-left: 30px; }

.col-30 { width: 30%; }
.col-60 { width: 60%; }


.force-break { break-after: column; -moz-column-break-after: column; -webkit-column-break-after: column; display: block; height:0; font-size:0; line-height:0; margin: 0; padding: 0; }


table thead { font-size: 1.2em; font-weight: bold; }

.preberi_vec { display: inline-block; width: auto; color: white; background-color: #4489ce; cursor: pointer; border: none; border-radius: 15px; transition: background-color .3s linear; margin-top: 2em; }
.preberi_vec a { display: block; color: white; text-decoration: none; padding: 12px 1.5em 12px 1.5em; }
.preberi_vec:hover { color: white; background-color: black; }
.preberi_vec:hover a { color: white; }

/* #vsebina-s-prispevki { height: auto; } */
.moznost-zapiranja { height: var(--meja_visine_teksta); overflow: hidden; }
#gumb-manj, #gumb-vec { xmargin-top: 0; }
#gumb-manj { display: none; visibility: hidden; }


/*
p + h3, .dva-stolpca h3:first-child { padding-top: 0 !important; }
p + ul { margin-top: 0; }
h2 + .dva-stolpca { margin-top: 3em !important; }
h2 + table { margin-top: 2em !important; }
h3 + table { margin-top: 1em !important; }
*/

.dva-stolpca { column-count: 2; -moz-column-count: 2; column-gap: 3.75em; -moz-column-gap: 3.75em; }
.dva-stolpca p:first-child { margin-top: 0; }	

.flex_norm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

/*
.vsebina-vrsta { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-direction: row; justify-content: space-between; margin-top: 2em; }

.vrsta { display: flex; justify-content: space-between; margin-bottom: 1em; }
.vrsta .podatek { width: 25em; text-align: right; flex-grow: 1; flex-basis: 0; }
*/

/*-----------------------------------------------------------------------------*/

#izpostavljeni-projekti-wrap { background-image:linear-gradient(rgba(255,255,255,0.93),rgba(255,255,255,0.93)),url("/images/podlaga_zelena.jpg");background-size:auto,cover; }
#izpostavljeni-projekti-wrap.projekti { margin-top: 5em; }
#izpostavljeni-projekti { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-direction: row; justify-content: space-between; column-gap: 1em; -moz-column-gap: 1em; padding-top: 2em; padding-bottom: 4em; }
#izpostavljeni-projekti .preberi_vec { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-direction: column; justify-content: center; }

#izpostavljeni-produkti-wrap { padding-top: 2em; }

#izpostavljeni { margin-top: 2em; }
#izpostavljeni.no-projekti { margin-top: 5em; }
#izpostavljeni h2 { color: #4389cd; text-align: left; padding-top: 0; }
#izpostavljeni .izpost-wrap { margin-bottom: 2em; }
#izpostavljeni .izpost-container { display: flex; gap: 2em; flex-wrap: nowrap; align-items: center; -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; }
#izpostavljeni .vsebina-tekst { flex-basis: 50%; flex-grow: 1; min-width: 0; text-align: left; word-break: break-word; overflow-wrap: break-word; }
#izpostavljeni .vsebina-slika { flex-basis: 50%;  }
#izpostavljeni .kategorija a { color: #4389cd; font-size: 0.9em; text-decoration: none; }
#izpostavljeni .slika { margin-left: 24px; }
#izpostavljeni .slika img { max-width: 100%; border: 1px solid #c8d0d9; border-radius: 100%; height: auto; display: block; }
#izpostavljeni .oznaceno_polje { font-weight: bold; color: #4389cd; }

/*-----------------------------------------------------------------------------*/

#izpostavljeni-ana-wrap { display: block; background-size: cover; background-repeat: repeat; margin-top: 2em; margin-bottom: 5em; }
#izpostavljeni-ana-wrap.projekti { margin-top: 9em; }
#izpostavljeni-ana-inner-wrap {  max-width: 1280px; xheight: 100%; xmin-height: 100px; }
/*#izpostavljeni-ana-inner-wrap { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; max-width: 1280px; height: 100%; min-height: 100px; flex-direction: column; align-items: flex-start; }*/
#izpostavljeni-ana { display: table; width: 100%; height: 100%; }

#izpostavljeni-ana-slika {
    width: 45%;
	height: 100%;
	min-height: 50%;
	max-height: 100%;
	background-image: url("/images/ana-vovk-jurta.jpg");
    background-size: cover;
	background-position: 50% 0%;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    border-radius: 8px;
}
#izpostavljeni-ana-tekst-wrap {
    width: 55%;
	text-align: left;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 30px;
}

.flex-block {
	display: table-cell;
/*    display: flex;
    xflex-wrap: nowrap;
    flex-direction: column;
	justify-content: center;
    xalign-items: flex-start; */
}

#izpostavljeni-ana-tekst-wrap .naziv { font-size: 0.8em; }
#izpostavljeni-ana-tekst-wrap h2 { font-size: 1.5em; font-weight: 500; text-align: left; margin-top: 8px; margin-bottom: 16px; }



/*#izpostavljeni-ana-tekst-wrap .preberi_vec { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-direction: column; justify-content: center; }*/


/*---------------------------------------------------------------------------------*/

.panel {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0);
/*    border-radius: 4px; */
    box-shadow: 0 15px 20px 0 rgb(0 0 0 / 10%);
	padding-top: 1em;
	padding-bottom: 1em;
}


.form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
/*    background-clip: padding-box; */
    border: 1px solid #ced4da;
/*    appearance: none; */
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}

.form-check-inline { display: inline-block; margin-right: 1em; }

.vrstica { 	padding: 1em 1em 0 1em; }
.vrstica.crta_spodaj { padding-bottom: 1.5em; border-bottom: 1px solid #cfd4da; }
label { font-size: 0.8em; white-space: nowrap; }
.obvezen_vnos { color: red; font-weight: bold; font-weight: 700; }
.opomba { font-size: 0.7rem; margin-top: 1em; }

input, textarea { xfont-size: 0.8em; xpadding: 0.5em; background-color: #eef3e8; border: 0; xfont-family: 'Open Sans',Arial,Helvetica,sans-serif; }
input.gumb { width: auto; color: white; xfont-weight: bold; background-color: #aac08e; border: 1px solid #aac08e; border-radius: 3px; padding: 0.5em; }
.panel select { font-size: .9rem; padding: 0.7em; border: 1px solid #ced4da; border-radius: 3px; }



.seznam_slik { display: flex; justify-content: flex-start; column-gap: 10px; -moz-column-gap: 10px; }
.seznam_slik .slika { display:block; xmax-width:33%; max-height:250px; }
.seznam_slik .slika img { xmax-width:30%; max-height:250px; }

/************** seznam člankov **************/

.seznam_clankov { margin: 2em; }
.seznam_clankov .clanek { position:relative; width:32%; text-align: center; font-weight:normal; border: 4px none black; border-radius: 15px; background-color: #ffffff; zoom:1;
	padding-top:2%;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:2%;
	margin-bottom:2%;
	
	-webkit-box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
}

.clanek { margin-bottom: 3rem; }
.clanek .seznam_slik {  }
.clanek .slika { display:block; max-width:99%; max-height:250px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.clanek .slika img { max-width:99%; max-height:250px; }
.clanek .naziv { height: 4em; letter-spacing: 0; line-height: 1em; overflow: hidden; margin-bottom:0; }
.clanek .naziv a{ color: #4389cd !important; text-decoration: none; font-size:0.8em; }
.clanek:hover .naziv {  }
.clanek .opis { height: 4.6em; font-size: 0.85em; text-align: left; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; margin:0; }



/************** seznam izdelkov **************/

.seznam_izdelkov {  }
.seznam_izdelkov .izdelek { position:relative; width:32%; text-align: center; font-weight:normal; border: 4px none black; border-radius: 15px; background-color: #ffffff; zoom:1;
	padding-top:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:2%;
	margin-bottom:2%;
	
	-webkit-box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
}

.izdelek .slika-wrapper { position:relative; margin:0 auto; }
/*.izdelek .slika-wrapper img { max-width:270px; height:150px; max-height:150px; }*/
.izdelek .slika { display:block; width:99%; height:200px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.izdelek .slika .druga-slika { position:absolute; top:0; left:0; display: none; }
.izdelek .naziv { xheight: 4em; letter-spacing: 0; line-height: 1em; xoverflow: hidden; xwhite-space: nowrap; xtext-overflow: ellipsis; margin-bottom:0; }		/* naziv v eni vrsti */
.izdelek .naziv a{ color: #4389cd !important; text-decoration: none; font-size:0.8em; }
.izdelek:hover .naziv { overflow: visible; white-space: normal; }					/* na mouse-over se pojavi cel naziv */
.izdelek .opis { height: 5em; font-size: 0.85em; text-align: left; line-height: 1.4em; overflow: hidden; text-overflow: ellipsis; margin:0; }
.izdelek .actions { margin:1.5em 0 0 10px; }
.izdelek .cene { margin:12px 10px 0; }
.izdelek .cene .cena-trenutna{  font-size:1.1em; color: #4389cd; font-weight: bold; }



.sticker-wrapper {
	position:absolute;
	transition:			all 150ms ease-in-out;
	-moz-transition:	all 150ms ease-in-out;
	-webkit-transition:	all 150ms ease-in-out;
	-o-transition:		all 150ms ease-in-out;
}
.sticker-wrapper.top-right { top:-3px; right:-3px; }

.sticker {
	width:60px;
	height:60px;
	border-radius:50%;
	
	font-size:1.1666em;
	line-height:1em;
	font-weight:bold;
	text-align:center;
	display:table-cell !important; /* Add "important" to override inherited styles of parent elements */
	vertical-align:middle !important;

	transition:			all 150ms ease-in-out;
	-moz-transition:	all 150ms ease-in-out;
	-webkit-transition:	all 150ms ease-in-out;
	-o-transition:		all 150ms ease-in-out;
}

.sticker.new { background-color:#5BD2EC; color:#fff; }
.sticker.sale { background-color:#b60d27; color:#fff; }
.izdelek:hover .sticker { width:70px; height:70px; }


#toolbar { display:block; float:none; font-size:17px; margin:0 !important; padding:0 !important; border-bottom: 1px dotted #b5b6b7;}

.sorter { width:100%; padding:5px 0; font-size:15px;}
.sorter  #kolicina{ float:left; width:25%; line-height: 30px; }
.sorter  #kol-sred{ float:left; width:50%; text-align:center;  }
.sorter  #kol-desn{ float:left; width:25%; text-align:right; }

.sorter .sort-by { float:left; margin-right:20px; padding-right:3px;  }
.sorter .limiter { float:left;  }
.sorter .kolicina, .sorter .limiter, .sorter .sort-by { padding-top:5px; padding-bottom:0px; }


.pager { margin:0; padding:0;  }
.pager .pages { float:right; vertical-align:middle; }
.pager .pages span { float:left; margin-right:5px; margin-top:5px; font-weight:normal; }
.pager .pages ol { display:inline-block; vertical-align:middle; margin:0; padding:0;}
.pager .pages li { float:left; display:block; margin:0 0 0 1px; text-align:center; }
.pager .pages li.trenutna { color:#fae80b; background-color:#e3f6fd; padding:5px 10px 5px 10px; }
.pager .pages li a { display:block; color:#fae80b; text-decoration:none; padding:5px 10px 5px 10px;}
.pager .pages li a:hover { background-color:#fae80b; color:#f99e1d }
.pager .pages li a:hover { background-color:#fae80b; color:#f99e1d }
.pager .pages .naslednja, .pager .pages .prejsnja  { font-weight:bold; }



/*     posamezen izdelek     */
 
#izdelek_posamezen { }
#izdelek_posamezen .uvod { color: #306293; font-size:1.1rem; font-weight: 500; xfont-weight: bold; text-align: center; }
#izdelek_posamezen .slika { display:block; }

#izdelek_posamezen .opis_kratek { font-size:1.5rem; xfont-weight: 700; xfont-weight: bold; padding-bottom: 1.5rem; }
#izdelek_posamezen .cena { font-size: 1.5em; }

#izdelek_posamezen .kolicina-wrapper { margin-top: 0.3rem; }
#izdelek_posamezen input.kolicina { width:40px; height:25px; text-align:center; border: 1px solid #c5c7c8;  }
#izdelek_posamezen .input-text-spremeni { width:30px; height:25px; text-align:center;  margin: 0; background-color: #f7f7f7; border: 1px solid #c5c7c8; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; cursor: pointer; }
#izdelek_posamezen .input-text-spremeni:hover { cursor: pointer; outline: none; }
#izdelek_posamezen .input-text-spremeni:focus { cursor: pointer; outline: none; }
#izdelek_posamezen .input-text-minus { border-right: none; border-bottom-right-radius: 0; border-top-right-radius: 0;  }
#izdelek_posamezen .input-text-plus { border-left: none; border-bottom-left-radius: 0; border-top-left-radius: 0;  }

#izdelek_posamezen .grid-container { display: inline-grid; grid-template-columns: auto auto; margin-bottom: 2em; }
#izdelek_posamezen .grid-item { padding-right: 2em; }

/* input.kolicina { width:30px !important; text-align:center; border: 1px solid #c5c7c8; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}*/

#izdelek_posamezen .btn-cart { margin-left: 0; margin-right: 0; }

#izdelek_posamezen .spodaj .povezani { width:250px; }
#izdelek_posamezen .spodaj .povezani .vsebina h2{ color:#fae80b; font-size:16px; padding:9px 15px 9px 7px; background-color: #e3f6fd}
#izdelek_posamezen .spodaj .povezani .vsebina ul { margin:0 !important; padding:0 !important; }
#izdelek_posamezen .spodaj .povezani .vsebina li { list-style-type: none !important; font-size: 12px; font-weight:normal; margin-bottom: 20px; line-height: 120%; }


/*     gumbi     */

button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { 
	-webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ 
	overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer;
}

button.button  {
	display:block;
	padding: 12px 1.5em 12px 1.5em;
	font-size:1em;
	font-weight:normal;
	text-align:center; 
	white-space:nowrap;
	background-color:#f99e1d;
	color: white;
	border: 1px solid #f99e1d; 
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
	
	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}
button.button:hover  { background-color:black; border: 1px solid black; }
button.margin_top { margin-top:1em; }
button.button a { color: white; text-decoration: none; }

/*
.preberi_vec { display: inline-block; width: auto; color: white; background-color: #4489ce; cursor: pointer; border: none; border-radius: 15px; transition: background-color .3s linear; margin-top: 2em; }
.preberi_vec a { display: block; color: white; text-decoration: none; padding: 12px 1.5em 12px 1.5em; }
.preberi_vec:hover { color: white; background-color: black; }
.preberi_vec:hover a { color: white; }
*/