.menu-1-container li span {
  font-size: 18px;
  font-weight: bolder;
}

.headline_outer .headline_inner .headline_content .headline_text .entry-title {
  font-size: 30px;
  color: #C4232B;
}

.menu-immagini {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px;
}

.img-container {
  position: relative;
}

.img-container img {
  width: 100%;
  /* L'immagine riempie il contenitore */
  height: auto;
  transition: opacity 0.3s ease;
  /* Transizione fluida tra le immagini */
}

.img-container .hover-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  /* Transizione fluida per la comparsa dell'immagine */
}

.img-container:hover .hover-img {
  opacity: 1;
  /* L'immagine hover appare */
}

.img-container:hover .normal {
  opacity: 0;
  /* L'immagine normale scompare */
}

.menu-immagini img {
  max-width: 90px;
  /* Limita la larghezza massima delle immagini */
}

@media screen and (max-width: 1024px) {
  .menu-immagini img {
    max-width: 15%;
    /* Le immagini si ridimensionano */
  }
}

@media screen and (max-width: 768px) {
  .menu-immagini img {
    max-width: 30%;
  }
}

@media screen and (max-width: 480px) {
  .menu-immagini img {
    max-width: 45%;
  }
}

.menu-immagini {
  display: flex;
  align-items: center;
}

.img-container {
  margin-right: 15px;
}

.gray-arrow {
  color: gray;
  font-size: 24px;
  /* Puoi modificare la dimensione se necessario */
  margin: 0 10px;
  /* Spazio tra la freccia e le immagini */
}

.rollover-image {
  position: relative;
  display: inline-block;
  width: 300px;
  /* Imposta la larghezza desiderata */
  height: auto;
  /* L'altezza si adatta automaticamente */
  overflow: hidden;
  /* Nasconde la seconda immagine quando non è in hover */
}

.rollover-image img {
  width: 100%;
  /* L'immagine si adatta alla larghezza del contenitore */
  height: auto;
  /* Mantiene le proporzioni originali dell'immagine */
  display: block;
  /* Evita spazi indesiderati intorno all'immagine */
  transition: opacity 0.5s ease;
  /* Aggiunge una transizione fluida */
}

.rollover-image .hover-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  /* Nasconde l'immagine di hover inizialmente */
}

.rollover-image:hover .hover-img {
  opacity: 1;
  /* Mostra l'immagine di hover al passaggio del mouse */
}

.rollover-image:hover .default-img {
  opacity: 0;
  /* Nasconde l'immagine di default al passaggio del mouse */
}



.cmsmasters_post_masonry .cmsmasters_post_header .cmsmasters_post_title {
  color: #8c8c8c;
}

html.csstransitions .cmsmasters_post_masonry .cmsmasters_post_title a {
  color: #8c8c8c;
  font-weight: 600;
  font-size: 20px;
}

.cmsmasters_open_post .cmsmasters_post_header .cmsmasters_post_title {
  font-size: 24px;
  font-family: ar;
}

.widget .widgettitle {
  font-size: 21px;
}

div {
  text-align: justify;
}

.yrm-button-text-2.yrm-button-text-span {
  color: #c4162a;
  font-weight: bold;
}