/* MDIX audit — template-specific fixes (mdix-paud-sentosa). */

/* Footer logo has dark "PAUD Sentosa" text on the dark footer: light plate on the link
   (not on the img, so the logo keeps its own pixel size). */
.footer-logo a,
.main-footer .logo a,
.footer-widget .logo a {
  display: inline-block;
  background: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  line-height: 0;
}
.logo a,
.sticky-header .logo a {
  display: inline-block;
}

/* Top-bar email was capitalised ("Halo@Mdix.Digital"). */
.main-header .header-top .top-left li,
.main-header .header-top .top-left li a {
  text-transform: none;
}

/* ---- Contrast (WCAG AA): the brand yellow #ffca00 cannot carry white text (1.5:1).
   Buttons keep the yellow and get dark text; the hover green keeps dark text too. ---- */
.theme-btn.btn-style-one,
.btn-style-one,
.btn-style-one:hover,
.btn-style-one:focus,
.main-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li.current > a,
.main-header .sticky-header .main-menu .navigation > li.current-menu-item > a {
  color: #222 !important;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a,
.main-slider h4 {
  color: #136f9a;
}
.news-style-two .inner-box .image .category,
.news-style-three .image-column .image .date-box {
  background-color: #136f9a;
  color: #fff;
}
.news-style-three .image-column .image .date-box span {
  color: #fff;
}
.prod-tabs .tab-btns .tab-btn,
.prod-tabs .tab-btns .tab-btn.active-btn {
  color: #222;
}
.teacher-block .inner-box .designation,
.teacher-block .inner-box .text {
  color: #595959;
}
.ui-selectmenu-text,
.ui-selectmenu-button span.ui-selectmenu-text {
  color: #555;
}
.teacher-block .designation,
.teacher-block .text,
.sec-title .text,
.news-style-two .text,
.news-style-two .post-date,
.feature-block .text,
.feature-block-two .text,
.news-style-three .text,
.news-style-three .post-meta li a,
.tab-boxed .text,
.main-footer .footer-widget .text,
.main-footer .links-widget .list li a,
.main-footer .copyright,
.main-header .header-top a,
.main-header .header-top .links-nav li,
.sidebar .popular-posts .post-info,
.classes-single .class-date {
  color: #595959;
}
.main-footer .footer-widget .text,
.main-footer .links-widget .list li a,
.main-footer .copyright,
.main-header .header-top a,
.main-header .header-top .links-nav li {
  color: #c9c9c9;
}

/* ---- Enrolment call-to-action: white/grey copy sat on a light photo. Dark overlay + light text. ---- */
.call-to-action {
  position: relative;
}
.call-to-action::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(16, 28, 40, 0.58);
}
.call-to-action .auto-container {
  position: relative;
  z-index: 1;
}
.call-to-action .content-column .text {
  color: #f2f2f2;
}
.call-to-action .content-column h3 {
  color: #7fd3f7;
}

/* Autumn-leaves band under the teachers (seller photo, off-topic): removed, keep the rhythm with padding. */
.teachers-section .background-patten {
  display: none;
}
.teachers-section.no-padding-btm {
  padding-bottom: 110px;
}

/* Rupiah price does not fit the theme's 90px price circle. */
.classes-single .inner-box .classes-carousel .carousel-outer .course-price {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 112px;
  padding: 8px;
  font-size: 16px;
  line-height: 1.2;
  right: 40px;
  bottom: 15px;
}

/* Theme Title-Cases Indonesian sentences ("Kegiatan Yang Mengasah"). */
.sidebar .popular-posts .post .text,
.sidebar .popular-posts .post .text a {
  text-transform: none;
}

/* Payment-card icons in a kindergarten footer: hidden. */
.main-footer .footer-bottom .cards {
  display: none;
}

/* Keyless Google Maps embed on the contact page. */
.map-section .mdix-map {
  display: block;
  width: 100%;
  height: 450px;
  border: 0;
}

