/*
Theme Name: ECA Restaurants Theme
Theme URI: http://yourURL.org
Description: HTML5-based WordPress theme. Bla bla bla
Author: KW Design
Author URI: http://yourURL.com
Version: 0.1
*/


* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.chromeframe {position: absolute; top: 0;}

/*body {
    color: #483b1d;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}*/

html {
    background-color: #fff;
    color: #483b1d;
    /*font-size: .875em;*/
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1.3;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* We like off-black for text. */
select,
input,
textarea {
    color: #333;
}

a {
    color: #423514;
    text-decoration: none;
}
a:hover {
    color: #a90e00;
}

::-moz-selection{
    background: #a33936;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #a33936;
    color: #fff;
    text-shadow: none;
}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

#wrapper {width: 960px; margin: 20px auto;}

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}

ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/

@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

} */

h1, h2, h3, h4, h5, h6,
ul, ol,
p {
    margin-top: 0;
}


p:last-child {
    margin-bottom: 0;
}



ul, ol, li {
    list-style: none;
    margin: 0;
    padding: 0;
}




ol,
ol li {
    list-style: decimal;
}
ol {
    padding-left: 1.5em;
}




img {
    display: block;
    max-width: 100%;
}





.justified {
    font-size: 0;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    width: 100%;
}
.justified:after,
.justified:before {
    content: '';
    display: inline-block;
    width: 100%;
}






/* Centering Things
   --------------------------------------- */

.in-center {
    max-width: 997px;
    margin-left: auto;
    margin-right: auto;
}

.centerin {
    bottom: 25px;
    left: 50%;
    position: absolute;
    width: 100%;
}
.centerin__inner {
    left: -50%;
    position: relative;
}








/* Aspect ratio
  ---------------------------------------- */

.aspect-ratio--custom {
    height: 0;
    position: relative;
    padding-bottom: 39.63%;
}








/* Helpers
   ------------------------------------------------- */

.list__item {
    display: inline-block;
}



.text-centered {
    text-align: center;
}

.text-italic {
    font-style: italic;
}

.text-expanded {
    letter-spacing: .08em;
}
.text-expanded--lg {
    letter-spacing: .1em;
}

.text-uppercase {
    text-transform: uppercase;
}


.pull-left { float: left; }
.pull-right { float: right; }


.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}








/* Wordpress Aligns
   ------------------------------------------- */

/* Center */
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

/* Left */
.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

/* Right */
.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

/* None */
.alignnone {
    margin-bottom: 10px;
}


