@charset "utf-8";

.mbp3050 { width: 100%; border-style: solid; border-color: rgba(81, 44, 28, 0.46); border-image: initial; display: flex; z-index: 10; position: relative; font-size: 16px; white-space: nowrap; border-width: 1px 0px; flex-direction: column; background-color: rgb(255, 255, 255); }

.mbp3050 > ul { width: 100%; margin: 0px auto; display: flex; padding: 0px; max-width: 1400px; list-style: none; justify-content: space-around; }

.mbp3050 > ul > .mainLink { list-style: none; }

.mbp3050 > ul > .skeleton { width: 100%; padding: 0px 8px; list-style: none; }

.mbp3050 > ul > li > a, .mbp3050 > ul > li > .static { width: auto; cursor: pointer; display: flex; text-align: center; padding-top: clamp(0.2em, 0.5vw, 0.47em); user-select: none; padding-bottom: clamp(0.2em, 0.5vw, 0.5em); text-decoration: none; }

.mbp3050 sup { font-size: 0.5em; }

.mbp3050 > ul > li > a > div, .mbp3050 > ul > li > .static > div { color: rgb(81, 44, 28); display: flex; font-size: clamp(15px, 1.2vw, 1.1rem); box-sizing: border-box; font-family: "Area Variable", GothamBold, Arial, Helvetica, sans-serif; line-height: 23px; padding: clamp(0.2em, 0.5vw, 0.5em) clamp(0.2em, 0.5vw, 0.64em); align-content: center; border-radius: 8px; text-decoration-color: rgb(81, 44, 28) !important; }

.mbp3050 > ul > .mainLink > div { display: flex; align-content: center; }

.mbp3050 > ul > .mainLink[touch] div[class*="dropdownContainer"] { opacity: 1 !important; }

.mbp3050 > ul > .mainLink.hover { box-shadow: none; }

.mbp3050 > ul > .mainLink.hover > a > div, .mbp3050 > ul > .mainLink.hover > .static > div, .mbp3050 > ul > .mainLink.noDropDown:hover > .static > div { color: rgb(81, 44, 28); }

.mbp3050 > ul > .mainLink .customIcon { fill: currentcolor; margin-right: 0.25em; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .mbp3050 > ul { }
  .mbp3050 > ul .hideOn_tablet { display: none; }
}

@media screen and (max-width: 767px) {
  .mbp3050 > ul { }
  .mbp3050 > ul .hideOn_mobile { display: none; }
}

.mbp3051 { }

.mbp3051 [data-component="linkType"] { color: rgb(235, 235, 235) !important; }

.mbp3051.hover [data-component="linkType"] { color: rgb(235, 235, 235) !important; text-decoration-color: rgb(235, 235, 235) !important; }

.mbp3051.hover { box-shadow: rgb(235, 235, 235) 0px -3px inset !important; }