.dr-media-block {
    border-bottom:1px solid #000;
    padding:15px 20px 20px;
}
.dr-media-block h1 {
    margin-top:0;
    color:var(--kturq);
}

.dr-media-block h1, .dr-media-block h2 {
    text-align:center;
}
.dr-media-block.style-invert {
    background:var(--kturq);
    color:#fff;
}
.dr-media-block.style-invert h1 {
    color:#fff;
}

.dr-media-block .mitems {
    display:flex;
    flex-wrap: wrap;
    grid-column-gap: 20px;
    grid-row-gap: 50px;
    width: 100%;
}

.dr-media-block .mitems > .mitem:nth-child(n+9) {
    height:0;
    opacity:0;
    display:none;

}
.dr-media-block.shown .mitems > .mitem:nth-child(n+9) {
    height:100%;
    display:block;
    opacity:1;
    transition: all 0.25s ease 0.2s;
    -webkit-transition: all 0.25s ease 0.2s; /* Safari */
    -moz-transition: all 0.25s ease 0.2s;    /* Firefox */
    -o-transition: all 0.25s ease 0.2s;      /* Older Opera */
}
.dr-media-block .mitems .mitem {
    flex: 0 1 calc((100% - 60px) / 4);
}
.dr-media-block .show-more {
    text-align:center;
    margin:40px 0 20px;
}
.dr-media-block .show-more .show {

}

.dr-media-block.shown .show-more .show {
    display:none;
}
.dr-media-block .show-more .hide {
    display:none;
}
.dr-media-block.shown .show-more .hide {
    display:inline;
}
.dr-media-block .desc-wrap a {
    text-decoration:none;
    color:#000;
}
.dr-media-block .photo-wrap {
    aspect-ratio:461 / 259;
}

.dr-media-block .photo-wrap {
    display:inline-block;
    overflow:hidden;
    border:1px solid #000;
}
.dr-media-block .photo-wrap a {
    height:100%;
    display:block;
}
.dr-media-block .photo-wrap img {
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease; /* Safari */
    -moz-transition: all 0.25s ease;    /* Firefox */
    -o-transition: all 0.25s ease;      /* Older Opera */
    border:none;
    line-height:0;
    display:block;
    object-fit: cover;
    height:100%;
    width:100%;
}