.h2box {
	margin-bottom:0px;
}

.h2box +div {
	border: 1px dotted #000000; 
	border-top:0;
	padding: 5px; 
	margin-bottom: 15px;
	overflow: hidden;
}

.h2box +div, .h2box +div > p, .h2box +div > ul, .h2box +div > ol {
	font-size:14px;
}

.h2box +div > p, .h2box +div > ul, .h2box +div > ol  {
	margin:5px 0;
}

/* .pbox {
	border: 1px solid #e9e9e9; 
	padding: 5px; 
	margin-bottom: 15px;
}
.divbox {
	border: 1px solid #e9e9e9; 
	padding: 5px; 
	margin-bottom: 15px;
} */


/*  Box card */

@media all and (max-width: 450px)  {
  /* sovrascrivere qui eventuali comportamenti indesiderati */
}

@media all and (min-width: 451px) {
    /* sovrascrivere qui eventuali comportamenti indesiderati */
}

@media all and (min-width: 980px){
  /* sovrascrivere qui eventuali comportamenti indesiderati */
}

.field-collection-item-field-box-card {
	min-height:160px;
}

.field-name-field-box-card-image {

}

.field-name-field-box-card-text {

}

.field-name-field-box-card  .field-collection-view{

  }

/* i colori per i vari box possono essere sovrascritti qui*/

.field-name-field-box-card  .field-item:nth-child(1) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(4) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(7) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(10) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(13) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(16) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(19) .field-collection-view {
 background-color:#e7e8e9;
}
.field-name-field-box-card  .field-item:nth-child(2) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(5) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(8) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(11) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(14) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(17) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(20) .field-collection-view {
    background-color: #dcdddf; 
}
.field-name-field-box-card  .field-item:nth-child(3) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(6) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(9) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(12) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(15) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(18) .field-collection-view, .field-name-field-box-card  .field-item:nth-child(21) .field-collection-view {
 background-color:#d2d3d5;
}



/* fine Box card */


/* Box sections */


/* i seguenti valori se modificati sovrascrivono quelli di default per il sito è possibile aggiungere ulteriori selettori per adattarli alla singola pagina o alla singola riga es. selettore da anteporre per modifica di un nodo */


.box-sections-text {
  background-color: rgba(0, 0, 0, 0.5);
}

 .box-sections-img img {
   transition: all 0.7s;
 }
 
 .box-sections-img img:hover {
	 /* commentare per togliere l'effetto zoom sull'immagine */
	 transform:scale(1.3);
 }

@media all and (min-width: 740px){
	
  .box-sections-img img{
	 /* Per avere lo stesso comportamento del layout wide immagine 60% larghezza wide */
	 width:350px;
  }

}

@media all and (min-width: 980px){
  .box-sections-img img {
	  /* Per avere lo stesso comportamento del layout wide immagine 80% larghezza wide */
	  width:230px; 
  }
}

@media all and (min-width: 1220px){
  .box-sections-img img {
	   width:287px; 
  }
  
 /* es per cambiare la dimansione di un immagine solo nella visualizzazione wide di un singolo nodo */
 .page-node-1553 .views-row-1  .box-sections-img img {
    width: 584px;
  }
}

/* es. per colorare tutte le prime righe di un sito */

.views-row-1 .box-sections-text {
      background-color: rgba(0, 218, 82, 0.8);
}

/* es. per colorare tutte la prima righa di un singolo nodo */

.page-node-1553 .views-row-1 .box-sections-text {
      background-color: rgba(214, 218, 82, 0.8);
}

/* Fine Box sections */