:root {
  --mobile_nav_button_color: #fff;
  --mobile_nav_active_button_color: #fff;
  --mobile_nav_background: #000;
  --mobile_nav_item_color: #fff;
  --mobile_nav_dropdown_background: #fff;
  --mobile_nav_dropdown_item_color: #000;

  --desktop_nav_dropdown_background: #000;
	
	--nhg: 'Neue Haas Grotesk Display Pro',system-ui,-apple-system;
	--brule: 'Brule',system-ui,-apple-system;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .row {
	--bs-gutter-x: 1.174518rem;
}


@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('../fonts/neuehaasdisplaymediu-webfont.woff2') format('woff2'),
         url('../fonts/neuehaasdisplaymediu-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('../fonts/neuehaasdisplaymediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/neuehaasdisplaymediumitalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('../fonts/neuehaasdisplayroman-webfont.woff2') format('woff2'),
         url('../fonts/neuehaasdisplayroman-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('../fonts/neuehaasdisplayromanitalic-webfont.woff2') format('woff2'),
         url('../fonts/neuehaasdisplayromanitalic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Brule';
    src: url('../fonts/brule-bold-webfont.woff2') format('woff2'),
         url('../fonts/brule-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Brule';
    src: url('../fonts/brule-medium-webfont.woff2') format('woff2'),
         url('../fonts/brule-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Brule';
    src: url('../fonts/brule-light-webfont.woff2') format('woff2'),
         url('../fonts/brule-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}







* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body {
	color: #513586;
	font-family: var(--nhg);
	font-size: 16px;
}

.container {
	max-width: 51.287271rem;
/* 	max-width: 46.980707rem; */
	width: 100%;
}


.bd_main_menu li {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

@keyframes fadeInNav {
  0% {
      transform: translate(-50%, 20%) scale(0.9);
      opacity: 0;
  }
  100% {
      transform: translate(-50%, 0) scale(1);
      opacity: 1;
  }
}



header.staticHeader {
    position: static;
}

.bd_main_menu li.menu-item-has-children:hover .sub-menu {
  -webkit-animation: fadeInNav .25s cubic-bezier(.3,.76,.47,1.15);
  animation: fadeInNav .25s cubic-bezier(.3,.76,.47,1.15);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: flex;
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

.sub-menu {
  visibility: hidden;
}

.sub-menu {
  width: auto;
  height: auto;
  min-width: 9.869720rem;
  padding-top: 0.315831rem;
  padding-bottom: 0.315831rem;
  padding-inline: 0.315831rem;
  border-radius: 6px;
  background-color: var(--desktop_nav_dropdown_background, #fff);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 1px 1px 2px rgba(0, 0, 0, .08), 0 2px 2px rgba(0, 0, 0, .12), 0 4px 4px rgba(0, 0, 0, .12), 0 6px 6px rgba(0, 0, 0, .12), 0 10px 10px rgba(0, 0, 0, .08);
  z-index: 9;
  flex-direction: column;
  flex-wrap: wrap;
  opacity: 0;
  list-style: none;
}

ul.sub-menu li a {
  display: block;
}