.media-viewer {
border: 1px solid #c0c0c0;
margin-bottom: 20px;
padding: 10px;
}
.media-viewer ul {
margin-left: -40px;
list-style: none;
}
.media-viewer ul.f-root {
position: relative;
margin-bottom: 0;
}

/* Link */

.media-viewer.mv-link ul {
margin-left: 20px;
margin-bottom: 5px;
list-style: disc;
}

/* Tree */

.media-viewer.mv-tree ul {
margin-left: 20px;
margin-bottom: 0;
list-style: none;
}
.media-viewer.mv-tree ul ul {
display: none;
}
.media-viewer.mv-tree ul ul.show-folder {
display: block;
}
.media-viewer.mv-tree ul li.mv-fclose {
list-style: disclosure-closed;
}
.media-viewer.mv-tree ul li.mv-fopen {
list-style: disclosure-open;
}
.media-viewer.mv-tree img {
width: 16px;
margin-right: 8px;
}

/* Default */

.media-viewer.mv-default {
display: flex;
}
.media-viewer.mv-default ul {
margin-left: 0;
display: flex;
flex-flow: row wrap;
width: 100%;
}
.media-viewer.mv-default li {
width: 160px;
text-align: center;
margin-right: auto;
}
.media-viewer.mv-default li a {
display: block;
font-size: 12px;
padding: 15px;
}
.media-viewer.mv-default li img {
max-width: 80px;
height: auto;
}

.media-viewer.mv-default ul ul {
display: none;
}
.media-viewer.mv-default ul ul.show-folder {
display: flex;
flex-flow: row wrap;
position: absolute;
top: 2%;
left: 2%;
margin-left: 0;
background: #fff;
border: 1px solid #d0d0d0;
border-radius: 8px;
z-index: 9999;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
width: 96%;
}
.media-viewer.mv-default ul ul.show-folder h3 {
margin-left: 40px;
margin-top: 15px;
page-break-after: always;
break-after: always;
}

.mv-wrapper h4 {
border-top: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
margin: 0;
padding: 10px;
text-align: right;
text-transform: uppercase;
}

/* Carousel */

.media-viewer.mv-carousel ul {
margin-left: 0;
}
.media-viewer.mv-carousel img,
.media-viewer.mv-carousel video {
width: 100%;
max-width: 100%;
height: auto;
}
.glide__bullet {
background-color: rgba(0,0,0,.5);
border: 2px solid rgba(255,255,255,.5);
}
.glide__bullet:hover, .glide__bullet:focus, .glide__bullet.glide__bullet--active {
background-color: rgba(0,0,0,1);
}

/* Display posts carousel */

.posts-carousel {
margin-bottom: 30px;
}
.posts-carousel .listing-item {
padding: 0 50px;
}
.posts-carousel .image {
float: left;
margin-right: 30px;
}

/* Display posts */

.display-posts-listing {
margin-bottom: 20px;
margin-left: 0;
}
.display-posts-listing:after {
content: "";
display: table;
clear: both;
}
.display-posts-listing li {
margin-left: 20px;
}
.display-posts-listing h3, 
.display-posts-listing h4 {
text-transform: uppercase;
}
.display-posts-pagination {
margin-bottom: 15px;
}

/* Display posts list */

.post-summary.dps-link {
margin-bottom: 30px;
}
.post-summary.dps-link .entry-content {
margin-top: 10px;
}

/* Display posts grid */

.dps-panel {
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
margin-right: 2%;
}
.dps-panel .entry-content {
margin-top: 10px;
}
.dps-panel .post-summary {
padding: 15px;
border: 1px solid #c0c0c0;
}

.dps-cols-2 .dps-panel {
width: 48%;
}
.dps-cols-3 .dps-panel {
width: 31%;
}
.dps-cols-4 .dps-panel {
width: 23%;
}

/* Default display posts */

.default-content {
border: 1px solid #c0c0c0;
margin-bottom: 20px;
}
.default-content h4 {
padding: 10px;
border-bottom: 1px solid #c0c0c0;
text-align: right;
text-transform: uppercase;
}
.default-content .entry-content {
padding: 10px;
margin-top: 0;
}

/* Glide */

.glide {
min-height: 50px;
}
.glide__arrow {
background-color: rgba(0,0,0,.3);
font-size: 16px;
}
.glide__arrow:hover, .glide__arrow:focus {
background-color: rgba(0,0,0,.5)
}
.glide__arrow--left {
left: 10px;
}
.glide__arrow--right {
right: 10px;
}
.glide__slides {
white-space: normal;
}
.glide__slides * {
max-width: 100%;
}

/* Breadcrumbs */

li.page_item.current_page_item {
    font-weight: bold;
}
li.page_item.current_page_item li {
    font-weight: normal;
}

/* Blog style */
.post-summary.blog-content {
margin-bottom: 40px;
padding-bottom: 50px;
border-bottom: 1px solid #e0e0e0;
}
.entry-categories {
margin-top: 20px;
}
.entry-categories a {
margin-right: 5px;
padding: 2px 10px;
background: #f0f0f0;
border-radius: 28px;
}

video {
max-width: 100%;
}