/*
Theme Name: Kakalis Industrial
Description: Industrial theme for a Greek construction contractor. Home, projects and contact templates.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: domi-industrial
*/
:root{--background:#202428;--foreground:#fff;--primary:#f2b632;--primary-foreground:#202428;--card:#292e32;--card-foreground:#fff;--popover:#202428;--popover-foreground:#fff;--secondary:#30363a;--secondary-foreground:#fff;--muted:#30363a;--muted-foreground:#c4c8ca;--accent:#f2b632;--accent-foreground:#202428;--border:#454b50;--input:#454b50;--ring:#f2b632;--radius:0;--ink:#202428;--yellow:#f2b632;--paper:#f5f5f2;--line:#d6d7d2}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:white;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}::selection{background:var(--yellow);color:var(--ink)}.container{width:min(1240px,calc(100% - 96px));margin:auto}.demo-bar{background:#15191c;display:flex;justify-content:space-between;padding:8px 48px;border-bottom:1px solid #353a3e;color:#d5d7d8;font-size:12px;letter-spacing:.07em}.demo-bar span{letter-spacing:0}.site-header{background:#202428;position:relative;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:112px}.brand{font-size:42px;font-weight:900;letter-spacing:-2px;line-height:1;display:inline-flex;flex-direction:column}.brand span{font-size:11px;line-height:2;letter-spacing:5px;color:var(--yellow);padding-left:2px}.site-header nav{display:flex;gap:34px;align-items:center}.site-header nav a{position:relative;padding:14px 0;font-size:15px}.site-header nav a[aria-current=page]:after{position:absolute;content:'';bottom:0;left:0;width:28px;height:3px;background:var(--yellow)}.site-header nav a:hover{color:var(--yellow)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;background:var(--yellow);color:var(--ink);padding:14px 23px;font-weight:700;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#ffca53;transform:translateY(-2px)}.button span{font-size:24px;line-height:1}.button.outline{background:transparent;color:inherit;border:1px solid currentColor}.button.outline:hover{background:#ffffff16}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:13px;margin:0 0 24px}.eyebrow:before{content:'';height:2px;width:32px;background:var(--yellow)}.hero{position:relative;min-height:690px;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,21,25,.93),rgba(16,21,25,.63) 46%,rgba(16,21,25,.06) 100%)}.hero-content{position:relative;z-index:1;padding-top:58px;padding-bottom:116px}.hero h1{font-size:clamp(48px,6.7vw,88px);letter-spacing:-.055em;line-height:1.08;margin:0 0 26px;font-weight:800;max-width:790px}.yellow{color:var(--yellow)}.hero p:not(.eyebrow){color:#e2e3e4;font-size:19px;max-width:485px;margin:0 0 34px}.hero .eyebrow{color:#f3c35b}.hero-meta{display:flex;gap:38px;margin-top:43px;font-size:13px;color:#e2e3e4}.hero-meta span{border-left:2px solid var(--yellow);padding-left:12px}.services{position:relative;z-index:2;margin-top:-42px;display:grid;grid-template-columns:repeat(3,1fr);background:#282e32;border-top:3px solid var(--yellow)}.service{padding:30px 32px 34px;border-right:1px solid #454b50}.service:last-child{border:0}.service-num{font-size:13px;color:var(--yellow);letter-spacing:.1em}.service h2{font-size:24px;line-height:1.3;margin:18px 0 12px;letter-spacing:-.04em}.service p{font-size:15px;line-height:1.75;color:#c4c8ca;margin:0}.section{padding:108px 0}.light{background:var(--paper);color:var(--ink)}.portfolio-home{margin-top:80px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-top h2,.intro h1,.contact-title{font-size:clamp(38px,4.2vw,58px);line-height:1.12;letter-spacing:-.045em;margin:0}.section-top p{max-width:420px;color:#565d62;font-size:16px;margin:0}.section-top .eyebrow{font-size:12px;margin-bottom:24px}.projects-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}.project-photo{display:block;overflow:hidden;background:#d0d0cc}.project-photo img{width:100%;aspect-ratio:1.4;object-fit:cover;transition:transform .5s}.project-photo:hover img{transform:scale(1.03)}.project-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.project-caption h3{font-size:21px;margin:3px 0;line-height:1.3}.project-caption p{font-size:12px;letter-spacing:.09em;text-transform:uppercase;margin:0;color:#656c70}.project-caption>span{font-size:27px}.section-action{margin-top:38px;display:flex;justify-content:space-between;align-items:center;gap:24px}.caption-note{font-size:13px;color:#62696d;max-width:600px}.process{display:grid;grid-template-columns:.95fr 1.5fr;gap:96px}.process h2{font-size:44px;line-height:1.15;letter-spacing:-.04em;margin:0}.steps{display:grid;gap:26px}.step{display:grid;grid-template-columns:42px 1fr;gap:20px;border-bottom:1px solid #43494c;padding-bottom:25px}.step>span{color:var(--yellow);font-size:15px;padding-top:4px}.step h3{font-size:22px;line-height:1.3;margin:0 0 10px}.step p{color:#c4c8ca;margin:0;font-size:16px}.cta-band{background:var(--yellow);color:var(--ink);padding:58px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-band h2{font-size:36px;line-height:1.2;letter-spacing:-.04em;margin:0 0 12px}.cta-band p{margin:0}.cta-band .button{background:var(--ink);color:white;flex-shrink:0}.site-footer{background:#191e21}.footer-main{padding:62px 0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:32px}.footer-main p{color:#c4c8ca;margin:0}.footer-main nav{display:flex;flex-direction:column;gap:12px;justify-self:end;font-size:15px}.footer-main nav a:hover{color:var(--yellow)}.footer-bottom{border-top:1px solid #3b4246;padding:22px 0;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#aeb4b8}.skip-link{position:absolute;top:-200px;left:20px;background:var(--yellow);color:var(--ink);padding:15px;z-index:100}.skip-link:focus{top:10px}.intro{padding:70px 0 72px;border-top:1px solid #40464b}.intro-content{display:flex;justify-content:space-between;align-items:end;gap:55px}.intro-content p{margin:0;max-width:440px;color:#c4c8ca}.breadcrumb{font-size:13px;color:#bbc1c5;margin-bottom:40px}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{margin:0 12px;color:var(--yellow)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:45px 32px}.gallery figure{margin:0}.gallery figure:first-child{grid-column:1/-1}.gallery figure:first-child img{aspect-ratio:2.2}.gallery img{aspect-ratio:1.4;width:100%;object-fit:cover}.gallery figcaption{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.gallery h2{margin:0;font-size:23px;line-height:1.3}.gallery figcaption p{font-size:14px;color:#62696d;margin:5px 0 0}.gallery figcaption>span{color:#70777b;font-size:14px}.gallery-note{margin:0 0 32px;font-size:14px;color:#62696d;border-left:3px solid var(--yellow);padding-left:16px}.contact-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px}.contact-title{margin:0 0 25px}.contact-copy{color:#565d62;max-width:500px}.contact-items{margin-top:42px;border-top:1px solid var(--line)}.contact-item{padding:23px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:135px 1fr;gap:20px}.contact-item dt{font-weight:bold}.contact-item dd{margin:0;color:#656c70}.brief-card{background:#202428;color:white;padding:40px;border-top:4px solid var(--yellow)}.brief-card h2{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:0 0 24px}.brief-card ol{list-style:none;counter-reset:brief;padding:0;margin:0}.brief-card li{counter-increment:brief;display:grid;grid-template-columns:30px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid #43494c}.brief-card li:before{content:'0' counter(brief);color:var(--yellow);font-size:13px;padding-top:3px}.brief-card strong{font-size:17px;display:block}.brief-card p{color:#c4c8ca;font-size:15px;margin:5px 0 0}.contact-note{font-size:14px;color:#62696d;margin-top:25px}.editor-content img{max-width:100%;height:auto}.editor-content{padding:50px 0}.wp-block-gallery{gap:24px}.custom-logo{max-height:65px;width:auto}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1600px){.hero{min-height:780px}}
@media(max-width:1000px){.container{width:calc(100% - 56px)}.header-inner{gap:20px}.header-cta{display:none}.hero{min-height:620px}.hero h1{font-size:68px}.service{padding:26px 24px}.service h2{font-size:21px}.section{padding:78px 0}.process{gap:50px}.contact-grid{gap:40px}.demo-bar{padding-inline:28px}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.demo-bar{padding:7px 20px;font-size:10px;letter-spacing:.03em}.demo-bar span{display:none}.header-inner{min-height:116px;gap:12px;flex-wrap:wrap;padding:18px 0 14px}.brand{font-size:32px}.brand span{font-size:9px;letter-spacing:3.7px}.site-header nav{gap:23px;width:100%;justify-content:space-between}.site-header nav a{font-size:14px;padding:6px 0}.hero{min-height:600px;align-items:flex-start}.hero-content{padding-top:58px;padding-bottom:90px}.hero h1{font-size:49px;line-height:1.1}.hero p:not(.eyebrow){font-size:17px}.hero .eyebrow{font-size:10px;letter-spacing:.12em}.hero:after{background:linear-gradient(90deg,#131a20e8,#131a20a3)}.hero-photo{object-position:65% center}.hero-meta{gap:16px;font-size:11px;flex-wrap:wrap}.services{grid-template-columns:1fr;margin-top:-30px}.service{border-right:0;border-bottom:1px solid #454b50;padding:23px 25px;display:grid;grid-template-columns:28px 1fr;gap:0 13px}.service h2{margin:0 0 9px}.service-num{padding-top:3px}.service p{grid-column:2}.section{padding:65px 0}.portfolio-home{margin-top:60px}.section-top,.intro-content{flex-direction:column;align-items:start;gap:25px}.section-top h2,.intro h1,.contact-title{font-size:39px}.section-top p{max-width:none}.projects-pair{grid-template-columns:1fr;gap:35px}.project-caption h3{font-size:20px}.section-action{align-items:start;flex-direction:column;gap:15px}.process{grid-template-columns:1fr;gap:35px}.process h2{font-size:37px}.step h3{font-size:20px}.cta-inner{flex-direction:column;align-items:start;gap:26px}.cta-band{padding:42px 0}.cta-band h2{font-size:31px}.footer-main{grid-template-columns:1fr 1fr;padding:43px 0}.footer-main p{font-size:14px;justify-self:end}.footer-main nav{grid-column:1/-1;flex-direction:row;justify-self:start;gap:25px;font-size:14px}.footer-bottom{flex-direction:column;gap:10px}.intro{padding:38px 0 50px}.breadcrumb{margin-bottom:28px}.intro-content p{font-size:16px}.gallery{grid-template-columns:1fr;gap:33px}.gallery figure:first-child{grid-column:auto}.gallery figure:first-child img{aspect-ratio:1.4}.gallery h2{font-size:21px}.gallery figcaption>span{display:none}.contact-grid{grid-template-columns:1fr;gap:38px}.contact-item{grid-template-columns:1fr;gap:5px;padding:18px 0}.brief-card{padding:28px}.contact-title{font-size:35px}.eyebrow{font-size:11px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
h1,h2,h3{font-weight:700} .wp-block-image img{height:auto} .alignwide{max-width:1240px} .alignfull{max-width:none} .editor-content a{text-decoration:underline}

.brand{font-size:clamp(23px,2.2vw,30px);letter-spacing:-.8px;line-height:1.12;max-width:245px}.brand span{letter-spacing:3px;margin-top:5px}.gallery .project-photo img{object-fit:cover}.gallery-empty{padding:30px 0}