/* Block wrapper grid */
.doc-gallery {
  display: grid;
  grid-template-columns: repeat( auto-fill, minmax(160px, 1fr) );
  gap: 30px;
}
.doc-gallery.columns-2 { grid-template-columns: repeat(2, 1fr); }
.doc-gallery.columns-3 { grid-template-columns: repeat(3, 1fr); }
.doc-gallery.columns-4 { grid-template-columns: repeat(4, 1fr); }
.doc-gallery.columns-5 { grid-template-columns: repeat(5, 1fr); }
.doc-gallery.columns-6 { grid-template-columns: repeat(6, 1fr); }

/* Items */
.doc-gallery__item {
  display: block;
  position: relative;
  line-height: 0;
	z-index: 1;
	overflow:hidden;
}
.doc-gallery__thumb {
  width: 100%;
  height: auto;
  display: block;
  transition: transform .25s ease;
	border: 2px solid var(--wp--preset--color--secondary);
}
.doc-gallery__item:hover .doc-gallery__thumb { transform: scale(1.03); }
.doc-gallery__item  .doc-gallery__badge {
	display: block;
	width: 100%;
	position: absolute;
	z-index: 2;
	bottom: 0;
	background-color: var(--wp--preset--color--custom-primary-05);
	color: #FFF;
	padding: 3px;
	line-height: 20px;
	text-decoration: none;
}
/* Editor placeholder */
.doc-gallery__placeholder {
  background: rgba(0,0,0,.03);
  border: 1px dashed rgba(0,0,0,.15);
  padding: 24px;
  text-align: center;
}

/* Gutenberg alignment niceties */
.alignfull .doc-gallery,
.alignwide .doc-gallery {
  max-width: none;
}
.mfp-arrow-left:after  {
		border-right: none;
    margin-left: 30px;
    content: '\eac3';
    font-family: "Material Symbols Rounded";
    font-size: 45px;
    opacity: 1;
    color: #FFF;
    text-shadow: 3px 2px 0 rgba(19, 41, 75, .8);
}
.mfp-arrow-right::before {
    border-left: none;
}
.mfp-arrow-left::before {
    border-right: none;
}
.mfp-arrow-right:after {
    border-left: none;
    margin-left: 0;
    content: '\eac9';
    font-family: "Material Symbols Rounded";
    font-size: 45px;
    opacity: 1;
    color: #FFF;
    text-shadow: 3px 2px 0 rgba(19, 41, 75, .8);
}
.mfp-image-holder .mfp-close {
	color: #FFF;
	font-size: 50px;
}
.mfp-bg {
	background: #000;
}
.mfp-counter {
	color: #FFF;
}
.mfp-wrap {
	max-width: 1900px;
	left: 50%;
	transform: translatex(-50%);
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    height: 90%;
    max-width: 90%;
    min-height: 800px;
}
.doc-gallery__badge {
	
}