/*
  hc-announcement-bar
*/

.hc-announcement-bar {
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
  background: var(--bg-color-1);
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.hc-announcement-bar.show {
  max-height: 100px;
  opacity: 1;
  visibility: visible;
  overflow: initial;
}
.hc-announcement-bar .content {
  flex: 1 1 auto;
  padding: 3vw;
}
.hc-announcement-bar .content p {
  color: var(--font-color-0);
  font-size: 16px;
  line-height: 20px;
}
.hc-announcement-bar .content p a {
  display: inline;
  padding: 0 10px;
  color: var(--font-color-0);
  font-weight: 500;
  font-size: 14px;
  font-family: 'Sohne';
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-color: var(--font-color-6);
  text-underline-offset: 7px;
  border-radius: 0;
}
.hc-announcement-bar .content p a:hover {
  text-decoration-color: var(--font-color-0);
}
.hc-announcement-bar .close a {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 3vw 5vw;
  color: var(--font-color-0);
  font-size: 24px;
  line-height: 100%;
  background: var(--bg-color-4);
}
.hc-announcement-bar .close a:hover {
  background: var(--bg-color-9);
}

@media (min-width: 760px) {
  .hc-announcement-bar .content {
    padding: 1vw 1vw 1vw calc(3vw + 16px);
    text-align: center;
  }
  .hc-announcement-bar .close a {
    padding: 0 1vw;
  }
  .hc-announcement-bar .content p a {
    display: inline-block;
  }
}


/*
  hc-quicklinks-bar
*/

.hc-quicklinks-bar {
  display: none;
  flex-flow: row nowrap;
  align-items: center;
  padding: 8px 20px;
  color: var(--font-color-9);
  font-weight: 500;
  font-size: 13px;
  font-family: 'Sohne';
  background: var(--bg-color-10);
  border-bottom: 1px solid var(--bg-color-3);
}
.hc-quicklinks-bar .icon {
  flex: 0 0 auto;
  max-width: 40px;
}
.hc-quicklinks-bar .icon img {
  width: 100%;
  max-height: 20px;
}
.hc-quicklinks-bar .left-links {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 20px;
  /* margin-left: 1vw; */
}
.hc-quicklinks-bar .search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--font-color-0);
  text-decoration: none;
  background: var(--bg-color-1);
  border-radius: 40px;
  position: relative;
}
.hc-quicklinks-bar .search-btn::after {
  display: none;
}
.hc-quicklinks-bar .dd-btn-wrapper {
  position: relative;
}
.hc-quicklinks-bar .dd-btn-wrapper .dd-btn {
  display: inline-block;
  font-weight: 600;
  line-height: 40px;
  position: relative;
}
.hc-quicklinks-bar .dd-btn-wrapper .dd-btn::after {
  display: none;
}
.hc-quicklinks-bar .dd-btn-wrapper .dd-list {
  display: block;
  width: 200px;
  padding: 10px;
  background: var(--bg-color-10);
  border: 1px solid var(--bg-color-3);
  box-shadow: 0 3px 20px rgba(34,34,34,.25);
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 110;
  opacity: 0;
  visibility: hidden;
  transition: all .25s ease;
}
.hc-quicklinks-bar .dd-btn-wrapper .dd-list a {
  display: block;
  margin: 10px;
  color: var(--font-color-9);
}
.hc-quicklinks-bar  .dd-btn-wrapper .dd-list a::after {
  display: none;
}
.hc-quicklinks-bar  .dd-btn-wrapper .dd-list a::before {
  display: none;
}
.hc-quicklinks-bar .right-links {
  flex: 0 0 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 20px;
}
.hc-quicklinks-bar a {
  color: var(--font-color-9);
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 7px;
  position: relative;
}
.hc-quicklinks-bar a.btn {
  color: var(--font-color-9);
  font-weight: 600;
  font-family: 'Sohne';
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 10px;
  background-color: transparent;
  border: 2px solid var(--bg-color-9);
}
.hc-quicklinks-bar a.underline {
  text-decoration-color: var(--bg-color-1);
}
.hc-quicklinks-bar a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -10px;
  width: 1px;
  height: 100%;
  background: var(--bg-color-8);
}
.hc-quicklinks-bar a.btn::before {
  display: none;
}
.hc-quicklinks-bar a:first-child::before {
  display: none;
}
.hc-quicklinks-bar a::after {
  display: none;
}
.hc-quicklinks-bar a.highlight {
  text-decoration-color: var(--bg-color-6);
}

