@charset "UTF-8";
/* CSS Document */

/* 
 * echo green #35b5a5
 */

*,
html,
body,
{
    margin: 0;
    outline: none;
    padding: 0;
}
body {
    background-color: #fff;
    color: #212121;
    font-family: Work Sans, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
}
a {
    color: #35b5a5;
    text-decoration: none;
}
a:hover {
    color: #35b5a5;
    text-decoration: underline;
}
.clear,
.cleardiv {
    clear: both;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: 700;
}
header nav.primary {
    font-size: 1.3rem;
    font-weight: 500;
    text-transform: uppercase;
}
hr {
    background-color: #E0E0E0;
    border: none;
    height: 1px;
    opacity: 1;
}
.container.dark,
.container-fluid.dark {
    background-color: #212121;
    color: #f5f5f5;
}
.filter.dark {
    border: none;
    background-color: #212121;
    border-right: 6px solid #212121;
    color: #f5f5f5;
}
.be {
    border-right: 1px solid #E0E0E0;
}
.label-hidden label {
    display: none;
}
.echo-green {
    color: #35b5a5;
}
.relative {
    position: relative;
}
.asterisk {
    font-size: 1.4rem;
    position: absolute;
    right: 30px;
    top: 10px;
    z-index: 1;
}
.full-screen-nav {
    background-color: #E0E0E0;
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    z-index: 9;
}
.full-screen-nav .nav-link {
    color: #212121;
    font-size: 1.3rem;
    text-transform: uppercase;
}
input.bg-grey,
textarea.bg-grey {
    background-color: #f5f5f5;
    border: none;
    padding: 24px;
    width: 100%;
}
textarea.bg-grey {
    height: 250px;
}
input:focus,
textarea:focus {
    outline-color: #35b5a5;
}
input:required,
textarea:required {
    content: '<span style="z-index: 1;">*</span>';
    color: #35b5a5;
}
.btn,
button,
input[type=button] {
    background: #fff;
    border: 2px solid #35b5a5;
    border-radius: 100px;
    color: #35b5a5;
    cursor: pointer;
    font-size: 1.2rem;
    padding: .5rem 2.25rem;
    text-transform: uppercase;
}
.btn:hover,
button:hover,
input[type=button]:hover {
    background: #35b5a5;
    color: #fff;
    text-decoration: none;
}
.dark .btn,
.dark button,
.dark input[type=button] {
    background: transparent;
    border-color: #fff;
    color: #fff;
}
.dark .btn:hover,
.dark button:hover,
.dark input[type=button]:hover {
    background: #fff;
    color: #212121;
}
.sm {
    font-size: 0.9rem;
}
.xs {
    font-size: 0.7rem;
}
.text-up {
    text-transform: uppercase;
}
.concert {
    border-bottom: #E0E0E0 1px solid;
}
.concert:hover {
    color: #35b5a5;
}

/* new styles above */

#featuredconcerts {
    height: 148px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
}
#featuredconcerts .featured {
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 0.8em;
    list-style: none;
    list-style-type: none;
    max-width: 158px;
    padding: 0 25px 0 0;
    white-space: normal;
}
#featuredconcerts .featured.last {
    padding: 0;
}
#featuredconcerts .concert-image {
    display: inline-block;
    padding: 10px 0 0 0;
}
#buttons {
    width: 100%;
}
#buttons ul {
    list-style: none;
    margin: 0 0 24px;
}
.area.left {
    float: left;
    margin: 0 10px 0 0;
    width: 570px;
}
.area.right {
    float: left;
    margin: 0 0 0 10px;
    width: 300px;
}
/* email sign-up styles */

