@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');

h1, h2, h3, h4, h5,
.header,
.breadcrumb {
    font-family: "Exo 2", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
/*    line-height: 1.75rem; */
}

.header {
    background-color: white;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    position: sticky !important;
    top: 0px;
    z-index: 100;
    border-bottom: 4px solid black;
    box-shadow: 5px 5px 10px #ccc;

}

.titlelist-block .views-row {
    padding-bottom: 16px;
    border-bottom: dotted 1px #999;
}

.titlelist-block .views-row:not(first-child) {
    padding-top: 12px;
}

.titlelist-block .views-row .views-field-user-picture {
    float: left;
    padding-right: 16px;
}

.titlelist-block .views-row .views-field-user-picture img {
/*    border-radius: 90%; */
}

.titlelist-block .views-row .views-field-uid,
.titlelist-block .views-row .views-field-created,
.titlelist-block .views-row .views-field-totalcount {
    font-size: 0.75em;
}

.block-title::after {
    content: "";
    background-color: #7f8384;
    display: block;
    width: 100%; /* The width of the "border" */
    height: 1px; /* Spans the full height of the header */
    position: absolute;
    left: 0;
    bottom: 0;
}

h2.block-title,
.header .menu,
.breadcrumb {
    text-transform: lowercase;
}