/*@import url(font-awesome.css);*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300&display=swap');

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
html {
	overflow-y: scroll; 
}

*{
	margin:0;
	padding:0;
}

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;		
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	}

 body {
	/*background-image: url('../images/.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;*/
	background-color: #f5e7d5;
	height: 100%;
	}
 
	h1, h2, h3{
	text-align: center;
	font-family: 'Cormorant SC', serif;
	font-weight: 300;
	font-size: 2em;	
	color: #37565b;
	margin-bottom: 1em;
	text-transform: uppercase;
	}
	
	p{
	
	}	
	
	ul, ol, p, dl{
	margin: 0;
	list-style:none;
	}

	a {
	color: inherit;
	text-decoration: none;
	-moz-transition: background-color 0.20s ease-in-out, color 0.20s ease-in-out, border-bottom-color 0.20s ease-in-out;
	-webkit-transition: background-color 0.20s ease-in-out, color 0.02s ease-in-out, border-bottom-color 0.20s ease-in-out;
	-o-transition: background-color 0.20s ease-in-out, color 0.20s ease-in-out, border-bottom-color 0.20s ease-in-out;
	-ms-transition: background-color 0.20s ease-in-out, color 0.20s ease-in-out, border-bottom-color 0.20s ease-in-out;
	transition: background-color 0.20s ease-in-out, color 0.20s ease-in-out, border-bottom-color 0.20s ease-in-out;
	}
	
	a:hover{
	color: #fff;
	text-decoration: none;
	}

/*********************************************************************************/
/* wrappers                                                  */
/*
********************************************************************************/
#logo-wrapper{	
	margin: 0 auto;
	}	

#nav-wrapper{	
	margin: 0 auto;
	}	
	
#feature-wrapper{
	margin: 0 auto;	
	}
	
#content-wrapper{
	margin: 0 auto;	
	}
	
#footer-wrapper{
	margin: 0 auto;
	text-align: center;
	}
	
	
/*********************************************************************************/
/* logo                                                                   */
/*********************************************************************************/	
#logo { 
text-align: center;
padding-top: 1.5em;
padding-bottom: 1.5em;
}	
/*********************************************************************************/
/* nav                                                                   */
/*********************************************************************************/

	nav {
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;	
	z-index:12;		
	/*box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);*/
	}	
	
	nav ul {
	max-width: 100%;		
	text-align: center;
	padding-top: 0.25em;	
	background-color: #70b5bf;	
	opacity: 1.0;
	border-bottom-style: double;
	border-width: 0.25em;
	border-color: rgba(55, 86, 91, 0.5);
	}	
	
	nav li { 
	display: inline-block;		
	vertical-align: middle;	
	padding: 0.5em;
	font-family: 'Cormorant SC', serif;
	font-weight: 600;
	
	font-size: 1.8em;	
	color: #37565b;
	margin-bottom: 0.25em;
	text-transform: uppercase;
	}	
	
	nav li:hover{
	color: #f5e7d5;
	opacity: 1.0;
	text-decoration: none;
	-moz-transition: opacity 0.30s ease-in-out, opacity 0.30s ease-in-out;
	-webkit-transition: opacity 0.30s ease-in-out, opacity 0.30s ease-in-out;
	-o-transition: opacity 0.30s ease-in-out, opacity 0.30s ease-in-out;
	-ms-transition: opacity 0.30s ease-in-out, opacity 0.30s ease-in-out;
	transition: opacity 0.30s ease-in-out, opacity 0.30s ease-in-out;	
	}

	.grey{				
	background-color: #b0aaa5;
	opacity: 0.75;
	}

	.grey a{
	color: #777;
	text-decoration: none;
	-moz-transition: background-color 0.30s ease-in-out, color 0.30s ease-in-out;
	-webkit-transition: background-color 0.30s ease-in-out, color 0.30s ease-in-out;
	-o-transition: background-color 0.30s ease-in-out, color 0.30s ease-in-out;
	-ms-transition: background-color 0.30s ease-in-out, color 0.30s ease-in-out;
	transition: background-color 0.30s ease-in-out, color 0.30s ease-in-out;
	}	
	
	.grey a:hover{
	color: #fff;
	text-decoration: none;
	}	

/*********************************************************************************/
/* feature image                                                 */
/*********************************************************************************/		

	#feature{
	top: 0;
	left: 0;
	margin-bottom: 2.5em;		
	text-align: center;	
	max-width: 100%;	
	background-position: center center;
	background-size: cover;
	background-repeat: no repeat;	
	}	
	
	#signature{
	text-align: left;
	padding-top: 1.5em;	
	padding-bottom: 3em;
	
	}
	
