/* ==========================================================================
   TABLE OF CONTENTS
   ==========================================================================
   01. GLOBAL & OFF-SEASON STUFF
   02. HEADER & NAVIGATION
   03. HERO & MEDIA
   04. POP-OUTS & WIDGETS
   05. TYPOGRAPHY & BODY STYLES
   06. HOME PAGE (Blog, Tickets, Lineups, Hotels)
   07. FAQ PAGE
   08. SPONSOR PAGE
   09. EMAIL SIGNUP FORM
   10. CLUB SHOWS (Single & Grid)
   11. PRBTV GRID
   12. FOOTER
   13. SYSTEMIC FIX
   ========================================================================== */

/* ==========================================================================
   01. GLOBAL & OFF-SEASON STUFF
   ========================================================================== */

.popapp, 
#chatwith-launcher {
    display: none !important;
}

html {
    overflow-y: scroll;
}

.nopad {
    padding: 0;
}

/* ==========================================================================
   02. HEADER & NAVIGATION
   ========================================================================== */

.header-main {
    height: 134px;
    background-image: url('https://punkrockbowling.com/wp-content/uploads/2026/04/bluehead.jpg');
    background-position: center bottom;
    background-size: auto 100%;
    background-repeat: repeat-x;
    padding: 0 0 15px 0;
}

.logo {
    margin-bottom: -30px;
}

/* HEADER BUTTONS */
.header-button-1 .button {
    background-color: #000 !important; 
    color: #fff !important; 
    border: 3px solid;
}

.header-button-1 .button span,
.header-button-2 .button span {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    font-variation-settings: "wdth" 125 !important;
    letter-spacing: -.3px;
    font-size: 1.2em;
}

.header-button-1 .button span {
    line-height: 100%;
}

.header-button-2 .button span {
    font-stretch: 125%;
    line-height: 1.2em;
}

.header-button-1 .button:hover {
    background-color: #fff !important;
    border-color: #fff;
    color: #000 !important;
}

.header-button-1 .button span:hover,
.header-button-2 .button:hover {
    color: #000 !important;
}

.header-button-2 .button {
    background-color: #fff !important; 
    color: #000 !important; 
    border-color: #fff !important;
    border: 3px solid;
}

.header-button-2 .button:hover {
    background-color: #000 !important;
    border-color: #fff;
    color: #fff !important;
    border: 3px solid;
}

.header-button-2 .button span:hover {
    color: #fff !important;
    border: 0 solid;
}

/* HEADER NAV */
.header-nav .nav-top-link {  
    font-family: "League Gothic", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 2.8em;
    line-height: 100%;
    letter-spacing: -.2px;
}

.header-bottom {
    border-style: solid;
    border-color: #CDCDCD;
    border-width: 0;
}

.header-bottom .nav-top-link {
    font-family: "pf-fuel-grime", sans-serif;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 2.2em;
    line-height: 100%;
    margin-top: 5px;
}

.header-bottom .book-room-nav .nav-top-link,
.header-bottom .prbtvnav .nav-top-link {
    color: #c50003 !important;
}

/* ==========================================================================
   03. HERO & MEDIA
   ========================================================================== */

.prbhero, .prbhero .herovid {
    width: 100%;
    aspect-ratio: 16 / 9;
}

/* ==========================================================================
   04. POP-OUTS & WIDGETS
   ========================================================================== */

.bottom-ticket {
    display: none;
}

.popapp img {
    max-width: 500px;
    position: fixed;
    top: 250px;
    right: 0;
    margin-right: -375px;
    transition: margin-right 1.5s ease-in-out;
}

.popapp img:hover {
    max-width: 500px;
    position: fixed;
    top: 250px;
    right: 0;
    margin-right: -150px;
    transition: margin-right 0.4s ease-in-out;
}

button#chatwith-launcher {
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    background-color: #cc0000;
    background-image: none !important;
    color: white;
    border-radius: 9999px;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: auto;
    bottom: 110px;
    right: 5px;
    width: 48px;
    height: 48px;
    z-index: 9999998;
    border: medium;
    transition: transform 250ms cubic-bezier(0.33, 0.00, 0.00, 1.00);
    box-shadow: 0 1px 6px 0 rgba(150, 150, 150, 0.06), 0 10px 30px 0 rgba(0, 0, 0, 0.16);
}

