/*--------------------------------------------------------------
# Quick-grid.  
--------------------------------------------------------------*/

.quick-grid { display: flex; flex-wrap: wrap; align-items: stretch; margin: -2%; }
.quick-grid .quick-item { flex-grow:0; flex-shrink:0; flex-basis:33.3%; padding:2%; }

.quick-grid[data-gap="0"]  { margin: 0;    } .quick-grid[data-gap="0"] .quick-item  { padding:0;    }
.quick-grid[data-gap="1"]  { margin:-0.5%; } .quick-grid[data-gap="1"] .quick-item  { padding:0.5%; }
.quick-grid[data-gap="2"]  { margin:-1.0%; } .quick-grid[data-gap="2"] .quick-item  { padding:1.0%; }
.quick-grid[data-gap="3"]  { margin:-1.5%; } .quick-grid[data-gap="3"] .quick-item  { padding:1.5%; }
.quick-grid[data-gap="4"]  { margin:-2.0%; } .quick-grid[data-gap="4"] .quick-item  { padding:2.0%; }
.quick-grid[data-gap="5"]  { margin:-2.5%; } .quick-grid[data-gap="5"] .quick-item  { padding:2.5%; }
.quick-grid[data-gap="6"]  { margin:-3.0%; } .quick-grid[data-gap="6"] .quick-item  { padding:3.0%; }
.quick-grid[data-gap="7"]  { margin:-4.0%; } .quick-grid[data-gap="7"] .quick-item  { padding:4.0%; }
.quick-grid[data-gap="8"]  { margin:-5.0%; } .quick-grid[data-gap="8"] .quick-item  { padding:5.0%; }

.quick-grid[data-vert="0"] { margin-top: 0;    margin-bottom: 0;    }
.quick-grid[data-vert="1"] { margin-top:-0.5%; margin-bottom:-0.5%; } 
.quick-grid[data-vert="2"] { margin-top:-1.0%; margin-bottom:-1.0%; } 
.quick-grid[data-vert="3"] { margin-top:-1.5%; margin-bottom:-1.5%; } 
.quick-grid[data-vert="4"] { margin-top:-2.0%; margin-bottom:-2.0%; } 
.quick-grid[data-vert="5"] { margin-top:-2.5%; margin-bottom:-2.5%; }
.quick-grid[data-vert="6"] { margin-top:-3.0%; margin-bottom:-3.0%; } 
.quick-grid[data-vert="7"] { margin-top:-4.0%; margin-bottom:-4.0%; } 
.quick-grid[data-vert="8"] { margin-top:-5.0%; margin-bottom:-5.0%; } 

.quick-grid[data-vert="0"] .quick-item { padding-top:0;    padding-bottom:0;    }
.quick-grid[data-vert="1"] .quick-item { padding-top:0.5%; padding-bottom:0.5%; }
.quick-grid[data-vert="2"] .quick-item { padding-top:1.0%; padding-bottom:1.0%; }
.quick-grid[data-vert="3"] .quick-item { padding-top:1.5%; padding-bottom:1.5%; }
.quick-grid[data-vert="4"] .quick-item { padding-top:2.0%; padding-bottom:2.0%; }
.quick-grid[data-vert="5"] .quick-item { padding-top:2.5%; padding-bottom:2.5%; }
.quick-grid[data-vert="6"] .quick-item { padding-top:3.0%; padding-bottom:3.0%; }
.quick-grid[data-vert="7"] .quick-item { padding-top:4.0%; padding-bottom:4.0%; }
.quick-grid[data-vert="8"] .quick-item { padding-top:5.0%; padding-bottom:5.0%; }


.quick-grid[data-cols="1"] .quick-item{ flex-basis: 100%;  }
.quick-grid[data-cols="2"] .quick-item{ flex-basis: 50%;   }
.quick-grid[data-cols="3"] .quick-item{ flex-basis: 33.3%; }
.quick-grid[data-cols="4"] .quick-item{ flex-basis: 25%;   }
.quick-grid[data-cols="5"] .quick-item{ flex-basis: 20%;   }
.quick-grid[data-cols="6"] .quick-item{ flex-basis: 16.6%; }
.quick-grid[data-cols="7"] .quick-item{ flex-basis: 14.2%; }
.quick-grid[data-cols="8"] .quick-item{ flex-basis: 12.5%; }


