/* Archive */
.focus-tematici-archive .focus-tematici-card {
	height: 500px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	background-image: var(--bg-image);
	background-size: cover;
	background-position: center;
	padding: 40px;
}
.focus-tematici-archive .focus-tematici-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: var(--bg-image); /* usa variabile, non inherit */
	background-size: cover;
	background-position: center;
	transition: transform 0.5s ease;
	z-index: 0;
	transform: scale(1);
}
.focus-tematici-archive .focus-tematici-card:hover::before {
	transform: scale(1.05);
}
.focus-tematici-archive .focus-tematici-overlay {
	position: absolute;
	inset: 0;
	background-color: var(--overlay-color, rgba(0, 0, 0, 0.3));
	z-index: 1;
	transition: opacity 0.4s ease;
}
.focus-tematici-archive .focus-tematici-card:hover .focus-tematici-overlay {
	opacity: 0;
}
.focus-tematici-archive .focus-tematici-card > *:not(.focus-tematici-overlay) {
	position: relative;
	z-index: 2;
}

@media (max-width: 991px) {
    .focus-tematici-archive .focus-tematici-card {
        border-radius: 5px;
    }
}
@media (max-width: 500px) {
	.focus-tematici-archive .focus-tematici-card {
		height: auto;
		aspect-ratio: 1 / 1;
        padding: 20px;
	}
}

/* Generic */
.arsial-sidebar-focus-tematici + .col-md-9 .breadcrumb-wrap {
  padding-bottom: 0;
}

.taxonomy-breadcrumbs {
  padding-left: 30px;
  display: flex;
  margin-top: 2.5rem;
  margin-bottom: 2rem;
}

.taxonomy-breadcrumbs a {
  margin-right: 15px;
}

.taxonomy-breadcrumbs a,
.taxonomy-breadcrumbs .tax-name {
  display: inline-block;
}

.taxonomy-breadcrumbs .tax-name {
    margin: 0;
}
.taxonomy-breadcrumbs .tax-name {
    color: #717D96;
}

.taxonomy-breadcrumbs .tax-name span {
  font-size: inherit;
  text-transform: uppercase;
  color: var(--bs-secondary);
}
.arsial-posts-list {
    display: flex;
    flex-wrap: wrap;
}
.arsial-posts-list .card-wrapper {
    padding-bottom: 2.5rem;
}
.arsial-posts-list::after {
  content: "";
  clear: both;
  display: table;
}

.arsial-posts-list-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Assicurati che il div genitore abbia una altezza */
    width: 100%;  /* Assicurati che il div genitore abbia una larghezza */
    background-color: rgba(255, 255, 255, 0.7); /* Sfondo semi-trasparente */
    z-index: 1000; /* Aggiungi un valore alto per metterlo sopra gli altri contenuti */
}

.arsial-contacts h2 { 
  font-family: "Red Hat Display", sans-serif;
}