.opened  { background-color: var(--barva-zg-vrstice) !important; }


@media only screen and (max-width: 1355px) {

	#srce { right: 0; }

}

@media only screen and (max-width: 1220px) {

	.page-center { width: 100%; padding-left: 0.5em; padding-right: 0.5em; }
	#seznam_izpostavljeno, #seznam_slik, #newsletter { width: 100%; margin-left: 0; }
	.izpostavljeno_item { padding-left: 0; padding-right: 1em; }
}

@media only screen and (max-width: 1120px) {
	
	#vrstica1 {font-size: 0.84rem; }
}

@media only screen and (max-width: 1070px) {
	
	#menu2 { visibility: hidden; display: none; }
	#slika { margin-top: 45px; }
	
	#vrstica1-wrap { height: 45px; }
	#vrstica2-wrap { height: 1px; }
	#vrstica1 { justify-content: flex-end; }
	#vrstica2 { display: block; }
	
	#logo { height: 55px; width: auto; }
	#logo img{ position: relative; top: -42px; xleft: 0px; height: 55px; width: auto; }
	
	
	#vrstica1-wrap .page-center { display: flex; justify-content: space-between;; }
	#vrstica1 { width: calc(100% - 100px); }
	#vrstica1 > div { margin-top: 14px; margin-left: 0.8rem; margin-right: 0.8rem; }
	
	#vrstica1 .naslov a { display: inline-block; overflow: hidden; text-indent: -9999px; }
	#vrstica1 .naslov a:before { float: left; margin: 0; text-indent: 0; }
	
	#vrstica1 .telefon a { display: inline-block; overflow: hidden; text-indent: -9999px; }
	#vrstica1 .telefon a:before { float: left; margin: 0; text-indent: 0; }
	
	#vrstica1 .eposta a { display: inline-block; overflow: hidden; text-indent: -9999px; }
	#vrstica1 .eposta a:before { float: left; margin: 0; text-indent: 0; }
	
	
	#vrstica1-wrap .page-center { width: 100%; padding-left: 0; padding-right: 0; }
	#mobilni-wrap { visibility: visible; display: block; }
	#mobilni { visibility: visible; display: block; }
	#mobilni .opcije { visibility: hidden; display: none; }
	
	
	.grid.tretjine { grid-template-columns: 49% 49%; }

/*	.grid.tretjine { grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); }*/

	#srce { bottom: -20vw; width: 20vw; height: auto;  }
	
	#open-accessibility-icon { top: 60px; }
}


@media only screen and (max-width: 960px) {

/*	#seznam_izpostavljeno, #seznam_slik { grid-template-columns: 49% 49%; }*/
	#seznam_izpostavljeno, #seznam_slik, #newsletter { grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); }
	#newsletter { width: 100%; margin-left: 0; margin-right: 0; }
	
	
	#vsebina { margin-bottom: 3em;  padding-top: 3em; }
	h1 { font-size: 2.0em;  }
	h2 { font-size: 1.6em }
}


/* mobile
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

@media only screen and (max-width: 790px) {

	#footer { grid-template-columns: auto auto; }

	h1 { font-size: 1.8em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.3em; }
	
}


@media only screen and (max-width: 700px) {

	.grid.tretjine { grid-template-columns: 100%; }
	#newsletter-input-wrap { width: 90%; }
/*	#newsletter { width: 100%; } */
	
	#vsebina_slika { width: 50%; }
}


@media only screen and (max-width: 600px) {

	#vsebina_slika { width: 100%; float: none; }
	#vsebina_slika .izpostavljeno_item { padding-left: 0; padding-bottom: 0; } 
	
	.izpostavljeno_item { padding-right: 0; }
}


@media only screen and (max-width: 570px) {
	
	#logo { visibility: hidden; display: none; }
	#logo-mobilni { display: block; visibility: visible; height: 55px; width: auto; }
	#logo-mobilni img{ position: relative; xtop: -42px; xleft: 0px; height: 55px; width: auto; }
	
	#vrstica1 > #logo-mobilni { margin-top: 4px; margin-left: 1.5rem; margin-right: 0.8rem; }
	
	#srce { bottom: -25vw; width: 20vw; height: auto;  }
	#footer { display: block; }
}



/* small mobile
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

@media only screen and (max-width: 410px) {

/*	#newsletter.grid { display: block; }*/
}