/* 19 Six Media – Siy minimal plugin bundle (scoped)
   - Keeps portal styling untouched
   - Pulls icons + slick only, everything else is in style.css
*/

/* --- Icon set used by the Siy template (Ionicons v2 for the ion-* classes) --- */
@import url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css");

/* --- Slick carousel CSS (used by Siy’s small headline slider) --- */
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css");

/* --- Reset only minor defaults inside marketing site --- */
.home-page *,
.home-page *::before,
.home-page *::after {
  box-sizing: border-box;
}

/* Prevent global typography bleed */
.home-page body,
.home-page .siy-main {
  font-family: 'Raleway', sans-serif;
}

/* Basic container mimic so Siy spacing works without Bootstrap */
.home-page .container {
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.home-page .row { display: block; width: 100%; }
.home-page .col-lg-12,
.home-page .col-md-6,
.home-page .col-sm-12,
.home-page .col-xs-6,
.home-page .col-sm-3,
.home-page .col-sm-4,
.home-page .col-lg-4 {
  display: inline-block;
  vertical-align: top;
  float: none;
  width: 100%;
}
@media (min-width: 992px) {
  .home-page .col-md-6 { width: 48.5%; }
}
@media (min-width: 1200px) {
  .home-page .col-lg-12 { width: 100%; }
  .home-page .col-lg-4 { width: 31%; }
}

/* Slick dots/arrows soft theme override so they match Siy look on dark */
.home-page .slick-dots li button:before { color: #fff; opacity: .35; }
.home-page .slick-dots li.slick-active button:before { color: #fff; opacity: .95; }
.home-page .slick-prev:before,
.home-page .slick-next:before { color: #fff; }

/* Hide the Siy demo’s social share toggle unless you decide to use it later */
.home-page .social-icons-wrapper-share { display: none; }

/* Optional: smooth scroll feel */
.home-page html { scroll-behavior: smooth; }