/**
* Adattamento per BrindisiWeb del Template Tour
* Author: Aldo
*/

.figure {
  margin-top: 0.5em;
  margin-bottom: 1.5em;
}

.img-articolo {
  filter: drop-shadow(2px 2px 4px grey);
  margin-bottom: 0.5em;
}

table {
  margin-bottom: 1.5em;
}

.piccolo {
  font-size: 0.85em;
}

.btn-ricerca,
.btn-getstarted {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}

.btn-ricerca {
  border-radius: 4px;
}
  
.logonav {
  border-radius: 8px;
  margin-right: 8px;
  opacity: 80%;
}

.logofooter {
  border-radius: 30px; 
  opacity: 85%; 
  max-width: 90px; 
  max-height: 90px;
}

body {
  font-family: var(--bs-body-font-family);
}

.header .header-container {
    background: rgba(0, 0, 0, 0.7);
}

.footer {
  background-color: color-mix(in srgb, var(--background-color), transparent 30%);
}

.footer .footer-top {
    padding-top: 2em;
}

.contenuto-footer {
  font-size: 1.2em;
  border-radius: 20px;
  padding: 1em;
  background-color: color-mix(in srgb, var(--background-color), transparent 80%);  
}

.footer .link-social a {
  font-size: 2.5em;
}

.footer hr {
  margin: 0.1rem;
}

.footer h4 {
  font-size: 1.6em;
}

#partnership {
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

#partnership img {
  border-radius: 15px;
  padding: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
  filter: drop-shadow(2px 2px 4px lightgrey);
}

.mini_card img {
  border-radius: 4px;
  /*max-width: 50px;*/
  /*max-height: 50px;*/
  max-width: 100%;
  max-height: auto;
}

.mini_card .col {
  padding-right: 4px;
  padding-left: 4px;
}

#contatti {
}

.sezioni-sito {
    padding: 30px 0;
    overflow: visible;
}

.indice-sezioni {
  padding: 30px 0;
}

.indice-sezioni .category-card {
  text-align: center;
  padding: 0.5rem;
  background-color: var(--surface-color);
  border-radius: 10px;
  transition: all 1.3s ease;
  cursor: pointer;
}

.indice-sezioni .category-card:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  transform: translateY(-3px);
}

.indice-sezioni .category-card .category-icon {
  margin-bottom: 0rem;
}

.indice-sezioni .category-card .category-icon i {
  font-size: 2em;
  color: var(--accent-color);
}

.indice-sezioni .category-card h5 {
  color: var(--heading-color);
  margin: 0;
  font-size: 1em;
  font-weight: 700;
}

.indice-sezioni li:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--heading-color);
  transition: all 0.5s ease;
}

.indice-sezioni a {
  display: block;
  width: 100%;
  padding: 0.5em;
}

.indice-sezioni a:hover {
  color: var(--heading-color);
}

.indice-sezioni ul {
  /*width: 80%;*/
  font-family: var(--heading-font);
  font-size: 1em;
  font-weight: 600;
  text-align: center;
  padding: 0.5em;
  background-color: var(--surface-color);
  border-radius: 10px;
}

.icona-centrata {
  text-align: center;
  font-size: 4em;
  color: var(--accent-color);
}

.dissolvenza-in {
  opacity: 1;
  animation-name: dissolvenzaInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.2s;  
}

@keyframes dissolvenzaInOpacity {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.indice-sezioni li {
  /*padding: 0.5em;*/
}

.page-title h1 {
  font-size: 2.5em;
}

.page-title {
  padding: 10em 6em;
  --background-color: #03101388; /* "none" per togliere l'oscuramento parziale dell'immagine */
}

.testo-titolo {
  /* margin: 8em 0 8em 0; */
}

.blog-posts .post-img {
  transition-duration: 0.2s;
}

.blog-posts .title {
  font-size: 16px;  
}

.post-img:hover {
  transform: scale(1.05);
}

.piede a {
  font-size: 1em;
  color: var(--heading-color);  
  font-weight: 700;
}

.mini_card {
  margin: 1em 0 1em 0;
}

.mini_card p {
  font-size: 0.9em;
  margin: 0.5em 0 0 0;
}

.mini_card article {
  padding: 1em;
}

.articolo {
}

.approfondimento {
  margin: 2rem 0 2rem 2rem;
}

.testo-articolo p {
  text-align: justify;
}

.gallery-img p {
  font-size: 0.9em;
  text-align: left;
  margin: 0.5em;
}

.testo-articolo article p {
  text-align: unset;
}

.articolo .figcaption {
  font-size: 0.9em;
  color: var(--bs-secondary-color);
}

.articolo .mission-box {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: var(--surface-color);
  padding: 2rem;
  border-radius: 15px;
  margin-top: 2rem;
  border-left: 5px solid var(--accent-color);
  box-shadow: 0 5px 20px color-mix(in srgb, var(--default-color), transparent 92%);
}

.articolo .mission-box .mission-icon {
  width: 60px;
  height: 60px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}

.articolo .mission-box .mission-text h4 {
  color: var(--heading-color);
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}

.articolo .mission-box .mission-text p {
  margin: 0;
  font-style: italic;
  font-size: 1rem;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}

.page-title .lead {
  font-size: 2.5em;
  font-family: var(--heading-font);
  filter: drop-shadow(1px 1px 1px black);
}

.page-title span {
  background-color:rgba(0,0,0,0.4);
  border-radius: 8px;
  padding: 0.2em 0.5em;
  line-height: 1.65em;
}

.bw_iframe {
  width: 900px;
  aspect-ratio: 16 / 9;
  height: auto;
}

@media (max-width: 991px) {
  .testo-titolo {
    /* margin: 6em 0 6em 0; */
  }
  
  .page-title .lead {
    font-size: 2em;
  }

  .page-title {
    padding: 8em 3em;
  }
  
  .bw_iframe {
    width: 700px;
  }
}

@media (max-width: 768px) {
  .testo-titolo {
    /* margin: 4em 0 4em 0; */
  }

  .page-title .lead {
    font-size: 1.5em;
  }

  .page-title {
    padding: 6em 0.3em 3em 0.3em;
  }

  .page-title span {
    font-size: 0.9em;
    line-height: unset;
  }  

  .bw_iframe {
    width: 450px;
  }

  .icona-centrata {
    font-size: 2.5em;
  }
}

@media (max-width: 500px) {
  .bw_iframe {
    width: 320px;
  }
}