/* -------------------------------------------------- */
/* Reset - http://purecss.io/base
/* -------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, main{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}.hide{display:none;}html{box-sizing: border-box;}*,*:before,*:after{box-sizing:inherit;}.clear{font-size:0px;clear: both;height: 0px;}*:focus{outline: none;}strong{font-weight:bold;}em{font-style:italic;}input:invalid{box-shadow: none;}button{border:none;background:none;padding:0;margin: 0;}button::-moz-focus-inner{border:0;}input,button{border-radius:0;border-radius:none;}
/* -------------------------------------------------- */
/* Common
/* -------------------------------------------------- */
body{
	font-family: mrs-eaves, georgia, serif;
	font-size: 21px;
	background: #1c1b1f;
	color: #121212;
}
a, a:visited, a:hover, a:active{
	color: #121212;
}
a:hover, a:active{
	color: #57171a;
}

strong{
	font-weight: 700;
}
sup{
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
p{
	line-height: 1.4em;
}
p.push{
	margin-bottom: 27px;
}
.center{
	text-align: center;
}
.gen-sec p{
	margin-bottom: 12px;
}
img.flex{
	width: 100%;
	height: auto;
}
hr{
	border: none;
	padding: 9px 0 0 0;
	margin: 0 0 9px 0;
}
/* -------------------------------------------------- */
/* Headers
/* -------------------------------------------------- */
h1, h2, h3, h4{
	line-height: 1.2em;
	color: #57171a;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 9px;
}
h1{ font-size: 36px; }
h2{ font-size: 30px; }
h3{ font-size: 24px; }
.hd-wave-alt,
.hd-wave{
	background: url('/assets/images/wave.svg') no-repeat left bottom;
	padding-bottom: 18px;
	margin-bottom: 36px;
}
.hd-wave-alt{
	background-image: url('/assets/images/wave-alt.svg');
	margin-bottom: 18px;
}
.inside .hero h1.hd-wave-alt,
.center.hd-wave-alt,
.center.hd-wave{
	text-align: center;
	background-position: center bottom;
}

/* -------------------------------------------------- */
/* Containers
/* -------------------------------------------------- */
.container,
.container-max{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 0 18px;
}
.container-max{
	max-width: 1366px;
}
/* -------------------------------------------------- */
/* Quick info
/* -------------------------------------------------- */
.utility{
	background: #57171a;
	line-height: 0;
}
.utility ul{
	display: flex;
	justify-content: flex-end;
}
.utility li{
	display: flex;
	padding: 0 9px;
}
.utility a{
	display: inline-block;
}
a.utility-pin,
a.utility-phone{
	width: 30px;
	height: 30px;
	background: #772024 no-repeat center;
}
a.utility-pin{
	background-image: url('/assets/images/pin.svg');
}
a.utility-phone{
	background-image: url('/assets/images/phone.svg');
}
a.utility-text{
	text-decoration: none;
	color: #f9efd6;
	font-size: 18px;
	padding-left: 6px;
	line-height: 30px;
}

/* -------------------------------------------------- */
/* Header
/* -------------------------------------------------- */
.header-content{
	display: flex;
	padding: 9px 0 18px 0;
	align-items: center;
}
.logo{
	background: url('/assets/images/carleys.svg') no-repeat;
	height: 114px;
	width: 250px;
}

/* -------------------------------------------------- */
/* Top navigation
/* -------------------------------------------------- */
.topnav{
	padding-top: 22px; /* tweaked to middle align with logo text */
	margin-left: auto;
}
.topnav ul{
	display: flex;
	margin: -12px;
}
.topnav li{
	padding: 12px;
}
.topnav a{
	font-size: 21px;
	display: block;
	padding: 9px 0;
	color: #1c1b1f;
}
.topnav a:hover{
	color: #57171a;
}
.topnav li.em{
	padding: 12px 0;
	margin-left: 12px;
}
.topnav li.em a{
	background: #1c1b1f;
	text-decoration: none;
	color: #f9efd6;
	padding: 9px;
	border: none;
}
.topnav li.em a:hover{
	background: #57171a;
}
/* -------------------------------------------------- */
/* Hero
/* -------------------------------------------------- */
.hero{
	position: relative;
	background: #1c1b1f no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}
.hero-ghost{
	background-color: rgba(0,0,0,.6);
	padding: 108px 0 162px 0;
}
.inside .hero-ghost{
	padding:  96px 0 72px 0;
}
.hero-content{
	color: #fff;
	max-width: 600px;
}
.inside .hero-content{
	margin: 0 auto;
}
.hero h1{
	font-size: 54px;
	font-weight: 700;
	color: #fff;
}
.inside .hero h1{
	text-align: center;
}
.hero p{
	font-size: 27px;
}
.inside .hero p{
	text-align: center;
}
.hero a, .hero a:visited, .hero a:hover, .hero a:active{
	color: #fff;
}

/* -------------------------------------------------- */
/* Announce
/* -------------------------------------------------- */
.announce{
	background: #ff5757;
	padding: 27px 0 18px 0;
	text-align: center;
	font-size: 21px;
}
.announce,
.announce a{
	color: #f9efd6;
}
.announce p{
	margin-bottom: 9px;
}
.smbtn{
	display: inline-block;
	padding: 9px;
	background: #121212;
	color: #fff;
	text-decoration: none;
}

/* -------------------------------------------------- */
/* Columns
/* -------------------------------------------------- */
.cols-2,
.cols-3,
.cols-4{
	display: flex;
	flex-wrap: wrap;
	margin: -27px;
	padding-top: 18px;
}
.cols-2 .col,
.cols-3 .col{
	padding: 27px;
}
.cols-2 .col{
	width: 50%;
}
.cols-3 .col{
	width: 33.333%;
}
.cols-4 .col{
	width: 25%;
}

/* -------------------------------------------------- */
/* General Section
/* -------------------------------------------------- */
.gen-sec{
	padding: 54px 0;
}
.inside .gen-sec{
	padding: 0 0 54px 0;
}
.gen-sec table td{
	padding: 0 9px 9px 0;
}
a.nolink {
	text-decoration: none;
}

/* -------------------------------------------------- */
/* Gallery
/* -------------------------------------------------- */
.imgs{
	display: flex;
	flex-wrap: wrap;
	margin: -6px;
}
.imgs figure{
	width: 33.333%;
	padding: 6px;
	position: relative;
	line-height: 0;
}
.imgs figcaption{
	display: inline-block;
	padding: 9px;
	position: absolute;
	bottom: 6px; left: 6px;
	background: rgba(0,0,0,.7);
	color: #fff;
	font-size: 13px;
	line-height: 1em;
}
.imgs img{
	width: 100%;
	height: auto;
}

/* -------------------------------------------------- */
/* Inside: Main
/* -------------------------------------------------- */
.inside article{
	padding:  54px 0;
	min-height: 500px;
}
.dates{
	display: flex;
	flex-wrap: wrap;
}
.dates dt,
.dates dd{
	padding: 0 18px;
	line-height: 42px;
	margin-bottom: 1px;
	border-bottom: 1px solid #1c1b1f;
}
.dates dt{
	text-align: right;
	background: #1c1b1f;
	color: #f9efd6;
	white-space: nowrap;
	width: 33%;
	text-transform: uppercase;
	font-size: 16px;
}
.dates dd{
	font-size: 21px;
	width: 67%;
}

/* -------------------------------------------------- */
/* Inside: Menu
/* -------------------------------------------------- */
.menu{
	text-align: center;
}
.menu dt{
	font-weight: bold;
	font-size: 24px;
	color: #57171a;
	border: 1px solid #e1d7c1;
	border-bottom: none;
	padding: 18px;
	padding-bottom: 3px;
}
.menu dd{
	line-height: 1.4em;
	border: 1px solid #e1d7c1;
	border-top: none;
	padding: 18px;
	padding-top: 0;
}
.menu p,
.menu h2,
.menu dd,
.menu section{
	margin-bottom: 36px;
}

/* -------------------------------------------------- */
/* Sub navigation
/* -------------------------------------------------- */
.subnav{
	padding-bottom: 18px;
}
.subnav ul{
	display: flex;
	justify-content: center;
	margin: -3px;
}
.subnav li{
	padding: 3px;
}
.subnav a,
.subnav a:visited{
	display: block;
	background: #1c1b1f;
	color: #f9efd6;
	padding: 18px;
	font-size: 19px;
	text-decoration: none;
}
.subnav a:hover{
	background: #57171a;
	color: #f9efd6;
}

/* -------------------------------------------------- */
/* Footer
/* -------------------------------------------------- */
footer{
	background: url('/assets/images/wave.svg') no-repeat center 54px;
	padding: 81px 0;
	font-size: 18px;
	text-align: center;
}

/* -------------------------------------------------- */
/* Mobile nav
/* -------------------------------------------------- */
#page{
	position: absolute;
	top: 0; left: 0;
	background: #f9efd6 url('/assets/images/paper-texture.gif');
	width: 100%;
	z-index: 10;
	-webkit-transition: left .25s; /* Safari */
	transition: left .25s;
}
#page.show{
	left: -240px;
}
.m-nav{
	position: fixed;
	top: 58px; right: 0;
	width: 240px;
}
.m-nav li:first-child a{
	font-size: 48px;
}
.m-nav a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 18px;
	border-bottom: 1px solid rgba(255,255,255,.1);
}
.m-content{
	display: none;
}

