@charset "UTF-8";
html body {
	background: #9d8f82 url(images/bodybg.jpg);
	font-family: 'Raleway', sans-serif;
}
.announcement{display:none;background:#fe5e3b;margin-top:1em;color:#2d2620}
.announcement img{padding-top:1em;position:relative;left:1em;margin:0 auto;}
.announcement div:first-child{text-align:center}

#menu.collapsed{opacity:0;left:-20em;}
#menu{z-index:3;position:absolute;left:100%;top:0;background: #d8b075;transition: opacity 1s;opacity:1}
#menu ul{margin:0;padding:0}
#menu li{list-style:none;padding:0}
#menu li a{color: #2d2620;transition:all .5s;padding:1em;display:block}
#menu li a:hover{background:#a69744;color:#fff;text-decoration:none}
nav {
	background: #d8b075;position:relative;
}
nav .row div.hamburger {
	background: #d8b075;
	color: #2d2620;
	font-size:1em;
}
nav div.hamburger i:hover, nav div.hamburger span:hover{cursor:pointer}
nav .navicons {
	background: #999879;
	color: #878666;
}
nav .row div:last-child span {
	display: inline-block;
	padding-left: .5em;
	color: #2d2620;
	font-size: 1em;
	font-weight: 300
}
header nav .tooltip {
  position: relative;
  display: block;
  opacity:1;
  z-index:4;padding:1em 0em;color:#2d2620;
}
header nav .tooltip a,header nav .tooltip a:hover{color:#2d2620;text-decoration:none}
header nav .tooltip img{opacity:.3;width:auto !important;height:auto !important;min-width:auto !important;margin-right:.33em;transition: opacity 0.3s;
}

header nav .tooltip span.tooltiptext {
  width: 10em;
    background-color: #2d2620;
    color: #c5bcb3;
    text-align: center;
    border-radius: 1em;
    padding: .5em 0;
    border: .24em #999879 solid;
    position: absolute;
    z-index: 2;
    bottom: -10%;
    left: 120%;
    margin-left: -50%;
    opacity: 0;
    visibility: hidden;
    font-size: 1.5em;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: all 1s;
}
header nav .tooltip .tooltiptext::after {
	content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -.35em;
    border-width: .35em;
    border-style: solid;
    border-color: transparent #2d2620 transparent transparent;
}
header nav .tooltip:hover .tooltiptext {
  visibility: visible;  opacity: 1;	box-shadow:0 1em 1em rgba(0, 0, 0, 0.5); bottom: 0; left:150%;
}
header nav .tooltip:hover img  {
  visibility: visible;  opacity: 1;	}
	header nav .tooltip span.lg-only{font-weight:400;margin:0;padding-left:0}

header div.logo {
	text-align: center
}
header div.logo img {
	width: 66%;
	height: auto;
	min-width: 120px;
	max-width: 300px;
	margin: 2em auto
}
header div.masthead {
	padding: 0
}
header div.masthead img {
	width: 100%;
	height: auto
}
div.maincontent {
	background: #14819e;
	color: #fff;
	border-radius: 6em 6em 0 0;
	position: relative;
	top: -9em;
	margin-bottom: -9em;
	padding: 2em 3em 0 3em;
}
div.maincontent p {
	line-height: 2;
	font-size: 1.2em
}
body h1 {
	font-family: 'Pacifico', cursive;
	font-size: 3.25em;
	color: #2d2620;
}
body h2 {
	font-size: 2.5em;
	color: #d8b075;
	font-weight: 100; clear:both
}
body h3{ border-bottom: 1px solid #65b4c9;
    color: #999878;
    margin-bottom: .5em;
    font-size: 1.25em;
    padding-bottom: .5em;
    letter-spacing: .25em;
    text-transform: uppercase;
    font-weight: 100;}
i {
	padding: 1em .5em
}
aside {
	background: #a69744 url(images/asidebg.jpg) bottom repeat-x;
	color: #f5debd;
	font-family: 'Pacifico', cursive;
	font-size: 2em;
	border-radius: 2em;/*border:.25em solid #14819e;*/
	padding: 1em 4em;
	position: relative;
	left: -4em;
	top: 1em
}
body aside h1 {
	color: #f5debd;
	font-size: 1.25em;
	margin-bottom: .75em
}
aside input, aside textarea {
	color: #2d2620;
	outline: none;
	font-size: .5em;
	font-family: 'Raleway', sans-serif;
	border: none;
	border-bottom: 1px solid #d8b075;
	padding: 1em .5em;
	background: #a69744;
	display: block;
	width: 100%
}
aside input::selection, aside textarea::selection{background:#b0a14d}
aside input::placeholder, aside textarea::placeholder {
	font-size:1.5em;
	color:#c8b57d
}
aside input.submit {
	font-size: 1em;
	text-align: right;
	border: none;
	background: none;
	border: none;
	color: #f5debd;
	font-family: 'Pacifico', cursive;
	transition: color 1s;
}
aside input.submit:hover {
	color: #2d2620;
}
aside footer {
	padding: 1em 0 1em 4em;
	background: url(images/icon-mailbox.png) 0 0 no-repeat;
	background-size: auto;
	color: #2d2620;
	font-family: 'Raleway', sans-serif;
	font-size: .5em
}
aside div.g-recaptcha{margin-top:1em;}
.featured {
	float:right;width: 66%;
	height: auto;
	border: 1.5em #a69744 solid;
	border-radius: 100%;
	position: relative;
	left: 8em;margin:0 0 0 -5em;
}
	.col-sm-12 .featured{width:44%}
.staff {font-size:.75em;text-align:center}
.staff img{margin-top:1em;width:100%;height:auto}
.staff em{display:block; font-family: 'Pacifico', cursive;color: #65b4c9;font-style:none;}
section.row{clear:both;padding: 3em 30px;margin: 0 -45px;background:#d8b075;color:#2d2620;}
	section h2{color:#14819e;font-size:2em}
	section div:last-child{border-left:dotted .25em #14819e}
	section ul {margin-top:1em}
footer{
	background:url(images/footerbg-lg.jpg);color:#f5debd;font-size:.75em;padding:2em;text-align:center;
}
footer h2{margin:2em 0 1em 0;color:#f5debd;font-size:2.25em;font-family: 'Pacifico', cursive;font-weight:100;
}
@media only screen and (max-width: 1300px) {
	footer{background-size:auto 100%}
}
/* md */
@media only screen and (max-width: 1200px) {
	header nav .tooltip,header nav .hamburger {text-align:center}
	header nav .hamburger i{font-size:1.5em}
	header nav .tooltip span.lg-only,header nav .hamburger span.lg-only{display:none}
	div.maincontent{top:-7em;}
	aside{left:-3em;}
	.maincontent div:first-child{left:-2em;position:relative}
	.maincontent aside div:first-child,aside div.g-recaptcha div{left:0 !important}
	.featured {width: 50%;border:1em #a69744 solid;left:5em;margin:0 3em 0 -4em;}
		.col-sm-12 .featured{width:29.16666%}
	footer{background-size:cover}
}
/* sm */
@media only screen and (max-width: 991px) {
	div.maincontent{top:-9.6em;margin-bottom:-9.6em;border-top-right-radius:0}
	body h1 {font-size: 2.5em;}
	aside {border-radius:2em;padding:1em 4em;margin-bottom:.5em;left:0;top:2em;}
	.featured {width: 40%;left:0;margin:0;}
	footer{background:url(images/footerbg-xs.jpg);font-size:1em;padding:0 15px;}
	footer h2{margin:1em 0;font-size:2em;}
}
/* xs */
@media only screen and (max-width: 768px) {
    div.row.announcement {
    margin: 2em -15px;
    left: 0 !important;text-align:center}
	div.announcement img{left:0;margin: 0 2em;}
	body h1, body h2, body h3 {text-align:center;}
	#menu.collapsed{display:none;left:100%;}
	#menu{position:relative;left:0;display:block;}
	#menu ul{background:#caa369;margin:0 -15px}
	header .navicons.collapsed{display:none}
	header .navicons{display:block}
	header nav .hamburger span.lg-only{display:inline-block}
	header nav .tooltip span.tooltiptext {
	  width:auto;display:inline-block;
		background-color: transparent;
		color: #2d2620;
		padding: 0;
		border: none;
		position: relative;
		z-index: 0;
		bottom: 0;
		left: 0;
		margin:0;
		opacity: 1;
		visibility: visible;
		font-size: 1.5em;
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
	header nav .tooltip .tooltiptext::after {border:none;}
	header nav .tooltip:hover .tooltiptext {box-shadow:0 0 0 rgba(0, 0, 0, 0); bottom: 0; left:0;
	}
	
	header nav .tooltip span.lg-only{font-weight:400;margin:0;padding-left:0}

	div.maincontent{top:0;margin-bottom:0;padding-bottom:9em;border-radius:0}
	.featured{width:90%;margin:5%;clear:both}
	footer{font-size:.75em;padding:2em;}

}