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

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

body{background:#001b5b url("/wp-content/uploads/2014/09/bkg5.jpg") repeat scroll 0 0;font-size: 12px; line-height:1.5em; font-family:'Open Sans', Arial, Helvetica, sans-serif;color:#0d0d2b;	-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;}

.menu li {background: url("../images/menu-separator.gif") no-repeat scroll right center transparent;}

.menu li, .explore, .read-more, #submit, #submit-comm, .post-title-page, .widgettitle, .widgettitle2, .comm-title{font-family:'Oswald', sans-serif;}

.open-hours, .home-text, .home-title, .home-bottom .slide_title{font-family: 'Merienda One', cursive;}


a,a:hover, .post-title a:hover, .post-info a:hover, .open-text, .open-title, .flex-caption h2{color:#00404f;}
.menu, .home-title, .post-title-page, .portfolio-categ li, .item_price, .item_price2{background:#00404f;}
.home-title:after { content: "";position: absolute;display: block;bottom: 0;right: -34px;z-index: 0; border-width: 20px 30px;border: 20px solid #00404f;border-right-color: transparent;}
#menu-holder:before, #menu-holder:after {content: "";position: absolute;display: block;bottom: -12px;z-index: 2;border: 24px solid #f3be1a;}
#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: #00404f 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 #00404f;}
.img-left-post a img:hover{border: 1px solid #00404f;}
.post-title a{color:#0d0d2b;}
.post_image:hover img{border:5px solid #00404f;}
.post-title-page:after {content: "";position: absolute;display: block;top:0px;right: -55px;z-index:0;border: 1px solid #00404f; 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 #00404f; 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:#00546e}
.menu li:hover > a, .menu li.current_page_item a, .menu li.current-menu-item a{background:#00546e; text-decoration:none; color:#fff;}
.explore, .read-more, #submit, #submit-comm{border:1px solid #622929;background: #f3be1a;background: -webkit-gradient(linear, left top, left bottom, from(#f3be1a), to(#b58c12));	background: -moz-linear-gradient(top, #f3be1a,  #b58c12);background: linear-gradient(#f3be1a, #b58c12);}
.explore:hover, .explore:active, .read-more:hover, .read-more:active, #submit:hover, #submit:active, #submit-comm:hover, #submit-comm:active{border-color: #af4949;background: #99830c;background: -webkit-gradient(linear, left top, left bottom, from(#99830c), to(#8c6900));background: -moz-linear-gradient(top, #99830c,  #8c6900);background: linear-gradient(#99830c, #8c6900);}
#footer{border-top:5px solid #f3be1a;color:#a5a5a5;background: #002026;background: -webkit-gradient(linear, left top, left bottom, from(#00404f), to(#002026));background: -moz-linear-gradient(top, #00404f,  #002026);background: linear-gradient(#00404f, #002026);}
.home-bottom .slide_title{color:#00404f;}
.home-bottom .slide_title span {color:#473030;}
.home-bottom .slide_image img {border:2px solid #00404f;display:block;}
#backTop{ background:#00404f;border-radius:50%;cursor: pointer;display: block;width: 50px;height: 50px;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:#00546e;}   


input.comm-field, #commentform textarea,input.reservation-fields,#message2, select.reservation-fields{ border: 1px solid #cccccc;} 
input.comm-field:focus, #commentform textarea:focus,input.reservation-fields:focus,#message2:focus {
  border-color: #00404f;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #00546e;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #00546e;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #00546e;
}




@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: 480px){
.post-title-page:after{display:none;}
} 

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