.fl {float:left}
.fr {float:right}
.clear {clear:both}

#page-wrapper {
	width:100%;
	max-width:1600px;
	overflow:hidden;
	margin:auto;
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3)
}
#page {background:url(../img/background-texture.jpg) top center repeat-y scroll}
.site-header {
	height: 420px;
	/*width:1600px;*/
	overflow: hidden;
	position: relative;
}
.home .site-header { height: 733px; }
#masthead-inner {width:1170px; margin:auto; z-index: 999; }

.site-branding {width:346px; height:191px; display:block; background:url(../img/mast.png) 0 0 no-repeat; position:relative; left:-40px; float:left; top:-9px; z-index: 999;}
.site-title {
	height:304px;
	height:108px;
	margin:16px auto 0 auto !important;
	text-indent:-10000px;
	background: url(../img/logos/ilnl-mast-logo.png) top center no-repeat;
	position:relative
	}
.site-account { position: absolute; bottom: 30px; width: 100%; text-align: center; }

#mast-social {
	display:block;
	height:70px;
	margin-top:9px;
	margin-bottom:0px;
	position:relative
}
#mast-social .fb_iframe_widget {float:left; margin-right:160px; width: 375px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 8px 8px 8px 8px;
	margin-top: -4px;
}
#mast-social .mast-social-inner {position:relative}
#top-social-links {float:left; position:relative; top:5px; margin-right:10px}
#bottom-social-links {margin: 0 0 15px}
#top-social-links li, #bottom-social-links li { display:inline; margin: 0 8px 0 0}
#menu-top-nav-container {margin:auto; width:1000px}
#menu-top-nav {height:66px; position:relative; background:#252d01; padding: 0 0 0 5px}
#home-slider-shadow {
	background:url(../img/wood-strip-shadow-top.png) bottom center;
	position:absolute;
	width:1600px; height:29px;
	top:704px;
	z-index:1;
	pointer-events: none;
}

.slider-overlay {position:absolute; top:412px; width:70%; min-height:200px; background:rgba(0, 0, 0, 0.7); padding:13px 16px 13px 0px; display: none; /* hide until after slides load */ }
.slider-thumb { float: right; margin-left: 30px; }
.slider-caption { float: right; width: 68%; }
.slider-area { position: absolute; right: 0; bottom: -40px; background:rgba(0, 0, 0, 0.7); padding:5px 10px; }

#site-navigation {height:80px; position:relative; float:left; left:0}

#main {
	margin:auto;
	padding:55px 0 0;
	background:url(../img/bg-main-glow-bottom-large.png) bottom center no-repeat;
	width:1170px
}