@media (min-width: 760px) {
  .hc-quicklinks-bar {
    display: flex;
    font-size: 14px;
  }
  .hc-quicklinks-bar .dd-btn-wrapper:hover .dd-list {
    top: 40px;
    opacity: 1;
    visibility: visible;
  }
  .hc-quicklinks-bar .search-btn:hover {
    color: var(--font-color-0);
    background: var(--bg-color-2);
  }
  .hc-quicklinks-bar a.btn:hover {
    color: var(--font-color-0);
    background-color: var(--bg-color-2);
    border-color: var(--bg-color-2);
  }
  .hc-quicklinks-bar a.underline:hover {
    text-decoration-color: var(--bg-color-2);
  }
  .hc-quicklinks-bar a:hover {
    color: var(--font-color-9);
    text-decoration-color: var(--bg-color-1);
  }
}


/*
  hc-main-nav
*/

.admin-bar .hc-main-nav {
  top: 32px;
}

.hc-main-nav {
  display: block;
  width: 100%;
  background: var(--bg-color-0);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid var(--bg-color-3);
  /* border-bottom: 1px solid transparent; */
  position: sticky;
  top: 0;
  z-index: 100;
  transition: all .25s ease;
}
.hc-main-nav.scroll {
  box-shadow: 0 3px 20px rgba(34,34,34,.25);
}
.hc-main-nav .wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 20px;
  padding: 10px 10px 10px 20px;
}
.hc-main-nav .wrapper .logo {
  flex: 0 0 auto;
  max-width: 200px;
  padding: 0;
}
.hc-main-nav .wrapper .logo img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: 40px;
}
.hc-main-nav .wrapper .logo svg {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: 40px;
}
.hc-main-nav .wrapper .logo svg path,
.hc-main-nav .wrapper .logo svg polygon,
.hc-main-nav .wrapper .logo svg rect {
  transition: all .25s ease;
}
.hc-main-nav .wrapper .logo a:hover svg path,
.hc-main-nav .wrapper .logo a:hover svg polygon,
.hc-main-nav .wrapper .logo a:hover svg rect {
  fill: var(--bg-color-1);
}
.hc-main-nav .wrapper .nav {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  height: auto;
}
.hc-main-nav .wrapper .nav .desktop-nav {
  flex: 0 0 auto;
  display: none;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  font-size: 20px;
  font-family: 'Chronicle';
  line-height: 64px;
}
.hc-main-nav .wrapper .nav .desktop-nav a {
  display: block;
  color: var(--font-color-9);
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 7px;
  position: relative;
}
.hc-main-nav .wrapper .nav .desktop-nav a::after {
  content: '';
  width: 1px;
  height: 28px;
  background: var(--bg-color-3);
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
}
.hc-main-nav .wrapper .nav .desktop-nav .link:last-child a::after {
  display: none;
}
.hc-main-nav .wrapper .nav .desktop-nav a:hover {
  text-decoration-color: var(--bg-color-1);
}
.hc-main-nav .wrapper .nav .desktop-nav .link {
  padding: 8px 0;
}
.hc-main-nav .wrapper .nav .desktop-nav .link:hover .dd-menu-wrapper {
  opacity: 1;
  visibility: visible;
  top: 81px;
}
.hc-main-nav .wrapper .nav .desktop-nav .link.selected a {
  text-decoration-color: var(--bg-color-1);
}
.hc-main-nav .wrapper .nav .item {
  flex: 0 0 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.hc-main-nav .wrapper .nav .item.btn {
  display: none;
  margin-left: 20px;
}
.hc-main-nav .wrapper .nav .item.btn a {
  display: block;
  padding: 16px 24px;
  color: var(--font-color-0);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  font-family: 'Sohne';
  letter-spacing: .03em;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--bg-color-1);
  border-radius: 0;
}
.hc-main-nav .wrapper .nav .item.btn a:hover {
  color: var(--font-color-0);
  background: var(--bg-color-2);
  box-shadow: 0 3px 20px rgba(0,84,142,.5);
  transform: translateY(-3px);
}
.hc-main-nav .wrapper .nav .item.btn a span {
  display: inline-block;
  padding-left: 16px;
  font-size: 20px;
}
.hc-main-nav .wrapper .nav .item.search a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 10px;
  margin: 0;
  color: var(--font-color-9);
  font-size: 20px;
  line-height: 20px;
  border-radius: 50%;
}
.hc-main-nav .wrapper .nav .item.search .search-label {
  display: none;
  padding-left: 20px;
  font-weight: 600;
  font-size: 16px;
  font-family: 'Sohne';
  text-transform: uppercase;
}
.hc-main-nav .wrapper .nav .item.menu {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  position: relative;
}
.hc-main-nav .wrapper .nav .item.menu a {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 10px;
  color: var(--font-color-9);
}
.hc-main-nav .wrapper .nav .item.menu .menu-btn {
  width: 30px;
  height: 24px;
  position: relative;
}
.hc-main-nav .wrapper .nav .item.menu .menu-btn .line {
  position: absolute;
  top: 2px;
  left: 1px;
  width: 28px;
  height: 3px;
  background: var(--bg-color-9);
}
.hc-main-nav .wrapper .nav .item.menu .menu-btn .line:nth-child(2) {
  top: 11px;
}
.hc-main-nav .wrapper .nav .item.menu .menu-btn .line:nth-child(3) {
  top: 20px;
}
.hc-main-nav .wrapper .nav .item.menu .menu-label {
  display: none;
  padding-left: 20px;
  font-weight: 600;
  font-size: 16px;
  font-family: 'Sohne';
  text-transform: uppercase;
}

