/*
Theme Name: ZD Slovenska Bistrica
Theme URI: https://www.zd-sb.si/
Author: ZD Slovenska Bistrica
Description: Namenska WordPress tema za javno spletno mesto. Pred objavo zamenjajte referenčno hero fotografijo.
Version: 0.3.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: zdsb
*/

:root{--navy:#092451;--blue:#0067ba;--muted:#445a7a;--line:#e2edf8;--art:url('assets/reference-mockup.png');font-family:Arial,Helvetica,sans-serif;color:var(--navy)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #dc1641;outline-offset:3px}.wrap{max-width:1210px;margin:auto;padding:0 2px}.utility{height:40px;background:#eef5fc;font-size:12px;color:#17325a}.utility .wrap{height:100%;display:flex;align-items:center;gap:29px}.utility .item{white-space:nowrap;display:flex;align-items:center;gap:8px}.utility svg{width:18px;height:18px;stroke:#183965;stroke-width:2;fill:none}.utility .right{display:flex;align-items:center;gap:17px;margin-left:auto;white-space:nowrap}.utility .search{border:1px solid #d8e8f7;border-radius:30px;background:white;height:29px;width:217px;display:flex;align-items:center;margin-left:12px}.search input{min-width:0;border:0;background:transparent;padding:0 15px;width:100%;outline:0;color:#17325a;font-size:11px}.search button{border:0;background:transparent;padding:4px 10px}.search svg{width:15px;height:15px}.mainhead{height:94px;background:#fff}.headrow{display:flex;align-items:center;justify-content:space-between;height:100%}.brand{width:271px;height:74px;display:block;flex:none;background-image:var(--art);background-size:1312px 1200px;background-position:-51px -46px;background-repeat:no-repeat}.nav{display:flex;align-items:center;gap:32px;height:100%;font-size:15px;font-weight:500}.nav a{height:100%;display:flex;align-items:center;white-space:nowrap;gap:5px;position:relative}.nav a.active{color:var(--blue)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:3px;background:#0875be}.chev{color:#6184ad;font-size:12px}.hamburger{display:none;background:#fff;border:1px solid #d6e5f3;border-radius:9px;padding:9px 12px;color:var(--navy)}.hero{height:372px;position:relative;overflow:hidden;background:#f5f9fd}.hero-photo{position:absolute;inset:0 0 0 31%;background-image:var(--art);background-size:1312px 1200px;background-position:-407px -134px;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 34%);mask-image:linear-gradient(to right,transparent 0%,black 34%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,251,254,.76) 0%,rgba(248,251,254,.56) 34%,transparent 56%);pointer-events:none}.hero .wrap{position:relative;z-index:1;padding-top:64px}.hero h1{font-size:56px;line-height:1.01;letter-spacing:-2px;margin:0 0 17px;font-weight:800;max-width:410px}.hero p{color:#3d5272;font-size:18px;line-height:1.42;max-width:420px;margin:0 0 19px}.buttons{display:flex;gap:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 26px;height:51px;border-radius:10px;font-size:15px;font-weight:700}.btn.primary{background:#056bb8;color:white;min-width:194px}.btn.secondary{border:1px solid #0873c8;color:#0068b8;background:rgba(255,255,255,.72);min-width:181px}.quickbg{background:#f0f6fb;padding:16px 0 20px}.quickgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.quick{height:88px;background:rgba(255,255,255,.88);border-radius:11px;display:flex;align-items:center;padding:14px;gap:13px;box-shadow:0 3px 20px #b7ccde1c}.quick .icon{width:53px;height:53px;border-radius:12px;background:#eff6fc;color:#0074c8;display:grid;place-items:center;flex:none}.icon svg{width:33px;height:33px;stroke:currentColor;fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.quick.red .icon{background:#fff1f2;color:#dd1531}.quick.green .icon{background:#eef8f2;color:#058842}.quick strong{display:block;font-size:13px;line-height:1.35;letter-spacing:-.2px}.quick small{display:block;font-size:12px;color:#526686;line-height:1.55;margin-top:2px}.quick .arrow{margin-left:auto;color:#006fc6;font-size:19px;font-weight:300}.content{padding-top:21px}.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 267px;gap:18px}.sectiontop{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.sectiontop h2{font-size:26px;letter-spacing:-.6px;line-height:1.1;margin:0;font-weight:800}.more{color:#0068bf;font-size:12px;font-weight:600;white-space:nowrap}.more span{font-size:19px;vertical-align:-2px;margin-left:4px;font-weight:400}.news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.news article{height:194px;border:1px solid #e1ebf5;border-radius:10px;padding:15px 16px;display:flex;flex-direction:column;box-shadow:0 2px 9px #dfecf457}.pill{font-size:11px;font-weight:700;padding:5px 8px;border-radius:6px;display:inline-block;margin-right:8px}.pill.red{background:#ffe1e6;color:#d70c2a}.pill.blue{background:#e0f0fc;color:#0667b0}.pill.green{background:#e1f5e8;color:#0a8740}time{font-size:11px;color:#526789}.news h3{font-size:15px;letter-spacing:-.3px;line-height:1.3;margin:12px 0 8px}.news p{font-size:13px;color:#455d7e;line-height:1.5;margin:0}.read{color:#006bbd;font-size:13px;font-weight:700;margin-top:auto}.contacts{border:1px solid #e4eef7;border-radius:10px;overflow:hidden;background:#f4f8fc}.contacts h2{font-size:18px;margin:0;padding:14px 12px 11px;height:48px}.contact{height:81px;display:flex;align-items:center;gap:13px;padding:10px;border-top:1px solid #eaf1f8}.contact:first-of-type{background:#fff2f3}.round{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0670b8;font-size:22px;flex:none}.contact:first-of-type .round,.contact:first-of-type strong,.contact:first-of-type b{color:#dc0b2b}.contact small{display:block;font-size:11px;font-weight:700;margin-bottom:4px}.contact b{display:block;font-size:15px;color:#0064ac}.contact em{display:block;font-size:11px;font-style:normal;color:#60728d;margin-top:5px}.contact .arr{color:#0069bd;margin-left:auto}.services{margin-top:3px}.services .sectiontop{margin-bottom:15px}.servicegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service .photo{height:132px;border-radius:9px;background-image:var(--art);background-size:1312px 1200px;background-repeat:no-repeat;background-color:#e8f0f5}.service:nth-child(1) .photo{background-position:-52px -973px}.service:nth-child(2) .photo{background-position:-361px -973px}.service:nth-child(3) .photo{background-position:-669px -973px}.service:nth-child(4) .photo{background-position:-977px -973px}.service h3{margin:9px 0 7px;font-size:16px;letter-spacing:-.2px;line-height:1.25}.service p{margin:0;font-size:13px;color:#526785;line-height:1.55}.service .bottom{display:flex;justify-content:space-between;gap:10px}.service a{color:#006bbd;font-size:22px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1250px){.wrap{padding-left:24px;padding-right:24px}.nav{gap:19px;font-size:14px}.quickgrid{gap:9px}.quick{padding:10px;gap:8px}.quick .icon{width:43px;height:43px}.quick strong{font-size:12px}.quick small{font-size:11px}}
@media(max-width:950px){.utility .item:first-child,.utility .item:nth-child(3),.utility .right>a,.utility .right>span{display:none}.mainhead{height:82px}.hamburger{display:block}.nav{display:none;position:absolute;z-index:5;top:122px;left:0;right:0;background:white;height:auto;padding:10px 24px 22px;box-shadow:0 14px 25px #0b2d5322}.nav.open{display:grid;grid-template-columns:repeat(2,1fr)}.nav a{height:44px}.nav a.active:after{bottom:2px}.quickgrid{grid-template-columns:repeat(3,1fr)}.quick{height:76px}.news-layout{grid-template-columns:1fr}.contacts{display:grid;grid-template-columns:repeat(3,1fr)}.contacts h2{grid-column:1/-1}.contact{height:84px}.servicegrid{grid-template-columns:repeat(2,1fr)}.service .photo{width:289px;max-width:100%;margin:0 auto}.services{margin-top:22px}}
@media(max-width:640px){.utility{height:36px}.utility .wrap{gap:0}.utility .right{margin-left:auto}.utility .search{width:160px}.mainhead{height:76px}.brand{transform:scale(.8);transform-origin:left center;margin-right:-48px}.nav{top:112px;grid-template-columns:1fr!important}.hero{height:auto;min-height:460px}.hero-photo{inset:0 0 38% 0;background-size:auto 1200px;background-position:-590px -134px;opacity:.72;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.hero:after{background:linear-gradient(to bottom,rgba(248,251,254,.42),#f5f9fd 58%)}.hero .wrap{padding-top:185px;padding-bottom:28px}.hero h1{font-size:40px;letter-spacing:-1.3px;max-width:330px}.hero p{font-size:15px}.buttons{gap:9px;flex-wrap:wrap}.btn{height:46px;padding:0 14px;font-size:13px;min-width:0!important}.quickgrid{grid-template-columns:repeat(2,1fr)}.quick{height:77px}.quick:last-child{grid-column:1/-1}.news{grid-template-columns:1fr}.news article{height:auto;min-height:166px}.news h3{margin-top:10px}.news .read{margin-top:20px}.contacts{grid-template-columns:1fr}.contacts h2{grid-column:auto}.servicegrid{grid-template-columns:1fr}.service .photo{display:block;height:132px;margin:0 0 9px;width:289px;max-width:100%}.service{padding:12px 0;border-top:1px solid var(--line)}.service h3{margin:0 0 5px}}

/* WordPress integration and content pages */
.brand{background:none;display:flex;align-items:center}.brand img{display:block;width:auto;max-width:100%;height:65px;object-fit:contain}.utility .search{margin-left:12px}.utility .search input{font-size:11px}.site-footer{margin-top:70px;background:#0a2854;color:#e8f4ff;padding:42px 0}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-grid a{color:#e8f4ff}.footer-grid p{line-height:1.6}.hero-photo{background-image:var(--art)}.hero.has-custom-photo .hero-photo{background-image:var(--hero-image);background-size:cover;background-position:center}.content-page{max-width:900px;margin:42px auto 70px;padding:0 24px}.content-page h1{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-1px}.breadcrumbs{font-size:13px;color:#577190;margin-bottom:15px}.breadcrumbs a{color:#0870bb}.entry-content{font-size:16px;line-height:1.7;color:#183458}.entry-content h2,.entry-content h3{color:#092451;line-height:1.2;margin-top:1.5em}.entry-content a{color:#0068b8;text-decoration:underline;text-underline-offset:2px}.entry-content img{max-width:100%;height:auto}.entry-content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.entry-content td,.entry-content th{padding:9px 12px;border:1px solid #dce9f2}.entry-content iframe{max-width:100%}.entry-content .views-view-grid,.entry-content .view-content{display:grid;gap:12px}.entry-content .box-taks,.entry-content article{border:1px solid #dce9f2;padding:16px;border-radius:10px}.entry-content .field-label{font-weight:700}.entry-content p,.entry-content ul{max-width:75ch}.site-footer small{color:#bad3e9}.news article{height:auto;min-height:194px}.news .read{padding-top:18px}.service .photo{background-color:#eaf3f9}.site-content{min-height:50vh}.search-results{list-style:none;margin:24px 0;padding:0}.search-results li{padding:18px 0;border-bottom:1px solid #e2edf8}.search-results a{color:#0068b8;font-weight:700}.wp-block-image img{height:auto}@media(max-width:950px){.brand img{height:60px}}@media(max-width:640px){.brand img{height:62px}.content-page{margin-top:25px}.site-footer{margin-top:45px}.hero .wrap{padding-top:185px}}
.nav>ul{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0;height:100%}.nav>ul>li{height:100%}.nav li a{display:flex;align-items:center;height:100%}.nav li.current-menu-item>a{color:#0067ba}.nav li.current-menu-item>a:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:3px;background:#0875be}.nav li{position:relative}.nav .sub-menu{display:none;position:absolute;z-index:10;top:100%;left:0;width:250px;list-style:none;background:#fff;box-shadow:0 8px 22px #0a2a4a26;border-radius:0 0 10px 10px;padding:8px}.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:block}.nav .sub-menu a{padding:9px 12px;white-space:normal}.nav .sub-menu a:hover{background:#f0f6fb}.source-links{margin:42px 0 0;border-top:1px solid #e2edf8;padding:24px 0;color:#405c7b}.source-links a{color:#0068b8;text-decoration:underline}@media(max-width:1250px){.nav>ul{gap:19px}}@media(max-width:950px){.nav>ul{height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:0}.nav>ul>li{height:auto}.nav .sub-menu{display:none!important}}@media(max-width:640px){.nav>ul{grid-template-columns:1fr}}
.zdsb-structured-field{white-space:normal}.entry-content .field--name-field-delovni,.entry-content .field--name-field-zdravniki,.entry-content .field--name-field-tehniki,.entry-content .field--name-field-telefonska{background:#f3f8fc;border:1px solid #e0ecf6;border-radius:10px;padding:12px 15px;margin:10px 0}.zdsb-documents{list-style:none;padding:0!important}.zdsb-documents li{border-bottom:1px solid #e2edf8;padding:10px 0}.zdsb-documents small{color:#657997;margin-left:8px}
.directory{padding-top:34px}.directory-intro{display:flex;justify-content:space-between;gap:25px;align-items:end;margin:0 0 26px}.directory-intro h1{font-size:clamp(34px,4vw,49px);margin:0 0 6px}.directory-intro p{color:#526785;margin:0}.directory-search{font-size:13px;color:#405b78;font-weight:700;min-width:280px}.directory-search input{display:block;width:100%;height:44px;border:1px solid #cddfee;border-radius:9px;padding:10px 14px;margin-top:6px}.ambulance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ambulance-card{min-height:205px;border:1px solid #dfebf5;border-radius:13px;padding:18px;display:flex;flex-direction:column;box-shadow:0 5px 20px #0d46700d}.ambulance-card[hidden]{display:none}.ambulance-symbol{color:#0872b9;font-size:24px}.ambulance-card h2{font-size:19px;line-height:1.25;margin:9px 0}.ambulance-card .staff{font-size:13px;color:#465f80;margin:0 0 10px}.ambulance-card .phone{font-size:14px;color:#0066ae;font-weight:700;margin:0 0 10px}.ambulance-card .read{margin-top:auto}.source-details{margin:34px 0;padding:15px;border:1px solid #e0ecf6;border-radius:10px}.source-details summary{cursor:pointer;color:#0068b8;font-weight:700}@media(max-width:950px){.ambulance-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.directory-intro{display:block}.directory-search{display:block;margin-top:20px;min-width:0}.ambulance-grid{grid-template-columns:1fr}.ambulance-card{min-height:0}}
.service .photo.custom-photo{background-size:cover!important;background-position:center!important}

/* Full source navigation with keyboard and touch controls. */
.nav>ul{gap:20px}.nav>ul>li{display:flex;align-items:center}.submenu-toggle{border:0;background:transparent;color:#17325a;padding:10px 5px;min-width:28px;min-height:40px}.nav .sub-menu{width:320px;max-height:65vh;overflow-y:auto}.nav li.submenu-open>.sub-menu{display:block}.nav .sub-menu a{height:auto;min-height:42px;line-height:1.4}.nav>ul>li:nth-last-child(-n+3)>.sub-menu{left:auto;right:0}
@media(max-width:1250px){.nav>ul{gap:10px}.nav{font-size:14px}}
@media(max-width:950px){.nav.open{display:block;max-height:calc(100vh - 122px);overflow-y:auto}.nav>ul{display:block}.nav>ul>li{display:flex;flex-wrap:wrap;height:auto}.nav>ul>li>a{flex:1;min-height:46px}.submenu-toggle{min-width:46px;min-height:46px}.nav .sub-menu{position:static;flex-basis:100%;width:100%;max-height:none;box-shadow:none;border-left:2px solid #e2edf8;border-radius:0;margin:0 0 8px;padding:0 0 0 12px}.nav li.submenu-open>.sub-menu{display:block!important}.nav .sub-menu a{white-space:normal}.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:none}}