/* Header */ .header .dnd-section { padding: 0; } .headerSection { background-color: rgba(255, 255, 255, 1.0); border-bottom: 1px solid #cdd4d7; } /* Header content */ .headerSection p, .headerSection h1, .headerSection h2, .headerSection h3, .headerSection h4, .headerSection h5, .headerSection h6, .headerSection a:not(.button a), .headerSection span, .headerSection div, .headerSection li, .headerSection blockquote { color: #1D1D1D; } header.headerSection { position: absolute; left: 0; top: 0; width: 100%; z-index:1001; } /* .headerSectionInner { padding: 20px 0; } */ .headerParent { display: flex; flex-wrap: wrap; align-items: center; } .headerLogo { width: 175px; position: relative; top: -4px; } .headerNavigation { display: flex; padding-left: 20px; justify-content: flex-end; width: calc(100% - 175px); } /* Submenus */ .submenu{float:none;list-style:none;margin:0;padding:0;} /* HubSpot Editor Styles */ .hs-inline-edit .submenu.level-1 > li.has-submenu:hover .submenu.level-2, .hs-inline-edit > li.has-submenu.focus .submenu.level-2{visibility:hidden;} ul.submenu.level-2 li { margin: 0; padding: 0;} ul.submenu.level-2 li a { display: block;} .navigation-primary input[type=checkbox] { display: none;} /* Color // Main Navigation */ .navigation-primary .level-1 > li > a { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; font-size: 1.125rem; color: rgba(38, 46, 51, 1); text-transform: capitalize; display: flex; justify-content: center; align-items: center; height: 100%; padding: 1.25rem 1.375rem; } /* Main Navigation - Child Menus */ .navigation-primary .submenu:not(.level-1) .menu-link { font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: rgba(255, 255, 255, 1); font-size: 1.125rem; text-transform: none; } /* Header Sticky */ /* .headerSticky .headerSection{position:fixed; top:0; left:0; width:100%; animation:headerAnim 0.5s;} header.headerSection.headerSticky { position: fixed; top: 0; left: 0; width: 100%; animation: headerAnim 0.5s;} @keyframes headerAnim { from {transform : translateY(-100%) } to {transform : translateY(0%)}} */ /* End Header Sticky */ .headerSection .content-wrapper { margin: 0 auto; padding: 0 15px; width: 90vw; } @media screen and (min-width: 768px) { .headerSection .content-wrapper { max-width: 730px; } } @media screen and (min-width: 992px) { .headerSection .content-wrapper { max-width: 943px; } } @media screen and (min-width: 1200px) { .headerSection .content-wrapper { max-width: 1140px; width: 90vw; } } @media screen and (min-width: 1600px) { .headerSection .content-wrapper { max-width: 1470px; width: auto; } } /* Primary Button */ .headerSection button, .headerSection a.button, .headerSection .button a, .headerSection a.hs-button, .headerSection .cta_button, .headerSection button.ui-button { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; background-color: rgba(238, 177, 17, 1.0); border: 2px solid #eeb111; border-radius: 0px; color: rgba(38, 46, 51, 1.0); fill: rgba(38, 46, 51, 1.0); font-size: 1rem; padding: 1rem 1.5rem; text-transform: none; align-items: center; cursor: pointer; display: inline-flex; text-align: center; } .headerSection button:disabled, .headerSection a.button:disabled, .headerSection .button a:disabled, .headerSection button:disabled:hover, .headerSection a.button:disabled:hover, .headerSection .button a:disabled:hover, .headerSection button:disabled:focus, .headerSection a.button:disabled:focus, .headerSection .button a:disabled:focus, .headerSection button:disabled:active, .headerSection a.button:disabled:active, .headerSection .button a:disabled:active, .headerSection button.ui-button:disabled, .headerSection button.ui-button:disabled:hover, .headerSection button.ui-button:disabled:focus, .headerSection button.ui-button:disabled:active { background-color: #D0D0D0 !important; border-color: #D0D0D0 !important; color: #F1F1F1 !important; pointer-events: none; user-select: none; } .headerSection button:hover, .headerSection button:focus, .headerSection .button a:hover, .headerSection a.button:hover, .headerSection .cta_button:hover, .headerSection a.hs-button:hover, .headerSection .button a:focus, .headerSection .cta_button:focus, .headerSection a.button:focus, .headerSection a.hs-button:focus, .headerSection button:active, .headerSection .button a:active, .headerSection .cta_button:active, .headerSection a.button:active, .headerSection a.hs-button:active, .headerSection button.ui-button:hover, .headerSection button.ui-button:focus, .headerSection button.ui-button:active { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; background-color: rgba(0, 118, 160, 1.0); border: 2px solid #0076a0; color: rgba(255, 255, 255, 1.0); } .headerSection button:active, .headerSection a.button:active, .headerSection .button a:active, .headerSection .cta_button:active, .headerSection a.hs-button:active, .headerSection button.ui-button:active { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; background-color: #50c6f0; border: 2px solid #0076a0; border-color: #50c6f0; } /* End Primary Button */ .headerLogo, .headerLogo * { display: block; } .headerSectionInner .navigationRight form { padding: 0; border: none; background: transparent; display: grid; height: auto; width: 350px; grid-template-columns: 3fr 0.8fr; } .headerSectionInner .navigationRight form input.hs-search-field__input { outline-color: #262e33; border-top-left-radius: 50px; border-bottom-left-radius: 50px; padding: 1rem; border: 0; background-color: #f2f2f2; font-family: inherit; font-size: 100%; line-height: 1.1; } .headerSectionInner .navigationRight form input.hs-search-field__input:focus-visible { border-color: #262e33; } .headerSectionInner .navigationRight form button, .headerSectionInner .navigationRight .search-toggle{ background-color: #f2f2f2; border: none; border-top-right-radius: 50px; border-bottom-right-radius: 50px; justify-content: center; } .navigationParentInner { gap: 2rem; } .headerSectionInner .navigationRight form input.hs-search-field__input::-webkit-input-placeholder { color: #757575; font-size: 1rem; } .navigation-primary .level-1 > .has-submenu:after { display: none !important; } .navigation-primary .level-1 > li.has-submenu > a:after { content: ''; display: inline-block; width: 13px; height: 12px; background-image: url('https://21588026.fs1.hubspotusercontent-na1.net/hubfs/21588026/mnhs_theme/darkgray-arrow-down.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; margin-left: 10px; } .mega-style .mega-row { width: 90vw; max-width: 1440px; margin: 0 auto; -moz-column-gap: 0.625rem; column-gap: 0.625rem; display: grid; grid-template-columns: repeat(12, 1fr); } .mega-style .mega-row .mega-col.mega-col2 { grid-column-start: span 2; } .mega-style .mega-row .mega-col.mega-col3 { grid-column-start: span 3; } .mega-style .mega-row .mega-col { margin-left: 20px; padding-right: 30px; border-right: 1px solid rgb(205, 212, 215); } .mega-style .mega-row .mega-col.mega-col7 { grid-column-start: span 7; } .mega-style .mega-row .mega-col.mega-col2 .mega-submenu { margin: 0; padding: 0; /*max-height: 370px; */ display: flex; flex-direction: column; justify-content: space-between; height: -moz-fit-content; height: fit-content; gap: 40px; } .mega-style .mega-row .mega-col.mega-col2 .mega-submenu li.mega-item { min-height: 58px; position: relative; list-style: none !important; display: block; margin: 0; } .mega-style .mega-row .mega-col.mega-col2 .mega-submenu li.mega-item a { padding: 0.5rem; position: relative; display: block; height: 100%; color: rgb(38, 46, 51); font-size: 17px; line-height: 135%; border-bottom: 3px solid transparent; background: transparent; font-weight: 600; text-decoration: none; } .mega-style .mega-row .mega-col.mega-col2 .mega-submenu li.mega-item a .mega-img, .mega-style .mega-row .mega-col.mega-col2 .mega-submenu li.mega-item a .mega-img img { width: 100%; height: 100%; aspect-ratio: 200 / 111; } .mega-style .mega-row .mega-col.mega-col2 .mega-submenu li.mega-item a .mega-title { display: block; font-size: 17px; line-height: 135%; font-weight: 600; color: rgb(38, 46, 51); text-decoration: none; margin-bottom: 0.25rem; margin-top: 6px; } .mega-style .mega-row .mega-col.mega-col2 .mega-submenu li.mega-item a .mega-location { font-size: 0.875rem; line-height: 150%; color: rgb(69, 85, 95); font-weight: 400; margin: 0px; } .mega-style .mega-row .mega-col.mega-col2 .mega-submenu li.mega-item a:hover .mega-title { color: rgb(0, 118, 160); } .mega-style .list-menu-1 h2 { margin: 0; margin-bottom: 1.5rem; padding: 0; font-weight: 600; font-size: 1.25rem; line-height: 135%; text-transform: inherit; } .mega-style .list-menu-1 ul { height: -moz-fit-content; height: fit-content; display: block; } .mega-style .list-menu-1 ul li { min-height: 58px; position: relative; display: block; margin: 0; } .mega-style .list-menu-1 ul li a { position: relative; display: block; height: 100%; color: rgb(38, 46, 51); font-size: 17px; line-height: 135%; border-bottom: 3px solid transparent; background: transparent; font-weight: 600; text-decoration: none; padding: 1rem 2px 1.1875rem 0.5rem; text-transform: initial; } .mega-style .list-menu-1 ul li a:after { position: absolute; bottom: -3px; left: 0; width: 100%; content: " "; border-bottom: 1px solid rgb(205, 212, 215); } .mega-style .mega-row .mega-col.mega-col7 .mega-col7-inner h2 { margin: 0; margin-bottom: 1.5rem; padding: 0; font-weight: 600; font-size: 1.25rem; line-height: 135%; text-transform: inherit; } .mega-style .mega-row .mega-col.mega-col7 .mega-col7-inner .group-wrapper { /* max-height: 370px; */ padding-top: 1.125rem; display: flex; justify-content: space-between; gap: 1rem; } .mega-style .mega-row .mega-col.mega-col7 .mega-col7-inner .group-wrapper .group-inner:nth-child(1) { width: 25%; } .mega-style .mega-row .mega-col.mega-col7 .mega-col7-inner .group-wrapper .group-inner h3 { margin: 0; margin-bottom: 0.75rem; font-weight: 600; font-size: 0.875rem; line-height: 150%; padding-left: 7px; text-transform: initial; } .mega-style .mega-row .mega-col.mega-col7 .mega-col7-inner .group-wrapper .group-inner ul { display: block; /* max-height: 370px; height: -moz-fit-content; height: fit-content; */ } .mega-style .mega-row .mega-col.mega-col7 .mega-col7-inner .group-wrapper .group-inner ul li { margin: 0; } .mega-style .mega-row .mega-col.mega-col7 .mega-col7-inner .group-wrapper .group-inner ul li a { white-space: inherit; text-transform: initial; position: relative; display: block; height: auto; color: rgb(38, 46, 51); border-bottom: 3px solid transparent; background: transparent; text-decoration: none; padding: 7px; padding-right: 2px; font-weight: 400; font-size: 0.8125rem; line-height: 130%; } .mega-style .mega-row .mega-col.mega-col7 .mega-col7-inner .group-wrapper .group-inner ul li a:after { content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; border-bottom: 1px solid rgb(205, 212, 215); } .mega-style .mega-row .mega-col.mega-col7 .mega-col7-inner .group-wrapper .group-inner ul li ul.hs-menu-children-wrapper { position: inherit; left: inherit; opacity: 1; padding-left: 40px; } .mega-style .mega-row .mega-col.mega-col7 .mega-col7-inner .group-wrapper .group-inner ul li a:hover, .mega-style .mega-row .mega-col.mega-col7 .mega-col7-inner .group-wrapper .group-inner ul li a:focus { border-color: rgb(238, 177, 17); background: rgba(255, 255, 255, 0.65); color: rgb(0, 118, 160); } .mega-style .mega-row .mega-col.mega-col7 .mega-col7-inner .group-wrapper .group-inner:nth-child(2) ul { -moz-columns: 2 auto; columns: 2 auto; } .mega-style .mega-row .mega-col:last-child { padding-right: 0; border: none; } .mega-style.mega-style4 .mega-row .mega-col.mega-col4 { grid-column-start: span 4; } .mega-style.mega-style4 .mega-row .mega-col.mega-col4 h3, .mega-style.mega-style5 .mega-sidebar h3{ margin: 0; font-weight: 600; font-size: 17px; line-height: 135%; margin-bottom: 4px; text-transform: initial; } .mega-style.mega-style5 .mega-sidebar h3{ margin-top: 15px; } .mega-style.mega-style4 .mega-row .mega-col.mega-col4 .mega-sidebar p, .mega-style.mega-style5 .mega-sidebar p{ font-size: 1.125rem; line-height: 1.6; margin: 0 0 2rem; } .mega-style.mega-style3 .mega-col.mega-col12 { grid-column-start: span 12; margin-left: 20px; } .mega-style.mega-style3 .mega-col.mega-col12 ul { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 20px; } .mega-style.mega-style3 .mega-col.mega-col12 ul p:last-child { font-weight: 400; font-size: .875rem; line-height: 155%; color: rgb(69, 85, 95); margin: 0; } .mega-style.mega-style3 .list-menu-1 ul li a { padding: 0.5rem; } .mega-style.mega-style5 .mega-col.mega-col4 { grid-column-start: span 4; } .mega-style.mega-style5 .mega-col.mega-col8 { grid-column-start: span 8; } .mega-style.mega-style5 .mega-col.mega-col8 ul { margin: 0; padding: 0; display: grid; grid-template-rows: repeat(3, 1fr); gap: 20px; grid-template-columns: repeat(2, 1fr); } .mega-style.mega-style5 .mega-col.mega-col8 ul li a { padding: 0.5rem; } .mega-style.mega-style5 .mega-col.mega-col8 ul li a p:last-child { font-weight: 400; font-size: .875rem; line-height: 155%; color: rgb(69, 85, 95); margin: 0; } .mega-style.mega-style5 .mega-col.mega-col8 ul li a p:first-child { margin-bottom: 0.25rem; } .mega-style.mega-style5 .mega-sidebar p { text-transform: initial; } .mega-style.mega-style5 .mega-sidebar p { text-transform: initial; } .btn-link1 a { line-height: 100%; background-image: url('https://21588026.fs1.hubspotusercontent-na1.net/hubfs/21588026/mnhs_theme/blue-arrow-right.svg'); background-repeat: no-repeat; font-size: 1rem; font-weight: 600; background-position: 100% 50%; padding: 1rem 1.5rem 1rem 0px; padding-right: 3rem; background-color: transparent; border: 2px solid transparent; width: -moz-fit-content; width: fit-content; display: inline-block; } .btn-link1 a:hover { padding-right: 3.5rem; color: rgb(0, 118, 160) !important; } .navigation-primary .level-1 > li.has-submenu.activeMenu > a:after { background-image: url('https://21588026.fs1.hubspotusercontent-na1.net/hubfs/21588026/mnhs_theme/darkgray-arrow-up.svg'); } .mega-style.mega-style2 .mega-col.mega-col4 { grid-column-start: span 4; } .mega-style.mega-style2 .mega-col.mega-col8 { grid-column-start: span 8; } .mega-style.mega-style2 .mega-col.mega-col8 ul { margin: 0; padding: 0; grid-template-columns: repeat(2, 1fr); display: grid; gap: 20px; } .mega-style.mega-style2 .mega-col.mega-col8 ul p:last-child { font-weight: 400; font-size: .875rem; margin-top: 0; line-height: 155%; } .mega-style.mega-style2 .list-menu-1 ul li a { padding: 0.5rem; } .mega-style.mega-style2 .mega-col.mega-col8 ul li { min-height: 100px; } .mega-style.mega-style2 .mega-col.mega-col4 ul { margin: 0; padding: 0; grid-template-columns: 1fr; gap: 0; display: grid; grid-template-rows: repeat(3, 1fr); } .mega-style.mega-style2 .mega-col.mega-col4 h4 { margin: 0; margin-bottom: 1.5rem; padding: 0; font-weight: 600; font-size: 1.25rem; line-height: 135%; text-transform: initial; } .mega-style.mega-style2 .mega-col.mega-col4 ul li a { display: flex; justify-content: flex-start; align-items: center; gap: 1rem; padding: 1.15rem 0.5rem; } .mega-style.mega-style2 .mega-col.mega-col4 ul li a .img { width: 60px; } .mega-style.mega-style2 .mega-col.mega-col4 ul li a .img img { width: auto; height: auto; object-fit: contain; } .mega-style.mega-style2 .mega-col.mega-col4 ul li a p { line-height: 135%; font-weight: 600; margin: 0; } .headerSectionInner .navigationRight .search-toggle svg.close { display: none; } @media(min-width:992px){ .mega-style .list-menu-1 ul li a:hover, .mega-style .list-menu-1 ul li a:focus{ border-color: rgb(238, 177, 17); background: rgba(255, 255, 255, 0.65); color: rgb(0, 118, 160); } /* .list-menu-1 ul li.active a{ border-color: rgb(238, 177, 17) !important; background: rgba(255, 255, 255, 0.65) !important; color: rgb(0, 118, 160) !important; } */ .headerOutter { height: 130px; } .headerSection.isMegaMenuEnable { padding: 0;} .navigationRight,.navigationParentInner { display: flex; flex-wrap: wrap; align-items: center; } /* Navigation Wrapper */ .navigation-primary{display:inline-block;float:right;} /* Top Level Menu Items */ .submenu.level-1{display:inline-block;} .submenu.level-1 > li{display:inline-block;margin:0;padding: 0px;position:relative;text-transform:capitalize; height: 95px; } .headerSection.isMegaMenuEnable .submenu.level-1 > li{padding: 0px;} /* Active Menu Item Styles */ .navigation-primary .submenu.level-1 > li > a.active-item{position:relative;} .navigation-primary .submenu.level-1 > li > a.active-item:after{background-color:#1d1d1d;bottom:-3px;content:'';height:2px;left:0;position:absolute;width:100%;} /* Top Level Menu Items Icon */ .navigation-primary .level-1 > .has-submenu:after{border-color:#1d1d1d transparent transparent;border-style:solid;border-width:5px 5px 0;content:'';display:inline-block;height:0;vertical-align:middle;width:0;} .navigation-primary .level-1 > .has-submenu.active-item:after{border-color:#fff transparent transparent;} .navigation-primary .level-1 > .has-submenu:hover:after, .navigation-primary .level-1 > .has-submenu:focus:after, .navigation-primary .level-1 > .has-submenu.focus:after, .navigation-primary .level-1 > .has-submenu.active-item:hover:after{border-color:transparent transparent #fff;border-width:0 5px 5px;} /* Menu Items With Children */ .navigation-primary ul.submenu.level-2 li a{padding: 12px 15px 12px 15px;} .navigation-primary .submenu.level-2{ left:0; top:100% } .navigation-primary .submenu.level-2,.navigation-primary .submenu.level-3{ border:none; min-width:200px; opacity:0; position:absolute; z-index:2; width: 100%; visibility: hidden; -webkit-transition: opacity ease .4s; -moz-transition: opacity ease .4s; transition: opacity ease .4s; display: block; pointer-events: none; } .navigation-primary .submenu.level-3{top:0;} /* Submenu Level One Visibility */ .navigation-primary .submenu.level-1 > li:hover .submenu.level-2, .navigation-primary .submenu.level-1 > li.focus .submenu.level-2{left:0;opacity:1; visibility: visible; pointer-events: inherit !important;} .navigation-primary .submenu.level-1 > li:hover:last-child .submenu.level-2, .navigation-primary .submenu.level-1 > li.focus:last-child .submenu.level-2{left:auto;right:0;} /* Submenu Level Two Visibility */ .navigation-primary .submenu.level-2 > li .submenu.level-3{left:100%;} .navigation-primary .submenu.level-2 > li:hover .submenu.level-3, .navigation-primary .submenu.level-2 > li.focus .submenu.level-3{opacity:1;visibility: visible; pointer-events: inherit !important;} /* prettier-ignore */ .navigation-primary .submenu.level-1 > li:last-child .submenu.level-2 .menu-item:hover .submenu.level-3, .navigation-primary .submenu.level-1 > li:last-child .submenu.level-2 .menu-item.focus .submenu.level-3{left:auto;right:100%;} .navigationParent,.navigation-primary .submenu{ display: block !important;} /* Theme Color */ /* Main Navigation */ .navigation-primary .level-1 > .has-submenu:after { border-color: rgba(38, 46, 51, 1) transparent transparent transparent; } .navigation-primary .level-1 > li:hover, .navigation-primary .level-1 > li:focus, .navigation-primary .level-1 > li.activeMenu{ background-color: rgba(242, 242, 242, 1.0); } .navigation-primary .level-1 > li:hover > a, .navigation-primary .level-1 > li:focus > a, .navigation-primary .level-1 > li.activeMenu{ color: rgba(#null, 1);} .navigation-primary .level-1 > .has-submenu:hover:after, .navigation-primary .level-1 > .has-submenu:focus:after, .navigation-primary .level-1 > li.has-submenu.active-item:hover:after, .navigation-primary .level-1 > li.has-submenu.active-item:focus:after { border-color: transparent transparent rgba(#null, 1) transparent; } .navigation-primary .level-1 > li:active { background-color: rgba(38, 46, 51, 0.0); } .navigation-primary .level-1 > li:active > a { color: rgba(#null, 1); } .navigation-primary .level-1 > .has-submenu:active:after, .navigation-primary .level-1 > li.has-submenu.active-item:active:after { border-color: transparent transparent rgba(#null, 1) transparent; } .navigation-primary .level-1 > li.active-item { background-color: rgba(242, 242, 242, 1.0); } .navigation-primary .level-1 > li.active-item > a { color: rgba(#null, 1); } .navigation-primary .level-1 > li.has-submenu.active-item:after { border-color: font-family: Montserrat, sans-serif; font-style: normal; font-weight: 500; text-decoration: none transparent transparent transparent; } .navigation-primary .submenu.level-1 > li > a.active-item:after { background-color: rgba(#null, 1);} /* Main Navigation - Child Menus */ .navigation-primary .submenu:not(.level-1) { background-color: rgba(38, 46, 51, 1.0); } .navigation-primary .submenu:not(.level-1) .menu-item:hover > a, .navigation-primary .submenu:not(.level-1) .menu-item:focus > a { background-color: rgba(0, 193, 92, 1.0); } .navigation-primary .submenu:not(.level-1) .menu-item:hover > a, .navigation-primary .submenu:not(.level-1) .menu-item:focus > a { color: rgba(255, 255, 255, 1); } .navigation-primary .submenu:not(.level-1) .menu-item:active { background-color: rgba(0, 193, 92, 1.0); } .navigation-primary .submenu:not(.level-1) .menu-item:active > a { color: rgba(255, 255, 255, 1); } .submenu.level-1 { display: flex !important; flex-direction: row; } .headerSection.isMegaMenuEnable .submenu.level-1 > li > .childExpand { cursor: pointer; height: 95px; display: block; position: relative; top: -95px; z-index: 9999999999; width: 100%; } .navigationRight + .top-nav-main{ display:none; } .expandMenu * { display: none; } .navigation-primary .level-1 > li.activeMenu > a { outline: 2px solid #0076a0; } .top-nav-menu .hs-menu-wrapper ul li.hs-menu-depth-1 > a:hover { text-decoration: underline !important; } } @media(min-width:1200px){ .headerSectionInner .navigationRight .search-toggle{ display: none; } } @media(max-width:1600px) and (min-width: 992px){ .mega-style.mega-style1 .mega-row { width: 100%; max-width: inherit; } .navigation-primary .level-1 > li > a { padding: 1.25rem 0.6rem; } .headerSectionInner .navigationRight form { width: 200px; } .mega-style.mega-style1 .mega-row .mega-col.mega-col7 .mega-col7-inner .group-wrapper .group-inner:nth-child(2) ul { -moz-columns: 1 auto; columns: 1 auto; } .mega-style.mega-style1 .mega-row .mega-col.mega-col2 { grid-column-start: span 3; } .mega-style.mega-style1 .mega-row .mega-col.mega-col7 { grid-column-start: span 5; } .mega-style.mega-style1 .mega-row .mega-col.mega-col3 { grid-column-start: span 4; } .mega-style.mega-style1 .mega-row .mega-col.mega-col7 .mega-col7-inner .group-wrapper .group-inner:nth-child(1) { width: 70%; } } @media(max-width:1199px){ .navigation-primary .level-1 > li > a { font-size: 1rem; padding: 1.25rem 0.6rem; } .navigation-primary .level-1 > li.has-submenu > a:after { width: 12px; height: 10px; margin-left: 7px; } .navigationRight { position: relative; } .headerSectionInner .navigationRight form { width: 350px; position: absolute; max-width: inherit; opacity: 0; visibility: hidden; top: 0px; right: 100%; } .headerSectionInner .navigationRight .search-toggle.searchToggle + form { opacity: 1; visibility: visible; } .headerSectionInner .navigationRight .search-toggle { padding: 15px 12px 15.7px; border-radius: 100%; width: 48px; height: 48px; } .headerSectionInner .navigationRight .search-toggle.searchToggle { border-top-left-radius: 0; border-bottom-left-radius: 0; } .headerSectionInner .navigationRight .search-toggle.searchToggle + form button:not(.searchToggle){ border-top-right-radius: 0; border-bottom-right-radius: 0; } .headerSectionInner .navigationRight form input.hs-search-field__input { padding: 0.9rem 1rem; } .headerSectionInner .navigationRight .search-toggle.searchToggle svg:first-child { display: none; } .headerSectionInner .navigationRight .search-toggle.searchToggle svg.close { display: block; } .headerSectionInner .navigationRight .search-toggle.searchToggle svg.close rect { stroke: rgb(69, 85, 95); } .navigationRight { z-index: 99999999999; } } @media(max-width:991px){ /*-=-=-=- Expand Menu -=-=-=*/ .headerOutter {height: 88.89px;} /*-=-=-=- Expand Menu -=-=-=*/ .expandMenu {width: 44px; height: 44px; display: block; cursor: pointer; padding: 3px; position: absolute; top: 21px; right: 16px; z-index:999; } .expandMenu i { position: relative; width: 30px; top: 8px; left: 0; border-radius: 5px; height: 4px; opacity: 1; display: block; background-color: #262e33; margin: 6px auto; transition: all ease .3s; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; } .expandMenu i:first-child { margin-top: 0; } .expandMenu.active i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 18px; position: relative;} .expandMenu.active i:nth-child(2) { position: relative; left: -46px; opacity: 0;} .expandMenu.active i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -2px; position: relative;} /*-=-=-=- Mobile Submenu Icon -=-=-=*/ .childExpand { position: absolute; top: 5px; z-index: 999; display: inline-block; right: 22px; width: 36px; text-align: center; height: 36px; margin: 0; padding: 5px; cursor: pointer; } .childExpand i { position:relative; width: 18px; left:0; height: 1px; opacity:1; display: block; background: rgba(255, 255, 255, 1); top:5px; margin: 8px auto; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } .childExpand i + i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top: -4px; } .childExpand.open i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .childExpand.open i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); } /*-=-=-=- Header Section -=-=-=*/ /* header.headerSection { padding: 15px 0; } */ /* .headerSectionInner { padding: 15px 0; } */ .navigationParent { position: absolute; left: 0; top: 88.89px; width: 100%; display:none; } .navigation-primary .submenu:not(.level-1),.navigation-primary .megaMenu { display: none;} .navigation-primary .submenu.level-1 > li { margin: 0; padding: 0; } .navigation-primary .submenu.level-1 > li > a { padding: 12px 15px; display: block; } /*-=-=-=- Second Level -=-=-=*/ .navigation-primary .menu-item { position: relative; } .navigation-primary .submenu li:not(first-child):before { content: ''; position: absolute; top: 0; width: 100%; height: 1px; background-color: rgba(255,255,255,0.1); } .navigation-primary ul.submenu.level-2 > li > a{padding: 12px 15px 12px 25px;} .navigation-primary ul.submenu.level-3 > li > a{padding: 12px 15px 12px 35px;} /*-=-=-=- End Header Section -=-=-=*/ /* Button */ .navigationRight { padding: 12px 15px; display: flex; flex-wrap: wrap; background-color: #fff;} /* Color */ .navigationParent{background-color:#262e33;} .navigation-primary .level-1 > li > a { color: rgba(255, 255, 255, 1);} .navigation-primary .has-submenu.activeMenu > a, .menu-item a:hover { background-color:rgba(0, 193, 92, 1.0);} .headerNavigation { position: relative; } .expandMenu { position: inherit; } .top-nav-main { display: none; } .headerOutter { height: 90px; } .headerParent { padding: 14px 0px; } .submenu { padding-bottom: 50px; display: block !important; } .headerNavigation { position: initial; } .headerSectionInner { position: relative; } .navigationParent { left: 0; top: 91px; } .headerSectionInner .content-wrapper { width: 90vw; max-width: 1440px; padding: 0; max-width: initial; } .mega-style .mega-row .mega-col.mega-col2, .mega-style .mega-row .mega-col.mega-col7, .mega-style .list-menu-1 h2 { display: none; } .mega-style .mega-row .mega-col.mega-col3 { grid-column-start: span 12; } .mega-style .mega-row .mega-col { margin-left: 0; border-right: none; padding-right: 0; } .mega-style .list-menu-1 ul li a { color: #fff; padding: 1rem 0; font-size: 1rem; font-weight: 400; border-bottom: rgb(255, 255, 255) 1px solid; } .mega-style .mega-row .mega-col.mega-col3 ul { display: block !important; } .megaMenu { background-color: transparent !important; padding: 0; } .headerSectionInner .megaMenu .content-wrapper { width: 100%; padding: 0; } .mega-style .mega-row { width: 100%; max-width: 100%; } .navigation-primary .submenu.level-1 > li > a { font-weight: 600; font-size: 1.125rem; line-height: 1.5rem; display: block; padding: 1.75rem 0; background: url(https://21588026.fs1.hubspotusercontent-na1.net/hubfs/21588026/mnhs_theme/white-arrow-down.svg) right 50% no-repeat; background-position: right 50%; border-bottom: transparent 1px solid; } .navigation-primary .level-1 > li.has-submenu > a:after{ display: none; } .navigation-primary .submenu li:not(first-child):before{ display: none; } .childExpand { width: 100%; left: 0; right: 0; padding: 0; height: 81px; top: 0; z-index: 999999; } .childExpand i { display: none; } .submenu { width: 90vw; margin: 0 5vw; } .navigationParentInner { display: flex; flex-wrap: wrap; } .navigationLeft { order: 2; } .navigationRight { order: 1; padding: 0; display: flex; flex-wrap: wrap; background-color: transparent; width: 90vw; margin: 0 5vw; margin-top: 32px; margin-bottom: 20px; } .headerSectionInner .navigationRight .search-toggle { display: none; } .headerSectionInner .navigationRight form { width: 100%; position: inherit; max-width: inherit; opacity: 1; visibility: visible; top: 0px; right: 0; display: flex; } .headerSectionInner .navigationRight form input.hs-search-field__input { border-radius: 0; } .headerSectionInner .navigationRight form button { width: 53px; border-radius: 0; padding: 0px; } .mega-style.mega-style2 .mega-col.mega-col4 h4, .mega-style.mega-style2 .mega-col.mega-col4 ul, .mega-style.mega-style2 .mega-col.mega-col8 ul p:last-child, .mega-style.mega-style3 .mega-col.mega-col12 ul p:last-child, .mega-style.mega-style4 .mega-row .mega-col.mega-col4:first-child, .mega-style.mega-style5 .mega-col.mega-col4, .mega-style.mega-style5 .mega-col.mega-col8 ul li a p:last-child{ display: none !important; } .mega-style.mega-style2 .mega-col.mega-col8 ul { display: block !important; } .mega-style.mega-style2 .list-menu-1 ul li a, .mega-style.mega-style3 .list-menu-1 ul li a, .mega-style.mega-style5 .mega-col.mega-col8 ul li a{ padding: 0; padding: 1rem 0; font-size: 1rem; font-weight: 400; border-bottom: rgb(255, 255, 255) 1px solid; } .mega-style.mega-style2 .list-menu-1 ul li a p, .mega-style.mega-style3 .list-menu-1 ul li a p, .mega-style.mega-style5 .mega-col.mega-col8 ul li a p:first-child{ color: inherit; } .mega-style .list-menu-1 ul li a:after { display: none !important; } .mega-style.mega-style2 .mega-col.mega-col4, .mega-style.mega-style2 .mega-col.mega-col8 { grid-column-start: span 12; } .mega-style.mega-style2 .mega-col.mega-col8 ul li { min-height: inherit; } .mega-style .mega-row { border-top: 1px solid rgb(238, 177, 17); } .megaMenu .btn-link1 a { padding: 1rem 0; font-size: 1rem; font-weight: 400; border: none; border-bottom: rgb(255, 255, 255) 1px solid; display: block; background: no-repeat; color: #fff !important; width: 100%; } .mega-style.mega-style3 .mega-col.mega-col12 ul { display: block !important; } .mega-style.mega-style3 .mega-col.mega-col12 { margin-left: 0; } .mega-style.mega-style4 .mega-row .mega-col.mega-col4 ul, .mega-style.mega-style5 .mega-col.mega-col8 ul{ display: block !important; } .mega-style.mega-style4 .mega-row .mega-col.mega-col4, .mega-style.mega-style5 .mega-col.mega-col4, .mega-style.mega-style5 .mega-col.mega-col8 { grid-column-start: span 12; } .mega-style.mega-style5 .mega-col.mega-col8 ul li:last-child a { border-bottom: none; } .navigationRight + .top-nav-main { display: block; background: transparent; width: 90vw; margin: 0 5vw; margin-top: 32px; } .top-nav-menu .hs-menu-wrapper ul li:first-child { display: inline-block; } .top-nav-menu .hs-menu-wrapper ul li { display: none; } .top-nav-menu div.hs-menu-wrapper ul li:last-child { display: inline-block; } .top-nav-menu div.hs-menu-wrapper ul { padding: 0; flex-wrap: nowrap; height: inherit; justify-content: space-between; display: flex; flex-direction: row; } .navigationParentInner { gap: 0; } .expandMenu svg.close { display: none; } .expandMenu { display: flex; align-items: center; justify-content: center; margin-top: 4px; } .expandMenu.active .menu-open { display: none; } .expandMenu.active .close { display: block; } .navigation-primary .submenu.level-1 > li.activeMenu > a { background: url('https://21588026.fs1.hubspotusercontent-na1.net/hubfs/21588026/mnhs_theme/white-arrow-up.svg') right 50% no-repeat; } .top-nav-menu .hs-menu-wrapper ul li:last-child:before { content: none !important; } .top-nav-menu .hs-menu-wrapper ul li:last-child a { border: none; margin-left: 0; } .navigation-primary .level-1 > li:has(li.active) > a { color: #ecb432; } .list-menu-1 ul li.active a { color: #ecb432; } .mega-style .list-menu-1 ul li a:hover, .mega-style .list-menu-1 ul li a:focus{ color: #ecb432; } .top-nav-menu .hs-menu-wrapper ul li.active.active-branch.button a { color: inherit; } } @media(min-width:992px){ } /* Top Navigation and Language Switcher */ .top-nav-main { background-color: rgba(38, 46, 51, 1.0); } .top-nav-main > li > a, .top-nav-main .hs-menu-wrapper > ul .hs-menu-depth-1 >a{ font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: rgba(205, 212, 215, 1); font-size: 0.75rem; text-transform: none; display: block; margin-bottom: 2px; padding: 0; } .top-nav-main li.hs-menu-depth-1:hover, .top-nav-main li.hs-menu-depth-1:focus{ background-color: rgba(0, 193, 92, 0.0); } .top-nav-main li.hs-menu-depth-1:hover > a, .top-nav-main li.hs-menu-depth-1:focus > a{ font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: rgba(238, 177, 17, 1); } .top-nav-main li.hs-menu-depth-1:active { background-color: rgba(0, 193, 92, 0.0); } .top-nav-main li.hs-menu-depth-1:active > a { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: rgba(238, 177, 17, 1); } .top-nav-main li.hs-menu-depth-1 > a.active-item:after { background-color: rgba(205, 212, 215, 1); } /* Top Navigation Child Menus */ .top-nav-main .hs-menu-item:not(.hs-menu-depth-1) { background-color: rgba(38, 46, 51, 1); } .top-nav-main .hs-menu-item:not(.hs-menu-depth-1) a { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: rgba(205, 212, 215, 1); font-size: 12rem; text-transform: uppercase; } .top-nav-main .hs-menu-item:not(.hs-menu-depth-1) a:hover, .top-nav-main .hs-menu-item:not(.hs-menu-depth-1) a:focus { background-color: rgba(0, 193, 92, 1.0); } .top-nav-main .hs-menu-item:not(.hs-menu-depth-1) a:hover , .top-nav-main .hs-menu-item:not(.hs-menu-depth-1) a:focus { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: rgba(205, 212, 215, 1); } .top-nav-main .hs-menu-item:not(.hs-menu-depth-1) a:active{ background-color: rgba(0, 193, 92, 1.0); } .top-nav-main .hs-menu-item:not(.hs-menu-depth-1) a:active { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: rgba(205, 212, 215, 1); } .top-nav-menu .hs-menu-wrapper ul { justify-content: flex-end; gap: 1rem; flex-wrap: nowrap; align-items: center; height: 35px; padding-right: 1rem; } .top-nav-menu .hs-menu-wrapper ul li { margin: 0; } /* .top-nav-menu .hs-menu-wrapper ul li:last-child { display: none; } */ .top-nav-menu .hs-menu-wrapper ul li:last-child { margin-left: 10px; position: relative; } .top-nav-menu .hs-menu-wrapper ul li:last-child:before { content: ''; position: absolute; top: 2px; left: -14px; bottom: 2px; border-left: 1px solid #fff; } .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(2) { margin-left: 10px; position: relative; } .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(2):before { content: ''; position: absolute; top: 2px; left: -14px; bottom: 2px; border-left: 1px solid #fff; } .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(2) a, .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(1) a { width: auto; height: auto; background-image: none; font-size: 0.75rem; line-height: 1.5; } .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(2):after, .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(1):after { content: ""; position: absolute; background-repeat: no-repeat; background-size: contain; width: 16px; height: 16px; } .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(2):after { background-image: url('https://21588026.fs1.hubspotusercontent-na1.net/hubfs/21588026/mnhs_theme/user-icon1%20%281%29.svg'); left: 0; top: 0; } .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(2):hover:after, .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(2).active:after { background-image: url('https://21588026.fs1.hubspotusercontent-na1.net/hubfs/21588026/user-icon-gold.svg'); } .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(1):after { background-image: url('https://21588026.fs1.hubspotusercontent-na1.net/hubfs/21588026/mnhs_theme/cart-icon-1.svg'); left: 0; top: 2px; } .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(1):hover:after, .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(1).active:after { background-image: url('https://21588026.fs1.hubspotusercontent-na1.net/hubfs/21588026/cart-icon-gold.svg'); } .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(2), .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(1) { position: relative; padding-left: 20px; } @media(max-width:991px){ .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(2) { margin-left: 10px; position: relative; display: block; float: right; } .top-nav-menu .hs-menu-wrapper ul li:last-child { margin-left: 10px; } /* .top-nav-menu .hs-menu-wrapper ul li:first-child { float: left; } */ /* .top-nav-menu .hs-menu-wrapper ul li:first-child { position: absolute; left: 0; } */ .top-nav-menu div.hs-menu-wrapper ul { padding: 0; flex-wrap: nowrap; height: inherit; justify-content: flex-end; display: flex; flex-direction: row; position: relative; min-height: 50px; } .top-nav-menu .hs-menu-wrapper ul li:last-child:before { border-left: none; } .top-nav-menu .hs-menu-wrapper ul li:nth-child(5) { margin-left: 10px; position: relative; } .top-nav-menu .hs-menu-wrapper ul li:nth-child(5):before { content: ''; position: absolute; top: 2px; left: -14px; bottom: 2px; border-left: 1px solid #fff; } .top-nav-menu .hs-menu-wrapper ul li { display: inline-block; } .top-nav-menu .hs-menu-wrapper ul li:nth-child(2), .top-nav-menu .hs-menu-wrapper ul li:nth-child(3) { display: none; } .navigationRight+.top-nav-main .hs-menu-wrapper ul li:nth-child(1){order:1} .navigationRight+.top-nav-main .hs-menu-wrapper ul li:nth-child(4){order:2;padding-right: 1rem;border-right: 2px solid rgba(205, 212, 215, 1);padding-left: 1rem;} .navigationRight+.top-nav-main .hs-menu-wrapper ul li:nth-child(5){order:4;border-left: 2px solid rgba(205, 212, 215, 1);padding-left: 1rem;} .navigationRight+.top-nav-main .hs-menu-wrapper ul li:nth-child(6){order:3; padding-left: 1.6rem;} .navigationRight+.top-nav-main .hs-menu-wrapper ul li:last-child{order: 5; padding-left: 1.2rem; margin-left: 1.6rem !important;} body .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(1):before {content: '' !important;border-right: 2px solid rgba(205, 212, 215, 1);position: absolute;left: -1.6rem;top: 0;bottom: 0;margin: auto;} .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(1):after{width:25px;height:25px;top:0;bottom:0;margin:auto;left:-9px;} .top-nav-menu .hs-menu-wrapper ul li:last-of-type a{position:relative;} .top-nav-menu .hs-menu-wrapper ul li:last-of-type a::after{content:attr(data-count);position:absolute;top:0;right:calc(100% + 6px);background:#262e33;color:#fff;font-size:10px;padding:0;border-radius:100%;z-index:1;min-width:14px;max-height:14px;bottom:0;margin:auto;display:flex;align-items:center;justify-content:center;width:max-content;/* height: 100%; */padding:2px;} .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(2):after{width:25px;height:25px;top:-4px;margin:auto;left:0;} } @media(max-width:575px){ .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(2) a:before{background-image:url(https://21588026.fs1.hubspotusercontent-na1.net/hubfs/21588026/mnhs_theme/user-icon1%20%281%29.svg);width:25px;height:25px;display:block;content:'';} .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(2):after{content:none;} .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(2) a{font-size:0;} .navigationRight+.top-nav-main .hs-menu-wrapper ul li:nth-child(6){padding-left:0;} .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(1):after{content:none;} .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(1) a{font-size:0;} .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(1) a:before{background-image:url(https://21588026.fs1.hubspotusercontent-na1.net/hubfs/21588026/mnhs_theme/cart-icon-1.svg);left:0;width:25px;height:25px;display:block;content:'';} .navigationRight+.top-nav-main .hs-menu-wrapper ul li:last-child{padding-left:0rem; margin-left: 1rem !important;} .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(4) a:before{background-image: url("data:image/svg+xml,%0A%3Csvg width='427' height='448' viewBox='0 0 427 448' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M117.335 21.3333C117.335 9.55126 107.783 0 96.0013 0C84.2192 0 74.668 9.55126 74.668 21.3333V42.6667C74.668 54.4487 84.2192 64 96.0013 64C107.783 64 117.335 54.4487 117.335 42.6667V21.3333Z' fill='white'/%3E%3Cpath d='M352.001 21.3333C352.001 9.55126 342.449 0 330.667 0C318.885 0 309.334 9.55126 309.334 21.3333V42.6667C309.334 54.4487 318.885 64 330.667 64C342.449 64 352.001 54.4487 352.001 42.6667V21.3333Z' fill='white'/%3E%3Cpath d='M0 160V405.333C0 428.896 19.104 448 42.6667 448H384C407.563 448 426.667 428.896 426.667 405.333V160H0ZM128 373.333C128 385.12 118.453 394.667 106.667 394.667H85.3333C73.5467 394.667 64 385.12 64 373.333V352C64 340.213 73.5467 330.667 85.3333 330.667H106.667C118.453 330.667 128 340.213 128 352V373.333ZM128 256C128 267.787 118.453 277.333 106.667 277.333H85.3333C73.5467 277.333 64 267.787 64 256V234.667C64 222.88 73.5467 213.333 85.3333 213.333H106.667C118.453 213.333 128 222.88 128 234.667V256ZM245.333 373.333C245.333 385.12 235.787 394.667 224 394.667H202.667C190.88 394.667 181.333 385.12 181.333 373.333V352C181.333 340.213 190.88 330.667 202.667 330.667H224C235.787 330.667 245.333 340.213 245.333 352V373.333ZM245.333 256C245.333 267.787 235.787 277.333 224 277.333H202.667C190.88 277.333 181.333 267.787 181.333 256V234.667C181.333 222.88 190.88 213.333 202.667 213.333H224C235.787 213.333 245.333 222.88 245.333 234.667V256ZM362.667 373.333C362.667 385.12 353.12 394.667 341.333 394.667H320C308.213 394.667 298.667 385.12 298.667 373.333V352C298.667 340.213 308.213 330.667 320 330.667H341.333C353.12 330.667 362.667 340.213 362.667 352V373.333ZM362.667 256C362.667 267.787 353.12 277.333 341.333 277.333H320C308.213 277.333 298.667 267.787 298.667 256V234.667C298.667 222.88 308.213 213.333 320 213.333H341.333C353.12 213.333 362.667 222.88 362.667 234.667V256Z' fill='white'/%3E%3Cpath d='M426.667 138.667V74.6667C426.667 51.104 407.563 32 384 32H373.333V42.6667C373.333 66.1973 354.197 85.3333 330.667 85.3333C307.136 85.3333 288 66.1973 288 42.6667V32H138.667V42.6667C138.667 66.1973 119.531 85.3333 96 85.3333C72.4693 85.3333 53.3333 66.1973 53.3333 42.6667V32H42.6667C19.104 32 0 51.104 0 74.6667V138.667H426.667Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: contain;width:25px;height:25px;display:block;content:'';} .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(4):after{content:none;} .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(4) a{font-size:0;} .top-nav-menu .hs-menu-wrapper ul li:nth-child(5) a:before{background-image: url("data:image/svg+xml,%0A%3Csvg width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M144.048 304.532C144.019 301.275 142.704 298.161 140.39 295.868C138.077 293.575 134.951 292.289 131.693 292.289C128.436 292.289 125.31 293.575 122.997 295.868C120.683 298.161 119.368 301.275 119.339 304.532V366.539C119.324 368.171 119.633 369.79 120.247 371.302C120.862 372.813 121.769 374.188 122.918 375.348C124.067 376.507 125.434 377.427 126.94 378.054C128.446 378.682 130.062 379.006 131.693 379.006C133.325 379.006 134.941 378.682 136.447 378.054C137.953 377.427 139.32 376.507 140.469 375.348C141.618 374.188 142.525 372.813 143.14 371.302C143.754 369.79 144.063 368.171 144.048 366.539V304.532ZM21.166 189.757H119.339V252.637C119.324 254.269 119.633 255.888 120.247 257.4C120.862 258.911 121.769 260.286 122.918 261.446C124.067 262.605 125.434 263.525 126.94 264.152C128.446 264.78 130.062 265.104 131.693 265.104C133.325 265.104 134.941 264.78 136.447 264.152C137.953 263.525 139.32 262.605 140.469 261.446C141.618 260.286 142.525 258.911 143.14 257.4C143.754 255.888 144.063 254.269 144.048 252.637V189.757H490.085C495.692 189.76 501.068 191.989 505.032 195.953C508.996 199.918 511.225 205.294 511.227 210.9V264.256L507.727 265.678C493.82 271.317 481.913 280.978 473.529 293.424C465.146 305.87 460.667 320.535 460.667 335.541C460.667 350.547 465.146 365.212 473.529 377.658C481.913 390.104 493.82 399.765 507.727 405.403L511.227 406.825V460.176C511.224 465.783 508.996 471.16 505.032 475.125C501.068 479.09 495.692 481.319 490.085 481.323H144.048V418.435C144.063 416.804 143.754 415.185 143.14 413.673C142.525 412.162 141.618 410.786 140.469 409.627C139.32 408.468 137.953 407.548 136.447 406.92C134.941 406.293 133.325 405.969 131.693 405.969C130.062 405.969 128.446 406.293 126.94 406.92C125.434 407.548 124.067 408.468 122.918 409.627C121.769 410.786 120.862 412.162 120.247 413.673C119.633 415.185 119.324 416.804 119.339 418.435V481.321H21.139C15.5332 481.315 10.1588 479.085 6.19566 475.12C2.23248 471.155 0.00423462 465.78 0 460.174V406.823L3.5 405.4C17.3862 399.733 29.2738 390.065 37.6521 377.625C46.0303 365.185 50.5209 350.535 50.553 335.536C50.5195 320.539 46.0283 305.89 37.6502 293.451C29.2721 281.013 17.3852 271.345 3.5 265.677L0 264.254V210.9C0.00390969 205.308 2.22179 199.945 6.16876 195.983C10.1157 192.021 15.4707 189.783 21.063 189.758L21.166 189.757ZM467.12 31.9005C472.403 30.0405 478.208 30.3466 483.267 32.7517C488.326 35.1568 492.227 39.4656 494.12 44.7375L512 95.0005L509.176 97.5145C500.606 105.199 493.895 114.732 489.551 125.392C485.207 136.052 483.343 147.559 484.1 159.045L484.506 165.045H92.748L467.12 31.9005Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: contain; background-size: cover;width:25px;height:25px;display:block;content:'';} .top-nav-menu .hs-menu-wrapper ul li:nth-child(5):after{content:none;} .top-nav-menu .hs-menu-wrapper ul li:nth-child(5) a{font-size:0;} .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(1):after{left:0;} .top-nav-menu .hs-menu-wrapper ul li:last-of-type a::after{right:calc(100% - 22px);} .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(1) a:before{background-image:url(https://21588026.fs1.hubspotusercontent-na1.net/hubfs/21588026/mnhs_theme/cart-icon-1.svg);width:25px;height:25px;display:block;content:'';background-repeat:no-repeat;background-size:contain;background-position:center;} .navigationRight+.top-nav-main .hs-menu-wrapper ul li:nth-child(4){padding-left:0;} .navigationRight+.top-nav-main .hs-menu-wrapper ul { gap: 10px; } body .top-nav-menu .hs-menu-wrapper ul li:nth-last-of-type(1):before { left: -1rem; } }