.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: '';
    clear: both;
    height: 0;
}
.clearfix {
    display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */








/* Borders
   ---------------------------------------------------- */

.border--right {
    border-right: solid #5e5338 1px;
}
.border--left {
    border-left: solid #5e5338 1px;
}

/* ungrid */
@media screen and (max-width: 550px) {
    .border--left.ungrid--sm,
    .border--right.ungrid--sm {
        border: none;
    }
}









/* Default Paddings
   ---------------------------------------------------- */

.pad {
    padding: 2.2em;
}
.pad--left {
    padding-left: 2.2em;
}
.pad--right {
    padding-right: 2.2em;
}

/* ungrid */
@media screen and (max-width: 550px) {
    .pad--left.ungrid--sm,
    .pad--right.ungrid--sm {
        padding-left: 0;
        padding-right: 0;
        padding-top: 2.2em;
    }
}

/* first col */
.pad--left.ungrid--sm:first-child,
.pad--right.ungrid--sm:first-child {
    padding-top: 0;
}
.








/* Font sizes
   --------------------------------------------------- */

.fs--default {
    font-size: 1em;
}
.fs--small {
    font-size: .875em;
}


.lh--normal {
    line-height: 1.5;
}
.lh--xl {
    line-height: 2.3;
}




/* General - Buttons
   ----------------------------------------------- */

[type="submit"],
.btn {
    background-image: none;
    background: #e8e3da; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZTNkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmM0YWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e8e3da 0%, #d2c4ad 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e3da), color-stop(100%,#d2c4ad)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e8e3da 0%,#d2c4ad 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e8e3da 0%,#d2c4ad 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e8e3da 0%,#d2c4ad 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e8e3da 0%,#d2c4ad 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e3da', endColorstr='#d2c4ad',GradientType=0 ); /* IE6-8 */
    border: solid #b09c87 1px;
    border-radius: 3px;
    box-shadow: 0 0 2px #b09c87;
    cursor: pointer;
    color: #a90e00;
    font-weight: 400;
    font-size: 13px;
    font-family: 'Crete Round', serif;
    display: inline-block;
    margin-bottom: 0;
    line-height: 1;
    letter-spacing: .07em;
    padding: 7px 25px;
    text-align: 400;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
[type=submit]:hover,
.btn:hover {
    border-color: #603c25;
}

.btn--mini {
    font-size: 11px;:
}








/* Form Elements
   ---------------------------------------------- */

[type=text],
textarea {
    border: solid #9d8e73 1px;
    background-color: #fffbf3;
    border-radius: 3px;
    margin: 0;
    padding: 10px;
}


label {
    color: #54482c;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}







/* General - Thumb
   ------------------------------------------------- */

.thumb .centered {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);
}
.thumb .centered > img {
    left: 0;
    max-height: 200px;
    position: absolute;
    top: 0;
    z-index: 1;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}








/* Semi Transparent
   ------------------------------------------------- */

.semi-transparent--brown {
    background: url(images/semi-transparent-brown.png);
    color: #fff;
}








/* Page Heading
   ------------------------------------------------- */

.page-heading {
    font-family: 'Crete Round', serif;
    font-size: 25px;
    padding: 25px 20px;
    text-transform: uppercase;
}










/* General - Table layout
   ---------------------------------------- */

.l-table {
    display: table;
    height: 100%;
    width: 100%;
}
.l-table-cell {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}








/* Cols
   ------------------------------------------------ */

.col {
    float: left;
    min-height: 1em;
    position: relative;
}

.col--one-three {
    width: 33.3333333%;
}
.col--two-three {
    width: 66.6666666%
}

.col--one-two {
    width: 50%;
}

.col--one-four {
    width: 25%;
}

.col--two-four {
    width: 50%;
}
.col--three-four {
    width: 75%;
}








/* Media Object
   ------------------------------------------------- */

.media {
}

/* media image */
.media__image {
    float: left;
}
.media__image > img {
    display: block;
}







/* Icons
   ------------------------------------------------ */

.icon {
    display: block;
}

/* arrows */
.icon--arrow-prev {
    background-image: url(images/nav-arrows.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 31px;
    width: 31px;
}
.icon--arrow-next {
    background-image: url(images/nav-arrows.png);
    background-repeat: no-repeat;
    background-position: 0 -31px;
    height: 31px;
    width: 31px;
}










/* Section
   ------------------------------------------------- */

.section {
    position: relative;
    padding-top: 1.62em;
    padding-bottom: 1.62em;
    padding-left: 15px;
    padding-right: 15px;
}
.section__inner {
    max-width: 997px;
    margin-left: auto;
    margin-right: auto;
    position: relative;

    /*background: rgba( 0, 255, 0, 0.3 );*/
}







/* Sticky Configs
   ------------------------------------------------- */

#sticky.sticky--up {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}
.menu-padding { padding-top: 129px; }








/* Top Bar
   ------------------------------------------------- */

.section--top-bar {
    background-color: #9e8c6d;
    color: #d8d1c1;
    line-height: 1.62em;
    padding-top: 8px;
    padding-bottom: 8px;
}

.section--top-bar .section__inner {}


/* top bar social menu */
.social-networks-menu {
    float: right;
    margin-bottom: 0;
    padding-left: 0;
}
.social-networks-menu > .list__item > a {
    background: #d8d1c1;
    border-radius: 50%;
    color: #9e8c6d;
    display: block;
    font-size: 18px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 26px;
}
.social-networks-menu > .list__item > a:hover {
    background: #9e8c6d;
    color: #d8d1c1;
}
/*.social-networks-menu > .list__item > a > i {
    vertical-align: middle;
}*/
@media screen and (max-width: 420px) {
    .social-networks-menu {
        display: none;
    }
}


/* top bar phone number */
.top-bar__phone {
    border-right: solid #d8d1c1 1px;
    font-family: 'Crete Round', serif;
    font-size: 18px;
    float: right;
    margin-right: 1em;
    margin-bottom: 0;
    padding-right: 1em;
}
@media screen and (max-width: 420px) {
    .top-bar__phone {
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
    }
}


/* top bar ask button */
.top-bar__ask {
    float: left;
}








/* Mobile Menu Section
   ---------------------------------------- */

.section--mobile-nav {
    background-color: #c7b79b;
    display: none;
    padding: 0;
}
@media screen and (max-width: 980px) {
    .section--mobile-nav {
        display: block;
    }
}


.mobile-site-nav > li {
    float: none;
}

.mobile-nav ul li a {
    color: #fff;
    display: block;
    padding: .5em 15px;
}
.mobile-nav ul li a:hover {
    background-color: #9f8c6c;
}

.mobile-nav .sub-menu a {
    color: #ede8df;
    padding-left: 25px;
}


/* Submenu */
.mobile-site-nav .sub-menu {
    background: none;
    left: auto;
    position: static;
    top: auto;
}
.mobile-site-nav .sub-menu > .menu__item {
    margin: 0;
}


/* Toggle - present in header section */
#mobile-nav-toggle {
    display: none;
    font-size: 1.62em;
    line-height: 80px;
    position: absolute;
    right: 10px;
}
@media screen and (max-width: 980px) {
    #mobile-nav-toggle {
        display: block;
    }
}








/* Header
   ------------------------------------------------ */

.section--header {
    background: #f4f0e9 url(images/menu-bg.png) repeat-x center top;
    border-bottom: solid #fff 3px;
    height: 84px;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 10000;
}

/* logo */
.site-logo {
    display: inline-block;
    left: 50%;
    margin-left: -115px;
    position: absolute;
    top: 0;
}
@media screen and (max-width: 420px) {
    .site-logo {
        left: 0;
        margin-left: 0;
    }
}








/* Header navigation
   ---------------------------------------------- */

#main-nav {
    font-size: 13px;
    list-style: none;
    letter-spacing: .07em;
    /*line-height: 84px;*/
    margin: 0;
    padding: 0 215px 0 0;
    text-transform: uppercase;
}
#main-nav > .list__item {
    margin-left: 35px;
    position: relative;
}
#main-nav > .list__item:first-child {
    margin-left: 50px;
}
#main-nav > .list__item > a {
    display: block;
    line-height: 84px;
}