#markets li {
    display: inline-block;
    padding-right: 1em !important;
}
#emma-form-a667a8c2e188a6c145f31aa4111a7660 form {
    width: 300px !important;
}
#emailSignup {
    clear: both;
    margin: 0 auto 46px;
    text-align: center;
    width: 100%;
}
#emailSignup .button {
    background: #35b5a5;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    padding: 1em 2em;
    text-decoration: none;
    text-transform: uppercase;
}
#emailSignup .button:hover {
    background: #d9dadb;
    color: #000;
    text-decoration: none;
}
#emailSignup .mc-field-group {
    background-color: #d9dadb;
}
#emailSignup label {
    color: #35b5a5;
    padding: 0 4px 0 0;
    text-transform: uppercase;
}
#emailSignup input[type=email],
#emailSignup input[type=submit],
#emailSignup input[type=tel],
#emailSignup input[type=text] {
    margin: 10px 0 0;
}
#emailSignup input[type=submit].button {
    background: none;
    background-image: url(/images/submit-btn.png);
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    height: 25px;
    text-indent: -9999px;
    width: 25px;
}
.green {
    background-color: #35b5a5;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    padding: 17px 24px 17px 10px;
}
.mc-field-group {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 0 16px 0 0;
}
.mc-field-group input {
    border: none;
    font-size: 1.1em;
    padding: 5px 3px;
}
#mce-FNAME,
#mce-LNAME {
    width: 120px;
}
#mce-ZIPCODE {
    width: 60px;
}
#concert-content .mc-field-group {
    width: 100%;
}
#concert-content .mc-field-group input,
#concert-content .mc-field-group select {
    border: 1px solid #333;
    margin: 10px 0;
    width: 64%;
}
#concert-content .mc-field-group #mce-PHONE-area,
#concert-content .mc-field-group #mce-PHONE-detail1 {
    width: 10%;
}
#concert-content .mc-field-group #mce-PHONE-detail2 {
    width: 15%;
}
/* concert calendar page styles */

#concert-content {
    clear: both;
}
#content h1.series,
#concert-content h1 {
    border-bottom: 1px dotted #c5c5c5;
    color: #35b5a5;
    font-size: 3.0em;
    font-weight: normal;
    margin-top: 0;
    padding-bottom: 10px;
}
#content h1.series {
    border-bottom: 1px dotted #c5c5c5;
    margin-top: 10px;
    padding-bottom: 10px;
}
#concert-content h2 {
    font-weight: normal;
}
#concert-content .area.left {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    margin: 0 0 24px 0;
    padding: 24px;
    position: relative;
}
.concert-banner {
    padding-bottom: 10px;
}
.concert-banner img {
    width: 100%;
}
#concert-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
#concert-list a {
    color: #777;
    display: block;
}
#concert-list a:hover {
    background-color: #f5f5f5;
    color: #35b5a5;
    text-decoration: none;
}
.concertListRow {
    border-bottom: 1px dashed #dfdfdf;
    clear: both;
}
.concertListRow:last-of-type {
    border: none;
}
#concert-list .date,
#concert-list .artist,
#concert-list .venue {
    display: inline-block;
    padding: 7px 10px;
}
#concert-list .date {}
#concert-list .artist {
    width: 280px;
}
#concert-list .venue {}
.buy-tickets {
    display: inline-block;
    margin-right: 10px;
}
.get-directions {
    display: inline-block;
    margin: 10px 0 0;
}
.download-flyer {
    display: inline-block;
    margin: 10px 0 0;
}
/* about page styles */

.about-bkgd {
    background-image: url('/images/concert-bkgd.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#aboutTable {
    clear: both;
}
#aboutTable ol,
#aboutTable ul {
    color: #000000;
    margin: 0 0 6px 16px;
    padding: 0 0 0 0;
}
/* artists page styles */

#artistList a {
    color: #555;
}
#artistList,
#artistList li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#artistList li {
    display: block;
    float: left;
    font-size: 1.0em;
    padding-right: 20px;
    width: 240px;
}
/* donation page styles */

#donationTable {
    font-size: 1.2em;
}
#item_price_1 {
    border: 1px solid #333;
    font-size: 1.1em;
    padding: 5px 3px;
}
/* contact page styles */

