/*
Theme Name: Rack Cafe & Paparazzi Pool Hall
Theme URI: 
Author: 
Author URI: 
Description: 
Text Domain: 
Version: 1.0.0

*/

@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext');

/******* Common Element CSS Start ******/
:root {
    --primary-color: #37b6ff;
    --primary-dark-color: #0e60a2;
    --orange-color: #ff914d;
    --orange-dark-color: #e37019;
    --secondary-color: #3671a0;
    --page-bg-color: rgb(244, 244, 244);
    --white: #ffffff;
    --dark: #2b2b2b;
    --darker: #1c1c1c;
}

.blur {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}

body {
  font-family: 'Poppins', sans-serif;
  color: #333;
}

p {
font-size: 16px;
margin-bottom: 15px!important;
}

p:last-child {
margin-bottom: 10px!important;
}

b, strong {
font-weight: 600;
}

.sticky {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 999;
}

.no-scroll {
  overflow: hidden;
  height: 100vh;
}



*{box-sizing:border-box}
body{background:#f7f3ed}
.felt-tex{background:#1a5c38;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px)}
.ball{border-radius:50%;box-shadow:inset -3px -3px 8px rgba(0,0,0,.22),inset 2px 2px 6px rgba(255,255,255,.55),0 6px 20px rgba(0,0,0,.13);animation:float 3s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.nav-link{position:relative}
.nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:#b8892a;transition:width .3s}
.nav-link:hover::after{width:100%}
.cue-line{height:1.5px;background:linear-gradient(90deg,transparent,#b8892a 40%,transparent)}
.sec-enter{opacity:0;transform:translateY(28px);transition:opacity .6s,transform .6s}
.sec-enter.vis{opacity:1;transform:none}
/* Booking step */
.step{display:none}
.step.active{display:block}
/* Step indicator */
.step-dot{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:.75rem;transition:all .3s;border:2px solid #e2ddd6;background:#fff;color:#6b6560}
.step-dot.done{background:#1a5c38;border-color:#1a5c38;color:#fff}
.step-dot.active{background:#17a34a;border-color:#17a34a;color:#fff}
.step-line{flex:1;height:2px;background:#e2ddd6;transition:background .3s}
.step-line.done{background:#1a5c38}
/* Type/duration buttons */
.opt-btn{border:1.5px solid #e2ddd6;background:#fff;border-radius:8px;padding:.75rem 1rem;text-align:left;transition:all .2s;cursor:pointer;width:100%}
.opt-btn:hover{border-color:#b8892a;box-shadow:0 2px 12px rgba(184,137,42,.1)}
.opt-btn.sel{border-color:#b8892a;background:#fdf6e9;box-shadow:0 2px 16px rgba(184,137,42,.18)}
.opt-btn.sel .opt-title{color:#b8892a}
/* Slot buttons */
.slot-btn{transition:all .18s;font-family:'DM Mono',monospace;font-size:.7rem;padding:.45rem .2rem;border-radius:4px;text-align:center;cursor:pointer;border:1.5px solid transparent;line-height:1.1}
.slot-btn.avail{background:#edf7f1;border-color:#86d4aa;color:#1a5c38}
.slot-btn.avail:hover{background:#d0eddc;border-color:#1a5c38;transform:scale(1.06)}
.slot-btn.booked{background:#fdf0ef;border-color:#f5bcb8;color:#c0574f;cursor:not-allowed;opacity:.7}
.slot-btn.pending{background:#fffbeb;border-color:#f5c842;color:#92620a;cursor:not-allowed;opacity:.85}
.slot-btn.past,.slot-btn.buf{background:#f5f5f5;border-color:#ddd;color:#aaa;cursor:not-allowed;opacity:.6}
.slot-btn.sel{background:#b8892a;border-color:#b8892a;color:#fff;font-weight:600;box-shadow:0 2px 10px rgba(184,137,42,.35)}
.slot-btn.rng{background:#fdf4e3;border-color:#e8c270;color:#9a7020}
/* table card in step 2 */
.tbl-btn{border:1.5px solid #e2ddd6;background:#fff;border-radius:8px;padding:.75rem 1rem;cursor:pointer;transition:all .2s;width:100%;text-align:left}
.tbl-btn:hover{border-color:#b8892a}
.tbl-btn.sel{border-color:#b8892a;background:#fdf6e9}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-thumb{background:#b8892a;border-radius:2px}
.modal-bg{backdrop-filter:blur(10px)}
.member-tog{display:inline-flex;border:1.5px solid #e2ddd6;border-radius:6px;overflow:hidden}
.member-tog button{padding:.45rem 1rem;font-family:'DM Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;background:#fff;color:#6b6560;cursor:pointer;border:none;transition:all .2s}
.member-tog button.on{background:#1a5c38;color:#fff}

.things-to-do-slider .slick-dots {
  bottom: -40px; /* move dots below slider */
}

.things-to-do-slider .slick-dots li button:before {
  font-size: 30px;
  color: #000; /* inactive dot color */
  opacity: 0.5;
}

.things-to-do-slider .slick-dots li.slick-active button:before {
  color: green; /* active dot color */
  opacity: 1;
}


 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

    * {
        font-family: 'Poppins', sans-serif;
    }

    .marquee-inner {
        animation: marqueeScroll 35s linear infinite;
    }

    @keyframes marqueeScroll {
        0% {
            transform: translateX(0%);
        }

        100% {
            transform: translateX(-50%);
        }
    }





.ngg-album-compact h4 .ngg-album-desc {
overflow: hidden;
display: block;
height: auto;
}

.ngg-album-compact {
    padding: 15px!important;
    background: #fff;
    border-radius: 8px;
}

.ngg-album-compact p:last-child {
margin-bottom: 0px!important;
}

.ngg-album-compactbox {
margin: 0 !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
border: 0px solid gray;
border-radius: 6px;
z-index: 1;
padding: 0px!important;
}

.ngg-album-compactbox .Thumb {
    border-radius: 8px;
}

.ngg-album-compactbox:before {
content: ' ';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -7px;
border-bottom: 0px solid gray;
border-radius: 6px;
z-index: -1;
}
:after, :before {
--tw-content: "";
}

.ngg-album-compactbox:after {
content: ' ';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -4px;
border-bottom: 0px solid gray;
border-radius: 6px;
z-index: -1;
}