/* TODO: remove this media query */
@media screen and (max-width: 1024px) {
    #main-nav > .list__item {
        margin-left: 25px;
    }
}
@media screen and (max-width: 980px) {
    #main-nav {
        display: none;
    }
}


/* submenu */
.sub-menu {
    background: url(images/semi-transparent-yellow.png);
    padding: 10px;
    position: absolute;
    left: -10px;
    top: 60px;
    width: 160px;

    display: none;
}
.sub-menu > .menu__item {
    margin-top: 15px;
}
.sub-menu > .menu__item:first-child {
    margin-top: 0;
}

.sub-menu.is-hidden { display: none; }
.sub-menu.is-active { display: block; }








/* reserve a table button */
.btn--reserve-table {
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: 27px;
    right: 0
}
@media screen and (max-width: 980px) {
    .btn--reserve-table {
        display: none;
    }
}








/* About Section
   ------------------------------------------------- */

.section--about {
    background-color: #f0eade;
    /* box-shadow: 0 5px 9px -2px rgba(0,0,0,0.3); */
    color: #483b1d;
    position: relative;
    z-index: 1;
}

.section--about .section__title {
    color: #7e735b;
    font-family: 'Crete Round', serif;
    font-size: 1.5em;
    margin-bottom: 15px;
}

.section--about p {
    font-size: .875em;
}








/* Footer
   ------------------------------------------------ */

.section--footer {
    background: #daceba url(images/footer-bg.png);
}


/* Footer col */
.col--footer {
    color: #54482c;
    /*padding-top: 20px;
    padding-bottom: 25px;*/
}

/* Footer col Header */
.col--footer__header {
    color: #54482c;
    font-family: 'Crete Round', serif;
    font-size: 1.5em;
    padding-bottom: 15px;
    padding-left: 16px;
}

/* Footer col Body */
.col--footer__body {
    border-top: solid #000 1px;
    border-left: solid #000 1px;
    font-size: 13px;
    min-height: 129px;
    position: relative;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 15px;
    padding-top: 15px;
}
@media screen and (max-width: 770px) {
    .col--footer__body {
        border-left: none;
    }
}




/* Footer Col - Contact Info */
.col--contact-info .col--footer__body {
    padding-right: 196px;
    /*border-left: solid #000 1px;
    border-right: solid #000 1px;*/
    /*position: relative;
    padding-right: 196px;
    padding-left: 16px;*/
}

