html, body {
    height: 100%;
    width: 100%;
  }
  html {
    overflow: hidden;
  }
  body {
    overflow-y: scroll;
    scroll-behavior: smooth;
    margin: 98px 0 0 0;
    padding-top: 10px;
    transition: margin .5s;
  }

  #header2023 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    z-index: 10;
  }
  #header2023 nav {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    height: 100%;
  }

  #blue-bar {
    background-image: linear-gradient(to bottom, rgb(0, 60, 120), rgb(0, 40, 80));
    width: 100%;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
    transition: .5s;
  }
  .not-on-top #blue-bar {
    height: 35px;
    transition: .5s;
  }

  #gray-bar {
    position: inherit;
    background-color: rgb(210, 215, 220);
    width: 100%;
    min-height: 30px;
    padding: 0 25px;
    box-shadow: 0 0 10px black;

    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 11;
  }

  #fbLogo {
    height: 72px;
    transition: .5s;
  }
  .not-on-top #fbLogo {
    height: 35px;
    transition: .5s;
  }

  #nav-bar, .header-redesign-2023 .nav.navbar-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0 0 0 15px;
    height: 100%;
  }

  #nav-bar > li, .header-redesign-2023 .nav.navbar-nav > li {
    padding: 0 10px;
    font-size: 13pt;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .not-on-top #nav-bar li, .header-redesign-2023.not-on-top .nav.navbar-nav li {
    font-size: 11pt;
    transition: .5s;
  }

  #nav-bar > li > div, .header-redesign-2023 .nav.navbar-nav > li > div {
    color: #ddd;
  }

  .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    border-top: 4px dashed;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    vertical-align: middle;
  }

  .tab.open, .tab.open > div, .header-redesign-2023 .nav.navbar-nav > .open > a, .header-redesign-2023 .nav.navbar-nav >.open {
    background-color: #458;
    margin: 0;
  }

  .tab, .header-redesign-2023 .nav.navbar-nav > li.dropdown {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }
  .tab:hover, .header-redesign-2023 .nav.navbar-nav > li.dropdown:hover {
    cursor: pointer;
    background-color: #458;
    border-radius: 0;
  }
  #nav-bar-mobile .tab:hover, #stack-nav.header-redesign-2023 .navbar.navbar-inverse .tab:hover {
    background-color: transparent;
  }

  .tab > div, .header-redesign-2023 .nav.navbar-nav > li.dropdown > a {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
  }
  .tab:hover > div, .header-redesign-2023 .nav.navbar-nav > li.dropdown:hover > a {
    color: white;
  }

  .header-redesign-2023 .nav.navbar-nav > li:not(.dropdown) {
    display: none !important;
  }

  #hamburger, #x-icon {
    cursor: pointer;
  }
  #hamburger span, #x-icon span {
    height: 60px;
    color: white;
    font-size: 50px;
    text-align: center;
    line-height: 60px;
  }
  #hamburger {
    border: none;
    background: transparent;
    display: none;
  }
  #x-icon {
    background: transparent;
    border: none;
    padding: 1px 6px;
    display: flex;
  }
  #x-icon span {
    height: 72px !important;
    line-height: 65px !important;
  }

  #spacer {
    display: none;
  }

  .navbar, .navbar-inverse {
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
  }

  .header-redesign-2023 .dropdown-toggle {
    color: #ddd;
  }

  .header-redesign-2023 .navbar-collapse {
    height: 100% !important;
    padding: 0;
  }

  .header-redesign-2023 .nav>li>a:focus, .header-redesign-2023 .nav>li>a:hover {
    background-color: transparent;
  }

  .navbar #j2g_search_form {
    display: none;
  }

  #release-info {
    color: #a94442;
    font-size: 12pt;
    display: flex;
    flex-wrap: nowrap;
  }

  #release-info span {
    white-space: nowrap;
  }

  #page-name {
    text-align: center;
    padding: 0 20px;
    margin-top: 2px;
    font-size: 16pt;
    font-weight: 400;
    line-height: .9;
    transition: .5s;
  }

  .comma {
    padding-right: 4px;
  }
  #close-stack-nav {
    position: fixed;
    background-color: rgba(0,0,0,0);
    min-height: 100vh;
    width: 30vw;
  }
  #stack-nav.open #close-stack-nav {
    background-color: rgba(0,0,0,.4);
    transition: background-color .5s;
  }

  #stack-nav {
    position: fixed;
    min-height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    display: none;
    z-index: 10000;
  }
  #stack-nav.open {
    display: flex;
    overflow-y: scroll;
  }

  #mobile-nav {
    min-height: 100vh;
    width: 70vw;
    background-image: linear-gradient(to bottom, rgb(0, 60, 120), rgb(0, 40, 80));
    position: absolute;
    right: -70vw;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: space-between;
  }
  #stack-nav.open #mobile-nav {
    right: 0;
    transition: .5s;
  }

  #mobile-nav-top {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
  }

  #mobile-nav-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  #nav-bar-mobile, #stack-nav.header-redesign-2023 .nav.navbar-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 2rem 1rem;
    margin: 0;
    width: 100%;
  }

  #nav-bar-mobile > li, #stack-nav.header-redesign-2023 .nav.navbar-nav > li {
    width: 100%;
    padding: 10px;
    font-size: 20pt;
    color: #ddd;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }

  #nav-bar-mobile .dropdown-menu, #stack-nav.header-redesign-2023 .nav.navbar-nav .dropdown-menu {
    text-align: right !important;
    border-right: solid 2px #5bc0de;
    border-radius: 0;
    max-width: 100%;
  }

  #nav-bar-mobile .dropdown-menu > li > a, #stack-nav.header-redesign-2023 .nav.navbar-nav .dropdown-menu > li > a {
    white-space: normal;
  }
  #nav-bar-mobile .dropdown-menu > li > a:hover, #stack-nav.header-redesign-2023 .nav.navbar-nav .dropdown-menu > li > a:hover {
    background-color: #458;
  }

  #nav-bar-mobile .dropdown-menu *, #stack-nav.header-redesign-2023 .nav.navbar-nav .dropdown-menu * {
    color: white;
  }

  #release-info-mobile {
    color: white;
    font-size: 16pt;
    padding: 50px 20px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  #release-info-mobile span {
    text-align: center;
  }

  .header-redesign-2023 #FBcarousel {
    margin-left: 35px;
    height: 100%;
  }
  .header-redesign-2023 #FBcarousel-mobile {
    max-width: 250px !important;
    width: 100%;
    height: 72px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: 0;
  }

  .header-redesign-2023 .carousel-caption {
    opacity: 1 !important;
    background-color: transparent !important;
    height: 52px;
    width: 245px;
    top: 0;
    right: 245px;
    left: calc(100% - 245px) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 45px 0 5px !important;
  }
  .header-redesign-2023 #FBcarousel-mobile .carousel-caption {
    font-size: 10pt !important;
    width: 135px !important;
    padding: 0 !important;
    right: 25px !important;
    left: 90px !important;
  }
  .header-redesign-2023.not-on-top .carousel-caption {
    left: auto !important;
    right: auto !important;
    padding-right: 45px !important;
    padding-top: 0 !important;
    height: 100%;
    width: 100%;
  }

  .header-redesign-2023 .carousel-indicators {
    width: 245px;
    left: calc(100% - 245px);
    padding: 0 45px 0 0;
    margin-left: 0;
    z-index: 10 !important;
    transition: .5s;
  }
  .header-redesign-2023 #FBcarousel-mobile .carousel-indicators {
    width: 135px;
    padding: 0;
    left: auto;
    right: 25px;
  }
  .header-redesign-2023.not-on-top .carousel-indicators {
    display: none;
  }

  .header-redesign-2023 .carousel-control {
    background-image: none !important;
    opacity: 1 !important;
    bottom: 10px !important;
    transition: .5s;
  }
  .header-redesign-2023 .carousel-control.left {
    left: -55px;
  }
  .header-redesign-2023 .carousel-control.left {
    left: -55px;
  }
  .header-redesign-2023 #FBcarousel-mobile .carousel-control {
    background-image: none !important;
    opacity: 1 !important;
    bottom: 0 !important;
    transition: .5s;
  }
  .header-redesign-2023 #FBcarousel-mobile .carousel-control.left {
    left: 0;
  }

  .header-redesign-2023.not-on-top .carousel-control span {
    margin-top: -15px;
    transition: .5s;
  }
  .header-redesign-2023.not-on-top .carousel-control span::before {
    font-size: 20px;
    transition: .5s;
  }

  .header-redesign-2023 .carousel-inner {
    height: 100%;
    width: 350px;
  }
  .header-redesign-2023 #FBcarousel-mobile .carousel-inner {
    width: 100%;
    height: 100%;
    display: flex;
  }

  .header-redesign-2023 .carousel-inner > .item.active,
  .header-redesign-2023 .carousel-inner > .item.next.left,
  .header-redesign-2023 .carousel-inner > .item.prev.right {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .header-redesign-2023 #FBcarousel-mobile .carousel-inner > .item.active,
  .header-redesign-2023 #FBcarousel-mobile .carousel-inner > .item.next.left,
  .header-redesign-2023 #FBcarousel-mobile .carousel-inner > .item.prev.right {
    width: 100%;
  }

  .header-redesign-2023.not-on-top .item, .not-on-top .item a {
    height: 100%;
    width: 100%;
    transition: .5s;
  }

  .header-redesign-2023 .carousel-inner > .item > img {
    max-width: 105px !important;
    max-height: 72px !important;
    height: auto !important;
    width: auto !important;
    float: right;
    margin-right: 245px;
    transition: .5s;
    background-color: white;
  }
  .header-redesign-2023 #FBcarousel-mobile .carousel-inner > .item > img {
    margin-right: 130px;
    max-width: 60px !important;
  }
  .header-redesign-2023.not-on-top .carousel-inner > .item > img {
    display: none;
  }

  #stack-nav.header-redesign-2023 .dropdown-menu {
    background-color: transparent;
    box-shadow: none;
    border: none;
  }

  .header-redesign-2023 .navbar-header {
    display: none;
  }

  .header-redesign-2023 .navbar-collapse.collapse {
    border: none;
    margin: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
  }

  #stack-nav.header-redesign-2023 .nav.navbar-nav, #stack-nav.header-redesign-2023 .navbar.navbar-inverse, #stack-nav.header-redesign-2023 .navbar-collapse.collapse {
    width: 100%;
  }

  #stack-nav.header-redesign-2023 .nav.navbar-nav .dropdown {
    padding: 10px;
    min-height: 58px;
    margin: 0;
  }

  #stack-nav.header-redesign-2023 .nav.navbar-nav .dropdown > a {
    min-height: 38px;
  }

  #stack-nav.header-redesign-2023 .dropdown > .dropdown-menu {
    margin-right: 3px;
  }

  #stack-nav.header-redesign-2023 .nav.navbar-nav .dropdown-menu, #stack-nav.header-redesign-2023 .nav.navbar-nav .dropdown-submenu  {
    position: static;
  }

  #stack-nav.header-redesign-2023 .nav.navbar-nav .dropdown-submenu:hover > .dropdown-menu  {
    display: flex;
    flex-direction: column;
    margin-right: 12px;
    /*margin: 6px 12px 5px 0;*/
    padding: 12px 0 10px 0;
    /*padding: 6px 0 5px 0;*/
    float: right;
  }

  #stack-nav.header-redesign-2023 .nav.navbar-nav .dropdown-submenu:hover > a:after {
    transform: rotate(90deg) scaleY(.8);
  }

  @media screen and (max-width: 840px) {

    body {
      margin-top: 140px;
    }

    #nav-bar, header.header-redesign-2023 .navbar.navbar-inverse, header.header-redesign-2023 .nav.navbar-nav  {
      display: none !important;
    }

    #fbLogo {
      height: 72px !important;
    }

    #header2023 nav {
      justify-content: space-between;
      width: 100%;
    }

    #hamburger {
      display: block;
    }

    #blue-bar {
      height: 72px !important;
    }

    #gray-bar  {
      padding: 0 10px;
      height: auto !important;
      justify-content: center;
      flex-wrap: wrap-reverse;
    }

    #release-info {
      display: none !important;
    }

    #spacer {
      flex-grow: 1;
      display: block !important;
    }

    .header-redesign-2023 #FBcarousel {
      display: none;
    }
  }


