/*
Theme Name: Arkansas Symphony Orchestra
Version: 1.0.1
template: bb-theme
*/

/* global */
:root {
   --aso-blue: #3f76bb;
   --aso-red: #b22b2b;
   --aso-deep-blue: #113045;
   --aso-yellow: #ffc30c;
   --aso-purple: #4540a1;
   --aso-heading-blue: #A5C2D4;
   --aso-body: #333333;
}

/* Brandon added a line to bold links for increased visibility */

#fl-main-content p a{
	font-weight: 700;
}

#fl-main-content h3,
#fl-main-content h4,
#fl-main-content h5,
#fl-main-content h6 {
   font-family: futura-pt, sans-serif !important;
   font-weight: 400 !important;
}

.pagewidth {
   width: 1400px;
   margin: 0 auto;
}
@media(max-width:1400px) {
   .pagewidth {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
   }
}

/* alert bar (added 8/28/24) */
#alert-bar p {
   margin: 0;
}

/* custom header */
#masthead {
   position: sticky;
   z-index: 1000;
   width: 100vw;
   padding: 0 0 5px 0;
   background: #fff;
   transition: .3s;
   top: 0;
   left: 0;
}
#masthead .pagewidth {
   width: 1500px;
   margin: 0 auto;
   position: relative;
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
}
@media(max-width:1500px) {
   #masthead .pagewidth {
      width: 100%;
      padding: 0 5px 0 20px;
   }
}
#masthead a.logo {
   display: block;
   width: 390px;
   height: auto;
   padding-top: 20px;
   /*position: absolute;
   top: 25px;
   left: 20px;*/
   transition: .3s;
}
#masthead.scrolled a.logo {
   top: 20px;
   width: 330px;
}
#masthead .header-right {
   width: calc(100% - 390px);
}
@media(max-width:1500px) {
   #masthead a.logo {
      left: 20px;
   }
}
@media(max-width:850px) {
   #masthead a.logo {
      padding-top: 10px;
   }
}
@media(max-width:1400px) {
   #masthead a.logo {
      width: 300px;
   }
   #masthead.scrolled a.logo {
      top: 15px;
      width: 270px;
   }
   #masthead .header-right {
      width: calc(100% - 300px);
   }
}
@media(max-width:1100px) {
   #masthead .header-right {
      width: calc(100% - 230px);
   }
   #masthead.scrolled a.logo,
   #masthead a.logo {
      top: 20px;
      width: 230px;
   }
}
@media(max-width:1000px) {
   #masthead {
      position: relative;
   }
}
@media(max-width:500px) {
   #masthead.scrolled a.logo,
   #masthead a.logo {
      top: 10px;
      width: 170px;
   }
}

/* top row button (mobile only) */
#masthead .top-buttons-mobile {
   display: none;
   flex-wrap: nowrap;
}
#masthead .top-buttons-mobile a.fl-button {
   font-size: 18px;
   padding: 5px 0;
   text-align: center;
}
#masthead .top-buttons-mobile a.fl-button:hover {
   text-decoration: none;
}
#masthead .top-buttons-mobile a.fl-button.donate {
   width: 50%;
   background: var(--aso-blue);
   border-right: 1px solid #fff;
}
#masthead .top-buttons-mobile a.fl-button.tickets {
   width: 50%;
}
@media(max-width:992px) {
   #masthead .top-buttons-mobile {
      display: flex;
   }
}
@media(max-width:420px) {
   #masthead .top-buttons-mobile a.fl-button {
      font-size: 16px;
   }
}

/* row 1 */
#masthead .row-1 {
   display: flex;
   flex-wrap: nowrap;
   justify-content: flex-end;
   margin: 0 0 25px 0;
   transition: .3s;
}
#masthead.scrolled .row-1 {
   margin-bottom: 0;
}
#masthead .row-1 a.fl-button {
   display: block;
   padding: 14px 35px 0px 35px;
   font-size: 30px;
   text-align: center;
   text-decoration: none;
   line-height: 1;
}
#masthead .row-1 a.fl-button.donate {
   background: var(--aso-red);
   margin-right: 5px;
}
#masthead .row-1 a.fl-button.donate:hover {
   background: var(--aso-deep-blue);
}
#masthead .row-1 a.sign-in {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   font-size: 20px;
   color: #113045;
   padding: 5px 30px 5px 30px;
   text-decoration: none;
   font-family: "futura-pt", Arial, sans-serif;
   background-color: #e7eaec;
}
#masthead .row-1 a.sign-in svg {
   display: block;
   width: 25px;
   margin-right: 5px;
}
#masthead .row-1 a.sign-in:hover {
   color: var(--aso-red);
   background-color: #a5c2d4;
}
#masthead .row-1 a.sign-in:hover svg path {
   fill: var(--aso-red) !important;
   background-color: #a5c2d4 !important;
}
#masthead .row-1 a.cart {
   width: 50px;
   padding: 5px 20px 5px 0px;
   background-color: #e7eaec;
}
#masthead .row-1 a.cart:hover svg ellipse,
#masthead .row-1 a.cart:hover svg path {
   fill: var(--aso-red) !important;
   background-color: #a5c2d4 !important;
}
@media(max-width:1400px) {
   #masthead .row-1 a.fl-button {
      padding: 9px 20px 0px 20px;
      font-size: 22px;
   }
   #masthead .row-1 a.sign-in {
      padding: 5px 20px 5px 20px;
   }
   #masthead .row-1 a.sign-in svg {
      width: 20px;
   }
   #masthead .row-1 a.cart {
      width: 45px;
      padding: 8px 20px 0px 0px;
      background-color: #e7eaec;
   }
}
@media(max-width:1000px) {
   #masthead .row-1 a.fl-button {
      display: none;
   }
}
@media(max-width:850px) {
   #masthead .row-1 {
      display: none;
   }
}
@media(max-width:500px) {
   #masthead .row-1 a.sign-in,
   #masthead .row-1 a.cart {
      display: none;
   }
}

