/* Table of Content
==================================================
	#Universal Styles
	#Home Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
	
/* Site Colors
==================================================
	#ece2db cream
	#3a3a3c black
	#b6713a orange
	#cea64a yellow
	#873f2e red
	#7d948f teal
	#dfe2dd bkg-alt
*/


/* #Samples (DELETE THESE)
================================================== */

/* #Universal Styles
================================================== */

.wrapper {
	width: 100%;
}
.header {
	background-color: #3a3a3c;
	line-height: 0px;
}
div.three.columns.logo {
	float: left;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
}
div.nine.columns.nav {
	float: right;
	text-align: right;
}
.logo {
	padding: 0px;
}
.logo img {
	width: 452px;
}
.subhero {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 80px 0;
}
.subhero-rooms {
	background-image: url(../images/sub-hero-4-2.jpg);
}
.content {
	padding: 60px 0;
}
.bkg-alt {
	background-color: #7d948f;
	color: #fff;
}
.bkg-alt.red {
	background-color: #873f2e;
	background-image: url(../images/bkg-letter-red.jpg);
	background-repeat: repeat;
	background-position: bottom;
	color: #fff;
}
.bkg-alt.orange {
	background-color: #b6713a;
	background-image: url(../images/bkg-letter-orange.jpg);
	background-repeat: repeat;
	background-position: bottom;
	color: #fff;
}
.bkg-alt2 {
	background-color: #dfe2dd;
}
.bkg-alt3 {
	background-color: #d8dad2;
}
.center {
	text-align: center;
}
.rescenter {
	text-align: inherit;
}
.footer {
	color: #fff;
	font-size: 1.4rem;
	line-height: 3.6rem;
	text-decoration: none;
}
.footer a:link, .footer a:link, .footer a:visited {
	color: #fff;
	text-decoration: none;
}
.footer a:hover {
	color: #ccc;
	text-decoration: underline;
}
.footer .one-half.column {
	background-image: url(../images/bkg-footer.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 0px 0;
	height: 450px;
}
.footer .one-half.column.map {
	background-image: none;
	background-color: #3a3a3c;
}
.footer-contact {
	padding: 50px 0;
}
.footer2 {
	background-color: #7d948f;
	color: #fff;
	text-decoration: none;
	padding: 35px 0;
}
.footer2 a {
	color: #fff;
	text-decoration: none;
}
.footer2 a:hover {
	color: #ccc;
}
.footer2 .right {
	text-align: right;
}
/* #Home Styles
================================================== */

.home .hero {
	background-image: url(../images/home-hero.jpg);
	background-repeat: no-repeat;
	background-position: center right;
	/* background-size: contain; */
	/*padding: 142px 0;*/
	background-color: #7d948f;
}
.home .hero-fade {
	width: 100%;
	padding: 142px 0;
	background: rgba(0, 0, 0, 0);
}
/*.home .hero.proportionate {
	background-image: url(../images/home-hero.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 100%;
	height: 0;
	padding-top: 10.2291665%;
	padding-bottom: 26.2291665%;
}*/
.intro {
	font-weight: 600;
}
.bkg-red {
	background-image: url(../images/bkg-letter-red.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #fff;
	padding: 72px 85px 85px 85px;
	box-sizing: border-box;
}
.bkg-orange {
	background-image: url(../images/bkg-letter-orange.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #fff;
	padding: 72px 85px 85px 85px;
	box-sizing: border-box;
	text-align: right;
}
.home-faded1 {
	background-image: url(../images/bkg-home-faded1.jpg);
	background-repeat: no-repeat;
	background-position: right;
	color: #fff;
	padding: 134px 0;
}
.home-faded2 {
	background-image: url(../images/bkg-home-faded2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	color: #fff;
	padding: 134px 0;
	text-align: right;
}
/* # Vintage pics in percentage widths
================================================== */

.res-pic-height {
	height: 225px;	
	}
.res-pic-height2 {
	height: 325px;	
	}
.pic1, .pic2, .pic3, .pic4, .pic5, .pic6, .pic7, .dining-pic1, .dining-pic2, .dining-pic3, .dining-pic4, .hotel-pic1, .hotel-pic2, .hotel-pic3, .hotel-pic4, .hotel-pic5, .hotel-pic6, .hotel-pic7, .shop-pic1, .shop-pic2, .shop-pic3 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.shop-pic1, .shop-pic3 {
	border: solid 5px #ece2db;
	box-sizing: border-box;
}
.shop-pic2 {
	border-top: solid 5px #ece2db;
	border-bottom: solid 5px #ece2db;
	box-sizing: border-box;
}

.pic1 {
	background-image: url(../images/pic1.jpg)
}
.pic2 {
	background-image: url(../images/pic2.jpg)
}
.pic3 {
	background-image: url(../images/pic3.jpg)
}
.pic4 {
	background-image: url(../images/pic4.jpg)
}
.pic5 {
	background-image: url(../images/pic5.jpg)
}
.pic6 {
	background-image: url(../images/pic6.jpg)
}
.pic7 {
	background-image: url(../images/pic7.jpg)
}

/*Dining Pics*/
.dining-pic1 {
	background-image: url(../images/pics-dining1.jpg)
}
.dining-pic2 {
	background-image: url(../images/pics-dining2.jpg)
}
.dining-pic3 {
	background-image: url(../images/pics-dining3.jpg)
}
.dining-pic4 {
	background-image: url(../images/pics-dining4.jpg)
}

/*Hotel Pics*/

.hotel-pic1 {
	background-image: url(../images/pics-hotel1.jpg)
}
.hotel-pic2 {
	background-image: url(../images/pics-hotel2.jpg)
}
.hotel-pic3 {
	background-image: url(../images/pics-hotel3.jpg)
}
.hotel-pic4 {
	background-image: url(../images/pics-hotel4.jpg)
}
.hotel-pic5 {
	background-image: url(../images/pics-hotel5.jpg)
}
.hotel-pic6 {
	background-image: url(../images/pics-hotel6.jpg)
}
.hotel-pic7 {
	background-image: url(../images/pics-hotel7.jpg)
}


/*Shop Pics*/
.shop-pic1 {
	background-image: url(../images/pics-shop1.jpg)
}
.shop-pic2 {
	background-image: url(../images/pics-shop2.jpg)
}
.shop-pic3 {
	background-image: url(../images/pics-shop3.jpg)
}




/* #Subpage Styles
================================================== */


.map {
	height: 450px !important;
}
/* #To Do Pages
================================================== */

.todo-bkg {
	/*background-color: #dfe2dd;*/
	padding: 0px 12% 50px 12%;
	box-sizing: border-box;
	line-height: 24px;
	color: #525150;
}
.todo-bkg .full.column.center {
	text-transform: capitalize;
	padding: 10px;
	box-sizing: border-box;
	font-size: 1.4rem;
}
/* #Accommodations
================================================== */

.rooms-bkg {
	/*background-color: #dfe2dd;*/
	padding: 0px 4% 70px 4%;
	box-sizing: border-box;
	line-height: 24px;
	color: #525150;
}
.rooms .one-third.column {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	line-height: 0px;
	height: 278px;
}
.rooms-bkg .full.column.center {
	text-transform: uppercase;
	padding: 10px;
	box-sizing: border-box;
	font-size: 1.4rem;
}
.percentage .full.column.rooms {
	background-color: #f6f5f0;
	margin: 20px 10px;
	padding: 13px;
	width: 100%;
	box-sizing: border-box;
	border: solid 1px #fff;
}
.room-number {
	font-family: 'Medula One', Helvetica, Arial, sans-serif;
	font-size: 4rem;
	line-height: 4.8rem;
	color: #fff;
	text-align: left;
	margin-top: 0px;
	padding: 10px 0 10px 27px;
	box-sizing: border-box;
	background-color: #9ba89f;
	margin-bottom: 3px;
}
.floor-number {
	color: #fff;
	text-align: right;
	margin-top: 0px;
	padding: 24px 20px 20px 20px;
	box-sizing: border-box;
	background-color: #9ba89f;
	font-size: 16px;
}
.waterview {
	color: #cea64a;
	text-align: right;
	padding: 2px 0;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.4rem;
	padding-right: 15px;
	box-sizing: border-box;
}

span.hide {
	display: inline;
	}
br.hide {
	display: none;
}

.fas.fa-check-circle {
	color: #cea64a;
}
/* Search and Filter Plugin Overrides */
.searchandfilter ul li {
    display: inline-block !important;
    margin: 8px 8px !important;
    padding: 0px !important;
}
.searchandfilter select.sf-input-select {
	width: 140px !important;
	min-width: 100px !important;
	margin: 0px;
}
	
/* #Contact Styles
================================================== */

.nf-form-fields-required {
	display: none;
}
.field-wrap input[type=button] {
	background-color: #b6713a;
}
.nf-field-element {
	text-align: center;
}
/* #Font Awesome Icons
================================================== */

.yellow, .fas, .fab {
	color: #cea64a;
}
.fas.alt {
	color: #dbbc8a;
}
/* #Our Story
================================================== */

img.polaroid.alignleft {
	transform: rotate(-5deg);
	position: relative;
	left: -65px;
	padding: 2px 0px 17px 0;
	float: left;
	/* text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); */
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#ccc')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.2));
	filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.2));
	width: 265px;
	height: auto;
}
img.polaroid.alignright {
	transform: rotate(6deg);
	position: relative;
	left: 58px;
	padding: 34px 0px 17px 0;
	float: right;
	/* text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); */
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#ccc')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.2));
	filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.2));
	width: 325px;
	height: auto;
}
/* #Gallery Styles
================================================== */

