﻿/*griglie templates custom (con isotope)*/

.blocco_custom{ min-height:20px; /*border:1px solid #ccc;*/}
.blocco_custom img{max-width:100%;}


/*isotope 3 colonne*/
.isotope_container[data-colonne="3"] .blocco_custom,
.isotope_container[data-colonne="3"] .grid_sizer{width:calc((100% - (2 * 20px)) / 3);}
.isotope_container[data-colonne="3"] .blocco_custom.box2_3{width:calc(((100% - (2 * 20px)) / 3) * 2 + 20px); min-height:60px;}
.isotope_container[data-colonne="3"] .blocco_custom.box3_3{width:100%;}


body.tablet .isotope_container[data-colonne="3"] .blocco_custom,
body.tablet .isotope_container[data-colonne="3"] .grid_sizer{width:calc((100% - (1 * 20px)) / 2);}
body.tablet .isotope_container[data-colonne="3"] .blocco_custom.box2_3{width:100%; min-height:60px;}
body.tablet .isotope_container[data-colonne="3"] .blocco_custom.box3_3{width:100%;}


body.mobile .isotope_container[data-colonne="3"] .blocco_custom, 
body.mobile .isotope_container[data-colonne="3"] .grid_sizer{width:100%;}
body.mobile .isotope_container[data-colonne="3"] .blocco_custom.box2_3{width:100%;}
body.mobile .isotope_container[data-colonne="3"] .blocco_custom.box3_3{width:100%;}

/***********************************************/
.isotope{width:100%;}