/**
* source : http://preview.themeforest.net/item/foundation-directory-listings-drupal-8-theme/full_screen_preview/18265589?_ga=2.178367648.542939265.1523622631-1903343228.1502347326
* style pour l element preview_box.ctp
*
*/

#PreviewBoxes2{
	    display:block; 
	   
}



@media (min-width: 78em){
	#PreviewBoxes2  .previewBox:nth-child(4n + 1) {
    	clear: left;
	}
}


@media (min-width: 78em){
	#PreviewBoxes2  .previewBox {
   	 	width: 31.8%;
   	 	float: left;
    	margin-right: 1.5%;
	}
	
}

@media (max-width: 78em) and (min-width: 48em){
	#PreviewBoxes2  .previewBox {
	    width: 48.78049%;
	    float: left;
	    margin-right: 1%;
	}
}

#PreviewBoxes2  .previewBox {
    box-sizing: border-box;
    padding: 0px 0px 10px 0px;
    position: relative;
    top: 0;
    transition: all .2s ease;
    transform: translateZ(1px);
    background-color:#0297A7;
    text-align: center ;  
}

#PreviewBoxes2  .previewBox .previewBox_content{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

#PreviewBoxes2  .previewBox:hover{
	background-color:#FFF; 

}

#PreviewBoxes2  .previewBox:hover a{
		color:#0297A7; 
}

#PreviewBoxes2  .previewBoxImage {
    margin-bottom: 0px;
    margin-top:10px; 
    margin-left:10px; 
    margin-right:10px; 
}

#PreviewBoxes2  .previewBoxImage img {
    display: block;
    height: auto;
    width: 100%;
}

#PreviewBoxes2 img {
    border: 0;
}

#PreviewBoxes2 a {
    color: #3CC47E;
    text-decoration: underline;
}


#PreviewBoxes2 .previewBoxLabelTop {
    left: 10px;
  	text-align:right; 
    top: 10px;
    padding-left:10px; 
    padding-right:10px; 
}



#PreviewBoxes2 .previewBoxTitle h3{
	margin: 0px;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 20px;
    min-height: 40px;
}


#PreviewBoxes2 .previewBoxTitle h3 a {
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    line-height: 0px;
    text-decoration: none;
    text-transform: uppercase;
}

#PreviewBoxes2 .previewBoxText {
    display: inline-block;
}

#PreviewBoxes2 .previewBoxText a{
	   color:#000; 
}
#PreviewBoxes2 .previewBoxText p {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin: 4px 0 0 0;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
 
}

#PreviewBoxes2 h3 a{
	color: #323232;
} 
#PreviewBoxes2 a{
	text-decoration: none;
}


#PreviewBoxes2  .previewBoxLink {
    display: inline-block;
    margin: 5px 0 0 10px;
    vertical-align: top;
}