/* row 2 */
#masthead .row-2 {
   position: relative;
}
#masthead ul {
   margin: 0 45px 0 0;
   padding: 0;
   display: flex;
   flex-wrap: nowrap;
   justify-content: flex-end;
}
#masthead ul li {
   margin: 0;
   padding: 0;
   list-style: none;
   position: relative;
}
#masthead ul > li > a {
   margin: 0;
   padding: 0;
   display: block;
   font-size: 24px;
   padding: 10px 20px;
   color: var(--aso-deep-blue);
   text-decoration: none;
   font-family: "futura-pt", Arial, sans-serif;
}
#masthead ul li a i.fl-button-icon {
   font-size: 16px;
   display: inline-block;
   padding-left: 3px;
   position: relative;
   top: -3px;
}
#masthead ul > li > a:hover {
   color: var(--aso-red);
}
#masthead ul > li > ul.sub-menu {
   display: none;
   position: absolute;
   width: 250px;
   top: 100%;
   left: 0;
   margin: 0;
   padding: 10px 0;
   background: var(--aso-red);
}
#masthead ul > li.dropdown-left > ul.sub-menu {
   left: auto;
   right: 0;
}
#masthead ul > li > ul.sub-menu li {
   position: relative;
}
#masthead ul > li > ul.sub-menu li a {
   display: block;
   position: relative;
   padding: 7px 20px;
   line-height: 1;
   font-size: 20px;
   color: #fff;
   transition: .3s;
}
#masthead ul > li > ul.sub-menu > li.menu-item-has-children > a span::after {
   content: '';
   display: inline-block;
   margin: 0 0 0 8px;
   width: 0;
   height: 0;
   border-top: 5px solid transparent;
   border-left: 10px solid #fff;
   border-bottom: 5px solid transparent;
}
#masthead ul > li > ul.sub-menu li a:hover {
   background: rgba(255,255,255,0.15);
}
#masthead ul > li > ul.sub-menu li ul {
   display: none;
   position: absolute;
   top: 0px;
   left: 100% !important;
   margin: 0;
   padding: 0px 0;
}
#masthead ul > li.dropdown-left > ul.sub-menu li ul {
   left: -250px !important;
}
#masthead ul > li.dropdown-left > ul.sub-menu > li.menu-item-has-children > a span::after {
   display: block;
   position: absolute;
   left: 4px;
   top: 14px;
   margin: 0;
   border-right: 10px solid #fff;
   border-left: none;
}
#masthead ul > li > ul.sub-menu li ul li a {
   padding-left: 34px;
}
@media(max-width:1500px) {
   #masthead ul > li > a {
      font-size: 21px;
      padding-left: 10px;
      padding-right: 10px;
   }
}
@media(max-width:1300px) {
   /*#masthead {
      height: 120px;
   }*/
   #masthead {
      padding-bottom: 10px;
   }
   #masthead .row-2 {
      position: static;
   }
   #masthead ul#menu-desktop-menu {
      display: none;
   }
}
@media(max-width:1200px) {
   #masthead ul > li > a {
      font-size: 20px;
      padding: 10px 10px;
   }
}

button.search-toggle {
   display: block;
   width: 50px;
   position: absolute;
   right: 0;
   top: 5px;
   border: none;
   background: none;
   margin: 0;
   padding: 8px;
}
button.search-toggle svg.search-icon {
   width: 25px;
}
button.search-toggle:hover svg.search-icon path {
   fill: var(--aso-red) !important;
}
button.search-toggle.open svg.search-icon {
   display: none;
}
button.search-toggle svg.close-icon {
   display: none;
   width: 20px;
   position: relative;
   top: 2px;
   left: 4px;
}
button.search-toggle svg.close-icon path {
   stroke-width: 3px;
   stroke: var(--aso-red) !important;
}
button.search-toggle.open svg.close-icon {
   display: block;
}
#search-drop {
   display: none;
   position: absolute;
   width: 500px;
   top: 100%;
   right: 0;
   padding: 20px 10px 20px 20px;
   background: var(--aso-red);
}
#search-drop form {
   display: flex;
}
#search-drop input.search-text {
   border: none;
   display: block;
   width: calc(100% - 50px);
   border-radius: 0;
   font-size: 22px;
}
#search-drop button.searchsubmit {
   width: 50px;
   display: block;
   border: none;
   border-radius: 0;
   background: none;
}
#search-drop button.searchsubmit svg {
   position: relative;
   top: 4px;
}
#search-drop button.searchsubmit svg path {
   fill: #fff !important;
}
@media(max-width:1300px) {
   button.search-toggle {
      top: 50px;
      right: 53px;
   }
   #search-drop {
      top: 90px;
   }
}
@media(max-width:1100px) {
   button.search-toggle {
      top: 40px;
   }
}
@media(max-width:850px) {
   button.search-toggle {
      top: 20px;
   }
}
@media(max-width:500px) {
   button.search-toggle {
      top: 10px;
   }
   #search-drop {
      top: 60px;
      width: 100%;
   }
}

