/*!
 * Sleep No More
 * Author: Squeaky Wheel Media
 */

 /* ============================== *\
    $Table of Contents
\* ============================== */

/*

    1     $Reset
    2     $Defaults
    3     $Header
    4     $Footer
    5     $Layout
            @Section
            @Sub Nav
            @Side Nav
            @Slider
    6     $Modules
            @Mckittrick Background
            @Cards
            @Gallery
            @Special Events
            @Item
            @Guestbook
    7     $Misc
    8     $Plugins / Third Party
            @Newsletter (Mailchimp)
            @Open Table
    9    $Clearfix
    10    $Overrides

*/





/* ============================== *\
    $Reset
\* ============================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}





/* ============================== *\
    $Defaults
\* ============================== */

body {
    background-color: #000;

    font-family: Georgia, serif;
	font-size: 100%;
	line-height: 1.4;
}


/* ------------------------------
	Defaults - Headings
------------------------------ */

h1, .alpha {
    font-size: 24px;
}
h2, .beta {
    font-size: 20px;
}
h3, .gamma {}
h4, .delta {
    font-size: 16px;
}
h5, .epsilon {
    font-size: 14px;
}
h6, .zeta {}


/* ------------------------------
	Defaults - Text
------------------------------ */

p {
	margin-bottom: 20px;
}

.giga {}
.mega {}
.kilo {}
.large {}

.small {
    font-size: 12px;
}

.milli {}

.text-em { font-style: italic; }
.text-strong { font-weight: bold; }
.text-caps { text-transform: uppercase; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

em { font-style: italic; }
strong { font-weight: bold; }

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


/* ------------------------------
	Defaults - Images
------------------------------ */

.img-flex { width: 100%; max-width: 100%; }
.img-max { max-width: 100%; }


/* ------------------------------
	Defaults - Layout
------------------------------ */

.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }


/* ------------------------------
	Defaults - Lists
------------------------------ */

.l-inline {}
.l-inline > li {
    float: left;
}

