/*
Theme Name: Sarakinos Dental Clinic
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: sarakinos
License: GPL-2.0-or-later
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:#273b45;background:#fff;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{position:sticky;top:0;background:#fff;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px 5%;border-bottom:1px solid #e3e9eb}header img{width:200px}nav{display:flex;gap:30px;font-size:14px}.button{display:inline-flex;gap:30px;align-items:center;background:#009bd1;color:white;padding:19px 25px;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:680px;background:#f0f6f8}.hero-copy{padding:85px 9% 60px 10%}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#008bbd;font-weight:bold}h1{font-size:clamp(42px,4.5vw,74px);font-weight:400;line-height:1.12;letter-spacing:-2.5px;margin:30px 0}h1 em{font-style:normal;color:#009bd1}p{font-size:16px;line-height:1.8;color:#64757c}.hero-photo{position:relative;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:44%}.caption{position:absolute;bottom:30px;left:30px;background:white;padding:20px 28px;font-size:12px;letter-spacing:1px}.section{padding:100px 7%}h2{font-size:clamp(32px,3.3vw,50px);font-weight:400;letter-spacing:-1.3px;line-height:1.2;margin:22px 0 30px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9%}.quote{font-size:31px;line-height:1.5;color:#273b45}.line{width:55px;height:2px;background:#009bd1;margin:30px 0}.services{background:#f4f7f8}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dce5e8;border:1px solid #dce5e8}.service{background:#f4f7f8;padding:38px;transition:.2s}.service:hover{background:white}.service svg{width:48px;height:48px;stroke:#009bd1;fill:none;stroke-width:1.2}.service h3{font-size:20px;font-weight:400;line-height:1.4;min-height:56px}.service p{font-size:14px}.service details summary{cursor:pointer;color:#008cbe;font-size:13px;margin-top:25px}.office-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.office-layout img{width:100%;height:470px;object-fit:cover}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:25px}.gallery img{width:100%;height:180px;object-fit:cover}.team{background:#edf4f6;display:grid;grid-template-columns:1.2fr 1fr;gap:9%}.team h3{font-size:30px;font-weight:400;margin-bottom:10px}.team p,.team li{font-size:14px;line-height:1.9}.team details{margin-top:25px}.team summary{cursor:pointer;color:#008cbe}.contact{background:#243e4b;color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:10%}.contact p{color:#c2d2d9}.contact h2{font-size:55px}.contact a.big{font-size:30px;display:block;margin:25px 0}.contact .eyebrow{color:#5dc8eb}footer{display:flex;justify-content:space-between;padding:28px 7%;font-size:11px;color:#72838b}.small{font-size:12px}.hero-copy>p{max-width:400px;margin-bottom:35px}@media(max-width:760px){header{padding:12px 5%}header img{width:145px}nav{gap:15px;font-size:12px}nav a:nth-child(2),header>.button{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 7%}h1{letter-spacing:-1.7px}.hero-photo{height:420px}.section{padding:65px 7%}.intro,.office-layout,.team,.contact{grid-template-columns:1fr;gap:30px}.grid{grid-template-columns:1fr}.section-top{display:block}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:140px}.contact h2{font-size:40px}footer{gap:20px}.office-layout img{height:330px}}.portrait{display:block;width:120px;height:144px;object-fit:cover;object-position:center 25%;margin-top:24px;border-radius:3px}.hero-photo img{object-position:57% center}
.wp-site-blocks{padding:0}.wp-block-group{margin-top:0}.wp-block-image{margin:0}.hero-photo .wp-block-image{height:100%}.portrait.wp-block-image{height:auto}.portrait img{width:120px;height:144px;object-fit:cover;object-position:center 25%;border-radius:3px}header .wp-block-image img{max-width:200px} .wp-block-image img{vertical-align:middle}body .is-layout-flow > *{margin-block-start:0}body .is-layout-flow > p{margin-block-start:16px}body .is-layout-flow > h2{margin-block-start:22px}.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}}

body .wp-site-blocks #clinic > .wp-block-group.gallery {
  margin-block-start: 28px;
}

body .wp-site-blocks #team .portrait + .wp-block-heading {
  margin-block-start: 20px;
}