/*
Theme Name: Mario Insulation Simple
Theme URI: https://marioinsulation.com/
Author: SSA Network
Description: A clean, responsive WordPress theme for Mario Insulation Ltd. featuring insulation services, company information and email enquiries. No telephone numbers.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
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: mario-insulation-simple
Tags: one-column, custom-logo, custom-menu, featured-images, theme-options, accessibility-ready
*/
:root{--deep:#153b34;--deep2:#102e29;--ink:#203a34;--muted:#697970;--lime:#d2ef81;--cream:#f6f8f2;--offwhite:#fcfcf8;--line:#e4e9e1;--shadow:0 25px 60px rgba(24,53,43,.09);--radius:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--offwhite);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{font:inherit}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.08}h1,h2{font-weight:780}h3{font-weight:720}p{line-height:1.72}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section-wrap{scroll-margin-top:90px}.screen-reader-text:not(:focus){position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.skip-link:focus{position:fixed;top:12px;left:12px;z-index:1000;padding:10px 16px;background:white;box-shadow:var(--shadow)}:focus-visible{outline:3px solid #5da679;outline-offset:4px}
.top-note{background:var(--deep2);color:#c9d6cc;font-size:11px;letter-spacing:.085em;font-weight:650}.top-note-inner{min-height:33px;display:flex;align-items:center;justify-content:space-between;gap:16px}.top-note-inner>span:first-child{display:flex;align-items:center;gap:10px}.top-note-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);display:inline-block;box-shadow:0 0 0 3px #d2ef8130}.site-header{position:relative;z-index:10;background:var(--offwhite);border-bottom:1px solid #ecf0e8}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:94px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-symbol{display:grid;place-items:center;width:43px;height:43px;background:var(--deep);color:var(--lime);border-radius:8px;padding:7px}.brand-symbol svg{width:32px;height:32px}.brand-type{display:flex;flex-direction:column;line-height:.96;letter-spacing:-.04em;font-size:19px;font-weight:870}.brand-type span{font-size:17px;font-weight:750;letter-spacing:.015em}.brand-type small{font-size:8px;letter-spacing:.29em;margin-top:5px;font-weight:700}.custom-logo-link img{max-height:60px;width:auto}.primary-nav{margin-left:auto}.nav-list{padding:0;margin:0;display:flex;align-items:center;gap:31px;list-style:none}.nav-list a{font-size:13px;font-weight:700;color:#3e514b;transition:color .2s}.nav-list a:hover,.nav-list a:focus{color:#148056}.btn{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:53px;padding:0 23px;border-radius:5px;font-size:13px;font-weight:800;letter-spacing:.012em;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-header{background:var(--deep);color:#fff;min-height:44px;padding-inline:19px;gap:18px;font-size:12px}.btn-header:hover{background:#26594a}.btn-primary{background:var(--deep);color:white;box-shadow:0 8px 18px #163c3214}.btn-primary:hover{background:#245848;box-shadow:0 10px 20px #163c3225}.btn span,.text-link span{font-size:20px;font-weight:400;line-height:1}.menu-toggle{display:none;border:none;background:transparent;cursor:pointer}
.hero{background:linear-gradient(135deg,#f8faf5 0%,#f8faf5 48%,#f2f6ed 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:40px;align-items:center;min-height:635px;padding-block:68px 77px}.eyebrow{color:#4b806e;font-weight:820;font-size:11px;letter-spacing:.16em;line-height:1.5;display:flex;align-items:center;gap:12px;margin-bottom:24px}.eyebrow-line{width:24px;height:2px;background:#6aaf87;flex-shrink:0}.hero h1{font-size:clamp(52px,5.3vw,82px);line-height:1.07;letter-spacing:-.07em;color:var(--deep2);margin-bottom:24px}.accent-text{color:#62956e}.hero-description{font-size:17px;color:#67766d;max-width:535px;line-height:1.8;margin-bottom:35px}.hero-actions{display:flex;align-items:center;gap:31px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:20px;font-weight:800;font-size:13px;color:#244c40;border-bottom:1px solid #a9c8b4;padding-bottom:5px}.text-link:hover{color:#448764}.text-link span{font-size:18px}.hero-highlights{margin-top:68px;display:flex;gap:38px}.hero-highlights>div{padding-left:18px;border-left:2px solid #b6d7b2;display:flex;flex-direction:column;gap:1px}.hero-highlights strong{font-size:19px;font-weight:800;line-height:1.3;color:var(--deep)}.hero-highlights span{font-size:11px;font-weight:600;color:#7b8982;letter-spacing:.01em}.hero-art{height:514px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:230px 230px 8px 8px;background:#dcebd8;isolation:isolate;box-shadow:inset 0 0 0 1px #e0ead9}.hero-art:before{content:"";position:absolute;inset:21px 21px auto;border:1px solid #eaf5e5;border-radius:220px 220px 0 0;height:280px;z-index:-1}.hero-art-sun{position:absolute;right:60px;top:48px;width:122px;height:122px;border-radius:50%;background:#c9e7a4;opacity:.8;filter:blur(.1px)}.hero-art-lines{position:absolute;inset:0;overflow:hidden;z-index:-1}.hero-art-lines:before,.hero-art-lines:after{content:"";position:absolute;border:1px solid #c0d6b8;border-radius:50%;width:660px;height:660px;top:54px;left:-100px}.hero-art-lines:after{width:520px;height:520px;top:121px;left:-20px}.hero-house{position:relative;display:block;width:108%;max-width:none;transform:translate(-11px,5px);filter:drop-shadow(0 18px 16px #355b4326)}.art-badge{position:absolute;left:-38px;bottom:74px;background:#fff;padding:15px 20px;display:flex;align-items:center;gap:12px;border-radius:8px;box-shadow:var(--shadow);font-size:12px;line-height:1.5;color:#63756c}.art-badge strong{color:var(--deep);font-size:15px}.art-badge-icon{display:grid;place-items:center;color:#416b54;background:#e5f4cd;border-radius:50%;width:41px;height:41px;font-size:24px}.art-caption{position:absolute;bottom:18px;right:28px;font-size:10px;font-weight:740;letter-spacing:.06em;color:#607e65}
.audience-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.audience-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:95px}.audience-inner span:not(.audience-title){font-size:14px;font-weight:700;color:#67746d}.audience-title{font-size:10px;font-weight:870;letter-spacing:.18em;color:#a0ada1}.audience-inner i{width:4px;height:4px;border-radius:50%;background:#b7cbb0;flex:0 0 auto}
.services-section{padding:116px 0 120px;background:#fff}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:65px}.section-heading h2,.project-copy h2{font-size:clamp(40px,4.25vw,62px);margin-bottom:0;color:var(--deep2)}.section-heading h2 em,.project-copy h2 em{font-family:Georgia,serif;font-style:italic;font-weight:500;color:#67976e;letter-spacing:-.045em}.services-heading>p{max-width:350px;margin-bottom:7px;font-size:15px;color:#7b877f}.eyebrow-dark{color:#658774}.service-grid{margin-top:55px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.service-card{position:relative;background:#f7f9f4;border:1px solid #e9eee4;border-radius:7px;padding:26px 23px 32px;min-height:331px;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-primary{background:#e1eed8;border-color:#e1eed8}.card-number{font-size:9px;color:#7c9184;letter-spacing:.16em;font-weight:850}.service-icon{width:65px;height:65px;display:grid;place-items:center;margin:27px 0 22px;color:#416f57;background:#eaf3e5;border-radius:15px}.service-primary .service-icon{background:#d0e5c3}.service-icon svg{width:42px;height:42px}.service-card h3{font-size:20px;letter-spacing:-.045em;margin-bottom:12px;color:var(--deep)}.service-card p{font-size:12px;line-height:1.75;color:#687970;margin-bottom:18px}.service-arrow{position:absolute;bottom:25px;right:24px;color:#638b69;font-size:20px}
.about-section{background:var(--deep2);padding:100px 0;color:#e7efe8;overflow:hidden}.about-grid{display:grid;grid-template-columns:.94fr 1fr;gap:100px;align-items:center}.about-visual{min-height:455px;background:#295747;position:relative;border-radius:6px;overflow:hidden;isolation:isolate}.about-shape{position:absolute;transform:rotate(-19deg);border:2px solid #628a72;opacity:.7}.about-shape.a{width:380px;height:380px;top:-220px;right:-100px;border-radius:32px}.about-shape.b{width:400px;height:400px;bottom:-240px;left:-170px;border-radius:28px}.about-shape.c{width:300px;height:300px;top:120px;right:-140px;border-radius:10px;background:#32674f;opacity:.4}.about-type{position:absolute;top:75px;left:48px;font-size:clamp(60px,6.1vw,88px);font-weight:870;line-height:.99;letter-spacing:-.075em;color:#e6f5cf}.about-type span,.about-period{color:var(--lime)}.about-visual-note{position:absolute;left:51px;bottom:34px;letter-spacing:.09em;color:#c3dcc4;font-size:11px;font-weight:720}.about-copy .eyebrow{color:#a4cbb0}.about-copy h2{font-size:clamp(44px,4.8vw,69px);letter-spacing:-.065em;margin:0 0 27px;color:#f5f8f2}.about-lead{font-size:16px;color:#d5e5d8;line-height:1.85;margin-bottom:16px}.about-copy>p:not(.eyebrow):not(.about-lead){font-size:14px;line-height:1.8;color:#aebfb4;margin-bottom:32px}.inline-light-link{display:inline-flex;align-items:center;gap:28px;font-size:13px;font-weight:800;color:var(--lime);border-bottom:1px solid #88a695;padding-bottom:8px}.inline-light-link:hover{color:#fff}
.project-section{padding:122px 0 119px;background:var(--cream)}.project-grid{display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:100px}.project-copy h2{margin-bottom:27px}.project-intro{max-width:420px;font-size:15px;color:#748078}.project-facts{display:flex;gap:42px;margin:35px 0 24px}.project-facts>div{display:flex;flex-direction:column;gap:3px}.project-facts span{font-size:10px;font-weight:850;letter-spacing:.12em;color:#a1aba1}.project-facts strong{font-size:13px;color:#335b44}.project-copy>p:not(.eyebrow):not(.project-intro){font-size:14px;max-width:490px;color:#69766e;line-height:1.8;margin-bottom:24px}.text-link-dark{color:var(--deep)}.project-graphic{position:relative;background:#dce8d8;height:440px;border-radius:5px;overflow:hidden}.project-graphic:before{content:"";position:absolute;width:370px;height:370px;right:-120px;top:-170px;border:1px solid #bdcdb8;border-radius:50%}.project-pill{position:absolute;top:28px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.14em;font-weight:830;color:#3c684c;z-index:3}.project-pill span{font-size:20px}.project-houses{position:absolute;bottom:110px;left:26px;right:24px;height:200px;display:flex;align-items:flex-end;gap:6px}.p-house{height:140px;flex:1;background:#5e9476;position:relative;box-shadow:inset -8px 0 0 #24513e0e}.p-house-one{height:130px;background:#afc5a4}.p-house-two{height:190px;background:#3e6f5b}.p-house-three{height:150px;background:#81ad91}.p-roof{position:absolute;left:-3px;right:-3px;top:-32px;height:35px;clip-path:polygon(0 100%,50% 0,100% 100%);background:#254f3e}.p-house-one .p-roof{background:#577a62}.p-house-three .p-roof{background:#416953}.p-windows{position:absolute;top:34px;left:16%;width:26%;height:32px;background:#d9e9c6;box-shadow:54px 0 #d9e9c6;outline:4px solid #37634d33}.p-house-two .p-windows{top:58px}.p-door{position:absolute;bottom:0;left:40%;width:27%;height:55px;background:#203f36}.p-house-two .p-door{height:75px}.project-graphic-footer{position:absolute;left:35px;right:35px;bottom:20px;border-top:1px solid #b0c8b0;display:flex;align-items:center;gap:15px;padding-top:14px}.project-graphic-footer span{font-size:50px;line-height:1;letter-spacing:-.075em;font-weight:860;color:var(--deep)}.project-graphic-footer p{font-size:11px;line-height:1.4;font-weight:720;color:#557763;margin:0}
.contact-section{background:#fff;padding:0 0 95px}.contact-box{background:var(--lime);padding:63px 78px;border-radius:7px;display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative;overflow:hidden}.contact-box:after{content:"";width:310px;height:310px;position:absolute;right:160px;top:-245px;border-radius:50%;border:1px solid #a1d164;pointer-events:none}.contact-copy{position:relative;z-index:1}.contact-copy h2{font-size:clamp(40px,4.3vw,62px);color:var(--deep2);margin-bottom:19px}.contact-copy>p:last-child{max-width:420px;font-size:14px;color:#496245;margin-bottom:0}.contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:13px;position:relative;z-index:1}.contact-button{min-width:216px}.contact-email{font-weight:790;color:var(--deep);font-size:15px}.contact-action>span{font-size:12px;color:#607454}.site-footer{background:var(--deep2);color:#a7bcb1}.footer-main{padding:70px 0 58px;display:grid;grid-template-columns:1.5fr .6fr 1fr 1fr;gap:48px}.footer-main h3{font-size:11px;color:#f0f6ec;text-transform:uppercase;letter-spacing:.15em;line-height:1.5;font-weight:800;margin:1px 0 22px}.footer-brand-block p{font-size:13px;max-width:230px;line-height:1.8;margin:20px 0 0}.footer-logo{display:block;color:#fff;font-size:21px;font-weight:900;letter-spacing:-.065em;line-height:1}.footer-logo span{color:var(--lime)}.footer-logo small{font-size:10px;letter-spacing:0;font-weight:700}.footer-main div:not(.footer-brand-block)>a{display:block;font-size:13px;margin-bottom:8px}.footer-main a:hover{color:var(--lime)}.footer-main address{font-style:normal;font-size:13px;line-height:1.9}.footer-reg{display:block;margin-top:20px;font-size:12px}.footer-reg a{text-decoration:underline;text-underline-offset:3px}.footer-main .footer-email{color:var(--lime);font-size:13px;font-weight:760;overflow-wrap:anywhere}.footer-bottom{border-top:1px solid #ffffff23;display:flex;justify-content:space-between;gap:25px;padding:25px 0 31px;font-size:11px;letter-spacing:.02em;color:#94a99f}
.content-main{min-height:56vh;padding:85px 0 100px;background:var(--cream)}.content-container{max-width:850px}.content-title{font-size:clamp(42px,5vw,65px);margin-bottom:28px}.content-article{background:white;padding:38px 45px;border-radius:8px}.content-article .content-title{margin-bottom:27px}.entry-content{line-height:1.85;color:#46584b}.entry-content h2,.entry-content h3{margin-top:40px;color:var(--deep)}.entry-content a{text-decoration:underline;text-decoration-color:#8da96d;text-underline-offset:3px}.entry-content img{border-radius:5px}.entry-content ul,.entry-content ol{padding-left:25px}.post-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.post-card{padding:32px;background:#fff;border-radius:6px;border:1px solid var(--line)}.post-card h2{font-size:25px}.post-card p{font-size:14px;color:var(--muted)}.post-date{font-size:12px;color:#8c9b8c}.post-image{margin:20px 0 30px}.nav-links{display:flex;gap:15px;margin-top:25px}
@media(max-width:1070px){.container{width:min(1200px,calc(100% - 56px))}.header-inner{gap:12px}.nav-list{gap:18px}.hero-grid{gap:24px}.hero h1{font-size:clamp(48px,5.8vw,72px)}.about-grid,.project-grid{gap:55px}.service-card{padding-inline:19px}.service-card h3{font-size:18px}.footer-main{gap:30px}}
@media(max-width:820px){.top-note-inner>span:last-child{display:none}.top-note-inner{justify-content:center}.header-inner{min-height:78px}.menu-toggle{display:flex;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-left:auto}.menu-toggle span{width:23px;height:2px;background:var(--deep);border-radius:3px}.primary-nav{position:absolute;left:0;right:0;top:100%;background:var(--offwhite);padding:0 28px;max-height:0;opacity:0;overflow:hidden;visibility:hidden;box-shadow:0 15px 20px #142a2212;transition:max-height .2s,opacity .2s}.primary-nav.is-open{padding:20px 28px;max-height:320px;opacity:1;visibility:visible}.nav-list{flex-direction:column;align-items:stretch;gap:5px}.nav-list a{display:block;padding:10px 0}.btn-header{display:none}.hero-grid{grid-template-columns:1fr;padding-top:63px;gap:60px}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center}.hero-description{margin-inline:auto}.hero-actions,.hero-highlights{justify-content:center}.hero-highlights{margin-top:45px}.hero-art{max-width:600px;width:92%;margin-inline:auto;height:470px}.audience-inner{flex-wrap:wrap;justify-content:center;padding-block:24px;min-height:unset;row-gap:10px}.audience-title{width:100%;text-align:center}.service-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column;gap:22px}.services-heading>p{max-width:580px}.about-grid,.project-grid{grid-template-columns:1fr;gap:48px}.about-visual{max-width:620px;width:100%;margin-inline:auto;min-height:370px}.about-copy{max-width:620px}.project-graphic{max-width:620px;width:100%;margin-inline:auto}.contact-box{padding:55px;gap:28px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}}
@media(max-width:560px){.container{width:calc(100% - 38px)}.header-inner{min-height:73px}.brand-type{font-size:16px}.brand-type span{font-size:14px}.brand-symbol{width:39px;height:39px}.hero-grid{padding-top:47px;padding-bottom:50px;gap:46px}.hero h1{font-size:clamp(43px,11vw,57px);margin-bottom:23px}.hero-description{font-size:15px}.eyebrow{font-size:9px;letter-spacing:.13em}.hero-actions{flex-direction:column;gap:20px}.hero-highlights{gap:22px;margin-top:42px}.hero-highlights strong{font-size:15px}.hero-highlights span{font-size:10px}.hero-art{width:100%;height:338px;border-radius:170px 170px 5px 5px}.hero-house{width:115%;transform:translate(-8px,3px)}.hero-art-sun{width:90px;height:90px;right:30px;top:30px}.art-badge{left:-9px;bottom:52px;padding:9px 11px;font-size:10px}.art-badge-icon{width:33px;height:33px;font-size:20px}.art-badge strong{font-size:12px}.art-caption{font-size:8px;right:15px;bottom:12px}.audience-inner span:not(.audience-title){font-size:11px}.audience-inner{gap:10px}.services-section,.project-section{padding:80px 0}.section-heading h2,.project-copy h2{font-size:44px}.service-grid{grid-template-columns:1fr;gap:15px;margin-top:35px}.service-card{min-height:262px;padding:25px}.service-icon{margin:13px 0 15px}.service-card h3{font-size:22px}.service-card p{font-size:13px;max-width:350px}.about-section{padding:73px 0}.about-visual{min-height:320px}.about-type{top:55px;left:28px;font-size:62px}.about-visual-note{left:29px;bottom:22px;font-size:10px}.about-copy h2{font-size:49px}.project-grid{gap:40px}.project-facts{flex-direction:column;gap:16px;margin:28px 0}.project-graphic{height:355px}.project-houses{bottom:100px;left:18px;right:18px;height:160px}.p-house-one{height:100px}.p-house-two{height:160px}.p-house-three{height:120px}.p-windows{left:11%;width:27%;height:23px;box-shadow:37px 0 #d9e9c6}.p-house-two .p-windows{top:40px}.contact-section{padding-bottom:55px}.contact-box{padding:42px 28px;flex-direction:column;align-items:flex-start}.contact-copy h2{font-size:44px}.contact-action{gap:10px}.footer-main{grid-template-columns:1fr 1fr;padding:50px 0 35px;gap:33px}.footer-brand-block{grid-column:1 / -1}.footer-main>div:last-child{grid-column:1 / -1}.footer-bottom{flex-direction:column;gap:5px}.content-main{padding:55px 0}.content-article{padding:30px 22px}.content-title{font-size:40px}.post-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}