html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

BODY {
	background:				#f57f20 url('/WPAssets/Pages/6e7c42eb-4b6c-43a8-b0df-c6f8c23833f3/sandbacka-bkg.png');
	margin:				20px 0;
	font-family:			"Lato", "sans serif";
	font-weight:			300;
	font-size:				1.5em;
	line-height:			1.5em;
}
A {
	text-decoration:			none;
}
HR {
	border-color:			#13d4d2
}
H1,H2,H3,H4,H5,H6 {
	font-weight:			300;
	line-height:			1em;
}
H1 {
	font-size:				4em;
	font-weight:			100;
	margin:				.1em 0;
}
H2 {
	font-size:				1.4em;
	font-weight:			300;
	line-height:			1em;
	margin:				1em 0 0.3em 0;
	color:				#f57f20
}
H1 > DIV, H2 > DIV, H3 > DIV {
	font-size:				.45em;
	font-weight:			400;
	color:				#f57f20;
	line-height:			1em;
}
H1 > DIV {
	font-size:				.35em;
	font-weight:			300;
}

.signature {
	font-family:			Allura;
	font-size:				3em;
	line-height:			.9em;
}


DIV.main {
	max-width:				1140px;
	margin:				auto;
	padding:				10px;
}
HEADER {
}


DIV.nav {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;

	display:				flex;
	align-items:			flex-end;
	flex-direction:			row;
	flex-wrap:				wrap;
}
DIV.logoandbars {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;

	display:				flex;
	align-items:			center;
}
DIV.logoandbars > DIV.logo {
	padding:				0 20px;
	flex:					1 1 auto;
}
DIV.logoandbars > DIV.logo > A.logo {
	display:				inline-block;
}

DIV.logoandbars A.logo > IMG {
	width:				100%;
	max-width:				300px;
}
DIV.logoandbars > DIV.fa.fa-bars {
	font-size:				3em;
	color:				white;
	padding:				10px 14px;;
	display:				none;
	background-color:			rgba(150,50,0,0.2);
	cursor:				pointer;
}

NAV {
	flex:					1;
	align-items:			stretch;
}
NAV UL {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;

	display:				flex;
	list-style-type:			none;
	margin:				0;
	float:				right;
	padding:				0;
}
NAV UL.level1 {
	flex-direction:			column;
	float:				none;
	background-color:			rgba(255,255,255,0.2);
}
NAV UL > LI {
	min-height:				40px;
	display:				inline-block;
	padding:				2px;
	margin-left:			2px;
}
NAV UL.level1 > LI {
	padding:				1px 2px;
	margin-left:			0;
}
NAV UL > LI > A {
	color:				white;
	padding:				15px 30px;
	display:				-webkit-box;
	display:				-moz-box;
	display: 				-ms-flexbox;
	display: 				-webkit-flex;
	display:				flex;
	text-align:				center;
	vertical-align:			middle;
	font-size:				20px;
	text-transform:			lowercase;
}
NAV UL.level1 > LI > A {
	padding:				8px 20px;
	background:				rgba(255,150,0,0.9);
	font-weight:			400;
	flex:					1;
}
NAV UL.level1 > LI > A:hover {
	background:				rgba(255,150,0,0.5);
}

NAV > UL > LI.active,
NAV > UL > LI:hover {
	background:				rgba(255,255,255,0.3);
}

NAV > UL > LI.selected {
	background:				white;
}
NAV > UL > LI.selected > A {
	color:				#f57f20;
	padding-top:				11px;
}
NAV UL.level1 > LI.selected > A {
	background:				white;
	color:				#f57f20;
}

NAV UL.level0 > LI.selected > .selectionmark {
	background:				#f57f20;
	height:				4px;
}
NAV UL.level1 > LI.selected > .selectionmark {
	background:				#f57f20;
	width:				4px;
}

.pop {
	background:				rgba(255,150,0,0.01);
	position:				absolute;
	display:				none;
	z-index:				1000;
	margin:				2px 0 0 -2px;
	padding:				11px 0 0 0;
}


DIV.header {
	border:				8px solid white;
	margin-top:				2px;
	box-shadow:				0 0 60px 0 rgba(130,60,0,0.8);
	position:				relative;
	background-size:			cover;
}


DIV.header > DIV.headeroverlay {
	position:				absolute;
	right:				-150px;
	top:					-25px;
	background:				transparent url('/WPAssets/Pages/6e7c42eb-4b6c-43a8-b0df-c6f8c23833f3/floweroverlay1.png') no-repeat scroll;
	width:				276px;
	height:				513px;
	z-index:				100;
}
#headerdiv {
	display:				flex;
}
DIV.content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;


	display:				flex;
	flex-direction:			row;
}
DIV.textdiv {
	margin-top:				2px;
	background:				white url('/WPAssets/Pages/6e7c42eb-4b6c-43a8-b0df-c6f8c23833f3/floweroverlay2.png') no-repeat scroll left bottom;
	margin-right:			2px;
	-webkit-box-shadow:		inset 0 50px 50px -50px rgba(130,60,0,0.4);
	box-shadow:				inset 0 50px 50px -50px rgba(130,60,0,0.4);
	flex:					2;
}
.textpadding				{
	padding:				40px;
}


