/*
Theme Name:Osteria
*/
.Rel_pos{ position:relative;}
.Reserv_form{position: absolute;right: 15px;width: 290px;background: #ffffff;top: 37px;
display: none; padding: 30px 25px 25px 25px; box-shadow: 0px 0px 5px #666; }
.dis_block{ display: block;}
.dis_none{ display: none;}
.r_row{ display: block; width: 100%; padding-bottom: 15px; float: left;}
.r_row label{ display: block; color: #a29994; font-weight: normal; font-size: 12px; margin-bottom: 3px;}
.r_row input[type=text]{ width: 100%; border: 1px solid #dfdcdd; border-radius: 3px; padding: 3px;}
.r_row select{background: #f6f6f6; border: 1px solid #dfdcdd; width: 100%; padding: 3px; -webkit-appearance: field;}
.half_row{ width: 48%;}
.fleft{ float: left;}
.fright{ float: right;}
.Reserv_form .find_tabel{background: #509ed4; width: 100%; border: none; padding: 7px 0; color: #fff; font-weight: bold;border-radius: 3px;
font-size: 12px;}
table.events-table tr td {
	padding: 0 0 10px 0;
}


/* New Changes by theBREWROOM */

.blog-detail {
    padding-top: 0px !important;
}

div#metaslider_container_331 {
    clear: both;
    float: left;
}

@media (min-width: 640px) {
.event_map {
    width: 48%;
}
}
.eventdate {font-family: Vast Shadow; color:#850325;}
.eventtime {color:#850325;}
.event_map h1 {
    padding-top: 20px;
    background: none;
    text-align: center;
}
.event_map a {
    color: #850325;
}


hr.dotted {
    border-top: dotted 2px;
    border-color: #a86f1d;
    margin-top: 0px;
}

html {
    background-image: url(/wp-content/uploads/2017/06/ost-bg.jpg);
    background-size: 100%;
}

body {background: none;}

.header {
    background: #fff;

}

.logo {
    top: 32px !important;
}

.contact h3 a {
    color: #333333;
    font-family: 'Rokkitt', serif !important;
    font-size: 23pt;
}
.contact, .contact p, .timing, .rokkit {font-family: 'Rokkitt', serif !important;}

.timing {
    padding: 0px 18px 9px 0;
}

#footer h4 {
    font-family: Vast Shadow;
font-size: 18px;
}

.newContainer {
    max-width: 1140px;
    margin: auto;
}

.container {padding: 0;}

.page-content {
    background: #fff;
}

.homeSlider {
    max-width: 100% !important;
    height: auto;
}

section.welcome-note {
    background: #fff;
}
#footer .top-footer {
    background: #aa700a;
}
#footer .bottom-footer {
background: #f1e3cc;
color: #5a5959;
}

#footer .bottom-footer span, #footer .bottom-footer small, #footer .bottom-footer a {
    color: #5a5959;
}

.nav-menu {
    background: #4f4f51;
}

.nav-menu.navbar-default ul li.current-menu-item a, .nav-menu.navbar-default ul li.current-page-ancestor a {
    background: #aa700a;
    color: #fff;
}

/* Global Styles */
hr {
    border-color: #850325;
}

p a {
    color: #4e0214;
}
a:hover {
    color: #4e0214;
    text-decoration: underline;
}

h1 {
    color: #850325;
    font-size: 30px;
    line-height: 32px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    background: url(images/border.png) bottom repeat-x;
    letter-spacing: 3px;
    padding-bottom: 15px;
    padding-top: 12px;
    margin-bottom: 12px;
}
h2 {
font-size: 21px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #850325;
text-transform: uppercase;
letter-spacing: 0px;
text-align: left;
background: none;
}
h3 {
font-size: 14px;
color: #850325;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}
@media only screen and (max-width: 640px){
.Reserv_form{ width: 95%;}	
}




/* General Area */
.page-leftside {
    padding-left: 0px;
}
.scroll-content {
    max-height: none !important;
}
.Widget {
    padding-left: 0;
    padding-top: 0;
    border-top: none;
}
.Widget #insertPages_Content h1 {
    border-top: none;
}
.container {
    margin-bottom: 2px;
}

.top-footer .container {
    margin-bottom: 0px;
    height: 210px;
}

.left-section {
    height: 604px;
    background-image: none;
}
.right-widgets {
    width: auto !important;
}

.right-widgets h2 {
max-width: 100% !important;
text-align: center;
}

.right-widgets .image-title h2 {
    position: relative !important;
    right: 0px !important;
    top: 17px !important;
    width: 100% !important;
    text-align: center !important;
    float: left;
}

.execphpwidget {
background: url('/wp-content/uploads/2014/07/HOME1.jpg');
background-position: bottom center;
background-size: cover;
background-repeat: no-repeat;
}

.left-section .metaslider li img {
    height: 100%;
    width: auto;
    margin: auto;
}
.home .left-section {
 height: 604px;
}
.home .right-widgets .events {
    font-weight: bold;
}
.home .right-widgets .right-section-img {
    margin-left: 0px !important;
    border-left: 2px solid #850325;
}

/* Nav */
ul#menu-main-menu > li > a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2) ;
    color: #FFF;
}

