/*
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.   ***************/


/* === Data testuale tra immagine e titolo (blog Flatsome) === */

/* 1. Contenitore in colonna + riordino elementi */
.box-blog-post {
  display: flex;
  flex-direction: column;
}
.box-blog-post .box-image {
  order: 1;
  width: 100%;
  margin: 0;
}
.box-blog-post .badge.post-date { order: 2; }
.box-blog-post .box-text {
  order: 3;
  width: 100%;
}

/* 2. Il badge esce dall'immagine e diventa una riga normale */
.box-blog-post .badge.post-date {
  position: static !important;
  display: block;
  width: auto;
  height: auto;
  margin: 15px 0 0;
  transform: none;
  opacity: 1;
}

/* 3. Via riquadro, bordo e sfondo: resta solo il testo */
.box-blog-post .badge.post-date .badge-inner {
  display: block;
  background: none !important;
  border: 0 !important;
  padding: 0;
  text-align: left;
  line-height: 1.2;
  color: #777;              /* colore della data: cambialo a piacere */
  font-size: 14px;
  font-weight: 600;
}

/* 4. Giorno e mese sulla stessa riga: "02 Ott" */
.box-blog-post .badge.post-date br { display: none; }
.box-blog-post .badge.post-date .post-date-day,
.box-blog-post .badge.post-date .post-date-month {
  display: inline;
  font-size: inherit;
}
.box-blog-post .badge.post-date .post-date-day { margin-right: 4px; }

/* 5. Riduce lo spazio sopra il titolo */
.box-blog-post .box-text { padding-top: 5px; }


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