/*  Indice  

-- utility 

-- tipografia generale


-- header
-- menu
-- footer

-- categorie


-- homepage

-- corsi

-- pagine

-- calendario


*/



/* utility  */

/* .lavoro { border: 1px solid red; } */

.no-visual-search {
      pointer-events: none;
  }
  
  /* tipografia generale */
  
  .testo_bianco {
      color: white
  }
  
  .testo_nero {
      color: rgb(0, 0, 0)
  }
  
  .testo_rosso {
  
      color: #9e3f48;
  }
  
  a.link_bianco {
      color: white;
      text-decoration: none;
  }
  
  a:hover.link_bianco {
      color: white;
      text-decoration: underline;
  }
  
  a:visited.link_bianco {
      color: white;
      text-decoration: none;
  }
  

/* header */

.sfondo_salice_top { background-image: url('https://www.unitresaliceterme.it/wp-content/themes/unitre/img/parco.jpg');}

.logo_unitre {
      background-color: rgba(255, 255, 255, 0.75); /* Bianco con opacità 75% */
      padding: 15px; /* Aggiunge spazio interno per estetica */
      border-radius: 10px; /* Angoli arrotondati per un aspetto più armonioso */
      display: inline-block; /* Mantiene il contenuto avvolto */
      margin: 8px;
  }
  
  .logo_unitre h2, 
  .logo_unitre img {
      position: relative; /* Assicura che non erediti opacità */
      z-index: 1;
      padding-bottom: 6px;
  }


.logo_unitre h2{ font-size: 1rem; opacity: 1; margin-bottom: 0; padding-bottom: 0}



 a.titolo_sito:link {color: black}
 a.titolo_sito:visited {color: black}
 a.titolo_sito:hover {color: black}




  /* footer */

.footer-sfondo {
      background-color: #2a3342;
  }
  
  .box_footer {
  
      margin-top: 2rem;
      margin-bottom: 1rem
  }
  
  .box_iva {
  
      margin: 0 o.5rem
  }
  

  /* home page */

  .sfondo_hp {
      
/* background-image: url('https://www.unitresaliceterme.it/wp-content/themes/unitre/img/img_sedi---salice-terme.jpg'); */

background-image: url('https://www.unitresaliceterme.it/wp-content/themes/unitre/img/sfondo_unitre_salice.jpg');

background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 780px;

  }



  .info-box {

    width: 250px;
    background-color:rgb(255, 255, 255);
    position: relative;
    padding: 32px;
    top: 200px;
    height: 300px;
    border-radius: 8px;
    opacity: 0.75;
    margin: 0 auto;

}
  @media (min-width: 767.98px) {

    .info-box {

      width: 500px;
      background-color:rgb(255, 255, 255);
      position: relative;
      padding: 32px;
      top: 200px;
      height: 300px;
      border-radius: 8px;
      opacity: 0.75;

  }



   }


  .info-box h1{

position: relative;
opacity: 1;
z-index: 100;

  }

  .card-custom {
      overflow: hidden;
      min-height: 450px;
      box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
    }
    
    .card-custom-img {
      height: 200px;
      min-height: 200px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      border-color: inherit;
    }
    
    /* First border-left-width setting is a fallback */
    .card-custom-img::after {
      position: absolute;
      content: '';
      top: 161px;
      left: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-top-width: 40px;
      border-right-width: 0;
      border-bottom-width: 0;
      border-left-width: 545px;
      border-left-width: calc(575px - 5vw);
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: inherit;
    }
    
    .card-custom-avatar img {
      border-radius: 50%;
      box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
      position: absolute;
      top: 100px;
      left: 1.25rem;
      width: 100px;
      height: 100px;
      background-color: white;
    }
    
    .card-custom-img-dritto  {
      height: 200px;
      min-height: 200px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;

    }


  /* pagine */

  .box-pagina {

    margin: 24px; 
    min-height: 600px;

  }

  .testi-pagina {


  }

  /* corsi */ 

  .post-box-testo { margin: 24px; min-height: 600px;}

  /* categorie */


 a.titolo_corso:link{ color:rgb(0, 0, 0)}
 a.titolo_corso:visited{ color:rgb(0, 0, 0)}
 a.titolo_corso:hover{ color:rgb(0, 0, 0)}
 
 
 .piede_corso { background-color: white !important; border: none }

 .bottone_corso { width: 100% }
 
 
 
  /* calendario */


 @media (max-width: 767.98px) { 

  .fc .fc-button-group {

    flex-direction: column;
    
    
     }


 }