/*
Theme Name: Greenleaf Dental Care
Theme URI: https://example.com/greenleaf-dental-care
Author: Greenleaf Dental Care
Description: An elegant, editable WordPress block theme for a multi-specialty dental practice, inspired by the approved Greenleaf HTML mock-up.
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: greenleaf-dental
Tags: dental, medical, block-patterns, full-site-editing, responsive
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#466044;background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.wide{max-width:1200px;padding:0 30px;margin:auto}.narrow{max-width:980px;padding:0 30px;margin:auto}.contact-strip{background:#edf4e9;color:#6e8b69;font-size:12px}.contact-strip .wide{height:42px;display:flex;align-items:center;justify-content:space-between}.contact-strip .social{color:#7da36d;font-weight:600;letter-spacing:2px}.header{background:#fff;border-bottom:1px solid #edf0eb}.nav{min-height:112px;display:flex;align-items:center;justify-content:center;gap:42px;position:relative}.logo{display:flex;align-items:center;gap:9px;color:#56794b;position:absolute;left:30px}.logo-leaf{width:32px;height:32px;border:1px solid #79a568;border-radius:50%;display:grid;place-items:center;color:#79a568;font-size:17px}.logo span:last-child{display:flex;flex-direction:column;line-height:1}.logo b{font-size:14px;letter-spacing:.18em;font-weight:500}.logo small{font-size:8px;letter-spacing:.32em;margin-top:5px}.main-nav{display:flex;align-items:center;justify-content:center;gap:34px;color:#5e7359;font-size:13px}.main-nav a{padding:13px 0;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:#4f8341;border-bottom:2px solid #6da551}.book-btn{background:#74a34e;color:#fff;border-radius:22px;padding:10px 19px;font-size:12px;display:inline-block;border:0;cursor:pointer;white-space:nowrap}.book-btn:hover{background:#5f8f40}.nav .book-btn{position:absolute;right:30px}.nav-toggle{display:none}.hero{position:relative;height:480px;overflow:hidden}.hero-image{height:410px;background:linear-gradient(90deg,rgba(114,148,101,.42),rgba(114,148,101,.12)),url('https://images.unsplash.com/photo-1588776814546-daab30f310ce?auto=format&fit=crop&w=1800&q=85') center 38%/cover}.hero-band{position:absolute;left:0;right:0;height:34px;background:#73a74f}.band-one{top:410px}.band-two{top:458px;background:#a9c49a}.section{padding:80px 0}.intro{text-align:center;padding-top:68px}.intro h1,.section-title{font-family:'Playfair Display',Georgia,serif;font-size:42px;font-weight:400;line-height:1.2;color:#699b55;margin:0 0 18px}.intro p{max-width:920px;margin:0 auto 18px;color:#6f766e;line-height:1.7;font-size:14px}.intro a{color:#6da551}.service-feature{background:#fff;padding:50px 0 70px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-tile{border:1px solid #e8eee4;background:#fff;box-shadow:0 4px 18px rgba(75,112,66,.08);transition:transform .2s,box-shadow .2s}.service-tile:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(75,112,66,.16)}.tile-photo{height:155px;background-size:cover;background-position:center}.implants{background-image:url('https://images.unsplash.com/photo-1609840114035-3c981b782dfe?auto=format&fit=crop&w=700&q=80')}.cosmetic{background-image:url('https://images.unsplash.com/photo-1493106819501-66d381c466f1?auto=format&fit=crop&w=700&q=80')}.restorative{background-image:url('https://images.unsplash.com/photo-1550831107-1553da8c8464?auto=format&fit=crop&w=700&q=80')}.orthodontic{background-image:url('https://images.unsplash.com/photo-1606811971618-4486d14f3f99?auto=format&fit=crop&w=700&q=80')}.service-tile h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:20px;color:#6c9a58;padding:18px 18px 4px;margin:0}.service-tile span{display:block;padding:0 18px 18px;color:#729268;font-size:11px}.service-tile span b{float:right;color:#75a851;font-size:18px;font-weight:400}.services-list{text-align:center;background:#f6faf3}.section-title{color:#6b9b57;margin-bottom:12px}.section-lead{max-width:650px;margin:0 auto 35px;text-align:center;color:#778175;font-size:14px}.service-links{display:grid;grid-template-columns:repeat(4,1fr);gap:0 28px;max-width:930px;margin:auto}.service-links a{text-align:left;border-bottom:1px solid #dfe9da;padding:16px 0;color:#618559;font-size:13px}.service-links a span{float:right;color:#7baa5e;font-size:17px}.why{background:#fff;text-align:center}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:47px;border-top:1px solid #e3ebe0}.why-grid article{padding:28px 22px 10px;border-right:1px solid #e3ebe0;text-align:left}.why-grid article:last-child{border:0}.why-grid article>span{color:#88ad77;font-size:12px}.why-grid h3{font-family:'Playfair Display',Georgia,serif;font-size:21px;font-weight:400;color:#679255;margin:13px 0 7px}.why-grid p{font-size:12px;color:#7c827b;min-height:62px;margin:0 0 13px}.why-grid a{font-size:11px;color:#6c9e56}.about{background:#f5f9f2}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.about-photo{height:430px;background:url('https://images.unsplash.com/photo-1598256989800-fe5f95da9787?auto=format&fit=crop&w=900&q=85') center/cover}.about-copy h2,.patient h2,.contact h2{font-family:'Playfair Display',Georgia,serif;font-size:38px;font-weight:400;line-height:1.2;color:#679554;margin:12px 0 18px}.mini-title{font-size:10px;letter-spacing:.2em;color:#7eaa6c;font-weight:600}.about-copy p{color:#738071;font-size:14px;margin:0 0 17px}.outline-btn{display:inline-block;border:1px solid #75a85c;color:#699652;padding:9px 16px;font-size:12px;margin-top:10px}.reviews{text-align:center;background:#fff}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:40px 0 28px}.review-grid article{border:1px solid #e4ece0;padding:25px;text-align:left;min-height:190px}.stars{color:#79a95d;letter-spacing:3px;font-size:15px}.review-grid p{color:#737d72;font-family:'Playfair Display',Georgia,serif;font-size:17px;line-height:1.45}.review-grid b{color:#68845f;font-size:12px}.google-link{font-size:12px;color:#6b9e54}.patient{background:#f0f6ec}.patient-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.patient h2{margin-bottom:16px}.patient p{color:#778276;max-width:440px;font-size:14px}.patient-links{border-top:1px solid #dce8d6}.patient-links a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dce8d6;padding:19px 0;color:#648b58}.patient-links b{font-family:'Playfair Display',Georgia,serif;font-size:17px;font-weight:400}.patient-links span{font-size:11px;align-self:center;color:#81967d}.faq{background:#fff}.faq-grid{max-width:850px;margin:35px auto 0;border-top:1px solid #e4ece0}.faq details{border-bottom:1px solid #e4ece0;padding:17px 0;color:#6d8069}.faq summary{cursor:pointer;font-family:'Playfair Display',Georgia,serif;font-size:18px;color:#668e58}.faq p{font-size:13px;color:#7a8479;max-width:720px}.contact{background:#e8f1e4}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.contact h2{margin-bottom:15px}.contact p{color:#73806f;max-width:430px}.contact-form{background:#fff;padding:27px;display:flex;flex-direction:column;gap:14px;box-shadow:0 5px 18px rgba(65,100,57,.08)}.contact-form label{font-size:11px;color:#6b7d66;display:flex;flex-direction:column;gap:5px}.contact-form input,.contact-form select{border:1px solid #dce7d7;padding:11px;background:#fff;color:#536451;outline:0}.contact-form input:focus,.contact-form select:focus{border-color:#76a35f}.contact-form small{font-size:10px;color:#8b9689}.form-success{color:#5f9550;font-size:12px;padding:10px;background:#eff8eb}.footer{background:#55794c;color:#dce9d7;padding:52px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:50px}.logo.light{position:static;color:#fff}.footer p{font-size:12px;color:#c5d7bf;margin-top:17px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#fff;margin:0 0 9px}.footer-grid a{font-size:12px;color:#d6e5d1}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:43px;padding-top:16px;font-size:10px;color:#c2d3bc;display:flex;justify-content:space-between}@media(max-width:1000px){.main-nav{gap:15px;font-size:11px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-links{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.why-grid article:nth-child(2){border-right:0}.about-grid,.patient-grid,.contact-grid{gap:42px}}@media(max-width:720px){.wide,.narrow{padding-left:19px;padding-right:19px}.contact-strip .wide{height:auto;min-height:38px;font-size:10px;gap:8px}.contact-strip .social{display:none}.header{position:sticky;top:0;z-index:20}.nav{min-height:75px;justify-content:flex-end}.logo{left:19px}.nav-toggle{display:block;background:transparent;color:#68835e;font-size:22px;margin-right:7px}.main-nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;padding:10px 19px 17px;flex-direction:column;align-items:flex-start;gap:3px;border-top:1px solid #e5eee2;box-shadow:0 10px 18px rgba(55,93,48,.1)}.main-nav.open{display:flex}.main-nav a{padding:7px 0}.nav .book-btn{right:49px;padding:8px 13px;font-size:10px}.hero{height:285px}.hero-image{height:240px}.hero-band{height:21px}.band-one{top:240px}.band-two{top:269px;height:16px}.section{padding:58px 0}.intro{padding-top:48px}.intro h1,.section-title{font-size:31px}.intro p{font-size:13px}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.tile-photo{height:120px}.service-tile h2{font-size:17px;padding:13px 12px 3px}.service-tile span{padding:0 12px 13px;font-size:10px}.service-links{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr}.why-grid article{padding:20px 12px}.why-grid article:nth-child(odd){border-right:1px solid #e3ebe0}.why-grid article:nth-child(even){border-right:0}.why-grid h3{font-size:18px}.why-grid p{min-height:105px;font-size:11px}.about-grid,.patient-grid,.contact-grid{display:block}.about-photo{height:300px;margin-bottom:33px}.about-copy h2,.patient h2,.contact h2{font-size:32px}.review-grid{grid-template-columns:1fr;gap:11px}.review-grid article{min-height:auto}.patient-links{margin-top:28px}.patient-links a{display:block}.patient-links span{display:block;margin-top:5px}.contact-form{margin-top:32px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block;line-height:2}}