.elementor-5439 .elementor-element.elementor-element-578695c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for text-editor, class: .elementor-element-115d81c *//* Mobile-first responsive author box */
.author-box{
  display: flex;
  flex-direction: column;      /* stack on small screens */
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 12px;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  max-width: 760px;
  margin: 20px auto;
  border: 1px solid rgba(0,0,0,0.04);
}

/* Avatar */
.author-box img{
  width: 84px;
  height: 84px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  border: 3px solid #fff;
}

/* Text container */
.author-box > div{
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(14px, 2.2vw, 16px); /* responsive font-size */
  line-height: 1.45;
  color: #222;
  max-width: 100%;
}

/* Author name / title */
.author-box strong{
  display: block;
  font-size: clamp(15px, 2.6vw, 18px);
  color: #111;
  margin-bottom: 4px;
}

/* Small bio or meta */
.author-box .author-meta{
  color: #555;
  font-size: clamp(12px, 2.0vw, 14px);
}

/* Desktop / wider screens: horizontal layout */
@media (min-width: 720px){
  .author-box{
    flex-direction: row;
    align-items: center;
    text-align: left;
    padding: 14px 18px;
  }

  .author-box img{
    width: 72px;
    height: 72px;
  }

  .author-box > div{
    margin-left: 12px;
  }
}

/* Smaller mobiles: tighten spacing */
@media (max-width: 360px){
  .author-box{ padding: 10px; gap: 8px; }
  .author-box img{ width: 72px; height: 72px; }
}

/* Accessibility & print */
.author-box img{ /* ensure avatar isn't announced confusingly */
  alt: attr(alt);
}

/* Hide on print (optional) */
@media print{
  .author-box{ display: none; }
}/* End custom CSS */