/* mobile toggle */
#masthead button.mobile-toggle-flyout {
   display: none;
   width: 40px;
   height: 40px;
   position: absolute;
   top: 45px;
   right: 15px;
   margin: 0;
   padding: 0;
   text-align: center;
   background: none;
   border: none;
}
#masthead button.mobile-toggle-flyout span.bars {
   display: block;
   width: 28px;
   position: relative;
   top: 8px;
   margin: 0 auto;
   height: 100%;
   border-top: 3px solid var(--aso-deep-blue);
}
#masthead button.mobile-toggle-flyout span.bars::before,
#masthead button.mobile-toggle-flyout span.bars::after {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   width: 100%;
   height: 3px;
   background: var(--aso-deep-blue);
}
#masthead button.mobile-toggle-flyout span.bars::before {
   top: 6px;
}
#masthead button.mobile-toggle-flyout span.bars::after {
   top: 14px;
}
@media(max-width:1300px) {
   #masthead button.mobile-toggle-flyout {
      display: block;
      top: 50px;
   }
}
@media(max-width:1100px) {
   #masthead button.mobile-toggle-flyout {
      top: 45px;
   }
}
@media(max-width:850px) {
   #masthead button.mobile-toggle-flyout {
      top: 22px;
   }
}
@media(max-width:500px) {
   #masthead button.mobile-toggle-flyout {
      top: 14px;
   }
}
#masthead button.mobile-toggle-flyout i {
   font-size: 33px;
}

/* main flyout menu */
#mask {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   min-height: 100%;
   z-index: 9998;
   background: rgba(0,0,0,0.5);
}
#flyout-menu {
   display: block;
   position: fixed;
   z-index: 9999;
   width: 400px;
   max-width: 100%;
   height: 100%;
   top: 0;
   right: -400px;
   background: var(--aso-red);
}
#fl-builder-ui-iframe #flyout-menu {
   display: none !important;
}
#flyout-menu .flyout-header {
   background: var(--aso-red);
}
#flyout-menu a.flyout-site-logo {
   display: block;
   position: absolute;
   z-index: 1;
   top: 16px;
   left: 19px;
}
#flyout-menu a.flyout-site-logo svg {
   width: 170px;
}
#flyout-menu .inner {
   position: absolute;
   top: 70px;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 0;
   overflow-y: auto;
   /* Optional but highly reccomended:  enables momentum scrolling on iOS */
   -webkit-overflow-scrolling: touch;
}
#flyout-menu a.close-flyout {
   display: block;
   position: absolute;
   z-index: 100;
   top: 20px;
   right: 20px;
   width: 30px;
   height: 30px;
}
#flyout-menu a.close-flyout svg > path {
   fill: transparent;
   stroke: #fff;
   stroke-width: 2;
   stroke-linejoin: round;
}
/* top row menu items */
#flyout-menu a.button {
   display: block;
   height: 50px;
   font-size: 18px;
   line-height: 50px;
   margin: 0;
   padding: 0 50px 0 20px;
   color: #fff;
   border-top: 1px solid rgba(255,255,255,0.2);
   text-decoration: none !important;
}
#flyout-menu a.button.sign-in {
   text-transform: none;
}
#flyout-menu a.button.sign-in svg {
   display: inline-block;
   position: relative;
   top: 2px;
   width: 15px;
   margin-right: 7px;
}
#flyout-menu a.button.sign-in svg path {
   fill: #fff !important;
}
#flyout-menu a.button:hover {
   background: none;
}
/* menu */
#flyout-menu ul {
   margin: 0;
   padding: 0;
   border-top: 1px solid rgba(255,255,255,0.2);
}
#flyout-menu ul li {
   margin: 0;
   padding: 0;
   list-style: none;
   position: relative;
}
#flyout-menu ul li span.drop-button {
   display: none;
}
#flyout-menu ul li.menu-item-has-children span.drop-button {
   display: block;
   width: 50px;
   height: 50px;
   position: absolute;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255,255,255,0.2);
   cursor: pointer;
}
#flyout-menu ul li.menu-item-has-children span.drop-button::after {
   display:block;
   content:'';
   width:0;
   height:0;
   position:absolute;
   top:20px;
   left:20px;
   border-left:5px solid transparent;
   border-right:5px solid transparent;
   border-top:10px solid #fff;
}
#flyout-menu ul li.menu-item-has-children span.drop-button.open::after {
   border-bottom: 10px solid #fff;
   border-top: none;
}
#flyout-menu ul li.menu-item-has-children span.drop-button:hover {
   background: rgba(255,255,255,0.1);
}
#flyout-menu ul li.menu-item-home {
   display: none;
}
#flyout-menu ul li a {
   display: block;
   overflow: hidden;
   height: 50px;
   font-size: 18px;
   line-height: 50px;
   margin: 0;
   padding: 0 50px 0 20px;
   color: #fff;
   border-bottom: 1px solid rgba(255,255,255,0.2);
   text-decoration: none !important;
   font-family: futura-pt, sans-serif;
}
#flyout-menu ul li a:hover {
   text-decoration: underline;
}
#flyout-menu ul li ul {
   margin: 0;
   padding: 0;
   display: none;
   border-top: none;
}
#flyout-menu ul li ul li a {
   height: auto;
   line-height: 1.2;
   padding: 12px 10px 12px 40px;
   font-weight: 400;
}
#flyout-menu ul li ul li span.drop-button {
   display: none !important;
}
#flyout-menu ul li ul li ul {
   display: none;
}
#flyout-menu ul li ul li ul a {
   position: relative;
   padding-left: 60px;
}
#flyout-menu ul li ul li ul a::before {
   content: '-';
   display: block;
   position: absolute;
   z-index: 1;
   top: 11px;
   left: 45px;
   height: 100%;
}

/* general styling */

blockquote {
   font-size: 22px;
}

/*#fl-main-content h2 {
   font-family: 'minion-pro', Georgia, serif;
}*/
#fl-main-content hr {
   border: 0;
   height: 1px;
   background: #e5e5e5;
}
.fl-accordion-button-label:focus {
   border: none;
   outline: none;
}

/* drop any forces line breaks */
@media(max-width:992px) {
   .drop-br p br {
      display: none;
   }
}

/* callout equalize */
.callout-col .fl-col-content {
   position: relative;
}
.callout-col .fl-col-content .fl-module-button {
   position: absolute;
   /* left: calc(50% - 100px); temp comment out while BD tries a different centering method */
	left: 0;
	right: 0;
   bottom: 20px;
}