/* map */
.contact-info-map {
    border: solid #bcac8f 5px;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 20px;
}
.contact-info-map:hover {
    border-color: #a90e00;
}

.col--business-hours .col--footer__body {
    border-left: none;
    /*padding-right: 16px;*/
}

/* Awards column */
.col--awards .col--footer__body {
    padding-right: 0;
}

.col--awards .left {
    float: left;
    width: 30%;
}
.col--awards .right {
    float: right;
    width: 65%;
}

/* buttons */
.col--awards .btn {
    display: block;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
}

/* award banner */
.col--awards .banner-winner {
}




/* footer copyright */
.footer-copyright {
    color: #54482c;
    clear: both;
    display: block;
    font-size: 12px;
    padding: 20px 16px 0;
}









/* Featured section
   ------------------------------------------------ */

.section--featured .col {
    color: #fff;
    overflow: hidden;
    /*padding-left: 1%;
    padding-right: 1%;*/
    position: relative;
}


/* featured box */
.fbox {
    height: 200px;
}

.fbox__bg {
   max-height: 200px;
}

.fbox__desc {
    position: relative;
    z-index: 2
}
.fbox__desc > span {
    display: block;
    line-height: 1;
    margin-top: 25px;
}
.fbox__desc > span:first-child {
    margin-top: 0;
}

.fbox__eyebrow {
    font-size: 18px;
    font-size: 1.125em;
    /*margin-bottom: 25px;*/
    text-transform: uppercase;
}
.fbox__title {
    font-size: 28px;
    font-size: 1.75em;
    font-family: 'Crete Round', serif;
}
.fbox__subtitle {
    font-size: 31px;
    font-size: 1.72em;
    font-weight: 300;
}

/*class*=col--www-] {
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
}

.col--www-one {
    background: url(http://localhost/kaus/wp-content/uploads/2014/06/www-box-one.jpg) no-repeat center;
    background-size: cover;
    min-height: 200px;
}

.col--www-two {
    background: url(http://localhost/kaus/wp-content/uploads/2014/06/www-box-three.jpg) no-repeat center;
    background-size: cover;
    min-height: 200px;
}

.col--www-three {
    background: url(http://localhost/kaus/wp-content/uploads/2014/06/www-box-two.jpg) no-repeat center;
    background-size: cover;
    min-height: 200px;
}
*/


/* featured boxes - new */
.list--feat-boxes .list__item {
    width: 32%;
}
.list--feat-boxes .list__item > a {
    display: block;
}
.list--feat-boxes .list__item > a > img {
    width: 100%;
}













/* Section Slider
   ------------------------------------ */

.section--slider {
    overflow: hidden;
    padding: 0;
}
.section--slider .section__inner {
    background: #eee;
    /*max-width: none;*/
}

@media screen and (max-width: 420px) {
    .section--slider {
        padding-bottom: 40px;
    }
}


/* Page Heading */
.section--slider .page-heading-title {
    top: 35%;
}
.section--slider .page-heading-title__inner > h2 {
    font-size: 1.45em;
    margin-left: 20px;
    margin-right: 20px;
}
@media screen and (max-width: 550px) {
    .section--slider .page-heading-title {
        display: none;
    }
}


/* SLIDER */
.vslider-container {
    overflow: hidden;
}
@media screen and (max-width: 420px) {
    .vslider-container {
        overflow: visible;
    }
}


/* VSlider Title */
.vslider-title {
    position: absolute;
    top: 45%;
    width: 100%;
    z-index: 10001;
}