.site-subnav {background:#532f0b; height:55px}
.site-subnav ul li {list-style:none; display:inline}
.content-area {width:570px; float:left; margin-right:30px}
.content-activities { width: 100%; float: none; margin: 0; font-family: 'proxima-nova', sans-serif; }
.content-future-activities { width: 100%; float: none; margin: 0; }
.content-full-width { width: 100%; float: none; margin: 0; }
.content-activity {}
.content-report {}
.report-content { float: left; width: 50%; }
#secondary {float:left; width:570px}

.entry-content a { text-decoration: underline; }
.entry-content h1 a,
.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a,
.entry-content h5 a,
.entry-content h6 a {
	text-decoration: none;
}
.entry-content img {border:#fff solid 4px; margin:auto; max-width:562px; position:relative; z-index:1;border:#fff solid 4px;}
/*.entry-content img.fl {margin:0 30px 10px 0}*/
.box {
	width:auto;
	margin: auto;
	display:inline-block;
	float:left;
	clear:none
}
.box.right { float: right; }
.box img { background:#fff; }

/*==================================================
 * Shadow Effect
 * ===============================================*/
.shadoweffect
{
  position: relative;
  margin-bottom:1.5em ;
}
.shadoweffect:before
{
  z-index: 1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 75%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 4px 17px 10px #777;
  -moz-box-shadow: 4px 17px 10px #777;
  box-shadow: 4px 17px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shadoweffect.right:before { left: 35px; }

.em-events-search-text { width: 150px; }
.em-date-input-loc { width: 90px; }
.em-events-search-submit { margin-left: 1em;}
.em-events-search input[type="checkbox"] { margin: 1em 0 0 1em; }
.em-events-search label:nth-of-type(1) input[type="checkbox"] { margin-left: 0; }

#em-wrapper h2 { margin: .75em 0 .5em; }
.event-listing { margin-bottom: 2.0em; /*overflow: hidden;*/ }
.event-header { position: relative; }
.event-title { margin-bottom: .75em; }
.event-title a, .event-title a:visited { display: block; color: #fff; padding: 1em .5em .3em; text-shadow: 1px 1px 2px rgba(0,0,0,.5); }
.event-title a:hover { color: #fff; }
.event-thumb { float: left; width: 20%; }
.event-thumb img { border: #3d3d3b solid 4px; background: #ddd; max-width: 15px; max-width: 170px; }
.event-description { float: left; width: 50%; }
.event-description p { margin-right: 30px; }
.event-meta { float: left; width: 30%; }
.event .event-meta {  float: left; width: 50%; }
.event .event-extra {  }
.event-meta dl, .event-extra dl { margin-bottom: .5em; overflow: hidden; }
.event-meta dt, .event-extra dt { float: left; width: 50%; clear: left; margin: 0 0 .5em; }
.event-meta dd, .event-extra dd { float: left; width: 50%; margin: 0 0 .5em; }
.event-meta p { margin: 0 0 .5em; }
.event-org img { background: none; border: none; width: 50px; height: 50px; float: right; }

.button,
.register { display: inline-block; clear: both; background-color: #26a9e0; color: #fff; padding: .5em; margin: .5em 0;
	font-family: 'Arvo', serif; font-size: 1.25em; text-shadow: 1px 1px 2px rgba(0,0,0,.5); }
.button:hover,
.button:visited,
.register:visited { color: #fff; }
	.button.gform_button { color: inherit; }
.button.reminder-registration-window {
	color: #fff;
	font-size: .85em;
	text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.button.reminder-registration-window-add {
	background-color: #479d36;
}
.button.reminder-registration-window-remove {
	background-color: rgb(255,42,0);
}
.button.waitlist-notification {
	color: #fff;
	text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.button.waitlist-notification-add {
	background-color: #479d36;
}
.button.waitlist-notification-remove {
	background-color: rgb(255,42,0);
}
.button.button-small {
	text-shadow: none;
  box-shadow: none;
  font-size: 1.2rem;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 0;
}
.button.button-green {
	background-color: #479d36;
}
.button.button-red {
	background-color: rgb(255,42,0);
}
.button.activity-volunteer-signup,
.button.activity-volunteer-cancel {
	white-space: nowrap;
}
.button[disabled="disabled"] {
	opacity: .5;
}
.email-friend { background-color: #479d36; }
.waiver { background-color: #479d36; }

.event-registration { float:left; width: 50%; clear: none; }
.event-volunteer { float:left; width: 50%; position: relative; }
#waiver-form { position: absolute; top: 0; right: 0; }
.entry-header { position: relative; }
.content-activity .entry-title { margin-bottom: .75em; display: block; color: #fff; padding: 1em .5em .3em; text-shadow: 1px 1px 2px rgba(0,0,0,.5); font-family: 'proxima-nova', sans-serif; line-height: 1em; }
.irc-led { position: absolute; top: -5px; left: 290px; margin: 0; }
img.icon { border: none; }
img.category-icon { position: absolute; bottom: 5px; right: 5px; margin: 0; border: none; max-width: 125px; }
img.category-icon-small { width: 75px; border: none; }
.search .category-icon { position: relative; float: right; }
.search .area-thumb { position: relative; float: right; max-width: 143px; }

.special-event .event-volunteer { float: none; width: auto; clear: left; }
.fire-watch .event-volunteer { float: none; width: auto; clear: left; }

.em-booking-form-details { width: 100%; padding: 0; }
.em-attendee-fields label { display: block; float: none; width: auto; }
.em-attendee-fields .input-text { float: left; clear: none; }
.input-field-attendee_name { width: 60%; }
.input-field-attendee_age { width: 40%; }
#attendee_age { width: 3em; }

button.volunteer,
input.em-booking-submit { display: block; clear: both; background-color: #26a9e0; color: #fff; padding: .5em; margin: .5em 0;
	font-family: 'Arvo', serif; font-size: 1.25em; text-shadow: 1px 1px 2px rgba(0,0,0,.5); }

/* The left ribbon */
#menu-top-nav::before {
	background:url(../img/nav-bg-left.png) 0 0 no-repeat;
	width: 11px;
	height:66px;
	left:-11px;
	position:absolute;
	display:block;
	content:'';
}

#menu-top-nav::after {
	background:url(../img/nav-bg-right.png) 0 0 no-repeat;
	width: 74px;
	height:80px;
	right:-74px;
	position:absolute;
	display:block;
	content:'';
}

#site-navigation ul li {list-style:none; display:inline}


.site-subnav {margin:auto; overflow:hidden}
.home .site-subnav {
	height:62px;
	padding-top:26px;
	background:url(../img/wood-strip.jpg) top center no-repeat;
	-webkit-box-shadow: 0 7px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 7px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 7px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset
}
.site-subnav ul {width:1170px; position:relative; margin:auto; padding-top:10px; height:44px}
.site-subnav ul li {margin-right: 30px}

.widget-map p { width:85%; padding:1em 0 0 2em}
.widget.widget-map:first-child {margin-top:-90px; background: none}
.home .widget.widget-map:first-child { margin-top: -80px; }
aside.widget {background:url(../img/bg-widget-shadow-top-medium.png) top center no-repeat, url(../img/bg-widget-shadow-bottom-medium.png) bottom center no-repeat; padding:20px 0 0}
aside div.item { float:left; background:url(../img/widget-item-shadow.png) bottom center no-repeat; padding-bottom:40px; min-width:280px}
aside div.item img {margin:auto; display: block;}

.widget_em_widget > ul { list-style: none; margin: 1em 0 1em 1.5em; }
.widget_em_widget > ul > li { list-style: none; margin: .5em 0; }
.all-events-link { font-size: 1.2em; }

.avatar {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

#base {background: url(../img/bg-base-shadow-top-medium.png) top center no-repeat; width:100%; overflow:hidden; margin:auto; text-align:center; padding:40px 0 0 }
#menu-bottom-nav {width:550px; margin:0 auto 20px auto; background:url(../img/bg-base-shadow-top-small.png) top center no-repeat; padding:24px 75px 0 }
#menu-bottom-nav li {display:inline;}
/*#base #slider {width:1170px; height:270px; margin:0 auto 24px auto; background:#2e2827}*/
.site-footer {width:1300px; height:37px; padding-top:40px; background:url(../img/footer-background.png) top center no-repeat; overflow:hidden; text-align:center; margin:auto}

/* bxslider overrides */
.bxslider-home { margin:0 !important; padding:0 !important; position: absolute; } /* margin/padding to correct ul offset from typography.css */
.bxslider-home img { max-width: 1600px; }
.bxslider-header { margin:0 !important; padding:0 !important; position: absolute; }
.bxslider-header img { max-width: 1600px; }
.bxslider-footer { margin: 0 !important; padding: 0 !important; }
.bxslider-widget { margin: 20px 0 20px 0 !important; padding: 0 !important; list-style: none; }
.home .bx-viewport {
	height: auto!important;
}
.site-base .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #2e2827;
	border: solid #2E2827 15px;
	left: -15px; /* border offset */
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #59514f;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fd7e01 !important;
}

.site-header .bx-wrapper {margin-top:0 !important; position:absolute !important; width: 1600px; }
.site-header .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0;
}
.site-header .bx-pager, header .bx-controls-auto {
	bottom:15px !important;
	z-index:1
}
.site-header .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	width: 24px;
	height: 24px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

aside.widget {
	padding: 1em 2em 2em;
}

.widget_slider { visibility: hidden; }
.widget_slider .bx-wrapper .bx-viewport {
	background: transparent;
	border: none;
	box-shadow: none;
	left: 0;
}
.widget_slider h1 { clear: none; }
.widget_slider p {  }
.widget_slider .fb-like-box {
	background:url(../img/widget-item-shadow.png) bottom center no-repeat; padding-bottom:20px; margin-bottom:40px;
	float: right;
	margin-left: 30px;
}
.widget #facebook-connect li {display:inline; }
.widget .fb_iframe_widget iframe {background: rgba(255, 255, 255, 0.6) }

/* reset webkit search input browser style */
input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
/* reset webkit search input browser style */
input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

input[type=search] {
	background: #ededed url(../img/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	width: 55px;

	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #6dcff6;

	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* placeholder */
input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

/* input */

#searchform input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
	float:left
}
#searchform input[type=search]:hover {
	background-color: #fff;
}
#searchform input[type=search]:focus,
.site-content #searchform input[type=search].expanded {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
.site-content #searchform input[type=search].expanded { width: 300px; }
#searchform input:-moz-placeholder {
	color: transparent;
}
#searchform input::-webkit-input-placeholder {
	color: transparent;
}
/* end search input field */

/* home strip sign up and emma overrides */

#subnav form {float:right; margin-right: 165px; position:relative}

#subnav .gfield_label { display: none; }

#subnav .gform_body input {
   border: 1px solid #fce9d3;
   background: #fff;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   color: #ccc;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:8px;
   padding-left:20px;
   margin-bottom:20px;
   width:150px;
   font-family:"MS Serif", "New York", serif; font-style:italic;
   font-size:18px
}

#subnav .gform_footer input[type="submit"] { display: block; clear: both; background: #dd3622; color: #fff; padding: .5em; margin: 0;
	font-family: 'Arvo', serif; font-size: 1.25em; text-shadow: 1px 1px 2px rgba(0,0,0,.5); border: 1px solid #dd3622;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5),
				inset 0 15px 17px rgba(221, 68, 36, 0.5),
				inset 0 -8px 12px rgba(0, 0, 0, 0.5);
}
#subnav .gform_footer input[type="submit"]:hover {
	border: 1px solid #dd3622;
	box-shadow: inset 0 8px 12px rgba(0, 0, 0, 0.5),
				inset 0 15px 17px rgba(221, 68, 36, 0.5),
				inset 0 -1px 0 rgba(0, 0, 0, 0.5);
}

#subnav .gform_wrapper { margin: 0; }
#subnav .gform_body { float: left; width: auto; }
#subnav .gform_footer { float: left; clear: none; padding: 0; margin: 0; }
#subnav .gform_wrapper ul { float: right; width: auto; padding: 0; }
#subnav .gform_wrapper ul li.gfield { clear: none; float: left; margin-right: 1em; margin-top: 0; padding: 0!important; }
#subnav .gform_wrapper .top_label div.ginput_container { margin-top: 0; }
#subnav .gform_wrapper ul li.gfield:nth-child(3) input { width: 180px; }
#subnav .gform_validation_container { display: none; }

#subnav .validation_error { display: none; }
#subnav .gform_wrapper li.gfield.gfield_error { border: none; background-color: inherit; padding: 0 !important; margin: -11px 0 0 0; width: auto; }
#subnav .gform_wrapper li.gfield.gfield_error input { background-color: #FFDFE0; }
#subnav .gform_wrapper li.gfield.gfield_error:nth-child(3) { margin-right: 1em; width: 210px; }

#subnav .gform_confirmation_message { text-align: right; margin-right: 165px; color: #fff; font-family: 'Arvo', serif; font-size: 1.25em; text-shadow: 1px 1px 2px rgba(0,0,0,.5) }

#subnav .form-field,
.e2ma_signup_form_element input {
   border: 1px solid #fce9d3;
   background: #fff;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   color: #ccc;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:8px;
   padding-left:20px;
   margin-bottom:20px;
   width:100px !important;
   font-family:"MS Serif", "New York", serif; font-style:italic;
   font-size:18px
}
#subnav .form-field:focus,
.e2ma_signup_form_element input:focus {
   background: #fff;
   color: #967d37;
}
#subnav .gform_footer {
	width: auto;
}
#id_email { width: 180px; }

#emma-form { width: 100% !important; }
ul#emma-form-elements li.emma-form-row { margin-bottom: 15px !important; }

.notice {
	margin: 1em 0;
	background-color: lightcyan;
	border: 1px solid lightblue;
	border-radius: 5px;
	padding: 1em 1em 0;
}
.notice p { margin: 0 0 1em; }
.notice.success {
	background-color: mintcream;
	border: 1px solid lightgreen;
}
.notice.warning {
	background-color: lightgoldenrodyellow;
	border: 1px solid yellow;
}
.notice.error {
	background-color: lightpink;
	border: 1px solid lightcoral;
}

.diagonal-lines {
	background-color: #fd7e01; /* default */
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
						color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
						color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
						color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
 						to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
						transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
						transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
						transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
						transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
						transparent 75%, transparent);
	background-size: 30px 30px;
}

#map { background: transparent url(../img/bx_loader.gif) no-repeat center center; }

/* my-activities page */
.content-activities #waiver_view,
.content-activities #edit_event {
	margin-bottom: 5px;
}
.content-activities .reserve-area { width: 200px; }

#registrations .em-bookings-cancel,
#registrations a.cancel-attendee {
	text-decoration: none;
	margin: 0;
}
#registrations .em-bookings-cancel:active, #registrations .em-bookings-cancel:focus,
#registrations a.cancel-attendee:active, #registrations a.cancel-attendee:focus {
	color: #fff;
}

