/* NEXT 0.5.260, filtered compatibility. Derived from Joomla/Bootstrap; see NOTICE.txt and LICENSE_JOOMLA.txt. */
.mark { color: var(--highlight-color); background-color: var(--highlight-bg); padding: 0.1875em 0px; }
.list-unstyled, .list-inline { padding-left: 0px; list-style: none; }
.list-inline-item { display: inline-block; }
.list-inline-item:not(:last-child) { margin-right: 0.5rem; }
.initialism { text-transform: uppercase; font-size: 0.875em; }
.caption-top { caption-side: top; }
.custom-select { --form-select-bg-img: url("compat-assets/select-bg.svg"); width: 100%; color: var(--body-color); appearance: none; background-color: rgb(234, 237, 240); background-image: var(--form-select-bg-img), var(--form-select-bg-icon, none); border: var(--border-width) solid #ced4da; border-radius: var(--border-radius); background-position: right 1rem center; background-repeat: no-repeat; background-size: 116rem auto; padding: 0.6rem 3rem 0.6rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.5; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; display: block; }
@media (prefers-reduced-motion: reduce) {.custom-select { transition: none; }
}
.custom-select:focus { border-color: rgb(136, 147, 170); outline: 0px; box-shadow: rgba(1, 1, 86, 0.25) 0px 0px 0px 0.25rem; }
[multiple].custom-select, [size].custom-select:not([size="1"]) { background-image: none; padding-right: 1rem; }
.custom-select:disabled { background-color: var(--secondary-bg); }
.fade { transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce) {.fade { transition: none; }
}
.fade:not(.show) { opacity: 0; }
.dropup, .dropend, .dropstart, .dropup-center { position: relative; }
.clearfix::after { clear: both; content: ""; display: block; }
.icon-link { text-decoration-color: rgba(var(--link-color-rgb), var(--link-opacity, .5)); text-underline-offset: 0.25em; backface-visibility: hidden; align-items: center; gap: 0.375rem; display: inline-flex; }
.icon-link > .bi { fill: currentcolor; flex-shrink: 0; width: 1em; height: 1em; transition: transform 0.2s ease-in-out; }
@media (prefers-reduced-motion: reduce) {.icon-link > .bi { transition: none; }
}
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { transform: var(--icon-link-transform, translate3d(.25em, 0, 0)); }
.visually-hidden, .sr-only, .visually-hidden-focusable:not(:focus):not(:focus-within) { clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0px !important; overflow: hidden !important; }
.visually-hidden:not(caption), .sr-only:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; }
.visually-hidden *, .sr-only *, .visually-hidden-focusable:not(:focus):not(:focus-within) * { overflow: hidden !important; }
.minicolors-theme-bootstrap .minicolors-swatch { width: 36px; height: 36px; }
.minicolors-theme-bootstrap .minicolors-swatch > .minicolors-sprite { border-radius: 0px; top: 50%; left: 8px; transform: translateY(-50%); }
span.minicolors-swatch-color { cursor: pointer; }
.com-content-article ol, .com-content-article ul { overflow: hidden; }
.com-content-category__pagination { margin-bottom: 1em; }
.com-contact__thumbnail { text-align: left; }
@media (width >= 1200px) {dl.dl-horizontal { grid-template-columns: auto 1fr; display: grid; }
dl.dl-horizontal dt { grid-column: 1 / 2; }
dl.dl-horizontal dd { grid-column: 2 / 3; margin-bottom: 0px; padding: 0px 0px 0px 1em; }
.com-contact__container { gap: 1rem; grid-template-rows: repeat(4, auto); grid-template-columns: repeat(4, 1fr); margin-bottom: 1em; display: grid; }
.com-contact__container h3 { grid-column: 1 / 5; }
.com-contact__container .com-contact__thumbnail { text-align: right; grid-area: 2 / 3 / 5 / 5; margin-bottom: 1em; }
.com-contact__container .com-contact__position { grid-area: 2 / 1 / 3 / 3; }
.com-contact__container .com-contact__info { grid-area: 3 / 1 / 4 / 3; }
.com-users-profile dt { min-width: 180px; }
}
.mod-menu { flex-direction: column; }
.pagenavigation, .pager { clear: both; }
.article-index .toclink.active { color: currentcolor; }
.back-to-top-link { inset-inline-end: 1rem; z-index: 10000; color: var(--cassiopeia-color-primary, #112855); pointer-events: all; background-color: var(--white, #fff); border: 1px solid var(--cassiopeia-color-primary, #112855); opacity: 0; border-radius: 0.25rem; padding: 0.5em; transition: opacity 0.2s ease-in; position: fixed; bottom: 1rem; }
.back-to-top-link:hover, .back-to-top-link:focus { color: var(--white, #fff); background-color: var(--cassiopeia-color-hover); border-color: var(--white, #fff); }
.container-banner img { margin: auto; display: block; }
.container-banner .banner-overlay { color: rgb(255, 255, 255); background-position: center top, center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; height: 70vh; }
.container-banner .banner-overlay .overlay { text-align: center; background-color: rgba(0, 0, 0, 0.5); flex-direction: column; justify-content: center; align-items: center; height: 100%; padding: 1em; display: flex; }
@media screen and (height <= 740px) {.container-banner .banner-overlay { height: 100vh; }
}
.footer { color: rgb(255, 255, 255); background-color: var(--cassiopeia-color-primary); background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%); margin-top: 1em; }
.footer .grid-child { justify-content: space-between; align-items: center; padding: 2.5rem 0.5em; }
.footer .mod-menu { position: relative; }
@media (width <= 991.98px) {.footer .grid-child { flex-direction: column; }
.footer .grid-child .mod-footer { margin: 0.375rem 0px; }
}
.spacer hr { width: 23.75rem; }
.custom-select { max-width: 100%; }
.checkboxes { padding-top: 5px; }
.checkboxes .checkbox input { margin-left: 0px; position: static; }
.invalid { color: rgb(165, 31, 24); border-color: rgb(165, 31, 24); }
.valid { border-color: rgb(68, 131, 68); }
[role="tooltip"]:not(.show) { z-index: 1070; color: rgb(0, 0, 0); text-align: start; background: rgb(255, 255, 255); border: 1px solid rgb(109, 117, 126); border-radius: 0.25rem; max-width: 100%; margin: 0.5em; padding: 0.5em; display: none; right: 5em; box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 0.5rem; }
[role="tooltip"]:not(.show)[id^="editarticle-"], [role="tooltip"]:not(.show)[id^="editcontact-"] { margin-inline-start: -10em; right: auto; }
[role="tooltip"]:not(.show)[id^="id-skip-"] { max-width: unset; right: auto; }
[role="tooltip"]:not(.show)[id^="cbunpublish"] { right: auto; }
.filter-search-bar__description { bottom: 100%; }
.control-group { margin: 1em 0px; }
.container-popup .filter-search-bar__description { top: 100%; bottom: auto; }
.com-users-login__options { margin-top: 2em; }
.com-users-profile__edit #jform_privacyconsent_privacy .radio, .com-users-profile__edit #jform_profile_tos .radio, .com-users-profile__edit #jform_terms_terms .radio, .com-users-registration #jform_privacyconsent_privacy .radio, .com-users-registration #jform_profile_tos .radio, .com-users-registration #jform_terms_terms .radio { gap: 1rem; display: inline-flex; }
div.subform-repeatable-group { border: var(--border-width) solid #ced4da; border-radius: 0.25rem; margin-top: 20px; margin-left: 32px; padding: 32px 32px 16px 28px; position: relative; }
div.subform-repeatable-group > .control-group { margin-top: 0px; }
.subform-repeatable-grid > .subform-repeatable-group { padding-top: 16px; }
.subform-grid-row { flex-flow: wrap; column-gap: 1rem; display: flex; }
.subform-grid-row > .control-group { flex-flow: column; flex: 1 1 220px; }
.subform-grid-row > .control-group > .control-label { width: 100%; }
.subform-grid-row > .control-group > .controls { width: 100%; min-width: unset; }
.subform-grid-row > fieldset { flex: 1 1 220px; }
.subform-grid-row > fieldset > .control-group > .control-label { width: 100%; }
.subform-repeatable-group[draggable="true"], .subform-repeatable-group[draggable="true"] > td { background-color: rgb(90, 191, 221); }
.container-header { z-index: 10; background-color: var(--cassiopeia-color-primary); background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%); position: relative; box-shadow: rgba(0, 0, 0, 0.03) 0px 5px 5px inset; }
@media (width <= 991.98px) {.container-header { position: relative !important; }
}
.container-header .grid-child { padding: 0.5em; }
.container-header nav { margin-top: 0.5em; padding: 0px; }
.container-header .site-description { color: rgb(255, 255, 255); white-space: normal; font-size: 1rem; }
.container-header .container-nav { flex-wrap: wrap; justify-content: space-between; padding-bottom: 1em; }
@media (width <= 767.98px) {.container-header .container-nav .container-search, .container-header .container-nav nav { margin-top: 1em; }
}
.container-header .container-nav .container-search:only-child { margin-left: auto; }
.container-header .mod-menu { color: rgb(255, 255, 255); flex: 1 0 100%; margin: 0px; padding: 0px; list-style: none; }
@media (width >= 992px) {.container-header .mod-menu { flex-direction: row; flex: 1 1 0%; display: flex; }
.container-header .mod-menu :where(.mod-menu__sub:not(.mod-menu__sub *)) { z-index: 1001; background-color: rgb(255, 255, 255); min-width: 12rem; margin: 0px; padding: 0px; display: block; position: absolute; top: 100%; }
}
@media (width <= 991.98px) {.container-header .mod-menu.mod-list > li > a:hover { text-decoration: underline; }
.container-header .mod-menu .mod-menu__sub a, .container-header .mod-menu .mod-menu__sub span { color: rgb(255, 255, 255); }
}
.container-header .mod-menu .mod-menu__sub a:hover { text-decoration: underline; }
.container-header .mod-menu > li { position: relative; }
@media (width >= 992px) {.container-header .mod-menu > li + li { margin-left: 1.55em; }
}
.container-header .mod-menu > li > a, .container-header .mod-menu > li > span { color: currentcolor; text-decoration: none; position: relative; }
@media (width >= 992px) {.container-header .mod-menu > li::after { content: ""; opacity: 0.2; background: none; height: 2px; margin: auto; transition: 0.2s, background-color 0.2s; display: block; position: absolute; bottom: 0px; left: 50%; right: 50%; }
}
.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after { background: rgb(255, 255, 255); left: 0px; right: 2px; }
@media (width <= 991.98px) {.container-header .mod-menu > li.active > a, .container-header .mod-menu > li.active > span, .container-header .mod-menu > li > a:hover { text-decoration: underline; }
}
.container-header .mod-menu .parent > ul { color: rgb(34, 38, 42); display: none; }
.container-header .mod-menu .parent > [aria-hidden="false"] { display: block; }
.container-header .container-search { margin-top: 0.5em; }
.container-header .mod-finder, .container-header .mod-finder a:not(.jmodedit) { color: rgb(255, 255, 255); }
.container-header .mod-finder a:not(.jmodedit):hover, .container-header .mod-finder a:not(.jmodedit):focus { color: rgb(230, 230, 230); }
.container-header .mod-finder .awesomplete { color: var(--body-color); }
.container-header .mod-finder .awesomplete > ul { background: linear-gradient(to right bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0.9)); }
.icon-white { color: rgb(255, 255, 255); }
.tbody-icon { text-align: center; background-color: rgba(0, 0, 0, 0); border: 0px; padding: 0px 3px; }
.tbody-icon [class^="icon-"], .tbody-icon [class*=" icon-"], .tbody-icon [class^="fa-"], .tbody-icon [class*=" fa-"] { color: rgb(206, 212, 218); border: 2px solid var(--border); border-radius: 50%; width: 26px; height: 26px; font-size: 1.1rem; line-height: 22px; }
.tbody-icon .icon-publish, .tbody-icon .icon-check, .tbody-icon .fa-check { color: rgb(68, 131, 68); border-color: rgb(68, 131, 68); }
.tbody-icon .icon-checkedout, .tbody-icon .icon-lock, .tbody-icon .fa-lock { color: rgb(72, 79, 86); border: 0px; width: auto; height: auto; font-size: 1.2rem; line-height: 1rem; }
.tbody-icon.home-disabled, .tbody-icon.featured-disabled, .tbody-icon.color-featured-disabled, .tbody-icon.icon-star-disabled, .tbody-icon.fa-star-disabled { cursor: not-allowed; opacity: 1; }
.tbody-icon .icon-delete, .tbody-icon .fa-delete, .tbody-icon .icon-times, .tbody-icon .fa-times { color: rgb(165, 31, 24); border-color: rgb(165, 31, 24); }
.plg_system_webauthn_login_button svg { width: 30px; margin: 4px; }
.plg_system_webauthn_login_button svg path, .plg_system_webauthn_login_button svg circle { fill: var(--black); }
.grid-child { width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; display: flex; }
.mod-custom { position: relative; }
.container-topbar, .container-below-top { color: rgb(255, 255, 255); }
.container-banner { margin: 0px 0px 2rem; display: block; }
.container-top-a, .container-top-b, .container-bottom-a, .container-bottom-b { position: relative; }
.container-top-a > *, .container-top-b > *, .container-bottom-a > *, .container-bottom-b > * { flex: 1 1 0%; margin: 0.5em 0px; }
@media (width <= 991.98px) {.container-top-a, .container-top-b, .container-bottom-a, .container-bottom-b { flex-direction: column; }
.container-top-a > *, .container-top-b > *, .container-bottom-a > *, .container-bottom-b > * { flex: 0 1 auto; }
}
.container-component nav { position: relative; }
.container-component, .container-sidebar-left, .container-sidebar-right { flex-direction: column; flex: 1 1 0%; display: flex; }
.container-component > *, .container-sidebar-left > *, .container-sidebar-right > * { margin-bottom: 0px; }
.container-component > :first-child, .container-sidebar-left > :first-child, .container-sidebar-right > :first-child, .container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * { margin-top: 1em; }
.container-sidebar-left, .container-sidebar-right { flex: 0 0 auto; order: 1; width: calc(100% - 1em); }
@media (width >= 768px) {.container-sidebar-left, .container-sidebar-right { order: 0; width: calc(25% - 1em); }
}
.container-sidebar-left .sidebar-left:first-child { margin-top: 1em; }
.container-sidebar-left .sidebar-left:last-child { margin-bottom: 1em; }
.container-sidebar-right .sidebar-right:first-child { margin-top: 1em; }
.container-sidebar-right .sidebar-right:last-child { margin-bottom: 1em; }
.system-debug { display: block; }
.options-form { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border: 1px solid rgb(178, 191, 205); width: 100%; margin-bottom: 1rem; padding: 1vw 2vw; }
.options-form > legend { float: none; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); width: auto; padding: 0px 0.5rem; font-weight: 700; }
.contentpane { padding: 15px; }
.contentpane .main-card { box-shadow: none; margin: -10px; }
joomla-dialog iframe.iframe-content { width: 100%; height: 100%; }
joomla-dialog[type="iframe"].loading dialog::after, joomla-dialog[type="ajax"].loading dialog::after { content: ""; background: url("compat-assets/joomla-loader.svg") center center / 66px 66px no-repeat; width: 66px; height: 66px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.joomla-dialog-container { box-sizing: border-box; flex-flow: column; width: 100%; display: flex; position: relative; }
.joomla-dialog-container .buttons-holder { justify-content: flex-end; align-items: center; margin-inline-start: auto; display: flex; }
.joomla-dialog-container .buttons-holder button { margin-inline: 0.375rem; }
.joomla-dialog-header { border-bottom: 1px solid var(--border-color); justify-content: space-between; align-items: center; padding: 1rem; display: flex; position: relative; }
.joomla-dialog-header h3 { margin: 0px; }
.joomla-dialog-header .header-icon { margin-inline-end: 0.375rem; font-size: 1.75rem; }
.joomla-dialog-header.empty { display: none; }
.joomla-dialog-body { box-sizing: border-box; flex: 1 1 auto; position: relative; }
.joomla-dialog-body .buttons-holder { position: absolute; top: 1rem; right: 1rem; }
.joomla-dialog-body joomla-dialog[type="inline"], joomla-dialog[type="ajax"] .joomla-dialog-body { overflow: auto; }
joomla-dialog.loading .joomla-dialog-body { opacity: 0; }
joomla-dialog.loaded .joomla-dialog-body { opacity: 1; transition: opacity 0.4s; }
.joomla-dialog-footer { border-top: 1px solid var(--border-color); padding: 1rem; position: relative; }
.joomla-dialog-footer .buttons-holder button { padding-inline: 22px; }
.joomla-dialog-footer.empty { display: none; }
.joomla-dialog-alert dialog, .joomla-dialog-confirm dialog { width: 600px; max-width: 80vw; height: fit-content; }
.joomla-dialog-alert .joomla-dialog-body, .joomla-dialog-confirm .joomla-dialog-body { padding: 1rem; }
@media (width >= 1400px) {.joomla-dialog-content-select-field dialog { width: 90vw; height: 90vh; }
}
.error_site .page-header { margin-top: 1em; }
[class^="container-"] .span-col-2, [class*=" container-"] .span-col-2 { flex: 0 0 50%; max-width: calc(50% - 1em); }
[class^="container-"] .span-col-3, [class*=" container-"] .span-col-3 { flex: 0 0 33.333%; max-width: calc(33.333% - 1em); }
[class^="container-"] .span-col-4, [class*=" container-"] .span-col-4 { flex: 0 0 25%; max-width: calc(25% - 1em); }
@supports (display: grid) {@media (width >= 992px) {.span-col-2 { grid-column-end: span 2; }
.span-col-3 { grid-column-end: span 3; }
.span-col-4 { grid-column-end: span 4; }
.span-row-2 { grid-row-end: span 2; }
.span-row-3 { grid-row-end: span 3; }
.span-row-4 { grid-row-end: span 4; }
}
}
.blog-items { flex-wrap: wrap; width: 100%; margin-bottom: 1em; margin-left: -0.5em; margin-right: -0.5em; padding: 0px; display: flex; }
@media (width >= 992px) {.blog-items.columns-2 > div { width: 50%; }
.blog-items.columns-3 > div { width: 33.3333%; }
.blog-items.columns-4 > div { width: 25%; }
}
.blog-item { flex-direction: column; padding: 0px 0.5em 1em; display: flex; overflow: hidden; }
.boxed .blog-item { box-shadow: 0 0 2px #3339421a, 0 2px 5px #33394214, 0 5px 15px #33394214, inset 0 3px 0 var(--cassiopeia-color-primary); background-color: rgb(255, 255, 255); }
.boxed .blog-item .item-content { padding: 25px; }
.blog-item .item-image { margin-top: 3px; margin-bottom: 15px; overflow: hidden; }
.boxed .blog-item .item-image { margin-bottom: 0px; }
@media (width >= 992px) {.image-right .blog-item .item-image { order: 1; }
}
.image-bottom .blog-item .item-image { order: 1; margin-top: -15px; }
.image-left .blog-item .item-content { padding-left: 25px; }
.image-right .blog-item .item-content { padding-right: 25px; }
.image-left .blog-item, .image-right .blog-item { flex-direction: column; }
@media (width >= 992px) {.image-left .blog-item, .image-right .blog-item { flex-direction: row; }
.image-left .blog-item .item-image, .image-right .blog-item .item-image { flex: 1 0 40%; }
.image-left .blog-item .item-content, .image-right .blog-item .item-content { flex: 1 0 60%; }
}
.article-info dd { padding: 0px; }
@supports (display: grid) {.blog-items { gap: 1em; grid-template-columns: 1fr; grid-auto-flow: row; margin: 0px 0px 1em; display: grid; }
.blog-items .blog-item { padding: 0px; }
.blog-items[class^="columns-"] > div, .blog-items[class*=" columns-"] > div { flex: 0 1 auto; width: auto; max-width: none; }
@media (width >= 992px) {.blog-items.columns-2 { grid-template-columns: 1fr 1fr; }
.blog-items.columns-3 { grid-template-columns: 1fr 1fr 1fr; }
.blog-items.columns-4 { grid-template-columns: 1fr 1fr 1fr 1fr; }
}
}
.blog-items[class^="masonry-"], .blog-items[class*=" masonry-"] { column-gap: 1em; display: block; }
.blog-items[class^="masonry-"] .blog-item, .blog-items[class*=" masonry-"] .blog-item { break-inside: avoid; margin-bottom: 1em; display: inline-flex; }
@media (width >= 992px) {.blog-items.masonry-2 { column-count: 2; }
.blog-items.masonry-3 { column-count: 3; }
.blog-items.masonry-4 { column-count: 4; }
}
.image-alternate .blog-item:nth-of-type(2n+1) .item-image { order: 0; }
.image-alternate.image-left .blog-item:nth-of-type(2n+1) .item-image { order: 1; margin-left: 25px; margin-right: 0px; }
.image-alternate.image-top .blog-item:nth-of-type(2n+1) .item-image { order: 1; }
.no-card .newsflash-horiz li { border: 1px solid rgb(223, 227, 231); border-radius: 0px 0px 0.25rem 0.25rem; padding: 0px 1rem 1rem; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 4px; }
.no-card .newsflash-horiz li figure { margin: 0px -1rem 1rem; }
.mod-list { padding-inline-start: 0px; list-style: none; }
.mod-list li { padding: 0.25em 0px; }
.mod-list li a { text-decoration: none; }
.mod-list li a:hover { text-decoration: underline; }
.container-header .mod-list li a:hover { text-decoration: none; }
.mod-list li.active > a { text-decoration: underline; }
.container-header .mod-list li.active > a { text-decoration: none; }
.mod-list li .mod-menu__sub { padding-left: 1em; }
.mod-menu a, .mod-menu button { color: var(--link-color); }
.container-header .mod-menu a, .container-header .mod-menu button { color: currentcolor; }
.mod-menu a:focus-visible, .mod-menu button:focus-visible { outline-offset: 2px; outline: solid 2px; }
.element-invisible { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; clip-path: inset(50%); border: 0px; width: 1px; height: 1px; padding: 0px; position: absolute; overflow: hidden; }
.hidden { visibility: hidden; display: none; }
.subhead { z-index: 1000; color: rgb(73, 80, 87); background: rgb(255, 255, 255); width: auto; min-height: 43px; padding: 0.25rem; position: sticky; top: 0px; left: 0px; right: 0px; box-shadow: rgb(221, 221, 221) -3px -2px 22px; }
.subhead.noshadow { box-shadow: none; }
.subhead joomla-toolbar-button { margin-inline-start: 0.75rem; }
.subhead joomla-toolbar-button:first-child { margin-inline-start: 0px; }
@media (width <= 767.98px) {.subhead joomla-toolbar-button { text-align: left; width: 100%; margin-left: 0px; }
}
.left.item-image { float: left; }
.right.item-image { float: right; }
.tags .list-inline-item { margin: 0.25rem 0.25rem 0.5rem; }
.tag { padding: 0.5rem 0.5rem 0.5rem 0px; display: inline-block; }
body.wrapper-fluid .site-grid { gap: 0px 2em; grid-template-columns: [full-start] minmax(0px, 1fr) [main-start] repeat(4, minmax(0px, 25%)) [main-end] minmax(0px, 1fr) [full-end]; }
body.wrapper-fluid .grid-child { max-width: none; }
body.wrapper-fluid header > .grid-child, body.wrapper-fluid footer > .grid-child { padding-left: 2em; padding-right: 2em; }
body:not(.has-sidebar-left) .site-grid .container-component { grid-column-start: main-start; }
body:not(.has-sidebar-right) .site-grid .container-component { grid-column-end: main-end; }
.site-grid { margin-bottom: auto; }
@supports (display: grid) {.site-grid { gap: 0px 1em; grid-template-columns: [full-start] minmax(0px, 1fr) [main-start] repeat(4, minmax(0px, 19.875rem)) [main-end] minmax(0px, 1fr) [full-end]; grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ."; display: grid; }
.site-grid > [class^="container-"], .site-grid > [class*=" container-"] { column-gap: 1em; width: 100%; max-width: none; }
.site-grid > .full-width { grid-column: full-start / full-end; }
@media (width >= 992px) {.site-grid { grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ."; }
}
}
.container-banner { grid-area: banner; }
.container-top-a { grid-area: top-a; }
.container-top-b { grid-area: top-b; }
.container-component { grid-area: comp; }
.container-sidebar-left { grid-area: side-l; }
.container-sidebar-right { grid-area: side-r; }
.container-main-top { grid-area: main-t; }
.container-main-bottom { grid-area: main-b; }
.container-breadcrumbs { grid-area: bread; }
.container-bottom-a { grid-area: bot-a; }
.container-bottom-b { grid-area: bot-b; }
.awesomplete > input { max-width: 200px; }
@media (width >= 992px) {.awesomplete > input { max-width: none; }
}
.awesomplete > ul { z-index: 1000 !important; }
.custom-select { cursor: pointer; border: var(--border-width) solid #ced4da; background: url("compat-assets/select-bg.svg") 100% center / 116rem auto no-repeat rgb(234, 237, 240); max-width: 100%; }
.custom-select:focus { border-color: rgb(0, 0, 0); box-shadow: rgba(1, 1, 86, 0.25) 0px 0px 0px 0.25rem; }
[multiple].custom-select { background-color: rgb(255, 255, 255); padding: 0px; }
[multiple].custom-select option { background-color: rgb(255, 255, 255); padding: 0.3rem 1rem; }
[multiple].custom-select option:checked { color: rgb(255, 255, 255); background-color: var(--cassiopeia-color-primary) !important; }
.custom-select-success.custom-select { color: rgb(68, 131, 68); background-color: rgb(68, 131, 68); }
.custom-select-success.custom-select option { color: var(--body-color); background-color: rgb(255, 255, 255); }
.custom-select-danger.custom-select { color: rgb(165, 31, 24); background-color: rgb(165, 31, 24); }
.custom-select-danger.custom-select option { color: var(--body-color); background-color: rgb(255, 255, 255); }
.custom-select optgroup, .custom-select option { color: var(--dark); background-color: rgb(255, 255, 255); }
.field-media-wrapper { width: 100%; max-width: calc(-5rem + 50vw); display: block; }
.field-media-wrapper .field-media-preview { width: 100%; max-width: none; }
@media (width <= 991.98px) {.field-media-wrapper { min-width: 100%; }
}
.list-unstyled .list-unstyled { padding-left: 20px; }
.jviewport-height10 { height: 10vh; }
.jviewport-height20 { height: 20vh; }
.jviewport-height30 { height: 30vh; }
.jviewport-height40 { height: 40vh; }
.jviewport-height50 { height: 50vh; }
.jviewport-height60 { height: 60vh; }
.jviewport-height70 { height: 70vh; }
.jviewport-height80 { height: 80vh; }
.jviewport-height90 { height: 90vh; }
.jviewport-height100 { height: 100vh; }
.gu-mirror { opacity: 0.8; background-color: rgb(145, 238, 145); z-index: 9999 !important; margin: 0px !important; position: fixed !important; }
.minicolors-theme-bootstrap .minicolors-input { width: 120px; }
.minicolors-theme-bootstrap .rgb { width: 175px; }
.minicolors-theme-bootstrap .rgba { width: 220px; }
.editor .toggle-editor { margin-top: 1rem; }
.editor .mce-tinymce { border-radius: var(--border-radius); border: 1px solid rgb(223, 227, 231); }
.editor .mce-btn, .editor .mce-panel { background: rgb(249, 250, 251); }
.tox { white-space: nowrap !important; }