.hc-main-nav .dd-menu-wrapper {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  /* background: var(--bg-color-0); */
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border-bottom: 1px solid var(--bg-color-3);
  box-shadow: 0 3px 20px rgba(34,34,34,.25);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 81px;
  left: 0;
  z-index: 101;
}
.hc-main-nav .dd-menu-wrapper .wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: normal;
  gap: 0;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.hc-main-nav .dd-menu-wrapper .wrapper::after {
  content: '';
  width: calc(100%);
  height: 100%;
  background: rgba(215,209,203,.5);
  position: absolute;
  top: 0;
  left: -100%;
}
.hc-main-nav .dd-menu-wrapper .wrapper .content {
  flex: 1 1 30%;
  display: block;
  padding: 16px;
  background: rgba(215,209,203,.5);
  border-right: 1px solid var(--bg-color-3);
}
.hc-main-nav .dd-menu-wrapper .wrapper .content p {
  margin-top: 20px;
  font-size: 16px;
}
.hc-main-nav .dd-menu-wrapper .wrapper .content .hc-btns a {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--font-color-1);
  text-align: left;
  text-decoration: none;
}
.hc-main-nav .dd-menu-wrapper .wrapper .content .hc-btns a:hover {
  color: var(--font-color-0);
}
.hc-main-nav .dd-menu-wrapper .wrapper .content .hc-btns a::after {
  display: none;
}
.hc-main-nav .dd-menu-wrapper .wrapper .content .hc-btns a span {
  flex: 1 1 auto;
}
.hc-main-nav .dd-menu-wrapper .wrapper .content .hc-btns a span.fa-solid {
  flex: 0 0 auto;
}
.hc-main-nav .dd-menu-wrapper .wrapper .columns {
  flex: 1 1 70%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  padding: 16px;
}
.hc-main-nav .dd-menu-wrapper .wrapper .columns .column {
  flex: 0 0 33.33%;
}
.hc-main-nav .dd-menu-wrapper .wrapper .columns .column h5 {
  font-weight: 600;
}
.hc-main-nav .dd-menu-wrapper .wrapper .columns .column a {
  color: var(--font-color-9);
  font-size: 16px;
  line-height: 36px;
}
.hc-main-nav .dd-menu-wrapper .wrapper .columns .column a::after {
  display: none;
}

