/* HEADER
---------------------------------------------------------------------*/
#skip a, #skip a:hover, #skip a:visited {
  position: absolute;
  left: 0px;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color: #0000EE;
}
#skip a:active, #skip a:focus {
  position: static;
  width: auto;
  height: auto;
}
.topOffset {
  padding-top: 90px;
}
#topOffsetAdmin {
  padding-top: 124px;
}
#notice {
  background: #183153;
  color: #FFF;
  text-align: center;
  padding: 8px 0 8px 0;
}
#notice a {
  color: #FFF;
  text-decoration: underline;
}
#notice a:hover, #notice a:focus {
  text-decoration: none;
}
/* ADMIN
---------------------------------------------------------------------*/
#admin {
  background: #555;
  overflow: hidden;
  text-align: right;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#admin-nav a {
  display: inline-block;
  width: 30px;
  padding: 6px 6px 4px 6px;
  text-align: center;
  color: #FFF;
}
#admin-nav .adminIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}
#admin-nav .adminIcon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}
#admin-nav .adminCustomIconMask {
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
#admin-nav .adminCustomIconHd {
  -webkit-mask-image: url('/media/static/images/icons/hd.svg');
  mask-image: url('/media/static/images/icons/hd.svg');
}
#admin-nav a:hover, #admin-nav a:focus {
  background: rgba(255, 255, 255, .3);
}
.adminLogoutLink {
  background: #7D0000;
}
/* NAV WCAG
-----------------------------------------------------------------------------*/
#flyoutnav {
  display: table;
  width: 1000px;
  margin: 0 auto 0 auto;
}
#flyoutnav > ul {
  margin: 0;
  padding: 0;
  display: table-row;
  background-color: #183153;
  color: #FFF;
}
#flyoutnav > ul > li {
  display: table-cell;
  width: 14.28%;
  text-align: center;
  position: relative;
}
#flyoutnav a, #flyoutnav .current {
  display: block;
  padding: .25em;
  border-color: #E8E8E8;
}
#flyoutnav a {
  color: #FFF;
  text-decoration: none;
  box-shadow: -.5px 0px 0px 0px #FFF, .5px 0px 0px 0px #FFF;
  font-weight: 200;
  padding: 12px 0 12px 0;
}
#flyoutnav a:hover, #flyoutnav a:focus {
  background-color: #467DBC;
  color: #FFF;
  text-decoration: none;
}
#flyoutnav .current {
  background-color: #467DBC;
  color: #183153;
}
#flyoutnav > ul > li > ul {
  text-align: left;
  list-style: none;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  padding: 0;
  margin: 0;
  background-color: #183153;
}
#flyoutnav > ul > li > ul > li {
  padding: 0;
  margin: 0;
}
#flyoutnav > ul > li.open > ul {
  display: block;
}
#flyoutnav > ul > li > ul a {
  border-bottom: 1px solid #FFF;
  text-transform: none !important;
  font-weight: 400;
  letter-spacing: 0;
  padding: 12px 0 12px 12px;
}
#flyoutnav > ul > li > ul a:hover, #flyoutnav > ul > li > ul a:focus {
  letter-spacing: 0;
}
/* Google Translate
-----------------------------------------------------------------------------*/
.VIpgJd-ZVi9od-l4eHX-hSRGPd {
  display: none;
}
.VIpgJd-ZVi9od-l4eHX-hSRGPd img {
  font-size: .1rem;
  line-height: .0rem;
}
.goog-te-gadget {
  color: transparent !important;
  font-size: 0;
  line-height: 0;
}
.goog-te-gadget a img {
  display: none;
  height: 1;
  width: 1;
}
.goog-te-combo {
  background: #DDD;
  font-size: 1rem;
}
.fixed-con {
  z-index: 100000 !important;
  background-color: #DDD;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
  z-index: 100001 !important;
  top: 0;
  left: unset;
  right: -5px;
  display: none !important;
  border-radius: 50%;
  border: 2px solid #333;
}
.VIpgJd-ZVi9od-aZ2wEe-OiiCO {
  width: 1px;
  height: 1px;
}
.goog-logo-link, .gskiptranslate, .goog-te-gadget span, .goog-te-banner-frame, #goog-gt-tt, .goog-te-balloon-frame, div#goog-gt- {
  display: none !important;
}
.goog-text-highlight {
  background: none !important;
  box-shadow: none !important;
}
#google_translate_element select {
  display: block;
  background: #FFF;
  color: #222;
  border: 1px solid #CCC;
  margin: 24px auto 0 auto;
  padding: 6px;
  font-size: .9rem;
  font-weight: 400;
  width: 100%;
}
/* LOGO
-----------------------------------------------------------------------------*/
#header_logo_div {
  text-align: center;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .2);
  -ms-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .2);
  -o-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .2);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .2);
}
#header_logo_div img {
  height: 36px;
  width: auto;
  aspect-ratio: auto 18/6;
}
#header_logo_div a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  text-decoration: none;
}
#header_logo_text {
  color: #183153;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
  padding: 12px 0;
  text-transform: uppercase;
}
/* Social Links
-----------------------------------------------------------------------------*/
.socialLinks {
  margin: 0 0 12px 0;
  padding: 0 0 0 0;
  overflow: hidden;
  text-align: center;
}
.socialLinks a {
  margin: 0 6px 0 6px;
  padding: 0 0 0 0;
  width: 30px;
  display: inline-block;
}
.socialLinks a img {
  width: 30px;
  height: auto;
  aspect-ratio: auto 1/1;
}
.socialLinks a:hover, .socialLinks a:focus {
  -webkit-transform: scale(.90);
  -moz-transform: scale(.90);
  -ms-transform: scale(.90);
  -o-transform: scale(.90);
  transform: scale(.90);
}