.vslider-slidewrapper {
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.vslider-slides {
    bottom: 0;
    top: 0;
    position: absolute;
    width: 100%;
}



/* VSlider slides wrapper */
.vlider-slidewrapper {
    position: relative;
    z-index: 10;
}


/* VSlider slide */
.vslider-slides__slide {
    position: absolute;
    width: 100%;
}
.vslider-slides__slide > img {
    height: auto !important;
    width: 100%;
}


/* VSlider slide title */
.vslider-slides__photo-title {
    bottom: 25px;
    position: absolute;
    left: 10%;
    z-index: 1001
}


/* VSlider nav */
.vslider-nav-wrapper {
    bottom: 5%;
    position: absolute;
    right: 2%;
}
.vslider-nav {
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1001;
}

.vslider-nav__prev,
.vslider-nav__next {
    display: block;
    margin-top: 15px;
}


/* VSlider move transition */
.vslider-move {
    -webkit-transition: top 400ms ease-out;
    -moz-transition: top 400ms ease-out;
    -o-transition: top 400ms ease-out;
    -ms-transition: top 400ms ease-out;
    transition: top 400ms ease-out
}


/* Slider Slide Title */
.slide-title {
    bottom: 1.62em;
    color: #423514;
    font-size: 16px;
    text-transform: uppercase;

    position: absolute;
    left: 2%;
    bottom: 5%;

    /* hides slider title */
    opacity: 0;
}

/* slide link */
.slide-link,
.slide-link > a {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.slide-link > a {
    text-indent: -999em;
}


/* Slider Nav */
.vslider-container .in-center {
    bottom: 0;
    position: relative;
}

/* Slider counter */
.vslider-counter {
    bottom: 30px;
    color: #fff;
    font-size: 12px;
    font-style: italic;
    position: absolute;
    right: 40px;
    z-index: 999;
}


/* responsive slider nav */
@media screen and (max-width: 770px) {
    .vslider-nav-wrapper .in-center,
    .vslider-nav-wrapper .centerin__inner,
    .vslider-nav-wrapper,
    .vslider-nav {
        bottom: auto;
        left: auto;
        margin: auto;
        position: static;
        width: auto;
    }

    .vslider-nav__prev,
    .vslider-nav__next {
        bottom: 0;
        position: absolute;
        right: 15px;
        z-index: 9999;
    }
    .vslider-nav__prev {
        right: 55px;
    }

    .vslider-counter {
        right: 40px;
    }
}
@media screen and (max-width: 420px) {
    [class^=vslider-nav__] {
        background-color: #9f8c6c;
        bottom: -40px;
        height: 40px;
        margin-bottom: 0;
        right: auto;
        width: 50%;
    }
    .vslider-nav__prev {
        left: 0;
    }
    .vslider-nav__next {
        left: 50%;
    }

    [class^=vslider-nav__] > .icon {
        margin-top: 4px;
        margin-left: auto;
        margin-right: auto;
    }
}






/* ========================================================
   PAGES
   ======================================================== */

/* Media Title
   -------------------------------------------------------- */

.section--media-title {
    /*background: #eee;*/
    /* min-height: 180px; */
    overflow: hidden;
    position: relative;
    padding: 0;
}




/* TODO: This might need to be deleted  later - don't think we use it at all */
/* centered caption */
.media-title__caption {
    left: 50%;
    padding-top: 8em;
    position: absolute;
    width: 100%;
}
.section--media-title-inner .media-title__caption {
    padding-top: 3em;
}

.media-title__caption-inner {
    left: -50%;
    position: relative;
}
.media-title__caption h2 {
    position: relative;
    z-index: 2;
}
/* Media sub title */
.media-title__caption h2 > small {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: normal;
}
/* ================= Delete till this line ============== */


/* Page Media Title */
@media screen and (max-width: 480px) {
    .section--media-title .page-heading-title {
        bottom: 0;
        top: auto;
    }
}



/* featured image */
.media-title__image {
    position: relative;
    z-index: 1;
}
.media-title__image > img {
    height: auto !important;
    width: 100%;
}








/* Brown Page Heading title
   ------------------------------------------- */

.page-heading-title {
    left: 50%;
    position: absolute;
    top: 30%;
    width: 100%;
    z-index: 9999;
}
.page-heading-title__inner {
    left: -50%;
    position: relative;
}
.page-heading-title__inner > h2 {
    font-family: 'Crete Round', serif;
    font-size: 1.5625em;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
    padding: 25px 15px;
}
.page-heading-title__inner > h2 > small {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: normal;
}
@media screen and (max-width: 770px) {
    .page-heading-title__inner > h2 {
        padding: 10px 15px;
    }
}









/* Title
   ------------------------------------------------------ */

.section--page-title {
    background-color: #f0eade;
    margin-left: auto;
    margin-right: auto;
    max-width: 997px;
    padding-top: 4em;
    padding-bottom: 4em;
}
@media screen and (max-width: 770px) {
    .section--page-title {
        padding-top: 2em;
        padding-bottom: 2em;
    }
}

.section--page-title-narrow {
    padding-top: 1em;
    padding-bottom: 1em;
}

.section--page-title .section__title {
    color: #54482c;
    font-family: 'Crete Round', serif;
    font-size: 24px;
    margin-bottom: 0;
    text-transform: uppercase;
}








/* Default Page Content
   ------------------------------------------------------ */

.section--page {
    color: #54482c;
    font-size: .875em;
    font-weight: 400;
    line-height: 2.4;
    padding-top: 2.2em;
    padding-bottom: 2.2em;
}








/* Chef's Page
   ------------------------------------------------------ */

.media--chefs-bio {
     margin-bottom: 4em;
     overflow: hidden;
}

/* Chef Image */
.media--chefs-bio > .media__image {
    border-right: solid #5e5338 1px;
    float: left;
    padding-right: 40px;
    width: 30%;
}

.media--chefs-bio > .media__image > img {
    width: 100%;
}


/* Chefs Bio */
.media--chefs-bio > .media__body {
    float: left;
    width: 70%;
}

@media screen and (max-width: 550px) {
    .media--chefs-bio > .media__image,
    .media--chefs-bio > .media__body {
        width: 100%;
    }

    .media--chefs-bio > .media__image {
        border: none;
        padding-right: 0;
        padding-bottom: 1.62em;
    }

    .media--chefs-bio > .media__body {
        padding-left: 0;
    }
}








/* Address Page
   ------------------------------------------------------- */

.col--address {
    color: #54482c;
    font-weight: 200;
    line-height: 1.6;
    padding-right: 1em;
    text-transform: uppercase;
}
.col--address .col__title {
    font-size: 1em;
    margin-bottom: .5em;
}
.col--address p:last-child {
    margin-bottom: 0;
}

/* map */
.col--map {
    padding-left: 1em;
}

/* directions */
.col--directions p {
    margin-bottom: .1em;
}

/* hours */
.col--hours {
    font-size: .875em;
    padding-left: 2.3em;
}








/* Post Defaults
   ------------------------------------------------------- */

.post {
    color: #54482c;
}

/* Post title */
.post__title {
    color: #514427;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 0;
}
.post__title > a {
    color: #ad0e00;
}

/* Post body */
.post__body {
    font-size: .875em;
    line-height: 1.72;
}

/* Post Meta */
.post__meta {
    font-size: 12px;
    margin-bottom: 5px;
}








/* Post excerpt
   ------------------------------------------------------- */

.post--excerpt {
    position: relative;
    padding: 25px;
}

.post--even {
    background-color: #f7f3ec;
}

/* Excerpt image */
.media--post-excerpt .media__image {
    padding-right: 20px;
    width: 27%;
}
.media--post-excerpt .media__image > img {
    height: auto !important;
}

/* Excerpt body */
.media--post-excerpt .media__body {
    float: left;
    width: 73%;
}

/* no media */
.post--excerpt-no-media .media__body {
    width: 100%;
}








/* Post Full
   ------------------------------------------------------ */

/* Post header */
.post--full .post__header {
    margin-bottom: 25px;
}


/* Post title */
.post--full .post__title {
    font-weight: 400;
    font-size: 1.5em;
}


/* Post Date */
.post--full .post__date {
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}


/* post body */
.post__body .pull-left {
    margin-right: 25px;
    margin-bottom: 20px;
}








/* Category Page
   ------------------------------------------------------- */

.section--category-posts {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}

/* Recent col */
.col--recent {
    i/*padding-left: 2.3em;*/
}







/* Recent sidebar
   -------------------------------------------------------- */

.col--recent .col__title {
    color: #54482c;
    font-size: 1em;
    font-weight: 600;
}

/* Recent posts item */
.recent-posts__item {
    font-size: 1em;
    margin-bottom: 35px;
}
.recent-posts__item > a {
    color: #ad0e00;
    font-weight: 200;
}
.recent-posts__item .post-date {
    color: #54482c;
    font-size: small;
    display: block;
}








/* Photo Gallery
   ----------------------------------------------- */

.section--photo-gallery {
    /* padding: 0; */
}
.section--photo-gallery .section__inner {
    /* max-width: none; */
}


/* photo gallery wrapper */
#eca-photo-gallery {
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}
@media screen and (max-width: 640px) {
    #eca-photo-gallery {
        width: auto;
    }
}


