/* === Border Box Padding! === */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}


/* === Font Stack === */
html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    font-family: "semplicitapro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.6;
}


/* === The Basics === */

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body {
	background: #FFF;
	color: #666;
}

h1, h2, h3, h4, h5, h6  {
	color: #3f3f38;
	font-weight: normal;
	margin: 1em 0;
}

h1 {font-size: 2em; line-height: 1.4;}
h2 {font-size: 1.4em; line-height: 1.4;}
h3 {font-size: 1.0em; line-height: 1.4;}
h4 {font-size: 1.0em; line-height: 1.4;}
h5 {font-size: 0.6em; line-height: 1.4;}

	header h1 {color: #FFF;}

	h1 a:hover,
	h1 a:hover,
	h2 a:focus,
	h2 a:focus {text-decoration: underline;}

.textright {text-align: right;}
.textcenter {text-align: center;}
.textleft {text-align: left;}

.floatleft {float: left;}
.floatright {float: right;}
	
.wrapper {
	max-width: 70em;
	margin: 0 auto;
}

.l-box {
	padding: 10px;
}
.l-box>*:last-child {margin-bottom: 0;}
.l-box>*:first-child {margin-top: 0;}

	.l-box.no-top {padding-top: 0;}
	.l-box.no-btm {padding-bottom: 0;}
	
a {
	color: #666;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

	a:hover,
	a:focus {color: #222;}

.pure-button {
	background: #c4b796;
	border-radius: 5px;
	color: #FFF;
	position: relative;
	padding: 1em 2em;
	margin: 0.5em 1em;
	white-space: normal;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

	.pure-form .pure-button {margin: 0.5em 0;}

	.pure-button:hover,
	.pure-button:focus {
		background: #222;
		color: #FFF;
	}

	.pure-button:active {
		background: #FFF;
		color: #222;
		box-shadow: none;
	}


/* === Header+Footer === */

#menu {display: none;}
.slicknav_menu {display:block;}


	.hdr div,
	.hdr nav {
		background: #FFF;
		margin-bottom: 1px;
	}
	
	.square {	
		position: relative;
		height: 120px;
		padding: 10px 0;
	}
	
		.logo {
			position: relative;
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
			display: block;
			width: 100%;
			height: 100%;
		}
	
	.pure-menu-item,
	.hdr td,
	.description,
	.ftr p,
	.subnav li a {
		font-size: 0.8em;
		font-weight: bold;
		letter-spacing: 0.2em;
		text-transform: uppercase;
	}
	
		.hdr table {width: 100%;}
	
		.hdr td {
			vertical-align: top;
			border-bottom: 1px solid rgba(255,255,255,0.25);
			padding-right: 0.5em;
			padding: 0.5em 0.5em 0.5em 0;
			letter-spacing: 0.1em;
		}

		.hdr tr:first-of-type td {
			padding-top: 0;
		}
	
		.hdr tr:last-of-type td {
			border: none;
			padding-bottom: 0;
		}
	
	.pure-menu-link {padding: 10px;}
	
		.pure-menu-link:hover,
		.pure-menu-link:focus {
			background: #222;
			color: #FFF;
		}
		
		.current-menu-item .pure-menu-link:hover,
		.current-menu-item .pure-menu-link:focus {
			color: #FFF;	
		}
		
		.current-menu-item .pure-menu-link {
			background: #FFF;
		}
		
	.hdr .trading_hours {
		background: #222;
		color: #FFF;
	}
	
	.hdr .social_links {
		background: rgba(34,34,34,0.8);
		color: #FFF;
	}
	
		.home .hdr .social_links {background: none;}
	
		.social {
			list-style: none;
			padding: 0;
			text-align: center;
			height: 30px;
		}
		
		.social li {
			list-style: none;
			display: inline-block;
		}
		
		.social li a {
			display: block;
			width: 30px;
			height: 30px;
			margin: 0 10px;
		}
		
			.social li.social-fb a {background: url(../img/facebook.png) 0 0 no-repeat;}
			.social li.social-in a {background: url(../img/instagram.png) 0 0 no-repeat;}
			.social li.social-ta a {background: url(../img/tripadvisor.png) 0 0 no-repeat;}
		
			.social li a:hover,
			.social li a:focus {
				background-color: #222;
			}
		
		.social li a b,
		.logo b {
			display: none;
			font-size: 0.1em;
		}

.ftr {
	background: #efefef;
	text-align: center;
}

	.ftr_intro {border-bottom: 1px solid #FFF;}
	.ftr_outro {border-top: 1px solid #FFF; text-align: right;}
	
	.ftr a {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
		width: 100%;
		height: 150px;
		padding: 0;
		text-decoration: none;
	}
	
	.ftr a b {display: none;}
	
	.ftr a.tomoro {
		font-size: 10px;
		height: auto;
		letter-spacing: normal;
	}
	



/* === Home Page === */

html, body {position: relative; height: 100%;}

.full_screen {
	background-color: #efefef;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}

	.home .full_screen:after {
		content: '';
		background: rgba(0,0,0,0.5);
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	.full_screen>* {
		position: relative;
		z-index: 2;
	}
	
	.home,
	.home h1 {
		color: #FFF;
	}
	
	.home h1 {
		margin: 0;
		padding: 0;
	}

	.home h1,
	.description {color: #FFF; text-align: center;}
	
	.description {
		width: 100%;
	}

		.description p {margin: 0;}
		.description p span {display: inline-block;}

		.description a {color: #FFF; text-decoration: none;}

	

/* === Page Content === */

	header h1 {
		margin-top: 50px;
	}

	.content-container {
	}
	
	.post-header {
		height: 100px;
	}
	
		.post-header h1 {
			margin: 0;
		}
		
		.Center-Container.is-Inline {
			overflow: hidden;
			height: 100%;
			
		}
		
		.Center-Container.is-Inline:after,
		.is-Inline .Center-Block {
			display: inline-block;
			vertical-align: bottom;
		}
		
		.Center-Container.is-Inline:after {
			content: '';
			height: 100%;
			margin-left: -0.25em; /* To offset spacing. May vary by font */
		}
		
		.is-Inline .Center-Block {
			max-width: 99%; /* Prevents issues with long content causes the content block to be pushed to the top */
			/* max-width: calc(100% - 0.25em) /* Only for IE9+ */
		}	
		
	.body-content {
		background: #FFF;
	}	
	
		.body-content h1,
		.body-content h2,
		.body-content h3,
		.body-content h4,
		.body-content h5,
		.body-content h6 {margin: 2em 0 0.5em;}
		
		.subnav {
			list-style: none;
			padding: 0 0 2em;
			margin: 0;
			border-bottom-width: 1px;
			border-bottom-style: solid;
		}
		
		.subnav li {
			display: inline-block;
			margin-right: 2em;
		}
		
		.subnav li a {
			text-decoration: none;
		}
		
		.subnav li a:hover,
		.subnav li a:focus {
			text-decoration: underline;
		}
		
		.map-embed iframe {
			width: 100%;
			height: 300px;
		}
		
.sidebar {}		

	.xoxo {
		font-size: 0.8em;
		list-style: none;
		padding: 0;
	}
	
.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea {
	font-size: 1.0em;
	width: 100%;
	color: #666;
	padding: 0.5em;
}

	.pure-form .pure-button {margin: 1em 0 0 0;}
	.pure-form br {display: none;}
	
	.pure-form input[type=text]:focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus, .pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus, .pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=week]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=color]:focus, .pure-form select:focus, .pure-form textarea:focus {border-color: #222; color: #666;}
	
	.pure-form div.wpcf7-response-output {
		border: none;
		padding: 2em;
		background: #efefef;
		color: #666;
	}
	
	.pure-form div.wpcf7-response-output {
		margin: 1em 0;
		padding: 1em;
	}
	
	.pure-form div.wpcf7-mail-sent-ok,
	.pure-form div.wpcf7-mail-sent-ng,
	.pure-form div.wpcf7-spam-blocked,
	.pure-form div.wpcf7-validation-errors {
		border: none;
	}

	span.wpcf7-not-valid-tip,
	.wpcf7-display-none {display: none;}
	
	.pure-form h2 {
		margin: 2em 0 0;
	}
	
	.pure-form p {
		color: #666;
		margin: 0;
		padding: 0;
	}
	
	.pure-form label {
		color: #666;
		padding-top: 1em;
		margin: 0;
		display: block;
	}
	
	.pure-form .span.wpcf7-list-item {margin: 0;}	
	
	.pure-form textarea {
		height: 150px;
	}
	

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

/* Mobile Only */
@media (max-width:47.9em) {
	.mobilehide {display: none;}
	
	.post .trading_hours,
	.page .trading_hours {display: none;}

	.home .trading_hours {display: block;}
}

/* Tablets and Up */
@media (min-width: 48em) {
	html, button, input, select, textarea,
	.pure-g [class *= "pure-u"] {
	    font-size: 1.0em;
	}

	h1 {font-size: 3em; line-height: 1.4;}
	h2 {font-size: 1.6em; line-height: 1.4;}
	h3 {font-size: 1.6em; line-height: 1.4;}
	h4 {font-size: 1.2em; line-height: 1.4;}
	h5 {font-size: 1.2em; line-height: 1.4;}

	.l-box {padding: 15px;}
	.l-box-dbl {padding: 30px;}

	.l-box.no-top {padding-top: 0;}
	.l-box.no-btm {padding-bottom: 0;}
	
	.pure-menu-link {padding: 10px 15px;}
	
	#menu {display: inline-block; width: 100%;}
	.slicknav_menu {display:none;}	


	/* === Header+Footer === */

	.square {
		width: 100%;
		height: 0;
		padding: 0;
		padding-bottom: 100%;		
		text-align: center;	
	}	

		.logo {
			position: absolute;
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
			display: block;
			width: 100%;
			height: 100%;
		}
	
	.hdr {
		max-width: 340px;
		margin: 0 auto;
	}
	
	
	.pure-menu-item,
	.hdr td,
	.description {
		font-size: 0.6em;
	}	

	.social li a {margin: 0;}
	
	.ftr {border-bottom: 10px #FFF solid;}
	
	
	/* === Home Page === */

	.full_screen {
		border: 10px solid #FFF; 
		min-height: 600px;
		height: 100%;
	}	

	.full_screen.half_screen {
		min-height: 0;
		height: 400px;
	}
	
	.home .full_screen {
		position: relative;
	}
		
	.home h1 {padding: 0; text-align: left; max-width: 60%;}
		
	.description {text-align: left}	
	.home .description {height: 210px;}
	.description p span {float: right;}
	
	
	/* === Page Content === */

	.post-header {
		height: 340px;
	}	
		
	.body-content {
		background: none;
	}	
	
	
}

/* Desktop and Up */
@media (min-width: 64em) {
	html, button, input, select, textarea,
	.pure-g [class *= "pure-u"] {
	    font-size: 1.1em;
	}
	
	.l-box {padding: 20px;}
	.l-box-dbl {padding: 40px;}

	.l-box.no-top {padding-top: 0;}
	.l-box.no-btm {padding-bottom: 0;}
	
	.pure-menu-link {padding: 10px 20px;}

	.social li a {margin: 0 10px;}


	/* === Page Content === */

	.body-content {width: 66.6%;}	
	.page-template-page-wedding .body-content {width: 100%;}
	
	
}

/* Bigger Than Desktop */
@media (min-width: 80em) {
}

/* Retina/HiDPI */
@media 	(-webkit-min-device-pixel-ratio: 2),
		(min-resolution: 192dpi) { 		
	.social li.social-fb a {background: url(../img/facebook@2x.png) 0 0 no-repeat;}
	.social li.social-in a {background: url(../img/instagram@2x.png) 0 0 no-repeat;}
	.social li.social-ta a {background: url(../img/tripadvisor@2x.png) 0 0 no-repeat;}

	.social li.social-fb a,
	.social li.social-in a,
	.social li.social-ta a {background-size: 30px;}
}