/*
Theme Name: Online Poslovi
Author: Aomark
Version: 0.1.6
Text Domain: online-poslovi
*/
@font-face{font-family:Lato;src:url('fonts/Lato-ExtraBold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:Roboto;src:url('fonts/roboto-400-latin-ext.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Roboto;src:url('fonts/roboto-400-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto;src:url('fonts/roboto-700-latin-ext.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Roboto;src:url('fonts/roboto-700-latin.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--black:#131313;--yellow:#ffd100;--text:#191919;--muted:#777;--rail:1140px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:1.55}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--yellow)}img{max-width:100%;height:auto}h1,h2,h3{font-family:Lato,Arial,sans-serif;font-weight:800;line-height:1.08;margin:0 0 20px}h1{font-size:64px}h2{font-size:48px}h3{font-size:24px}p{margin:0 0 20px}.rail{width:min(var(--rail),calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--yellow);padding:10px}.skip-link:focus{left:10px}
.site-header{position:absolute;inset:0 0 auto;z-index:20;color:#fff}.site-header__inner{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-logo{display:inline-flex;align-items:center;width:260px;max-width:55vw;color:#fff;font-family:Lato,sans-serif;font-size:25px;font-weight:800}.site-logo img{display:block;width:100%;height:auto}.primary-nav__list,.footer-nav__list{padding:0;margin:0;list-style:none}.primary-nav__list{display:flex;align-items:center;gap:35px}.primary-nav__list a{font-size:16px;color:#fff}.primary-nav__list .current-menu-item>a,.primary-nav__list a:hover{color:var(--yellow)}.menu-toggle{display:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:12px 40px;background:var(--yellow);border:0;border-radius:8px;color:#151515;font-weight:500;cursor:pointer}.button:hover{color:#151515;background:#e7bd00}.button--small{min-height:44px;padding:9px 25px;border-radius:4px;font-size:14px}.yellow-rule{display:block;width:128px;height:4px;margin:26px 0 22px;background:var(--yellow)}
.home-hero{min-height:786px;display:grid;grid-template-columns:61.4% 38.6%;background:var(--black);color:#fff}.home-hero__photo{position:relative;overflow:hidden;background:#131313}.home-hero__image{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.45)}.home-hero__content{display:flex;align-items:center;padding:100px 45px 50px 50px;overflow:hidden}.home-hero__copy{position:relative;max-width:400px}.home-hero h1{font-size:64px;line-height:1.22}.home-hero p{color:#ddd;font-size:16px;line-height:1.55;margin-bottom:36px}.ghost-word{position:absolute;inset:-68px auto auto -80px;color:rgba(255,255,255,.03);font-family:Lato,sans-serif;font-size:150px;font-weight:900;line-height:1;pointer-events:none}
.service-section{padding-top:145px;padding-bottom:140px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px}.service-card{position:relative;min-height:335px;padding:68px 30px 38px;border:1px solid #282828;border-radius:20px;background:#fff;box-shadow:0 6px 10px rgba(0,0,0,.07)}.service-card--dark{background:#2c2c2c;color:#fff;border-color:#2c2c2c}.service-card__icon{position:absolute;top:-48px;left:38px;width:82px;height:82px;display:grid;place-items:center;border-radius:10px;background:var(--black);color:var(--yellow);font-size:40px}.service-card--dark .service-card__icon{background:var(--yellow);color:var(--black)}.service-card h2{font-size:24px;margin-bottom:14px}.service-card p{color:#858585;font-size:16px;line-height:1.5}.service-card--dark p{color:#d5d5d5}.service-card a{display:inline-block;margin-top:4px;font-size:15px}
.editorial-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:86px;padding-bottom:120px}.editorial-section__images{display:flex;align-items:flex-end;gap:30px;min-height:500px}.editorial-section__images>div{flex:1;min-width:0}.editorial-section__images img{display:block;width:100%;height:380px;object-fit:cover}.editorial-section__images>div:first-child img{height:450px}.editorial-section__content h2{font-size:48px}.editorial-section__content p{color:#777}.progress-list{margin-top:35px}.progress-list>div{margin-bottom:18px}.progress-list strong{display:flex;justify-content:space-between;max-width:240px;font-size:15px}.progress-list i{display:block;height:3px;width:100%;margin-top:9px;background:linear-gradient(to right,var(--yellow) var(--progress),#e7e7e7 var(--progress))}
.counter-section{background:var(--black);color:#fff;padding:135px 0}.counter-section__grid{display:grid;grid-template-columns:38% 62%;align-items:center;gap:25px}.counter-section h2{font-size:48px}.counter-section p{color:#bbb;max-width:405px}.counter-section a{color:var(--yellow)}.counter-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.counter-list>div{min-height:190px;display:flex;flex-direction:column;justify-content:center;text-align:center;border:1px solid #333;border-radius:20px}.counter-list>div:last-child{background:#d2ad00;color:#111}.counter-list b{font-family:Lato,sans-serif;font-size:56px;line-height:1}.counter-list span{font-family:Georgia,serif;font-size:17px}
.topics-section{padding:125px 0;background:#f5f1e8}.topics-section__grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.topics-section h2{font-size:48px}.topics-section p{color:#555}.topics-section .button{margin-top:10px}.topics-list>div{padding:10px 0 24px 80px;position:relative}.topics-list h3{font-size:24px;margin-bottom:8px}.topics-list p{margin:0}
.latest-section{padding-top:110px;padding-bottom:145px}.section-heading{text-align:center;max-width:540px;margin:0 auto 60px}.section-heading h2{font-size:48px}.section-heading p{color:#888}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 30px}.post-card__image{display:block;position:relative}.post-card__image img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:16px}.post-card__date{position:absolute;left:-10px;bottom:0;width:60px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#151515;color:#fff;line-height:1}.post-card__date strong{color:var(--yellow);font-size:23px}.post-card__date small{font-size:12px}.post-card__body{padding:18px 20px 0 30px;position:relative}.post-card__body:before{content:'';position:absolute;left:0;top:50px;bottom:8px;width:2px;background:#111}.post-card h2{font-size:23px;line-height:1.35;margin:0 0 12px}.post-card p{color:#888;margin-bottom:12px}
.page-banner{height:375px;background-image:linear-gradient(rgba(0,0,0,.82),rgba(0,0,0,.82)),var(--banner-image);background-size:cover;background-position:center}.page-banner__shade{height:100%;display:flex;align-items:center;justify-content:center}.page-banner h1{text-align:center;color:#fff;text-transform:none;font-size:64px;margin:70px 0 0}.blog-section{padding-top:130px;padding-bottom:145px}.blog-section>h1{font-size:44px}.pagination{display:flex;justify-content:center;gap:12px;margin-top:60px}.pagination a,.pagination span{padding:6px 12px;background:#eee}.pagination .current{background:var(--yellow)}
.about-intro{padding-top:120px;padding-bottom:125px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-intro__images img{display:block;width:100%;height:520px;object-fit:cover}.about-intro h2,.about-work h2{font-size:48px}.about-intro .prose p,.about-work p{color:#777}.about-work{background:var(--black);color:#fff;padding:120px 0}.about-work__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.eyebrow{color:var(--yellow)}.about-work__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.about-work__stats>div{border:1px solid #333;text-align:center;border-radius:18px;padding:35px 10px}.about-work__stats b{display:block;font-size:46px}.values-section{padding-top:130px;padding-bottom:140px}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.values-grid article{padding:50px;background:#f7f7f7}.values-grid h2,.values-approach h2{font-size:38px}.values-approach{text-align:center;max-width:750px;margin:90px auto 0}
.contact-cards{padding:135px 0;background:#f5f1e8}.contact-cards__grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.contact-card{position:relative;border:1px solid #151515;border-radius:20px;padding:66px 35px 40px;text-align:center}.contact-card--dark{background:var(--black);color:#fff}.contact-card__icon{position:absolute;top:-38px;left:calc(50% - 38px);width:76px;height:76px;display:grid;place-items:center;border-radius:10px;background:var(--yellow);color:#151515;font-size:37px}.contact-card h2{font-size:26px}.contact-card p{color:#888}.contact-card--dark p{color:#ddd}.contact-card a{font-weight:500}.contact-main{padding-top:135px;padding-bottom:145px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact-main__copy h2{font-size:48px}.contact-main__copy p{color:#888}.contact-main__copy ul{padding:0;list-style:none;color:#777}.contact-main__copy li{padding:9px 0 9px 28px;position:relative}
.op-form label{display:block;margin-bottom:11px}.op-form label span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.op-form input,.op-form textarea{display:block;width:100%;padding:12px 16px;border:1px solid #aaa;border-radius:2px;background:#fff;color:#151515;resize:vertical}.op-form textarea{min-height:80px}.op-form .button{width:100%;color:#fff}.op-form--contact textarea{min-height:130px}.op-form--contact .button{margin-top:2px}
.article-page{padding-top:145px}.article-page__head h1{text-align:center;font-size:50px;max-width:1000px;margin:0 auto 55px}.article-page__image{max-width:800px;margin:0 auto 55px}.article-page__image img{display:block;width:100%;height:auto}.article-page__body{padding-bottom:130px;line-height:1.75}.article-page__body h2{font-size:36px;margin:42px 0 18px}.article-page__body h3{font-size:26px;margin:30px 0 15px}.article-page__body p,.article-page__body ul,.article-page__body ol{margin-bottom:20px}.article-page__body figure{margin:28px auto}.article-page__body img{height:auto}.article-page__body table{border-collapse:collapse;width:100%;margin:25px 0}.article-page__body td,.article-page__body th{border:1px solid #ddd;padding:10px}.article-page__body th{background:#eee}.system-page{min-height:60vh;padding-top:180px;padding-bottom:110px}.system-page h1{font-size:52px}
.single .page-banner{height:523px}.single .page-banner h1{font-size:64px;line-height:1.2;max-width:960px;margin-top:0}.article-page{padding-top:10px}
.site-footer{background:#121212;color:#d0d0d0;padding-top:100px}.footer-grid{display:grid;grid-template-columns:1.1fr .75fr 1fr;gap:110px;min-height:320px}.footer-brand .site-logo{width:300px}.footer-brand p{margin-top:20px;max-width:400px}.site-footer h2{color:var(--yellow);font-size:20px;margin:3px 0 26px}.footer-nav__list a{display:block;line-height:1.5}.footer-bottom{border-top:1px solid #333;padding:36px 0 60px;text-align:center}.footer-bottom p{margin:0}
@media(max-width:900px){h1{font-size:48px}h2{font-size:38px}.home-hero{grid-template-columns:55% 45%}.home-hero__content{padding-inline:28px}.home-hero h1{font-size:48px}.service-grid{gap:20px}.service-card{padding-inline:22px}.editorial-section,.topics-section__grid,.about-intro,.about-work__grid,.contact-main{gap:35px}.footer-grid{gap:40px}.counter-list{gap:12px}}
@media(max-width:700px){.rail{width:calc(100% - 40px)}.site-header__inner{min-height:90px;display:block;position:relative}.site-logo{width:170px;max-width:65%;padding-top:10px}.menu-toggle{display:flex;position:absolute;left:calc(50% - 20px);top:65px;z-index:2;width:40px;height:35px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:0;cursor:pointer}.menu-toggle span{display:block;width:22px;height:3px;background:#fff}.primary-nav{display:none;position:absolute;top:118px;left:-20px;right:-20px;background:#141414}.primary-nav.is-open{display:block}.primary-nav__list{display:block}.primary-nav__list a{display:block;padding:10px 15px}.home-hero{display:block;min-height:600px;padding-top:166px}.home-hero__photo{display:none}.home-hero__content{padding:10px 35px 65px;display:block}.home-hero__copy{text-align:center}.home-hero h1{font-size:32px;line-height:1.1}.home-hero p{font-size:15px}.home-hero .yellow-rule{margin:20px auto}.ghost-word{font-size:70px;left:0;top:-30px}.button{min-height:50px}.service-section{padding-top:120px;padding-bottom:100px}.service-grid,.post-grid,.editorial-section,.counter-section__grid,.topics-section__grid,.about-intro,.about-work__grid,.contact-cards__grid,.contact-main,.values-grid,.footer-grid{grid-template-columns:1fr}.service-grid{gap:100px}.service-card{text-align:center;min-height:265px;padding:65px 30px 28px}.service-card__icon{left:calc(50% - 41px)}.service-card h2{font-size:21px}.editorial-section{padding-bottom:90px}.editorial-section__images{min-height:0}.editorial-section__images img,.editorial-section__images>div:first-child img{height:300px}.editorial-section__content h2,.counter-section h2,.topics-section h2,.section-heading h2,.about-intro h2,.about-work h2,.contact-main__copy h2{font-size:34px}.counter-section{padding:95px 0}.counter-list{grid-template-columns:repeat(3,1fr)}.counter-list>div{min-height:125px}.counter-list b{font-size:32px}.counter-list span{font-size:12px}.topics-section{padding:95px 0}.topics-list{margin-top:45px}.latest-section{padding-top:95px;padding-bottom:115px}.section-heading{margin-bottom:55px}.post-grid{gap:55px}.post-card__body{padding-left:30px}.post-card h2{font-size:22px}.page-banner{height:390px}.page-banner h1{font-size:40px;margin-top:55px}.blog-section{padding-top:100px;padding-bottom:100px}.about-intro,.contact-main{padding-top:95px;padding-bottom:100px}.about-intro__images img{height:350px}.about-work{padding:95px 0}.about-work__stats{gap:10px}.about-work__stats b{font-size:32px}.values-section{padding:100px 0}.values-grid{gap:25px}.values-grid article{padding:30px}.contact-cards{padding:130px 0 100px}.contact-main__copy{text-align:center}.article-page{padding-top:130px}.article-page__head h1{font-size:31px;margin-bottom:35px}.article-page__body h2{font-size:29px}.article-page__body h3{font-size:23px}.article-page__body{padding-bottom:100px}.site-footer{padding-top:95px}.footer-grid{gap:45px;text-align:center}.footer-brand .site-logo{margin:auto;width:205px}.footer-brand p{margin:15px auto 0}.footer-bottom{padding:35px 0 65px}}

/* Source parity corrections from consolidated audit pass 1. */
@media(min-width:701px){
  .editorial-section{position:relative;z-index:2;padding-bottom:0}
  .editorial-section__images{transform:translateY(70px);min-height:570px}
  .editorial-section__images img{height:500px}
  .editorial-section__images>div:first-child img{height:570px}
  .counter-section{position:relative;padding-top:195px}
  .page-banner{height:341px}
  .blog-section{padding-top:100px}
}
.counter-list .counter-card{position:relative;isolation:isolate;overflow:hidden;padding:20px 12px;min-height:218px;background:transparent}
.counter-list .counter-card>*{position:relative;z-index:1}
.counter-list .counter-card--2{background:rgba(101,101,101,.39)}
.counter-list .counter-card--3{background:#ffd100;color:#111}
.counter-list .counter-card--3:before{content:'';position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,209,0,.74),rgba(255,209,0,.74)),var(--counter-photo);background-position:center;background-size:cover}
.counter-card__icon{display:block;color:var(--yellow);height:46px;margin:0 auto 12px}
.counter-card__icon svg{display:block;width:46px;height:46px;margin:auto}
.counter-card--3 .counter-card__icon{color:#111}
.topics-section,.contact-cards{background-image:linear-gradient(rgba(245,241,232,.32),rgba(245,241,232,.32)),url('assets/paper-texture.webp');background-repeat:repeat;background-size:auto,600px auto}
@media(max-width:700px){
  .site-header{z-index:50}
  .menu-toggle{z-index:52}
  .menu-toggle span{transition:transform .2s ease,opacity .2s ease}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(8px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-8px) rotate(-45deg)}
  .primary-nav{z-index:51;top:103px;box-shadow:0 10px 20px rgba(0,0,0,.3)}
  .primary-nav__list a{padding:5px 20px;font-size:15px;line-height:1.35}
  .editorial-section{padding-bottom:0;row-gap:0}
  .editorial-section__content{order:1;padding-top:61px;margin-bottom:82px}
  .editorial-section__images{order:2;display:flex;flex-direction:column;align-items:center;gap:10px}
  .editorial-section__images>div{flex:none;width:158px}
  .editorial-section__images img{width:158px;height:374px}
  .editorial-section__images>div:first-child img{height:404px}
  .counter-section{padding-top:40px}
  .counter-list .counter-card{min-height:170px;padding:12px 4px}
  .counter-card__icon{height:34px;margin-bottom:8px}
  .counter-card__icon svg{width:34px;height:34px}
  .about-intro{display:flex;flex-direction:column;gap:35px}
  .about-intro__images{order:2;width:100%}
  .single .page-banner{height:500px}
  .single .page-banner h1{font-size:38px;line-height:1.16;max-width:350px;margin:45px auto 0}
  .single .article-page{padding-top:10px}
  .article-page__image{margin-bottom:40px}
}