/*
Theme Name: Vintaged Bar + Grill
Description: Vintaged Bar + Grill one page parallax scrolling website
Author: Fraser Campbell
Version: 1.0
*/

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* border box on all things */
*, *:after, *:before {
    -mox-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    color: #222;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*
Keyframe Animations
------------------------------*/
@-webkit-keyframes animationOne {
    0%, 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
    100% { -webkit-transform: rotate(315deg); transform: rotate(315deg); }
}
@keyframes animationOne {
    0%, 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
    100% { -webkit-transform: rotate(315deg); transform: rotate(315deg); }
}
@-webkit-keyframes animationOneReverse {
    0% { -webkit-transform: rotate(315deg); transform: rotate(315deg); }
    25% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
    50%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes animationOneReverse {
    0% { -webkit-transform: rotate(315deg); transform: rotate(315deg); }
    25% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
    50%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@-webkit-keyframes animationTwo {
    0%, 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    75% { -webkit-transform: rotate(450deg); transform: rotate(450deg); }
    100% { -webkit-transform: rotate(405deg); transform: rotate(405deg); }
}
@keyframes animationTwo {
    0%, 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    75% { -webkit-transform: rotate(450deg); transform: rotate(450deg); }
    100% { -webkit-transform: rotate(405deg); transform: rotate(405deg); }
}
@-webkit-keyframes animationTwoReverse {
    0% { -webkit-transform: rotate(405deg); transform: rotate(405deg); }
    25% { -webkit-transform: rotate(450deg); transform: rotate(450deg); }
    50%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes animationTwoReverse {
    0% { -webkit-transform: rotate(405deg); transform: rotate(405deg); }
    25% { -webkit-transform: rotate(450deg); transform: rotate(450deg); }
    50%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@-webkit-keyframes animationBurgerTop {
    0% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
    50% { -webkit-transform: translateY(12px); transform: translateY(12px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
    51%, 100% { -webkit-transform: translateY(12px); transform: translateY(12px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
}
@keyframes animationBurgerTop {
    0% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
    50% { -webkit-transform: translateY(12px); transform: translateY(12px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
    51%, 100% { -webkit-transform: translateY(12px); transform: translateY(12px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
}
@-webkit-keyframes animationBurgerTopReverse {
    0%, 50% { -webkit-transform: translateY(12px); transform: translateY(12px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
    51% { -webkit-transform: translateY(12px); transform: translateY(12px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
}
@keyframes animationBurgerTopReverse {
    0%, 50% { -webkit-transform: translateY(12px); transform: translateY(12px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
    51% { -webkit-transform: translateY(12px); transform: translateY(12px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
}
@-webkit-keyframes animationBurgerBottom {
    0% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
    50% { -webkit-transform: translateY(-12px); transform: translateY(-12px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
    51%, 100% { -webkit-transform: translateY(-12px); transform: translateY(-12px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
}
@keyframes animationBurgerBottom {
    0% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
    50% { -webkit-transform: translateY(-12px); transform: translateY(-12px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
    51%, 100% { -webkit-transform: translateY(-12px); transform: translateY(-12px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
}
@-webkit-keyframes animationBurgerBottomReverse {
    0%, 50% { -webkit-transform: translateY(-12px); transform: translateY(-12px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
    51% { -webkit-transform: translateY(-12px); transform: translateY(-12px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
}
@keyframes animationBurgerBottomReverse {
    0%, 50% { -webkit-transform: translateY(-12px); transform: translateY(-12px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
    51% { -webkit-transform: translateY(-12px); transform: translateY(-12px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
}

/* ==========================================================================
   Helper Classes
   ========================================================================== */
/*
Width and Height Elements
------------------------------*/

@media screen and (min-width:660px) {
   .grid [class*='col-'] { float: left; }
}
.full-height { height: 100%; }
.col-1-1-max { max-width: 100%;  }
.col-1-1 { width: 100%; }
.col-1-2 { width: 50%; }
.col-1-3 { width: 33.33%; }
.col-2-3 { width: 66.66%; }
.col-1-4 { width: 25%; }
.col-1-5 { width: 20%; }
.col-2-5 { width: 40%; }
.col-3-5 { width: 60%; }

/*
[class*='col-'] {
  padding-right: 20px;
}
[class*='col-']:last-of-type {
  padding-right: 0;
}
*/

/*
Floating Elements
------------------------------*/
.left        { float: left; }
.right       { float: right; }

/*
Aligning Elements
------------------------------*/
.text-left   { text-align: left; }
.text-right  { text-align: right; }
.text-center { text-align: center; }
.text-just    { text-align: justify; }

.align-top    { vertical-align: top; }
.align-bottom { vertical-align: bottom; }
.align-middle { vertical-align: middle; }

/*
Position Elements and z-index
------------------------------*/
.fixed    { position: fixed; }
.relative { position: relative; }
.absolute { position: absolute; }
.static   { position: static; }

.zindex-1 { z-index: 1; }
.zindex-2 { z-index: 2; }
.zindex-3 { z-index: 3; }

/*
Display Elements
------------------------------*/
.inline       { display: inline; }
.block        { display: block; }
.inline-block { display: inline-block; }
.hide         { display: none; }
.flex         {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                }

.pin-top-right {
    top: 0;
    right: 0;
}

.pin-bottom-right {
    bottom: 0;
    right: 0;
}

.pin-top-left {
    top: 0;
    left: 0;
}

.pin-bottom-left {
    bottom: 0;
    left: 0;
}

.initial-hidden { display: none; }


/* ==========================================================================
   Vintaged Styles
   ========================================================================== */
/*
General Styles
------------------------------*/
.cp-section__header {
    font-size: 60px;
    color: #231f20;
    margin: 0 0 70px;
}
.cp-section__header--alt {
    color: #fffbf1;
}
@media only screen and (max-width: 660px) {
    .cp-section__header {
        font-size: 44px;
        margin: 0 0 40px;
    }
}
body {
    color: #231f20;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 34px;
}

h1 {
    color: #fff;
    font-family: 'BrothersOT-Bold', "Times New Roman", Georgia, Arial;
    font-size: 89px;/*was 94px*/
    margin: 0;
    padding: 0;
    line-height: 75px
}
h2 {
    color: #231f20;
    font-family: 'BrothersOT-Bold', "Times New Roman", Georgia, Arial;
    font-size: 48px;
    margin: 0;
    padding: 0;
}
h3 {
    color: #fff;
    font-family: 'BrothersOT-Bold', "Times New Roman", Georgia, Arial;
    font-size: 34px;
    margin: 0;
    padding: 0;
}
p { font-size: 22px; }
a {
    color: #fff;
    text-decoration: none;
}

img {
    width: 100%;
    height: auto;
}

hr.dashed { border-top: 1px dashed #231f20; max-width: 1270px; }

span.icon-divider { display: block; }

section {
    background-color: #fffbf1;
    padding: 25px;
    overflow: hidden;
}
section.parallax:after {
    content: '';
    position: absolute;
    border-bottom: 5px dashed #fffbf1;
    width: 100%;
    bottom: 0;
    left: 0;
}

.helvetica { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.font300 { font-weight: 300; }

.button {
    color: #231f20;
    font-family: BrothersOT-Bold, "Times New Roman", Georgia, Arial;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px dashed #231f20;
    padding: 21px;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
    margin-right: 25px;
    min-width: 191px;
    display: inline-block;
}
.button.menu-button {
    border: 1px dashed #fff;
    color: #fff;
}
.button.menu-button:hover {
    border: 1px dashed #fff;
}
.button:not(.special-close):nth-last-of-type(1) { margin: 0!important; }
.intro-section .button:nth-last-of-type(1):not(.special-close), a:last-child, body .button:last-of-type, section a:last-child { margin: auto!important; }
section a:last-child, a:last-child { margin: 0!important; }
a[href="mailto:vintagedbarandgrill@hilton.com"] {
    letter-spacing: 2px;
}

body .button:last-of-type { margin: 0!important; }
a.button:last-of-type { margin-right: 0; }

.bg-red {
    background-color: #333;
    border: none;
}
.hover-red:hover,
.hover-black:hover {
    background-color: #333;
    color: #fff;
    cursor: pointer;
    border: 1px solid #eee;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.bg-black { background-color: #231f20 }

.social {
    border-radius: 100%;
    height: 50px;
    width: 50px;
}
.facebook { background-color: #3b5998; }
.instagram { background-color: #335989; }

.outer-wrapper {
    margin: 0 auto;
    max-width: 1680px;
}
.inner-wrapper {
    margin: 0 auto;
    max-width: 1570px;
}
.text-wrapper {
    /* max-width: 785px; */
    max-width: 850px;
    margin: auto;
}
/*
Navigation
------------------------------*/
/* Central booking button */
.central-book {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    /*top: 0;*/
    top: 76px;
    -webkit-transition: all 0.8s ease-in-out;
            transition: all 0.8s ease-in-out;
    width: 300px;
    z-index: 1;
}
.central-book .button {
    padding: 30px;
    margin: 0;
    display: block;
}
.central-book a {
    font-size: 36px;
}
.central-book.slideReveal {
    top: -301px;
    -webkit-transition: all 0.8s ease-in-out;
            transition: all 0.8s ease-in-out;
}
.central-logo {
    padding: 37px;
}
.central-logo img {
    max-width: 200px;
}
/* Main nav bar book button */
.sticky-nav-book {
    display: inline-block;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 202px;
}
.sticky-nav-book .button {
    padding: 21px 0;
    margin: 0;
    display: block;
}
/* Main nav bar logo */
.sticky-nav-logo {
    padding: 32px;
    /*top: -86px;*/
    top: 0;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.8s ease-in-out;
            transition: all 0.8s ease-in-out;
    width: 252px;
}
.sticky-nav-logo.slideReveal {
    top: 0;
    -webkit-transition: all 0.8s ease-in-out;
            transition: all 0.8s ease-in-out;
}
.sticky-nav-logo img {
    max-width: 153px;
}
/* Main nav bar */
nav.sticky-nav {
    background-color: #000;
    color: #fff;
    height: 76px;
    /*top: -76px;*/
    top: 0;
    right: 0;
    left: 0;
    max-width: 1680px;
    position: fixed;
    margin: 0 auto;
    z-index: 101;
    -webkit-transition: all 0.8s ease-in-out;
            transition: all 0.8s ease-in-out;
    width: 100%;
}
nav.sticky-nav.sticky-scroll {
    top: 0em;
    -webkit-transition: all 0.8s ease-in-out;
            transition: all 0.8s ease-in-out;
}
nav.sticky-nav ul {
    font-size: 18px;
    margin: 0 202px 0 252px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
nav.sticky-nav ul li {
    cursor: pointer;
    display: inline-block;
    list-style: none;
}
nav.sticky-nav ul li a {
    line-height: 76px;
    padding: 28px 10px;
    letter-spacing: 2px;
}
nav.sticky-nav ul li a.nav-active { background-color: #fffbf1; color: #231f20; }
nav.sticky-nav ul li:last-child {  }
/* Mobile nav  */
nav.sticky-nav .mobile-logo { display: none; }
.mobile-nav { display: none; }
.mobile-nav-container {
    position: absolute;
    top: 18px;
    right: 225px;
    height: 40px;
}
.mobile-nav-container input {
    display: none;
}
.mobile-nav-container label {
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
    background: transparent;
}
/* Mobie nav close */
.mobile-nav-container label:before,
.mobile-nav-container input:checked + label:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -2px;
    width: 36px;
    height: 4px;
    background: #fffdf6;
}
.mobile-nav-container label:before {
    -webkit-animation: animationOneReverse 1s ease forwards;
            animation: animationOneReverse 1s ease forwards;
}
.mobile-nav-container input:checked + label:before {
    -webkit-animation: animationOne 1s ease forwards;
            animation: animationOne 1s ease forwards;
}
.mobile-nav-container label:after,
.mobile-nav-container input:checked + label:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -2px;
    width: 36px;
    height: 4px;
    background: #fffdf6;
}
.mobile-nav-container label:after {
    -webkit-animation: animationTwoReverse 1s ease forwards;
            animation: animationTwoReverse 1s ease forwards;
}
.mobile-nav-container input:checked + label:after {
    -webkit-animation: animationTwo 1s ease forwards;
            animation: animationTwo 1s ease forwards;
}
/* Mobile nav burger */
.mobile-nav-container label .burger:before {
    content: '';
    position: absolute;
    top: 6px;
    width: 36px;
    height: 4px;
    background: #fffdf6;
    -webkit-animation: animationBurgerTopReverse 1s ease forwards;
            animation: animationBurgerTopReverse 1s ease forwards;
}
.mobile-nav-container input:checked + label .burger:before {
    -webkit-animation: animationBurgerTop 1s ease forwards;
            animation: animationBurgerTop 1s ease forwards;
}
.mobile-nav-container label .burger:after {
    content: '';
    position: absolute;
    bottom: 6px;
    width: 36px;
    height: 4px;
    background: #fffdf6;
    -webkit-animation: animationBurgerBottomReverse 1s ease forwards;
            animation: animationBurgerBottomReverse 1s ease forwards;
}
.mobile-nav-container input:checked + label .burger:after {
    -webkit-animation: animationBurgerBottom 1s ease forwards;
            animation: animationBurgerBottom 1s ease forwards;
}

/*
Parallax
------------------------------*/
.parallax {
    background-attachment: fixed;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 26.25%;
    position: relative;
    background-size: cover;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    height: 0;
}
.parallax .content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.parallax-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
}

/*
Masthead Section
------------------------------*/
section.masthead.parallax {
    padding-bottom: 53.572%;
    background-size: cover;
}
section.masthead.parallax .content {
    display: block;
    height: initial;
}
section.masthead.parallax:after { border-bottom: none; }
.masthead .content {
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.masthead .content h1 { color: rgba(255, 255, 255, 0.85); }
.masthead p {
    font-size: 22px;
    margin: 0;
    padding: 0;
}
.masthead .inner-wrapper {
    max-width: 950px;
    margin: 0 auto 7.5%;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}
.cp-masthead__overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    z-index: 0;
    background: rgb(0,0,0);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
}
/* Fancy text with dashed line either side */
.fancy-text {
    color: #fff;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 300;
    padding: 0 0 27px 0;/*was 0 0 50px 0*/
    position: relative;
    width: 100%;
    max-width: 850px;
    line-height: normal;
}
/*
.fancy-text:before {
    content: '';
    position: absolute;
    background: url(/assets/css/img/icons/dash.png) repeat-x;
    height: 2px;
    width: 40%;
    top: 12px;
    left: 0;
}
*/
/*
.fancy-text:after {
    content: '';
    position: absolute;
    background: url(/assets/css/img/icons/dash.png) repeat-x;
    height: 2px;
    width: 40%;
    top: 12px;
    right: 0;
}
*/
/* Masthead address copy */
.masthead .address {
    background-color: #231f20;
    color: #fff;
    margin: 0;
    padding: 13px 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    letter-spacing: 2px;
}

/* Masthead hidden address copy */
.hidden-contact-details {
    padding: 0;
    top: 76px;
    background-color: #231f20;
    color: #fff;
    position: absolute;
    width: 100%;
    display: none;
}
.hidden-contact-details p {
   font-size: 14px;
   padding-right: 10px;
   padding-left: 10px;
   font-weight: bolder;
}
.hidden-contact-details p a {
    margin-right: 7px!important;
    text-decoration: underline;
}
#mobile-details {
     padding-left: 22px;
}
.hidden-address {
    background-color: #231f20;
    color: #fff;
    display: none;
}
.hidden-address p { font-size: 14px; margin: 0; padding: 12px; line-height: 1.5; }
.hidden-address span.address-break { display: none; }



/*
Intro Section
------------------------------*/
.cp-intro {
    padding: 140px 25px 100px;
}
.cp-intro__copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.cp-intro__copy-wrap {
    max-width: 785px;
    padding: 0 40px;
}
.cp-intro__header {
    font-size: 34px;
    margin: 0 0 30px;
}
@media only screen and (max-width: 1000px) {
    .cp-intro {
        padding: 90px 25px 60px;
    }
    .cp-intro__copy-wrap {
        padding: 0;
    }
    .circle-image-wrapper {
        display: none;
    }
}
@media only screen and (max-width: 650px) {
    .cp-intro {
        padding: 50px 25px 30px;
    }
}
/* Intro section circular images */
.circle-image-wrapper { padding: 0; }
.circle-image img {
    max-width: 300px;
    max-height: 300px;
    border-radius: 100%;
    border: 1px dashed #231f20;
    padding: 5px;
}

/*
Intro Section Opening Hours
------------------------------*/
.opening-hours { max-width: 900px; margin: auto; font-size: 18px; padding: 0 0 10px 0; min-height: 115px; }
.opening-hours p { /*font-size: 20px;*/ margin: 0;font-size: 18px; letter-spacing: 2px;}
.opening-hours span { font-weight: 300; letter-spacing: 2px;}
.opening-hours-cycle { max-width: 1200px; margin: auto; }
/* Intro section opening hours pager */
.opening-hours-cycle-pager { display: none; }
.opening-hours-cycle-pager {
    height: 100%;
    font-size: 112px;
    position: absolute;
    top: 0;
    max-width: 60%;
    left: 0;
    right: 0;
    margin: auto;
}
.opening-hours-cycle-controls {
    position: absolute;
    cursor: pointer;
    width: 24px;
}
.opening-hours-cycle-left { left: 0; }
.opening-hours-cycle-right { right: 0; }

.cp-opening-hours {
    background-color: #3a3a3a;
    padding: 55px 25px 75px;
}
.cp-opening-hours__header {
    font-size: 34px;
    text-align: center;
    line-height: 1;
    margin: 0 0 30px;
}
.cp-opening-hours__slider {
    max-width: 1150px;
    margin: 0 auto;
}
.cp-opening-hours__slide {
    color: #fffcf3;
    text-align: center;
    padding: 0 5px;
}
.cp-opening-hours__slide h1 {
    font-weight: bold;
}
.cp-opening-hours__slide p {
    margin: 5px 0;
}
.cp-opening-hours__slide h1,
.cp-opening-hours__slide p {
    color: #fffcf3;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: initial;
}
.cp-opening-hours .slick-prev {
    left: -20px;
}
.cp-opening-hours .slick-next {
    right: -20px;
}


/*
Menu Section
------------------------------*/
/* Menu Grid */
.menu-grid { display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; max-width: 1310px; margin: 0 auto; }
.menu-grid .col-1-4 { width: 24%; }
.menu-grid .menu-item { margin: 0 1.333% 1.333% 0; }
.menu-grid .menu-item:nth-child(4n) { margin-right: 0; }
/*.menu-grid .menu-item:nth-child(9) { clear:both; }*/
.menu-grid .menu-item:nth-child(4n+1) { clear:both; }

.menu-item .mobile-menu-image { display: none; }

/* Menu buttons */
.cp-menu-item {
    width: 230px;
    height: 230px;
    border-radius: 100%;
    position: relative;
    border: 2px dashed #666;
    margin: 10px;
}
.cp-menu-item__container {
    width: 220px;
    height: 220px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}
.cp-menu-item__image {
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
}
.cp-menu-item__mobile-image { display: none; }
.cp-menu-item__link {
    font-family: 'BrothersOT-Bold', "Times New Roman", Georgia, Arial;
    font-size: 22px;
    padding: 20px;
    background-color: rgba(26, 26, 26, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}
.cp-menu-item__link:hover {
    background-color: rgba(26, 26, 26, .8);
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}
@media only screen and (max-width: 1000px) {
    .cp-menu-item {
        width: 180px;
        height: 180px;
    }
    .cp-menu-item__container {
        width: 170px;
        height: 170px;
    }
    .cp-menu-item__link {
        line-height: 1.2;
    }
}
@media only screen and (max-width: 650px) {
    /* .cp-menu-item { width: initial; height: initial; border-radius: 0; }
    .cp-menu-item__container { width: initial; height: initial; border-radius: 0; position: relative; }
    .cp-menu-item__image { display: none; }
    .cp-menu-item__mobile-image { display: block; }
    .menu-grid { padding: 0; } */
}

/*
Wines Section
------------------------------*/
section.wines-section { padding: 60px 25px; }
/* Wines image wrapper */
.wines-image-wrapper img {
    display: inline-block;
    max-width: 297px;
    width: 48%;
}
section.wines-section .wines-copy a.button { margin-top: 25px; }

/*
Dining & Events Section
------------------------------*/
.dining-events-items-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1255px;
    margin: 0 auto;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.cp-event-item {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.cp-event-item__border {
    width: 290px;
    height: 290px;
    border: 2px dashed #666;
    border-radius: 100%;
    margin: 10px;
    position: relative;
}

.cp-event-item__image {
    width: 274px;
    height: 274px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}

.cp-event-item__content {
    margin: 20px 0 0;
    width: 100%;
}
.cp-event-item__content p {
    font-size: 22px;
    margin: 0 10px;
}
.cp-event-item__header {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    line-height: initial;
    margin: 0 10px;
}

.dining-events-buttons {
    margin: 60px 0 55px;
}

.dining-events-buttons .button {
    margin: 0 20px 20px 0;
}

@media only screen and (max-width: 1250px) {
    .cp-event-item {
        width: 50%;
        margin: 0 0 30px;
    }
}

@media only screen and (max-width: 700px) {
    .cp-event-item {
        width: 100%;
    }
    .cp-event-item__border {
        width: 250px;
        height: 250px;
    }

    .cp-event-item__image {
        width: 234px;
        height: 234px;
    }
}

@media only screen and (max-width: 600px) {
    .dining-events-buttons {
        margin: 0px 0 65px;
    }
    .dining-events-buttons .button {
        display: block;
        margin: 20px 0;
    }
}


/*
Specials Section
------------------------------*/
/* Offer circles */
.specials-circle {
    border: 2px dashed #666;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: 200px;
    height: 200px;
    height: 12.5rem;
    margin: auto 10px auto auto;
    position: relative;
    width: 200px;
    width: 200px;
    width: 12.5rem;
}
.specials-circle:last-child { margin: auto; }
.specials-circle.active:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: -38px;
    left: 45%;
    left: calc(50% - 25px);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 26px solid #231f20;
}
.specials-circle-image {
    border-radius: 100%;
    bottom: 0;
    position: absolute;
    height: 97%;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    width: 97%;
}
.specials-circle-overlay {
    background-color: rgba(51, 51, 51, 1);
    border-radius: 100%;
    bottom: 0;
    height: 97%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .3s ease-in-out;
            transition: background-color .3s ease-in-out;
    width: 97%;
}
.specials-circle.active .specials-circle-overlay { background-color: #231f20; }
.specials-circle:hover .specials-circle-overlay { background-color: rgba(51, 51, 51, .75); }
.specials-circle .circle-title {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.specials-circle .circle-title h3 { font-size: 30px; }
/* Content section */
section.specials-content .special-content-wrapper { display: none; padding: 60px 25px; }
section.specials-content .special-content-wrapper.active { display: block; background-color: #231f20; }
section.specials-content { padding: 0; background-color: #231f20; }
section.specials-content h2,
section.specials-content p,
section.specials-content span.icon-divider {
    padding: 0 0 60px 0;
    color: #fffbf1;
    margin: 0;
    -webkit-transition: color 0.1s ease-in-out;
            transition: color 0.1s ease-in-out;
}
section.specials-content p { font-weight: 300; }
.specials-content .special-content-wrapper { max-width: 980px; margin: auto; }
.specials-content .special-content-wrapper .button {
    color: #fffbf1;
    border: 1px dashed #fffbf1;
    padding: 17px;
}
section.specials-content .button.find-out-more {
    color: #231f20;
    border: 1px dashed #231f20;
    max-height: 70px;
    padding: 17px;
    margin: 0;
    display: none;
}
section.specials-content .button.special-close { display: none; }
section.specials-content .button.find-out-more.offer-active {
    display: inline-block;
    margin: 0;
    max-height: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
    border: 0px dashed #231f20;
}
.special-content-wrapper {
    background-color: #fffbf1;
    -webkit-transition: background-color 0.8s 0.3s ease-in-out;
            transition: background-color 0.8s 0.3s ease-in-out;
}
.special-content-wrapper.offer-active {
    background-color: #231f20;
}
.special-content-wrapper.offer-active p,
.special-content-wrapper.offer-active h2{
    color: #fffbf1;
}

/*
Weddings Section
------------------------------*/
section.wedding-section { padding: 66px 25px 90px; }
section.wedding-section .wedding-copy a.button { margin-top: 25px; }

/*
Social Section
------------------------------*/
.cp-social-feed {
    background-color: #272323;
    padding: 75px 25px 85px;
}
.cp-social-feed__header {
    margin: 20px
}
.cp-social-feed__subheader {
    color: #fffbf1;
    font-size: 28px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 80px;
}
.cp-social-feed__wrap {
    max-width: 1112px;
    margin: 0 auto;
}
@media only screen and (max-width: 660px) {
    .cp-social-feed {
        padding: 55px 25px 75px;
    }
    .cp-social-feed__subheader {
        margin: 0 0 40px;
    }
}


/*
Map Section
------------------------------*/
section.map { padding: 0; color: #fffbf1; font-weight: 300; }
section.map p { font-size: 18px; }
section.map h2 { color: #fffbf1; font-size: 34px; }
section.map span.phoneNumber { /*font-size: 30px;*/ font-weight: 400;font-size: 18px; }
section.map .map-address { padding: 31px 0 10px 0; }
section.map .map .mobile-show { display: none; }
section.map .map-address:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: calc(50% - 13px);
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #eee;
    top: -13px;
}



section.map .map-address .mobile-logo { max-width: 300px; padding: 0 0 40px 0; display: none; max-height: 75px; }


.cp-contact {
    padding: 75px 25px 85px;
}
.cp-contact__wrap {
    display: flex;
    max-width: 1368px;
    margin: 0 auto;
}
.cp-contact__map,
.cp-contact__details {
    width: 50%;
}
.cp-contact__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 50px;
}
.cp-contact__header {
    font-size: 34px;
    margin: 0 0 40px;
}
.cp-contact__address {
    font-style: normal;
    font-size: 24px;
    text-align: center;
}
.cp-contact__phone,
.cp-contact__email {
    display: block;
}
.cp-contact__phone {
    font-weight: bold;
    margin: 40px 0;
}
.cp-contact__link {
    color: #000;
    text-decoration: underline;
}
.cp-contact__map {
    position: relative;
}
.cp-contact__map-pin {
    background-color: #231f20;
    top: calc(50% - 25px);
    right: calc(50% - 110px);
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.cp-contact__map-pin::after {
    content: '';
    position: absolute;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #231f20;
    bottom: -15px;
    left: calc(50% - 15px);
}
.cp-contact__map-pin img {
    width: 80px;
    height: 50px;
    margin: 27px 25px;
}

@media only screen and (max-width: 1000px) {
    .cp-contact {
        padding: 0;
    }
    .cp-contact__wrap {
        flex-direction: column;
    }
    .cp-contact__map,
    .cp-contact__details {
        width: 100%;
    }
    .cp-contact__map-pin {
        top: calc(50% - 10px);
        right: calc(50% - 42px);
    }
}

/*
Gallery
------------------------------*/
.cp-gallery {
    background-color: #1a1a1a;
    padding: 75px 25px 125px;
}
.cp-gallery__header {
    margin: 0 0 70px;
    font-size: 60px;
}
.cp-gallery__image-wrap {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cp-gallery__link,
.cp-gallery__image {
    max-width: 300px;
}

.cp-gallery .slick-prev {
    left: -60px;
}
.cp-gallery .slick-next {
    right: -60px;
}

@media only screen and (max-width: 1250px) {
    .cp-gallery__image-wrap {
        max-width: 900px;
    }
}

@media only screen and (max-width: 1050px) {
    .cp-gallery__image-wrap {
        max-width: 600px;
    }
}

@media only screen and (max-width: 700px) {
    .cp-gallery__image-wrap {
        max-width: 300px;
    }
}

@media only screen and (max-width: 660px) {
    .cp-gallery {
        padding: 55px 25px 75px;
    }
    .cp-gallery__header {
        font-size: 44px;
        margin: 0 0 40px;
    }
}

@media only screen and (max-width: 425px) {
    .cp-gallery .slick-next {
        right: -30px;
    }
    .cp-gallery .slick-prev {
        left: -30px;
    }
}

/*
Page Footer
------------------------------*/
.cp-footer {
    text-align: center;
    position: relative;
}
.cp-footer__book {
    background-color: #231f20;
    padding: 55px 25px;
}

.cp-footer__button {
    color: #fffbf1;
    border: 1px dashed #fffbf1;
    padding: 17px;
    min-width: 280px;
    margin: 0 20px 50px 0;
}
.cp-footer__button:last-child {
    margin: 0;
}
.cp-footer__button:last-of-type {
    margin-right: 0;
}
.cp-footer__vintaged img {
    max-width: 149px;
    margin: 0 40px 0 0;
    max-height: 96px;
}
.cp-footer__hilton-brisbane img {
    max-width: 121px;
    max-height: 93px;
}

.cp-policy-nav {
    background-color: #fffbf1;
    padding: 25px;
    color: #231f20;
    font-size: 15px;
}
.cp-policy-nav ul { padding: 0; }
.cp-policy-nav a { color: #231f20; text-decoration: underline; }
a.adchoices {
    background: url(/assets/css/img/icons/adchoices.png) right center no-repeat;
    padding-right: 16px;
}
.cp-policy-nav li { display: inline-block; }
.cp-policy-nav .divider { padding: 0 5px; }
.cp-policy-nav .break { display: none; }
#cookielaw {
    position: absolute;
    right: 0;
    bottom: 0;
}
@media only screen and (max-width: 660px) {
    .cp-policy-nav .divider { display: none; }
    .cp-policy-nav .break { display: initial; }
    .cp-footer__button { margin-right: 0; }
    .cp-footer__logos { padding: 50px 0 0 0; }
}
@media only screen and (max-width: 400px) {
    .cp-footer__vintaged {
        display: block;
        margin: 0 0 10px 0;
    }
    .cp-footer__vintaged img {
        margin: 0 0 20px 0;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}
/*
 * Hide visually and but NOT from screen readers
 */

.hide {
    position: absolute;
    left: -9999px;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 661px) and (max-width: 849px) {
    /*
    Masthead Section
    ------------------------------*/
    .masthead .inner-wrapper { margin: 0 auto 12.5%; }
}
@media only screen and (min-width: 850px) and (max-width: 1400px) {
    /*
    Masthead Section
    ------------------------------*/
    .masthead .inner-wrapper { margin: 0 auto 10.5%; }
}
@media only screen and (min-width: 899px) and (max-width: 1200px) {
    /*
    Menu Section
    ------------------------------*/
    .menu-section .text-wrapper .initial-view { display: none; }
    /* Menu grid */
    .menu-grid .col-1-4 { width: 32%; }
    .menu-grid .menu-item { margin: 0 2% 2% 0; }
    .menu-grid .menu-item:nth-child(4n) { margin-right: 2%; }
    .menu-grid .menu-item:nth-child(3n) { margin-right: 0; }
    .menu-grid .menu-item:nth-child(4n+1) { clear:none; }
    .menu-grid .menu-item:nth-child(3n+1) { clear:both; }
    /*.menu-grid .menu-item:nth-child(9) { clear:none; }*/

}
@media only screen and (min-width: 1239px) and (max-width: 1239px) {
    .menu-grid .menu-item:nth-child(9) { clear:both; }
    }
@media only screen and (min-width: 1001px) and (max-width: 1090px) {
    /*
    Specials Section
    ------------------------------*/
    /* Offer circles */
    .specials-circle {
        height: 180px;
        width: 180px;
    }
}
@media only screen and (min-width: 1080px) and (max-width: 1175px) {
    /*
    Navigation
    ------------------------------*/
    /* Main nav bar */
    nav.sticky-nav ul li a {
        font-size: 16px;
        padding: 28px 5px;
    }
}
@media only screen and (max-width: 1350px) {
    /*
    Masthead Section
    ------------------------------*/
    section.masthead.parallax {
        background-size: contain;
    }
}

@media only screen and (max-width: 1450px) {
    /*
    Navigation
    ------------------------------*/
    /* Main nav bar */
    nav.sticky-nav { background-color: #231f20; }
    nav.sticky-nav .desktop-logo { display: none; }
    nav.sticky-nav .mobile-logo { display: block; }
    /* Main nav logo */
    .sticky-nav-logo { padding: 23px; width: 300px; }
    .sticky-nav-logo img { max-width: 300px; max-height: 76px; }
    /* Mobile nav */
    .mobile-nav { display: block; }
    /* Main nav bar - tablet and mobile */
    .sticky-nav ul { display: none; }
    nav.sticky-nav ul li { padding: 0; }
    nav.sticky-nav ul.active { display: block; top: 76px; position: absolute; width: 100%; margin: auto; background-color: #fffbf1;}
    nav.sticky-nav ul.active li { border-bottom: 1px dashed #231f20; display: block; color: #231f20; font-size: 24px;  }
    nav.sticky-nav ul.active li:last-child { border-bottom: 4px solid #231f20;  }
    nav.sticky-nav ul.active li a { color: #231f20; display: block; padding: 0; }
    nav.sticky-nav ul.active li a:hover {
        /*color: #fffbf1;*/
        background-color: #eee;
        font-weight: bold;
        -webkit-transition: font-weight 0.3s ease-in-out;
        transition: font-weight 0.3s ease-in-out
    }
    /*
    Masthead Section
    ------------------------------*/
    .masthead p { font-size: 18px; }
     .fancy-text { padding: 0 0 40px; }
    /*
    Map Section
    ------------------------------*/

}

@media only screen and (max-width: 1000px) {
    .desktop-only-copy { display: none; }
    /*
    Masthead Section
    ------------------------------*/
    .masthead .inner-wrapper { max-width: 700px; }
    .masthead .content h1 { font-size: 65px; }/*was 73px*/
    .fancy-text { font-size: 17px; padding: 0 0 30px; }

    /*
    Intro Section
    ------------------------------*/
    section.dining-events { display: block; }
    section.intro-section .intro-text .col-3-5 { width: 100%; }
    section.intro-section .intro-text { width: 100%; }
    section.intro-section hr.dashed { display: none; }
    section.intro-section span.icon-divider.initial-hidden { display: block; padding: 40px 0 0 0; }
    section.intro-section span.icon-divider.initial-view { display: none; }
    section.intro-section .col-1-3, section.intro-section .col-3-5 { padding: 0; }

    /* Intro section circular images */
    .col-1-5 .circle-image { display: none; }

    /*
    Wines Section
    ------------------------------*/
    .wines-section .col-1-2 { width: 100%; }
    .wines-section .initial-view { display: none; }
    /* Wines image wrapper */
    .wines-image-wrapper { display: none; }

    /*
    Dining & Events Section
    ------------------------------*/
    /* Dining and events grid */
    .dining-events .col-1-2 { width: 100%; }
    .dining-events .initial-view { display: none; }
    /* Black box */
    .dining-events-black-box { display: none; }

    /*
    Weddings Section
    ------------------------------*/
    .wedding-section span.icon-divider.initial-view { display: none; }

    /*
    Specials Section
    ------------------------------*/
    section.specials { display: none; }

    section.specials-content h2,
    section.specials-content p { color: #231f20; }
    section.specials-content span.icon-divider.initial-view { display: none; }
    /* Offer circles */
    .specials-circle,
    .specials-circle.active:after { display: none; }
    section.specials-content .special-content-wrapper { display: block; }

    section.specials-content .tablet-reveal { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.8s ease-in-out; transition: max-height 0.8s ease-in-out; }
    section.specials-content .tablet-reveal.active { max-height: 650px; }

    section.specials-content .special-content-wrapper span.icon-divider.initial-hidden { display: block; color: #231f20; padding: 40px 0 40px 0; }
    section.specials-content .special-content-wrapper:last-child span.icon-divider.initial-hidden { display: none; }
    section.specials-content .special-content-wrapper.active { background-color: #fffbf1; }
    section.specials-content .button.special-close { display: inline-block; }
    section.specials-content .button.find-out-more { display: inline-block; }
    section.specials-content .special-content-wrapper { padding: 25px 0; max-width: none; width: 100%; }
    section.specials-content .special-content-wrapper.offer-active { background-color: #231f20; }
    .specials-content span.icon-divider.initial-hidden { display: block; background-color: #fffbf1; color: #231f20; padding: 25px 0; }
    .specials-content span.icon-divider.initial-hidden:last-child { display: none; }



    /*
    Map Section
    ------------------------------*/
    section.map .map-address .mobile-logo { display: inline-block; }
}
@media only screen and (max-width: 950px) {
    /*
    Navigation
    ------------------------------*/
    /* Central booking button */
    .central-book { display: none; }
    /*
    Map Section
    ------------------------------*/
    section.map .map .mobile-show { display: block; }
    section.map .map .mobile-hide { display: none; }

    /*
    Parallax
    ------------------------------*/
    section.parallax h1 { font-size: 72px; }
}
@media only screen and (max-width: 930px) {

    /*
    Intro Section Opening Hours
    ------------------------------*/
    .opening-hours.slides p, .opening-hours.slides span { font-size: 22px; }
    .opening-hours.slides .col-1-3 { float: none; margin: auto; width: 100%; }
    /* Intro section opening hours pager */
    .opening-hours-cycle-pager { display: block; }

}
@media only screen and (max-width: 900px) {
    /*
    Menu Section
    ------------------------------*/
    /* .menu-section .text-wrapper .initial-view { display: none; } */
    /* Menu grid */
    /* .menu-grid .col-1-4 { width: 49%; }
    .menu-grid .menu-item { margin: 0 2% 2% 0; }
    .menu-grid .menu-item:nth-child(2n) { margin-right: 0; } */
}
@media only screen and (max-width: 780px) {
    /*
    Parallax
    ------------------------------*/
    .parallax {
        background-position: 0% 0%!important;
        background-size: cover;
        padding: 0 0 50%;
        background-attachment: initial;
    }
}
@media only screen and (max-width: 750px) {
    /*
    Masthead Section
    ------------------------------*/
    .masthead .content h1{font-size: 59px;}
}
@media only screen and (max-width: 720px) {
    /*
    Masthead Section
    ------------------------------*/
    .masthead p { font-size: 14px; padding: 0 20px; }
}
@media only screen and (max-width: 660px) {
    /*
    General Styles
    ------------------------------*/
/*    body { padding: 76px 0 0 0; }*/

    /*
    Parallax
    ------------------------------*/
    section.parallax h1 { font-size: 44px; }
    section.parallax:after { border: none; }

    /*
    Masthead Section
    ------------------------------*/
    .masthead .inner-wrapper { max-width: 400px; }
    .fancy-text:after, .fancy-text:before { width: 30%; }
    .fancy-text:before { left: 30px; }
    .fancy-text:after { right: 30px; }
    .masthead .content h1 { font-size: 37px; margin: 0 0 4% 0; }/*was font size 40px*/
    .fancy-text { font-size: 14px; padding: 0 0 10px; }
    .masthead p { font-size: 14px; padding: 0 20px; }

    /*
    Dining & Events Section
    ------------------------------*/
    .dining-events .text-wrapper .button.initial-hidden { display: block; margin: auto!important; }
    /* Dining and events grid */
    .dining-events-grid .dining-events-item { margin: 0; position: relative!important; }
    .dining-events-items-container { max-width: 300px; margin: 10px auto 0;}
    .dining-events-item.slides.exclude { display: none; }
    /* Dinng and events pager */
    .dining-events-cycle-pager { display: block; }

    /*
    Social feed section
    ------------------------------*/

    /* social feed pager */
    .social-feed-cycle-pager { display: block; }
}


@media only screen and (max-width: 600px) {
    /*
    General Styles
    ------------------------------*/
    body { margin: 76px 0 0 0; }
    /*
    Navigation
    ------------------------------*/
    /* Main nav bar */
    nav.sticky-nav, .sticky-nav-logo { top: 0; }
    .sticky-nav-logo { max-width: 252px; }
    nav.sticky-nav ul.active { top: 138px; }
    nav.sticky-nav ul.active li { font-size: 18px; }
    nav.sticky-nav ul li a { line-height: 50px; }
    /* Main nav bar book button */
    .sticky-nav-book { display: none; }
    /* Mobile nav */
    .mobile-nav-container { right: 20px; }
    /* Central booking button */
    .central-book { display: none; }


    /*
    Masthead Section
    ------------------------------*/
    section.masthead.parallax { background-attachment: initial;  background-size: cover; background-position: 0% 0%!important; margin-top: 138px;}
    /* Masthead address copy */
    .masthead .address { display: none; }
    .masthead .inner-wrapper { margin: 0 auto 1.5%; }
    /* Masthead hidden address copy */
    .hidden-contact-details {display: block;position: fixed; z-index: 999; }
    .hidden-address { display: block; }
    .hidden-address span.address-break { display: initial; }

    /*
    Intro Section
    ------------------------------*/
    section.intro-section .col-1-1 { padding: 0; }
    section.intro-section .col-1-1 .col-3-5 { width: 100%; }
    section.intro-section .button { display: block; margin: 0 auto 20px auto; max-width: 191px; }

    /*
    Intro Section Opening Hours
    ------------------------------*/
    section.intro-section .opening-hours-slide { width: 100%; }
    /* Intro section opening hours pager */
    .opening-hours-cycle-pager { max-width: none; width: 100%; }
    .opening-hours.slides span { font-size: 18px; }

    /*
    Menu Section
    ------------------------------*/
    /* Menu grid */
    /* .menu-grid .col-1-4 { width: 100%; }
    .menu-grid .menu-item { margin: 0 0 2% 0; }
    .menu-grid .menu-item img { max-height: 112px; }
    .menu-item .desktop-menu-image { display: none; }
    .menu-item .mobile-menu-image { display: inline; } */

    /*
    Wines Section
    ------------------------------*/
    .wines-section .button { display: block; margin: 0 auto 20px auto; }

    /*
    Specials Section
    ------------------------------*/
    section.specials-content h2 { font-size: 30px; padding: 0 0 20px 0; }
    section.specials-content p { margin: 0 10px; font-size: 20px; }
    section.specials-content .special-content-wrapper.offer-active .tablet-reveal.active .button:first-of-type { margin: auto auto 20px auto; max-width: 193px; display: block;}

    /*
    Weddings Section
    ------------------------------*/
   .wedding-section .button { display: block; margin: 0 auto 20px auto; }

}

@media only screen and (max-width: 400px) {
    h1 { line-height: 45px; }
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

@media only screen and (max-width: 340px) {
  .hidden-contact-details p {
     font-size: 12px;
     padding-top: 15px;
     padding-left: 14px;

  }
}

/* adjustment for parallax */

.parallax{
    background-position:inherit!important;
}
p span[itemprop] {
    letter-spacing: 2px;
}

/*
Magnific Popup CSS
------------------------------*/
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}

/*
Slick Carousel
------------------------------*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*
Slick Carousel Theme
------------------------------*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.slick-next:before,
.slick-prev:before {
    font-family: 'icomoon' !important;
    font-size: 110px;
}
.slick-prev:before {
    content: "\e909";
}
.slick-next:before {
    content: "\e908";
}
.slick-prev,
.slick-next {
    width: 60px;
    height: 110px;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    display: none;
}

@media only screen and (max-width: 425px) {
    .slick-prev,
    .slick-next {
        width: 30px;
    }
}

.juicer-feed.slider .slick-prev,
.juicer-feed.slider .slick-next {
    top: 50%!important;
    top: calc(50% - 45px)!important;
}
.juicer-feed.slider .slick-prev:before,
.juicer-feed.slider .slick-next:before {
    font-family: "fontawesome-webfont", Helvetica, Arial, sans-serif!important;
}

/*
Adding Diners Choice logo, Feb 2020;
*/
.masthead .dinersChoice-logo{
	width: 15vw;
	max-width: 200px;
	height: 15vw;
	max-height: 200px;
	margin: 0 auto;
}

.masthead .dinersChoice-logo .ot-dc-badge--p{
	background-size: contain;
}

@media screen and (max-width: 1280px){
	.masthead .inner-wrapper{
		max-width: 950px;
	}
	.masthead .content h1{
		margin-top: -25px;
		font-size: 65px;
	}

	.masthead .fancy-text{
		padding: 0;
	}
}

@media screen and (max-width: 1000px){
	section.masthead.parallax{
		padding-bottom: 61.5%;
	}
	.masthead .content h1{
		font-size: 8vw;
	}
}

@media screen and (max-width: 660px){
	.masthead .inner-wrapper{
		margin-bottom: 9.5%;
	}
}

@media screen and (max-width: 600px){
	.masthead .inner-wrapper{
		margin-bottom: 0.5%;
	}
	.masthead .content h1{
		font-size: 10vw;
		line-height: 1;
	}
	.masthead .dinersChoice-logo{
		width: 23vw;
		height: 25vw;
	}
}

/*
End of Diners Choice logo, Feb 2020;
*/