:root {
  --color-event-mostre: #7ccce5;
  --color-event-laboratori: #e8c640;
  --color-event-visite: #b7d968;
  --color-event-altre: #b576ad;
  --color-text-event: #ffffff;
}
h1 {
    text-align: center;
}
div#block-sc2025-views-block-eventi-block-1 {
    display: flex;
    flex-direction: row-reverse;
    background: white url("/themes/custom/SC2025/images/pattern.png");
    background-repeat: repeat;
    gap: 48px;
    padding: 2rem 0rem;
    padding-left: calc((100vw - 1240px) / 2);
    padding-right: calc((100vw - 1240px) / 2);
    margin-top: 2rem;
}
div#eventi-block-1-title {
    width: 300px;
    min-width: 300px;
    width: 270px;
    min-width: 270px;
    height: 210px;
    margin: 0;
    border-radius: 2rem;
    background-color: var(--color-primary);
    display: flex;
    color: var(--text-color-secondary);
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
div#eventi-block-1-title h2 {
    color: var(--text-color-secondary);
    max-width: 240px;
    margin: auto;
    text-transform: uppercase;
    font-size: 2rem;
}
#eventi-block-1-title h2.block-title::after {
    margin-left: 1rem;
    /*content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGl2ZWxsb18yIiBkYXRhLW5hbWU9IkxpdmVsbG8gMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNzUuMTcgMjEuNjkiIHdpZHRoPSI3NS4xNyIgaGVpZ2h0PSIyMS42OSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQoKICAgICAgLmNscy0xLCAuY2xzLTIgewogICAgICAgIHN0cm9rZTogI2ZmZjsKICAgICAgICBzdHJva2UtbWl0ZXJsaW1pdDogMTA7CiAgICAgICAgc3Ryb2tlLXdpZHRoOiAzcHg7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9InRlc3RpIj4KICAgIDxnPgogICAgICA8bGluZSBjbGFzcz0iY2xzLTEiIHkxPSIxMC44NCIgeDI9IjczLjA1IiB5Mj0iMTAuODQiLz4KICAgICAgPHBvbHlsaW5lIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSI2My4yNyAxLjA2IDczLjA1IDEwLjg0IDYzLjI3IDIwLjYzIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=);
    */display: inline;
    font-size: 1.5rem;
    text-align: left;
}
div#block-sc2025-views-block-eventi-block-1 div.block-content{
	width: 100%;
}
div#block-sc2025-views-block-eventi-block-1 div.block-content div.view-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

div#block-sc2025-views-block-eventi-block-1 .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin: auto;
}
div.view-display-pagina_eventi div.view-content, div.view-display-block_2 div.view-content{
	display: flex;
    flex-direction: row;
	justify-content: space-between;
	width: 100%;
	margin: auto;
	flex-wrap: wrap;
}
#block-sc2025-views-block-eventi-block-2 {
	