#dbem-bookings-table .top td {
	border-bottom: none;
}
#dbem-bookings-table .bottom td {
	text-align: left;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* account page */
/* there may be a bug with gform showwing the suffix field, even if it is turned off in the form editor */
#input_3_3_8_container {
	display: none;
}
/* sidebar account */
.account-meta ul.circle {
	list-style: circle;
}

/* login form */
#loginform {}
#loginform label { display: block; }
.login-username {}
.login-username label {}
.login-username .input {}
.login-password {}
.login-password label {}
.login-password .input {}
.login-remember {}
.login-remember label {}
.login-remember input[type="checkbox"] {}
.login-submit {}
.login-submit .button-primary {}

/* shims */
.lt-ie9 #top-social-links li { display: inline-block; }
.lt-ie9 .slider-overlay,
.lt-ie9 .slider-area {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; /* IE8 */
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);   /* IE6 & 7 */
	      zoom: 1;
}
.lt-ie9 .slider-link,
.lt-ie9 .slider-link:visited { font-family: serif; }

/* request activity form */
.page-id-245 #acf-volunteer_spaces .chzn-container.chzn-container-multi {
	max-width: 200px;
}

/* OC Parks Overrides */
.oc-parks #page-wrapper, .oc-parks #page {
	background: #fff;
}

