/*

Theme Name: HG Restaurant

Theme URI: http://www.livelygreen.com/themes/highgrove/

Author: Lively Green

Author URI: http://themeforest.net/user/LivelyGreen

Description: Modern Restaurant Theme

Version: 1.5.7

License: Themeforest

License: GNU General Public License

License URI: licence/GPL.txt

Tags: restaurant, bakery, bar, pub, one-column, wordpress, bootstrap, html5, css3, jquery, responsive, clean, flat, modern, stylish

Text Domain: highgrove



Resetting and rebuilding styles have been helped along thanks to the fine work of

Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html

along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

and Blueprint http://www.blueprintcss.org/

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 Reset

2.0 Grid system

3.0 Typography

4.0 Tables

4.0 Forms

5.0 Buttons

6.0 Images

7.0 Elements

8.0 Structure

9.0 Site

10.0 Sections

11.0 Content

	11.1 Posts and pages

	11.2 Asides

	11.3 Comments

12.0 Plugins

	12.1 Panels

	12.2 Carousel

	12.3 Reel

	12.4 Isotope

	12.5 Board

	12.6 Menu

	12.7 Affix

13.0 Helper classes

14.0 Custom styles

--------------------------------------------------------------*/



/*--------------------------------------------------------------

1.0 Reset

--------------------------------------------------------------*/



html {

    font-size: 50%;

}



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



    html {

        font-size: 62.5%;

    }



}



body {

    background-image: url("img/bg-alter.png");

    color: #525252;

    font-family: "Roboto", sans-serif;

    font-size: 1.6rem;

    font-weight: 300;

    line-height: 2;

}



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



    body {

        font-size: 1.8rem;

    }



}



.page,

.page.custom-background {

    background-image: none;

}



input,

button,

select,

textarea {

    font-size: 1.6rem;

    font-weight: 400;

    line-height: 2;

}



a {

    color: #d4a88c;

    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out;

    -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out;

}



a:hover,

a:focus {

    color: #000;

    text-decoration: none;

}



a:focus {

    outline: 0;

}



.bg-dark a {

    color: #fff;

}



sup {

    font-size: 65%;

}



hr {

    margin-top: 15px;

    margin-bottom: 15px;

    border-color: #d4d4d4;

}



hr.primary {

    border-color: #d4a88c;

}



hr.transparent {

    border-color: transparent;

}



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



    hr {

        margin-top: 20px;

        margin-bottom: 20px;

    }



}



@media screen and (min-width: 1600px) {



    hr {

        margin-top: 30px;

        margin-bottom: 30px;

    }



}



*[data-effect="fadeIn"] {

    opacity: 0;

}



/*--------------------------------------------------------------

2.0 Grid system

--------------------------------------------------------------*/



.container,

.container-fluid {

    position: relative;

}



/*--------------------------------------------------------------

3.0 Typography

--------------------------------------------------------------*/



h1, h2, h3, h4, h5, h6 {

    color: #000;

    font-weight: 700;

}



.bg-dark h1, .bg-dark h2, .bg-dark h3 {

    color: #fff;

}



h1 {

    font-size: 4.8rem;

}



h2 {

    font-size: 3.6rem;

}



h3 {

    font-size: 2.4rem;

}



h4 {

    font-size: 1.8rem;

}



h5 {

    font-size: 1.6rem;

}



h6 {

    font-size: 1.4rem;

}



h1, h2, h3 {

    margin-top: 30px;

    margin-bottom: 15px;

}



h4, h5, h6 {

    margin-top: 15px;

    margin-bottom: 15px;

}



h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {

    font-weight: 300;

}



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



    h1 {

        font-size: 7.2rem;

    }



    h2 {

        font-size: 4.8rem;

    }



    h3 {

        font-size: 3.6rem;

    }



    h4 {

        font-size: 2.4rem;

    }



    h5 {

        font-size: 1.8rem;

    }



    h6 {

        font-size: 1.6rem;

    }



}



@media screen and (min-width: 1600px) {



    p {

        margin: 0 0 15px;

    }



}



.lead {

    font-family: "Droid Serif", serif;

    font-size: 1.8rem;

    font-style: italic;

    line-height: 1.75;

}



@media (min-width: 768px) {



    .lead {

        font-size: 2.1rem;

    }



}



dt,

dd {

    line-height: 2;

}



@media (min-width: 768px) {



    .dl-horizontal dt {

        width: 90px;

        color: #000;

        text-align: left;

    }



    .dl-horizontal dd {

        margin-left: 90px;

    }



}



address {

    line-height: 2;

    margin-top: 15px;

    margin-bottom: 0;

}



address i {

    color: #000;

    width: 16px;

    margin-right: 15px;

}



blockquote {

    font-family: "Droid Serif", serif;

    font-size: 1.6rem;

    font-style: italic;

    line-height: 1.75;

    padding: 15px 45px;

}



blockquote header {

    margin-bottom: 15px;

}



blockquote header > p {

    color: #d4a88c;

    font-family: "Roboto Slab", serif;

    font-size: 1.4rem;

    font-style: normal;

    font-weight: 400;

    letter-spacing: 0.5px;

    text-transform: uppercase;

}



blockquote .avatar {

    margin-bottom: 15px;

}



blockquote .title {

    color: #000;

    font-family: "Roboto Slab", serif;

    font-size: 3.6rem;

    font-style: normal;

    margin-bottom: 5px;

}



.bg-dark blockquote .title {

    color: #fff;

}



blockquote footer {

    color: inherit;

    font-family: "Roboto", sans-serif;

    font-size: 1.8rem;

    margin-top: 30px;

    text-align: right;

}



.dropcap:first-letter {

    display: block;

    width: 80px;

    float: left;

    background-color: #d4a88c;

    color: #fff;

    font-family: "Roboto Slab", serif;

    font-size: 6.4rem;

    font-weight: 700;

    line-height: 0.8;

    margin-right: 15px;

    padding: 30px 15px;

}



mark {

    background-color: #fdfde0;

    color: #525252;

}



.mark-primary {

    background-color: #f6e2e1;

    color: #a23d3e;

}



.mark-secondary {

    background-color: #fdfde0;

    color: #525252;

}



*[data-toggle="tooltip"] {

    font-weight: 400;

    cursor: pointer;

    text-decoration: underline;

}



@media screen and (min-width: 1600px) {



    blockquote {

        font-size: 1.8rem;

    }



}



/*--------------------------------------------------------------

4.0 Tables

--------------------------------------------------------------*/



table {

    width: 100%;

    max-width: 100%;

}



/*--------------------------------------------------------------

4.0 Forms

--------------------------------------------------------------*/



input[type="date"]::-webkit-inner-spin-button{

    -webkit-appearance: none;

}



input[type="submit"]:hover,

input[type="submit"]:focus,

input[type="submit"]:active {

    background-color: #000;

    border-color: #000;

    color: #fff;

}



input[type="search"] {

    background-color: transparent;

    border: 1px solid #d4d4d4;

    border-radius: 2px;

}



select {

    background-color: transparent;

    border-color: #d4d4d4;

    border-radius: 2px;

    padding: 10px 5px;

}



.bg-dark ::-webkit-input-placeholder {

    color: #fff;

}



