/*--- SEATING CHART ----------------------------------------------------*/ #holder {border:0} /*--- grid ---*/ #place {--max-seat-item-size:1.6rem} /*--- items ---*/ #place div {} #place label {background-color:var(--primary-theme-dark-color);border-radius:var(--common-border-radius)} /*--- SEAT TYPES ------------------------------------*/ /*--- front row ---*/ .FrontRow {--seat-color:#e8b700;--seat-icon:url(https://www.carnivalofillusion.com/images/front-row-seat.svg) no-repeat center / 80% auto} #seatDescription .FrontRow::before {background-size:95% auto} /*--- front ---*/ .Front {--seat-color:#f7bba3} /*--- second row ---*/ .SecondRow {--seat-color:#f7bba3} /*--- premium ---*/ .Premium {--seat-color:#bde9fc} /*--- prime ---*/ .Prime {--seat-color:#fcc5fb} /*--- vip front row ---*/ .VIPFrontRow {--seat-color:#ffeb6e} /*--- vip ---*/ .VIP {--seat-color:#ffeb6e} /*--- premium table ---*/ .PremiumTable {--seat-color:#fcc5fb} /*--- premium hightop ---*/ .PremiumHightop {--seat-color:#c5cbfc} /*--- general admission ---*/ .GeneralAdmission {--seat-color:#f7bba3} /*--- SEATING CHART VENUES ---------------------------------*/ /*--- DELEGATE ---------------------------------*/ .delegate #place {--seating-chart-columns:11;--seating-chart-rows:9;gap:clamp(0em, 1vw, .4rem)} .delegate #place div {} .delegate #place label {} /*--- tables ---------------------*/ .delegate #place div:nth-child(n+56) {margin:.5rem 0 -.5rem} /*--- table shapes ---*/ .delegate #place div:nth-child(11n+60) {padding:0;height:100%;background-color:var(--neutral-lightest-color);background-clip:content-box} /*--- table/row 7 ---*/ .delegate #place div:nth-child(56) {grid-row:6;grid-column:1} .delegate #place div:nth-child(57) {grid-column:3} .delegate #place div:nth-child(58) {grid-row:7;grid-column:1} .delegate #place div:nth-child(59) {grid-column:3} .delegate #place div:nth-child(60) {grid-row:6/8;grid-column:2} /*--- table ---*/ /*--- table/row 8 ---*/ .delegate #place div:nth-child(67) {grid-row:6;grid-column:5} .delegate #place div:nth-child(68) {grid-row:6;grid-column:7} .delegate #place div:nth-child(69) {grid-row:7;grid-column:5} .delegate #place div:nth-child(70) {grid-row:7;grid-column:7} .delegate #place div:nth-child(71) {grid-row:6/8;grid-column:6} /*--- table ---*/ /*--- table/row 9 ---*/ .delegate #place div:nth-child(78) {grid-row:6;grid-column:9} .delegate #place div:nth-child(79) {grid-row:6;grid-column:11} .delegate #place div:nth-child(80) {grid-row:7;grid-column:9} .delegate #place div:nth-child(81) {grid-row:7;grid-column:11} .delegate #place div:nth-child(82) {grid-row:6/8;grid-column:10} /*--- table ---*/ /*--- hide table row empty items ---*/ .delegate #place div:nth-child(n+56):not(:nth-child(11n+60)):empty {display:none} /*--- PINSTRIPES ---------------------------------*/ .pinstripes #holder {margin-bottom:1rem} .pinstripes #place {--seating-chart-columns:16;--seating-chart-rows:10;gap:clamp(0em, 1vw, .4rem)} .pinstripes #place div {} /*--- tables ---------------------*/ .pinstripes #place div:nth-child(n+65) {margin:.5rem 0 -.5rem} /*--- 2nd row of tables ---*/ .pinstripes #place div:nth-child(n+113) {margin:1rem 0 -1rem} /*--- table shapes ---*/ .pinstripes #place div:nth-child(16n+69) {box-sizing:border-box;padding:45% 0 0;background-color:var(--neutral-lightest-color)} /*--- 1st table row --------------*/ /*--- table/row 5 ---*/ .pinstripes #place div:nth-child(65) {grid-column:5} .pinstripes #place div:nth-child(66) {grid-column:6} .pinstripes #place div:nth-child(67) {grid-row:7;grid-column:5} .pinstripes #place div:nth-child(68) {grid-row:7;grid-column:6} .pinstripes #place div:nth-child(69) {grid-row:6;grid-column:5/7} /*--- table ---*/ /*--- table/row 6 ---*/ .pinstripes #place div:nth-child(81) {grid-row:5;grid-column:8} .pinstripes #place div:nth-child(82) {grid-row:5;grid-column:9} .pinstripes #place div:nth-child(83) {grid-row:7;grid-column:8} .pinstripes #place div:nth-child(84) {grid-row:7;grid-column:9} .pinstripes #place div:nth-child(85) {grid-row:6;grid-column:8/10} /*--- table ---*/ /*--- table/row 7 ---*/ .pinstripes #place div:nth-child(97) {grid-row:5;grid-column:11} .pinstripes #place div:nth-child(98) {grid-row:5;grid-column:12} .pinstripes #place div:nth-child(99) {grid-row:7;grid-column:11} .pinstripes #place div:nth-child(100) {grid-row:7;grid-column:12} .pinstripes #place div:nth-child(101) {grid-row:6;grid-column:11/13} /*--- table ---*/ /*--- 2nd table row --------------*/ .pinstripes #place div:nth-child(n+113) {left:500%} /*--- all ---*/ .pinstripes #place div:nth-child(16n+117) {left:222%} /*--- table shapes ---*/ /*--- 4 tables ---*/ .pinstripes #place:has(div:nth-child(161)) div:nth-child(n+113) {left:315%} /*--- all ---*/ .pinstripes #place:has(div:nth-child(161)) div:nth-child(16n+117) {left:140%} /*--- table shapes ---*/ /*--- 5 tables ---*/ .pinstripes #place:has(div:nth-child(177)) div:nth-child(n+113) {left:125%} /*--- all ---*/ .pinstripes #place:has(div:nth-child(177)) div:nth-child(16n+117) {left:56%} /*--- table shapes ---*/ /*--- table/row 8 ---*/ .pinstripes #place div:nth-child(113) {grid-row:8;grid-column:1} .pinstripes #place div:nth-child(114) {grid-row:8;grid-column:2} .pinstripes #place div:nth-child(115) {grid-row:10;grid-column:1} .pinstripes #place div:nth-child(116) {grid-row:10;grid-column:2} .pinstripes #place div:nth-child(117) {grid-row:9;grid-column:1/3} /*--- table ---*/ /*--- table/row 9 ---*/ .pinstripes #place div:nth-child(129) {grid-row:8;grid-column:4} .pinstripes #place div:nth-child(130) {grid-row:8;grid-column:5} .pinstripes #place div:nth-child(131) {grid-row:10;grid-column:4} .pinstripes #place div:nth-child(132) {grid-row:10;grid-column:5} .pinstripes #place div:nth-child(133) {grid-row:9;grid-column:4/6} /*--- table ---*/ /*--- table/row 10 ---*/ .pinstripes #place div:nth-child(145) {grid-row:8;grid-column:7} .pinstripes #place div:nth-child(146) {grid-row:8;grid-column:8} .pinstripes #place div:nth-child(147) {grid-row:10;grid-column:7} .pinstripes #place div:nth-child(148) {grid-row:10;grid-column:8} .pinstripes #place div:nth-child(149) {grid-row:9;grid-column:7/9} /*--- table ---*/ /*--- table/row 11 ---*/ .pinstripes #place div:nth-child(161) {grid-row:8;grid-column:10} .pinstripes #place div:nth-child(162) {grid-row:8;grid-column:11} .pinstripes #place div:nth-child(163) {grid-row:10;grid-column:10} .pinstripes #place div:nth-child(164) {grid-row:10;grid-column:11} .pinstripes #place div:nth-child(165) {grid-row:9;grid-column:10/12} /*--- table ---*/ /*--- table/row 12 ---*/ .pinstripes #place div:nth-child(177) {grid-row:8;grid-column:13} .pinstripes #place div:nth-child(178) {grid-row:8;grid-column:14} .pinstripes #place div:nth-child(179) {grid-row:10;grid-column:13} .pinstripes #place div:nth-child(180) {grid-row:10;grid-column:14} .pinstripes #place div:nth-child(181) {grid-row:9;grid-column:13/15} /*--- table ---*/ /*--- hide table row empty items ---*/ .pinstripes #place div:nth-child(n+65):not(:nth-child(16n+69)):empty {display:none} /*--- RITZ ---------------------------------*/ .ritz #place {--seating-chart-columns:20;--seating-chart-rows:8;gap:clamp(0em, 1vw, .4rem)} /*--- WRITER'S CENTER ---------------------------------*/ .writers #place {--seating-chart-columns:17;--seating-chart-rows:8;gap:clamp(0em, 1vw, .4rem)}