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

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

body{background:#1E1614 url("http://www.laboutiquedelgelato.it/wordpress/wp-content/themes/cafehouse/images/patterns/bkg4.png") repeat scroll 0 0;font-size: 14px; line-height:1.5em; font-family:'Open Sans', Arial, Helvetica, sans-serif;color:#897874;	-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:#4ebab6;}
.menu, .home-title, .post-title-page, .portfolio-categ li, .item_price, .item_price2{background:#4ebab6;}
.home-title:after { content: "";position: absolute;display: block;bottom: 0;right: -34px;z-index: 0; border-width: 20px 30px;border: 20px solid #4ebab6;border-right-color: transparent;}
#menu-holder:before, #menu-holder:after {content: "";position: absolute;display: block;bottom: -12px;z-index: 2;border: 24px solid #4192a3;}
#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: #4192a3 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 #4ebab6;}
.img-left-post a img:hover{border: 1px solid #4ebab6;}
.post-title a{color:#897874;}
.post_image:hover img{border:5px solid #4ebab6;}
.post-title-page:after {content: "";position: absolute;display: block;top:0px;right: -55px;z-index:0;border: 1px solid #4ebab6; 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 #4ebab6; 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:#4192a3}
.menu li:hover > a, .menu li.current_page_item a, .menu li.current-menu-item a{background:#4192a3; text-decoration:none; color:#fff;}
.explore, .read-more, #submit, #submit-comm{border:1px solid #3a8291;background: #3a8291;background: -webkit-gradient(linear, left top, left bottom, from(#3a8291), to(#3a8291));	background: -moz-linear-gradient(top, #3a8291,  #3a8291);background: linear-gradient(#3a8291, #3a8291);}
.explore:hover, .explore:active, .read-more:hover, .read-more:active, #submit:hover, #submit:active, #submit-comm:hover, #submit-comm:active{border-color: #4192a3;background: #3a8291;background: -webkit-gradient(linear, left top, left bottom, from(#3a8291), to(#3a8291));background: -moz-linear-gradient(top, #3a8291,  #3a8291);background: linear-gradient(#3a8291, #3a8291);}
#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:#4ebab6;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:#4192a3;}   


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: #4ebab6;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #4192a3;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #4192a3;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #4192a3;
}




@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;}
}