﻿.filterToggle.on {
    padding-bottom: 11px;
    background: #f1f2f2;
    color: #808285;
}

.filterToggle {
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    padding: 21px;
    width: 100%;
    background: #4a0d66;
    overflow: hidden;
    color: #fff;
    text-align: center;
    position: relative;
    -webkit-transition: background-color .3s cubic-bezier(0.455, 0.03, 0.515, 0.955),padding .4s cubic-bezier(0.455, 0.03, 0.515, 0.955),color .4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: background-color .3s cubic-bezier(0.455, 0.03, 0.515, 0.955),padding .4s cubic-bezier(0.455, 0.03, 0.515, 0.955),color .4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955),cubic-bezier(0.455, 0.03, 0.515, 0.955),cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955),cubic-bezier(0.455, 0.03, 0.515, 0.955),cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@media (min-width: 768px) {
.filterToggle {
    display: none;
}
}

.filterToggle::before {
    content: "l";
    display: inline-block;
    font-family: "alz-icon";
    margin: 0 9px 0 0;
    vertical-align: middle;
    font-size: 30px;
    font-size: 1.875rem;
}

.filterToggle.on::after {
    display: block;
}
.filterToggle::after {
    content: "n";
    font-family: "alz-icon";
    position: absolute;
    top: 17px;
    right: 25px;
    font-size: 30px;
    font-size: 1.875rem;
    display: none;
    color: #808285;
}

.filterContainer.eventRoutingFilter.on {
    max-height: 1000px;
}

.filterContainer.on {
    max-height: 530px;
}

.filterContainer {
    text-align: center;
    padding: 0;
    margin: 0 auto;
    background: #f1f2f2;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: max-height .4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@media (min-width: 768px) {
.filterContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-height: 2000px;
}
}

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 25px;
    padding-left: 25px;
}

.filterInner {
    overflow: hidden;
    background: #f1f2f2;
    width: 100%;
    position: relative;
    padding: 0 0 35px;
}

.eventRoutingFilter .filterInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
.filterInner {
    padding: 40px 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: visible;
}
}

@media (min-width: 768px) {
.eventRoutingFilter .filterInner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
}

.eventFilterLeader {
    text-align: center;
    overflow: hidden;
    color: #fff;
    font-weight: 700;
    margin: 0 0 15px;
    font-size: 18px;
    font-size: 1.125rem;
    width: 100%;
    min-width: 100%;
    position: relative;
}

.eventRoutingFilter .eventFilterLeader {
    color: #58595b;
}

@media (min-width: 1400px) {
.eventFilterLeader {
    min-width: 0;
}
}

@media (min-width: 992px) {
.eventFilterLeader {
    font-size: 32px;
    font-size: 2rem;
    margin: 0 0 35px;
}
}

@media (min-width: 992px) {
.eventRoutingFilter .eventFilterLeader {
    font-size: 22px;
    font-size: 1.375rem;
}
}

.eventFilterLeader span {
    display: inline-block;
    position: relative;
    padding: 0 25px;
}

.eventRoutingFilter .eventFilterLeader span::before, .eventRoutingFilter .eventFilterLeader span::after {
    border-color: #58595b;
}

.eventFilterLeader span::before {
    left: -9999px;
    right: 100%;
}

.eventFilterLeader span::before, .eventFilterLeader span::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    border-top: 1px solid rgba(255,255,255,.6);
}

.eventFilterLeader span::after {
    left: 100%;
    right: -9999px;
}

.eventRoutingFilter .filterInner .filterOptionWrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 1400px) {
.eventRoutingFilter .filterOptionWrapper {
    width: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
}

@media (min-width: 768px) {
.filterOptionWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    /* align-items: flex-start; */
}
}

@media (min-width: 576px) {
.eventRoutingFilter .filterOptionWrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
}

.filterSearch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.filterOptionWrapper .filterSearch {
    margin: 0 0 1rem;
}

@media (min-width: 1200px) {
.filterSearch {
    min-width: 600px;
}
}

@media (min-width: 992px) {
.filterSearch {
    min-width: 300px;
}
}

@media (min-width: 768px) {
.filterSearch {
    min-width: 250px;
}
}

.dropDownWrapper {
    position: relative;
    border-radius: 6px;
    border: 2px solid #bcbec0;
    margin: 0 0 1rem;
    padding: 0;
}

.filterOptionWrapper .dropDownWrapper {
    min-width: 200px;
    margin-left: 0;
    margin-right: 0;
}

.filterContainer .dropDownWrapper {
    color: #4a0d66;
    border-color: #4a0d66;
}

@media (min-width: 1400px) {
.eventRoutingFilter .filterOptionWrapper .dropDownWrapper {
    max-width: 120px;
}
}

@media (min-width: 768px) {
.eventRoutingFilter .filterOptionWrapper .dropDownWrapper {
    margin: 0 11px 1rem;
}
}

@media (min-width: 768px) {
.filterOptionWrapper .dropDownWrapper {
    margin: 0 11px;
}
}

@media (min-width: 768px) {
.filterContainer .dropDownWrapper {
    margin: 0 7px;
}
}

@media (min-width: 576px) {
.eventRoutingFilter .filterOptionWrapper .dropDownWrapper {
    width: 140px;
    min-width: 0;
    margin: 0 7px 1rem;
}
}

.eventRoutingFilter .filterOptionWrapper input[type=text], .eventRoutingFilter .filterOptionWrapper input[type=date] {
    color: #58595b;
    background: #fff;
}

.filterContainer.eventRoutingFilter input[type=text], .filterContainer.eventRoutingFilter input[type=date], .filterContainer.eventRoutingFilter .dropDownWrapper {
    /*background: rgba(0,0,0,0);*/
    border-color: #58595b;
    /*color: #58595b;*/
}

