body{
    color: #fff;
    background-color: #222;
    font-family: Arial, sans-serif;
}

.header{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    max-width: 720px;
    margin: auto;
    margin-top: 10px;
    border: 0px solid #ddd;
}

@media (max-width: 767px) {
    .header{
        max-width: 400px;
    }
}

.hwmlogo{
    margin-top: 10px;
    width: 170px;
    text-align: center;
    border: 0px solid #ddd;
}

@media (max-width: 767px) {
    .hwmlogo{
        display: none;
    }
}
@media (min-width: 768px) {
    .hwmlogox{
        margin-top: -90px;
    }
}

.HWM1{
    width: 320px;
    text-align: center;
    font-size: 31px;
}
.HWM2{
    width: 320px;
    text-align: center;
    font-size: 43px;
    margin-top:-10px;
}

.HWM1 a:link, .HWM1 a:visited, .HWM1 a:hover, .HWM1 a:active
.HWM2 a:link, .HWM2 a:visited, .HWM2 a:hover, .HWM2 a:active{
    color: inherit;
    text-decoration: none;
}

.whitebox{
    positionx:relative;
    top:0px;
    width:170px;
    height:80px;
    background:#fff;
    padding:7px 10px;
    border:0px solid #555;
    border-radius:10px;
    font-size:12px;
    line-height:15px;
    color:#000;
    margin-top: 10px;
    text-align: center;
}
.whitebox a:link, .whitebox a:visited, .whitebox a:hover, .whitebox a:active{
    color: inherit;
    text-decoration: underline;
}
/*@media (min-width: 768px) {
    .whitebox a:link, .whitebox a:visited, .whitebox a:hover, .whitebox a:active{
        color: inherit;
        text-decoration: none;
    }
    .whitebox a:hover{
        text-decoration: underline;
    }
} */
.header img {
    max-width: 60%;
    height: auto;
}

.header .whitebox hr{
margin:2px 0px 2px 0px;
}

a{color: inherit;}
/*a[href^="tel"]{
    text-decoration: underline;
}*/

.phoneifsmall{
    display: inline;
}
.phoneiflarge{
    display: none;
}
@media (min-width: 768px) {
    .phoneifsmall{
    display: none;
    }
    .phoneiflarge{
        display: inline;
    }
}

.ifsmall{
    display: inline;
}
.iflarge{
    display: none;
}
@media (min-width: 768px) {
    .ifsmall{
        display: none;
    }
    .iflarge{
        display: inline;
    }
}

.sub-heading{
    display: flex;
    flex-flow: row wrap;
    max-width: 720px;
    marginx: auto;
    margin: 10px auto 10px auto;
    align-content: center;
    justify-content: space-around;
    font-size: 21px;
    text-align: center;
    border: 0px solid #ddd;
}

.footer{
    display: flex;
    flex-flow: row wrap;
    max-width: 600px;
    margin: 20px auto 15px auto;
    align-content: center;
    justify-content: space-around;
    text-align: center;
    font-size: 95%;
    padding-bottomx: 10px;
    border: 0px solid #ddd;
}

.footer a:link, .footer a:visited, .footer a:hover, .footer a:active{
    color: inherit;
    text-decoration: underline;
}

.facebook img {
    max-width: 100px;
    margin-top: 10px;
}

.facebook-hidden img {
    max-width: 100px;
    visibility: hidden;
    margin-top: 10px;
}

@media (max-width: 600px) {
    .facebook-hidden img {
        width: 0px;
        margin-top: 10px;
    }
}

@media (min-width: 768px) {
    .footer{
        line-height: 130%;
    }
    .footer a:link, .footer a:visited, .footer a:hover, .footer a:active{
        color: inherit;
        text-decoration: none;
    }
    .footer a:hover{
        text-decoration: underline;
    }
}

/* navbar */
.navbar-custom .navbar-container-custom{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    max-width: 720px;
    min-height: 34px;
    margin: auto;
    align-content: center;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}

@media (max-width: 767px) {
    .navbar-custom .navbar-container-custom{
        max-widthx: 600px;
        justify-content: flex-start;
        margin-top: -65px;
        margin-left: 55px;
        border: 0px solid #c0c0c0;
    }
}