.back-to-top {
    bottom: 70px;
    min-height: 44px !important;
    min-width: 44px !important;
}

.back-to-top i {
    top: 0;
    vertical-align: middle;
}

.back-to-top.is-outline {
    background-color: transparent;
    border: 3px solid currentcolor;
}

/* ==========================================================================
   05. TYPOGRAPHY & BODY STYLES
   ========================================================================== */

.section {
    padding-left: 20px;
    padding-right: 20px;
}

.nopad {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.stencil2, .stencil2 p {
    font-family: "veneer-two", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 0.9;
    margin-bottom: 0;
}

.stencil, .stencil p {
    font-family: "pf-fuel-decay", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 0.9;
    margin-bottom: 0;
}

.light strong {
    font-weight: inherit;
    font-weight: bolder;
    color: #3c3c3c;
}

/* THEME: WHITE */
.white {
    background-color: #fff;
}

.white .stencil-c .section-title-center {
    font-family: "pf-fuel-decay", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 60px;
    line-height: 0.9;
}

/* THEME: LIGHT */
.light {
    background-image: url(https://punkrockbowling.com/wp-content/uploads/2024/10/BG4-tile-8297h.webp);
    background-repeat: repeat !important;
    background-size: auto !important;
    background-attachment: fixed !important;
}

.light .stencil-c .section-title-center,
.light .stencil-cno .section-title-center,
.light .stencil-l .section-title-bold {
    font-family: "pf-fuel-grime", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    line-height: 0.9;
    color: #000;
}

/* THEME: DARK */
.dark .stencil-c .section-title-center,
.dark .stencil-l .section-title-bold {
    font-family: "pf-fuel-grime", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    line-height: 0.9;
    color: #fff;
}

.dark .stencil-cno .section-title-center {
    font-family: "veneer-three", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 60px;
    line-height: 0.9;
}

/* STENCIL ALIGNMENT & BORDERS */
.white .stencil-c .section-title-center span,
.light .stencil-c .section-title-center span,
.light .stencil-cno .section-title-center span,
.dark .stencil-c .section-title-center span,
.dark .stencil-cno .section-title-center span {
    margin: 0 25px;
}

.white .stencil-c b,
.light .stencil-c b,
.light .stencil-l .section-title-bold b {
    background-color: #000;
    display: block;
    flex: 1;
    height: 5px;
    opacity: .3;
    margin-top: -12px;
}

.white .stencil-cno b,
.light .stencil-cno b {
    background-color: transparent;
    display: block;
    flex: 1;
    height: 5px;
    opacity: .3;
    margin-top: -12px;
}

.dark .stencil-c b,
.dark .stencil-cno b,
.dark .stencil-l .section-title-bold b {
    background-color: #fff;
    display: block;
    flex: 1;
    height: 5px;
    opacity: .3;
    margin-top: -12px;
}

.light .stencil-l .section-title-bold span,
.dark .stencil-l .section-title-bold span {
    border: 0 solid rgba(0,0,0,.1);
    padding: 0 .5em 0 0;
}

.light .stencil-l .section-title-bold b,
.dark .stencil-l .section-title-bold b {
    margin-top: 0;
}

/* MARGIN RESETS */
.white .stencil-c,
.light .stencil-c,
.light .stencil-cno,
.dark .stencil-c,
.dark .stencil-cno,
.light .stencil-l,
.dark .stencil-l,
.light .bolddotted,
.dark .bolddotted {
    margin-bottom: 0;
}

/* BOLD HEADERS */
.brotherbold, .brotherbold p,
.light .bolddotted .section-title-normal,
.light .bolddottedcenter .section-title-normal,
.dark .bolddotted .section-title-normal,
.dark .bolddottedcenter .section-title-normal {
    font-family: "brother-1816-printed", sans-serif;
    font-size: 30px;
    font-weight: 800;
    font-style: normal;
    line-height: 1.0;
}

.light .bolddotted .section-title-normal,
.light .bolddottedcenter .section-title-normal {
    color: #000;
}

.dark .bolddotted .section-title-normal,
.dark .bolddottedcenter .section-title-normal {
    color: #fff;
}

.light .bolddottedcenter .section-title-normal,
.dark .bolddottedcenter .section-title-normal {
    text-align: center;
    width: 100%;
}

.light .bolddottedcenter .section-title-normal span {
    width: 100%;
}

.light .bolddottedcenter .section-title-normal,
.light .bolddotted .section-title-normal,
.dark .bolddotted .section-title-normal {
    border-style: dotted;
    border-color: #b1b1b1;
    border-width: 0 0 5px 0;
}

.section-title-normal span,
.light .bolddotted .section-title-normal span,
.dark .bolddotted .section-title-normal span {
    border-bottom: 0 solid rgba(0,0,0,.1);
}

.light .bolddotted .section-title-normal span,
.dark .bolddotted .section-title-normal span {
    margin-bottom: -2px;
    margin-right: 15px;
    padding-bottom: 7.5px;
}

/* GLOBAL PARAGRAPHS */
body, p, p li, p i, p b, p strong, h1, h2, h3, h4, h5 {
    font-family: "brother-1816-printed", sans-serif;
    font-style: normal;
}

body, p, p li { font-weight: 400; }
p i { font-weight: 400; font-style: italic; }
p b, p strong, h1, h2, h3, h4, h5 { font-weight: 700; }


/* ==========================================================================
   06. HOME PAGE
   ========================================================================== */

.vidwrap p { display: none !important; }

.prbtvslide .owl-carousel.owl-drag .owl-item {
    border: 4px solid #fff;
    border-radius: 39px;
}

.prbtvslide .prbtv-blue-card .bottomsec {
    border-radius: 0 0 35px 35px !important;
}

/* BLOG SECTION */
.prbblog-section .post-item,
.prbblog-section .col {
    padding-bottom: 0;
}

.prbblog-section .post-item {
    padding-top: 0;
}

.bloghead {
    font-family: "pf-fuel-grime", sans-serif;
    margin-bottom: 35px;
    padding-bottom: 15px; 
    border-style: dotted;
    border-color: #b1b1b1;
    border-width: 0 0 5px 0;
}

.prbblog-section .is-divider { display: none !important; }

.prbblog-section .blog-image .box-image,
.prbblog-section .blog-image .post-title {
    display: block !important;
}

.prbblog-section .blog-title a { color: #000; }

.prbblog-section .blog-title .box-image,
.prbblog-section .blog-exerpt .box-image,
.prbblog-section .blog-readmore .box-image,
.prbblog-section .blog-exerpt .post-title,
.prbblog-section .blog-readmore .post-title {
    display: none !important;
}

.prbblog-section .blog-title .box-text,
.prbblog-section .blog-exerpt .box-text,
.prbblog-section .blog-readmore .box-text {
    padding-top: 0;
    padding-bottom: 0;
}

.prbblog-section .blog-title .box-text,
.prbblog-section .blog-title .box-text h5,
.prbblog-section .blog-title .box-text a:not(.button),
.prbblog-section .blog-readmore .box-text .button {
    margin-top: 0;
    margin-bottom: 0;
}

/* PRICING & TICKETS */
.price .ticketcolumn {
    border-radius: 35px;
}

.price .ticketcolumn .tickettype,
.price .ticketcolumn .col:first-child,
.price .ticketcolumn .col:first-child > .col-inner {
    border-radius: 35px 35px 0 0;
}

.price .ticketcolumn .col:first-child p,
.price h1,
.price .ticketdesc p {
    margin-bottom: 0;
}

.earlybird p {
    font-family: "brother-1816-printed", sans-serif;
    font-size: 30px;
    font-weight: 800;
    font-style: normal;
    color: #000;
    line-height: 1.0;
    border-style: dotted;
    border-color: #b1b1b1;
    border-width: 0 0 5px 0;
    padding-bottom: 18px;
}

.newburst {
    position: absolute;
    top: 20px; left: -23px; 
    width: 55px; height: 55px; 
    background-color: var(--fs-color-primary); 
    color: white; 
    padding: 5px; 
    font-size: 0.7em; 
    text-align: center; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; justify-content: center; 
    box-sizing: border-box; 
    line-height: 1; 
}

.newburst p {
    margin: 0; 
    line-height: 1.2; 
    font-size: 0.5em;
    letter-spacing: -.05em;
}

/* TICKET BACKGROUNDS */
.price .tickettype1, .price .tickettype2,
.price .tickettype3, .price .tickettype4 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%; 
    color: #fff !important;
    height: 256px !important;
}

.price .tickettype1 { background-image: url('https://punkrockbowling.com/wp-content/uploads/2024/10/Black-1-png.webp'); }
.price .tickettype2 { background-image: url('https://punkrockbowling.com/wp-content/uploads/2024/10/Black-4-png.webp'); }
.price .tickettype3 { background-image: url('https://punkrockbowling.com/wp-content/uploads/2024/10/Black-3-png.webp'); }
.price .tickettype4 { background-image: url('https://punkrockbowling.com/wp-content/uploads/2024/10/Black-2-png.webp'); }

.tickettype1 strong, .tickettype2 strong, 
.tickettype3 strong, .tickettype4 strong { color: #fff; }

.ticketbottom .col-inner { min-height: 1px; }

.ticketbutton1 .col-inner, .ticketbutton2 .col-inner, 
.ticketbutton3 .col-inner, .ticketbutton4 .col-inner {
    padding: 0 !important;
}

.button, .button:hover { box-shadow: inset 0 0 0 0 rgba(0,0,0,0); }

/* TICKET BUTTONS */
.price .tickbutton1, .price .tickbutton2,
.price .tickbutton3, .price .tickbutton4 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%; 
    border-radius: 0 !important;
    height: 146px !important;
    line-height: 146px !important;
    margin-top: -10px !important;
    margin-bottom: 0 !important;
    color: #fff !important;
}

.price .tickbutton1 { background-image: url('https://punkrockbowling.com/wp-content/uploads/2024/10/Red-1-1-jpg.webp'); }
.price .tickbutton2 { background-image: url('https://punkrockbowling.com/wp-content/uploads/2024/10/2-jpg.webp'); }
.price .tickbutton3 { background-image: url('https://punkrockbowling.com/wp-content/uploads/2024/10/3-jpg.webp'); }
.price .tickbutton4 { background-image: url('https://punkrockbowling.com/wp-content/uploads/2024/10/4-jpg.webp'); }

.ticketbottom, .ticketbottom .col-inner { border-radius: 0; }

.ticketcolumn .button {
    border-width: 0 !important; 
    font-family: "veneer-two", sans-serif;
    font-size: 3em;
    line-height: 168px !important;
}

/* FESTIVAL LINEUP */
.mainstagerow .img, .mainstagerow p, 
.monsterstagerow .img, .monsterstagerow p,
.mainstagerow h1, .monsterstagerow h1 {
    margin-bottom: 0 !important;
}

.mainstagerow img, .monsterstagerow img {
    width: 100%;   
    display: block;
    border-radius: 20px 20px 0 0;
}

.mainstagerow .festbandwrap, .monsterstagerow .festbandwrap { margin: 0 0 25px 0; }

/* MAIN STAGE */
.mainstagerow .festband {
    background-color: #000; 
    padding: 20px; margin: 0;
    font-family: "brother-1816-printed", sans-serif;
    font-weight: 700; font-style: normal;
    width: 100%; min-height: 105px;
    display: flex; flex-direction: column;   
    justify-content: center; align-items: center;      
    text-align: center; border-radius: 0 0 20px 20px;
}

.mainstagerow .festband p a {
    background-color: transparent; 
    color: #fff; 
    padding: 0; margin: 0;
    font-family: "brother-1816-printed", sans-serif;
    font-weight: 700; font-style: normal;
    width: 100%; display: block;
    border-radius: 0; text-transform: uppercase;
}

.mainstagerow .festband .time,
.monsterstagerow .festband .time {
    background-color: transparent; 
    color: #828282 !important; 
    padding: 0; margin: 7px 0 0 0;
    font-family: "brother-1816-printed", sans-serif;
    font-weight: 500; font-style: normal;
    font-size: 0.7em; width: 100%;   
    display: block; border-radius: 0;
}

/* MONSTER STAGE */
.monsterstagerow .festband {
    background-color: #FFF; 
    padding: 20px; margin: 0;
    font-family: "brother-1816-printed", sans-serif;
    font-weight: 700; font-style: normal;
    width: 100%; display: block;
    border-radius: 0 0 20px 20px;
}

.monsterstagerow .festband p a {
    background-color: transparent; 
    color: #000; 
    padding: 0; margin: 0;
    font-family: "brother-1816-printed", sans-serif;
    font-weight: 700; font-style: normal;
    width: 100%; display: block;
    border-radius: 0; text-transform: uppercase;
}

/* HOTEL ROOMS */
.price .hotelcolumn { border-radius: 35px; }

.price .hotelcolumn .hotelpic, 
.price .hotelcolumn .hotelpic img {
    background-color: transparent; 
    border-radius: 35px 35px 0 0;
}

.price .hotelcolumn .col:first-child,
.price .hotelcolumn .col:first-child > .col-inner { border-radius: 35px 35px 0 0; }
.price .hotelcolumn .col p { margin-bottom: 0; }
.hotelbottom, .hotelbottom .col-inner { border-radius: 0 0 35px 35px; }
.igfeed { padding-left: 0; padding-right: 0; padding-top: 0; }
.igfeed p { display: none; }

/* ==========================================================================
   07. FAQ PAGE
   ========================================================================== */

.faq3 .nav-center { justify-content: start; }
.faq3 .nav-pills > li > a { border-radius: 0; }
.scroll-to-bullets { display: none; }

.tabbed-content .nav { margin-top: 5px; margin-bottom: 20px; }
.tabbed-content .nav > li { margin-left: 7px; margin-right: 7px; }

.tabbed-content .nav span {
    font-family: "brother-1816-printed", sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.faqaccordion .accordion-item .accordion-title {
    font-family: "veneer-two", sans-serif;
    font-weight: 400; font-style: normal;
    color: #000; line-height: 0.9;
    text-transform: uppercase;
}

.faqaccordion .accordion-title {
    display: block;
    font-size: 45px !important;
    padding: .6em 2.3em .4em 2.3em;
    position: relative;
    transition: border .2s ease-out, background-color .3s;
    border-top: 1px solid #b1b1b1; 
}

.faqaccordion button i { top: -27.5px; vertical-align: middle; }

.accordion-item .accordion-title:hover {
    background-color: rgba(0, 0, 0, 0.1); 
    color: #000;
}

.accordion-item .active:hover,
.accordion-item .active {
    background-color: #000; 
    color: #fff;
}

.accordion-item .active span { color: #fff; }
.accordion-item .active button i { top: 15px; vertical-align: middle; color: #fff; }
.faqaccordion .accordion-item .accordion-inner { padding: 2.3em 2.3em; }

/* ==========================================================================
   08. SPONSOR PAGE
   ========================================================================== */

.activationdisc { min-height: 125px; }
.actdiscwrap { padding-bottom: 0; }

/* ==========================================================================
   09. EMAIL SIGNUP FORM
   ========================================================================== */

.hive-signup-form { width: 100%; }

.hive-signup-form label,
.hive-signup-form input,
.hive-signup-form button,
.hive-signup-form span,
.hive-signup-form .iti { display: block; width: 100%; }
.hive-signup-form label { margin-bottom: 6px; }

.hive-signup-form input {
    margin-bottom: 14px; padding: 10px 12px;
    border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.04);
}

.hive-signup-form input:focus { border: 1px solid rgba(0, 0, 0, 0.65); outline: none; }
.hive-signup-form label input[type="checkbox"] { display: inline-block; width: auto; margin-right: 8px; }
.hive-signup-form button { padding: 10px 24px; border-radius: 3px; cursor: pointer; }
.hive-signup-form span { display: flex; margin-bottom: 16px; }

.hive-signup-form select {
    padding: 8px; width: 50%; height: 36px;
    background-color: white; margin-left: 8px;
    border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.2);
}

.hive-signup-form select:first-child { margin-left: 0; }
.hive-signup-form-has-error { border-color: #ff00008a !important; }

button[type="submit"].mdc-button {
    font-family: "brother-1816-printed", sans-serif;
    line-height: 1; height: 50px;
    background-color: var(--fs-color-primary) !important;
    color: #fff; border-radius: 100px !important;
    font-weight: 600; margin: 20px 0 0 0 !important;
}

.formsubtitle {
    font-family: "brother-1816-printed", sans-serif;
    font-size: 25px; font-weight: 600;
    font-style: normal; color: #000;
    line-height: 1.0; margin: 25px 0 20px 0 !important;
}

/* ==========================================================================
   10. CLUB SHOWS
   ========================================================================== */

/* SINGLE PAGE */
.clubsingle .clubshowtitle h1 { margin: 0; }

.clubsingle .clubshowtitle .club-title-main {
    text-transform: uppercase; font-size: 5rem; 
    line-height: 0.75; color: #000;
}

.clubsingle .venuename {
    text-transform: uppercase; margin-bottom: 20px;
    font-family: "brother-1816-printed", sans-serif !important;
    font-weight: bolder !important; font-style: normal; 
    letter-spacing: 0.8 !important; 
    color: var(--fs-experimental-link-color) !important; 
    font-size: 1.8rem; line-height: 1.0em; 
    padding: 0; margin: 0 0 10px 0;
}

.clubsingle .clubshowtime {
    text-transform: uppercase; margin-bottom: 20px;
    font-family: "brother-1816-printed", sans-serif !important;
    font-weight: bolder !important; font-style: normal; 
    letter-spacing: 0.8 !important; color: #000000 !important; 
    font-size: 1.50rem; line-height: 1.0em; 
    padding: 0; margin: 0 0 10px 0;
}

.clubsingle .lineupband {
    color: #000; margin: 0;
    padding: 14px 15px 5px 15px;
    text-transform: uppercase; font-weight: 700;
    font-size: 1.10rem !important;
}

.clublineuphead {
    border-style: solid; border-color: #000; 
    border-width: 0 0 4px 0; padding: 0; margin: 0;
}

.clubsingle .clublineuphead .title {
    text-transform: uppercase; margin-bottom: 20px;
    font-family: "brother-1816-printed", sans-serif !important;
    font-weight: bolder !important; font-style: normal; 
    letter-spacing: 0.8 !important; color: #000000 !important; 
    font-size: 1.75rem !important; line-height: 1.0em; 
    padding: 0; margin: 0 0 10px 0;
}

.lineuplistone, .lineuplistthree, .lineuplistfive { background-color: rgba(0, 0, 0, 0.1); }

.lineuplistheadliner .col, .lineuplistone .col, 
.lineuplistthree .col, .lineuplistfive .col, 
.lineuplisttwo .col, .lineuplistfour .col, .lineuplistsix .col {
    padding: 0; margin: 0 0 10px 0;
}

.clubsingle .lineuptime {
    color: #000; margin: 0; padding: 14px 15px 5px 15px; 
    font-size: 1.0rem !important; text-transform: uppercase;
}

/* GRID LAYOUT */
.club-shows, .prbtv-grid { padding: 0; }

.club-shows .clubgrid, .prbtv-grid .clubgrid {
    display: grid; grid-template-columns: repeat(3, 1fr); 
    gap: 20px; list-style: none; padding: 0; margin: 0;
    justify-items: stretch;
}

.club-shows .club-show-event {
    background-color: #fff; border: 0 solid #ddd; 
    border-radius: 20px; padding: 0; box-sizing: border-box; 
    text-align: center; min-width: 0; width: 100%; 
    overflow: hidden; margin-left: 0;
}

.club-shows .club-show-event img {
    border-radius: 0; width: 100%; height: auto; display: block; 
}

.clubgrid .col { padding: 0; }

.clubgrid .club-show-event .clubshowtitlegrid span {
    text-transform: uppercase; font-size: 4rem; line-height: 0.8;
    color: #000; margin: 0; font-family: "pf-fuel-grime", sans-serif;
    font-weight: 400; font-style: normal;
}

.clubgrid .club-show-event .clubdate,
.clubgrid .club-show-event .venuename {
    text-transform: uppercase; margin-bottom: 20px;
    font-family: "brother-1816-printed", sans-serif !important;
    font-weight: bolder !important; font-style: normal; 
    letter-spacing: 0.8 !important; 
    color: var(--fs-experimental-link-color) !important; 
    font-size: 1.3rem !important; line-height: 1.0em; 
    padding: 0; margin: 0 0 10px 0;
}

.clubgrid .club-show-event .clubshowtime {
    text-transform: uppercase; margin-bottom: 20px;
    font-family: "brother-1816-printed", sans-serif !important;
    font-weight: bolder !important; font-style: normal; 
    letter-spacing: 0.8 !important; color: #000000 !important; 
    font-size: 1.00rem !important; line-height: 1.4em; 
    padding: 0; margin: 0 0 10px 0;
}

/* ==========================================================================
   11. PRBTV GRID
   ========================================================================== */

.prbtv-band-title {
    font-family: 'pf-fuel-grime', sans-serif; 
    font-size: 3.8em; text-transform: uppercase; 
    line-height: 100%; letter-spacing: -1px;
    text-shadow: 3px 3px 2px rgba(16, 117, 161, 0.8);
}

.prbtv-song {
    font-family: 'Antonio', sans-serif; 
    font-weight: 700; font-size: 1.5em; 
    text-transform: uppercase; line-height: 100%; margin: 0;
    letter-spacing: -1px; text-shadow: 3px 3px 2px rgba(16, 117, 161, 0.8);
}

.prbtv-meta {
    font-family: 'Antonio', sans-serif; 
    text-transform: uppercase; opacity: 1.2; 
    font-size: 1.3em; line-height: 100%; margin: 13px 0 0 0;
    letter-spacing: -1px; text-shadow: 3px 3px 2px rgba(16, 117, 161, 0.8);
}

.prbtvplaybutton { max-width: 90px; }

.prbtv-blue-card .bottomsec {
    background-image: url('https://punkrockbowling.com/wp-content/uploads/2026/05/blue-bg2.png');
    background-color: transparent; background-repeat: no-repeat;
    background-position: top center; background-size: 100% auto; 
    margin-top: -30px; position: relative; z-index: 10;
    min-width: 100%; border-radius: 0 0 20px 20px;
}

.prbtv-blue-card .bottomsec .col-inner {
    background-color: transparent !important; color: #fff;
}

.prbtvcolumn .col:first-child { border-radius: 35px 35px 0 0; }

.prbtv-grid .club-show-event {
    background-color: #0D86BD; border: 0 solid #ddd;
    border-radius: 20px; padding: 0; box-sizing: border-box;
    text-align: center; min-width: 0; width: 100%;
    overflow: hidden; margin-left: 0;
}

.prbtv-grid .clubgrid .club-show-event .clubshowtitlegrid span {
    text-transform: uppercase; font-size: 4rem; line-height: 0.8;
    color: #000; margin: 0; font-family: "pf-fuel-grime", sans-serif;
    font-weight: 400; font-style: normal;
}

.prbtv-grid .clubgrid .club-show-event .clubdate,
.prbtv-grid .clubgrid .club-show-event .venuename {
    text-transform: uppercase; margin-bottom: 20px;
    font-family: "brother-1816-printed", sans-serif !important;
    font-weight: bolder !important; font-style: normal;
    letter-spacing: 0.8 !important; color: var(--fs-experimental-link-color) !important;
    font-size: 1.3rem !important; line-height: 1.0em;
    padding: 0; margin: 0 0 10px 0;
}

/* ==========================================================================
   12. FOOTER
   ========================================================================== */

.foothead {
    padding-bottom: 0; margin-bottom: 2px;
    border-style: dotted; border-color: #434343;
    border-width: 0 0 4px 0;
}



/* ==========================================================================
   13. SYSTEMIC FIXES
   ========================================================================== */


/* Systemic Fix: Collapse rogue paragraphs wrapping scripts in Flatsome */
.content-area p:has(script) {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Hide the rogue line breaks WordPress injects next to scripts */
.content-area p > script + br {
    display: none !important;
}