/* Full inner-page layouts generated by the SMAN 11 Mataram importer. */
.spe-el-hero .elementor-widget-text-editor,
.spe-el-hero .elementor-widget-text-editor a {
  color: rgba(255,255,255,.78);
}

.spe-el-breadcrumbs p {
  margin: 0;
  font-size: 11px;
}

.spe-el-intro .elementor-widget-wrap {
  max-width: 820px;
  margin-inline: auto;
}

.spe-el-card,
.spe-el-stat-card,
.spe-el-value-card,
.spe-el-org-card,
.spe-el-schedule-card,
.spe-el-list-card,
.spe-el-form-card,
.spe-el-image-card {
  transition: transform .25s ease, box-shadow .25s ease;
}

.spe-el-card > .elementor-widget-wrap,
.spe-el-stat-card > .elementor-widget-wrap,
.spe-el-value-card > .elementor-widget-wrap,
.spe-el-org-card > .elementor-widget-wrap,
.spe-el-schedule-card > .elementor-widget-wrap,
.spe-el-list-card > .elementor-widget-wrap,
.spe-el-form-card > .elementor-widget-wrap {
  height: 100%;
  border: 1px solid var(--spe-line);
  border-top: 3px solid var(--spe-gold);
  box-shadow: 0 12px 36px rgba(13,59,102,.07);
}

.spe-el-card:hover,
.spe-el-org-card:hover,
.spe-el-schedule-card:hover,
.spe-el-image-card:hover {
  transform: translateY(-6px);
}

.spe-el-card:hover > .elementor-widget-wrap,
.spe-el-org-card:hover > .elementor-widget-wrap,
.spe-el-schedule-card:hover > .elementor-widget-wrap,
.spe-el-image-card:hover > .elementor-widget-wrap {
  box-shadow: 0 24px 55px rgba(13,59,102,.13);
}

.spe-el-card .elementor-widget-button {
  margin-top: auto;
}

.spe-el-split > .elementor-container,
.spe-el-detail > .elementor-container,
.spe-el-contact > .elementor-container,
.spe-el-cta > .elementor-container {
  align-items: center;
}

.spe-el-image-card > .elementor-widget-wrap,
.spe-el-portrait-card > .elementor-widget-wrap {
  overflow: hidden;
}

.spe-el-image-card .elementor-widget-image img {
  width: 100%;
  min-height: 400px;
  object-fit: cover;
  border-radius: 160px 6px 6px 6px;
}

.spe-el-portrait-card .elementor-widget-image img {
  width: 100%;
  min-height: 610px;
  object-fit: cover;
  border-radius: 170px 8px 8px 8px;
}

.spe-el-program-card > .elementor-widget-wrap {
  overflow: hidden;
  border: 1px solid var(--spe-line);
  border-bottom: 3px solid var(--spe-gold);
  background: #fff;
  box-shadow: 0 12px 36px rgba(13,59,102,.08);
}

.spe-el-program-card .elementor-widget-image img {
  width: 100%;
  height: 225px;
  min-height: 0;
  object-fit: cover;
  border-radius: 0;
}

.spe-el-program-card .elementor-widget-heading,
.spe-el-program-card .elementor-widget-text-editor,
.spe-el-program-card .elementor-widget-button {
  margin-left: 25px;
  margin-right: 25px;
}

.spe-el-program-card .elementor-widget-heading:nth-last-child(3),
.spe-el-program-card .elementor-widget-button {
  margin-bottom: 22px;
}

.spe-el-stat-card > .elementor-widget-wrap {
  justify-content: center;
  min-height: 140px;
  padding: 28px 18px;
}

.spe-el-stat-card .elementor-widget-heading {
  margin: 0;
}

.spe-el-highlight-card > .elementor-widget-wrap,
.spe-el-vision-card > .elementor-widget-wrap,
.spe-el-org-leader > .elementor-widget-wrap,
.spe-el-admission-banner > .elementor-widget-wrap {
  height: 100%;
  border-left: 4px solid var(--spe-gold);
  box-shadow: 0 24px 60px rgba(13,59,102,.16);
}

.spe-el-light-text,
.spe-el-light-text p,
.spe-el-light-text li {
  color: rgba(255,255,255,.78) !important;
}

.spe-el-notice > .elementor-widget-container {
  padding: 16px 19px;
  border-left: 3px solid var(--spe-gold);
  background: #eef6fc;
  color: var(--spe-muted);
}

.spe-el-notice p {
  margin: 0;
}

.spe-el-quote blockquote {
  margin: 10px 0 22px;
  padding: 22px 25px;
  border-left: 3px solid var(--spe-gold);
  background: #eef6fc;
  color: var(--spe-dark);
  font: italic 18px/1.65 Georgia,serif;
}

