body {
background-color: #fff !important;
}

.col-xs-4{
padding-left: 6px;
padding-right: 6px;
}
.col-sm-4{
padding-left: 6px;
padding-right: 6px;
}
@font-face {
  font-family: "GabrielaSemiBold";
  src: url('webFonts/GabrielaSemiBold/font.woff2') format('woff2'), url('webFonts/GabrielaSemiBold/font.woff') format('woff');
}
@font-face {
  font-family: "GabrielaBold";
  src: url('webFonts/GabrielaBold/font.woff2') format('woff2'), url('webFonts/GabrielaBold/font.woff') format('woff');
}

#meals-menu-wrapper {
background: #fff;
}

.smith-menu-wrapper {
    margin: 10px;
}
span.highlight{
  background: rgba(120, 198, 232, 0.61);
  padding: 1px 5px 2px 5px;
  border-radius: 2px;
}

.mealarea { font-weight: 600;
color: #3a3a3a;
}

.dining-announce {
    padding: 18px 18px 18px 23px;
    border: 2pt solid #00472f;
    background-color: #c0f6e9;
    width: 75%;
    text-align: center;
    border-radius: 5px;
    margin: 0 auto;
}
.dining-announce h3 {
    color: rgb(0 0 0);
    margin-bottom: 10px;
    font-size: clamp(2.25rem, 2.25rem + 1.1458vw, 3rem);
    font-family: "GabrielaSemiBold", times, serif;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 1.5;
}

.dining-announce p{margin-bottom: .6em !important;     font-weight: 500;}

#announce {
margin-top: 15px;
margin-bottom: 0px;
}

#meals-menu-wrapper .row{ 
margin: 0px 24px 0px 24px;

}
.search-head {
text-align:center;
margin: -30px 0px 10px -8px;
}

span.no-results {font-size: 20px !important; color: #bb4646 !important;}

#current-filters {
margin: 4px 4px 4px 4px;
font-size:11px;
}

#smith-menu-search-wrapper {
    width: 100%;
    text-align: center;
    padding: 2px 5px 15px 5px;
    border-radius: 2px;
    margin-top: 35px;
}
.meal-filter {   
border: 1px solid #ccc !important;
padding: 2px 4px 2px 4px !important;
margin: 18px 4px 4px 4px;
font-size:12px;
}
.inner-search-wrap {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    clear: left;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #e8e8e8;
    background: -webkit-linear-gradient(#e8e8e8, #f7f7f7);
    background: -o-linear-gradient(#e8e8e8, #f7f7f7);
    background: -moz-linear-gradient(#e8e8e8, #f7f7f7);
    background: linear-gradient(#e8e8e8, #f7f7f7);
    padding: 2px 8px 10px 0px;
}
#smith-menu-search-wrapper h4{
padding-left: 0px;
margin: 0px;
font-family: "GabrielaBold", times, serif;
color: #333333;
}

.smith-menu-form-block {
float:left;
margin: 0px 0px 0px 8px;
}
.smith-menu-form-block input,select{
display: block;
border: 1px solid #e1e1e1 !important;
background: #fff !important;
text-transform: uppercase !important;
border-radius: 0px !important;
padding: 0px 0px 0px 4px;
visibility: visible;}
    
.smith-menu-form-block label{
display: block;
text-align: left !important;
margin: 0px 0px 2px 0px;
font-size:10px;
}
.smith-menu-form-block select{
display: block;
padding: 1px 0px 1px 0px;
width: 125px;
}
#meal_keyword {width: 125px;}
.meal-date {width: 145px;}


.smith-menu {
    background: #f7f7f7;
    color: #212121;
    font-weight: 500;
    text-align: center;
    border-top: 0px solid #cecece;
    border-right: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding: 0px 0px 8px 0px;
}
.smith-menu-empty {
    font-weight: 500;
    text-align: center;
    padding: 0px 0px 15px 0px;
}

.smith-menu p{
    padding: 0px 8px 0px 8px;
    font-size: 12px;
    line-height: 18px;
    word-wrap: break-word;
}

#menu-block table {
margin:  0 auto;
width: 100%;
-webkit-font-smoothing: antialiased;
color: #333;
border-collapse: collapse;
border-spacing: 0;
padding: 0px 8px 0px 8px;
font-size: 12px;
line-height: 16px;
word-wrap: break-word;
}

#menu-block table tr:nth-child(odd) {
               background: transparent;
               }
               
#menu-block table td {
        padding: 2px 10px;
	vertical-align: top;
              }

