/* =============================================================================
   landing-rbkhanumantmahuva.css — per-school overrides + extra sections for the
   RBK Hanumant High School (CBSE), Mahuva landing page. Values are copied from
   the page's generated Elementor CSS (post-1120.css), not eyeballed.

   The band colour variables (--kkl-accent/-welcome-bg/-enquiry-bg/-awards-bg/
   -testimonials-bg/-strip-bg/-frame) all match the landing.css defaults on this
   page, so none are overridden. Everything here is scoped under
   .kk-landing--rbkhanumantmahuva.
   ============================================================================= */

/* -- Leadership messages carousel (Principal / Management Rep / Morari Bapu) ---
   Replaces the Elementor nested-carousel (1 slide per view, 3s autoplay).
   Band background per elementor-element-32e5904. */
.kk-landing--rbkhanumantmahuva .kk-msgs {
    padding: 60px 0;
    background: url("/wp-content/uploads/2024/11/Leadership-Bg-1.webp") center right / cover no-repeat;
}
.kk-landing--rbkhanumantmahuva .kk-msgs .kk-carousel {
    --kk-carousel-per: 1; --kk-carousel-per-tablet: 1; --kk-carousel-per-mobile: 1;
    --kk-carousel-gap: 10px;
    --kk-carousel-dot: rgba(68, 172, 175, .35);   /* dots colour #44ACAF (4c73442) */
    --kk-carousel-dot-active: #44ACAF;
}
.kk-landing--rbkhanumantmahuva .kk-msgs__slide { display: flex; gap: 40px; align-items: flex-start; }
.kk-landing--rbkhanumantmahuva .kk-msgs__intro { flex: 0 0 40%; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.kk-landing--rbkhanumantmahuva .kk-msgs__title--sm { font-size: 25px; }              /* f9625ae */
.kk-landing--rbkhanumantmahuva .kk-msgs__photo { display: block; width: 55%; margin: 0 auto; border-radius: 25px; }  /* 6826def / afc0dac */
.kk-landing--rbkhanumantmahuva .kk-msgs__photo--narrow { width: 49%; }               /* 0dae16a */
.kk-landing--rbkhanumantmahuva .kk-msgs__name {
    font-family: "Montserrat", sans-serif; font-size: 25px; font-weight: 700;
    color: #1C1C1C; text-align: center; margin: 0;                                   /* 159fab9 / ab56997 */
}
.kk-landing--rbkhanumantmahuva .kk-msgs__name--lg { font-size: 35px; color: #0F0F0F; }  /* d4cf6d3 */
.kk-landing--rbkhanumantmahuva .kk-msgs__role {
    font-size: 16px; font-weight: 500; line-height: 25px; color: #44ACAF;
    text-align: center; margin: -8px 0 0;                                            /* 950355f / b52edc3 */
}
.kk-landing--rbkhanumantmahuva .kk-msgs__text {
    flex: 1 1 0; min-width: 0;
    font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 400;
    line-height: 25px; letter-spacing: .2px; word-spacing: 2px; color: #474747;      /* c525ce1 */
}
.kk-landing--rbkhanumantmahuva .kk-msgs__text p { margin: 0 0 14px; }
@media (max-width: 1024px) {
    .kk-landing--rbkhanumantmahuva .kk-msgs__slide { flex-direction: column; }
    .kk-landing--rbkhanumantmahuva .kk-msgs__intro { flex-basis: auto; width: 100%; }
    .kk-landing--rbkhanumantmahuva .kk-msgs__text { font-size: 14px; line-height: 24px; }
}

/* -- Faculty photo cards (this school has photos, not videos) ------------------- */
.kk-landing--rbkhanumantmahuva .kk-faculty__grid { gap: 40px; }                      /* c57db24 --column-gap:40px */
.kk-landing--rbkhanumantmahuva .kk-faculty__card { padding-bottom: 10px; }           /* b645bff */
.kk-landing--rbkhanumantmahuva .kk-faculty__photo {
    display: block; width: 100%; aspect-ratio: 518 / 613;
    object-fit: cover; object-position: center top; border-radius: 10px;             /* 23f3b75 etc. */
}
.kk-landing--rbkhanumantmahuva .kk-faculty__name { font-size: 18px; padding: 0 20px; }   /* 03bf6dd */
.kk-landing--rbkhanumantmahuva .kk-faculty__role { font-size: 15px; padding: 0 20px; }   /* 4fed8f5 */

/* -- Curriculum ------------------------------------------------------------------ */
.kk-landing--rbkhanumantmahuva .kk-lcur__title { font-size: 29px; font-weight: 700; color: #45ACAF; }  /* c1b02e4 */
.kk-landing--rbkhanumantmahuva .kk-lcur__divider { width: 53%; }                     /* 819c199 */
.kk-landing--rbkhanumantmahuva .kk-lcur .kk-tabs__panel h3 { font-size: 20px; font-weight: 600; color: #2F2F2F; }  /* 0ddec2b etc. */

/* -- Life at RBK HHS (single video, replaces the Elementor video widget) ---------- */
.kk-landing--rbkhanumantmahuva .kk-lifeat { padding: 50px 0; }                       /* 98040bc */
.kk-landing--rbkhanumantmahuva .kk-lifeat__title {
    text-align: center; font-size: 29px; font-weight: 700;
    text-transform: uppercase; color: #0F0F0F;                                       /* b899fe6 */
}
.kk-landing--rbkhanumantmahuva .kk-lifeat__divider {
    width: 39%; margin: 10px auto 30px; border: 0; border-top: 2px solid #B98E7F;    /* d355d28 */
}
.kk-landing--rbkhanumantmahuva .kk-lifeat .kk-video { border-radius: 25px; }         /* f5723d9 */
@media (max-width: 1024px) { .kk-landing--rbkhanumantmahuva .kk-lifeat__title { font-size: 22px; } }

/* -- Empty job-openings band (nav anchor target; hidden on the school domain) ----- */
.kk-landing--rbkhanumantmahuva .kk-jobs { padding: 60px 0; }                         /* d4c53f7 */

/* -- Parent testimonials: 3-per-view photo cards on the amber band ----------------- */
.kk-landing--rbkhanumantmahuva .kk-ltest__title { text-align: center; }              /* b9240a7 */
.kk-landing--rbkhanumantmahuva .kk-ltest .kk-carousel {
    --kk-carousel-per: 3; --kk-carousel-per-tablet: 2; --kk-carousel-per-mobile: 1;  /* 17575ec */
    --kk-carousel-gap: 10px;
}
.kk-landing--rbkhanumantmahuva .kk-ptest { display: flex; flex-direction: column; gap: 10px; height: 100%; color: #fff; }
.kk-landing--rbkhanumantmahuva .kk-ptest img {
    display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 10px;
}
.kk-landing--rbkhanumantmahuva .kk-ptest__name {
    font-family: "Montserrat", sans-serif; font-size: 18px; font-weight: 600; color: #fff; margin: 6px 0 0;  /* e7d98ba */
}
.kk-landing--rbkhanumantmahuva .kk-ptest__who {
    font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 600; line-height: 22px; color: #fff; margin: 0;  /* 1c072d9 */
}
.kk-landing--rbkhanumantmahuva .kk-ptest__text {
    font-family: "Lato", "Montserrat", sans-serif; font-size: 13px; font-weight: 400; line-height: 1.6; color: #fff;  /* 661ff94 */
}
.kk-landing--rbkhanumantmahuva .kk-ptest__text p { margin: 0 0 10px; }

/* -- Social grid: the original feed showed 1 column on phones (sbi_mob_col_1) ------- */
@media (max-width: 480px) {
    .kk-landing--rbkhanumantmahuva .kk-lsocial__grid { grid-template-columns: 1fr; }
}
