/* Tambahan gaya tema (ruangcoding.id): slider utama (Swiper) dan perbaikan kecil. */

/* Testimoni di sidebar: Bootstrap 3 membuat blockquote 17.5px, terlalu besar untuk kotak sempit */
blockquote:not(.type_2) { font-size: 13px; line-height: 1.6; }
blockquote:not(.type_2) p { font-size: 13px; margin: 0; }
blockquote .zalimage2 { margin: 0 10px 4px 0; }

/* ---- Slider utama beranda (Swiper). Menggantikan slider lama; tulisan sendiri, bebas lisensi. ---- */
.hero_slider { width: 100%; position: relative; z-index: 100; }
.hero_swiper { border-radius: 3px; overflow: hidden; }
.hero_swiper .swiper-slide { position: relative; }
.hero_swiper .swiper-slide > img { display: block; width: 100%; height: auto; }

/* Teks di sisi kanan gambar, rata kanan */
.hero_caption { position: absolute; right: 60px; top: 30%; max-width: 45%; text-align: right; }
.hero_caption .layer_8 { font-size: 48px; line-height: 1em; margin-bottom: 14px; }
.hero_caption .layer_10 { margin-bottom: 22px; }

.hero_swiper .swiper-pagination-bullet { background: #fff; opacity: .7; }
.hero_swiper .swiper-pagination-bullet-active { opacity: 1; }
.hero_swiper .swiper-button-prev,
.hero_swiper .swiper-button-next { color: #fff; background: rgba(51, 51, 51, .5); width: 38px; height: 38px; border-radius: 3px; }
.hero_swiper .swiper-button-prev:after,
.hero_swiper .swiper-button-next:after { font-size: 16px; font-weight: bold; }

@media (max-width: 767px) {
  .hero_caption { right: 20px; top: 15%; max-width: 70%; }
  .hero_caption .layer_8 { font-size: 24px; margin-bottom: 6px; }
  .hero_caption .layer_10 { font-size: 12px; margin-bottom: 8px; }
  .hero_caption .button_blue { padding: 4px 10px; font-size: 12px; }
  .hero_swiper .swiper-button-prev, .hero_swiper .swiper-button-next { display: none; }
}