/* DutaScore Contact Page - migrated from WordPress Additional CSS */

/* =========================================================
   DutaScore Contact Page
   ========================================================= */

body.page .entry-content .ds-page-subtitle{
  max-width:620px;
  margin:0 0 22px !important;
  color:#b9c8dc !important;
  font-size:16px !important;
  line-height:1.75 !important;
}

body.page .entry-content .ds-contact-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:14px !important;
  margin:24px 0 34px !important;
}

body.page .entry-content .ds-contact-card{
  padding:18px 18px 16px !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, #101c2d 0%, #0b1727 100%) !important;
  border:1px solid rgba(91,188,255,.14) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22) !important;
}

body.page .entry-content .ds-contact-card h3{
  margin:0 0 10px !important;
  color:#ffffff !important;
  font-size:17px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}

body.page .entry-content .ds-contact-card p{
  margin:0 !important;
  color:#b9c8dc !important;
  font-size:14px !important;
  line-height:1.75 !important;
}

body.page .entry-content .ds-contact-card a{
  display:inline-block !important;
  margin-top:4px !important;
  color:#59dede !important;
  font-weight:700 !important;
  word-break:break-word !important;
}

/* Media sosial di halaman kontak */
body.page .entry-content h2{
  margin-top:34px !important;
}

body.page .entry-content h2 + p + ul{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  margin:16px 0 34px !important;
  padding:0 !important;
  list-style:none !important;
}

body.page .entry-content h2 + p + ul li{
  margin:0 !important;
  padding:13px 14px !important;
  border-radius:12px !important;
  background:#101a29 !important;
  border:1px solid rgba(255,255,255,.07) !important;
  color:#b9c8dc !important;
  line-height:1.5 !important;
}

body.page .entry-content h2 + p + ul li strong{
  color:#ffffff !important;
  font-weight:700 !important;
}

body.page .entry-content h2 + p + ul li a{
  color:#59dede !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

/* Mobile */
@media (max-width:640px){
  body.page .entry-content .ds-contact-grid,
  body.page .entry-content h2 + p + ul{
    grid-template-columns:1fr !important;
  }

  body.page .entry-content .ds-contact-card{
    padding:16px !important;
  }

  body.page .entry-content .ds-page-subtitle{
    font-size:15px !important;
  }
}