/* button with arrow right */
.open-link-arrow a.fl-button,
a.button-arrow {
   text-decoration: none;
}
.open-link-arrow a.fl-button::after,
a.button-arrow::after {
   content: '';
   display: inline-block;
   width: 20px;
   height: 20px;
   margin-left: 8px;
   position: relative;
   top: 2px;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' stroke='%23b22b2b' stroke-width='2'><line x1='0' y1='10' x2='19' y2='10' /><line x1='20' y1='11' x2='11' y2='3' /><line x1='20' y1='10' x2='10' y2='17' /></svg>");
   transition: .2s;
}
a.button-arrow:hover::after {
   margin-left: 11px;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' stroke='%23333333' stroke-width='2'><line x1='0' y1='10' x2='19' y2='10' /><line x1='20' y1='11' x2='11' y2='3' /><line x1='20' y1='10' x2='10' y2='17' /></svg>");
}
/* open link arrow (as seen on home page events section) */
.open-link-arrow a.fl-button::after {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' stroke='%23f5b941' stroke-width='2'><line x1='0' y1='10' x2='19' y2='10' /><line x1='20' y1='11' x2='11' y2='3' /><line x1='20' y1='10' x2='10' y2='17' /></svg>");
}
.open-link-arrow a.fl-button:hover::after {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' stroke='%23ffffff' stroke-width='2'><line x1='0' y1='10' x2='19' y2='10' /><line x1='20' y1='11' x2='11' y2='3' /><line x1='20' y1='10' x2='10' y2='17' /></svg>");
}

/* full-width rows: restrict column width(s) */
.pad-right-1400 {
   padding-right: calc((100vw - 1400px) / 2);
}
.pad-left-1400 {
   padding-left: calc((100vw - 1400px) / 2);
}
.pad-right-1200 {
   padding-right: calc((100vw - 1200px) / 2);
}
.pad-left-1200 {
   padding-left: calc((100vw - 1200px) / 2);
}

/* BB accordion */
.fl-module-accordion h3 {
   font-size: 25px;
   margin: 25px 0 5px 0;
}
.fl-module-accordion a.fl-button {
   padding: 5px 10px;
   font-size: 20px;
}

/* PP team module */
.pp-member-social-icons li a {
   height: 0 !important;
}

/* page title */
#page-title-row {
   position: relative;
}
#page-title-row::after {
   content: '';
   display: block;
   position: absolute;
   opacity: 0.9;
   z-index: 1;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url(assets/images/hero-bg.png) no-repeat left -150px;
   background-size: auto 440px;
   background-blend-mode: multiply;
}
#page-title-row .fl-row-content {
   position: relative;
   z-index: 5;
}
#page-title-row h1,
#page-title-row h2 {
   font-size: 54px;
   font-weight: 500;
   color: #fff;
   line-height: 1;
   margin: 0;
   padding: 0;
}
@media(max-width:1400px) {
   .page-title-filler-row > .fl-row-content-wrap {
      min-height: 116px !important;
   }
}
@media(max-width:1100px) {
   .page-title-filler-row > .fl-row-content-wrap {
      min-height: 90px !important;
   }
}
@media(max-width:992px) {
   .page-title-filler-row {
      display: none !important;
   }
   #page-title-row h1,
   #page-title-row h2 {
      font-size: 42px;
   }
}
@media(max-width:700px) {
   #page-title-row h1,
   #page-title-row h2 {
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 30px;
   }
   #page-title-row .fl-module-pp-breadcrumbs {
      display: none;
   }
}

/* gravity forms */
.gchoice label {
   font-weight: 400 !important;
}
.gform_wrapper select {
   background: #fcfcfc;
   border: 1px solid #e6e6e6;
   border-radius: 4px;
}
.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description,
.gform_wrapper .instruction,
.gform_wrapper option {
   font-size: 18px !important;
}
span.gfield_required {
   font-size: 20px !important;
}
.ginput_complex label.gform-field-label {
   font-size: 18px !important;
   font-weight: 400 !important;
}
.pp-gf-content .gform_wrapper .gfield .gfield_label {
   font-weight: 500 !important;
   font-size: 20px !important;
}
.pp-gf-content .gform_wrapper .gfield input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']),
.pp-gf-content .gform_wrapper .gfield select,
.pp-gf-content .gform_wrapper .gfield textarea {
   font-size: 20px !important;
}
/* date picker UI */
.gravity-theme.ui-datepicker .ui-datepicker-header a.ui-corner-all {
   font-size: 44px !important;
}
.gravity-theme.ui-datepicker .ui-datepicker-header select {
   font-size: 18px !important;
}
.ui-datepicker-calendar * {
   font-size: 14px;
}
.ui-datepicker-calendar thead th span {
   font-size: 14px !important;
}

/* calendar */
.wpfc-calendar-wrapper *,
.ui-selectmenu-menu {
   font-size: 18px !important;
}
.wpfc-calendar-wrapper h2 {
   font-size: 30px !important;
}
button.fc-button {
   background: #e7eaec !important;
}
button.fc-button:hover {
   text-shadow: none !important;
   box-shadow: none !important;
   background: var(--aso-blue) !important;
}
.fc-state-active,
.fc-state-down {
   text-shadow: none !important;
   box-shadow: none !important;
}
.em.em-item.em-item-single .em-item-image {
   max-width: 300px !important;
}
.em-event-content p {
   font-size: 22px;
   line-height: 1.45 !important;
   font-family: "futura-pt",Arial,sans-serif;
}
.em.pixelbones p {
   line-height: 1.45 !important;
}
.em.em-item.em-item-single .em-item-image img {
   border: none;
}
.event-tooltip {
   min-width: 200px;
}
.event-tooltip img {
   display: block;
   width: 120px;
   max-width: 100%;
   margin: 0 0 10px 0;
}
.event-tooltip h3 {
   font-size: 18px !important;
   margin: 0 0 5px 0;
}
.event-tooltip .event-dates {
   font-size: 16px !important;
}
.event-tooltip ul {
   margin: 0;
   padding: 0;
}
.event-tooltip ul li {
   margin: 0;
   padding: 0;
   list-style: none;
   padding: 0;
   font-size: 15px !important;
}
.event-tooltip ul li a {
   text-transform: uppercase;
   font-size: 15px !important;
}

