/* OrderFlow 5.36.8 — Pupusas La Sabrosa fully customizable brand pages */ .cco-brand-page{--cco-bp-primary:#073f83;--cco-bp-accent:#10c4ed;--cco-bp-bg:#f4f8fc;--cco-bp-text:#10243e;position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;background:var(--cco-bp-bg);color:var(--cco-bp-text);font-family:var(--cco-body-font,inherit)} .cco-brand-page *{box-sizing:border-box}.cco-brand-page a{text-decoration:none}.cco-bp-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.cco-bp-hero{position:relative;background:var(--cco-bp-primary);color:#fff;isolation:isolate}.cco-bp-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,32,69,.08),rgba(3,32,69,0) 45%);pointer-events:none;z-index:-1}.cco-bp-hero__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);min-height:500px}.cco-bp-hero__copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:64px 60px 64px 0;position:relative;z-index:2}.cco-bp-hero__media{position:relative;min-height:500px;background-image:linear-gradient(90deg,var(--cco-bp-primary) 0,rgba(7,63,131,.68) 11%,rgba(7,63,131,.14) 27%,rgba(7,63,131,0) 46%),var(--cco-bp-hero-image);background-size:cover;background-position:center;border-radius:0 0 0 42px}.cco-bp-hero--sequoia .cco-bp-hero__media{background-position:center}.cco-bp-hero--catering .cco-bp-hero__media{background-position:center}.cco-bp-logo{display:block;max-width:185px;max-height:86px;object-fit:contain;margin:0 0 20px;filter:drop-shadow(0 3px 10px rgba(0,0,0,.12))}.cco-bp-wordmark{font-weight:900;letter-spacing:.04em;margin-bottom:18px}.cco-bp-eyebrow,.cco-bp-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.cco-bp-eyebrow{color:var(--cco-bp-accent);margin-bottom:14px}.cco-bp-kicker{color:var(--cco-bp-primary);margin-bottom:10px}.cco-bp-hero h1{font-family:var(--cco-heading-font,inherit);font-size:clamp(42px,5.2vw,72px);line-height:.96;letter-spacing:-.035em;margin:0 0 20px;color:#fff;max-width:700px}.cco-bp-hero__copy>p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.9);max-width:640px;margin:0}.cco-bp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.cco-bp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border-radius:12px;font-weight:900;font-size:14px;letter-spacing:.015em;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.cco-bp-btn:hover{transform:translateY(-1px)}.cco-bp-btn.is-primary{background:var(--cco-bp-accent);color:#05294f;box-shadow:0 12px 28px rgba(0,0,0,.15)}.cco-bp-btn.is-light{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.55);color:#fff}.cco-bp-text-link{display:inline-block;margin-top:22px;color:#fff;font-weight:900;border-bottom:1px solid rgba(255,255,255,.45)} .cco-bp-section{padding:72px 0;background:#fff}.cco-bp-soft-section{background:var(--cco-bp-bg)}.cco-bp-section-head{max-width:760px;margin-bottom:28px}.cco-bp-section-head h2,.cco-bp-travel-grid h2,.cco-bp-sequoia-callout h2,.cco-bp-form-intro h2,.cco-bp-location-card h2{font-family:var(--cco-heading-font,inherit);font-size:clamp(32px,4vw,52px);line-height:1.02;letter-spacing:-.025em;color:var(--cco-bp-primary);margin:0 0 14px}.cco-bp-section-head p,.cco-bp-travel-grid>div>p,.cco-bp-sequoia-callout p,.cco-bp-form-intro>p{font-size:17px;line-height:1.72;color:#526578;margin:0}.cco-bp-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cco-bp-feature-grid article{background:#fff;border:1px solid #dce7f1;border-radius:22px;padding:26px;box-shadow:0 14px 36px rgba(11,52,96,.055)}.cco-bp-feature-grid article>b{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:11px;background:rgba(16,196,237,.12);color:var(--cco-bp-primary);font-size:12px}.cco-bp-feature-grid h3{margin:18px 0 8px;font-size:20px;color:var(--cco-bp-primary)}.cco-bp-feature-grid p{margin:0;color:#607286;line-height:1.6}.cco-bp-feature-grid.is-steps{margin-top:26px}.cco-bp-feature-grid.is-steps article{padding:20px}.cco-bp-feature-grid.is-steps h3{margin-top:14px} .cco-bp-map-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.75fr);gap:24px;align-items:stretch}.cco-bp-map-grid.no-map{grid-template-columns:1fr}.cco-bp-map{min-height:470px;border-radius:26px;overflow:hidden;background:#dbe8f5;box-shadow:0 18px 50px rgba(6,47,94,.12)}.cco-bp-map iframe,.cco-bp-mini-map iframe{width:100%;height:100%;border:0;display:block}.cco-bp-location-card{background:var(--cco-bp-primary);color:#fff;border-radius:26px;padding:34px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 50px rgba(6,47,94,.16)}.cco-bp-location-card .cco-bp-kicker{color:var(--cco-bp-accent)}.cco-bp-location-card h2{color:#fff}.cco-bp-detail{padding:16px 0;border-top:1px solid rgba(255,255,255,.15);display:grid;gap:4px}.cco-bp-detail span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.68);font-weight:900}.cco-bp-detail strong{font-size:16px;line-height:1.45}.cco-bp-detail a{color:#fff}.cco-bp-status.is-open:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cco-bp-accent);margin-right:8px}.cco-bp-card-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}.cco-bp-card-actions a{color:#fff;font-weight:900;border-bottom:1px solid rgba(255,255,255,.35)} .cco-bp-travel-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.55fr);gap:28px;align-items:start}.cco-bp-trip-card{background:var(--cco-bp-primary);color:#fff;border-radius:26px;padding:30px;position:sticky;top:26px}.cco-bp-trip-card>span{display:block;color:var(--cco-bp-accent);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.cco-bp-trip-card>strong{display:block;font-size:24px;line-height:1.2;margin:8px 0 12px}.cco-bp-trip-card p{color:rgba(255,255,255,.78);line-height:1.55}.cco-bp-trip-card .cco-bp-btn{margin-top:8px;width:100%}.cco-bp-sequoia-callout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:30px;align-items:center}.cco-bp-mini-map{height:340px;overflow:hidden;border-radius:26px;box-shadow:0 16px 45px rgba(6,47,94,.12)} .cco-bp-form-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(520px,1.1fr);gap:36px;align-items:start}.cco-bp-form-intro{padding-top:18px}.cco-bp-contact-mini{margin-top:26px;padding:22px;border-left:4px solid var(--cco-bp-accent);background:#fff;border-radius:0 16px 16px 0;display:grid;gap:5px}.cco-bp-contact-mini strong{color:var(--cco-bp-primary)}.cco-bp-contact-mini span,.cco-bp-contact-mini a{color:#5b6d7f}.cco-bp-form-card{background:#fff;border:1px solid #dbe6f0;border-radius:26px;padding:30px;box-shadow:0 18px 50px rgba(6,47,94,.08)}.cco-bp-catering-form{display:grid;gap:16px}.cco-bp-catering-form label{display:grid;gap:7px}.cco-bp-catering-form label>span{font-weight:900;color:var(--cco-bp-primary);font-size:13px}.cco-bp-catering-form input,.cco-bp-catering-form textarea,.cco-bp-catering-form select{width:100%;border:1px solid #ccdbe8;border-radius:12px;background:#fff;color:#152b42;padding:13px 14px;min-height:48px;font:inherit;box-shadow:none}.cco-bp-catering-form textarea{min-height:145px;resize:vertical}.cco-bp-catering-form input:focus,.cco-bp-catering-form textarea:focus,.cco-bp-catering-form select:focus{outline:2px solid rgba(16,196,237,.28);border-color:var(--cco-bp-accent)}.cco-bp-form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cco-bp-catering-form small{color:#718293;line-height:1.5}.cco-bp-form-notice{padding:14px 16px;border-radius:12px;margin-bottom:16px;font-weight:800}.cco-bp-form-notice.is-success{background:#e9f9f2;color:#176b4a}.cco-bp-form-notice.is-error{background:#fff0ef;color:#9b2c23}.cco-bp-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important} @media(max-width:900px){.cco-bp-hero__grid{grid-template-columns:1fr;min-height:0}.cco-bp-hero__copy{padding:48px 0 42px}.cco-bp-hero__media{min-height:330px;border-radius:28px 28px 0 0;background-image:linear-gradient(0deg,var(--cco-bp-primary) 0,rgba(7,63,131,.34) 13%,rgba(7,63,131,0) 42%),var(--cco-bp-hero-image)}.cco-bp-map-grid,.cco-bp-travel-grid,.cco-bp-sequoia-callout,.cco-bp-form-grid{grid-template-columns:1fr}.cco-bp-map{min-height:390px}.cco-bp-trip-card{position:static}.cco-bp-form-intro{padding-top:0}} @media(max-width:680px){.cco-bp-shell{width:min(100% - 28px,1180px)}.cco-bp-hero__copy{padding:38px 0 32px}.cco-bp-logo{max-width:150px;max-height:70px}.cco-bp-hero h1{font-size:42px}.cco-bp-hero__copy>p{font-size:16px}.cco-bp-hero__media{min-height:260px}.cco-bp-section{padding:52px 0}.cco-bp-feature-grid{grid-template-columns:1fr}.cco-bp-map{min-height:330px;border-radius:20px}.cco-bp-location-card,.cco-bp-trip-card,.cco-bp-form-card{border-radius:20px;padding:24px}.cco-bp-form-two{grid-template-columns:1fr}.cco-bp-sequoia-callout{gap:22px}.cco-bp-mini-map{height:300px}.cco-bp-actions{width:100%}.cco-bp-actions .cco-bp-btn{flex:1 1 100%}.cco-bp-section-head h2,.cco-bp-travel-grid h2,.cco-bp-sequoia-callout h2,.cco-bp-form-intro h2,.cco-bp-location-card h2{font-size:34px}} /* OrderFlow 5.36.8 — full Brand Page builder overrides */ .cco-brand-page{ --cco-bp-max-width:1180px; --cco-bp-section-space:72px; --cco-bp-card-radius:26px; --cco-bp-hero-min-height:500px; --cco-bp-copy-width:45%; --cco-bp-hero-position:center; } .cco-brand-page.cco-bp-width-full{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)} .cco-brand-page.cco-bp-width-contained{width:min(var(--cco-bp-max-width),calc(100% - 32px));max-width:var(--cco-bp-max-width);margin:24px auto;border-radius:var(--cco-bp-card-radius);box-shadow:0 18px 55px rgba(7,45,85,.08)} .cco-brand-page.cco-bp-width-contained .cco-bp-hero{border-radius:var(--cco-bp-card-radius) var(--cco-bp-card-radius) 0 0;overflow:hidden} .cco-bp-shell{width:min(var(--cco-bp-max-width),calc(100% - 40px))} .cco-bp-section{padding:var(--cco-bp-section-space) 0} .cco-bp-hero__grid{grid-template-columns:minmax(0,var(--cco-bp-copy-width)) minmax(320px,1fr);min-height:var(--cco-bp-hero-min-height)} .cco-bp-hero__media{min-height:var(--cco-bp-hero-min-height);background-position:var(--cco-bp-hero-position);border-radius:0 0 0 var(--cco-bp-card-radius)} .cco-bp-location-card,.cco-bp-trip-card,.cco-bp-form-card,.cco-bp-feature-grid article,.cco-bp-map,.cco-bp-mini-map,.cco-bp-custom-media{border-radius:var(--cco-bp-card-radius)} .cco-bp-map{min-height:var(--cco-bp-map-height,470px)} .cco-bp-mini-map{height:var(--cco-bp-mini-map-height,340px)} .cco-bp-map-grid.one-column{grid-template-columns:1fr} .cco-bp-map-grid.one-column .cco-bp-location-card{min-height:320px} .cco-bp-travel-grid.no-aside{grid-template-columns:1fr} .cco-bp-sequoia-callout.no-map{grid-template-columns:1fr} /* Hero layout choices */ .cco-bp-layout-image_left .cco-bp-hero__copy{order:2;padding-left:60px;padding-right:0} .cco-bp-layout-image_left .cco-bp-hero__media{order:1;border-radius:0 0 var(--cco-bp-card-radius) 0;background-image:linear-gradient(270deg,var(--cco-bp-primary) 0,rgba(7,63,131,.68) 11%,rgba(7,63,131,.14) 27%,rgba(7,63,131,0) 46%),var(--cco-bp-hero-image)} .cco-bp-layout-background .cco-bp-hero__grid{grid-template-columns:1fr;position:relative;isolation:isolate} .cco-bp-layout-background .cco-bp-hero__media{position:absolute;inset:0;z-index:-2;min-height:0;border-radius:0;background-image:linear-gradient(90deg,rgba(3,28,62,.9) 0%,rgba(3,28,62,.73) 48%,rgba(3,28,62,.34) 100%),var(--cco-bp-hero-image)} .cco-bp-layout-background .cco-bp-hero__copy{width:min(760px,72%);padding:64px 0} .cco-bp-no-hero-image .cco-bp-hero__grid{grid-template-columns:1fr} .cco-bp-no-hero-image .cco-bp-hero__copy{max-width:820px} .cco-bp-layout-image_left.cco-bp-no-hero-image .cco-bp-hero__copy{order:initial;padding-left:0} /* Text alignment */ .cco-bp-align-center .cco-bp-hero__copy{align-items:center;text-align:center;margin-inline:auto} .cco-bp-align-center .cco-bp-hero__copy>p{margin-inline:auto} .cco-bp-align-center .cco-bp-actions{justify-content:center} .cco-bp-align-center .cco-bp-text-link{align-self:center} /* Custom content section */ .cco-bp-custom-section.is-white{background:#fff} .cco-bp-custom-section.is-soft{background:var(--cco-bp-bg)} .cco-bp-custom-section.is-primary{background:var(--cco-bp-primary);color:#fff} .cco-bp-custom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:36px;align-items:center} .cco-bp-custom-grid.no-image{grid-template-columns:1fr} .cco-bp-custom-copy h2{font-family:var(--cco-heading-font,inherit);font-size:clamp(32px,4vw,52px);line-height:1.02;letter-spacing:-.025em;color:var(--cco-bp-primary);margin:0 0 16px} .cco-bp-custom-section.is-primary .cco-bp-custom-copy h2,.cco-bp-custom-section.is-primary .cco-bp-kicker{color:#fff} .cco-bp-rich-content{font-size:17px;line-height:1.72;color:#526578} .cco-bp-rich-content>*:first-child{margin-top:0}.cco-bp-rich-content>*:last-child{margin-bottom:0} .cco-bp-rich-content a{color:var(--cco-bp-primary);font-weight:800;text-decoration:underline} .cco-bp-custom-section.is-primary .cco-bp-rich-content,.cco-bp-custom-section.is-primary .cco-bp-rich-content a{color:rgba(255,255,255,.9)} .cco-bp-custom-media{overflow:hidden;min-height:300px;background:#dbe8f5} .cco-bp-custom-media img{width:100%;height:100%;min-height:300px;display:block;object-fit:cover} @media(max-width:900px){ .cco-bp-hero__grid{grid-template-columns:1fr;min-height:0} .cco-bp-layout-image_left .cco-bp-hero__copy{order:1;padding:48px 0 42px} .cco-bp-layout-image_left .cco-bp-hero__media{order:2;border-radius:28px 28px 0 0;background-image:linear-gradient(0deg,var(--cco-bp-primary) 0,rgba(7,63,131,.34) 13%,rgba(7,63,131,0) 42%),var(--cco-bp-hero-image)} .cco-bp-layout-background .cco-bp-hero__copy{width:100%;padding:54px 0} .cco-bp-layout-background .cco-bp-hero__media{display:block;min-height:100%;background-image:linear-gradient(90deg,rgba(3,28,62,.88),rgba(3,28,62,.58)),var(--cco-bp-hero-image)} .cco-bp-custom-grid{grid-template-columns:1fr} } @media(max-width:680px){ .cco-brand-page.cco-bp-width-contained{width:calc(100% - 18px);margin:9px auto} .cco-bp-shell{width:min(100% - 28px,var(--cco-bp-max-width))} .cco-bp-section{padding:clamp(42px,var(--cco-bp-section-space),72px) 0} .cco-bp-layout-background .cco-bp-hero__copy{padding:42px 0} .cco-bp-custom-media,.cco-bp-custom-media img{min-height:230px} } /* 5.36.8 typography/mobile builder controls */ .cco-brand-page{ --cco-bp-heading-size:72px; --cco-bp-mobile-heading-size:42px; --cco-bp-mobile-hero-image-height:280px; --cco-bp-mobile-section-space:52px; --cco-bp-button-radius:12px; } .cco-bp-hero h1{font-size:clamp(42px,5.2vw,var(--cco-bp-heading-size))} .cco-bp-btn{border-radius:var(--cco-bp-button-radius)} .cco-bp-section-head p,.cco-bp-travel-grid>div>p,.cco-bp-sequoia-callout p,.cco-bp-form-intro>p,.cco-bp-feature-grid p,.cco-bp-rich-content{color:var(--cco-bp-text);opacity:.74} .cco-bp-custom-section.is-primary .cco-bp-rich-content{opacity:1} .cco-bp-layout-background .cco-bp-hero__media{z-index:0} .cco-bp-layout-background .cco-bp-hero__copy{position:relative;z-index:2} .cco-bp-layout-background .cco-bp-hero:after{display:none} @media(max-width:900px){ .cco-bp-hero__media{min-height:var(--cco-bp-mobile-hero-image-height)} .cco-bp-layout-background .cco-bp-hero__media{min-height:100%} } @media(max-width:680px){ .cco-bp-hero h1{font-size:var(--cco-bp-mobile-heading-size)} .cco-bp-section{padding:var(--cco-bp-mobile-section-space) 0} .cco-bp-hero__media{min-height:var(--cco-bp-mobile-hero-image-height)} } /* OrderFlow 5.37.1 — automatic high-contrast text on blue/primary surfaces */ .cco-bp-hero, .cco-bp-location-card, .cco-bp-trip-card, .cco-bp-custom-section.is-primary{ color:#fff; } .cco-bp-hero h1, .cco-bp-hero h2, .cco-bp-hero h3, .cco-bp-hero p, .cco-bp-hero li, .cco-bp-hero strong, .cco-bp-hero span:not(.cco-bp-eyebrow):not(.cco-bp-kicker), .cco-bp-location-card h1, .cco-bp-location-card h2, .cco-bp-location-card h3, .cco-bp-location-card p, .cco-bp-location-card li, .cco-bp-location-card strong, .cco-bp-trip-card h1, .cco-bp-trip-card h2, .cco-bp-trip-card h3, .cco-bp-trip-card p, .cco-bp-trip-card li, .cco-bp-trip-card strong, .cco-bp-custom-section.is-primary h1, .cco-bp-custom-section.is-primary h2, .cco-bp-custom-section.is-primary h3, .cco-bp-custom-section.is-primary p, .cco-bp-custom-section.is-primary li, .cco-bp-custom-section.is-primary strong{ color:#fff !important; } .cco-bp-hero__copy>p, .cco-bp-location-card .cco-bp-detail span, .cco-bp-trip-card p, .cco-bp-custom-section.is-primary .cco-bp-rich-content, .cco-bp-custom-section.is-primary .cco-bp-rich-content p, .cco-bp-custom-section.is-primary .cco-bp-rich-content li{ color:rgba(255,255,255,.88) !important; opacity:1 !important; } .cco-bp-hero a:not(.cco-bp-btn), .cco-bp-location-card a, .cco-bp-trip-card a:not(.cco-bp-btn), .cco-bp-custom-section.is-primary a:not(.cco-bp-btn){ color:#fff !important; } .cco-bp-hero .cco-bp-eyebrow, .cco-bp-hero .cco-bp-kicker, .cco-bp-location-card .cco-bp-kicker, .cco-bp-trip-card>span{ color:var(--cco-bp-accent) !important; } .cco-bp-btn.is-primary{color:#05294f !important} .cco-bp-btn.is-light{color:#fff !important} /* OrderFlow 5.37.2 — site cleanup, visitor content, final CTAs, and catering polish */ .cco-bp-inline-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:24px} .cco-bp-inline-links a{color:var(--cco-bp-primary);font-weight:900;text-decoration:none;border-bottom:2px solid rgba(16,196,237,.35);padding-bottom:3px} .cco-bp-inline-links a:hover{border-bottom-color:var(--cco-bp-accent)} .cco-bp-sequoia-tips{background:#fff} .cco-bp-sequoia-tip-grid article{min-height:100%;display:flex;flex-direction:column} .cco-bp-final-cta{background:linear-gradient(135deg,var(--cco-bp-primary),color-mix(in srgb,var(--cco-bp-primary) 82%,#001a36));color:#fff} .cco-bp-final-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:12px 0} .cco-bp-final-cta__copy{max-width:720px} .cco-bp-final-cta .cco-bp-kicker{color:var(--cco-bp-accent)!important} .cco-bp-final-cta h2{font-family:var(--cco-heading-font,inherit);font-size:clamp(34px,4.2vw,58px);line-height:1;letter-spacing:-.03em;color:#fff!important;margin:0 0 14px} .cco-bp-final-cta p{margin:0;color:rgba(255,255,255,.88)!important;font-size:17px;line-height:1.65} .cco-bp-final-cta .cco-bp-actions{margin:0;flex:0 0 auto;justify-content:flex-end} .cco-bp-final-cta .cco-bp-btn.is-light{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.08)} .cco-bp-event-choice{margin:0;padding:0;border:0;min-width:0} .cco-bp-event-choice legend{padding:0 0 8px;font-weight:900;color:var(--cco-bp-primary);font-size:13px} .cco-bp-event-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .cco-bp-event-choice-grid label{position:relative;display:block} .cco-bp-event-choice-grid input{position:absolute;opacity:0;pointer-events:none;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important} .cco-bp-event-choice-grid label>span{display:flex;align-items:center;min-height:46px;padding:11px 13px;border:1px solid #ccdbe8;border-radius:12px;background:#fff;color:#27405a;font-weight:800;font-size:13px;line-height:1.35;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease} .cco-bp-event-choice-grid input:checked+span{border-color:var(--cco-bp-accent);background:rgba(16,196,237,.09);box-shadow:0 0 0 2px rgba(16,196,237,.12);color:var(--cco-bp-primary)} .cco-bp-event-choice-grid input:focus-visible+span{outline:3px solid rgba(16,196,237,.25);outline-offset:2px} .cco-bp-catering-form .cco-bp-btn[type="submit"]{justify-self:start;min-width:220px} .cco-bp-form-card{position:relative} .cco-bp-form-card:before{content:"";position:absolute;left:24px;right:24px;top:0;height:4px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--cco-bp-primary),var(--cco-bp-accent))} .cco-bp-form-intro .cco-bp-contact-mini{box-shadow:0 10px 28px rgba(6,47,94,.06)} @supports not (color:color-mix(in srgb,#000,#fff)){ .cco-bp-final-cta{background:linear-gradient(135deg,var(--cco-bp-primary),#052b60)} } @media(max-width:900px){ .cco-bp-final-cta__inner{align-items:flex-start;flex-direction:column} .cco-bp-final-cta .cco-bp-actions{justify-content:flex-start} } @media(max-width:680px){ .cco-bp-inline-links{display:grid;gap:12px} .cco-bp-final-cta__inner{gap:24px} .cco-bp-final-cta h2{font-size:34px} .cco-bp-event-choice-grid{grid-template-columns:1fr} .cco-bp-catering-form .cco-bp-btn[type="submit"]{width:100%;min-width:0} } /* OrderFlow 5.37.6 — Brand Page responsive layout hardening */ .cco-bp-hero__grid>*{min-width:0} .cco-bp-hero__media{width:100%;max-width:100%;min-width:0;background-size:cover;background-repeat:no-repeat} @media(max-width:900px){ .cco-bp-hero__grid{grid-template-columns:minmax(0,1fr)!important;min-height:0} .cco-bp-hero__copy{width:100%;max-width:none;padding:48px 0 42px} .cco-bp-hero__media{width:100%;max-width:100%;min-width:0;min-height:var(--cco-bp-mobile-hero-image-height,280px);border-radius:28px 28px 0 0;background-image:linear-gradient(0deg,var(--cco-bp-primary) 0,rgba(7,63,131,.34) 13%,rgba(7,63,131,0) 42%),var(--cco-bp-hero-image)} .cco-bp-layout-image_left .cco-bp-hero__copy{order:1;padding-left:0;padding-right:0} .cco-bp-layout-image_left .cco-bp-hero__media{order:2;width:100%;max-width:100%;border-radius:28px 28px 0 0;background-image:linear-gradient(0deg,var(--cco-bp-primary) 0,rgba(7,63,131,.34) 13%,rgba(7,63,131,0) 42%),var(--cco-bp-hero-image)} .cco-bp-layout-background .cco-bp-hero__grid{position:relative} .cco-bp-layout-background .cco-bp-hero__copy{width:100%;padding:54px 0} .cco-bp-layout-background .cco-bp-hero__media{position:absolute;inset:0;display:block;min-height:100%;border-radius:0;background-image:linear-gradient(90deg,rgba(3,28,62,.88),rgba(3,28,62,.58)),var(--cco-bp-hero-image)} .cco-bp-map-grid,.cco-bp-travel-grid,.cco-bp-sequoia-callout,.cco-bp-form-grid,.cco-bp-custom-grid{grid-template-columns:minmax(0,1fr)!important} .cco-bp-form-grid>*{min-width:0} .cco-bp-final-cta__inner{align-items:flex-start;flex-direction:column} .cco-bp-final-cta .cco-bp-actions{justify-content:flex-start} } @media(max-width:760px){ .cco-bp-shell{width:min(100% - 28px,var(--cco-bp-max-width))} .cco-bp-hero__copy{padding:38px 0 32px} .cco-bp-layout-background .cco-bp-hero__copy{padding:42px 0} .cco-bp-hero h1{font-size:var(--cco-bp-mobile-heading-size,42px)} .cco-bp-hero__media{min-height:var(--cco-bp-mobile-hero-image-height,280px)} .cco-bp-form-two,.cco-bp-event-choice-grid{grid-template-columns:minmax(0,1fr)!important} .cco-bp-catering-form .cco-bp-btn[type="submit"]{width:100%;min-width:0} } /* OrderFlow 5.37.7 — desktop Brand Page hero correction */ @media(min-width:901px){ /* On image-left heroes the copy-width control belongs to the copy column, not the image column. */ .cco-bp-layout-image_left .cco-bp-hero__grid{grid-template-columns:minmax(320px,1fr) minmax(0,var(--cco-bp-copy-width))} .cco-bp-layout-image_left .cco-bp-hero__media{width:100%;max-width:none;min-width:0} } /* If all hero copy is disabled/empty, do not reserve a blank blue desktop column. */ /* OrderFlow 5.37.10 — image-only Brand Page heroes now reach the edge and fade naturally into the brand blue. */ .cco-bp-hero--image-only .cco-bp-hero__grid{ grid-template-columns:minmax(0,1fr)!important; width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; } .cco-bp-hero--image-only .cco-bp-hero__media{ grid-column:1/-1; width:100%; max-width:none; min-width:0; border-radius:0; background-image:linear-gradient(90deg,transparent 58%,rgba(7,63,131,.12) 70%,rgba(7,63,131,.58) 87%,var(--cco-bp-primary) 100%),var(--cco-bp-hero-image); background-size:cover; background-position:var(--cco-bp-hero-position); background-repeat:no-repeat; } @media(max-width:900px){ .cco-bp-hero--image-only .cco-bp-hero__media{ min-height:var(--cco-bp-mobile-hero-image-height,280px); border-radius:0; background-image:linear-gradient(0deg,var(--cco-bp-primary) 0%,rgba(7,63,131,.28) 14%,transparent 38%),var(--cco-bp-hero-image); } } /* OrderFlow 5.37.11 — full-bleed desktop split heroes. Keep hero copy aligned to the normal content shell while allowing the photo column to continue to the viewport edge. This fixes the wide solid-blue gutter visible on image-right/image-left Brand Page heroes. */ @media(min-width:901px){ .cco-brand-page.cco-bp-width-full{ --cco-bp-hero-edge-bleed:max(20px,calc((100vw - var(--cco-bp-max-width))/2)); } .cco-brand-page.cco-bp-width-full.cco-bp-layout-image_right .cco-bp-hero:not(.cco-bp-hero--image-only) .cco-bp-hero__media{ width:calc(100% + var(--cco-bp-hero-edge-bleed)); max-width:none; margin-right:calc(0px - var(--cco-bp-hero-edge-bleed)); border-radius:0; background-image:linear-gradient(90deg,var(--cco-bp-primary) 0%,rgba(7,63,131,.72) 10%,rgba(7,63,131,.30) 22%,rgba(7,63,131,.08) 34%,rgba(7,63,131,0) 46%),var(--cco-bp-hero-image); } .cco-brand-page.cco-bp-width-full.cco-bp-layout-image_left .cco-bp-hero:not(.cco-bp-hero--image-only) .cco-bp-hero__media{ width:calc(100% + var(--cco-bp-hero-edge-bleed)); max-width:none; margin-left:calc(0px - var(--cco-bp-hero-edge-bleed)); border-radius:0; background-image:linear-gradient(270deg,var(--cco-bp-primary) 0%,rgba(7,63,131,.72) 10%,rgba(7,63,131,.30) 22%,rgba(7,63,131,.08) 34%,rgba(7,63,131,0) 46%),var(--cco-bp-hero-image); } } /* OrderFlow 5.37.15 — protect Brand Page CTA buttons from theme/Elementor button colors. WordPress themes that style bare