@import url(https://fonts.googleapis.com/css?family=Questrial|Oxygen:400,300,700);

/* General Styles
---------------------------------------------*/
body,html{width:100%;margin:0;padding:0;}
html {background:url(images/bkg-body.jpg);background-size:400px 396px;height:100%;}
body{font-family:Oxygen, sans-serif;font-size:1em;line-height:1.5em;color:#000;background:url(images/bkg-watermark.png) no-repeat top center;background:url(images/bkg-body-watermark.png) no-repeat center 120px,url(images/bkg-watermark.png) no-repeat top center;min-height:100%;}
pre { white-space: pre-wrap; }
* { -webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;}
img {max-width:100%;}
a {color:#245e36;outline:none;text-decoration:underline;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;font-weight:bold;}
a:hover {	color:#833f4e	;text-decoration:underline;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
a:visited{}
a:active{}
hr {background: none;background-color: transparent;border: none;border-bottom: 1px solid #eee;display: block;height: 0;line-height: 0;margin: 20px 0;overflow:hidden;}
nav ul {list-style-type:none;padding:0;margin:0;}
label {display:block;font-weight:700;text-transform:uppercase;}

/* Heading Styles (H1-H6)
---------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-weight:normal;line-height:normal;margin:20px 0 0.2em 0;}
h1 {font-size:2em;font-family:Questrial;color:#245e36;text-transform:uppercase;}
h2 {font-size:1.625em;font-family:Questrial;color:#778c4b;}
h3 {font-size:1.5em;font-family:Questrial;color:#245e36;}
h4 {font-size:1.250em;font-family:Questrial;text-transform:uppercase;}
h5 {font-size:1.125em;font-family:Questrial;}
h6 {font-size:1em;text-transform:uppercase;font-weight:700;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {margin-top:0;}

/* Helpful Classes
---------------------------------------------*/
.group:after, .imod-guest-list-details li:after {content: "";clear: both;display: table;}
img.left{float:left;margin:0 20px 20px 0;}
img.right{float:right;margin:0 0 20px 20px;}
img.border {border:4px solid #fff;box-shadow: 0px 0px 0px 1px rgba(221, 221, 221, 1);}


/* HEAD ELEMENTS
---------------------------------------------*/
header {border-top:4px solid #245e36;border-bottom:2px solid #245e36;position:relative;z-index:10;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);}

#logo {}
#logo img {width:358px;display:block;height:auto;margin:15px auto}

.social {float:right;margin-top:30px;}
.social li {float:left;margin-left:18px;}
.social li:first-of-type {margin-left:0;}
.social li a {display:block;font-size:23px;color:#778c4b;text-decoration:none;line-height:41px;height:45px;width:45px;border-radius:99px;text-align:center;border:2px solid #778c4b;}
.social li a:hover {color:#833f4e;border:2px solid #833f4e;}


/* LEFT COLUMN
---------------------------------------------*/
#leftNavWrap {}
#leftNavWrap .social {display:none;}

.leftNav {font-family:Questrial;font-size:1.250em;}
.leftNav li {margin-bottom:3px;}
.leftNav li a {display:block;padding:10px;background:rgba(255,255,255,0.3);border-radius:3px;color:#000;text-decoration:none;font-weight:400;}
.leftNav li a:hover, .leftNav li.selected a {background:rgba(255,255,255,0.7);}
.leftNav li.selected a:after {content:"\f105";font-family:fontawesome;color:#245e36;float:right;}

.mobileBtn {font-family:Questrial;font-size:1.250em;padding:10px;background:rgba(255,255,255,0.3);border-radius:3px;margin-bottom:3px;cursor:pointer;}
.mobileBtn.active {background:rgba(255,255,255,0.7);color:#778c4b;}


/* BODY ELEMENTS
---------------------------------------------*/
section {position:relative;z-index:5;}

#bodyWrap {margin-bottom:85px;}
#bodyWrap .row {padding:35px 0;}

.articleWrap {background:rgba(255,255,255,0.6);border-radius:3px;padding:20px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);}

form {margin-top:20px;}

label.required:after {font-family:fontawesome;content:'\f069';margin-left:7px;color:#833f4e;}
label.error:after, label.error {color:#aa0000;}
input[type="text"].error, textarea.error {border:1px solid #aa0000;}

.embed-container-mobile {display:none;}
.embed-container, .embed-container-mobile { position: relative; padding-bottom: 56.25%; height: 0; overflow: auto; max-width: 100%; }
.embed-container-mobile { padding-bottom: 150%; }
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container-mobile iframe, .embed-container-mobile object, .embed-container-mobile embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* RIGHT COLUMN
---------------------------------------------*/


/* Footer Elements 
---------------------------------------------*/
footer {border-top:2px solid #245e36;padding:30px 0;text-align:center;line-height:normal;font-weight:700;background:url(images/bkg-body.jpg);background-size:400px 396px;position:fixed;bottom:0;width:100%;z-index:10;}
footer br {display:none;}


/*
---------------------------------------------
---------------------------------------------
   MEDIA QUERIES
---------------------------------------------
---------------------------------------------
*/

/* =============================================================================
   Desktop Only
   ========================================================================== */
@media (min-width: 1024px) {
}

/* =============================================================================
   Tablet Only
   ========================================================================== */
@media (min-width: 700px) and (max-width: 1023px) {
	.social {margin-top:25px;}
	.social li {margin-left:15px;}

	#bodyWrap {background-size:contain;}
	footer {font-size:0.875em;}
}

/* =============================================================================
   Tablet And Under
   ========================================================================== */
@media (max-width: 1023px) {
	textarea {width:100%;}
}

/* =============================================================================
   Mobile Only
   ========================================================================== */
@media (max-width: 699px) {
	body{background-image:none!important;}
	input[type="file"] {width: 100%;}
	input[type="datetime-local"] {max-width:240px;display:block;}
	img.left, img.right {float:none!important;margin:0 auto 20px auto;display:block;}
	
	h1 {font-size:1.750em;}
	h2 {font-size:1.550em;}
	h3 {font-size:1.375em;}

	#bodyWrap {background:none;margin-bottom:0;}
	#bodyWrap .row {padding:15px 0 30px 0;}

	#socialNavMobile .social {float:none;margin-top:0;text-align:center;margin-bottom:15px;}
	#socialNavMobile .social li {float:none;margin-left:0;display:inline-block;margin:0 3px;}
	#socialNavMobile .social li a {font-size:1em;line-height:28px;height:30px;width:30px;border:1px solid #778c4b;}
	#socialNavMobile .social li a:hover {border:1px solid #833f4e;}
	
	#leftNavWrap {margin-bottom:12px;}
	#leftNavWrap .social {display:block;}
	
	.leftNav {display:none;}
	
	input[type="text"], textarea, .trigger, .activetrigger, .dropcontainer ul {width:100%!important;}

	footer {background:transparent;position:relative;bottom:auto;width:auto;padding:20px 0;line-height:1.5em;}
	footer br {display:block;}
	footer span {display:none;}
}

@media (max-width: 567px) {
	.embed-container {display:none;}
	.embed-container-mobile {display:block;}
}

/* =============================================================================
   Retina Display Only
   ========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}

/* =============================================================================
   Print Only
   ========================================================================== */
@media print { 
	header, footer, nav { display:none!important; }
	.printHeader {display:block!important;}
}

input[type="text"] {width:250px;max-width:100%;border-radius:5px;border:1px solid #ddd;height:35px;padding-left:5px;padding-right:5px;font-size:0.875em;}

textarea {min-width:60%;max-width:100%;background:#fff;border-radius:5px;border:1px solid #ddd;padding:5px;font-size:0.875em;min-height:100px;}

input[type="submit"], input[type="reset"], input[type="button"], .button, button {min-width:185px;height:35px;display:block;text-align:center;padding:0 10px;line-height:35px;background:#778c4b;border:none;border-radius:5px;font-family:Questrial;font-size:1.125em;text-transform:uppercase;color:#fff;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;}
button:disabled {opacity:.7;}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:hover {background:#833f4e;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;}