@media (max-width: 575px) {
    .navbar-custom .navbar-container-custom{
        margin-left: -10px;
    }
}

.navbar-custom .navbar-toggler {
  color: #fff;
  border-color: #fff;
}

.navbar-custom .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-custom .navbar-nav > li > a {
  font-size: 14px;
  padding: 5px 8px;
  color: #ffffff;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .dropdown-menu > a:hover,
.navbar-custom .dropdown-menu > a:focus{
  color: #888;
  background-color: transparent;
  text-decoration: none;
}

.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover{
  color: #c0c0c0;
}
/* Added Navbar css */
.navbar-custom .navbar-collapse,
.navbar-customz .navbar-form {
  border-color: transparent;
  box-shadow: none;
}
.navbar-custom .dropdown-menu {
  max-width: 50px;
  background-color: #555;
}

.navbar-custom .dropdown-menu > a /*, .navbar-default .navbar-nav .open .dropdown-menu */{
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.8;
    padding-left: 15px;
    text-decoration: none;
}


/***************************/
/*.navbar-customz {
  background-color: inherit;
  border-color: transparent;
}
.navbar-customz .navbar-brand {
  color: #ffffff;
}
.navbar-customz .navbar-brand:hover,
.navbar-customz .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-customz .navbar-text {
  color: #ffffff;
}

.navbar-customz .navbar-nav > .active > a,
.navbar-customz .navbar-nav > .active > a:hover,
.navbar-customz .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #111111;
}
.navbar-customz .navbar-nav > .disabled > a,
.navbar-customz .navbar-nav > .disabled > a:hover,
.navbar-customz .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-customz .navbar-toggle {
  border-color: #dddddd;
}
.navbar-customz .navbar-toggle:hover,
.navbar-customz .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-customz .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-customz .navbar-collapse,
.navbar-customz .navbar-form {
  border-color: #101010;
}

.navbar-customz .navbar-nav > .dropdown > a:hover .caret,
.navbar-customz .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-customz .navbar-nav > a,
.navbar-customz .navbar-nav > a:hover,
.navbar-customz .navbar-nav > a:focus {
  background-color: #111111;
  color: #c0c0c0;
}
.navbar-customz .navbar-nav > a .caret,
.navbar-customz .navbar-nav > a:hover .caret,
.navbar-customz .navbar-nav > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-customz .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-customz .navbar-nav .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-customz .navbar-nav .dropdown-menu > li > a:hover,
  .navbar-customz .navbar-nav .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar-customz .navbar-nav .dropdown-menu > .active > a,
  .navbar-customz .navbar-nav .dropdown-menu > .active > a:hover,
  .navbar-customz .navbar-nav .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #111111;
  }
  .navbar-customz .navbar-nav .dropdown-menu > .disabled > a,
  .navbar-customz .navbar-nav .dropdown-menu > .disabled > a:hover,
  .navbar-customz .navbar-nav .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
} 

.navbar-customz .dropdown-menu{
    max-width: 50px;
}
.navbar-defaultz .navbar-nav .dropdown-menu>a:hover,
.navbar-defaultz .navbar-nav .dropdown-menu>a:focus {
    color:#aaa;
}

.toggler-customZ{
    width: 37px;
    height: 34px;
    margin-left: 7px;
    background-color: transparent;
    border: 1px solid #c0c0c0;
    border-radius: 0.25rem;
}

@media (min-width: 768px) {
    .toggler-customz{
        display: none;
    }
}

.navbar-defaultz {
  border-color: transparent;
    margin-bottom: 0px;
} 
.navbar-defaultz .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-customz .navbar-nav  > a:focus {
  background-color: transparent;
} */
/* mediax (min-width: 768px) {
    .navbar-nav
        {
        border-top: 1px solid #888;
        border-bottom: 1px solid #888;
        }
        /* center navbar */
/*    .navbar .navbar-nav {
        display: inline-block;
        float: none;
    }
    .navbar .navbar-collapse {
        text-align: center;
    } 
} /* end center */

/*.navz .dropdown .dropdown-menu > a:hover, .navz .dropdown .dropdown-menu > a:focus, .dropdown-submenuz:hover > a{
    color: #c0c0c0 !important;
}
.navbar-customz .navbar-nav .dropdown a:focus {
  color: #fff;
}

.navbar-customz{
    padding: 0px;
} */

 /*******************************/

/* Added carousel css */
/*.carousel-control.rightx, .carousel-control.leftx {
  background-image: none;
}*/

.carousel-indicators{
    margin-bottom: -3px;
}

.carousel-indicators li {
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

.top100container {
  padding: 10px 0px 10px 0px;
  max-width: 640px;
  display: flex;
}

.top100container-image {
  margin: 25px 20px 0px 7px;
  width: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  align-self: flex-start;
}

.top100container-text {
  flex: 1 1 auto;
  max-width: 450px;
  margin: 0px 10px 0px 10px;
  align-content: center;
  justify-content: space-around;
  text-align: left;
  text-indentx: 1.5em;
  font-size: 100%;
  line-height: 1.2;
  padding-bottomx: 10px;
  border: 0px solid #ddd;
}

.top100award a:link, .top100award a:visited, .top100award a:hover, .top100award a:active{
    color: inherit;
    text-decoration: underline;
}

.jbcontainer {
  margin-top: 10px;
  padding: 0px 0px 0px 0px;
  max-width: 640px;
  display: flex;
  border: 2px solid #ddd;
}

.jbcontainer-image {
  margin: 35px 20px 0px 7px;
  width: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  align-self: flex-start;
}

.jbcontainer-text {
  flex: 1 1 auto;
  max-width: 450px;
  margin: 10px 10px 0px 10px;
  align-content: center;
  justify-content: space-around;
  text-align: left;
  text-indentx: 1.5em;
  font-size: 100%;
  font-stylex: italic;
  line-height: 1.2;
  padding-bottomx: 10px;
  border: 0px solid #ddd;
}

.jbaward a:link, .jbaward a:visited, .jbaward a:hover, .jbaward a:active{
    color: inherit;
    text-decoration: underline;
}

.HWM-content{
    display: flex;
    flex-flow: row wrap;
    max-width: 600px;
    margin: 20px auto 0px auto;
    align-content: center;
    justify-content: space-around;
    text-align: left;
    text-indentx: 1.5em;
    font-size: 100%;
    line-height: 1.2;
    padding-bottomx: 10px;
    border: 0px solid #ddd;
}

.HWM-wide{
    max-width: 800px;
}

.HWM-Gallery{
    display: flex;
    flex-flow: row wrap;
    max-width: 800px;
    height: 300px;
    margin: 50px auto 0px auto;
    align-contentx: center;
    justify-contentx: space-around;
    text-alignx: left;
    font-sizex: 120%;
    line-heightx: 1.5;
    padding-bottom: 15px;
    border: 0px solid #ddd;
}

.indent-content{
    text-indent: 1.5em;
}

.center-content{
    text-align: center;
}

.text-left{
    text-align: left;
}

.curbside-btn{
    max-width: 200px;
    margin-bottom: 20px;
}

.menu-width{
     max-width: 750px;
}

.menu-image{
    max-width: 100%;
}

.alt-menu iframe{
    display: block;
    height: 1500px;
    width: 100%;
    border: 0px solid #ddd;
}

.alt-version{
    justify-content: flex-end;
    font-size: 90%;
    margin-bottom: 0px;
}

.HWM-content a:link, .HWM-content a:visited, .HWM-content a:hover, .HWM-content a:active{
    color: inherit;
    text-decoration: underline;
}
/*@media (min-width: 768px) {
    .HWM-content a:link, .HWM-content a:visited, .HWM-content a:hover, .HWM-content a:active{
        color: inherit;
        text-decoration: none;
    } */
 /*   .HWM-content a:hover{
        text-decoration: underline;
    } 
 } */
.takeout-content{
    text-indent: 1em;
    font-size: 120%;
    line-height: 130%;
    padding-bottom: 10px;
}
.takeout-content .container{
    border: 0px solid #ddd;
    max-width: 700px;
}

.chef-owned{
    font-size: 21px;
    text-align: center;
    margin-top: 10px;
}

.awards, .about{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    max-width: 700px;
    margin: 10px auto 10px auto;
    border: 0px solid #ddd;
}

.awards img{
    width: 130px;
    margin: 5px 7px 0px 7px;
}

.PhilIq img{
     width: 300px;
}

@media (max-width: 575px) {
    .awards img{
        width: 90px;
    }
    .PhilIq img{
         width: 180px;
    }
}

.about img{
    width: 400px;
    max-width: 100%;
}

.kids img{
    width: 300px;
    max-width: 100%;
}
.HWM-content img, .carousel-item img{
    width: auto; /*600px;*/
    max-width: 100%;
}

.purveyors{
    width: 250px;
    text-align: center;
    margin: 20px;
}

.purveyors img{
    width: 150px;
    max-width: 100%;
    margin: 10px;
}

.purveyors a:link, .purveyors a:visited, .purveyors a:hover, .purveyors a:active{
    color: inherit;
    text-decoration: underline;
}
 @media (min-width: 768px) {
    .purveyors a:link, .purveyors a:visited, .purveyors a:hover, .purveyors a:active{
        color: inherit;
        text-decoration: none;
    }
    .purveyors a:hover{
        text-decoration: underline;
    }
 }
    
.reservations{
    font-size: 120%;
    line-height: 130%;
    padding-bottom: 10px;
    text-align: center;
}
 .reservations a:link, .reservations a:visited, .reservations a:hover, .reservations a:active{
    color: inherit;
    text-decoration: underline;
}

.accessibility{
    font-size: 125%;
    text-indent: 0em;
}

 .accessibility-link a:link, .accessibility-link a:visited, .accessibility-link a:hover, .accessibility-link a:active{
    color: inherit;
    text-decoration: underline;
}
 @media (min-width: 768px) {
    .reservations a:link, .reservations a:visited, .reservations a:hover, .reservations a:active{
        color: inherit;
        text-decoration: none;
    }
    .reservations a:hover{
        text-decoration: underline;
    }
 }
    
.press a:link, .press a:visited, .press a:hover, .press a:active{
    color: inherit;
    text-decoration: underline;
}
 @media (min-width: 768px) {
    .press a:link, .press a:visited, .press a:hover, .press a:active{
        color: inherit;
        text-decoration: none;
    }
    .press a:hover{
        text-decoration: underline;
    }
}
.embed-responsive-itemx{
    max-width: 800px;
}

.map iframe{
    display: block;
    height: 450px;
    width: 100%;
    max-width: 600px;
    border: 0px solid #ddd;
}

/*.mapx, iframex, objectx, embedx{max-width: 100%;} */

.footer-spacer{
    height: 20px;
}

.acc-link a:link, .acc-link a:visited, .acc-link a:hover, .acc-link a:active{
    color: inherit;
    text-decoration: underline;
}
@media (min-width: 768px) {
    .acc-link a:link, .acc-link a:visited, .acc-link a:hover, .acc-link a:active{
        color: inherit;
        text-decoration: none;
    }
    .acc-link a:hover{
        text-decoration: underline;
    }
}

.press_archive_link{
    font-size: 120%;
}

#cboxTitle {
color: #000;
}

#cboxContentx {
    borderx: 10px solid blue;
    border-radius: 0px;
    marginx: 10px;
    box-shadowx: 0 0 25px blue;
}

/*.padhunt{
    padding-top: 5%;
}
.padzagat{
    padding-top: 5px;
} */

.backgroundBlack{
    background-color: black;
}

.backgroundWhite{
    background-color: white;
}

/* Return to top button */
#toTop{
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
}
#toTop .fa {margin-right: 0px;}

/*.btnz{
    background-color: #222;
    border: 1px solid #fff;
}

.btnz:hover, .btnz:active{
    color: #fff;/*#c0c0c0;
    background-color: #222;/*#888;
    border: 1px solid #fff;
}

.btn-infoz:hover, .btn-infzx:active{
    color: #c0c0c0;
    background-color: #888;
    border: 5px solid #fff;
} */
/* End return to top */