@import '../century_gothic/stylesheet.css';
@keyframes visible {
  0% {
    height: 0rem;
    overflow: hidden;
  }
  100% {
    overflow: visible;
    height: auto;
  }
}
@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes width {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
#main-content {
  min-height: 70vh;
  max-width: 1366px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .cols-mobile {
    display: flex;
    flex-wrap: wrap;
  }
  .cols-mobile .no-wrap {
    flex-wrap: nowrap;
    column-gap: 0.15rem;
  }
  .cols-mobile .is-full-mobile {
    width: 100%;
  }
  .cols-mobile .is-1-mobile {
    width: 8.3333333333%;
  }
  .cols-mobile .is-2-mobile {
    width: 16.6666666667%;
  }
  .cols-mobile .is-3-mobile {
    width: 25%;
  }
  .cols-mobile .is-4-mobile {
    width: 33.3333333333%;
  }
  .cols-mobile .is-5-mobile {
    width: 41.6666666667%;
  }
  .cols-mobile .is-6-mobile {
    width: 50%;
  }
  .cols-mobile .is-7-mobile {
    width: 58.3333333333%;
  }
  .cols-mobile .is-8-mobile {
    width: 66.6666666667%;
  }
  .cols-mobile .is-9-mobile {
    width: 75%;
  }
  .cols-mobile .is-1-mobile0 {
    width: 83.3333333333%;
  }
  .cols-mobile .is-1-mobile1 {
    width: 91.6666666667%;
  }
}
.cols.no-wrap {
  flex-wrap: nowrap;
}
@media (min-width: 767px) {
  .cols {
    display: flex;
  }
  .cols .is-full-tablet {
    width: 100%;
  }
  .cols .is-1-tablet {
    width: 8.3333333333%;
  }
  .cols .is-2-tablet {
    width: 16.6666666667%;
  }
  .cols .is-3-tablet {
    width: 25%;
  }
  .cols .is-4-tablet {
    width: 33.3333333333%;
  }
  .cols .is-5-tablet {
    width: 41.6666666667%;
  }
  .cols .is-6-tablet {
    width: 48%;
  }
  .cols .is-7-tablet {
    width: 58.3333333333%;
  }
  .cols .is-8-tablet {
    width: 66.6666666667%;
  }
  .cols .is-9-tablet {
    width: 75%;
  }
  .cols .is-1-tablet {
    width: 83.3333333333%;
  }
  .cols .is-1-tablet {
    width: 91.6666666667%;
  }
}
@media (min-width: 1023px) {
  .cols .is-full {
    width: 100%;
  }
  .cols .is-1 {
    width: 8.3333333333%;
  }
  .cols .is-2 {
    width: 16.6666666667%;
  }
  .cols .is-3 {
    width: 25%;
  }
  .cols .is-4 {
    width: 33.3333333333%;
  }
  .cols .is-5 {
    width: 41.6666666667%;
  }
  .cols .is-6 {
    width: 50%;
  }
  .cols .is-7 {
    width: 58.3333333333%;
  }
  .cols .is-8 {
    width: 66.6666666667%;
  }
  .cols .is-9 {
    width: 75%;
  }
  .cols .is-10 {
    width: 83.3333333333%;
  }
  .cols .is-11 {
    width: 91.6666666667%;
  }
}

.col-gap {
  column-gap: 1.2rem;
}

.align-center {
  align-items: center;
}

.align-content-center {
  align-content: center;
}

.align-left {
  align-content: left;
}

.align-right {
  align-content: right;
}

.align-bottom {
  align-items: flex-end;
}