#mobile-calendar-view {
   display: none;
}
/* full calendar events page */
.em-search-geo.em-search-field.input {
   display: none;
}
@media(max-width:768px) {
   #full-calendar-view {
      display: none;
   }
   #mobile-calendar-view {
      display: block;
   }
}

/* mobile list view */
.em-events-list .em-event {
   margin: 0 0 30px 0;
   padding: 0 0 30px 0;
   border-bottom: 1px solid #e7eaec;
}
.em-events-list .em-event .em-item-image img {
   display: block;
   width: 200px;
}
.em-events-list .em-event .em-event-categories span.em-icon-category {
   display: none;
}
.em-events-list .em-event .em-event-categories ul {
   margin: 0;
   padding: 0;
}
.em-events-list .em-event .em-event-categories ul li {
   margin: 0;
   padding: 0;
   list-style: none;
}
.em-events-list .em-event .em-item-desc {
   margin: 0 0 15px 0;
}
.em-events-list .em-event a.em-item-read-more {
   padding: 4px 15px;
   font-size: 18px;
}
.em-events-list .em-event a.em-item-read-more:hover {
   text-decoration: none;
}

/* event category archive */
.pagewidth-event-cat {
   width: 1360px;
   margin: 0 auto;
   padding: 40px 0 60px 0;
}
.em.pixelbones h3,
.em.em-item.em-item-single .em-item-meta h3 {
   font-weight: 700 !important;
   font-size: 34px !important;
   text-transform: uppercase;
}
.em.pixelbones ul {
   list-style: none !important;
}
.em.pixelbones ul li {
   font-style: normal !important;
   font-size: 22px !important;
   line-height: 1.3;
   margin-bottom: 20px !important;
}
.em.pixelbones ul li a {
   color: var(--aso-red);
   border: none;
}
.em.em-item .em-item-meta .em-item-meta-line a,
.em.em-list .em-item .em-item-meta .em-item-meta-line a,
.em.em-list-widget .em-item .em-item-meta .em-item-meta-line a {
   color: var(--aso-blue) !important;
   border: none !important;
   font-style: normal !important;
}
.em.em-item .em-item-meta .em-item-meta-line {
   display: block !important;
}
.em.em-item .em-item-meta .em-item-meta-line .em-icon {
   display: none !important;
}
.em-location-next-event {
   margin-bottom: 0 !important;
}
@media(max-width:1400px) {
   .pagewidth-event-cat {
      width: 100%;
      padding-left: 40px;
      padding-right: 40px;
   }
}
@media(max-width:992px) {
   .em.pixelbones li {
      font-size: 18px !important;
   }
   .em.pixelbones li a {
      font-size: 22px !important;
      display: block !important;
   }
}
@media(max-width:768px) {
   .pagewidth-event-cat {
      padding-left: 20px;
      padding-right: 20px;
   }
}

/* iframe loading gif */
#spektrix-iframe {
   position: relative;
   background: url(assets/images/loading.gif) no-repeat center 150px;
}

/* single event */
.event-location-box {
   margin: 0 0 30px 0;
   padding: 30px 30px;
   background: var(--aso-red);
}
.event-location-box h3 {
   font-size: 34px;
   margin: 0 0 15px 0;
}
.event-sidebar-additional {
   background: #fff;
   margin: 0 20px;
   padding: 20px;
}
.event-sidebar-additional * {
   color: var(--aso-body) !important;
}

/*
#single-event-iframe {
   position: relative;
   background: url(assets/images/loading.gif) no-repeat center 150px;
}

*/

/* musician bio pages */
@media(max-width:768px) {
   .musician-bio-photo img {
      max-height: 200px;
      width: auto;
   }
}

/* blog single.php (template file located in this theme) */
.post-single {
   display: flex;
   flex-wrap: nowrap;
}
.post-single .post-col {
   width: 70%;
   padding-right: 60px;
}
.post-single .post-col .fl-row-content-wrap {
   padding-left: 0;
}
.post-single .sidebar-col {
   width: 30%;
   padding-top: 20px;
}

/* homepage */

/* hero slider */
.home-hero {
   overflow: hidden;
   --aso-slider-height: calc(100vh - 138px);
}
.home-hero .fl-content-slider {
   height: var(--aso-slider-height) !important;
   min-height: var(--aso-slider-height) !important;
}
.home-hero .fl-content-slider .bx-viewport {
   height: var(--aso-slider-height) !important;
}
.home-hero .fl-slide {
   min-height: var(--aso-slider-height);
   height: var(--aso-slider-height) !important;
}

/* BD uncomment this section to make first slide behave like the other slides (BD functionatlity) */
/*
.home-hero .fl-slide:not(.fl-slide-0)::before {
   content: '';
   display: block;
   position: absolute;
   z-index: 2;
   opacity: 0.9;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url(assets/images/hero-arch.svg) no-repeat left bottom;
   background-size: auto 300px;
}
*/

/* BD uncomment this section to make first slide title style different (original functionality) */
.home-hero .fl-slide::before {
   content: '';
   display: block;
   position: absolute;
   z-index: 2;
   opacity: 0.9;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url(assets/images/hero-arch.svg) no-repeat left bottom;
   background-size: auto 300px;
}

/* BD end first slide alterations */

