/**
 * Gel 5.3
 * Main Gel Stylesheet
 * @file_version 5.3.0 - T r76
 * @modified 2022-07-05 by Grant Mosier
 */

/*
font-family: "Futura PT", "futura-pt", Futura, Arial, sans-serif
Dark Blue: #143255 rgb(20, 50, 85)
Medium Blue: #005695 rgb(0, 86, 149)
Light Blue: #6E91BF rgb(110, 145, 191)
Dark Green: #5E9321 rgb(94, 147, 33)
Medium Green: #74B535 rgb(116, 181, 53)
Light Green: #86C54F rgb(134, 197, 79)
Black: #222 rgb(34, 34, 34)
Dark Red: #A70A0A
*/

body * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (min-width: 750px) {
    body *, body *:before, body *:after {
        -moz-transition: background-color .4s ease, color .4s ease, fill .4s ease, border-color .4s ease;
        -webkit-transition: background-color .4s ease, color .4s ease, fill .4s ease, border-color .4s ease;
        transition: background-color .4s ease, color .4s ease, fill .4s ease, border-color .4s ease;
    }
}
.body {
	background-image: url(/images/user_images/backgrounds/index.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}
.events, .labs {
	background-image: url(/images/user_images/backgrounds/events.jpg);
}
.careers {
	background-image: url(/images/user_images/backgrounds/careers.jpg);
}
.sponsorship {
	background-image: url(/images/user_images/backgrounds/sponsorship.jpg);
}
.about {
	background-image: url(/images/user_images/backgrounds/about.jpg);
}
.news {
	background-image: url(/images/user_images/backgrounds/news.jpg);
}
.information {
	background-image: url(/images/user_images/backgrounds/information.jpg);
}
.vendors {
	background-image: url(/images/user_images/backgrounds/vendors.jpg);
}
@media screen and (max-width: 1000px) and (max-height: 800px) {
	.body {
		background-image: url(/images/user_images/backgrounds/index-md.jpg);
	}
	.events, .labs {
		background-image: url(/images/user_images/backgrounds/events-md.jpg);
	}
	.careers {
		background-image: url(/images/user_images/backgrounds/careers-md.jpg);
	}
	.sponsorship {
		background-image: url(/images/user_images/backgrounds/sponsorship-md.jpg);
	}
	.about {
		background-image: url(/images/user_images/backgrounds/about-md.jpg);
	}
	.news {
		background-image: url(/images/user_images/backgrounds/news-md.jpg);
	}
	.information {
		background-image: url(/images/user_images/backgrounds/information-md.jpg);
	}
	.vendors {
		background-image: url(/images/user_images/backgrounds/vendors-md.jpg);
	}
}
@media screen and (max-width: 1000px) {
	h1, .h1 {
		font-size: 3.5em;
	}
	h2 {
		font-size: 2.6em;
	}
	.content-o .button {
		width: 47.5%;
		margin-right: 4%;
	}
	.content-o .button:nth-of-type(even) {
		margin-right: 0;
	}
	.button.sidebar-button-icon {
		float: left;
	}
	.button.sidebar-button-icon:last-of-type {
		clear: right;
		margin-bottom: 2em;
	}
	.narrow {
		text-align: left;
	}
	.two-column {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
}
@media screen and (max-width: 750px) {
	.body {
		position: relative;
		background: #FFF;
	}
	.body:after {
		display: none;
	}
	h1, .h1 {
		font-size: 2.4em;
		margin-bottom: 1em;
	}
	h2 {
		font-size: 1.8em;
	}
	h3 {
		font-size: 1.5em;
	}
	h4 {
		font-size: 1.25em;
	}
	h5 {
		font-size: 1.15em;
	}
	p {
		font-size: .9em;
	}
	ol, ul {
		font-size: 1em;
	}
	ol {
		margin-left: 2.25em;
	}
	input[type="submit"],
	input[type="button"],
	.content-o .button {
		width: 100%;
		font-size: 1em;
	}
	.content-o .button + .button {
		margin-top: .25em;
	}
	.sidebar-button-icon {
		float: none;
	}
}

/******************************/
/* DEFAULT STYLES */
.required, .warning {
	color: #5E9321;
	line-height: 1em;
}
.nowrap {
	white-space: pre;
}
#checkbox-katchu {
	display: none;
	visibility: hidden;
	height: 1px;
	overflow: hidden
}
.toggle-i {
	display: none;
}
.positive {
	color: #5E9321;
}
.negative {
	color: #A70A0A;
}

/******************************/
/* PAGE HEADER */
body > svg {
	display: none;
}
.header-o {
	width: 100%;
	margin: auto;
	padding: 0;
	border-top-color: #143255;
	border-top: 7px solid rgba(20, 50, 85, .9);
}
.header-i {
	margin: 0 auto;
	padding: 0 calc(50vw - 600px);
	background-color: #FFF;
	background-color: rgba(255, 255, 255, .8);
}
.header-logo {
	display: inline-block;
}
.header-logo svg {
	width: 18.5em;
	height: 5em;
	margin-bottom: -.4em;
	opacity: 1;
	mix-blend-mode: multiply;
}
.header-shrm {
	float: right;
	width: 4.25em;
	margin-top: .85em;
	margin-left: 1.25em;
}
.button.header-button {
	float: right;
	margin: 1.25em 0 0 1em;
	background: #86C54F;
}
.button.header-button:hover,
.header-login:hover .header-button,
.header-show .header-button {
	background: #005695;
}
.header-login {
	float: right;
	position: relative;
}
.header-cart, .header-notifications {
	float: right;
	position: relative;
	margin: 1.7em .25em 0 1em;
}
.header-cart svg {
	width: 1.78em;
	height: 1.56em;
	cursor: pointer;
}
.cart-number, .noti-number {
	position: absolute;
	top: -.25em;
	right: -.5em;
	width: 1.5em;
	height: 1.5em;
	padding-top: .1em;
	background-color: #005695;
	border-radius: 50%;
	color: #FFF;
	font-size: .6em;
	text-align: center;
	font-style: normal;
}
.header-cart:hover .cart-number,
.header-notifications:hover .noti-number {
	background-color: #74B535;
}
.header-notifications svg {
	width: 1.26em;
	height: 1.56em;
	cursor: pointer;
}
.header-cart:hover svg *,
.header-notifications:hover svg *,
.header-cart.header-show svg *,
.header-notifications.header-show svg * {
	fill: #005695;
}
.header-dropdown-i {
	display: none;
	position: absolute;
	top: 3.55em;
	right: 0;
	z-index: 4;
	width: 12.5em;
	padding: 1.75em 1em 0;
	background: #005695;
	color: #FFF;
}
.header-cart .header-dropdown-i,
.header-notifications .header-dropdown-i {
	top: 2.1em;
}
.close {
	position: absolute;
	top: 0;
	right: 1em;
	color: #FFF;
	cursor: pointer;
}
.close:hover {
	color: #c9c9c9;
}
.header-notifications p {
	line-height: 1.4em;
}
.header-dropdown-i p + p {
	padding-top: 1em;
	border-top: 1px solid rgba(255, 255, 255, .5);
}
.header-dropdown-i .create-account {
	margin-top: -1em;
}
.header-login input {
	width: 100%;
	margin: 0 0 1em;
}
.header-login input[type="text"],
.header-login input[type="password"] {
	background: #FFF;
}
.header-login input[type="text"]:hover,
.header-login input[type="password"]:hover {
    background: #F6F6F6;
}
.header-login input[type="text"]:focus,
.header-login input[type="password"]:focus {
    background: #EDEDED;
}
.header-dropdown-i input[type="submit"],
.header-dropdown-i .button {
	width: 100%;
	margin-right: 0;
	background: #143255;
}
.header-login input[type="submit"]:hover,
.header-login .header-login-i .button:hover {
	background: #86C54F;
	color: #FFF;
}
.header-login p {
	color: #FFF;
	line-height: 1.5em;
}
.header-link-sm {
	display: block;
	margin: -.5em 0 1.5em;
	color: #FFF;
	font-size: .8em;
}
.header-link-sm:hover {
	color: #74B535
}
input.recipe {
	font-size: .8em;
	margin: 0 1.25em 1.25em 0;
	padding: .75em 1.2em 1em;
}
input.recipe::-webkit-input-placeholder {
	font-size: 1.25em;
	letter-spacing: 0;
}
input.recipe::-moz-placeholder {
	font-size: 1.25em;
	letter-spacing: 0;
}
input.recipe:-ms-input-placeholder {
	font-size: 1.25em;
	letter-spacing: 0;
}
.header-name {
	position: relative;
	width: 100%;
	padding-left: calc(50vw - 575px);
	color: #FFF;
	font-size: 1.05em;
}
.header-name:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #143255;
	background: rgba(20, 50, 85, .99);
	mix-blend-mode: multiply;
}
.header-name p {
	margin: 0;
}
.social-media {
	position: fixed;
	top: 15.75em;
	left: 0;
	z-index: 100;
	padding: .25em 1em;
	background-color: #143255;
	background: rgba(20, 50, 85, .9);
}
.social-media svg {
	display: block;
	margin: 1em auto;
	-moz-transition: opacity .4s ease;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease;
}
.social-media svg:hover {
	opacity: .7;
}
.social-media .facebook svg {
	width: .825em;
	height: 1.55em;
}
.social-media .twitter svg {
	width: 1.5em;
	height: 1.2em;
}
.social-media .instagram svg {
	width: 2em;
	height: 2em;
}
.social-media .linkedin svg {
	width: 1.3em;
	height: 1.25em;
}
@media screen and (max-width: 1400px) {
	.social-media {
		top: 20em;
		font-size: .7em;
	}
}
@media screen and (max-width: 1350px) {
	.header-i {
		padding: 0 5%;
	}
	.header-name {
		padding-left: calc(5% + 1.4em);
	}
}
@media screen and (max-width: 1250px) {
	.social-media {
		display: none;
	}
}
@media screen and (max-width: 1150px) {
	.header-logo svg {
		width: 14em;
		height: 3.8em;
	}
	.button.header-button {
		margin-top: .9em;
		font-size: .9em;
	}
	.header-shrm {
		width: 3em;
	}
	.header-cart, .header-notifications {
		margin-top: 1.15em;
	}
	.header-name {
		height: .5em;
	}
	.header-name p {
		display: none;
	}
}
@media screen and (max-width: 950px) {
	.button.header-button {
		margin-top: 1.25em;
		padding: .5em;
		font-size: .8em;
	}
	.header-shrm {
		width: 2.5em;
		margin-top: 1em;
	}
	.header-cart, .header-notifications {
		margin-top: 1.6em;
		font-size: .8em;
	}
}
@media screen and (max-width: 850px) {
	.header-o {
		margin-top: -6.5em;
	}
	.header-logo  {
		display: block;
	}
	.header-logo svg {
		display: block;
		width: 18.5em;
		height: 5em;
		margin: 0 auto -.03em;
	}
	.header-login, .button.header-button,
	.header-o .header-notifications {
		display: none;
	}
	.header-shrm {
		display: none;
	}
	.header-cart {
		display: none;
	}
	.header-name {
		height: 3em;
	}
	.header-name p {
		display: none;
	}
}
@media screen and (max-width: 450px) {
	.header-o {
		margin-top: -5.3em;
	}
	.header-logo svg {
		width: 14em;
		height: 3.8em
	}
}

