:root { --plugin-margin-bottom: 60px; --plugin-margin-bottom-slim: 30px; }

:root { --plugin-title-size: clamp(1.75rem, 2.2vw, 2.75rem); --plugin-title-weight: 500; }

.headslider,
.box-wrapper,
.banner-wrapper,
.pager-wrapper,
.document-wrapper:not(.no-margin),
.paragraph-container,
.tabs-wrapper,
.gallery-wrapper,
.tag-wrapper,
.gmaps-cnt,
.list-document-wrapper,
.related-documents-wrapper,
.menu-sitemap,
.tagscheda-wrapper,
.tag-parent-wrapper:not(:last-child),
.top-searches-wrapper,
.search-wrapper { /*margin-bottom: var(--plugin-margin-bottom);*/ }

.box-wrapper .titsez h4,
.gallery-wrapper
.gallery-title h4,
.related-document-title h4,
.tag-parent-wrapper .tag-document-title H4,
.search-related-title h4 { text-align: center; margin-bottom: 30px; font-weight: 400; font-size: 1.7rem; }

.document-wrapper.paragraph-margin-slim .paragraph-container { margin-bottom: var(--plugin-margin-bottom-slim); }

/*paging-filter dropdown*/
.paging-filter-year > .dropdown { display: flex; flex-direction: column; position: relative; min-width: 200px; cursor: pointer; background: #FFF; }
.paging-filter-year > .dropdown:after { content: '\f0d7'; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.2rem; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }
.paging-filter-year > .dropdown:has(input:checked):after { transform: translateY(-50%) rotate(180deg); }
.paging-filter-year > .dropdown span { position: relative; border: 1px solid var(--primary-color); }
.paging-filter-year > .dropdown input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.paging-filter-year > .dropdown .options { display: flex; flex-direction: column; max-height: 0; position: absolute; top: 100%; left: 0; width: 100%; height: auto; z-index: 2; border: 1px solid var(--primary-color); transition: all .3s linear; opacity: 0; pointer-events: none; overflow-y: scroll }
.paging-filter-year > .dropdown:has(input:checked) .options { max-height: 100%; pointer-events: all; opacity: 1; min-height: 150px; }
.paging-filter-year > .dropdown span,
.paging-filter-year > .dropdown .options > * { padding: 10px; background: #fff; }
.paging-filter-year > .dropdown .options > *.active { background: #eee; }

@media (max-width:1023px) {
    :root { --plugin-margin-bottom: 50px; --plugin-margin-bottom-slim: 20px; }
}

@media (max-width:480px) {
    :root { --plugin-margin-bottom: 40px; --plugin-title-size: 1.5rem; }
    .box-wrapper .titsez h4,
    .gallery-wrapper
    .gallery-title h4,
    .related-document-title h4,
    .tag-parent-wrapper .tag-document-title H4,
    .search-related-title h4 { font-size: 1.5rem; margin-bottom: 20px; }
}