/* ---- Touch targets ---- */
.main-header .header-top .links-nav li a,
.main-header .header-top .links-nav li .btn {
  display: inline-block;
  line-height: 24px;
  min-height: 24px;
  padding-top: 0;
  padding-bottom: 0;
}
.main-menu .navbar-header .navbar-toggle {
  min-width: 44px;
  min-height: 44px;
  padding: 10px 11px;
}
.social-links-one li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0 3px;
}
.news-style-two .image .overlay-layer a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}
.news-style-two h3 a,
.news-style-three h3 a,
.sidebar .popular-posts .post .text a {
  display: inline-block;
  padding: 2px 0;
}
.news-style-three .post-meta li a {
  display: inline-block;
  line-height: 24px;
}
.main-footer .links-widget .list li a {
  display: inline-block;
  line-height: 24px;
}
.styled-pagination li a {
  min-width: 44px;
  min-height: 44px;
}

/* ---- Hero (Revolution Slider) on phones: captions scale to 5–7px. Keep them readable. ---- */
@media (max-width: 767px) {
  .main-slider .tp-caption .text {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
  .main-slider .tp-caption .theme-btn {
    font-size: 13px !important;
    line-height: 20px !important;
    padding: 8px 18px !important;
    border-radius: 4px 0 4px 0 !important;
    margin-top: 18px;
  }
  .main-slider .tp-caption .dark-text {
    display: none !important;
  }
  .main-slider .tp-caption h4 {
    font-size: 15px !important;
    line-height: 1.3 !important;
  }
  .main-slider .tp-caption h2 {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }
  /* Compact phone header: one row of contact links, smaller logo block, so the menu button
     and the hero are reachable without scrolling. */
  .main-header .header-top {
    padding: 6px 0;
  }
  .main-header .header-top .top-left ul li,
  .main-header .header-top .top-right ul li {
    margin: 2px 6px;
  }
  .main-header .header-top .top-left li:first-child {
    display: none;
  }
  .main-header .logo-outer {
    padding: 8px 0 0;
  }
  .main-header .logo-outer .logo img {
    max-height: 64px;
  }
  .main-menu .navbar-header .navbar-toggle {
    margin-top: 10px;
  }
  .main-header .search-box-outer {
    top: 26px;
  }
}
@media (max-width: 480px) {
  .main-slider .tp-caption h2 {
    font-size: 18px !important;
  }
}

/* ---- Round 2 (2026-10-12) ---- */

/* Footer social: the Google+ slot now links to WhatsApp — WhatsApp green instead of Google red. */
.social-links-two li.google-plus {
  background-color: #1f9e50;
  box-shadow: 0 0 0 4px rgba(37, 211, 102, 0.45);
}

/* 768–991px: the centred logo (200px) overlapped "HALAMAN" in the split menu. */
@media (min-width: 768px) and (max-width: 991px) {
  .main-header .header-upper .logo-outer .logo img {
    max-width: 150px;
    height: auto;
  }
  .main-header .header-upper .main-menu .navigation > li > a {
    margin-right: 12px;
  }
  /* Two-column card grids: centre an odd last card instead of leaving a hole on the right. */
  .news-style-two.col-sm-6:last-child:nth-child(odd) {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Revolution Slider scales the hero button to ~8px text below 1024px. */
@media (min-width: 768px) and (max-width: 1023px) {
  .main-slider .tp-caption .theme-btn {
    font-size: 14px !important;
    line-height: 22px !important;
    padding: 10px 24px !important;
  }
  .main-slider .tp-caption .text {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
}

/* Enrolment CTA photo: very tall portrait when the columns stack. */
@media (max-width: 991px) {
  .call-to-action .image-column .image {
    text-align: center;
  }
  .call-to-action .image-column .image img {
    width: 100%;
    max-width: 420px;
    height: 300px;
    object-fit: cover;
    object-position: center 78%;
  }
}

/* Phones: small news/tab thumbnails (137–107px files) were stretched to full width and looked blurry.
   Keep them beside the text at (near) their own size. */
@media (max-width: 767px) {
  .news-style-three .image-column {
    float: left;
    width: 42%;
  }
  .news-style-three .content-column {
    float: left;
    width: 58%;
  }
  .news-style-three .image-column .image img {
    width: 100%;
    max-width: 171px;
  }
  .news-style-three .content-column .content-inner {
    padding-top: 0;
  }
  .news-style-three .content-column .content-inner h3 {
    font-size: 15px;
    line-height: 1.35;
  }
  .news-style-three .content-column .text {
    font-size: 14px;
    line-height: 1.55;
  }
  .tab-boxed .inner-box {
    padding-left: 122px !important;
    min-height: 80px;
  }
  .tab-boxed .inner-box .image {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 108px;
    margin: 0 !important;
  }
  .tab-boxed .inner-box .image img {
    width: 108px !important;
  }
  .tab-boxed .inner-box h3 {
    font-size: 15px;
  }
  .tab-boxed .inner-box .text {
    font-size: 14px;
  }
  .prod-tabs .tab-btns .tab-btn {
    margin-right: 0;
  }
}

/* Inner pages — contrast (AA) */
.form-section .time-column .time-info .day-box,
.form-section .time-column .time-info .day-box:after,
.form-section .time-column .time-info .time-box {
  color: #555;
}
.classes-single .inner-box .classes-carousel .carousel-outer .course-price {
  background-color: #136f9a;
  color: #fff;
}
.sidebar .popular-tags a {
  color: #555;
}
.sidebar-page-container .comments-area .comment-reply,
.sidebar-page-container .comments-area .comment-reply .icon {
  color: #222;
}
.news-style-four .inner-box .content-column .post-meta li,
.news-style-four .inner-box .content-column .post-meta li span,
.news-style-four .inner-box .content-column .post-meta li a {
  color: #595959;
}

/* Inner pages — touch targets ≥ 24px */
.page-title .bread-crumb li a,
.category-widget ul li a,
.news-style-four .inner-box .content-column .post-meta li a {
  display: inline-block;
  line-height: 24px;
  min-height: 24px;
}
.news-style-four .inner-box .read-more,
.news-style-four h3 a {
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* 404 page: the seller's "404" artwork was a grey placeholder — typographic 404 in the brand colours. */
.error-section .mdix-404 {
  display: flex;
  justify-content: center;
  gap: 12px;
  font-family: "Dosis", "Roboto", sans-serif;
  font-weight: 800;
  font-size: 140px;
  line-height: 1;
}
.error-section .mdix-404 span:nth-child(1) { color: #136f9a; }
.error-section .mdix-404 span:nth-child(2) { color: #e2a400; }
.error-section .mdix-404 span:nth-child(3) { color: #d6457a; }
@media (max-width: 767px) {
  .error-section .mdix-404 { font-size: 96px; }
  .error-section h2 { font-size: 34px; }
}
.contact-info-block .inner-box .text a {
  display: inline-block;
  line-height: 26px;
  color: inherit;
}
.contact-info-block .inner-box .text a:hover {
  color: #136f9a;
}

/* Hero slide 2 (playground photo): the theme's dark text sat on a busy photo. Darken the photo, light text. */
.main-slider .tp-banner > ul > li:nth-child(2) .slotholder {
  filter: brightness(0.5);
}
.main-slider .tp-banner > ul > li:nth-child(2) h2 {
  color: #fff;
}
.main-slider .tp-banner > ul > li:nth-child(2) .dark-text {
  color: #f2f2f2;
}
.main-slider .tp-banner > ul > li:nth-child(2) h4 {
  color: #ffd34d;
}
/* Theme Title-Cases the Indonesian hero lines ("Bermain Dan Belajar", "Datang Di"). */
.main-slider h2,
.main-slider h4 {
  text-transform: none;
}
.main-slider .styled-text {
  text-transform: none;
}
.error-section h2 {
  text-transform: none;
}
.category-widget ul li a {
  display: block;
}
@media only screen and (max-width: 1140px) {
  .classes-single .inner-box .classes-carousel .carousel-outer .course-price {
    right: auto;
    bottom: 0;
  }
}

/* Final re-verification 2026-10-13: phone menu — white text on yellow (#ffca00) was 1.5:1; dark text instead. */
@media only screen and (max-width: 767px) {
  .main-header .main-menu .navbar-collapse > .navigation > li > a,
  .main-header .main-menu .navbar-collapse > .navigation > li > ul > li > a,
  .main-header .main-menu .navbar-collapse .navigation li.dropdown .dropdown-btn {
    color: #111827 !important;
  }
}