/******************************/
/* MAIN NAVIGATION */
.header-o nav {
	position: absolute;
	z-index: 3;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.header-o .nav-background {
	background-color: #FFF;
	background: rgba(255, 255, 255, .75);
}
.header-o .nav-main {
	z-index: 2;
	width: 100%;
	height: 3.1em;
	background-color: #005695;
	background: rgba(0, 86, 149, .99);
	mix-blend-mode: multiply;
}
.header-o .nav-secondary {
	z-index: 2;
	width: 100%;
	height: 2.5em;
	background-color: #74B535;
	background: rgba(116, 181, 53, .99);
	mix-blend-mode: multiply;
}
.header-o nav:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}
.header-o .nav-f {
	display: inline-block;
}
.header-o ul.dropdown, .header-o ul.dropdown li, .header-o ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.header-o ul.dropdown {
	position: relative;
	z-index: 597;
	margin: 0;
}
.header-o ul.dropdown li {
	float: left;
	position: relative;
	z-index: 598;
	padding: 1em 0;
}
.header-o ul.dropdown > li {
	margin-bottom: -.45em;
}
.header-o ul.dropdown > li:first-child {
	margin-left: 0;
}
.header-o ul.dropdown .nav-about {
	clear: both;
}
.header-o ul.dropdown .nav-sponsorship a {
	border: none;
}
.header-o ul.dropdown li.hover, ul.dropdown li:hover {
	position: relative;
	z-index: 599;
}
.header-o ul.dropdown ul {
	display: none;
	position: absolute;
	top: 96%;
	left: 0;
	z-index: 598;
	width: 15em;
}
.header-o ul.dropdown ul li {
	float: none;
	text-align: left;
}
.header-o ul.dropdown ul ul {
	top: 1px;
	left: 99%;
}
.header-o ul.dropdown li a {
	display: block;
	padding: 0 1.25em;
	border-right: 2px solid #FFF;
	color: #FFF;
	text-transform: uppercase;
	font-style: normal;
	font-size: 1.25em;
	line-height: 1em;
}
.header-o ul.dropdown .subnav > a {
	padding: 0 1.5em;
	font-size: 1em;
}
.header-o ul.dropdown li:nth-last-child(3) a {
	border-right: none;
}
.header-o ul.dropdown li ul {
	padding: 0;
	margin: 0 0 0 1px;
	border-bottom: none;
	text-align: left;
}
.header-o ul.dropdown li ul li {
	display: block;
	font-weight: normal;
	padding: 0;
	background-color: #005695;
	background: rgba(0, 86, 149, .9);
}
.header-o ul.dropdown .subnav ul {
	top: 94%;
}
.header-o ul.dropdown .subnav ul li {
	background-color: #74B535;
	background: rgba(116, 181, 53, .9);
	font-size: .9em;
}
.header-o ul.dropdown li ul li a {
	padding: 1em;
	display: block;
	float: none;
	border-right: none;
	border-bottom: 1px solid #FFF;
	font-size: 1em;
}
.header-o ul.dropdown li ul li:last-child a {
	border-bottom: none;
}
.header-o ul.dropdown ul li:hover {
	background-color: #6E91BF;
	background: rgba(110, 145, 191, .9);
}
.header-o ul.dropdown .subnav ul li:hover {
	background-color: #86C54F;
	background: rgba(134, 197, 79, .9);
}
.header-o ul.dropdown li ul li ul {
	display: none !important;
}
.nav-payment, .nav-join {
	display: none;
}
@media screen and (max-width: 850px) {
	.nav-background {
		display: none;
	}
}

