/* AOH — Zeffy page styles */
@charset "UTF-8";

/* Figure block that floats right in desktop layout */
.inset-photo {
  float: right;
  width: clamp(220px, 28%, 340px);
  margin: 0 0 1rem 1.25rem;
  /* no shadow here */
}

/* Shadow applies only to the image wrapper */
.inset-photo .photo-frame {
  border-radius: 12px;
  overflow: hidden;               /* rounds the image corners */
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
}

/* Image fills the frame */
.inset-photo img {
  display: block;
  width: 100%;
  height: auto;
}

/* Caption: centered, no background tint */
.inset-photo figcaption {
  margin: .5rem 0 0 0;
  padding: 0 .25rem;
  text-align: center;
  color: #eee;
  background: transparent;        /* ensures no bar behind text */
}

/* Keep section separators from overlapping the float */
.event-line { clear: both; }

/* Mobile: stack image above text */
@media (max-width: 768px) {
  .inset-photo { float: none; width: 100%; margin: 0 0 1rem 0; }
}

/* Center the caption under the image */
.inset-photo figcaption {
    display: block;
    width: 100%;
    margin: .45rem 0 0 0;
    /* remove any default offsets */
    padding: 0 .25rem;
    text-align: center;
    color: #eee;
    /* match your theme text color */
    background: transparent;
    /* no bar behind the text */
}

/* make sure the section separator starts below the float */
.event-line {
    clear: both;
}

/* Mobile: stack image above text, centered */
@media (max-width: 768px) {
    .inset-photo {
        float: none;
        width: 60%;
        margin: .5rem auto 1rem;
    }


    /* Make only the Tee Signs embed shorter */
    #teesigns .embed-wrap {
        min-height: 480px;
    }

    /* was 720px */
    @media (max-width: 768px) {
        #teesigns .embed-wrap {
            min-height: 560px;
        }

        /* give a bit more room on mobile */
    }

    /* Use on short Zeffy embeds so there’s no giant gap */
    .embed-wrap-compact {
        min-height: 0 !important;
        /* override the 720px rule */
        background: transparent !important;
        /* optional: remove the tinted bg */
        border-radius: 0;
        /* optional */
    }


}