.l-inline-block {}
.l-inline-block > li {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.l-stacked {}
.l-stacked > li {
	display: block;
}

.l-bullet {
	list-style: disc;
}

.l-bullet > li {
	display: block;
	margin-left: 20px;
}





/* ============================== *\
    $Text
\* ============================== */

.link-red, .text-red {
    color: #660000;
}

.text-darkred {
    color: #2e0201;
}

.link-green, .text-green {
    color: #2d5800;
}



/* ============================== *\
    $Layout - Default
\* ============================== */

/* ------------------------------
    Layout - Container
------------------------------ */

.container {
    position: relative;
	width: 1000px;
	margin: 0 auto;
}

.container {
    height: 100%;
}


/* ------------------------------
    Layout - Clearfixes
------------------------------ */

.row:before, .row:after,
.container:before, .container:after,
.l-inline:before, .l-inline:after, .l-inline li:before, .l-inline li:after,
.l-stacked:before, .l-stacked:after, .l-stacked li:before, .l-stacked li:after {
    content: " ";
    display: table;
}

.row:after,
.container:after,
.l-inline:after, .l-inline li:after,
.l-stacked:after, .l-stacked li:after {
    clear: both;
}

.row,
.container,
.l-inline, .l-inline li,
.l-stacked, .l-stacked li {
    *zoom: 1;
}





/* ============================== *\
    $Layout - Custom
\* ============================== */


/* ============================== *\
    $Header
\* ============================== */

header {
    background: url('../img/main-nav-shadow.png') left top repeat-x;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
    height: 110px;
    z-index: 9000;
}

@media ( max-height: 770px ) {
    header {
        top: -25px;
        height: 100px;
    }
}



/* ------------------------------
    Main Navigation
------------------------------ */

.main-nav {
    background: url('../img/main-nav.png') left 10px no-repeat;
    width: 930px;
    height: 90px;
    padding-left: 70px;
}

    .main-nav li {
        position: relative;
        margin-left: 30px;

        text-align: center;
    }

    .main-nav li:first-child {
        margin-left: 0;
    }

    .main-nav /*li*/.active {
        background: url('../img/main-nav-active.png') center 22px no-repeat;
    }

    @media ( max-height: 770px ) {
        .main-nav /*li*/.active {
            background: none;
        }
    }

        .main-nav a {
            display: block;
            margin-top: 36px;

            font-size: 14px;
            text-transform: uppercase;
            color: #ccc;
        }

        .main-nav /*li*/.active a,
        .main-nav a:hover {
            color: #d0a601;
        }

        .main-nav /*a*/ .subtitle {
            display: block;
            font-size: 12px;
            font-style: italic;
            text-transform: none;
        }


.main-nav /*li*/ .logo-link {
    width: 194px;
    height: 109px;
    margin-top: 0;
}

    /*img*/.logo {
        display: block;
        position: absolute;
        top: 0;
        left: -25px;
        background: url('../img/logo-sprite.png') left top no-repeat;
        width: 250px;
        height: 100%;
    }

    .logo-link:hover .logo,
    .active .logo {
        background-position: 0 -109px;
    }

    @media ( max-height: 770px ) {
        /*img*/.logo {
            left: -30px;
            background: url('../img/logo-smaller-sprite.png') left top no-repeat;
            width: 250px;
            height: 84px;
            margin-top: 25px;
        }

        .logo-link:hover .logo,
        .active .logo {
            background-position: 0 -84px;
        }
    }





/* ============================== *\
    $Footer
\* ============================== */

footer {
	background: url('../img/footer-bg.jpg') left top repeat-x #000;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
    height: 45px;
    z-index: 9000;

    text-align: center;
}

@media ( max-height: 770px ) {
    footer {
        height: 35px;
    }
}


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

/*ul*/.footer-nav {
    font-size: 12px;
    line-height: 45px;
    text-transform: uppercase;
}

@media ( max-height: 770px ) {
    /*ul*/.footer-nav {
        line-height: 35px;
    }
}

    .footer-nav li {
        margin-left: 50px;
    }

    .footer-nav li:first-child {
        margin-left: 0;
    }

        .footer-nav, .footer-nav a {
            color: #7f7f7f;
        }

        .footer-nav a:hover {
            color: #fff;
        }

.share-icon {
    margin-left: 8px;
}



/* ============================== *\
    $Layout
\* ============================== */

/* ============================== *\
    @Section
\* ============================== */

.sections {
    overflow: hidden;
}

    section {
        position: relative;
    	height: 800px;
    }

    @media ( max-height: 770px ) {
        section {
            height: 680px;
        }
    }


/* ------------------------------
    Modifiers: section
------------------------------ */

.section-gallowgreen {
    background: url('../img/bg-gallowgreen.jpg') center top no-repeat;
    background-size: auto 100%;
    z-index: 1;
}

.section-theheath {
    background: url('../img/bg-theheath.jpg') center top no-repeat;
    background-size: auto 100%;
    z-index: 2;
}

.section-mckittrick {
    /*background: url('../img/bg-mckittrick.jpg') center top no-repeat;
    background-size: auto 100%;*/
    overflow: hidden;
    z-index: 3;
}

.section-specialevents {
    background: url('../img/bg-specialevents.jpg') center top no-repeat;
    background-size: auto 100%;
    z-index: 4;
}

.section-manderleybar {
    background: url('../img/bg-manderleybar.jpg') center top no-repeat;
    background-size: auto 100%;
    z-index: 5;
}

.section-sleepnomore {
    background: url('../img/bg-sleepnomore.jpg') center top no-repeat;
    background-size: auto 100%;
    z-index: 6;
}





/* ============================== *\
    @Sub Nav
\* ============================== */

/* ------------------------------
    Social Buttons
------------------------------ */

/*ul*/.social-btn {
    position: absolute;
    height: 16px;
    z-index: 9999;

    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #7a7a7a;
}

    .social-btn li {
        margin-left: 10px;
    }

    .social-btn li:first-child {
        margin-left: 0;
    }

.social-top {
    display: none;
    position: absolute;
    width: 100%;
}

.social-gallowgreen {
    top: 8px;
    left: 110px;
}

.social-theheath {
    top: -5px;
    left: 120px;
}

.social-mckittrick {
    top: -23px;
    left: 55px;
}

.social-specialevents {
    top: -23px;
    left: 250px;
}

.social-manderleybar {
    top: -7px;
    right: 60px;
}

.social-sleepnomore {
    top: -23px;
    left: 155px;
}

@media ( max-height: 770px ) {
    /*ul*/.social-btn {
        display: none;
    }

    .social-top {
        display: block;
    }

    /*ul*/.social-btn--top {
        display: block;
        top: 75px;
        right: 155px;
    }
}


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

.section-nav {
    background: url('../img/sub-nav.png') left top repeat-x;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150px;
    z-index: 8000;
}

@media ( max-height: 770px ) {
    .section-nav {
        background: url('../img/sub-nav.png') left 20px repeat-x;
        height: 105px;
    }

    .section-gallowgreen .section-nav, .section-manderleybar .section-nav {
        height: 130px;
    }

    .section-theheath .section-nav {
        bottom: 27px;
    }
}

/*ul*/.sub-nav {
    position: relative;
    height: 33px;
    margin: 0 auto;
    z-index: 7000;
}

    .sub-nav a {
        display: block;

        font-size: 13px;
        text-transform: uppercase;
        color: #ccc;
    }

    .sub-nav a:hover, .sub-nav /*a*/.active {
        color: #d0a601;
    }


/* ------------------------------
    Location Navigation
------------------------------ */

/*ul*/.nav-gallowgreen {
    background: url('../img/nav-gallowgreen.png') left top no-repeat;
    width: 760px;
    height: 45px;
    padding-top: 31px;
    padding: 31px 15px 0;
    line-height: 45px;
}

    .nav-gallowgreen--left li {
        margin-left: 21px;  /*15px*/
    }

    .nav-gallowgreen--right li {
        margin-left: 20px;
    }

    .nav-gallowgreen li:first-child {
        margin-left: 0;
    }

/*ul*/.nav-theheath {
    background: url('../img/nav-theheath.png') left top no-repeat;
    width: 723px;
    height: 43px;
    padding: 27px 50px 0;
    line-height: 43px;
}

    .nav-theheath--left li {
        margin-left: 17px;
    }

    .nav-theheath--right {
        margin-right: 5px;
    }

        .nav-theheath--right li {
            margin-left: 10px;
        }

    .nav-theheath li:first-child {
        margin-left: 0;
    }

/*ul*/.nav-mckittrick {
    background: url('../img/nav-mckittrick.png') left top no-repeat;
    width: 895px;
    height: 48px;
    padding-left: 85px;
}

    .nav-mckittrick li {
        margin-left: 35px;
        line-height: 48px;
    }

    .nav-mckittrick li:first-child {
        margin-left: 0;
    }

/*ul*/.nav-specialevents {
    background: url('../img/nav-specialevents.png') left top no-repeat;
    width: 417px;
    height: 43px;
    padding: 0 60px;
}

    .nav-specialevents a {
        line-height: 43px;
    }

/*ul*/.nav-manderleybar {
    background: url('../img/nav-manderleybar.png') left top no-repeat;
    width: 850px;
    height: 43px;
    padding: 15px 65px 11px;
    line-height: 43px;
}

    .nav-manderleybar--left li {
        margin-left: 15px;
    }

    .nav-manderleybar--right li {
        margin-left: 20px;
    }

    .nav-manderleybar li:first-child {
        margin-left: 0;
    }

/*ul*/.nav-sleepnomore {
    background: url('../img/nav-sleepnomore.png') left top no-repeat;
    width: 648px;
    height: 43px;
    padding: 0 50px;
    line-height: 43px;
}

    .nav-sleepnomore--left li {
        margin-left: 14px;
    }

    .nav-sleepnomore--right li {
        margin-left: 13px;
    }

    .nav-sleepnomore li:first-child {
        margin-left: 0;
    }



/* ------------------------------
    Location Sub Nav Logos
------------------------------ */

.logo-sub-nav {
    position: absolute;
    top: 0;
    left: 50%;
}


/* ------------------------------
    Modifier: .logo-sub-nav
------------------------------ */

.logo-sub-nav--gallowgreen {
    margin-left: -19px;
}

.logo-sub-nav--theheath {
    margin-left: -30px;
}

.logo-sub-nav--manderleybar {
    margin-left: -90px;
}

.logo-sub-nav--sleepnomore {
    margin-top: -15px;
    margin-left: -50px;
}





/* ============================== *\
    @Side Nav
\* ============================== */

/* ------------------------------
    Left Side Controls
------------------------------ */

.controls {
  position: fixed;
  top: 50%;
  left: 45px;
  margin-top: -240px;
  z-index: 8000;
}


/* ------------------------------
    Elevator Buttons
------------------------------ */

.elevator-btn {
    background: url('../img/elevator-buttons.png') left top no-repeat;
    position: relative;
    width: 97px;
    height: 255px;
    margin: 0 auto;
}

    .elevator-up, .elevator-down {
        background: url('../img/elevator-sprite.png') left top no-repeat;
        position: absolute;
        width: 35px;
        height: 34px;
        cursor: pointer;
    }

    .elevator-up {
        top: 56px;
        left: 32px;
    }

    .elevator-up:hover {
        background-position: 0 -34px;
    }

    .elevator-up:active, .elevator-up.inactive {
        background-position: 0 -68px;
    }

    .elevator-down {
        background-position: -35px 0;
        top: 149px;
        left: 30px;
    }

    .elevator-down:hover {
        background-position: -35px -34px;
    }

    .elevator-down:active, .elevator-down.inactive {
        background-position: -35px -68px;
    }

    .elevator-up.inactive, .elevator-down.inactive {
        cursor: default;
    }

/* ------------------------------
    Book A Room Button
------------------------------ */

.book-a-room {
    background: url('../img/btn-buy-tickets.png') left top no-repeat;
    display: block;
    width: 107px;
    height: 72px;
    cursor: pointer;
}

.book-a-room:hover {
    background-position: 0 -82px;
}


/* ------------------------------
    Reservation Nav
------------------------------ */

    .reservation-menu {
        position: relative;
        cursor: pointer;
        left: 6px;
    }

    .reservation-button {
        background: url('../img/btn-make-reservation.png') left top no-repeat;
        width: 210px;
        height: 70px;
    }

    .reservation-button:hover, .reservation-menu.active .reservation-button {
        background-position: 0 -70px;
    }

    /*ul*/.reservation-nav {
        display: none;
        background: rgba(0, 0, 0, 0) url("../img/bg-make-reservation.png") no-repeat scroll left top / 210px 389px;
        position: absolute;
        top: 69px;
        left: 110px;
        width: 190px;
        height: 389px;
        padding: 0 10px;
        font-size: 11px;
        line-height: 1.4;
        text-transform: uppercase;
        color: #999;
    }

        .reservation-nav li {
            padding: 10px 0 9px;
            border-top: 1px solid #333;
        }

        .reservation-nav li:first-child {
            border: none;
        }

            .reservation-nav a {
                color: #999;
            }

            .reservation-nav a:hover {
                color: #d0a500;
            }

    .reservation-menu.active .reservation-nav {
        display: block;
    }


/* ============================== *\
    @Slider
\* ============================== */

/*ul*/.slider {
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
}

    .slider li {
        width: 100%;
        height: 100%;
    }

        .close-slide {
            background: url('../img/fancybox/fancybox_sprite.png') left top no-repeat;
            position: absolute;
            top: -36px;
            right: -33px;
            width: 36px;
            height: 36px;
            cursor: pointer;
        }

        @media ( max-height: 770px ) {
            .close-slide {
                top: -20px;
                right: -40px;
            }
        }


/* ------------------------------
    Event Pager
------------------------------ */

.event-pager {
    position: absolute;
    bottom: 180px;
    left: 50%;
    width: 110px;
    margin-left: -55px;
    z-index: 8000;
    color: #fff;
}

@media ( max-height: 770px ) {
    .event-pager {
        bottom: 120px;
    }
}

    .event-prev, .event-next {
        width: 29px;
        margin-left: 50px;
        cursor: pointer;
    }

    .event-pager li:first-child {
        margin-left: 0;
    }

    .event-next {
        visibility: hidden;
    }





/* ============================== *\
    $Modules
\* ============================== */

/* ============================== *\
    @Mckittrick Background
\* ============================== */

.bg-mckittrick {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

    .bg-mckittrick-light, .bg-mckittrick-dark {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .bg-mckittrick-light {
        opacity: 0;
        z-index: 200;
    }

    .bg-mckittrick-dark {
        z-index: 100;
    }

        .bg-mckittrick-img {
            display: block;
            height: 100%;
            margin: 0 auto;
        }


/* ============================== *\
    @Cards
\* ============================== */

/* ------------------------------
    Feature / Cards
------------------------------ */

.center-feature, .center-card {
    margin: 0 auto;
}

.center-feature {
    position: relative;
    width: 435px;
    margin-top: 200px;
}

@media ( max-height: 770px ) {
    .center-feature {
        margin-top: 120px;
    }
}

.feature-bg {
    background: url('../img/feature.png')  center center no-repeat;
    position: relative;
    width: 394px;
    height: 183px;
}

.feature_parent{

    width:394px;
    height:183px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-92px 0 0 -187px;


}

#feature{
    position: absolute;
    top: 50%;
    height: 183px;
    margin-top: -92px; /* account for padding and border if not using box-sizing: border-box; */
}

    .feature-welcome, .feature-reservation {
        position: absolute;
        width: 100%;
    }

    .feature-welcome {
        top: 30px;
    }

    .feature-reservation {
        top: 105px;
    }

        .feature-welcome img, .feature-reservation img {
            display: block;
            margin: 0 auto;
        }

.feature-bg, .feature-welcome, .feature-reservation {
    display: none;
}



/* ------------------------------
    Cards
------------------------------ */

.center-card {
    position: relative;
    width: 600px;
    height: 430px;
    padding: 60px 65px 0;
    margin-top: 140px;

    font-size: 14px;
    text-align: center;
}

@media ( max-height: 770px ) {
    .center-card {
        margin-top: 100px;
    }
}


/* ------------------------------
    Modifiers: .center-card
------------------------------ */

.center-card--gallowgreen {
    background: url('../img/card-gallowgreen.jpg') left top no-repeat;
}

.center-card--theheath {
    background: url('../img/card-theheath.jpg') left top no-repeat;
}

.center-card--mckittrick {
    background: url('../img/card-mckittrick.jpg') left top no-repeat;
}

.center-card--manderleybar {
    background: url('../img/card-manderleybar.jpg') left top no-repeat;
}

.center-card--wide {
    width: 650px;
    padding: 30px 40px; /*60px 40px 0;*/
}

.center-card--location {
    height: 460px;
    padding-top: 30px;
}

.center-card--calendar {
    text-align: left;
}

.center-gallery {
    position: relative;
    width: 730px;
    height: 490px;
    margin: 0 auto;
    margin-top: 140px;
}

@media ( max-height: 770px ) {
    .center-gallery {
        margin-top: 100px;
    }
}

.center-card--gallery {
    width: 574px;
    height: 455px;
    padding: 35px 78px 0;
}

    .center-card-split {
        float: left;
        width: 310px;
    }

    .center-card-split--margin {
        margin-right: 30px;
    }

    .center-card-three-col {
        float: left;
        width: 216px;
    }

    .card-gallowgreen .center-card-three-col {
        background: url('../img/divider-green.png') left top no-repeat;
    }

    .card-gallowgreen .row .center-card-three-col:first-child {
        background: none;
    }

    .card-mckittrick .center-card-three-col {
        background: url('../img/divider-red.png') left top no-repeat;
    }

    .card-mckittrick .row .center-card-three-col:first-child {
        background: none;
    }

.center-card-content {
    padding: 0 90px;
}


/* ------------------------------
    Card Titles/Subtitles
------------------------------ */

/*h2*/.card-title {
    margin-bottom: 5px;

    text-transform: uppercase;
    letter-spacing: 4px;
}

/*h4*/.card-subtitle {
    margin-bottom: 10px;
    letter-spacing: 6px;
}


/* ------------------------------
    Modifiers: .card-title, .card-subtitle
------------------------------ */

.card-title--gallowgreen,
.card-subtitle--gallowgreen {
    color: #2d5800;
}

.card-title--theheath,
.card-subtitle--theheath {
    color: #69582c;
}

.card-title--mckittrick, .card-title--specialevents,
.card-subtitle--mckittrick, .card-subtitle--specialevents {
    color: #660000;
}

.card-title--manderleybar,
.card-subtitle--manderleybar {
    color: #333;
}

.card-subtitle--thin {
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.card-subtitle--setheight {
    height: 40px;
}





/* ============================== *\
    @Gallery
\* ============================== */

.gallery-head {
    width: 573px;
    height: 25px;
    margin: 0 auto 10px;
    overflow: hidden;

    line-height: 25px;
    text-transform: uppercase;
}

    .gallery-title {
        color: #660000;
    }

    /*ul*/.gallery-switch {
        font-size: 12px;
    }

        .gallery-switch li {
            margin-left: 10px;

            cursor: pointer;
        }

        .gallery-switch /*li*/.active {
            color: #660000;
        }

.gallery, .video {
    background-color: #000;
    position: relative;
    width: 573px;
    height: 305px;
    margin: 0 auto;
}

.video {
    display: none;
}

    .gallery-img {
        height: 100%;
    }

.thumbnail-mask {
    position: relative;
    width: 573px;
    height: 50px;
    margin-top: 12px;
    overflow: hidden;
}

.thumbnail-holder {
    position: absolute;
    top: 0;
    left: 0;
}

    .thumbnail-holder li {
        background-color: #000;
        position: relative;
        width: 75px;
        height: 50px;
        margin-right: 8px;
        overflow: hidden;
        cursor: pointer;
    }

    .thumbnail-holder .active {
        cursor: default;
    }

    .thumb-active {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
    }

    .active .thumb-active {
        display: block;
    }

        .thumb-img {
            display: block;
            width: auto;
            height: 100%;
            margin: 0 auto;
        }

    .thumb-prev, .thumb-next {
        position: absolute;
        top: 335px;
        cursor: pointer;
    }

    .thumb-prev {
        display: none;
        left: -20px;
    }

    .thumb-next {
        right: -20px;
    }



/* ------------------------------
    Gallery Slider
------------------------------ */

/*ul*/.gallery-slider {
    height: 100%;
    overflow: hidden;
}

    .gallery-slider li {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

.gallery-prev, .gallery-next {
    position: absolute;
    top: 50%;

    cursor: pointer;
}

.gallery-prev {
    left: -40px;
}

.gallery-next {
    right: -40px;
}





/* ============================== *\
    @Special Events
\* ============================== */

.event-container {
    display: none;
    position: relative;
    height: 100%;
}

.currentevent-container {
    display: block;
}

.event-img {
    top: 160px;
}

@media ( max-height: 770px ) {
    .event-img {
        top: 80px;
    }
}

.currentevent-img {
    position: absolute;
    right: 50px;
}

    .currentevent-img img {
        height: 445px;
    }

.pastevents-slider {
    height: 100%;
}

    .pastevent-left, .pastevent-right {
        position: relative;
        float: left;
    }

    .pastevent-left {
        margin-right: 80px;
    }

        .pastevent-left img {
            display: block;
            height: 460px;
        }

    .pastevent-right img {
        display: block;
        height: 440px;
    }

.past-events-wrap {
    position: absolute;
    top: 150px;
    left: 50%;
    width: 1000px;
    height: 450px;
    margin-left: -450px;
}

@media (max-height: 770px) {
    .past-events-wrap {
        top: 105px;
    }
}

.past-events-poster {
    display: none;
    background-color: #000;
    position: absolute;
    width: auto;
    height: 100%;
    cursor: pointer;
}

.busy .past-events-poster {
    cursor: default;
}

.poster-image {
    display: block;
    width: auto;
    height: 100%;
}





/* ============================== *\
    @Item
\* ============================== */

.item {
    position: absolute;
    top: 140px;
}

@media ( max-height: 770px ) {
    .item {
        top: 100px;
    }
}


/* ------------------------------
    Modifiers: .item
------------------------------ */

.item--left {
    left: 50px;
}

.item--right {
    right: 50px;
}



/* ------------------------------
    Item Pair
------------------------------ */

.item-pair {
    display: block;
    position: absolute;
    right: 0;
}


/* ------------------------------
    Modifiers: .item-sleepnomore
------------------------------ */

.item-pair--top {
    top: 100px;
}

@media ( max-height: 770px ) {
    .item-pair--top {
        top: 30px;
    }
}

.item-pair--bottom {
    top: 345px;
}

@media ( max-height: 770px ) {
    .item-pair--bottom {
        top: 200px;
    }
}





/* ============================== *\
    @Guestbook
\* ============================== */

.guestbook {
    float: left;
    width: 300px;
    padding: 0 5px;
    margin-top: 30px;
    margin-right: 30px;
}

    .guestbook-slider {}



/* ------------------------------
    Guestbook Icon
------------------------------ */

.guestbook-icon {
    margin-bottom: 20px;
}





/* ============================== *\
    $Misc
\* ============================== */

/* ------------------------------
    Blinds
------------------------------ */

.blinds {
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

    .loading {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 24px;
        height: 24px;
        margin-top: -12px;
        margin-left: -12px;
    }



/* ------------------------------
    Map
------------------------------ */

.map {
    margin-bottom: 10px;
}



/* ------------------------------
    Divider
------------------------------ */

.center-card-divider {
    margin: 10px 0 15px;
}



/* ------------------------------
    Scroll
------------------------------ */

.card-scroll {
    height: 220px;
    padding-left: 20px;
    margin-bottom: 20px;
    overflow-y: auto;
}



/* ------------------------------
    What's Happening
------------------------------ */

.whats-happening {
    position: absolute;
    /*bottom: 100px;*/
    bottom: -261px !important;
    right: 0;
    left: -215px;
    cursor: pointer;
}

.second{
    bottom: -130px !important;
}

.whats-happening-ghost {
  width: 276px;
  margin-top: 143px;
  float: left; 
}

/* ------------------------------
    Cycle Link
------------------------------ */

.cycle-link {
    cursor: pointer;
}



/* ------------------------------
    Rotation
------------------------------ */

.rotate-left {
    -webkit-transform: rotate(354deg);
    -moz-transform: rotate(354deg);
    -o-transform: rotate(354deg);
    -ms-transform: rotate(354deg);
    transform: rotate(354deg);
}

.rotate-right {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
}

.ghost-rotate-right {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}


/* ------------------------------
    Image Filter
------------------------------ */

.img-filter {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.img-filter-off {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.iframe-calendar {
    width: 600px;
    height: 400px;
    overflow: hidden;
}

.iframe-gallery {
    width: 730px;
    height: 490px;
    overflow: hidden;
}





/* ============================== *\
    $Plugins / Third Party
\* ============================== */

/* ============================== *\
    @Newsletter (Mailchimp)
\* ============================== */

.newsletter {
    background: url('../img/bg-newsletter-signup.jpg') left top no-repeat;
    position: absolute;
    top: 160px;
    left: 100px;
    width: 216px;
    height: 419px;
    padding: 0 21px;

    font-size: 14px;
    text-align: center;
}

@media ( max-height: 770px ) {
    .newsletter {
        top: 105px;
    }
}


/* ------------------------------
    Mailchimp
------------------------------ */

#mc_embed_signup {
    float: left;
    width: 310px;
}

#mc_embed_signup.newlsetter_mc_embed_signup {
    float: none;
    width: 200px;
    margin: 0 auto;
}

#mc_embed_signup form {
    padding: 0;
}

    /* Input Container */
    #mc_embed_signup .mc-field-group {
        width: 100%;
        padding-bottom: 12px;
    }

    #mc_embed_signup .mc-field-group label {
        margin-bottom: 8px;
    }

    #mc_embed_signup.newlsetter_mc_embed_signup .mc-field-group label {
        margin-bottom: 0;
    }

    #mc_embed_signup .mc-field-group input {
        background: url('../img/line-guestbook.gif') left bottom repeat-x;
        height: 30px;
        padding: 0;
        border: none;
    }

    #mc_embed_signup.newlsetter_mc_embed_signup .mc-field-group input {
        background: url('../img/line-newsletter.png') left bottom repeat-x;
        height: 30px;
        padding: 0;
        border: none;
    }

    #mc_embed_signup .mc-field-group input:focus {
        outline: none;
    }