/* MEANMENU */
.mean-container .mean-bar {
	position: relative;
	width: 100%;
	height: 1em;
	z-index: 999;
	margin-top: 5.5em;
	padding: .2em 0 0;
	color: #FFF;
	font-size: 1em;
	text-align: center;
}
.mean-container a.meanmenu-reveal {
	color: #FFF;
	font-size: 1.4em;
	text-align: center;
	font-style: normal;
	text-transform: uppercase;
}
.mean-container .mean-nav {
	position: absolute;
	width: 100vw;
	margin-top: -.25em;
	padding: 0;
}
.mean-container .mean-nav:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #005695;
	background: rgba(0, 86, 149, .9);
}
.mean-container .mean-nav ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.mean-nav li {
	padding: 0;
}
.mean-container .mean-nav ul li a {
	display: block;
	width: 100%;
	margin: 0;
	padding: .4em 0;
	border-top-color: #FFF;
	border-top: 1px solid rgba(255, 255, 255, .5);
	color: #FFF;
	text-align: left;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
}
.mean-container .mean-nav ul li li a {
	visibility: visible;
	width: 100%;
	padding: .7em 10%;
	background: #414042;
}
.mean-container .mean-nav ul li li {
	display: none;
}
.mean-container .mean-push {
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}
.mean-nav .wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 450px) {
	.mean-container .mean-bar {
		margin-top: 4.25em;
	}
}

/* SCROLL FIXED NAV */
.header-scroll {
	display: none;
	position: absolute;
	top: 12.6em;
	z-index: 5;
	width: 100%;
}
.nav-scroll-fixed {
	position: fixed;
	top: 0;
}
.header-scroll-content {
	position: relative;
	z-index: 2;
	width: 100%;
}
.header-scroll-background {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 2.5em;
	background: rgba(20, 50, 85, .95);
}
.header-home {
	position: relative;
}
.header-home svg {
	float: left;
	width: 1.8em;
	height: 2.4em;
	margin: 0 0 0 2.25em;
	opacity: .9;
}
.header-right {
	float: right;
}
.header-right > div {
	float: right;
	position: relative;
	vertical-align: middle;
	margin: 0 2.25em 0 0;
}
.header-right .header-notifications {
	margin-right: 2.5em;
}
.header-scroll .header-notifications svg {
	width: 1.26em;
	height: 2.4em;
	opacity: .9;
}
.header-scroll .header-cart svg {
	width: 1.78em;
	height: 2.4em;
	opacity: .9;
}
.header-scroll .header-cart .cart-number,
.header-scroll .header-notifications .noti-number {
	top: .4em;
	background-color: #9DBAE0;
	color: #143255
}
.header-scroll .header-cart:hover .cart-number,
.header-scroll .header-notifications:hover .noti-number {
	background-color: #6E91BF;
}
.header-lock svg {
	width: 1.12em;
	height: 2.4em;
	opacity: .9;
}
.header-menu svg {
	width: 1.34em;
	height: 2em;
	margin-top: .3em;
	opacity: .9;
}
.header-home:hover svg *,
.header-scroll .header-notifications:hover svg *,
.header-scroll .header-cart:hover svg *,
.header-lock:hover svg *,
.header-menu:hover svg *,
.header-home.header-show svg *,
.header-notifications.header-show svg *,
.header-cart.header-show svg *,
.header-lock.header-show svg *,
.header-menu.header-show svg * {
	cursor: pointer;
	fill: #005695;
}
.header-scroll .header-dropdown-i {
	display: none;
	position: absolute;
	top: 2.5em;
	right: -1em;
	width: 12.5em;
	padding: 1.5em 1em 0;
	background: rgba(0, 86, 149, .95);
}
.header-scroll .header-dropdown-i p {
	color: #FFF;
	line-height: 1.5em;
}
.header-scroll .header-dropdown-i p + p {
	padding-top: 1em;
	border-top: 1px solid rgba(255, 255, 255, .5);
}
.highlight {
	color: #86C54F;
}
.header-dropdown-i input {
	width: 100%;
	margin: 0 0 1em;
}
.header-menu .header-dropdown-i {
	padding: 0;
}
.header-dropdown-i .dropdown {
	list-style: none;
	margin: 0;
	padding: 0;
}
.header-dropdown-i .dropdown li {
	display: block;
	width: 100%;
	text-align: center;
}
.header-dropdown-i .dropdown a {
	display: block;
	margin: 0;
	padding: .35em 0;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	color: #FFF;
	font-style: normal;
	text-transform: uppercase;
}
.header-dropdown-i .dropdown li:last-child a {
	border: none;
}
.header-scroll-i .dropdown a:hover {
	background: #143255;
}
.header-dropdown-i .dropdown li ul,
.header-dropdown-i .dropdown li ul:hover {
	display: none !important;
}
@media screen and (max-width: 1150px) {
	.header-scroll {
		top: 9.7em;
	}
	.nav-scroll-fixed {
		top: 0;
	}
}
@media screen and (max-width: 850px) {
	.header-scroll, .nav-scroll-fixed {
		display: block !important;
		position: absolute;
		top: .4em;
		z-index: 999;
	}
	.header-right .header-lock {
		position: absolute;
		left: 4.5em;
		font-size: 0.8em;
		height: 3em;
		width: 3em;
		display: flex;
		justify-content: center;
	}
	.header-scroll-background, .header-menu {
		display: none;
	}
	.header-lock .header-dropdown-i {
		width: 100vw;
		left: -4.47em;
	}
	.header-scroll .header-home {
		position: absolute;
		font-size: .8em;
	}
	.header-scroll .header-notifications {
		position: absolute;
		right: 0;
	}
	.header-scroll .header-dropdown-i {
		top: 3em;
		right: -2.5em;
		width: 100vw;
	}
	.header-scroll .header-cart {
		display: block;
		position: absolute;
		right: 2.75em;
	}
	.header-right {
		float: none;
	}
}
@media screen and (max-width: 850px) and (min-width: 750px) {
	.header-scroll, .nav-scroll-fixed {
		top: 6em;
	}
}

/******************************/
/* ADMIN MENU */
.admin-menu-container {
	position: fixed;
	z-index: 999;
	width: 100%;
	padding: 10px 0;
}
.admin-menu-color {
	position: fixed;
	z-index: 998;
	width: 100%;
	height: 2.3em;
	background-color: #74B535;
	background: rgba(116, 181, 53, .99);
	mix-blend-mode: multiply;
}
.admin-menu-background {
	position: fixed;
	z-index: 998;
	width: 100%;
	height: 2.3em;
	background-color: #FFF;
	background: rgba(255, 255, 255, .9);
	mix-blend-mode: screen;
}
.admin-menu-container,
.admin-menu-color,
.admin-menu-background {
  -moz-animation: menushow 1s ease-in-out 1 forwards;
  -webkit-animation: menushow 1s ease-in-out 1 forwards;
  animation: menushow 1s ease-in-out 1 forwards;
}
@-moz-keyframes menushow {
	0% { bottom: -4.8em; }
	100% { bottom: 0; }
}
@-webkit-keyframes menushow {
	0% { bottom: -4.8em; }
	100% { bottom: 0; }
}
@keyframes menushow {
	0% { bottom: -4.8em; }
	100% { bottom: 0; }
}
.admin-menu-container.admin-menu-hide,
.admin-menu-hide + .admin-menu-background,
.admin-menu-hide + .admin-menu-background + .admin-menu-color {
  -moz-animation: menuhide 1s ease-in-out 1 forwards;
  -webkit-animation: menuhide 1s ease-in-out 1 forwards;
  animation: menuhide 1s ease-in-out 1 forwards;
}
@-moz-keyframes menuhide {
	0% { bottom: 0; }
	100% { bottom: -4.8em; }
}
@-webkit-keyframes menuhide {
	0% { bottom: 0; }
	100% { bottom: -4.8em; }
}
@keyframes menuhide {
	0% { bottom: 0; }
	100% { bottom: -4.8em; }
}
ul#admin_menu {
	text-align: center;
	width: 100%;
	max-width: 12000px;
	margin: 0 auto;
	display: block;
	float: none;
	padding: 0
}
#admin_menu li {
	list-style: none;
	display: inline;
	line-height: 1em;
}
#admin_menu a {
	padding: 0 1.5em;
	font-size: .8em;
	font-style: normal;
	color: #FFF;
	text-transform: uppercase;
	border-right: 2px solid #FFF;
}
#admin_menu li:last-child a {
	border: none;
}
@media screen and (max-width: 1250px) {
	#admin_menu {
		font-size: .9em;
	}
	#admin_menu a {
		padding: 0 .75em;
	}
}
@media screen and (max-width: 850px) {
	#admin-menu-container {
	background-color: #74B535;
		background: rgba(116, 181, 53, .9);
	}
	.admin-menu-background, .admin-menu-color {
		display: none;
	}
	#admin_menu {
		font-size: .8em;
	}
}
@media screen and (max-width: 750px) {
	.admin-menu-container, .manage-btns-o {
		display: none !important;
	}
}