max-width: var(--content-max-width);
    margin: auto;
}
.view-display-pagina_eventi .views-row, div.view-display-block_2 .views-row {
    width: 360px;
    min-width: 360px;
    height: 900px;
    min-height: 900px;
    color: var(--text-color-secondary);
    border-radius: 2rem;
    margin-bottom: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
div.view-display-block_2 .views-row {
	background-color: #e14644;
}
.view-display-pagina_eventi .views-row .views-field-title, .view-display-block_2 .views-row .views-field-title {
	background: unset;
	font-family: var(--font-special);
	align-self: flex-start;
	margin-top: 0;
}
.view-display-pagina_eventi .views-row .views-field.views-field-title, .view-display-block_2 .views-row .views-field.views-field-title {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    margin-top: 0.6rem;
    padding: 1rem 2rem;
    overflow: hidden;
    max-height: calc(110px + 1rem);
}
.view-display-pagina_eventi .views-row .views-field-field-musei-collegati, .view-display-block_2 .views-row .views-field-field-musei-collegati {
	line-height: 1;
	padding: 0.2rem 2rem;
	 margin-bottom:0;
	 margin-top: 2rem;
}
.view-display-pagina_eventi .views-row .views-field.views-field-field-inizio, .view-display-block_2 .views-row .views-field.views-field-field-inizio {
    font-size: 2.7rem;
    font-family: var(--font-special);
    font-weight: 600;
    text-align: end;
    padding: 0.2rem 2rem;
    margin-bottom:0;
    margin-top: 0.5rem;
}
.view-display-pagina_eventi .views-row .views-field-field-inizio .field-content, .view-display-block_2 .views-row .views-field-field-inizio .field-content  {
	color: var(--text-color-secondary);
}
.view-display-pagina_eventi .views-row .views-field-field-fine .field-content, .view-display-block_2 .views-row .views-field-field-fine .field-content {
		color: var(--text-color-secondary);
}
.views-row .views-field-field-musei-collegati .field-content a, .views-row .views-field.views-field-field-link-dell-evento a {
    color: var(--text-color-secondary);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.views-row .views-field-field-musei-collegati .field-content a {
    display: inline;
}
.views-row .views-field.views-field-field-link-dell-evento a::after {
    content: " " url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGl2ZWxsb18yIiBkYXRhLW5hbWU9IkxpdmVsbG8gMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNzUuMTcgMjEuNjkiIHdpZHRoPSI1MC4xMSIgaGVpZ2h0PSIxNC40NiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQoKICAgICAgLmNscy0xLCAuY2xzLTIgewogICAgICAgIHN0cm9rZTogI2ZmZjsKICAgICAgICBzdHJva2UtbWl0ZXJsaW1pdDogMTA7CiAgICAgICAgc3Ryb2tlLXdpZHRoOiAzcHg7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9InRlc3RpIj4KICAgIDxnPgogICAgICA8bGluZSBjbGFzcz0iY2xzLTEiIHkxPSIxMC44NCIgeDI9IjczLjA1IiB5Mj0iMTAuODQiLz4KICAgICAgPHBvbHlsaW5lIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSI2My4yNyAxLjA2IDczLjA1IDEwLjg0IDYzLjI3IDIwLjYzIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=
);
		padding-left: 1rem;
    display: block;
    font-size: 1.3rem;
    font-variant: all-petite-caps;
    text-align: left;
}
.views-row .views-field.views-field-field-tipologia {
    display: none;
}
.views-row .views-field.views-field-field-comune {
    display: none;
}
.views-row .views-field.views-field-field-link-dell-evento, .views-row .views-field-field-musei-collegati {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.2rem 2rem;
}
.views-row .views-field.views-field-field-link-dell-evento {
	margin-bottom: 1.3rem;
	margin-top: 0.8rem;
}
.views-row .views-field.views-field-field-info-event {
    flex-grow: 1;
    align-self: stretch;
    overflow: auto;
    margin-bottom: 0;
}
.views-row .views-field.views-field-field-info-event .field-content {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    min-height: 100%;
}
.views-field.views-field-field-info-event p {
    padding: 0.2rem 2rem;
    line-height: 1.2;
    margin: 0;
    min-height: 100%;
}
.views-row .views-field-field-link-dell-evento .field-content {
	color: var(--text-color-secondary);
}
.views-row .views-field-field-image {
	border-radius: 0;
	min-height: 300px;
}
.view-display-pagina_eventi .views-row img.image-field, .view-display-block_2 .views-row img.image-field {
    width: 360px;
    height: 300px;
    object-position: center;
    object-fit: cover;
    border-radius: 2rem 2rem 0 0;
}

#filtro-eventi-container {
    display: flex;
    flex-wrap: nowrap;
    margin: 2rem 0;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

/* Stili di base per i filtri */
#filtro-eventi-container .filtro-tipologia,
#filtro-eventi-container .filtro-comune,
#filtro-eventi-container .filtro-clear {
    cursor: pointer;
    font-weight: bold;
    position: relative;
    user-select: none;
    padding: 0.5rem 1rem;
    border-radius: 1rem;
}