/* Required Text Position */
#mc_embed_signup .indicates-required {
    margin-right: 0;
}

/* Asterisk Position */
#mc_embed_signup .mc-field-group .asterisk {
    top: 28px;
}

#mc_embed_signup.newlsetter_mc_embed_signup .mc-field-group .asterisk {
    top: 18px;
}

    /* Asterisk Color */
    #mc_embed_signup .asterisk {
        color: #660000;
    }

    #mc_embed_signup .asterisk--dark {
        color: #2e0201;
    }

/* Subscribe Button */
#mc_embed_signup .button {
    background: none;
    height: auto;
    padding: 0;
    margin: 5px 0 0;
    border-radius: 0;
}

#mc_embed_signup .button:hover {
    background: none;
}



/* ------------------------------
    @Open Table
------------------------------ */

/*iframe*/.opentable {
    position: relative;
    width: 650px;
    height: 220px;
    z-index: 9999;
}

    .body-opentable {
        background: transparent;
    }

#OT_searchWrapperAll {
    background: transparent;
    height: 100%;
    overflow: hidden;

    text-align: center;
}

#OT_searchWrapper {
    font-family: Georgia, serif;
}

#OT_searchWrapper .OT_feedTitle, #OT_searchWrapper #dateDisplay, #OT_partySizeLbl, #OT_timeLbl, #OT_dateLbl, #OT_logoLink a {
    color: #000;
}