/*********************************************************************************/
/* main text classes                                                */
/*********************************************************************************/		
		
	.parahead {  
	text-align: left;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 500;
	font-size: 1.4em;
	line-height: 1.60em;	
	color: #37565b;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	}
	
	.intro {  
	text-align: left;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.60em;	
	color: #37565b;
	margin-bottom: 1em;
	/*margin-left: 0.5em;*/	
	}
	
	.intro-center {  
	text-align: center;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.60em;	
	color: #37565b;
	margin-bottom: 1em;
	/*margin-left: 0.5em;*/	
	}

	.intro-breaker {  
	padding-top: 1em;
	}
	
	.entry{
	text-align: left;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 400;
	color: #37565b;
	font-size: 1.4em;
	padding-top: 2em;
	padding-bottom: 2em;	
	letter-spacing: 0.75em;
	text-transform: uppercase;
	}
	
	.oblique{
	font-family: 'Cormorant Garamond', serif;
	font-weight: 400;		
	color: #37565b;
	font-style: oblique;
	}

	.bold {  
	text-align: left;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 400;
	font-size: 1.20em;
	line-height: 1.80em;	
	color: #37565b;
	margin-bottom: 1em;
	/*margin-left: 0.5em;*/	
	}

.booking { 
	display: inline-block;		
	vertical-align: middle;	
	padding: 0.5em;
	font-family: 'Cormorant SC', serif;
	font-weight: 600;	
	font-size: 1.6em;	
	color: #37565b;
	margin-bottom: 0.25em;
	text-transform: uppercase;
	}

.booking-left { 
	display: inline-block;		
	vertical-align: middle;	
	padding: 0.5em;
	font-family: 'Cormorant SC', serif;
	font-weight: 600;	
	font-size: 1.6em;	
	color: #37565b;
	margin-bottom: 0.25em;
	text-align: left;
	}	
	
	
	
/*********************************************************************************/
/* main container                                                         */
/*********************************************************************************/

#content{
width: 100%;
}

#container{

}
	.container {
	width: 80%;	
	position: relative;	
	}
	

/*********************************************************************************/
/* welcome styles                                                         */
/*********************************************************************************/
	#welcome {	
	min-height: 1em;
	position: relative;	
	padding-top: 0;	
	padding-bottom: 3em;	
	}

/*********************************************************************************/
/* image settings                                                            */
/*********************************************************************************/	
	
	.feature-image{
	display: inline;
	margin: 0 auto;		
	max-width: 100%;
	}
		
	.bordered-image{	
	/*background: #cccccc;*/ 
	display: inline-block;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.15);			
	margin: 0 auto;		
	max-width: 100%;
	vertical-align: top;
	padding: 0.5em;
	margin: 0.5em;
	}
	
	.thumb{	
	margin: 0 auto;
	margin: 0.5em;	
	max-width: 100%;
	vertical-align: middle;
	padding: 0.25em;
	opacity: 0.80;
	-moz-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-webkit-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-o-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-ms-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.15);		
	}
	
	
	.thumb:hover{	
	margin: 0 auto;	
margin: 0.5em;		
	max-width: 100%;	
	padding: 0.25em;
	opacity: 1;
	-moz-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-webkit-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-o-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-ms-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.15);		
	}
	
	.image-caption{
	font-family: 'Cormorant Garamond', serif;
	font-size: 0.85em;
	font-weight: 300i;
	font-style: oblique;	
	}


/*********************************************************************************/
/* links, lists & underline classes                                                             */
/*********************************************************************************/	
	.link{
	color: inherit;
	font-weight: 300;	
	border-bottom: 1px dotted #777;
	}

	.link:hover {
	color: #fff;
	font-weight: 300;
	-moz-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-webkit-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-o-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	-ms-transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	transition: opacity 0.20s ease-in-out, opacity 0.20s ease-in-out;
	border-bottom: 1px dotted #777;
	}	
		
#ul{
padding:0;
}

	.icon{
	text-align: center;	
	font-weight: 500;
	color: #70b5bf;	
	font-size: 1.6em;
	padding: 0.25em;	
	letter-spacing: 0.25em;
	text-transform: uppercase;
	}
	
	
#hr {
}
	.dotted{		
	vertical-align: top;
	border-bottom: 0.15em dotted #37565b;
	padding-top: 0.75em;
	margin-bottom: 1.5em;
	width: 20%;
	text-align: center;
	}	
	
	.solid{
	text-align: center;
	width: 100%;
	border-bottom-style: solid;
	border-width: 0.05em;
	border-color: rgba(255, 255, 255, 0.25);
	margin-top: 2em;
	margin-bottom: 3em;
	}
	
	



/*********************************************************************************/
/* form classes                                                             */
/*********************************************************************************/	
#map{
margin:0 auto;
background-color:  #70b5bf;	
-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 filter: grayscale(50%);
}

/*********************************************************************************/
/* footer styles                                                                       */
/*********************************************************************************/
#footer-wrapper{	

}

	#footer {
	padding-top: 2em;
	min-height: 2em;
	padding-bottom: 2em;
	background-color: #70b5bf;	
	border-top-style: double;
	border-width: 0.25em;
	border-color: rgba(55, 86, 91, 0.5);
	}
	
	.media{
	text-align: center;
	font-family: 'Cormorant SC', serif;
	font-weight: 500;
	color: #f5e7d5;	
	font-size: 1.4em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;		
	text-transform: uppercase;
	}
	
	.media_small{
	text-align: center;
	font-family: 'Cormorant SC', serif;
	font-weight: 400;
	color: #f5e7d5;	
	font-size: 1em;
	padding-top: 0.05em;
	padding-bottom: 0.25em;		
	text-transform: uppercase;
	}
	
	.media a:hover{
	color: #f5e7d5;
	
	}
	
	.right{
	text-align: right;
	}