.home-hero .fl-slide::after {
   content: '';
   display: block;
   position: absolute;
   z-index: 1;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0.2;
   background: url(assets/images/hero-waves.svg) no-repeat left bottom;
   background-size: 100% auto;
   background-blend-mode: multiply;
}
.home-hero .fl-slide-foreground {
   width: 700px;
   position: absolute;
   z-index: 5;
   left: calc(50% - 730px);
   bottom: 30px;
}
.home-hero .fl-content-slider-navigation {
   top: 100% !important;
   margin-top: 0 !important;
   height: 100% !important;
}
.home-hero .fl-content-slider-navigation a {
   position: absolute;
   top: -100%;
   opacity: 1 !important;
   width: 100px !important;
   height: 100% !important;
   background-repeat: no-repeat;
   background-size: 30px auto;
   background-position: center center;
   background-color: rgba(0,0,0,0.6);
}
.home-hero .fl-content-slider-navigation a:hover {
   opacity: 0.8 !important;
}
.home-hero .fl-content-slider-navigation a.slider-prev {
   left: 0 !important;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='90' stroke='%23ffffff' stroke-width='3'><line x1='29' y1='0' x2='1' y2='45' /><line x1='1' y1='44' x2='29' y2='90' /></svg>");
}
.home-hero .fl-content-slider-navigation a.slider-next {
   right: 0 !important;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='90' stroke='%23ffffff' stroke-width='3'><line x1='0' y1='0' x2='29' y2='45' /><line x1='29' y1='44' x2='0' y2='90' /></svg>");
}
.home-hero .fl-content-slider-navigation a .fl-content-slider-svg-container {
   display: none;
}

/* first slide */
/*
.home-hero .fl-slide-0::after {
   display: none;
}

.home-hero .fl-slide-0 .fl-slide-foreground {
   width: 100%;
   left: 0;
   bottom: auto;
   top: 10%;
}
.home-hero .fl-slide-0 .fl-slide-foreground h1 {
   margin-bottom: 0 !important;
   text-align: center !important;
}
.home-hero .fl-slide-0 .fl-slide-foreground h2 {
   text-align: center;
}
.home-hero .fl-slide-0 .fl-button-left {
   text-align: center !important;
}
*/
@media(max-width:1700px) {
   .home-hero .fl-slide-foreground {
      left: 120px;
   }
}
@media(max-width:1400px) {
   /*.home-hero .fl-row-content-wrap {
      padding-top: 116px;
   }*/
   .home-hero h2 {
      font-size: 42px !important;
   }
}
@media(max-width:1100px) {
   .home-hero .fl-slide::before {
      background-size: auto 275px;
   }
   /*.home-hero .fl-row-content-wrap {
      padding-top: 90px;
   }*/
   .home-hero {
      --aso-slider-height: 700px !important;
   }
   .home-hero h2 {
      margin-bottom: 0 !important;
   }
   .home-hero .fl-slide-foreground {
      width: calc(50% + 100px);
   }
}
@media(max-width:992px) {
   .home-hero {
      --aso-slider-height: 550px !important;
   }
   .home-hero .fl-slide-foreground {
      width: 50%;
      left: 70px;
   }
   .home-hero .fl-slide:not(.fl-slide-0)::before {
      background-size: auto 250px;
   }
   .home-hero h2 {
      font-size: 42px !important;
      margin-bottom: 0px !important;
   }
   .home-hero .fl-slide::after {
      background-size: auto 300px;
   }
   .home-hero .fl-content-slider-navigation a {
      width: 50px !important;
      height: 100% !important;
      background-size: 20px auto;
   }
   .home-hero .fl-slide::before {
      background-size: auto 200px;
   }
}
@media(max-width:768px) {
   .home-hero {
      --aso-slider-height: 400px !important;
   }
   .home-hero h1 {
      margin-bottom: 0;
   }
   .home-hero h1,
   .home-hero h2 {
      font-size: 34px !important;
      text-align: left;
      font-weight: 700 !important;
   }
   .home-hero .fl-slide:not(.fl-slide-0)::before {
      display: none;
   }
   .home-hero .fl-slide-mobile-photo {
      display: none !important;
   }
/* adjust fl-slide background position to keep top of background from cutting off */
   .home-hero .fl-slide-bg-photo {
      height: 100%;
	  background-position: unset;
   }
   .home-hero .fl-slide-foreground {
      width: 90%;
      left: 70px;
   }
   .home-hero .fl-slide-foreground a.fl-button {
      color: #fff !important;
      border: none !important;
      background: var(--aso-red) !important;
   }
   .home-hero .fl-slide-foreground a.fl-button span.fl-button-text {
      color: #fff !important;
   }
   .home-hero .fl-module-content-slider .fl-slide .fl-slide-content {
      padding: 0;
   }
   .home-hero .fl-content-slider-navigation a {
      background-color: transparent;
   }
   .home-hero .fl-slide::after {
      display: none;
   }
}
@media(max-width:700px) {
   .home-hero .fl-slide-0 .fl-slide-foreground,
   .home-hero .fl-slide-foreground {
      width: 100%;
      left: 0;
   }
   .fl-slide-cta-button {
      padding-top: 15px !important;
   }
   .home-hero .fl-module-content-slider .fl-slide .fl-slide-content {
      padding-left: 20px !important;
      padding-right: 20px !important;
   }
   .home-hero .fl-content-slider-navigation {
      display: none !important;
   }
}
@media(max-width:500px) {
   .home-hero .fl-slide::after {
      background-size: auto 230px;
   }
   .home-hero .fl-module-content-slider .fl-slide .fl-slide-content {
      padding-left: 60px;
      padding-right: 60px;
   }
   .home-hero h1,
   .home-hero h2 {
      font-size: 26px !important;
      text-align: left !important;
      padding-right: 0px !important;
   }
}

/* events - layouts used throughout site */