/* Flex Slider */

.slides > li > img,
.flex-viewport > ul > li > img {
    height: auto !important;
}


/* main image */
#eca-photo-gallery-main {
    margin-bottom: 10px;
}


/* thumbs */
#eca-photo-gallery-thumbs {
    background: #f0eade;
    padding: 10px;
}
#eca-photo-gallery-thumbs > .flex-viewport {
    max-width: 997px;
    margin-left: auto;
    margin-right: auto;
}
#eca-photo-gallery-thumbs li {
    cursor: pointer;
    margin-right: 5px;
}


/* Styling gallery */
#eca-photo-gallery .flexslider {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

/* paging */
#eca-photo-gallery .flex-control-paging { display: none; }

/* nav arrows */
#eca-photo-gallery .flex-prev,
#eca-photo-gallery .flex-next {
    background-image: url(images/nav-arrows.png);
    background-repeat: no-repeat;
    background-position: 0 -62px;
    color: transparent;
    height: 31px;
    text-indent: -999em;
    text-shadow: none;
    width: 31px;
}
#eca-photo-gallery .flex-next {
    background-position: 0 -93px;
}








/* Private Dining
   ------------------------------------------------ */

/* flip book */
.section--flip-book iframe {
    width: 100% !important;
}








/* Home page news blurb
   ----------------------------------------------- */

