.elementor-1162 .elementor-element.elementor-element-983c45a{--display:flex;}.elementor-1162 .elementor-element.elementor-element-f09e8f3 .tpg-el-main-wrapper .tpg-el-image-wrap img{width:inherit;}.elementor-1162 .elementor-element.elementor-element-f09e8f3 .tpg-el-main-wrapper .rt-holder .tpg-el-image-wrap img{object-position:inherit;}.elementor-1162 .elementor-element.elementor-element-f09e8f3 .tpg-el-main-wrapper .rt-holder:hover .tpg-el-image-wrap img{object-position:inherit;}.elementor-1162 .elementor-element.elementor-element-f09e8f3 .rt-tpg-container .tpg-post-holder .rt-detail .read-more a{font-weight:600;color:#FFFFFF;background-color:#EE2728;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D4D4D4;}body .elementor-1162 .elementor-element.elementor-element-f09e8f3 .rt-tpg-container .tpg-post-holder .rt-detail .read-more a:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#7a64f2;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-983c45a *//* =========================================================
   THE POST GRID · BABOLIN STYLE (card, hover, buttons, pagination)
   ========================================================= */

/* Wrapper: se puoi, assegna al blocco/griglia una classe custom (es. blog-simple) e mettila qui */
.blog-simple,
.the-post-grid,
.the-post-grid-wrapper,
.rttpg-wrapper,
.rttpg-container,
.rttpg-grid{
  --c-primary: var(--color-primary, #0A4EA8);
  --c-accent:  var(--color-accent,  #E31C24);
  --bg-alt:    var(--color-bg-alt,  #F5F7FA);
  --g-300:     var(--gray-300, #D6DBE3);
  --g-700:     var(--gray-700, #4A5568);
  --g-800:     var(--gray-800, #2D3748);
}

/* ---------- CARD BASE ---------- */
.blog-simple .rttpg-item,
.blog-simple .rttpg-post,
.the-post-grid .rttpg-item,
.the-post-grid .rttpg-post,
.rttpg-wrapper .rttpg-item,
.rttpg-wrapper .rttpg-post,
.rttpg-grid .rttpg-item,
.rttpg-grid .rttpg-post{
  background:#fff !important;
  border:1px solid var(--g-300) !important;
  border-radius:12px !important;
  overflow:hidden !important;
  box-shadow:0 2px 8px rgba(0,0,0,.06) !important;
  transition:transform .22s, box-shadow .22s, border-color .22s !important;
}

/* Hover */
.blog-simple .rttpg-item:hover,
.blog-simple .rttpg-post:hover,
.the-post-grid .rttpg-item:hover,
.the-post-grid .rttpg-post:hover,
.rttpg-wrapper .rttpg-item:hover,
.rttpg-wrapper .rttpg-post:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 6px 16px rgba(0,0,0,.12) !important;
  border-color:var(--c-primary) !important;
}

/* ---------- THUMB 16:9 ---------- */
/* Varianti classi più comuni: .rttpg-feature-img, .rttpg-thumb, .post-thumbnail */
.blog-simple .rttpg-feature-img,
.blog-simple .rttpg-thumb,
.blog-simple .post-thumbnail,
.the-post-grid .rttpg-feature-img,
.the-post-grid .rttpg-thumb,
.the-post-grid .post-thumbnail,
.rttpg-wrapper .rttpg-feature-img,
.rttpg-wrapper .rttpg-thumb,
.rttpg-wrapper .post-thumbnail{
  aspect-ratio:16/9;
  overflow:hidden;
  background:#eef2f7;
}

/* Immagine: cover */
.blog-simple .rttpg-feature-img img,
.blog-simple .rttpg-thumb img,
.blog-simple .post-thumbnail img,
.the-post-grid .rttpg-feature-img img,
.the-post-grid .rttpg-thumb img,
.the-post-grid .post-thumbnail img,
.rttpg-wrapper .rttpg-feature-img img,
.rttpg-wrapper .rttpg-thumb img,
.rttpg-wrapper .post-thumbnail img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* ---------- CONTENUTO ---------- */
/* Padding interno (alcuni template usano .rttpg-content / .rttpg-content-area / .content) */
.blog-simple .rttpg-content,
.blog-simple .rttpg-content-area,
.blog-simple .rttpg-content-wrap,
.the-post-grid .rttpg-content,
.the-post-grid .rttpg-content-area,
.the-post-grid .rttpg-content-wrap,
.rttpg-wrapper .rttpg-content,
.rttpg-wrapper .rttpg-content-area,
.rttpg-wrapper .rttpg-content-wrap{
  padding:1rem 1rem 1.1rem !important;
}

/* Titolo */
.blog-simple .rttpg-title a,
.blog-simple .entry-title a,
.the-post-grid .rttpg-title a,
.the-post-grid .entry-title a,
.rttpg-wrapper .rttpg-title a,
.rttpg-wrapper .entry-title a{
  color:var(--c-primary) !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
.blog-simple .rttpg-title a:hover,
.blog-simple .entry-title a:hover,
.the-post-grid .rttpg-title a:hover,
.the-post-grid .entry-title a:hover{
  text-decoration:underline !important;
}

/* Meta (data/autore) */
.blog-simple .rttpg-meta,
.blog-simple .rttpg-meta a,
.the-post-grid .rttpg-meta,
.the-post-grid .rttpg-meta a,
.rttpg-wrapper .rttpg-meta,
.rttpg-wrapper .rttpg-meta a{
  color:var(--g-700) !important;
  font-size:.85rem !important;
  text-decoration:none !important;
}

/* Excerpt */
.blog-simple .rttpg-excerpt,
.blog-simple .rttpg-description,
.the-post-grid .rttpg-excerpt,
.the-post-grid .rttpg-description,
.rttpg-wrapper .rttpg-excerpt,
.rttpg-wrapper .rttpg-description{
  color:var(--g-800) !important;
  font-size:.95rem !important;
  line-height:1.45 !important;
}

/* ---------- READ MORE (ghost rosso) ---------- */
/* Il plugin usa spesso .rttpg-readmore a oppure .rttpg-btn */
.blog-simple a.rttpg-readmore,
.blog-simple .rttpg-readmore a,
.blog-simple a.rttpg-btn,
.the-post-grid a.rttpg-readmore,
.the-post-grid .rttpg-readmore a,
.the-post-grid a.rttpg-btn,
.rttpg-wrapper a.rttpg-readmore,
.rttpg-wrapper .rttpg-readmore a,
.rttpg-wrapper a.rttpg-btn{
  display:inline-block !important;
  border:2px solid var(--c-accent) !important;
  color:var(--c-accent) !important;
  background:transparent !important;
  border-radius:6px !important;
  font-weight:700 !important;
  padding:.45rem .8rem !important;
  text-decoration:none !important;
  transition:background .2s,color .2s !important;
}

/* Hover bottone */
.blog-simple a.rttpg-readmore:hover,
.blog-simple .rttpg-readmore a:hover,
.blog-simple a.rttpg-btn:hover,
.the-post-grid a.rttpg-readmore:hover,
.the-post-grid .rttpg-readmore a:hover,
.the-post-grid a.rttpg-btn:hover{
  background:var(--c-accent) !important;
  color:#fff !important;
}

/* ---------- SPAZIATURA GRIGLIA ---------- */
.blog-simple .rttpg-row,
.the-post-grid .rttpg-row,
.rttpg-wrapper .rttpg-row{
  gap:1.2rem !important;
}

/* ---------- PAGINAZIONE ---------- */
.blog-simple .rttpg-pagination,
.blog-simple .pagination,
.the-post-grid .rttpg-pagination,
.the-post-grid .pagination,
.rttpg-wrapper .rttpg-pagination,
.rttpg-wrapper .pagination{
  margin-top:1.2rem !important;
  display:flex !important;
  justify-content:center !important;
  gap:.5rem !important;
  flex-wrap:wrap !important;
}

.blog-simple .rttpg-pagination a,
.blog-simple .rttpg-pagination span,
.blog-simple .pagination a,
.blog-simple .pagination span,
.the-post-grid .rttpg-pagination a,
.the-post-grid .rttpg-pagination span,
.rttpg-wrapper .rttpg-pagination a,
.rttpg-wrapper .rttpg-pagination span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:40px !important;
  height:40px !important;
  padding:0 .75rem !important;
  border:1px solid var(--g-300) !important;
  border-radius:10px !important;
  background:#fff !important;
  color:var(--c-primary) !important;
  text-decoration:none !important;
  font-weight:600 !important;
  transition:background .2s, color .2s, border-color .2s, transform .2s !important;
}

.blog-simple .rttpg-pagination a:hover,
.blog-simple .pagination a:hover,
.the-post-grid .rttpg-pagination a:hover,
.rttpg-wrapper .rttpg-pagination a:hover{
  background:var(--c-primary) !important;
  color:#fff !important;
  border-color:var(--c-primary) !important;
  transform:translateY(-1px) !important;
}

.blog-simple .rttpg-pagination .current,
.blog-simple .pagination .current,
.blog-simple .rttpg-pagination span.current,
.the-post-grid .rttpg-pagination .current,
.rttpg-wrapper .rttpg-pagination .current{
  background:var(--c-primary) !important;
  color:#fff !important;
  border-color:var(--c-primary) !important;
}

/* ---------- MOBILE ---------- */
@media (max-width:575px){
  .blog-simple .rttpg-content,
  .blog-simple .rttpg-content-area,
  .blog-simple .rttpg-content-wrap,
  .the-post-grid .rttpg-content,
  .the-post-grid .rttpg-content-area,
  .the-post-grid .rttpg-content-wrap{
    padding:.95rem 1rem !important;
  }
}

/* =========================================================
   THE POST GRID · Bottone "Scopri di più" ROSSO (filled)
   ========================================================= */
.blog-simple a.rttpg-readmore,
.blog-simple .rttpg-readmore a,
.blog-simple a.rttpg-btn,
.the-post-grid a.rttpg-readmore,
.the-post-grid .rttpg-readmore a,
.the-post-grid a.rttpg-btn,
.rttpg-wrapper a.rttpg-readmore,
.rttpg-wrapper .rttpg-readmore a,
.rttpg-wrapper a.rttpg-btn{
  background: var(--color-accent, #E31C24) !important;
  color: #fff !important;
  border: 2px solid var(--color-accent, #E31C24) !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  padding: .55rem 1rem !important;
  text-decoration: none !important;
  transition: filter .2s, transform .2s !important;
}

/* Hover */
.blog-simple a.rttpg-readmore:hover,
.blog-simple .rttpg-readmore a:hover,
.blog-simple a.rttpg-btn:hover,
.the-post-grid a.rttpg-readmore:hover,
.the-post-grid .rttpg-readmore a:hover,
.the-post-grid a.rttpg-btn:hover{
  filter: brightness(.92) !important;
  transform: translateY(-1px) !important;
}

/* Focus accessibile */
.blog-simple a.rttpg-readmore:focus-visible,
.blog-simple .rttpg-readmore a:focus-visible,
.blog-simple a.rttpg-btn:focus-visible{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(227,28,36,.35) !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   THE POST GRID · BABOLIN STYLE (card, hover, buttons, pagination)
   ========================================================= */

/* Wrapper: se puoi, assegna al blocco/griglia una classe custom (es. blog-simple) e mettila qui */
.blog-simple,
.the-post-grid,
.the-post-grid-wrapper,
.rttpg-wrapper,
.rttpg-container,
.rttpg-grid{
  --c-primary: var(--color-primary, #0A4EA8);
  --c-accent:  var(--color-accent,  #E31C24);
  --bg-alt:    var(--color-bg-alt,  #F5F7FA);
  --g-300:     var(--gray-300, #D6DBE3);
  --g-700:     var(--gray-700, #4A5568);
  --g-800:     var(--gray-800, #2D3748);
}

/* ---------- CARD BASE ---------- */
.blog-simple .rttpg-item,
.blog-simple .rttpg-post,
.the-post-grid .rttpg-item,
.the-post-grid .rttpg-post,
.rttpg-wrapper .rttpg-item,
.rttpg-wrapper .rttpg-post,
.rttpg-grid .rttpg-item,
.rttpg-grid .rttpg-post{
  background:#fff !important;
  border:1px solid var(--g-300) !important;
  border-radius:12px !important;
  overflow:hidden !important;
  box-shadow:0 2px 8px rgba(0,0,0,.06) !important;
  transition:transform .22s, box-shadow .22s, border-color .22s !important;
}

/* Hover */
.blog-simple .rttpg-item:hover,
.blog-simple .rttpg-post:hover,
.the-post-grid .rttpg-item:hover,
.the-post-grid .rttpg-post:hover,
.rttpg-wrapper .rttpg-item:hover,
.rttpg-wrapper .rttpg-post:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 6px 16px rgba(0,0,0,.12) !important;
  border-color:var(--c-primary) !important;
}

/* ---------- THUMB 16:9 ---------- */
/* Varianti classi più comuni: .rttpg-feature-img, .rttpg-thumb, .post-thumbnail */
.blog-simple .rttpg-feature-img,
.blog-simple .rttpg-thumb,
.blog-simple .post-thumbnail,
.the-post-grid .rttpg-feature-img,
.the-post-grid .rttpg-thumb,
.the-post-grid .post-thumbnail,
.rttpg-wrapper .rttpg-feature-img,
.rttpg-wrapper .rttpg-thumb,
.rttpg-wrapper .post-thumbnail{
  aspect-ratio:16/9;
  overflow:hidden;
  background:#eef2f7;
}

/* Immagine: cover */
.blog-simple .rttpg-feature-img img,
.blog-simple .rttpg-thumb img,
.blog-simple .post-thumbnail img,
.the-post-grid .rttpg-feature-img img,
.the-post-grid .rttpg-thumb img,
.the-post-grid .post-thumbnail img,
.rttpg-wrapper .rttpg-feature-img img,
.rttpg-wrapper .rttpg-thumb img,
.rttpg-wrapper .post-thumbnail img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* ---------- CONTENUTO ---------- */
/* Padding interno (alcuni template usano .rttpg-content / .rttpg-content-area / .content) */
.blog-simple .rttpg-content,
.blog-simple .rttpg-content-area,
.blog-simple .rttpg-content-wrap,
.the-post-grid .rttpg-content,
.the-post-grid .rttpg-content-area,
.the-post-grid .rttpg-content-wrap,
.rttpg-wrapper .rttpg-content,
.rttpg-wrapper .rttpg-content-area,
.rttpg-wrapper .rttpg-content-wrap{
  padding:1rem 1rem 1.1rem !important;
}

/* Titolo */
.blog-simple .rttpg-title a,
.blog-simple .entry-title a,
.the-post-grid .rttpg-title a,
.the-post-grid .entry-title a,
.rttpg-wrapper .rttpg-title a,
.rttpg-wrapper .entry-title a{
  color:var(--c-primary) !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
.blog-simple .rttpg-title a:hover,
.blog-simple .entry-title a:hover,
.the-post-grid .rttpg-title a:hover,
.the-post-grid .entry-title a:hover{
  text-decoration:underline !important;
}

/* Meta (data/autore) */
.blog-simple .rttpg-meta,
.blog-simple .rttpg-meta a,
.the-post-grid .rttpg-meta,
.the-post-grid .rttpg-meta a,
.rttpg-wrapper .rttpg-meta,
.rttpg-wrapper .rttpg-meta a{
  color:var(--g-700) !important;
  font-size:.85rem !important;
  text-decoration:none !important;
}

/* Excerpt */
.blog-simple .rttpg-excerpt,
.blog-simple .rttpg-description,
.the-post-grid .rttpg-excerpt,
.the-post-grid .rttpg-description,
.rttpg-wrapper .rttpg-excerpt,
.rttpg-wrapper .rttpg-description{
  color:var(--g-800) !important;
  font-size:.95rem !important;
  line-height:1.45 !important;
}

/* ---------- READ MORE (ghost rosso) ---------- */
/* Il plugin usa spesso .rttpg-readmore a oppure .rttpg-btn */
.blog-simple a.rttpg-readmore,
.blog-simple .rttpg-readmore a,
.blog-simple a.rttpg-btn,
.the-post-grid a.rttpg-readmore,
.the-post-grid .rttpg-readmore a,
.the-post-grid a.rttpg-btn,
.rttpg-wrapper a.rttpg-readmore,
.rttpg-wrapper .rttpg-readmore a,
.rttpg-wrapper a.rttpg-btn{
  display:inline-block !important;
  border:2px solid var(--c-accent) !important;
  color:var(--c-accent) !important;
  background:transparent !important;
  border-radius:6px !important;
  font-weight:700 !important;
  padding:.45rem .8rem !important;
  text-decoration:none !important;
  transition:background .2s,color .2s !important;
}

/* Hover bottone */
.blog-simple a.rttpg-readmore:hover,
.blog-simple .rttpg-readmore a:hover,
.blog-simple a.rttpg-btn:hover,
.the-post-grid a.rttpg-readmore:hover,
.the-post-grid .rttpg-readmore a:hover,
.the-post-grid a.rttpg-btn:hover{
  background:var(--c-accent) !important;
  color:#fff !important;
}

/* ---------- SPAZIATURA GRIGLIA ---------- */
.blog-simple .rttpg-row,
.the-post-grid .rttpg-row,
.rttpg-wrapper .rttpg-row{
  gap:1.2rem !important;
}

/* ---------- PAGINAZIONE ---------- */
.blog-simple .rttpg-pagination,
.blog-simple .pagination,
.the-post-grid .rttpg-pagination,
.the-post-grid .pagination,
.rttpg-wrapper .rttpg-pagination,
.rttpg-wrapper .pagination{
  margin-top:1.2rem !important;
  display:flex !important;
  justify-content:center !important;
  gap:.5rem !important;
  flex-wrap:wrap !important;
}

.blog-simple .rttpg-pagination a,
.blog-simple .rttpg-pagination span,
.blog-simple .pagination a,
.blog-simple .pagination span,
.the-post-grid .rttpg-pagination a,
.the-post-grid .rttpg-pagination span,
.rttpg-wrapper .rttpg/* End custom CSS */