/* Color Tokens */
#primary {
	color: #00548B; /* $primary */
}

#secondary {
	color: #D0282E; /* $secondary */
}

#tertiary {
	color: #3F79BC; /* $tertiary */
}

#light {
	color: #EFECE4; /* $light */
}

#dark {
	color: #53616F; /* $dark */
}

#white {
	color: #FFFFFF; /* $white */
}

#text {
	color: #2B2E30; /* $text */
}
/* End Color Tokens */

/* Events Search Filters [Events Parent] */
.events-search {
	background-color: #dfeaf2;
	padding: 0;
	z-index: 2;
}

.events-search .search-input {
	position: relative;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}


@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@-o-keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.loading .search-input .loader {
	display: block;
}

.search-input .loader {
	position: absolute;
	top: 47%;
	right: 5.5em;
	transform: translateY(-50%);
	height: 50%;
	display: none;
}

.search-input .loader svg {
	animation: spin 0.6s linear 0s infinite normal;
	width: 2em;
	height: 2em;
}

.search-input .loader path {
	fill: #6c99cf;
}

.events-search .search-input button {
	position: absolute;
	right: 3px;
	top: 3px;
	bottom: 3px;
	width: 3.1675em;
	color: #FFFFFF;
	font-size: 1em;
	transition: background-color .5s ease 0s;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.events-search .search-input button icon {
	font-size: 1.333em;
}

.events-search .search-input input {
	padding-right: 4.2em;
	width: 100%;
}

.events-search .filter-list {
	margin-left: 1.111em;
}

.events-search .filter-list li + li {
	margin-left: .565rem;
}

.events-search .filter-list .filter-item {
	background-color: #427ab9;
	font-family: 'Source Sans 3', sans-serif;
	color: #FFFFFF;
	font-size: .889em;
	text-align: left;
	line-height: 1.2;
	padding: .625em 3em .625em .625em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis!important;
	width: 11em;
	display: inline-block;
}

.events-search .filter-list .filter-item small {
	display: block;
	text-transform: uppercase;
	font-weight: 700;
}

.events-search .filter-list .filter-item a {
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	width: 3em;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.events-search .filter-list .filter-item icon {
	color: #095589;
	transition: color .5s ease;
	font-size: 1.25em;
}

.events-search .filter-list .filter-item a:hover icon {
	color: #FFFFFF;
}

.events-search .filter-list:empty + .reset {
	display: none;
}

.events-search a.reset {
	color: #d0282e;
	font-weight: 600;
	margin-left: .565rem;
}

.events-search a.reset:hover {
	color: #00548B;
}

.events-search .advanced-btn {
	width: 11.111rem;
	font-weight: 600;
	font-size: .889em;
	color: #d0282e;
	background-color: transparent;
	position: relative;
	transition: color .5s ease;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	margin-left: 1.111em;
}

.events-search .advanced-btn:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #d0282e;
	top: 0;
	left: 0;
	opacity: 0;
	box-shadow: 0 0 0 0 #d0282e;
	transition: box-shadow .5s ease, opacity .5s ease;
}

.events-search .advanced-btn:hover,
.events-search .advanced-btn[aria-pressed='true'],
.events-search .advanced-btn:focus {
	color: #FFFFFF;
	outline: none;
}

.events-search .advanced-btn:hover:before,
.events-search .advanced-btn[aria-pressed='true']:before,
.events-search .advanced-btn:focus:before {
	opacity: 1;
	outline: none;
}

.events-search .advanced-btn[aria-pressed='true']:before {
	box-shadow: 0 1.111rem 0 0 #d0282e;
}

.events-search .advanced-btn span,
.events-search .advanced-btn:after {
	position: absolute;
	line-height: 1;
	top: 50%;
	margin-top: -.5em;
	width: 100%;
	text-align: center;
	left: 0;
	transition: transform .5s ease, opacity .5s ease;
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	outline: none;
}

.events-search .advanced-btn[aria-pressed='true'] span {
	-webkit-transform: translate(0, -150%);
	-ms-transform: translate(0, -150%);
	transform: translate(0, -150%);
	opacity: 0;
}

.events-search .advanced-btn:after {
	content: attr(data-active);
	opacity: 0;
	-webkit-transform: translate(0, 150%);
	-ms-transform: translate(0, 150%);
	transform: translate(0, 150%);
	_padding-top: 1.11rem;
}

.events-search .advanced-btn[aria-pressed='true']:after {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.events-search .advanced-btn icon {
	color: #FFFFFF;
	font-size: 2em;
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -.5em 0 0 -.5em;
}

.events-search fieldset {
	position: relative;
	padding: 1.11em 0;
}

.events-search fieldset label {
	color: inherit;
}

.events-search .advanced {
	background-color: #ce2b34;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	color: #FFFFFF;
	padding: 2.22em;
	-webkit-transform: translate(0, 2.22em);
	-ms-transform: translate(0, 2.22em);
	transform: translate(0, 2.22em);
	opacity: 0;
	visibility: hidden;
	transition: transform .5s ease, opacity .5s ease, visibility .5s;
}

.events-search .advanced-open .advanced {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible;
	transition: transform .5s ease, opacity .5s ease;
}

.events-search .advanced h3 {
	text-align: left;
	color: #FFFFFF;
	margin: 0;
	font-weight: 700;
	font-size: 1.3333em;
}

.events-search .third {
	width: calc(33.333% - 1.48em);
	text-align: left;
	margin-left: 2.22em;
	margin-top: 1.11em;
	margin-bottom: 0;
}

.events-search .half {
	width: calc(50% - 1.111em);
}

.events-search .half + .half {
	margin-left: 2.222em;
}

.events-search .third:nth-child(3n - 2) {
	margin-left: 0;
}

.events-search .half ~ .third {
	margin-left: 2.22em;
}

.events-search .half + .third {
	margin-left: 0;
}

.events-search .zip-code {
	position: relative;
}

.events-search .side-label {
	width: 2.22rem;
	text-transform: uppercase;
	right: 100%;
	text-align: center;
	font-size: .889em;
	color: #FFFFFF;
	position: absolute;
	line-height: 1;
	top: 50%;
	margin-top: -.5em;
	font-family: 'Source Sans 3', sans-serif;
}

.events-search li a.btn {
	width: 100%;
	background-color: #00548b;
	padding: 1.85em 3.5em;
	display: block;
}

.events-search li a.btn.v5:before {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	right: 100%;
	top: 0;
	background-color: rgba(255,255,255,.1);
}

.events-search li a.btn.v5:hover:before {
	-webkit-transform: translate(200%, 0);
	-ms-transform: translate(200%, 0);
	transform: translate(200%, 0);
	transition: transform .6s cubic-bezier(.4, 1, .4, 1);
}
/* End Events Search Filters [Events Parent] */

/* Responsive [1650px] */
@media screen and (max-width: 1650px) {
}
/* End Responsive [1650px] */

/* Responsive [1500px] */
@media screen and (max-width: 1500px) {
	.events-search {
	}
}
/* End Responsive [1500px] */

/* Responsive [1200px] */
@media screen and (max-width: 1200px) {
	.events-search .search-input {
		width: 100%;
		margin-bottom: .565em;
	}

	.events-search .filter-list {
		margin-left: 0;
	}

	.events-search .advanced-btn {
		margin-right: 0;
		margin-left: auto;
		height: 3.4em;
	}
}
/* End Responsive [1200px] */

/* Responsive [1000px] */
@media screen and (max-width: 1000px) {
	.events-search .filter-list .filter-item {
		width: 9.5em;
		padding-right: 2em;
	}

	.events-search .filter-list .filter-item a {
		width: 2em;
	}
}
/* End Responsive [1000px] */

/* Responsive [800px] */
@media screen and (max-width: 800px) {
	.events-search .third,
	.events-search .half ~ .third {
		width: 100%;
		margin-left: 0;
	}

	.events-search li:nth-last-child(2) label {
		display: none;
	}

	.events-search a.reset {
		display: none;
	}

	.events-search .advanced-btn {
	}

	.events-search .advanced-btn span,	.events-search .advanced-btn:after {
		color: #FFFFFF; /* $white */
	}

	.events-search .advanced-btn:before {
		opacity: 1;
	}

	.events-search .advanced-btn icon {
	}

	.events-search .filter-list {
		width: calc(100% - 3.5rem);
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.events-search .filter-list .filter-item {
		width: calc(25% - .565rem);
	}

	.events-search .filter-list .filter-item + .filter-item {
		margin-left: .565rem;
	}
}
/* End Responsive [800px] */

/* Responsive [600px] */
@media screen and (max-width: 600px) {
	.events-search .half {
		width: 100%;
		margin-top: 1.11em;
	}

	.events-search .half + .half {
		margin-left: 0;
	}

	.events-search .filter-list {
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.events-search .filter-list .filter-item {
		width: calc(50% - .565rem);
		margin-top: .565rem;
	}

	.events-search .filter-list .filter-item:nth-child(-n + 2) {
		margin-top: 0;
	}

	.events-search .filter-list .filter-item:nth-child(odd) {
		margin-left: 0;
	}

	.events-search .advanced-btn {
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end;
	}
}
/* End Responsive [600px] */

/* Responsive [450px] */
@media screen and (max-width: 450px) {
}
/* End Responsive [450px] */
