.elementor-kit-6{--e-global-color-primary:#D4A845;--e-global-color-secondary:#C76A3A;--e-global-color-text:#EFE5D5;--e-global-color-accent:#8E6FA8;--e-global-color-background_custom:#0E0A12;--e-global-color-background_deep_custom:#08060B;--e-global-color-surface_cards_custom:#181222;--e-global-color-line_border_custom:#241B30;--e-global-color-ca2939a:#EFC668;--e-global-color-b296152:#E0865A;--e-global-color-646e700:#928899;--e-global-typography-primary-font-family:"cubano";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Space Grotesk";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-size:0.875rem;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.4em;--e-global-typography-accent-letter-spacing:3px;--e-global-typography-heading_xl-font-family:"cubano";--e-global-typography-heading_xl-font-size:8.25rem;--e-global-typography-heading_xl-font-weight:500;--e-global-typography-heading_xl-text-transform:uppercase;--e-global-typography-heading_xl-line-height:0.88em;--e-global-typography-heading_xl-letter-spacing:-2px;--e-global-typography-heading_l-font-family:"cubano";--e-global-typography-heading_l-font-size:5rem;--e-global-typography-heading_l-font-weight:500;--e-global-typography-heading_l-text-transform:uppercase;--e-global-typography-heading_l-line-height:0.9em;--e-global-typography-heading_l-letter-spacing:-1.5px;--e-global-typography-heading_m-font-family:"cubano";--e-global-typography-heading_m-font-size:2.75rem;--e-global-typography-heading_m-font-weight:500;--e-global-typography-heading_m-text-transform:uppercase;--e-global-typography-heading_m-line-height:1em;--e-global-typography-heading_m-letter-spacing:-0.5px;--e-global-typography-heading_s-font-family:"Space Grotesk";--e-global-typography-heading_s-font-size:1.625rem;--e-global-typography-heading_s-font-weight:700;--e-global-typography-body_s-font-family:"Space Grotesk";--e-global-typography-body_s-font-size:0.875rem;--e-global-typography-body_s-font-weight:400;--e-global-typography-body_s-line-height:1.6em;--e-global-typography-62f8b46-font-family:"JetBrains Mono";--e-global-typography-62f8b46-font-weight:500;--e-global-typography-62f8b46-text-transform:uppercase;--e-global-typography-e9f5952-font-family:"Space Grotesk";--e-global-typography-e9f5952-font-size:0.875rem;--e-global-typography-e9f5952-font-weight:700;--e-global-typography-e9f5952-text-transform:uppercase;--e-global-typography-e9f5952-text-decoration:none;--e-global-typography-e9f5952-line-height:1.6em;--e-global-typography-e9f5952-letter-spacing:2px;background-color:var( --e-global-color-background_custom );color:#EFE5D5;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-e9f5952-font-family ), Sans-serif;font-size:var( --e-global-typography-e9f5952-font-size );font-weight:var( --e-global-typography-e9f5952-font-weight );text-transform:var( --e-global-typography-e9f5952-text-transform );text-decoration:var( --e-global-typography-e9f5952-text-decoration );line-height:var( --e-global-typography-e9f5952-line-height );letter-spacing:var( --e-global-typography-e9f5952-letter-spacing );color:var( --e-global-color-background_deep_custom );padding:16px 032px 16px 3px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-ca2939a );color:var( --e-global-color-background_deep_custom );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-b296152 );text-decoration:underline;}.elementor-kit-6 a:hover{color:var( --e-global-color-secondary );text-decoration:underline;}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-heading_xl-font-family ), Sans-serif;font-size:var( --e-global-typography-heading_xl-font-size );font-weight:var( --e-global-typography-heading_xl-font-weight );text-transform:var( --e-global-typography-heading_xl-text-transform );line-height:var( --e-global-typography-heading_xl-line-height );letter-spacing:var( --e-global-typography-heading_xl-letter-spacing );}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-heading_l-font-family ), Sans-serif;font-size:var( --e-global-typography-heading_l-font-size );font-weight:var( --e-global-typography-heading_l-font-weight );text-transform:var( --e-global-typography-heading_l-text-transform );line-height:var( --e-global-typography-heading_l-line-height );letter-spacing:var( --e-global-typography-heading_l-letter-spacing );}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-heading_m-font-family ), Sans-serif;font-size:var( --e-global-typography-heading_m-font-size );font-weight:var( --e-global-typography-heading_m-font-weight );text-transform:var( --e-global-typography-heading_m-text-transform );line-height:var( --e-global-typography-heading_m-line-height );letter-spacing:var( --e-global-typography-heading_m-letter-spacing );}.elementor-kit-6 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-heading_s-font-family ), Sans-serif;font-size:var( --e-global-typography-heading_s-font-size );font-weight:var( --e-global-typography-heading_s-font-weight );line-height:var( --e-global-typography-heading_s-line-height );}.elementor-kit-6 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 h6{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-62f8b46-font-family ), Sans-serif;font-weight:var( --e-global-typography-62f8b46-font-weight );text-transform:var( --e-global-typography-62f8b46-text-transform );}.elementor-kit-6 img{border-style:solid;border-color:var( --e-global-color-line_border_custom );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-heading_xl-font-size:6.75rem;--e-global-typography-heading_xl-line-height:0.9em;--e-global-typography-heading_xl-letter-spacing:-1.5px;--e-global-typography-heading_l-font-size:3.25rem;--e-global-typography-heading_l-line-height:0.92em;--e-global-typography-heading_l-letter-spacing:-1px;--e-global-typography-heading_m-font-size:2.25rem;--e-global-typography-heading_m-letter-spacing:-0.3px;--e-global-typography-heading_s-font-size:1.5rem;--e-global-typography-heading_s-line-height:1.2em;line-height:1.6em;}.elementor-kit-6 h1{font-size:var( --e-global-typography-heading_xl-font-size );line-height:var( --e-global-typography-heading_xl-line-height );letter-spacing:var( --e-global-typography-heading_xl-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-heading_l-font-size );line-height:var( --e-global-typography-heading_l-line-height );letter-spacing:var( --e-global-typography-heading_l-letter-spacing );}.elementor-kit-6 h3{font-size:var( --e-global-typography-heading_m-font-size );line-height:var( --e-global-typography-heading_m-line-height );letter-spacing:var( --e-global-typography-heading_m-letter-spacing );}.elementor-kit-6 h4{font-size:var( --e-global-typography-heading_s-font-size );line-height:var( --e-global-typography-heading_s-line-height );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-e9f5952-font-size );line-height:var( --e-global-typography-e9f5952-line-height );letter-spacing:var( --e-global-typography-e9f5952-letter-spacing );padding:14px 28px 14px 28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-accent-font-size:0.8125rem;--e-global-typography-accent-letter-spacing:2px;--e-global-typography-heading_xl-font-size:3.75rem;--e-global-typography-heading_xl-line-height:0.92em;--e-global-typography-heading_xl-letter-spacing:-1px;--e-global-typography-heading_l-font-size:2.25rem;--e-global-typography-heading_l-line-height:0.95em;--e-global-typography-heading_l-letter-spacing:-0.5px;--e-global-typography-heading_m-font-size:1.75rem;--e-global-typography-heading_m-line-height:1.05em;--e-global-typography-heading_m-letter-spacing:0px;--e-global-typography-heading_s-font-size:1.25rem;--e-global-typography-heading_s-line-height:1.2em;--e-global-typography-body_s-font-size:0.8125rem;--e-global-typography-62f8b46-font-size:0.556rem;--e-global-typography-62f8b46-line-height:1.5em;--e-global-typography-62f8b46-letter-spacing:1px;--e-global-typography-e9f5952-font-size:0.8125rem;--e-global-typography-e9f5952-line-height:1em;--e-global-typography-e9f5952-letter-spacing:1.5px;font-size:16px;line-height:1.6em;}.elementor-kit-6 h1{font-size:var( --e-global-typography-heading_xl-font-size );line-height:var( --e-global-typography-heading_xl-line-height );letter-spacing:var( --e-global-typography-heading_xl-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-heading_l-font-size );line-height:var( --e-global-typography-heading_l-line-height );letter-spacing:var( --e-global-typography-heading_l-letter-spacing );}.elementor-kit-6 h3{font-size:var( --e-global-typography-heading_m-font-size );line-height:var( --e-global-typography-heading_m-line-height );letter-spacing:var( --e-global-typography-heading_m-letter-spacing );}.elementor-kit-6 h4{font-size:var( --e-global-typography-heading_s-font-size );line-height:var( --e-global-typography-heading_s-line-height );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-e9f5952-font-size );line-height:var( --e-global-typography-e9f5952-line-height );letter-spacing:var( --e-global-typography-e9f5952-letter-spacing );padding:14px 24px 14px 24px;}.elementor-kit-6 img{border-width:1px 1px 1px 1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS */header.elementor-location-header { z-index: 101 !important; } /*.wpb_text_column p, .elementor-text-editor*/ p { margin-bottom: 0.9em !important; } .ally-button, #one-click-accessibility-button, .ea11y-widget-open-button--icon.ea11y-widget-open-button--medium { display: none !important; } /* Layout */ .row-s, .row6 { padding-top: 6%; padding-bottom: 6%; } .row8, .row-m { padding-top: 8%; padding-bottom: 8%; } .row12, .row-l { padding-top: 12%; padding-bottom: 12%; } .row-18, .row-xl { padding-top: 18%; padding-bottom: 18%; } .row-24, .row-xxl { padding-top: 24%; padding-bottom: 24%; } /* Buttons */ .btn-rust { background-color: #C76A3A !important; color: #EFE5D5 !important; } .btn-rust:hover { background-color: #E0865A !important; } .btn-ghost { background-color: transparent !important; color: #EFE5D5 !important; border: none !important; padding: 16px 0 !important; border-bottom: 1px solid #241B30 !important; border-radius: 0 !important; } .btn-ghost:hover { color: #D4A845 !important; border-bottom-color: #D4A845 !important; } .btn-outline { background-color: transparent !important; color: #D4A845 !important; border: 2px solid #D4A845 !important; padding: 14px 30px !important; /* -2px to compensate for border */ } .btn-outline:hover { background-color: #D4A845 !important; color: #08060B !important; } /* Images */ /* Plum-tinted hero image (the Mini Hero treatment) */ .img-hero-tint { position: relative; } .img-hero-tint img { opacity: 0.45; border: none !important; } .img-hero-tint::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14, 10, 18, 0.87) 0%, rgba(14, 10, 18, 0.40) 40%, rgba(14, 10, 18, 0.93) 100%); pointer-events: none; } /* Card image — slight crop, no rounded, gold border on hover */ .img-card { display: block; overflow: hidden; border: 1px solid #241B30; transition: border-color 0.3s ease; } .img-card:hover { border-color: #D4A845; } .img-card img { display: block; width: 100%; height: 100%; object-fit: cover; } /* Polaroid / ticket-stub feel — for press shots, gallery items */ .img-polaroid { background: #181222; padding: 12px 12px 36px; border: 1px solid #241B30; transform: rotate(-1.5deg); transition: transform 0.3s ease; } .img-polaroid:hover { transform: rotate(0); } /* Duotone-like effect using mix-blend-mode (more opinionated than the tint) */ .img-duotone { background: #D4A845; /* gold base */ } .img-duotone img { mix-blend-mode: multiply; filter: grayscale(1) contrast(1.1); opacity: 0.85; } /* Classes */ h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .cream { color: #EFE5D5; } /* Other */ ::selection { background: #9b58d4; color: #ffffff; } ::-moz-selection { background: #9b58d4; color: #ffffff; } /* ===================================================================== Kenny's Westside — RHP Events grid restyle Restyles the Rockhouse Events List widget to match the hand-built Elementor card design on dev (.elementor-element-8424fe3). Scoped to .elementor-widget-wp-widget-rockhouseeventslistwidget so it applies wherever the widget appears, on any page. Paste into: Appearance → Customize → Additional CSS ===================================================================== */ :root { --kw-card-bg: #181222; --kw-card-border: #241b30; --kw-gold: #d4a845; --kw-gold-hover: #e0bd63; --kw-rust: #c76a3a; /* matches "Order Pickup" button */ --kw-rust-hover: #e0865a; /* matches "Order Pickup" hover */ --kw-cream: #efe5d5; --kw-ink: #08060b; } /* --- Grid gutters (plugin ships g-0, so cards touch horizontally) --- */ .elementor-widget-wp-widget-rockhouseeventslistwidget .eventMainWrapper { padding: 0 10px 20px !important; } /* --- Card shell --- */ .elementor-widget-wp-widget-rockhouseeventslistwidget .rhpSingleEvent { background-color: var(--kw-card-bg) !important; border: 1px solid var(--kw-card-border) !important; border-radius: 0 !important; padding: 10px !important; color: var(--kw-cream); font-family: "Space Grotesk", sans-serif; } /* --- Image: square, framed --- */ .elementor-widget-wp-widget-rockhouseeventslistwidget .rhp-events-event-image img { width: 100% !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; border: 3px solid var(--kw-card-border) !important; border-radius: 0 !important; } /* Date chip overlaid on the image — dev design has none */ .elementor-widget-wp-widget-rockhouseeventslistwidget .eventDateListTop { display: none !important; } /* --- Date: replace blue banner with a quiet centered line --- */ .elementor-widget-wp-widget-rockhouseeventslistwidget .eventDateList, .elementor-widget-wp-widget-rockhouseeventslistwidget .singleEventDate { background: transparent !important; border-left: 0 !important; /* kills the blue accent bar */ border-radius: 0 !important; color: var(--kw-cream) !important; font-family: "Space Grotesk", sans-serif !important; font-size: 22px !important; font-weight: 700 !important; line-height: 28px !important; letter-spacing: -0.5px !important; text-transform: none !important; text-align: center !important; padding: 10px 0 0 !important; } /* --- Info block: everything centered --- */ .elementor-widget-wp-widget-rockhouseeventslistwidget .rhp-event-info, .elementor-widget-wp-widget-rockhouseeventslistwidget .rhp-event-info * { text-align: center !important; } /* plugin uses left-justified flex rows for time + venue */ .elementor-widget-wp-widget-rockhouseeventslistwidget .rhp-event-info .d-flex { justify-content: center !important; } /* --- Event title --- */ .elementor-widget-wp-widget-rockhouseeventslistwidget .eventTitleDiv h2 { font-family: cubano, sans-serif !important; /* dev spec was fixed 44px; clamp keeps long real-world titles sane */ font-size: clamp(32px, 2.8vw, 52px) !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: -0.5px !important; text-transform: uppercase !important; color: var(--kw-gold) !important; margin: 4px 0 10px !important; } .elementor-widget-wp-widget-rockhouseeventslistwidget .eventTitleDiv a { text-decoration: none !important; } /* --- Supporting text: tagline, age, venue, times --- */ .elementor-widget-wp-widget-rockhouseeventslistwidget .eventTagLine, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventAgeRestriction, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventsVenueDiv, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventDoorStartDate, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventDoorStartDate span, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventsColor { color: var(--kw-cream) !important; opacity: 0.85; font-family: "Space Grotesk", sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 22px !important; letter-spacing: 0.5px !important; } /* --- Venue row: icon + linked venue name, centered --- */ .elementor-widget-wp-widget-rockhouseeventslistwidget .rhp-event__venue--grid { margin-top: 22px !important; } .elementor-widget-wp-widget-rockhouseeventslistwidget .rhp-event__venue--grid .eventVenue, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventVenue { display: flex !important; justify-content: center !important; align-items: center !important; } .elementor-widget-wp-widget-rockhouseeventslistwidget .eventVenue .rhpVenueDiv, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventVenue > div { flex: 0 0 auto !important; /* stop the inner div from stretching full-width */ width: auto !important; } .elementor-widget-wp-widget-rockhouseeventslistwidget .eventVenue a { color: var(--kw-cream) !important; } /* --- Buttons: Buy Tickets, More Info, View All Events --- */ .elementor-widget-wp-widget-rockhouseeventslistwidget a.btn { background-color: var(--kw-gold) !important; color: var(--kw-ink) !important; border: 0 !important; border-radius: 3px !important; padding: 14px 24px !important; font-family: "Space Grotesk", sans-serif !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: 3px !important; text-transform: uppercase !important; line-height: 1.4 !important; text-decoration: none !important; } .elementor-widget-wp-widget-rockhouseeventslistwidget a.btn:hover, .elementor-widget-wp-widget-rockhouseeventslistwidget a.btn:focus { background-color: var(--kw-gold-hover) !important; color: var(--kw-ink) !important; text-decoration: none !important; } /* Card buttons (Buy Tickets + More Info): tighter sizing */ .elementor-widget-wp-widget-rockhouseeventslistwidget .rhp-event-cta a.btn, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventMoreInfo a.btn { padding: 10px 14px !important; letter-spacing: 0.75px !important; line-height: 1.15em !important; } /* More Info: rust, matching the "Order Pickup" button */ .elementor-widget-wp-widget-rockhouseeventslistwidget .eventMoreInfo a.btn { background-color: var(--kw-rust) !important; color: #ffffff !important; } .elementor-widget-wp-widget-rockhouseeventslistwidget .eventMoreInfo a.btn:hover, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventMoreInfo a.btn:focus { background-color: var(--kw-rust-hover) !important; color: #ffffff !important; } /* View All Events: full-width (capped), rust like More Info */ .elementor-widget-wp-widget-rockhouseeventslistwidget #viewAllEventCTA, .elementor-widget-wp-widget-rockhouseeventslistwidget .rhp-events-widget-link a.btn { width: 100% !important; max-width: 500px !important; background-color: var(--kw-rust) !important; color: #ffffff !important; } .elementor-widget-wp-widget-rockhouseeventslistwidget #viewAllEventCTA:hover, .elementor-widget-wp-widget-rockhouseeventslistwidget #viewAllEventCTA:focus, .elementor-widget-wp-widget-rockhouseeventslistwidget .rhp-events-widget-link a.btn:hover, .elementor-widget-wp-widget-rockhouseeventslistwidget .rhp-events-widget-link a.btn:focus { background-color: var(--kw-rust-hover) !important; color: #ffffff !important; } /* ===================================================================== Mobile: kill the plugin's extra vertical spacing so phones match desktop. The plugin adds `padding: 8px 16px !important` to every text row in the card below 768px; these higher-specificity rules reset it. ===================================================================== */ @media (max-width: 767px) { .elementor-widget-wp-widget-rockhouseeventslistwidget .eventWrapper .eventTagLine, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventWrapper .eventTitleDiv, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventWrapper .eventSubHeader, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventWrapper .eventDoorStartDate, .elementor-widget-wp-widget-rockhouseeventslistwidget .rhpSingleEvent .eventCost, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventWrapper .eventsVenueDiv, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventWrapper .eventsRoomDiv, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventWrapper .eventAgeRestriction, .elementor-widget-wp-widget-rockhouseeventslistwidget .rhpSingleEvent .rhp-event-notes-box { padding: 0 !important; } /* keep the date line in normal flow, same as desktop */ .elementor-widget-wp-widget-rockhouseeventslistwidget .eventDateList.BelowImage { position: static !important; bottom: auto !important; } /* plugin also swaps button padding below 768px — hold it at desktop */ .elementor-widget-wp-widget-rockhouseeventslistwidget .rhp-event-cta a.btn, .elementor-widget-wp-widget-rockhouseeventslistwidget .eventMoreInfo a.btn { padding: 10px 14px !important; } } /* ===================================================================== OPTIONAL — widget's own heading, matched to the dev "UPcoming Shows" H2 (cubano 80/72, gold). Only needed on pages where the heading comes from the widget itself rather than a separate Elementor heading. ===================================================================== .elementor-widget-wp-widget-rockhouseeventslistwidget .eventWidgetTitle h5 { font-family: cubano, sans-serif !important; font-size: clamp(48px, 5.5vw, 80px) !important; line-height: 0.9 !important; font-weight: 700 !important; letter-spacing: -1.5px !important; text-transform: uppercase !important; color: var(--kw-gold) !important; } *//* End custom CSS */