html, body {
    font-family: 'Oxygen', sans-serif;
    overflow-x: hidden;
    min-width: 320px;
}

.container h1, .container h2, .container h3, .container h4, .container h5, .container h6{
    font-family: 'Montserrat', serif; text-transform: uppercase;
}

.container h2 {font-size: 24px;}

.container h3 {font-size: 20px;}

.container-fluid, .container {position: relative;}

.img-style img {margin: 0 0 20px; box-shadow: 1px 1px 2px rgba(0,0,0, .5);}
.img-style2 img  {float:left; margin: 0px 20px 18px 0;  box-shadow: 1px 1px 2px rgba(0,0,0, .5);}
.img-style3 img {float: right; margin: 0 0px 18px 20px;  box-shadow: 1px 1px 2px rgba(0,0,0, .5);}

.vacation-home-slideshow1 {float: left; margin: 0 20px 10px 0;}
.vacation-home-slideshow2 {float: right; margin: 0 0px 10px 20px;}
.vacation-home-slideshow1 .ccm-gallery, .vacation-home-slideshow2 .ccm-gallery {margin: 0; padding: 0; position: relative;}
.ccm-gallery tbody tr td img {box-shadow: 0 1px 2px 1px rgba(0,0,0,.25);}
table.ccm-gallery {border: none;}


.flexslider .ccm-area {margin-top: 180px;}

.ccm-menu .popover > .arrow {border-width: 0;}
.ccm-ui input[type="file"] {display: inline-block;}
#ccm-gallery-type-tab #newImg table {float: left; margin: 0 0 18px;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {box-sizing: content-box;}

.slide {
    background-size: cover;
    background-position: center center;
    min-height: 500px;
    margin: 50px 0 0;
    padding: 20px 5%;
}
.slide img {
    max-width: 100%;
    height: auto;
}
.slide .col-sm-5 {
    height: auto;
    position: relative;
}
.slide .col-sm-7 {}
.slide h1 {
    padding-bottom: 35px;
	display: block;
	text-align: center;
	color: #861910;
    text-transform: uppercase;
}
.slide p {
    font-size: 14px;
    color: #555;
    text-shadow: 1px 1px 0px rgba(255,255,255,.3);
}

.button {
    display: block;
    width: auto;
    color: white;
    margin: 0;
    padding: 0 15px;
    background: none;
    font-size: 16px;
    border-radius: 2px;
}
.button img {
    float: right;
}

#map_canvas {
    width: 100%;
    margin: 0;
    height: 350px;
}
#map_canvas_contact {
    width: 100%;
    margin: -25px 0 25px;
    height: 300px;
}
#staff {
    max-width: 96px;
}
#contact {
    margin-right: 50px;
}
#contact input {
    width: 100%;
    padding: 8px 0;
    margin: 15px 0;
    border-radius: 3px;
    border: 1px solid #aaa;
    text-indent: 10px;
}
#contact textarea {
    width: 100%;
    height: 250px;
    margin: 15px 0;
    border-radius: 3px;
    border: 1px solid #aaa;
}
#contact .button {
    border-radius: 2px;
    background: #BD4932;
    color: white;
    font-size: 14x;
    letter-spacing: 2px;
    padding: 10px;
    display: block;
    margin-bottom: 25px;
    cursor: pointer;
    text-align: center;
}
#mainBg {
    position: relative; 
    height: auto;
    min-height: 350px;
    width: 100%;
}
#innerBg {
    position: relative; 
    height: auto;
    height: 350px;
}
.announce {
    position: absolute;
    top:178px;
    z-index: 1;
    padding: 10px 0 0;
    width: 100%;
    color: white;
    font-family: 'Montserrat', serif;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.58);
}

.announce p {
    font-size: 20px;
}

#pageTitle {
    position: absolute;
    bottom: 5%;
    padding: 0 8%;
    color: white;
    font-family: 'Montserrat', serif;
    text-transform: uppercase;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.51);
}
#topBar {
    height: 45px;
    background: rgba(0,0,0, 0.7);
    padding: 0 5%;
    position: absolute;
    width: 100%;
    z-index: 2;
}
#topBar p {
    display: inline-block;
    color: white;
    line-height: 45px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
#topBar img {
    float: left;
    margin-top: 13px;
    padding: 0 10px 0 0;
    height: 16px;
}
#topBar .mobile img {
    margin: 0;
    float: none;
    cursor: pointer;
}
#topBar .mobile {
    text-align: center;
    line-height: 45px;
}
#topBar .mobile p {
    display: inline;
}
#navBar {
    height: auto;
    background: rgba(255,255,255, 0.85);
    padding: 0 5%;
    position: absolute;
    width: 100%;
    top: 45px;
    z-index: 2;
}
#logo, #logo2 {
    margin: 0;
    padding: 0;
    text-align: center;
}
#logo img, #logo2 img {
    padding: 8px 0; max-width: 100%; height: auto;
}

