@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');
/* CSS Document */

/* reset */
body, p, h1, h2, h3, h4, ul, li, ol {
	margin: 0
}
* {
	box-sizing: border-box
}
/* layout */
body {
	margin: 0;
	font: 14px Arial, Helvetica, sans-serif;
	color: #373737;
}
.wrapper, header, footer {
	width: 1000px;
	margin: 0 auto;
}
.col-one-fourth {width: 25%;}
.col-three-fourths {width: 75%;}
.col-one-half {width: 50%;}
.col-one-third {width: 33.33%}
.col-two-thirds {width: 66.66%}
.col-one-fourth, .col-three-fourths, .col-one-half, .col-one-third, .col-two-thirds {
	float: left;
}
.col-full {clear:both;}






/* typography */
p {
	font-size: 16px;
	padding: .2em 0 .7em 0;
	line-height: 1.5;
	margin-bottom: 20px;
}
h1 {
	font-family: 'Great Vibes', cursive;
	font-size: 60px;
	font-weight: normal;
	color: #ac2c00;
	margin-bottom: 20px;
}
h2 {
	font-family: 'Noto Serif', serif;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 5px;
	color: #ac2c00;
	margin-bottom: 20px;
}
h3 {
	font-family: 'Noto Serif', serif;
	font-size: 17px;
	font-weight: normal;
	color: #ac2c00;
}
header a:link, header a:active, header a:visited {
	font-weight: bold;
	color: #313131;
}
.content a:link, .content a:visited {
	color: #335368;
}
.content a:hover {
	color: #4A4A4A;
}
.divider-image-subpage h1 {
	margin: 0;
	padding: 32px 0 0 0;
	color: white;
	text-shadow: 2px 2px 6px #000000;
}
a.footlink:link, a.footlink:visited {
	color: white;
}




/* site sections */
header {
	color: gray;
}
#logo {
	float: left;
	padding: 8px 0;
	height: auto;
}
#header-right {
	width: 650px;
	padding: 3px 0 0 0;
	float: right;
}
.header-text {
	text-align: right;
	margin-top: 6px;
	float: left;
	width: 530px;
	font-weight: bold;
	font-size: 16px;
}
#icons {
	text-align: right;
	float:right;
	width: 120px;
	margin-bottom: 6px;
}
#icons img {
	border-radius: 50%;
	border: 2px solid lightgray;
}
#icons img:hover {
	border: 2px solid #061547;
}
.content {
	background-color: white;
	padding: 2em 0;
}
#bottom-bar {
	text-align: center;
	background: url(../images/bg-footer2.png) repeat;
}
#footer-wrapper {
	background-color: black;
}
footer {
	color: #fff;
	padding: 1.3em 0;
}
#copyright {
	color: #AAAAAA;
	font-size: 12px;
	text-align: center;
}
.footer-links {margin-top: 14px;}
.footer-links ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
	float: right;
}
.footer-links ul li a:link, .footer-links ul li a:visited {
	color: #8C8C8C;
}
.footer-links ul li a:hover {
	color: #E2E3EA;
}
.footer-links ul li {
	display: inline;
	margin-left: 20px;
}





/* Custom Sections */
.divider-image1, .divider-image2, .divider-image-subpage {
	background-size: cover;
	height: 138px;
	margin: 30px 0;
}
.divider-image1 {
	background-image: url(../images/bar1.jpg);
}
.divider-image2 {
	background-image: url(../images/main1.jpg);
}
.divider-image-subpage {
	background-image: url(../images/main1.jpg);
}
.home-intro {
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	padding: 20px 16%;
}
.amenities h3, .rates h3 {
	margin: 22px 0 8px 0;
}
.calendar-container {
    position: relative;
    padding-bottom: 30%;
    height: 0;
    overflow: hidden;
}
.calendar-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* page variable styles */
#home {}

/* page elements */
.pic-small-right {
	float: right;
	padding: 0 0 .6em .6em;
}
.pic-small-left {
	float: left;
	padding: 0 .6em .6em 0;
}