.align-top {
  align-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-left {
  justify-content: left;
}

.justify-right {
  justify-content: right;
}

.justify-bottom {
  justify-content: flex-start;
}

.justify-top {
  justify-content: flex-start;
}

.is-flex {
  display: flex;
  flex-wrap: wrap;
}
.is-flex.align-center {
  align-items: center;
}
.is-flex.align-left {
  align-content: left;
}
.is-flex.align-right {
  align-content: right;
}
.is-flex.justify-center {
  justify-content: center;
}
.is-flex.justify-between {
  justify-content: space-between;
}
.is-flex.justify-left {
  justify-content: left;
}
.is-flex.justify-right {
  justify-content: right;
}

.m-0 {
  margin: 0;
}

.m-5 {
  margin: 5px;
}

.m-10 {
  margin: 10px;
}

.m-15 {
  margin: 15px;
}

.m-20 {
  margin: 20px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-0 {
  margin-top: 0px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.p-0 {
  padding: 0;
}

.p-5 {
  padding: 5px;
}

.p-10 {
  padding: 10px;
}

.p-15 {
  padding: 15px;
}

.p-20 {
  padding: 20px;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-0 {
  padding-top: 0;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.flex-none,
.no-wrap {
  flex-wrap: nowrap;
}

.br-1 {
  border-radius: 0.75rem;
}

.b-0 {
  border: 0 !important;
}

.bordered {
  border: 1px solid #000;
}

.is-block {
  display: block;
}

.text-center {
  text-align: center;
}

.subheading {
  font-size: 1.2rem;
}

.list-style-none {
  list-style: none;
}

.small {
  font-size: small;
}

@media (min-width: 767px) {
  .mobile_only {
    display: none;
  }
}
@media (min-width: 1023px) {
  .to_tablet {
    display: none;
  }
  .is-flex-desktop {
    display: flex;
  }
}
.view-all,
.view_all {
  border: 0 !important;
  line-height: 1;
}
.view-all:focus, .view-all:focus-visible,
.view_all:focus,
.view_all:focus-visible {
  border-radius: 1000%;
}
.view-all svg,
.view_all svg {
  height: 2rem;
}

.list-style-none {
  list-style: none;
}

header {
  z-index: 500000;
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  scroll-behavior: smooth;
}
header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 0 10px 10px;
  z-index: -1;
}
header .logo [role=button] {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0 0.75rem;
}
header .logo a {
  display: block;
}
header .logo a:focus, header .logo a:focus-visible {
  outline-color: transparent;
}
header .logo a:focus img, header .logo a:focus-visible img {
  outline: 0.15rem dashed #000;
  outline-offset: 0.25rem;
  border-radius: 0.75rem;
}
header .logo svg,
header .logo img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
header .tablet_desktop {
  display: none;
}
header .home_only {
  display: none;
}
@media (min-width: 767px) {
  header .mobile_only {
    display: none;
  }
  header .tablet_desktop {
    display: block;
  }
  header .logo svg,
  header .logo img {
    width: auto;
    height: 4rem;
    margin: 0;
  }
  header .icons {
    position: absolute;
  }
  header .toggle_menu {
    display: flex;
    align-items: center;
    border: 0;
    color: #fff;
    background: transparent;
    transition: 200ms;
    -moz-transition: 200ms;
    -webkit-transition: 200ms;
  }
  header .toggle_menu .line {
    background-color: #fff;
  }
  header .toggle_menu::after,
  header .toggle_menu * {
    transition: 200ms;
    -moz-transition: 200ms;
    -webkit-transition: 200ms;
  }
  header .toggle_menu .line {
    transition: 200ms;
    -moz-transition: 200ms;
    -webkit-transition: 200ms;
    margin: 0.25rem auto;
    display: block;
    height: 1px;
    width: 1rem;
  }
  header .toggle_menu[menu=open] {
    display: flex;
    align-items: center;
    border-radius: 0.2rem;
  }
  header .toggle_menu[menu=open] .line {
    transform: rotate(45deg);
    margin: -1px 0.5px;
  }
  header .toggle_menu[menu=open] .line:last-child {
    transform: rotate(-45deg);
  }
}
@media (min-width: 1023px) {
  header {
    background-color: #fff;
  }
  header.resize .right-container {
    height: 0;
  }
  header.menu_open::before {
    animation: width ease-in-out forwards;
    animation-duration: 0.4s;
  }
  header.menu_open .toggle_menu {
    color: #fff;
  }
  header.menu_open .toggle_menu .line {
    background-color: #fff;
  }
  header::before {
    width: 0;
    height: 0;
  }
  header .logo svg,
  header .logo img {
    width: 6.25rem;
    height: auto;
  }
  header .logo.resize svg {
    width: auto;
    height: 2.75rem;
  }
  header .right-container {
    transition: 200ms;
    -moz-transition: 200ms;
    -webkit-transition: 200ms;
    border-radius: 0 0 10px 10px;
    height: 100%;
  }
  header .right-container > div {
    display: flex;
    flex-wrap: nowrap;
  }
  header .icons {
    min-width: 15rem;
    max-width: 15rem;
    width: auto;
    position: relative;
  }
  header .toggle_menu {
    transition: 1s;
    color: #000;
  }
  header .toggle_menu .line {
    background-color: #000;
  }
}

body.homepage .home_only {
  display: block;
  transition: 0.6s;
}
body.homepage .home_only.desktop {
  display: none;
}
@media (min-width: 767px) {
  body.homepage .home_only.desktop {
    display: block;
  }
  body.homepage .home_only.mobile_only {
    display: none;
  }
  body.homepage header img {
    transition: 200ms;
    -moz-transition: 200ms;
    -webkit-transition: 200ms;
  }
}
@media (min-width: 1023px) {
  body.homepage .home_only * {
    opacity: 1;
  }
  body.homepage .home_only h1 {
    font-size: 18pt;
  }
  body.homepage .home_only h2 {
    font-size: 14pt;
  }
}
@media (max-width: 1023px) {
  body.homepage header.scrolled .home_only.desktop {
    height: 1px;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    z-index: -100;
  }
}

html[data-theme=dark] header .toggle_menu {
  color: #fff;
}
html[data-theme=dark] header .toggle_menu .line {
  background-color: #fff;
}

footer {
  background-color: #000;
  border-top: 1px solid #fff;
}
footer * {
  color: #fff;
}
footer .logo svg,
footer .logo img {
  width: 5rem;
  height: auto;
  display: block;
}
footer .logo a:focus img, footer .logo a:focus-visible img {
  outline: 0.15rem dashed #fff;
  outline-offset: 0.15rem;
}
footer ul {
  padding: 0;
  list-style: none;
}
footer ul a {
  color: #fff;
}
footer ul a:focus, footer ul a:focus-visible {
  color: #fff;
  outline: 0.15rem dashed #fff;
  outline-offset: 0.15rem;
}
@media (max-width: 767px) {
  footer .links > div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding-left: 7.5rem;
    padding-top: 0;
  }
  footer .links > div > div {
    width: 100%;
  }
}
@media (min-width: 767px) {
  footer ul {
    margin-top: 0;
  }
}
@media (min-width: 1023px) {
  footer div {
    align-items: center;
    display: flex;
  }
  footer .links > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;
    justify-content: flex-end;
    width: 100%;
  }
  footer .links > div nav {
    display: flex;
    flex-wrap: wrap;
  }
  footer .links > div ul {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
  }
  footer .links > div ul li {
    padding: 0 2rem 0 0;
  }
  footer .links > div [role=button] {
    margin-left: 1rem;
  }
}

button svg {
  height: 1rem;
  width: auto;
  fill: #fff !important;
}
button.rounded {
  border-radius: 100%;
}
button.rounded.small {
  width: 2rem;
  height: 2rem;
}
button.white {
  border: 1px solid #000;
  background-color: transparent;
  color: #000;
}
button.light {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
button.dark {
  background-color: var(--dark-theme);
  border: 1px solid #fff;
  color: #fff;
}
button.dark:focus, button.dark:focus-visible {
  outline: 2px dashed #000;
  outline-offset: 1px;
}
button.open_menu {
  transition: 200ms;
  -moz-transition: 200ms;
  -webkit-transition: 200ms;
}
button.open_menu::after,
button.open_menu * {
  transition: 200ms;
  -moz-transition: 200ms;
  -webkit-transition: 200ms;
}
button.open_menu {
  display: block;
}
button.open_menu .line {
  transition: 200ms;
  -moz-transition: 200ms;
  -webkit-transition: 200ms;
  margin: 0.25rem auto;
  display: block;
  height: 1px;
  width: 1rem;
  background-color: #fff;
}
button.open_menu[menu=open] {
  display: flex;
  align-items: center;
  width: 5rem;
  border-radius: 15px;
}
button.open_menu[menu=open]::after {
  content: "Close";
  color: #fff;
  margin-left: 0.25rem;
}
button.open_menu[menu=open] .line {
  transform: rotate(45deg);
  margin: -1px 0.5px;
}
button.open_menu[menu=open] .line:last-child {
  transform: rotate(-45deg);
}
button.arrow {
  background: transparent;
  border-radius: 100%;
  border: 0;
}
button.arrow svg {
  fill: #000 !important;
  height: 1.25rem;
  width: 1.25rem;
}
button:focus, button:focus-visible {
  outline: 2px dashed #000;
  outline-offset: 1px;
}
button:hover {
  cursor: pointer;
}
button.category img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 1.25rem;
  margin-right: 0.25rem;
}

input,
a {
  text-decoration: none;
}
input[role=button],
a[role=button] {
  border: 1px solid #fff;
  padding: 0.5rem 1rem;
  color: #fff;
  border-radius: 10px;
  font-weight: 600;
  margin: 1rem 0;
  display: inline-block;
}
input[role=button].dark,
a[role=button].dark {
  border: 1px solid #000;
  color: #000;
}
input[role=button].dark.solid,
a[role=button].dark.solid {
  background-color: #000;
  color: #fff;
  border: 1px solid #fff;
}
input[role=button].white:focus, input[role=button].white:focus-visible,
a[role=button].white:focus,
a[role=button].white:focus-visible {
  color: #fff;
  outline-color: #fff;
  outline-offset: 0.25rem;
}
input.document,
a.document {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0.25rem 0.5rem 0.25rem 0;
}
input.view_all,
a.view_all {
  display: inline-block;
  margin: 1rem 0;
}
input:focus, input:focus-visible,
a:focus,
a:focus-visible {
  outline: 2px dashed #000;
  outline-offset: 0.05rem;
  color: #000;
}

div[role=link]:focus, div[role=link]:focus-visible, div[role=button]:focus, div[role=button]:focus-visible {
  outline: 2px dashed #000;
  outline-offset: 4px;
  border-radius: 0.5rem;
}

.skip:not(:active):not(:focus) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.skip:focus {
  outline: 3px dotted #fd0;
  outline-offset: 0;
  background-color: #fd0;
  color: #000;
}

.return {
  display: inline-block;
  color: #000;
  font-weight: 600;
}
.return .icon {
  transform: scaleX(-1);
  height: 1.25rem;
  width: 1.25rem;
}
.return span:last-child {
  display: inline-block;
  margin-left: 0.5rem;
}

.icon {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
}
.icon.x-small {
  min-width: 2rem;
  min-height: 2rem;
  width: 2rem;
  height: 2rem;
}
.icon.x-small img,
.icon.x-small svg {
  height: 1.5rem;
  min-width: auto;
}
.icon.small {
  min-width: 3rem;
  min-height: 3rem;
  width: 3rem;
  height: 3rem;
}
.icon.small img,
.icon.small svg {
  height: 2rem;
  min-width: auto;
}
.icon.medium {
  min-width: 4.75rem;
  min-height: 4.75rem;
  width: 4.75rem;
  height: 4.75rem;
}
.icon.medium img,
.icon.medium svg {
  height: 3rem;
  width: auto;
}
.icon.large {
  min-width: 6rem;
  min-height: 6rem;
  width: 6rem;
  height: 6rem;
}
.icon.large img,
.icon.large svg {
  height: 4rem;
  width: auto;
}
.icon.valid {
  background-color: #237400;
}
.icon.expired {
  background-color: #A30000;
}

.required {
  display: inline-block;
}
.required svg {
  margin: -0.2rem 0.1rem;
  width: 1rem;
  height: 1rem;
}

input,
textarea,
select {
  border: 1px solid #000;
  border-radius: 0.25rem;
  width: 93.75%;
  padding: 0.5rem;
  margin-top: 0.5rem;
  background-color: transparent;
  font-size: 1rem;
}
input:focus, input:focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible {
  outline: 0.15rem dashed #000;
  outline-offset: 0.2rem;
  color: #000;
  background-color: transparent;
}
input:focus svg, input:focus-visible svg,
textarea:focus svg,
textarea:focus-visible svg,
select:focus svg,
select:focus-visible svg {
  fill: #000;
}
input:focus span, input:focus-visible span,
textarea:focus span,
textarea:focus-visible span,
select:focus span,
select:focus-visible span {
  color: #000;
}
input[type=reset], input[type=submit],
textarea[type=reset],
textarea[type=submit],
select[type=reset],
select[type=submit] {
  width: auto;
}

select {
  -webkit-appearance: none;
  appearance: none;
  width: 99%;
  background-image: url("../svg/form/down.svg");
  background-repeat: no-repeat;
  background-position: center right 0.25rem;
  background-size: 1.25rem;
}

form label:has(input.active) {
  color: #fff;
  background-color: #000;
}
form label:has(input.active) svg {
  fill: #fff;
  stroke: #000;
}
form label:has(input.active) svg path {
  fill: #fff;
  stroke: #000;
}
form label:has(input.active) input {
  z-index: -1;
}
form input {
  background-color: transparent;
  font-size: 1rem;
}
form input.active {
  background-color: #000;
}
form .field_container {
  margin: 0.75rem 0;
}
form .field_container .input-error-message {
  font-size: 0.75rem;
  color: #A30000;
}
form fieldset {
  border: 0;
  padding: 0;
}
form fieldset .fields .bordered.focused {
  outline: 0.15rem dashed #000;
  outline-offset: 0.25rem;
}
form fieldset .fields div {
  width: 100%;
}
form fieldset .fields div .legend {
  width: 100%;
  border: 1px solid #000;
  border-radius: 0.25rem;
  margin: 1rem 0;
  position: relative;
}
form fieldset .fields div {
  width: 100%;
  position: relative;
}
form fieldset .fields div label {
  align-items: center;
}
form fieldset .fields div:has(input:focus) {
  outline: 0.15rem dashed #000;
  outline-offset: 0.25rem;
}
form fieldset .fields div input {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  position: absolute;
  z-index: 10;
  -webkit-appearance: none;
  appearance: none;
  border-color: transparent;
}
form fieldset .fields div:has(input:checked) {
  background-color: #fff;
  background-color: #000;
}
form fieldset .fields div:has(input:checked) label {
  color: #fff;
}
form fieldset .fields div:has(input:checked) svg {
  fill: #fff;
}
form fieldset .fields div:has(input:checked) svg#vulnerability path {
  stroke: #000;
}
@media (min-width: 767px) {
  form .field_container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  form .field_container label,
  form .field_container legend {
    width: 30%;
  }
  form .field_container > div,
  form .field_container input,
  form .field_container select,
  form .field_container textarea {
    width: 60%;
  }
  form .field_container .input-error-message {
    width: 100%;
    display: block;
  }
  form fieldset {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  form fieldset .legend {
    width: 30%;
  }
  form fieldset .fields {
    width: 62%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: space-between;
  }
  form fieldset .fields div {
    width: auto;
    padding-right: 1rem;
    overflow: hidden;
  }
  form fieldset .fields div svg {
    height: 1rem;
  }
}
@media (min-width: 1023px) {
  form .field_container p {
    width: 100%;
  }
  form fieldset .fields div {
    width: 30%;
  }
}

html[data-theme=dark] input,
html[data-theme=dark] textarea,
html[data-theme=dark] select {
  border: 1px solid #fff;
}
html[data-theme=dark] input:focus, html[data-theme=dark] input:focus-visible,
html[data-theme=dark] textarea:focus,
html[data-theme=dark] textarea:focus-visible,
html[data-theme=dark] select:focus,
html[data-theme=dark] select:focus-visible {
  outline: 0.15rem dashed #fff;
  color: #fff;
  background-color: transparent;
}
html[data-theme=dark] input:focus svg, html[data-theme=dark] input:focus-visible svg,
html[data-theme=dark] textarea:focus svg,
html[data-theme=dark] textarea:focus-visible svg,
html[data-theme=dark] select:focus svg,
html[data-theme=dark] select:focus-visible svg {
  fill: #fff;
}
html[data-theme=dark] input:focus span, html[data-theme=dark] input:focus-visible span,
html[data-theme=dark] textarea:focus span,
html[data-theme=dark] textarea:focus-visible span,
html[data-theme=dark] select:focus span,
html[data-theme=dark] select:focus-visible span {
  color: #fff;
}
html[data-theme=dark] form fieldset {
  border: 0;
  padding: 0;
}
html[data-theme=dark] form fieldset .fields div svg {
  fill: #fff;
}
html[data-theme=dark] form fieldset .fields div svg path {
  fill: #fff;
}
html[data-theme=dark] form fieldset .fields div svg#vulnerability path {
  stroke: #000;
}
html[data-theme=dark] form fieldset .fields div:has(input:focus), html[data-theme=dark] form fieldset .fields div:has(input:focus-visible) {
  background-color: #fff;
  outline: 0.15rem dashed #fff;
}
html[data-theme=dark] form fieldset .fields div:has(input:focus) label, html[data-theme=dark] form fieldset .fields div:has(input:focus-visible) label {
  color: #000;
}
html[data-theme=dark] form fieldset .fields div:has(input:focus) svg, html[data-theme=dark] form fieldset .fields div:has(input:focus-visible) svg {
  fill: #000;
}
html[data-theme=dark] form fieldset .fields div:has(input:focus) svg#vulnerability path, html[data-theme=dark] form fieldset .fields div:has(input:focus-visible) svg#vulnerability path {
  stroke: #fff;
}
html[data-theme=dark] form fieldset .fields div:has(input:focus) svg path, html[data-theme=dark] form fieldset .fields div:has(input:focus-visible) svg path {
  fill: #000;
}