#OT_searchWrapper .OT_feedTitle {
    width: 100%;
    margin: 0;

    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.opentable-gallowgreen #OT_searchWrapper .OT_feedTitle {
    color: #2C5800;
}

.opentable-theheath #OT_searchWrapper .OT_feedTitle {
    color: #69582c;
}

.opentable-gallowgreen #OT_searchWrapper #imageCal table.monthRow, #OT_searchWrapper #imageCal table.monthRow td {
    background: #2C5800;
}

.opentable-theheath #OT_searchWrapper #imageCal table.monthRow, #OT_searchWrapper #imageCal table.monthRow td {
    background: #69582c;
}

/* Form Input Container */
#OT_searchWrapper #OT_defList {
    position: relative;
    top: 10px;
    width: 100%;
}

    #OT_searchWrapper #dateDisplay {
        margin-right: 22px;

        font-size: 10px;
        color: #999;
    }

    #OT_partySizeLbl {
        left: 72px;
    }

    #OT_partySize {
        left: 195px;
    }

    #OT_dateLbl {
        left: 233px;
    }

    #OT_date {
        left: 295px;
    }

    #OT_timeLbl {
        left: 383px;
    }

    #OT_time {
        left: 450px;
    }

    #OT_submitWrap {
        top: 75px;
        left: 0;
        margin: 0;
    }

    #OT_logo {
        top: 115px;
        margin: 0;
        text-align: center;
    }

    #OT_logoLink {
        display: none;
    }

