.dp-ddg-filters-container,
.dp-ddg-pagination-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.dp-ddg-page-hide,
.dp-ddg-filter-hide,
.dp-ddg-hide {
display: none;
}
.dp-ddg-filter,
.dp-ddg-pagination-container .dp-ddg-page-button {
padding: 8px 16px;
border: 1px solid #d8d8d8;
margin: 8px 4px 0;
cursor: pointer;
}
.dp-ddg-filter.active,
.dp-ddg-pagination-container .dp-ddg-page-button.active {
cursor: not-allowed;
}
.dp-ddg-items {
display: flex;
flex-wrap: wrap;
}
.dp-ddg-items .dp-ddg-item {
border: 1px solid #d8d8d8;
}
.dp-ddg-items .dp-ddg-image {
width: 100%;
display: block;
margin: 0;
}
.dp-ddg-items .dp-ddg-item-data {
padding: 8px;
}
.dp-ddg-image-container {
position: relative;
} .dp-ddg-filters-dropdown {
display: block;
position: relative;
width: 100%;
max-width: 255px;
}
.dp-ddg-filters-dropdown .dp-ddg-level {
padding: 0;
position: absolute;
left: 0;
right: 0;
z-index: 999;
box-shadow: 0 12px 18px -6px rgba(0, 0, 0, 0.3);
max-height: 500px;
overflow-y: auto;
overflow-x: hidden;
border: 1px solid #d8d8d8;
background-color: white;
border-top: none;
transition: 300ms max-height ease-out;
}
.dp-ddg-filters-dropdown.closed .dp-ddg-level {
max-height: 0;
}
.dp-ddg-filters-dropdown .dp-ddg-filter {
display: block;
border: none;
width: 100%;
margin: 0;
}
.dp-ddg-filters-dropdown .dp-ddg-dropdown-label {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 14px;
position: relative;
overflow: hidden;
padding: 4px;
border: 1px solid #d8d8d8;
background-color: #fff;
text-decoration: none;
cursor: pointer;
}
.dp-ddg-filters-dropdown .dp-ddg-dropdown-label:after {
font-family: ETmodules;
content: "2";
float: right;
font-size: 18px;
margin-left: auto;
}
.dp-ddg-filters-dropdown .dp-ddg-dropdown-label:after {
content: "2";
}
.dp-ddg-filters-dropdown.closed .dp-ddg-dropdown-label:after {
content: "3";
}
.dp-ddg-filters-dropdown .dp-ddg-dropdown-tag {
display: inline-block;
position: relative;
background-color: #e1e1e1;
z-index: 1;
padding: 4px 8px;
margin: 4px 0 4px 8px;
}
.dp-ddg-filters-dropdown .dp-ddg-dropdown-tag:hover:after {
content: "M";
background-color: #666;
z-index: 2;
}
.dp-ddg-filters-dropdown .dp-ddg-dropdown-tag:after {
content: "";
font-family: ETmodules;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
z-index: -1;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.dp-ddg-filters-dropdown .dp-ddg-dropdown-tag[data-id="0"]:hover:after {
display: none;
} .dp-ddg-items .dp-ddg-item:hover .dp-ddg-overlay {
opacity: 1;
z-index: auto;
cursor: pointer;
}
.dp-ddg-items .dp-ddg-overlay {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: -1;
opacity: 0;
transition: opacity 0.4s;
display: flex;
flex-direction: column;
justify-content: center;
}
.dp-ddg-items .dp-ddg-overlay-content {
padding: 16px;
overflow-y: auto;
display: flex;
flex-wrap: wrap;
}
.dp-ddg-items .dp-ddg-overlay-icon {
content: attr(data-icon);
font-size: 32px;
line-height: 32px;
speak: none;
font-style: normal;
font-weight: 400;
width: 100%;
text-align: center;
padding: 4px;
}
.dp-ddg-items .dp-ddg-title,
.dp-ddg-items .dp-ddg-caption,
.dp-ddg-items .dp-ddg-description,
.dp-ddg-lightbox .dp-ddg-title,
.dp-ddg-lightbox .dp-ddg-caption,
.dp-ddg-lightbox .dp-ddg-description {
width: 100%;
display: inline-block;
} .dp-ddg-items h3.dp-ddg-title {
font-size: 18px;
line-height: 1.4em;
}
.dp-ddg-pagination-container .dp-ddg-page-button {
font-size: 16px;
line-height: 1.6em;
}