.bg-dark ::-moz-placeholder {

    color: #fff;

}



.bg-dark :-ms-input-placeholder {

    color: #fff;

}



.form-control {

    height: 54px;

    background-color: transparent;

    border-radius: 2px;

    color: #525252;

    font-size: 1.6rem;

    line-height: 2;

    padding: 10px 15px;

    box-shadow: none;

    -webkit-box-shadow: none;

}



.bg-dark .form-control {

    border-color: #fff;

    color: #fff;

}



.form-control option {

    color: #525252;

}



.form-control:focus {

    border-color: #d4a88c;

    box-shadow: none;

    -webkit-box-shadow: none;

}



.search-form {

    position: relative;

}



.search-form label {

    width: 100%;

}



.search-field {

    width: 100%;

    border-color: #d4d4d4;

    color: #525252;

    padding: 10px 15px;

    box-shadow: none;

    -webkit-box-shadow: none;

}



.search-submit {

    position: absolute;

    top: 0;

    right: 0;

}



/*--------------------------------------------------------------

5.0 Buttons

--------------------------------------------------------------*/



.btn {

    border-radius: 2px;

    font-family: "Roboto Slab", serif;

    font-size: 1.6rem;

    font-weight: 700;

    line-height: 2;

    padding: 10px 15px;

    text-transform: uppercase;

    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;

    -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;

}



.btn:focus,

.btn:active:focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn.active.focus {

    outline: 0;

}



.btn:active,

.btn.active {

    box-shadow: none;

    -webkit-box-shadow: none;

}



.btn-default {

    background-color: transparent;

    border-color: #000;

    color: #000;

}



.btn-default:hover,

.btn-default:focus,

.btn-default.focus,

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

    background-color: #000;

    border-color: #000;

    color: #fff;

}



.bg-dark .btn-default {

    background-color: transparent;

    border-color: #fff;

    color: #fff;

}



.bg-dark .btn-default:hover,

.bg-dark .btn-default:focus,

.bg-dark .btn-default:active {

    background-color: #fff;

    border-color: #fff;

    color: #000;

}



.btn-secondary {

    background-color: #d4a88c;

    border-color: #d4a88c;

    color: #fff;

}



.btn-secondary:hover,

.btn-secondary:focus,

.btn-secondary.focus,

.btn-secondary:active,

.btn-secondary.active,

.open > .dropdown-toggle.btn-secondary {

    background-color: #000;

    border-color: #000;

    color: #fff;

}



.btn-link {

    color: #d4a88c;

    padding-right: 0;

    padding-left: 0;

    text-transform: uppercase;

}



.btn-link:hover, .btn-link:focus {

    color: #fff;

}



.btn-sm,

.btn-group-sm > .btn {

    font-size: 1.4rem;

    font-weight: 400;

    letter-spacing: 0.5px;

    padding: 5px 10px;

}



.btn-lg,

.btn-group-lg > .btn {

    padding: 15px 30px;

}



/*--------------------------------------------------------------

6.0 Images

--------------------------------------------------------------*/



img {

    max-width: 100%;

    height: auto;

}



.img-thumbnail {

    border: 4px solid #d4a88c;

    box-sizing: content-box;

    -webkit-box-sizing: content-box;

}



/*--------------------------------------------------------------

7.0 Elements

--------------------------------------------------------------*/



.overlay,

.overlay:before,

.overlay:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.overlay {

    opacity: 0.3;

}



.overlay:before,

.overlay:after {

    content: "";

}



.overlay:before {

    background-color: rgba(64, 64, 64, 0.3);

}



.overlay:after {

    background-image: url("img/overlay.png");

}



.arrow {

    position: absolute;

    width: 120px;

    height: 120px;

    border-bottom: 0;

    border-radius: 50%;

    cursor: pointer;

    transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;

    -webkit-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;

}



.arrow:before,

.arrow:after {

    display: inline-block;

    position: absolute;

    width: 15px;

    height: 15px;

    border-top: 1px solid #fff;

    border-right: 1px solid #fff;

    margin: auto;

}



.arrow:before,

.arrow-double:after {

    content: '';

}



.arrow-left,

.arrow-right {

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}



.arrow-left {

    left: -60px;

}



.arrow-right {

    right: -60px;

}



.arrow-left:before,

.arrow-left:after,

.arrow-right:before,

.arrow-right:after {

    top: 0;

    bottom: 0;

}



.arrow-left:before,

.arrow-left:after {

    transform: rotate(225deg);

    -webkit-transform: rotate(225deg);

}



.arrow-left:before {

    right: 15px;

}



.arrow-left:after {

    right: 0;

}



.arrow-right:before,

.arrow-right:after {

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

}



.arrow-right:before {

    left: 15px;

}



.arrow-right:after {

    left: 0;

}



.arrow-down {

    left: 50%;

    bottom: -60px;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

}



.arrow-down:before,

.arrow-down:after {

    right: 0;

    left: 0;

    transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

}



.arrow-down:before {

    top: 10px;

}



.arrow-down:after {

    top: 0;

}



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



    .arrow:before,

    .arrow:after {

        width: 30px;

        height: 30px;

    }



    .arrow-down:before {

        top: 15px;

    }



}



.fa-inverse {

    border: 1px solid #000;

    border-radius: 50%;

    color: #000;

}



.fa-secondary {

    border-color: #d4a88c;

    color: #d4a88c;

}



.dropdown-menu {

    min-width: 180px;

    opacity: 0;

    transition: opacity 0.3s ease-in-out;

    -webkit-transition: opacity 0.3s ease-in-out;

}



.open > .dropdown-menu {

    opacity: 1;

}



.dropdown-menu > li > a {

    color: #525252;

    padding: 15px 60px 15px 30px;

}



.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus {

    background-color: #d4a88c;

    color: #fff;

}



.dropdown-menu > .active > a {

    background-color: transparent;

    color: #525252;

}



.dropdown-menu > .active > a:hover,

.dropdown-menu > .active > a:focus {

    background-color: #d4a88c;

    color: #fff;

}



.nav > li > a {

    font-family: "Roboto Slab", serif;

    font-weight: 700;

    letter-spacing: 1px;

}



.nav .open > a,

.nav .open > a:hover,

.nav .open > a:focus {

    border-color: transparent;

}



.nav-pills > li > a {

    border-radius: 0;

}



.nav-anchors {

    margin-bottom: 60px;

    text-align: center;

}



.nav-anchors > li {

    display: inline-block;

    float: none;

}



.nav-anchors > li + li {

    margin-left: 30px;

}



.nav-anchors > li > a {

    border-top: 1px solid transparent;

    border-bottom: 1px solid transparent;

    font-family: "Droid Serif", serif;

    font-style: italic;

    font-weight: 400;

    text-transform: lowercase;

}



.nav-anchors > li > a:hover,

.nav-anchors > li > a:focus {

    background-color: transparent;

    border-color: #000;

}



.nav-isotope {

    display: flex;

    display: -webkit-flex;

    background-color: #525252;

    justify-content: space-between;

    -webkit-justify-content: space-between;

}



.nav-isotope > li {

    flex: 1;

    -webkit-flex: 1;

    margin: 0 -1px;

}



.nav-isotope > li + li {

    margin-left: 0;

}