@media (max-width: 900px) {
	.quick-grid[data-cols="3"]   .quick-item,
	.quick-grid[data-cols="4"]   .quick-item{ flex-basis: 50%;   }
	.quick-grid[data-cols="5"]   .quick-item,
	.quick-grid[data-cols="6"]   .quick-item{ flex-basis: 33.3%; }
	.quick-grid[data-cols="7"]   .quick-item,
	.quick-grid[data-cols="8"]   .quick-item{ flex-basis: 25%;   }
	
	.quick-grid[tablet-cols="1"] .quick-item{ flex-basis: 100%;  }
	.quick-grid[tablet-cols="2"] .quick-item{ flex-basis: 50%;   }
	.quick-grid[tablet-cols="3"] .quick-item{ flex-basis: 33.3%; }
	.quick-grid[tablet-cols="4"] .quick-item{ flex-basis: 25%;   }
	.quick-grid[tablet-cols="5"] .quick-item{ flex-basis: 20%;   }
	.quick-grid[tablet-cols="6"] .quick-item{ flex-basis: 16.6%; }
	.quick-grid[tablet-cols="7"] .quick-item{ flex-basis: 14.2%; }
	.quick-grid[tablet-cols="8"] .quick-item{ flex-basis: 12.5%; }
}
@media (max-width: 600px) {
	.quick-grid[data-cols="2"]  .quick-item,
	.quick-grid[data-cols="3"]  .quick-item,
	.quick-grid[data-cols="4"]  .quick-item,
	.quick-grid[data-cols="5"]  .quick-item,
	.quick-grid[data-cols="6"]  .quick-item,
	.quick-grid[data-cols="7"]  .quick-item,
	.quick-grid[data-cols="8"]  .quick-item{ flex-basis: 100%;  }
	
	.quick-grid[mobi-cols="1"]  .quick-item{ flex-basis: 100%;  }
	.quick-grid[mobi-cols="2"]  .quick-item{ flex-basis: 50%;   }
	.quick-grid[mobi-cols="3"]  .quick-item{ flex-basis: 33.3%; }
	.quick-grid[mobi-cols="4"]  .quick-item{ flex-basis: 25%;   }
	.quick-grid[mobi-cols="5"]  .quick-item{ flex-basis: 20%;   }
	.quick-grid[mobi-cols="6"]  .quick-item{ flex-basis: 16.6%; }
	.quick-grid[mobi-cols="7"]  .quick-item{ flex-basis: 14.2%; }
	.quick-grid[mobi-cols="8"]  .quick-item{ flex-basis: 12.5%; }
}



/*--------------------------------------------------------------
# Ratio box-container for images
--------------------------------------------------------------*/

.ratio-box { position: relative;  padding-bottom: 66.66%;}
.ratio-box img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit:cover; }

.ratio-3x2, .radio-std  { padding-bottom: 66.66%; }
.ratio-1x1, .radio-sqr  { padding-bottom: 100%; }
.ratio-2x3, .radio-tall { padding-bottom: 150%; }
.ratio-hd,  .radio-wide { padding-bottom: 56.25%; }
.ratio-0,   .radio-none { padding-bottom: 0; }

.ratio-cover img    { object-fit: cover; }
.ratio-contain img  { object-fit: contain; }
.ratio-down img     { object-fit: scale-down; }
.ratio-none img     { object-fit: none; }

.ratio-box-off { position:relative; padding: 0; }
.ratio-box-off img{ position: relative; display: inline-block; width:100%; height: auto;  object-fit: scale-down; }





/*--------------------------------------------------------------
# wp-lazy-blocks
--------------------------------------------------------------*/

*[class|='wp-block-lazyblock']{ padding-left:0 !important; padding-right: 0 !important;}
*[class|='wp-block-lazyblock'] .lzb-content-title{ border-bottom:4px solid #BBB; }

.ZZwp-block-lazyblock-media-gallery{ padding-left:0 !important; padding-right: 0 !important;}