/*
Theme Name: Hospic 2026
Theme URI: https://hospic.si
Author: Slovensko drustvo Hospic
Description: Lahka blokovna tema za hospic.si. Zetoni so v theme.json; tukaj je samo tisto, cesar theme.json ne zmore - vsak sklop ima komentar, zakaj obstaja.
Version: 0.93.4
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: hospic-2026
*/
:root {
--h-glavna: var(--wp--preset--color--glavna);
--h-glavna-temna: var(--wp--preset--color--glavna-temna);
--h-oranzna: var(--wp--preset--color--oranzna);
--h-topla: var(--wp--preset--color--topla);
--h-topla-temna: var(--wp--preset--color--topla-temna);
--h-mehko: var(--wp--preset--color--ozadje-mehko);
--h-toplo: var(--wp--preset--color--ozadje-toplo);
--h-tiho: var(--wp--preset--color--besedilo-tiho);
--h-obroba: var(--wp--preset--color--obroba);
--h-crta: #DDD3E6; 
--h-rob: clamp(1.25rem, 3vw, 2rem); 
--h-kartica: var(--wp--custom--zaobljenost--kartica);
--h-gumb: var(--wp--custom--zaobljenost--gumb);
--h-gib: var(--wp--custom--gibanje--trajanje);
--h-krivulja: cubic-bezier(0.2, 0, 0, 1); 
--h-sirina: 75rem;
--h-sidro-razmik: max(1rem, calc(var(--h-scroll-glava, 5rem) * 0.25)); 
--h-sirina-stran: var(--h-sirina); 
--h-foto-senca: 0 10px 24px rgba(56, 28, 84, 0.10); 
}
html {
scroll-behavior: smooth;
scroll-padding-top: var(--h-scroll-glava, 5rem); 
-webkit-text-size-adjust: 100%;
}
body {
-webkit-font-smoothing: antialiased;
overflow-wrap: break-word;
}
h1, h2, h3 {
text-wrap: balance;
}
p, li {
text-wrap: pretty;
}
:focus-visible {
outline: 3px solid var(--h-glavna);
outline-offset: 3px;
border-radius: 4px;
}
.uvod :focus-visible,
.noga :focus-visible {
outline-color: #fff;
}
.le-bralniku,
.modul--zaklenjeno .posnetek__napis {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.wp-site-blocks > *,
.naslovnica > * {
margin-block-start: 0;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
transition: none !important;
animation: none !important;
}
}
.preskok {
margin: 0;
}
.preskok a {
position: absolute;
left: 1rem;
top: -6rem;
z-index: 100;
padding: 0.75rem 1.25rem;
border-radius: var(--h-gumb);
background: var(--h-glavna);
color: #fff;
font-weight: 600;
}
.preskok a:focus {
top: 1rem;
outline-color: var(--h-oranzna);
}
.wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 3rem;
text-align: center;
transition: background-color var(--h-gib) var(--h-krivulja), color var(--h-gib) var(--h-krivulja), border-color var(--h-gib) var(--h-krivulja);
}
.wp-block-button.is-style-topla .wp-block-button__link {
background-color: #E07B10;
border-color: #E07B10;
color: var(--h-glavna);
}
.wp-block-button.is-style-topla .wp-block-button__link:hover,
.wp-block-button.is-style-topla .wp-block-button__link:focus-visible {
background-color: var(--h-oranzna);
border-color: var(--h-oranzna);
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 0.25em;
}
.wp-block-button.is-style-obris-svetel .wp-block-button__link {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.wp-block-button.is-style-obris-svetel .wp-block-button__link:hover,
.wp-block-button.is-style-obris-svetel .wp-block-button__link:focus-visible {
background-color: #fff;
color: var(--h-glavna);
}
.wp-block-button.is-style-obris .wp-block-button__link {
background-color: transparent;
border-color: var(--h-glavna);
color: var(--h-glavna);
}
.wp-block-button.is-style-obris .wp-block-button__link:hover,
.wp-block-button.is-style-obris .wp-block-button__link:focus-visible {
background-color: var(--h-mehko);
}
header.wp-block-template-part {
position: sticky;
top: 0;
z-index: 50;
background: #fff;
border-bottom: 1px solid var(--h-crta);
}
.js header.wp-block-template-part {
position: fixed;
left: 0;
right: 0;
}
.js body {
padding-top: var(--h-glava-visina, 0px);
}
.glava__tiha {
display: none;
background: var(--h-mehko);
border-bottom: 1px solid var(--h-crta);
}
.glava__tiha,
.glava__vrstica {
margin-block-start: 0;
}
.glava__tiha-notranjost {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 1.25rem;
max-width: var(--h-sirina);
min-height: 1.75rem;
margin-inline: auto;
padding-inline: var(--h-rob);
box-sizing: border-box;
}
.tiha-meni ul {
display: flex;
align-items: center;
gap: 0 1.25rem;
margin: 0;
padding: 0;
list-style: none;
}
.tiha-meni li {
margin: 0;
}
.tiha-meni a {
display: inline-flex;
align-items: center;
min-height: 1.75rem;
padding-inline: 0.125rem;
color: var(--h-glavna);
font-size: var(--wp--preset--font-size--mala);
text-decoration: none;
}
.tiha-meni a:hover,
.tiha-meni a:focus-visible {
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-decoration-thickness: 2px;
text-underline-offset: 0.35em;
}
.glava__tiha .glava__kosarica {
min-height: 1.75rem;
padding: 0.125rem 0.375rem;
border: 0;
}
.glava__tiha .glava__kosarica-napis {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
@media (min-width: 64rem) {
.glava__tiha {
display: block;
}
}
.je-skrceno .glava__tiha {
display: none;
}
.glava__vrstica {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
max-width: var(--h-sirina);
margin-inline: auto;
padding: 0.5rem var(--h-rob);
min-height: 4rem;
box-sizing: border-box;
}
.glava__vrstica > * {
margin: 0;
}
.glava__logo {
flex: none;
line-height: 0;
}
.glava__logo a {
display: block;
border-radius: 4px;
}
.glava__logo img {
display: block;
width: 8.19rem;
height: 3.25rem;
border-radius: 0;
}
.glava__vrstica {
position: relative;
flex-wrap: wrap;
}
.glava__logo {
order: 1;
}
.glava__desno {
order: 2;
display: flex;
align-items: center;
gap: 0.5rem;
margin-left: auto;
}
.glava__desno > * {
margin: 0;
}
.glava__gumb .wp-block-button__link {
min-height: 2.75rem;
padding: 0.5rem 1rem;
}
.meni-gumb {
display: none;
order: 3;
align-items: center;
justify-content: center;
gap: 0.625rem;
min-width: 2.75rem;
min-height: 2.75rem;
padding: 0 0.625rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-gumb);
background: #fff;
color: var(--h-glavna);
font: inherit;
font-weight: 600;
cursor: pointer;
}
.js .meni-gumb {
display: inline-flex;
}
.meni-gumb__crte,
.meni-gumb__crte::before,
.meni-gumb__crte::after {
display: block;
width: 1.25rem;
height: 2px;
border-radius: 1px;
background: currentColor;
transition: transform var(--h-gib) var(--h-krivulja), opacity var(--h-gib) var(--h-krivulja);
}
.meni-gumb__crte {
position: relative;
}
.meni-gumb__crte::before,
.meni-gumb__crte::after {
content: "";
position: absolute;
left: 0;
}
.meni-gumb__crte::before {
top: -0.4375rem;
}
.meni-gumb__crte::after {
top: 0.4375rem;
}
.meni-gumb[aria-expanded="true"] .meni-gumb__crte {
background: transparent;
}
.meni-gumb[aria-expanded="true"] .meni-gumb__crte::before {
transform: translateY(0.4375rem) rotate(45deg);
}
.meni-gumb[aria-expanded="true"] .meni-gumb__crte::after {
transform: translateY(-0.4375rem) rotate(-45deg);
}
@media (max-width: 34.9375rem) {
.meni-gumb__napis {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.glava__vrstica {
gap: 0.5rem;
}
.glava__gumb .wp-block-button__link {
padding-inline: 0.75rem;
font-size: var(--wp--preset--font-size--mala);
}
}
@media (max-width: 34.9375rem) {
.glava__vrstica {
padding-inline: 0.75rem;
}
.glava__logo img {
width: 6.93rem;
height: 2.75rem;
}
.glava__vrstica {
gap: 0.375rem;
}
.glava__desno {
gap: 0.25rem;
}
.glava__gumb .wp-block-button__link {
padding-inline: 0.375rem;
}
}
.glava__meni {
order: 4;
flex-basis: 100%;
}
.meni,
.podmeni {
margin: 0;
padding: 0;
list-style: none;
}
.meni li {
margin: 0;
}
.meni a,
.meni__odpri {
display: flex;
align-items: center;
gap: 0.625rem;
width: 100%;
min-height: 3rem;
padding: 0.25rem 0;
border: 0;
background: none;
color: var(--wp--preset--color--besedilo);
font: inherit;
font-weight: 600;
text-align: left;
text-decoration: none;
cursor: pointer;
}
.meni a:hover,
.meni__odpri:hover,
.meni a:focus-visible,
.meni__odpri:focus-visible {
color: var(--h-glavna);
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-decoration-thickness: 3px;
text-underline-offset: 0.4em;
}
.js .meni__odpri::after {
content: "";
flex: none;
width: 0.5rem;
height: 0.5rem;
margin-top: -0.25rem;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform var(--h-gib) var(--h-krivulja);
}
.js .meni__odpri[aria-expanded="true"]::after {
margin-top: 0.25rem;
transform: rotate(-135deg);
}
.podmeni a {
font-weight: 500;
}
.js .podmeni {
display: none;
}
.js .meni__skupina.je-odprt > .podmeni {
display: block;
}
@media (max-width: 63.99rem) {
.glava__meni {
padding: 0.5rem 0 1rem;
border-top: 1px solid var(--h-crta);
}
.js .glava__meni {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
max-height: calc(100vh - 5rem);
overflow-y: auto;
padding: 0.5rem var(--h-rob) 1.25rem;
box-sizing: border-box;
background: #fff;
border-bottom: 1px solid var(--h-crta);
box-shadow: 0 18px 30px rgba(56, 28, 84, 0.12);
}
.js .glava__meni.je-odprt {
display: block;
}
.meni > li + li {
border-top: 1px solid var(--h-crta);
}
.podmeni {
padding: 0 0 0.5rem 1rem;
border-left: 4px solid var(--h-oranzna);
margin-bottom: 0.5rem;
}
html:not(.js) header.wp-block-template-part {
position: static;
}
}
@media (min-width: 40rem) {
.glava__vrstica {
min-height: 5rem;
}
.glava__gumb .wp-block-button__link {
padding: 0.625rem 1.25rem;
}
}
@media (min-width: 64rem) {
.glava__vrstica {
min-height: 4.75rem;
padding-block: 0.25rem;
gap: 1.5rem;
}
.glava__logo img {
width: 10.71rem;
height: 4.25rem;
}
}
.je-skrceno .glava__vrstica {
min-height: 4rem;
padding-block: 0.25rem;
}
.je-skrceno .glava__logo img {
width: 6.93rem;
height: 2.75rem;
transition: width var(--h-gib) var(--h-krivulja), height var(--h-gib) var(--h-krivulja);
}
@media (prefers-reduced-motion: reduce) {
.je-skrceno .glava__logo img {
transition: none;
}
}
.glava__naslov-strani {
display: none;
order: 4;
flex-basis: 100%;
margin: 0;
padding-top: 0.125rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
line-height: 1.2;
color: var(--h-glavna);
}
@media (min-width: 64rem) {
.glava__vrstica {
flex-wrap: nowrap;
}
.meni-gumb,
.js .meni-gumb {
display: none;
}
.glava__meni {
order: 2;
flex-basis: auto;
margin-left: clamp(1.5rem, 4vw, 3rem);
margin-right: auto;
}
.glava__desno {
order: 3;
margin-left: 1rem;
}
.je-skrceno .glava__naslov-strani {
display: block;
order: 2;
flex: 0 1 auto;
flex-basis: auto;
max-width: 18rem;
padding-top: 0;
margin-left: 0.5rem;
}
.je-skrceno .glava__meni {
order: 3;
}
.je-skrceno .glava__desno {
order: 4;
}
.meni {
display: flex;
align-items: center;
gap: 0 1.75rem;
}
.meni__odpri {
margin-inline: -0.5rem;
padding-inline: 0.5rem;
}
.meni > li > a,
.meni__odpri {
width: auto;
min-height: 2.75rem;
font-weight: 500;
white-space: nowrap;
}
.meni__skupina {
position: relative;
}
.podmeni,
.js .podmeni {
display: none;
position: absolute;
top: 100%;
left: -1.25rem;
z-index: 60;
min-width: 21rem;
padding: 0.5rem 1.25rem;
box-sizing: border-box;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
background: #fff;
box-shadow: 0 18px 40px rgba(56, 28, 84, 0.14);
}
.podmeni li + li {
border-top: 1px solid var(--h-crta);
}
html:not(.js) .meni__skupina:hover > .podmeni,
html:not(.js) .meni__skupina:focus-within > .podmeni {
display: block;
}
}
.uvod {
position: relative;
background: var(--h-glavna);
color: #fff;
}
.uvod > * {
margin: 0;
}
.uvod__slika {
line-height: 0;
}
.uvod__slika img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: 62% 50%;
border-radius: 0;
}
.uvod__vsebina {
padding: 2.25rem var(--h-rob) 2.75rem;
}
.uvod__besedilo > * {
margin-block: 0;
}
.uvod h1 {
color: #fff;
margin-bottom: 1.25rem;
}
.uvod__podnaslov {
font-size: var(--wp--preset--font-size--srednja);
line-height: 1.55;
max-width: 34rem;
color: #fff;
}
.uvod__gumbi {
margin-top: 2rem;
gap: 0.875rem;
}
.uvod__gumbi .wp-block-button__link {
min-height: 3.25rem;
padding-inline: 1.75rem;
}
.uvod__dejstva {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 2rem;
margin: 2rem 0 0;
padding: 0;
list-style: none;
font-weight: 600;
}
.uvod__dejstva li {
position: relative;
margin: 0;
padding-left: 1.25rem;
}
.uvod__dejstva li::before {
content: "";
position: absolute;
left: 0;
top: 0.5em;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background: var(--h-oranzna);
}
@media (max-width: 29.99rem) {
.uvod__gumbi .wp-block-button,
.uvod__gumbi .wp-block-button__link {
width: 100%;
}
.uvod__vsebina {
padding-block: 1rem 1.25rem;
}
.uvod h1 {
font-size: 1.625rem;
margin-bottom: 0.5rem;
}
.uvod__podnaslov {
font-size: 1rem;
line-height: 1.3;
}
.uvod__gumbi {
margin-top: 0.75rem;
gap: 0.5rem;
}
}
@media (min-width: 40rem) and (max-width: 63.99rem) {
.uvod__slika img {
aspect-ratio: 16 / 9;
}
.uvod__vsebina {
padding-block: 3rem 3.5rem;
}
.uvod__besedilo {
max-width: 40rem;
}
}
@media (min-width: 56.25rem) and (max-width: 63.99rem) {
main.naslovnica .uvod {
display: flex;
align-items: center;
min-height: min(86vh, 54rem);
overflow: hidden;
}
main.naslovnica .uvod__slika {
position: absolute;
inset: 0;
}
main.naslovnica .uvod__slika img {
height: 100%;
aspect-ratio: auto;
object-position: 50% 50%;
}
main.naslovnica .uvod::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(90deg, rgba(56, 28, 84, 0.95) 0%, rgba(56, 28, 84, 0.92) 20%, rgba(56, 28, 84, 0.86) 34%, rgba(56, 28, 84, 0.72) 48%, rgba(56, 28, 84, 0.42) 60%, rgba(56, 28, 84, 0.12) 72%, rgba(56, 28, 84, 0) 82%);
}
main.naslovnica .uvod__vsebina {
position: relative;
z-index: 2;
width: 100%;
max-width: var(--h-sirina);
margin-inline: auto;
padding: 5rem var(--h-rob);
box-sizing: border-box;
}
main.naslovnica .uvod__besedilo {
max-width: min(36rem, 44vw);
}
}
@media (min-width: 64rem) {
.uvod {
display: flex;
align-items: center;
min-height: min(86vh, 54rem);
overflow: hidden;
}
.uvod__slika {
position: absolute;
inset: 0;
}
.uvod__slika img {
height: 100%;
aspect-ratio: auto;
object-position: 50% 50%;
}
.uvod::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(90deg, rgba(56, 28, 84, 0.95) 0%, rgba(56, 28, 84, 0.92) 20%, rgba(56, 28, 84, 0.86) 34%, rgba(56, 28, 84, 0.72) 48%, rgba(56, 28, 84, 0.42) 60%, rgba(56, 28, 84, 0.12) 72%, rgba(56, 28, 84, 0) 82%);
}
.uvod__vsebina {
position: relative;
z-index: 2;
width: 100%;
max-width: var(--h-sirina);
margin-inline: auto;
padding: 5rem var(--h-rob);
box-sizing: border-box;
}
.uvod__besedilo {
max-width: min(36rem, 44vw);
}
}
@media (max-width: 56.1875rem) {
main.naslovnica .uvod {
overflow: hidden;
min-height: 52rem;
}
main.naslovnica .uvod__slika {
position: absolute;
inset: 0;
}
main.naslovnica .uvod__slika img {
height: 100%;
aspect-ratio: auto;
object-position: 50% 0%;
}
main.naslovnica .uvod::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(56, 28, 84, 0.08) 0, rgba(56, 28, 84, 0.10) 100px, rgba(56, 28, 84, 0.16) 165px, rgba(56, 28, 84, 0.42) 205px, rgba(56, 28, 84, 0.80) 250px, rgba(56, 28, 84, 0.93) 305px, rgba(56, 28, 84, 0.96) 430px, rgba(56, 28, 84, 0.97) 700px);
}
main.naslovnica .uvod__vsebina {
position: relative;
z-index: 2;
padding-top: 15rem;
}
main.naslovnica .uvod__besedilo {
max-width: none;
}
}
.drobtine.uvod__drobtine a,
.drobtine.uvod__drobtine span {
color: rgba(255, 255, 255, 0.85);
}
.drobtine.uvod__drobtine a {
text-decoration: underline;
}
.drobtine.uvod__drobtine [aria-current="page"] {
color: #fff;
font-weight: 600;
}
@media (min-width: 64rem) {
.uvod.uvod--podstran {
min-height: min(50vh, 28rem);
}
.uvod--podstran .uvod__vsebina {
padding-block: 3rem;
}
}
.sekcija {
padding-block: var(--wp--preset--spacing--90);
}
.sekcija--nizka {
padding-block: var(--wp--preset--spacing--80);
}
.sekcija--mehka {
background: var(--h-mehko);
}
.sekcija--topla {
background: var(--h-toplo);
}
.sekcija__notranjost {
max-width: var(--h-sirina);
margin-inline: auto;
padding-inline: var(--h-rob);
box-sizing: border-box;
}
.sekcija__notranjost--ozka {
max-width: 54rem;
}
.sekcija__notranjost > * {
margin-block: 0;
}
.naslov-sekcije {
position: relative;
margin: 0 0 var(--wp--preset--spacing--70);
padding-bottom: 1.25rem;
}
.naslov-sekcije::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 4rem;
height: 4px;
border-radius: 2px;
background: var(--h-oranzna);
}
.sekcija__uvod {
max-width: 40rem;
margin: calc(-1 * var(--wp--preset--spacing--50)) 0 var(--wp--preset--spacing--60);
font-size: var(--wp--preset--font-size--srednja);
}
.pomiritev {
max-width: 42rem;
margin-top: var(--wp--preset--spacing--70);
padding-left: 1.25rem;
border-left: 4px solid var(--h-oranzna);
font-size: var(--wp--preset--font-size--srednja);
font-weight: 600;
line-height: 1.5;
color: var(--h-glavna);
}
.sekcija__gumbi {
margin-top: var(--wp--preset--spacing--70);
}
.kartice {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1.75rem;
}
.kartice > * {
margin: 0;
}
.kartica {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid #E6DFEE;
border-radius: var(--h-kartica);
background: #fff;
box-shadow: 0 1px 2px rgba(56, 28, 84, 0.05), 0 10px 28px rgba(56, 28, 84, 0.07);
transition: transform var(--h-gib) var(--h-krivulja), box-shadow var(--h-gib) var(--h-krivulja);
}
.kartica > * {
margin: 0;
}
.kartica__slika {
line-height: 0;
}
.kartica__slika img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: 0;
}
.kartica__telo {
display: flex;
flex: 1;
flex-direction: column;
padding: 1.5rem 1.5rem 1.625rem;
}
.kartica__telo > * {
margin: 0;
}
.kartica__naslov {
margin-bottom: 0.75rem;
font-size: var(--wp--preset--font-size--velika);
}
.kartica__naslov a {
color: var(--h-glavna);
text-decoration: none;
}
.kartica__naslov a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.kartica__naslov a:focus-visible {
outline: none;
}
.kartica:focus-within {
outline: 3px solid var(--h-glavna);
outline-offset: 3px;
}
.kartica__telo::after {
content: "\2192";
display: grid;
place-items: center;
width: 2.75rem;
height: 2.75rem;
margin-top: auto;
border-radius: 50%;
background: var(--h-oranzna);
color: var(--h-glavna);
font-size: 1.375rem;
font-weight: 700;
line-height: 1;
transition: transform var(--h-gib) var(--h-krivulja);
}
.kartica__telo > p {
padding-bottom: 1.5rem;
}
.kartica:hover,
.kartica:focus-within {
transform: translateY(-4px);
box-shadow: 0 2px 4px rgba(56, 28, 84, 0.06), 0 18px 40px rgba(56, 28, 84, 0.12);
}
.kartica:hover .kartica__telo::after,
.kartica:focus-within .kartica__telo::after {
transform: translateX(4px);
}
@media (min-width: 40rem) and (max-width: 61.99rem) {
.kartica {
flex-direction: row;
}
.kartica__slika {
position: relative;
flex: 0 0 40%;
min-height: 15rem;
}
.kartica__slika img {
position: absolute;
inset: 0;
height: 100%;
aspect-ratio: auto;
}
}
@media (min-width: 62rem) {
.kartice {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2rem;
}
}
.koraki {
position: relative;
display: grid;
grid-template-columns: 1fr;
gap: 2.5rem;
counter-reset: korak;
}
.koraki > * {
margin: 0;
}
.korak {
position: relative;
padding-left: 5.25rem;
min-height: 4rem;
counter-increment: korak;
}
.korak > * {
margin: 0;
}
.korak::before {
content: counter(korak);
position: absolute;
left: 0;
top: 0;
z-index: 1;
display: grid;
place-items: center;
width: 4rem;
height: 4rem;
border-radius: 50%;
background: var(--h-oranzna);
color: var(--h-glavna);
font-size: 1.75rem;
font-weight: 700;
line-height: 1;
}
.korak:not(:last-child)::after {
content: "";
position: absolute;
left: calc(2rem - 1px);
top: 4rem;
bottom: -2.5rem;
width: 2px;
background: #CDBFDB;
}
.korak__naslov {
margin-bottom: 0.5rem;
padding-top: 0.25rem;
}
.korak > p:first-child {
padding-top: 0.5rem;
}
@media (min-width: 56.25rem) {
.koraki:not(.koraki--navpicno) {
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
}
.koraki:not(.koraki--navpicno)::before {
content: "";
position: absolute;
top: calc(2rem - 1px);
left: 2rem;
right: calc((100% - 6rem) / 3 - 2rem);
height: 2px;
background: #CDBFDB;
}
.koraki:not(.koraki--navpicno) > .korak {
padding-left: 0;
padding-top: 5.5rem;
}
.koraki:not(.koraki--navpicno) > .korak:not(:last-child)::after {
content: none;
}
.koraki:not(.koraki--navpicno) > .korak > p {
max-width: 22rem;
}
}
.ob-sliki {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 2rem;
align-items: center;
}
.ob-sliki > * {
margin: 0;
}
.ob-sliki__besedilo > * + * {
margin-top: 2rem;
}
.ob-sliki__slika {
margin: 0;
}
.ob-sliki__slika img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: var(--h-kartica);
}
@media (min-width: 56.25rem) {
.ob-sliki {
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
gap: clamp(2.5rem, 4vw, 4rem);
}
}
.vprasanja {
border-top: 1px solid var(--h-crta);
}
.vprasanja > * {
margin: 0;
}
.vprasanje {
border-bottom: 1px solid var(--h-crta);
}
.vprasanje summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
min-height: 2.75rem;
padding: 1.375rem 0.25rem;
list-style: none;
cursor: pointer;
font-size: clamp(1.1875rem, 1.1rem + 0.4vw, 1.375rem);
font-weight: 600;
line-height: 1.35;
color: var(--h-glavna);
}
.vprasanje summary::-webkit-details-marker {
display: none;
}
.vprasanje summary::after {
content: "";
flex: none;
width: 0.75rem;
height: 0.75rem;
margin: -0.375rem 0.625rem 0 0;
border-right: 3px solid var(--h-glavna);
border-bottom: 3px solid var(--h-glavna);
transform: rotate(45deg);
transition: transform var(--h-gib) var(--h-krivulja);
}
.vprasanje[open] summary::after {
margin-top: 0.375rem;
transform: rotate(-135deg);
}
.vprasanje summary:hover {
color: var(--h-glavna-temna);
background: var(--h-mehko);
}
.vprasanje > :not(summary) {
max-width: 40rem;
margin: 0;
padding: 0 0.25rem 1.625rem;
animation: h-pojavi var(--h-gib) var(--h-krivulja);
}
@keyframes h-pojavi {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.sekcija__pas {
margin: 0 0 clamp(2rem, 4vw, 3rem);
}
.sekcija__pas img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: var(--h-kartica);
}
.stebri {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
}
.stebri > * {
margin: 0;
}
.steber {
padding: 1.75rem 1.5rem 1.875rem;
border-radius: var(--h-kartica);
background: #fff;
}
.steber > * {
margin: 0;
}
.steber::before {
content: "";
display: block;
width: 2.5rem;
height: 4px;
margin-bottom: 1.25rem;
border-radius: 2px;
background: var(--h-oranzna);
}
.steber__naslov {
margin-bottom: 0.625rem;
font-size: clamp(1.25rem, 1.2rem + 0.2vw, 1.375rem);
}
@media (min-width: 40rem) {
.stebri {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 68rem) {
.stebri {
grid-template-columns: repeat(4, 1fr);
}
}
.odbori-okvir [hidden] {
display: none !important;
}
.odbori-vrh {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1.5rem;
align-items: start;
}
.odbori-vrh__zemljevid {
margin: 0;
}
.odbori-zemljevid {
display: block;
width: 100%;
max-width: 26rem;
height: auto;
margin-inline: auto;
}
.odbori-zemljevid__napis {
margin: 0.5rem 0 0;
text-align: center;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.odbori-zemljevid-okvir {
position: relative;
max-width: 26rem;
margin-inline: auto;
}
.zemljevid-tocka {
position: absolute;
width: 2.5rem;
height: 2.5rem;
margin: -1.25rem 0 0 -1.25rem;
border-radius: 50%;
border: 3px solid var(--h-glavna);
box-shadow: 0 0 0 3px #fff, 0 2px 6px rgba(56, 28, 84, 0.35);
pointer-events: none;
}
.zemljevid-tocka[hidden] {
display: none !important;
}
.zemljevid-tocka--ljubljana { left: 35.15%; top: 49.57%; }
.zemljevid-tocka--maribor { left: 71.16%; top: 20.50%; }
.zemljevid-tocka--gorenjska { left: 26.03%; top: 29.03%; }
.zemljevid-tocka--celje { left: 60.61%; top: 42.24%; }
.zemljevid-tocka--velenje { left: 56.28%; top: 31.84%; }
.zemljevid-tocka--murska-sobota { left: 87.12%; top: 13.95%; }
.zemljevid-tocka--dolenjska-posavje-in-bela-krajina { left: 54.49%; top: 67.65%; }
.zemljevid-tocka--koroska { left: 53.65%; top: 20.48%; }
.zemljevid-tocka--zgornja-savinjska-dolina { left: 48.38%; top: 34.51%; }
.zemljevid-tocka--severna-primorska { left: 16.28%; top: 57.93%; }
.zemljevid-tocka--slovenska-istra { left: 10.37%; top: 82.30%; }
.zemljevid-tocka--primorsko-notranjska { left: 24.63%; top: 72.42%; }
@media (min-width: 56.25rem) {
.odbori-vrh {
grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr);
gap: clamp(2rem, 4vw, 3.5rem);
}
.odbori-vrh__zemljevid {
margin-top: 1.75rem;
}
}
.iskalnik {
max-width: 36rem;
margin: 0 0 1.25rem;
}
.iskalnik__oznaka {
display: block;
margin-bottom: 0.5rem;
font-weight: 600;
color: var(--h-glavna);
}
.iskalnik__vrstica {
position: relative; 
display: flex;
gap: 0.75rem;
}
.iskalnik__polje {
flex: 1;
min-width: 0;
min-height: 3.5rem;
padding: 0.75rem 1rem;
box-sizing: border-box;
border: 2px solid var(--h-obroba);
border-radius: var(--h-gumb);
background: #fff;
color: var(--wp--preset--color--besedilo);
font: inherit;
font-size: var(--wp--preset--font-size--srednja);
-webkit-appearance: none;
appearance: none;
}
.iskalnik__polje:focus {
border-color: var(--h-glavna);
}
.iskalnik__pocisti {
min-height: 3.5rem;
padding: 0 1.125rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-gumb);
background: transparent;
color: var(--h-glavna);
font: inherit;
font-weight: 600;
cursor: pointer;
}
.iskalnik__pocisti:hover {
background: var(--h-mehko);
}
.iskalnik__pomoc {
margin: 0.625rem 0 0;
color: var(--h-tiho);
}
.predlogi-okvir {
position: absolute;
z-index: 20;
top: calc(100% + 0.375rem);
left: 0;
right: 0;
padding: 0.25rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-gumb);
background: #fff;
box-shadow: 0 10px 24px rgba(31, 27, 36, 0.16);
}
.predlogi {
max-height: min(30rem, 60vh); 
margin: 0;
padding: 0;
overflow-y: auto;
list-style: none;
}
.predlogi__vec {
margin: 0.25rem 0 0;
padding: 0.5rem 0.75rem;
border-top: 1px solid var(--h-crta);
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.predlog {
display: flex;
align-items: center;
min-height: 2.75rem; 
margin: 0;
padding: 0.5rem 0.75rem;
border-left: 4px solid transparent;
border-radius: 4px;
color: var(--h-tiho);
cursor: pointer;
}
.predlog strong {
color: var(--wp--preset--color--besedilo);
}
.predlog.je-oznacen {
border-left-color: var(--h-oranzna);
background: var(--wp--preset--color--glavna-svetla);
}
.odgovor {
max-width: 40rem;
margin: 0 0 1.5rem;
padding: 1.25rem 1.5rem;
border-left: 4px solid var(--h-oranzna);
border-radius: 0 var(--h-kartica) var(--h-kartica) 0;
background: var(--h-toplo);
}
.odgovor__besedilo {
margin: 0;
font-size: var(--wp--preset--font-size--srednja);
color: var(--h-glavna);
}
.odgovor__kraj {
margin: 0.25rem 0 0;
color: var(--h-tiho);
}
.odgovor__pripis {
margin: 0.75rem 0 0;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.odgovor__vsi {
min-height: 2.75rem;
margin-top: 1rem;
padding: 0 1.125rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-gumb);
background: transparent;
color: var(--h-glavna);
font: inherit;
font-weight: 600;
cursor: pointer;
}
.odgovor__vsi:hover {
background: var(--wp--preset--color--glavna-svetla);
}
.iskalnik__stanje {
margin: 0 0 1.25rem;
font-weight: 600;
color: var(--h-glavna);
}
.iskalnik__prazno {
max-width: 40rem;
margin: 0 0 1.5rem;
padding: 1.25rem 1.5rem;
border-left: 4px solid var(--h-oranzna);
border-radius: 0 var(--h-gumb) var(--h-gumb) 0;
background: var(--h-toplo);
font-weight: 600;
}
.odbori {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
margin: 2rem 0 0;
padding: 0;
list-style: none;
}
.odbor {
display: flex;
flex-direction: column;
margin: 0;
padding: 1.5rem 1.375rem 1.375rem; 
border: 2px solid transparent; 
border-radius: var(--h-kartica);
background: var(--h-mehko);
transition: border-color var(--h-gib) var(--h-krivulja);
}
.odbor:hover,
.odbor:focus-within {
border-color: var(--h-glavna);
}
.odbor--izbran {
border-color: var(--h-glavna);
background: var(--h-toplo);
}
.odbor__oznaka {
align-self: flex-start;
margin: 0 0 0.75rem;
padding: 0.25rem 0.75rem;
border-radius: 999px;
background: var(--h-glavna);
color: #fff; 
font-size: var(--wp--preset--font-size--mala);
font-weight: 700;
}
.odbor__ime {
margin: 0 0 0.75rem;
font-size: clamp(1.3125rem, 1.25rem + 0.3vw, 1.5rem);
color: var(--h-glavna);
}
.odbor__vrsta {
display: block;
margin-bottom: 0.125rem;
font-size: var(--wp--preset--font-size--osnovna);
font-weight: 500;
color: var(--h-tiho);
}
.odbor__telefoni,
.odbor__posta {
margin: 0;
padding: 0;
list-style: none;
}
.odbor__telefoni li {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 0.625rem;
margin: 0;
}
.odbor__tel {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
font-size: 1.625rem;
font-weight: 700;
letter-spacing: 0.01em;
white-space: nowrap;
color: var(--h-glavna);
text-decoration: none;
}
.odbor__tel:hover {
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-decoration-thickness: 3px;
text-underline-offset: 0.2em;
}
.odbor__opomba {
color: var(--h-tiho);
}
.odbor__posta {
margin-top: 0.5rem;
}
.odbor__posta li {
margin: 0;
}
.odbor__posta a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
overflow-wrap: anywhere;
}
.odbor__naslov {
margin: auto 0 0;
padding-top: 1rem;
color: var(--h-tiho);
}
.odbor__posta + .odbor__naslov {
border-top: 1px solid var(--h-crta);
}
.odbor__posta {
padding-bottom: 0.75rem;
}
@media (max-width: 39.99rem) {
.predlogi {
max-height: 14rem;
}
}
@media (min-width: 40rem) {
.odbori {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 64rem) {
.odbori {
grid-template-columns: repeat(3, 1fr);
gap: 1.75rem;
}
}
.vrata {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1.5rem;
}
.vrata > * {
margin: 0;
}
.vrata__eno {
position: relative;
padding: 1.75rem 4.75rem 1.75rem 1.75rem;
border: 1px solid #EBD9C0;
border-radius: var(--h-kartica);
background: #fff;
transition: transform var(--h-gib) var(--h-krivulja), box-shadow var(--h-gib) var(--h-krivulja);
}
.vrata__eno > * {
margin: 0;
}
.vrata__naslov {
margin-bottom: 0.375rem;
font-size: var(--wp--preset--font-size--velika);
}
.vrata__naslov a {
color: var(--h-glavna);
text-decoration: none;
}
.vrata__naslov a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.vrata__naslov a:focus-visible {
outline: none;
}
.vrata__eno:focus-within {
outline: 3px solid var(--h-glavna);
outline-offset: 3px;
}
.vrata__eno::after {
content: "\2192";
position: absolute;
right: 1.75rem;
top: 50%;
margin-top: -0.6875rem;
color: var(--h-glavna);
font-size: 1.375rem;
font-weight: 700;
line-height: 1;
transition: transform var(--h-gib) var(--h-krivulja);
}
.vrata__eno:hover,
.vrata__eno:focus-within {
transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(56, 28, 84, 0.08);
}
.vrata__eno:hover::after,
.vrata__eno:focus-within::after {
transform: translateX(4px);
}
.vrata__opomba {
margin-top: 1.25rem;
color: var(--h-tiho);
}
.vrata__eno--s-sliko {
padding: 0;
overflow: hidden;
}
.vrata__slika {
margin: 0;
}
.vrata__slika img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.vrata__telo {
padding: 1.5rem 4.75rem 1.625rem 1.75rem;
}
.vrata__telo > * {
margin: 0;
}
.vrata__gumbi {
position: relative;
z-index: 2;
margin-top: 0.875rem !important;
}
.vrata__eno--s-sliko::after {
top: auto;
bottom: 1.5rem;
margin-top: 0;
}
@media (min-width: 48rem) {
.vrata {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2rem;
}
.vrata:has(> :only-child) {
grid-template-columns: minmax(0, 1fr);
}
}
@media (min-width: 48rem) and (max-width: 67.99rem) {
.vrata--tri {
grid-template-columns: 1fr;
gap: 1.25rem;
}
}
@media (min-width: 68rem) {
.vrata--tri {
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
}
.zgodba {
position: relative;
overflow: hidden;
padding: clamp(2rem, 6vw, 4.5rem) clamp(1.5rem, 6vw, 5rem);
box-sizing: border-box;
border-radius: var(--h-kartica);
background: var(--h-toplo);
}
.zgodba > * {
margin: 0;
}
.zgodba__izpoved {
position: relative;
max-width: 46rem;
margin: 0;
padding: 0;
border: 0;
}
.zgodba__izpoved p {
margin: 0;
text-wrap: balance;
font-size: clamp(1.4375rem, 1.1rem + 1.5vw, 2.25rem);
font-weight: 500;
line-height: 1.4;
letter-spacing: -0.005em;
color: var(--h-glavna);
}
.zgodba__izpoved p::before {
content: "\00BB";
color: var(--h-topla);
}
.zgodba__izpoved p::after {
content: "\00AB";
color: var(--h-topla);
}
.zgodba__izpoved cite {
position: relative;
display: block;
max-width: 36rem;
margin-top: 2rem;
padding-top: 1.5rem;
font-size: var(--wp--preset--font-size--osnovna);
font-style: normal;
color: var(--h-tiho);
}
.zgodba__izpoved cite::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 3rem;
height: 4px;
border-radius: 2px;
background: var(--h-oranzna);
}
.zgodba__slika {
margin: 0 0 clamp(1.5rem, 3vw, 2.25rem);
}
.zgodba__slika img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: var(--h-kartica);
}
@media (min-width: 64rem) {
.zgodba {
background-image: url("assets/motiv-lok.svg");
background-repeat: no-repeat;
background-size: 34rem 34rem;
background-position: right -13rem bottom -15rem;
}
.zgodba--s-sliko {
display: grid;
grid-template-columns: minmax(0, 1fr) 26rem;
gap: clamp(2.5rem, 4vw, 4rem);
align-items: center;
background-image: none;
}
.zgodba--s-sliko .zgodba__slika {
order: 2;
margin: 0;
}
.zgodba--s-sliko .zgodba__izpoved {
order: 1;
}
.zgodba--s-sliko {
align-items: stretch;
}
.zgodba--s-sliko .zgodba__slika {
position: relative;
overflow: hidden;
}
.zgodba--s-sliko .zgodba__slika img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
aspect-ratio: auto;
}
}
.noga {
padding-block: var(--wp--preset--spacing--80);
background: var(--h-glavna-temna);
color: #fff;
}
.noga__mreza {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 2.5rem;
max-width: var(--h-sirina);
margin-inline: auto;
padding-inline: var(--h-rob);
box-sizing: border-box;
}
.noga__mreza > *,
.noga__stolpec > * {
margin: 0;
}
.noga__stolpec > * + * {
margin-top: 0.75rem;
}
.noga__stolpec > .noga__povezave {
margin-top: 0.25rem;
}
.noga__logo {
line-height: 0;
}
.noga__logo img {
display: block;
width: 9.45rem; 
height: 3.75rem;
border-radius: 0;
}
.noga__logo + .noga__naslov {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.noga__stolpec > .noga__logo ~ p {
margin-top: 1.25rem;
}
.noga h2,
.noga h3 {
color: #fff;
}
.noga__naslov {
font-size: var(--wp--preset--font-size--srednja);
}
.noga__podnaslov {
font-size: var(--wp--preset--font-size--srednja);
}
.noga a {
color: #fff;
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-decoration-thickness: 2px;
text-underline-offset: 0.25em;
}
.noga a:hover {
text-decoration-thickness: 3px;
}
.noga p a {
padding-block: 0.625rem;
}
.noga__povezave a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
}
.noga__povezave {
margin: 0;
padding: 0;
list-style: none;
}
.oznaka-vloge {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.75rem;
height: 1.75rem;
margin-right: 0.375rem;
border-radius: 50%;
background: var(--h-oranzna);
color: var(--h-glavna-temna);
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.02em;
vertical-align: middle;
}
.noga__povezave li {
margin: 0;
}
.noga__dno {
width: min(100% - 2 * var(--h-rob), var(--h-sirina) - 2 * var(--h-rob));
margin: 2.5rem auto 0;
padding: 1.25rem 0 0;
box-sizing: border-box;
border-top: 1px solid rgba(255, 255, 255, 0.2);
font-size: var(--wp--preset--font-size--mala);
}
.noga__dno {
display: flex;
flex-wrap: wrap;
align-items: baseline;
column-gap: 0.75rem;
}
.noga__dno a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
}
.noga__pika {
color: rgba(255, 255, 255, 0.55);
}
@media (max-width: 47.99rem) {
.noga__dno {
column-gap: 1.25rem;
}
.noga__pika {
display: none;
}
}
@media (min-width: 40rem) {
.noga__mreza {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 2.5rem 3rem;
}
}
@media (min-width: 68rem) {
.noga__mreza {
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 1.2fr);
gap: 3rem;
}
}
.stran {
padding-block: var(--wp--preset--spacing--80);
}
.podstran__vsebina > * {
margin-block: 0;
}
.stran-glava {
background: var(--h-mehko);
}
.stran-glava__notranjost {
display: flex;
flex-direction: column-reverse; 
gap: 1.75rem;
max-width: var(--h-sirina-stran);
margin-inline: auto;
padding: 0 var(--h-rob) 2.5rem;
box-sizing: border-box;
}
.stran-glava__notranjost > *,
.stran-glava__besedilo > * {
margin: 0;
}
.stran-glava__slika {
margin-inline: calc(-1 * var(--h-rob));
line-height: 0;
}
.stran-glava__slika img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3; 
object-fit: cover;
border-radius: 0;
}
.stran-glava h1 {
position: relative;
padding-bottom: 1.25rem;
margin-bottom: 1.5rem;
font-size: clamp(2rem, 1.45rem + 2.2vw, 2.875rem);
}
.stran-glava h1::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 4rem;
height: 4px;
border-radius: 2px;
background: var(--h-oranzna);
}
.stran-glava__uvod {
max-width: 36rem;
font-size: var(--wp--preset--font-size--srednja);
line-height: 1.55;
}
@media (min-width: 40rem) and (max-width: 63.99rem) {
.stran-glava__slika img {
aspect-ratio: 16 / 9;
}
.stran-glava__notranjost {
padding-bottom: 3rem;
}
}
@media (min-width: 64rem) {
.stran-glava__notranjost {
flex-direction: row;
align-items: center;
gap: clamp(2.5rem, 5vw, 4.5rem);
padding-block: 4rem;
}
.stran-glava__besedilo {
flex: 1 1 0;
min-width: 0;
}
.stran-glava__slika {
flex: 0 0 44%;
margin-inline: 0;
}
.stran-glava__slika img {
aspect-ratio: 4 / 3;
border-radius: var(--h-kartica);
box-shadow: var(--h-foto-senca);
}
}
.stran-telo {
max-width: var(--h-sirina-stran);
margin-inline: auto;
padding: var(--wp--preset--spacing--80) var(--h-rob) var(--wp--preset--spacing--90);
box-sizing: border-box;
}
.stran-telo > * {
margin-block: 0;
}
.stran-telo__besedilo {
font-size: var(--wp--preset--font-size--osnovna);
line-height: var(--wp--custom--vrstica--besedilo);
}
.stran-telo__besedilo > * {
max-width: 32rem;
margin-block: 0;
}
.stran-telo__besedilo > * + * {
margin-top: 1.25rem;
}
.stran-telo__besedilo > #pali-vprasalnik {
max-width: none;
}
.stran-telo__besedilo > .telo-pas,
.stran-telo--samo-besedilo .stran-telo__besedilo > .telo-pas {
max-width: 42rem;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.telo-pas img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: var(--h-kartica);
box-shadow: 0 12px 28px rgba(56, 28, 84, 0.10);
}
.telo-pas figcaption,
.telo-ob figcaption {
margin-top: 0.625rem;
font-size: var(--wp--preset--font-size--mala);
line-height: 1.45;
color: var(--h-tiho);
}
.stran-telo__besedilo > .telo-ob,
.stran-telo--samo-besedilo .stran-telo__besedilo > .telo-ob {
display: grid;
gap: 1rem;
max-width: 42rem;
margin-top: 2.25rem;
margin-bottom: 2.25rem;
}
.telo-ob__slika,
.telo-ob__besedilo {
margin: 0;
}
.telo-ob__slika img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: var(--h-kartica);
box-shadow: 0 12px 28px rgba(56, 28, 84, 0.10);
}
.telo-ob__slika.je-ob-besedilu--lezeca img {
aspect-ratio: 16 / 9;
}
.telo-ob__besedilo > * {
margin: 0;
}
.telo-ob__besedilo > * + * {
margin-top: 1rem;
}
.telo-ob--dvoje .telo-ob__slika + .telo-ob__slika {
margin-top: 1rem;
}
@media (max-width: 47.99rem) {
.telo-ob--dvoje {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.telo-ob--dvoje .telo-ob__besedilo {
grid-column: 1 / -1;
}
.telo-ob--dvoje .telo-ob__slika + .telo-ob__slika {
margin-top: 0;
}
}
@media (min-width: 48rem) {
.stran-telo--samo-besedilo .stran-telo__besedilo > .telo-ob {
grid-template-columns: 42% minmax(0, 1fr);
column-gap: 1.75rem;
align-items: start;
}
.stran-telo--samo-besedilo .telo-ob.je-slika-desno .telo-ob__slika {
grid-column: 2;
}
.stran-telo--samo-besedilo .telo-ob.je-slika-desno .telo-ob__besedilo {
grid-column: 1;
grid-row: 1 / span 2;
}
.stran-telo--samo-besedilo .telo-ob.je-slika-levo .telo-ob__besedilo {
grid-column: 2;
grid-row: 1 / span 2;
}
}
@media (min-width: 76rem) {
.stran-telo__besedilo > .telo-ob {
grid-template-columns: minmax(20rem, 45%) minmax(0, 1fr);
column-gap: 1.5rem;
align-items: start;
}
.stran-telo__besedilo > .telo-ob.je-slika-desno .telo-ob__slika {
grid-column: 2;
}
.stran-telo__besedilo > .telo-ob.je-slika-desno .telo-ob__besedilo {
grid-column: 1;
grid-row: 1 / span 2;
}
.stran-telo__besedilo > .telo-ob.je-slika-levo .telo-ob__besedilo {
grid-column: 2;
grid-row: 1 / span 2;
}
.stran-telo__besedilo > .telo-ob {
max-width: none;
}
.stran-telo__besedilo > .telo-pas {
max-width: none;
}
}
.telo-ob:has(.wp-block-quote) {
grid-template-columns: minmax(0, 1fr) !important;
}
.telo-ob:has(.wp-block-quote) .telo-ob__slika,
.telo-ob:has(.wp-block-quote) .telo-ob__besedilo {
grid-column: 1 !important;
grid-row: auto !important;
}
.stran-telo h2[id],
.stran-telo h3[id],
.prijavnica {
scroll-margin-top: var(--h-sidro-razmik); 
}
.stran-telo__besedilo > h2,
.prijavnica h2 {
position: relative;
margin-top: 3.5rem;
padding-bottom: 1rem;
font-size: var(--wp--preset--font-size--xl);
}
.stran-telo__besedilo > h2:first-child {
margin-top: 0;
}
.stran-telo__besedilo > h2::after,
.prijavnica h2::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 3rem;
height: 4px;
border-radius: 2px;
background: var(--h-oranzna);
}
.stran-telo__besedilo > h2 + * {
margin-top: 1.5rem;
}
.stran-telo__besedilo > h3.naslov-podrazdelka {
margin-top: 2.25rem;
}
.stran-telo__besedilo > h2 + h3.naslov-podrazdelka {
margin-top: 1.5rem;
}
.stran-telo__besedilo ul.wp-block-list {
padding-left: 1.375rem;
}
.stran-telo__besedilo ul.wp-block-list li {
margin: 0;
padding-left: 0.25rem;
}
.stran-telo__besedilo ul.wp-block-list li + li {
margin-top: 0.625rem;
}
.stran-telo__besedilo ul.wp-block-list li::marker {
color: var(--h-topla);
}
.stran-telo .wp-block-quote {
margin-inline: 0;
padding: 0.25rem 0 0.25rem 1.5rem;
border: 0;
border-left: 4px solid var(--h-oranzna);
color: var(--h-glavna);
}
.stran-telo .wp-block-quote p {
margin: 0;
font-size: clamp(1.25rem, 1.15rem + 0.4vw, 1.4375rem);
line-height: 1.5;
}
.stran-telo .wp-block-quote cite {
display: block;
margin-top: 0.875rem;
font-size: var(--wp--preset--font-size--mala);
font-style: normal;
color: var(--h-tiho);
}
.stran-telo__besedilo .wp-block-buttons {
margin-top: 1.25rem;
}
.stran-telo .koraki {
margin-top: 2rem;
}
.stran-telo .koraki + * {
margin-top: 2.25rem;
}
.stran-telo a[href^="tel:"] {
font-weight: 700;
white-space: nowrap;
}
.stran-telo__besedilo p a,
.kaj-zdaj p a {
padding-block: 0.5rem;
}
.kaj-zdaj {
background: var(--h-toplo);
padding-block: var(--wp--preset--spacing--80);
}
.kaj-zdaj__notranjost,
.druge-poti__notranjost {
max-width: var(--h-sirina-stran);
margin-inline: auto;
padding-inline: var(--h-rob);
box-sizing: border-box;
}
.kaj-zdaj__notranjost > * {
max-width: 34rem;
margin-block: 0;
}
.kaj-zdaj__naslov {
margin-bottom: 1rem;
font-size: var(--wp--preset--font-size--xl);
}
.kaj-zdaj p {
font-size: var(--wp--preset--font-size--srednja);
line-height: 1.55;
}
.kaj-zdaj__gumbi {
margin-top: 1.75rem;
}
.kaj-zdaj__gumbi .wp-block-button__link {
min-height: 3.25rem;
padding-inline: 1.75rem;
}
.druge-poti {
background: var(--h-mehko);
padding-block: var(--wp--preset--spacing--80);
}
.druge-poti__notranjost > * {
margin-block: 0;
}
.druge-poti__naslov {
margin-bottom: 1.75rem;
font-size: var(--wp--preset--font-size--xl);
}
.druge-poti .vrata__eno {
border-color: #E6DFEE;
}
.stran-obrazec {
background: var(--h-mehko);
padding-block: var(--wp--preset--spacing--80);
}
.prijavnica {
max-width: var(--h-sirina-stran);
margin-inline: auto;
padding-inline: var(--h-rob);
box-sizing: border-box;
}
.prijavnica [hidden] {
display: none !important;
}
.prijavnica h2 {
margin-top: 0;
margin-bottom: 0;
}
.prijavnica__uvod > p {
max-width: 32rem;
margin: 1.5rem 0 0;
}
.prijavnica__telo {
max-width: 44rem;
margin-top: 2rem;
}
@media (min-width: 64rem) {
.prijavnica {
display: grid;
grid-template-columns: minmax(0, 22rem) minmax(0, 44rem);
justify-content: space-between;
gap: 3rem;
align-items: start;
}
.prijavnica__uvod {
position: sticky;
top: 7rem;
}
.prijavnica__telo {
margin-top: 0;
}
}
.prijavnica__obrazec {
margin: 0;
}
.prijavnica fieldset {
min-width: 0;
margin: 0 0 1.75rem;
padding: 1.5rem 1.25rem 0.5rem;
border: 1px solid #DDD3E6;
border-radius: var(--h-kartica);
background: #fff;
}
.prijavnica legend {
padding: 0 0.625rem;
margin-left: -0.625rem;
font-size: var(--wp--preset--font-size--srednja);
font-weight: 700;
line-height: 1.3;
color: var(--h-glavna);
}
.polja {
display: grid;
grid-template-columns: 1fr;
gap: 0 1.25rem;
}
.polje {
margin: 0 0 1.375rem;
min-width: 0;
}
.polje label {
display: block;
margin-bottom: 0.5rem;
font-weight: 600;
line-height: 1.4;
}
.polje input,
.polje select,
.polje textarea {
display: block;
width: 100%;
min-height: 3.25rem;
padding: 0.75rem 0.875rem;
box-sizing: border-box;
border: 2px solid var(--h-obroba);
border-radius: var(--h-gumb);
background-color: #fff;
color: var(--wp--preset--color--besedilo);
font: inherit;
line-height: 1.4;
}
.polje textarea {
min-height: 6.5rem;
resize: vertical;
}
.polje select {
-webkit-appearance: none;
appearance: none;
padding-right: 2.75rem;
background-image: linear-gradient(45deg, transparent 50%, #381C54 50%), linear-gradient(135deg, #381C54 50%, transparent 50%);
background-position: right 1.25rem center, right 0.875rem center;
background-size: 0.375rem 0.375rem, 0.375rem 0.375rem;
background-repeat: no-repeat;
text-overflow: ellipsis;
}
.polje input:focus,
.polje select:focus,
.polje textarea:focus {
border-color: var(--h-glavna);
}
.polje--kratko {
max-width: 17rem;
}
.polje__pomoc {
margin: 0 0 0.625rem;
font-size: var(--wp--preset--font-size--mala);
line-height: 1.5;
color: var(--h-tiho);
}
.polje select ~ .polje__pomoc {
margin: 0.625rem 0 0;
}
.polje [aria-invalid="true"] {
border-color: #A3271B;
background-color: #FDF4F2;
}
.polje__napaka {
display: flex;
align-items: flex-start;
gap: 0.5rem;
margin: 0.5rem 0 0;
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
line-height: 1.4;
color: #A3271B;
}
.polje__napaka::before {
content: "\00d7";
flex: none;
display: grid;
place-items: center;
width: 1.25rem;
height: 1.25rem;
margin-top: 0.0625rem;
border-radius: 50%;
background: #A3271B;
color: #fff;
font-size: 1rem;
font-weight: 700;
line-height: 1;
}
.izjava {
display: grid;
grid-template-columns: 1.75rem 1fr;
gap: 0 0.875rem;
margin: 0 0 1.375rem;
padding: 1rem;
border: 2px solid #E6DFEE;
border-radius: var(--h-gumb);
}
.izjava input {
width: 1.75rem;
height: 1.75rem;
margin: 0.125rem 0 0;
accent-color: var(--h-glavna);
}
.izjava label {
font-size: var(--wp--preset--font-size--mala);
line-height: 1.55;
cursor: pointer;
}
.izjava .polje__napaka {
grid-column: 2;
}
.izjava:has([aria-invalid="true"]) {
border-color: #A3271B;
background: #FDF4F2;
}
.prijavnica__povzetek,
.prijavnica__opozorilo {
margin: 0 0 1.75rem;
padding: 1rem 1.25rem;
border-left: 4px solid #A3271B;
border-radius: 0 var(--h-gumb) var(--h-gumb) 0;
background: #FDF4F2;
color: #7A1D14;
font-weight: 600;
}
.prijavnica__oddaja {
margin-top: 2rem;
}
.prijavnica__gumb {
min-height: 3.5rem;
padding: 0.75rem 2.5rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-gumb);
background: var(--h-glavna);
color: #fff;
font: inherit;
font-weight: 600;
cursor: pointer;
transition: background-color var(--h-gib) var(--h-krivulja);
}
.prijavnica__gumb:hover,
.prijavnica__gumb:focus-visible {
background: var(--h-glavna-temna);
}
.prijavnica__gumb:disabled {
opacity: 0.6;
cursor: progress;
}
.prijavnica__oddaja .polje__pomoc {
max-width: 34rem;
margin: 1rem 0 0;
}
.prijavnica__izid {
margin-top: 2rem;
padding: 1.75rem 1.5rem;
border-left: 4px solid var(--h-oranzna);
border-radius: 0 var(--h-kartica) var(--h-kartica) 0;
background: var(--h-toplo);
}
.prijavnica__izid h3 {
margin: 0 0 0.625rem;
}
.prijavnica__izid p {
margin: 0;
max-width: 34rem;
}
@media (max-width: 29.99rem) {
.prijavnica__gumb {
width: 100%;
}
}
@media (min-width: 40rem) {
.prijavnica fieldset {
padding: 1.75rem 1.75rem 0.5rem;
}
.polja--dve {
grid-template-columns: 1fr 1fr;
}
.polja--posta {
grid-template-columns: 11rem 1fr;
}
}
.ob-strani {
max-width: 32rem;
margin: 0 0 2.5rem;
padding: 1.25rem 1.25rem 1.375rem;
box-sizing: border-box;
border-radius: var(--h-kartica);
background: var(--h-toplo);
font-size: var(--wp--preset--font-size--osnovna);
line-height: 1.5;
}
.ob-strani--kazalo {
background: var(--h-mehko);
}
.ob-strani > * {
margin: 0;
}
.ob-strani__naslov {
font-size: var(--wp--preset--font-size--srednja);
letter-spacing: 0;
}
.ob-strani ul {
margin: 0.75rem 0 0;
padding: 0;
list-style: none;
}
.ob-strani li {
margin: 0;
}
.ob-strani__dejstva li {
position: relative;
padding-left: 1.375rem;
font-weight: 600;
}
.ob-strani__dejstva li + li {
margin-top: 0.5rem;
}
.ob-strani__dejstva li::before {
content: "";
position: absolute;
left: 0;
top: 0.5em;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background: var(--h-oranzna);
}
.ob-strani__kazalo {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.ob-strani__kazalo a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
padding: 0.25rem 0.875rem;
box-sizing: border-box;
border: 1px solid #CDBFDB;
border-radius: var(--h-gumb);
background: #fff;
font-weight: 600;
line-height: 1.3;
text-decoration: none;
}
.ob-strani__kazalo a:hover {
border-color: var(--h-glavna);
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-decoration-thickness: 3px;
text-underline-offset: 0.3em;
}
.ob-strani__povezava {
margin-top: 0.75rem;
font-weight: 600;
}
.ob-strani__povezava a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
}
.ob-strani:not(.ob-strani--kazalo) .ob-strani__gumbi {
display: none;
}
.ob-strani__gumbi {
margin-top: 1rem;
}
@media (min-width: 64rem) {
.stran-telo {
display: grid;
grid-template-columns: minmax(0, 1fr) 30%;
column-gap: clamp(2rem, 4vw, 3rem);
align-items: start;
}
.stran-telo__besedilo {
grid-column: 1;
grid-row: 1;
}
.ob-strani {
grid-column: 2;
grid-row: 1;
max-width: none;
margin: 0;
padding: 2.25rem 2.5rem 2.5rem;
}
.ob-strani__naslov {
position: relative;
padding-bottom: 0.875rem;
font-size: var(--wp--preset--font-size--velika);
}
.ob-strani__naslov::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 2.5rem;
height: 4px;
border-radius: 2px;
background: var(--h-oranzna);
}
.ob-strani ul {
margin-top: 1.25rem;
}
.ob-strani__dejstva li + li {
margin-top: 0.875rem;
}
.ob-strani__kazalo {
display: block;
}
.ob-strani__kazalo li + li {
border-top: 1px solid var(--h-crta);
}
.ob-strani__kazalo a {
display: flex;
min-height: 3rem;
padding: 0.375rem 0;
border: 0;
border-radius: 4px;
background: none;
}
.ob-strani:not(.ob-strani--kazalo) .ob-strani__gumbi {
display: flex;
}
.ob-strani__gumbi {
margin-top: 1.5rem;
}
.ob-strani__gumbi .wp-block-button,
.ob-strani__gumbi .wp-block-button__link {
width: 100%;
}
}
@media (min-width: 64rem) and (min-height: 40rem) {
.ob-strani {
position: sticky;
top: 7rem;
}
}
@media (min-width: 64rem) {
.stran-telo--polna-sirina {
display: block;
}
}
.projekti-kazalo {
margin: 1.25rem 0 var(--wp--preset--spacing--60);
}
.projekti-kazalo__naslov {
margin: 0 0 0.625rem;
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
color: var(--h-tiho);
}
.projekti-kazalo__seznam {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin: 0;
padding: 0;
list-style: none;
}
.projekti-kazalo__seznam a {
display: inline-flex;
align-items: center;
min-height: 2.75rem; 
padding: 0.375rem 1.25rem;
box-sizing: border-box;
border: 1px solid #CDBFDB;
border-radius: var(--h-gumb);
background: var(--h-mehko);
color: var(--h-glavna);
font-weight: 600;
text-decoration: none;
}
.projekti-kazalo__seznam a:hover {
border-color: var(--h-glavna);
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-decoration-thickness: 3px;
text-underline-offset: 0.3em;
}
.dejstva {
background: var(--h-glavna);
color: #fff;
padding-block: var(--wp--preset--spacing--70);
}
.dejstva__notranjost {
max-width: var(--h-sirina);
margin-inline: auto;
padding-inline: var(--h-rob);
box-sizing: border-box;
}
.dejstva__seznam {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
margin: 0;
padding: 0;
list-style: none;
}
.dejstva__seznam li {
margin: 0;
padding-left: 1.25rem;
border-left: 4px solid var(--h-oranzna);
font-size: clamp(1.5rem, 1.2rem + 1.3vw, 2.125rem);
font-weight: 600;
line-height: 1.25;
letter-spacing: -0.005em;
}
@media (min-width: 56.25rem) {
.dejstva__seznam {
grid-template-columns: repeat(3, auto);
justify-content: space-between;
gap: 2rem;
}
}
.pojavi {
opacity: 0;
transform: translateY(12px);
transition: opacity var(--h-gib) var(--h-krivulja), transform var(--h-gib) var(--h-krivulja);
}
.pojavi.je-viden {
opacity: 1;
transform: none;
}
@media print {
.pojavi {
opacity: 1;
transform: none;
}
}
.trgovina > * {
margin-block: 0;
}
.trgovina-glava__notranjost,
.trgovina-pot.je-samostojna,
.trgovina .woocommerce-notices-wrapper,
.trgovina-obvestila,
.trgovina ul.products,
.trgovina .woocommerce-no-products-found,
.trgovina--izdelek div.product,
.trgovina-stran__notranjost {
max-width: var(--h-sirina-stran);
margin-inline: auto;
padding-inline: var(--h-rob);
box-sizing: border-box;
}
.trgovina-glava {
background: var(--h-mehko);
border-bottom: 1px solid var(--h-crta);
}
.trgovina-glava__notranjost {
display: grid;
gap: 1.5rem;
padding-block: clamp(1.5rem, 4vw, 3rem);
}
.trgovina-glava__besedilo > * {
margin-block: 0;
}
.trgovina-glava h1 {
margin-block: 0.5rem 0;
font-size: var(--wp--preset--font-size--xxl);
}
.trgovina-glava h1::after {
content: "";
display: block;
width: 3.5rem;
height: 4px;
margin-top: 0.875rem;
border-radius: 2px;
background: var(--h-oranzna);
}
.trgovina-glava__uvod {
margin-top: 1rem;
max-width: 34rem;
font-size: var(--wp--preset--font-size--srednja);
line-height: 1.55;
color: var(--h-tiho);
}
.trgovina-glava__slika {
margin: 0;
line-height: 0;
}
.trgovina-glava__slika img {
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: var(--h-kartica);
}
@media (min-width: 64rem) {
.trgovina-glava__notranjost {
grid-template-columns: 1fr minmax(0, 30rem);
align-items: center;
gap: 3rem;
padding-block: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 3vw, 2rem);
}
.trgovina-glava__besedilo {
order: 1;
}
.trgovina-glava__slika {
order: 2;
}
}
.trgovina-pot {
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.trgovina-pot span {
margin-inline: 0.375rem;
}
.trgovina-pot a {
color: var(--h-tiho);
}
.trgovina-pot [aria-current="page"] {
color: var(--wp--preset--color--besedilo);
}
.trgovina-pot.je-samostojna {
display: block;
padding-block: 1.25rem 0;
}
.police {
margin-top: 1.75rem;
}
.police ul {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0;
padding: 0;
list-style: none;
}
.police li {
margin: 0;
}
.police a {
display: flex;
align-items: center;
min-height: 2.75rem;
padding: 0.375rem 1rem;
border: 2px solid var(--h-crta);
border-radius: 999px;
background: #fff;
color: var(--wp--preset--color--besedilo);
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
text-decoration: none;
transition: border-color var(--h-gib) var(--h-krivulja), background-color var(--h-gib) var(--h-krivulja);
}
.police a:hover,
.police a:focus-visible {
border-color: var(--h-glavna);
}
.police a[aria-current="page"] {
border-color: var(--h-glavna);
background: var(--h-glavna);
color: #fff;
}
.trgovina-obvestila:empty,
.trgovina .woocommerce-notices-wrapper:empty {
display: none;
}
.trgovina-obvestila {
padding-top: 1.5rem;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem 1rem;
margin: 0 0 1rem;
padding: 1rem 1.25rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-kartica);
background: var(--h-mehko);
list-style: none;
font-size: var(--wp--preset--font-size--osnovna);
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
flex: none;
align-self: flex-start;
padding: 0.125rem 0.625rem;
border-radius: 999px;
background: var(--h-glavna);
color: #fff;
font-size: var(--wp--preset--font-size--mala);
font-weight: 700;
}
.woocommerce-message::before {
content: "V redu";
}
.woocommerce-info::before {
content: "Podatek";
}
.woocommerce-error {
border-color: var(--h-topla-temna);
background: var(--h-toplo);
}
.woocommerce-error::before {
content: "Popravite";
background: var(--h-topla-temna);
}
.woocommerce-error li {
flex-basis: 100%;
margin: 0;
}
.woocommerce-message .button,
.woocommerce-info .button {
margin-left: auto;
}
.obvestilo__povezava {
font-weight: 600;
}
.trgovina ul.products {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1.5rem;
margin-block: 0;
padding-block: clamp(2rem, 5vw, 3.5rem);
list-style: none;
}
.trgovina ul.products::before,
.trgovina ul.products::after {
content: none;
}
.trgovina li.product {
display: flex;
flex-direction: column;
margin: 0;
padding: 0.75rem 0.75rem 1.25rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
background: #fff;
text-align: center;
transition: box-shadow var(--h-gib) var(--h-krivulja), transform var(--h-gib) var(--h-krivulja);
}
.trgovina li.product:hover,
.trgovina li.product:focus-within {
box-shadow: 0 14px 30px rgba(56, 28, 84, 0.10);
transform: translateY(-2px);
}
.trgovina li.product > a:first-child {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 0.75rem;
color: inherit;
text-decoration: none;
}
.izdelek-kartica__okvir {
display: block;
aspect-ratio: 4 / 3;
border-radius: 8px;
background: var(--h-mehko);
overflow: hidden;
}
.izdelek-kartica__okvir img {
width: 100%;
height: 100%;
padding: 0.5rem;
box-sizing: border-box;
object-fit: contain;
border-radius: 0;
}
.trgovina .woocommerce-loop-product__title {
margin: 0;
font-size: var(--wp--preset--font-size--srednja);
font-weight: 700;
line-height: 1.3;
color: var(--h-glavna);
text-wrap: balance;
}
.trgovina li.product .price {
display: block;
margin: 0;
font-size: var(--wp--preset--font-size--osnovna);
font-weight: 600;
color: var(--wp--preset--color--besedilo);
}
.trgovina li.product .price del,
.trgovina li.product .price ins {
background: none;
text-decoration: none;
}
.trgovina li.product > a.button,
.trgovina li.product .added_to_cart {
display: inline-flex;
align-items: center;
align-self: center;
justify-content: center;
min-height: 2.75rem;
margin-top: 1.125rem;
padding: 0.625rem 1.5rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-gumb);
background: var(--h-glavna);
color: #fff;
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
text-decoration: none;
transition: background-color var(--h-gib) var(--h-krivulja);
}
.trgovina li.product > a.button:hover,
.trgovina li.product > a.button:focus-visible {
border-color: var(--h-glavna-temna);
background: var(--h-glavna-temna);
}
@media (min-width: 37.5rem) {
.trgovina ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.75rem;
}
}
@media (min-width: 56.25rem) {
.trgovina ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2rem;
}
.trgovina li.product {
padding: 1rem 1rem 1.5rem;
}
}
@media (min-width: 80rem) {
.trgovina ul.products {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.trgovina--izdelek div.product {
display: grid;
gap: 2rem;
padding-block: clamp(1.5rem, 4vw, 2.5rem) 0;
}
.woocommerce-product-gallery {
margin: 0;
}
.woocommerce-product-gallery__wrapper {
display: grid;
gap: 0.75rem;
margin: 0;
}
.woocommerce-product-gallery__image {
margin: 0;
}
.woocommerce-product-gallery__image a {
display: block;
pointer-events: none; 
}
.woocommerce-product-gallery__image img {
width: 100%;
padding: 1rem;
box-sizing: border-box;
aspect-ratio: 4 / 3;
object-fit: contain;
border-radius: var(--h-kartica);
background: var(--h-mehko);
}
.woocommerce-product-gallery__trigger {
display: none;
}
.trgovina--izdelek .summary > * {
margin-block: 0 1.25rem;
}
.trgovina--izdelek .product_title {
margin-bottom: 0.75rem;
font-size: var(--wp--preset--font-size--xxl);
}
.trgovina--izdelek .summary > .price {
display: block;
font-size: var(--wp--preset--font-size--xl);
font-weight: 700;
color: var(--wp--preset--color--besedilo);
}
.woocommerce-product-details__short-description {
max-width: 34rem;
color: var(--h-tiho);
}
.woocommerce-product-details__short-description p:last-child {
margin-bottom: 0;
}
.izdelek-meta {
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
form.cart {
margin: 0 0 1.5rem;
padding: 1.25rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
background: var(--h-mehko);
}
table.variations {
width: 100%;
margin: 0 0 1rem;
border: 0;
border-collapse: collapse;
}
table.variations tr {
display: block;
margin-bottom: 1rem;
}
table.variations th,
table.variations td {
display: block;
padding: 0;
border: 0;
text-align: left;
}
table.variations th.label label {
display: block;
margin-bottom: 0.375rem;
color: var(--h-glavna);
font-weight: 700;
}
table.variations td.value select,
.trgovina select {
width: 100%;
max-width: 24rem;
min-height: 3rem;
padding: 0.625rem 2.5rem 0.625rem 0.875rem;
border: 2px solid var(--h-obroba);
border-radius: var(--h-gumb);
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5' fill='none' stroke='%23381C54' stroke-width='2'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 1.25rem;
color: var(--wp--preset--color--besedilo);
font: inherit;
appearance: none;
}
.reset_variations {
display: inline-block;
margin-top: 0.5rem;
font-size: var(--wp--preset--font-size--mala);
}
.woocommerce-variation-price {
margin-bottom: 1rem;
font-size: var(--wp--preset--font-size--velika);
font-weight: 700;
}
.woocommerce-variation-availability {
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.woocommerce-variation-add-to-cart,
form.cart:not(.variations_form) {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
}
.quantity {
display: flex;
align-items: center;
}
.quantity .qty {
width: 5rem;
min-height: 3rem;
padding: 0.5rem 0.625rem;
border: 2px solid var(--h-obroba);
border-radius: var(--h-gumb);
background: #fff;
font: inherit;
text-align: center;
}
.quantity .screen-reader-text,
.trgovina .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
button.single_add_to_cart_button,
.trgovina button.button,
.trgovina input.button,
.trgovina input[type="submit"],
.trgovina button[type="submit"],
.trgovina a.checkout-button,
.trgovina a.wc-backward,
.trgovina .return-to-shop a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 3rem;
padding: 0.75rem 1.75rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-gumb);
background: var(--h-glavna);
color: #fff;
font: inherit;
font-weight: 600;
line-height: 1.3;
text-decoration: none;
cursor: pointer;
transition: background-color var(--h-gib) var(--h-krivulja), border-color var(--h-gib) var(--h-krivulja);
}
button.single_add_to_cart_button:hover,
.trgovina button.button:hover,
.trgovina input.button:hover,
.trgovina input[type="submit"]:hover,
.trgovina button[type="submit"]:hover,
.trgovina a.checkout-button:hover,
.trgovina a.wc-backward:hover,
button.single_add_to_cart_button:focus-visible,
.trgovina button.button:focus-visible,
.trgovina input.button:focus-visible,
.trgovina input[type="submit"]:focus-visible,
.trgovina button[type="submit"]:focus-visible,
.trgovina a.checkout-button:focus-visible,
.trgovina a.wc-backward:focus-visible {
border-color: var(--h-glavna-temna);
background: var(--h-glavna-temna);
}
.trgovina button[name="update_cart"],
.trgovina input[name="update_cart"] {
background: #fff;
color: var(--h-glavna);
}
.trgovina button[name="update_cart"]:hover,
.trgovina button[name="update_cart"]:focus-visible {
background: var(--h-mehko);
color: var(--h-glavna);
}
.trgovina button[name="update_cart"]:disabled {
border-color: var(--h-crta);
color: var(--h-tiho);
cursor: not-allowed;
}
button.single_add_to_cart_button.disabled,
button.single_add_to_cart_button:disabled {
border-color: var(--h-obroba);
background: var(--h-obroba);
cursor: not-allowed;
}
.izdelek-opis {
padding-block: clamp(1.5rem, 4vw, 2.5rem);
}
.izdelek-opis__naslov {
margin: 2rem 0 0.75rem;
font-size: var(--wp--preset--font-size--velika);
}
.izdelek-opis__naslov:first-child {
margin-top: 0;
}
.izdelek-opis__besedilo {
max-width: 34rem;
}
.izdelek-lastnosti {
display: grid;
gap: 0.25rem 1.5rem;
max-width: 42rem;
margin: 0;
padding: 1rem 1.25rem;
border-radius: var(--h-kartica);
background: var(--h-mehko);
}
.izdelek-lastnosti dt {
color: var(--h-glavna);
font-weight: 700;
}
.izdelek-lastnosti dd {
margin: 0 0 0.5rem;
white-space: pre-line;
}
@media (min-width: 37.5rem) {
.izdelek-lastnosti {
grid-template-columns: 10rem 1fr;
}
.izdelek-lastnosti dd {
margin-bottom: 0;
}
}
.trgovina .related {
padding-block: clamp(2rem, 5vw, 3rem);
}
.trgovina .related > h2 {
margin: 0;
font-size: var(--wp--preset--font-size--xl);
}
@media (min-width: 56.25rem) {
.trgovina--izdelek div.product {
grid-template-columns: minmax(0, 1fr) minmax(0, 27rem);
align-items: start;
gap: 3rem;
}
.trgovina--izdelek .izdelek-opis,
.trgovina--izdelek .related {
grid-column: 1 / -1;
}
}
.trgovina-stran__notranjost {
padding-block: clamp(1.5rem, 4vw, 3rem);
}
.trgovina-stran__notranjost > h1 {
margin-block: 0 1.75rem;
font-size: var(--wp--preset--font-size--xxl);
}
.trgovina-stran__notranjost > h1::after {
content: "";
display: block;
width: 3.5rem;
height: 4px;
margin-top: 0.875rem;
border-radius: 2px;
background: var(--h-oranzna);
}
.trgovina table.shop_table {
width: 100%;
margin: 0 0 1.5rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
}
.trgovina table.shop_table th,
.trgovina table.shop_table td {
padding: 0.875rem 1rem;
border-bottom: 1px solid var(--h-crta);
text-align: left;
vertical-align: middle;
}
.trgovina table.shop_table thead th {
background: var(--h-mehko);
color: var(--h-glavna);
font-size: var(--wp--preset--font-size--mala);
}
.trgovina table.shop_table tr:last-child td,
.trgovina table.shop_table tr:last-child th {
border-bottom: 0;
}
.trgovina td.product-thumbnail img {
width: 4.5rem;
height: 4.5rem;
object-fit: contain;
border-radius: 8px;
background: var(--h-mehko);
}
.trgovina td.product-name a {
font-weight: 600;
}
.trgovina td.product-name dl.variation {
margin: 0.25rem 0 0;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.trgovina td.product-name dl.variation dt,
.trgovina td.product-name dl.variation dd,
.trgovina td.product-name dl.variation dd p {
display: inline;
margin: 0;
}
.trgovina a.remove {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.75rem;
height: 2.75rem;
border: 2px solid var(--h-crta);
border-radius: 999px;
color: var(--h-topla-temna);
font-size: 1.25rem;
line-height: 1;
text-decoration: none;
}
.trgovina a.remove:hover,
.trgovina a.remove:focus-visible {
border-color: var(--h-topla-temna);
background: var(--h-toplo);
}
.trgovina td.actions {
background: var(--h-mehko);
}
.trgovina .coupon {
display: none; 
}
.cart-collaterals {
display: grid;
gap: 1.5rem;
}
.cart_totals h2,
.woocommerce-checkout-review-order h2,
#order_review_heading {
margin: 0 0 1rem;
font-size: var(--wp--preset--font-size--velika);
}
.cart_totals table.shop_table th {
width: 45%;
background: transparent;
color: var(--wp--preset--color--besedilo);
font-size: var(--wp--preset--font-size--osnovna);
}
.cart_totals .order-total th,
.cart_totals .order-total td {
font-size: var(--wp--preset--font-size--srednja);
font-weight: 700;
}
.wc-proceed-to-checkout {
margin-top: 1.25rem;
}
.wc-proceed-to-checkout .checkout-button {
display: flex;
width: 100%;
}
.woocommerce-shipping-methods {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-shipping-methods li {
margin: 0 0 0.375rem;
}
.woocommerce-shipping-methods label {
margin-left: 0.375rem;
}
.woocommerce-shipping-methods input[type="radio"] {
width: 1.125rem;
height: 1.125rem;
accent-color: var(--h-glavna);
}
.woocommerce-shipping-destination {
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
@media (min-width: 56.25rem) {
.cart-collaterals {
grid-template-columns: minmax(0, 1fr) minmax(0, 22rem);
}
.cart_totals {
grid-column: 2;
}
}
@media (max-width: 56.24rem) {
.trgovina table.shop_table.cart thead {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
}
.trgovina table.shop_table.cart,
.trgovina table.shop_table.cart tbody,
.trgovina table.shop_table.cart tr,
.trgovina table.shop_table.cart td {
display: block;
width: auto;
}
.trgovina table.shop_table.cart tr.woocommerce-cart-form__cart-item {
position: relative;
padding: 1rem 3.5rem 1rem 1rem;
border-bottom: 1px solid var(--h-crta);
}
.trgovina table.shop_table.cart tr.woocommerce-cart-form__cart-item td {
padding: 0.25rem 0;
border: 0;
}
.trgovina table.shop_table.cart td.product-remove {
position: absolute;
top: 1rem;
right: 0.5rem;
padding: 0;
}
.trgovina table.shop_table.cart td.product-price::before,
.trgovina table.shop_table.cart td.product-subtotal::before {
content: attr(data-title) ": ";
color: var(--h-tiho);
}
.trgovina table.shop_table.cart td.actions {
padding: 1rem;
}
}
form.checkout {
display: grid;
gap: 2rem;
}
#customer_details h3 {
margin: 0 0 1rem;
font-size: var(--wp--preset--font-size--velika);
color: var(--h-glavna);
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper {
display: grid;
gap: 1.25rem;
}
.trgovina .form-row {
display: block;
margin: 0;
padding: 0;
}
.trgovina .form-row label {
display: block;
margin-bottom: 0.375rem;
color: var(--h-glavna);
font-weight: 600;
}
.trgovina .form-row .required {
color: var(--h-topla-temna);
text-decoration: none;
}
.trgovina .form-row .optional {
color: var(--h-tiho);
font-weight: 400;
}
.trgovina .input-text,
.trgovina textarea {
width: 100%;
min-height: 3rem;
padding: 0.625rem 0.875rem;
box-sizing: border-box;
border: 2px solid var(--h-obroba);
border-radius: var(--h-gumb);
background: #fff;
color: var(--wp--preset--color--besedilo);
font: inherit;
}
.trgovina textarea {
min-height: 6rem;
line-height: 1.5;
}
.trgovina .input-text:focus,
.trgovina textarea:focus,
.trgovina select:focus {
border-color: var(--h-glavna);
outline: 3px solid var(--h-glavna);
outline-offset: 1px;
}
.trgovina .form-row.woocommerce-invalid .input-text,
.trgovina .form-row.woocommerce-invalid select {
border-color: var(--h-topla-temna);
}
.trgovina .description,
.trgovina .form-row span.description {
display: block;
margin-top: 0.375rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.woocommerce-checkout-review-order {
padding: 1.25rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
background: var(--h-mehko);
}
.woocommerce-checkout-review-order table.shop_table {
background: #fff;
}
#payment ul.wc_payment_methods {
margin: 0 0 1.25rem;
padding: 0;
list-style: none;
}
#payment ul.wc_payment_methods li {
margin: 0;
padding: 1rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-kartica);
background: #fff;
}
#payment ul.wc_payment_methods label {
display: inline;
color: var(--h-glavna);
font-weight: 700;
}
#payment ul.wc_payment_methods input[type="radio"] {
width: 1.25rem;
height: 1.25rem;
margin-right: 0.5rem;
vertical-align: middle;
accent-color: var(--h-glavna);
}
#payment .payment_box {
margin: 0.75rem 0 0;
padding: 0.875rem 1rem;
border-radius: 8px;
background: var(--h-mehko);
font-size: var(--wp--preset--font-size--mala);
}
#payment .payment_box p:last-child {
margin-bottom: 0;
}
#payment .form-row.place-order {
margin: 0;
}
#place_order {
width: 100%;
}
.woocommerce-privacy-policy-text {
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
@media (min-width: 56.25rem) {
form.checkout {
grid-template-columns: minmax(0, 1fr) minmax(0, 25rem);
align-items: start;
gap: 3rem;
}
.woocommerce-billing-fields__field-wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.woocommerce-billing-fields__field-wrapper .form-row-wide,
.woocommerce-additional-fields .form-row {
grid-column: 1 / -1;
}
#place_order {
width: auto;
}
}
.woocommerce-order ul.woocommerce-order-overview {
display: grid;
gap: 1rem;
margin: 1.5rem 0;
padding: 1.25rem;
border-radius: var(--h-kartica);
background: var(--h-mehko);
list-style: none;
}
.woocommerce-order ul.woocommerce-order-overview li {
margin: 0;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.woocommerce-order ul.woocommerce-order-overview strong {
display: block;
font-size: var(--wp--preset--font-size--osnovna);
color: var(--wp--preset--color--besedilo);
}
.woocommerce-order h2,
.woocommerce-column__title {
margin: 2rem 0 1rem;
font-size: var(--wp--preset--font-size--velika);
}
.woocommerce-columns--addresses {
display: grid;
gap: 1.5rem;
}
@media (min-width: 37.5rem) {
.woocommerce-order ul.woocommerce-order-overview {
grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
}
.woocommerce-columns--addresses {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.glava__kosarica {
display: inline-flex;
align-items: center;
gap: 0.5rem;
min-height: 2.75rem;
padding: 0.375rem 0.875rem;
border: 2px solid var(--h-crta);
border-radius: var(--h-gumb);
color: var(--h-glavna);
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
text-decoration: none;
white-space: nowrap;
}
.glava__kosarica:hover,
.glava__kosarica:focus-visible {
border-color: var(--h-glavna);
background: var(--h-mehko);
}
.glava__kosarica-ikona {
width: 1.25rem;
height: 1.25rem;
background: var(--h-glavna);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 7h12l-1.2 11.2a2 2 0 0 1-2 1.8H9.2a2 2 0 0 1-2-1.8L6 7Zm3 0a3 3 0 0 1 6 0' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 7h12l-1.2 11.2a2 2 0 0 1-2 1.8H9.2a2 2 0 0 1-2-1.8L6 7Zm3 0a3 3 0 0 1 6 0' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.glava__kosarica-stevec {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.5rem;
height: 1.5rem;
padding: 0 0.375rem;
border-radius: 999px;
background: var(--h-glavna);
color: #fff;
font-size: 0.8125rem;
font-weight: 700;
}
@media (max-width: 29.99rem) {
.glava__kosarica-napis {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.glava__kosarica {
padding-inline: 0.5rem;
}
}
.woocommerce-no-products-found,
.cart-empty,
.wc-empty-cart-message {
padding-block: 1rem;
}
.return-to-shop {
margin-top: 1rem;
}
.woocommerce-product-gallery {
opacity: 1 !important;
}
.pswp {
display: none !important;
}
.izdelek-kartica__okvir {
background: #fff;
}
.trgovina li.product .price {
margin-top: auto;
padding-top: 0.25rem;
}
.trgovina .quantity .qty {
width: 5.5rem;
min-width: 5.5rem;
}
.police a {
padding-inline: 0.875rem;
}
.woocommerce-message > svg,
.woocommerce-info > svg,
.woocommerce-error > svg {
display: none;
}
.wc-block-components-notice-banner__content {
flex: 1 1 auto;
}
.wc-block-components-notice-banner__content .button {
margin-left: 1rem;
}
button.single_add_to_cart_button,
.trgovina button.button,
.trgovina input.button,
.trgovina input[type="submit"],
.trgovina button[type="submit"],
.trgovina a.checkout-button,
.trgovina a.wc-backward,
.trgovina li.product > a.button,
.trgovina .return-to-shop a {
box-sizing: border-box;
}
.woocommerce-product-gallery__image img {
aspect-ratio: 1 / 1;
padding: 1.25rem;
border: 1px solid var(--h-crta);
background: #fff;
}
@media (min-width: 56.25rem) {
form.checkout {
grid-template-columns: minmax(0, 1fr) minmax(0, 28rem);
}
form.checkout > #customer_details {
grid-column: 1;
grid-row: 1 / span 2;
}
form.checkout > #order_review_heading {
grid-column: 2;
grid-row: 1;
margin-top: 0;
}
form.checkout > #order_review {
grid-column: 2;
grid-row: 2;
}
}
#order_review_heading {
margin: 0 0 1rem;
font-size: var(--wp--preset--font-size--velika);
color: var(--h-glavna);
}
.kosarica-nazaj {
align-self: start;
color: var(--h-tiho);
}
.kosarica-nazaj p {
margin: 0 0 0.5rem;
}
.kosarica-nazaj__povezava {
font-weight: 600;
}
@media (min-width: 56.25rem) {
.kosarica-nazaj {
grid-column: 1;
grid-row: 1;
padding-top: 2.5rem;
}
.cart_totals {
grid-row: 1;
}
}
@media (max-width: 56.24rem) {
.trgovina table.shop_table.cart thead {
display: none;
}
}
@media (min-width: 56.25rem) {
form.checkout {
grid-template-rows: auto 1fr;
}
}
.wc-block-components-notice-banner {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 0.5rem 1rem;
margin: 0 0 1rem;
padding: 1rem 1.25rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-kartica);
background: var(--h-mehko);
font-size: var(--wp--preset--font-size--osnovna);
}
.wc-block-components-notice-banner > svg {
display: none;
}
.wc-block-components-notice-banner::before {
flex: none;
padding: 0.125rem 0.625rem;
border-radius: 999px;
background: var(--h-glavna);
color: #fff;
font-size: var(--wp--preset--font-size--mala);
font-weight: 700;
line-height: 1.5;
}
.wc-block-components-notice-banner.is-success::before {
content: "V redu";
}
.wc-block-components-notice-banner.is-info::before {
content: "Podatek";
}
.wc-block-components-notice-banner.is-error {
border-color: var(--h-topla-temna);
background: var(--h-toplo);
}
.wc-block-components-notice-banner.is-error::before {
content: "Popravite";
background: var(--h-topla-temna);
}
.wc-block-components-notice-banner__content {
flex: 1 1 14rem;
}
.wc-block-components-notice-banner__content ul {
margin: 0;
padding-left: 1.25rem;
}
.wc-block-components-notice-banner__content li + li {
margin-top: 0.25rem;
}
.wc-block-components-notice-banner .button,
.wc-block-components-notice-banner .wc-forward {
font-weight: 600;
}
.trgovina-obvestila:not(:has(.wc-block-components-notice-banner)):not(:has(.woocommerce-message)):not(:has(.woocommerce-error)):not(:has(.woocommerce-info)) {
display: none;
}
.police-pas {
max-width: var(--h-sirina-stran);
margin-inline: auto;
padding-inline: var(--h-rob);
padding-bottom: clamp(1.5rem, 4vw, 2.5rem);
box-sizing: border-box;
}
.police-pas .police {
margin-top: 0;
}
@media (min-width: 64rem) {
.police-pas {
padding-top: 0.5rem;
}
}
button.single_add_to_cart_button.disabled,
button.single_add_to_cart_button:disabled {
border-color: var(--h-obroba);
background: var(--h-mehko);
color: var(--h-tiho);
}
.trgovina-pot a {
display: inline-block;
padding-block: 0.6875rem;
}
.trgovina-pot.je-samostojna {
padding-block: 0.5rem 0;
}
.reset_variations {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
padding-inline: 0.25rem;
}
.glava__gumb .wp-block-button__link {
white-space: nowrap;
}
@media (min-width: 64rem) and (max-width: 79.99rem) {
.meni {
gap: 0 1.125rem;
}
}
.glava__gumb-odbor-polno {
display: none;
}
.trgovina .related ul.products,
.trgovina .upsells ul.products {
max-width: none;
padding-inline: 0;
padding-block: 1.5rem 0;
}
@media (min-width: 80rem) {
.trgovina .related ul.products,
.trgovina .upsells ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.woocommerce-product-gallery__image img {
padding: 0;
object-fit: cover;
background: var(--h-mehko);
}
.woocommerce-product-gallery__image.je-pokoncna img {
aspect-ratio: 3 / 4;
object-fit: contain;
background: #fff;
}
.izdelek-prispevek {
margin-block: 0 0.5rem;
color: var(--h-tiho);
}
.izdelek-dostava {
margin-block: 0;
font-size: var(--wp--preset--font-size--mala);
}
.izdelek-dostava a {
display: inline-block;
padding-block: 0.6875rem;
}
.izdelek-namig {
display: flex;
gap: 0.5rem;
margin-block: 0 1rem;
padding: 0.625rem 0.875rem;
border-left: 4px solid var(--h-oranzna);
background: var(--h-toplo);
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
color: var(--wp--preset--color--besedilo);
}
.izdelek-namig[hidden] {
display: none;
}
.izdelek-namig::before {
content: "i";
flex: none;
width: 1.25rem;
height: 1.25rem;
border-radius: 999px;
background: var(--h-glavna);
color: #fff;
font-weight: 700;
line-height: 1.25rem;
text-align: center;
}
button.single_add_to_cart_button.disabled,
button.single_add_to_cart_button.wc-variation-selection-needed,
button.single_add_to_cart_button[aria-disabled="true"] {
border-color: var(--h-glavna);
background: var(--h-glavna);
color: #fff;
cursor: not-allowed;
}
button.single_add_to_cart_button:disabled {
border-color: var(--h-obroba);
background: var(--h-mehko);
color: var(--h-tiho);
}
.drobtine {
margin-bottom: 0.5rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.drobtine a {
display: inline-block;
padding-block: 0.6875rem; 
color: var(--h-tiho);
}
.drobtine span {
margin-inline: 0.375rem;
}
.drobtine [aria-current="page"] {
margin-inline: 0;
color: var(--wp--preset--color--besedilo);
}
.stran-glava--tipografska {
border-bottom: 1px solid var(--h-crta);
}
.stran-glava--tipografska .stran-glava__notranjost {
display: block;
padding-block: 0 clamp(2rem, 5vw, 3rem);
}
.stran-glava--tipografska .stran-glava__besedilo {
max-width: 46rem;
}
.stran-glava--tipografska h1 {
font-size: clamp(2.125rem, 1.5rem + 2.6vw, 3.25rem);
}
@media (min-width: 64rem) {
.stran-glava--tipografska .stran-glava__notranjost {
padding-block: 0.5rem 3.5rem;
}
}
.stran-glava__odgovor {
margin: 0 0 1.25rem;
font-size: clamp(3rem, 2rem + 4.5vw, 5rem);
font-weight: 700;
line-height: 1;
letter-spacing: -0.02em;
color: var(--h-glavna);
}
.zunanja__znak {
display: inline-block;
width: 0.7em;
height: 0.7em;
margin-left: 0.3em;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 2h8v8h-2V5.4L4.7 12.7 3.3 11.3 10.6 4H6z'/%3E%3Cpath d='M2 5h3v2H4v7h7v-1h2v3H2z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 2h8v8h-2V5.4L4.7 12.7 3.3 11.3 10.6 4H6z'/%3E%3Cpath d='M2 5h3v2H4v7h7v-1h2v3H2z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.preberite-tudi {
background: var(--h-mehko);
padding-block: var(--wp--preset--spacing--80);
}
.preberite-tudi__notranjost {
max-width: var(--h-sirina-stran);
margin-inline: auto;
padding-inline: var(--h-rob);
box-sizing: border-box;
}
.preberite-tudi__notranjost > * {
margin-block: 0;
}
.preberite-tudi__naslov {
margin-bottom: 1.75rem;
font-size: var(--wp--preset--font-size--xl);
}
.preberite-tudi .vrata__eno {
border-color: #E6DFEE;
}
.druge-poti + .preberite-tudi,
.preberite-tudi + .druge-poti {
border-top: 1px solid var(--h-crta);
}
.stran-telo--samo-besedilo .stran-telo__besedilo {
font-size: 1.25rem; 
line-height: 1.8;
}
.stran-telo--samo-besedilo .stran-telo__besedilo > * {
max-width: 30rem; 
margin-block: 0 1.5rem;
}
.stran-telo--samo-besedilo .stran-telo__besedilo h2 {
margin-top: 2.5rem;
font-size: var(--wp--preset--font-size--xl);
}
@media (min-width: 64rem) {
.stran-telo--samo-besedilo {
display: block;
}
}
.stran-telo--samo-besedilo .stran-telo__besedilo > .zgodba--citat,
.stran-telo__besedilo .zgodba--citat {
max-width: 48rem;
margin-block: 2rem;
}
.stran-telo--samo-besedilo .stran-telo__besedilo > .zgodba--citat + .zgodba--citat {
margin-top: 1.5rem;
}
.vprasanje__vec {
margin-top: 0.75rem;
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
}
.sekcija__vec {
margin-top: 1.75rem;
font-weight: 600;
}
.vprasanje__vec a,
.sekcija__vec a {
display: inline-block;
padding-block: 0.6875rem;
}
.vprasanje__vec a {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.625rem 1rem;
border: 2px solid var(--h-glavna);
border-radius: 999px;
color: var(--h-glavna);
text-decoration: none;
line-height: 1.25;
min-height: 2.75rem;
box-sizing: border-box;
}
.vprasanje__vec a::after {
content: "";
flex: none;
width: 0.7em;
height: 0.7em;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.3 2.3 6.9 3.7 10.2 7H2v2h8.2l-3.3 3.3 1.4 1.4L14 8z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.3 2.3 6.9 3.7 10.2 7H2v2h8.2l-3.3 3.3 1.4 1.4L14 8z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.vprasanje__vec a:hover,
.vprasanje__vec a:focus-visible {
background: var(--h-glavna);
color: #fff;
}
.dogodki .police {
margin-top: 0;
margin-bottom: 2rem;
}
.dogodki-seznam {
display: grid;
gap: 1.25rem;
margin: 0;
padding: 0;
list-style: none;
}
.dogodek-kartica {
margin: 0;
padding: 1.5rem;
border: 1px solid var(--h-crta);
border-left: 5px solid var(--h-oranzna);
border-radius: var(--h-kartica);
background: #fff;
}
.dogodek-kartica > * {
margin: 0;
}
.dogodek-kartica__datum {
font-size: var(--wp--preset--font-size--mala);
font-weight: 700;
color: var(--h-topla-temna);
text-transform: none;
}
.dogodek-kartica__ura {
margin-left: 0.375rem;
font-weight: 600;
color: var(--h-tiho);
}
.dogodek-kartica__naslov {
margin-top: 0.5rem;
font-size: var(--wp--preset--font-size--velika);
}
.dogodek-kartica__naslov a {
text-decoration: none;
}
.dogodek-kartica__naslov a:hover,
.dogodek-kartica__naslov a:focus-visible {
text-decoration: underline;
}
.dogodek-kartica__kraj,
.dogodek-kartica__odbor {
margin-top: 0.5rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.dogodek-kartica__opis {
margin-top: 0.75rem;
max-width: 36rem;
}
.dogodek-kartica__vabilo {
display: block;
width: calc(100% + 3rem);
max-width: none;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
margin: -1.5rem -1.5rem 1rem;
border-radius: var(--h-kartica) var(--h-kartica) 0 0;
}
.dogodki-prazno {
max-width: 34rem;
padding: 1.5rem;
border-radius: var(--h-kartica);
background: var(--h-mehko);
}
@media (min-width: 56.25rem) {
.dogodki-seznam {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem;
}
}
.dogodek-podatki {
display: grid;
gap: 0.25rem 1.5rem;
max-width: 34rem;
margin: 1.5rem 0 0;
padding: 1.25rem;
border-radius: var(--h-kartica);
background: #fff;
border: 1px solid var(--h-crta);
}
.dogodek-podatki dt {
color: var(--h-glavna);
font-weight: 700;
}
.dogodek-podatki dd {
margin: 0 0 0.5rem;
}
@media (min-width: 37.5rem) {
.dogodek-podatki {
grid-template-columns: 9.5rem 1fr;
}
.dogodek-podatki dd {
margin-bottom: 0;
}
}
.dogodek-prijava {
margin-top: 1.25rem;
}
.dogodek-prijava a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
}
.dogodek-vabilo {
margin: 1.25rem 0 0;
}
.dogodek-vabilo--slika img {
display: block;
width: 100%;
height: auto;
border-radius: var(--h-kartica);
box-shadow: var(--h-foto-senca);
}
.dogodek-vabilo--pdf a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
}
.novice-pas {
max-width: var(--h-sirina-stran);
margin-inline: auto;
padding: var(--wp--preset--spacing--80) var(--h-rob) var(--wp--preset--spacing--90);
box-sizing: border-box;
}
.novice__seznam {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 2.5rem;
margin: 0;
padding: 0;
list-style: none;
}
.novice__seznam > li {
display: flex;
flex-direction: column;
margin: 0;
}
.novica__slika {
margin: 0 0 1rem;
}
.novica__slika img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: var(--h-kartica);
}
.novice__seznam > li > .novica__slika:empty {
display: none;
}
.novica__datum {
margin: 0;
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
color: var(--h-tiho);
}
.novica__naslov {
margin: 0.375rem 0 0;
font-size: var(--wp--preset--font-size--velika);
}
.novica__naslov a {
text-decoration: none;
}
.novica__naslov a:hover,
.novica__naslov a:focus-visible {
text-decoration: underline;
}
.novica__izvlecek {
margin: 0.75rem 0 0;
color: var(--h-tiho);
}
.novica__izvlecek .wp-block-post-excerpt__more-text {
margin-top: 0.5rem;
}
.novice__strani {
margin-top: 3rem;
gap: 0.75rem;
}
.novice__strani a,
.novice__strani span {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
padding-inline: 0.5rem;
}
@media (min-width: 37.5rem) {
.novice__seznam {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 62rem) {
.novice__seznam {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.novica-glava {
background: var(--h-mehko);
padding-bottom: clamp(1.5rem, 4vw, 2.5rem);
}
.novica-glava__notranjost {
max-width: var(--h-sirina-stran);
margin-inline: auto;
padding-inline: var(--h-rob);
box-sizing: border-box;
}
.novica-glava__notranjost > * {
max-width: 42rem;
margin-block: 0;
}
.novica-glava h1 {
margin-top: 0.5rem;
font-size: clamp(2rem, 1.45rem + 2.2vw, 2.875rem);
}
.novica-glava__slika {
max-width: var(--h-sirina-stran);
margin: 1.75rem auto 0;
padding-inline: var(--h-rob);
box-sizing: border-box;
}
.novica-glava__slika img {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: var(--h-kartica);
}
.podstran--novica .stran-telo__besedilo img {
height: auto;
border-radius: var(--h-kartica);
}
.kazalo__mreza {
display: grid;
gap: 2.5rem;
}
.kazalo__skupina > * {
margin-block: 0;
}
.kazalo__skupina h2 {
margin-bottom: 1rem;
font-size: var(--wp--preset--font-size--xl);
}
.kazalo__skupina ul {
margin: 0;
padding-left: 1.25rem;
}
.kazalo__skupina li + li {
margin-top: 0.375rem;
}
.kazalo__skupina a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
}
@media (min-width: 48rem) {
.kazalo__mreza {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2.5rem 3rem;
}
}
.kazalo .stran-telo__besedilo > * {
max-width: none;
}
.posnetek {
max-width: 50rem;
margin: 0;
}
.posnetek__polje {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: var(--h-kartica);
background: var(--h-glavna);
}
.posnetek__slicica,
.posnetek__okno {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
object-fit: cover;
}
.posnetek__gumb {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.75rem;
width: 100%;
padding: 1rem;
border: 0;
background: rgba(31, 27, 36, 0.35); 
color: #fff;
font: inherit;
font-weight: 700;
cursor: pointer;
transition: background-color var(--h-gib) var(--h-krivulja);
}
.posnetek__gumb:hover,
.posnetek__gumb:focus-visible {
background: rgba(31, 27, 36, 0.6);
}
.posnetek__gumb:focus-visible {
outline: 3px solid #fff;
outline-offset: -6px;
}
.posnetek__znak {
display: block;
width: 4.5rem;
height: 4.5rem;
border-radius: 999px;
background-color: var(--h-oranzna);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32'/%3E%3C/svg%3E") no-repeat center / contain;
position: relative;
}
.posnetek__znak::after {
content: "";
position: absolute;
top: 50%;
left: 54%;
width: 0;
height: 0;
transform: translate(-50%, -50%);
border-left: 1.4rem solid var(--h-glavna);
border-top: 0.9rem solid transparent;
border-bottom: 0.9rem solid transparent;
}
.posnetek__napis {
padding: 0.625rem 1.25rem;
border-radius: var(--h-gumb);
background: var(--h-glavna);
font-size: var(--wp--preset--font-size--srednja);
}
.posnetek.je-predvajan .posnetek__gumb {
display: none;
}
.posnetek__opomba {
margin-top: 0.75rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.posnetek__polje--brez-slike {
background-image: url("assets/motiv-lok.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 55% auto;
}
.posnetek__naslov {
position: absolute;
top: 1rem;
left: 1rem;
right: 1rem;
margin: 0;
color: #fff;
font-weight: 700;
font-size: var(--wp--preset--font-size--srednja);
text-align: center;
text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
}
.uvod__most {
display: block;
color: inherit;
text-decoration-color: rgba(255, 255, 255, 0.55);
text-underline-offset: 0.25em;
}
.tiha-vrstica {
margin-top: var(--wp--preset--spacing--40);
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.tiha-vrstica a {
color: var(--h-glavna);
font-weight: 600;
}
.podrazdelek {
margin-top: var(--wp--preset--spacing--60);
padding-top: var(--wp--preset--spacing--50);
border-top: 1px solid var(--h-crta);
}
@media (min-width: 56.25rem) {
.podrazdelek {
margin-top: var(--wp--preset--spacing--80);
padding-top: var(--wp--preset--spacing--70);
}
}
.naslov-podrazdelka {
margin: 0 0 1.5rem;
font-size: clamp(1.375rem, 1.25rem + 0.6vw, 1.75rem);
color: var(--h-glavna);
}
.podrazdelek--prvi {
margin-top: var(--wp--preset--spacing--50);
padding-top: 0;
border-top: 0;
}
.novice__seznam--naslovnica {
gap: 1.75rem;
}
.ob-sliki__slika--z-napisom figcaption,
.ob-sliki__slika--z-napisom .wp-element-caption {
margin-top: 0.625rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
text-align: left;
}
.ob-sliki__slika.je-pas img {
aspect-ratio: 16 / 9;
}
@media (min-width: 56.25rem) {
.ob-sliki--slika-prva > .ob-sliki__besedilo {
order: 2;
}
.ob-sliki--slika-prva > .ob-sliki__slika {
order: 1;
}
.ob-sliki--poravnaj-vrh {
align-items: stretch;
}
.ob-sliki--poravnaj-vrh > .ob-sliki__besedilo {
display: flex;
flex-direction: column;
justify-content: center;
}
.ob-sliki--poravnaj-vrh > .ob-sliki__slika {
align-self: start;
}
}
.vodilni {
font-size: var(--wp--preset--font-size--srednja);
font-weight: 600;
line-height: 1.5;
color: var(--h-glavna);
}
.nacini {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin-top: var(--wp--preset--spacing--70);
}
.nacini > * {
margin: 0;
}
.nacin {
position: relative;
display: flex;
flex-direction: column;
min-height: 9.5rem;
padding: 1.375rem 1.5rem 1.5rem;
border: 1px solid #EBD9C0;
border-radius: var(--h-kartica);
background: #fff;
transition: transform var(--h-gib) var(--h-krivulja), box-shadow var(--h-gib) var(--h-krivulja);
}
.nacin > * {
margin: 0;
}
.nacin::before {
content: "";
position: absolute;
top: 1rem;
right: 1rem;
width: 2rem;
height: 2rem;
background: url("assets/ikona.svg") center / contain no-repeat;
opacity: 0.4;
pointer-events: none;
}
.nacin__naslov {
padding-right: 2rem;
margin-bottom: 0.375rem;
font-size: var(--wp--preset--font-size--srednja);
font-weight: 700;
}
.nacin__pripis {
margin-top: 0.5rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.nacin__naslov a {
color: var(--h-glavna);
text-decoration: none;
}
.nacin__naslov a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.nacin__naslov a:focus-visible {
outline: none;
}
.nacin:focus-within {
outline: 3px solid var(--h-glavna);
outline-offset: 3px;
}
.nacin:hover {
transform: translateY(-2px);
box-shadow: 0 12px 24px rgba(56, 28, 84, 0.1);
}
@media (prefers-reduced-motion: reduce) {
.nacin:hover {
transform: none;
}
}
@media (min-width: 40rem) {
.nacini {
grid-template-columns: repeat(2, 1fr);
gap: 1.25rem;
}
.nacin {
min-height: 14rem;
}
}
@media (min-width: 68rem) {
.nacini {
grid-template-columns: repeat(3, 1fr);
}
.nacin {
min-height: 14rem;
}
}
.stevilke {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
margin: 0;
padding: 0;
list-style: none;
}
.stevilke li {
margin: 0;
padding: 1.25rem 1.375rem;
border-radius: var(--h-kartica);
background: var(--h-mehko);
line-height: 1.45;
}
.stevilke strong {
display: block;
margin-bottom: 0.25rem;
color: var(--h-glavna);
font-size: clamp(2rem, 1.6rem + 1.6vw, 2.75rem);
font-weight: 700;
line-height: 1;
letter-spacing: -0.01em;
}
@media (min-width: 40rem) {
.stevilke {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 68rem) {
.stevilke {
grid-template-columns: repeat(4, 1fr);
}
}
.dokaz__stolpca {
display: grid;
grid-template-columns: 1fr;
gap: var(--wp--preset--spacing--70);
margin-top: var(--wp--preset--spacing--80);
}
.dokaz__stolpca > * {
margin: 0;
}
@media (min-width: 56.25rem) {
.dokaz__stolpca {
grid-template-columns: repeat(2, 1fr);
gap: clamp(2.5rem, 4vw, 4rem);
}
}
.financerji {
margin-top: var(--wp--preset--spacing--70);
padding-top: var(--wp--preset--spacing--60);
border-top: 1px solid var(--h-crta);
}
.financerji > * {
margin: 0;
}
.financerji__seznam {
margin: 0.625rem 0 0;
padding: 0;
list-style: none;
font-size: var(--wp--preset--font-size--osnovna);
line-height: 1.5;
color: var(--h-tiho);
}
.financerji__seznam li {
margin: 0 0 0.5rem;
break-inside: avoid;
}
@media (min-width: 40rem) {
.financerji__seznam {
columns: 2;
column-gap: 2.5rem;
}
}
@media (min-width: 68rem) {
.financerji__seznam {
columns: 3;
}
}
.financerji__projekti {
max-width: 62ch;
margin-top: 0.875rem;
font-size: var(--wp--preset--font-size--osnovna);
line-height: 1.7;
color: var(--h-tiho);
}
@media (min-width: 48rem) {
.vrata--dva {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2rem;
}
}
.zgodba--s-sliko + .sekcija__vec + .vrata--dva {
margin-top: var(--wp--preset--spacing--80);
padding-top: var(--wp--preset--spacing--70);
border-top: 1px solid rgba(56, 28, 84, 0.12);
}
.noga__pas {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.5rem 0.875rem;
width: min(100% - 2 * var(--h-rob), var(--h-sirina) - 2 * var(--h-rob));
margin: 0 auto var(--wp--preset--spacing--70);
padding: 0 0 var(--wp--preset--spacing--50);
box-sizing: border-box;
border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}
.noga__pas-napis {
font-weight: 700;
color: #fff;
}
.noga__pas a {
padding-block: 0.375rem;
}
.izdelek-opomba,
.polica__opomba {
margin: 0.75rem 0 0;
padding: 0.625rem 0.875rem;
border-radius: var(--h-gumb);
background: var(--h-mehko);
font-size: var(--wp--preset--font-size--mala);
color: var(--h-glavna);
}
.woocommerce-product-details__short-description + .izdelek-opomba {
margin-top: 1rem;
}
.stock.ni-na-voljo {
font-weight: 600;
color: var(--h-glavna);
}
@media (max-width: 56.24rem) {
#kako-poteka .ob-sliki__slika img {
aspect-ratio: 16 / 9;
}
#kako-poteka .sekcija__gumbi {
margin-top: var(--wp--preset--spacing--60);
}
#kako-poteka .koraki--navpicno {
gap: 2rem;
}
#kako-poteka .korak:not(:last-child)::after {
bottom: -2rem;
}
}
.tablica,
.posvetilo {
margin: 1.25rem 0;
padding: 1rem 1.125rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
background: var(--h-mehko);
}
.tablica__oznaka,
.posvetilo__oznaka {
display: block;
margin-bottom: 0.25rem;
color: var(--h-glavna);
font-weight: 600;
}
.tablica__namig,
.tablica__stevec,
.tablica__opomba,
.posvetilo__namig,
.posvetilo__stevec,
.posvetilo__opomba {
margin: 0.25rem 0 0;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.tablica__namig,
.posvetilo__namig {
margin-bottom: 0.5rem;
}
.tablica__polje,
.posvetilo__polje {
width: 100%;
min-height: 3rem;
padding: 0.625rem 0.875rem;
box-sizing: border-box;
border: 2px solid var(--h-obroba);
border-radius: var(--h-gumb);
background: #fff;
color: var(--wp--preset--color--besedilo);
font: inherit;
}
.tablica__polje:focus,
.posvetilo__polje:focus {
border-color: var(--h-glavna);
outline: 3px solid var(--h-glavna);
outline-offset: 1px;
}
.tablica--kosarica,
.posvetilo--kosarica {
margin: 0.75rem 0 0;
padding: 0.75rem 0.875rem;
background: #fff;
}
form.cart .tablica,
form.cart .posvetilo {
flex-basis: 100%;
margin: 0 0 0.25rem;
background: #fff;
}
.darilo {
margin: 1.5rem 0 0;
padding: 1.25rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
background: var(--h-mehko);
}
.darilo__naslov {
margin: 0 0 0.75rem;
font-size: var(--wp--preset--font-size--srednja);
color: var(--h-glavna);
}
.darilo__stikalo {
display: flex;
align-items: center;
gap: 0.625rem;
min-height: 2.75rem;
margin: 0;
}
.darilo__stikalo input[type="checkbox"] {
width: 1.5rem;
height: 1.5rem;
accent-color: var(--h-glavna);
flex: none;
}
.darilo__stikalo label {
display: flex;
align-items: center;
min-height: 2.75rem;
margin: 0;
color: var(--h-glavna);
font-weight: 600;
cursor: pointer;
}
.darilo__pojasnilo,
.darilo__stevec {
margin: 0.5rem 0;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.darilo__oznaka {
display: block;
margin: 0.75rem 0 0.375rem;
color: var(--h-glavna);
font-weight: 600;
}
.darilo__del textarea {
width: 100%;
min-height: 5.5rem;
padding: 0.625rem 0.875rem;
box-sizing: border-box;
border: 2px solid var(--h-obroba);
border-radius: var(--h-gumb);
background: #fff;
font: inherit;
line-height: 1.5;
}
.darilo__del textarea:focus {
border-color: var(--h-glavna);
outline: 3px solid var(--h-glavna);
outline-offset: 1px;
}
.blagajna-opomba {
margin: 0 0 1rem;
padding: 0.875rem 1rem;
border-left: 4px solid var(--h-oranzna);
border-radius: 0 var(--h-gumb) var(--h-gumb) 0;
background: var(--h-toplo);
font-size: var(--wp--preset--font-size--mala);
color: var(--wp--preset--color--besedilo);
}
.blagajna-opomba a {
color: var(--h-glavna);
}
.prejeto-povzetek {
margin: 2rem 0;
padding: 1.25rem 1.5rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
background: var(--h-mehko);
}
.prejeto-povzetek__naslov {
margin: 0 0 0.75rem;
font-size: var(--wp--preset--font-size--srednja);
color: var(--h-glavna);
}
.prejeto-povzetek__seznam {
margin: 0 0 1rem;
}
.prejeto-povzetek__seznam dt {
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
}
.prejeto-povzetek__seznam dd {
margin: 0 0 0.75rem;
font-size: var(--wp--preset--font-size--srednja);
color: var(--h-glavna);
}
.prejeto-povzetek__naslov-dostave span {
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
}
.prejeto-povzetek__opomba,
.prejeto-povzetek__sporocilo {
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.prejeto-povzetek__povezava {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
padding: 0.5rem 1.25rem;
border-radius: var(--h-gumb);
background: var(--h-glavna);
color: #fff;
text-decoration: none;
font-weight: 600;
}
.prejeto-povzetek__povezava:hover,
.prejeto-povzetek__povezava:focus-visible {
background: var(--h-glavna-temna);
color: #fff;
}
.potrdilo-stran {
--h-glavna: #381C54;
--h-glavna-temna: #2A1440;
--h-oranzna: #F68B1F;
--h-mehko: #F7F4FA;
--h-tiho: #4A4453;
--h-crta: #DDD3E6;
--h-kartica: 12px;
--h-gumb: 8px;
--h-rob: clamp(1.25rem, 3vw, 2rem);
--wp--preset--font-size--mala: 1rem;
--wp--preset--color--besedilo: #1F1B24;
margin: 0;
padding: 2rem var(--h-rob);
background: var(--h-mehko);
color: #1F1B24;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
font-size: 1.125rem;
line-height: 1.6;
}
.potrdilo-orodja {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
align-items: center;
max-width: 46rem;
margin: 0 auto 1.25rem;
}
.potrdilo-orodja__nazaj,
.potrdilo-orodja__tisk {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
padding: 0.5rem 1.25rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-gumb);
background: #fff;
color: var(--h-glavna);
font: inherit;
font-weight: 600;
text-decoration: none;
cursor: pointer;
}
.potrdilo-orodja__tisk {
background: var(--h-glavna);
color: #fff;
}
.potrdilo-orodja__nazaj:focus-visible,
.potrdilo-orodja__tisk:focus-visible {
outline: 3px solid var(--h-oranzna);
outline-offset: 2px;
}
.potrdilo {
max-width: 46rem;
margin: 0 auto;
padding: clamp(2rem, 6vw, 3.5rem);
box-sizing: border-box;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
background: #fff;
text-align: center;
}
.potrdilo__logo {
display: block;
width: 13.75rem;
height: auto;
margin: 0 auto;
}
.potrdilo__nadnaslov {
margin: 1.5rem 0 0;
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
letter-spacing: 0.12em;
text-transform: uppercase;
}
.potrdilo__vsebina {
margin: 2.5rem 0;
padding: 2rem 0;
border-block: 1px solid var(--h-crta);
}
.potrdilo__uvod {
margin: 0;
color: var(--h-tiho);
}
.potrdilo__posvetilo {
margin: 0.75rem 0 0;
color: var(--h-glavna);
font-size: clamp(1.75rem, 5vw, 2.375rem);
line-height: 1.25;
}
.potrdilo__izdelek {
margin: 0.75rem 0 0;
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
}
.potrdilo__zahvala {
margin: 0;
}
.potrdilo__datum {
margin: 0.75rem 0 0;
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
}
@media print {
@page {
size: A4 portrait;
margin: 15mm;
}
.potrdilo-stran {
padding: 0;
background: #fff;
}
.potrdilo-orodja {
display: none;
}
.potrdilo {
max-width: none;
padding: 0;
border: 0;
}
.potrdilo__posvetilo {
font-size: 28pt;
}
}
@media print and (max-width: 150mm) {
@page {
size: A5 portrait;
margin: 10mm;
}
.potrdilo__vsebina {
margin: 1.5rem 0;
padding: 1.25rem 0;
}
.potrdilo__posvetilo {
font-size: 20pt;
}
}
.izdelek-zgodba {
grid-column: 1 / -1;
margin: 2.5rem 0 0;
padding: clamp(1.5rem, 4vw, 2.25rem);
border-radius: var(--h-kartica);
background: var(--h-toplo);
}
.izdelek-zgodba__naslov {
margin: 0 0 1rem;
font-size: var(--wp--preset--font-size--velika);
color: var(--h-glavna);
}
.izdelek-zgodba__naslov::after {
content: "";
display: block;
width: 3rem;
height: 4px;
margin-top: 0.75rem;
border-radius: 2px;
background: var(--h-oranzna);
}
.izdelek-zgodba__stavek {
max-width: 42rem;
margin: 0 0 0.875rem;
}
.izdelek-zgodba__stavek:last-child {
margin-bottom: 0;
}
.izdelek-kartica__opis {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0.25rem 0 0;
font-size: var(--wp--preset--font-size--mala);
line-height: 1.45;
color: var(--h-tiho);
}
.vodnik {
background: #fff;
}
.vodnik__notranjost {
max-width: var(--h-sirina-stran);
margin-inline: auto;
padding: clamp(1.75rem, 5vw, 2.75rem) var(--h-rob) 0;
box-sizing: border-box;
}
.vodnik__naslov {
margin: 0 0 1.25rem;
font-size: var(--wp--preset--font-size--velika);
color: var(--h-glavna);
}
.vodnik__seznam {
display: grid;
gap: 1rem;
margin: 0;
padding: 0;
list-style: none;
grid-template-columns: 1fr;
}
@media (min-width: 40rem) {
.vodnik__seznam {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 62rem) {
.vodnik__seznam {
grid-template-columns: repeat(4, 1fr);
}
}
.vodnik__eno {
margin: 0;
}
.vodnik__povezava {
display: flex;
flex-direction: column;
gap: 0.375rem;
height: 100%;
min-height: 3.5rem;
padding: 1.125rem 1.25rem;
box-sizing: border-box;
border: 2px solid var(--h-crta);
border-radius: var(--h-kartica);
background: #fff;
color: var(--wp--preset--color--besedilo);
text-decoration: none;
transition: border-color var(--h-gib) var(--h-krivulja), background var(--h-gib) var(--h-krivulja);
}
.vodnik__povezava:hover,
.vodnik__povezava:focus-visible {
border-color: var(--h-glavna);
background: var(--h-mehko);
}
.vodnik__ime {
color: var(--h-glavna);
font-weight: 700;
font-size: var(--wp--preset--font-size--srednja);
line-height: 1.3;
}
.vodnik__opis {
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
line-height: 1.45;
}
.vodnik__eno.je-izbrana .vodnik__povezava {
border-color: var(--h-glavna);
background: var(--h-mehko);
}
.vodnik__eno.je-izbrana .vodnik__ime::after {
content: "";
display: block;
width: 2.25rem;
height: 3px;
margin-top: 0.375rem;
border-radius: 2px;
background: var(--h-oranzna);
}
.trgovina-noga {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 2rem;
max-width: var(--h-sirina-stran);
margin: 0 auto;
padding: 2rem var(--h-rob) 3rem;
box-sizing: border-box;
border-top: 1px solid var(--h-crta);
font-size: var(--wp--preset--font-size--mala);
}
.trgovina-noga a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
color: var(--h-glavna);
}
.blagajna-pot {
margin: 0 0 1.25rem;
font-size: var(--wp--preset--font-size--mala);
}
.blagajna-pot a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
color: var(--h-glavna);
}
.kosarica-nazaj__pripis {
margin: 0.75rem 0 0;
font-size: var(--wp--preset--font-size--mala);
}
.kosarica-nazaj__pripis a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
color: var(--h-glavna);
}
#ship-to-different-address {
display: flex;
align-items: center;
gap: 0.625rem;
min-height: 2.75rem;
margin: 1rem 0 0;
font-size: var(--wp--preset--font-size--srednja);
}
#ship-to-different-address label {
display: flex;
align-items: center;
gap: 0.625rem;
min-height: 2.75rem;
margin: 0;
color: var(--h-glavna);
font-weight: 600;
cursor: pointer;
}
#ship-to-different-address input[type="checkbox"] {
width: 1.5rem;
height: 1.5rem;
accent-color: var(--h-glavna);
flex: none;
}
.stran-telo__besedilo ul:not(.glasila):has(> li > a[href$=".pdf"]) {
margin: 0;
padding: 0;
list-style: none;
}
.stran-telo__besedilo ul:not(.glasila):has(> li > a[href$=".pdf"]) > li {
margin: 0;
border-top: 1px solid var(--h-crta);
}
.stran-telo__besedilo ul:not(.glasila):has(> li > a[href$=".pdf"]) > li:last-child {
border-bottom: 1px solid var(--h-crta);
}
.stran-telo__besedilo a[href$=".pdf"]:not(.wp-block-button__link) {
display: block;
position: relative;
min-height: 2.75rem;
padding: 0.6875rem 0.25rem 0.6875rem 2rem;
box-sizing: border-box;
color: var(--h-glavna);
font-weight: 600;
text-decoration-color: var(--h-oranzna);
text-decoration-thickness: 2px;
text-underline-offset: 0.25em;
}
.stran-telo__besedilo a[href$=".pdf"]:not(.wp-block-button__link)::before {
content: "";
position: absolute;
left: 0.25rem;
top: 0.8125rem;
width: 1.125rem;
height: 1.375rem;
background-color: var(--h-topla);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 22'%3E%3Cpath d='M2 0h9l5 5v17H2z' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M11 0v5h5' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M5 11h8M5 15h8' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 22'%3E%3Cpath d='M2 0h9l5 5v17H2z' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M11 0v5h5' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M5 11h8M5 15h8' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center / contain;
}
.stran-telo__besedilo a[href$=".pdf"]:not(.wp-block-button__link):hover,
.stran-telo__besedilo a[href$=".pdf"]:not(.wp-block-button__link):focus-visible {
background: var(--h-mehko);
}
.stran-telo__besedilo a[href$=".pdf"]:not(.wp-block-button__link) {
line-height: 1.4;
}
.podpri-gumb {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
min-height: 2.75rem;
padding: 0.625rem 1.125rem;
box-sizing: border-box;
border: 2px solid transparent;
border-radius: var(--h-gumb);
background: var(--h-oranzna);
color: var(--h-glavna);
font-weight: 700;
line-height: 1.3;
text-decoration: none;
white-space: nowrap;
}
.podpri-gumb__srce {
flex: none;
width: 1.125rem;
height: 1.125rem;
fill: currentColor;
}
.podpri-gumb:hover,
.podpri-gumb:focus-visible {
background: #E07B10;
color: var(--h-glavna);
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 0.25em;
}
.meni__podpri {
display: none;
}
@media (max-width: 63.99rem) {
.glava__podpri {
display: none;
}
.meni__podpri {
display: block;
margin-bottom: 0.5rem;
}
.meni > li.meni__podpri + li {
border-top: 0;
}
.meni a.podpri-gumb--meni {
display: flex;
width: 100%;
min-height: 3rem;
padding: 0.625rem 1.125rem;
background: var(--h-oranzna);
color: var(--h-glavna);
font-size: var(--wp--preset--font-size--srednja);
font-weight: 700;
text-decoration: none;
}
.meni a.podpri-gumb--meni:hover,
.meni a.podpri-gumb--meni:focus-visible {
background: #E07B10;
color: var(--h-glavna);
text-decoration: underline;
text-decoration-color: currentColor;
text-decoration-thickness: 2px;
text-underline-offset: 0.25em;
}
}
.meni__tiho--kosarica:empty,
.meni__tiho--kosarica:has(> .glava__kosarica-mesto) {
display: none;
}
@media (min-width: 64rem) {
.meni__tiho {
display: none;
}
}
.dokaz__gumb {
margin-top: var(--wp--preset--spacing--60);
}
.dokaz__gumb-pojasnilo {
margin: 0.625rem 0 0;
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
max-width: 42rem;
}
.spremljevalec {
margin: 0 0 var(--wp--preset--spacing--70);
}
.spremljevalec [hidden] {
display: none !important;
}
.spremljevalec__vabilo-besedilo {
max-width: 42rem;
margin: 0;
font-size: var(--wp--preset--font-size--srednja);
font-weight: 600;
color: var(--h-glavna);
}
.spremljevalec__povezave {
margin: 1rem 0 0;
padding: 0;
list-style: none;
}
.spremljevalec__povezave li {
margin: 0.375rem 0;
}
.spremljevalec__vabilo {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem 1.5rem;
padding: 1.5rem;
border: 2px solid var(--h-crta);
border-radius: var(--h-kartica);
background: var(--h-mehko);
}
.spremljevalec__okvir {
padding: 1.5rem;
border: 2px solid var(--h-crta);
border-radius: var(--h-kartica);
background: var(--h-mehko);
}
@media (min-width: 48rem) {
.spremljevalec__vabilo,
.spremljevalec__okvir {
padding: 2rem;
}
}
.spremljevalec__napredek {
margin: 0 0 0.75rem;
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
color: var(--h-tiho);
letter-spacing: 0.02em;
}
.sprem-korak:not([hidden]) {
animation: sprem-vstop var(--h-gib) var(--h-krivulja) 1;
}
@keyframes sprem-vstop {
from { opacity: 0; transform: translateY(6px); }
to   { opacity: 1; transform: none; }
}
.sprem-vprasanje {
margin: 0 0 1.5rem;
padding: 0;
border: 0;
min-width: 0;
}
.sprem-vprasanje__naslov {
margin: 0 0 1rem;
font-size: var(--wp--preset--font-size--velika);
color: var(--h-glavna);
}
[data-sprem-naslov]:focus:not(:focus-visible) {
outline: none;
}
.sprem-izbire {
display: grid;
grid-template-columns: 1fr;
gap: 0.75rem;
}
@media (min-width: 40rem) {
.sprem-izbire {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.sprem-izbira {
display: flex;
align-items: center;
gap: 0.75rem;
width: 100%;
min-height: 3.25rem;
padding: 0.75rem 1rem;
border: 2px solid var(--h-crta);
border-radius: var(--h-gumb);
background: #fff;
color: inherit;
font: inherit;
font-size: var(--wp--preset--font-size--osnovna);
text-align: left;
cursor: pointer;
transition: border-color var(--h-gib) var(--h-krivulja), background-color var(--h-gib) var(--h-krivulja);
}
.sprem-izbira:hover {
border-color: var(--h-glavna);
}
.sprem-izbira[aria-pressed="true"] {
border-color: var(--h-glavna);
background: var(--h-toplo);
font-weight: 600;
}
.sprem-izbira__znak {
position: relative;
flex: none;
width: 1.25rem;
height: 1.25rem;
border: 2px solid var(--h-glavna);
border-radius: 50%;
background: #fff;
}
.sprem-izbira[aria-pressed="true"] .sprem-izbira__znak {
background: var(--h-glavna);
}
.sprem-izbira[aria-pressed="true"] .sprem-izbira__znak::after {
content: "";
position: absolute;
left: 0.3125rem;
top: 0.0625rem;
width: 0.25rem;
height: 0.5rem;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.sprem-opomba-tiha {
margin: 0 0 1.25rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.sprem-krmilo {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem 1rem;
margin-top: 1.25rem;
}
.sprem-gumb {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.75rem;
padding: 0.5rem 1.25rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-gumb);
background: var(--h-glavna);
color: #fff;
font: inherit;
font-weight: 600;
cursor: pointer;
transition: background-color var(--h-gib) var(--h-krivulja), border-color var(--h-gib) var(--h-krivulja), color var(--h-gib) var(--h-krivulja);
}
.sprem-gumb:hover {
background: var(--h-glavna-temna);
border-color: var(--h-glavna-temna);
}
.sprem-gumb--tiho {
background: transparent;
border-color: transparent;
color: var(--h-glavna);
padding-inline: 0.5rem;
text-decoration: underline;
text-underline-offset: 0.2em;
}
.sprem-gumb--tiho:hover {
background: transparent;
border-color: transparent;
color: var(--h-glavna-temna);
text-decoration-thickness: 2px;
}
.sprem-korak--kraj .iskalnik {
margin-bottom: 0.75rem;
}
.sprem-odziv {
margin: 0 0 0.5rem;
color: var(--h-glavna);
font-weight: 600;
}
.sprem-odziv--vec {
font-weight: 400;
padding-left: 0.875rem;
border-left: 4px solid var(--h-oranzna);
}
.sprem-izid__naslov {
margin: 0 0 1rem;
font-size: var(--wp--preset--font-size--xl);
color: var(--h-glavna);
}
.sprem-izid__telo p {
max-width: 42rem;
margin: 0 0 0.75rem;
}
.sprem-izid__dejstvo {
font-weight: 600;
color: var(--h-glavna);
}
.sprem-izid__opomba {
max-width: 42rem;
margin: 0 0 1rem;
padding-left: 0.875rem;
border-left: 4px solid var(--h-oranzna);
}
.sprem-izid__povezave {
margin: 1rem 0 1.5rem;
padding: 0;
list-style: none;
}
.sprem-izid__povezave li {
margin: 0.375rem 0;
}
.sprem-odbor {
margin: 0 0 0.75rem;
padding: 1.5rem 1.375rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-kartica);
background: #fff;
}
.sprem-odbor__ime {
margin: 0 0 0.5rem;
font-size: var(--wp--preset--font-size--velika);
color: var(--h-glavna);
}
.sprem-odbor__telefoni,
.sprem-odbor__posta {
margin: 0;
padding: 0;
list-style: none;
}
.sprem-odbor__telefoni li {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 0.625rem;
margin: 0;
}
.sprem-odbor__tel {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
font-size: 1.625rem;
font-weight: 700;
letter-spacing: 0.01em;
white-space: nowrap;
color: var(--h-glavna);
text-decoration: none;
}
.sprem-odbor__tel:hover,
.sprem-odbor__tel:focus-visible {
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-decoration-thickness: 3px;
text-underline-offset: 0.2em;
}
.sprem-odbor__posta {
margin-top: 0.5rem;
}
.sprem-odbor__naslov {
margin: 0.5rem 0 0;
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
}
.sprem-odbor__pripis,
.sprem-odbor__brez {
margin: 0 0 1.5rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.sprem-klic {
margin: 0 0 1.5rem;
}
.sprem-klic__naslov {
margin: 0 0 0.75rem;
font-size: var(--wp--preset--font-size--srednja);
color: var(--h-glavna);
}
.sprem-klic__koraki {
margin: 0;
padding: 0;
list-style: none;
counter-reset: sprem-stevec;
}
.sprem-klic__koraki li {
position: relative;
margin: 0 0 0.75rem;
padding-left: 2.75rem;
max-width: 42rem;
counter-increment: sprem-stevec;
}
.sprem-klic__koraki li::before {
content: counter(sprem-stevec);
position: absolute;
left: 0;
top: -0.125rem;
display: grid;
place-items: center;
width: 2rem;
height: 2rem;
border-radius: 50%;
background: var(--h-oranzna);
color: var(--h-glavna);
font-weight: 700;
line-height: 1;
}
.sprem-zasebnost {
margin: 0 0 1rem;
padding: 1.125rem 1.25rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
background: #fff;
}
.sprem-zasebnost__besedilo {
margin: 0 0 0.75rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
max-width: 42rem;
}
.sprem-zasebnost__stikalo {
margin: 0 0 0.5rem;
}
.sprem-zasebnost__stikalo label {
display: flex;
align-items: center;
gap: 0.625rem;
min-height: 2.75rem;
cursor: pointer;
}
.sprem-zasebnost__stikalo input {
width: 1.25rem;
height: 1.25rem;
margin: 0;
accent-color: var(--h-glavna);
}
.sprem-zasebnost__gumbi {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 1rem;
}
.na-vrh[hidden] {
display: none !important;
}
.na-vrh {
position: fixed;
left: 1rem;
right: auto;
bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
z-index: 30;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.375rem;
min-width: 2.75rem;
min-height: 2.75rem;
padding: 0.5rem 1rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-gumb);
background: #fff;
color: var(--h-glavna);
font: inherit;
font-weight: 600;
cursor: pointer;
}
.na-vrh:hover,
.na-vrh:focus-visible {
background: var(--h-mehko);
}
@media (max-width: 29.9375rem) {
.na-vrh {
left: auto;
right: 1rem;
bottom: calc(1rem + 4rem + 1rem + env(safe-area-inset-bottom, 0px));
width: 2.75rem;
height: 2.75rem;
min-width: 0;
min-height: 0;
padding: 0;
gap: 0;
}
.na-vrh__napis {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
}
.znak-podpore[hidden],
.znak-podpore [hidden] {
display: none !important;
}
.znak-podpore {
position: fixed;
right: 1rem;
bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
z-index: 40;
display: flex;
flex-direction: column-reverse;
align-items: flex-end;
gap: 0.625rem;
}
.znak-podpore__gumb {
display: inline-flex;
align-items: center;
gap: 0.5rem;
min-width: 3.5rem;
min-height: 3.5rem;
padding: 0.625rem;
border: 2px solid var(--h-glavna);
border-radius: 999px;
background: #fff;
color: var(--h-glavna);
font: inherit;
font-weight: 700;
line-height: 1.2;
cursor: pointer;
box-shadow: 0 2px 6px rgba(56, 28, 84, 0.18), 0 10px 24px rgba(56, 28, 84, 0.16);
transition: background-color var(--h-gib) var(--h-krivulja);
}
.znak-podpore__gumb:hover {
background: var(--h-toplo);
}
.znak-podpore__znak {
flex: none;
width: 1.875rem;
height: 1.875rem;
border-radius: 0;
}
.znak-podpore__napis {
--napis-sirina: 17rem;
max-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
opacity: 0;
transition: max-width var(--h-gib) var(--h-krivulja), opacity var(--h-gib) var(--h-krivulja);
}
@media (max-width: 47.9375rem) {
.znak-podpore__napis {
--napis-sirina: 6rem;
}
}
.znak-podpore.je-odprt .znak-podpore__napis,
.znak-podpore.je-siroko .znak-podpore__napis {
max-width: var(--napis-sirina);
padding-right: 0.5rem;
opacity: 1;
}
.znak-podpore--roke .znak-podpore__znak {
width: 2.5rem;
height: 2.5rem;
transform-origin: 50% 60%;
}
.znak-podpore--roke.je-pomahal .znak-podpore__znak {
animation: roke-zibaj 0.8s var(--h-krivulja) 3;
}
.znak-podpore--roke.je-pomahal .znak-podpore__gumb {
animation: znak-vdih 2.4s var(--h-krivulja) 1;
}
@keyframes roke-zibaj {
0%   { transform: rotate(0deg) translateY(0); }
30%  { transform: rotate(-9deg) translateY(-2px); }
65%  { transform: rotate(7deg) translateY(-1px); }
100% { transform: rotate(0deg) translateY(0); }
}
.znak-podpore.je-vdihnil .znak-podpore__gumb {
animation: znak-vdih 1.2s var(--h-krivulja) 1;
}
@keyframes znak-vdih {
0%   { transform: scale(1); }
50%  { transform: scale(1.06); }
100% { transform: scale(1); }
}
.znak-podpore__kartica {
width: min(20rem, calc(100vw - 2rem));
padding: 1.25rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-kartica);
background: #fff;
box-shadow: 0 2px 6px rgba(56, 28, 84, 0.18), 0 12px 32px rgba(56, 28, 84, 0.18);
}
.znak-podpore__besedilo {
margin: 0 0 0.875rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.znak-podpore__poti {
margin: 0 0 0.875rem;
padding: 0;
list-style: none;
}
.znak-podpore__poti li {
margin: 0 0 0.5rem;
}
.znak-podpore__poti a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
font-weight: 600;
}
.znak-podpore__pripis {
display: block;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.znak-podpore__zapri {
min-height: 2.75rem;
padding: 0 1rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-gumb);
background: transparent;
color: var(--h-glavna);
font: inherit;
font-weight: 600;
cursor: pointer;
}
.znak-podpore__zapri:hover {
background: var(--h-mehko);
}
.kartica__slika img {
transition: transform var(--h-gib) var(--h-krivulja);
}
.kartica:hover .kartica__slika img,
.kartica:focus-within .kartica__slika img {
transform: scale(1.03);
}
.naslov-sekcije.se-izrise::after {
transform: scaleX(0);
transform-origin: left center;
transition: transform var(--h-gib) var(--h-krivulja);
}
.naslov-sekcije.se-izrise.je-izrisan::after {
transform: scaleX(1);
}
body.je-noc .uvod {
background: var(--h-glavna-temna);
}
body.je-noc .uvod__slika img {
filter: brightness(0.5) saturate(0.85);
}
.noc {
margin: 0 0 1.75rem;
padding: 1.125rem 1.25rem;
border-left: 4px solid var(--h-oranzna);
border-radius: 0 var(--h-kartica) var(--h-kartica) 0;
background: rgba(255, 255, 255, 0.08);
}
.noc > * {
margin: 0;
}
.noc__oznaka {
margin-bottom: 0.5rem;
font-size: var(--wp--preset--font-size--mala);
color: #fff;
}
.noc__besedilo {
font-size: var(--wp--preset--font-size--velika);
font-weight: 600;
color: #fff;
}
.noc__poti {
margin-top: 0.625rem;
color: #fff;
}
.noc__poti a {
color: #fff;
text-decoration-thickness: 2px;
text-underline-offset: 0.2em;
}
.glava__kosarica-znak {
position: relative;
display: inline-flex;
flex: none;
}
.glava__kosarica-stevec {
position: absolute;
top: -0.5rem;
right: -0.5rem;
min-width: 1.125rem;
height: 1.125rem;
padding: 0 0.25rem;
border: 2px solid #fff;
font-size: 0.6875rem;
line-height: 1;
}
.odgovor--vec {
font-size: var(--wp--preset--font-size--srednja);
color: var(--h-glavna);
}
.mediji-trak {
display: flex;
flex-wrap: wrap;
gap: 0.375rem 1.75rem;
margin: 0 0 var(--wp--preset--spacing--70);
padding: 0;
list-style: none;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.mediji-mreza {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1.75rem;
}
@media (min-width: 40rem) {
.mediji-mreza {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.mediji-mreza {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.medij {
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid var(--h-obroba);
border-radius: var(--h-kartica);
background: #fff;
box-shadow: 0 10px 24px rgba(56, 28, 84, 0.07);
}
.medij__slika img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.medij__telo {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: 1.25rem 1.25rem 1.375rem;
}
.medij__oznake {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.375rem 0.625rem;
margin: 0 0 0.5rem;
font-size: var(--wp--preset--font-size--mala);
}
.medij__ime {
font-weight: 700;
color: var(--h-glavna);
}
.medij__vrsta {
padding: 0.125rem 0.5rem;
border-radius: var(--h-gumb);
background: var(--h-toplo);
color: var(--h-glavna);
}
.medij__naslov {
margin: 0 0 0.5rem;
font-size: var(--wp--preset--font-size--srednja);
line-height: 1.35;
}
.medij__naslov a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
}
.medij__datum {
margin: 0 0 0.75rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.medij__izvlecek {
margin: 0 0 1rem;
font-size: var(--wp--preset--font-size--mala);
line-height: 1.6;
}
.medij__povezava {
margin: auto 0 0;
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
}
.medij__povezava a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
}
.mediji-filter {
margin-bottom: var(--wp--preset--spacing--70);
}
.mediji-filter ul {
display: flex;
flex-wrap: wrap;
gap: 0.625rem;
margin: 0;
padding: 0;
list-style: none;
}
.mediji-filter a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
padding: 0 1.125rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-gumb);
color: var(--h-glavna);
font-weight: 600;
text-decoration: none;
}
.mediji-filter a:hover {
background: var(--h-toplo);
}
.mediji-filter a[aria-current] {
background: var(--h-glavna);
color: #fff;
}
.mediji-leto {
margin: var(--wp--preset--spacing--80) 0 var(--wp--preset--spacing--60);
font-size: var(--wp--preset--font-size--xl);
color: var(--h-glavna);
}
.mediji-leto:first-of-type {
margin-top: 0;
}
.mediji-prazno {
margin: 0;
}
.mediji-vrstice {
display: flex;
flex-direction: column;
margin: 0 0 var(--wp--preset--spacing--70);
padding: 0;
list-style: none;
}
.medij--vrstica {
display: flex;
align-items: flex-start;
gap: 1rem;
padding: 0.875rem 0;
border-top: 1px solid var(--h-crta);
}
.medij--vrstica:first-child {
border-top: 0;
padding-top: 0;
}
.medij--vrstica__slika {
display: block;
flex: none;
width: 5.5rem;
overflow: hidden;
border-radius: var(--h-kartica-mala, 0.5rem);
}
.medij--vrstica__slika img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.medij--vrstica__telo {
display: block;
min-width: 0;
}
.medij--vrstica__naslov {
display: block;
margin: 0.25rem 0;
font-size: var(--wp--preset--font-size--osnovna);
font-weight: 600;
line-height: 1.35;
}
.medij--vrstica__naslov a {
display: inline-flex;
align-items: center;
min-height: 2.75rem; 
color: var(--h-glavna);
}
.medij--vrstica__datum {
display: block;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
@media (min-width: 30rem) {
.medij--vrstica__slika {
width: 6.5rem;
}
}
.znak-podpore--levcek .znak-podpore__gumb {
width: 5.5rem;    
height: 5.5rem;
min-width: 0;
min-height: 0;
padding: 0.25rem;
justify-content: center;
background: #fff;
border-width: 2px;
}
@media (max-width: 29.99rem) {
.znak-podpore--levcek .znak-podpore__gumb {
width: 4.5rem; 
height: 4.5rem;
}
}
.znak-podpore__risba {
display: block;
width: 100%;
height: auto;
}
.znak-podpore__risba svg {
display: block;
width: 100%;
height: auto;
overflow: visible;
}
.znak-podpore__oblacek {
position: relative;
max-width: min(15rem, calc(100vw - 2.5rem));
margin: 0;
padding: 0.625rem 0.875rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-kartica);
background: #fff;
color: var(--h-glavna);
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
line-height: 1.35;
box-shadow: 0 2px 6px rgba(56, 28, 84, 0.16), 0 10px 24px rgba(56, 28, 84, 0.14);
}
.znak-podpore__oblacek::after {
content: "";
position: absolute;
right: 1.75rem;
bottom: -0.5rem;
width: 0.875rem;
height: 0.875rem;
transform: rotate(45deg);
border-right: 2px solid var(--h-glavna);
border-bottom: 2px solid var(--h-glavna);
background: #fff;
}
.znak-podpore.je-pomahal .levcek__sapa {
transform-box: view-box;
transform-origin: 98px 53px;
animation: levcek-maha 0.8s var(--h-krivulja) 3;
}
.znak-podpore.je-pomahal .levcek__glava {
transform-box: view-box;
transform-origin: 54px 68px;
animation: levcek-nagne 2.4s var(--h-krivulja) 1;
}
@keyframes levcek-maha {
0%   { transform: rotate(0deg); }
25%  { transform: rotate(-16deg); }
70%  { transform: rotate(18deg); }
100% { transform: rotate(0deg); }
}
@keyframes levcek-nagne {
0%   { transform: rotate(0deg); }
40%  { transform: rotate(-4deg); }
80%  { transform: rotate(2deg); }
100% { transform: rotate(0deg); }
}
.napisi {
display: grid;
grid-template-columns: 1fr;
gap: 0.875rem;
margin: 0;
padding: 0;
list-style: none;
}
.napis {
position: relative;
margin: 0;
padding: 0.875rem 1.125rem 0.9375rem 3rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
background: #fff;
line-height: 1.5;
}
.napis::before {
content: "";
position: absolute;
left: 1.125rem;
top: 1.3125rem;
width: 0.875rem;
height: 0.875rem;
border-radius: 3px;
background: var(--h-oranzna);
}
.napis strong,
.napis__naslov {
display: block;
margin-bottom: 0.25rem;
color: var(--h-glavna);
font-weight: 700;
}
.napisi--drobni {
gap: 0.375rem;
font-size: var(--wp--preset--font-size--mala);
}
.napisi--drobni .napis {
padding: 0.5625rem 0.9375rem 0.625rem 2.5rem;
line-height: 1.45;
}
.napisi--drobni .napis::before {
left: 0.875rem;
top: 0.875rem;
width: 0.75rem;
height: 0.75rem;
}
.sekcija--bela .napis {
background: var(--h-mehko);
border-color: transparent;
}
.napis--nacionalna::before {
background: var(--h-glavna);
}
.napis--lokalna::before {
background: var(--h-topla);
}
.napis__raven {
display: block;
margin-bottom: 0.25rem;
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
}
.napis--nacionalna .napis__raven {
color: var(--h-glavna);
}
.napis--lokalna .napis__raven {
color: var(--h-topla-temna);
}
@media (min-width: 40rem) {
.napisi {
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
}
@media (min-width: 64rem) {
.napisi--tri {
grid-template-columns: repeat(3, 1fr);
}
.napisi--stiri {
grid-template-columns: repeat(4, 1fr);
}
}
.napisi.napisi--stolpec {
grid-template-columns: 1fr;
}
.vec {
margin-top: 1.25rem;
font-size: var(--wp--preset--font-size--mala);
}
.vec > summary {
display: inline-flex;
align-items: center;
gap: 0.5rem;
min-height: 2.75rem;
padding: 0.25rem 0.25rem;
list-style: none;
cursor: pointer;
color: var(--h-glavna);
font-weight: 600;
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-underline-offset: 0.25em;
}
.vec > summary::-webkit-details-marker {
display: none;
}
.vec > summary::after {
content: "";
flex: none;
width: 0.5rem;
height: 0.5rem;
margin-top: -0.25rem;
border-right: 2px solid var(--h-glavna);
border-bottom: 2px solid var(--h-glavna);
transform: rotate(45deg);
transition: transform var(--h-gib) var(--h-krivulja);
}
.vec[open] > summary::after {
margin-top: 0.125rem;
transform: rotate(-135deg);
}
.vec > :not(summary) {
max-width: 42rem;
margin: 0.25rem 0 0;
padding: 0 0.25rem;
animation: h-pojavi var(--h-gib) var(--h-krivulja);
}
.vec > ul:not(summary) {
padding-left: 1.25rem;
}
.vec.financerji {
margin-top: var(--wp--preset--spacing--60);
padding-top: var(--wp--preset--spacing--50);
border-top: 1px solid var(--h-crta);
}
.financerji > :not(summary) {
max-width: none;
}
.dokaz__stolpec .naslov-podrazdelka {
margin-bottom: 1rem;
}
.ob-sliki__slika img,
.sekcija__pas img,
.zgodba__slika img,
.telo-pas img,
.telo-ob__slika img,
.novica-glava__slika img,
.trgovina-glava__slika img {
border-radius: var(--h-kartica);
box-shadow: var(--h-foto-senca);
}
.stran-telo__besedilo > ul.wp-block-list.napisi {
max-width: 42rem;
padding-left: 0;
}
.stran-telo__besedilo ul.wp-block-list.napisi li.napis {
padding: 0.875rem 1.125rem 0.9375rem 3rem;
}
.stran-telo__besedilo ul.wp-block-list.napisi li.napis + li.napis {
margin-top: 0;
}
.odbori-vsi {
margin-top: var(--wp--preset--spacing--50);
border-top: 1px solid var(--h-crta);
}
.odbori-vsi > summary {
display: flex;
align-items: center;
gap: 0.625rem;
min-height: 3rem;
padding: 0.75rem 0.25rem;
list-style: none;
cursor: pointer;
color: var(--h-glavna);
font-size: var(--wp--preset--font-size--srednja);
font-weight: 600;
}
.odbori-vsi > summary::-webkit-details-marker {
display: none;
}
.odbori-vsi > summary::after {
content: "";
flex: none;
width: 0.625rem;
height: 0.625rem;
margin-top: -0.3125rem;
border-right: 3px solid var(--h-oranzna);
border-bottom: 3px solid var(--h-oranzna);
transform: rotate(45deg);
transition: transform var(--h-gib) var(--h-krivulja);
}
.odbori-vsi[open] > summary::after {
margin-top: 0.1875rem;
transform: rotate(-135deg);
}
.odbori-vsi > summary:hover {
color: var(--h-glavna-temna);
}
.odbori-vsi > .odbori {
margin-top: 0.5rem;
animation: h-pojavi var(--h-gib) var(--h-krivulja);
}
@media (min-width: 56.25rem) {
.ob-sliki--ozka-slika {
grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
}
.ob-sliki--slika-desno {
align-items: start;
}
.ob-sliki--slika-desno > .ob-sliki__slika {
order: 2;
}
.ob-sliki--slika-desno > .ob-sliki__besedilo {
order: 1;
}
}
@media (min-width: 56.25rem) {
#vprasanja .ob-sliki__slika.je-ob-besedilu {
align-self: stretch;
position: relative;
overflow: hidden;
}
#vprasanja .ob-sliki__slika.je-ob-besedilu img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
aspect-ratio: auto;
}
}
.stran-telo--samo-besedilo .stran-telo__besedilo > .priznanja,
.stran-telo--samo-besedilo .stran-telo__besedilo > .priznanje-uvod-foto {
max-width: none;
}
.stran-telo--samo-besedilo .stran-telo__besedilo > ul.wp-block-list.napisi.napisi--priznanja {
max-width: none;
}
.sekcija--priznanja .sekcija__pas {
margin-bottom: var(--wp--preset--spacing--60);
}
.priznanja {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin: 0;
padding: 0;
list-style: none;
}
.priznanje {
margin: 0;
padding: 1.25rem 1.375rem 1.375rem;
border: 1px solid #EBD9C0;
border-left-width: 0.3125rem;
border-radius: var(--h-kartica);
background: #fff;
}
.stran-telo--samo-besedilo .priznanja {
align-items: start;
gap: 1.25rem;
}
.stran-telo--samo-besedilo .priznanje {
padding: 1.5rem 1.625rem 1.625rem;
}
.stran-telo--samo-besedilo .priznanje__leto {
gap: 0.625rem;
font-size: clamp(2rem, 1.55rem + 1.9vw, 2.875rem);
}
.stran-telo--samo-besedilo .priznanje__naziv {
margin-top: 0.875rem;
}
.priznanje--nacionalna {
border-left-color: var(--h-glavna);
}
.priznanje--lokalna {
border-left-color: var(--h-topla);
}
.priznanja-stevila {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
margin: 0 0 var(--wp--preset--spacing--50) 0;
padding: 0;
list-style: none;
}
.priznanje-stevilo {
margin: 0;
padding: 1rem 1.125rem;
border-radius: var(--h-kartica);
background: var(--h-mehko);
text-align: center;
}
.priznanje-stevilo__broj {
display: block;
font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.375rem);
font-weight: 700;
line-height: 1;
color: var(--h-glavna);
}
.priznanje-stevilo__oznaka {
display: block;
margin-top: 0.375rem;
font-size: var(--wp--preset--font-size--mala);
line-height: 1.4;
color: var(--h-tiho);
}
.stran-telo--samo-besedilo .stran-telo__besedilo > .priznanja-foto {
max-width: none;
}
.priznanja-foto {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1rem;
margin: var(--wp--preset--spacing--60) 0 0 0;
padding: 0;
list-style: none;
}
.priznanje-foto {
margin: 0;
}
.priznanje-foto__slika {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: var(--h-kartica);
}
.priznanje-foto__opis {
margin: 0.5rem 0 0 0;
font-size: var(--wp--preset--font-size--mala);
line-height: 1.5;
color: var(--h-tiho);
}
.priznanje-uvod-foto {
margin: 0 0 var(--wp--preset--spacing--50) 0;
}
.priznanje-uvod-foto__slika {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: var(--h-kartica);
box-shadow: var(--h-foto-senca);
}
.priznanje-uvod-foto figcaption {
margin-top: 0.625rem;
font-size: var(--wp--preset--font-size--mala);
line-height: 1.5;
color: var(--h-tiho);
}
@media (min-width: 40rem) {
.priznanja-stevila {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 48rem) {
.priznanja-foto {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 80rem) {
.priznanja-foto {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.priznanja-foto.priznanja-foto--ena {
grid-template-columns: minmax(0, 26rem);
}
@media (min-width: 48rem) {
.napisi--priznanja {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 80rem) {
.napisi--priznanja {
grid-template-columns: repeat(3, 1fr);
}
}
.priznanje > * {
margin: 0;
}
.priznanje__leto {
display: flex;
align-items: center;
gap: 0.5rem;
color: var(--h-glavna);
font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.375rem);
font-weight: 700;
line-height: 1;
letter-spacing: -0.01em;
}
.priznanje__znak {
flex: none;
width: 1.75rem;
height: 1.75rem;
color: var(--h-oranzna);
}
.priznanje__naziv {
margin-top: 0.625rem;
font-size: var(--wp--preset--font-size--osnovna);
font-weight: 700;
line-height: 1.4;
color: var(--h-glavna);
}
.priznanje__vir {
margin-top: 0.375rem;
font-size: var(--wp--preset--font-size--mala);
line-height: 1.5;
color: var(--h-tiho);
}
.naslov-podrazdelka--peceti {
margin-top: var(--wp--preset--spacing--60);
margin-bottom: 1rem;
}
.peceti {
display: grid;
grid-template-columns: 1fr;
gap: 0.75rem;
margin: 0;
padding: 0;
list-style: none;
}
.pecat {
position: relative;
margin: 0;
padding-left: 4.5rem;
min-height: 3.25rem;
}
.pecat > * {
margin: 0;
}
.pecat__leto {
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
width: 3.5rem;
height: 3.5rem;
border: 2px solid var(--h-oranzna);
border-radius: 50%;
color: var(--h-glavna);
font-size: var(--wp--preset--font-size--mala);
font-weight: 700;
letter-spacing: 0.01em;
}
.pecat__naziv {
font-size: var(--wp--preset--font-size--osnovna);
font-weight: 600;
line-height: 1.4;
color: var(--h-glavna);
}
.pecat__vir {
margin-top: 0.1875rem;
font-size: var(--wp--preset--font-size--mala);
line-height: 1.45;
color: var(--h-tiho);
}
@media (min-width: 40rem) {
.priznanja {
grid-template-columns: repeat(2, 1fr);
gap: 1.25rem;
}
.stran-telo--samo-besedilo .priznanja {
gap: 1.5rem;
}
.peceti {
grid-template-columns: repeat(2, 1fr);
gap: 1rem 2rem;
}
}
@media (min-width: 68rem) {
.priznanja {
grid-template-columns: repeat(4, 1fr);
}
.stran-telo--samo-besedilo .priznanja {
grid-template-columns: repeat(2, 1fr);
gap: 1.75rem;
}
.peceti {
grid-template-columns: repeat(4, 1fr);
}
}
.izobrazujemo {
max-width: 34rem;
margin-top: var(--wp--preset--spacing--60);
}
.izobrazujemo__povezava {
margin-top: 0.75rem;
font-weight: 600;
}
.glasila {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
grid-auto-flow: dense;
gap: 1.25rem;
margin: 0;
padding: 0;
list-style: none;
}
@media (min-width: 48rem) {
.glasila {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1.5rem;
}
}
@media (min-width: 70rem) {
.glasila {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
.glasilo {
margin: 0;
}
@media (min-width: 48rem) {
.glasilo--najnovejsa {
grid-column: span 2;
grid-row: span 2;
}
}
.stran-telo__besedilo .glasila a[href$=".pdf"]::before {
content: none;
}
.stran-telo__besedilo .glasila a[href$=".pdf"] {
display: revert;
padding: 0;
}
.glasilo {
display: flex;
flex-direction: column;
height: 100%;
min-height: 0;
overflow: hidden;
border: 1px solid #E6DFEE;
border-radius: var(--h-kartica);
background: #fff;
box-shadow: 0 1px 2px rgba(56, 28, 84, 0.05), 0 10px 28px rgba(56, 28, 84, 0.07);
transition: transform var(--h-gib) var(--h-krivulja), box-shadow var(--h-gib) var(--h-krivulja);
}
.glasilo:has(.glasilo__povezava:hover),
.glasilo:has(.glasilo__povezava:focus-visible),
.glasilo:has(.glasilo__naziv:hover),
.glasilo:has(.glasilo__naziv:focus-visible) {
transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(56, 28, 84, 0.14);
}
.glasilo__povezava {
display: block;
cursor: zoom-in;
}
.glasilo__povezava:focus-visible,
.glasilo__naziv:focus-visible {
outline: 3px solid var(--h-glavna);
outline-offset: 3px;
}
.glasilo__okvir {
display: flex;
align-items: flex-end;
justify-content: center;
aspect-ratio: 3 / 4;
overflow: hidden;
background: var(--h-mehko);
}
.glasilo__slika {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.glasilo__besedilo {
display: block;
min-width: 0;
padding: 0.875rem 1rem 1rem;
}
.glasilo__naziv {
display: block;
font-size: var(--wp--preset--font-size--osnovna);
font-weight: 700;
color: var(--h-glavna);
text-decoration: none;
}
.glasilo__naziv:hover,
.glasilo__naziv:focus-visible {
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-decoration-thickness: 2px;
}
.glasilo__velikost {
display: block;
margin-top: 0.375rem;
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
}
.stran-telo--polna-sirina .stran-telo__besedilo > .glasila {
max-width: none;
}
.stran-telo__besedilo > .glasila {
margin-top: 3.5rem;
}
body.ima-prototip-polica .stran-telo__besedilo > .glasila {
display: none;
}
.aktualno {
background: var(--h-mehko);
border-top: 1px solid var(--h-crta);
border-bottom: 1px solid var(--h-crta);
}
html.je-aktualno-zaprto .aktualno {
display: none;
}
.aktualno__notranjost {
display: flex;
align-items: center;
gap: 0.25rem 0.75rem;
max-width: var(--h-sirina);
min-height: 2.25rem;
margin-inline: auto;
padding: 0.125rem var(--h-rob);
box-sizing: border-box;
font-size: var(--wp--preset--font-size--mala);
}
.aktualno__notranjost > * {
margin: 0;
}
.aktualno__oznaka {
flex: none;
color: var(--h-tiho);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.aktualno__naslov {
flex: 1 1 auto;
min-width: 0;
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.aktualno__naslov a {
color: var(--h-glavna);
font-weight: 600;
}
.aktualno__zapri {
-webkit-appearance: none;
appearance: none;
flex: none;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
width: 2.75rem;
height: 2.75rem;
margin: -0.25rem;
padding: 0;
border: none;
border-radius: 0;
background: transparent;
color: var(--h-tiho);
font: inherit;
cursor: pointer;
}
.aktualno__zapri::after {
content: "";
position: absolute;
inset: 0.25rem;
border: 1px solid transparent;
border-radius: 999px;
}
.aktualno__krizec {
position: relative;
display: block;
width: 0.875rem;
height: 0.875rem;
}
.aktualno__krizec::before,
.aktualno__krizec::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
border-radius: 1px;
background: currentColor;
}
.aktualno__krizec::before {
transform: rotate(45deg);
}
.aktualno__krizec::after {
transform: rotate(-45deg);
}
.aktualno__zapri:hover,
.aktualno__zapri:focus-visible {
color: var(--h-glavna);
}
.aktualno__zapri:hover::after,
.aktualno__zapri:focus-visible::after {
border-color: var(--h-crta);
}
@media (min-width: 48rem) {
.aktualno__naslov {
-webkit-line-clamp: 1;
}
}
.obcine-stanje {
margin: 0 0 1.5rem;
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
}
.obcine-mreza {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.25rem 1rem;
margin: 0;
padding: 0;
list-style: none;
}
.obcine-mreza__vnos {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.625rem;
min-height: 8.5rem;
padding: 1rem 0.75rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
background: #fff;
text-align: center;
}
.obcine-mreza__grb {
display: block;
max-width: 100%;
height: 4.5rem;
width: auto;
object-fit: contain;
}
.obcine-mreza__ime {
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
color: var(--h-glavna);
}
@media (min-width: 30rem) {
.obcine-mreza {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.obcine-mreza {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.obcine-mreza {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
.stran-telo__besedilo > .projekti-mreza,
.stran-telo--samo-besedilo .stran-telo__besedilo > .projekti-mreza {
max-width: 42rem;
}
.stran-telo--polna-sirina .stran-telo__besedilo > .projekti-mreza {
max-width: none;
}
.projekti-mreza {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1.75rem;
margin: var(--wp--preset--spacing--60) 0 0;
}
.projekti-mreza > * {
margin: 0;
}
@media (min-width: 48rem) {
.projekti-mreza {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2rem;
}
}
@media (min-width: 64rem) {
.projekti-mreza {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2rem;
}
}
.projekt-kartica {
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid #E6DFEE;
border-radius: var(--h-kartica);
background: #fff;
box-shadow: 0 1px 2px rgba(56, 28, 84, 0.05), 0 10px 28px rgba(56, 28, 84, 0.07);
}
.projekt-kartica > * {
margin: 0;
}
.projekt-kartica__slika {
line-height: 0;
}
.projekt-kartica__slika img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.projekt-kartica__slika--brez {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 16 / 9;
background-color: var(--h-glavna);
background-image: url("assets/motiv-lok.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 60% auto;
}
.projekt-kartica__slika--brez.je-temna {
background-color: var(--h-glavna-temna);
}
.projekt-kartica__slika--brez.je-topla {
background-color: var(--h-topla-temna);
}
.projekt-kartica__slika--brez.je-crna {
background-color: var(--wp--preset--color--besedilo);
}
.projekt-kartica__zacetnica {
font-size: clamp(3rem, 4vw, 4rem);
font-weight: 700;
color: var(--wp--preset--color--glavna-svetla);
}
.projekt-kartica__telo {
display: flex;
flex-direction: column;
gap: 0.75rem;
padding: 1.5rem 1.5rem 1.75rem;
}
.projekt-kartica__telo > * {
margin: 0;
}
.projekt-kartica__naslov {
color: var(--h-glavna);
font-size: var(--wp--preset--font-size--velika);
}
.projekt-kartica .vec {
margin-top: 0.25rem;
}
.projekt-kartica .vec > :not(summary) {
max-width: none;
}
.projekt-kartica__vec {
margin-top: 0.25rem;
}
.projekt-kartica__vec a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
color: var(--h-glavna);
font-weight: 600;
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-decoration-thickness: 2px;
text-underline-offset: 0.25em;
}
.cas-timeline {
margin: var(--wp--preset--spacing--60) 0 0;
padding: 1.25rem clamp(1rem, 3vw, 1.5rem) 1.5rem;
background: var(--h-mehko);
border-radius: var(--h-kartica);
max-width: 42rem;
}
.stran-telo--polna-sirina .stran-telo__besedilo > .cas-timeline {
max-width: none;
}
.cas-timeline__oznaka {
margin: 0 0 1rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.cas-timeline__oznaka code,
.cas-timeline__oznaka kbd {
font-size: 0.9em;
}
.cas-timeline__os {
display: flex;
gap: 0.5rem 0.75rem;
margin: 0;
padding-top: 0.75rem;
border-top: 2px solid var(--h-crta);
}
.cas-timeline__leto {
flex: 1 1 0%;
padding-left: 0.75rem;
border-left: 2px solid var(--h-crta);
}
.cas-timeline__leto:first-child {
border-left: none;
padding-left: 0;
}
.cas-timeline__stevilo {
display: block;
margin: 0 0 0.5rem;
font-weight: 700;
color: var(--h-glavna);
}
.cas-timeline__postavke {
margin: 0;
}
.cas-timeline__seznam {
display: flex;
flex-direction: column;
gap: 0.4rem;
margin: 0;
padding: 0;
list-style: none;
min-height: 1px; 
}
.cas-timeline__seznam a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
padding: 0.25rem;
color: var(--wp--preset--color--besedilo);
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-underline-offset: 0.25em;
}
.cas-timeline__brez {
margin: 1rem 0 0;
padding-top: 0.75rem;
border-top: 1px solid var(--h-crta);
font-size: var(--wp--preset--font-size--mala);
}
.cas-timeline__brez-napis {
color: var(--h-tiho);
}
@media (max-width: 47.999rem) {
.cas-timeline__os {
flex-direction: column;
gap: 0;
}
.cas-timeline__leto {
padding: 0.75rem 0 0;
border-left: none;
border-top: 2px solid var(--h-crta);
}
.cas-timeline__leto:first-child {
border-top: none;
padding-top: 0;
}
}
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-do-kdaj-zivim"]:hover) .projekt-kartica:has(#do-kdaj-zivim),
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-do-kdaj-zivim"]:focus-visible) .projekt-kartica:has(#do-kdaj-zivim),
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-drevo-za-zivljenje"]:hover) .projekt-kartica:has(#drevo-za-zivljenje),
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-drevo-za-zivljenje"]:focus-visible) .projekt-kartica:has(#drevo-za-zivljenje),
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-facing-death"]:hover) .projekt-kartica:has(#facing-death),
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-facing-death"]:focus-visible) .projekt-kartica:has(#facing-death),
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-pot-mentorstva-rasti-in-socutja"]:hover) .projekt-kartica:has(#pot-mentorstva-rasti-in-socutja),
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-pot-mentorstva-rasti-in-socutja"]:focus-visible) .projekt-kartica:has(#pot-mentorstva-rasti-in-socutja),
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-srce-za-srce"]:hover) .projekt-kartica:has(#srce-za-srce),
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-srce-za-srce"]:focus-visible) .projekt-kartica:has(#srce-za-srce),
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-imro"]:hover) .projekt-kartica:has(#imro),
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-imro"]:focus-visible) .projekt-kartica:has(#imro),
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-pali-care"]:hover) .projekt-kartica:has(#pali-care),
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-pali-care"]:focus-visible) .projekt-kartica:has(#pali-care),
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-z-roko-v-roki"]:hover) .projekt-kartica:has(#z-roko-v-roki),
.stran-telo__besedilo:has(.cas-timeline a[href="#cas-z-roko-v-roki"]:focus-visible) .projekt-kartica:has(#z-roko-v-roki) {
outline: 3px solid var(--h-oranzna);
outline-offset: 4px;
background: #fff;
transition: outline-color var(--h-gib) var(--h-krivulja);
}
.strani-kazalo {
margin: 1.25rem 0 var(--wp--preset--spacing--60);
}
.strani-kazalo__naslov {
margin: 0 0 0.625rem;
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
color: var(--h-tiho);
}
.strani-kazalo__seznam {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin: 0;
padding: 0;
list-style: none;
}
.strani-kazalo__seznam a {
display: inline-flex;
align-items: center;
min-height: 2.75rem; 
padding: 0.375rem 1.25rem;
box-sizing: border-box;
border: 1px solid #CDBFDB;
border-radius: var(--h-gumb);
background: var(--h-mehko);
color: var(--h-glavna);
font-weight: 600;
text-decoration: none;
}
.strani-kazalo__seznam a:hover {
border-color: var(--h-glavna);
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-decoration-thickness: 3px;
text-underline-offset: 0.3em;
}
.stran-telo--polna-sirina .stran-telo__besedilo > .strani-kazalo {
max-width: none;
}
.dobro-pas {
margin: 0 0 var(--wp--preset--spacing--70);
padding: 1.75rem clamp(1.25rem, 3vw, 2rem) 2rem;
background: var(--h-mehko);
border-radius: var(--h-kartica);
}
.stran-telo--polna-sirina .stran-telo__besedilo > .dobro-pas {
max-width: none;
}
.dobro-pas__glava {
display: flex;
align-items: center;
gap: 0.75rem;
margin: 0 0 1.25rem;
}
.dobro-pas__znak {
width: 1.75rem;
height: 1.75rem;
opacity: 0.4;
flex-shrink: 0;
}
.dobro-pas__naslov {
margin: 0;
font-size: var(--wp--preset--font-size--xl);
}
.dobro-pas__polja {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin: 0;
padding: 0;
list-style: none;
}
.dobro-pas__polje {
margin: 0;
padding: 1.125rem 1.25rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
background: #fff;
color: var(--h-glavna);
font-weight: 600;
line-height: 1.5;
}
.dobro-pas__gumbi {
margin-top: 1.5rem;
}
@media (min-width: 48rem) {
.dobro-pas__polja {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 64rem) {
.dobro-pas__polja {
grid-template-columns: repeat(3, 1fr);
}
}
.telo-pas--cez-okno {
max-width: 100vw;
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.telo-pas--cez-okno img {
border-radius: 0;
box-shadow: none;
aspect-ratio: 16 / 9;
}
@media (min-width: 40rem) {
.telo-pas--cez-okno img {
aspect-ratio: 21 / 9;
}
}
.kaj-zdaj.kaj-zdaj--slika {
position: relative;
background: var(--h-glavna);
color: #fff;
padding-block: 0;
overflow: hidden;
}
.kaj-zdaj__slika {
line-height: 0;
}
.kaj-zdaj__slika img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 0;
}
.kaj-zdaj--slika .kaj-zdaj__notranjost {
padding: 2.25rem var(--h-rob) 2.75rem;
max-width: none;
}
.kaj-zdaj--slika .kaj-zdaj__notranjost > * {
max-width: 34rem;
}
.kaj-zdaj--slika .kaj-zdaj__naslov,
.kaj-zdaj--slika p {
color: #fff;
}
.kaj-zdaj--slika p a {
color: #fff;
text-decoration-color: rgba(255, 255, 255, 0.65);
}
@media (min-width: 40rem) {
.kaj-zdaj--slika .kaj-zdaj__slika img {
aspect-ratio: 21 / 9;
}
}
@media (min-width: 64rem) {
.kaj-zdaj.kaj-zdaj--slika {
display: flex;
align-items: center;
min-height: min(48vh, 26rem);
}
.kaj-zdaj--slika .kaj-zdaj__slika {
position: absolute;
inset: 0;
}
.kaj-zdaj--slika .kaj-zdaj__slika img {
height: 100%;
aspect-ratio: auto;
object-position: 50% 50%;
}
.kaj-zdaj.kaj-zdaj--slika::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(90deg, rgba(56, 28, 84, 0.95) 0%, rgba(56, 28, 84, 0.92) 20%, rgba(56, 28, 84, 0.86) 34%, rgba(56, 28, 84, 0.72) 48%, rgba(56, 28, 84, 0.42) 60%, rgba(56, 28, 84, 0.12) 72%, rgba(56, 28, 84, 0) 82%);
}
.kaj-zdaj--slika .kaj-zdaj__notranjost {
position: relative;
z-index: 2;
max-width: var(--h-sirina-stran);
margin-inline: auto;
padding: 4rem var(--h-rob);
}
.kaj-zdaj--slika .kaj-zdaj__notranjost > * {
max-width: min(34rem, 46vw);
}
.kaj-zdaj--slika .kaj-zdaj__polje {
max-width: min(34rem, 46vw);
padding: 2rem clamp(1.5rem, 3vw, 2.25rem);
background: rgba(35, 17, 53, 0.85);
border-radius: var(--h-kartica);
}
.kaj-zdaj--slika .kaj-zdaj__polje > * {
max-width: none;
}
}
.koraki.koraki--kartice {
grid-template-columns: 1fr;
gap: 1.5rem;
counter-reset: none;
}
.koraki.koraki--kartice.koraki--kartice::before {
content: none;
}
.koraki.koraki--kartice.koraki--kartice > .korak {
padding: 1.75rem 1.5rem 1.875rem;
min-height: 0;
border: 1px solid #E6DFEE;
border-radius: var(--h-kartica);
background: #fff;
box-shadow: 0 1px 2px rgba(56, 28, 84, 0.05), 0 10px 28px rgba(56, 28, 84, 0.07);
counter-increment: none;
}
.koraki.koraki--kartice.koraki--kartice > .korak::before,
.koraki.koraki--kartice.koraki--kartice > .korak::after {
content: none;
}
.korak__stevilka {
display: grid;
place-items: center;
width: 2.75rem;
height: 2.75rem;
margin-bottom: 1rem;
border-radius: 50%;
background: var(--h-oranzna);
color: var(--h-glavna);
font-size: 1.25rem;
font-weight: 700;
line-height: 1;
}
.koraki--kartice .korak__naslov {
padding-top: 0;
}
@media (min-width: 48rem) {
.koraki.koraki--kartice {
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
}
.stran-telo--polna-sirina .stran-telo__besedilo > .koraki--kartice {
max-width: none;
}
.druge-poti .vrata__eno,
.preberite-tudi .vrata__eno {
border-color: #E6DFEE;
box-shadow: 0 1px 2px rgba(56, 28, 84, 0.05), 0 10px 28px rgba(56, 28, 84, 0.07);
}
.druge-poti .vrata__eno:hover,
.druge-poti .vrata__eno:focus-within,
.preberite-tudi .vrata__eno:hover,
.preberite-tudi .vrata__eno:focus-within {
box-shadow: 0 10px 28px rgba(56, 28, 84, 0.14);
}
.vrata__znak-polje {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
margin-bottom: 1rem;
border-radius: 50%;
background: var(--h-mehko);
}
.vrata__znak {
display: block;
width: 1.5rem;
height: 1.5rem;
}
.prototip-odbor {
margin-top: var(--wp--preset--spacing--70);
}
.stran-telo__besedilo > .prototip-odbor {
max-width: none;
}
.prototip-odbor__oznaka {
margin: 0 0 1.25rem;
padding: 0.75rem 1rem;
border-radius: var(--h-gumb);
background: var(--h-mehko);
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
}
.prototip-odbor .odbori-vrh--brez-zemljevida {
display: block;
}
.prototip-odbor .odbori-vsi > summary {
display: none;
}
.prototip-odbor__brez-skripte {
margin-top: 1rem;
}
.stran-telo__besedilo > ul.wp-block-list.podpora-mreza {
display: grid;
grid-template-columns: 1fr;
gap: 1rem 2.5rem;
max-width: none;
margin: var(--wp--preset--spacing--60) 0 0;
padding-left: 0;
list-style: none;
}
.stran-telo__besedilo ul.wp-block-list.podpora-mreza li {
position: relative;
margin: 0;
padding-left: 1.75rem;
line-height: 1.5;
}
.stran-telo__besedilo ul.wp-block-list.podpora-mreza li + li {
margin-top: 0;
}
.stran-telo__besedilo ul.wp-block-list.podpora-mreza li::before {
content: "";
position: absolute;
left: 0;
top: 0.2em;
width: 1.0625rem;
height: 1.0625rem;
background: url("assets/ikona.svg") center / contain no-repeat;
opacity: 0.6;
}
@media (min-width: 48rem) {
.stran-telo__besedilo > ul.wp-block-list.podpora-mreza {
grid-template-columns: 1fr 1fr;
}
}
.telo-poved-izpostavljena {
margin-top: 0;
font-size: var(--wp--preset--font-size--srednja);
font-weight: 600;
color: var(--h-glavna-temna);
}
.prototip-list {
margin: var(--wp--preset--spacing--70) 0 0;
}
.stran-telo__besedilo > .prototip-list {
max-width: none;
}
.prototip-list__oznaka {
margin: 0 0 1rem;
padding: 0.75rem 1rem;
border-radius: var(--h-gumb);
background: var(--h-mehko);
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
}
.prototip-list__gumb {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
padding: 0.5rem 1.25rem;
border: 2px solid var(--h-glavna);
border-radius: var(--h-gumb);
background: #fff;
color: var(--h-glavna);
font-weight: 600;
text-decoration: none;
}
.prototip-list__gumb:hover,
.prototip-list__gumb:focus-visible {
background: var(--h-glavna);
color: #fff;
}
.prototip-list__natisljivo {
display: none;
}
@media print {
body.ima-prototip-list header,
body.ima-prototip-list footer,
body.ima-prototip-list .na-vrh,
body.ima-prototip-list .uvod,
body.ima-prototip-list .stran-telo,
body.ima-prototip-list .kaj-zdaj,
body.ima-prototip-list .druge-poti,
body.ima-prototip-list .preberite-tudi,
body.ima-prototip-list .prototip-list__oznaka,
body.ima-prototip-list .prototip-list__povezava {
display: none !important;
}
body.ima-prototip-list .prototip-list__natisljivo {
display: block !important;
margin: 0;
color: #000;
}
body.ima-prototip-list .prototip-list__natisljivo h2,
body.ima-prototip-list .prototip-list__natisljivo h3 {
margin: 1.25rem 0 0.5rem;
}
body.ima-prototip-list .prototip-list__natisljivo ul {
margin: 0 0 0.75rem;
padding-left: 1.25rem;
}
body.ima-prototip-list .prototip-list__natisljivo li {
margin-bottom: 0.375rem;
}
body.ima-prototip-list .prototip-list__natisljivo a.prototip-list__odbor-povezava {
color: #000;
text-decoration: underline;
}
body.ima-prototip-list .prototip-list__natisljivo a.prototip-list__odbor-povezava::after {
content: " (" attr(href) ")";
font-weight: 400;
}
@page {
size: A4 portrait;
margin: 15mm;
}
}
@media (min-width: 48rem) and (max-width: 63.99rem) {
.stran-telo__besedilo > ul.wp-block-list.podpora-mreza.podpora-mreza--tri {
grid-template-columns: 1fr;
}
}
@media (min-width: 64rem) {
.stran-telo__besedilo > ul.wp-block-list.podpora-mreza.podpora-mreza--tri {
grid-template-columns: repeat(3, 1fr);
}
}
.prototip-znaki {
margin-top: 1.25rem;
}
@media (min-width: 40rem) {
.glava-zalovanje-otrok__slika img {
aspect-ratio: 1600 / 561;
object-position: 68% 50%;
}
}
@media (min-width: 64rem) {
.glava-zalovanje-otrok__slika img {
aspect-ratio: auto;
object-position: 68% 50%;
}
}
.prototip-znaki__oznaka {
margin: 0 0 1rem;
padding: 0.75rem 1rem;
border-radius: var(--h-gumb);
background: var(--h-mehko);
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
}
.prototip-znaki__uvod {
margin: 0 0 0.75rem;
font-weight: 600;
color: var(--h-glavna-temna);
}
.prototip-znaki__seznam {
display: flex;
flex-wrap: wrap;
gap: 0.625rem;
margin: 0 0 1.25rem;
padding: 0;
list-style: none;
}
.prototip-znaki__polje {
margin: 0;
padding: 0.625rem 1rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
background: #fff;
color: var(--h-glavna);
font-weight: 600;
line-height: 1.4;
}
.prototip-odlocevalci {
background: var(--h-mehko);
padding-block: var(--wp--preset--spacing--70);
margin-bottom: var(--wp--preset--spacing--70);
}
.prototip-odlocevalci__notranjost {
max-width: var(--h-sirina-stran);
margin-inline: auto;
padding-inline: var(--h-rob);
box-sizing: border-box;
}
.prototip-odlocevalci__tabela {
width: 100%;
border-collapse: collapse;
margin: 1.25rem 0 0;
background: #fff;
}
.prototip-odlocevalci__tabela th,
.prototip-odlocevalci__tabela td {
padding: 0.75rem 1rem;
border: 1px solid var(--h-crta);
text-align: left;
vertical-align: top;
}
.prototip-odlocevalci__tabela thead th {
background: var(--h-glavna);
color: #fff;
font-weight: 600;
}
.prototip-odlocevalci__seznam {
display: flex;
flex-direction: column;
gap: 1rem;
margin: 1.25rem 0 0;
padding: 0;
list-style: none;
}
.prototip-odlocevalci__vrstica {
padding: 1.125rem 1.25rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
background: #fff;
}
.prototip-odlocevalci__trditev {
margin: 0 0 0.75rem;
font-weight: 600;
color: var(--h-glavna-temna);
}
.prototip-odlocevalci__polja {
display: flex;
flex-wrap: wrap;
gap: 0.375rem 1.5rem;
margin: 0;
}
.prototip-odlocevalci__polja > div {
margin: 0;
}
.prototip-odlocevalci__polja dt {
margin: 0;
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
}
.prototip-odlocevalci__polja dd {
margin: 0;
color: var(--h-glavna);
}
@media (max-width: 39.99rem) {
.prototip-odlocevalci__tabela-zavoj {
display: none;
}
}
@media (min-width: 40rem) {
.prototip-odlocevalci__seznam {
display: none;
}
}
.uvod.uvod--brez-slike {
background: var(--h-glavna-temna);
}
.uvod.uvod--brez-slike::after {
content: none;
}
.uvod .stran-glava__odgovor {
color: #fff;
}
.prototip-vprasanje__oznaka {
display: inline-block;
margin: 0 0 1rem;
padding: 0.5rem 0.875rem;
border-radius: var(--h-gumb);
background: #fff;
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
}
.kampanja-pas,
.kampanja-kartica {
display: none;
}
@media (max-width: 56.1875rem) {
.kampanja-pas {
display: block;
}
.aktualno.aktualno--ima-kampanjo {
display: none;
}
}
.aktualno.kampanja-pas {
background: var(--h-toplo);
border-color: var(--h-oranzna);
}
.kampanja-pas__notranjost {
gap: 0.5rem 0.75rem;
flex-wrap: wrap;
}
.kampanja-pas__znak {
flex: none;
line-height: 0;
}
.kampanja-pas__znak svg {
display: block;
width: 1.75rem;
height: auto;
}
.kampanja-pas__znak img {
display: block;
width: 1.75rem;
height: 1.75rem;
border-radius: 50%;
object-fit: cover;
box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--h-oranzna);
}
.kampanja-pas__besedilo {
flex: 1 1 auto;
min-width: 0;
color: var(--h-glavna);
line-height: 1.35;
overflow-wrap: normal;
}
.kampanja-pas__besedilo strong {
color: var(--h-topla-temna);
}
.kampanja-pas__akcije {
display: flex;
align-items: center;
flex: none;
gap: 0.75rem;
}
.kampanja-pas .kampanja-gumb {
flex: none;
font-weight: 600;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-glavna);
text-decoration: underline;
}
.kampanja-pas .kampanja-gumb:hover,
.kampanja-pas .kampanja-gumb:focus-visible {
color: var(--h-topla-temna);
}
@media (max-width: 43.6875rem) {
.kampanja-pas__stavek {
display: none;
}
.kampanja-pas__znak svg {
width: 1.375rem;
}
.kampanja-pas__znak img {
width: 1.375rem;
height: 1.375rem;
}
}
@media (min-width: 56.25rem) {
.kampanja-kartica {
display: flex;
}
}
.kampanja-kartica {
position: absolute;
z-index: 2;
top: 2rem;
right: max(var(--h-rob), calc((100% - var(--h-sirina)) / 2 + var(--h-rob)));
width: 21.5rem;
gap: 0.875rem;
align-items: center;
padding: 0.875rem;
background: rgba(255, 255, 255, 0.95);
color: var(--h-tiho);
border-radius: var(--h-kartica);
box-shadow: var(--h-foto-senca), 0 16px 32px rgba(20, 8, 35, 0.22);
}
.kampanja-kartica :focus-visible {
outline-color: var(--h-glavna);
}
.kampanja-kartica img {
flex: none;
width: 5.125rem;
height: 6.875rem;
object-fit: cover;
border-radius: calc(var(--h-kartica) / 2);
}
.kampanja-kartica__vsebina {
min-width: 0;
}
.kampanja-kartica__vsebina > * {
margin: 0 0 0.4rem;
}
.kampanja-kartica__naslov {
font-weight: 700;
font-size: var(--wp--preset--font-size--srednja);
color: var(--h-topla-temna);
}
.kampanja-kartica__stavek {
font-size: var(--wp--preset--font-size--mala);
line-height: 1.35;
color: var(--h-tiho);
}
.kampanja-kartica .kampanja-gumb {
display: inline-block;
margin: 0;
font-weight: 600;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-glavna);
border: 2px solid var(--h-glavna);
border-radius: var(--h-gumb);
padding: 0.35rem 0.875rem;
background: #fff;
}
.kampanja-kartica .kampanja-gumb:hover,
.kampanja-kartica .kampanja-gumb:focus-visible {
background: var(--h-glavna);
color: #fff;
}
@media (min-width: 56.25rem) and (max-width: 74.9375rem) {
.kampanja-kartica {
width: 18.5rem;
}
}
.dve-polji {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
margin: var(--wp--preset--spacing--60) 0;
}
.dve-polji__polje {
padding: 1.5rem 1.5rem 1.75rem;
border-radius: var(--h-kartica);
background: var(--h-mehko);
}
.dve-polji__polje > :first-child {
margin-top: 0;
}
.dve-polji__polje > :last-child {
margin-bottom: 0;
}
@media (min-width: 48rem) {
.dve-polji {
grid-template-columns: repeat(2, 1fr);
}
}
.stran-telo--polna-sirina .stran-telo__besedilo > .dve-polji {
max-width: none;
}
.zaupanje-pas {
display: block;
background: var(--h-glavna-temna);
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.zaupanje-pas :focus-visible {
outline-color: #fff;
}
.zaupanje-pas__notranjost {
padding: 0.875rem var(--h-rob);
color: #E4DCEC;
font-size: 0.875rem;
line-height: 1.4;
}
.zaupanje-pas__notranjost > * {
margin: 0;
}
.zaupanje-pas__notranjost strong {
color: #fff;
}
.zaupanje-pas__dejstva {
margin-bottom: 0.375rem !important;
}
.zaupanje-pas__pika {
color: rgba(255, 255, 255, 0.4);
margin: 0 0.1875rem;
}
.zaupanje-pas__kontakti {
display: flex;
flex-wrap: wrap;
gap: 0.25rem 1rem;
}
.zaupanje-pas__kontakti a {
color: #fff;
font-weight: 600;
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-underline-offset: 0.2em;
}
.zaupanje-pas__gumb {
display: inline-flex;
align-items: center;
white-space: nowrap;
color: #fff;
font-weight: 600;
font-size: 0.8125rem;
line-height: 1.2;
padding: 0.3rem 0.75rem;
border: 1px solid rgba(255, 255, 255, 0.7);
border-radius: 999px;
text-decoration: none;
transition: background-color var(--h-gib) var(--h-krivulja), border-color var(--h-gib) var(--h-krivulja);
}
.zaupanje-pas__gumb:hover,
.zaupanje-pas__gumb:focus-visible {
background-color: rgba(255, 255, 255, 0.14);
border-color: #fff;
text-decoration: underline;
}
.zaupanje-pas .zaupanje-pas__kontakti .zaupanje-pas__gumb {
text-decoration: none;
}
.zaupanje-pas .zaupanje-pas__kontakti .zaupanje-pas__gumb:hover,
.zaupanje-pas .zaupanje-pas__kontakti .zaupanje-pas__gumb:focus-visible {
text-decoration: underline;
}
@media (min-width: 56.25rem) {
.naslovnica #zelim-pomagati .vrata__gumbi {
display: none;
}
}
@media (max-width: 26.6rem) {
.zaupanje-pas__pika {
display: none;
}
}
@media (max-width: 56.1875rem) {
.zaupanje-pas {
display: none;
}
}
@media (min-width: 56.25rem) {
.zaupanje-pas {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 35;
background: rgba(20, 8, 35, 0.82);
backdrop-filter: blur(4px);
border-top: 1px solid rgba(255, 255, 255, 0.18);
box-shadow: 0 -6px 18px rgba(20, 8, 35, 0.18);
}
.zaupanje-pas__notranjost {
max-width: var(--h-sirina);
margin-inline: auto;
padding: 0.55rem var(--h-rob);
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.3rem 1.5rem;
font-size: 0.8125rem;
}
.zaupanje-pas__dejstva {
margin-bottom: 0 !important;
}
.zaupanje-pas__kontakti {
margin-left: auto;
}
body:has(.zaupanje-pas) .noga {
padding-bottom: calc(var(--wp--preset--spacing--80) + 3.25rem);
}
body.ima-znak-podpore:has(.zaupanje-pas) .noga {
padding-bottom: calc(var(--wp--preset--spacing--80) + 3.25rem + 4.5rem);
}
body:has(.zaupanje-pas) .na-vrh {
bottom: calc(3.25rem + 1rem + env(safe-area-inset-bottom, 0px));
}
body:has(.zaupanje-pas) .znak-podpore {
bottom: calc(3.25rem + 1rem + env(safe-area-inset-bottom, 0px));
}
body:has(.zaupanje-pas) main.naslovnica .uvod {
padding-bottom: 3.25rem;
}
}
@media (min-width: 56.25rem) and (max-height: 57.5rem) {
body:has(.zaupanje-pas) main.naslovnica .uvod__vsebina {
padding-top: 1.25rem;
}
body:has(.zaupanje-pas) main.naslovnica .uvod h1 {
margin-bottom: 0.25rem;
}
body:has(.zaupanje-pas) main.naslovnica .uvod__gumbi {
margin-top: 0.25rem;
}
body:has(.zaupanje-pas) main.naslovnica .uvod__dejstva {
margin-top: 0.25rem;
}
}
@media print {
.zaupanje-pas {
display: none !important;
}
}
@media (min-width: 30rem) {
body:has(main.naslovnica) .na-vrh {
min-height: 3.5rem;
}
}
@media (min-width: 80rem) {
body:has(main.naslovnica) .na-vrh {
width: 2.75rem;
height: 2.75rem;
min-width: 0;
min-height: 0;
padding: 0;
gap: 0;
}
body:has(main.naslovnica) .na-vrh__napis {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
}
body:has(main.naslovnica) .na-vrh.je-prekrito,
body:has(main.naslovnica) .znak-podpore.je-prekrito {
visibility: hidden !important;
pointer-events: none !important;
opacity: 0;
transition: opacity var(--h-gib) var(--h-krivulja), visibility var(--h-gib) var(--h-krivulja);
}
@media (prefers-reduced-motion: reduce) {
body:has(main.naslovnica) .na-vrh.je-prekrito,
body:has(main.naslovnica) .znak-podpore.je-prekrito {
transition: none;
}
}
.moduli {
position: relative;
list-style: none;
margin: var(--wp--preset--spacing--60) 0;
padding: 0;
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
counter-reset: pali-modul;
}
.stran-telo--polna-sirina .stran-telo__besedilo > .moduli {
max-width: none;
}
.modul {
position: relative;
margin: 0;
padding: 2.75rem 1.25rem 1.25rem;
border-radius: var(--h-kartica);
background: var(--h-mehko);
counter-increment: pali-modul;
}
.modul::before {
content: counter(pali-modul);
position: absolute;
top: 1rem;
left: 1.25rem;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: var(--h-glavna);
}
.modul:not(:last-child)::after {
content: "";
position: absolute;
left: 1.75rem;
bottom: -0.75rem;
width: 2px;
height: 0.75rem;
background: #CDBFDB;
}
.modul__naslov {
margin: 0 0 1rem;
font-weight: 600;
color: var(--h-glavna-temna);
}
.modul__info {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.modul__info .modul__naslov {
margin: 0;
}
.modul__predvajalnik {
margin: 0;
}
.modul__polje {
margin: 0;
}
.modul__polje iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.modul__scit {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 15%;
z-index: 2;
cursor: default;
}
.modul--predvaja .modul__gumb {
display: none;
}
.modul--zaklenjeno .modul__gumb {
cursor: not-allowed;
}
.modul--zaklenjeno .modul__gumb:hover {
background: rgba(31, 27, 36, 0.35);
}
.modul__stanje {
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0;
font-weight: 600;
}
.modul__ikona {
display: inline-block;
flex: none;
width: 1.125rem;
height: 1.125rem;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.modul__ikona--pripravljeno {
background-color: var(--h-glavna);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
}
.modul--zaklenjeno .modul__stanje {
color: var(--h-tiho);
}
.modul__ikona--zaklenjeno,
.posnetek__zaklenjeno-ikona {
background-color: var(--h-tiho);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a3 3 0 00-3 3v2H8a2 2 0 00-2 2v9a2 2 0 002 2h8a2 2 0 002-2v-9a2 2 0 00-2-2h-1V6a3 3 0 00-3-3zm-1.5 5V6a1.5 1.5 0 013 0v2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a3 3 0 00-3 3v2H8a2 2 0 00-2 2v9a2 2 0 002 2h8a2 2 0 002-2v-9a2 2 0 00-2-2h-1V6a3 3 0 00-3-3zm-1.5 5V6a1.5 1.5 0 013 0v2z'/%3E%3C/svg%3E");
}
.modul__ikona--zakljuceno {
background-color: var(--h-glavna-temna);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5z'/%3E%3C/svg%3E");
}
.posnetek__zaklenjeno-ikona {
display: none;
width: 3rem;
height: 3rem;
}
.modul--zaklenjeno .posnetek__znak {
display: none;
}
.modul--zaklenjeno .posnetek__zaklenjeno-ikona {
display: block;
background-color: #fff;
}
.modul:has(.modul__ikona--zakljuceno) {
outline: 2px solid var(--h-glavna-temna);
outline-offset: -2px;
}
.modul__sporocilo {
margin: 0.75rem 0 0;
padding: 0.625rem 0.875rem;
border-left: 3px solid #A3271B;
border-radius: 4px;
background: #fff;
color: #A3271B;
font-size: var(--wp--preset--font-size--mala);
}
@media (min-width: 64rem) {
.modul {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
grid-template-rows: auto auto;
column-gap: 1.75rem;
row-gap: 0.75rem;
align-items: start;
padding: 1.5rem 1.75rem;
}
.modul::before {
top: 1.5rem;
left: 1.75rem;
}
.modul__info {
grid-column: 1;
grid-row: 1;
padding-left: 1.5rem;
}
.modul__predvajalnik {
grid-column: 2;
grid-row: 1;
}
.modul__sporocilo {
grid-column: 1 / 3;
grid-row: 2;
}
}
@media (min-width: 64rem) {
.stran-telo:has(.ob-strani) .stran-telo__besedilo .vrata--dva {
grid-template-columns: minmax(0, 1fr);
}
}
.prototip-polica {
margin: var(--wp--preset--spacing--70) 0 0;
}
.stran-telo__besedilo > .prototip-polica {
max-width: none;
}
.prototip-polica__oznaka {
margin: 0 0 1.25rem;
padding: 0.75rem 1rem;
border-radius: var(--h-gumb);
background: var(--h-mehko);
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
}
.polica-skupina {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: end;
gap: 1.5rem 1rem;
padding-bottom: 0.875rem;
margin-bottom: 2.5rem;
border-bottom: 0.375rem solid var(--h-topla-temna);
border-radius: 2px;
}
.polica-skupina:last-child {
margin-bottom: 0;
}
@media (min-width: 48rem) {
.polica-skupina {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
.stran-telo__besedilo .polica-skupina a.polica-naslovnica[href$=".pdf"]::before {
content: none;
}
.stran-telo__besedilo .polica-skupina a.polica-naslovnica[href$=".pdf"] {
display: flex;
flex-direction: column;
min-height: 0;
padding: 0;
}
.polica-naslovnica img {
display: block;
width: 100%;
height: auto;
border-radius: 4px;
border: 1px solid var(--h-crta);
box-shadow: 0 4px 10px rgba(56, 28, 84, 0.15);
}
.polica-naslovnica__besedilo {
display: block;
margin-top: 0.375rem;
}
.polica-naslovnica__naziv {
display: block;
font-size: 0.8125rem;
font-weight: 700;
line-height: 1.3;
color: var(--h-glavna);
}
.polica-naslovnica__velikost {
display: block;
margin-top: 0.125rem;
font-size: 0.75rem;
color: var(--h-tiho);
}
.polica-naslovnica:focus-visible {
outline: 3px solid var(--h-glavna);
outline-offset: 2px;
}
.prijavnica__ocena-uvod {
margin: 0 0 1.25rem;
}
.ocena__vrsta {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 1.25rem;
}
.ocena__vrsta label {
display: inline-flex;
align-items: center;
gap: 0.375rem;
font-weight: 400;
margin: 0;
}
.ocena__vrsta input[type="radio"] {
width: 1.25rem;
height: 1.25rem;
margin: 0;
}
@media (min-width: 48rem) {
.stran-telo--samo-besedilo .stran-telo__besedilo > .koraki--zgodaj {
max-width: none;
}
.koraki--zgodaj {
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
position: relative;
}
.koraki--zgodaj::before {
content: "";
position: absolute;
top: calc(2rem - 1px);
left: 2rem;
right: calc((100% - 6rem) / 3 - 2rem);
height: 2px;
background: #CDBFDB;
}
.koraki--zgodaj > .korak {
padding-left: 0;
padding-top: 5.5rem;
}
.koraki--zgodaj > .korak:not(:last-child)::after {
content: none;
}
.koraki--zgodaj > .korak > p {
max-width: 22rem;
}
}
.uvod__nadnaslov {
margin: 0 0 0.625rem;
color: rgba(255, 255, 255, 0.78);
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.stran-telo--polna-sirina .stran-telo__besedilo > .nacini {
max-width: none;
}
@media (min-width: 76rem) {
.stran-telo__besedilo > .telo-pas.telo-pas--sirina-1000 {
max-width: 62.5rem;
}
}
.stran-telo__besedilo ul.nacini > .nacin + .nacin {
margin-top: 0;
}
.stran-telo__besedilo ul.nacini > .nacin {
min-height: 0;
}
.dve-polji--enak-vrh > .dve-polji__polje {
margin: 0;
}
.dve-polji--enak-vrh .dve-polji__polje h2 {
font-size: var(--wp--preset--font-size--xl);
}
.strani-kazalo--z-gumbom .strani-kazalo__vrstica {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
@media (min-width: 48rem) {
.strani-kazalo--z-gumbom .strani-kazalo__vrstica {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.strani-kazalo--z-gumbom .strani-kazalo__seznam {
flex: 1 1 0%;
min-width: 0;
}
.strani-kazalo--z-gumbom .strani-kazalo__gumb {
flex: 1 1 100%;
}
}
.strani-kazalo--z-gumbom .strani-kazalo__gumb {
margin: 0;
}
.nacini.nacini--brez-min-visina > .nacin {
min-height: 0;
gap: 0.75rem;
}
.nacin > .nacin__povezave {
margin-top: auto;
}
.nacin__povezave {
display: flex;
flex-direction: column;
gap: 0.375rem;
}
@media (min-width: 68rem) {
.nacini.nacini--dve {
grid-template-columns: repeat(2, 1fr);
}
}
.nacin .posnetek__polje {
aspect-ratio: auto;
display: flex;
flex-direction: column;
min-height: 11rem;
}
.nacin .posnetek__naslov {
position: static;
padding: 1rem 1rem 0;
}
.nacin .posnetek__gumb {
position: static;
flex: 1 1 auto;
width: 100%;
}
.stran-telo--polna-sirina .stran-telo__besedilo > .vrata {
max-width: none;
}
.telo-poved-izpostavljena--samostojna {
margin-top: 1.25rem;
}
@media (min-width: 64rem) {
.projekti-mreza.projekti-mreza--dve {
grid-template-columns: repeat(2, 1fr);
}
}
#posnetek .posnetek__gumb {
background: transparent;
}
#posnetek .posnetek__gumb:hover,
#posnetek .posnetek__gumb:focus-visible {
background: rgba(56, 28, 84, 0.14);
}
#posnetek .posnetek__gumb:focus-visible {
outline-color: var(--h-glavna);
}
.stran-telo--polna-sirina:has(+ #posnetek) {
padding-bottom: 0;
}
.stran-telo--polna-sirina:has(+ #posnetek) .stran-telo__besedilo > *:last-child {
margin-bottom: 0;
}
.stran-telo--polna-sirina + #posnetek {
padding-top: var(--wp--preset--spacing--70);
}
@media (min-width: 48rem) {
.telo-ob.je-dvostolpec-zgodaj:has(.wp-block-quote) {
grid-template-columns: minmax(0, 1fr) minmax(0, 22.5rem) !important;
column-gap: 1.75rem;
align-items: center;
}
.telo-ob.je-dvostolpec-zgodaj:has(.wp-block-quote) .telo-ob__besedilo {
grid-column: auto !important;
grid-row: auto !important;
}
}
@media (max-width: 47.99rem) {
body.stran-kdo-smo .dobro-pas__polja {
display: flex;
flex-direction: column;
gap: 0.625rem;
}
body.stran-kdo-smo .dobro-pas__polje {
position: relative;
margin: 0;
padding: 0 0 0 1.25rem;
border: none;
border-radius: 0;
background: transparent;
box-shadow: none;
}
body.stran-kdo-smo .dobro-pas__polje::before {
content: "";
position: absolute;
left: 0;
top: 0.5em;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background: var(--h-oranzna);
}
}
.stran-telo .wp-block-quote.poslanstvo-navedek {
max-width: 42rem;
margin-inline: auto;
padding: 0;
border: 0;
text-align: center;
}
.stran-telo .wp-block-quote.poslanstvo-navedek p {
font-size: clamp(1.5rem, 1.3rem + 1vw, 2.1875rem);
line-height: 1.4;
font-weight: 600;
color: var(--h-glavna);
}
.stran-telo__besedilo ul.wp-block-list.o-nas-odbori {
list-style: none;
margin: 1.25rem 0 0;
padding: 0;
display: grid;
grid-template-columns: 1fr;
gap: 0;
column-gap: 2rem;
max-width: 42rem;
}
@media (min-width: 30rem) {
.stran-telo__besedilo ul.wp-block-list.o-nas-odbori {
grid-template-columns: repeat(2, 1fr);
}
}
.stran-telo__besedilo ul.wp-block-list.o-nas-odbori li.o-nas-odbori__vrstica,
.stran-telo__besedilo ul.wp-block-list.o-nas-odbori li.o-nas-odbori__vrstica + li {
position: relative;
margin: 0;
padding: 0.625rem 0 0.625rem 1.25rem;
border-bottom: 1px solid var(--h-crta);
color: var(--h-glavna);
}
.stran-telo__besedilo ul.wp-block-list.o-nas-odbori li.o-nas-odbori__vrstica::before {
content: "";
position: absolute;
left: 0;
top: 1.125rem;
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background: var(--h-oranzna);
}
.uvod .stran-glava__odgovor-vrstica {
display: block;
margin: 0 0 0.5rem;
font-size: clamp(3rem, 2rem + 4.5vw, 5rem);
font-weight: 700;
line-height: 1;
letter-spacing: -0.02em;
color: #fff;
}
.kontakti-polja,
.vodje-mreza {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
margin-top: 1.5rem;
}
.stran-telo--polna-sirina .stran-telo__besedilo > .kontakti-polja,
.stran-telo--polna-sirina .stran-telo__besedilo > .vodje-mreza {
max-width: none;
}
.kontakti-polje,
.vodje-polje {
overflow-wrap: normal;
}
.kontakti-polje a[href^="mailto:"],
.vodje-polje a[href^="mailto:"] {
overflow-wrap: anywhere;
}
.kontakti-polje a[href^="tel:"],
.kontakti-polje a[href^="mailto:"],
.vodje-polje a[href^="tel:"],
.vodje-polje a[href^="mailto:"] {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
}
.kontakti-polja > *,
.vodje-mreza > * {
margin: 0;
}
.kontakti-polje,
.vodje-polje {
padding: 1.25rem 1.375rem;
border: 1px solid var(--h-obroba);
border-radius: var(--h-kartica);
background: var(--h-mehko);
}
.kontakti-polje > :first-child,
.vodje-polje > :first-child {
margin-top: 0;
}
.kontakti-polje > :last-child,
.vodje-polje > :last-child {
margin-bottom: 0;
}
@media (min-width: 48rem) {
.vodje-mreza {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.kontakti-polja {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vodje-mreza {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.telo-poved-vir {
margin-top: 0.5rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.telo-poved-vir a[href$=".pdf"]:not(.wp-block-button__link) {
display: inline;
position: static;
min-height: 0;
padding: 0;
}
.telo-poved-vir a[href$=".pdf"]:not(.wp-block-button__link)::before {
content: none;
}
.novica__slika.novica__slika--brez {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 16 / 9;
background: var(--h-mehko);
border-radius: var(--h-kartica);
}
.novica__slika--brez-znak {
width: 2.75rem;
height: 2.75rem;
opacity: 0.55;
}
.stran-telo__besedilo > .odbor {
max-width: 26rem;
margin-inline: 0;
}
.podstran--dogodki .stran-telo--polna-sirina:has(.odbor) {
padding-bottom: 0;
}
.podstran--dogodki .stran-telo--polna-sirina:has(.odbor) + .stran-telo {
padding-top: 2rem;
}
.uvod--trgovina .uvod__slika img {
object-position: 50% 50%;
}
.izbira-razlicice {
margin: 0 0 1rem;
padding: 0;
border: 0;
}
.izbira-razlicice__oznaka {
display: block;
margin: 0 0 0.5rem;
padding: 0;
color: var(--h-glavna);
font-weight: 700;
}
.izbira-razlicice__seznam {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
.izbira-razlicice__polje {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.375rem;
width: 4.75rem;
cursor: pointer;
}
.izbira-razlicice__slicica {
display: block;
width: 4.5rem;
height: 4.5rem;
box-sizing: border-box;
border: 2px solid var(--h-obroba);
border-radius: var(--h-kartica);
background: var(--h-mehko);
overflow: hidden;
}
.izbira-razlicice__slicica img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
padding: 0.25rem;
box-sizing: border-box;
}
.izbira-razlicice__polje:hover .izbira-razlicice__slicica {
border-color: var(--h-glavna);
}
.izbira-razlicice__vnos {
width: 1.25rem;
height: 1.25rem;
margin: 0;
}
.izbira-razlicice__vnos:checked + .izbira-razlicice__slicica {
border-color: var(--h-glavna);
box-shadow: 0 0 0 2px var(--h-glavna);
}
.izbira-razlicice__vnos:focus-visible {
outline: 3px solid var(--h-oranzna);
outline-offset: 2px;
}
.izbira-razlicice__ime {
max-width: 4.75rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
text-align: center;
overflow-wrap: anywhere;
}
.izdelek-kartica__okvir img {
padding: 0;
}
#ship-to-different-address {
font-size: var(--wp--preset--font-size--osnovna);
}
.izbira-razlicice__vnos {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
opacity: 0;
}
.izbira-razlicice__vnos:focus-visible + .izbira-razlicice__slicica {
outline: 3px solid var(--h-oranzna);
outline-offset: 2px;
}
.izbira-razlicice__polje {
width: auto;
min-width: 4.75rem;
}
.izbira-razlicice__ime {
max-width: none;
white-space: nowrap;
font-size: var(--wp--preset--font-size--drobna);
}
.izbira-razlicice-zgrajeno table.variations {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
margin: -1px;
opacity: 0;
}
.sprem-progres {
display: flex;
gap: 0.375rem;
margin: 0 0 1.25rem;
}
.sprem-progres__segment {
flex: 1 1 0;
height: 0.375rem;
min-width: 1.25rem;
border-radius: 999px;
background: var(--h-crta);
}
.sprem-progres__segment.je-dosezen {
background: var(--h-glavna);
}
.spremljevalec--stran .sprem-odbor {
box-shadow: 0 1px 2px rgba(56, 28, 84, 0.05), 0 10px 28px rgba(56, 28, 84, 0.07);
}
.spremljevalec.spremljevalec--stran {
margin-block-start: calc(-1 * (var(--wp--preset--spacing--90) - var(--wp--preset--spacing--80)));
}
@media (max-width: 47.99rem) {
.spremljevalec--stran .spremljevalec__okvir {
padding: 1rem;
}
}
.stran-telo--lahko-branje .stran-telo__besedilo {
font-size: var(--wp--preset--font-size--srednja);
}
@media (min-width: 64rem) {
.stran-telo--lahko-branje .stran-telo__besedilo {
font-size: 1.375rem;
}
}
.uvod--lahko-branje .uvod__podnaslov {
font-size: var(--wp--preset--font-size--srednja);
line-height: 1.55;
}
.stran-telo--lahko-branje .stran-telo__besedilo p {
hyphens: none;
overflow-wrap: normal;
}
.stran-telo--lahko-branje .stran-telo__besedilo > * + * {
margin-top: 1.75rem;
}
.lb-slikovno {
display: flex;
align-items: flex-start;
gap: 1rem;
}
.lb-slikovno__ikona {
flex: none;
width: 3.5rem;
height: 3.5rem;
color: var(--h-glavna);
}
.lb-slikovno__ikone {
display: flex;
flex: none;
gap: 0.5rem;
}
.lb-slikovno__besedilo {
margin: 0;
}
@media (max-width: 47.99rem) {
.lb-slikovno__ikona {
width: 2.5rem;
height: 2.5rem;
}
}
.medij__slika.medij__slika--brez {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 16 / 9;
background: var(--h-mehko);
}
.medij__slika--brez-znak {
width: 2.75rem;
height: 2.75rem;
opacity: 0.55;
}
.sekcija--mediji-pr .kontakti-polje {
box-sizing: border-box;
max-width: 22.75rem;
}
.sekcija--mediji-pr {
padding-bottom: 0;
}
.mediji-pr-polje__povezava {
margin-top: 0.75rem !important;
font-weight: 600;
}
.stran-telo--en .kontakti-polje a[href^="tel:"] {
font-weight: 400;
}
.glasila-dialog {
position: fixed;
inset: 0;
width: min(64rem, 94vw);
max-width: 64rem;
max-height: 92vh;
margin: auto;
padding: 0;
border: none;
border-radius: var(--h-kartica);
background: #fff;
box-shadow: 0 20px 60px rgba(31, 27, 36, 0.35);
overflow: hidden;
display: flex;
flex-direction: column;
}
.glasila-dialog::backdrop {
background: rgba(31, 27, 36, 0.72);
}
.glasila-dialog:not([open]) {
display: none;
}
.glasila-dialog__glava {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
padding: 1rem 1.25rem;
border-bottom: 1px solid #E6DFEE;
}
.glasila-dialog__naslov {
margin: 0;
font-size: var(--wp--preset--font-size--velika);
color: var(--h-glavna);
}
.glasila-dialog__zapri {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 2.75rem;
height: 2.75rem;
border: 2px solid var(--h-glavna);
border-radius: 50%;
background: #fff;
color: var(--h-glavna);
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
}
.glasila-dialog__zapri:hover,
.glasila-dialog__zapri:focus-visible {
background: var(--h-glavna);
color: #fff;
}
.glasila-dialog__pdf-vrstica {
margin: 0;
padding: 0.75rem 1.25rem;
border-bottom: 1px solid #E6DFEE;
background: var(--h-mehko);
font-size: var(--wp--preset--font-size--mala);
line-height: 1.5;
}
.glasila-dialog__pdf {
font-weight: 700;
color: var(--h-glavna);
}
.glasila-dialog__pdf-opomba {
display: block;
margin-top: 0.25rem;
color: var(--h-tiho);
}
.glasila-dialog__telo {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.75rem;
overflow: auto;
flex: 1 1 auto;
min-height: 0;
}
.glasila-dialog__slike {
display: flex;
align-items: flex-start;
justify-content: center;
gap: 0.5rem;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
}
.glasila-dialog__slika {
display: block;
max-width: 100%;
max-height: min(74vh, 38rem);
width: auto;
height: auto;
box-shadow: 0 2px 10px rgba(31, 27, 36, 0.18);
}
.glasila-dialog__slika[hidden] {
display: none;
}
.glasila-dialog__nav {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 2.75rem;
height: 2.75rem;
border: 2px solid var(--h-glavna);
border-radius: 50%;
background: #fff;
color: var(--h-glavna);
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
}
.glasila-dialog__nav:hover,
.glasila-dialog__nav:focus-visible {
background: var(--h-glavna);
color: #fff;
}
.glasila-dialog__nav:disabled {
opacity: 0.35;
cursor: default;
}
.glasila-dialog__status {
margin: 0;
padding: 0.625rem 1.25rem;
border-top: 1px solid #E6DFEE;
text-align: center;
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
}
@media (max-width: 30rem) {
.glasila-dialog {
width: 100vw;
max-width: 100vw;
max-height: 100vh;
height: 100vh;
border-radius: 0;
}
.glasila-dialog__slika {
max-height: 62vh;
}
}
.uvod.uvod--ilustracija {
background: var(--h-mehko);
}
.uvod.uvod--ilustracija::after {
content: none;
}
.uvod.uvod--ilustracija .uvod__besedilo {
color: var(--wp--preset--color--besedilo-tiho);
}
.uvod.uvod--ilustracija h1 {
color: var(--wp--preset--color--besedilo);
}
.uvod--ilustracija .uvod__podnaslov {
color: var(--wp--preset--color--besedilo-tiho);
}
.uvod--ilustracija .drobtine.uvod__drobtine a,
.uvod--ilustracija .drobtine.uvod__drobtine span {
color: var(--h-tiho);
}
.uvod--ilustracija .drobtine.uvod__drobtine [aria-current="page"] {
color: var(--wp--preset--color--besedilo);
font-weight: 600;
}
.uvod--ilustracija .uvod__vsebina {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.uvod--ilustracija .uvod__besedilo {
order: 1;
}
.uvod--ilustracija .uvod__slika {
position: static;
text-align: center;
order: 2;
}
.uvod--ilustracija .uvod__slika img {
display: block;
position: static;
width: 100%;
max-width: 26rem; 
height: auto;
margin-inline: auto;
aspect-ratio: auto;
object-fit: contain;
object-position: 50% 50%;
border-radius: 0;
background: none;
padding: 0;
box-shadow: none;
}
.uvod--ilustracija .uvod__slika figcaption {
margin-top: 0.75rem;
font-size: var(--wp--preset--font-size--mala);
font-style: italic;
line-height: 1.5;
color: var(--wp--preset--color--besedilo-tiho);
text-align: center;
}
@media (min-width: 64rem) {
.uvod--ilustracija .uvod__vsebina {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 3rem;
}
.uvod--ilustracija .uvod__besedilo {
flex: 1 1 50%;
max-width: 30rem;
}
.uvod--ilustracija .uvod__slika {
flex: 1 1 50%;
max-width: 34rem;
}
.uvod--ilustracija .uvod__slika img {
max-width: 34rem; 
}
}
.uvod.uvod--slika-ob-besedilu {
background: var(--h-mehko);
}
.uvod.uvod--slika-ob-besedilu::after {
content: none;
}
.uvod.uvod--slika-ob-besedilu .uvod__besedilo {
color: var(--wp--preset--color--besedilo-tiho);
}
.uvod--slika-ob-besedilu h1 {
color: var(--wp--preset--color--besedilo);
}
.uvod--slika-ob-besedilu .uvod__podnaslov {
color: var(--wp--preset--color--besedilo-tiho);
}
.uvod--slika-ob-besedilu .drobtine.uvod__drobtine a,
.uvod--slika-ob-besedilu .drobtine.uvod__drobtine span {
color: var(--h-tiho);
}
.uvod--slika-ob-besedilu .drobtine.uvod__drobtine [aria-current="page"] {
color: var(--wp--preset--color--besedilo);
font-weight: 600;
}
.uvod--slika-ob-besedilu .uvod__vsebina {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.uvod--slika-ob-besedilu .uvod__besedilo {
order: 1;
}
.uvod--slika-ob-besedilu .uvod__slika {
position: static;
order: 2;
}
.uvod--slika-ob-besedilu .uvod__slika img {
display: block;
position: static;
width: 100%;
max-width: var(--uvod-slika-sirina, 25rem);
height: auto;
margin-inline: auto;
aspect-ratio: auto;
object-fit: contain;
object-position: 50% 50%;
border-radius: var(--h-kartica);
box-shadow: 0 12px 28px rgba(56, 28, 84, 0.10);
}
@media (min-width: 64rem) {
.uvod--slika-ob-besedilu .uvod__vsebina {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 3rem;
}
.uvod--slika-ob-besedilu .uvod__besedilo {
flex: 1 1 50%;
max-width: 30rem;
}
.uvod--slika-ob-besedilu .uvod__slika {
flex: 0 1 var(--uvod-slika-sirina, 25rem);
max-width: var(--uvod-slika-sirina, 25rem);
}
.uvod--slika-ob-besedilu .uvod__slika img {
max-width: var(--uvod-slika-sirina, 25rem);
}
}
.stran-telo__besedilo > .podporniki-logotipi,
.stran-telo--polna-sirina .stran-telo__besedilo > .podporniki-logotipi,
.stran-telo__besedilo > .ambasadorji,
.stran-telo--polna-sirina .stran-telo__besedilo > .ambasadorji {
max-width: none;
}
.podporniki-logotipi {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin: 1.5rem 0 0;
padding: 0;
list-style: none;
}
@media (min-width: 30rem) {
.podporniki-logotipi {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.podporniki-logotipi {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.podporniki-logotipi--drzavni {
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 30rem) {
.podporniki-logotipi--drzavni {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.podporniki-logotipi--drzavni {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.podporniki-logotipi__vnos {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.625rem;
min-height: 8.5rem;
padding: 1rem 0.75rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
background: #fff;
text-align: center;
}
.podporniki-logotipi__vnos--temna {
background: #3a3a3a;
border-color: #3a3a3a;
}
.podporniki-logotipi__slika {
display: block;
max-width: 85%;
height: 5rem;
width: auto;
object-fit: contain;
}
.podporniki-logotipi__slika.podporniki-logotipi__slika--kvadratna {
height: 6rem;
}
.podporniki-logotipi__ime {
margin: 0;
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
line-height: 1.3;
color: var(--h-glavna);
text-align: center;
}
.podporniki-logotipi__vnos--temna .podporniki-logotipi__ime {
color: #fff;
}
.podporniki-uvod-vir {
margin-top: 0.5rem;
margin-bottom: 1.5rem;
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
}
.podporniki-obcine-povezava {
margin-top: 1rem;
}
.ambasadorji {
display: grid;
gap: 1.5rem;
margin: 1.5rem 0 0;
padding: 0;
list-style: none;
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 56.25rem) {
.ambasadorji {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.ambasador {
display: flex;
flex-direction: column;
gap: 0.875rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
padding: 1.375rem 1.5rem;
background: #fff;
}
.ambasador__glava {
display: flex;
align-items: center;
gap: 0.875rem;
}
.ambasador__foto {
flex: none;
width: 3.5rem;
height: 3.5rem;
margin: 0;
border-radius: 50%;
overflow: hidden;
background: var(--h-mehko);
}
.ambasador__foto img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ambasador__foto--brez {
display: flex;
align-items: center;
justify-content: center;
color: var(--h-tiho);
font-weight: 700;
}
.ambasador__ime-glava {
margin: 0;
font-weight: 700;
color: var(--h-glavna);
line-height: 1.3;
}
.ambasador__opomba {
display: block;
margin-top: 0.125rem;
font-size: var(--wp--preset--font-size--mala);
font-weight: 400;
color: var(--h-tiho);
}
.ambasador__status {
display: inline-block;
margin-left: 0.375rem;
padding: 0.0625rem 0.5rem;
border: 1px solid var(--h-crta);
border-radius: 1rem;
background: var(--h-mehko);
color: var(--h-glavna);
font-size: var(--wp--preset--font-size--mala);
font-weight: 600;
vertical-align: middle;
white-space: nowrap;
}
.ambasador__razpri {
display: block;
}
.ambasador__povzetek {
display: block;
cursor: pointer;
list-style: none;
margin: 0;
padding: 0;
border-radius: 0.375rem;
}
.ambasador__povzetek::-webkit-details-marker {
display: none;
}
.ambasador__povzetek::marker {
content: "";
}
.ambasador__povzetek:focus-visible {
outline: 3px solid var(--h-glavna);
outline-offset: 3px;
}
.ambasador__izsek,
.ambasador__polno,
.ambasador__izsek--celoten {
margin: 0;
font-size: 0.95rem;
line-height: 1.6;
color: var(--h-glavna);
}
.ambasador__polno {
display: block;
margin-top: 0.25rem;
}
.ambasador__gumb {
display: inline-block;
margin-left: 0.25rem;
font-weight: 600;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-topla-temna);
text-decoration: underline;
white-space: nowrap;
}
.ambasador__razpri[open] .ambasador__gumb-odpri {
display: none;
}
.ambasador__razpri:not([open]) .ambasador__gumb-zapri {
display: none;
}
.omogocajo-nas {
padding: 1.5rem 0;
border-top: 1px solid var(--h-crta);
}
.omogocajo-nas__napis {
margin: 0 0 1rem;
text-align: center;
font-size: var(--wp--preset--font-size--osnovna);
font-weight: 700;
color: var(--h-tiho);
}
.omogocajo-nas__mreza {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
gap: 1rem;
margin: 0 0 1rem;
padding: 0;
list-style: none;
}
.omogocajo-nas__vnos {
display: flex;
align-items: center;
justify-content: center;
padding: 0.875rem 1.125rem;
background: #fff;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
}
.omogocajo-nas__vnos--temna {
background: #3a3a3a;
border-color: #3a3a3a;
}
.omogocajo-nas__slika {
display: block;
height: 3.625rem;
width: auto;
max-width: 12.5rem;
object-fit: contain;
}
.omogocajo-nas__slika.omogocajo-nas__slika--kvadratna {
height: 4.125rem;
}
.omogocajo-nas__povezava {
margin: 0;
text-align: center;
font-size: var(--wp--preset--font-size--mala);
}
.stran-telo--samo-besedilo .stran-telo__besedilo > .priznanja-casovnica {
max-width: none;
}
.priznanja-casovnica__obvestilo {
margin: 0 0 1.5rem;
padding: 0.75rem 1rem;
background: var(--h-mehko);
border-radius: var(--h-kartica);
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.priznanja-casovnica__obvestilo code {
background: #fff;
padding: 0.0625rem 0.3125rem;
border-radius: 0.25rem;
}
.priznanja-casovnica__uvodne-foto {
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
list-style: none;
margin: 1.5rem 0 2.5rem;
padding: 0;
}
.priznanja-casovnica__uvodne-foto li {
flex: 1 1 18rem;
margin: 0;
}
.priznanja-casovnica__os {
list-style: none;
margin: 0;
padding: 0 0 0 1.875rem;
border-left: 3px solid var(--h-crta);
}
.priznanja-casovnica__vnos {
position: relative;
margin: 0 0 2rem;
}
.priznanja-casovnica__vnos:last-child {
margin-bottom: 0;
}
.priznanja-casovnica__pika {
position: absolute;
left: -2.0625rem;
top: 0.3125rem;
width: 0.875rem;
height: 0.875rem;
border-radius: 50%;
background: var(--tocka, var(--h-glavna));
box-shadow: 0 0 0 3px #fff;
}
.priznanja-casovnica__leto {
margin: 0;
color: var(--tocka, var(--h-glavna));
font-size: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
font-weight: 800;
line-height: 1.2;
letter-spacing: -0.01em;
}
.priznanja-casovnica__raven {
display: inline-block;
margin: 0.375rem 0 0;
color: var(--tocka, var(--h-glavna));
font-size: var(--wp--preset--font-size--mala);
font-weight: 700;
}
.priznanja-casovnica__naziv {
margin: 0.5rem 0 0;
font-size: 1.0625rem;
font-weight: 700;
line-height: 1.4;
color: var(--h-glavna);
max-width: 38rem;
}
.priznanja-casovnica__vnos--prostovoljec .priznanja-casovnica__naziv {
font-weight: 400;
color: #1F1B24;
}
.priznanja-casovnica__vnos--prostovoljec .priznanja-casovnica__naziv strong {
color: var(--h-glavna);
font-weight: 700;
}
.priznanja-casovnica__vir {
margin: 0.3125rem 0 0;
font-size: var(--wp--preset--font-size--mala);
line-height: 1.5;
color: var(--h-tiho);
max-width: 38rem;
}
.priznanja-casovnica__majhna {
width: 15rem;
max-width: 100%;
margin: 0.75rem 0 0;
}
.priznanja-casovnica__majhna-foto {
display: block;
width: 100%;
height: auto;
aspect-ratio: 240 / 189;
object-fit: cover;
border-radius: var(--h-kartica);
}
.priznanja-casovnica__vnos--nacionalna { --tocka: var(--h-glavna); }
.priznanja-casovnica__vnos--lokalna { --tocka: var(--h-topla-temna); }
.priznanja-casovnica__vnos--foto { --tocka: var(--h-oranzna); }
.priznanja-casovnica__vnos--foto .priznanja-casovnica__leto {
color: var(--h-glavna-temna);
}
.priznanja-casovnica__foto-skupina {
display: grid;
grid-template-columns: repeat(auto-fill, 15rem);
gap: 1rem;
margin: 0.75rem 0 0;
padding: 0;
list-style: none;
max-width: 40rem;
}
.priznanja-casovnica__foto-skupina--ena {
grid-template-columns: 15rem;
}
.priznanja-casovnica__foto-skupina li {
margin: 0;
}
.priznanja-casovnica__foto-gumb {
display: block;
width: 100%;
padding: 0;
border: none;
background: none;
cursor: zoom-in;
border-radius: var(--h-kartica);
}
.priznanja-casovnica__foto-gumb:focus-visible {
outline: 3px solid var(--h-oranzna);
outline-offset: 2px;
}
.priznanja-casovnica__foto-slika {
display: block;
width: 100%;
height: auto;
aspect-ratio: 240 / 189;
object-fit: cover;
border-radius: var(--h-kartica);
}
.priznanja-casovnica__foto-opis {
margin: 0.5rem 0 0;
font-size: var(--wp--preset--font-size--mala);
line-height: 1.45;
color: var(--h-tiho);
}
.priznanja-casovnica__foto-raven {
display: block;
margin: 0 0 0.25rem;
font-size: 0.8125rem;
font-weight: 700;
color: var(--h-tiho);
}
@media (max-width: 40rem) {
.priznanja-casovnica__foto-skupina {
grid-template-columns: minmax(0, 15rem);
}
.priznanja-casovnica__uvodne-foto {
flex-direction: column;
}
}
@media (prefers-reduced-motion: no-preference) {
.js-priznanja-casovnica .priznanja-casovnica__vnos {
opacity: 0;
transition: opacity 0.5s ease;
}
.js-priznanja-casovnica .priznanja-casovnica__vnos.je-viden {
opacity: 1;
}
.js-priznanja-casovnica .priznanja-casovnica__vnos.je-v-pogledu .priznanja-casovnica__leto {
color: var(--h-glavna-temna);
}
}
.priznanja-foto-dialog {
position: fixed;
inset: 0;
width: min(48rem, 94vw);
max-width: 48rem;
max-height: 92vh;
margin: auto;
padding: 0;
border: none;
border-radius: var(--h-kartica);
background: #fff;
box-shadow: 0 20px 60px rgba(31, 27, 36, 0.35);
overflow: hidden;
display: flex;
flex-direction: column;
}
.priznanja-foto-dialog::backdrop {
background: rgba(31, 27, 36, 0.72);
}
.priznanja-foto-dialog:not([open]) {
display: none;
}
.priznanja-foto-dialog__glava {
flex: none;
display: flex;
justify-content: flex-end;
padding: 0.75rem 0.75rem 0;
}
.priznanja-foto-dialog__telo {
padding: 0.5rem 1.25rem 1.25rem;
overflow: auto;
}
.priznanja-foto-dialog__zapri {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 2.75rem;
height: 2.75rem;
border: 2px solid var(--h-glavna);
border-radius: 50%;
background: #fff;
color: var(--h-glavna);
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
}
.priznanja-foto-dialog__zapri:hover,
.priznanja-foto-dialog__zapri:focus-visible {
background: var(--h-glavna);
color: #fff;
outline: 3px solid var(--h-oranzna);
outline-offset: 2px;
}
.priznanja-foto-dialog__slika {
display: block;
width: 100%;
height: auto;
max-height: 70vh;
object-fit: contain;
border-radius: var(--h-kartica);
}
.priznanja-foto-dialog__napis {
margin: 0.75rem 0 0;
color: var(--h-tiho);
font-size: var(--wp--preset--font-size--mala);
line-height: 1.5;
}
@media (max-width: 30rem) {
.priznanja-foto-dialog {
width: 100vw;
max-width: 100vw;
max-height: 100vh;
height: 100vh;
border-radius: 0;
}
}
.priloga {
margin: 0;
}
.priloga__povezava {
display: flex;
align-items: center;
gap: 0.875rem;
padding: 0.875rem 1.125rem;
border: 1px solid #EBD9C0;
border-radius: var(--h-kartica);
background: #fff;
color: inherit;
text-decoration: none;
transition: transform var(--h-gib) var(--h-krivulja), box-shadow var(--h-gib) var(--h-krivulja);
}
.priloga__povezava:hover,
.priloga__povezava:focus-visible {
transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(56, 28, 84, 0.08);
}
.priloga__ikona {
flex: none;
width: 1.75rem;
height: 1.75rem;
background-color: var(--h-glavna);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E") no-repeat center / contain;
}
.priloga__besedilo {
display: flex;
flex-direction: column;
gap: 0.125rem;
}
.priloga__naslov {
font-weight: 600;
color: var(--h-glavna);
}
.priloga__podatki {
display: inline-flex;
align-items: center;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.prototip-list__logotip {
display: block;
height: 2.5rem;
width: auto;
margin: 0 0 1rem;
}
.prototip-list__nujno {
margin: 0 0 1rem;
font-weight: 700;
}
.prototip-list__odbori h3 {
margin: 1.25rem 0 0.5rem;
}
.prototip-list__odbori ul {
margin: 0 0 0.75rem;
padding-left: 1.25rem;
}
.prototip-list__qr {
display: block;
width: 96px;
height: 96px;
margin: 1rem 0 0;
}
@media print {
body.ima-prototip-list .prototip-list__natisljivo .prototip-list__logotip,
body.ima-prototip-list .prototip-list__natisljivo .prototip-list__nujno,
body.ima-prototip-list .prototip-list__natisljivo .prototip-list__qr {
display: block !important;
}
}
.dohodnina-slogan-slika {
margin: 0 0 1rem;
}
.dohodnina-slogan-slika img {
display: block;
width: 100%;
max-width: 30rem;
height: auto;
}
.dohodnina-slogan-pojasnilo {
margin: 0.75rem 0 0;
}
.dohodnina-davcna {
margin: 1.25rem 0 0;
}
.stran-telo--samo-besedilo .stran-telo__besedilo > .dohodnina-edavki-slika {
margin: 1.5rem 0 0;
max-width: 14.75rem; 
}
.dohodnina-edavki-slika img {
display: block;
width: 100%;
height: auto;
border: 1px solid var(--h-obroba);
border-radius: var(--h-kartica);
}
.dohodnina-edavki-slika figcaption {
margin-top: 0.5rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.dohodnina-vir {
margin: 1rem 0 0;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.dohodnina-misel {
margin: 0;
padding: 1.25rem 1.5rem;
background: var(--h-mehko);
border-radius: var(--h-kartica);
font-size: var(--wp--preset--font-size--srednja);
font-style: italic;
color: var(--h-glavna);
}
.dohodnina-misel p {
margin: 0;
}
.dohodnina-misel footer {
margin-top: 0.75rem;
font-size: var(--wp--preset--font-size--mala);
font-style: normal;
color: var(--h-tiho);
}
.stran-telo__besedilo > .levjesrcni-razdelek,
.stran-telo--samo-besedilo .stran-telo__besedilo > .levjesrcni-razdelek {
max-width: 42rem;
}
.levjesrcni-polji {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
margin: var(--wp--preset--spacing--60) 0;
}
.levjesrcni-razlaga > * + * {
margin-top: 1.25rem;
}
.levjesrcni-vrata {
margin-top: var(--wp--preset--spacing--60);
}
@media (min-width: 64rem) {
.stran-telo__besedilo > .levjesrcni-razdelek,
.stran-telo--samo-besedilo .stran-telo__besedilo > .levjesrcni-razdelek {
max-width: 54rem;
}
.levjesrcni-polji {
grid-template-columns: 32rem minmax(14rem, 1fr);
align-items: start;
gap: 2rem;
}
}
.projekt-financer {
margin: 0 0 1.5rem;
}
.projekt-financer img {
display: block;
height: auto;
max-width: 100%;
}
.projekt-financer figcaption {
margin-top: 0.375rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.stran-telo--polna-sirina .stran-telo__besedilo > .projekt-podatki {
max-width: none;
}
.projekt-podatki {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin: 0 0 1.75rem;
}
@media (min-width: 48rem) {
.projekt-podatki {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.projekt-podatki__polje {
padding: 1rem 1.25rem;
border: 1px solid var(--h-obroba);
border-radius: var(--h-kartica);
background: var(--h-mehko);
}
.projekt-podatki__oznaka {
margin: 0;
font-size: var(--wp--preset--font-size--mala);
font-weight: 700;
color: var(--h-glavna);
}
.projekt-podatki__vrednost {
margin: 0.25rem 0 0;
}
.uvod--slika-cela {
--uvod-slika-sirina: 30rem;
}
.uvod--slika-cela-b {
--uvod-slika-sirina: 46rem;
}
.cnvos-obrazec {
margin: 1rem 0 1.5rem;
padding: 1.25rem 1.5rem;
background: var(--h-mehko);
border-radius: var(--h-kartica);
}
.cnvos-obrazec > p {
margin: 0 0 1rem;
}
.cnvos-obrazec > p:last-of-type {
margin-bottom: 0;
}
.cnvos-obrazec__polje:empty {
display: none;
}
.cnvos-obrazec__okno {
display: block;
width: 100%;
height: 46rem;
max-height: 90vh;
border: 0;
border-radius: var(--h-kartica);
background: #fff;
}
.cnvos-obrazec.je-nalozen > p:last-of-type {
display: none;
}
.stran-telo__besedilo > .wp-block-buttons + h3#spletni-obrazec {
margin-top: 2.25rem;
}
.stran-telo--polna-sirina .stran-telo__besedilo > .projekt-naslovna {
max-width: 40rem;
margin: 0 0 1.5rem;
}
.projekt-naslovna img {
display: block;
width: 100%;
height: auto;
border: 1px solid var(--h-obroba);
border-radius: var(--h-kartica);
}
.projekt-naslovna--ilustracija {
padding: 1rem;
border: 1px solid var(--h-obroba);
border-radius: var(--h-kartica);
background: var(--h-mehko);
}
.projekt-naslovna--ilustracija img {
max-width: 26rem;
margin: 0 auto;
border: 0;
border-radius: 0;
}
.projekt-naslovna--ilustracija.projekt-naslovna--drevo img {
max-width: 30rem;
}
.projekt-naslovna--ilustracija.projekt-naslovna--znak img {
max-width: 34rem;
}
.projekt-naslovna--ilustracija figcaption {
max-width: 30rem;
margin: 1rem auto 0;
text-align: center;
font-style: italic;
color: var(--h-tiho);
}
@media (min-width: 64rem) {
.stran-telo--projekt .stran-telo__besedilo {
display: grid;
grid-template-columns: minmax(0, 7fr) minmax(0, 6fr);
column-gap: 2rem;
align-items: start;
}
.stran-telo--projekt .stran-telo__besedilo > * {
grid-column: 1 / -1;
}
.stran-telo--projekt .stran-telo__besedilo > figure:first-child:not(.projekt-financer) {
grid-column: 1;
grid-row: 1;
max-width: none;
margin: 0;
}
.stran-telo--projekt .stran-telo__besedilo > figure:first-child:not(.projekt-financer) + .projekt-podatki {
grid-column: 2;
grid-row: 1;
grid-template-columns: minmax(0, 1fr);
margin: 0;
}
.stran-telo--projekt .stran-telo__besedilo > figure.projekt-financer {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem 1.25rem;
max-width: none;
}
.stran-telo--projekt .stran-telo__besedilo > figure.projekt-financer figcaption {
margin-top: 0;
}
}
.stran-telo--polna-sirina .stran-telo__besedilo > .projekt-financerji {
max-width: none;
}
.projekt-financerji {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem 3rem;
margin: 0 0 1.5rem;
}
.projekt-financerji .projekt-financer {
margin: 0;
}
@media (min-width: 64rem) {
.projekt-financerji .projekt-financer {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem 1.25rem;
}
.projekt-financerji .projekt-financer figcaption {
max-width: 14rem;
margin-top: 0;
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.projekti-mreza > .projekt-kartica:last-child:nth-child(odd) {
grid-column: 1 / -1;
}
.projekti-mreza > .projekt-kartica:last-child:nth-child(odd) .projekt-kartica__slika img {
aspect-ratio: 21 / 9;
}
}
@media (min-width: 64rem) {
.projekti-mreza.projekti-mreza--pet {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.projekti-mreza--pet > .projekt-kartica {
grid-column: span 2;
}
.projekti-mreza--pet > .projekt-kartica:nth-child(n + 4) {
grid-column: span 3;
}
}
@media (min-width: 64rem) {
.stran-telo--projekt .stran-telo__besedilo > figure.projekt-financer.projekt-financer--napis-pod {
display: block;
}
.stran-telo--projekt .stran-telo__besedilo > figure.projekt-financer.projekt-financer--napis-pod figcaption {
margin-top: 0.375rem;
}
}
.projekt-kartica__slika.projekt-kartica__slika--logo img {
aspect-ratio: 3 / 1;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.projekti-mreza > .projekt-kartica:last-child:nth-child(odd) .projekt-kartica__slika.projekt-kartica__slika--logo img {
aspect-ratio: 3 / 1;
}
}
@media (min-width: 64rem) {
.podstran--novice .uvod__slika img {
object-position: 50% 12%;
}
}
.izo-sekcija {
padding-block: clamp(2.5rem, 6vw, 4rem);
}
.izo-sekcija__notranjost {
max-width: var(--h-sirina-stran);
margin-inline: auto;
padding-inline: var(--h-rob);
box-sizing: border-box;
}
.izo-sekcija__naslov {
position: relative;
margin: 0 0 1.5rem;
padding-bottom: 1rem;
font-size: var(--wp--preset--font-size--xl);
}
.izo-sekcija__naslov::after,
.izo-info__naslov::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 3rem;
height: 4px;
border-radius: 2px;
background: var(--h-oranzna);
}
.izo-sekcija__vrstica {
max-width: 40rem;
margin: 0 0 2rem;
font-size: var(--wp--preset--font-size--srednja);
line-height: 1.5;
color: var(--h-tiho);
}
.izo-glava:not(.izo-glava--katalog) .uvod__slika img {
aspect-ratio: 3 / 2;
object-position: 50% 42%;
}
@media (min-width: 64rem) {
.izo-glava:not(.izo-glava--katalog) .uvod__slika img {
aspect-ratio: auto;
object-position: 50% 45%;
}
}
.izo-glava .izo-glava__vprasanje {
margin: 1.5rem 0 0.5rem;
font-size: var(--wp--preset--font-size--xl);
line-height: 1.2;
color: #fff;
}
.izo-glava__polozaji {
margin: 0;
padding: 0;
list-style: none;
}
.izo-glava__polozaji li {
position: relative;
margin: 0;
padding-left: 1.25rem;
}
.izo-glava__polozaji li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 0.625rem;
height: 0.625rem;
margin-top: -0.3125rem;
border-radius: 50%;
background: var(--h-oranzna);
}
.izo-glava__polozaji a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
padding-block: 0.25rem;
color: #fff;
font-weight: 600;
line-height: 1.3;
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-underline-offset: 0.25em;
}
.izo-glava__polozaji a:hover {
text-decoration-thickness: 2px;
}
.izo-glava .uvod__gumbi {
margin-top: 1.25rem;
}
.izo-polozaj {
scroll-margin-top: var(--h-sidro-razmik);
}
.izo-polozaji {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
margin: 0;
}
.izo-polozaj {
position: relative;
display: flex;
flex-direction: column;
gap: 1rem;
padding: 2.25rem 1.75rem 1.75rem;
border-radius: var(--h-kartica);
background: var(--h-glavna);
color: #fff;
overflow: hidden;
transition: transform var(--h-gib) var(--h-krivulja), box-shadow var(--h-gib) var(--h-krivulja);
}
.izo-polozaj::before {
content: "";
position: absolute;
top: 0;
left: 1.75rem;
width: 3rem;
height: 5px;
border-radius: 0 0 3px 3px;
background: var(--h-oranzna);
}
.izo-polozaj:hover {
transform: translateY(-2px);
box-shadow: 0 14px 28px rgba(56, 28, 84, 0.22);
}
.izo-polozaj__naslov {
margin: 0;
font-size: var(--wp--preset--font-size--xl);
line-height: 1.2;
color: #fff;
}
.izo-polozaj__opis {
margin: 0;
font-size: var(--wp--preset--font-size--osnovna);
line-height: 1.55;
color: #fff;
}
.izo-polozaj__dejanje {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem 1.25rem;
margin-top: auto;
padding-top: 0.5rem;
}
.izo-polozaj .wp-block-button__link {
padding-inline: 1.25rem;
}
.izo-polozaj__program {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
color: #fff;
font-weight: 600;
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-underline-offset: 0.25em;
}
.izo-polozaj:last-child {
background: var(--h-toplo);
border: 1px solid #EBD9C0;
color: var(--h-glavna);
}
.izo-polozaj:last-child .izo-polozaj__naslov,
.izo-polozaj:last-child .izo-polozaj__opis {
color: var(--h-glavna);
}
.izo-polozaj:last-child:hover {
box-shadow: 0 14px 28px rgba(138, 61, 21, 0.16);
}
@media (prefers-reduced-motion: reduce) {
.izo-polozaj:hover {
transform: none;
}
}
@media (min-width: 40rem) {
.izo-polozaji {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem;
}
}
@media (min-width: 40rem) and (max-width: 67.99rem) {
.izo-polozaj:last-child:nth-child(odd) {
grid-column: 1 / -1;
}
}
@media (min-width: 68rem) {
.izo-polozaji {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.izo-polozaj {
grid-column: span 2;
min-height: 20rem;
}
.izo-polozaj:nth-child(n+4) {
grid-column: span 3;
min-height: 15rem;
}
.izo-polozaj:nth-child(n+4) .izo-polozaj__naslov {
font-size: var(--wp--preset--font-size--xxl);
}
}
.izo-podpora {
max-width: 40rem;
margin: 2rem 0 0;
padding-left: 1rem;
border-left: 4px solid var(--h-oranzna);
font-size: var(--wp--preset--font-size--osnovna);
line-height: 1.5;
color: var(--h-tiho);
}
.izo-podpora a {
color: var(--h-glavna);
font-weight: 600;
}
.izo-pas {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: 100rem;
margin: 0 auto;
}
.izo-pas__kos {
margin: 0;
overflow: hidden;
line-height: 0;
}
.izo-pas__kos img {
display: block;
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
}
@media (min-width: 40rem) {
.izo-pas__kos img {
aspect-ratio: 3 / 2;
}
}
.izo-povprasevanje {
padding-block: clamp(2.5rem, 6vw, 4rem);
background: var(--h-toplo);
}
.izo-povprasevanje__notranjost {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
.izo-povprasevanje__besedilo {
max-width: 40rem;
margin: 0;
font-size: var(--wp--preset--font-size--velika);
font-weight: 600;
line-height: 1.35;
color: var(--h-glavna);
}
@media (min-width: 48rem) {
.izo-povprasevanje__notranjost {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 3rem;
}
}
.izo-kaj__besedilo p {
max-width: 38rem;
margin: 0 0 1.25rem;
font-size: var(--wp--preset--font-size--osnovna);
line-height: 1.6;
}
@media (min-width: 56.25rem) {
.izo-kaj {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
column-gap: clamp(2rem, 5vw, 4rem);
align-items: start;
}
.izo-kaj .izo-sekcija__naslov {
margin-bottom: 0;
}
}
.izo-sekcija--poti {
background: var(--h-mehko);
}
.izo-info {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
}
.izo-info__kos {
padding: 1.75rem;
border: 1px solid #EBD9C0;
border-radius: var(--h-kartica);
background: #fff;
scroll-margin-top: var(--h-sidro-razmik);
}
.izo-info__naslov {
position: relative;
margin: 0 0 1.25rem;
padding-bottom: 0.875rem;
font-size: var(--wp--preset--font-size--velika);
}
.izo-info__kos p {
margin: 0 0 0.875rem;
font-size: var(--wp--preset--font-size--osnovna);
line-height: 1.55;
}
.izo-info__kos p:last-child {
margin-bottom: 0;
}
.izo-info__poved {
font-weight: 700;
color: var(--h-glavna);
}
.izo-info__termini:empty {
display: none;
}
@media (min-width: 56.25rem) {
.izo-info {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem;
}
}
.polje select[hidden] ~ .polje__pomoc {
margin: 0 0 0.625rem;
}
.izo-kartice {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
margin-top: 2rem;
}
.stran-telo__besedilo > .izo-kartice {
max-width: none;
}
.izo-kartica {
display: flex;
flex-direction: column;
min-width: 0;
border: 1px solid #EBD9C0;
border-top: 5px solid var(--h-oranzna);
border-radius: var(--h-kartica);
background: #fff;
scroll-margin-top: var(--h-sidro-razmik);
}
.izo-kartica__glavni {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 1.125rem;
padding: 1.75rem 1.75rem 1.25rem;
}
.izo-kartica__naslov {
margin: 0;
font-size: var(--wp--preset--font-size--velika);
line-height: 1.25;
color: var(--h-glavna);
}
.izo-kartica__uvod {
margin: 0;
font-size: var(--wp--preset--font-size--osnovna);
line-height: 1.6;
color: var(--h-tiho);
}
.izo-kartica dl,
.izo-kartica dd {
margin: 0;
}
.izo-kartica__besedilo {
display: flex;
flex-direction: column;
gap: 0.875rem;
}
.izo-kartica dt {
margin-bottom: 0.125rem;
font-size: var(--wp--preset--font-size--mala);
font-weight: 700;
color: var(--h-topla-temna);
}
.izo-kartica__besedilo dd {
font-size: var(--wp--preset--font-size--osnovna);
line-height: 1.55;
}
.izo-kartica__dejstva {
display: grid;
grid-template-columns: 1fr;
gap: 0.75rem;
padding: 1rem 1.125rem;
border-radius: var(--h-gumb);
background: var(--h-mehko);
}
.izo-kartica__dejstva dd {
font-size: var(--wp--preset--font-size--mala);
line-height: 1.5;
}
@media (max-width: 39.99rem) {
.izo-kartica__dejstva {
grid-template-columns: 1fr 1fr;
}
.izo-kartica__dejstva > div:first-child {
grid-column: 1 / -1;
}
}
@media (min-width: 40rem) {
.izo-kartica__dejstva {
grid-template-columns: 1.6fr 1fr 1fr;
gap: 1rem;
}
}
@media (min-width: 56.25rem) and (max-width: 74.99rem) {
.izo-kartica__dejstva {
grid-template-columns: 1fr;
gap: 0.75rem;
}
}
.izo-program {
margin-top: 0;
}
.izo-program__letnik {
color: var(--h-tiho);
}
.izo-program .posnetek {
margin-top: 1rem;
}
.izo-program .posnetek__polje {
display: flex;
flex-direction: column;
aspect-ratio: auto;
min-height: 11rem;
}
.izo-program .posnetek__naslov {
position: static;
padding: 1rem 1rem 0;
}
.izo-program .posnetek__gumb {
position: static;
flex: 1 1 auto;
width: 100%;
}
.izo-kartica__dno {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.75rem 1.5rem;
padding: 1.25rem 1.75rem 1.5rem;
border-top: 1px solid var(--h-crta);
}
.izo-kartica__pdf {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
font-size: var(--wp--preset--font-size--mala);
color: var(--h-glavna);
}
@media (min-width: 56.25rem) {
.izo-kartice {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.75rem;
}
}
.izo-skupina {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: 0.5rem 1.5rem;
margin-top: 2.5rem;
}
.izo-skupina:first-of-type {
margin-top: 0;
}
.izo-skupina__naslov {
margin: 0;
font-size: var(--wp--preset--font-size--velika);
color: var(--h-glavna);
}
.izo-skupina__vec {
font-weight: 600;
color: var(--h-glavna);
}
.izo-sekcija--katalog .izo-kartice {
margin-top: 1.25rem;
}
@media (min-width: 64rem) {
.uvod--izrez-nizje .uvod__slika img {
object-position: 50% 12%;
}
}
@media (max-width: 63.99rem) {
.police-pas {
padding-top: 1.5rem;
}
}
.uvod--prehod {
--prehod-sirina: min(100%, 100rem);
--prehod-perje: 0rem;
}
.uvod--prehod-izo {
--prehod-sirina: min(100%, 54rem);
--prehod-perje: 16rem;
}
.uvod--prehod-novice,
.uvod--prehod-podprite {
--prehod-sirina: min(72%, 100rem);
--prehod-perje: 10rem;
}
@media (min-width: 64rem) {
.uvod--prehod .uvod__slika {
left: auto;
width: var(--prehod-sirina);
-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--prehod-perje));
mask-image: linear-gradient(90deg, transparent 0, #000 var(--prehod-perje));
}
}
@media (min-width: 64rem) {
.uvod--prehod::before {
content: "";
position: absolute;
inset: -4rem;
background-repeat: no-repeat;
background-position: 50% 30%;
background-size: cover;
filter: blur(2.25rem) brightness(1.5) saturate(1.15);
}
.uvod--prehod-novice::before {
background-image: url("assets/img/novice-glava-skupina-400.webp");
}
.uvod--prehod-podprite::before {
background-image: url("assets/img/stran-podprite-400.webp");
background-position: 50% 8%;
}
.uvod--prehod-izo::before {
background-image: url("assets/img/izo-uvod-480.webp");
background-position: 50% 40%;
}
.uvod--prehod-siroko::before {
background-image: url("assets/img/stran-izobrazevanja-400.webp");
}
}
@media (min-width: 100rem) {
.uvod--prehod-siroko {
--prehod-perje: 6rem;
}
}
@media (min-width: 64rem) {
.uvod--prehod-podprite.uvod.uvod--podstran {
min-height: min(56vh, 31rem);
}
.uvod--prehod-podprite .uvod__slika img {
object-position: 50% 8%;
}
}
.novice__seznam > li.category-kampanja .novica__slika,
.novice__seznam > li.novica--kampanja .novica__slika {
aspect-ratio: 16 / 9;
overflow: hidden;
background: #FFFFFF;
border-radius: var(--h-kartica);
}
.novice__seznam > li.category-kampanja .novica__slika > a,
.novice__seznam > li.novica--kampanja .novica__slika > a {
display: block;
height: 100%;
}
.novice__seznam > li.category-kampanja .novica__slika img,
.novice__seznam > li.novica--kampanja .novica__slika img {
display: block;
height: 100%;
aspect-ratio: auto;
object-fit: contain;
border-radius: 0;
}
.novica--kampanja .novica-glava__slika img {
display: block;
width: min(100%, 26rem);
height: auto;
aspect-ratio: 1180 / 1542;
object-fit: cover;
}
@media (min-width: 48rem) {
.novica--kampanja .novica-glava {
display: grid;
grid-template-columns: minmax(0, 1fr) min(26rem, 42%);
column-gap: 3rem;
align-items: center;
padding-inline: max(var(--h-rob), calc((100% - var(--h-sirina-stran)) / 2 + var(--h-rob)));
}
.novica--kampanja .novica-glava__notranjost {
margin-inline: 0;
padding-inline: 0;
}
.novica--kampanja .novica-glava__slika {
margin: 1.75rem 0 0;
padding-inline: 0;
}
}
.novica__slika > a {
display: block;
}
.novica-glava__slogan {
margin: 0.75rem 0 0;
line-height: 0;
}
.novica-glava__slogan img {
display: block;
width: 100%;
max-width: 26rem;
height: auto;
}
.stran-telo__besedilo .nacin > .nacin__gumbi {
margin-top: auto;
padding-top: 1rem;
}
.nacin__gumbi .wp-block-button__link {
min-height: 2.75rem;
padding-block: 0.5rem;
padding-inline: 1.25rem;
font-size: var(--wp--preset--font-size--osnovna);
font-weight: 600;
}
.priznanja-casovnica__vnos-foto {
width: 15rem;
max-width: 100%;
margin: 0.75rem 0 0;
}
.priznanja-casovnica__vnos-foto--pokoncna .priznanja-casovnica__foto-gumb {
width: 11.8125rem;
max-width: 100%;
}
.priznanja-casovnica__vnos-foto--pokoncna .priznanja-casovnica__foto-slika {
aspect-ratio: 189 / 240;
}
.stran-telo--projekt .stran-telo__besedilo > .projekt-dogodek,
.stran-telo--projekt .stran-telo__besedilo > .projekt-novice,
.stran-telo--projekt .stran-telo__besedilo > .projekt-gradivo,
.stran-telo--projekt .stran-telo__besedilo > .projekt-podpora,
.stran-telo--projekt .stran-telo__besedilo > .projekt-drugi {
max-width: none;
}
.projekt-dogodek {
padding: 1.25rem;
border: 1px solid var(--h-obroba);
border-radius: var(--h-kartica);
background: #fff;
}
.projekt-dogodek > * {
margin-block: 0;
}
.projekt-dogodek__datum {
font-size: var(--wp--preset--font-size--mala);
font-weight: 700;
color: var(--h-glavna);
}
.projekt-dogodek .projekt-dogodek__naslov {
margin-top: 0.25rem;
max-width: 40rem;
}
.projekt-dogodek__kraj {
margin-top: 0.25rem;
color: var(--h-tiho);
}
.projekt-dogodek__opis {
margin-top: 0.75rem;
max-width: 40rem;
}
.wp-block-gallery.has-nested-images.projekt-galerija {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem;
margin: 1.25rem 0 0;
}
.wp-block-gallery.has-nested-images.projekt-galerija figure.wp-block-image:not(#individual-image) {
display: block;
flex: none;
width: auto;
margin: 0;
aspect-ratio: 3 / 2;
overflow: hidden;
border-radius: 8px;
background: var(--h-mehko);
}
.wp-block-gallery.has-nested-images.projekt-galerija figure.wp-block-image:not(#individual-image) img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.wp-block-gallery.has-nested-images.projekt-galerija figure.wp-block-image.projekt-galerija__zgoraj:not(#individual-image) img {
object-position: 50% 28%;
}
@media (min-width: 48rem) {
.wp-block-gallery.has-nested-images.projekt-galerija {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0.75rem;
}
}
.projekt-novice .projekt-novice__naslov {
margin: 0 0 1rem;
}
.projekt-novice .wp-block-post-template {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1.5rem;
margin: 0;
padding: 0;
list-style: none;
}
@media (min-width: 48rem) {
.projekt-novice .wp-block-post-template {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.projekt-novice .wp-block-post > * {
margin-block: 0;
}
.projekt-novice .wp-block-post > * + * {
margin-top: 0.5rem;
}
.projekt-novice .wp-block-post-featured-image img {
display: block;
width: 100%;
height: auto;
border-radius: 8px;
}
.projekt-novice .wp-block-post-date {
font-size: var(--wp--preset--font-size--mala);
color: var(--h-tiho);
}
.projekt-novice .wp-block-post-title {
font-size: var(--wp--preset--font-size--osnovna);
line-height: 1.35;
}
.projekt-gradivo {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1.25rem;
padding: 1.25rem;
border: 1px solid var(--h-obroba);
border-radius: var(--h-kartica);
background: #fff;
}
.projekt-gradivo > * {
margin-block: 0;
}
.projekt-gradivo__slika:empty {
display: none; 
}
.projekt-gradivo__slika img {
display: block;
width: 100%;
height: auto;
border-radius: 8px;
}
.projekt-gradivo .projekt-gradivo__telo > * + * {
margin-top: 0.75rem;
}
.projekt-gradivo .projekt-gradivo__naslov {
margin: 0;
}
@media (min-width: 48rem) {
.projekt-gradivo:has(.projekt-gradivo__slika img) {
grid-template-columns: minmax(0, 16rem) minmax(0, 1fr);
align-items: center;
gap: 1.75rem;
}
}
.projekt-podpora {
padding: 1.25rem 1.5rem;
border: 1px solid var(--h-obroba);
border-radius: var(--h-kartica);
background: var(--h-mehko);
}
.projekt-podpora > * {
margin-block: 0;
}
.projekt-podpora > * + * {
margin-top: 0.75rem;
}
.projekt-podpora .projekt-podpora__naslov {
margin: 0;
}
.stran-telo__besedilo .projekt-podpora .wp-block-buttons,
.stran-telo__besedilo .projekt-gradivo .wp-block-buttons {
margin-top: 1rem;
gap: 0.75rem;
}
.projekt-podpora .wp-block-button__link,
.projekt-gradivo .wp-block-button__link {
min-height: 2.75rem;
padding-block: 0.5rem;
padding-inline: 1.25rem;
font-size: var(--wp--preset--font-size--osnovna);
font-weight: 600;
}
.stran-telo--projekt .stran-telo__besedilo > .projekt-drugi {
margin-top: 2.5rem;
padding-top: 1.5rem;
border-top: 1px solid var(--h-obroba);
}
.projekt-drugi .projekt-drugi__naslov {
margin: 0;
font-size: var(--wp--preset--font-size--osnovna);
}
.projekt-drugi__seznam {
display: flex;
flex-wrap: wrap;
gap: 0.25rem 1.5rem;
margin: 0.75rem 0 0;
padding: 0;
list-style: none;
}
.projekt-drugi__seznam a {
display: inline-block;
padding-block: 0.375rem;
}
main [id],
:target {
scroll-margin-top: var(--h-sidro-razmik);
}
.uvod--prehod-cela {
--prehod-sirina: 100%;
--prehod-perje: 0rem;
}
@media (min-width: 64rem) {
.uvod--prehod-cela::before {
content: none;
}
}
@media (min-width: 64rem) {
.izo-glava__slika--1 img {
object-position: 90% 50%;
}
}
.uvod--trgovina-drevo .uvod__slika img {
max-width: 18rem;
}
@media (min-width: 64rem) {
.uvod--trgovina-drevo .uvod__slika img {
max-width: 22rem;
}
}
.glava__tiha {
position: relative;
z-index: 1;
}
.tiha-meni a {
min-height: 2rem;
padding-bottom: 0.75rem;
margin-top: -0.125rem;
margin-bottom: -0.875rem;
}
.drobtine a {
padding-inline: 0.25rem;
margin-inline: -0.25rem;
}
.noga p a {
padding-inline: 0.5rem;
margin-inline: -0.5rem;
}
@media (min-width: 56.25rem) {
.zaupanje-pas__notranjost {
padding-block: 0;
}
.zaupanje-pas__kontakti a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
}
.zaupanje-pas .zaupanje-pas__kontakti .zaupanje-pas__gumb {
position: relative;
padding-block: 0;
padding-inline: 0.75rem;
border-color: transparent;
border-radius: 0;
background-color: transparent;
}
.zaupanje-pas .zaupanje-pas__kontakti .zaupanje-pas__gumb::before {
content: "";
position: absolute;
inset: 0.525rem 0;
border: 1px solid rgba(255, 255, 255, 0.7);
border-radius: 999px;
transition: background-color var(--h-gib) var(--h-krivulja), border-color var(--h-gib) var(--h-krivulja);
}
.zaupanje-pas .zaupanje-pas__kontakti .zaupanje-pas__gumb:hover::before,
.zaupanje-pas .zaupanje-pas__kontakti .zaupanje-pas__gumb:focus-visible::before {
background-color: rgba(255, 255, 255, 0.14);
border-color: #fff;
}
}
.nacin__naslov a {
display: inline-block;
padding-block: 0.6875rem;
margin-block: -0.6875rem;
}
.aktualno__notranjost {
min-height: 2.75rem;
}
.aktualno__notranjost > .aktualno__naslov {
padding-block: 0.75rem;
margin-block: -0.75rem;
}
.aktualno__naslov a {
padding-block: 0.75rem;
}
.kampanja-pas .kampanja-gumb {
padding-block: 0.875rem 0.4375rem;
margin-block: -0.875rem -0.4375rem;
}
.novica__naslov a {
padding-block: 0.625rem;
}
.izobrazujemo__povezava a {
padding-block: 0.6875rem;
}
.izjava {
position: relative;
}
.izjava label::after {
content: "";
position: absolute;
inset: 0;
}
main:has(.telo-pas--cez-okno) {
overflow-x: clip;
}
.obcine-mreza__vnos {
gap: 0.5rem;
min-height: 9.75rem;
}
.obcine-mreza__leta {
font-size: 0.875rem;
line-height: 1.2;
color: var(--h-tiho);
font-variant-numeric: tabular-nums;
}
.obcine-mreza__vnos--brez-grba::before {
content: "";
display: block;
width: 2rem;
height: 3px;
border-radius: 2px;
background: var(--h-oranzna);
}
.obcine-mreza__vnos--brez-grba .obcine-mreza__ime {
display: flex;
align-items: center;
justify-content: center;
min-height: 3.5rem;
font-size: var(--wp--preset--font-size--osnovna);
line-height: 1.25;
font-weight: 700;
text-wrap: balance;
}
.stran-telo__besedilo > .obcine-mreza,
.stran-telo--polna-sirina .stran-telo__besedilo > .obcine-mreza {
max-width: none;
}
.obcine-mreza--pas {
margin: 1.5rem 0 0;
}
.obcine-mreza--pas .obcine-mreza__vnos {
min-height: 8.5rem;
}
.obcine-mreza--pas .obcine-mreza__grb {
height: 4rem;
}
.obcine-mreza--pas .obcine-mreza__vnos--brez-grba .obcine-mreza__ime {
min-height: 3rem;
}
@media (max-width: 47.99rem) {
.obcine-mreza--pas > li:nth-child(n+7) {
display: none;
}
}
@media (min-width: 30rem) {
.obcine-mreza--pas {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.obcine-mreza--pas {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.obcine-mreza--pas {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
.stran-telo__besedilo > .obcine-mreza + .wp-block-buttons {
margin-top: 1.5rem;
}
.uvod .stran-glava__odgovor-vrstica.stran-glava__odgovor-vrstica--leta {
margin-bottom: 0.75rem;
font-size: clamp(2rem, 1.25rem + 3vw, 3.25rem);
line-height: 1.1;
}
.niste-zase {
max-width: 42rem;
margin-top: var(--wp--preset--spacing--50);
padding-left: 1.25rem;
border-left: 4px solid var(--h-crta);
font-size: var(--wp--preset--font-size--srednja);
font-weight: 600;
line-height: 1.5;
color: var(--h-glavna);
}
.niste-zase a {
color: inherit;
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-decoration-thickness: 2px;
text-underline-offset: 0.25em;
}
.niste-zase-pas {
max-width: 50rem;
margin-top: var(--wp--preset--spacing--60);
padding-block: 0.875rem;
border-top: 1px solid var(--h-crta);
border-bottom: 1px solid var(--h-crta);
}
.niste-zase-pas__besedilo {
margin: 0;
font-size: var(--wp--preset--font-size--srednja);
line-height: 1.5;
color: var(--h-glavna);
}
.niste-zase-pas__besedilo a {
color: inherit;
font-weight: 600;
white-space: nowrap;
text-decoration: underline;
text-decoration-color: var(--h-oranzna);
text-decoration-thickness: 2px;
text-underline-offset: 0.25em;
}
.stran-telo__besedilo > .priznanja-povabilo {
display: grid;
gap: 1.25rem;
align-items: center;
max-width: 60rem;
margin-top: 3rem;
padding: 1.25rem;
border: 1px solid var(--h-crta);
border-radius: var(--h-kartica);
}
.priznanja-povabilo__slika {
margin: 0;
}
.priznanja-povabilo__slika img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: var(--h-kartica);
}
.priznanja-povabilo__naslov {
margin: 0 0 0.75rem;
font-size: var(--wp--preset--font-size--xl);
}
.priznanja-povabilo__besedilo p {
margin: 0 0 1.25rem;
}
@media (min-width: 48rem) {
.stran-telo__besedilo > .priznanja-povabilo {
grid-template-columns: minmax(0, 24rem) minmax(0, 1fr);
gap: 2rem;
padding: 1.5rem;
}
}