/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Equalize card heights per row (does NOT change image size) */
.ux-cpt-grid.ms-eq .row { align-items: stretch; }
.ux-cpt-grid.ms-eq .row .post-item { display: flex; }
.ux-cpt-grid.ms-eq .row .post-item > .box {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ux-cpt-grid.ms-eq .row .post-item > .box .box-text {
  display: flex;
  flex-direction: column;
  flex: 1;               /* fill remaining height so cards match */
}
/* keep CTAs aligned along the bottom */
.ux-cpt-grid.ms-eq .row .post-item > .box .box-text .button { margin-top: auto; }
/* Title clamping (equal height by lines) */
.ux-cpt-grid.ms-title-eq .post-title,
.ux-cpt-grid.ms-title-eq .post-title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  --ms-tt-lh: 1.25;            /* adjust line-height if needed */
  line-height: var(--ms-tt-lh);
  -webkit-line-clamp: var(--ms-tt-lines);
  line-clamp: var(--ms-tt-lines);
  min-height: calc(var(--ms-tt-lines) * var(--ms-tt-lh) * 1em);
}
/* mobile */
@media (max-width: 549px){
  .ux-cpt-grid.ms-title-eq { --ms-tt-lines: var(--ms-tt-lines-m, 2); }
}

/* Badge */
.ms-img-wrap { position: relative; display: inline-block; }
.ms-badge {
  position: absolute; top: .5rem; left: .5rem;
  padding: .3rem .55rem; background: #ff4d4f; color:#fff; line-height:1;
  border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,.12);
  z-index:2; display:inline-flex; align-items:center; gap:.35rem; white-space:nowrap;
}
.ms-badge--top-right { left:auto; right:.5rem; }
.ms-badge__icon { width:1em; height:1em; line-height:0; }

/* Button icon spacing */
.button .ms-btn-icon { width:1em; height:1em; line-height:0; }
.button .ms-btn-text + .ms-btn-icon { margin-left:.5em; }
.button .ms-btn-icon + .ms-btn-text { margin-left:.5em; }

/* Row3 small polish */
.ux-cpt-grid .list3-item .post-title { margin-bottom:.35rem; }
.ux-cpt-grid .list3-item .from_the_blog_excerpt { margin:.25rem 0 .5rem; }
@media (max-width: 849px){
  .ux-cpt-grid .list3-item .text-right { text-align:left; margin-top:.5rem; }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}