#j2g_search_form {
    border-radius: 15px;
    border: 3px solid #5bc0de;
    display: flex;
    flex-wrap: nowrap;
    background-color: white;
    height: 25px;
    transition: .5s;
  }

  #j2g_search_form #inputs {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    transition: .5s;
  }

  #j2g_search_form select {
    height: 20px;
    min-height: 17px;
    margin: -1px 0 0;
    border: none;
    border-radius: 10px 0 0 10px;
    color: rgb(0, 40, 80);
    background-color: transparent;
    background-image: none;
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
    transition: .5s;
  }
  #j2g_search_form select:focus {
    outline: none;
  }

  #j2g_search_form input {
    font-size: 15px;
    min-height: 15px;
    line-height: 15px;
    font-weight: 500;
    background-color: transparent;
    background-image: none;
    border: none;
    border-left: 2px solid #5bc0de;
    margin: 0 0 0 4px;
    padding: 0 0 0 5px;
    border-collapse: separate;
    transition: .5s;
  }
  #j2g_search_form input:focus {
    outline: none;
  }

  #j2g_search_form button {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border: none;
    height: 100%;
    min-height: 21px;
    padding: 0 13px 0 10px;
    background-color: #5bc0de;
    color: white;
    line-height: 21px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: .5s;
  }

[data-fb-style="1"]{max-width:350px;}
[data-fb-style="2"]{bottom:0; margin-bottom:0;}
[data-fb-style="3"]{background-color:black; opacity:0.4; padding:10px; border-radius:5px;}
[data-fb-style="4"]{background-color:black; opacity:0.4; padding:10px; border-radius:5px;}
[data-fb-style="5"]{background-color:black; opacity:0.4; padding:10px; border-radius:5px;}
[data-fb-style="6"]{background-color:black; opacity:0.4; padding:10px; border-radius:5px;}