/*restaurants_nav*/
@media screen and (max-width:767px){
 #page.site{

}
}


.site-header ul#menu-main.menu li.focus > a, .site-header ul#menu-main.menu li.current-menu-item  > a{

}


@media screen and (max-width:767px){
 #restaurants_home{
  width:100%;
 } 
}
 
 @media screen and (min-width: 768px){
 #restaurants_home{

 }
 
  #restaurants_home:after{
  content: "";
display: block;
width: 100%;
clear: both;
   
  }
}
 

 #restaurants_home .restaurants_tile{
 float:left;
 overflow: hidden;
 }
 
  @media screen and (min-width:1024px){
  #restaurants_home .restaurants_tile{
 width:33.3%;

 }
}
  @media screen and (min-width:768px) and (max-width:1023px){
  #restaurants_home .restaurants_tile{
 width:50%;

 }
}

  @media screen and (max-width:767px){
  #restaurants_home .restaurants_tile{
 width:100%;

 }
}

#restaurants_home .restaurants_tile{
 /*
 box-sizing: border-box;
 position: relative;
 */
}



#restaurants_home .restaurants_image{
/*max-height: 400px;*/
}

.restaurant_tagline{
color:#0A0A0A;
}

.restaurant_title_text{
 position: absolute;
 max-width: 75%;
}

#restaurants_home .restaurant_title {
 font-size: 20px;
 text-transform: uppercase;
line-height: 1.1em;
margin:0;
padding:8px 16px;
background: white;
}

.restaurant_title .restaurant_tagline{
 font-size: .7em;
}


#restaurants_home .restaurant_logo{
 max-width: 300px;
max-height: 300px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 15px;
top: 15px;
}



@media screen and (max-width:767px) {
 .restaurants_internal .restaurants_image {
  height:250px
 }
}
@media screen and (min-width:768px) {
.restaurants_internal .restaurants_link_wrapper {
  float:left;
  width:40%
 }
 .restaurants_internal .restaurants_text {
  float:right;
  width:60%
 }
}
 .restaurants_internal .restaurants_tile {
 width:100%;
 margin-bottom:25px;
 padding:15px;
 border:1px solid #ddd;
}
@media screen and (min-width:768px) {
 .restaurants_internal .restaurants_tile.h {
  height:auto;
  display: inline-block;
 }
}
@media screen and (max-width:767px) {
 .restaurants_internal .restaurants_tile.h .restaurants_image {
  height:300px
 }
}
@media screen and (min-width:768px) and (max-width:991px) {
 .restaurants_internal .restaurants_tile.h_sm_400 {
  height:450px
 }
}
 .restaurants_internal .restaurants_tile .rt_hours {
 white-space:pre-line
}
@media screen and (min-width:992px) {
 .restaurants_internal  .restaurants_tile .rt_left {
  width:60%;
  float:left;
  height:100%;
  border-right:1px solid #ddd;
  box-sizing:border-box;
  padding-right:15px
 }
 .restaurants_internal .restaurants_tile .rt_right {
  width:40%;
  float:left
 }
 .restaurants_internal .restaurants_tile .rt_right .rt_hours {
  padding:0 15px 15px 15px;
  white-space:pre-line
 }
}
@media screen and (max-width:991px) {
 .restaurants_internal .restaurants_tile .rt_right {
  border-top:1px solid #ddd;
  padding-top:15px;
  margin-top:15px
 }
}
.restaurants_internal .restaurants_link_wrapper {
 display:block;

}

.restaurants_link_wrapper{
  display: flex;
align-items: center;
justify-content: center;
position: relative;
text-align: center;
}

.restaurant_tagline{
 display: none;
}

.restaurants_image::after{
 transition: opacity .5s ease;
}



.restaurant_tagline{
 transition: visibility .5s ease;
}

.restaurants_link_wrapper:hover > .restaurants_image::after{
 opacity:.5;
}

.restaurants_link_wrapper:hover  .heading_text{
 display: none;
}

.restaurants_link_wrapper:hover  .restaurant_tagline{
display: block;
}


.restaurants_image:after{
background:
black;

position: absolute;

left: 0;

right: 0;

top: 0;

bottom: 0;

content: "";

display: block;

width: 100%;

height: 100%;

opacity: 0;

}
.restaurants_image {
 position: relative;
 height:400px;
 width:100%;
 background:white;
 background-size:cover;
 background-position:50% 50%;

}
.restaurants_image .visit {
    position: absolute;
    bottom: 0;
    right: 0;

}
.restaurants_text {
 height:auto;
 padding:15px;
 height:100%;
 box-sizing:border-box;
 position:relative;
 display:none;
}
.restaurants_text .restaurants_title {
 font-size:1.8em;
 margin-bottom:5px;
 line-height:1.2em
}
.restaurants_text .rest_info {
 display:inline-block;
 width:100%
}
.restaurants_text .rest_logo {
 max-height:75px
}
.restaurants_text .rest_contact {
 margin-bottom:10px
}
.restaurants_text .rest_contact p {
 padding:0
}
.restaurants_text .restaurant_header {
 font-weight:bold
}
#restaurant_nav {
 display:inline-block;
 width:100%;
 margin:10px 0
}
@media screen and (min-width:500px) {
 #restaurant_select {
  float:left
 }
}
a#locations_link {
 margin-bottom:10px;
 display:block;
 color:#cf1123
}
@media screen and (min-width:500px) {
 a#locations_link {
  float:right
 }
}
@media screen and (max-width:499px) {
 a#locations_link {
  margin-top:15px
 }
}
a#restaurants_link {
 margin-bottom:10px;
 display:block;
 color:#cf1123
}
@media screen and (min-width:500px) {
 a#restaurants_link {
  float:left
 }
}
@media screen and (max-width:499px) {
 a#restaurants_link {
  margin-top:15px
 }
}

/*BIOS*/
#bio_wrapper a{
 color:#262626;
}


.bio_name_wrapper{
 font-size: 1.3em;
}

.bio_name{

}

.bio_restaurant{
font-size: .8em;
}

.bio_name_item.bio_position:after{
 content: "\2022";
 margin:0 5px;
}

#bio_wrapper{
 display: flex;
  flex-wrap: wrap;
}

.img_full_bio{
 width:100%;
 max-width: 600px;
}

 .tile.bio_tile {

padding: 0 10px;
}
@media screen and (max-width:767px){
  .tile.bio_tile {
 width: 50%;
}
}

@media screen and (min-width:768px){
 .tile.bio_tile {
 width: 25%;
}
}


.tile_image{
 width:100%;
 height:300px;
 background-repeat: no-repeat;
 background-size:cover;
 background-position: center;
}

.bio_description{
 white-space: pre-line;
}


/*===contact page===*/
.form_row{
display: inline-block;
clear: both;
width: 100%;
margin-bottom: 10px;
}

.input_name{
display: block;
font-weight: bold;
margin-bottom: 3px;
}

.form_cell{
float: left;
width: 48%;
}

.form_cell.right{
float: right;
}

.form_row input{
width:100%;
background: #e1e1e1;
border: none;
height:25px;
}

.form_row textarea{
		width: 100%;
background: #e1e1e1;
border: none;
padding: 0;
margin: 0;
}
.asterik{
color:red;
font-weight: bold;
font-size:1.2em;
}
#message_submit{

background: #e4122f;
color: white;
border: none;
padding: 5px 15px;
border-radius: 5px;
cursor: pointer;
}

#page_content #map{
	margin-bottom: 15px;
}