/*
Theme Name: HLM
Description: Haapsalu Linnamajanduse koduleht kasutaja näidise põhjal.
Version: 1.0.3
Requires PHP: 7.4
Text Domain: hlm
*/

:root{--blue:#0088ba;--ink:#132b43;--pale:#eef6f8;--line:#dce5e8}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #e2b858;outline-offset:4px}.wrap{max-width:1180px;margin:auto;padding:0 34px}.demo{background:#eaf2f5;text-align:center;font-size:12px;padding:7px 15px;color:#42566a}.utility{background:#122e46;color:white;font-size:13px}.utility .wrap{display:flex;justify-content:space-between;padding-top:7px;padding-bottom:7px}header{border-bottom:1px solid var(--line);background:white}.head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:22px}.brand{display:flex;gap:12px;align-items:center;font-weight:700;line-height:1.25}.mark{background:var(--blue);color:#fff;font-size:25px;padding:12px 9px;border-radius:5px;letter-spacing:-2px}.brand small{display:block;font-size:12px;font-weight:400;margin-top:4px;color:#587080}nav{display:flex;align-items:center;gap:24px;font-size:14px}nav a[aria-current=page]{color:var(--blue);font-weight:700}.menu{display:none}.button,button{border:0;background:var(--blue);color:white;padding:12px 20px;display:inline-block;border-radius:4px;cursor:pointer;font-weight:600}.button.outline{background:transparent;border:1px solid #9eb0bb;color:var(--ink)}h1,h2,h3{line-height:1.16;letter-spacing:-.035em;margin:0 0 20px}h1{font-size:clamp(37px,5vw,64px)}h2{font-size:clamp(29px,3vw,39px)}h3{font-size:23px}p{margin:0 0 20px;color:#506474}.eyebrow{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}.hero{display:grid;grid-template-columns:45% 55%;background:#f5f5f0;min-height:500px}.hero-copy{padding:68px 35px 60px max(34px,calc((100vw - 1112px)/2))}.hero-copy p{font-size:19px;max-width:410px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.photo{position:relative;min-height:400px;background:#d6d7cc}.photo img{width:100%;height:100%;position:absolute;object-fit:cover}.photo span{position:absolute;bottom:20px;right:24px;background:#fffffff0;padding:6px 14px;font-size:13px}.quick{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.quick a{padding:25px 10px;text-align:center;font-weight:600;border-right:1px solid var(--line)}.quick a:last-child{border:0}.quick b{color:var(--blue);margin-right:12px}.section{padding:72px 0}.pale{background:var(--pale)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-top p{margin:0}.grid{display:grid;gap:24px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr 1fr}.service{padding:25px 20px 22px 0;border-top:3px solid var(--blue)}.service .num{color:#7696a7;font-size:13px;display:block;margin-bottom:30px}.service p{font-size:15px}.textlink{color:var(--blue);font-weight:600;font-size:14px}.project{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:white}.project-art{height:205px;background:#e8ede8;display:flex;align-items:center;justify-content:center;color:#69818b;font-size:18px;position:relative}.project-art img{width:100%;height:100%;object-fit:cover}.project-art .address{font-size:30px;font-weight:300;border-bottom:2px solid #acbdbc;padding:16px}.project-body{padding:24px}.project-body p{margin-bottom:12px;font-size:15px}.tag{display:inline-block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#52717c;margin-bottom:14px}.page-intro{background:#f1f5f4;padding:64px 0}.page-intro h1{max-width:850px}.page-intro p{max-width:730px;font-size:19px}.crumb{font-size:13px;margin-bottom:25px;color:#637986}.reading{max-width:780px}.reading li{margin:10px 0;color:#506474}.reading h2{margin-top:40px}.note{background:#fff6df;border-left:3px solid #c99e40;padding:14px 18px;font-size:14px;color:#675934;margin:20px 0}.quote{padding:35px;background:white;border:1px solid var(--line);border-radius:6px}label{display:block;font-size:14px;font-weight:600;margin-bottom:15px}input,textarea,select{display:block;width:100%;padding:11px 12px;margin-top:6px;border:1px solid #aebfc9;border-radius:4px;background:white;color:var(--ink)}textarea{min-height:100px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.message{margin-top:15px;color:#256943}.contactbox{padding:30px 0;border-bottom:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-weight:600}details p{padding-top:15px;margin:0}.footer{background:#132d43;color:white;padding:42px 0}.footer p{color:#bad0df;font-size:14px}.footer a{display:block;margin:6px 0}.footer .brand{margin-bottom:18px}.copyright{font-size:12px;color:#adc0cf;margin-top:30px;border-top:1px solid #355064;padding-top:20px}.linklist{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.linklist a{padding:9px 15px;background:#eef4f5;border-radius:3px}.main{min-height:60vh}.hidden{display:none!important}@media(max-width:850px){.head{flex-wrap:wrap}.menu{display:block;padding:9px 13px}nav{display:none;width:100%;flex-wrap:wrap;gap:18px}nav.open{display:flex}.four{grid-template-columns:1fr 1fr}.hero-copy{padding:45px 26px}.hero{min-height:420px}.hero-copy h1{font-size:44px}.brand{font-size:15px}}@media(max-width:600px){.wrap{padding:0 22px}.head{padding-top:18px;padding-bottom:18px}.utility .wrap{padding-top:8px;padding-bottom:8px}.utility span{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 22px}.hero-copy h1{font-size:43px}.photo{min-height:310px}.quick{grid-template-columns:1fr}.quick a{text-align:left;padding:14px 22px;border-right:0;border-bottom:1px solid var(--line)}.three,.two,.four,.form-grid{grid-template-columns:1fr}.section{padding:45px 0}.section-top{display:block}.section-top a{display:inline-block;margin-top:10px}.service{padding-top:18px}.service .num{margin-bottom:15px}.page-intro{padding:40px 0}.quote{padding:22px}.footer .grid{gap:25px}.project-art{height:220px}}

.screen-reader-text{position:absolute;left:-10000px}.skip-link:focus{position:fixed;left:12px;top:12px;z-index:999;background:white;padding:12px}.wp-block-image img{max-width:100%;height:auto}.status{padding:15px;background:#fff6df}.footer ul{list-style:none;padding:0}.footer li{display:inline-block;margin-right:20px}

#nav{list-style:none}#nav>li{list-style:none}#nav .current-menu-item>a{color:var(--blue);font-weight:700}.skip-link:focus{width:auto;height:auto;clip:auto;overflow:visible}

#nav>ul{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}#nav li{list-style:none;margin:0;padding:0}@media(max-width:850px){#nav>ul{flex-wrap:wrap;gap:18px}}