/*
 Theme Name: Grillo Parlante
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
.bilanci svg {
  width: 30px;
}

.bilanci td:last-child,
.bilanci th:last-child {
  width: 100px;
  text-align: right;
}


.strutture .struttura img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center center;
  display: block;
}

.strutture {
  display: flex;
  flex-wrap: wrap;
}

.strutture .struttura h3 {
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Fredoka One', display;
}

.strutture .struttura h4 {
  font-size: 18px;
  font-weight: 600;
  color: #0572C1;
}


.strutture .struttura {
  width: 33.3%;
  padding: 15px;
  display: block;
}

.strutture .struttura .inner {
  padding: 10px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #CCC;
}



@media only screen and (max-width:992px) {
  .strutture .struttura {
    width: 50%;
  }
}

@media only screen and (max-width:768px) {
  .strutture .struttura {
    width: 100%;
  }
}



/** documenti **/
.documenti-struttura {
  display: flex;
  flex-wrap: wrap;
}

.documenti-struttura .single-documenti-row {
  width: 50%;
  margin-bottom: 10px;
}

.documenti-struttura .single-documenti-row a {
  display: flex !important;
  align-items: center;
  color: #FFF !important;
  font-weight: 500;
}

.documenti-struttura .single-documenti-row svg {
  width: 50px;
  height: 50px;
  object-fit: contain;
  fill:white;
}
.documenti-struttura .single-documenti-row div {
  width: calc(100% - 55px);
  object-fit: contain;
  font-size:12px;
  font-weight: 600;
  line-height: 1.4em;
}

@media only screen and (max-width:992px) {
  .documenti-struttura .single-documenti-row {
    width: 100%;
    margin-bottom: 10px;
  }
}

.struttura-gallery {
  display: flex;
  flex-wrap: wrap;
}

.struttura-gallery a {
  display: block;
  width: 33.3%;
  height: 300px;
  padding: 5px;
}

.struttura-gallery a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

@media only screen and (max-width:992px) {
  .struttura-gallery a {
    width: 50%;
  }
}

@media only screen and (max-width:768px) {
  .struttura-gallery a {
    width: 100%;
  }
}