#sort {
  border: 1px solid #000;
  border-radius: 0.25rem;
  width: 100%;
  display: block;
  position: relative;
  margin-top: 0.5rem;
}
#sort::before {
  content: "Select";
  padding: 0.5rem;
  display: block;
}
#sort:has(.ascending[aria-selected=true])::before {
  content: "A-Z";
}
#sort:has(.descending[aria-selected=true])::before {
  content: "Z-A";
}
#sort:focus, #sort:focus-visible {
  outline: 0.15rem dashed #000;
  outline-offset: 0.2rem;
  color: #000;
}
#sort.reset::before {
  content: "Select";
}
#sort,
#sort * {
  cursor: pointer;
}
#sort span, #sort label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
}
#sort span svg, #sort label svg {
  transition: 200ms;
  -moz-transition: 200ms;
  -webkit-transition: 200ms;
  height: 1rem;
  width: auto;
  transform: rotate(90deg);
}
#sort > div {
  width: 100%;
  position: absolute;
  background-color: #fff;
  border-radius: 0 0.25rem 0.25rem 0.25rem;
  z-index: 1;
}
#sort .option {
  padding: 0.5rem;
  display: none;
}
#sort .option:hover, #sort .option:focus {
  outline: 0.15rem dashed #000;
  outline-offset: 0.2rem;
  color: #000;
}
#sort[aria-expanded=true] > div {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
#sort[aria-expanded=true] span svg, #sort[aria-expanded=true] label svg {
  transform: rotate(-90deg);
}

