/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

.card {
  --bs-card-border-width: 0px; /* Imposti uno spessore di bordo diverso */
  --bs-card-border-color: #000; /* Cambi il colore del bordo */
  --bs-card-border-radius: 0px; /* Modifichi il raggio di arrotondamento degli angoli */
}


/* Allinea il menu in basso rispetto al logo */
.navbar {
  display: flex;
  align-items: flex-end; /* Questo allinea il menu in basso rispetto all'elemento contenitore */
}

.navbar-brand img {
  max-height: 80px; /* Imposta l'altezza massima del logo in modo da avere un'altezza proporzionata */
  height: auto;
}

.header-actions {
  margin-left: auto; /* Assicura che gli elementi a destra del menu rimangano allineati a destra */
}

/* Regola gli spazi per migliorare l'aspetto */
.navbar-nav {
  margin-bottom: 0; /* Rimuove qualsiasi spazio inferiore extra sul menu */
}

/* Ridimensionamento dell'altezza della navbar in base al logo */
@media (min-width: 992px) {
  .navbar {
    min-height: 80px; /* L'altezza minima della navbar dovrebbe essere almeno quanto il logo */
  }
}

.card-img-background {
    position: relative;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 56.25%; /* Questo crea un contenitore con un rapporto di 16:9 */
}

.card-body {
    position: relative;
    z-index: 2; /* Assicura che il contenuto appaia sopra l'immagine */
    background-color: rgba(255, 255, 255, 0.8); /* Background semi-trasparente per rendere il testo leggibile */
}

.card {
    overflow: hidden;
    border-radius: 0.25rem; /* Aggiunge un bordo arrotondato per migliorare l'estetica */
}

.img-container {
    height: 100%; /* Assicura che il contenitore Flexbox abbia altezza */
    min-height: 200px; /* Imposta una altezza minima per evitare che l'immagine sparisca */
}

.post-thumbnail-rounded {
    width: 100%; /* L'immagine si adatta alla larghezza della colonna */
    max-width: 200px; /* Imposta una dimensione massima per il lato circolare */
    padding-top: 100%; /* Questo trucco rende l'altezza uguale alla larghezza, creando un quadrato */
    border-radius: 50%; /* Crea il cerchio */
    background-size: cover; /* L'immagine copre il div senza deformarsi */
    background-position: center; /* Centra l'immagine nel cerchio */
    background-repeat: no-repeat;
}

.bs-grid-hero .bs-grid-text {
	background-color: rgba(128, 128, 128, 0.8);
}

.home-side .card .blog-post-title {
	font-size: 1rem;
	text-transform: uppercase;
    
}

.home-grid .blog-post-title {
	font-size: 1rem;
	text-transform: uppercase;
}

.navbar-nav .menu-item .nav-link:hover {
  text-decoration-line: underline;
}