.oc-parks .site-branding {
	background: url(../img/ocp/mast-ocp.png) 0 0 repeat-x;
}
	.oc-parks .site-title {
		background: url(../img/ocp/ocp-logo.png) center top no-repeat;
		display: block;
		width: 300px;
		height: 90px;
		margin: 20px auto 0 !important;
	}
	.oc-parks .site-title a {
		height: 90px;
	}

.oc-parks .site-account,
.oc-parks .site-account a {
	color: #fff;
}
	.oc-parks .site-account a:hover {
		color: #fedea4;
	}

.oc-parks #site-navigation {
	display: none;
}
.oc-parks .fb-like-box {
	display: none;
}
.oc-parks #mast-social-inner {
	margin-left: 956px;
}
.oc-parks #top-social-links,
.oc-parks #bottom-social-links {
	display: none;
}

.oc-parks .site-subnav {
	background-color: #9fa374;
}
	.oc-parks .site-subnav a {
		color: #fff;
	}
	.oc-parks .site-subnav .current_page_item a {
		color: #fedea4;
	}
	.oc-parks .site-subnav a:hover,
	.oc-parks .site-subnav a .current_page_top_item, .oc-parks .site-subnav .current_page_parent a,
	.oc-parks .site-subnav .current_page_item a:hover, .oc-parks .site-subnav .current_page_parent a:hover, .oc-parks .site-subnav a:hover .current_page_top_item {
		color: #fedea4;
	}
	.oc-parks .site-subnav .current_page_item a {
		background: none;
	}