/******************************/
/* ADMIN MANAGE BUTTONS */
.manage-btns-o {
	position: fixed;
	bottom: 2.3em;
	z-index: 2;
	width: 100vw;
	background: rgba(255, 255, 255, .2);
	text-align: center;
  -moz-animation: buttonshow 1s ease-in-out 1 forwards;
  -webkit-animation: buttonshow 1s ease-in-out 1 forwards;
  animation: buttonshow 1s ease-in-out 1 forwards;
}
@-moz-keyframes buttonshow {
	0% { bottom: -2.5em; }
	100% { bottom: 2.3em; }
}
@-webkit-keyframes buttonshow {
	0% { bottom: -2.5em; }
	100% { bottom: 2.3em; }
}
@keyframes buttonshow {
	0% { bottom: -2.5em; }
	100% { bottom: 2.3em; }
}
.manage-btns-o.admin-menu-hide {
  -moz-animation: buttonhide 1s ease-in-out 1 forwards;
  -webkit-animation: buttonhide 1s ease-in-out 1 forwards;
  animation: buttonhide 1s ease-in-out 1 forwards;
}
@-moz-keyframes buttonhide {
	0% { bottom: 2.3em; }
	100% { bottom: -2.5em; }
}
@-webkit-keyframes buttonhide {
	0% { bottom: 2.3em; }
	100% { bottom: -2.5em; }
}
@keyframes buttonhide {
	0% { bottom: 2.3em; }
	100% { bottom: -2.5em; }
}
.manage-btns-i {
	padding: .5em 0 .6em;
	background: rgba(0, 86, 149, .9);
	mix-blend-mode: multiply;
}
.manage-btns-o input[type="button"] {
	position: relative;
	z-index: 1;
	background: none;
	font-size: .8em;
	margin: 0 0 0 -.35em;
	padding: 0 1.5em;
	border-right: 2px solid #FFF;
}
.manage-btns-o input[type=button]:last-child {
  border: none;
}
@media screen and (max-width: 1000px) {
	.manage-btns-o {
		display: none;
	}
}

/*****************************/
/* PARENT CONTENT CONTAINERS */
.content-o {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}
.content-o:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	background: rgba(255, 255, 255, .9);
}
.content-i {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 2em 0 3em;
}
.content-o:only-of-type .content-i {
	min-height: calc(100vh - 25.35em);
}
@media screen and (max-width: 1350px) {
	.content-i-i {
		width: 100vw;
		margin-left: -5vw;
		padding: 3em 5vw;
	}
}
@media screen and (max-width: 1000px) {
	.content-o {
		padding: 0 10%;
	}
	.content-i {
		width: 100%;
	}
	.content-i-i {
		margin-left: -10vw;
		padding: 3em 10vw;
	}
}
@media screen and (max-width: 850px) {
	.content-o {
		margin-top: 0;
	}
}
@media screen and (max-width: 750px) {
	.content-i-i {
		background-color: rgb(225, 225, 225);
	}
	.green:after, .d-blue:after, .m-blue:after, .black:after {
		display: none;
	}
	.green {
		background-color: #86C54F;
	}
	.d-blue {
		background-color: #143255;
	}
	.m-blue {
		background-color: #005695;
	}
	.black {
		background-color: #222;
	}
}

/******************************/
/* CHILD CONTENT CONTAINERS */
/* full one column */
div.page-column-full {
	width: 100%;
}
/* two-column, sidebar on left */
div.page-column-full-sl {
	width: 60%;
	float: right
}
div.page-column-sl {
	width: 30%;
	float: left
}
/* two-column, sidebar on right */
div.page-column-full-sr {
    width: calc(100% - 22em);
	float: left;
}
div.page-column-sr {
    width: 18em;
	float: right
}
/* three-column */
div.page-column-full-sb {
	width: 50%;
	margin-left: 20%;
	padding: 0 4%;
	float: left
}
div.page-column-slb {
	width: 20%;
	margin-left: -78%;
	float: left;
}
div.page-column-srb {
	width: 20%;
	float: right
}
@media screen and (max-width: 1000px) {
	/* two-column pages go full width */
	div.page-column-full-sl,
	div.page-column-sl,
	div.page-column-full-sr,
	div.page-column-sr {
		float: none;
		width: 100%;
	}
	div.page-column-sr, div.page-column-sl {
		margin-bottom: 2em
	}
	/* three-column */
	div.page-column-full-sb {
	width: 62%;
	margin: 0;
	padding: 0 0 0 8%;
	float: right;
	}
	div.page-column-slb {
	margin: 0;
	width: 30%;
	}
	div.page-column-srb {
	width: 100%;
	float: left;
	}
}
@media screen and (max-width: 700px) {
	/* three-column */
	div.page-column-full-sb {
	width: 100%;
	padding: 0;
	margin-bottom: 2.5em
	}
	div.page-column-slb {
	margin: 0;
	width: 46%;
	}
	div.page-column-srb {
	width: 46%;
	float: right;
	}
}
@media screen and (max-width: 500px) {
	/* three-column */
	div.page-column-slb,
	div.page-column-srb {
	width: 100%;
	}
	div.page-column-slb { margin-bottom: 2.5em }
}

.sidebar-image {
	display: block;
	margin: 1em auto 1.5em;
}
.sidebar-block-image {
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 1.5em auto 2em;
}
*:first-child > .sidebar-block-image {
	margin-top: .5em;
}