img.gallery_image {
	width: 100%;
	height: auto !important;
	border: solid 2px #fefefe;
	/*border-right: solid 5px #fefefe;
	border-bottom: solid 30px #fefefe;
	border-left: solid 5px #fefefe;*/
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#000')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(1px 1px 11px rgba(1,1,0,0.1));
	filter: drop-shadow(1px 1px 11px rgba(1,1,0,0.1));
	/*left: -10px;*/
	position: relative;
}
a.gallery_link {
	box-sizing: border-box;
}
/* #Blog Styles
================================================== */

.blog .screen-reader-text {
	display: none;
}
span.edit-link {
	display: block;
	margin-top: 10px;
}
time.updated {
	display: none;
}
.widget-area ul {
	list-style: none;
	margin: 0px;
}
.blog h2.widget-title, .blog h2.widget-title a {
	font-size: 17px;
	font-weight: normal;
	color: #333;
	line-height: 30px;
}
.widget-area a {
	text-decoration: none;
	color: #000;
}
.widget-area a:hover {
	color: #ccc;
}

/* #Page Styles
================================================== */








/* #Media Queries
================================================== */

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 1249px) {
/* Responsive Nav/Social columns split on mobile */	

div.nine.columns.nav {
	background-repeat: repeat;
	background-position: top center;
	background-color: #7d948f;
}

div.three.columns.logo {
	text-align: left;
}
/*.phone.button.orange {
	right: inherit;
	padding: 6px 10px;
	background-color: transparent;
	color: #fff;
}*/
}