#menu-block table th {
               padding: 10px 20px;
               border-bottom: 1px solid rgba(203, 196, 188, 0.5);
              }
#menu-block table tr:nth-child(even) {
               background: rgba(227,221,213,0.25);
              }
 
.smith-breakfast-table tr:nth-child(even) {
	      background: rgba(227,221,213,0.25) !important;
              }
.smith-lunch-table tr:nth-child(even) {
	      background: rgba(227,221,213,0.25) !important;
              }
.smith-dinner-table tr:nth-child(even) {
	      background: rgba(227,221,213,0.25) !important;
              }
              
#menu-block table td:last-child { border: none; }
#menu-block table tr:first-child td { padding-top: 0px; }
#menu-block table tr:first-child { border-top: none; padding-top: 0px; }

.smith-menu-head {
    letter-spacing: 1px;
    margin-top: 20px;
    padding-bottom: 10px;
    background-color: #fff;
    position: relative;
}
.smith-no-results {
    letter-spacing: 1px;
    margin-top: 20px;
    padding-bottom: 10px;
    background-color: #fff;
    position: relative;
}
.smith-no-results h2 span {
    background: #fff;
    padding: 0 15px;
}

.smith-no-results h2 {
    position: relative;
    color: #666666;
    z-index: 1;
    font-size: 24px;
    text-align: center;
    padding: 5px 0px 5px 0px;
    font-family: "Sentinel SSm A","Sentinel SSm B",serif;
    margin-bottom: 35px;
}
.smith-meal-head {
    padding: 5px;
    margin-bottom: 5px;
}
.smith-meal-item {
    padding-bottom: 2px;
    border-bottom: 1px solid #000;
}
.smith-breakfast {
    background: #fbe6ef;
    background: -webkit-linear-gradient(#fbe6ef, #f7f7f7);
    background: -moz-linear-gradient(#fbe6ef, #f7f7f7);
    background: linear-gradient(#b91d4252, #f7f7f7);
    border-top: 1px solid #b91d42;
}

.smith-lunch {
    background: #e6ebfb;
    background: -webkit-linear-gradient(#e6ebfb, #f7f7f7);
    background: -moz-linear-gradient(#e6ebfb, #f7f7f7);
    background: linear-gradient(#1457874a, #f7f7f7);
    border-top: 1px solid #1a2c57;
}

.smith-dinner {
    background: #e6fbe6;
    background: -webkit-linear-gradient(#e6fbe6, #f7f7f7);
    background: -moz-linear-gradient(#e6fbe6, #f7f7f7);
    background: linear-gradient(#00472f47, #f7f7f7);
    border-top: 1px solid #00472f;
}

.smith-menu-head h2 span {
    background: #fff;
    padding: 0 15px;
}

.smith-menu-head h2 {
    position: relative;
    color: #333333;
    z-index: 1;
    text-align: center;
    padding: 5px 0px 5px 0px;
    font-size: clamp(2.25rem, 2.25rem + 1.1458vw, 3rem);
    font-family: "GabrielaBold", times, serif;
    font-weight: 600;
    margin-bottom: 35px;
}

.smith-menu-head h2:before {
    border-top: 1px solid #dad8d5;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 85%;
    z-index: -1;
}
.smith-meal-head h4 {
    color: #212121;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    z-index: 1;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 5px 0px 5px 0px;
    font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
}
.smith-meal-head h4:before {
    border-top: 1px solid rgba(204, 204, 204, 0.6);
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 110%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 45%;
    z-index: -1;
}

@media (max-width: 768px) {
.smith-menu {
    margin-bottom: 8px;
}

}


@media (max-width: 640px) {

#current-filters {
padding-top: 10px;
width: 75%;
margin: 0 auto;
}
.smith-meal-head h4 {
font-size: 13px;
}
.smith-menu-head h2 {
    margin-bottom: 25px;
}

}

@media (max-width: 550px) {

.meal-filter {
margin: 8px 4px 4px 0px;
}
#current-filters {
width: 65%;
}
.smith-menu-form-block {
float: none;
}
#menu-block table {
font-size: 11px;
}
}