.nav-isotope > li > a {

    background-color: #525252;

    color: #fff;

    cursor: url("img/svg/crosshair-black.svg") 20 20, crosshair;

    padding: 60px 30px;

    text-align: center;

    text-transform: uppercase;

}



.nav-isotope > li > a:hover,

.nav-isotope > li > a:focus {

    background-color: #fff;

    color: #000;

}



.nav-isotope > li.active > a,

.nav-isotope > li.active > a:hover,

.nav-isotope > li.active > a:focus {

    background-color: #fff;

    color: inherit;

}



.nav-isotope > li > a > i {

    display: block;

    font-size: 2.8rem;

    margin-bottom: 5px;

}



.nav-isotope > li > a > hr {

    border-top: 0;

    margin-top: 15px;

    margin-bottom: 0;

}



.nav-isotope > li > a > hr:before {

    content: "";

    display: inline-block;

    width: 30px;

    border-top: 1px solid #d4d4d4;

    vertical-align: top;

}



.navbar {

    width: 100%;

    min-height: 90px;

    margin-bottom: 0;

    z-index: 2000;

    border: 0;

    border-bottom: 1px solid transparent;

    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;

    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;

}



@media (min-width: 992px) {



    .navbar {

        border-radius: 0;

    }



}



.navbar-toggle {

    border: 0;

    border-radius: 0;

    margin: 28px 15px 27px 0;

    padding: 10px;

}



.navbar-toggle .icon-bar {

    width: 30px;

    height: 1px;

}



.navbar-toggle .icon-bar + .icon-bar {

    margin-top: 6px;

}



.navbar-brand {

    height: 90px;

    border-bottom: 0;

    font-family: "Droid Serif", serif;

    font-size: 3.6rem;

    font-style: italic;

    font-weight: 700;

    line-height: 60px;

    padding-right: 30px;

    padding-left: 30px;

}



.navbar-brand > img {

    display: inline-block;

    max-height: 100%;

    vertical-align: middle;

}



.navbar-text {

    line-height: 30px;

    margin-top: 30px;

    margin-bottom: 30px;

}



.navbar-collapse {

    border-top: 0;

    text-align: center;

    box-shadow: none;

    -webkit-box-shadow: none;

    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;

    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;

}



.navbar-fixed-top .navbar-collapse {

    max-height: 480px;

}



.navbar-nav {

    margin-bottom: 30px;

}



.navbar-nav > li > a {

    width: 50%;

    font-size: 1.6rem;

    line-height: 28px;

    margin: 0 auto;

    text-shadow: none;

}



.navbar-nav > li > .dropdown-menu {

    border: 0;

    border-radius: 0;

    padding: 0;

    box-shadow: none;

    -webkit-box-shadow: none;

}



@media (max-width: 991px) {



    .navbar-nav > .open > a {

        margin-bottom: 15px;

    }



    .navbar-nav > .open .dropdown-menu > li > a {

        width: 50%;

        margin: 0 auto;

        padding: 15px 0;

    }



}



@media (min-width: 992px) {



    .navbar-nav {

        margin: 0;

    }



    .navbar-nav > li > a {

        width: auto;

        margin: 15px;

    }

}



.navbar-default {

    background-color: #fff;

    background-image: none;

    border-color: #fff;

}



.navbar-default .navbar-toggle .icon-bar {

    background-color: #000;

}



.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

    background-color: transparent;

}



.navbar-default .navbar-brand {

    border-color: transparent;

    color: #000;

}



.navbar-default .navbar-brand:hover,

.navbar-default .navbar-brand:focus {

    color: #d4a88c;

}



.navbar-default .navbar-nav > li > a {

    border: 1px solid transparent;

    border-radius: 2px;

    color: #000;

}



.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {

    color: #d4a88c;

}



.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > .open > a:focus {

    background-color: transparent;

    color: #d4a88c;

}



.navbar-default .navbar-nav > .active > a {

    background-color: transparent;

    color: #000;

}



.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus {

    background-color: transparent;

    color: #d4a88c;

}



.navbar-default .navbar-nav > .primary a {

    border-color: #000;

    text-transform: uppercase;

}



.navbar-default .navbar-nav > .primary a:hover,

.navbar-default .navbar-nav > .primary a:focus {

    background-color: #000;

    color: #fff;

}



.navbar-inverse {

    background-color: transparent;

    background-image: none;

    border-color: #fff;

}



.navbar-inverse.toggled {

    background-color: #d4a88c;

}



.navbar-inverse .navbar-toggle:hover,

.navbar-inverse .navbar-toggle:focus {

    background-color: transparent;

}



.navbar-inverse .navbar-brand,

.navbar-inverse .navbar-nav > li > a {

    text-shadow: none;

}



.navbar-inverse .navbar-brand {

    border-color: transparent;

    color: #000;

}



.navbar-inverse .navbar-brand:hover,

.navbar-inverse .navbar-brand:focus {

    color: #d4a88c;

}



.navbar-inverse.bg-dark .navbar-brand {

    color: #fff;

}



.navbar-inverse .navbar-text {

    color: #fff;

}



.navbar-inverse .navbar-nav > li > a {

    border: 1px solid transparent;

    border-radius: 2px;

    color: #000;

}



.navbar-inverse .navbar-nav > li > a:hover,

.navbar-inverse .navbar-nav > li > a:focus {

    color: #d4a88c;

}



.navbar-inverse .navbar-nav > .open > a,

.navbar-inverse .navbar-nav > .open > a:hover,

.navbar-inverse .navbar-nav > .open > a:focus {

    background-color: transparent;

    border-color: transparent;

    color: #d4a88c;

}



.navbar-inverse.bg-dark .navbar-nav > li > a {

    color: #fff;

}



.navbar-inverse.bg-dark .navbar-nav > li > a:hover {

    border-color: #fff;

}



.navbar-inverse.bg-dark .navbar-nav > .open > a,

.navbar-inverse.bg-dark .navbar-nav > .open > a:hover,

.navbar-inverse.bg-dark .navbar-nav > .open > a:focus {

    background-color: transparent;

    border-color: #fff;

    color: #fff;

}



.navbar-inverse.toggled .navbar-nav > .open .dropdown-menu > li > a {

    color: #fff;

}



.navbar-inverse .navbar-nav > .active > a,

.navbar-inverse .navbar-nav > .active > a:hover,

.navbar-inverse .navbar-nav > .active > a:focus {

    background-color: transparent;

}



.navbar-inverse .navbar-nav > .primary a {

    border: 1px solid #fff;

    text-transform: uppercase;

}



.navbar-inverse .navbar-nav > .primary a:hover,

.navbar-inverse .navbar-nav > .primary a:focus {

    background-color: #fff;

    color: #000;

}



/* Front Page Navbar */



.navbar-inverse.navbar-front {

    border-bottom: 0;

}



.navbar-inverse.navbar-front .navbar-brand {

    display: none;

}



@media (min-width: 992px) {



    .navbar-inverse.navbar-front.affix-top {

        top: 10px;

    }



    .navbar-inverse.navbar-front .navbar-nav {

        float: none !important;

        display: inline-block;

        vertical-align: top;

    }



}



@media (min-width: 992px) {



    #menu-side-menu {

        margin-right: -15px;

    }



}