/* Aggiunge il pallino prima del testo */
#filtro-eventi-container .filtro-tipologia:before,
#filtro-eventi-container .filtro-comune:before,
#filtro-eventi-container .filtro-clear:before {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    margin-right: 0.5rem;
    vertical-align: middle;
}

/* Colori dei pallini per le tipologie, basati sulle variabili usate per il background delle views-row */
#filtro-eventi-container .filtro-tipologia[data-tipologia="Altre attività"]:before {
    background-color: var(--color-event-altre);
}
#filtro-eventi-container .filtro-tipologia[data-tipologia="Visite guidate"]:before {
    background-color: var(--color-event-visite);
}
#filtro-eventi-container .filtro-tipologia[data-tipologia="Laboratori"]:before {
    background-color: var(--color-event-laboratori);
}
#filtro-eventi-container .filtro-tipologia[data-tipologia="Mostre"]:before {
    background-color: var(--color-event-mostre);
}

/* Pallino per il filtro Comune: rosso fisso */
#filtro-eventi-container .filtro-comune:before {
    background-color: #e04644;
}

/* Pallino per il tasto reset: usa la variabile --color-primary */
#filtro-eventi-container .filtro-clear:before {
    background-color: var(--color-primary);
}

/* Stato hover e attivo per le tipologie */
#filtro-eventi-container .filtro-tipologia[data-tipologia="Altre attività"]:hover,
#filtro-eventi-container .filtro-tipologia[data-tipologia="Altre attività"].active {
    background-color: var(--color-event-altre);
    color: white;
}
#filtro-eventi-container .filtro-tipologia[data-tipologia="Altre attività"]:hover:before,
#filtro-eventi-container .filtro-tipologia[data-tipologia="Altre attività"].active:before {
    background-color: white;
}

#filtro-eventi-container .filtro-tipologia[data-tipologia="Visite guidate"]:hover,
#filtro-eventi-container .filtro-tipologia[data-tipologia="Visite guidate"].active {
    background-color: var(--color-event-visite);
    color: white;
}
#filtro-eventi-container .filtro-tipologia[data-tipologia="Visite guidate"]:hover:before,
#filtro-eventi-container .filtro-tipologia[data-tipologia="Visite guidate"].active:before {
    background-color: white;
}

#filtro-eventi-container .filtro-tipologia[data-tipologia="Laboratori"]:hover,
#filtro-eventi-container .filtro-tipologia[data-tipologia="Laboratori"].active {
    background-color: var(--color-event-laboratori);
    color: white;
}
#filtro-eventi-container .filtro-tipologia[data-tipologia="Laboratori"]:hover:before,
#filtro-eventi-container .filtro-tipologia[data-tipologia="Laboratori"].active:before {
    background-color: white;
}

#filtro-eventi-container .filtro-tipologia[data-tipologia="Mostre"]:hover,
#filtro-eventi-container .filtro-tipologia[data-tipologia="Mostre"].active {
    background-color: var(--color-event-mostre);
    color: white;
}
#filtro-eventi-container .filtro-tipologia[data-tipologia="Mostre"]:hover:before,
#filtro-eventi-container .filtro-tipologia[data-tipologia="Mostre"].active:before {
    background-color: white;
}

/* Stato hover e attivo per il filtro Comune */
#filtro-eventi-container .filtro-comune:hover,
#filtro-eventi-container .filtro-comune.active {
    background-color: #e04644;
    color: white;
}
#filtro-eventi-container .filtro-comune:hover:before,
#filtro-eventi-container .filtro-comune.active:before {
    background-color: white;
}

/* Stato hover e attivo per il tasto reset */
#filtro-eventi-container .filtro-clear:hover,
#filtro-eventi-container .filtro-clear.active {
    background-color: var(--color-primary);
    color: white;
}
#filtro-eventi-container .filtro-clear:hover:before,
#filtro-eventi-container .filtro-clear.active:before {
    background-color: white;
}

/* Dropdown per la selezione dei comuni */
#filtro-eventi-container .filtro-comune-wrapper {
    position: relative;
}

