:root { } .spacer { display: block; padding-bottom: 3rem; } .fs-2r { font-size: 2rem; } .fs-2r5 { font-size: 2.5rem; } .ln-navbar { line-height: 3rem; font-size: 1.2rem; } .ln-navbar > .ln-toggler { float: right; } .ln-nav { list-style: none; display: flex; flex-direction: column; padding: unset; position: relative; } .ln-dropdown > .ln-nav { flex-direction: column; } .ln-collapse { /* position: relative;*/ } .ln-collapse > .ln-toggled { position: relative; width: 100%; } .ln-nav-item { position: relative; color: var(--bs-tertiary); cursor: pointer; margin-top: 0.3em; padding-top: unset; padding-bottom: unset; white-space: nowrap; } .ln-nav-item a { text-decoration: none; } .ln-nav-item a:visited, .ln-nav-item a:hover { color: var(--bs-tertiary); } .dropdown-form { min-width: 40vw; padding: 1em; } .columns-2, .columns-3, .columns-4 { display: flex; flex-direction: column; } .pe-pointer { cursor: pointer; } .ln-toggle { display: none; } .ln-toggle ~ .ln-toggled { display: none; } .ln-toggle:checked ~ .ln-toggled { display: inline-block; z-index: 1020; } .ln-toggle:checked { display: block; opacity: 0%; position: fixed; z-index: 1010; left: 0px; top: 0px; width: 100%; height: 100%; } .ln-dropdown { position: absolute; z-index: 1020; left: 0px; top: 100%; border: 1px solid black; background-color: var(--bs-background-content); line-height: 2rem; font-size: 1rem; } .mod_events_latest_date { vertical-align: baseline !important; } @media (min-width: 992px){ .columns-2 { display: grid; grid-gap: 1em; grid-template-columns: repeat(2, 1fr); } .columns-3 { display: grid; grid-gap: 1em; grid-template-columns: repeat(3, 1fr); } .columns-4 { display: grid; grid-gap: 1em; grid-template-columns: repeat(4, 1fr); } .w-lg-25 { width: 25% !important;; } .w-lg-50 { width: 50% !important;; } .w-lg-75 { width: 75% !important;; } .w-lg-100 { width: 100% !important; } .mw-lg-25 { min-width: 25% !important;; } .mw-lg-50 { min-width: 50% !important;; } .mw-lg-75 { min-width: 75% !important;; } .mw-lg-100 { min-width: 100% !important;; } .ln-collapse > .ln-toggler { display: none; } .ln-collapse > .ln-toggled { display: inline-block; width: unset; } .ln-nav { flex-direction: row; } }