DIV.newsdiv {
	flex:					1;

display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;

	display:				flex;
	flex-direction:			column;
}
DIV.newscontainer {
	margin-top:				2px;
	background:				rgba(255,255,255,0.6);
	padding:				0;
}
DIV.newscontainer > DIV.newsheader {
	background:				#117574;
	padding:				10px 40px;
	color:				white;
	font-weight:			900;
}
DIV.news {
	padding:				0 40px 40px 40px;
}
DIV.newscontainer .timebooking {
	display:				inline-block;
	font-size:				0.5em;
	line-height:			1em;
}

DIV.newscontainer:first-child > DIV.newsheader  {
	-webkit-box-shadow:		inset 0 50px 50px -50px rgba(130,60,0,0.4);
	box-shadow:				inset 0 50px 50px -50px rgba(130,60,0,0.4);
}
DIV.newscontainer:last-child {
	flex:					1 1 auto;
}


DIV.newsdiv H2 {
	color:				#117574;
	margin-bottom:			.2em;
}



LABEL.input {
	display:			block;
}
LABEL.input SPAN {
	position:			absolute;
	display:			block;
	font-size:			10px;
	color:			#f57f20;
	padding:			2px 11px;
}
LABEL.input SPAN.focus {
	color:			white;
}
LABEL.input INPUT,LABEL.input TEXTAREA {
	border:			none;
	background:			none;
	background-color:		rgba(200, 80, 0 ,0.2);
	padding:			5px 10px;
	border-radius:		2px;
	margin-bottom:		5px;
	width:			100%;
	-moz-box-sizing: 		border-box;
	-webkit-box-sizing:	border-box;
	box-sizing:			border-box;
}
LABEL.input INPUT:focus,LABEL.input TEXTAREA:focus {
	background-color:		rgba(200, 80, 0 ,0.4);
	color:			white;
}
LABEL.input INPUT.novalidate, LABEL.input TEXTAREA.novalidate {
	border:			1px solid red;
}
BUTTON {
	color:			white;
	background:			#13d4d2;
	display:			block;
	width:			100%;
	border:			3px solid white;
	border-radius:		8px;
	padding:			10px 30px;
	cursor:			pointer;
	-webkit-box-shadow:	4px 4px 20px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:		4px 4px 20px 0px rgba(0, 0, 0, 0.5);
	box-shadow:			4px 4px 20px 0px rgba(0, 0, 0, 0.5);
	font-size:			1.4em;
	line-height:		100%;
}
A {
	color:			#117574;
	font-weight:		400;
}






.row {
	display:			flex;
}
.row > div {
	flex:				1 0;
	margin-left:		5%;
	margin-right:		5%;
}
.row > div:first-child {
	margin-left:		0;
}
.row > div:last-child {
	margin-right:		0;
}
.row button {
	font-size:			0.7em;
}


@media screen and (max-width:	970px) {
  NAV > UL > LI > A {
	padding:				15px 15px;
  }
  H1 {
	font-size:				3.5em;
  }
  DIV.header > DIV.headeroverlay {
	display:				none;
  }
}
@media screen and (max-width:	850px) {
  NAV > UL > LI.first {
	display:				none;
  }
  H1 {
	font-size:				3em;
  }
}
@media screen and (max-width:	780px) {
  BODY {
	margin-top:				0;
  }
  NAV {
	background-color:			rgba(150,50,0,0.2);
  }
  NAV > UL > LI.first {
	display:				inline-block;
  }
  DIV.nav {
	display:				block;
  }
  NAV > UL {
	float:				none;
  }
  NAV UL.level0 > LI.selected > DIV.pop {
	display:				block;
  }
}
@media screen and (max-width:	680px) {
  H1 {
	font-size:				2.5em;
  }
  DIV.main {
	padding:				10px 0 0 0;
  }
  DIV.content {
	flex-flow:				column nowrap;
	webkit-flex-flow: column wrap;
  }
  div.textdiv {
	margin-right:			0;
  }
  DIV.textdiv,
  DIV.newsdiv {
	flex:					0 1 auto;
  }
  DIV.header {
	border:				none;
  }
}
@media screen and (max-width:	500px) {
  H1 {
	font-size:				2em;
  }

  DIV.main {
	padding:				0;
  }
  DIV.logoandbars > DIV.fa.fa-bars {
	display:				block;
  }
  NAV {
	display:				none;
  }


  NAV > UL {
	flex-flow:				column nowrap;
	webkit-flex-flow: column wrap;
  }
  .pop {
	position:				static;
  }
  NAV UL.level1 > LI > A {
	padding:				8px 20px 8px 50px;
	background:				rgba(175,70,0,0.5);
  }
}




.person {
	margin:				20px 0;
	clear:				right;
}
.person > img {
	float:				right;
	margin:				0 0 20px 20px;
	width:				40%;
}