/* Utah Kids Party Places skin. Loaded only on the kids site (config.skin). Fredoka: SIL Open Font License, self-hosted. */
@font-face{font-family:"Fredoka";font-style:normal;font-weight:400 700;font-display:swap;src:url(/skin/fredoka-latin.woff2) format("woff2")}
.skin-kids{--coral:#ff6b6b;--sun:#ffc83d;--teal:#2ec4b6;--grape:#6a3fb5;--berry:#c2408f;--r:20px;--line:#ece4f7;--muted:#5d5470;background:#fbf6ff}
.skin-kids h1,.skin-kids h2,.skin-kids h3,.skin-kids .logo,.skin-kids .btn,.skin-kids .chip,.skin-kids .plabel b,.skin-kids .tile b,.skin-kids .ctile b,.skin-kids .ctile .big,.skin-kids nav.top a,.skin-kids .search select{font-family:"Fredoka",ui-rounded,"Segoe UI Rounded",system-ui,sans-serif}
.skin-kids h1,.skin-kids h2,.skin-kids h3{font-weight:600;letter-spacing:.1px}
/* header */
.skin-kids header.site{background:#fff;border-bottom:0;box-shadow:0 2px 0 #f0e6fb}
.skin-kids .logo{color:var(--grape);font-size:1.3rem;font-weight:700}
.skin-kids .logo span{color:#c73b48}
.skin-kids .logo-ic{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--sun);color:#3a2600;transform:rotate(-8deg);box-shadow:0 3px 0 #e2a400}
.skin-kids nav.top a{color:#4a3a66;font-weight:500;font-size:1rem;padding:6px 10px;border-radius:999px;margin-left:4px}
.skin-kids nav.top a:hover{background:#f3ecfd;color:var(--grape)}
.skin-kids nav.top a:last-child{background:var(--grape);color:#fff}
.skin-kids nav.top a:last-child:hover{background:#56309a}
.skin-kids .preview{background:#fff8e1;border-bottom:0}
/* hero */
.skin-kids .hero{background:radial-gradient(circle at 85% 20%,rgba(255,200,61,.25),transparent 40%),linear-gradient(135deg,#5b33a8 0%,#7b44c6 50%,#b23a86 100%);padding:70px 0 120px;overflow:hidden;isolation:isolate}
.skin-kids .hero .wrap{position:relative;z-index:2}
.skin-kids .hero h1{font-size:clamp(2rem,5vw,3.3rem);font-weight:700;max-width:640px;line-height:1.08}
.skin-kids .hero p{max-width:580px}
.skin-kids .hero-art{position:absolute;inset:0;z-index:1;pointer-events:none}
.skin-kids .hero-art .confetti{position:absolute;inset:0;width:100%;height:100%}
.skin-kids .hero-art .balloons{position:absolute;right:max(2vw,calc(50% - 640px));top:40px;height:min(400px,88%);width:auto}
.skin-kids .hero-art .b{animation:bob 6s ease-in-out infinite;transform-box:fill-box}
.skin-kids .hero-art .b:nth-child(2){animation-delay:-1.5s}.skin-kids .hero-art .b:nth-child(3){animation-delay:-3s}.skin-kids .hero-art .b:nth-child(4){animation-delay:-4.2s}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media (prefers-reduced-motion:reduce){.skin-kids .hero-art .b{animation:none}}
.skin-kids .hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:70px;z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath d='M0 38 C120 8 240 8 360 30 S600 66 720 40 960 4 1080 26 1320 62 1440 30 V70 H0z' fill='%23ffc83d'/%3E%3Cpath d='M0 50 C120 22 240 22 360 44 S600 78 720 52 960 18 1080 40 1320 74 1440 44 V70 H0z' fill='%23fbf6ff'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
.skin-kids .eyebrow{background:var(--sun);color:#3a2600;border:0;font-weight:700;transform:rotate(-2deg);box-shadow:0 3px 0 #e2a400}
.skin-kids .search{background:#fff;padding:8px;border-radius:999px;box-shadow:0 10px 30px rgba(40,10,80,.28);max-width:600px;flex-wrap:nowrap}
.skin-kids .search select{box-shadow:none;background:#f6f0ff;border-radius:999px;color:#2b2140;font-weight:500;padding:13px 18px}
.skin-kids .search .btn{white-space:nowrap;background:var(--coral);color:#fff;background:#d9434f;box-shadow:0 4px 0 #a52a35;font-size:1.05rem;padding:12px 24px}
.skin-kids .search .btn:hover{color:#fff;background:#c73b48}
.skin-kids .chips{gap:10px}
.skin-kids .chip{background:#fff;color:#2b2140;padding:6px 14px 6px 6px;font-weight:500;font-size:.95rem;box-shadow:0 3px 0 rgba(40,10,80,.25);transition:transform .15s}
.skin-kids .chip svg{color:#fff;background:var(--c);border-radius:50%;padding:5px;width:28px;height:28px;box-sizing:border-box}
.skin-kids .chip:hover{transform:translateY(-2px) rotate(-1deg);color:var(--c)}
/* sections */
.skin-kids h2.sec{font-size:1.75rem;color:#2b2140}
.skin-kids .dot{border-radius:50%;width:40px;height:40px;box-shadow:0 3px 0 color-mix(in srgb,var(--c) 70%,#000)}
.skin-kids .ptile{border-radius:26px;box-shadow:0 6px 0 color-mix(in srgb,var(--c) 70%,#000),0 12px 24px rgba(40,10,80,.15);aspect-ratio:5/4}
.skin-kids .ptile:hover{transform:translateY(-4px) rotate(-.6deg)}
.skin-kids .pfill{background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.35) 0 5px,transparent 6px),radial-gradient(circle at 78% 18%,rgba(255,200,61,.9) 0 4px,transparent 5px),radial-gradient(circle at 65% 70%,rgba(255,255,255,.3) 0 6px,transparent 7px),radial-gradient(circle at 12% 70%,rgba(255,200,61,.7) 0 3px,transparent 4px),radial-gradient(circle at 88% 55%,rgba(255,255,255,.4) 0 3px,transparent 4px),radial-gradient(circle at 30% 20%,rgba(255,255,255,.22),transparent 55%),var(--c);color:rgba(255,255,255,.8)}
.skin-kids .pfill svg{width:76px;height:76px;transform:translateY(-18px) rotate(-6deg)}
.skin-kids .plabel b{font-size:1.2rem;font-weight:600}
.skin-kids .pi{border-radius:50%;background:rgba(255,255,255,.28)}
.skin-kids .band{background:#fff3d1;box-shadow:0 0 0 100vmax #fff3d1;clip-path:inset(-50px -100vmax);position:relative;margin-top:80px;padding-bottom:40px}
.skin-kids .band::before,.skin-kids .band::after{content:"";position:absolute;left:-100vmax;right:-100vmax;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 C30 0 90 0 120 40z' fill='%23fff3d1'/%3E%3C/svg%3E") bottom/120px 100% repeat-x}
.skin-kids .band::before{top:-39px}
.skin-kids .band::after{bottom:-39px;transform:scaleY(-1)}
.skin-kids .band h2.sec{margin-top:10px}
.skin-kids .tile{border-radius:18px}
.skin-kids .tile.city{border-top:0;border-left:0;background:#fff;box-shadow:0 4px 0 color-mix(in srgb,var(--c) 55%,#fff);position:relative;padding-left:46px}
.skin-kids .tile.city::before{content:"";position:absolute;left:16px;top:50%;width:18px;height:22px;margin-top:-13px;border-radius:50% 50% 50% 50%/45% 45% 55% 55%;background:var(--c)}
.skin-kids .tile.city::after{content:"";position:absolute;left:24px;top:calc(50% + 9px);width:2px;height:8px;background:var(--c);opacity:.6}
.skin-kids .tile.city b{font-size:1.08rem;font-weight:600}
.skin-kids .ctile{border-radius:22px;border-top-width:8px}
.skin-kids .panel{border-radius:22px;border:0;box-shadow:0 4px 0 #ece2f8,0 10px 24px rgba(60,20,110,.06)}
.skin-kids .panel.owner{background:linear-gradient(160deg,#ffe9ef,#fff 70%)}
.skin-kids .btn{font-family:"Fredoka",system-ui,sans-serif;font-weight:600;font-size:1.02rem;box-shadow:0 4px 0 #d9a21c}
.skin-kids .btn.ghost{box-shadow:none;border-width:2px}
.skin-kids .note{border-radius:16px;border-color:#e3d7f3}
/* cards */
.skin-kids .cards{gap:16px}
.skin-kids .card{border:0;border-radius:24px;padding:18px 20px;box-shadow:0 5px 0 color-mix(in srgb,var(--c) 30%,#fff),0 10px 24px rgba(60,20,110,.08);transition:transform .15s,box-shadow .15s;grid-template-columns:60px 1fr auto}
.skin-kids .card:hover{transform:translateY(-3px);box-shadow:0 8px 0 color-mix(in srgb,var(--c) 40%,#fff),0 14px 28px rgba(60,20,110,.12)}
.skin-kids .card .ph,.skin-kids .ph{border-radius:50%;width:60px;height:60px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.35),transparent 50%),var(--c);box-shadow:0 4px 0 color-mix(in srgb,var(--c) 65%,#000)}
.skin-kids .ph.big{width:80px;height:80px;border-radius:50%}
.skin-kids .card h3{font-size:1.2rem;font-weight:600}
.skin-kids .card h3 a{color:#2b2140}.skin-kids .card h3 a:hover{color:var(--c)}
.skin-kids .badge{border-radius:999px;padding:4px 10px;font-size:.8rem}
.skin-kids .badge.hl{background:var(--sun);color:#3a2600;font-weight:700;font-size:.84rem;box-shadow:0 2px 0 #e2a400}
.skin-kids .badge.hl:nth-of-type(odd){}
.skin-kids .card .badges .badge.hl + .badge.hl{background:#c9f2ec;color:#0b4f49;box-shadow:0 2px 0 #7fd8cc}
.skin-kids .stars{color:#a85f00}
/* category + listing pages */
.skin-kids .catban{border-radius:28px;min-height:170px;background:radial-gradient(circle at 85% 30%,rgba(255,255,255,.25) 0 10px,transparent 11px),radial-gradient(circle at 92% 70%,rgba(255,200,61,.9) 0 6px,transparent 7px),radial-gradient(circle at 72% 20%,rgba(255,200,61,.8) 0 4px,transparent 5px),radial-gradient(circle at 78% 80%,rgba(255,255,255,.3) 0 7px,transparent 8px),linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 60%,#000))}
.skin-kids .catban-in{background:none}
.skin-kids .catban .pi{border-radius:50%;background:rgba(255,255,255,.25)}
.skin-kids .lhead h1{font-size:clamp(1.6rem,4vw,2.3rem);color:#2b2140}
.skin-kids .thumb{border-radius:22px;border:0;box-shadow:0 6px 0 #ece2f8}
.skin-kids .details{background:linear-gradient(180deg,#fff7dc 0,#fff 140px);box-shadow:0 4px 0 #ffe08a,0 10px 24px rgba(60,20,110,.06)}
.skin-kids .hours li{border-bottom-style:dashed;border-color:#eadff7}
.skin-kids footer.site{background:#2f1a57;border-top:0;position:relative;margin-top:50px}
.skin-kids footer.site::before{content:"";position:absolute;left:0;right:0;top:-34px;height:35px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 35' preserveAspectRatio='none'%3E%3Cpath d='M0 20 C180 0 360 0 540 16 S900 34 1080 14 1320 2 1440 16 V35 H0z' fill='%232f1a57'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
@media (max-width:760px){
 .skin-kids .hero{padding:44px 0 100px}
 .skin-kids .hero-art .balloons{display:none}
 .skin-kids .hero h1{font-size:2rem;padding-right:0}
 .skin-kids .search{border-radius:22px;flex-wrap:wrap}
 .skin-kids .search .btn{width:100%}
 .skin-kids nav.top a{margin:0 2px 0 0;padding:5px 8px;font-size:.92rem}
 .skin-kids .card{grid-template-columns:52px 1fr}.skin-kids .card .ph{width:52px;height:52px}
 .skin-kids .ptile{aspect-ratio:1/1}
 .skin-kids .pfill svg{width:52px;height:52px;transform:translateY(-34px) rotate(-6deg)}
 .skin-kids .plabel b{font-size:1.02rem}
}
/* fixes */
.skin-kids main{overflow-x:clip}
.skin-kids .band{margin-bottom:70px}
.skin-kids .hero-art .balloons{top:78px}
.skin-kids .logo .logo-ic{color:#3a2600}
.skin-kids .footer-signup{margin-bottom:22px}