/* FIZO Contact — Elementor Widget structural styles
   Colors, fonts, spacing are controlled from Elementor (Style tab) via dynamic CSS.
   This file only holds structure/layout that isn't meant to be edited per-instance. */

.fizo-contact-section{
  width:100%;
}
.fizo-contact-inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  width:100%;
  margin:0 auto;
}
.fizo-contact-inner.fizo-contact-stacked{
  grid-template-columns:1fr;
}

.fizo-contact-intro{
  align-self:start;
}
.fizo-section-kicker{
  text-transform:uppercase;
  display:block;
}
.fizo-contact-heading{
  margin:0 0 0;
}
.fizo-contact-heading em{
  font-style:normal;
}
.fizo-mail-link{
  display:inline-flex;
  align-items:center;
  gap:18px;
  text-decoration:none;
  transition:border-color .25s ease;
}
.fizo-mail-link span{
  display:inline-flex;
}

.fizo-contact-details{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.fizo-contact-block{
  min-height:100px;
}
.fizo-contact-block .fizo-label{
  display:block;
  text-transform:uppercase;
}
.fizo-contact-block a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  text-decoration:none;
  transition:color .2s ease;
}
.fizo-contact-block a span{
  display:inline-flex;
}
.fizo-contact-block p{
  margin:0;
}
.fizo-contact-block small{
  display:block;
}

@media(max-width:900px){
  .fizo-contact-inner{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .fizo-contact-details{
    grid-template-columns:1fr;
  }
}