.nmf-accordion {
border: 1px solid grey;
border-radius: 8px;
padding: 12px; }
.nmf-accordion .nmf-accordion-header {
display: flex;
flex-direction: row;
margin-bottom: 4px;
cursor: pointer; }
.nmf-accordion .nmf-accordion-header .nmf-accordion-expand-button {
width: 38px;
height: 38px;
display: flex;
justify-content: center;
align-items: center; }
.nmf-accordion .nmf-accordion-header .nmf-accordion-expand-button::before {
content: "";
border-width: 4px 4px 0 0;
border-style: solid;
border-color: black;
display: block;
width: 16px;
height: 16px;
position: relative;
transform: rotate(135deg); }
.nmf-accordion .nmf-accordion-main-content {
display: none; }
.nmf-accordion.expanded .nmf-accordion-header .nmf-accordion-expand-button::before {
transform: rotate(-45deg); }
.nmf-accordion.expanded .nmf-accordion-main-content {
display: block; }.layer-block .layer-content {
display: none;
}
.layer-block .layer-content.visible {
display: block;
}
.layer-block .layer-navigation {
display: flex;
flex-direction: row;
}
.layer-block .layer-navigation .layer-button {
flex-grow: 1;
box-sizing: border-box;
padding: 10px;
background-color: #eee;
}
.layer-block .layer-navigation .layer-button p {
text-align: center;
margin: 0;
}
.layer-block .layer-navigation .layer-button:nth-child(2n) {
background-color: #ddd;
}
.layer-block .layer-navigation .layer-button.selected {
background-color: black;
color: white;
}
.layer-block .layer-navigation .layer-button.selected a, .layer-block .layer-navigation .layer-button.selected a:link, .layer-block .layer-navigation .layer-button.selected a:hover {
color: white;
}
.layer-block ul {
list-style: none;
}
.layer-block ul li:before {
content: none;
}.nmf_post_cluster__pagination {
display: flex;
flex-direction: row;
list-style: none;
}
.nmf_post_cluster__pagination li {
padding: 0;
}
.nmf_post_cluster__pagination li a, .nmf_post_cluster__pagination li span {
padding: 5px;
}
.nmf_post_cluster__pagination li a.active, .nmf_post_cluster__pagination li span.active {
text-decoration: none;
pointer-events: none;
}
.nmf_post_cluster__filter {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
list-style: none;
padding: 0;
}
.nmf_post_cluster__filter li {
margin: 0;
}
.nmf_post_cluster__filter li a {
border: 1px gray solid;
padding: 10px;
display: inline-block;
}
.nmf_post_cluster__filter li[data-status=true] a {
color: white;
background-color: gray;
}
.nmf_post_cluster__item span.date {
display: none;
}
.nmf_post_cluster__load-more-label {
display: inline;
}
.nmf_post_cluster__load-more:after {
content: "";
border: 2px dotted black;
border-radius: 50%;
width: 18px;
height: 18px;
animation-name: rotating;
animation-duration: 4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
display: none;
}
.nmf_post_cluster.loading .nmf_post_cluster__load-more-label {
display: none;
}
.nmf_post_cluster.loading .nmf_post_cluster__load-more:after {
display: inline-block;
}
@keyframes rotating {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}