.caret {
    border-left-width: 6px !important;
    border-right-width: 6px !important;
    border-top-width: 6px !important;
}

.navbar-collapse.collapse.in  #menu-main-menu{
 height: auto;
}


/* Meta Slider */
.left-section .metaslider {
    margin: auto;
}
.left-section .metaslider li img {
 height: 604px;
 width: 100%;
}

/* Logo */
.logo {
    top: 4px;
}

/* Nav */
#menu-main-menu {
 height: 32px;
}
.nav-menu li ul {
    width: auto;
}
/* Home Page Overrides */
.home .specials-section {
    overflow: hidden;
    height: 275px;
    padding-right: 0px;
    padding-top: 0px;
}

.home .pad20 {
    padding-top: 20px;
}

/* footer */

@media only screen and (max-width: 805px){
 .one-third, .mid-half, .one-third.last {
  min-height: 200px !important;
 }
}

.home .right-widgets {
    float: none;
    border: none;
}

.home .right-widgets .events, .home .right-widgets .right-section-img {
    height: 321px;
    border-bottom: 2px solid #850325;
}
.home .right-widgets .right-section-img .execphpwidget, .home .right-widgets .right-section-img img {
    height: 100%;
}
.week-row {
    width: 100%;
    clear: both;
    float: left;
}

.week-row div {
    float: left;
    width: 14%;
    text-align: center;
}
.week-row div a {
    margin: auto;
}
body .em-calendar {
//    margin-left: 0px;
    margin: 10px auto;
}

.home .em-calendar td {
    width: 32px;
}
.home .em-calendar .eventless-today, .home .em-calendar .eventful-today{
    padding-left: 0px;
    padding-right: 0px;
    line-height: 23px;
}
.home .em-calendar .eventful-pre a, .home .em-calendar .eventful-post a {
    width: 26px;
    height: 26px;
}
/* So that events during the month can stand out more like previous and post events*/
.home .em-calendar .eventful a {
 background: #cfb075!important;
 box-shadow: inset 0 0 0 2px #eae0c1, 0 0 0 2px #cfb075;
 border-radius: 50%;
 color: #333;
 display: block;
 height: 26px;
 width: 26px;
 line-height: 26px;
 text-decoration: none!important;
 font-size: 13px;
}

/* About Pages */
.about .left-section {
    height: 594px;
}

/* Food Pages */
.right-stationery-section.scroll-content {
    overflow: hidden;
    height: 604px;
}

.about .left-section {
	overflow: hidden;
}
.about .right-stationery-section.scroll-content {
	height: 594px !important;
}
.right-stationery-section.scroll-content .super-scroller {
}


/* Blog Page Overrides */