html[data-theme=dark] #sort:focus, html[data-theme=dark] #sort:focus-visible,
html[data-theme=dark] #sort .option:focus,
html[data-theme=dark] #sort .option:focus-visible {
  outline: 2px dashed #fff;
}
html[data-theme=dark] #sort span svg, html[data-theme=dark] #sort label svg {
  fill: #fff;
}
html[data-theme=dark] #sort .option {
  background-color: #000;
  color: #fff;
}

#main-content {
  transition: 200ms;
  -moz-transition: 200ms;
  -webkit-transition: 200ms;
}
#main-content .search_filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 95%;
  margin: 0 auto;
}
#main-content .search_filter button {
  display: block;
  margin: 0.5rem 0;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  font-size: 1rem;
}
#main-content .search_filter .search,
#main-content .search_filter .attributes {
  width: 100%;
}
#main-content .search_filter .search .title,
#main-content .search_filter .attributes .title {
  display: block;
  width: 100%;
  margin: 0.75rem 0;
  font-weight: 600;
}
#main-content .search_filter .search input, #main-content .search_filter .search textarea, #main-content .search_filter .search select,
#main-content .search_filter .attributes input,
#main-content .search_filter .attributes textarea,
#main-content .search_filter .attributes select {
  margin-top: 0;
}
#main-content .search_filter .search input {
  width: 98.75%;
}
#main-content .search_filter .attributes {
  transition: 200ms;
  -moz-transition: 200ms;
  -webkit-transition: 200ms;
}
#main-content .search_filter .attributes #date-filter-form > div {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
}
#main-content .search_filter .attributes #date-filter-form > div label {
  min-width: 5rem;
}
#main-content .search_filter .attributes #sort label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  width: 96.75%;
}
#main-content .search_filter .filter #slider {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  min-width: 95vw;
}
#main-content .search_filter .filter #slider .arrow {
  position: absolute;
  height: 2rem;
  width: 2rem;
  line-height: 1;
  padding: 0.25rem;
}
#main-content .search_filter .filter #slider .arrow svg {
  height: 100%;
  width: 100%;
}
#main-content .search_filter .filter #slider #scrollLeft {
  transform: scaleX(-1);
  left: 0;
}
#main-content .search_filter .filter #slider #scrollRight {
  right: 0;
}
#main-content .search_filter .filter #slider #all_items {
  width: 80vw;
  overflow: hidden;
  scroll-behavior: smooth;
}
#main-content .search_filter .filter #slider #all_items button {
  border-radius: 0.15rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.75rem;
  white-space: nowrap;
  margin-right: 0.75rem;
}
#main-content .search_filter .filter #slider #all_items button svg {
  margin-right: 0.15rem;
}
#main-content .search_filter .filter #slider #all_items button[aria-pressed=true] {
  background-color: #fff;
  color: #000;
  border-color: #000;
}
#main-content .search_filter .filter #slider #all_items button[aria-pressed=true] svg {
  fill: #000 !important;
}
#main-content .search_filter #reset {
  background-color: #000;
  color: #fff;
}
@media (min-width: 1023px) {
  #main-content .search_filter {
    width: 95vw;
    max-width: 1366px;
    padding: 0 20px 40px;
  }
  #main-content .search_filter .search {
    width: 40%;
  }
  #main-content .search_filter .search label, #main-content .search_filter .search input, #main-content .search_filter .search .title {
    width: 95%;
  }
  #main-content .search_filter .attributes {
    width: 60%;
  }
  #main-content .search_filter .attributes {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  #main-content .search_filter .attributes .sort {
    width: 20%;
  }
  #main-content .search_filter .attributes .date {
    width: 75%;
  }
  #main-content .search_filter .attributes #sort label {
    width: auto;
  }
  #main-content .search_filter .attributes #date-filter-form {
    display: flex;
    flex-wrap: nowrap;
  }
  #main-content .search_filter .attributes #date-filter-form > div label {
    min-width: auto;
    padding-right: 0.25rem;
  }
  #main-content .search_filter .attributes #date-filter-form > div label[for=to] {
    padding-left: 0.5rem;
  }
  #main-content .search_filter .attributes #date-filter-form > div input {
    margin-left: 0.25rem;
  }
  #main-content .search_filter .attributes #date-filter-form > div input[type=date] {
    max-width: 8rem;
  }
  #main-content .search_filter #showFilters,
  #main-content .search_filter #closeFilters {
    display: none;
  }
}
#main-content .no_docs.hide {
  display: none;
}
#main-content .no_docs.show {
  display: block;
}
#main-content .no_results {
  display: none;
}
#main-content .no_results.show {
  display: block;
}
@media (max-width: 1023px) {
  #main-content {
    position: relative;
    overflow: hidden;
  }
  #main-content:has(.attributes[state=visible]) {
    right: 20rem;
    overflow: visible;
  }
  #main-content:has(.attributes[state=hidden]) {
    right: 0%;
    overflow: hidden;
  }
  #main-content .search_filter {
    position: inherit;
  }
  #main-content .search_filter .attributes {
    position: fixed;
    left: 100%;
    top: 0;
    height: 100%;
    z-index: 1200;
    display: none;
    width: 0;
    border-left: 1px solid #fff;
  }
  #main-content .search_filter .attributes[state=visible] {
    display: block;
    width: 20rem;
    background-color: #F0F0F0;
  }
  #main-content .search_filter .attributes > div {
    width: 90%;
    margin: 0 auto;
  }
  #main-content .search_filter #date-filter-form > div {
    padding: 0.5rem 0;
  }
  #main-content .search_filter #closeFilters {
    margin-left: 1rem;
  }
  #main-content .search_filter #showFilters,
  #main-content .search_filter #reset {
    margin-top: 1rem;
  }
}

