/* Theme Name: Slims Presents Theme URI: http://slimspresents-eb.ticketfly.com/ Description: Child of Eventbrite Gold Parent based on _s Author: Eventbrite D&DS Jeremy Schuler | MARCH 2019 Author URI: http://eventbrite.com http://jeremyschuler.com/ Template: gold-parent_s Version: 1.0.0 Text Domain: gold-parent_s-child */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: Last Updated 08.21.19 - Schuler ---------------------------------------------------------------- 1.0 - Reset 2.0 - Typography 3.0 - Links 4.0 - Elements 5.0 - Navigation 6.0 - Widgets 7.0 - Custom Eventbrite Styles 8.0 - Author Styles 8.1 - Header 8.2 - Footer 8.3 - Sidebar 8.4 - Templates 8.5 - Blog 8.6 - Components 9.0 Plugin Overrides 10.0 Effects 11.0 Helper Classes 12.0 Media Queries --------------------------------------------------------------*/ /** * Foundation XY Grid for Sites by ZURB * Version 6.5.1 * foundation.zurb.com * Licensed under MIT Open Source */ .grid-container,.grid-container.fluid{padding-right:.9375rem;padding-left:.9375rem;margin:0 auto}.grid-x,.grid-y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.grid-margin-y:not(.grid-y)>.cell,.grid-y>.auto,.grid-y>.shrink{height:auto}.grid-container{max-width:62.5rem}.grid-container.fluid{max-width:100%}.grid-container.full{padding-right:0;padding-left:0;max-width:100%;margin:0 auto}.grid-margin-y,.grid-padding-y .grid-padding-y{margin-top:-.9375rem;margin-bottom:-.9375rem}.grid-x{display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.cell-block-container,.grid-y{-webkit-box-orient:vertical;-webkit-box-direction:normal}.cell{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-height:0;min-width:0;width:100%}.cell.auto{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px}.cell.shrink{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.grid-x>.auto,.grid-x>.shrink{width:auto}.grid-x>.small-1,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9,.grid-x>.small-full,.grid-x>.small-shrink{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}@media print,screen and (min-width:40em){.grid-x>.medium-1,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-full,.grid-x>.medium-shrink{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}}@media print,screen and (min-width:64em){.grid-x>.large-1,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-full,.grid-x>.large-shrink{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}}.grid-x>.small-1,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.grid-x>.small-1{width:8.33333%}.grid-x>.small-2{width:16.66667%}.grid-x>.small-3{width:25%}.grid-x>.small-4{width:33.33333%}.grid-x>.small-5{width:41.66667%}.grid-x>.small-6{width:50%}.grid-x>.small-7{width:58.33333%}.grid-x>.small-8{width:66.66667%}.grid-x>.small-9{width:75%}.grid-x>.small-10{width:83.33333%}.grid-x>.small-11{width:91.66667%}.grid-x>.small-12{width:100%}@media print,screen and (min-width:40em){.grid-x>.medium-auto{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px;width:auto}.grid-x>.medium-1,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-shrink{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.grid-x>.medium-shrink{width:auto}.grid-x>.medium-1{width:8.33333%}.grid-x>.medium-2{width:16.66667%}.grid-x>.medium-3{width:25%}.grid-x>.medium-4{width:33.33333%}.grid-x>.medium-5{width:41.66667%}.grid-x>.medium-6{width:50%}.grid-x>.medium-7{width:58.33333%}.grid-x>.medium-8{width:66.66667%}.grid-x>.medium-9{width:75%}.grid-x>.medium-10{width:83.33333%}.grid-x>.medium-11{width:91.66667%}.grid-x>.medium-12{width:100%}}@media print,screen and (min-width:64em){.grid-x>.large-auto{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px;width:auto}.grid-x>.large-1,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-shrink{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.grid-x>.large-shrink{width:auto}.grid-x>.large-1{width:8.33333%}.grid-x>.large-2{width:16.66667%}.grid-x>.large-3{width:25%}.grid-x>.large-4{width:33.33333%}.grid-x>.large-5{width:41.66667%}.grid-x>.large-6{width:50%}.grid-x>.large-7{width:58.33333%}.grid-x>.large-8{width:66.66667%}.grid-x>.large-9{width:75%}.grid-x>.large-10{width:83.33333%}.grid-x>.large-11{width:91.66667%}.grid-x>.large-12{width:100%}}.grid-margin-x:not(.grid-x)>.cell{width:auto}.grid-margin-x{margin-left:-.9375rem;margin-right:-.9375rem}.grid-margin-x>.cell{width:calc(100% - 1.875rem);margin-left:.9375rem;margin-right:.9375rem}.grid-margin-x>.auto,.grid-margin-x>.shrink{width:auto}.grid-margin-x>.small-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.small-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.small-3{width:calc(25% - 1.875rem)}.grid-margin-x>.small-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.small-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.small-6{width:calc(50% - 1.875rem)}.grid-margin-x>.small-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.small-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.small-9{width:calc(75% - 1.875rem)}.grid-margin-x>.small-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.small-11{width:calc(91.66667% - 1.875rem)}.grid-margin-x>.small-12{width:calc(100% - 1.875rem)}@media print,screen and (min-width:40em){.grid-margin-x>.medium-auto,.grid-margin-x>.medium-shrink{width:auto}.grid-margin-x>.medium-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.medium-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.medium-3{width:calc(25% - 1.875rem)}.grid-margin-x>.medium-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.medium-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.medium-6{width:calc(50% - 1.875rem)}.grid-margin-x>.medium-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.medium-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.medium-9{width:calc(75% - 1.875rem)}.grid-margin-x>.medium-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.medium-11{width:calc(91.66667% - 1.875rem)}.grid-margin-x>.medium-12{width:calc(100% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-x>.large-auto,.grid-margin-x>.large-shrink{width:auto}.grid-margin-x>.large-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.large-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.large-3{width:calc(25% - 1.875rem)}.grid-margin-x>.large-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.large-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.large-6{width:calc(50% - 1.875rem)}.grid-margin-x>.large-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.large-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.large-9{width:calc(75% - 1.875rem)}.grid-margin-x>.large-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.large-11{width:calc(91.66667% - 1.875rem)}.grid-margin-x>.large-12{width:calc(100% - 1.875rem)}}.grid-container:not(.full)>.grid-padding-x,.grid-padding-x .grid-padding-x{margin-right:-.9375rem;margin-left:-.9375rem}.small-margin-collapse,.small-margin-collapse>.cell,.small-padding-collapse{margin-right:0;margin-left:0}.grid-padding-x>.cell{padding-right:.9375rem;padding-left:.9375rem}.small-up-1>.cell{width:100%}.small-up-2>.cell{width:50%}.small-up-3>.cell{width:33.33333%}.small-up-4>.cell{width:25%}.small-up-5>.cell{width:20%}.small-up-6>.cell{width:16.66667%}.small-up-7>.cell{width:14.28571%}.small-up-8>.cell{width:12.5%}@media print,screen and (min-width:40em){.medium-up-1>.cell{width:100%}.medium-up-2>.cell{width:50%}.medium-up-3>.cell{width:33.33333%}.medium-up-4>.cell{width:25%}.medium-up-5>.cell{width:20%}.medium-up-6>.cell{width:16.66667%}.medium-up-7>.cell{width:14.28571%}.medium-up-8>.cell{width:12.5%}}@media print,screen and (min-width:64em){.large-up-1>.cell{width:100%}.large-up-2>.cell{width:50%}.large-up-3>.cell{width:33.33333%}.large-up-4>.cell{width:25%}.large-up-5>.cell{width:20%}.large-up-6>.cell{width:16.66667%}.large-up-7>.cell{width:14.28571%}.large-up-8>.cell{width:12.5%}}.grid-margin-x.small-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.small-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.small-up-3>.cell{width:calc(33.33333% - 1.875rem)}.grid-margin-x.small-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.small-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.small-up-6>.cell{width:calc(16.66667% - 1.875rem)}.grid-margin-x.small-up-7>.cell{width:calc(14.28571% - 1.875rem)}.grid-margin-x.small-up-8>.cell{width:calc(12.5% - 1.875rem)}@media print,screen and (min-width:40em){.grid-margin-x.medium-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.medium-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.medium-up-3>.cell{width:calc(33.33333% - 1.875rem)}.grid-margin-x.medium-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.medium-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.medium-up-6>.cell{width:calc(16.66667% - 1.875rem)}.grid-margin-x.medium-up-7>.cell{width:calc(14.28571% - 1.875rem)}.grid-margin-x.medium-up-8>.cell{width:calc(12.5% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-x.large-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.large-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.large-up-3>.cell{width:calc(33.33333% - 1.875rem)}.grid-margin-x.large-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.large-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.large-up-6>.cell{width:calc(16.66667% - 1.875rem)}.grid-margin-x.large-up-7>.cell{width:calc(14.28571% - 1.875rem)}.grid-margin-x.large-up-8>.cell{width:calc(12.5% - 1.875rem)}}.small-margin-collapse>.small-1{width:8.33333%}.small-margin-collapse>.small-2{width:16.66667%}.small-margin-collapse>.small-3{width:25%}.small-margin-collapse>.small-4{width:33.33333%}.small-margin-collapse>.small-5{width:41.66667%}.small-margin-collapse>.small-6{width:50%}.small-margin-collapse>.small-7{width:58.33333%}.small-margin-collapse>.small-8{width:66.66667%}.small-margin-collapse>.small-9{width:75%}.small-margin-collapse>.small-10{width:83.33333%}.small-margin-collapse>.small-11{width:91.66667%}.small-margin-collapse>.small-12{width:100%}@media print,screen and (min-width:40em){.small-margin-collapse>.medium-1{width:8.33333%}.small-margin-collapse>.medium-2{width:16.66667%}.small-margin-collapse>.medium-3{width:25%}.small-margin-collapse>.medium-4{width:33.33333%}.small-margin-collapse>.medium-5{width:41.66667%}.small-margin-collapse>.medium-6{width:50%}.small-margin-collapse>.medium-7{width:58.33333%}.small-margin-collapse>.medium-8{width:66.66667%}.small-margin-collapse>.medium-9{width:75%}.small-margin-collapse>.medium-10{width:83.33333%}.small-margin-collapse>.medium-11{width:91.66667%}.small-margin-collapse>.medium-12{width:100%}.medium-margin-collapse,.medium-margin-collapse>.cell{margin-right:0;margin-left:0}}@media print,screen and (min-width:64em){.small-margin-collapse>.large-1{width:8.33333%}.small-margin-collapse>.large-2{width:16.66667%}.small-margin-collapse>.large-3{width:25%}.small-margin-collapse>.large-4{width:33.33333%}.small-margin-collapse>.large-5{width:41.66667%}.small-margin-collapse>.large-6{width:50%}.small-margin-collapse>.large-7{width:58.33333%}.small-margin-collapse>.large-8{width:66.66667%}.small-margin-collapse>.large-9{width:75%}.small-margin-collapse>.large-10{width:83.33333%}.small-margin-collapse>.large-11{width:91.66667%}.small-margin-collapse>.large-12{width:100%}}.small-padding-collapse>.cell{padding-right:0;padding-left:0}@media print,screen and (min-width:40em){.medium-margin-collapse>.small-1{width:8.33333%}.medium-margin-collapse>.small-2{width:16.66667%}.medium-margin-collapse>.small-3{width:25%}.medium-margin-collapse>.small-4{width:33.33333%}.medium-margin-collapse>.small-5{width:41.66667%}.medium-margin-collapse>.small-6{width:50%}.medium-margin-collapse>.small-7{width:58.33333%}.medium-margin-collapse>.small-8{width:66.66667%}.medium-margin-collapse>.small-9{width:75%}.medium-margin-collapse>.small-10{width:83.33333%}.medium-margin-collapse>.small-11{width:91.66667%}.medium-margin-collapse>.small-12{width:100%}.medium-margin-collapse>.medium-1{width:8.33333%}.medium-margin-collapse>.medium-2{width:16.66667%}.medium-margin-collapse>.medium-3{width:25%}.medium-margin-collapse>.medium-4{width:33.33333%}.medium-margin-collapse>.medium-5{width:41.66667%}.medium-margin-collapse>.medium-6{width:50%}.medium-margin-collapse>.medium-7{width:58.33333%}.medium-margin-collapse>.medium-8{width:66.66667%}.medium-margin-collapse>.medium-9{width:75%}.medium-margin-collapse>.medium-10{width:83.33333%}.medium-margin-collapse>.medium-11{width:91.66667%}.medium-margin-collapse>.medium-12{width:100%}.medium-padding-collapse{margin-right:0;margin-left:0}.medium-padding-collapse>.cell{padding-right:0;padding-left:0}}@media print,screen and (min-width:64em){.medium-margin-collapse>.large-1{width:8.33333%}.medium-margin-collapse>.large-2{width:16.66667%}.medium-margin-collapse>.large-3{width:25%}.medium-margin-collapse>.large-4{width:33.33333%}.medium-margin-collapse>.large-5{width:41.66667%}.medium-margin-collapse>.large-6{width:50%}.medium-margin-collapse>.large-7{width:58.33333%}.medium-margin-collapse>.large-8{width:66.66667%}.medium-margin-collapse>.large-9{width:75%}.medium-margin-collapse>.large-10{width:83.33333%}.medium-margin-collapse>.large-11{width:91.66667%}.medium-margin-collapse>.large-12{width:100%}.large-margin-collapse,.large-margin-collapse>.cell{margin-right:0;margin-left:0}.large-margin-collapse>.small-1{width:8.33333%}.large-margin-collapse>.small-2{width:16.66667%}.large-margin-collapse>.small-3{width:25%}.large-margin-collapse>.small-4{width:33.33333%}.large-margin-collapse>.small-5{width:41.66667%}.large-margin-collapse>.small-6{width:50%}.large-margin-collapse>.small-7{width:58.33333%}.large-margin-collapse>.small-8{width:66.66667%}.large-margin-collapse>.small-9{width:75%}.large-margin-collapse>.small-10{width:83.33333%}.large-margin-collapse>.small-11{width:91.66667%}.large-margin-collapse>.small-12{width:100%}.large-margin-collapse>.medium-1{width:8.33333%}.large-margin-collapse>.medium-2{width:16.66667%}.large-margin-collapse>.medium-3{width:25%}.large-margin-collapse>.medium-4{width:33.33333%}.large-margin-collapse>.medium-5{width:41.66667%}.large-margin-collapse>.medium-6{width:50%}.large-margin-collapse>.medium-7{width:58.33333%}.large-margin-collapse>.medium-8{width:66.66667%}.large-margin-collapse>.medium-9{width:75%}.large-margin-collapse>.medium-10{width:83.33333%}.large-margin-collapse>.medium-11{width:91.66667%}.large-margin-collapse>.medium-12{width:100%}.large-margin-collapse>.large-1{width:8.33333%}.large-margin-collapse>.large-2{width:16.66667%}.large-margin-collapse>.large-3{width:25%}.large-margin-collapse>.large-4{width:33.33333%}.large-margin-collapse>.large-5{width:41.66667%}.large-margin-collapse>.large-6{width:50%}.large-margin-collapse>.large-7{width:58.33333%}.large-margin-collapse>.large-8{width:66.66667%}.large-margin-collapse>.large-9{width:75%}.large-margin-collapse>.large-10{width:83.33333%}.large-margin-collapse>.large-11{width:91.66667%}.large-margin-collapse>.large-12{width:100%}.large-padding-collapse{margin-right:0;margin-left:0}.large-padding-collapse>.cell{padding-right:0;padding-left:0}}.small-offset-0{margin-left:0}.grid-margin-x>.small-offset-0{margin-left:calc(0% + .9375rem)}.small-offset-1{margin-left:8.33333%}.grid-margin-x>.small-offset-1{margin-left:calc(8.33333% + .9375rem)}.small-offset-2{margin-left:16.66667%}.grid-margin-x>.small-offset-2{margin-left:calc(16.66667% + .9375rem)}.small-offset-3{margin-left:25%}.grid-margin-x>.small-offset-3{margin-left:calc(25% + .9375rem)}.small-offset-4{margin-left:33.33333%}.grid-margin-x>.small-offset-4{margin-left:calc(33.33333% + .9375rem)}.small-offset-5{margin-left:41.66667%}.grid-margin-x>.small-offset-5{margin-left:calc(41.66667% + .9375rem)}.small-offset-6{margin-left:50%}.grid-margin-x>.small-offset-6{margin-left:calc(50% + .9375rem)}.small-offset-7{margin-left:58.33333%}.grid-margin-x>.small-offset-7{margin-left:calc(58.33333% + .9375rem)}.small-offset-8{margin-left:66.66667%}.grid-margin-x>.small-offset-8{margin-left:calc(66.66667% + .9375rem)}.small-offset-9{margin-left:75%}.grid-margin-x>.small-offset-9{margin-left:calc(75% + .9375rem)}.small-offset-10{margin-left:83.33333%}.grid-margin-x>.small-offset-10{margin-left:calc(83.33333% + .9375rem)}.small-offset-11{margin-left:91.66667%}.grid-margin-x>.small-offset-11{margin-left:calc(91.66667% + .9375rem)}.grid-y{display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.grid-y>.cell{width:auto;max-width:none}.grid-y>.small-1,.grid-y>.small-10,.grid-y>.small-11,.grid-y>.small-12,.grid-y>.small-2,.grid-y>.small-3,.grid-y>.small-4,.grid-y>.small-5,.grid-y>.small-6,.grid-y>.small-7,.grid-y>.small-8,.grid-y>.small-9,.grid-y>.small-full,.grid-y>.small-shrink{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}@media print,screen and (min-width:40em){.medium-offset-0{margin-left:0}.grid-margin-x>.medium-offset-0{margin-left:calc(0% + .9375rem)}.medium-offset-1{margin-left:8.33333%}.grid-margin-x>.medium-offset-1{margin-left:calc(8.33333% + .9375rem)}.medium-offset-2{margin-left:16.66667%}.grid-margin-x>.medium-offset-2{margin-left:calc(16.66667% + .9375rem)}.medium-offset-3{margin-left:25%}.grid-margin-x>.medium-offset-3{margin-left:calc(25% + .9375rem)}.medium-offset-4{margin-left:33.33333%}.grid-margin-x>.medium-offset-4{margin-left:calc(33.33333% + .9375rem)}.medium-offset-5{margin-left:41.66667%}.grid-margin-x>.medium-offset-5{margin-left:calc(41.66667% + .9375rem)}.medium-offset-6{margin-left:50%}.grid-margin-x>.medium-offset-6{margin-left:calc(50% + .9375rem)}.medium-offset-7{margin-left:58.33333%}.grid-margin-x>.medium-offset-7{margin-left:calc(58.33333% + .9375rem)}.medium-offset-8{margin-left:66.66667%}.grid-margin-x>.medium-offset-8{margin-left:calc(66.66667% + .9375rem)}.medium-offset-9{margin-left:75%}.grid-margin-x>.medium-offset-9{margin-left:calc(75% + .9375rem)}.medium-offset-10{margin-left:83.33333%}.grid-margin-x>.medium-offset-10{margin-left:calc(83.33333% + .9375rem)}.medium-offset-11{margin-left:91.66667%}.grid-margin-x>.medium-offset-11{margin-left:calc(91.66667% + .9375rem)}.grid-y>.medium-1,.grid-y>.medium-10,.grid-y>.medium-11,.grid-y>.medium-12,.grid-y>.medium-2,.grid-y>.medium-3,.grid-y>.medium-4,.grid-y>.medium-5,.grid-y>.medium-6,.grid-y>.medium-7,.grid-y>.medium-8,.grid-y>.medium-9,.grid-y>.medium-full,.grid-y>.medium-shrink{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}}@media print,screen and (min-width:64em){.large-offset-0{margin-left:0}.grid-margin-x>.large-offset-0{margin-left:calc(0% + .9375rem)}.large-offset-1{margin-left:8.33333%}.grid-margin-x>.large-offset-1{margin-left:calc(8.33333% + .9375rem)}.large-offset-2{margin-left:16.66667%}.grid-margin-x>.large-offset-2{margin-left:calc(16.66667% + .9375rem)}.large-offset-3{margin-left:25%}.grid-margin-x>.large-offset-3{margin-left:calc(25% + .9375rem)}.large-offset-4{margin-left:33.33333%}.grid-margin-x>.large-offset-4{margin-left:calc(33.33333% + .9375rem)}.large-offset-5{margin-left:41.66667%}.grid-margin-x>.large-offset-5{margin-left:calc(41.66667% + .9375rem)}.large-offset-6{margin-left:50%}.grid-margin-x>.large-offset-6{margin-left:calc(50% + .9375rem)}.large-offset-7{margin-left:58.33333%}.grid-margin-x>.large-offset-7{margin-left:calc(58.33333% + .9375rem)}.large-offset-8{margin-left:66.66667%}.grid-margin-x>.large-offset-8{margin-left:calc(66.66667% + .9375rem)}.large-offset-9{margin-left:75%}.grid-margin-x>.large-offset-9{margin-left:calc(75% + .9375rem)}.large-offset-10{margin-left:83.33333%}.grid-margin-x>.large-offset-10{margin-left:calc(83.33333% + .9375rem)}.large-offset-11{margin-left:91.66667%}.grid-margin-x>.large-offset-11{margin-left:calc(91.66667% + .9375rem)}.grid-y>.large-1,.grid-y>.large-10,.grid-y>.large-11,.grid-y>.large-12,.grid-y>.large-2,.grid-y>.large-3,.grid-y>.large-4,.grid-y>.large-5,.grid-y>.large-6,.grid-y>.large-7,.grid-y>.large-8,.grid-y>.large-9,.grid-y>.large-full,.grid-y>.large-shrink{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}}.grid-y>.small-1,.grid-y>.small-10,.grid-y>.small-11,.grid-y>.small-12,.grid-y>.small-2,.grid-y>.small-3,.grid-y>.small-4,.grid-y>.small-5,.grid-y>.small-6,.grid-y>.small-7,.grid-y>.small-8,.grid-y>.small-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.grid-y>.small-1{height:8.33333%}.grid-y>.small-2{height:16.66667%}.grid-y>.small-3{height:25%}.grid-y>.small-4{height:33.33333%}.grid-y>.small-5{height:41.66667%}.grid-y>.small-6{height:50%}.grid-y>.small-7{height:58.33333%}.grid-y>.small-8{height:66.66667%}.grid-y>.small-9{height:75%}.grid-y>.small-10{height:83.33333%}.grid-y>.small-11{height:91.66667%}.grid-y>.small-12{height:100%}.grid-padding-y>.cell{padding-top:.9375rem;padding-bottom:.9375rem}@media print,screen and (min-width:40em){.grid-y>.medium-auto{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px;height:auto}.grid-y>.medium-1,.grid-y>.medium-10,.grid-y>.medium-11,.grid-y>.medium-12,.grid-y>.medium-2,.grid-y>.medium-3,.grid-y>.medium-4,.grid-y>.medium-5,.grid-y>.medium-6,.grid-y>.medium-7,.grid-y>.medium-8,.grid-y>.medium-9,.grid-y>.medium-shrink{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.grid-y>.medium-shrink{height:auto}.grid-y>.medium-1{height:8.33333%}.grid-y>.medium-2{height:16.66667%}.grid-y>.medium-3{height:25%}.grid-y>.medium-4{height:33.33333%}.grid-y>.medium-5{height:41.66667%}.grid-y>.medium-6{height:50%}.grid-y>.medium-7{height:58.33333%}.grid-y>.medium-8{height:66.66667%}.grid-y>.medium-9{height:75%}.grid-y>.medium-10{height:83.33333%}.grid-y>.medium-11{height:91.66667%}.grid-y>.medium-12{height:100%}}@media print,screen and (min-width:64em){.grid-y>.large-auto{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px;height:auto}.grid-y>.large-1,.grid-y>.large-10,.grid-y>.large-11,.grid-y>.large-12,.grid-y>.large-2,.grid-y>.large-3,.grid-y>.large-4,.grid-y>.large-5,.grid-y>.large-6,.grid-y>.large-7,.grid-y>.large-8,.grid-y>.large-9,.grid-y>.large-shrink{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.grid-y>.large-shrink{height:auto}.grid-y>.large-1{height:8.33333%}.grid-y>.large-2{height:16.66667%}.grid-y>.large-3{height:25%}.grid-y>.large-4{height:33.33333%}.grid-y>.large-5{height:41.66667%}.grid-y>.large-6{height:50%}.grid-y>.large-7{height:58.33333%}.grid-y>.large-8{height:66.66667%}.grid-y>.large-9{height:75%}.grid-y>.large-10{height:83.33333%}.grid-y>.large-11{height:91.66667%}.grid-y>.large-12{height:100%}}.grid-frame{overflow:hidden;position:relative;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;width:100vw}.cell-block,.cell-block-y{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.cell .grid-frame{width:100%}.cell-block{overflow-x:auto;max-width:100%}.cell-block-y{overflow-y:auto;max-height:100%;min-height:100%}.cell-block-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-height:100%}.cell-block-container>.grid-x{max-height:100%;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media print,screen and (min-width:40em){.medium-grid-frame{overflow:hidden;position:relative;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;width:100vw}.medium-cell-block,.medium-cell-block-y{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.cell .medium-grid-frame{width:100%}.medium-cell-block{overflow-x:auto;max-width:100%}.medium-cell-block-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-height:100%}.medium-cell-block-container>.grid-x{max-height:100%;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.medium-cell-block-y{overflow-y:auto;max-height:100%;min-height:100%}}@media print,screen and (min-width:64em){.large-grid-frame{overflow:hidden;position:relative;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;width:100vw}.large-cell-block,.large-cell-block-y{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.cell .large-grid-frame{width:100%}.large-cell-block{overflow-x:auto;max-width:100%}.large-cell-block-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-height:100%}.large-cell-block-container>.grid-x{max-height:100%;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.large-cell-block-y{overflow-y:auto;max-height:100%;min-height:100%}}.grid-y.grid-frame{width:auto;overflow:hidden;position:relative;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;height:100vh}@media print,screen and (min-width:40em){.grid-y.medium-grid-frame{width:auto;overflow:hidden;position:relative;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;height:100vh}}@media print,screen and (min-width:64em){.grid-y.large-grid-frame{width:auto;overflow:hidden;position:relative;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;height:100vh}.cell .grid-y.large-grid-frame{height:100%}}.cell .grid-y.grid-frame{height:100%}@media print,screen and (min-width:40em){.cell .grid-y.medium-grid-frame{height:100%}}.grid-margin-y>.cell{height:calc(100% - 1.875rem);margin-top:.9375rem;margin-bottom:.9375rem}.grid-margin-y>.auto,.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.small-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.small-3{height:calc(25% - 1.875rem)}.grid-margin-y>.small-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.small-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.small-6{height:calc(50% - 1.875rem)}.grid-margin-y>.small-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.small-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.small-9{height:calc(75% - 1.875rem)}.grid-margin-y>.small-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.small-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.small-12{height:calc(100% - 1.875rem)}@media print,screen and (min-width:40em){.grid-margin-y>.medium-auto,.grid-margin-y>.medium-shrink{height:auto}.grid-margin-y>.medium-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.medium-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.medium-3{height:calc(25% - 1.875rem)}.grid-margin-y>.medium-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.medium-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.medium-6{height:calc(50% - 1.875rem)}.grid-margin-y>.medium-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.medium-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.medium-9{height:calc(75% - 1.875rem)}.grid-margin-y>.medium-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.medium-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.medium-12{height:calc(100% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-y>.large-auto,.grid-margin-y>.large-shrink{height:auto}.grid-margin-y>.large-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.large-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.large-3{height:calc(25% - 1.875rem)}.grid-margin-y>.large-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.large-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.large-6{height:calc(50% - 1.875rem)}.grid-margin-y>.large-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.large-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.large-9{height:calc(75% - 1.875rem)}.grid-margin-y>.large-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.large-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.large-12{height:calc(100% - 1.875rem)}.grid-margin-y.large-grid-frame{height:calc(100vh + 1.875rem)}}.grid-frame.grid-margin-y{height:calc(100vh + 1.875rem)}@media print,screen and (min-width:40em){.grid-margin-y.medium-grid-frame{height:calc(100vh + 1.875rem)}}.align-left{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.align-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.align-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.align-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.align-spaced{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.align-left.vertical.menu>li>a{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.align-right.vertical.menu>li>a{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.align-center.vertical.menu>li>a{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.align-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.align-self-top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.align-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.align-self-bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.align-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.align-self-middle{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.align-stretch{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.align-self-stretch{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.align-center-middle{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center} /* Foundation Overrides, Helpers */ .grid-container { width: 1440px; max-width: 100%; padding-right: 1.875rem; padding-left: 1.875rem; } .cell.centered { display: block; margin: 0 auto; } /*-------------------------------------------------------------- 1.0 - Reset --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.356bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } *, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */ -moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */ box-sizing: border-box; } body {background: #fff;font-size: 100%;} ol, ul {list-style: none;} table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} a:focus {outline: thin dotted;} a:hover, a:active {outline: 0;} a img {border: 0;} /* ========================================================================== 2.0 Typography http://type-scale.com/ ========================================================================== */ /* ## Global */ html { font-size: 62.5%; font-weight: normal; line-height: 1.6; } html, body, ul, ul li, p, input { font-family: 'Lato', sans-serif; color: #020202; } h1, h2, h3, h4, h5, h6 { font-family: 'Chivo', sans-serif; font-weight: 500; color: #1a1a1a; text-transform: uppercase; line-height: 1.25; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 21px; } h4, h5, h6 { font-size: 18px; } h1.site-title a:link, h1.site-title a:visited { text-decoration: none; } h1.site-title a:hover { text-decoration: none; } div.entry-meta-single { font-style:italic; } .entry-title { font-weight: 900; line-height: 1.3; } .sub-title { font-weight: 700; } h1.entry-title a:link { text-decoration: none; } h1.entry-title a:hover, h1.entry-title a:link { text-decoration: none; } h2.entry-title { margin-bottom: 0; overflow-wrap: break-word; font-weight: 700; letter-spacing: 0.03em; } span.meta-nav { font-size: 14px; font-weight: 400; text-transform: capitalize; } span.posted-on { font-weight: 900; text-transform: uppercase; } p, div { font-size: 16px; } p { margin-bottom: 20px; } p.small-print { font-size: 14px; } a.site-credit { font-size: 12px; font-weight: 400; text-transform: uppercase; } button { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } blockquote, blockquote p { font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; } .address span { font-family:'Lato', sans-serif; font-size: 10px; font-weight: 400; text-transform: uppercase; } select { font-size: 10px; font-family: inherit; line-height: normal; } strong { font-weight: 600; } #gamh-widget ul.menu li a, #slims-widget ul.menu li a { font-size: 14px; } div.nav-next, div.nav-previous { font-size:0.9em; font-weight: 300; text-transform: uppercase; } .search-form label, .search-form input.search-field { font-family: 'Lato', sans-serif; font-size: 14px; text-indent: 5px; } .page-template h1.entry-title { font-size: 33px; } .page-template h2.sub-title { font-size: 24px; } .faq-group h2 { font-weight: 600; } .faq-group h3 { font-size: 18px; } #eb-signup h2.widget-title { font-size: 27px; } #eb-signup h3 { font-size: 24px; } /* ## Nav */ .main-navigation ul li { text-transform: uppercase; } .main-navigation ul li a { font-family: 'Lato', sans-serif; font-size: 14px; line-height: 19px; font-weight: 600; letter-spacing: 1px; } .main-navigation ul ul { text-align: left; } .main-navigation ul ul li { text-transform: capitalize; } .main-navigation ul ul a { font-weight: 300; letter-spacing: 0; } input[type="text"], input[type="email"], input[type="search"] { font-size: 14px; } /* ## Eventbrite */ h1.headliners, h1.headliners, h2.headliners, h3.headliners { font-size: 24px; font-weight: 600; } h2.supports{ font-size: 18px; font-weight: 500; } .topline-info, .presented-by { font-family: 'Lato'; font-weight: 400; font-style: italic; text-transform: capitalize; } button, a.custom, .list-view .ticket-link a, .list-view button.ticket-link, .list-view .sold-out, .list-view .cancelled, .list-view .postponed, .list-view .free, .list-view .tickets-at-the-door, .list-view .future-sale a, .list-view .on-sale-soon, .list-view .custom, .event-detail .ticket-link a, .event-detail button.ticket-link, .event-detail .sold-out, .event-detail .cancelled, .event-detail .postponed, .event-detail .free, .event-detail .tickets-at-the-door, .event-detail .future-sale a, .event-detail .on-sale-soon, .event-detail .custom { font-family: 'Chivo', sans-serif; font-weight: 600; text-transform: uppercase; } .event-info h1.headliners { font-size: 27px; } .venue#slims p, .venue#great-american-music-hall p { text-transform: initial; font-weight: 400; } .dates { text-transform: uppercase; } .event-info .dates { text-transform: capitalize; } .data-meta1 { font-size: 36px; line-height: 1.2; } .topline-info { font-family: 'lato', sans-serif; font-weight: 400; font-style: italic; } .times, .event-summary, .age-restriction { font-size: 14px; } .event-detail .headliners { font-weight: 900; } .event-detail .supports { font-family: 'Chivo', sans-serif; font-size: 21px; } .venue { font-size: 14px; font-weight: 600; text-transform: uppercase; } .venue-info strong { font-size: 16px; } /* EB Calendar */ .calendar-link { font-size: 18px; } .page-calendar h1.entry-title { font-size: 33px; } .calendar-view .ticket-link a { font-family: 'Chivo', sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; } .calendar-view .times, .caldenar-view .age-restriction { font-size: 12px; line-height: 1.2; } .entry-content .calendar-view table .month, .entry-content .calendar-view table:last-of-type { font-size: 24px; } .entry-content .calendar-view .date { font-size: 13px; } .entry-content .calendar-view .data h1 { font-size: 16px; } .entry-content .calendar-view .data .free, .entry-content .calendar-view .data .sold-out, .entry-content .calendar-view .data .on-sale-soon, .entry-content .calendar-view button.ticket-link, .entry-content .calendar-view .data .ticket-link a, .entry-content .calendar-view .data .future-sale a, .entry-content .entry-content .calendar-view .date { font-size: 14px; } /* ========================================================================== # 3.0 - Links ========================================================================== */ a { color: #888888; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } a:link, a:visited { text-decoration: none; } a:hover { text-decoration: none; cursor: pointer; } a:focus { outline: 0; } a img { border: 1px solid #eaeaea; } h1.site-title a { color: #fff; } h1.site-title a:hover { color: #aaa; } a.custom, button.custom { display: block; width: 100px; min-width: 140px; margin: 0 auto 5px; padding: 10px 0; background: #fff; color: #404040; border-radius: 0; } a.post-edit-link { padding: 10px 20px; background: #888888; color: #fff; } /* ========================================================================== # 4.0 Elements ========================================================================== */ ul { list-style: none; } blockquote { font-family: sans-serif; font-weight: bold; margin: 20px 0; padding: 0 20px 5px 0; } select { height: 2.4375rem; padding: .5rem; margin: 0 0 1rem; border: 1px solid #cacaca; border-radius: 0; background-wpcf7or: #fafafa; color: #0a0a0a; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf8,'); background-size: 9px 6px; background-position: right .5rem center; background-repeat: no-repeat } ::-webkit-input-placeholder { color: #333; } ::-moz-placeholder { color: #333; } :-ms-input-placeholder { color: #333; } :-moz-placeholder { color: #333; } ::-moz-selection { background: rgba(0,0,0,0.25); color: #fff; } ::selection { background:rgba(0,0,0,0.25); color: #fff; } /* ========================================================================== # 5.0 Nav ========================================================================== */ /* ## Dropdown */ #menu-main ul { background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */ background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */ list-style:none; margin-left:0; position:absolute; left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ font-size:0.85em; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); } #menu-main ul li { padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */ float:none; margin-right:0; } #menu-main ul a { white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */ } #menu-main li:hover ul { /* Display the dropdown on hover */ left:0; /* Bring back on-screen when needed */ } #menu-main li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ background:#ddd; text-decoration:underline; } #menu-main li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */ text-decoration:none; } #menu-main li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */ background:#eee; } /* ## Nav */ #topnav { padding: 10px 0; text-align: right; border-bottom: 1px solid #121212; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); } #topnav ul li { position:relative; display: inline-block; margin: 0; padding: 5px 0; } #topnav ul li:first-child { margin-left: 0;} #topnav ul li:last-child { margin-right: 0; } #topnav ul li a { position: relative; display: inline-block; padding: 0px 13px; margin: 5px auto; color: #8C8C8C; } #topnav ul li a:hover { color: #595A5A; } .page-slims #topnav ul li a:hover, .parent-pageid-57 #topnav ul li a:hover { color: #3B61BF; } .parent-pageid-69 #topnav ul li a:hover, .page-private-events-gamh #topnav ul li a:hover, .page-great-american-music-hall #topnav ul li a:hover { color: #B62335; } #topnav ul li.current-menu-item a, #topnav ul li.current_page_item a { position: relative; color: #fff; text-decoration:none; } #topnav ul li:last-child a { border-right: none; } .main-navigation ul { float: right; max-width: 800px; padding: 10px 0px 5px 0px; } .main-navigation ul.search-menu {padding:10px 10px 5px 0px;} .main-navigation ul.search-menu li:hover ul.sub-menu{ right: 0; left: auto; width: 300px; } #topnav .main-navigation ul.search-menu li ul.sub-menu li{padding:10px;} .main-navigation ul.search-menu .eb-search div{display: flex;} .main-navigation ul.search-menu .eb-search input[type="text"]{flex:0 0 70%;} .main-navigation li { display: inline-block; margin-right: 5px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .main-navigation li.current-menu-item a { font-weight: 600; } .main-navigation li.menu-item-has-children a:after { margin-left: 5px; content: '\f107'; font-family: 'Font Awesome 5 Free'; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } #topnav .main-navigation li.menu-item-has-children li a { color: #4D4D4D; font-weight: 400; } #topnav .main-navigation li.menu-item-has-children li a:hover { color: #121212!important; } #topnav .main-navigation li.menu-item-has-children li.slims-color a { color: #243a73; } #topnav .main-navigation li.menu-item-has-children li.gamh-color a { color: #B62335; } .main-navigation li.menu-item-has-children li a:after { display: none; } .main-navigation li.outside-links ul.sub-menu a:after { display: inherit; content: '\2197'; font-family: 'Font Awesome 5 Free'; font-size: 12px; } .main-navigation li:first-child a { padding-left: 0; } .main-navigation li:last-child { padding-right: 0; } .main-navigation ul ul { float: left; position: absolute; top: 40px; left: -999em; z-index: 99999; width: 200px; padding-top: 0; background: #fff; } .main-navigation ul ul li { display: block; width: 100%; margin: 0; padding: 0 10px 2.5px 10px; border-bottom: 1px solid #EAEAEA; } .main-navigation ul ul li:first-child { padding-top: 5px; } .main-navigation ul ul li:first-child a { padding-left: 5px; } .main-navigation ul ul li:last-child { padding-bottom: 5px; border-bottom: 0; } .main-navigation ul ul li.current-menu-item a { color: #004B9A; } .main-navigation ul ul a { color: #fff; text-align: left; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul { left: 100%; } .main-navigation ul li:hover > ul { left: 12.5px; } .main-navigation a { color: #121212; display: block; padding: 2.5px 5px; -webkit-transition: color 0.35s ease-in-out; -moz-transition: color 0.35s ease-in-out; transition: color 0.35s ease-in-out; } .main-navigation a:hover { color: #004B9A; } /* Logo Navigation */ .logo-nav { position: absolute; top: 0; left: 0; z-index: 9999; } .logo-nav ul li { display: inline-block; margin-right: -4px; } .logo-nav img { display: block; max-width: 300px; margin: 14px auto 0 auto; border: 0; } .page-slims nav a, .page-great-american-music-hall nav a { display: block; } .page nav .gamh, .page nav .slims, .page-template-page-home nav .gamh, .page-template-page-home nav .slims { width: 175px; height: 100px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .page nav .slims:hover, .page-template-page-home nav .slims:hover { background: #243a73; } .page nav .gamh:hover, .page-template-page-home nav .gamh:hover { background: #B62335; } .page nav .gamh:hover img, .page nav .slims:hover img { margin-top: 22px; } .page-slims nav .slims, .parent-pageid-57 nav .slims { background: #243a73; } .parent-pageid-69 nav .gamh, .page-great-american-music-hall nav .gamh { background: #B62335; } /* ========================================================================== # 6.0 Widgets ========================================================================== */ .widget { margin-bottom: 20px; clear: both; } .widget .textwidget { padding: 10px; overflow: hidden; } .widget .widget-title { margin: 0 0 5px 0; padding: 0; color: #393939; } .footer-widget .textwidget { color: #fff; } .footer-widget:first-child .widget-title { color: #888888; } .footer-widget ul.menu { text-transform: uppercase; } .footer-widget ul.menu li { position: relative; margin-bottom: 15px; } .footer-widget ul.menu ul { padding-top: 10px; padding-left: 20px; } .footer-widget ul.menu ul li { margin-bottom: 10px; text-transform: capitalize; } .venue-info address { position: relative; margin-bottom: 15px; color: #888888; } .venue-info address i { position: absolute; left: -24px; } .venue-info address i.fa-phone { bottom: 2.5px; } #secondary .widget .textwidget { padding: 0; } #secondary .widget_sp_image img { display: block; width: 250px; margin: 0 auto; } .page-slims #slims-widget, .page-template-default #slims-widget, .page-template-page-home #slims-widget, .page-great-american-music-hall #slims-widget, .page-slims #gamh-widget, .page-template-default #gamh-widget, .page-template-page-home #gamh-widget, .page-great-american-music-hall #footer #gamh-widget { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .page-slims #slims-widget, .parent-pageid-57 #slims-widget, .page-template-default #slims-widget:hover, .page-template-page-home #slims-widget:hover, .page-great-american-music-hall #slims-widget:hover { background: #243a73; background: rgba(36,58,115,1); } .page-slims #gamh-widget:hover, .parent-pageid-57 #gamh-widget:hover, .page-template-default #gamh-widget:hover, .page-template-page-home #gamh-widget:hover, .parent-pageid-69 #gamh-widget, .page-great-american-music-hall #footer #gamh-widget { background: #B62335; background: rgba(182,35,53); } .page-great-american-music-hall #footer #gamh-widget a:hover, .page-great-american-music-hall #footer #gamh-widget address a:hover, .page-great-american-music-hall #footer #gamh-widget ul li.current_page_item a { color: #fff; } .page-slims #gamh-widget:hover .social .icon:hover { color: #1A1A1A; } .page-great-american-music-hall #footer #gamh-widget ul li.current_page_item a:before { background: #fff; } .page-great-american-music-hall #footer #gamh-widget ul li a { color: #999999; } .page-great-american-music-hall #footer .venue-wrapper { border-color: #fff; } .page-great-american-music-hall #footer ul.social.gamh span:hover { color: #fff; } .eb-signup {background: #c4c6c5 url('images/noise-texture-grey-200x200.png') repeat; padding: 30px 0 10px;} #eb-signup { background: #c4c6c5 url('images/noise-texture-grey-200x200.png') repeat; padding: 80px 0; } #eb-signup .widget { display: block; width: 680px; max-width: 100%; margin: 0 auto; } #eb-signup .widget .textwidget { padding: 0; } #eb-signup h2.widget-title { position: relative; font-weight: 600; text-transform: capitalize; } #eb-signup .sub-title { color: #fff; } /* ========================================================================== # 7.0 Custom Eventbrite Styles ========================================================================== */ /* Hook into custom.js to style date */ h2.dates span.data-meta0, h2.dates span.data-meta1, h2.dates span.data-meta2 { position: absolute; } /* ## Eventbrite */ .event-summary { /* added opacity 0 to prevent jumping when positioning layout in custom.js */ opacity: 0; transition: opacity 4s ease-in-out; -webkit-transition: opacity 4s ease-in-out; -o-transition: opacity 4s ease-in-out; } .event-summary.loaded { display: block; opacity: 1; font-size: 18px; } .entry-content .list-view { margin-top: 10px; } .list-view img { margin: 0; } .list-view .list-view-item { position: relative; display: block; margin-top: 0; padding: 40px 20px 40px 100px; border: 1px solid transparent; border-radius: 0; border-bottom: 1px solid #c3c3c3; background: rgba(255,255,255,0); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .list-view .list-view-item:last-child { margin-bottom: 30px; } .list-view .list-view-item:last-child, .list-view .list-view-item:last-of-type { border-bottom: 1px solid transparent; } .list-view .list-view-item:hover, .list-view .list-view-item:last-child:hover { background: #fff; background: rgba(255,255,255,1); border: 1px solid #c3c3c3; } .list-view .list-view-item img { -webkit-transition: all .35s cubic-bezier(0.19,1,.22,1); -moz-transition: all .35s cubic-bezier(0.19,1,.22,1); transition: all .35s cubic-bezier(0.19,1,.22,1); } .future-sale br { display: none; } .future-sale a span:nth-child(1) { display: block; width: 100%; } .future-sale a span:nth-child(2) { margin-right: 5px; } .future-sale a span:nth-child(2), .future-sale a span:nth-child(3), .future-sale a span:nth-child(4), .future-sale a span:last-child { display:inline-block; margin-top: 15px; font-size: 10px; font-weight: 400; } .future-sale a span:last-child { margin-left: 5px; } .list-view-item .image-url { float: left; display: inline-block; border: 5px solid #fff; overflow: hidden; } .list-view-item .image-url img { width: 100%; margin: 0; border: 0; transition: all .35s; -moz-transition: all .35s; /* Firefox 4 */ -webkit-transition: all .35s; /* Safari and Chrome */ -o-transition: all .35s; /* Opera */ } /* Slims */ .list-view-item.eb-venue-id-31514538 .image-url img, .list-view-item.eb-venue-id-31700367 .image-url img, .list-view-item.eb-venue-id-35868413 .image-url img , .list-view-item.eb-venue-id-36041175 .image-url img , .list-view-item.eb-venue-id-36036549 .image-url img , .list-view-item.eb-venue-id-35866799 .image-url img , .list-view-item.eb-venue-id-35865245 .image-url img , .list-view-item.eb-venue-id-35864221 .image-url img , .list-view-item.eb-venue-id-35869843 .image-url img , .list-view-item.eb-venue-id-36038277 .image-url img , .list-view-item.eb-venue-id-35867511 .image-url img , .list-view-item.eb-venue-id-36039497 .image-url img , .list-view-item.eb-venue-id-36044385 .image-url img { border: 1px solid #243a73; } /* GAMH */ .list-view-item.eb-venue-id-31515977 .image-url img, .list-view-item.eb-venue-id-35723525 .image-url img, .list-view-item.eb-venue-id-36043019 .image-url img, .list-view-item.eb-venue-id-36037437 .image-url img, .list-view-item.eb-venue-id-36046245 .image-url img, .list-view-item.eb-venue-id-36038851 .image-url img { border: 1px solid #B62335; } .list-view-item .image-url:hover img { opacity: .9; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .list-view a.custom, .list-view button.custom { margin: 20px auto; } .list-view a.custom:hover, .list-view button.custom:hover { background: #404040; color: #fff; } .list-view .free, .list-view button.ticket-link, .list-view .custom, .list-view .sold-out, .list-view .cancelled, .list-view .postponed, .list-view .ticket-link a, .list-view .future-sale a, .list-view .on-sale-soon, .list-view .tickets-at-the-door, .event-info .ticket-price button, .event-detail .ticket-link a, .event-detail button.ticket-link, .event-detail .sold-out, .event-detail .cancelled, .event-detail .postponed, .event-detail .free, .event-detail .tickets-at-the-door, .event-detail .future-sale a, .event-detail .on-sale-soon, .event-detail .custom { min-width: 140px; padding: 10px 0; background: #fff; color: #404040; border-width: 3px; border-radius: 0; } .list-view .future-sale a { height: 50px; } .list-view-details { padding-left: 20px; } .list-view-details span.dates { position: absolute; top: 40px; left: 20px; } .list-view-details span.dates span.endate { display: block; } .data-meta1 { display: block; } .list-view .page { margin-top: 20px; } .list-view .end { display: inline-block; width: 100%; } .list-view .end .pages { opacity: 0; margin-top: 25px; } a.event-url { color: #1a1a1a; } .event-info .dates { margin-top: 10px; } .event-info .ticket-price, .event-info .ticket-price button { margin-top: 20px; } .event-status-message { margin-bottom: 30px; } .list-view .calendar-link { position: relative; margin: -40px 0 20px; } .list-view .calendar-link::after { display: inline-block; color: #191919; margin-left: 10px; font-style: normal; font-variant: normal; font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f073"; text-rendering: auto; -webkit-font-smoothing: antialiased; transition: all .35s; -moz-transition: all .35s; /* Firefox 4 */ -webkit-transition: all .35s; /* Safari and Chrome */ -o-transition: all .35s; /* Opera */ } .list-view .calendar-link a { color: #191919; } .list-view .calendar-link a:hover, .list-view .calendar-link:hover::after { color: #888888; } /* Event Detail Page */ .page-template-template-event .event-detail .event-info, .page-template-template-event .event-detail .event-description { padding: 0; } .page-template-template-event .event-detail .event-info * div, .page-template-template-event .event-detail .event-description * div { margin: 0!important; } .event-detail .headliners { position: relative; } .event-detail .supports { color: #3f3f3f; } .event-description { width: 100%; } .event-description a { padding-bottom: 4px; border-bottom: 1px solid transparent; font-weight: 600; } .entry-content .event-detail img:hover, .entry-content .event-detail img:hover { transform: none; opacity: 1; } .entry-content .event-detail .artist-boxes img.bio-image-right { width: auto; float: right; } .entry-content .artist-boxes .artist-icon a { width: 32px; } .entry-content .eb-more.inline-icons li.artist-icon a:before { font-size: 26px; } /* GAMH */ .event-detail.eb-venue-id-31515977 img, .event-detail.eb-venue-id-35723525 img, .event-detail.eb-venue-id-36043019 img, .event-detail.eb-venue-id-36037437 img, .event-detail.eb-venue-id-36046245 img, .event-detail.eb-venue-id-36038851 img { border: 1px solid #B62335; } /* Slims */ .event-detail.eb-venue-id-31514538 img, .event-detail.eb-venue-id-31700367 img, .event-detail.eb-venue-id-35868413 img , .event-detail.eb-venue-id-36041175 img , .event-detail.eb-venue-id-36036549 img , .event-detail.eb-venue-id-35866799 img , .event-detail.eb-venue-id-35865245 img , .event-detail.eb-venue-id-35864221 img , .event-detail.eb-venue-id-35869843 img , .event-detail.eb-venue-id-36038277 img , .event-detail.eb-venue-id-35867511 img , .event-detail.eb-venue-id-36039497 img , .event-detail.eb-venue-id-36044385 img { border: 1px solid #243a73; } .event-detail.eb-org-id-8103006760 a, .event-detail.eb-org-id-8103006760 .headliners, .event-detail.eb-org-id-8103006760 .venue-info { color: #243a73; } .event-detail.eb-org-id-8103006760 .headliners:before { background: #243a73; } .event-detail.eb-org-id-8103006760 a { border-color: #243a73; } .event-detail.eb-org-id-8103321951 a, .event-detail.eb-org-id-8103321951 .headliners, .event-detail.eb-org-id-8103321951 .venue-info { color: #B62335; } .event-detail.eb-org-id-8103321951 .headliners:before { background: #243a73; } .event-detail.eb-org-id-8103321951 a { border-color: #B62335; } .event-detail.eb-org-id-8103006760 img:hover, .event-detail.eb-org-id-8103321951 img:hover { transform: scale(1); opacity: 1; } .entry-content .event-detail img { width: 49%; } .entry-content .event-detail .event-info { width: 49%; padding: 0; } .event-detail.eb-org-id-8103006760 img { border: 2px solid #243a73; } .event-detail.eb-org-id-8103321951 img { border: 2px solid #B62335; } .venue-info strong { width: 100%; } /* Shared Venue Styling */ .topline-info, .presented-by { color: #3f3f3f; } .times { margin-top: 25px; } .age-restriction { display: block; color: #6d6d6d } .sep { display: none; } .doors, .start { display: inline-block; } .doors:after { content:'|'; margin-left: 5px; margin-right: 2.5px; } .start { margin-top: -4px; } .eb-org-id-20011904565 img:hover, .eb-org-id-20011904565 img:hover { opacity: .9; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .page-template-default img:hover { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .location .venue { position: absolute; top: 100px; right: 20px; margin-top: 5px; } /* Slims Styling */ .eb-org-id-31514538 .headliners strong { color: #243a73; } .eb-org-id-31514538 .headliners strong { color: #243a73; } .eb-org-id-31514538 .image-url:hover { border-color: #243a73; } .eb-org-id-31514538 img:hover, .list-view .list-view-item.eb-org-id-31514538:hover { border-color: #243a73; } .eb-venue-id-31514538 .venue, .eb-venue-id-31514538 a.event-url:hover, .eb-venue-id-31700367 .venue, .eb-venue-id-31700367 a.event-url:hover, .eb-venue-id-35868413 .venue, .eb-venue-id-35868413 a.event-url:hover, .eb-venue-id-36041175 .venue, .eb-venue-id-36041175 a.event-url:hover, .eb-venue-id-36036549 .venue, .eb-venue-id-36036549 a.event-url:hover, .eb-venue-id-35866799 .venue, .eb-venue-id-35866799 a.event-url:hover, .eb-venue-id-35865245 .venue, .eb-venue-id-35865245 a.event-url:hover, .eb-venue-id-35864221 .venue, .eb-venue-id-35864221 a.event-url:hover, .eb-venue-id-35869843 .venue, .eb-venue-id-35869843 a.event-url:hover, .eb-venue-id-36038277 .venue, .eb-venue-id-36038277 a.event-url:hover, .eb-venue-id-35867511 .venue, .eb-venue-id-35867511 a.event-url:hover, .eb-venue-id-36039497 .venue, .eb-venue-id-36039497 a.event-url:hover, .eb-venue-id-36044385 .venue, .eb-venue-id-36044385 a.event-url:hover { color: #243a73; } .eb-venue-id-31514538 .ticket-link a, .eb-venue-id-31700367 .ticket-link a, .eb-venue-id-35868413 .ticket-link a, .eb-venue-id-36041175 .ticket-link a, .eb-venue-id-36036549 .ticket-link a, .eb-venue-id-35866799 .ticket-link a, .eb-venue-id-35865245 .ticket-link a, .eb-venue-id-35864221 .ticket-link a, .eb-venue-id-35869843 .ticket-link a, .eb-venue-id-36038277 .ticket-link a, .eb-venue-id-35867511 .ticket-link a, .eb-venue-id-36039497 .ticket-link a, .eb-venue-id-36044385 .ticket-link a, .eb-venue-id-31514538 button.ticket-link, .eb-venue-id-31700367 button.ticket-link, .eb-venue-id-35868413 button.ticket-link, .eb-venue-id-36041175 button.ticket-link, .eb-venue-id-36036549 button.ticket-link, .eb-venue-id-35866799 button.ticket-link, .eb-venue-id-35865245 button.ticket-link, .eb-venue-id-35864221 button.ticket-link, .eb-venue-id-35869843 button.ticket-link, .eb-venue-id-36038277 button.ticket-link, .eb-venue-id-35867511 button.ticket-link, .eb-venue-id-36039497 button.ticket-link, .eb-venue-id-36044385 button.ticket-link { background: #243a73; color: #fff; border-color: #243a73; } .eb-venue-id-31700367 .future-sale a, .eb-venue-id-35868413 .future-sale a, .eb-venue-id-36041175 .future-sale a, .eb-venue-id-36036549 .future-sale a, .eb-venue-id-35866799 .future-sale a, .eb-venue-id-35865245 .future-sale a, .eb-venue-id-35864221 .future-sale a, .eb-venue-id-35869843 .future-sale a, .eb-venue-id-36038277 .future-sale a, .eb-venue-id-35867511 .future-sale a, .eb-venue-id-36039497 .future-sale a, .eb-venue-id-36044385 .future-sale a { background: none; color: #243a73; border-color: #243a73; } .eb-venue-id-31514538 .ticket-link a:hover, .eb-venue-id-31700367 .ticket-link a:hover, .eb-venue-id-35868413 .ticket-link a:hover, .eb-venue-id-36041175 .ticket-link a:hover, .eb-venue-id-36036549 .ticket-link a:hover, .eb-venue-id-35866799 .ticket-link a:hover, .eb-venue-id-35865245 .ticket-link a:hover, .eb-venue-id-35864221 .ticket-link a:hover, .eb-venue-id-35869843 .ticket-link a:hover, .eb-venue-id-36038277 .ticket-link a:hover, .eb-venue-id-35867511 .ticket-link a:hover, .eb-venue-id-36039497 .ticket-link a:hover, .eb-venue-id-36044385 .ticket-link a:hover, .eb-venue-id-31514538 button.ticket-link:hover, .eb-venue-id-31700367 button.ticket-link:hover, .eb-venue-id-35868413 button.ticket-link:hover, .eb-venue-id-36041175 button.ticket-link:hover, .eb-venue-id-36036549 button.ticket-link:hover, .eb-venue-id-35866799 button.ticket-link:hover, .eb-venue-id-35865245 button.ticket-link:hover, .eb-venue-id-35864221 button.ticket-link:hover, .eb-venue-id-35869843 button.ticket-link:hover, .eb-venue-id-36038277 button.ticket-link:hover, .eb-venue-id-35867511 button.ticket-link:hover, .eb-venue-id-36039497 button.ticket-link:hover, .eb-venue-id-36044385 button.ticket-link:hover { background:rgba(36,58,155,.75); color: #fff; cursor: pointer; } .eb-venue-id-31700367 .future-sale a:hover, .eb-venue-id-35868413 .future-sale a:hover, .eb-venue-id-36041175 .future-sale a:hover, .eb-venue-id-36036549 .future-sale a:hover, .eb-venue-id-35866799 .future-sale a:hover, .eb-venue-id-35865245 .future-sale a:hover, .eb-venue-id-35864221 .future-sale a:hover, .eb-venue-id-35869843 .future-sale a:hover, .eb-venue-id-36038277 .future-sale a:hover, .eb-venue-id-35867511 .future-sale a:hover, .eb-venue-id-36039497 .future-sale a:hover, .eb-venue-id-36044385 .future-sale a:hover { background: #243a73; color: #fff; } .list-view-item.eb-venue-id-31514538:hover, .list-view-item.eb-venue-id-31700367:hover, .list-view-item.eb-venue-id-35868413:hover, .list-view-item.eb-venue-id-36041175:hover, .list-view-item.eb-venue-id-36036549:hover, .list-view-item.eb-venue-id-35866799:hover, .list-view-item.eb-venue-id-35865245:hover, .list-view-item.eb-venue-id-35864221:hover, .list-view-item.eb-venue-id-35869843:hover, .list-view-item.eb-venue-id-36038277:hover, .list-view-item.eb-venue-id-35867511:hover, .list-view-item.eb-venue-id-36039497:hover, .list-view-item.eb-venue-id-36044385:hover { border: 1px solid #243a73; } /* Great American Music Hall Styling */ .eb-org-id-31515977 .headliners strong { color: #B62335; } .eb-org-id-31515977 .image-url:hover { border-color: #B62335; } .eb-org-id-31515977 img:hover, .list-view .list-view-item.eb-org-id-31514538:hover { border-color: #B62335; } .eb-venue-id-31515977 .venue, .eb-venue-id-31515977 a.event-url:hover, .eb-venue-id-35723525 .venue, .eb-venue-id-35723525 a.event-url:hover, .eb-venue-id-36043019 .venue, .eb-venue-id-36043019 a.event-url:hover, .eb-venue-id-36037437 .venue, .eb-venue-id-36037437 a.event-url:hover, .eb-venue-id-36046245 .venue, .eb-venue-id-36046245 a.event-url:hover, .eb-venue-id-36038851 .venue, .eb-venue-id-36038851 a.event-url:hover { color: #B62335; } .eb-venue-id-31515977 .ticket-link a, .eb-venue-id-35723525 .ticket-link a, .eb-venue-id-36043019 .ticket-link a, .eb-venue-id-36037437 .ticket-link a, .eb-venue-id-36046245 .ticket-link a, .eb-venue-id-36038851 .ticket-link a, .eb-venue-id-31515977 button.ticket-link, .eb-venue-id-35723525 button.ticket-link, .eb-venue-id-36043019 button.ticket-link, .eb-venue-id-36037437 button.ticket-link, .eb-venue-id-36046245 button.ticket-link, .eb-venue-id-36038851 button.ticket-link { background: #B62335; color: #fff; border-color: #B62335; } .eb-venue-id-31515977 .future-sale a, .eb-venue-id-35723525 .future-sale a, .eb-venue-id-36043019 .future-sale a, .eb-venue-id-36037437 .future-sale a, .eb-venue-id-36046245 .future-sale a, .eb-venue-id-36038851 .future-sale a { background: none; color: #B62335; border-color: #B62335; } .eb-venue-id-31515977 .ticket-link a:hover, .eb-venue-id-35723525 .ticket-link a:hover, .eb-venue-id-36043019 .ticket-link a:hover, .eb-venue-id-36037437 .ticket-link a:hover, .eb-venue-id-36046245 .ticket-link a:hover, .eb-venue-id-36038851 .ticket-link a:hover, .eb-venue-id-31515977 button.ticket-link:hover, .eb-venue-id-35723525 button.ticket-link:hover, .eb-venue-id-36043019 button.ticket-link:hover, .eb-venue-id-36037437 button.ticket-link:hover, .eb-venue-id-36046245 button.ticket-link:hover, .eb-venue-id-36038851 button.ticket-link:hover { background: rgba(182,35,53,.75); color: #fff; cursor: pointer; } .eb-venue-id-31515977 .future-sale a:hover, .eb-venue-id-35723525 .future-sale a:hover, .eb-venue-id-36043019 .future-sale a:hover, .eb-venue-id-36037437 .future-sale a:hover, .eb-venue-id-36046245 .future-sale a:hover, .eb-venue-id-36038851 .future-sale a:hover { background: #B62335; color: #fff; } .list-view-item.eb-venue-id-31515977:hover, .list-view-item.eb-venue-id-35723525:hover, .list-view-item.eb-venue-id-36043019:hover, .list-view-item.eb-venue-id-36037437:hover, .list-view-item.eb-venue-id-36046245:hover, .list-view-item.eb-venue-id-36038851:hover { border: 1px solid #B62335; } /* EB Calendar */ .entry-content .calendar-view table { background: #fff; margin-bottom: 60px; } .entry-content .calendar-view table:last-of-type { margin-bottom: 0; } .entry-content .calendar-view table tr td { padding: 10px; border: 1px solid #c3c3c3; } .entry-content .calendar-view table tr:first-child td { background: #333; } .entry-content .calendar-view table .month { padding: 20px; color: #fff; } .entry-content .calendar-view .date { position: relative; margin-top: 15px; } .entry-content .calendar-view .data h1 { margin-top: 5px; } .entry-content .calendar-view .data .sold-out { padding-top: 7.5px; padding-bottom: 7.5px; } .entry-content .calendar-view .calendar-sync { min-width: inherit; margin-right: 0; } .entry-content .calendar-sync .share-button { margin-top: 50px; margin-right: 20px; background: none; border: 0; } .entry-content .eb-tooltip:hover span { top: 30px; } .calendar-view .start { margin-top: 0; } .calendar-view .data .free, .calendar-view .data .sold-out, .calendar-view .data .on-sale-soon, .calendar-view button.ticket-link, .calendar-view .data .ticket-link a, .calendar-view .data .future-sale a { width: 100%; margin-top: 20px; margin-bottom: 0; padding: 10px; border-radius: 0; } .calendar-view .times { margin-top: 10px; } .calendar-view .age-restriction { margin-top: 5px; } .ico-calendar:before { color: #000; } /* EB Signup */ #eb-signup .signup-form { display: inline-block; width: 100%; margin-top: 10px; padding-bottom: 0; } .eb-email-subscribe .eb-email-submit, .eb-email-subscribe .eb-email-address { display: inline-block; float: left; } .eb-email-subscribe .eb-email-submit { width: 25%; } .eb-email-subscribe .eb-email-address { width: 75%; } .widget .eb-search input[type="submit"]{width: 25%;display: inline-block;} .widget .eb-search input[type="text"]{width: 75%; display: inline-block;} .widget .eb-search div{display: flex;} .eb-email-subscribe input.tfly-email-subscribe-text, .eb-search input[type="text"] { font-family: 'lato', sans-serif; text-indent: 10px; } .eb-email-subscribe input.tfly-email-subscribe-text:focus, .eb-search input[type="text"]:focus { border-color: #404040; } .eb-email-subscribe input.tfly-email-subscribe-text, .eb-email-subscribe button.eb-email-subscribe-submit, .eb-search input[type="text"], .eb-search input[type="submit"] { width: 100%; min-height: 40px; height: 100%; margin: 0; border: 1px solid transparent; } .eb-email-subscribe button.eb-email-subscribe-submit, .eb-search input[type="submit"] { background: #404040; color: #fff; } .eb-email-subscribe button.eb-email-subscribe-submit:hover, .eb-search input[type="submit"]:hover { background: none; color: #404040; border-color: #404040; } .eb-email-result { display: block; margin: 0 0 10px; color: #B62335; } .page-slims button.eb-email-subscribe-submit { background: #243a73; } .page-slims button.eb-email-subscribe-submit:hover { color: #243a73; border-color: #243a73; } .page-great-american-music-hall button.eb-email-subscribe-submit { background: #B62335; } .page-great-american-music-hall button.eb-email-subscribe-submit:hover { color: #B62335; border-color: #B62335; } /* ========================================================================== 8.0 Author Styles: www.jeremyschuler.com ========================================================================== */ html, body { background: #121212; } .container { max-width: 1440px; width: 100%; padding: 0 20px; margin: auto; } .content-wrapper { background: #fff url('images/noise-texture-wht-200x200.png') repeat; } /* ## CSS Grid Layout */ .mainheader { grid-area: header; margin: 0 0 20px 0;} .mainfooter { grid-area: footer; } .wrapper { display: grid; margin: 0 auto 0 auto; grid-template-columns: auto; grid-template-rows: auto ; grid-template-areas: "header" "secondary" "footer"; } /* ## Global */ html, body { position: relative; z-index: 1; height: 100%; } #wrapper-page { width: 100%; padding: 0; background: #fff; } #content { background: #f7f7f7;} h1.site-title { margin-bottom: 0; } .sub-title { color: #404040; } img { max-width: 100%; border: 1px solid #000000; } /*--------------------------------------------------------------------------- ## 8.1 Header ---------------------------------------------------------------------------*/ #masthead { position: relative; z-index: 9999; display: block; width: 100%; min-height: 80px; margin: 0; background: #1a1a1a; } #masthead .site-branding { float: left; padding: 5px 0 0 10px; } #masthead .container { position: relative; } #masthead .social, #masthead .tfly-email-subscribe, #masthead img { transition: all .35s; -moz-transition: all .35s; /* Firefox 4 */ -webkit-transition: all .35s; /* Safari and Chrome */ -o-transition: all .35s; /* Opera */ } #masthead .social { position: absolute; left: 0; } #masthead.site-header .wrapper { display: inherit; margin: inherit; max-width: inherit; margin: inherit; } #masthead .contact-info { position: relative; z-index: 1; float: right; margin-right: 10px; } #masthead .contact-info a#phone { display: block; float: right; color: #fff; margin: 12px 14px 5px 0; } .social { width: 100%; margin: 20px auto; text-align: center; clear: both; } .social li { display: inline-block; margin-top: 2.5px; margin-left: 20px; margin-bottom: 2.5px; } .social li:first-child { margin-top: 0; margin-left: 0; } .social li:last-child { margin-bottom: 0; } .social i { color: #121212; transition: color .35s; -moz-transition: color .35s; /* Firefox 4 */ -webkit-transition: color .35s; /* Safari and Chrome */ -o-transition: color .35s; /* Opera */ } .social a:hover i { color: #121212; } .social .icon { font-family: 'Font Awesome 5'; font-size: 16px; display: inline-block; color: #fff; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; transition: all .35s; -moz-transition: all .35s; /* Firefox 4 */ -webkit-transition: all .35s; /* Safari and Chrome */ -o-transition: all .35s; /* Opera */ } .social .icon:hover { opacity: .65; } .social a.facebook_slims span::before, .social a.facebook_gamh span::before { font-family: "Font Awesome 5 Brands"; font-weight: 400; content:'\f082'; } .social a.instagram_slims span::before, .social a.instagram_gamh span::before { font-family: "Font Awesome 5 Brands"; font-weight: 400; content:'\f16d'; } .social a.linkedin_slims span::before, .social a.linkedin_gamh span::before { font-family: "Font Awesome 5 Brands"; font-weight: 400; content:'\f08c'; } .social a.pinterest_slims span::before, .social a.pinterest_gamh span::before { font-family: "Font Awesome 5 Brands"; font-weight: 400; content:'\f0d2'; } .social a.twitter_slims span::before, .social a.twitter_gamh span::before { font-family: "Font Awesome 5 Brands"; font-weight: 400; content:'\f099'; } .social a.youtube_slims span::before, .social a.youtube_gamh span::before { font-family: "Font Awesome 5 Brands"; font-weight: 400; content:'\f167'; } #masthead .contact-info a:hover, #masthead .contact-info a:hover i, #masthead .contact-info a#phone:hover { color: #8C8C8C; } .site-branding { position: relative; text-align: center; } .site-branding img { display: block; max-width: 280px; margin: 0 auto; padding: 20px 0 10px; } .site-branding .logo { font-family: 'Lato', sans-serif; font-size: 2em; font-weight: 800; text-align: center; color: #000; letter-spacing: 1px; display: block; margin: 0 auto; line-height: 200px; height: 200px; width: 300px; border: 8px solid #000000; border-top: none; background: #fff;} .site-branding .social { display: block; text-align: center; } .site-branding .social li { display: inline-block; margin-bottom: 10px; text-align: center; } .site-branding .social li:last-child { margin-bottom: 0; } .site-branding a i:before { color: #fff; transition: all .35s; -moz-transition: all .35s; /* Firefox 4 */ -webkit-transition: all .35s; /* Safari and Chrome */ -o-transition: all .35s; /* Opera */ } .site-branding a:hover i:before { color: #000000; } .site-branding a.logo img { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .site-branding a.logo:hover img { -webkit-transform: scale(0.95); transform: scale(0.95); } .entry-content iframe { width: 100%; } .menu-main-menu-container { position: relative; z-index: 1; display: inline-block; margin: auto; } .menu-scrollto-container{display: inline-block;} /*--------------------------------------------------------------------------- ## 8.2 Footer ---------------------------------------------------------------------------*/ .footer-wrapper { width: 100%; } .footer-wrapper #scrollTo i { width: 100%; text-align: center; color: #fff; font-size: 24px; } footer.entry-footer { width: 100%; clear: both; } footer.entry-footer .edit-link { display: block; margin-top: 30px; margin-bottom: 30px; } #footer, #bottom-bar { position: relative; z-index: 10; } #footer { min-height: 50px; border: 0; clear: both; background: #1A1A1A; } #footer img { border: 0; } #footer #gamh-widget, #footer #slims-widget { padding-top: 60px; padding-bottom: 60px; } #footer #gamh-widget address a:hover, #footer #slims-widget address a:hover { color: #fff; } #footer #slims-widget { border-right: 1px solid #000; } #footer .widget { margin-bottom: 10px; } #footer .widget a:hover { color: #fff; } #footer .textwidget { margin: 0; padding: 0; background: none; color: #fff; border: 0; } #footer .menu-main-menu-container { margin-top: 30px; } #footer .widgets-wrapper { display: block; width: 300px; max-width: 100%; margin: auto; } #footer-main-nav { padding: 40px 10px 40px; border-right: 1px solid #000; } #footer-main-nav .widget { margin-bottom: 0; } #footer-main-nav .widget ul li:last-child { margin-bottom: 0; } #festival-widget { padding: 80px 0 70px; } .venue-wrapper { position: relative; display: inline-block; width: 100%; margin-bottom: 30px; border-bottom: 1px solid #838383; } .venue-wrapper img { float: left; border: 0; } .venue-wrapper .venue-info { float: right; } #footer .widget_sp_image img { display: block; max-width: 220px; margin: 30px auto 0; border: 0; } #footer .widget_nav_menu ul li { position: relative; display: block; margin-bottom: 20px; text-align: left; text-transform: uppercase; } #footer .widget_nav_menu ul li:last-child { margin-right: 0; margin-bottom: 0; } #footer .widget_nav_menu ul.sub-menu { margin-top: 10px; } #footer .widget_nav_menu ul.sub-menu li { margin-bottom: 0; } #footer .widget_nav_menu a:hover { color: #fff; } #footer .widget_nav_menu .current-menu-item a { color: #fff; } #footer #menu-great-american-music-hall a:hover, #footer .social.gamh span:hover { color: #B62335; } #footer #menu-slims-menu a:hover, #footer .social.slims span:hover { color: #233975; } #footer .social { position: absolute; bottom: -40px; float: none; margin: 0; text-align: right; clear: both; } #footer .social li { display: inline-block; margin-left: 0; margin-right: 25px; } #footer .social li:last-child { margin-right: 0; } #footer .social li a i { color: #838383; } #footer .social li a:hover i { color: #fff; } #footer h2.widget-title { padding: 0; } .eb-powered-footer { padding: 10px 40px 10px 20px; background: #000; } .eb-powered-footer figure.eb-powered { font-size: 10px; } a.site-credit { float: right; padding-top: 14px; padding-right: 25px; } a.site-credit:hover { color: #fff; } /*--------------------------------------------------------------------------- ## 8.3 Sidebar ---------------------------------------------------------------------------*/ #secondary { padding: 1%; background: none; overflow: hidden; } #secondary .tfly-email-subscribe form input[type="text"] { border-right: none; } /*--------------------------------------------------------------------------- ## 8.4 Templates ---------------------------------------------------------------------------*/ h1.entry-title, h2.section-title { color: #121212; } h2.line-styling:after { display: block; width: 50px; height: 1px; margin-bottom: 30px; content: ''; background: #121212; } /* ### Page Defaults */ .page .entry-header { width: 100%; } .page article { margin-top: inherit; } .page h1.entry-title { position: relative; width: 100%; margin-bottom: 20px; text-shadow: 2px 3px 0 rgba(119, 119, 119, .4); } .page h1.entry-title.screen-reader-text { position: absolute; width: initial; } /* ### Centered */ .page-template-template-centered.page #primary { float: inherit; display: block; margin: 0 auto; } /* ### Home */ .page-template-page-home h1.entry-title { margin-bottom: 0; } .page-template-page-home #content { padding: 0; } .page-template-page-home .entry-content { width: 100%; } .venue .wrapper { display: block; width: 420px; max-width: 100%; margin: auto; } .venue img { display: block; margin: 0 auto 15px; border: 0; } .venue p { color: #fff; } .venue button, .venue a.custom { position: absolute; right: 0; bottom: 30px; left: 0; margin: 10px auto; background: none; color: #fff; border: 1px solid #fff; } .venue button:hover, .venue a.custom:hover { background: #fff; color: #404040; cursor: pointer; } .venue#slims, .venue#great-american-music-hall { position: relative; padding-top: 40px; padding-bottom: 96px; } .venue#slims { background: #233975; } .venue#great-american-music-hall { background: #B62335; } /* ### About */ .page-template-template-about .parallax, .page-template-page-about-slims .parallax { background-attachment: inherit; background-size: cover; } .page-template-template-about .hero .overlay, .page-template-page-about-slims .hero .overlay { display: none; } .page-template-template-about #content { padding-top: 0; } .page-template-template-about #about-gamh, .page-template-template-about #about-slims, .page-template-page-about-slims #about-slims, .page-template-page-about-gamh #about-gamh { padding-top: 60px; padding-bottom: 60px; } #about-gamh .entry-title, #about-gamh .social .icon { color: #B62335; } #about-slims .entry-title, #about-slims .social .icon { color: #243a73; } .venue-content .pullquote h3 { position: relative; font-weight: 600; } .venue-content .pullquote h3:before { position: absolute; top: -10px; display: block; width: 20px; height: 2px; content: ''; } #about-gamh .pullquote h3 { color: #B62335; } #about-gamh .pullquote h3:before { background: #B62335; } #about-slims .pullquote h3 { color: #243a73; } #about-slims .pullquote h3:before { background: #243a73; } /* ### Child Pages Template ID Specfic Pages 69 - GAMH 57 - Slims */ .page-events.parent-pageid-69 h1.entry-title { color: #B62335; } .page-events.parent-pageid-69 h1.entry-title:before { background: #B62335; } .page-events.parent-pageid-69 h1.entry-title:after { display: block; content:'Great American Music Hall '; } .page-events.parent-pageid-57 h1.entry-title { color: #243a73; } .page-events.parent-pageid-57 h1.entry-title:before { background: #243a73; } .page-events.parent-pageid-57 h1.entry-title:after { display: block; content:'Slims '; } .page-template-template-child-pages #content { padding-top: 0; } .page-template-template-about.page .overlay h1.entry-title:before, .page-template-template-child-pages.page .overlay h1.entry-title:before { background: #fff; } .page-template-template-child-pages #about { margin: 60px auto 0; } .page-template-template-child-pages .hero.expanded { margin-top: 40px; } .page-template-template-child-pages .venue-content h1.entry-title { margin-bottom: 20px; } .venue-content .gallery { display: inline-block; margin-top: 30px; } .venue-content .gallery li { float: left; margin: 20px 20px 0 10px; } .venue-content .gallery li:first-child { margin-top: 32px; } .venue-content .gallery li img { width: 100%; border: 0; } .venue-content .pullquote-wrapper { width: 275px; max-width: 100%; } .venue-content .pullquote { display: block; margin-top: 40px; } .venue-content .pullquote blockquote { width: 400px; max-width: 100%; font-size: 18px; font-weight: 400; font-family: 'lato', sans-serif; font-style:italic; } .venue-content .social { margin: -20px 0 0; padding-right: 120px; text-align: right; } .venue-content .social .icon { font-size: 21px; text-align: right; } .page-slims #about .social .icon { color: #243a73; } .page-great-american-music-hall #about .social .icon { color: #B62335; } .page-great-american-music-hall .calendar-link a:hover, .page-great-american-music-hall .calendar-link:hover::after { color: #B62335; } .page-template-template-child-pages .faq { padding-bottom: 60px; } .page-template-template-child-pages.page-slims .child-page:first-child { margin-top: 0; } .page-slims ul li.current-menu-item a:before, ul li.current_page_item a:before .page-slims #topnav ul li a:hover, .page-slims ul li.current-menu-item a:before, .page-slims ul li.current_page_item a:before, .page-slims #footer ul li.current_page_item a { background: #3352A7; } .page-slims .calendar-link a:hover, .page-slims .calendar-link:hover::after { color: #243a73; } /* ### Private Events */ .page-template-template-private-events #content { padding-top: 0; } .page-template-template-private-events .hero .overlay { width: 600px; background: none; } .page-template-template-private-events.page h1.entry-title:before { background: #fff; } .private-events { position: relative; padding-bottom: 80px; z-index: 5; } .private-events .cell { display: flex; } .private-events header { margin-bottom: 20px; } .private-events section { margin-top: -30px; } .private-events .col-wrapper { width: 100%; min-height: 450px; margin: 10px; padding: 40px 20px 20px; background: #fff; border: 1px solid #c3c3c3; } .private-events .col-wrapper a { color: #6E6E6E; } .private-events .col-wrapper i { margin-right: 5px; } .private-events .col-wrapper h3 { position: relative; margin-bottom: 20px; font-weight: 600; } .private-events .col-wrapper h4 { margin-bottom: 20px; } .private-events .entry-content { padding: 0; } .private-events .wpcf7 input[type="submit"] { margin-bottom: 0; } #pe-slims .wpcf7 input[type="submit"] { background: #243a73; } #pe-slims .wpcf7 input[type="submit"]:hover { background: none; color: #243a73; border-color: #243a73; } .private-events-landing { display: flex; } .private-events-landing::after { content: ""; clear: both; display: table; } .private-events-landing a { width: 50%; height: 400px; background-color: #EEE; display: flex; justify-content: center; align-items: center; flex-direction: column; font-family: 'Chivo', sans-serif; text-transform: uppercase; font-weight: bold; line-height: 1; font-size: 2em; color: #FFF; text-align: center; background-size: cover; background-position: center; position: relative; padding: 1em; box-sizing: border-box; } .private-events-landing a:first-of-type { margin-right: 10px; } .private-events-landing a:last-of-type { margin-left: 10px; } .private-events-landing a::before { content: ''; display: block; width: 100%; position: absolute; top: 0; left: 0; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 0; transition: all .35s; -moz-transition: all .35s; /* Firefox 4 */ -webkit-transition: all .35s; /* Safari and Chrome */ -o-transition: all .35s; /* Opera */ } .private-events-landing a div { z-index: 1; font-size: 1em; } .private-events-landing a span { display: block; font-size: 0.75em; margin-top: 0.5em; } .private-events-landing a:first-of-type:hover::before { background-color: rgba(36, 58, 115, 0.75); } .private-events-landing a:last-of-type:hover::before { background-color: rgba(182, 35, 53, 0.75); } /** Venue Page Styling **/ .parent-pageid-69 #footer-main-nav li.current-page-ancestor a, .page-great-american-music-hall #footer ul li.current_page_item a { color: #B62335; } .parent-pageid-69 #gamh-widget li.current-menu-item a { color: #fff; } .page-template-template-child-pages.page-gamh #toTop:hover { background: #B62335; border-color: #B62335; } .page-template-template-child-pages.page-gamh #toTop:hover span i { opacity: 1; color: #B62335; } .page-template-template-child-pages.page-slims .accordion-item a.is-active, .page-template-template-child-pages.page-slims .accordion-item a.question:hover, .page-template-template-child-pages.page-slims .accordion-item .accordion-content { border-color: #243a73; } .page-slims ul#menu-footer-slims li.current-menu-item a, .parent-pageid-57 ul#menu-footer-slims li.current-menu-item a { color: #fff; } .page-slims #footer-main-nav li a:hover, .page-slims #footer-main-nav li.current_page_item a, .parent-pageid-57 #footer-main-nav li.current-page-ancestor a { color: #3B61BF; } .page-template-template-child-pages.page-slims #toTop:hover { background: #243a73; border-color: #243a73; } .page-template-template-child-pages.page-slims #toTop:hover span i { color: #fff; } /* ### FAQ Template */ .page-template-template-faq .large-8.cell { display: block; margin: 0 auto; padding-top: 30px; } .page-template-template-faq .entry-content { display: none; } .page-template-template-faq article:last-child, .page-template-template-child-pages:last-child { border-bottom: 0; } .page-template-template-faq #content { padding-bottom: 60px; } .page-template-template-faq article { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #E0E0E0; } .page-template-template-faq article:last-child, .page-template-template-faq-child-pages article:last-child { border: 0; } .page-template-page-faq .faq-content p { margin-bottom: 10px; } .page-template-page-faq .faq-question { margin: 30px 0 20px; } h4.faq-question { margin: 0px 0 0 8px; } div.faq-content { margin: 0 20px 30px; } /* ### Template Child pages */ .page-template-template-child-pages #events { padding-top: 60px; } .page-template-template-child-pages #events h1.entry-title:nth-child(2) { margin-bottom: 20px; } .page-template-template-child-pages h1.entry-title { margin-bottom: 5px; } .page-template-template-child-pages .child-page { margin: 60px auto; } .page-template-template-child-pages .venue-content { padding-top: 60px; padding-bottom: 30px; } .page-slims h1.entry-title, .page-template-template-child-pages.page-slims h1.entry-title { color: #243a73; } #gamh-bkg { background: #B62335; background: rgba(182,35,53,.9); } #slims-bkg { background: #243a73; background: rgba(36,58,115,.9); } #about-slims h1.entry-title:before, .page-template-template-child-pages.page-slims h1.entry-title:before { background: #243a73; } .page-great-american-music-hall h1.entry-title, .page-template-template-child-pages.page-great-american-music-hall h1.entry-title { color: #B62335; } h1.entry-title:before, .page-template-template-child-pages.page-great-american-music-hall h1.entry-title:before { background: #B62335; } .page-template-template-child-pages .overlay h1.entry-title { color: #fff; } .page-template-template-child-pages.page-great-american-music-hall .list-view .list-view-item:hover { border-color: #B62335; } /* ### Event Template */ .page-upcoming-events .entry-content { padding-top: 0; padding-bottom: 0; } /* ### Event Listing */ .page-template-template-event-listing #content { padding: 60px 0; } .page-template-template-event-listing h2.section-title { display: inline-block; color: #121212; } .page-template-template-event-listing .custom-dropdown { margin-top: -90px; } /* ### Search Results */ .search-results-message { margin-bottom: 20px; } .page-template-page-search #content { padding-bottom: 0; } .page-template-page-search a#search { display: none; } .page-template-page-search .search-wrapper { padding: 40px 0; background: #fff; } .search-wrapper .tfly-search input { border: 1px solid #ddd; border-right: 0; } /* ### Contact Page */ i.material-icons { font-size: 1.6rem; top: 3px; position: relative; } a.gmap { color: #121212; } a.gmap:hover { color: #8C8C8C; } .entry-content .contact iframe { width: 90%; } /* ### 404 */ .error404 section.error-404 { width: 100%; margin-top: 40px; margin-bottom: 70px; } .error404 #secondary { padding: 0; } div.entry-content { position: relative; width: 100%; margin: 0 auto; padding: 60px 0; } article.format-standard { margin: 0 0 30px 0; overflow: auto; clear: left; } section.post-excerpt { width: 96%; padding-left: 4%; } div.entry-meta { padding-top: 10px; } div.entry-meta-single { padding: 0px 0 6px; } .non-event img { border: 0; } p.lower-meta { margin-bottom: 0; } div.nav-previous, div.nav-next { margin-top: 20px; } div.entry-meta { padding-top: 10px; } div.entry-meta-single { padding: 0px 0 6px; font-style:italic; } #wrapper-page div.excerpt-thumb { float: left; margin: 17px 16px 10px 0; } #wrapper-page div.excerpt-thumb img { border: 5px #121212 solid; } #wrapper-page #nav-above { display: none; } /* Gallery Post Format */ aside.format-gallery {overflow:auto;} p.gallery {font-size:1em;color: #666;} div.gallery-thumb-wrap { float: left; display: block; margin: 0px 0px 10px; padding: 5px; } a.gallery-thumb img { background-color: #fff; border: 1px solid #a9a9a9; display: block; margin: 4px; padding: 4px; position: relative; border-radius:3px; } a:hover.gallery-thumb img {background-color: #ccc;} p.gallery-text { font-style:italic; font-size:0.8em; margin: 0px 8px; } h4.gallery-title {font-size: 1.3em;margin: 8px 0 0 4px;} /* div.gallery {margin: 0px auto 1.5em;width:100%;clear:both;overflow:auto;} .gallery-item {float:left;width:150px;} */ .gallery-icon img { padding: 3%; border-radius:3px; background-color: #fff; border: 1px solid #a9a9a9 !important; display: block; margin: 10px auto; } .gallery-caption {font-size:0.9em;line-height: 1.1;} dd.wp-caption-text {margin-left: 15px !important;margin-right: 15px !important;} /*-------------------------------------------------------------- ## 8.5 Blog Template --------------------------------------------------------------*/ .blog #content { margin: 30px 0; } .blog #primary { padding-top: 0; background: none; } .blog #secondary { max-width: 330px; margin-top: 6px; } .blog article div.entry-content { padding: 5px 10px; } .blog article.format-standard { position: relative; float: left; width: 30%; margin: 0 1% 30px 1%; border-bottom: 1px solid #aaa; background: rgba(0,0,0,.85); color: #fff; border: 4px solid #000000; clear: none; } .blog article .entry-meta { padding-top: 5px; padding-left: 10px; } .blog article h1.entry-title { display: table; width: 100%; margin-bottom: 0; border-top: 0; border-right: 0; border-bottom: 4px solid #000000; border-left: 0; } .blog article h1.entry-title a { display: table-cell; text-align: center; vertical-align: middle; } .blog article p { color: #fff; } article h1.entry-title a:hover, article h1.entry-title a:link, article h1.entry-title a:visited { color: #000000; } article .entry-footer { padding: 1% 0; font-size: 1.44rem; } article .entry-footer .cat-links a { margin-right: 8px; padding-right: 10px; border-right: 1px solid #f1f1f1; } #wrapper-page div.excerpt-thumb { float: left; width: 100%; margin: 0; } #wrapper-page div.excerpt-thumb img { width: 100%; border: 0; } .single .byline, .group-blog .byline { color: #fff; display: none; } div.entry-meta { margin-bottom: 10px; padding-top: 12px; } section.post-excerpt { width:100%; padding: 2%;} .single-post #content { margin: 30px 0; } .single-post #primary { background: #121212; } .single-post h1.entry-title { margin: 0; padding: 0; border: 0; } .single-post .entry-meta { padding: 0; } .single-post article, .single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post article p { color: #fff; } /*-------------------------------------------------------------- ## 8.6 Components --------------------------------------------------------------*/ /* ### Sticky Header */ #masthead.sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); } #content.sticky-wrap { position: relative; padding-top: 74px; } /* ### Hero Component */ .hero { position: relative; min-height: 450px; } .hero .overlay { display: flex; align-items: center; position: absolute; height: 100%; width: 365px; max-width: 100%; padding: 50px 20px 20px; background: rgba(0,0,0,.9); } .hero .overlay p { width: 100%; } .hero.expanded { width: 1440px; max-width: 100%; min-height: 420px; margin: auto; background-repeat: no-repeat; background-size: cover; } .page-slims .hero .overlay { background: rgba(36,58,115,.9); } .page-great-american-music-hall .hero .overlay { background: rgba(178,35,66,.9); } .page-slims .hero.expanded .overlay, .page-great-american-music-hall .hero.expanded .overlay { background: none; } .hero .overlay h1, .hero .overlay h2, .hero .overlay h3, .hero .overlay h4, .hero .overlay li, .hero .overlay p { color: #fff; } .hero .overlay h4 { margin-bottom: 30px;} .hero .overlay-content { position: inherit; width: 90%; bottom: 40px; } /* ### Accordion Component */ .faq-group { margin: 40px auto; } .faq header { margin: 20px 0; } .accordion { width: 100%; margin-top: 20px; } .accordion-item h3 { text-transform: capitalize; } .accordion-item { margin: 15px 0; } .accordion-item:first-child { margin-top: 0; } .accordion-item a.question { position: relative; display: block; margin-bottom: 0; padding: 15px 35px 15px 10px; color: #1a1a1a; border: 1px solid #c4c6c5; transition: all .35s; -moz-transition: all .35s; /* Firefox 4 */ -webkit-transition: all .35s; /* Safari and Chrome */ -o-transition: all .35s; /* Opera */ } .accordion-item a.question i { position: absolute; top: 18px; right: 10px; color: #1a1a1a; font-size: 16px; transition: all .35s; -moz-transition: all .35s; /* Firefox 4 */ -webkit-transition: all .35s; /* Safari and Chrome */ -o-transition: all .35s; /* Opera */ } .accordion-item a.question.is-active i { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .accordion-item a.is-active, .accordion-item a.question:hover { border-color: #121212; } .accordion-content { padding: 20px 20px 20px; margin-bottom: 25px; border: 1px solid #121212; border-top: 0; } .accordion-content i { width: 20px; margin-right: 5px; color: #4E4E4E; } .accordion-content p:last-child { margin-bottom: 0; } .accordion .accordion-content a { padding-bottom: 4px; border-bottom: 1px solid transparent; font-weight: 600; } .accordion .accordion-content a:hover { color: #1a1a1a; border-color: #1a1a1a; } .accordion.gamh .accordion-content a { color: #B62335; border-color: #B62335; } .accordion.gamh .accordion-content a i { color: #B62335; } .accordion.slims .accordion-content a { color: #243a73; border-color: #243a73; } .accordion.slims .accordion-content a i { color: #243a73; } /* ========================================================================== # 9.0 Plugin Overrides ========================================================================== */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* Owl Overrides */ .owl-carousel { opacity: 0; } .owl-carousel.owl-loaded { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out } .owl-carousel { position: relative; min-height: 330px; padding: 20px 1% 0 1%; background: #121212; } .owl-carousel .owl-stage-outer { position: relative; min-height: 290px; overflow: hidden; } .owl-carousel .owl-stage { top: 15px; } .owl-carousel .owl-item { opacity: 0; } .owl-carousel .owl-item.active { opacity: .25; } .owl-carousel .owl-item.active.center { opacity: 1; } .owl-carousel .owl-item.active.center .slide-content { min-height: 228px; width: 100%; margin: -10px 0 0 0; } .owl-carousel .owl-item img { border: 1px solid #111; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 50%; width: 50px; height: 50px; margin: -25px 5px 0 5px; padding: 0; font-size: 40px; background: #6F6F6F; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out } .owl-carousel .owl-nav button.owl-prev { left: 10px; } .owl-carousel .owl-nav button.owl-next { right: 10px; } .owl-carousel .owl-nav button span { position: relative; top: -8px; color: #fff; } .owl-carousel .owl-nav button:hover { background: #c4c6c5; } .owl-carousel .owl-nav button:hover span { color: #6F6F6F; } .owl-carousel .slide-content { position: relative; width: 98%; margin: 0 1%; min-height: 205px; } .owl-carousel .slide-content .overlay { position: absolute; left: 40px; bottom: 40px; padding: 10px 30px; background: rgba(255,255,255,.2); } .slide-content .overlay h2, .slide-content .overlay h3 { color: #fff; } .slide-content.gamh .caption { background: rgba(178,35,66,.9); } .slide-content.slims .caption { background: rgba(36,58,115,.9); } .slide-content .caption { position: absolute; bottom: -50px; width: 100%; padding: 10px; } .slide-content .caption .date { position: relative; top: 5px; } .slide-content .caption .headliner { float: left; } .slide-content .caption .event-info { float: right; } .slide-content .caption .headliner, .slide-content .caption .event-info { color: #fff; } .page-template-template-child-pages .owl-carousel { z-index: 999; min-height: 400px; padding-top: 60px; padding-bottom: 40px;background-color: rgb(18, 18, 18); } /*.page-template-template-child-pages .owl-carousel .owl-nav button.owl-next, .page-template-template-child-pages .owl-carousel .owl-nav button.owl-prev { background: #fff; } .page-template-template-child-pages .owl-carousel .owl-nav button span { background: none; color: #c4c6c5; } .page-template-template-child-pages .owl-carousel .owl-nav button:hover { background: #c4c6c5; color: #fff; } .page-template-template-child-pages .owl-carousel .owl-nav button:hover span { color: #fff; }*/ /* ## Contact Form 7 */ .wpcf7 h2, .wpcf7 h3 { margin-bottom: 20px; } .wpcf7 p { margin-bottom: 0; } .wpcf7 p label { font-size: 12px; } .wpcf7 p label br { display: none; } .wpcf7 label { display: block; margin-bottom: 10px; } .wpcf7 fieldset { margin-top: 0; padding: 0 20px; border: 1px solid #333; } .wpcf7 fieldset legend { margin-bottom: 0; background: none; color: #171717; text-align: center; } .wpcf7 .form-group { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; } .wpcf7 .wpcf7-not-valid-tip, .wpcf7 .form-group.required h4, .wpcf7 .invalid .form-group.required label { color: #97100E; } div.wpcf7-mail-sent-ok { border-color: #05584B; color: #05584B; } .wpcf7 .form-group.required h4, .wpcf7 .form-group.required label { color: #05584B; } .wpcf7 .invalid .required input, .wpcf7 .invalid .required select, .wpcf7 .invalid .required textarea { border-color: #97100E; } .wpcf7 .wpcf7-response-output { padding: 10px; } .wpcf7 .wpcf7-validation-errors { margin: 0; padding: 10px; border-color: #D6D50B; } .wpcf7 select, .wpcf7 input, .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="date"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="month"], .wpcf7 input[type="week"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="time"], .wpcf7 input[type="url"], .wpcf7 input[type="color"], .wpcf7 textarea { margin: 5px 0 0; padding: 10px; color: #A9A9A9; box-shadow: none; border-radius: 0; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .wpcf7 input[type="text"]:focus, .wpcf7 input[type="password"]:focus, .wpcf7 input[type="date"]:focus, .wpcf7 input[type="datetime"]:focus, .wpcf7 input[type="datetime-local"]:focus, .wpcf7 input[type="month"]:focus, .wpcf7 input[type="week"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="number"]:focus, .wpcf7 input[type="search"]:focus, .wpcf7 input[type="tel"]:focus, .wpcf7 input[type="time"]:focus, .wpcf7 input[type="url"]:focus, .wpcf7 input[type="color"]:focus, .wpcf7 textarea:focus { outline: 0; color: #333; border: 1px solid #121212; } .wpcf7 input, .wpcf7 select, .wpcf7 textarea, .wpcf7 input[type="text"], .wpcf7 input[type="url"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"] { background-color: #fff; border-radius: 0; width: 100%; padding: 8px 0 10px 10px; color: #666; border: 1px solid #ccc; } .wpcf7 input[type="submit"] { float: none; display: block; max-width: 170px; min-height: 40px; margin: 20px auto; padding: 10px 20px; border: 1px solid transparent; border-radius: 0; outline: 0; font-family: 'Chivo', sans-serif; font-weight: 600; text-transform: uppercase; background: #B62335; color: #fff; cursor: pointer; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out } .wpcf7 input[type="submit"]:hover { background: none; color: #B62335; border: 1px solid #B62335; } .small-type { float: left; width: 100%; margin-bottom: 10px; padding-bottom: 10px; clear: both; } /* ## UItoTop */ #toTop { display: none; position: fixed; z-index: 500; right: 10px; bottom: 10px; width: 40px; height: 40px; background-color: #121212; border: 1px solid #4F4D52; text-decoration: none; overflow:hidden; transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; /* Firefox 4 */ -webkit-transition: all .35s ease-in-out; /* Safari and Chrome */ -o-transition: all .35s ease-in-out; /* Opera */ } #toTop:hover span i { opacity: .65; } #toTop span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 38px; height: 38px; margin: auto; opacity: 1!important; text-align: center; } #toTop span i { position: relative; top: 9px; font-size: 16px; text-align: center; color: #fff; transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; /* Firefox 4 */ -webkit-transition: all .35s ease-in-out; /* Safari and Chrome */ -o-transition: all .35s ease-in-out; /* Opera */ } #toTopHover { width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; } /* ## Images Loaded */ .hero { opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .hero.img-loaded { opacity: 1; } /* ========================================================================== 10.0 Effects ========================================================================== */ /* FadeIn Effect */ @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } } @-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } } @keyframes fadeOut { from { opacity:1; } to { opacity:0; } } .fadein { opacity:0; /* make things invisible upon start */ -webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time */ -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:.35s; -moz-animation-duration:.35s; animation-duration:.35s; } .fadein.reveal { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; } /* ========================================================================== 11.0 Helper Classes ========================================================================== */ /* Fixed Background */ .fixed-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; display: block; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* Parallax */ .parallax { /* Full height */ height: 100%; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } /* Turn off parallax scrolling for all tablets and phones */ @media only screen and (max-device-width: 1366px) { .parallax { background-attachment: scroll; } } /* Alignment */ img.alignleft { float: left; margin:0 16px 10px 0; } img.alignright { float: right; margin:0 0 10px 16px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } /* CSS Columns */ .css-col.2 { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } .css-col.3 { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; } .css-col.4 { -webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4; } /* Clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* ========================================================================== 12.0 Media Queries ========================================================================== */ .menu-toggle { display: none; margin: 22px 20px 15px 10px; text-align: right; background: none; border: 0; } .menu-toggle i { color: #fff; font-size: 30px; } .toggled .menu-toggle i:before { content: '\f00d'; } @media (max-width: 1240px) { .venue-content aside { width: 590px; max-width: 100%; margin-right: auto; margin-left: auto; } .venue-content aside .gallery li:first-child { display: none; } .venue-content aside .gallery li:last-child { margin-right: 0; } .venue-content .social { padding-right: 10px; } } @media (max-width: 1024px) { #festival-widget { width: 100%; padding: 50px 0 40px; background: #262626; } .list-view .ticket-price { clear: both; } .location .venue { position: inherit; } .venue-content .gallery { margin-top: 0; margin-left: 0; } } @media (max-width: 900px) { .list-view-item .image-url { width: 200px; max-width: 25%; } .list-view .list-view-item { padding: 70px 20px 40px 20px; } .list-view-item .list-view-details { max-width: 75%; } .location .venue { top: 120px; } .data-meta1, .data-meta2, .data-meta3 { display: inline-block; font-size: inherit; } .owl-carousel, .owl-carousel.owl-loaded { display: none; } .menu-toggle { float: right; display: block; } #masthead .social, #masthead a#search { display: none; } #masthead .contact-info { float: right; width: inherit; margin: 4px 20px 5px 5px; } #masthead .contact-info a#phone { display: none; } .main-navigation li { transition: none; } #topnav ul { display: none; background: #fff; } #topnav { float: none; max-width: inherit; padding: 0; clear: inherit; } #topnav .menu-main-menu-container, #topnav .menu-secondary-menu-container { display: none; } #topnav.toggled .logo-nav li { background: #888888; } #topnav.toggled { position: relative; z-index: 9999; display: inherit; max-width: inherit; padding: 0; } #topnav.toggled .menu-toggle { max-width: inherit; } #topnav.toggled .menu-toggle i { color: #121212; } .page-template-page-home #topnav.toggled .menu-toggle i { color: #fff; } #topnav.toggled .menu-main-menu-container, #topnav.toggled .menu-secondary-menu-container { display: inherit; width: 100%; margin-top: 0; clear: both; background: #fff; } #topnav.toggled ul { float: none; display: block; width: 100%; max-width: 100%; margin: 0 auto; padding: 0; } #topnav.toggled ul li { display: inline-block; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; text-align: left; text-indent: 10px; } #topnav.toggled ul li:first-child { padding-top: 10px; } #topnav.toggled ul li:last-child { margin-bottom: 0; border: 0; } #topnav.toggled ul li a { padding: 0; color: #121212; } #topnav.toggled ul li.menu-item-has-children a { margin-bottom: 15px; } #topnav.toggled ul li.menu-item-has-children a:after { display: none; } #topnav.toggled ul li.outside-links ul.sub-menu a:after { display: inherit; } #topnav.toggled ul li.menu-item-has-children ul li { display: block; width: 93%; margin-left: auto; margin-right: auto; text-indent: 0; } #topnav.toggled ul li.menu-item-has-children ul li a { margin-bottom: inherit; color: #8C8C8C; } #topnav.toggled ul ul { position: inherit; top: inherit; left: inherit; width: 100%; } ul li.current-menu-item a:before, ul li.current_page_item a:before { display: none; } } @media (max-width: 600px) { .location .venue { position: inherit; top: inherit; } .event-status-message { margin-top: 20px; } .list-view-item .image-url, .list-view .list-view-item { width: 320px; max-width: 100%; margin: auto; padding-right: 0; padding-left: 0; } .list-view-item .image-url { width: 100%; margin-bottom: 20px; } .list-view-item .list-view-details { max-width: 100%; margin-bottom: 10px; padding: 0; } .date-age { margin-bottom: 20px; } .list-view .list-view-item:hover, .list-view .list-view-item:last-child:hover { background: none; border: transparent; } .list-view .list-view-item .ticket-price span, .list-view .list-view-item .ticket-price button { width: 100%; } .list-view .list-view-item .ticket-price .future-sale span { width: initial; } .entry-content .list-view .calendar-link { float: none; display: block; margin: -15px 0 0; } .entry-content .location .venue { position: inherit; } .list-view .ticket-price, .list-view section.ticket-link { width: 100%; } .entry-content .list-view .ticket-link a, .entry-content .list-view button.ticket-link, .entry-content .list-view .sold-out, .entry-content .list-view .cancelled, .entry-content .list-view .postponed, .entry-content .list-view .free, .entry-content .list-view .tickets-at-the-door, .entry-content .list-view .future-sale a, .entry-content .list-view .on-sale-soon, .entry-content .list-view .custom { width: 100%; } .list-view-details span.dates { left: 0; } #events .list-view .calendar-link { position: relative; top: -10px; float: none; } .eb-email-subscribe .eb-email-address { width: 65%; } .eb-email-subscribe .eb-email-submit { width: 35%; } .venue-content .social { padding-right: 0; padding-left: 10px; text-align: left; } /* Calendar */ .entry-content .calendar-view table tr { border-top: 0; border-bottom: 0; } .entry-content .calendar-view tr:first-child td { display: block; max-width: 100%; border: 0; } .entry-content .calendar-view td { display: none; width: 100%; max-width: 300px; margin: auto; border: 0; } .entry-content .calendar-view td.has-event { display: block; border-top: 0; border-right: 0; border-left: 0; } .entry-content .calendar-view tr:nth-child(2) td.has-event { border-top: 0; } .entry-content .calendar-view .one-event { margin-bottom: 30px; padding-bottom: 30px; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; } .entry-content .calendar-view .one-event:last-child { margin-bottom: 0; padding-bottom: 20px; border-bottom: 0; } .entry-content .calendar-view .date { margin: 0; padding: 20px 0; } /* Private Events Landing */ .private-events-landing { flex-direction: column; } .private-events-landing a { margin: 0 0 0.5em 0 !important; width: 100%; height: 200px; } .private-events-landing a div { font-size: 0.8em; } } @media (max-width: 414px) { .page nav .gamh, .page nav .slims, .page-template-page-home nav .gamh, .page-template-page-home nav .slims { width: 125px; height: 90px; } .logo-nav img { position: relative; top: 5px; width: 75px; max-width: 100%; } /* Event Detail Page */ .page-template-template-event .entry-content { padding-top: 0; } .page-template-template-event .entry-content .event-detail img { width: 100%; margin-top: 20px; margin-bottom: 20px; } .entry-content .event-detail .event-info { width: 100%; } .event-detail .headliners { clear: both; } } /* Gallery updates */ .site-main .grid-x .gallery a img{ max-width: 100%; border-radius: 0px; border: 0px; margin:0px; padding:0px; }