.oc-parks .site-base {
	display: none;
}

/* front-end survey */
div.survey-results { width: 970px; margin: 0 auto; padding: 10px 0; }
div.survey-results h2 { padding-bottom: 0.5em; line-height: 1.2em; font-size: 24px; letter-spacing: 0px }
div.survey-results h2 span { font-size: 20px; }
div.survey-results h3 { border-top: 1px solid #000; line-height: 1.2em; font-size: 22px; font-weight: bold; margin: 20px 0 0 0; padding: 10px 0; letter-spacing: 0px }
div.survey-results h4 { color: #707070; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-size: 15px; margin: 10px 0; letter-spacing: 0px }
div.survey-results p { color: #707070; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-size: 13px; margin: 10px 0; }
div.survey-results ul { color: #707070; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-size: 13px; margin: 10px 0 10px 17px; }
div.survey-results ul li { line-height: 1.5em; }

div.survey-results #ratings {
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
	border-bottom: 1px solid silver;
	margin-bottom: 40px;
}
	div.survey-results #ratings tr td {
		border-right: 1px solid silver;
		border-top: 1px solid silver;
	}
	div.survey-results #ratings td {
		color: #707070;
		font-size: 12px;
		text-align: center;
		vertical-align: middle;
		overflow: hidden;
		padding: 3px;
		border: 0;
	}
		div.survey-results #ratings td:first-child {
			border-left: 1px solid silver;
		}
		div.survey-results #ratings td.green {
			background-color: rgb(98,249,98);
		}
		div.survey-results #ratings td.light-green {
			background-color: rgb(176,252,176);
		}
		div.survey-results #ratings td.white {
			background-color: rgb(255,255,255);
		}
		div.survey-results #ratings td.light-red {
			background-color: rgb(255,170,170);
		}
		div.survey-results #ratings td.red {
			background-color: rgb(255,42,0);
		}