@media (min-width: 1023px) {
  body.documents #main-content .search_filter .filter {
    width: 50%;
    overflow: hidden;
  }
  body.documents #main-content .search_filter .filter #slider {
    min-width: 80%;
    width: 100%;
  }
  body.documents #main-content .search_filter .filter #slider #all_items {
    width: 90%;
  }
  body.documents #main-content .search_filter .search {
    width: 30%;
  }
  body.documents #main-content .search_filter .attributes {
    width: 20%;
  }
  body.documents #main-content .search_filter .attributes .sort {
    width: 98%;
  }
}

@media (max-width: 1023px) {
  html[data-theme=dark] #main-content .search_filter .attributes[state=visible] {
    display: block;
    width: 20rem;
    background-color: #000;
  }
}

#paginate .show {
  display: block;
}
#paginate .hidden {
  display: none;
}
#paginate button {
  border-radius: 100%;
  font-size: 1rem;
  min-height: 2rem;
  min-width: 2rem;
  height: 2rem;
  width: 2rem;
  margin: 0.15rem;
  color: #fff;
  border: 0;
}
#paginate button.active, #paginate button.disabled {
  opacity: 0.25;
  cursor: none;
}
#paginate button.active:focus, #paginate button.active:focus-visible, #paginate button.disabled:focus, #paginate button.disabled:focus-visible {
  outline: none;
}

html[data-theme=dark] #paginate button {
  background-color: #fff;
  color: #000;
}

.cookie-banner {
  position: fixed;
  z-index: 1200;
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
  border-radius: 1rem;
  bottom: 1rem;
  left: 1rem;
  width: 90vw;
}
.cookie-banner button {
  width: 48%;
  padding: 0.75rem;
  border-radius: 10px;
}
@media (min-width: 767px) {
  .cookie-banner {
    max-width: 480px;
  }
}

html[data-theme=dark] .cookie-banner {
  background-color: #000;
  border-color: #fff;
}

#menu {
  color: #fff;
}
#menu .container {
  max-width: 1366px;
  margin: 0 auto;
  max-height: 80vh;
  overflow: scroll;
}
#menu[state=closed] {
  height: 0;
  overflow: hidden;
  display: none;
}
#menu[state=open] {
  animation-name: visible;
  animation-duration: 0.75s;
  display: block;
}
#menu [role=heading] * {
  font-size: 1.2rem;
  color: #fff;
}
#menu .item {
  animation: opacity;
  animation-delay: 0.2s;
  animation-duration: 0.5s;
}
#menu .title {
  padding-bottom: 0.5rem;
  flex-wrap: nowrap;
  align-items: flex-start;
}
#menu .title span {
  width: 90%;
}
#menu .title svg {
  height: auto;
  width: 4rem;
  margin-right: 1rem;
}
#menu span {
  display: block;
}
#menu .inner > span {
  font-size: 0.75rem;
}
#menu .main_contact span:first-child {
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
}
#menu .main_contact span {
  margin-bottom: 0.5rem;
}
@media (min-width: 767px) {
  #menu .cols.main_contact {
    flex-wrap: nowrap;
  }
  #menu .title svg {
    width: 2.75rem;
  }
}
@media (min-width: 1023px) {
  #menu {
    position: absolute;
    width: 100%;
    transform: translateY(-10px);
    border-radius: 0 0 20px 20px;
  }
  #menu div:has(.item) {
    flex-wrap: nowrap;
  }
  #menu .title svg {
    width: auto;
    height: 3rem;
  }
}

