/* Applica Marcellus globalmente */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, li, a, span {
  font-family: 'Marcellus', serif;
}
/* Non fa spezzare mai nessuna parola */
body {
  hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
}
h1, h2, h3, h4, h5, h6, p {
  hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
}
/* fine evitare spezzare parola */

/* Disabilita la sillabazione nei titoli */
h1, h2, h3, h4, h5, h6, .wp-block-heading {
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
/* La regola CSS chiamata .fouryachts */
.fouryachts img {
  height: 340px;
  width: 308px;
  object-fit: cover;
/*  border-top-left-radius: 10rem;
  border-top-right-radius: 10rem; */
}

/* CSS per um-foto per ancorare la scritta la bottm del box */
.um-foto-main {
    display: flex;
    flex-direction: column;
    min-height: 420px;        /* Modifica se vuoi, per un box più alto/basso */
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}

.um-foto-bar-wrap {
    margin-bottom: 8px;
}

.um-foto-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 110px; /* o quanto basta per vedere almeno una foto */
}

.um-foto-bottom-msg {
    font-size: 0.9em;
    color: gray;
    margin: 0;
    /* margin-bottom: 10px;  <<-- questa non serve più! */
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 10px;
}

/* fine CSS per scritta bottom box um-foto */