/* events search (the search bar & the results which are displayed before events list) */
.em-search button.em-search-submit {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 18.711l-6.044-6.044a7.782 7.782 0 0 0 1.688-4.845c0-2.089-.822-4.044-2.288-5.533C11.866.822 9.91 0 7.822 0S3.778.822 2.29 2.289A7.801 7.801 0 0 0 0 7.822c0 2.09.822 4.045 2.289 5.534a7.801 7.801 0 0 0 5.533 2.288c1.778 0 3.467-.6 4.845-1.688L18.71 20 20 18.711zM3.578 12.067c-2.334-2.334-2.334-6.156 0-8.49a5.968 5.968 0 0 1 4.244-1.755c1.6 0 3.111.622 4.245 1.756 2.333 2.333 2.333 6.155 0 8.489a5.968 5.968 0 0 1-4.245 1.755c-1.6 0-3.11-.622-4.244-1.755z' fill='%23ffffff'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: center;
}
.em-events-list h2 {
   font-size: 36px;
   margin-bottom: 20px;
}
.em-events-list .em-event {
   display: flex;
}
.em-events-list .em-event .em-item-image {
   width: 200px;
}
.em-events-list .em-event .em-item-info {
   width: calc(100% - 200px);
   padding-left: 30px;
}
.em-events-list .em-event .em-item-info h3 {
   margin: 0;
}
.em-events-list .em-event .em-item-info .em-item-location,
.em-events-list .em-event .em-item-info .em-item-taxonomy,
.em-events-list .em-event .em-item-info .em-item-desc {
   display: none !important;
}

/* event paging */
.events-grid {
   position: relative;
}
.events-grid .em-pagination {
   position: absolute;
   width: 100%;
   max-width: 1360px;
   bottom: -60px;
   text-align: center;
   padding: 20px 0;
}
.events-grid .em-pagination .page-numbers {
   padding: 2px 3px;
}

/* grid layouts */
.events-grid .em-events-list {
   display: grid;
   gap: 30px;
}
.events-grid.cols-4 .em-events-list {
   grid-template-columns: repeat(4,1fr); /* default is 4 columns */
}
.events-grid.cols-3 .em-events-list {
   grid-template-columns: repeat(3,1fr);
}
@media(max-width: 1100px) {
   .events-grid.cols-4 .em-events-list {
      grid-template-columns: repeat(2,1fr); /* default is 4 columns */
   }
}
@media(max-width:992px) {
   .events-grid.cols-3 .em-events-list {
      grid-template-columns: repeat(2,1fr);
   }
}
@media(max-width:768px) {
   .events-grid .fl-html {
      display: block;
   }
   .events-grid.cols-4 .event-style-1 {
      width: 100%;
      margin-bottom: 20px;
   }
   .events-grid.cols-3 .fl-html {
      display: block;
   }
}

/* event block */
.event-style-1 {
   background: #231f20;
   position: relative;
}
.event-style-1 .event-thumb {
   display: block;
   position: relative;
   height: 320px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}
.event-style-1 .event-thumb::after {
   content: '';
   display: block;
   position: absolute;
   z-index: 1;
   top: 100%;
   left: 0;
   width: 100px;
   height: 3px;
   background: var(--aso-red);
}
.event-style-1 .event-info {
   padding: 35px 30px 80px 30px;
}
.event-style-1.no-button .event-info {
   padding-bottom: 30px;
}
.event-style-1 .event-info .event-cat {
   margin: 0 0 10px 0;
}
.event-style-1 .event-info .event-location {
   margin: 15px 0 0 0;
   color: #fff;
}
.event-style-1 .event-info .event-cat ul {
   margin: 0;
   padding: 0;
}
.event-style-1 .event-info .event-cat ul li {
   margin: 0;
   padding: 0;
   list-style: none;
}
.event-style-1 .event-info .event-cat ul li a {
   font-size: 20px;
   color: #ccc;
   text-transform: uppercase;
}
.event-style-1 .event-info h3 {
   font-size: 30px;
   margin: 0 0 10px 0;
   padding: 0;
   line-height: 1.1;
   color: #fff;
   text-transform: uppercase;
   font-family: 'futura-pt', sans-serif;
}
.event-style-1 .event-info .event-dates {
   font-size: 30px;
   color: var(--aso-yellow);
   text-transform: uppercase;
   font-size: 24px;
   font-family: 'futura-pt', sans-serif;
}
.event-style-1 .event-info a.more {
   display: block;
   position: absolute;
   left: 30px;
   bottom: 20px;
   color: #fff;
   padding: 5px 15px;
   text-transform: uppercase;
   font-size: 20px;
   line-height: 1;
   background: var(--aso-red);
   text-decoration: none;
   font-family: 'futura-pt', sans-serif;
}
.event-style-1 .event-info a.more:hover {
   background: var(--aso-blue);
}
@media(min-width:1100px) and (max-width:1400px) {
   .events-grid.cols-4 .event-style-1 .event-info h3 {
      font-size: 24px;
   }
}
@media(max-width:768px) {
   .event-style-1 .event-info {
      padding: 25px 20px 80px 20px;
   }
   .event-style-1 .event-info a.more {
      left: 20px;
   }
   .events-grid.cols-3 .event-style-1 {
      width: 100%;
      margin-bottom: 20px;
   }
}
@media(max-width:400px) {
   .event-style-1 .event-thumb {
      height: 250px;
   }
   .event-style-1 .event-info h3 {
      font-size: 24px;
   }
}

/* fixes event category & event tag archive page content width */
.single-location.fl-full-width .container,
.tax-event-tags.fl-full-width .container,
.tax-event-categories.fl-full-width .container {
   width: 1360px;
   max-width: 100%;
}

/* event location template (single-location.php) */
.location-header {
   display: flex;
   flex-wrap: no-wrap;
}
.location-header .location-name-addr {
   flex-grow: 1;
}
.location-header .location-image {
   width: 30%;
}

