/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


/* ===== Studio98 Contact Shortcode ===== */
.s98-contact {
  --s98-primary: #21c1ff;
  --s98-accent: #9d4edd;
  --s98-text: currentColor;
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  font-weight: 600;
  line-height: 1;
}

.s98-contact[data-color-primary] { --s98-primary: attr(data-color-primary color); }
.s98-contact[data-color-accent]  { --s98-accent: attr(data-color-accent color); }

.s98-contact .s98-item {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  text-decoration: none;
  color: var(--s98-text);
  transition: transform .15s ease, color .15s ease;
  white-space: nowrap;
}

.s98-contact .s98-item:hover,
.s98-contact .s98-item:focus {
  color: var(--s98-primary);
  transform: translateY(-1px);
}

.s98-contact .s98-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 18px;
}

.s98-contact .s98-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: var(--s98-accent);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.s98-contact.is-tight { gap: .9rem; }
.s98-contact.is-tight .s98-item { gap: .4rem; font-weight: 500; }