#nav {
    float: left;
	position: relative;
}
#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: auto;
    margin: 0;
    white-space: nowrap;
    text-align:center;
}
#nav li {
    margin: 0 3px;
    padding: 0;
    display: inline-block;
}
#nav li a {
    display: block;
    margin: 0;
    padding: 3px 15px 0;
    line-height: 134px;
    height: 134px;
    color: black;
    transition: color .2s, background .2s, box-shadow .3s;
    font-weight: bold;
}
#nav li a:hover {
    text-decoration: none;
    box-shadow: inset 0px -5px 0px #861910;
}
#nav li ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 134px;
    text-align: left;
}
#nav li ul li {
	display: block;
	float: none;
	margin: 0;
	border: 0;
}
#nav li ul li a {
	display: block;
	float: none;
	line-height: 32px;
	height: 32px;
	background: white;
	margin: 0;
}
#nav li ul li a:hover {
	color: #fefbf6;
	background: #861910;
	box-shadow: inset 0px 0px 0px #861910;
}
#nav li:hover ul {
	display: block;
}
#bottomBar {
    padding: 21px 5%;
    height: 90px;
    background: rgba(0, 0, 0, 0.7);
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    z-index: 2;
}
#bottomBar .button {
    border: 2px solid white;
    line-height: 45px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#bottomBar #bookNow.button:hover {background: #B72419; border: 2px solid #B72419;}

#bottomBar .button img {
    position: absolute;
    top: 10px;
    right: 25px;
}
#bottomBar #bookNow {
    background: #861910;
    transition: background .2s, border .2s;
    border: 2px solid #861910;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    width: 100%;
}

.inputContainer {
    position: relative;
    display: block;
    height: 55px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align:center;
}
.inputContainer input {
    margin: 8px 0;
    padding: 0;
    width: 100%;
    background: #FFF;
    color: #a5a4a4;
    border: 0;
    height: 35px;
    outline: none;
    text-indent: 10px;
}

.inputContainer select.date {
    margin: 8px 0;
    padding: 0;
    width: 47px;
    background: #FFF;
    color: #a5a4a4;
    border: 0;
    height: 35px;
    outline: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    text-indent: 5px;
    text-overflow: '';
    text-align: left;
    max-width: 47px;
    display: inline-block;
}

.inputContainer select {
    margin: 8px 0;
    padding: 0;
    width: 110%;
    background: #FFF;
    color: #a5a4a4;
    border: 0;
    height: 35px;
    outline: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    text-overflow: '';
    text-indent: 10px;
}

.inputContainer select option{
    background: #FFF;
}
.inputContainer img {
    position: absolute;
    top: 10px;
    right: 10px;
}
#content {
    padding: 25px 0;
    background: white;
    width: 100%;
}
#contentInner {
    padding: 25px 5%;
    background: white;
    width: 100%;
}

.pageGreeting {
    text-align: center;
    padding: 0 0 35px;
}

.row.space {padding: 0 5%;}

/* ##### CTAS ##### */
#ctas {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0 5% 25px;
}
.cta {
    position: relative;
    display: block;
    background: #d6d6d6;
    min-height: 350px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom: 1px solid rgba(14, 71, 77, 0.29);
    margin: 0 0 15px;
    padding: 0;
    cursor: pointer;
}

.ctaImg {
    background-size: cover;
    background-position: center center;
    height: 200px;
}
.cta.home .ctaImg {background: none!important;}
.cta.home .ctaImg img {display: block; width: 100%; height: auto;}

.ctaImg img {display: none;}

.cta h3 {
    text-align: center;
    margin: 0;
    padding: 15px 0 10px;
    color: #333;
    font-size: 18px;
}
.cta p {
    font-style: italic;
    color: #777;
    padding: 0 15px;
    display: block;
    font-size: 13px;
}
.cta .button {
    display: block;
    position: absolute;
    float: none;
    text-align: center;
    width: 150px;
    height: 36px;
    border-radius: 2px;
    background: #861910;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 36px;
    cursor: pointer;
    transition: background .2s;
}

.cta:hover .overlay {
    opacity: 1;
}
.cta .overlay {
    display: block;
    position: absolute;
    margin: 0;
    top: 0px;
    padding: 0;
    width: 100%;
    height: 200px;
    opacity: 0;
    background: rgba(0,0,0,.5);
    transition: opacity .2s;
}

