/* modifiche a style.css  */

p.sub {
	margin-bottom: 0;
	margin-top: 5px;
	font-size: 14px;
}


#fh5co-header #fh5co-logo img {
    /* width: 485px;
    heigth: 182px; */
    object-fit: contain;
    display: inline-block;
}

.page-content .meta span {
  /* color: #bfbfbf; cambiato da me*/
  color: #848484;
  font-size: 15px;
}
.page-content .meta a {
  /* color: #bfbfbf; */
  color: #848484;
  font-size: 15px;
}

.page-content img {
    object-fit: contain;

}

.masonry-brick h2 {  /* sottotitoli dei brick */
 margin: 0 0 0 0;
}


.container-fluid.pt70.pb70{
    min-height: 630px;
}


/* modifiche a dataTables.css - Statistiche con RowGroup, valori numerici degli aggregati  */
table.dataTable tr.dtrg-group th.theGasp_tobacco_stats {
    text-align: right;
}


/* BODY COLORS per le diverse sezioni del sito  */
/* colore di background delle  sezioni del sito  e dimensionamento delle immagini per aumentare la velocità */

.home .page-content img {
      width: 300;
      height: 496px;
      object-fit: none;
}


body.gents, footer#fh5co-footer.gents {
    background: rgba(153,102,51,0.1)
}

body.music, footer#fh5co-footer.music {

  background: rgba(255,221,221,0.1);
}

.music  .page-content img {
      width: 300px;
      height: 300px;
      object-fit: none;
  }


body.chess, footer#fh5co-footer.chess {

  background: rgba(127,127,127,0.1);
}
.chess .page-content img {
      width: 300px;
      height: 300px;
      object-fit: none;
  }

body.guitar, footer#fh5co-footer.guitar, div.guitar {

  background: rgba(0,0,0,0.1);
  }


body.miscellanea, footer#fh5co-footer.miscellanea, div.miscellanea {

  background: rgba(204,255,153,0.1)
}

.miscellanea .page-content img {
      width: 300px;
      height: 300px;
      object-fit: none;
  }

body.about, footer#fh5co-footer.about {

  background: rgba(153,204,255,0.1);
}

.about .page-content img  {
      width: 288px;
      height: 288px;
      object-fit: none;
}

body.work {
  background: 	#D3D3D3;
}


/* page-content-wide per le pagine in cui non basta il page-content del template */

div.page-content-wide {
  margin: 0 auto;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}


.page-content-wide .mb0{
  text-align: center;
  margin-bottom: 0;
}

.page-content-wide .meta {
  text-align: center;
}

.page-content-wide .meta {
  margin-bottom: 0px;
}
.page-content-wide .meta span {
  /* color: #bfbfbf; */
  color: #848484;
  font-size: 15px;
}
.page-content-wide .meta a {
  /* color: #bfbfbf; */
  color: #848484;
  font-size: 15px;
}
.page-content-wide .meta a:hover, .page-content-wide .meta a:active, .page-content-wide .meta a:focus {
  color: #000 !important;
}

/* CONTAINERS  */

/* contenitori all'interno di page-content o page-content-wide usato  per dataTables, le pagine degli whisky e degli scacchi*/

div.tavola {
  width:98%;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  background: #FFF;
}

div.whiskyTable {
width:70%;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  background: #FFF;
}

div.whiskyMap {
    width: 500px;
    max-width: 500px;
    min-width: 500px;
    height: 500px;
    max-height: 500px;
    min-height: 500px;
    margin: 20px auto;
}

div.AppuntiScacchiFrameContainer {
  width:  60%;
  height: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  background: #FFF
}

.docuframe {
  padding:2px;
  border: none;
  width:99%;
  height: 100%;
}

/* About  */

div.fh5co-project.masonry-brick.theGasp  {
    width: 100%;
    display: inline-grid;
    justify-content: center;
    margin: 2px;
    color: black;
}



/* STILI GENERALI */

/* a nello steso stile di quelli di page-content meta */

a.theGasp ,  p.theGasp {
  /* color: #bfbfbf; */
  color: #848484;
  font-size: 15px;
}

p.theGaspCredits {
    font-size: small;
    margin: 0;
    text-align: center;
}

a.theGasp:hover,  a.theGasp:active, a.theGasp:focus {
  color: #000 !important;
}

p.theGaspAbout {
    color: #212121;
}

/* per colorare i risultati delle query sui dati */

.theGasp_color_red {color: red}
.theGasp_color_base {color: inherit}
.theGasp_color_grey {color: #AAAAAA}
.theGasp_color_orange {color: #C5C5C5}
.theGasp_weight_light {font-weight: 200}
.theGasp_weight_lightbold {font-weight: 600}
.theGasp_weight_bold {font-weight: 800}
.theGasp_decoration_through { text-decoration: line-through}
.theGasp_decoration_underline { text-decoration: line-through underline}



/*   Usate da theGasp.js per generare le liste di file */
img.filelist {
  width: 25px;
  max-width: 25px;
  padding-right: 10px;
}

ul.filelist  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}



/* Chitarra - Songbook  */
div.SB {
  width:  100%;
  max-height: 600px;
  height: auto;
  overflow-y: scroll;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 5px;

}

.SBItem {
  font-size: 12pt;
  display:block;
  margin-left: 15px;

}

.SBArtist {
  font-weight: 600;
  display:block;
  margin-left: 0;
}

.SBAlbum {
  font-weight: 400;
  display:block;
  margin-left: 7px;
}

/* Responsive */
@media (max-width: 1200px) {
/*  .mappacontainer {
    flex-direction: column;
  }
    .left {
        order: 1;
        flex:100%;
        text-align:center;
  }

  .right{
     order:2;
     flex: 100%;
   }
*/
  .tavola {
    line-height: 1.1em;
    font-size: 14px;
  }

  div.whiskyTable { /* non applica la riduzione del datatable degli whisky su schermi mobili */
        width: 100%;
    }

    div.AppuntiScacchiFrameContainer{  /* appunti di scacchi  */
         width:  100%;
    }
    
   div.matematiciContainer, div.franciaContainer {  /* contenuti di Amedeo */
        width: 100%;    
    }
}


/* added to center the masonry bricks of a .fh5co-project on a tight screen. For index pages on each site section*/
 @media screen and (max-width: 660px) {
    .fh5co-projects-feed div.fh5co-project.masonry-brick {
        float: none;
        margin: 20px auto;
        width: 290px;
    }
    #fh5co-hader #fh5co-logo img {
        /* max-width: 500px;  */
        object-fit: contain;
    }
    div.AppuntiScacchiFrameContainer {  /* appunti di scacchi  */
         width:  100%;
    }
    
    div.matematiciContainer, div.franciaContainer {  /* contenuti di Amedeo */
        width: 100%;    
    }
}