.elementor-4811 .elementor-element.elementor-element-d787ca4{--display:flex;--min-height:46px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E7E2DA;--border-color:#E7E2DA;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;--z-index:58;}.elementor-4811 .elementor-element.elementor-element-d787ca4:not(.elementor-motion-effects-element-type-background), .elementor-4811 .elementor-element.elementor-element-d787ca4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(255,255,255,0.62);}.elementor-4811 .elementor-element.elementor-element-3e6d6c6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4811 .elementor-element.elementor-element-3e6d6c6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4811 .elementor-element.elementor-element-3e6d6c6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4811 .elementor-element.elementor-element-3e6d6c6 .elementor-icon-list-text{transition:color 0.3s;}.elementor-4811 .elementor-element.elementor-element-0806df5{--display:flex;--overflow:hidden;--padding-top:49px;--padding-bottom:88px;--padding-left:40px;--padding-right:40px;}.elementor-4811 .elementor-element.elementor-element-0806df5:not(.elementor-motion-effects-element-type-background), .elementor-4811 .elementor-element.elementor-element-0806df5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-4811 .elementor-element.elementor-element-6a30e26{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-4811 .elementor-element.elementor-element-6a30e26:not(.elementor-motion-effects-element-type-background), .elementor-4811 .elementor-element.elementor-element-6a30e26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-4811 .elementor-element.elementor-element-e2fd3be{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-4811 .elementor-element.elementor-element-e2fd3be:not(.elementor-motion-effects-element-type-background), .elementor-4811 .elementor-element.elementor-element-e2fd3be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4811 .elementor-element.elementor-element-d38064b{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-4811 .elementor-element.elementor-element-d38064b:not(.elementor-motion-effects-element-type-background), .elementor-4811 .elementor-element.elementor-element-d38064b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4811 .elementor-element.elementor-element-63e0e4e{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-4811 .elementor-element.elementor-element-63e0e4e:not(.elementor-motion-effects-element-type-background), .elementor-4811 .elementor-element.elementor-element-63e0e4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-4811 .elementor-element.elementor-element-151cb6d{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-4811 .elementor-element.elementor-element-151cb6d:not(.elementor-motion-effects-element-type-background), .elementor-4811 .elementor-element.elementor-element-151cb6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4811 .elementor-element.elementor-element-00c0415{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-4811 .elementor-element.elementor-element-00c0415:not(.elementor-motion-effects-element-type-background), .elementor-4811 .elementor-element.elementor-element-00c0415 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-4811 .elementor-element.elementor-element-e080ee9{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-4811 .elementor-element.elementor-element-e080ee9:not(.elementor-motion-effects-element-type-background), .elementor-4811 .elementor-element.elementor-element-e080ee9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-4811 .elementor-element.elementor-element-ad37841{--display:flex;--overflow:hidden;--padding-top:112px;--padding-bottom:112px;--padding-left:40px;--padding-right:40px;}.elementor-4811 .elementor-element.elementor-element-ad37841:not(.elementor-motion-effects-element-type-background), .elementor-4811 .elementor-element.elementor-element-ad37841 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1436;}@media(max-width:767px){.elementor-4811 .elementor-element.elementor-element-d787ca4{--padding-top:0px;--padding-bottom:0px;--padding-left:22px;--padding-right:22px;}.elementor-4811 .elementor-element.elementor-element-0806df5{--padding-top:41px;--padding-bottom:64px;--padding-left:22px;--padding-right:22px;}.elementor-4811 .elementor-element.elementor-element-6a30e26{--padding-top:72px;--padding-bottom:72px;--padding-left:22px;--padding-right:22px;}.elementor-4811 .elementor-element.elementor-element-e2fd3be{--padding-top:72px;--padding-bottom:72px;--padding-left:22px;--padding-right:22px;}.elementor-4811 .elementor-element.elementor-element-d38064b{--padding-top:72px;--padding-bottom:72px;--padding-left:22px;--padding-right:22px;}.elementor-4811 .elementor-element.elementor-element-63e0e4e{--padding-top:72px;--padding-bottom:72px;--padding-left:22px;--padding-right:22px;}.elementor-4811 .elementor-element.elementor-element-151cb6d{--padding-top:72px;--padding-bottom:72px;--padding-left:22px;--padding-right:22px;}.elementor-4811 .elementor-element.elementor-element-00c0415{--padding-top:72px;--padding-bottom:72px;--padding-left:22px;--padding-right:22px;}.elementor-4811 .elementor-element.elementor-element-e080ee9{--padding-top:72px;--padding-bottom:72px;--padding-left:22px;--padding-right:22px;}.elementor-4811 .elementor-element.elementor-element-ad37841{--padding-top:80px;--padding-bottom:80px;--padding-left:22px;--padding-right:22px;}}/* Start custom CSS *//* San Mateo city page (layout copied from the Peninsula hub 4469) — everything shared lives in the .syp-* layer (Header template CSS). */
#area,#cities,#covers,#prices,#who,#booking,#more,#faq{scroll-margin-top:130px}
/* Between 768 and 940 the rail is 54px (levelled site-wide in post 68) while
   the header is still 75px, so a flat 130px left an anchored heading sitting
   1px under the rail. */
@media(max-width:940px){#area,#cities,#covers,#prices,#who,#booking,#more,#faq{scroll-margin-top:136px}}

/* hero ZIP form (Elementor Pro Form) */
.syo-form .elementor-form{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.syo-form .elementor-field-group{margin:0;padding:0;width:auto!important}
.syo-form .elementor-field-textual{font-family:var(--font-body);font-size:18px;color:var(--color-ink-800);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:0 16px;height:56px;width:150px}
.syo-form .elementor-field-textual:focus{border-color:var(--color-accent);outline:3px solid var(--color-focus-ring);outline-offset:2px}
.syo-form .elementor-button{min-height:56px;border-radius:999px;background:var(--color-ink-800);color:#fff;font-family:var(--font-display);font-size:17px;font-weight:500;padding:0 30px}
.syo-form .elementor-button:hover{background:var(--color-ink-900)}
.syo-formnote p{margin:14px 0 0;font-size:16px;line-height:1.6;color:var(--color-ink-500)}

/* ZIP chips */
.syo-zips .elementor-icon-list-items{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0}
.syo-zips .elementor-icon-list-item{margin:0;font-family:var(--font-display);font-size:15px;font-weight:500;color:var(--color-ink-800);border:1px solid var(--color-border-default);border-radius:10px;padding:8px 14px;background:var(--color-bg-page)}
.syo-zips .elementor-icon-list-icon{display:none}

/* map column */
.syo-mapcol > .e-con-inner{display:flex;flex-direction:column;gap:24px;max-width:none!important;padding:0}
.syo-map{border:1px solid var(--color-border-default);border-radius:var(--radius-card);overflow:hidden}
.syo-map iframe{display:block}
.syo-infocard{border:1px solid var(--color-border-default);border-radius:var(--radius-card);background:var(--color-bg-surface);box-shadow:var(--shadow-1)}
.syo-infocard > .e-con-inner{padding:32px;max-width:none!important;gap:12px}

/* booking panels keep their 1.2fr ratio (doubled class beats the layer) */
.syo-bookpanels.syo-bookpanels > .e-con-inner{grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}

@media(max-width:1024px){
.syo-bookpanels.syo-bookpanels > .e-con-inner{grid-template-columns:1fr}
}
@media(max-width:767px){
.syo-form .elementor-field-textual{width:100%}
.syo-form .elementor-field-group{width:100%!important}
.syo-infocard > .e-con-inner{padding:26px 24px}
.syo-qbmore,.syo-qbcity{display:none}
.syo-quotebar{padding:10px 16px!important;gap:10px!important}
.syo-quotebartext p{font-size:14px;line-height:1.4}
.syo-quotebar .elementor-button{padding:12px 18px!important;font-size:14px}
}
/* Peninsula hub: second H2 inside the city column */
.sypn-h2gap.sypn-h2gap{margin-top:44px}
@media(max-width:767px){.sypn-h2gap.sypn-h2gap{margin-top:32px}}
/* icons on the three "What is covered" cards: same rules as WPCode 3729 has for the Oakland page (keyed to its page id) */
.elementor-4811 .syp-card .elementor-icon-box-wrapper::before{content:'';display:flex;flex:none;width:44px;height:44px;border:1px solid var(--color-border-default);border-radius:10px;background-repeat:no-repeat;background-position:center;background-size:26px;margin:0 0 18px}
.elementor-4811 .syp-card:nth-child(1) .elementor-icon-box-wrapper::before{background-image:var(--syi-kitchen),var(--wash-mint);background-size:26px,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}
.elementor-4811 .syp-card:nth-child(2) .elementor-icon-box-wrapper::before{background-image:var(--syi-bathrooms),var(--wash-sky);background-size:26px,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}
.elementor-4811 .syp-card:nth-child(3) .elementor-icon-box-wrapper::before{background-image:var(--syi-every-room),var(--wash-lilac);background-size:26px,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}/* End custom CSS */