.section--news-teaser {
    background: #9a2322;
    background: rgba( 154,34,34, 0.9 );
    /*height: 78px;*/
    /*margin-bottom: -78px;*/
    padding-top: 2.6em;
    padding-bottom: 1em;
    /*z-index: 9999;*/
}

.section--news-teaser p,
.section--news-teaser a {
    color: #fff;
    font-size: 15px;
}



























.ps-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-transform: uppercase;
    color: #555;
    background: #fff;
}

.ps-container > div {
    position: absolute;
    width: 50%;
}

.ps-container > div > div,
.ps-slidewrapper > nav,
.ps-slides > div {
    position: absolute;
}

.ps-header {
    top: 0px;
    left: 0px;
    height: 150px;
    z-index: 1001;
    background: #fff;
}

.ps-header h1 {
    color: #ccc;
    line-height: 150px;
    margin: 0;
    padding: 0 50px;
    font-weight: 200;
    font-size: 14px;
    letter-spacing: 10px;
}

.ps-contentwrapper {
    top: 150px;
    bottom: 0px;
    overflow: hidden;
    z-index: 1000;
}

.ps-content {
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 50px;
}

.ps-content h2 {
    padding: 10px 15px;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    letter-spacing: 4px;
    margin: 10px 0 30px;
    text-align: right;
    font-weight: 700;
}

.ps-content p {
    line-height: 26px;
    font-size: 12px;
    letter-spacing: 2px;
    word-spacing: 10px;
    padding: 10px 15px;
    font-weight: 400;
    text-align: justify;
    border-left: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
}

.ps-content span.ps-price {
    float: left;
    margin: 10px;
    width: 140px;
    height: 140px;
    line-height: 140px;
    text-align: center;
    color: #fff;
    background: #f7cfc6;
    background: rgba(247,197,185,0.8);
    font-size: 55px;
    font-weight: 200;
}

.ps-content a:last-child {
    font-size: 14px;
    font-weight: 700;
    color: #555;
    letter-spacing: 4px;
    float: right;
    border: 3px solid #555;
    padding: 3px;
    text-indent: 4px;
}

.no-touch .ps-content a:last-child:hover {
    color: #b2d79d;
    border-color: #b2d79d;
}

.ps-content a:last-child:before {
    content: '\53';
    font-family: 'icon';
    font-style: normal;
    font-weight: normal;
    speak: none;
    padding-right: 5px;
}

.ps-slidewrapper {
    right: 0px;
    top: 0px;
    height: 100%;
    overflow: hidden;
}

.ps-slides {
    top: 0px;
    bottom: 200px;
    width: 100%;
}

.ps-slides > div {
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 9999px rgba(179,157,250,0.1);
}

.ps-slidewrapper > nav {
    width: 100%;
    height: 200px;
    bottom: 0px;
    right: 0px;
    z-index: 1000;
}

.ps-slidewrapper > nav > a {
    width: 50%;
    height: 100%;
    position: relative;
    float: left;
    box-shadow: inset 0 0 0 9999px rgba(207,227,206,0.8);
    outline: none;
}

.ps-slidewrapper > nav > a:first-child {
    box-shadow: inset 0 0 0 9999px rgba(233,217,141,0.8);
}