.spe-el-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--spe-line);
  background: #fff;
}

.spe-el-table-wrap table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
}

.spe-el-table-wrap th,
.spe-el-table-wrap td {
  padding: 15px 18px;
  border-bottom: 1px solid var(--spe-line);
  text-align: left;
  vertical-align: top;
}

.spe-el-table-wrap th {
  background: var(--spe-dark);
  color: #fff;
  font-size: 11px;
  letter-spacing: .05em;
}

.spe-el-table-wrap tbody th {
  width: 28%;
  background: #eef6fc;
  color: var(--spe-dark);
}

.spe-el-table-wrap td {
  color: var(--spe-muted);
  font-size: 13px;
}

.spe-el-contact-list p {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
  padding: 16px 0;
  border-bottom: 1px solid var(--spe-line);
}

.spe-el-contact-list span {
  color: var(--spe-green);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.spe-el-contact-list strong {
  color: var(--spe-ink);
  font-size: 13px;
}

.spe-el-form-card .spe-contact-form {
  gap: 16px;
}

.spe-el-list-card ul {
  margin: 0;
  padding-left: 18px;
}

.spe-el-list-card li {
  margin-bottom: 10px;
  color: var(--spe-muted);
}

.spe-el-gallery .gallery {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 14px;
}

.spe-el-gallery .gallery-item {
  margin: 0 !important;
  max-width: none !important;
}

.spe-el-gallery .gallery-icon,
.spe-el-gallery .gallery-icon a {
  display: block;
  height: 280px;
  overflow: hidden;
}

.spe-el-gallery .gallery-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0 !important;
  transition: transform .45s ease;
}

.spe-el-gallery .gallery-item:hover img {
  transform: scale(1.04);
}

.spe-activity-gallery {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
}

.spe-el-gallery-item {
  position: relative;
  height: 285px;
  margin: 0;
  overflow: hidden;
  background: var(--spe-soft);
  box-shadow: 0 12px 32px rgba(13,59,102,.09);
}

.spe-el-gallery-item a,
.spe-el-gallery-item img {
  display: block;
  width: 100%;
  height: 100%;
}

.spe-el-gallery-item img {
  object-fit: cover;
  transition: transform .55s ease, filter .35s ease;
}

.spe-el-gallery-item figcaption {
  position: absolute;
  inset: auto 0 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 42px 22px 20px;
  color: #fff;
  background: linear-gradient(transparent,rgba(8,44,76,.9));
  transform: translateY(4px);
  transition: transform .35s ease;
}

.spe-el-gallery-item small {
  color: #ffe19a;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.spe-el-gallery-item strong {
  font: 400 19px Georgia,serif;
}

.spe-el-gallery-item:hover img,
.spe-el-gallery-item:focus-within img {
  transform: scale(1.045);
  filter: saturate(1.06);
}

.spe-el-gallery-item:hover figcaption,
.spe-el-gallery-item:focus-within figcaption {
  transform: none;
}

@media (max-width: 1024px) {
  .spe-activity-gallery {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .spe-el-grid > .elementor-container {
    flex-wrap: wrap;
  }

  .spe-el-grid .elementor-column {
    width: 50%;
  }

  .spe-el-org-leader-section,
  .spe-el-admission-section {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .spe-el-image-card .elementor-widget-image img,
  .spe-el-portrait-card .elementor-widget-image img {
    min-height: 470px;
  }
}

@media (max-width: 767px) {
  .spe-activity-gallery {
    grid-template-columns: 1fr;
  }

  .spe-el-gallery-item {
    height: 250px;
  }

  .spe-el-grid .elementor-column,
  .spe-el-stats .elementor-column,
  .spe-el-values .elementor-column,
  .spe-el-split .elementor-column,
  .spe-el-detail .elementor-column,
  .spe-el-contact .elementor-column,
  .spe-el-cta .elementor-column {
    width: 100% !important;
  }

  .spe-el-org-leader-section,
  .spe-el-admission-section {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .spe-el-image-card .elementor-widget-image img,
  .spe-el-portrait-card .elementor-widget-image img {
    min-height: 380px;
    border-radius: 100px 6px 6px 6px;
  }

  .spe-el-gallery .gallery {
    grid-template-columns: 1fr;
  }

  .spe-el-gallery .gallery-icon,
  .spe-el-gallery .gallery-icon a {
    height: 240px;
  }

  .spe-el-table-wrap table {
    min-width: 590px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .spe-el-card,
  .spe-el-image-card,
  .spe-el-program-card,
  .spe-el-gallery img,
  .spe-el-gallery-item img,
  .spe-el-gallery-item figcaption {
    transition: none;
  }
}