.pagination {

    width: 100%;

    background-color: #fff;

    border-radius: 0;

    margin: 0;

    padding: 30px;

    text-align: center;

    text-transform: uppercase;

}



.pagination .page-numbers {

    display: none;

}



.pagination .prev {

    display: inline-block;

    float: left;

}



.pagination .next {

    display: inline-block;

    float: right;

}



.label {

    font-size: 1.4rem;

    font-weight: 400;

    border-radius: 2px;

}



.label-danger {

    background-color: #a23d3e;

}



/*--------------------------------------------------------------

7.0 Structure

--------------------------------------------------------------*/



header,

footer {

    position: relative;

    line-height: 1.75;

}



header > p {

    letter-spacing: 0.5px;

}



.title {

    margin-top: 0;

    margin-bottom: 15px;

}



/*--------------------------------------------------------------

8.0 Site

--------------------------------------------------------------*/



.site-header {

    width: 100%;

    height: 91px;

}



.site-content {

    min-height: 600px;

}



.site-footer {

    background-color: #fff;

}



.site-info {

    position: relative;

    background-image: url("img/bg-copyright.jpg");

    background-size: cover;

    color: #d4a88c;

    line-height: 1.5;

    padding: 45px 0;

}



.site-info a {

    color: #fff;

}



.site-info a > img {

    opacity: 0.6;

    transition: opacity 0.3s ease-in-out;

    -webkit-transition: opacity 0.3s ease-in-out;

}



.site-info a:hover > img {

    opacity: 1;

}



/*--------------------------------------------------------------

9.0 Sections

--------------------------------------------------------------*/



.section {

    position: relative;

    outline: 0;

    padding: 90px 0;

}



.home.page .section {

    text-align: center;

}



.home.page .section:first-child {

    margin-top: -91px;

}



.section.fit,

.section.deviant {

    padding: 0;

}



.section.deviant .container {

    padding: 0;

}



.section.slim,

.section-sm {

    padding: 45px 0;

}



.section.fat,

.section-lg {

    padding: 135px 0;

}



.section-header {

    margin-bottom: 45px;

}



.section-header > p {

    color: #d4a88c;

    font-family: "Roboto Slab", serif;

    font-size: 1.4rem;

    font-weight: 400;

    letter-spacing: 0.5px;

    margin-bottom: 0;

    text-transform: uppercase;

}



.section-header > img {

    margin-top: 20px;

}



.section-header.header-sm,

.section.section-sm .section-header {

    margin-bottom: 30px;

}



.section-title {

    color: #000;

    font-family: "Roboto Slab", serif;

    margin-top: 0;

    margin-bottom: 0;

}



.section-title.title-sm,

.section-header.header-sm .section-title,

.section.section-sm .section-title {

    font-size: 2.4rem;

}



.section-title.title-lg,

.section-header.header-lg .section-title,

.section.section-lg .section-title {

    font-size: 4.8rem;

}



.section.not-found .section-title {

    font-size: 3.6rem;

}



.bg-dark .section-title {

    color: #fff;

}



.section-footer {

    margin-top: 30px;

}



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



    .section.deviant {

        margin: 135px 0;

        padding: 90px 0;

    }



    .section.deviant .container {

        margin: -225px auto;

    }



    .section-header > p {

        font-size: 1.6rem;

    }



    .section-header.header-sm > p,

    .section.section-sm .section-header > p {

        font-size: 1.4rem;

    }



    .section-title.title-sm,

    .section-header.header-sm .section-title,

    .section.section-sm .section-title {

        font-size: 3.6rem;

    }



    .section-title.title-lg,

    .section-header.header-lg .section-title,

    .section.section-lg .section-title {

        font-size: 7.2rem;

    }



    .section.not-found .section-title {

        font-size: 4.8rem;

    }



    .section-footer {

        margin-top: 45px;

    }



}



/*--------------------------------------------------------------

10.1 Posts and pages

--------------------------------------------------------------*/



article {

    font-size: 1.6rem;

}



.type-post {

    background-color: #fff;

    margin-bottom: 60px;

}



.single .type-post {

    margin-top: 90px;

}



.type-page {

    font-size: 1.8rem;

}



.template-simple,

.template-menu {

    font-size: 1.5rem;

    text-align: left;

}



.template-simple {

    margin-bottom: 0;

}



.type-highgrove_dish.template-simple {

    text-align: center;

}



.template-complex {

    text-align: center;

}



.sticky {

    background-color: #fdfde0;

}



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



    .type-post {

        margin-bottom: 90px;

    }



    .template-simple {

        margin-bottom: 0;

    }



}



/* Body */



.entry-body {

    position: relative;

    padding: 45px 30px;

}



.single .type-highgrove_event .entry-body {

    background-color: #fff;

    margin-bottom: 60px;

    padding: 60px 135px;

}



.template-simple .entry-body {

    padding: 30px;

}



.template-complex .entry-body {

    padding: 30px;

}



.template-menu .entry-body {

    padding: 0 15px;

}



.template-menu .entry-body > p {

    margin-bottom: 0;

}



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



    .entry-body {

        padding: 60px 45px;

    }



    .type-post .entry-body {

        margin-right: 90px;

        margin-left: 90px;

    }



    .type-post.has-post-thumbnail .entry-body {

        background-color: #fff;

        margin-top: -180px;

    }



    .single .type-highgrove_event .entry-body {

        margin-bottom: 90px;

    }



    .template-simple .entry-body {

        margin-right: 0;

        margin-left: 0;

    }



    .template-simple.has-post-thumbnail .entry-body {

        margin-top: 0;

    }



    .template-menu .entry-body {

        padding: 5px 30px;

    }



}



@media screen and (min-width: 1600px) {



    .template-complex .entry-body {

        padding: 45px 30px;

    }



}



/* Header */



.entry-header {

    margin-bottom: 30px;

}



.entry-header p {

    color: #d4a88c;

    font-family: "Roboto Slab", serif;

    font-size: 1.4rem;

    font-weight: 400;

    letter-spacing: 0.5px;

    margin-bottom: 0;

    text-transform: uppercase;

}



.entry-header hr {

    border-top: 0;

    margin-bottom: 0px;

}



.entry-header hr:before {

    content: "";

    display: inline-block;

    width: 30px;

    border-top: 1px solid #d4a88c;

    vertical-align: top;

}



.entry-header.bg-dark hr:before {

    border-color: #fff;

}



.type-page > .entry-header,

.type-highgrove_event > .entry-header {

    margin: -91px 0 0 0;

    padding: 270px 0 180px 0;

    text-align: center;

}



.template-simple .entry-header {

    margin-bottom: 15px;

    padding: 0;

}



.template-complex .entry-header {

    margin-bottom: 15px;

    padding: 0;

}



.template-complex .entry-header i {

    color: #d4a88c;

    font-size: 1.8rem;

    margin-bottom: 5px;

}



.template-menu .entry-header {

    display: table;

    margin-bottom: 15px;

    padding: 0;

    text-align: left;

}



.template-menu .entry-header > .space {

    display: table-cell;

    width: 100%;

    border-bottom: 1px dashed #d4a88c;

}



/* Title */



.entry-title {

    color: #000;

    font-family: "Roboto Slab", serif;

    margin-top: 0;

    margin-bottom: 0;

}