.room {
    display: block;
    position: relative;
    margin: 0 0 30px;
    padding: 0;
    min-resolution: res;
    box-shadow: 0px 0px 2px rgba(0,0,0,.3);
    color: white;
    background: #861A10;
}

.roomImg {
    margin: 0;
    padding: 0;
    display: block;
}

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

.room .row {
    margin: 0;
}

.room h3 {
    font-size: 20px; color: #FFF; margin: 0; text-align: center; line-height: 50px;
}
.room h3 a {color: #FFF; text-decoration: none; display: block;}

h1.events-header {display:none;}

.ezev-calendar th.ezev-select a { line-height: 24px;}

.ezev-calendar th.ezev-year {font-size: 24px;}

table.ezev-calendar {width: 98%; border-color: #000; margin-left: 1px;}

.ezev-calendar td {border-color: #000;}

.ezev-event p {font-size: 14px; line-height: 14px;}

.ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content {border-color: #000; background-color: #FFF; color: #000000;}

.event-description {display: none;}


#contentInner .rates table {
    background: #EDEDED;
}
#contentInner .rates td {
    padding: 5px;
}
#contentInner .rates tr:nth-child(odd) {
    background: #FFF;
}

/* ##### SPECIALS SLIDER ##### */
.imageSlider {
    position: relative;
    display: block;
    height: 316px;
    margin: 25px 0;
    border: 8px solid white;
    box-shadow: 0px 0px 15px rgba(0,0,0,.3);
}
.slider {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    display: none;
    margin: 0;
    padding: 0;
    text-align: center;
    background-size: cover;
    background-position: center center;
}
.slider h3 {
    position: relative;
    height: 50px;
    width: auto;
    margin: auto;
    margin-top: 50px;
    background: rgba(255,255,255,.7);
    color: #333;
    margin: 0 ;
    padding: 15px 0;
}
.slider a.button {
    position: absolute;
    bottom: 25px;
    width: 150px;
    left: 0;
    right: 0;
    margin: auto;
    background: #861910;
    height: 50px;
    line-height: 50px;
    color: white;
    transition: background .3s;
}

.slider a.button:hover {background: #B72419; text-decoration: none;}
.slider img {
    display: none;
}
.slideLeft {
    position: absolute;
    width: 48px;
    height: 64px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    background: #861910;
    text-align: center;
    line-height: 64px;
    cursor: pointer;
}
.slideRight {
    z-index: 2;
    position: absolute;
    width: 48px;
    height: 64px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #861910;
    text-align: center;
    line-height: 64px;
    cursor: pointer;
}
#specials {
    clear: both;
    padding-top: 25px;
    padding-bottom: 25px;
    margin: 0 5%;
}
#specialSlider {
    width: 100%;
    min-height: 500px;
    height: auto;
    position: relative;
    margin: 0;
    padding: 0;
}
.special {
    position: absolute;
    width: 70%;
    min-height: 400px;
    height: auto;
    margin: 50px 15%;
    background: rgba(255,255,255,.85);
    padding: 40px;
    box-shadow: 0px 0px 30px rgba(0,0,0,.2);
    opacity: .3;
    transition: opacity .2s, left .3s;
}
#arrowRight {
    position: absolute;
    z-index: 5;
    width: 7.5%;
    height: 400px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 7.5%;
    background-image: url(../images/arrowRight.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
#arrowLeft {
    display: none;
    position: absolute;
    z-index: 5;
    width: 7.5%;
    height: 400px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 7.5%;
    background-image: url(../images/arrowLeft.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
.special h3 {
    margin: 0;
    padding: 0 0 25px;
    color: #333;
}
.special p {
    color: #888;
    font-size: 14px;
    padding: 0 0 15px;
}
#specials img {
    width: 100%;
}
#specials .button {
    background: #BD4932;
    padding: 10px 15px;
    text-align: center;
    cursor: pointer;
    transition: background .3s;
}
#specials .button:hover {
    background: #ba3c23;
}