@media (min-width:760px) {
  .hc-main-nav .wrapper {
    padding: 10px 20px;
  }
  .hc-main-nav .wrapper .logo {
    max-width: 320px;
  }
  .hc-main-nav .wrapper .nav .item.btn {
    display: block;
  }
  .hc-main-nav .wrapper .nav .item.search {
    display: none;
  }
  .hc-main-nav .wrapper .nav .item.menu .menu-label {
    display: block;
  }
  .hc-main-nav .wrapper .nav .item.menu a {
    margin-left: 8px;
    padding: 16px;
  }
  .hc-main-nav .wrapper .nav .item.menu a:hover {
    color: var(--font-color-0);
    background: var(--bg-color-1);
    box-shadow: 0 3px 20px rgba(200,16,46,.5);
    transform: translateY(-3px);
  }
  .hc-main-nav .wrapper .nav .item.menu a:hover .menu-btn .line {
    background: var(--bg-color-0);
  }
}

@media (min-width:1320px) {
  .hc-main-nav .wrapper {
    padding: 0 20px;
  }
  .hc-main-nav .wrapper .nav {
    gap: 20px;
  }
  .hc-main-nav .wrapper .nav .desktop-nav {
    display: flex;
    gap: 20px;
  }
  .hc-main-nav .wrapper .nav .item.menu {
    display: none;
  }
  .hc-main-nav .wrapper .nav .item.btn {
    margin-left: 0;
  }
  .hc-main-nav .dd-menu-wrapper .wrapper .content {
    padding: 24px;
  }
  .hc-main-nav .dd-menu-wrapper .wrapper .columns {
    padding: 24px;
  }
}


/*
  hc-mega-menu
*/

.hc-mega-menu .main-nav .divider {
  height: 1px;
  margin: 16px 0;
}
.hc-mega-menu .main-nav .link .hc-btns a {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  box-shadow: none;
}
.hc-mega-menu .main-nav .link .hc-btns a span {
  flex: 1 1 auto;
  text-align: left;
}
.hc-mega-menu .main-nav .link .hc-btns a span.fa-solid {
  flex: 0 0 auto;
}
.hc-mega-menu .main-nav .quicklinks .title {
  font-weight: 600;
  font-family: 'Sohne';
}
.hc-mega-menu .main-nav .quicklinks .link .hc-btns a {
  background: transparent;
  border: 2px solid var(--bg-color-0);
}
.hc-mega-menu .main-nav .quicklinks .link a {
  display: flex;
  align-items: center;
  gap: 16px;
}
.hc-mega-menu .main-nav .quicklinks .link a span {
  flex: 1 1 auto;
  text-align: left;
}
.hc-mega-menu .main-nav .quicklinks .link a span.fa-solid {
  flex: 0 0 auto;
}

.hc-mega-menu .sub-nav .links {
  width: 100%;
  padding: 0 16px 16px 16px;
}
.hc-mega-menu .sub-nav .links .btn.link {
  margin-top: 0;
}
.hc-mega-menu .sub-nav .links .btn.link a {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  color: var(--font-color-0);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  font-family: 'Sohne';
  letter-spacing: .03em;
  text-transform: uppercase;
  text-align: left;
  text-decoration: none;
  border: 2px solid var(--bg-color-0);
}
.hc-mega-menu .sub-nav .links .btn.link a span {
  flex: 1 1 auto;
}
.hc-mega-menu .sub-nav .links .btn.link a span.fa-solid {
  flex: 0 0 auto;
}
.hc-mega-menu .sub-nav .links .desc {
  padding-bottom: 30px;
}
.hc-mega-menu .sub-nav .links .column .title {
  color: var(--font-color-0);
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}
.hc-mega-menu .sub-nav .links .link {
  margin: 16px 0;
  /* padding-left: 16px; */
}
.hc-mega-menu .sub-nav .links .link:last-child {
  padding-bottom: 30px;
}
.hc-mega-menu .sub-nav .links .link a {
  font-family: 'Chronicle';
  font-weight: 400;
  font-size: 20px;
}
.hc-mega-menu .sub-nav .links .link .hc-btns a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.hc-mega-menu .sub-nav .links .link .hc-btns a span {
  flex: 1 1 auto;
}
.hc-mega-menu .sub-nav .links .link .hc-btns a span.fa-solid {
  flex: 0 0 auto;
}


@media (min-width: 760px) {
  .hc-mega-menu .quick-links {
    display: none;
  }

  .hc-mega-menu .main-nav .link a span {
    font-size: 16px;
  }

  .hc-mega-menu .main-nav .quicklinks {
    display: block;
  }

  .hc-mega-menu .sub-nav .links .btn.link a:hover {
    background-color: var(--bg-color-1);
    border-color: var(--bg-color-1);
  }
}