.bg-dark .entry-title {

    color: #fff;

}



.type-post .entry-title {

    font-size: 3.2rem;

    margin-bottom: 5px;

}



.template-simple .entry-title {

    font-size: 2.1rem;

    line-height: normal;

    margin-right: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.template-complex .entry-title {

    color: #d4a88c;

    font-size: 1.3rem;

    font-weight: 400;

    line-height: 1.1;

    text-transform: uppercase;

}



.template-menu .entry-title {

    display: inline;

    font-family: "Roboto", sans-serif;

    font-size: 1.8rem;

    margin-right: 10px;

    white-space: nowrap;

}



.entry-title a {

    color: #000;

}



.entry-title a:hover,

.entry-title a:focus {

    color: #d4a88c;

}



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



    .template-complex .entry-header i {

        display: none;

    }



}



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



    .entry-header {

        margin-bottom: 45px;

    }



    .entry-header p {

        font-size: 1.6rem;

    }



    .type-post .entry-title {

        font-size: 3.6rem;

    }



    .template-simple .entry-title {

        font-size: 2.4rem;

    }



    .template-complex .entry-header {

        margin-bottom: 20px;

    }



}



@media screen and (min-width: 1600px) {



    .template-complex .entry-header {

        margin-bottom: 30px;

    }



    .template-complex .entry-header i {

        font-size: 2.1rem;

        margin-bottom: 10px;

    }



    .template-complex .entry-title {

        font-size: 1.4rem;

        letter-spacing: 0.5px;

    }



}



/* Content */



.template-complex .entry-content {

    font-size: 1.5rem;

    line-height: 1.5;

}



.template-complex .entry-content i,

.template-complex .entry-content em,

.template-complex .entry-content b,

.template-complex .entry-content strong {

    display: block;

    color: #000;

    font-size: 1.6rem;

}



.template-complex .entry-content i {

    color: #d4a88c;

    font-style: normal;

    margin-top: 10px;

    margin-bottom: 10px;

}



.template-complex .entry-content em {

    font-family: "Droid Serif", serif;

}



.template-complex .entry-content b,

.template-complex .entry-content strong {

    letter-spacing: 1px;

    text-transform: uppercase;

}



.template-complex .entry-content strong {

    font-family: "Roboto Slab", serif;

}



.template-complex .entry-content .double {

    font-size: 2.8rem;

    line-height: 1.25;

}



.template-complex .entry-content .bullet {

    font-size: 1.8rem;

}



.template-complex .entry-content .price {

    color: #a6a6a6;

    font-style: italic;

    margin-top: 20px;

    margin-bottom: 0;

}



.type-highgrove_event.template-complex .entry-content .price {

    color: #000;

    font-size: 4.8rem;

    font-style: normal;

    line-height: 1.1;

    letter-spacing: normal;

    margin-top: 0;

}



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



    .template-complex .entry-content em,

    .template-complex .entry-content b,

    .template-complex .entry-content strong {

        font-size: 1.8rem;

    }



    .template-complex .entry-content .double {

        font-size: 3.2rem;

        line-height: 48px;

    }



    .template-complex .entry-content .bullet {

        font-size: 2.4rem;

    }



    .type-highgrove_event.template-complex .entry-content .price {

        font-size: 7.2rem;

    }



}



@media screen and (min-width: 1600px) {



    .template-complex .entry-content .double {

        font-size: 3.6rem;

        line-height: 51px;

    }



    .template-complex .entry-content .price {

        margin-top: 30px;

    }



}



/* Footer */



.entry-footer {

    margin-top: 30px;

}



.template-simple .entry-footer {

    margin-top: 15px;

}



/* Thumbnail */



.entry-thumbnail {

    position: relative;

    overflow: hidden;

}



.entry-thumbnail img {

    transition: border-color 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out;

    -webkit-transition: border-color 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

}



.entry-thumbnail a {

    position: relative;

}



.entry-thumbnail a > i {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    opacity: 0;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    transition: opacity 0.3s ease-in-out;

    -webkit-transition: opacity 0.3s ease-in-out;

}



.entry-thumbnail .img-thumbnail {

    border-color: rgba(212, 168, 140, 0.3);

}



.entry-thumbnail:hover .img-thumbnail {

    border-color: rgba(212, 168, 140, 1);

}



.type-highgrove_dish.template-simple .entry-thumbnail {

    padding-top: 30px;

}



.template-complex .entry-thumbnail,

.template-menu .entry-thumbnail,

.template-simple .entry-thumbnail {

    cursor: url("img/svg/crosshair.svg") 20 20, crosshair;

}



.template-complex .entry-thumbnail img {

    width: 100%;

}



.template-complex .entry-thumbnail:hover img {

    opacity: 0.6;

    transform: scale(1.1) rotate(2deg) translateZ(0);

    -webkit-transform: scale(1.1) rotate(2deg) translateZ(0);

}



.type-highgrove_dish.template-complex .entry-thumbnail:after {

    content: "";

    position: absolute;

    top: 8px;

    bottom: 8px;

    left: 8px;

    right: 8px;

    display: block;

    border: 1px solid #fff;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}



.type-highgrove_dish.template-complex .entry-thumbnail:hover:after {

    top: -1px;

    bottom: -1px;

    left: -1px;

    right: -1px;

}



.template-menu .entry-thumbnail {

    position: relative;

    z-index: 10;

    float: left;

    margin-right: 15px;

}



@media screen and (min-width: 1600px) {



    .type-highgrove_dish.template-complex .entry-thumbnail:after {

        top: 12px;

        bottom: 12px;

        left: 12px;

        right: 12px;

    }



}



/* Meta */



.entry-meta {

    color: #a6a6a6;

    font-size: 1.4rem;

    margin-bottom: 0;

    text-transform: uppercase;

}



.entry-meta a {

    color: #a6a6a6;

}



.entry-meta a:hover {

    color: #000;

}



.entry-meta li + li {

    margin-left: 5px;

}



.entry-meta li:before {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    margin-right: 5px;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.entry-format:before {

    content: "\f03e";

}



.posted-on:before {

    content: "\f133";

}



.bypostauthor:before {

    content: "\f007";

}



.cat-links a {

    color: #d4a88c;

    font-family: "Roboto Slab", serif;

    font-size: 1.3rem;

    font-weight: 400;

    letter-spacing: 0.5px;

}



.tags-links a {

    background-color: #d4a88c;

    border-radius: 15px;

    color: #fff;

    font-family: "Roboto Slab", serif;

    font-size: 1.3rem;

    font-weight: 400;

    padding: 5px 15px;

}



.tags-links a:hover {

    background-color: #000;

    color: #fff;

}



.template-simple .price {

    color: #d4a88c;

    font-size: 2.4rem;

}



.post-navigation {

    margin-top: 60px;

}



.post-navigation .nav-links {

    border-top: 1px solid #d4d4d4;

}



.post-navigation .nav-links a {

    display: block;

    border-bottom: 1px solid #d4d4d4;

    color: #000;

    font-weight: 400;

    padding: 15px 0;

}



.post-navigation .nav-links a:hover,

.post-navigation .nav-links a:focus {

    color: #d4a88c;

}



.meta-nav {

    color: #a6a6a6;

    font-size: 1.4rem;

    font-weight: 300;

    text-transform: uppercase;

}



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



    .post-navigation {

        margin-top: 90px;

    }



}



/*--------------------------------------------------------------

10.2 Asides

--------------------------------------------------------------*/



.sidebar {

    position: relative;

    font-size: 1.6rem;

    padding: 90px 0;

}



.widget {

    margin-bottom: 45px;

}



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



    .widget:last-child {

        margin-bottom: 0;

    }



}