.reservation-times {
    position: absolute;
    top: 320px;
    left: 40px;
}


.ghost-wrap {
    /*
position: absolute; 
left: 715px; 
bottom: 15px; 
z-index: 99;

*/
position: absolute;
  left: 220px;
  /* bottom: 15px; */
  z-index: 99;
  top: 201px;
}




/* ============================== *\
    $Clearfix
\* ============================== */

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

.group:after { clear: both; }

/* For IE 6/7 only */
.group { *zoom: 1; }





/* ============================== *\
    $Overrides
\* ============================== */

/* ------------------------------
	Overrides - Visual
------------------------------ */

.no-bg { background: none; }
.no-border { border: none; }


/* ------------------------------
	Overrides - Spacing
------------------------------ */

.no-margin { margin: 0; }
.no-padding { padding: 0; }

.m-top-0 { margin-top: 0; }
.m-top-5 { margin-top: 5px; }
.m-top-10 { margin-top: 10px; }
.m-top-15 { margin-top: 15px; }
.m-top-20 { margin-top: 20px; }
.m-top-30 { margin-top: 30px; }
.m-top-60 { margin-top: 60px; }

.m-bot-0 { margin-bottom: 0; }
.m-bot-5 { margin-bottom: 5px; }
.m-bot-10 { margin-bottom: 10px; }
.m-bot-15 { margin-bottom: 15px; }
.m-bot-20 { margin-bottom: 20px; }
.m-bot-25 { margin-bottom: 25px; }
.m-bot-30 { margin-bottom: 30px; }
.m-bot-40 { margin-bottom: 40px; }
.m-bot-60 { margin-bottom: 60px; }


/* ------------------------------
	Overrides - Visibility
------------------------------ */

.invisible { visibility: hidden; }
.visibile { visibility: visible; }

.hide { display: none; }
.show { display: block; }

/* POSTER AND TICKET OPTIONS
--------------------------------------------*/

#poster {
    position: relative;
    text-align: center;
    margin: 150px auto;
    width: 318px;
    height: 480px;
    z-index: 1;
    -moz-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3)
}

#tickets {
    display: none;
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 600px;
    height: 215px;
    z-index: 1;
    -moz-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3)
}

#tickets a {
    position: absolute;
    top: 60px;
    left: 25px;
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}

#tickets a:hover {
    zoom: 1;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

a#snm-par {
    left: 162px;
}

a#din-par {
    left: 303px;
}

a#par {
    left: 447px;
}


/*------------------------------
Modifications for separte pages
---------------------------------*/

.elevator-btn{
    display: none;
}

.promos_wrap{
    float: left;
}

.second_poster{
    float: left;
    top: 407px !important;
}

.item--right_2{
    right: -200px;
}

.left_side_callouts{
    float: left;
}

.clearfix:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

#whatshappening-ghost {display: block;}