/* -------------------------------------------------- */
/* Top button
/* -------------------------------------------------- */
.top-btn{
	padding: 0;
	margin: 0;
	border: 0;
	position: fixed;
	z-index: 999;
	bottom: 9px; right: 9px;
	width: 42px;
	height: 42px;
	background: url('/assets/images/arrow-up.svg') no-repeat center;
	background-size: 24px 24px;
	background-color: rgba(0,0,0,.2);
	-webkit-transition: background-color .25s; /* Safari */
	transition: background-color .25s;
}
.top-btn:hover{
	cursor: pointer;
}

/* -------------------------------------------------- */
/* Breakpoints
/* -------------------------------------------------- */
@media screen and (max-width: 1020px) {
	.topnav li{
		display: none;
	}
	.topnav li.hide{
		display: inline-block;
	}
}
@media screen and (max-width: 800px) {
	.cols-2,.cols-3{
		margin: 0;
	}
	.cols-2 .col,
	.cols-3 .col{
		width: 100%;
		text-align: center;
		padding: 0 0 18px 0;
	}
	.imgs figure{
		width: 50%;
	}
}
@media screen and (max-width: 600px) {
	.dates dt{
		width: auto;
		line-height: 1em;
		padding: 6px;
		border: none;
		margin: 0;
		font-size: 14px;
	}
	.dates dd{
		width: 100%;
		line-height: 1em;
		padding: 6px 0;
		margin-bottom: 18px;
	}
}
@media screen and (max-width: 500px) {
	.utility .d-content{
		display: none;
	}
	.utility .m-content{
		display: inline-block;
	}
	header .container-max{
		padding: 0 18px 0 9px;
	}
	.imgs figure{
		width: 100%;
	}
	.hero-ghost,
	.inside .hero-ghost{
		padding: 54px 0 72px 0;
	}
	.hero h1{
		font-size: 42px;
	}
	h2{
		font-size: 27px;
	}

}
@media screen and (max-width: 400px) {
	.hero h1{
		font-size: 33px;
	}
}