@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
:root {
  --aux-link-color: #00000;
  --aux-bg: #1A4D74;
  --nav-color:  hsla(var(--awb-color3-h),var(--awb-color3-s),calc(var(--awb-color3-l) + 16%),var(--awb-color3-a));
  --system-icon-color: #252E38;
  --system-icon-color-hover: #27A9CC;
}

body {
    font-family: Lato;
    font-size: 16px;
}
.RadMenu.RadMenu_Coffee .rmRootLink {
    font-family: Lato, Helvetica, sans-serif;
}

#masterHeaderImage {
    background-image: url("images/MSSNY_logo_horizontal_150dpi.png");
}
.header-aux-container .UtilityAuthentication a, .header-aux-container a.NavigationLink, 
.header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link, 
.header-aux-container .account-toggle .nav-text,
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text{
    color: #000;
    font-size: 17px;
    font-weight: 400;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:before,
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover:before, 
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus:before {
    background: #000 !important;
}
.header-aux-container {
    background: #fff;
    height: 68px;
    border-bottom: 2px solid #e9e9ea;
}

.navbar-toggle, .obo-toggle, .ste-toggle, .page-statistics-toggle, .searchbar-toggle,
a.ste-toggle, .account-menu .account-toggle-wrapper .caret {
    background: #000 !important;
}
.RadMenu.RadMenu_Coffee {
    margin-top: 40px;
    margin-bottom: 40px;
}
.RadMenu.RadMenu_Coffee .rmHorizontal .rmText, .RadMenu.RadMenu_Coffee .rmText {
    color: #1A4D74;
    font-size: 18px;
    font-weight: 700;
}

.RadMenu.RadMenu_Coffee .rmHorizontal .rmText:hover, .RadMenu.RadMenu_Coffee .rmText:hover {
    color: #007c7a
}
    .RadMenu.RadMenu_Coffee .rmHorizontal .rmText, .RadMenu.RadMenu_Coffee .rmText {
        padding: 15px 15px;
    }

@media(min-width: 992px) {
    #masterHeaderImage {
    height: 57px;
    width: 470px;
    }
}
@media (max-width: 991px) {
    #masterHeaderImage {
        width: 217px;
        height: 26px;
        margin: 10px 0px;
        background-size: cover;
        position: relative;
    }
}