#notifications {
  background-color: #000;
  position: absolute;
  top: 4rem;
  right: 2rem;
  min-width: 15rem;
  z-index: 12;
  transition: 1s;
  max-height: 80vh;
  overflow: scroll;
}
#notifications::-webkit-scrollbar {
  display: none;
}
#notifications[state=closed] {
  height: 0;
  overflow: hidden;
  border: 0;
}
#notifications[state=open] {
  animation-name: visible;
  animation-name: opacity;
  animation-duration: 0.75s;
  width: 15rem;
  border: 1px solid;
}
#notifications[state=open] .item,
#notifications[state=open] .more {
  display: block;
}
#notifications .item {
  padding: 0.75rem 0.75rem 0;
  display: none;
  color: #fff;
}
#notifications .item .idication {
  background-color: #A30000;
  min-height: 1rem;
  min-width: 1rem;
  max-height: 1rem;
  max-width: 1rem;
  height: 1rem;
  width: 1rem;
  border-color: #fff;
  border-radius: 100%;
}
#notifications .item:nth-child(4n) .idication, #notifications .item:nth-child(5n) .idication {
  display: none;
}
#notifications .more {
  display: none;
}
#notifications a {
  color: #fff;
}
#notifications a:focus, #notifications a:focus-visible {
  outline: 0.1rem dashed #fff;
  outline-offset: 0.25rem;
}
#notifications a[role=button] svg {
  fill: #fff;
  width: auto;
  height: 1rem;
}
@media (min-width: 1023px) {
  #notifications {
    min-width: 20rem;
  }
  #notifications .item {
    padding: 1.25rem 1.25rem 0;
  }
}

.inspection_survey {
  max-width: 100vw;
}
.inspection_survey .valid {
  color: #237400;
}
.inspection_survey .expired {
  color: #A30000;
}
.inspection_survey .view-all {
  padding: 0;
  margin: 1rem;
}
@media (min-width: 767px) {
  .inspection_survey .col .inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 1rem;
  }
  .inspection_survey .col .inner .icon {
    margin-right: 1.2rem;
  }
}