.widget ul ul {

    padding: 5px 0 0 15px;

}



.widget hr {

    width: 30px;

    border-color: #d4d4d4;

    margin: 20px auto 15px 0;

}



.widget-title {

    color: #000;

    font-size: 2.1rem;

    text-transform: uppercase;

}



.sidebar-footer .widget {

    line-height: 2;

}



.sidebar-footer .widget-title {

    color: #d4a88c;

}



.tagcloud {

    line-height: 36px;

}



.tagcloud a {

    background-color: #d4a88c;

    border-color: transparent;

    border-radius: 15px;

    color: #fff;

    font-family: "Roboto Slab", serif;

    font-weight: 400;

    padding: 5px 15px;

    text-transform: uppercase;

    white-space: nowrap;

}



.tagcloud a:hover,

.tagcloud a:focus {

    background-color: #000;

}



/*--------------------------------------------------------------

10.3 Comments

--------------------------------------------------------------*/



.comments-title {

    font-size: 2.8rem;

}



.comment-list,

.comment-list .children {

    list-style: none;

}



.comment-list {

    margin-bottom: 90px;

    padding-left: 0;

}



.comment-list .children {

    margin-top: 30px;

    padding-left: 120px;

}



.comment {

    border-bottom: 1px solid #d4d4d4;

    line-height: 1.5;

    margin-bottom: 30px;

    padding-bottom: 30px;

}



.comment:last-child {

    border-bottom: 0;

    margin-bottom: 0;

    padding-bottom: 0;

}



.comment-list .children .comment {

    border-bottom: 0;

}



.comment-body {

    position: relative;

    overflow: hidden;

}



.comment-body .reply {

    position: absolute;

    top: 0;

    right: 0;

}



.comment-body .reply > .comment-reply-link {

    opacity: 0;

}



.comment-body:hover .reply > .comment-reply-link {

    opacity: 1;

}



.comment-author img {

    float: left;

    margin-right: 24px;

}



.comment-author cite {

    font-style: normal;

    font-weight: 400;

}



.comment-meta {

    color: #a6a6a6;

    font-size: 1.3rem;

    margin-bottom: 15px;

    text-transform: uppercase;

}



.comment-meta a {

    color: #a6a6a6;

}



.comment-meta a:hover {

    color: #000;

}



.comment-content {

    padding-left: 120px;

}



.comment-reply-title {

    color: #000;

    font-size: 2.8rem;

}



.comment-form p {

    margin-bottom: 30px;

}



/*--------------------------------------------------------------

12.1 Panels

--------------------------------------------------------------*/



.panel {

    background-color: transparent;

    border-radius: 0;

    box-shadow: none;

    -webkit-box-shadow: none;

}



.bg-image .panel > .panel-body,

.bg-image .panel > .panel-heading,

.bg-image .panel > .panel-footer {

    background-color: #fff;

}



.bg-image .panel-top,

.bg-image .panel-bottom {

    display: table;

}



.bg-image .panel-top:before,

.bg-image .panel-top:after,

.bg-image .panel-bottom:before,

.bg-image .panel-bottom:after {

    content: "";

    display: block;

    width: 32px;

    height: 32px;

    background-image: url("img/panel-corner.png");

}



.bg-image .panel-top:after {

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

}



.bg-image .panel-bottom:before {

    transform: rotate(270deg);

    -webkit-transform: rotate(270deg);

}



.bg-image .panel-bottom:after {

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

}



.bg-image .panel-top > span,

.bg-image .panel-bottom > span {

    display: table-cell;

    width: 100%;

    background-color: #fff;

}



.panel-heading {

    border-radius: 0;

    padding: 15px 30px;

}



.panel-heading > .fa {

    font-size: 3.2rem;

    margin-bottom: 30px;

}



.panel-heading > .fa:before {

    vertical-align: middle;

}



.panel-heading > .fa-primary {

    border-color: #d4a88c;

    color: #d4a88c;

}



.panel-heading > .fa-inverse {

    padding: 32px;

    box-sizing: content-box;

    -webkit-box-sizing: content-box;

}



.panel-image {

    position: relative;

}



.panel-image > a {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 40px;

    height: 40px;

    margin: -20px 0 0 -20px;

    background-color: #d4a88c;

    border-radius: 50%;

    color: #fff;

    font-size: 1.8rem;

    line-height: 40px;

    text-align: center;

}



.panel-image > a:hover,

.panel-image > a:focus,

.panel-image > a:active {

    background-color: #000;

    color: #fff;

}



.panel-image > .artist-facebook {

    transform: rotate(-70deg) translateX(135px) rotate(70deg);

    -webkit-transform: rotate(-70deg) translateX(135px) rotate(70deg);

}



.panel-image > .artist-twitter {

    transform: rotate(-45deg) translateX(135px) rotate(45deg);

    -webkit-transform: rotate(-45deg) translateX(135px) rotate(45deg);

}



.panel-image > .artist-google-plus {

    transform: rotate(-20deg) translateX(135px) rotate(20deg);

    -webkit-transform: rotate(-20deg) translateX(135px) rotate(20deg);

}



.panel-title {

    font-size: 3.6rem;

}



.panel-image + .panel-title {

    margin-top: 15px;

}



.panel-sm .panel-title {

    font-size: 2.4rem;

}



.panel-body {

    font-size: 1.6rem;

    padding: 15px 30px;

}



.panel-footer {

    background-color: transparent;

    border-color: transparent;

    border-radius: 0;

}



.panel-footer > .btn {

    margin-bottom: 30px;

}



.panel-default {

    border-color: transparent;

}



.panel-default > .panel-heading {

    color: #000;

    background-color: transparent;

    background-image: none;

    border-color: transparent;

}



.bg-dark .panel-default > .panel-heading {

    color: #fff;

}



.bg-light .panel-default > .panel-heading {

    color: #000;

}



.panel-default > .panel-heading + .panel-collapse > .panel-body {

    border-top-color: #ddd;

}



.panel-default > .panel-heading .badge {

    color: #f5f5f5;

    background-color: #333;

}



.panel-default > .panel-footer {

    background-color: transparent;

}



.panel-default > .panel-footer + .panel-collapse > .panel-body {

    border-bottom-color: #ddd;

}



/* Reservation Panel */



#reservation-panel {

    background-color: transparent;

    background-image: url("img/bg-reservation.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: 50%;

    margin-bottom: 0;

    padding: 15% 10%;

}



#reservation-panel select {

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    text-indent: 0.01px;

    text-overflow: '';

}



#reservation-panel .panel-top {

    display: none;

}



#reservation-panel .panel-heading {

    background-color: transparent;

    padding: 15px 45px;

}



#reservation-panel .panel-body {

    background-color: transparent;

    padding: 15px 45px;

}