div.survey-results .list {
	padding-left: 10px;
	display: none;
	vertical-align: top;
}

/* hellobar overrides */
#hellobar-wrapper {
	height: auto;
	z-index: 1000;
}
#hellobar-container {
	height: auto!important;
}
#hellobar-content {
	padding: 1em 2em;
	font-size: 18px;
	line-height: 1.5;
}

/* modal */
.modal {
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
	z-index: 999999;
}
.modal__container {
  background-color: #fff;
  padding: 30px;
  max-width: 98%;
  max-height: 90vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
	text-align: left;
}
.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.25;
  color: #fd7e01;
  box-sizing: border-box;
}
.modal__close, .modal__close:active, .modal__close:focus {
  background: transparent;
  border: 0;
	box-shadow: none;
	outline: none;
	text-shadow: none;
	font-size: 2rem;
	padding: 0 0 0 1em;
}
.modal__header .modal__close:before { content: "\2715"; }
.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0,0,0,.8);
}
.modal__btn {
	font-family: 'proxima-nova', sans-serif;
  font-size: 18px;
  padding: .5em;
  background-color: #26a9e0;
  color: #fff;
  border-radius: 0;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
	outline: none;
	box-shadow: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
	text-decoration: underline;
}
.modal__btn:focus, .modal__btn:hover {
	outline: none;
	box-shadow: none;
}
.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

@media (min-width: 1200px) {
	.modal__container {
	  max-width: 75%;
	}
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}
.micromodal-slide {
  display: none;
}
.micromodal-slide.is-open {
  display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}