.filterOptionWrapper input[type=text], .filterOptionWrapper input[type=date] {
    margin-left: 0;
    margin-right: 0;
    height: 49px;
}

.filterSearch input[type=text], .filterSearch input[type=date] {
    border: 2px solid #d1d3d4;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 6px;
    margin: 0;
    /*background: #fff;
    color: #808285;*/
    width: 100%;
}

.filterContainer input[type=text], .filterContainer input[type=date] {
    height: 49px;
    line-height: 45px;
    display: block;
    width: 100%;
    /*margin: 0 0 1rem;*/
    border-radius: 6px;
    padding: 0 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*border: 2px solid #4a0d66;
    background: rgba(0,0,0,0);*/
    font-weight: 700;
    /*color: #4a0d66;
    color: #58595b;*/
}

@media (min-width: 768px) {
.filterOptionWrapper input[type=text], .filterOptionWrapper input[type=date] {
    margin: 0 11px;
}
}

.dropDownWrapper select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    font-weight: 700;
    height: 45px;
    padding: 0 25px;
    background: rgba(0,0,0,0);
}

.filterContainer select {
    color: #4a0d66;
    color: #58595b;
}

.filterContainer.eventRoutingFilter input[type=text]::after, .filterContainer.eventRoutingFilter input[type=date]::after, .filterContainer.eventRoutingFilter .dropDownWrapper::after {
    color: #58595b;
}

.dropDownWrapper::after {
    content: "d";
    display: block;
    font-family: "alz-icon";
    position: absolute;
    top: 50%;
    right: 7px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    pointer-events: none;
    font-size: 20px;
    font-size: 1.25rem;
}

.filterContainer .btn {
    font-family: "HouschkaAltPro",Arial,sans-serif;
}

.filterContainer .btn {
    text-decoration: none;
    border: none;
    /*-webkit-box-shadow: 0 7px #808285;
    box-shadow: 0 7px #808285;*/
    white-space: normal;
    position: relative;
    -webkit-transition: none;
    transition: none;
    -webkit-font-smoothing: antialiased;
}

.filterContainer .btn {
    display: inline-block;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid rgba(0,0,0,0);
    padding: 0.6rem 2rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.filterContainer .btn-primary {
    color: #fff;
    background-color: #4a0d66;
    border-color: #35054b;
}

.filterContainer .btn-primary {
    -webkit-box-shadow: 0 7px #35054b;
    box-shadow: 0 7px #35054b;
}

.filterContainer .btn-secondary {
    color: #fff;
    background-color: #359a8e;
    border-color: #256d65;
}

.filterContainer .btn-secondary {
    -webkit-box-shadow: 0 7px #256d65;
    box-shadow: 0 7px #256d65;
}

/*.filterOptionWrapper input[type=submit] {
    margin: 0;
}*/

.filterContainer input[type=submit] {
    display: block;
    width: 100%;
	/***/
	padding: unset !important;
}

.filterContainer .btn {
    white-space: nowrap !important;
}

@media (min-width: 768px) {
.filterOptionWrapper input[type=submit] {
    margin: 0 11px !important;
	/***/
	padding: 0.1em 2rem !important;
}
}

@media (min-width: 768px) {
.filterContainer input[type=submit] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    /*margin: 0 7px;*/
}
}

.filterOptionWrapper a {
	text-decoration: underline !important;
	color: #359a8e;
}

.clearFilters::after {
    content: "n";
    display: inline-block;
    font-family: "alz-icon";
    vertical-align: middle;
    margin: 0 0 0 3px;
}

.chapterLocatorFilterContainer {
    text-align: center;
    margin: 0 0 3rem;
}

@media (min-width: 1200px) {
.chapterLocatorFilterContainer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    margin-left: 16.6666666667%;
}
}

@media (min-width: 992px) {
.chapterLocatorFilterContainer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    margin-left: 8.3333333333%;
    margin: 0 auto 4rem;
}
}

.chapterLocatorFilterLeader {
    overflow: hidden;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    color: #58595b;
    margin: 0 0 15px;
}

@media (min-width: 992px) {
.chapterLocatorFilterLeader {
    font-size: 22px;
    font-size: 1.375rem;
    margin: 0 0 25px;
}
}

.chapterLocatorFilterLeader span {
    display: inline-block;
    position: relative;
    padding: 0 15px;
}

.chapterLocatorFilterLeader span::before {
    left: -9999px;
    right: 100%;
}

.chapterLocatorFilterLeader span::before, .chapterLocatorFilterLeader span::after {
    content: "";
    display: block;
    top: 50%;
    position: absolute;
    border-top: 1px solid #808285;
}

.chapterLocatorFilterLeader span::after {
    left: 100%;
    right: -9999px;
}

@media (min-width: 768px) {
.chapterLocatorFilters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
}

.chapterLocatorFilters .dropDownWrapper {
    border-color: #4a0d66;
}

.chapterLocatorFilters .dropDownWrapper {
    position: relative;
    border-radius: 6px;
    border: 2px solid #bcbec0;
    margin: 0 0 1rem;
    padding: 0;
}

@media (min-width: 768px) {
.chapterLocatorFilters .dropDownWrapper {
    margin-bottom: 0;
    max-width: 200px;
    min-width: 200px;
}
}

.chapterLocatorFilters .dropDownWrapper select {
    color: #4a0d66;
}

.chapterLocatorFilters .dropDownWrapper select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    font-weight: 700;
    height: 45px;
    padding: 0 25px;
    background: rgba(0,0,0,0);
}