#reservation-panel .form-control {

    background-image: url("img/bg-input.png");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: bottom;

    border-color: transparent;

    cursor: url("img/svg/crosshair.svg") 20 20, crosshair;

}



#reservation-panel .wpcf7-submit {

    margin-top: 30px;

}



#reservation-panel .wpcf7-mail-sent-ok {

    border: 0;

    font-size: 1.4rem;

    font-style: italic;

}



#reservation-panel .wpcf7 img.ajax-loader {

    display: none;

}



/*--------------------------------------------------------------

12.2 Carousel

--------------------------------------------------------------*/



.carousel-inner > .item {

    opacity: 0;

    transition: left .6s ease-in-out, opacity .3s ease-in-out;

    -webkit-transition: left .6s ease-in-out, opacity .3s ease-in-out;

}



@media all and (transform-3d), (-webkit-transform-3d) {



    .carousel-inner > .item {

        transition: transform .6s ease-in-out, opacity .3s ease-in-out;

        -webkit-transition: -webkit-transform .6s ease-in-out, opacity .3s ease-in-out;

    }



}



.carousel-inner > .active,

.carousel-inner > .prev,

.carousel-inner > .next {

    opacity: 1;

}



.carousel-inner > .active.left,

.carousel-inner > .active.right {

    opacity: 0;

}



.carousel-indicators {

    position: relative;

    bottom: -100%;

}



.carousel-indicators li {

    border-color: #d4a88c;

}



.carousel-indicators .active {

    background-color: #d4a88c;

}



.carousel blockquote {

    border-right: 0;

    border-left: 0;

    padding: 15px 0;

}



/*--------------------------------------------------------------

12.3 Reel

--------------------------------------------------------------*/



.reel {

    position: relative;

    overflow: hidden;

    margin: 0 -15px;

}



.reel-body {

    position: relative;

    overflow: visible;

    padding: 0 15px;

    white-space: nowrap;

}



.reel-left,

.reel-right {

    background-color: rgba(0, 0, 0, 0.3);

}



.reel-left:hover,

.reel-right:hover {

    background-color: #d4a88c;

}



.reel .item {

    display: inline-block;

    width: 240px;

    margin-right: 15px;

    vertical-align: top;

    white-space: normal;

}



.reel .item:last-child {

    margin-right: 0;

}



.reel .entry-thumbnail {

    width: 240px;

    height: 160px;

}



.reel .entry-thumbnail a {

    display: block;

    width: 100%;

    height: 100%;

    border-width: 0;

    border-style: solid;

    border-color: #d4a88c;

    color: #d4a88c;

    font-size: 2.8rem;

    transition: border-width 0.3s ease-in-out;

    -webkit-transition: border-width 0.3s ease-in-out;

}



.reel .entry-thumbnail:hover a {

    border-width: 5px;

}



.reel .entry-thumbnail:hover a > i {

    opacity: 1;

}



.reel .entry-thumbnail:hover img {

    opacity: 0.6;

    transform: scale(1.1) rotate(0.01deg) translateZ(0);

    -webkit-transform: scale(1.1) rotate(0.01deg) translateZ(0);

}



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



    .reel-body {

        padding: 0 30px;

    }



    .reel .item {

        width: 360px;

        margin-right: 30px;

    }



    .reel .entry-thumbnail {

        width: 360px;

        height: 240px;

    }



}



/*--------------------------------------------------------------

12.4 Isotope

--------------------------------------------------------------*/



.isotope {

}



.isotope .item  {

    width: 100%;

    margin-bottom: 15px;

    background-color: #fff;

}



.isotope .item-alter {

    background-image: url("img/bg-alter.png");

}



.isotope .item-primary {

    background-color: #f6e2e1;

    color: #a23d3e;

}



.isotope .item-secondary {

    background-color: #fdfde0;

}



.isotope .column-sizer {

    width: 100%;

}



.isotope .gutter-sizer {

    width: 1.9%;

}



.isotope-compact .item {

    margin-bottom: 0;

}



.isotope-compact .gutter-sizer {

    width: 0;

}



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



    .isotope-col-lg-2 .item,

    .isotope-col-lg-3 .item,

    .isotope-col-lg-4 .item {

        margin-bottom: 2%;

    }



    .isotope-compact.isotope-col-lg-2 .item,

    .isotope-compact.isotope-col-lg-3 .item,

    .isotope-compact.isotope-col-lg-4 .item {

        margin-bottom: 0;

    }



    .isotope-col-lg-2 .item,

    .isotope-col-lg-3 .item,

    .isotope-col-lg-4 .item {

        width: 49%;

    }



    .isotope-col-lg-2 .column-sizer,

    .isotope-col-lg-3 .column-sizer,

    .isotope-col-lg-4 .column-sizer {

        width: 49%;

    }



    .isotope-compact.isotope-col-lg-2 .item,

    .isotope-compact.isotope-col-lg-3 .item,

    .isotope-compact.isotope-col-lg-4 .item {

        width: 50%;

    }



    .isotope-compact.isotope-col-lg-2 .column-sizer,

    .isotope-compact.isotope-col-lg-3 .column-sizer,

    .isotope-compact.isotope-col-lg-4 .column-sizer {

        width: 50%;

    }



}



@media screen and (min-width: 992px) {



    .isotope-col-lg-6 .item {

        margin-bottom: 2%;

    }



    .isotope-compact.isotope-col-lg-6 .item {

        margin-bottom: 0;

    }



    .isotope-col-lg-2 .item {

        width: 23.5%;

    }



    .isotope-col-lg-2 .column-sizer {

        width: 23.5%;

    }



    .isotope-compact.isotope-col-lg-2 .item {

        width: 25%;

    }



    .isotope-compact.isotope-col-lg-2 .column-sizer {

        width: 25%;

    }



    .isotope-col-lg-3 .item,

    .isotope-col-lg-4 .item {

        width: 32%;

    }



    .isotope-col-lg-3 .column-sizer,

    .isotope-col-lg-4 .column-sizer {

        width: 32%;

    }



    .isotope-compact.isotope-col-lg-3 .item,

    .isotope-compact.isotope-col-lg-4 .item {

        width: 33.33333333%;

    }



    .isotope-compact.isotope-col-lg-3 .column-sizer,

    .isotope-compact.isotope-col-lg-4 .column-sizer {

        width: 33.33333333%;

    }



    .isotope-col-lg-6 .item {

        width: 49%;

    }



    .isotope-col-lg-6 .column-sizer {

        width: 49%;

    }



    .isotope-compact.isotope-col-lg-6 .item {

        width: 50%;

    }



    .isotope-compact.isotope-col-lg-6 .column-sizer {

        width: 50%;

    }



}



@media screen and (min-width: 1200px) {



    .isotope-col-lg-2 .item,

    .isotope-col-lg-2 .column-sizer {

        width: 15%;

    }



    .isotope-compact.isotope-col-lg-2 .item,

    .isotope-compact.isotope-col-lg-2 .column-sizer {

        width: 16.66666667%;

    }



    .isotope-col-lg-3 .item,

    .isotope-col-lg-3 .column-sizer {

        width: 23.5%;

    }



    .isotope-compact.isotope-col-lg-3 .item,

    .isotope-compact.isotope-col-lg-3 .column-sizer {

        width: 25%;

    }



}



