@font-face {

    font-family: 'cloister_blacklight';
    src: url('../fonts/cloisterblack-webfont.woff2') format('woff2'),
         url('../fonts/cloisterblack-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 20, 2013 */
@font-face
{
    font-family: 'merriweatherregular';
    src: url('../fonts/merriweather-webfont.eot');
    src: url('../fonts/merriweather-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/merriweather-webfont.woff') format('woff'),
         url('../fonts/merriweather-webfont.ttf') format('truetype'),
         url('../fonts/merriweather-webfont.svg#merriweatherregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

ul:not(.bullet)
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.inline>li
{
	display: inline;
}

html, body
{
	margin: 0;
	background-color: #8C001A;
	font-family: 'merriweatherregular';
}

#header
{
	background-color: #d3cfc6;
	padding-bottom: 3em;
}

#header nav
{
	text-shadow: 0px 0px 1px #d3cfc6,
		0px 0px 2px #d3cfc6,
		0px 0px 3px #d3cfc6,
		0px 0px 4px #d3cfc6;
}

#body
{
	margin-top: -3em;
	text-align: justify;
}

#header>.wrapped
{
	box-sizing: border-box;
	padding: 1em 1em 0 1em;
	background: url('../images/thebear.png') top right no-repeat;
}

.centered
{
	text-align: center;
}

h1
{
	margin: 0;
	font-family: cloister_blacklight;
	font-weight: normal;
	font-size: 3em;
	/*background: url('../images/thebear.png') bottom right no-repeat;
	background-size: contain;
	padding-bottom: 0.5em;*/
}

.wrapped
{
	width: 900px;
	margin: 0 auto;
}

nav
{
	font-size: 9pt;
	text-transform: uppercase;
	padding-bottom: 1em;
}

nav a
{
	text-decoration: none;
	color: black;
}

nav a
{
	margin-right: 1em;
}

#page-container
{
	margin-top: -4em;
	padding-top: 4em;
	
	background-color: #FFFFCC;
}

#body p:first-child
{
	margin-top: 0;
}

.button, button:not([data-role]), input[type="submit"] {
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a !important;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.button:hover, button:not([data-role]):hover, input[type="submit"]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
	background-color:#68a54b;
}
.button:active, button:not([data-role]):active, input[type="submit"]:active {
	position:relative;
	top:1px;
}

.error
{
	color: white;
	background: #a00;
	padding: 6px;
	border-radius: 4px;
	box-shadow: 2px 2px 5px black;
}

.padded
{
	padding: 1em;
}

.banner .slide
{
	height: 512px;
	height: 40vh;
	background-size: cover;
	background-position: center;
}

.banner
{
	background: white;
	padding: 1em;
	box-shadow: 1px 1px 4px black;
}

/*ul.info-boxes>li
{
	width: 33%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	padding: 1em;
}*/

ul.info-boxes
{
	display: flex;
	flex-wrap: wrap;
}

ul.info-boxes>li
{
	box-sizing: border-box;
	padding: 1em;
	width: 50%;
}

.columns
{
	display: flex;
}

.columns .left
{
	flex: 1;
	padding-right: 0.5em;
}

.columns .right
{
	flex: 2;
	padding-left: 0.5em;
}

#bear-front
{
	width: 100%;
	height: auto;
	margin-bottom: 1em;
}

#page
{
	padding-bottom: 1em;
}

#availabilitychecker
{
	margin: 0 auto;
	text-align: center;
}

.clearer
{
	clear: both;
}

#footer
{
	color: white;
	text-align: center;
	font-size: 9pt;
}

.reviews
{
	font-size: 9pt;
	text-align: left;
	background: white;
	padding: 1em !important;
	margin-bottom: 1em !important;
}

.reviews li
{
	margin-bottom: 1em;
}

.reviews footer
{
	text-align: right;
}

.speech-bubble {
   position: relative;
   color: #FFFFFF;
   padding: 0px;
   background: #ADB400;
   border-radius: 10px;
   padding: 1em;
   margin: 0 0 1.3em 0;
}

.speech-bubble:after {
   content: '';
   position: absolute;
   border-style: solid;
   border-width: 15px 15px 0;
   border-color: #ADB400 transparent;
   display: block;
   width: 0;
   z-index: 1;
   bottom: -15px;
   left: 24px;
}

#footer
{
	padding: 1em;
}

fieldset
{
	border: 1px dotted lightgrey;
}

fieldset>*
{
	display: inline-block;
	vertical-align: top;
}

label
{
	width: 120px;
}

#events
{
	list-style: none;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 920px)
{
	.wrapped
	{
		width: 560px;
	}
	
	.banner .slide
	{
		height: 400px;
		height: 80vh;
	}
	
	.columns .left
	{
		width: 33%;
	}
	
	ul.info-boxes
	{
		display: block;
	}
	
	ul.info-boxes>li
	{
		display: block;
		width: auto;
	}
}

@media screen and (max-width: 600px)
{
	.wrapped
	{
		width: auto;
		overflow: hidden;
	}
	
	.banner .slide
	{
		height: 300px;
		height: 50vh;
	}
	
	.columns
	{
		flex-wrap: wrap;
	}
	
	.columns .left, .columns .right
	{
		flex: 1;
		width: auto;
	}
	
	.columns .left
	{
		order: 1;
		padding-right: 0;
	}
	
	.columns .right
	{
		padding-left: 0;
	}
	
	h1
	{
		text-align: center;
	}
	
	nav
	{
		font-size: 15pt;
		text-align: center;
	}
	
	nav li
	{
		display: block !important;
	}
	
	#finding-us iframe
	{
		width: 100% !important;
	}
}