/* events (second appearance) */
.home-events-2 .fl-html {
   display: flex;
   flex-wrap: no-wrap;
   column-gap: 20px;
}
.home-event-2 {
   width: calc(100% / 3);
   background: #e7eaec;
   position: relative;
}
.home-event-2 .event-thumb {
   display: block;
   position: relative;
   height: 320px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}
.home-event-2 .event-thumb::after {
   content: '';
   display: block;
   position: absolute;
   z-index: 1;
   top: 100%;
   left: 0;
   width: 100px;
   height: 3px;
   background: var(--aso-red);
}
.home-event-2 .event-info {
   padding: 35px 30px 80px 30px;
}
.home-event-2 .event-info .event-cat {
   margin: 0 0 10px 0;
   color: var(--aso-red);
   text-transform: uppercase;
}
.home-event-2 .event-info h3 {
   font-size: 30px;
   font-weight: 500;
   margin: 0 0 10px 0;
   padding: 0;
   line-height: 1.1;
   text-transform: uppercase;
   font-family: 'futura-pt', sans-serif;
}
.home-event-2 .event-info .event-dates {
   font-size: 30px;
   color: #3f76bb;
   text-transform: uppercase;
   font-size: 24px;
   font-family: 'futura-pt', sans-serif;
}
.home-event-2 .event-info a.more {
   display: block;
   position: absolute;
   left: 30px;
   bottom: 20px;
   color: #fff;
   padding: 5px 15px;
   text-transform: uppercase;
   font-size: 20px;
   line-height: 1;
   background: var(--aso-red);
   text-decoration: none;
   font-family: 'futura-pt', sans-serif;
}
.home-event-2 .event-info a.more:hover {
   background: var(--aso-blue);
}
@media(max-width:992px) {
   .home-events-2 .fl-html {
      display: block;
   }
   .home-event-2 {
      width: 100%;
      margin: 0 0 20px 0;
   }
}

/* support row */
.home-support-buttons .fl-button-group-button {
   width: calc(50% - 30px) !important;
}
.home-support-buttons .fl-button-group-button .fl-button-wrap {
   width: 100%;
}
@media(max-width:992px) {
   .home-support-buttons .fl-button-group-button {
      width: 50% !important;
   }
}
@media(max-width:768px) {
   .home-support-buttons .fl-button-group-button {
      width: 100% !important;
   }
}

/* E. Lee music academy row */
@media(max-width:768px) {
   #music-academy .col-3 .fl-col-content {
      margin-bottom: 0 !important;
      margin-right: 15px !important;
   }
   #music-academy .col-4 .fl-col-content {
      margin-bottom: 0 !important;
      margin-left: 15px !important;
   }
}
@media(max-width:600px) {
   #music-academy .col-1 {
      height: 300px;
      width: 100% !important;
   }
   #music-academy .col-1 .fl-col-content {
      margin: 0 !important;
   }
   #music-academy .col-2 {
      padding-top: 20px !Important;
      width: 100% !important;
   }
   #music-academy .col-3 .fl-col-content {
      margin-right: 5px !important;
   }
   #music-academy .col-4 .fl-col-content {
      margin-left: 5px !important;
   }
}

/* sponsors (3 cols section) */
.home-col-cta h2.heading-title span.title-text {
   display: block !important;
}
.home-col-cta .bx-wrapper .bx-controls-auto,
.home-col-cta .bx-wrapper .bx-pager {
   bottom: -10px !important;
}
.home-col-cta button.logo-slider-nav svg {
   display: none !important;
}
.home-col-cta button.logo-slider-nav span {
   display: block;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-size: 100% auto;
   background-positoin: center;
}
.home-col-cta button.logo-slider-nav.logo-slider-next span {
   background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='20' stroke='%23000000' fill='transparent' stroke-width='2'><path d='M20,0 30,10 20,20 M0,10 L30,10' /></svg>");
}
.home-col-cta button.logo-slider-nav.logo-slider-prev span {
   background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='20' stroke='%23000000' fill='transparent' stroke-width='2'><path d='M10,1 1,10 10,20 M1,10 L30,10' /></svg>");
}
.newsletter form {
   display: flex;
}
.newsletter .pp-gf-content .gform_wrapper .gform_body {
   width: calc(100% - 110px) !important;
}
.newsletter .gform_body input[type="email"] {
   height: 45px;
}
.newsletter .gform_footer {
   width: 110px !important;
   margin: 0 !important;
   padding: 0 !important;
}
.newsletter .gform_footer input {
   width: 100% !important;
   height: 45px;
   margin: 0 !important;
}
@media(min-width:768px) and (max-width:1100px) {
   .newsletter form {
      display: block;
   }
   .newsletter .pp-gf-content .gform_wrapper .gform_body {
      width: 100% !important;
   }
   .newsletter .gform_footer {
      width: 100% !important;
   }
}
@media(max-width:768px) {
   .newsletter .pp-gf-content .gform_wrapper .gform_body {
      width: calc(100% - 80px) !important;
   }
   .newsletter .gform_footer {
      width: 80px !important;
   }
}

/* home native message */
.opaxpa-notice {
   position: relative;
   z-index: 1;
}

/* footer */
@media(max-width:992px) {
   #footer svg.logo-white {
      display: block;
      max-width: 400px;
      margin: 0 auto;
   }
}
@media(max-width:600px) {
   #footer svg.logo-white {
      max-width: 260px;
   }
}
@media(max-width:450px) {
   #footer .footer-col-2 {
      width: 100% !important;
   }
   #footer .footer-col-3 {
      width: 100% !important;
   }
}


/* print */
@media print {
   #masthead,
   .fl-module-pp-breadcrumbs,
   #footer {
      display: none;
   }
}