.isotope article {

    margin-bottom: 0;

}



/*--------------------------------------------------------------

12.5 Board

--------------------------------------------------------------*/



.container-fluid .board {

    margin: 0 -15px;

}



.board .item > span {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 20px;

    height: 20px;

    overflow: hidden;

    transform: translate(-50%, -50%) rotate(45deg);

    -webkit-transform: translate(-50%, -50%) rotate(45deg);

}



.board .item > span:before {

    content: "";

    position: absolute;

    top: -50%;

    left: -50%;

    width: 200%;

    height: 200%;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

}



.board .item .entry-body {

    width: 50%;

    float: left;

    padding: 30px 15px 15px;

}



.board .item .entry-thumbnail {

    width: 50%;

    float: left;

}



.board .item-large > span {

    width: 30px;

    height: 30px;

}



.board .item-tall > span {

    top: 25%;

}



.board .item-alter > span:before {

    background-image: url("img/bg-alter.png");

}



.board .item-primary > span:before {

    background-color: #f6e2e1;

}



.board .item-primary .entry-header i {

    color: #a23d3e;

}



.board .item-primary .entry-header hr:before {

    border-color: #a23d3e;

}



.board .item-primary .entry-title {

    color: #a23d3e;

}



.board .item-primary .entry-content i {

    color: #a23d3e;

}



.board .item-secondary > span:before {

    background-color: #fdfde0;

}



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



    .board .item-large > span {

        display: none;

    }



    .board .item-large .entry-body,

    .board .item-large .entry-thumbnail {

        width: 100%;

    }



    .board .item-large .entry-body {

        padding: 30px 60px;

    }



}



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



    .board .item .entry-body {

        padding: 45px 45px 30px;

    }



    .board .item-large .entry-body {

        padding: 4% 6% 2%;

    }



}



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



    .board .item:nth-child(odd) .entry-thumbnail {

        float: right;

    }



}



@media screen and (min-width: 992px) {



    .board .item-inverse .entry-thumbnail {

        float: right;

    }



}



@media screen and (min-width: 1600px) {



    .board .item-large > span {

        width: 45px;

        height: 45px;

    }



    .board .item-large .entry-body {

        padding: 6% 9% 3%;

    }



}



/*--------------------------------------------------------------

12.6 Menu

--------------------------------------------------------------*/



.menu {

    margin-bottom: 15px;

}



.menu > i {

    display: block;

    color: #000;

    font-size: 2.8rem;

    margin-bottom: 30px;

    text-align: center;

}



.menu-title {

    font-family: "Roboto Slab", serif;

    font-size: 3.2rem;

    margin-top: 0;

    margin-bottom: 60px;

    text-align: center;

}



.menu-title:after {

    content: "";

    display: block;

    width: 30px;

    height: 1px;

    margin: 30px auto 0;

    background-color: #000;

}



.menu-default {

    background-color: #fff;

    padding: 45px 15px;

}



.menu-default .item {

    margin-bottom: 15px;

}



.menu-default .item .type-highgrove_dish .price {

    color: #d4a88c;

    font-size: 1.8rem;

    line-height: 1.1;

    margin-left: 10px;

    white-space: nowrap;

}



.menu-isotope,

.menu-board {

    background-color: transparent;

    padding: 0;

}



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



    .menu {

        margin-bottom: 60px;

    }



    .menu-default {

        padding: 90px 60px;

    }



    .col > .menu-default {

        padding: 60px 30px;

    }



    .menu-default .item {

        height: 120px;

    }



    .menu-board {

        margin-bottom: 0;

    }



}



.menu-item-language img.iclflag {

    margin-right: 8px;

}



/*--------------------------------------------------------------

12.7 Affix

--------------------------------------------------------------*/



.affix-top-fixed {

    position: fixed;

}



/*--------------------------------------------------------------

13.0 Helper classes

--------------------------------------------------------------*/



.bg-alter {

    background-image: url("img/bg-alter.png");

}



.bg-primary {

    background-color: #f6e2e1;

}



.bg-secondary {

    background-color: #fdfde0;

}



.bg-image {

    background-size: cover;

}



.bg-image-bottom {

    background-position: bottom;

}



.bg-fixed {

    background-attachment: fixed;

    background-repeat: no-repeat;

}



.bg-dark {

    color: #fff;

}



.bg-light {

    color: #525252;

}



.text-body {

    font-family: "Roboto", sans-serif;

}



.text-serif {

    font-family: "Roboto Slab", serif;

}



.text-cursive {

    font-family: "Droid Serif", serif;

    font-style: italic;

}



.text-primary {

    color: #a23d3e;

}



.text-secondary {

    color: #d4a88c;

}



.text-sm {

    font-size: 1.4rem;

}



.text-md {

    font-size: 1.8rem;

}



.text-lg {

    font-size: 2.4rem;

}



.text-xl {

    font-size: 4.8rem;

}



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



    .text-sm {

        font-size: 1.6rem;

    }



    .text-md {

        font-size: 2.4rem;

    }



    .text-lg {

        font-size: 3.6rem;

    }



    .text-xl {

        font-size: 7.2rem;

    }



}



.text-light {

    font-weight: 300;

}



.text-bold {

    font-weight: 700;

}



.text-left {

    text-align: left;

}



.text-right {

    text-align: right;

}



.text-center {

    text-align: center;

}



.visible-xl-block {

    display: none !important;

}



@media screen and (min-width: 1600px) {



    .visible-xl-block {

        display: block !important;

    }



    .hidden-xl {

        display: none !important;

    }



}



.screen-reader-text {

    display: none;

    visibility: hidden;

}



.alignleft {

    display: inline;

    float: left;

    margin-right: 30px;

}



.alignright {

    display: inline;

    float: right;

    margin-left: 30px;

}



.aligncenter {

    display: block;

    margin-right: auto;

    margin-left: auto;

}



.wp-caption {

    margin-bottom: 30px;

    max-width: 100%;

}



.wp-caption-text {

    color: #a6a6a6;

    font-family: inherit;

    font-size: 1.4rem;

    line-height: 1.75;

    margin-top: 15px;

}



.gallery-columns-2 .gallery-item,

.gallery-columns-3 .gallery-item {

    float: left;

    margin-right: 2%;

    margin-bottom: 2%;

}



.gallery-columns-2 .gallery-item {

    width: 49%;

}



.gallery-columns-2 .gallery-item:nth-child(even) {

    margin-right: 0;

}



.gallery-columns-3 .gallery-item {

    width: 32%;

}



.gallery-columns-3 .gallery-item:nth-child(3n+3) {

    margin-right: 0;

}



.gallery-caption {

    display: block;

    font-family: inherit;

    font-size: 1.4rem;

    line-height: 1.75;

    padding: 15px 0;

}



/*--------------------------------------------------------------

14.0 Custom styles

--------------------------------------------------------------*/



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



    #chef {

        background: url("img/bg-left.png") bottom left no-repeat, url("img/bg-right.png") bottom right no-repeat;

    }



    #columns-menu:before {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: url("img/bg-left.png") top left no-repeat, url("img/bg-right.png") top right no-repeat;

    }



}



.rev_slider {

    text-align: left;

}