/* / */	

	
@media only screen and (max-width: 979px) {
.rescenter {
	text-align: center;
}
body .footer ul.social {
	position: static;
}

	
	
	
	

	

	
.home h1 {
	line-height: 0;
}
h1 p.home-h1-1 {
	font-size: 2.5rem;
	line-height: 1.5rem;
}
h1 p.home-h1-2 {
	font-size: 8.8rem;
	line-height: 8.8rem;
}
h1 p.home-h1-3 {
	font-size: 2.6rem;
	line-height: 2.6rem;
}
h1 p.home-h1-4 {
	font-size: 5.2rem;
	line-height: 6.5rem;
	margin-bottom: 0px;
}
.home .hero {
	background-position: center right;
	/* background-size: contain; */
	text-align: center;
}
.home .hero-fade {
	padding: 127px 0;
	background: rgba(0, 0, 0, .2);
}
	
	
.one-half.column.pic1, .one-half.column.pic2, .one-half.column.pic3, .one-half.column.pic4, .full.column.pic5, .one-half.column.pic6, .one-half.column.pic7, .one-quarter.column.hotel-pic1, .one-quarter.column.hotel-pic2, .one-quarter.column.hotel-pic3, .one-quarter.column.hotel-pic4, .one-third.column.hotel-pic5, .one-third.column.hotel-pic6, .one-third.column.hotel-pic7, .one-quarter.column.dining-pic1, .one-quarter.column.dining-pic2, .one-quarter.column.dining-pic3, .one-quarter.column.dining-pic4, .one-third.column.shop-pic1, .one-third.column.shop-pic2, .one-third.column.shop-pic3 {
	background-position: center;
		padding: 30%;
	border: solid 0px #ece2db;
	box-sizing:content-box;
	}
.one-half.column.bkg-red, .one-half.column.bkg-orange {
		width: 100%;
		padding: 10%;
		text-align: left;
	}
.one-half.column.bkg-orange h2 {
		text-align: left;
	}
.home-faded1 {
    background-position: center;
    padding: 91px 0;
	text-align: center;
}
.home-faded2 {
    background-position: center;
    padding: 111px 0;
	text-align: center;
}
.home-faded1 h3 span {
    padding-left: 0px;
}
.home-faded2 h3 span {
    padding-right: 0px;
}
.home-faded1 br, .home-faded2 br {
	display: none;
}	

		

	
	
	
	
.footer .one-half.column {
		width: 100%;
		text-align: center;	
	}
.footer2, .footer2 .right {
	text-align: center;
}	
	
	

	
	
	
	
	
	
.subhero h1 {
    font-size: 3.8rem;
    line-height: 4.4rem;
    margin: 10px 0 6px 0px;
}
.subhero {
    background-position: left;
}
.page-id-10 .subhero, .page-id-394 .subhero, .page-id-16 .subhero, .page-id-14 .subhero, .page-id-8 .subhero, .post-type-archive-rooms .subhero  {
    background-position: center;
}
.res-pic-height {
	height: auto;	
	}
	
	
	
/*Rooms Page*/	
.rooms-bkg, .todo-bkg {
    padding: 0px 0% 70px 0%;
}
.percentage .full.column.rooms {
   margin: 0px 20px;
}	
.percentage.flex.rooms-bkg .one-half.column.flex {
    width: 100%;
	padding: 3%;
	margin-bottom: 0px;
}
.percentage.flex.rooms-bkg .two-thirds.column {
    width: 100%;
	padding: 5% 0%;
}
.one-half.column.room-number {
	width: 50%;
	padding: 6px 20px 6px 20px;
	}
.one-half.column.floor-number {
	width: 50%;
	padding: 20px 20px 16px 20px;
	}
span.hide {
	display: none;
	}
br.hide {
	display: inline;}	
}


/*To Do Page*/
.todo-bkg .room-number {
	font-size: 3.5rem;
}
.todo-bkg .one-half.column.room-number {
	/*width: 70%;
	padding: 6px 20px 6px 20px;*/
	}
html.todo-bkg .one-half.column.floor-number {
	width: 30%;
	padding: 20px 20px 16px 20px;
}
	




@media screen and (max-width: 1249px) {
body .responsive-menu-pro-inner {
    top: 14% !important;
}
button#responsive-menu-pro-button {
    margin-top: 16px !important;
	}
}





/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 768px) {

	
	
	
.logo img {
	max-width: 248px;
}

/* Responsive Plugin Button */	
	
button#responsive-menu-pro-button {
    right: 0px !important;
	margin-top: 20px !important;
}
.responsive-menu-pro-label {
		display: none  !important;
}
.responsive-menu-pro-box {
		width: 0px  !important;
}	
.phone.button.orange {
	display: none;
}	
	
button#responsive-menu-pro-button {
	top: 8px !important;
}
	
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.home .hero {
	background-image: url(../images/home-hero-mobile.jpg);
	background-size: cover;
}
	.room-number {
    font-size: 3.6rem;
}
	
}