/*
Theme Name: Harry
Theme URI: https://www.harrygroup.au/
Author: Harry Group
Description: Standalone theme for Harry Group: project management, microcement, epoxy floors, liquid metal and Lily Bathrooms. Images, colours and contact details are edited in the Customizer.
Version: 1.1.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: harry
*/
:root{--accent:#F5BE2E}
body{margin:0;background:#0E0E0D}
a{color:inherit;text-decoration:none}
.harry-site{background:#0E0E0D;color:#F4F2EE;font-family:'Space Grotesk',sans-serif;font-size:17px;line-height:1.6}
.d{font-family:'Archivo',sans-serif;font-stretch:125%;font-weight:900;text-transform:uppercase;margin:0;line-height:1}
.l{font-family:'Archivo',sans-serif;font-stretch:112%;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.k{margin:0 0 28px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:500}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:56px 96px;max-width:1200px;margin:0 auto;align-items:start}
.p{margin:0 0 18px}
.q{border-top:1px solid #34312C;padding:22px 0}
.q .l{font-size:14px;color:var(--accent);display:block;margin-bottom:6px}
.row:hover{background:#171614}
.row:hover .arr{color:var(--accent);transform:translateX(6px)}
.arr{transition:transform .25s,color .25s}
.f label{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#B5AEA0;margin:0 0 8px}
.f input,.f select,.f textarea{width:100%;box-sizing:border-box;background:#191917;border:1px solid #34312C;color:#F4F2EE;font:inherit;padding:16px;border-radius:0;margin-bottom:24px}
.f input:focus,.f select:focus,.f textarea:focus{outline:2px solid var(--accent);outline-offset:0}
.f .btn{background:var(--accent);color:#0E0E0D;border:0;padding:18px 36px;cursor:pointer;font-size:14px}
.f .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
html,body{overflow-x:hidden}
.harry-site{overflow-x:hidden}
.harry-site img{max-width:100%;height:auto}
.d{overflow-wrap:break-word;word-break:normal}
.nav{position:relative;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:40px 56px}
.nav-logo{font-family:'Archivo',sans-serif;font-weight:400;font-size:40px;letter-spacing:-.04em;color:var(--accent);line-height:1}
.nav-links{display:flex;align-items:center;gap:28px;font-weight:500;font-size:15px;white-space:nowrap}
.nav-links a{padding-bottom:4px;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}
.nav-links a:hover,.nav-links a.is-active{border-bottom-color:var(--accent)}
.nav-links a:hover{color:var(--accent)}
.nav-toggle{display:none;position:relative;z-index:70;background:transparent;color:#F4F2EE;border:1px solid #6B6558;padding:10px 18px;font-family:'Archivo',sans-serif;font-stretch:112%;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:12px;cursor:pointer}
.nav-toggle:focus-visible,.nav-links a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1280px){.nav{padding:36px 40px}.nav-links{gap:20px;font-size:14px}}
@media(max-width:1100px){
.nav{padding:24px 24px}
.nav-logo{font-size:34px}
.nav-toggle{display:inline-block}
.nav-links{position:fixed;inset:0;z-index:60;background:#0E0E0D;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:96px 32px 40px;font-family:'Archivo',sans-serif;font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:clamp(24px,6.5vw,40px);line-height:1.15;white-space:normal;transform:translateX(100%);visibility:hidden;transition:transform .35s ease,visibility 0s .35s;overflow-y:auto}
.nav-links.open{transform:none;visibility:visible;transition:transform .35s ease}
.nav-links a{padding:10px 0;border-bottom:0;width:100%}
.nav-links a.is-active{color:var(--accent)}
html.nav-open,html.nav-open body{overflow:hidden}
section[style*="padding:"],footer{padding-left:40px!important;padding-right:40px!important}
section>div[style*="padding:0 56px"]{padding-left:40px!important;padding-right:40px!important}
section>div[style*="right:0;top:0"]{width:100%!important;opacity:.45}
section>div[style*="right:0;top:0"]::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,14,13,.7),rgba(14,14,13,.2))}
section>div[style*="right:0;top:0"] span{position:relative;z-index:1}
.g{gap:48px}
}
@media(max-width:900px){
.row{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"n t a" ". d a";gap:10px 16px!important;align-items:start!important;padding:28px 0!important}
.row>span:nth-child(1){grid-area:n;width:auto!important;padding-top:6px}
.row>span:nth-child(2){grid-area:t;min-width:0!important;font-size:clamp(22px,6.4vw,36px)!important;overflow-wrap:anywhere}
.row>span:nth-child(3){grid-area:d;min-width:0!important;font-size:15px;line-height:1.5}
.row>span:nth-child(4){grid-area:a;align-self:center}
}
@media(max-width:700px){
section[style*="padding:"],footer{padding-left:24px!important;padding-right:24px!important}
section[style*="padding:1"]{padding-top:72px!important;padding-bottom:72px!important}
footer{padding-top:64px!important;padding-bottom:64px!important}
section>div[style*="padding:0 56px"]{padding-left:24px!important;padding-right:24px!important;padding-bottom:56px!important}
section[style*="min-height:700px"],section[style*="min-height:860px"]{min-height:560px!important}
h1.d{font-size:clamp(26px,8.2vw,40px)!important;line-height:1.05!important}
h2.d{font-size:clamp(22px,7vw,32px)!important;line-height:1.1!important}
footer a.d{font-size:clamp(15px,4.8vw,24px)!important;overflow-wrap:anywhere}
footer>div{flex-direction:column;align-items:flex-start!important}
div[style*="minmax(360px"]{grid-template-columns:1fr!important}
.f{max-width:100%!important}
body{font-size:16px}
}