/* Slider --------------*/
#slider {
	background-color: rgba(128, 128, 128, 0.5);
	margin-bottom: 6px;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img.bg-slide {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
.rslides .slide-content-wrapper {
	max-width: 1100px;
	height: 300px;
    position:absolute;
    z-index: 1000;
    padding:0 .8em;
    border-radius: 5px;
	margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;
	text-align: right;
}
.rslides .left{text-align:left;}
.btn {
	border: 2px solid #3498db;
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 6px;
	font-family: Arial;
	font-weight: bold;
	color: #ffffff;
	font-size: 16px;
	background: #3498db;
	padding: 14px 24px 14px 24px;
	text-decoration: none;
	margin: 0 8px 0 0;
}
a.btn:link, a.btn:visited {color: white;}
.slidetext {margin-bottom: 26px;}
.btn:hover {
  background-color: #222;
  text-decoration: none;
}
.trans {
	background-color:rgba(0, 0, 0, 0.4);
	border: 2px solid white;
}





/* Tools and Tricks ----------- */
.group:after, section:after {
	content: "";
	display: table;
	clear: both;
	height: 0;
	visibility: hidden;
}
.mobile {
	display: none;
}
.fullscreen {
	display: block
}
.pad-vert {
	padding: 1em 0
}
.resp {
	width: 100%;
	height: auto;
}
.clear {clear:both;}
.google-maps {
        position: relative;
        padding-bottom: 75%;
        height: 0;
        overflow: hidden;
    }
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.lightbox {
	/** Default lightbox to hidden */
	display: none;
	/** Position and style */
	position: fixed;
	z-index:10000;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}
.lightbox img {
	/** Pad the lightbox image */
	max-width: 96%;
	max-height: 90%;
	margin-top: 6%;
}
.lightbox:target {
	/** Remove default browser outline */
	outline: none;
	/** Unhide lightbox **/
	display: block;
}
.gallery-link img {
	background: #FFF;
	margin: 0px 10px 5px 0px;
	padding: 3px;
	border: 1px solid #333;
	width: 97%;
	height: auto;
}
.gallery {padding-left: 0; margin-bottom: 25px;}
.gallery-thumb {}
a.gallery-link {}
a.gallery-link:hover {}
header .phonenum {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: #313131;
}



/* First Breakpoint - covers all tablets and below - overrides any of the above styles ----------- */
@media only screen and (max-width: 1020px) {
	.wrapper, header, footer {
		width: auto;
		height: auto;
		margin: 1em;
	}
	.sliderpic {
		width: 100%;
		height: auto;
	}
	.pic-small-right, .pic-small-left {
		width: 33%;
		height: auto;
	}
	#logo, #header-right, header {
		float: none;
		width: auto;
	}
	.header-text, #icons {
		float: none;
		width: auto;
		text-align: left;
		margin: 0 0 6px 15px;
	}
	br {display: none;}
	.footer-links, .footer-logo {float: none; width: auto; text-align: left; margin-bottom: 20px;}
	.footer-links ul {display: none;}
	.rslides .slide-content-wrapper {
		display:none;
	}
	h1 {line-height: 1;}
	.calendar-container {
		padding-bottom: 50%;
	}
	header .phonenum {
		pointer-events: auto;
		cursor: pointer;
	}
}

/* Second Breakpoint - covers all smaller devices - overrides any of the above styles (both sets) ----------- */
@media only screen and (max-width: 600px) {
	.col-one-fourth, .col-three-fourths, .col-one-third, .col-one-half {
		width: auto;
		float: none;
	}
	#logo, #header-right {
		width: auto;
		float: none;
	}
	.calendar-container {
		padding-bottom: 100%;
	}
}

/* Third Breakpoint - covers all portrait phones - overrides any of the above styles (all sets) ----------- */
@media only screen and (max-width: 320px) {
	.pic-small-right {
		width: 100%;
		padding: .2em 0;
	}
	.pic-small-left {
		width: 100%;
		padding: .2em 0;
	}
	.calendar-container {
		padding-bottom: 250%;
	}
}