/* ##### GALLERY ##### */
#gallery {
    margin: 0 5% 100px;
}
.galleryItem {
    position: relative;
    display: block;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom: 1px solid rgba(14, 71, 77, 0.29);
    margin: 15px 0;
    padding: 0;
    cursor: pointer;
    text-align: center;
}
.galleryItem .galleryImg {
    position: relative;
    z-index: 1;
    display: block;
    height: 200px;
    margin: 0;
    padding: 0;
    background-size: cover;
    background-position: center center;
}
.galleryItem p {
    padding: 15px;
    font-size: 14px;
    color: #555;
    text-shadow: 1px 1px 0px white;
    margin: 0 25px;
}
.galleryItem u:nth-child(1) {
    text-decoration: none;
    font-weight: 700;
    display: block;
    padding-bottom: 8px;
}
.galleryItem u {
    display: block;
    text-decoration: none;
}
.galleryItem .button {
    margin: 0;
    padding: 15px 0;
    background: #861910;
    color: white;
}
.galleryItem .button:hover {
    background: #a11d12;
}
.galleryItem .overlay {
    display: block;
    position: absolute;
    z-index: 2;
    margin: 0;
    top: 0px;
    padding: 0;
    width: 100%;
    height: 200px;
    opacity: 0;
    background: rgba(0,0,0,.5);
    transition: opacity .2s;
}
.galleryItem:hover .overlay {
    opacity: 1;
}
.galleryItem .overlay img {
    position: absolute;
    width: 96px;
    height: 96px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#galleryPopup {
    position: fixed;
    z-index: 25;
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
    padding: 0;
    left: 0;
    right: 0;
    background: white;
    box-shadow: 0px 0px 50px #555;
}
#galleryPopup img {
    width: 100%;
}
#galleryPopup p {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 15px 0;
    bottom: 0;
    background: rgba(255,255,255,.7);
    color: #333;
}
#galleryPopup u:nth-child(1) {
    font-weight: 700;
}
#galleryPopup u {
    font-weight: 500;
    text-decoration: none;
    padding: 0 15px;
}
/* ##### FOOTER ##### */
#footer {
    height: auto;
    padding: 25px 5% 0;
    color: #888;
    background: #000;
}
#footer li {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#footer .col-sm-2 {
    margin-bottom: 25px;
}
#footer h1 {
    color: white;
    font-size: 36px;
    margin: 0;
    padding: 0;
}
#footer ul {
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0;
}
#footer ul li {
    color: white;
    font-weight: 500;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
#footer .socialButton {
    margin: 0 8px 8px 0;
	width: auto;
	height: auto;
	display: inline-block;
}
#footer a {
    color: white;
	display: block;
}
#footer h3 {
    color: white;
}
#footer p {
    color: white;
    line-height: 16px;
}
#footer h2 {
    color: white;
    text-align: center;
}
#copyright {
	display: block;
	line-height: 48px;
	border-top: 1px solid #555;
	color: white;
	margin-top: 16px;
}
/* ##### MOBILE NAV ##### */
#mobileNav {
    z-index: 1001;
    position: absolute;
    right: 8px;
    float: right;
}
#mobileMenu {
    margin: 0;
    padding: 0;
    width: auto;
    white-space: nowrap;
    line-height: 90px;
    height: 90px;
    text-align: center;
    cursor: pointer;
    float: right;
}
#mobileMenu img {
    height: 28px;
}
#mobileMenu:hover ul#mNav {
    display: block;
}
ul#mNav {
    width: auto;
    min-width: 150px;
    z-index: 1001;
    display: none;
    position: absolute;
    top: 90px;
    margin: 0;
    padding: 0;
    right: -25px;
    white-space: nowrap;
    list-style-type: none;
    background: white;
    box-shadow: 0px 15px 15px #777;
}
ul#mNav li {
    margin: 0;
    padding: 0;
    color: #777;
    display: block;
    text-align: left;
}
ul#mNav li a {
    display: block;
    padding: 5px 10px 10px;
    line-height: 32px;
    color: black;
    border-bottom: 1px solid #ccc;
}
ul#mNav li a:hover {
    background: #eee;
    color: black;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta, .room {max-width: 300px; margin: 0 auto 20px;}
    #nav li {margin: 0;}
    #nav li a {padding: 3px 5px 0px; font-size: 15px;}
    .cta.home .ctaImg img {width: 100%; height: auto;}
    .inputContainer select.date {max-width: 38px; text-indent: 0;}
    .img-style img, .img-style2 img, .img-style3 img {max-width: 100%; height: auto;}

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta, .room {max-width: 300px; margin: 0 auto 20px;}
    .cta.home .ctaImg img {width: 100%; height: auto;}
    .img-style img, .img-style2 img, .img-style3 img {max-width: 100%; height: auto; }
}

@media only screen and (max-width: 767px)  {
    #topBar, #navBar, #bottomBar, .announce {position: relative; width: auto; top: 0;}
    #topBar, #bottomBar {background: #000;}
    #pageTitle {position: relative; bottom: 0; padding: 0 14%;}
    #pageTitle h1 {color: #000; text-shadow: none; font-size: 30px;}
    .cta, .room {max-width: 300px; margin: 0 auto 20px;}
    .cta.home .ctaImg img {width: 100%; height: auto;}
    .img-style img, .img-style2 img, .img-style3 img {max-width: 100%; height: auto; margin: 0 0 18px; float: none;}
}