/* OŠ Hudinja: vizualna poenotitev Huemanove glave z uradno stranjo. */
:root { --osh-modra: #073b75; --osh-rumena: #ffcb05; --osh-bela: #fff; --osh-siva: #eef1f5; }

/* Izvirna Huemanova glava (naslov in oba menija) se v celoti umakne. */
body.osh-poenotena-glava #header { display: none !important; }

.osh-glava { width: 100%; font-family: "Arial Narrow", Arial, sans-serif; }
.osh-glava__notranjost { box-sizing: border-box; width: 100%; max-width: 1260px; height: 100%; margin: 0 auto; padding: 0 24px; }

.osh-glava__iskanje { height: 54px; background: var(--osh-rumena); }
.osh-glava__iskanje-notranjost { display: flex; align-items: center; justify-content: flex-end; }
.osh-glava__obrazec { display: flex; width: 118px; height: 32px; background: rgba(255,255,255,.12); }
.osh-glava__obrazec input { min-width: 0; width: 84px; padding: 0 0 0 10px; border: 0; outline: 0; background: transparent; color: var(--osh-bela); font: 700 14px/32px "Arial Narrow", Arial, sans-serif; }
.osh-glava__obrazec input::placeholder { color: var(--osh-bela); opacity: 1; }
.osh-glava__obrazec button { width: 34px; padding: 0; border: 0; background: transparent; color: var(--osh-bela); font-size: 22px; line-height: 32px; cursor: pointer; }

.osh-glava__meni { height: 78px; background: var(--osh-modra); }
.osh-glava__meni .osh-glava__notranjost { display: flex; align-items: center; }
.osh-glava__domov { position: relative; display: flex; align-items: center; align-self: stretch; color: var(--osh-bela) !important; font-size: 16px; font-weight: 700; text-decoration: none !important; }
.osh-glava__domov::after { position: absolute; right: 0; bottom: 17px; left: 0; height: 2px; background: var(--osh-bela); content: ""; }

/* Svetlo siv razmik med menijem in belo vsebino, kot na uradni strani. */
.osh-glava::after { display: block; height: 50px; background: var(--osh-siva); content: ""; }

@media (max-width: 719px) {
    .osh-glava__notranjost { padding: 0 18px; }
    .osh-glava__iskanje { height: 46px; }
    .osh-glava__meni { height: 62px; }
    .osh-glava__domov::after { bottom: 11px; }
    .osh-glava::after { height: 34px; }
}