@media (max-width: 767px) {
  .cols:has(.fra) .col,
  .cols:has(.fra) .cols {
    width: 94vw;
  }
}
.fra {
  position: relative;
}
.fra .image {
  display: flex;
  flex-wrap: wrap;
  height: 90vw;
  width: 100%;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  z-index: 5;
  background-position: center;
  background-size: cover;
}
.fra .image img {
  width: 100%;
  display: block;
}
@media (max-width: 480px) {
  .fra .image {
    width: 100%;
  }
}
.fra .fra_report {
  background-color: #000;
}
.fra .fra_report.valid .icon {
  background-color: #28ae00;
}
.fra .fra_report.valid .status {
  color: #28ae00;
}
.fra .fra_report.soon .icon {
  background-color: #E36900;
}
.fra .fra_report.soon .status {
  color: #E36900;
}
.fra .fra_report.overdue .icon {
  background-color: #A30000;
}
.fra .fra_report.overdue .status {
  color: #A30000;
}
.fra .fra_report .icon {
  border: 0.15rem solid #fff;
}
.fra .fra_report .status {
  font-weight: 600;
  font-size: 14pt;
}
@media (max-width: 767px) {
  .fra .fra_report {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 45%, rgb(0, 0, 0) 100%);
    border-radius: 0 0 0.75rem 0.75rem;
    z-index: 12;
    position: relative;
    margin-top: -10rem;
    border: 0;
    min-height: 10rem;
  }
  .fra .fra_report .inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    min-height: 10rem;
  }
  .fra .fra_report .inner .title {
    padding: 0 0 0 1rem;
  }
  .fra .fra_report .inner .title * {
    margin: 0 0 0.25rem 0;
    display: block;
  }
}
@media (min-width: 767px) {
  .fra {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: space-between;
  }
  .fra .fra_report,
  .fra .image {
    height: 60vw;
  }
  .fra .fra_report {
    width: 40%;
    border-radius: 0.5rem;
    text-align: center;
  }
  .fra .fra_report .inner {
    display: flex;
    flex-wrap: wrap;
    height: 90%;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  .fra .fra_report .inner .icon {
    width: 15vw;
    height: 15vw;
  }
  .fra .fra_report .inner .icon svg {
    height: 10vw;
  }
}
@media (min-width: 1023px) {
  .fra .fra_report,
  .fra .image {
    height: 20rem;
  }
  .fra .fra_report .title .white {
    font-size: 14pt;
  }
  .fra .fra_report .inner {
    height: 17.25rem;
  }
  .fra .fra_report .inner .icon {
    width: 5vw;
    height: 5vw;
  }
  .fra .fra_report .inner .icon svg {
    height: 4.5vw;
  }
}
@media (min-width: 1366px) {
  .fra .fra_report .inner {
    height: 18rem;
  }
  .fra .fra_report .inner .icon {
    width: 5rem;
    height: 5rem;
  }
  .fra .fra_report .inner .icon svg {
    height: 4.5rem;
  }
}

body .main_contact .avatar.large {
  width: 8rem;
  height: 8rem;
  min-width: 8rem;
  min-height: 8rem;
}

.features {
  column-gap: 0.5rem;
}
.features .is-full-mobile {
  margin: 1rem 0;
}
.features .item:nth-child(even),
.features .member:nth-child(even) {
  display: none;
}
.features .item .image {
  width: 9rem;
  height: 9rem;
  background-size: cover;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 100%;
  margin: 1.25rem auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.features .item .image svg {
  height: 4rem;
  width: auto;
}

.more_features .cols > a {
  border: 1px solid #000;
  color: #000;
}
.more_features .cols > a:focus, .more_features .cols > a:focus-visible {
  outline-offset: 0.25rem;
}
.more_features .cols > a {
  margin: 1rem 0;
}
.more_features .item .inner {
  align-items: center;
}
.more_features .item .inner div {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}

@media (min-width: 767px) {
  .top_container {
    border-radius: 0 0 10px 10px;
    margin-top: -2rem;
  }
  .top_container * {
    color: #fff;
  }
  .features .inner {
    position: relative;
  }
  .features .inner a.view_all {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
  }
}
@media (min-width: 1023px) {
  .main_contact .cols {
    flex-wrap: wrap;
  }
  .features .item:nth-child(even),
  .features .member:nth-child(even) {
    display: block;
  }
  .more_features > div {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .more_features > div > div {
    width: 58.3333333333%;
  }
}
html[data-theme=dark] .features .item .image {
  background-color: rgba(255, 255, 255, 0.25);
}
html[data-theme=dark] .more_features .cols > a {
  border: 1px solid #fff;
  color: #fff;
}
html[data-theme=dark] .more_features svg {
  fill: #fff;
}
html[data-theme=dark] .more_features svg rect {
  fill: #000;
}
html[data-theme=dark] .more_features svg#evacuationVideo #video {
  fill: #000;
}

body.documents main .item {
  margin-bottom: 1.25rem;
}
body.documents main .item .container {
  width: 95%;
  height: 100%;
  margin: 0 auto;
  background-color: rgb(242.25, 242.25, 242.25);
  box-shadow: 3.25px 3.25px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.documents main .item .container > div {
  width: 100%;
}
body.documents main .item .category {
  width: 100%;
}
body.documents main .item .category .icon,
body.documents main .item .category svg {
  width: auto;
  justify-content: flex-start;
  min-width: fit-content;
}
body.documents main .item .category svg {
  margin-right: 0.5rem;
}
body.documents main .item .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}
body.documents main .item .content .subheading {
  width: 100%;
  display: block;
  margin: 0.25rem 0;
}
body.documents main .item .content a:focus, body.documents main .item .content a:focus-visible {
  outline-offset: 0.15rem;
}
@media (max-width: 767px) {
  body.documents main .item {
    width: 100%;
    margin: 1rem auto;
  }
}

html[data-theme=dark] body.documents .item .container {
  box-shadow: 3.25px 3.25px 8px rgba(255, 255, 255, 0.15);
  background-color: rgb(63.75, 63.75, 63.75);
  color: #fff;
}

body.news_events #main-content .events {
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox, Safari 18.2+, Chromium 121+ */
}
body.news_events #main-content .events::-webkit-scrollbar {
  display: none;
}
body.news_events #main-content .events span.date {
  font-size: 0.8rem;
}
body.news_events #main-content .events [role=heading] {
  color: #000;
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  body.news_events #main-content .events .dropdown h2 {
    display: none;
  }
  body.news_events #main-content .events .events_mobile {
    border: 1px solid #000;
    border-radius: 0.5rem;
    width: 90vw;
    margin: 1rem auto;
  }
  body.news_events #main-content .events .events_mobile .top span {
    padding-left: 20px;
  }
  body.news_events #main-content .events .events_mobile .top .icon {
    transform: rotate(90deg);
  }
  body.news_events #main-content .events .events_mobile .top[aria-pressed=true] .icon {
    transform: rotate(-90deg);
  }
  body.news_events #main-content .events .events_mobile .icon {
    padding: 10px 20px;
  }
  body.news_events #main-content .events .events_mobile .dropdown[state=closed] .item {
    display: none;
  }
  body.news_events #main-content .events .events_mobile .dropdown[state=open] .item {
    display: block;
  }
}
@media (min-width: 767px) {
  body.news_events #main-content .events .events_mobile .top {
    display: none;
  }
}
body.news_events #main-content .events .item:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
body.news_events #main-content .news .item a {
  color: #000;
  display: block;
}
body.news_events #main-content .news .item a > div:focus, body.news_events #main-content .news .item a > div:focus-visible {
  outline: 0.15rem dashed #000;
  outline-offset: 1rem;
}
body.news_events #main-content .news .item .image {
  height: 70vw;
  width: 100%;
  box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.25);
  margin-bottom: 20px;
  background-color: rgb(242.25, 242.25, 242.25);
}
body.news_events #main-content .news .item .image.background {
  background-size: cover;
  background-position: center;
}
body.news_events #main-content .news .item .image .svg {
  height: 100%;
  width: 100%;
}
body.news_events #main-content .news .item .image .svg svg {
  width: 50%;
  height: auto;
}
body.news_events #main-content .news .item .content {
  display: flex;
  flex-direction: column-reverse;
}
body.news_events #main-content .news .item .content * {
  width: 100%;
  display: block;
  margin: 0.25rem 0;
}
body.news_events #main-content.detail .image img {
  width: 100%;
}
@media (min-width: 767px) {
  body.news_events #main-content .listing {
    flex-wrap: nowrap;
  }
  body.news_events #main-content .events {
    position: sticky;
    -webkit-position: sticky;
    top: 10vh;
    left: 0;
    overflow: scroll;
    max-height: 90vh;
  }
  body.news_events #main-content .news .sortable {
    flex-wrap: wrap;
  }
  body.news_events #main-content .news .item .image {
    height: 30vw;
  }
  body.news_events #main-content.detail .image img {
    width: 90%;
  }
  body.news_events #main-content.detail .content .cols {
    width: 100%;
  }
  body.news_events #main-content.event .all {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1023px) {
  body.news_events #main-content .events {
    max-height: 80vh;
  }
  body.news_events #main-content .events h2 {
    padding: 0 20px;
  }
  body.news_events #main-content .news .search_filter {
    width: 97%;
    margin: 0 auto;
  }
  body.news_events #main-content .news .item .image {
    height: 16.75vw;
  }
  body.news_events #main-content.detail .content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
  }
  body.news_events #main-content.detail .content .date_time {
    width: 100%;
  }
  body.news_events #main-content.detail .content .description {
    width: 90%;
  }
  body.news_events #main-content.detail .content .documents {
    width: 30%;
  }
  body.news_events #main-content.event .is-flex-desktop > div:first-child {
    padding-right: 5rem;
  }
  body.news_events #main-content.event .is-flex-desktop .date_time {
    min-width: 30rem;
  }
}
@media (min-width: 1366px) {
  body.news_events #main-content .news .item .image {
    height: 15rem;
  }
}
@media (max-width: 767px) {
  body.news_events #main-content .flip {
    flex-direction: column-reverse;
  }
  body.news_events #main-content .events_mobile .dropdown[state=closed] .item.show {
    display: none !important;
  }
  body.news_events #main-content .no_results {
    padding: 0 1.25rem;
  }
}

html[data-theme=dark] body.news_events #main-content .events [role=heading] {
  color: #fff;
}
html[data-theme=dark] body.news_events #main-content .events .item:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.1);
}
html[data-theme=dark] body.news_events #main-content .news .item a {
  color: #fff;
}
html[data-theme=dark] body.news_events #main-content .news .item .image {
  box-shadow: 5px 5px 8px rgba(255, 255, 255, 0.25);
  background-color: rgb(63.75, 63.75, 63.75);
}