/* BACK TO TOP */
.scrollToTop {
	display: none;
	position: fixed;
	right: 2em;
	bottom: 2em;
	z-index: 5;
	padding: .25em 1em;
	background: rgba(0, 86, 149, .5);
	color: #FFF;
	font-style: normal;
	text-transform: uppercase;
	cursor: pointer;
}
.scrollToTop:before {
	content: "";
	position: absolute;
	top: -.84em;
	left: calc(50% - 15px);
	width: 0;
	height: 0;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-bottom: 15px solid rgba(0, 86, 149, .5);
}
.scrollToTop:hover {
	background: rgba(0, 86, 149, .9);
	color: #FFF;
}
.scrollToTop:hover:before {
	border-bottom-color: rgba(0, 86, 149, .9);
}
@media screen and (max-width: 1450px) {
	.scrollToTop {
		font-size: .9em;
		right: 1em;
		bottom: 1em;
	}
	.scrollToTop:before {
		top: -.75em;
		left: calc(50% - 12px);
		border-width: 12px;
	}
}
@media screen and (max-width: 1375px) {
	.scrollToTop {
		width: 2em;
		height: 2em;
		padding: 0;
		background: #005695;
		border-radius: 50%;
		color: #005695;
		overflow: hidden;
	}
	.scrollToTop:before {
		content: "";
		position: absolute;
		top: .6em;
		left: .575em;
		width: 10px;
		height: 10px;
		border: none;
		border-top: 3px solid #FFF;
		border-right: 3px solid #FFF;
		border-radius: 1px;
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.scrollToTop:after {
		content: "";
		position: absolute;
		top: .6em;
		left: .93em;
		width: 3px;
		height: 16px;
		background: #FFF;
		border-radius: 1px;
	}
	.scrollToTop:hover {
		background: #74B535;
		color: #74B535;
	}
}
@media screen and (max-width: 750px) {
	.scrollToTop {
		font-size: .8em;
	}
	.scrollToTop:before, .scrollToTop:after {
		top: .5em;
	}
}
@media screen and (max-width: 500px) {
	.scrollToTop {
		right: .5em;
		bottom: .5em;
	}
}

/* BOX CONTAINER */
.box {
	position: relative;
  margin: 2em 0;
  padding: 2em;
}
.box:first-child {
	margin-top: .75em;
}
.two-column .box {
	display: inline-block;
	width: 100%;
	margin-top: .75em;
}
.box-content {
	position: relative;
	z-index: 1;
}
.box-background {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #005695;
	background: rgba(0, 86, 149, 0.96);
	mix-blend-mode: multiply;
}
.box * {
	color: #FFF;
}
.box a:hover {
	color: #FFF;
}
.box h3 {
	position: relative;
	overflow: hidden;
}
.box h3:after {
	content: "";
	position: absolute;
	bottom: .3em;
	margin-left: .25em ;
	border-bottom: 1px solid #FFF;
	width: -moz-available;
	width: -webkit-fill-available;
	width: available;
}
.box h4 {
	margin-top: .75em;
}
.box .button {
	margin: 0;
	background: #143255;
}
.box .button:hover {
	background: #86C54F;
}
.box li:before {
	background: #FFF;
}
.box li:after {
	color: #005695;
}
.box-indent {
	margin-left: 1.5em;
}
.half-width-left.box-indent, .half-width-right.box-indent {
	width: calc(48% - 1.5em)
}
@media screen and (max-width: 900px) {
	.half-width-left.box-indent, .half-width-right.box-indent {
		float: none;
		width: 100%;
	}
}
@media screen and (max-width: 750px) {
	.box h3 {
		margin-bottom: 1.25em;
		text-align: center;
		overflow: visible;
	}
	.box h3:after {
		width: 1.5em;
		bottom: -.5em;
		left: calc(50% - .75em);
		margin: 0;
	}
	.box-indent {
		margin-left: 0;
	}
}

/* POST A JOB */
.summary-content .summary-form-show {
	display: none;
}
.summary-form-hide {
	display: none;
}
.summary-content .summary-form-hide {
	display: block;
}
#job_review .flex-2 {
	-moz-box-direction: column;
	-webkit-box-direction: column;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flexbox-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

/* BOARD */
.board {
	clear: both;
}
.board > * {
	float: right;
	width: 72%;
}
.board > *:last-child {
	margin-bottom: 4em;
}
.board-i-i {
	margin-top: 0;
}
.board img {
	float: left;
	width: 20%;
	margin: .75em 0 4em 0;
}
.chairs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.chair {
	width: 33%;
	margin-bottom: 2em;
	font-size: .9em;
}
@media screen and (max-width: 1200px) {
	.chair {
		width: 50%;
	}
}
@media screen and (max-width: 1000px) {
	.chair {
		width: 100%;
	}
}
@media screen and (max-width: 750px) {
	.board {
		margin-bottom: 2.5em;
		padding-bottom: 2em;
		border-bottom: 1px solid #BEC0C2;
	}
	.board > * {
		float: none;
		width: 100%;
		text-align: center;
	}
	.board > *:last-child {
		margin-bottom: 0;
	}
	.board img {
		float: none;
		display: block;
		width: auto;
		margin: 1em auto;
	}
	.board .bio {
		text-align: left;
	}
}

/* HISTORY */
.presidents {
	width: 100vw;
	margin: 1.5em calc(-50vw + 600px) 0;
	padding: 0 calc(50vw - 600px) 1em;
	color: #005695;
	font-size: 1.5em;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	-moz-column-gap: 80px;
	-webkit-column-gap: 80px;
	column-gap: 80px;
}
.presidents li {
	margin-left: 4em;
	color: #222;
	font-size: .66em;
}
.presidents li:before {
	background: #74B535;
}
.presidents li:nth-of-type(10n+8){
	margin-bottom: 1.5em;
}
@media screen and (max-width: 1350px) {
	.presidents {
		width: 90vw;
		margin: 1.5em 0 0;
		padding: 0;
	}
}
@media screen and (max-width: 1000px) {
	.presidents {
		width: 100%;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}
@media screen and (max-width: 750px) {
	.presidents {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		font-size: 1.3em;
	}
}

/* AWARDS */
.award {
	clear: both;
}
.award > * {
	float: right;
	width: 70%;
}
.award > *:last-child {
	margin-bottom: 3em;
}
.award .award-image {
	float: left;
	width: 23%;
	margin: .5em 0 3em;
	text-align: right;
}
.award-image img {
	max-height: 9em;
}
.award ol {
	padding-left: 2em;
}
@media screen and (max-width: 750px) {
	.award > * {
		float: none;
		width: 100%;
	}
	.award .award-image {
		float: none;
		width: 90%;
		margin: 3em auto 2em;
		text-align: center;
	}
}

/* HR LINKS */
.hr-links a {
	font-style: normal;
}

/* MEMBER AWARDS */
.member-awards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	margin-left: 1em;
}
.member-awards li {
	-webkit-box-flex: 1 0 40%;
	-moz-box-flex: 1 0 40%;
	-webkit-flex: 1 0 40%;
	-ms-flex: 1 0 40%;
	flex: 1 0 40%;
	margin-top: .5em;
	margin-left: 2.5em;
}
@media screen and (max-width: 750px) {
	.member-awards li {
		-webkit-box-flex: 1 0 100%;
		-moz-box-flex: 1 0 100%;
		-webkit-flex: 1 0 100%;
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
	}
}

/* STUDENT CHAPTER */
.student-chapter {
	clear: both;
}
.student-chapter > * {
	float: right;
	width: 72%;
}
.student-chapter > *:last-child {
	margin-bottom: 3em;
}
.student-chapter > a:first-child {
	float: left;
	width: 20%;
	margin: .75em 0 3em;
}
@media screen and (min-width: 1001px) {
	.sr-height {
		min-height: 20em;
	}
}
@media screen and (max-width: 750px) {
	.student-chapter {
		margin-bottom: 2em;
		padding-bottom: 2em;
		border-bottom: 1px solid #BEC0C2;
	}
	.student-chapter:last-of-type {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	.student-chapter > * {
		float: none;
		width: 100%;
		text-align: center;
	}
	.student-chapter > a:first-child {
		float: none;
		display: block;
		width: 80%;
		max-width: 12.5em;
		margin: 1em auto;
	}
	.student-chapter img {
		width: 100%;
	}
	.student-chapter > *:last-child {
		margin-bottom: 0;
	}
}

/* PAST PRESENTATIONS */
.resource-list .page-column-full {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-direction: column;
	-webkit-box-direction: column;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flexbox-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.resource-list .note {
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
	margin-top: 2em;
}
.resource-list .rel-res {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-direction: row;
	-webkit-box-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flexbox-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 2em 0 0 -1em;
}
.resource-list .rel-res h2 {
	display: none;
}
.resource-list .res_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-flex: 1 0 40%;
	-moz-box-flex: 1 0 40%;
	-webkit-flex: 1 0 40%;
	-ms-flex: 1 0 40%;
	flex: 1 0 40%;
	margin: .5em 0 .5em 1em;
	padding: .5em 1em;
	background: rgba(0, 86, 149, .99);
	mix-blend-mode: multiply;
}
.resource-list .resource-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-moz-box-direction: row;
	-webkit-box-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flexbox-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.resource-list .resource-background {
	display: none;
}
.resource-list .res_item h3 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0;
	font-size: 1em;
	text-transform: uppercase;
}
.resource-list .res_item h3:after {
	display: none;
}
.resource-list .res_item p {
	display: none;
}
.resource-list .res_item .button {
	float: none;
	margin: 0 0 0 1em;
	background: #143255;
}
.resource-list .res_item .button:hover {
	background: #74B535;
}
.resource-list .res_item:first-of-type {
	-webkit-box-basis: 90%;
	-webkit-flex-basis: 90%;
	-ms-flex-basis: 90%;
	flex-basis: 90%;
	padding: 1em;
	background: rgba(20, 50, 85, .99);
}
.resource-list .res_item:first-of-type h3 {
	font-size: 1.6em;
}
.resource-list .res_item:first-of-type .button {
	background: #0867AA;
	font-size: 1.1em;
}
.resource-list .res_item:first-of-type .button:hover {
	background: #74B535;
}
@media screen and (max-width: 1050px) {
	.resource-list .res_item {
		-webkit-box-flex: 1 100%;
		-moz-box-flex: 1 100%;
		-webkit-flex: 1 100%;
		-ms-flex: 1 100%;
		flex: 1 100%;
	}
	.resource-list .res_item:first-of-type h3 {
		font-size: 1.5em;
	}
}
@media screen and (max-width: 1000px) {
	.resource-list .rel-res {
		margin: 1em 0 0;
	}
	.resource-list .res_item {
		margin: .5em 0
	}
	.resource-list .res_item:first-of-type {
		padding: .5em 1em;
	}
	.resource-list .res_item:first-of-type h3 {
		font-size: 1em;
	}
	.resource-list .res_item .button,
	.resource-list .res_item:first-of-type .button {
		width: auto;
		font-size: .9em;
	}
}
@media screen and (max-width: 750px) {
	.resource-list .resource-content {
		-moz-box-direction: column;
		-webkit-box-direction: column;
		-webkit-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flexbox-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-box-wrap: wrap;
		-webkit-box-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flexbox-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: flex-start;
		-webkit-align-items: flex-start;
		-moz-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
	}
	.resource-list .res_item h3 {
		margin-top: .25em;
		text-align: left;
	}
	.resource-list .res_item .button {
		margin: .5em 0;
	}
}
@media screen and (max-width: 550px) {
	.resource-list .res_item h3 {
		text-align: center;
	}
	.resource-list .res_item .button,
	.resource-list .res_item:first-of-type .button {
		width: 100%;
	}
}

/* MEMBERSHIP BENEFITS */
.benefits-o {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 1200px;
	margin-bottom: 2em;
}
.benefits-i {
	position: relative;
	-webkit-box-flex: 1 0 20%;
	-webkit-flex: 1 0 20%;
	-ms-flex: 1 0 20%;
	flex: 1 0 20%;
	width: 20%;
	margin-left: 1.5em;
	background-color: rgba(0, 86, 149, .99);
	mix-blend-mode: multiply;
	color: #FFF;
	text-align: center;
}
.benefits-i:first-of-type {
	margin-left: 0;
}
.benefits-i:hover {
	background-color: rgba(116, 181, 53, .9);
}
.benefits-number {
	position: absolute;
	top: -.75em;
	left: -.75em;
	z-index: 1;
	width: 2em;
	height: 2em;
	padding: .15em 0 0;
	background-color: rgba(116, 181, 53, .9);
	border-radius: 50%;
	font-size: 1.15em;
  -moz-animation: number 1s ease-in-out 1 forwards;
  -webkit-animation: number 1s ease-in-out 1 forwards;
  animation: number 1s ease-in-out 1 forwards;
}
@-moz-keyframes number {
	0% { -moz-transform: rotate(360deg); }
	100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes number {
	0% { -wekbit-transform: rotate(360deg); }
	100% { -webkit-transform: rotate(0deg); }
}
@keyframes number {
	0% { transform: rotate(360deg); }
	100% { transform: rotate(0deg); }
}
.benefits-i:hover .benefits-number {
	background-color: rgba(0, 86, 149, .9);
  -moz-animation: numberHover 1s ease-in-out 1 forwards;
  -webkit-animation: numberHover 1s ease-in-out 1 forwards;
  animation: numberHover 1s ease-in-out 1 forwards;
}
@-moz-keyframes numberHover {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes numberHover {
	0% { -wekbit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes numberHover {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* Changed for updates to member benefits */
.benefits-i a {
	display: block;
	width: 100%;
	/*height: 6.5em;*/
	overflow: hidden;
	padding: 1em;
}
.benefits-subhead {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.benefits-icon {
	height: 2.5em;
	margin-left: 1em;
}
/* Added */
.membership-benefits div.page-column-sr {
	margin-top: 7.5em;
}
@media screen and (max-width: 1000px) {
	.membership-benefits div.page-column-sr {
		margin-top: 0em;
	}
}
/* End Change */
.benefits-name {
	display: block;
	margin: 0;
	color: #FFF;
	font-size: 1.6em;
	text-transform: uppercase;
	font-style: normal;
  -moz-animation: benefits 1s ease-in-out 1 forwards;
  -webkit-animation: benefits 1s ease-in-out 1 forwards;
  animation: benefits 1s ease-in-out 1 forwards;
}
@-moz-keyframes benefits {
	0% { margin-top: -3.25em; }
	100% { margin-top: 0; }
}
@-webkit-keyframes benefits {
	0% { margin-top: -3.25em; }
	100% { margin-top: 0; }
}
@keyframes benefits {
	0% { margin-top: -3.25em; }
	100% { margin-top: 0; }
}
/* Changed for updates to member benefits */

/*.benefits-i:hover .benefits-name {*/
/*  -moz-animation: benefitsHover 1s ease-in-out 1 forwards;*/
/*  -webkit-animation: benefitsHover 1s ease-in-out 1 forwards;*/
/*  animation: benefitsHover 1s ease-in-out 1 forwards;*/
/*}*/

/* End Change */
@-moz-keyframes benefitsHover {
	0% { margin-top: 0; }
	100% { margin-top: -3.25em; }
}
@-webkit-keyframes benefitsHover {
	0% { margin-top: 0; }
	100% { margin-top: -3.25em; }
}
@keyframes benefitsHover {
	0% { margin-top: 0; }
	100% { margin-top: -3.25em; }
}
.benefits-desc {
	margin-top: 2em;
	color: #FFF;
	line-height: 1.25em;
	font-style: normal;
}
.benefits-sidebar {
	margin-top: 9em;
}
@media screen and (max-width: 1350px) {
	.benefits-o {
		width: 90vw
	}
}
@media screen and (max-width: 1100px) {
	.benefits-o {
		-moz-box-wrap: wrap;
		-webkit-box-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flexbox-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.benefits-i {
		-webkit-box-flex: 1 0 40%;
		-webkit-flex: 1 0 40%;
		-ms-flex: 1 0 40%;
		flex: 1 0 40%;
		width: 40%;
	}
	.benefits-i:nth-of-type(3) {
		margin: 2em 0 0;
	}
	.benefits-i:nth-of-type(4) {
		margin-top: 2em;
	}
	.benefits-sidebar {
		margin-top: 18em;
	}
}
@media screen and (max-width: 1000px) {
	.benefits-sidebar {
		margin: 0;
	}
	.benefits-o {
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	.benefits-i {
		-webkit-box-flex: 1 0 100%;
		-webkit-flex: 1 0 100%;
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
		width: 100%;
		margin: 2em 0 0;
	}
	.benefits-i * {
		animation: none !important;
	}
	.benefits-i a {
		height: auto;
	}
	.benefits-name br {
		display: none;
	}
	.benefits-desc {
		display: block;
		margin-top: -1em;
	}
}

/* JOIN TAHRA */
.join-info h4 {
  line-height: 1.3em;
}
.join-info p {
  line-height: 1.5em;
}

/* WELCOME NEW MEMBERS */
.welcome {
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	max-width: 900px;
	margin: 2.5em auto 0;
}
.welcome .benefits-i {
	-webkit-box-flex: 1 0 40%;
	-webkit-flex: 1 0 40%;
	-ms-flex: 1 0 40%;
	flex: 1 0 40%;
	width: 40%;
	margin-left: 2em;
	padding: 0 1.5em;
}
.welcome .benefits-i:nth-of-type(1) {
	margin: 0;
}
.welcome .benefits-i:nth-of-type(3) {
	margin: 2.25em 0 0;
}
.welcome .benefits-i:nth-of-type(4) {
	margin-top: 2.25em;
}
@media screen and (max-width: 1000px) {
	.welcome .benefits-i:nth-of-type(n) {
		-webkit-box-flex: 1 0 100%;
		-webkit-flex: 1 0 100%;
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
		width: 100%;
		margin: 0 0 2em;
		padding: .25em 1.5em 1em;
	}
	.welcome .benefits-i * {
		animation: none !important;
	}
	.welcome .benefits-i a {
		height: auto;
	}
	.welcome .benefits-name br {
		display: none;
	}
	.welcome .benefits-desc {
		display: block;
		margin-top: -1em;
	}
}

/* CREATE VENDOR LISTING */
.vendor-listing-box {
	max-width: 900px;
	margin: 0 auto;
}
.vendor-benefits {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.vendor-benefits li {
	width: 50%;
	margin: .75em 0;
}
.mce-wordcount {
	width: auto !important;
}
@media screen and (max-width: 1000px) {
	.vendor-benefits {
		display: block;
	}
	.vendor-benefits li {
		width: 100%;
	}
}

/* SEARCH RESULTS */
div.gsc-control-cse {
	padding: 0;
	background: none;
	border: none;
	font-size: 20px;
}
div.gsc-control-cse * {
	font-size: 1em !important;
	text-decoration: none !important;
}
div.gsc-control-cse table {
	margin: 0;
	padding: 0;
	background: none;
}
div.gsc-webResult.gsc-result {
	margin: 1.5em 0;
	padding: 1.5em 2em;
}
#gsc-i-id1 {
	padding: .5em 1em;
	background: #DBDCDE !important;
	border: none;
}
#gsc-i-id1:hover {
    background: #C6C9CA !important;
}
#gsc-i-id1:focus {
    background: #BEC0C2 !important;
}
.gsc-search-button input.gsc-search-button {
	width: auto;
	height: auto;
	padding: .5em 1em;
	background: #005695;
	border: none;
	border-radius: 0;
	color: #FFF;
	font-size: 1em;
	text-align: center;
	font-style: normal;
	text-transform: uppercase;
	font-weight: normal;
	cursor: pointer;
}
.gsc-search-button input.gsc-search-button:hover {
	background: #74B535;
}
div.gsc-control-cse div.gs-title {
	height: auto;
}
div.gsc-control-cse a.gs-title {
	color: #005695 !important;
	font-size: 1.5em !important;
	font-style: normal;
}
div.gsc-control-cse b {
	color: #5E9321 !important;
	font-style: italic;
	font-weight: normal;
}
.gsc-table-cell-thumbnail.gsc-thumbnail {
	padding-right: 1.5em;
}
div.gsc-cursor-page {
	background: none !important;
	border: none !important;
}
@media screen and (max-width: 550px) {
	.gsc-table-cell-thumbnail.gsc-thumbnail {
		display: none;
	}
}

/* LOG IN */
.flex-password-reset label {
	margin: 0 0 .75em;
}
.flex-block.flex-password-reset input[type="text"] {
	flex: 1;
	width: auto;
	margin: 0;
}
.flex-password-reset input[type="submit"] {
	margin: 0 0 0 1.5em;
}

/* MAKE A PAYMENT */
.invoice-lookup {
	margin-top: .5em;
}

/******************************/
/* SUCCESS/ERROR MESSAGES */
.error,
.success {
	position: relative;
	margin: 2em 0;
	padding: .5em 1em .75em 4em;
	color: #FFF;
}
.error {
	background: #EF4136;
}
.success {
	background: #86C54F;
}
.error svg, .success svg {
	position: absolute;
	top: calc(50% - 1em);
	left: 1em;
	width: 2em;
	height: 2em;
}
.error p, .success p {
	margin: .15em 0;
	line-height: 1.5em;
}
.error a, .success a {
	color: #FFF;
}
@media screen and (max-width: 750px) {
	.error, .success {
		position: static;
		width: 100%;
		padding: .5em 1em .75em;
	}
	.error svg, .success svg {
		display: none;
	}
}

/******************************/
/* PUBLIC FORMS */
.fieldsets-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-direction: row;
	-webkit-box-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flexbox-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  width: 120%;
  margin-left: -11%;
}
.fieldsets-flex-block {
	-webkit-box-flex: 1 0 90%;
	-webkit-flex: 1 0 90%;
	-ms-flex: 1 0 90%;
	flex: 1 0 90%;
  margin-left: 1.75em;
}
.fieldsets-flex-2 {
	-webkit-box-flex: 1 0 40%;
	-webkit-flex: 1 0 40%;
	-ms-flex: 1 0 40%;
	flex: 1 0 40%;
}
fieldset.fieldset-open-close {
  margin-top: 3em;
  margin-bottom: .6em;
  padding: 0;
  background: none;
}
.fieldset-open-close:first-child {
  margin-top: 1.7em;
}
.fieldset-open, .fieldset-closed {
  cursor: pointer;
  width: 100%;
  margin: 0 0 -1.1em;
  padding-left: 1.25em;
}
.fieldset-closed {
  background-color: #86C54F;
}
.legend {
  top: -2.1em;
  width: calc(100% + 2.6em);
}
.toggle-arrow {
  content: "";
  position: absolute;
  top: .8em;
  right: 1em;
  width: 0;
  height: 0;
  border-top: 15px solid #FFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: -moz-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
}
.fieldset-closed .toggle-arrow {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: -moz-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
}
.fieldset-closed + .flex-toggle {
  display: none;
}
.flex-toggle {
  padding: 1.5em;
  background: #FFF;
}
.flex-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-direction: row;
	-webkit-box-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flexbox-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -.5em 0 -.25em -1.5em;
}
.fieldset-open-close .flex-form {
  margin-top: -1em;
}
.flex-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-direction: row;
	-webkit-box-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flexbox-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-box-flex: 1 100%;
  -moz-box-flex: 1 100%;
  -webkit-flex: 1 100%;
  -ms-flex: 1 100%;
  flex: 1 100%;
  margin: 0 0 .5em 1.5em;
}
.flex-2 {
  -webkit-box-flex: 1 40%;
  -moz-box-flex: 1 40%;
  -webkit-flex: 1 40%;
  -ms-flex: 1 40%;
  flex: 1 40%;
}
.flex-2-sm:first-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-direction: row;
	-webkit-box-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flexbox-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-box-flex: 0 5em;
  -moz-box-flex: 0 5em;
  -webkit-flex: 0 5em;
  -ms-flex: 0 5em;
  flex: 0 5em;
  margin-right: 1.5em;
}
.flex-2-sm:last-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-direction: row;
	-webkit-box-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flexbox-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-box-flex: 0 5em;
  -moz-box-flex: 0 5em;
  -webkit-flex: 0 5em;
  -ms-flex: 0 5em;
  flex: 0 5em;
  margin-left: 1.5em;
}
.flex-2 > div {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
	margin-bottom: 0;
}
.flex-3 {
  -webkit-box-flex: 1 27%;
  -moz-box-flex: 1 27%;
  -webkit-flex: 1 27%;
  -ms-flex: 1 27%;
  flex: 1 27%;
}
.flex-4 {
  -webkit-box-flex: 1 20%;
  -moz-box-flex: 1 20%;
  -webkit-flex: 1 20%;
  -ms-flex: 1 20%;
  flex: 1 20%;
	-moz-box-direction: column;
	-webkit-box-direction: column;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flexbox-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-5 {
  -webkit-box-flex: 1 15%;
  -moz-box-flex: 1 15%;
  -webkit-flex: 1 15%;
  -ms-flex: 1 15%;
  flex: 1 15%;
}
.flex-block > .flex-block:first-of-type {
	margin-left: 0;
}
.flex-form .flex-form {
	margin-left: 0;
}
.flex-block label {
  width: 100%;
}
.flex-block input[type="text"], .flex-block input[type="file"],
.flex-block input[type="password"], .flex-block input[type="email"],
.flex-block textarea, .flex-block select,
.flex-block .mce-tinymce {
  margin: .5em 0 0;
  width: 100%;
}
.fieldset-open-close + input[type='button'],
.fieldset-open-close + input[type='submit'] {
  margin-top: 2em;
}
.sidebar-box {
  margin-bottom: 1em;
  padding: 1.5em 2em;
  background: rgba(134, 197, 79, .99);
  mix-blend-mode: multiply;
  color: #FFF;
}
.sidebar-box * {
  color: #FFF;
}
.sidebar-box input[type="text"], .sidebar-box input[type="file"],
.sidebar-box input[type="password"], .sidebar-box input[type="email"],
.sidebar-box textarea, .sidebar-box select {
  background: #FFF;
}
.flex-date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-direction: row;
	-webkit-box-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flexbox-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
.flex-date label {
	width: 100%;
}
.flex-date input[type="text"] {
	-webkit-box-flex: 1 0 90%;
	-webkit-flex: 1 0 90%;
	-ms-flex: 1 0 90%;
	flex: 1 0 90%;
  width: 90%;
  padding-right: 0;
}
.flex-date svg, .flex-date img {
	-webkit-box-flex: 0 0 1.175em;
	-webkit-flex: 0 0 1.175em;
	-ms-flex: 0 0 1.175em;
	flex: 0 0 1.175em;
  width: 1.175em;
  height: 1.127em;
  margin: .5em 0 0 .5em;
  cursor: pointer;
}
.flex-block h2, .flex-block h3,
.flex-block h4, .flex-block h5,
.flex-block h6, .flex-block p {
  width: 100%;
}
.flex-block p + p {
  margin-top: 0;
}
.pos {
  color: #74B535;
}
.neg {
  color: #EF4136;
}
.flex-dollar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-direction: row;
	-webkit-box-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flexbox-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-box-wrap: nowrap;
	-webkit-box-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	-ms-flexbox-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    width: 100%;
}
.dollar {
	-webkit-box-flex: 0;
	-webkit-flex: 0;
	-ms-flex: 0;
	flex: 0;
    margin-right: .75em;
}
.flex-dollar input[type="text"] {
	-webkit-box-flex: 1 0 0;
	-webkit-flex: 1 0 0;
	-ms-flex: 1 0 0;
	flex: 1 0 0;
    width: auto;
}
.ui-autocomplete {
    max-height: 25em;
    overflow: scroll;
    font-size: .8em !important;
}
.fieldsets-user-jobs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-direction: column;
	-webkit-box-direction: column;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flexbox-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.fieldsets-flex-2 .fieldsets-flex-block {
	-webkit-box-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
    margin-left: 0;
}
.flex-checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flex-checkbox input {
    margin: .4em 1em 0 0;
}
.flex-checkbox p, .flex-checkbox label {
    margin-bottom: 0;
    width: auto;
}
.flex-checkbox p:not(:last-of-type),
.flex-checkbox label:not(:last-of-type) {
    margin-right: 2em;
}
.flex-checkbox label {
    margin-top: .05em;
}
.flex-check label {
    width: auto;
    margin-left: .5em;
}
.flex-block .flex-check p {
	display: inline;
	width: auto;
	margin-right: .5em;
}
.flex-check-set {
	margin-top: 2em;
	margin-bottom: 1em;
}
.flex-check-set label {
	width: auto;
	margin-top: -.05em;
	margin-right: .75em;
}
.submit-buttons {
	float: left;
	position: relative;
}
.submit-buttons input:first-child {
	position: absolute;
	left: calc(100% + .25em);
}
@media screen and (min-width: 1000px) {
  .flex-table {
    margin-top: 1em;
    margin-bottom: .3em;
  }
  .flex-table .flex-block {
    margin-bottom: 0;
    padding: 0 0 0 1em;
    background: rgb(230, 230, 230);
    border-bottom: 1px solid rgb(200, 200, 200);
    font-size: .9em;
  }
  .flex-table .flex-block:first-of-type {
    background: #143255;
    color: #FFF;
  }
  .flex-table .flex-block:last-of-type {
    border: none;
  }
  .flex-table p {
    margin: 0 1em 0 0;
    padding: .1em 0 .15em;
  }
}
@media screen and (max-width: 1550px) {
  .fieldsets-flex {
    width: 100%;
    margin-left: -.875em;
  }
}
@media screen and (max-width: 1200px) {
  .fieldsets-flex {
    margin-left: 0;
  }
  .fieldsets-flex-block {
	-webkit-box-flex: 1 0 100%;
	-webkit-flex: 1 0 100%;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1000px) {
  .flex-table .flex-block {
    border-bottom: 1px solid rgb(200, 200, 200);
  }
  .flex-table .flex-block:first-child {
    display: none;
  }
  .flex-4, .flex-5 {
		-webkit-box-flex: 1 0 40%;
		-webkit-flex: 1 0 40%;
		-ms-flex: 1 0 40%;
		flex: 1 0 40%;
  }
	.submit-buttons {
		float: none;
		position: static;
	}
	.submit-buttons input:nth-of-type(n) {
		display: inline-block;
		position: static;
		width: 47.5%;
	}
	.submit-buttons input:last-of-type {
		margin-right: 0;
	}
}
@media screen and (max-width: 750px) {
	.flex-2, .flex-3,
	.flex-4, .flex-5 {
		-webkit-box-flex: 1 1 100%;
		-webkit-flex: 1 1 100%;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
	}
	.submit-buttons input:nth-of-type(n) {
		width: 100%;
		margin-right: 0;
	}
	.fieldsets-flex {
		display: block;
	}
	fieldset, .fieldset, .flex-toggle {
		background-color: rgb(225, 225, 225) !important;
	}
	fieldset, .fieldset {
		margin-top: 2em;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	fieldset.fieldset-open-close {
		margin-top: 2em;
	}
	.flex-toggle {
		display: block !important;
		margin-top: -1.25em;
	}
	legend, .legend, .fieldset-open, .fieldset-closed {
		width: 100%;
		position: static;
		margin: 0 0 1em;
		background-color: #005695;
		font-size: 1.25em;
	}
	.toggle-arrow {
		display: none;
	}
	fieldset:not(.fieldset-open-close) .flex-form,
	.fieldset .flex-form {
		padding: 0 5%;
	}
	label, .label {
		font-size: 1em
	}
	fieldset input[type="submit"], fieldset input[type="button"],
	fieldset button, fieldset .button,
	.fieldset input[type="submit"], .fieldset input[type="button"],
	.fieldset button, .fieldset .button {
		width: 90%;
		margin-left: 5%;
	}
	input[type="text"], input[type="file"],
	input[type="password"], input[type="email"],
	textarea, select {
		background-color: #FFF;
		font-size: .9em;
	}
}
@media screen and (max-width: 450px) {
	.flex-2 {
		display: block;
	}
  .flex-2 .flex-2-sm {
		width: 100%;
    margin-right: 0;
		margin-left: 0;
  }
}