/*.blog .page-content {
    margin-top: -20px;
}
.nes .page-rightside {
    margin-top: 20px; }
*/
.news .page-leftside.scroll-content, .news .page-rightside.scroll-content {
    overflow: hidden;
    height: 520px;
     /*border: none !important;*/
}

.news .page-leftside.scroll-content .blog-detail {
    margin-top: -20px;
}

.news .page-leftside h1 {
    padding-top: 0px;
}
.news .page-leftside h2 a {
    font-size: 17px;
    color: #850325;
}
.levels {
    overflow: hidden;
}
.level1 {
    height: 600px;
    padding:0;
}
.level1 img {
    width: 100%;
    height: 100%;
}
.level2, .level3 {
    height: 300px;
    overflow: hidden;
}
.level2 .masonry-inner, .level3 .masonry-inner {
    padding-top: 20px;
    padding-bottom: 20px;
}
.level2 .masonry-inner {
    width: 520px;
    margin: auto;
}
.level3 .masonry-inner-inner {
    width: 206px;
    margin: auto;
}
.level3 .masonry-inner h2 {
    margin-top: 15px;
    margin-bottom: 10px;
    text-transform: none;
    font-weight: inherit;
}

.level3 .masonry-inner p {
    font-style: italic;
    line-height: 23px;
    padding-bottom: 0px;
}
.level3 .masonry-inner .post-image img {
    height: 265px;
}


/* Gallery Page */

.gallery h3 {
    text-indent: 12px;
}
.gallery .content {
    padding-top: 15px;
}

/* Store Page Overrides */
.store .page-leftside {
    padding-left: 0px;
}

.store .scroll-content {
    height: 700px;
    
}

.store .page-rightside {
    overflow: hidden;
    height: 700px;
}
.store .page-rightside.scroll-content {
}


/* Scroll Content */
.scroll-content {
    padding-bottom: 0px;
}

 .scroll-content.active:before, .scroll-content.active:after {
    content: "";
    width: 100%;
    height: 87px;
    position: absolute;
    pointer-events: none;
}

.scroll-content.active:before {
    background: url('images/up_arrow.png') no-repeat center top;
}

.scroll-content.active:after {
    background: url('images/down_arrow.png') no-repeat center bottom;
    bottom: 0px;
}
.page-rightside {
   padding-left: inherit !important; 
}
.super-scroller {
    width: 100%;
    height: 100%;
    overflow-y: auto !important;
}

.eventless-today a {
    background: #af624f!important;
    box-shadow: inset 0 0 0 2px #eae0c1, 0 0 0 2px #af624f;
    border-radius: 50%;
    color: #501222;
    display: block;
    height: 26px;
    width: 26px;
    line-height: 26px;
    font-size: 13px;

    vertical-align: middle;
}




/* Kims styles */
table#t01 {
    width: 100%; 
    vertical-align: middle;
}





/* Iphone styles */
@media only screen and (max-device-width: 480px) and (orientation:portrait){
 .left-section .metaslider li img  {
  height: auto;
 }
 .left-section, .home .left-section {
  height: auto;
 }
}
@media only screen and (max-device-width: 480px) and (orientation:landscape) {
}
.page-template-templatesblog-php  a{
 color: #850325
}
.page-template-templatesblog-php a.reservation-button{
	color: #fff;
}
.home .month_name {
display: table-cell !important;
}
.home .em-calendar .eventless-today, .home .em-calendar .eventful-today {
background: none !important;
padding-left: 9px !Important;
}

.inner-page-leftside {
    max-width: 100%;
    padding: 0px !important;
}

.page-leftside {
    padding-left: 12px !important;
}

.event_image img {
    border: 2px solid #850325;
}
.event_image,
.event_map,
.event_dates {
    margin-bottom: 0px;
}
.villaggio {
	margin-right: 15px;
}
@media screen and (max-width: 991px) {
.villaggio {
	margin-right: 0;
}

.home .left-section {
    height: auto;
}

.left-section .metaslider li img {
    height: auto;
    width: 100%;
    margin: auto;
}


}