/*==========================================================================================
	
This file contains styles related to the colour scheme of the theme

==========================================================================================*/

body{font: 14px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";color:#634B47;	-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;}
.menu li {background: url("../img/menu-separator.gif") no-repeat scroll right center transparent;}
a,a:hover, .post-title a:hover, .post-info a:hover, .open-text, .open-title, .flex-caption h2{color:#BF5252;}
.menu, .home-title, .post-title-page, .portfolio-categ li, .item_price, .item_price2{background:#BF5252;}
.home-title:after { content: "";position: absolute;display: block;bottom: 0;right: -34px;z-index: 0; border-width: 20px 30px;border: 20px solid #BF5252;border-right-color: transparent;}
#menu-holder:before, #menu-holder:after {content: "";position: absolute;display: block;bottom: -12px;z-index: 2;border: 24px solid #994040;}
#menu-holder:before {left: -50px;border-width: 25px 30px;border-left-color: transparent;}
#menu-holder:after {right: -50px;border-width: 25px 30px;border-right-color: transparent;}
#menu-holder .menu:before, #menu-holder .menu:after {z-index: 4;content: "";position: absolute;display: block;border-style: solid;border-color: #8C3B3B transparent transparent transparent; bottom: -12px;}
#menu-holder .menu:before {left: 0px;border-width: 12px 0px 0px 11px;}
#menu-holder .menu:after{right: 0;border-width: 12px 11px 0 0;}
.home-img:hover, .col4_img:hover img, .colmenu_img:hover img, .foodmenu_img:hover img{border:2px solid #CC5656;}
.img-left-post a img:hover{border: 1px solid #CC5656;}
.post-title a{color:#634B47;}
.post_image:hover img{border:5px solid #CC5656;}
.post-title-page:after {content: "";position: absolute;display: block;top:0px;right: -55px;z-index:0;border: 1px solid #BF5252; border-width: 33px;border-right-color:transparent;}
.item_price:after, .item_price2:after{ content: "";position: absolute;display: block;top: 0;right:0px;z-index: 0;border: 1px solid #CC5656; border-width: 12px; border-right-color:transparent;}
.item_price2:after{top:0px;right:-25px;border-width: 13px;}
.portfolio-categ li:hover, .portfolio-categ li.current-cat{background:#A64646}
.menu li:hover > a, .menu li.current_page_item a, .menu li.current-menu-item a{background:#A64646; text-decoration:none; color:#fff;}
.explore, .read-more, #submit, #submit-comm{border:1px solid #622929;background: #D55857;background: -webkit-gradient(linear, left top, left bottom, from(#D55857), to(#BD4544));	background: -moz-linear-gradient(top, #D55857,  #BD4544);background: linear-gradient(#D55857, #BD4544);}
.explore:hover, .explore:active, .read-more:hover, .read-more:active, #submit:hover, #submit:active, #submit-comm:hover, #submit-comm:active{border-color: #af4949;background: #ed7574;background: -webkit-gradient(linear, left top, left bottom, from(#ed7574), to(#D55857));background: -moz-linear-gradient(top, #ed7574,  #D55857);background: linear-gradient(#ed7574, #D55857);}
#footer{border-top:5px solid #544541;color:#a5a5a5;background: #1E1817;background: -webkit-gradient(linear, left top, left bottom, from(#302725), to(#1E1817));background: -moz-linear-gradient(top, #302725,  #1E1817);background: linear-gradient(#302725, #1E1817);}
.home-bottom .slide_title{color:#D67878;}
.home-bottom .slide_title span {color:#473030;}
.home-bottom .slide_image img {border:2px solid #D67878;display:block;}
#backTop{ background:#CC5656;border-radius:50%;cursor: pointer;display: block;width: 40px;height: 40px;padding: 5px;position: fixed; bottom: 20px; right: 20px; text-align: center;}
#backTop a{color:#fff;text-decoration:none;font-size:13px;margin-top:10px;display:block;}
#backTop:hover{ background:#A64646;}   


input.comm-field:focus, #commentform textarea:focus,input.reservation-fields:focus,#message2:focus {
  border-color: #CC5656;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #A64646;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #A64646;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #A64646;
}


@media (min-width: 768px) and (max-width: 979px) {

#menu-holder:before, #menu-holder:after, #menu-holder .menu:before, #menu-holder .menu:after{display:none;}

} 

@media (max-width: 767px){

#menu-holder:before, #menu-holder:after, #menu-holder .menu:before, #menu-holder .menu:after{display:none;}
.home-title:after{ border:none;}

} 

@media (max-width: 320px){
.item_price:after{display:none;}
}