.no-touch .ps-slidewrapper > nav > a {
    -webkit-transition: box-shadow 0.4s ease-in-out;
    -moz-transition: box-shadow 0.4s ease-in-out;
    -ms-transition: box-shadow 0.4s ease-in-out;
    -o-transition: box-shadow 0.4s ease-in-out;
    transition: box-shadow 0.4s ease-in-out;
}

.no-touch .ps-slidewrapper > nav > a:hover {
    box-shadow: inset 0 0 0 9999px rgba(246,224,121,0.1);
}

.no-touch .ps-slidewrapper > nav > a:first-child:hover {
    box-shadow: inset 0 0 0 9999px rgba(249,15,15,0.1);
}

.ps-slidewrapper > nav > a:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -50px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

.ps-slidewrapper > nav > a:first-child:after {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: -80px 0 0 -50px;
}

.ps-slides > div,
.ps-slidewrapper > nav > a {
    background-color: #fff;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
}

.ps-move {
    -webkit-transition: top 500ms ease-out;
    -moz-transition: top 500ms ease-out;
    -o-transition: top 500ms ease-out;
    -ms-transition: top 500ms ease-out;
    transition: top 500ms ease-out;
}

@media screen and (max-width: 860px) {

    .js .ps-container > div {
        width: 100%;
    }

    .js .ps-header {
        height: 50px;
    }

    .js .ps-header h1 {
        line-height: 50px;
        padding: 0px 20px;
        letter-spacing: 4px;
    }

    .js .ps-slides {
        bottom: 320px;
        top: 50px;
    }

    .js .ps-slidewrapper > nav {
        height: 100px;
    }

    .js .ps-contentwrapper {
        top: auto;
        height: 220px;
        bottom: 100px;
    }

    .js .ps-content {
        padding: 10px;
    }

    .js .ps-content h2 {
        border-right: none;
        font-size: 18px;
        margin: 10px 0;
        padding-top: 0;
    }

    .js .ps-content span.ps-price {
        font-size: 18px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-weight: 700;
        margin-bottom: 0;
    }

    .js .ps-content p {
        line-height: 20px;
        border: none;
        padding: 5px 10px;
        height: 80px;
        overflow-y: scroll;
    }

    .js .ps-content a:last-child {
        font-size: 13px;
        margin: 10px 20px 0 0;
    }
}








/* Contact Page
   ---------------------------------------------- */

#cfwc_contactform,
#ask_chef_contactform {
    overflow: hidden;
}

/* Form Content Before */
.cfwc-content-before,
.ask-chef-content-before {
    color: #54482c;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    line-height: 1.5;
    margin-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
    /*text-transform: uppercase;*/
}

/* form rows */
.cfwc-form-row,
.ask-chef-form-row {
    float: left;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
}

.cfwc-form-row--subject,
.cfwc-form-row--textarea,
.ask-chef-form-row--subject,
.ask-chef-form-row--textarea {
    clear: both;
    width: 100%;
}

/* labels */
.cfwc-form-row > label,
.ask-chef-form-row > label {
    display: block;
}

/* inputs */
.cfwc-form-row > [type=text],
.cfwc-form-row > textarea,
.ask-chef-form-row > [type=text],
.ask-chef-form-row > textarea {
    width: 100%;
}

/* controls */
.cfwc-form-row--controls,
.ask-chef-form-row--controls {
    clear: both;
}
.cfwc-form-row--controls [type=submit],
.ask-chef-form-row--controls [type=submit] {
    font-size: 17px;
}


/* Contact form before content */
.contact-form-before,
.ask-chef-content-before {
    color: #54482c;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    line-height: 1.5;
    /*margin-bottom: 25px;*/
    padding-left: 10px;
    padding-right: 10px;
}



.list--feat-boxes .list__item {
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 770px) {
    /*.list--feat-boxes .list__item {
        display: block;
        margin-bottom: 20px;*/

    .ungrid--md {
        width: 100% !important;
    }
}


@media screen and (max-width: 550px) {
    .list--feat-boxes .list__item {
        display: block;
        margin-top: 20px;
    }
    .list--feat-boxes .list__item:first-child {
        margin-top: 0;
    }


    .ungrid--sm {
        width: 100% !important;
    }
}


/** TEMPORARY **/
/* .vslider-slides > .vslider-slides__slide:first-child .slide-title {
    display: none;
}
.page-heading-title.is-hidden {
    display: none;
} */