.elementor-kit-19150{--e-global-color-primary:#1E1D1D;--e-global-color-secondary:#C1C1C1;--e-global-color-text:#1E1D1D;--e-global-color-accent:#F5F5F5;--e-global-color-baf2e3e:#FFFFFF;--e-global-color-384dc14:#63605C;--e-global-color-d972c1b:#1E1D1D;--e-global-color-5f0a14f:#F0F0F0;--e-global-color-754ecbe:#C1C1C1;--e-global-color-4cce85c:#F9A64A;--e-global-color-a53fefc:#A054A0;--e-global-color-98c2e81:#2483C5;--e-global-color-5d5410c:#E1251B;--e-global-color-38af681:#727272;--e-global-color-8a38c97:#A0A0A0;--e-global-color-64b78d2:#F5F5F5;--e-global-color-98905e1:#63605C;--e-global-color-15f4549:#1E1D1D;--e-global-color-7ec7a1e:#C1C1C1;--e-global-color-eb5e0f0:#F9A64A;--e-global-color-3e9fcc2:#42FF17;--e-global-typography-primary-font-family:"gotham";--e-global-typography-primary-font-size:clamp(1.8rem, .8rem + 1.2vw, 2.8125rem);--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"gotham";--e-global-typography-secondary-font-size:clamp(2rem, 1.4rem + 1.4vw, 3rem);--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"gotham";--e-global-typography-text-font-size:1.3em;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.3em;--e-global-typography-accent-font-family:"gotham";--e-global-typography-accent-font-size:1.3em;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.3em;--e-global-typography-cea9114-font-family:"gotham";--e-global-typography-cea9114-font-size:clamp(2rem, 1.6518rem + 1.5476vw, 2.8125rem);--e-global-typography-cea9114-font-weight:300;--e-global-typography-cea9114-line-height:3.2rem;--e-global-typography-cea9114-letter-spacing:0px;--e-global-typography-b55cc01-font-family:"gotham";--e-global-typography-b55cc01-font-size:clamp(2.625rem, 2.4667rem + 0.6667vw, 3rem);--e-global-typography-b55cc01-font-weight:700;--e-global-typography-b55cc01-line-height:1.1em;--e-global-typography-84fa583-font-family:"gotham";--e-global-typography-84fa583-font-size:clamp(2.625rem, 2.4667rem + 0.6667vw, 3rem);--e-global-typography-84fa583-font-weight:300;--e-global-typography-84fa583-line-height:3.2rem;--e-global-typography-39825e1-font-family:"gotham";--e-global-typography-39825e1-font-size:clamp(1rem, 0.8944rem + 0.4444vw, 1.25rem);--e-global-typography-39825e1-font-weight:700;--e-global-typography-39825e1-letter-spacing:0px;--e-global-typography-36e92b1-font-family:"gotham";--e-global-typography-36e92b1-font-size:clamp(9px, 6.667px + 1.729vw, 16px);--e-global-typography-36e92b1-font-weight:700;--e-global-typography-36e92b1-text-transform:uppercase;--e-global-typography-36e92b1-letter-spacing:2.4px;--e-global-typography-a903154-font-family:"gotham";--e-global-typography-a903154-font-size:clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);--e-global-typography-a903154-font-weight:300;--e-global-typography-a903154-line-height:32px;--e-global-typography-a00c667-font-family:"gotham";--e-global-typography-a00c667-font-size:clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);--e-global-typography-a00c667-font-weight:400;--e-global-typography-30582c7-font-family:"gotham";--e-global-typography-30582c7-font-size:clamp(1rem, 0.8944rem + 0.4444vw, 1.25rem);--e-global-typography-30582c7-font-weight:300;--e-global-typography-26d2816-font-family:"gotham";--e-global-typography-26d2816-font-size:clamp(.9rem, 0.8944rem + 0.4444vw, 1.15rem);--e-global-typography-26d2816-font-weight:700;--e-global-typography-26d2816-letter-spacing:0px;--e-global-typography-15467a0-font-family:"gotham";--e-global-typography-15467a0-font-size:1rem;--e-global-typography-15467a0-font-weight:400;--e-global-typography-15467a0-line-height:24px;--e-global-typography-15467a0-letter-spacing:0px;--e-global-typography-feeb9b9-font-family:"gotham";--e-global-typography-feeb9b9-font-size:clamp(.9rem, 0.90rem + 0.44vw, 1.15rem);--e-global-typography-feeb9b9-font-weight:300;--e-global-typography-feeb9b9-line-height:28px;--e-global-typography-72f0bfa-font-family:"gotham";--e-global-typography-72f0bfa-font-size:0.875rem;--e-global-typography-72f0bfa-font-weight:400;--e-global-typography-5f30df6-font-family:"gotham";--e-global-typography-5f30df6-font-size:1rem;--e-global-typography-5f30df6-font-weight:700;--e-global-typography-6aacec5-font-family:"gotham";--e-global-typography-6aacec5-font-size:clamp(22px, 11.436px + 1.026vw, 34px);--e-global-typography-6aacec5-font-weight:300;--e-global-typography-6aacec5-text-transform:capitalize;--e-global-typography-6aacec5-line-height:24px;--e-global-typography-6aacec5-letter-spacing:0.3px;--e-global-typography-caa057f-font-family:"gotham";--e-global-typography-caa057f-font-size:clamp(26px, 1.85vw, 32px);--e-global-typography-caa057f-font-weight:300;--e-global-typography-6db23d2-font-family:"gotham";--e-global-typography-6db23d2-font-size:0.82rem;--e-global-typography-6db23d2-font-weight:bold;--e-global-typography-6db23d2-text-transform:uppercase;--e-global-typography-d346b96-font-family:"gotham";--e-global-typography-d346b96-font-size:1rem;--e-global-typography-d346b96-font-weight:700;--e-global-typography-d346b96-text-transform:uppercase;--e-global-typography-d346b96-letter-spacing:1.6px;background-color:var( --e-global-color-64b78d2 );font-family:"gotham", 'Gotham', 'Montserrat','Helvetica Neue', Helvetica, Arial, sans-serif;font-size:1rem;font-weight:400;line-height:24px;letter-spacing:0px;}.elementor-kit-19150 button,.elementor-kit-19150 input[type="button"],.elementor-kit-19150 input[type="submit"],.elementor-kit-19150 .elementor-button{background-color:#C1C1C100;font-family:var( --e-global-typography-6db23d2-font-family ), 'Gotham', 'Montserrat','Helvetica Neue', Helvetica, Arial, sans-serif;font-size:var( --e-global-typography-6db23d2-font-size );font-weight:var( --e-global-typography-6db23d2-font-weight );text-transform:var( --e-global-typography-6db23d2-text-transform );letter-spacing:var( --e-global-typography-6db23d2-letter-spacing );color:var( --e-global-color-d972c1b );border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-baf2e3e );border-radius:0px 0px 0px 0px;padding:9px 9px 9px 9px;}.elementor-kit-19150 button:hover,.elementor-kit-19150 button:focus,.elementor-kit-19150 input[type="button"]:hover,.elementor-kit-19150 input[type="button"]:focus,.elementor-kit-19150 input[type="submit"]:hover,.elementor-kit-19150 input[type="submit"]:focus,.elementor-kit-19150 .elementor-button:hover,.elementor-kit-19150 .elementor-button:focus{background-color:#F5F5F503;color:var( --e-global-color-d972c1b );border-style:solid;border-width:3px 3px 3px 3px;border-color:#000000;}.elementor-kit-19150 a{color:#1E1D1D;font-family:"gotham", 'Gotham', 'Montserrat','Helvetica Neue', Helvetica, Arial, sans-serif;}.elementor-kit-19150 a:hover{color:#F9A64A;font-family:"gotham", 'Gotham', 'Montserrat','Helvetica Neue', Helvetica, Arial, sans-serif;}.elementor-kit-19150 h1{font-family:"gotham", 'Gotham', 'Montserrat','Helvetica Neue', Helvetica, Arial, sans-serif;font-size:clamp(2.625rem, 2.4667rem + 0.6667vw, 3rem);font-weight:700;}.elementor-kit-19150 label{color:var( --e-global-color-754ecbe );font-family:var( --e-global-typography-6db23d2-font-family ), 'Gotham', 'Montserrat','Helvetica Neue', Helvetica, Arial, sans-serif;font-size:var( --e-global-typography-6db23d2-font-size );font-weight:var( --e-global-typography-6db23d2-font-weight );text-transform:var( --e-global-typography-6db23d2-text-transform );letter-spacing:var( --e-global-typography-6db23d2-letter-spacing );}.elementor-kit-19150 input:not([type="button"]):not([type="submit"]),.elementor-kit-19150 textarea,.elementor-kit-19150 .elementor-field-textual{font-family:var( --e-global-typography-feeb9b9-font-family ), 'Gotham', 'Montserrat','Helvetica Neue', Helvetica, Arial, sans-serif;font-size:var( --e-global-typography-feeb9b9-font-size );font-weight:var( --e-global-typography-feeb9b9-font-weight );line-height:var( --e-global-typography-feeb9b9-line-height );color:var( --e-global-color-384dc14 );accent-color:#FFD4A5;background-color:var( --e-global-color-64b78d2 );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-754ecbe );border-radius:0px 0px 0px 0px;transition:300ms;padding:4px 0px 2px 8px;}.elementor-kit-19150 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-19150 textarea:focus,.elementor-kit-19150 .elementor-field-textual:focus{color:var( --e-global-color-text );background-color:var( --e-global-color-baf2e3e );border-style:solid;border-width:0px 0px 3px 0px;border-color:var( --e-global-color-8a38c97 );border-radius:0px 0px 0px 0px;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:8px;}.elementor-element{--widgets-spacing:8px 8px;--widgets-spacing-row:8px;--widgets-spacing-column:8px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-19150{--e-global-typography-caa057f-font-size:3.5vw;}.elementor-kit-19150 button,.elementor-kit-19150 input[type="button"],.elementor-kit-19150 input[type="submit"],.elementor-kit-19150 .elementor-button{font-size:var( --e-global-typography-6db23d2-font-size );letter-spacing:var( --e-global-typography-6db23d2-letter-spacing );}.elementor-kit-19150 label{font-size:var( --e-global-typography-6db23d2-font-size );letter-spacing:var( --e-global-typography-6db23d2-letter-spacing );}.elementor-kit-19150 input:not([type="button"]):not([type="submit"]),.elementor-kit-19150 textarea,.elementor-kit-19150 .elementor-field-textual{font-size:var( --e-global-typography-feeb9b9-font-size );line-height:var( --e-global-typography-feeb9b9-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:75%;}.e-con{--container-max-width:75%;}}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:1024px){.elementor-kit-19150 button,.elementor-kit-19150 input[type="button"],.elementor-kit-19150 input[type="submit"],.elementor-kit-19150 .elementor-button{font-size:var( --e-global-typography-6db23d2-font-size );letter-spacing:var( --e-global-typography-6db23d2-letter-spacing );}.elementor-kit-19150 label{font-size:var( --e-global-typography-6db23d2-font-size );letter-spacing:var( --e-global-typography-6db23d2-letter-spacing );}.elementor-kit-19150 input:not([type="button"]):not([type="submit"]),.elementor-kit-19150 textarea,.elementor-kit-19150 .elementor-field-textual{font-size:var( --e-global-typography-feeb9b9-font-size );line-height:var( --e-global-typography-feeb9b9-line-height );}}@media(max-width:880px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:767px){.elementor-kit-19150{--e-global-typography-84fa583-line-height:2.8rem;}.elementor-kit-19150 button,.elementor-kit-19150 input[type="button"],.elementor-kit-19150 input[type="submit"],.elementor-kit-19150 .elementor-button{font-size:var( --e-global-typography-6db23d2-font-size );letter-spacing:var( --e-global-typography-6db23d2-letter-spacing );}.elementor-kit-19150 label{font-size:var( --e-global-typography-6db23d2-font-size );letter-spacing:var( --e-global-typography-6db23d2-letter-spacing );}.elementor-kit-19150 input:not([type="button"]):not([type="submit"]),.elementor-kit-19150 textarea,.elementor-kit-19150 .elementor-field-textual{font-size:var( --e-global-typography-feeb9b9-font-size );line-height:var( --e-global-typography-feeb9b9-line-height );border-width:0px 0px 1px 0px;padding:6px 6px 6px 6px;}.elementor-kit-19150 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-19150 textarea:focus,.elementor-kit-19150 .elementor-field-textual:focus{border-width:0px 0px 3px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:95%;}.e-con{--container-max-width:95%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(min-width:2400px){.elementor-kit-19150 button,.elementor-kit-19150 input[type="button"],.elementor-kit-19150 input[type="submit"],.elementor-kit-19150 .elementor-button{font-size:var( --e-global-typography-6db23d2-font-size );letter-spacing:var( --e-global-typography-6db23d2-letter-spacing );}.elementor-kit-19150 label{font-size:var( --e-global-typography-6db23d2-font-size );letter-spacing:var( --e-global-typography-6db23d2-letter-spacing );}.elementor-kit-19150 input:not([type="button"]):not([type="submit"]),.elementor-kit-19150 textarea,.elementor-kit-19150 .elementor-field-textual{font-size:var( --e-global-typography-feeb9b9-font-size );line-height:var( --e-global-typography-feeb9b9-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//*** —————————————————————— MANAGE SITE WIDE CONTROLS FIRST —————————————————————— ***/ /* define site variables */ body { /* text link color */ --wk-a: var( --e-global-color-98905e1 ); --wk-a-h: var( --e-global-color-15f4549 ); /* text decoration color */ --wk-aU: var( --e-global-color-7ec7a1e ); --wk-aU-h: var( --e-global-color-eb5e0f0 ); --wk-themeColor: #F9A64A; /* purple */ } /* THE "NO-BLUE" GLOBAL RESET */ /* 1. Kill the mobile grey/blue tap box */ /* Target only clickable elements to stay fast */ a, button, input, textarea, select, .elementor-button, .elementor-item { -webkit-tap-highlight-color: transparent; } /* 2. Remove blue focus rings for mouse users, keep for keyboard */ :focus { outline: none !important; box-shadow: none !important; /* -webkit-tap-highlight-color: transparent !important; */ } /* 3. Standardize form field focus to match your grey museum branding */ /* input:focus, textarea:focus, select:focus { border-color: #A0A0A0 !important; box-shadow: none !important; } */ /* 2. Optional: Style the outline for keyboard (Tab) users so it matches your brand */ :focus-visible { border-bottom: 3px solid #F9A64A; !important; /* purple */ outline-offset: 2px; } /* 1. THE NUKE: Kill all focus indicators everywhere by default */ /* 1. The Basement (The color you see when you pull/bounce) */ html { background-color: #A054A0 !important; overscroll-behavior-y: auto; } /* 2. The Floor (Your actual site background) */ body { background-color: #F5F5F5 !important; /* Your WK-BG Light Grey */ min-height: 100%; } /* ***SET ITEMS AT SITE LOAD*** */ /* 1. Hide the checkout button by default everywhere */ #popup-checkout-btn { display: none !important; } #hide-header { /* Adjust "hide-header" to your CSS ID */ transition: top 0.4s ease-in-out; } /* 2. ONLY show it when the body has the 'cart-full' class */ body.cart-full #popup-checkout-btn { display: flex !important; } /* code for checkout btn in header */ .hide-if-cart-empty { display: none !important; } .cart-not-empty .hide-if-cart-empty { display: block !important; } /* Target links ONLY within paragraph tags - notes to test: elementor-widget-container tribe-common tribe-common event-tickets tribe-tickets__tickets-wrapper*/ .elementor-widget-text-editor a, .elementor-widget-wc-cart a, .elementor-widget-wc-checkout a, .gform_wrapper a, .pmpro a:hover, p a{ /* potentially. Remove forced reset colors & match surrounding text */ /* color: inherit !important; */ /* text-decoration: none !important; */ color: var(--wk-a) !important; text-decoration-line: underline !important; text-decoration-thickness: 1px !important; text-decoration-color: var(--wk-themeColor) !important; text-underline-offset: 6px !important; /* text-decoration-color: color-mix(in srgb, var(--e-global-color-98905e1), transparent 70%); */ transition: all 0.5s ease; } /* Hover state: text and underline become the same global color */ .elementor-widget-text-editor a:hover, .elementor-widget-wc-cart a:hover, .elementor-widget-wc-checkout a:hover, .gform_wrapper a:hover, .pmpro a:hover, p a:hover{ color: var( --wk-themeColor ) !important; text-decoration-color: var(--wk-themeColor) !important; text-underline-offset: 6px !important; text-decoration-thickness: 4px !important; transition: all 0.5s ease; } /* 1. Ensure Login Form is Always Inline */ .header-login .elementor-form-fields-wrapper { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 10px; transition: all 0.4s ease-in-out; } /* 2. Hide fields by default for the "reveal" effect */ .header-login .elementor-field-group:not(.elementor-field-type-submit) { width: 0; overflow: hidden; opacity: 0; margin: 0; transition: all 0.4s ease-in-out; pointer-events: none; } /* 3. Revealed State (triggered by JS) */ .header-login.is-open .elementor-field-group { width: 180px; /* Adjust field width as needed */ opacity: 1; pointer-events: auto; } /* 4. Hide the trigger button once opened (Optional) */ #login-trigger-btn.hidden { display: none; } /* Target a specific form field by ID */ /* Target the container Turnstile is placed (Gravity Forms) in (google inspect to find container ID) to make it invisible */ #field_44_3 { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; } /* Optional: Ensure the internal Turnstile wrapper doesn't add height */ #field_44_3 .ginput_container_turnstile { height: 0 !important; } /* Remove blue focus shadow from inputs */ .gform_wrapper input:focus, .gform_wrapper textarea:focus, .gform_wrapper select:focus { box-shadow: none !important; /*border: 0px none #ccc !important; Change to your desired color */ outline: none !important; } /* Remove blue focus style from buttons */ .gform_wrapper .gform_button:focus { outline: none !important; background: #F0F0F0!important; /* Change to your desired color */ } /* remove subscribe calendar drop down */ .single-tribe_events .tribe-events-c-subscribe-dropdown__container, .tribe-events-c-subscribe-dropdown__container { display: none !important; } /* ? ? ? ? ? ? ? NEW */ /* GOTHAM INTEGRATION: EVENT TICKETS PLUS */ /* 1. CONTAINER RESET: Kill borders and padding */ html body #tribe-tickets .tribe-tickets__tickets-wrapper, html body #tribe-tickets__tickets-form, html body .tribe-common.event-tickets { border: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; } /* 2. TICKET ROWS: Clean layout and subtle hover */ html body #tribe-tickets .tribe-tickets__tickets-item { border-bottom: 1px solid rgba(0,0,0,0.05) !important; padding: 30px 0 !important; transition: background-color 0.3s ease !important; } html body #tribe-tickets .tribe-tickets__tickets-item-content-title-container {padding-right:20px !important;} html body #tribe-tickets .tribe-tickets__tickets-item:hover { background-color: #fcfcfc !important; } /* 3. TYPOGRAPHY: Titles & Meta Data */ html body #tribe-tickets .tribe-tickets__tickets-item-content-title { font-family: var(--e-global-typography-26d2816-font-family) !important; font-size: var(--e-global-typography-26d2816-font-size) !important; font-weight: var(--e-global-typography-26d2816-font-weight) !important; color: #000 !important; } html body #tribe-tickets .tribe-tickets__tickets-item-details-content { font-family: var(--e-global-typography-text-font-family) !important; font-size: 16px !important; /* Slightly smaller for meta info */ font-weight: 300 !important; color: #666 !important; } /* 4. THE CTA: "Get Tickets" Button */ /* Matches your global uppercase/letter-spacing styles */ html body #tribe-tickets__tickets-buy.tribe-tickets__tickets-buy { background-color: #fff !important; color: #000 !important; border-radius: 0 !important; /* Using your specific typography variable for button style */ font-family: var(--e-global-typography-36e92b1-font-family) !important; font-size: var(--e-global-typography-36e92b1-font-size) !important; font-weight: var(--e-global-typography-36e92b1-font-weight) !important; text-transform: var(--e-global-typography-36e92b1-text-transform) !important; letter-spacing: var(--e-global-typography-36e92b1-letter-spacing) !important; padding: 12px 12px !important; border: 3px solid #e0e0e0 !important; transition: all 0.3s ease !important; cursor: pointer !important; opacity: 1 !important; } /* Hover state for Button */ html body #tribe-tickets__tickets-buy.tribe-tickets__tickets-buy:hover:not(:disabled) /* if disabled */ { border: 3px solid #000 !important; /* Adjust to match your brand hover */ transform: translateY(-1px); } /* 5. QUANTITY INPUTS: Minimalism */ html body #tribe-tickets .tribe-tickets__tickets-item-quantity-number-input { border-bottom: 2px solid #e0e0e0 !important; font-family: var(--e-global-typography-text-font-family) !important; border-radius: 0 !important; } html body #tribe-tickets .tribe-tickets__tickets-item-quantity-number-input:focus { border-bottom: 2px solid #ddd !important; } html body #tribe-tickets .tribe-tickets__tickets-item-quantity-add, html body #tribe-tickets .tribe-tickets__tickets-item-quantity-remove { background: transparent !important; color: #000 !important; font-size: 20px !important; border: none !important; } /* NAV MENU HEADER AND MOBILE UNDERLINE */ /* 1. Make the underline visible at all times */ .nav-menu-styles .elementor-nav-menu--main .elementor-item:before, .nav-menu-styles .elementor-nav-menu--main .elementor-item:after { opacity: 1 !important; transform: scale(1) !important; background-color: #A0A0A0; transition: all 0.3s ease; /* Your existing transition */ } /* 2. Hover & Active State (The Highlight) */ .nav-menu-styles .elementor-item:hover:before, .nav-menu-styles .elementor-item:hover:after, .nav-menu-styles .elementor-item.elementor-item-active:before, .nav-menu-styles .elementor-item.elementor-item-active:after { background-color: #F0F0F0 !important; }/* End custom CSS */