:root{--paper:#f6f7f5;--paper2:#edf1ee;--green:#075538;--ink:#172427;--muted:#53665f;--gold:#d9ad3d;--line:#cbd3d0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip{position:absolute;left:-9999px;top:0;background:white;padding:12px;z-index:99}.skip:focus{left:12px}header{position:sticky;top:0;background:rgba(247,248,246,.97);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid var(--line)}.nav-wrap{max-width:1240px;margin:auto;padding:13px 36px;display:flex;align-items:center;justify-content:space-between;gap:35px}.logo{width:247px;max-width:37vw;height:auto;display:block}nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-size:14px;padding:12px 0 8px;border-bottom:3px solid transparent;white-space:nowrap}nav a.active,nav a:hover{border-color:var(--green)}.page{display:none;max-width:1240px;min-height:74vh;margin:0 auto;padding:46px 36px 90px;animation:appear .18s ease}.page.active{display:block}@keyframes appear{from{opacity:.7}to{opacity:1}}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.20em;font-weight:bold;color:var(--green)}.goldrule{width:65px;height:4px;background:var(--gold);margin:0 0 23px}.page-heading{font:normal clamp(39px,4.6vw,58px)/1.08 Georgia,'Times New Roman',serif;color:var(--ink);letter-spacing:-.045em;margin:0 0 45px}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-family:Georgia,'Times New Roman',serif}.btn{display:inline-block;text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-weight:bold;font-size:12px;background:var(--green);color:white;padding:15px 22px;border:1px solid var(--green);margin-top:14px}.btn.secondary{background:transparent;color:var(--green)}.btn:hover{filter:brightness(1.12)}.hero{position:relative;display:grid;grid-template-columns:46% 54%;min-height:535px;align-items:stretch;margin:-46px -36px 0;background:#eef0ed;overflow:hidden}.hero-text{position:relative;z-index:1;padding:74px 20px 55px 52px;align-self:center}.hero h1{font:normal clamp(43px,5.1vw,72px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:0 0 24px;max-width:520px}.hero-text>p{font-size:18px;max-width:385px;line-height:1.55}.hero-image{background-image:url('/assets/hero-architecture.jpg');background-size:cover;background-position:50% 50%;min-height:540px}.belief{display:grid;grid-template-columns:36% 1fr;gap:46px;padding:50px 16px 55px;border-bottom:1px solid var(--line)}.belief h2{font:italic 34px/1.18 Georgia,serif;color:var(--green);margin:0}.belief p{border-left:1px solid #a6b6b0;padding-left:35px;line-height:1.6;font-size:17px;margin:0;align-self:center}.home-services{padding:55px 16px 80px;border-bottom:1px solid var(--line)}.home-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:28px 0}.home-service{padding:25px 10px 20px 0;border-right:1px solid var(--line)}.home-service:nth-child(2){margin-top:32px}.home-service:nth-child(3){margin-top:64px;border-right:0}.home-service h3{font:normal 47px/1.05 Georgia,serif;margin:0 0 18px}.home-service p{font-size:16px;line-height:1.55;padding-right:16px}.service-question{font:italic 22px/1.27 Georgia,serif;color:var(--green);margin:12px 0}.home-about{display:grid;grid-template-columns:37% 1fr;gap:52px;padding:74px 16px 34px}.home-about h2{font:normal 49px/1.1 Georgia,serif;margin:0}.home-about .about-blurb{border-left:1px solid var(--line);padding-left:36px;font-size:18px;line-height:1.65}.site-footer{background:var(--green);color:#fff;padding:30px max(25px,calc((100% - 1168px)/2));display:flex;justify-content:space-between;gap:25px;font-size:13px}.site-footer a{text-decoration:none}.service-detail{display:grid;grid-template-columns:33% 1fr;gap:36px;padding:52px 0;border-bottom:1px solid var(--line)}.service-title h2{font:normal 49px/1.07 Georgia,serif;margin:0 0 18px}.service-title .service-question{max-width:290px}.service-copy{font-size:18px;line-height:1.6;padding-top:3px}.service-copy>p{margin:0}.examples{margin-top:25px;font-size:16px}.examples span{font-size:12px;letter-spacing:.16em;color:var(--green);font-weight:700;text-transform:uppercase}.examples p{margin:9px 0}.case-intro{font:italic 25px/1.4 Georgia,serif;max-width:860px;margin:-19px 0 50px}.case{display:grid;grid-template-columns:43% 1fr;gap:42px;padding:44px 0;border-bottom:1px solid var(--line)}.case-title{padding:3px 28px 12px 0}.case-category{font:bold 12px/1.55 Arial,sans-serif;letter-spacing:.19em;color:var(--green);margin-bottom:15px}.case-title h2{font:normal clamp(28px,3vw,41px)/1.14 Georgia,serif;margin:0}.case-copy{font-size:16px;line-height:1.6}.case-copy p{margin:0 0 17px}.case-copy strong{color:var(--green)}.case2 .case-title{background:var(--green);color:#fff;padding:36px 32px;margin:-24px 0 -18px -36px;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}.case2 .case-category{color:#dce9e1}.about-opening{display:grid;grid-template-columns:1.09fr .94fr .78fr;gap:28px;align-items:start}.about-opening .introcred{font:20px/1.48 Georgia,serif;margin:0}.about-opening blockquote{font:italic 21px/1.41 Georgia,serif;margin:0;border-left:1px solid #a6b6b0;padding-left:24px}.portrait-frame{background:#e8ece8;padding:12px;min-height:308px;display:flex;align-items:center;justify-content:center}.portrait-frame img{display:block;width:100%;height:305px;object-fit:contain}.about-experience{max-width:900px;margin:45px 0 75px;font-size:18px;line-height:1.65}.about-panel{border-top:1px solid var(--line);padding:30px 0 45px}.about-panel h2{font:normal 35px/1.15 Georgia,serif;color:var(--ink);letter-spacing:-.025em;margin:0 0 20px}.principle{display:grid;grid-template-columns:34% 1fr;gap:36px;padding:23px 0;border-bottom:1px solid var(--line)}.principle h3{font:italic 23px/1.35 Georgia,serif;margin:0}.principle p{font-size:16px;line-height:1.68;margin:0}.why-copy{font-size:18px;line-height:1.72;max-width:880px}.contact-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:75px;margin-top:55px}.contact-grid h2{font:normal clamp(40px,4.8vw,65px)/1.13 Georgia,serif;margin:0}.contact-grid p{font-size:18px;line-height:1.68;border-left:1px solid var(--line);padding-left:30px}.contact-methods{display:grid;grid-template-columns:1fr 1fr;margin-top:75px;border-top:1px solid var(--line)}.contact-method{padding:32px 30px 25px 0}.contact-method+.contact-method{border-left:1px solid var(--line);padding-left:30px}.contact-method small{display:block;color:var(--green);text-transform:uppercase;letter-spacing:.18em;margin-bottom:13px;font-weight:bold}.contact-method a{font:22px/1.4 Georgia,serif;overflow-wrap:anywhere}.review-ribbon{font-size:11px;letter-spacing:.08em;color:#5e716a;text-align:center;background:#e9eeea;padding:8px}@media(max-width:860px){.nav-wrap{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 22px}nav{gap:16px;overflow:auto;width:100%;padding-bottom:3px}nav a{font-size:13px}.logo{width:220px;max-width:75vw}.page{padding:30px 22px 75px}.hero{margin:-30px -22px 0;grid-template-columns:1fr}.hero-text{padding:45px 25px 28px}.hero-image{min-height:310px}.belief,.home-about,.contact-grid{grid-template-columns:1fr;gap:24px}.belief p,.home-about .about-blurb,.contact-grid p{padding-left:0;border-left:0}.home-service-grid{grid-template-columns:1fr;gap:15px}.home-service,.home-service:nth-child(2),.home-service:nth-child(3){margin:0;border-right:0;border-bottom:1px solid var(--line)}.service-detail{grid-template-columns:1fr;gap:8px}.case{grid-template-columns:1fr;gap:13px}.case2 .case-title{margin:0;padding:25px;clip-path:none}.about-opening{grid-template-columns:1fr 1fr}.portrait-frame{grid-column:1 / -1;max-width:380px}.principle{grid-template-columns:1fr;gap:12px}.site-footer{padding:25px;flex-wrap:wrap}}@media(max-width:540px){.about-opening{grid-template-columns:1fr}.portrait-frame{grid-column:auto}.home-about h2{font-size:38px}.contact-methods{grid-template-columns:1fr}.contact-method+.contact-method{padding-left:0;border-left:0;border-top:1px solid var(--line)}.hero h1{font-size:48px}} /* REVIEW REVISION: homepage service questions are the headlines, equal vertical start */ #home .home-service-grid{align-items:start;gap:30px} #home .home-service,#home .home-service:nth-child(2),#home .home-service:nth-child(3){margin-top:0;padding-top:12px} #home .home-service .home-service-question{font:normal clamp(23px,2.5vw,32px)/1.18 Georgia,'Times New Roman',serif;color:var(--ink);letter-spacing:-.025em;margin:0 0 20px;max-width:350px;min-height:2.5em} #home .home-service > p{margin-top:0} /* Client Work: keep the color accent in case 02 without angled or oversized green panel */ #work .case2 .case-title{background:#e7eeea;color:var(--ink);margin:0;padding:24px 24px 24px 27px;clip-path:none;border-left:7px solid var(--green);border-radius:0} #work .case2 .case-category{color:var(--green)} /* About: portrait height closer to top text, reduce empty vertical space before full-width paragraph */ #about .about-opening{align-items:start} #about .portrait-frame{min-height:0;height:232px;padding:8px;align-items:center;overflow:hidden} #about .portrait-frame img{height:216px;width:100%;object-fit:contain} #about .about-experience{margin-top:16px} @media(max-width:860px){ #home .home-service .home-service-question{min-height:0;font-size:28px} #about .portrait-frame{height:auto;min-height:0;max-width:380px} #about .portrait-frame img{height:auto;max-height:310px} #about .about-experience{margin-top:24px} } /* Compact homepage hero study: tighter first viewport without changing copy */ @media (min-width:861px){ #home .hero{min-height:425px} #home .hero-text{padding:39px 20px 38px 52px} #home .hero h1{font-size:clamp(46px,5.0vw,70px);line-height:1.03;margin-bottom:15px} #home .hero .goldrule{margin-bottom:14px} #home .hero-text>p{font-size:16.5px;line-height:1.48;max-width:430px;margin:0} #home .hero-image{min-height:425px;background-position:center 52%} #home .belief{padding-top:32px;padding-bottom:36px;gap:35px} #home .belief h2{font-size:31px} #home .belief p{font-size:16px;line-height:1.53} #home .home-services{padding-top:35px} } @media (max-width:860px){ #home .hero{min-height:0} #home .hero-text{padding:30px 25px 24px} #home .hero h1{font-size:clamp(36px,7vw,52px);margin-bottom:16px} #home .hero .goldrule{margin-bottom:13px} #home .hero-text>p{font-size:16px;line-height:1.5} #home .hero-image{min-height:240px;background-position:center 53%} #home .belief{padding-top:29px;padding-bottom:30px} #home .home-services{padding-top:36px} } @media (max-width:540px){#home .hero-image{min-height:215px}} /* November 7: reduce the gap before How I Can Help and between Services and About */ @media(min-width:861px){ #home .belief{padding-bottom:23px} #home .home-services{padding-top:19px;padding-bottom:36px} #home .home-service-grid{margin-top:15px;margin-bottom:20px} #home .home-about{padding-top:38px} } @media(max-width:860px){ #home .belief{padding-bottom:22px} #home .home-services{padding-top:23px;padding-bottom:32px} #home .home-service-grid{margin-top:16px;margin-bottom:18px} #home .home-about{padding-top:36px} } /* Homepage paired navigation links */ #home .home-cta-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px} #home .home-cta-links .btn{white-space:nowrap} /* Homepage editorial service widths: extra room for the Optimize question, no font-size change */ @media (min-width: 1060px){ #home .home-service-grid{grid-template-columns:minmax(0,0.85fr) minmax(0,1fr) minmax(0,1.40fr);gap:20px} #home .home-service .home-service-question{max-width:none} } @media (min-width: 861px) and (max-width: 1059px){ #home .home-service-grid{grid-template-columns:minmax(0,0.87fr) minmax(0,1fr) minmax(0,1.35fr);gap:17px} #home .home-service .home-service-question{max-width:none} } /* === November 8 consolidated editorial refinements === */ /* The page title is primary; the yellow line now underlines its block rather than appearing above it. */ #services .page-heading,#work .page-heading,#about .page-heading,#contact .page-heading{ margin:0 0 13px;font-size:clamp(43px,4.7vw,61px);line-height:1.1; } #services>.goldrule,#work>.goldrule,#about>.goldrule,#contact>.goldrule{ margin:0 0 28px;width:63px;height:4px; } /* Compact, but not cramped; retain generous text leading and distinct page rhythms. */ #services,#work,#about,#contact{padding-top:32px;padding-bottom:62px;min-height:68vh} #services .services-intro{font:italic 24px/1.42 Georgia,'Times New Roman',serif;max-width:890px;margin:0 0 26px;color:var(--ink)} #services .service-detail{padding:30px 0 33px;gap:32px} #services .service-title h2{font-size:clamp(32px,3.25vw,43px);margin-bottom:13px} #services .service-question{font-size:15px;line-height:1.48;letter-spacing:.045em} #services .examples{margin-top:17px} #services .examples p{margin-top:5px} #work .case-intro{margin:0 0 29px;font-size:23px} #work .case{padding:29px 0 32px} #work .case-title h2{font-size:clamp(27px,2.85vw,37px)} #work .case-category{margin-bottom:11px} #work .case-copy p{margin-bottom:12px} #about .about-opening{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:48px;align-items:start} #about .about-experience{margin:21px 0 43px;max-width:1000px} #about .about-panel{padding:24px 0 29px} #about .about-panel h2{font-size:clamp(28px,2.75vw,33px)} #about .principle{padding:18px 0} #about .principle h3{font-size:21px} #about .why-copy{line-height:1.63} #contact .contact-grid{margin-top:30px} #contact .contact-grid h2{font-size:clamp(38px,4.4vw,58px)} #contact .contact-methods{margin-top:44px} @media(max-width:860px){ #services,#work,#about,#contact{padding-top:26px;padding-bottom:52px} #services .services-intro{font-size:20px;margin-bottom:15px} #services .service-detail{padding:23px 0;gap:10px} #work .case{padding:23px 0} #about .about-opening{grid-template-columns:1fr;gap:17px} #about .about-experience{margin:20px 0 35px} #contact .contact-grid{margin-top:22px} } /* Latest editorial refinements — 8 Nov 2026 */ #services .service-question { font-size: 20px; line-height: 1.32; letter-spacing: 0; max-width: 100%; margin-top: 10px; } #services .service-title .service-question { max-width: 330px; } /* One unified body-text treatment for the About introduction */ #about .about-opening { display: flex; flex-direction: column; align-items: stretch; gap: 0; max-width: 1030px; } #about .about-opening .introcred, #about .about-opening .about-experience { font: normal 18px/1.65 Arial, Helvetica, sans-serif; color: var(--ink); max-width: 1000px; margin: 0 0 16px; } #about .about-opening blockquote { margin: 13px 0 17px; padding: 10px 0 10px 24px; border-left: 3px solid var(--gold); color: var(--green); font: italic 22px/1.45 Georgia, 'Times New Roman', serif; max-width: 890px; } #about .principle p {font-size:18px;line-height:1.6;} @media(max-width:720px){ #services .service-question {font-size:19px;} #about .about-opening .introcred, #about .about-opening .about-experience {font-size:17px;} #about .about-opening blockquote {font-size:20px;} #about .principle p {font-size:17px;} } /* November 8 — approved brand prominence and section hierarchy */ header .logo {width:300px;max-width:40vw;height:auto;} #home .hero-text > p strong {font-weight:700;color:var(--ink);} #home .home-services > .eyebrow { font-size:clamp(17px,1.75vw,21px);letter-spacing:.085em; text-transform:none;line-height:1.24;font-weight:700; margin-bottom:1px; } #about .about-panel > h2 { font-size:clamp(32px,3.1vw,39px); line-height:1.18; } @media(max-width:860px){ header .logo{width:255px;max-width:43vw;} } @media(max-width:600px){ header .logo{width:210px;max-width:72vw;} #home .home-services > .eyebrow{font-size:18px;} #about .about-panel > h2{font-size:29px;} } /* CONCEPT PREVIEW ONLY: home masthead treatment */ header {position:relative;z-index:5; overflow:visible;background:#f7f8f6} .nav-wrap{height:94px;padding-top:0;padding-bottom:0;align-items:center} .nav-wrap>a{position:relative;width:342px;height:94px;display:block;flex:0 0 342px} .preview-mark{display:block;position:relative;width:342px;height:94px} .preview-words{position:absolute;left:92px;top:12px;width:249px;height:auto} .preview-gate{position:absolute;left:0;bottom:-1px;width:85px;height:auto;z-index:6} @media(max-width:860px){.nav-wrap{height:auto;min-height:103px;gap:3px;padding:4px 22px 8px}.nav-wrap>a{height:66px;flex:0 0 255px;width:255px}.preview-mark{width:255px;height:66px}.preview-gate{width:62px;bottom:-1px}.preview-words{left:68px;top:8px;width:185px}} /* Homepage descriptor test only */ #home .hero-text{padding-top:61px;padding-bottom:50px} #home .hero-descriptor{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.4;letter-spacing:.15em;font-weight:700;color:#075538;margin-bottom:20px;text-transform:uppercase;} @media(max-width:700px){#home .hero-text{padding-top:45px}#home .hero-descriptor{font-size:11px;letter-spacing:.11em;margin-bottom:17px}} /* Homepage-only descriptor position study: anchor at top of pale-gray hero */ #home .hero-text {position:relative; padding-top:98px;} #home .hero-descriptor {position:absolute; top:16px; left:52px; margin:0;} @media(max-width:700px){#home .hero-text{padding-top:82px;}#home .hero-descriptor{top:14px;left:24px;max-width:calc(100% - 48px)}} /* Approved Nov 8: larger full Gate's Edge Consulting logo, gate touches gray hero ONLY on home */ header .interior-logo {display:block;width:300px;max-width:40vw;height:auto;} header .preview-mark {display:none;} header .nav-wrap {height:auto;min-height:0;padding:13px 36px;align-items:center;} header .nav-wrap > a {position:relative;display:flex;align-items:center;width:auto;height:auto;flex:0 1 auto;} body.home-route header .preview-mark {display:block;} body.home-route header .interior-logo {display:none;} body.home-route header .nav-wrap {height:94px;padding-top:0;padding-bottom:0;} body.home-route header .nav-wrap > a {display:block;width:342px;height:94px;flex:0 0 342px;} body.home-route header .preview-mark {width:342px;height:94px;} body.home-route header .preview-gate {width:85px;left:0;bottom:-1px;} body.home-route header .preview-words {width:249px;left:92px;top:12px;} @media(max-width:860px){ header .interior-logo {width:255px;max-width:60vw;} header .nav-wrap {height:auto;padding:12px 22px;} body.home-route header .nav-wrap {height:auto;min-height:103px;gap:3px;padding:4px 22px 8px;} body.home-route header .nav-wrap > a {height:66px;flex:0 0 255px;width:255px;} body.home-route header .preview-mark {width:255px;height:66px;} body.home-route header .preview-gate {width:62px;bottom:-1px;} body.home-route header .preview-words {left:68px;top:8px;width:185px;} } @media(max-width:600px){ header .interior-logo{width:215px;max-width:75vw;} } /* Preserve readable horizontal page navigation with the custom masthead. */ /* Services-only illustration study: illustrations to the right of live headings/questions */ #services .service-title{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:13px;align-items:center;align-self:start;min-width:0} #services .service-title-copy{min-width:0} #services .service-title h2{font-size:clamp(32px,3.25vw,43px)} #services .service-visual{display:block;width:116px;height:116px;object-fit:contain;justify-self:end} #services .service-question{font-size:18px;line-height:1.43;letter-spacing:.02em} #services .service-detail{grid-template-columns:36% minmax(0,1fr);gap:38px} @media(max-width:1050px) and (min-width:861px){ #services .service-title{grid-template-columns:minmax(0,1fr) 92px;gap:8px} #services .service-visual{width:92px;height:92px} } @media(max-width:860px){ #services .service-detail{grid-template-columns:1fr;gap:12px} #services .service-title{grid-template-columns:minmax(0,1fr) 106px;gap:10px} #services .service-visual{width:106px;height:106px} } @media(max-width:420px){ #services .service-title{grid-template-columns:minmax(0,1fr) 86px} #services .service-visual{width:86px;height:86px} } /* Client Work visual study only: restrained editorial variation. */ #work .case{align-items:start;} /* Quiet stone-green field for case 1, restricted to the title area. */ #work .case1 .case-title{ background:#eeefea; border-left:3px solid #b6c7bc; margin:0; padding:26px 26px 27px 28px; } /* Retain and slightly refine the existing stronger accent for case 2. */ #work .case2 .case-title{ background:#e2eae5; border-left:7px solid var(--green); padding:27px 25px 29px 27px; } /* The final case is largely white space with a small, quiet line drawing. */ #work .case3 .case-title{padding-top:4px;} #work .case3 .work-arch-detail{width:118px;height:69px;margin-top:26px;opacity:.89;} #work .case3 .work-arch-detail svg{width:100%;height:100%;display:block;} @media(max-width:860px){ #work .case1 .case-title{padding:23px 22px;} #work .case2 .case-title{padding:23px 22px;} #work .case3 .work-arch-detail{width:93px;height:55px;margin-top:18px;} } /* Client Work concept: the healthcare project uses a restrained color field, not an illustration. */ #work .case3 .case-title{ background:#e9eeec; border-left:3px solid #c4a552; padding:27px 26px 30px 28px; margin:0; } @media(max-width:860px){#work .case3 .case-title{padding:23px 22px;}} /* APPROVED CONSOLIDATED REVISIONS — NOVEMBER 9, 2026 */ @media(min-width:861px){#home .hero h1{font-size:clamp(43px,4.65vw,65px)}} @media(max-width:860px){#home .hero h1{font-size:clamp(34px,6.65vw,49px)}} #home .question-break{display:block} #home .keep-gates-together{white-space:nowrap} #about .about-panel:first-of-type .principle:last-child{border-bottom:0} /* Shorten a double-divider transition while retaining the next section boundary. */ #about .about-panel + .about-panel{border-top:1px solid var(--line)} /* Production: one semantic page per route; no visual redesign. */ .page{display:block}.page:not(.active){display:block} /* Mobile homepage masthead fix: the logo link is a column-flex child. Its flex-basis must not be the desktop width (255px), which creates a large empty gap before navigation on narrow screens. */ @media (max-width:860px){ body.home-route header .nav-wrap > a{ flex:0 0 auto; width:255px; height:66px; } } /* Mobile homepage header: explicit sizing to eliminate excess space before nav. */ @media(max-width:860px){ body.home-route header .nav-wrap {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;min-height:0;height:auto;padding-top:3px;padding-bottom:3px;} body.home-route header .nav-wrap > a {display:block;flex:none;height:61px;width:255px;margin:0;padding:0;line-height:0;} body.home-route header .preview-mark{height:61px;width:255px;} body.home-route header .preview-words{top:5px;} body.home-route header .preview-gate{bottom:0;width:57px;} body.home-route header nav{display:flex;flex:none;align-self:stretch;margin:0;padding-bottom:1px;gap:16px;width:100%;} body.home-route header nav a{padding-top:7px;padding-bottom:7px;} }