body.meetings #main-content, body.notices #main-content {
  max-width: none;
}
body.meetings .container, body.notices .container {
  max-width: 1366px;
  margin: 0 auto;
}
body.meetings .listing .item, body.notices .listing .item {
  border-bottom: 1px solid #fff;
}
body.meetings .listing .item:nth-child(even), body.notices .listing .item:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
body.meetings .listing .item a.dark:has(h2) h2, body.notices .listing .item a.dark:has(h2) h2 {
  display: inline-block;
}
@media (min-width: 767px) {
  body.meetings .all, body.notices .all {
    display: flex;
    flex-wrap: wrap;
  }
  body.meetings .search_filter, body.notices .search_filter {
    padding-left: 1rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 1023px) {
  body.meetings .search_filter, body.notices .search_filter {
    padding: 0;
    width: 98%;
  }
}
body.building iframe,
body.building #map {
  width: 100%;
  height: 100vw;
}
body.building .image {
  width: 100%;
  height: 40vw;
  background-color: var(--dark-theme);
  overflow: hidden;
  display: flex;
  background-size: cover;
  background-position: center;
}
body.building .image:has(img) {
  align-items: center;
  justify-content: center;
}
body.building .image:has(svg) {
  align-items: flex-end;
  justify-content: center;
}
body.building .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.building .image svg {
  height: 85%;
}
body.building .image svg * {
  fill: #fff;
}
body.building .leaflet-control-container .leaflet-control-zoom-in,
body.building .leaflet-control-container .leaflet-control-zoom-out {
  padding: 0 !important;
  margin: 0 !important;
}
body.building .leaflet-control-container .leaflet-control-attribution {
  display: none !important;
}
@media (max-width: 1023px) {
  body.building .information {
    width: 100%;
  }
}
@media (min-width: 767px) {
  body.building .information > div > div {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: space-between;
  }
  body.building iframe,
  body.building #map {
    height: 60vw;
    width: 100%;
  }
  body.building .image {
    min-height: 25vw;
    height: 25vw;
  }
}
@media (min-width: 1023px) {
  body.building iframe,
  body.building #map {
    height: 30vw;
  }
  body.building .image {
    height: 12.5vw;
    min-height: 12.5vw;
  }
}
@media (min-width: 1366px) {
  body.building iframe,
  body.building #map {
    height: 30rem;
  }
  body.building .image {
    height: 10rem;
    min-height: 10rem;
  }
}

body.error .container {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
}
body.error .container * {
  color: #000;
}
body.error .container img {
  max-width: 40rem;
  width: 90%;
  display: block;
  margin: 0 auto;
}

:root {
  --dark-theme: #121212;
}

.sr-only,
.sr-only-focusable {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

html[data-theme=dark] {
  transition: 0.5s;
  background-color: var(--dark-theme);
  color: #efefec;
}
html[data-theme=dark] .bordered {
  border-color: #fff;
}
html[data-theme=dark] .primary {
  color: #fff;
}
html[data-theme=dark] #sort,
html[data-theme=dark] input,
html[data-theme=dark] textarea,
html[data-theme=dark] select,
html[data-theme=dark] button.white {
  border-color: #fff;
  color: #fff;
}
html[data-theme=dark] button.arrow svg {
  fill: #fff !important;
}
html[data-theme=dark] .documents a {
  color: #fff;
}
html[data-theme=dark] svg#arrow, html[data-theme=dark] svg#person, html[data-theme=dark] svg#contact, html[data-theme=dark] svg#calendar {
  fill: #fff;
}
html[data-theme=dark] svg#time {
  fill: #fff;
}
html[data-theme=dark] svg#time path {
  stroke: #000;
}
html[data-theme=dark] svg#vulnerability path {
  stroke: #fff;
}
html[data-theme=dark] p a, html[data-theme=dark] a {
  color: #fff;
}
html[data-theme=dark] p a.dark, html[data-theme=dark] a.dark {
  color: #fff;
}
html[data-theme=dark] input[role=button].dark,
html[data-theme=dark] a[role=button].dark {
  border: 1px solid #fff;
  color: #fff;
}
html[data-theme=dark] input:focus, html[data-theme=dark] input:focus-visible,
html[data-theme=dark] a:focus,
html[data-theme=dark] a:focus-visible,
html[data-theme=dark] button:focus,
html[data-theme=dark] button:focus-visible,
html[data-theme=dark] div[role=button]:focus,
html[data-theme=dark] div[role=button]:focus-visible,
html[data-theme=dark] div[role=link]:focus,
html[data-theme=dark] div[role=link]:focus-visible {
  outline: 2px dashed #fff;
  outline-color: #fff;
}
@media (min-width: 1023px) {
  html[data-theme=dark] header {
    background-color: #000;
  }
}
html[data-theme=light] {
  transition: 0.5s;
}

body {
  margin: 0;
  position: relative;
}

* {
  font-family: "Century Gothic";
  line-height: 1.2;
}
*.heavy {
  font-weight: bold;
}
*.white {
  color: #fff;
}

.inner {
  padding: 20px;
}

p, a {
  font-size: 1rem;
}
p.dark, a.dark {
  color: #000;
}
p.dark:focus, p.dark:focus-visible, a.dark:focus, a.dark:focus-visible {
  outline: 2px dashed #000;
  outline-offset: 1px;
}
p a, a a {
  color: #000;
}
p.link.white, a.link.white {
  color: #fff;
}
p.link:focus, p.link:focus-visible, a.link:focus, a.link:focus-visible {
  outline: 2px dashed #fff;
  outline-offset: 1px;
}
p.link:hover, a.link:hover {
  cursor: pointer;
}
p h1, p h2, p h3, p h4, p h5, a h1, a h2, a h3, a h4, a h5 {
  color: #000;
}

ul {
  padding-inline-start: 0px;
}

#main-content {
  offset-position: 10vh 0;
}

.avatar {
  overflow: hidden;
  border-radius: 100%;
  display: inline-block;
}
.avatar img {
  display: block;
  width: 100%;
}
.avatar.small {
  width: 5rem;
  height: 5rem;
}
.avatar.medium {
  width: 7.5rem;
  height: 7.5rem;
}
.avatar.large {
  width: 9rem;
  height: 9rem;
}
.avatar.is-flex {
  display: flex;
  flex-wrap: nowrap;
}
.avatar.background {
  background-size: cover;
  background-position: center;
}
@media (min-width: 1023px) {
  .avatar.small-desktop {
    width: 5rem;
    height: 5rem;
  }
  .avatar.medium-desktop {
    width: 7.5rem;
    height: 7.5rem;
  }
  .avatar.large-desktop {
    width: 9rem;
    height: 9rem;
  }
}

.person_information {
  width: 100%;
}
@media (min-width: 767px) {
  .person_information > div {
    display: flex;
    justify-content: space-between;
  }
  .person_information > div > div {
    width: 45%;
  }
  .person_information p a {
    display: block;
    overflow: hidden;
    word-wrap: break-word;
    max-width: 14rem;
  }
}
@media (min-width: 1023px) {
  .person_information p a {
    max-width: 16rem;
  }
}

@media (min-width: 1023px) {
  .contact-form {
    padding-left: 11rem;
  }
}

/*# sourceMappingURL=styles.css.map */