.form-control,
.large-field {
    border: 1px solid #333;
    font-size: 1.1em;
    margin: 6px 0;
    padding: 5px 3px;
    width: 64%;
}
select.date {
    float: left;
    margin-right: 0.6em;
    width: 20%;
}
textarea.large-field {
    height: 100px;
}
legend {
    font-size: 1.5em;
    font-weight: bold;
    padding: 0.4em 0;
}
legend.first {
    padding-top: 0;
}
.row {
    clear: left;
    padding-top: 1.0em;
}
/* ticketing styles */

.oddRow {
    background-color: #e5e5e5;
}
.evenRow {
    background-color: #f0f0f0;
}
#headerRow {
    background-color: #35b5a5;
    color: #fff;
    font-size: 14px;
}
#headerRow .ticketRowCost {
    margin-top: auto;
}
.ticketingRow {
    color: #000000;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 10px;
}
.ticketDateInfo {
    float: left;
    margin-right: 10px;
    width: 70px;
}
.ticketEventInfo {
    float: left;
    margin-right: 10px;
    width: 215px;
}
.ticketPricing {
    float: left;
    margin-right: 10px;
    text-align: center;
    width: 90px;
}
.ticketQuantity {
    float: left;
    margin-right: 10px;
    text-align: center;
    width: 62px;
}
.ticketRowCost {
    float: left;
    font-size: 14px;
    line-height: 14px;
    margin-right: 10px;
    margin-top: 4px;
    text-align: center;
    width: 60px;
}
.ticketDescription {
    clear: both;
    width: 400px;
}
#userNotes {
    margin: 0;
    padding: 5px;
}
#userActions {
    margin: 0;
    padding: 5px;
    text-align: right;
}
/* reset ticket styles */

body.reset {
    background: #E1C446 url(/images/reset/mustard-pattern.jpg);
}
body.reset #concert-content h1 {
    color: #333;
}
.form-errors {
    margin: 0 3%;
    max-width: 900px;
    position: fixed;
    top: 2.0em;
    width: 94%;
    z-index: 1000;
}
.col-12 {
    clear: both;
    padding-top: 0.6em;
}
.text-center {
    text-align: center;
}
#btn-prev {
    float: left;
}
#btn-next {
    float: right;
}
body.reset footer {
    background: transparent none;
}
body.reset footer #footer {
    color: #000;
}
body.reset footer #footer a {
    color: #333;
    text-decoration: underline;
}
body.reset footer #footer a:hover {
    text-decoration: none;
}
/* alert styles from bootstrap */

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert h4 {
    margin-top: 0;
    color: inherit;
}
.alert .alert-link {
    font-weight: bold;
}
.alert > p,
.alert > ul {
    margin-bottom: 0;
}
.alert > p + p {
    margin-top: 5px;
}
.alert-dismissable {
    padding-right: 35px;
}
.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}
.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-success hr {
    border-top-color: #c9e2b3;
}
.alert-success .alert-link {
    color: #356635;
}
.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-info hr {
    border-top-color: #a6e1ec;
}
.alert-info .alert-link {
    color: #2d6987;
}
.alert-warning {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}
.alert-warning hr {
    border-top-color: #f8e5be;
}
.alert-warning .alert-link {
    color: #a47e3c;
}
.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #ca5b59;
}
.alert-danger hr {
    border-top-color: #e6c1c7;
}
.alert-danger .alert-link {
    color: #953b39;
}

footer.bg-light {
    background-color: #F0F0F0 !important;
}

footer nav {
    font-size: 1.3rem;
    text-transform: uppercase;
}

@media (min-width: 1292px) {
    .home-banners {
        height: 655px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
    #featuredconcerts {
        overflow: auto;
        height: auto;
    }
    #featuredconcerts .featured {
        padding-right: 9px;
    }
    #featuredconcerts .featured:last-of-type {
        padding-right: 0;
    }
}
/*  Landscape phones and down --- 560*/

@media (max-width: 560px) {
    body {
        font-size: 11px;
    }
}