#filtro-eventi-container .comune-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0.3rem;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
    width: max-content;
    min-width: 180px;
    max-height: 213px;
    overflow-y: auto;
    border-radius: 4px;
    display: none;
}

#filtro-eventi-container .comune-option {
    padding: 0.5rem 1rem;
    cursor: pointer;
    white-space: nowrap;
}

#filtro-eventi-container .comune-option:hover {
    background-color: #eee;
}

.hidden-by-filter {
    display: none !important;
}



div#block-sc2025-views-block-eventi-block-1 .node-content, div.view-display-pagina_eventi .node-content {
    display: flex;
    flex-direction: row;
    width: 100%;
}
div#block-sc2025-views-block-eventi-block-1 .node-content {
	gap: 0.5rem;
}
article.node-type-evento.node-view-mode-teaser {
    width: 300px;
    width: 270px;
    height: 210px;
    margin: 0;
    border-radius: 2rem;
}
article.node-type-evento.node-view-mode-teaser .event_teaser_col_sx img {
    border-radius: 2rem 0 0 2rem;
    max-width: none;
}
article.node-type-evento.node-view-mode-teaser .node-content .field--name-name {
		font-size: 1.5rem;
		line-height: 1;
		color: var(--color-text-event);
}
article.node-type-evento.node-view-mode-teaser .node-content h2 a {
		font-size: 1.5rem;
		line-height: 1;
		color: var(--color-text-event);
}
article.node-type-evento.node-view-mode-teaser h2.node-title {
    line-height: 1;
}
article.node-type-evento.node-view-mode-teaser .node-content .event_teaser_date .field-item {
    line-height: 1;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--color-text-event);
}
article.node-type-evento.node-view-mode-teaser .bot_dx .field-item {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    font-family: var(--font-special);
    color: var(--color-text-event);
    margin-bottom: 0.5rem;
}
article.node-type-evento.node-view-mode-teaser .node-content .event_teaser_col_dx {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 120px;
    margin: 1rem 0;
}
article.node-type-evento.node-view-mode-teaser .node-content .event_teaser_col_dx .top_dx {
    margin-top: 1rem;
}
article.node-type-evento.node-view-mode-teaser .field.field--name-field-fine::before {
    content: "fino a ";
}
form#views-exposed-form-eventi-pagina-eventi {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;
}
form#views-exposed-form-eventi-pagina-eventi div[data-drupal-selector="edit-actions"] {
    background-color: unset;
    border: none;
}
form#views-exposed-form-eventi-pagina-eventi input[type="submit"] {
    background-color: var(--bg-body);
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid var(--color-primary);
}
div#block-sc2025-bloccoscuole {
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white url(/themes/custom/SC2025/images/pattern.png);
    margin-top: 2rem;
    padding: 2rem 0;
}
div#block-sc2025-bloccoscuole a {
    min-width: 270px;
    max-width: calc(100vw - 7rem);
    height: 210px;
    margin: 0;
    border-radius: 2rem;
    background-color: var(--color-primary);
    display: flex;
    color: var(--text-color-secondary);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 2rem;
    text-align: center;
    padding: 2rem;
}
@media screen and (max-width: 1245px) {
	div#filtro-eventi-container {
    flex-wrap: wrap;
    width: 90%;
    margin: auto;
	}
	.view.view-eventi.view-display-pagina_eventi {
    width: 90%;
    margin: auto;
	}
	.filtro-tipologia, .filtro-comune-wrapper, .filtro-clear  {
    width: 50%;
	}
	div.view-display-pagina_eventi div.view-content, div.view-display-block_2 div.view-content {
    justify-content: center;
    margin-top: 1rem;
    gap: 2rem;
	}
	div#block-sc2025-views-block-eventi-block-1, div#block-sc2025-bloccoscuole {
    width: 100vw;
    margin-left: -5vw;
	}
	div#block-sc2025-views-block-eventi-block-1 div.block-content {
    display: none;
	}
	div#eventi-block-1-title {
    margin: auto;
}
}
.views-field.views-field-field-fine {
    display: none;
}