#shapes path {fill:#ccc;} text{pointer-events:none; color: #fff; font-family: Arial;} .item {cursor: pointer;} #venue svg.filter:not(text):not([fill="#fff"]):not([fill="#fff"]){fill: #ccc;} .text-1{font-weight:500;font-size:36px;color:#FFF;} .text-2{font-weight:500;font-size:51px;color:#FFF;} .text-3{font-weight:500;font-size:27px;color:#FFF;} #shapes [data-section="away-fans-section"],#fixture-details:has(li[data-section="away-fans-section"]:hover) #venue svg path[data-section="away-fans-section"] {fill:#11ac6499;} #shapes [data-section="longside-lower-tier"],#shapes [data-section="longside-upper-tier"] ,#fixture-details:has(li[data-section="longside-lower-tier"]:hover) #venue svg path[data-section="longside-lower-tier"] ,#fixture-details:has(li[data-section="longside-upper-tier"]:hover) #venue svg path[data-section="longside-upper-tier"] {fill:#a96ebb99;} #shapes [data-section="shortside-lower-tier"],#fixture-details:has(li[data-section="shortside-lower-tier"]:hover) #venue svg path[data-section="shortside-lower-tier"] {fill:#629ab299;} #shapes [data-section="shortside-upper-tier"],#fixture-details:has(li[data-section="shortside-upper-tier"]:hover) #venue svg path[data-section="shortside-upper-tier"] {fill:#c7917a99;} #shapes [data-section="vip-hospitality-package"],#fixture-details:has(li[data-section="vip-hospitality-package"]:hover) #venue svg path[data-section="vip-hospitality-package"] {fill:#f5b45f99;} li[data-section="away-fans-section"]:hover,#fixture-details:has(#shapes path[data-section="away-fans-section"]:hover) li[data-section="away-fans-section"] ,#fixture-details:has(#shapes path[data-tags*="away-fans-section"]:hover) li[data-section="away-fans-section"] ,li[data-section="longside-lower-tier"]:hover ,#fixture-details:has(#shapes path[data-section="longside-lower-tier"]:hover) li[data-section="longside-lower-tier"] ,#fixture-details:has(#shapes path[data-tags*="longside-lower-tier"]:hover) li[data-section="longside-lower-tier"] ,li[data-section="longside-upper-tier"]:hover ,#fixture-details:has(#shapes path[data-section="longside-upper-tier"]:hover) li[data-section="longside-upper-tier"] ,#fixture-details:has(#shapes path[data-tags*="longside-upper-tier"]:hover) li[data-section="longside-upper-tier"] ,li[data-section="shortside-lower-tier"]:hover ,#fixture-details:has(#shapes path[data-section="shortside-lower-tier"]:hover) li[data-section="shortside-lower-tier"] ,#fixture-details:has(#shapes path[data-tags*="shortside-lower-tier"]:hover) li[data-section="shortside-lower-tier"] ,li[data-section="shortside-upper-tier"]:hover ,#fixture-details:has(#shapes path[data-section="shortside-upper-tier"]:hover) li[data-section="shortside-upper-tier"] ,#fixture-details:has(#shapes path[data-tags*="shortside-upper-tier"]:hover) li[data-section="shortside-upper-tier"] ,li[data-section="vip-hospitality-package"]:hover ,#fixture-details:has(#shapes path[data-section="vip-hospitality-package"]:hover) li[data-section="vip-hospitality-package"] ,#fixture-details:has(#shapes path[data-tags*="vip-hospitality-package"]:hover) li[data-section="vip-hospitality-package"] {background-color:#f0f0f0} #fixture-details:has(li[data-section="away-fans-section"]:hover) #venue svg path:not([data-section="away-fans-section"]):not(#football-pitch > path),#fixture-details:has(#shapes path[data-section="away-fans-section"]:hover) #shapes path:not([data-section="away-fans-section"]):not([data-tags*="away-fans-section"]):not(.active) ,#fixture-details:has(li[data-section="longside-lower-tier"]:hover) #venue svg path:not([data-section="longside-lower-tier"]):not(#football-pitch > path) ,#fixture-details:has(#shapes path[data-section="longside-lower-tier"]:hover) #shapes path:not([data-section="longside-lower-tier"]):not([data-tags*="longside-lower-tier"]):not(.active) ,#fixture-details:has(li[data-section="longside-upper-tier"]:hover) #venue svg path:not([data-section="longside-upper-tier"]):not(#football-pitch > path) ,#fixture-details:has(#shapes path[data-section="longside-upper-tier"]:hover) #shapes path:not([data-section="longside-upper-tier"]):not([data-tags*="longside-upper-tier"]):not(.active) ,#fixture-details:has(li[data-section="shortside-lower-tier"]:hover) #venue svg path:not([data-section="shortside-lower-tier"]):not(#football-pitch > path) ,#fixture-details:has(#shapes path[data-section="shortside-lower-tier"]:hover) #shapes path:not([data-section="shortside-lower-tier"]):not([data-tags*="shortside-lower-tier"]):not(.active) ,#fixture-details:has(li[data-section="shortside-upper-tier"]:hover) #venue svg path:not([data-section="shortside-upper-tier"]):not(#football-pitch > path) ,#fixture-details:has(#shapes path[data-section="shortside-upper-tier"]:hover) #shapes path:not([data-section="shortside-upper-tier"]):not([data-tags*="shortside-upper-tier"]):not(.active) ,#fixture-details:has(li[data-section="vip-hospitality-package"]:hover) #venue svg path:not([data-section="vip-hospitality-package"]):not(#football-pitch > path) ,#fixture-details:has(#shapes path[data-section="vip-hospitality-package"]:hover) #shapes path:not([data-section="vip-hospitality-package"]):not([data-tags*="vip-hospitality-package"]):not(.active) {fill:#ccc;} #fixture-details:has(li[data-section="away-fans-section"]:hover) #venue svg path[data-tags*="away-fans-section"]{fill:#11ac6499!important;} #fixture-details:has(li[data-section="longside-lower-tier"]:hover) #venue svg path[data-tags*="longside-lower-tier"],#fixture-details:has(li[data-section="longside-upper-tier"]:hover) #venue svg path[data-tags*="longside-upper-tier"] {fill:#a96ebb99!important;} #fixture-details:has(li[data-section="shortside-lower-tier"]:hover) #venue svg path[data-tags*="shortside-lower-tier"]{fill:#629ab299!important;} #fixture-details:has(li[data-section="shortside-upper-tier"]:hover) #venue svg path[data-tags*="shortside-upper-tier"]{fill:#c7917a99!important;} #fixture-details:has(li[data-section="vip-hospitality-package"]:hover) #venue svg path[data-tags*="vip-hospitality-package"]{fill:#f5b45f99!important;} #fixture-details:has(.tickets li[data-block="hospitality" i]) #venue svg path[data-block="hospitality" i],#fixture-details:has(.tickets li[data-block="sir elton john suite" i]) #venue svg path[data-block="sir elton john suite" i],#fixture-details:has(.tickets li[data-block="the 1881 club" i]) #venue svg path[data-block="the 1881 club" i]{fill:#F5B45Fcc;} #fixture-details:has(.tickets li[data-block="hospitality" i]:hover) #venue svg path:not([data-block="hospitality" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="sir elton john suite" i]:hover) #venue svg path:not([data-block="sir elton john suite" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="the 1881 club" i]:hover) #venue svg path:not([data-block="the 1881 club" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="lgt1" i]:hover) #venue svg path:not([data-block="lgt1" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="lgt2" i]:hover) #venue svg path:not([data-block="lgt2" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="lgt3" i]:hover) #venue svg path:not([data-block="lgt3" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="lgt4" i]:hover) #venue svg path:not([data-block="lgt4" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="lgt5" i]:hover) #venue svg path:not([data-block="lgt5" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="sej1" i]:hover) #venue svg path:not([data-block="sej1" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="sej2" i]:hover) #venue svg path:not([data-block="sej2" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="sej3" i]:hover) #venue svg path:not([data-block="sej3" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="sej4" i]:hover) #venue svg path:not([data-block="sej4" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="sej5" i]:hover) #venue svg path:not([data-block="sej5" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="sej6" i]:hover) #venue svg path:not([data-block="sej6" i]):not(#football-pitch > path) ,#fixture-details:has(.tickets li[data-block="ugt1" i]:hover) #venue svg path:not([data-block="ugt1" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="ugt2" i]:hover) #venue svg path:not([data-block="ugt2" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="ugt3" i]:hover) #venue svg path:not([data-block="ugt3" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="ugt5" i]:hover) #venue svg path:not([data-block="ugt5" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="ugt6" i]:hover) #venue svg path:not([data-block="ugt6" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="ugt7" i]:hover) #venue svg path:not([data-block="ugt7" i]):not(#football-pitch > path) ,#fixture-details:has(.tickets li[data-block="rs5" i]:hover) #venue svg path:not([data-block="rs5" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="rs6" i]:hover) #venue svg path:not([data-block="rs6" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="rs7" i]:hover) #venue svg path:not([data-block="rs7" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="rs8" i]:hover) #venue svg path:not([data-block="rs8" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="vrs3" i]:hover) #venue svg path:not([data-block="vrs3" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="vrs4" i]:hover) #venue svg path:not([data-block="vrs4" i]):not(#football-pitch > path) ,#fixture-details:has(.tickets li[data-block="rs1" i]:hover) #venue svg path:not([data-block="rs1" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="rs2" i]:hover) #venue svg path:not([data-block="rs2" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="rs3" i]:hover) #venue svg path:not([data-block="rs3" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="rs4" i]:hover) #venue svg path:not([data-block="rs4" i]):not(#football-pitch > path) ,.filter #shapes path:not(.active) {fill:#ccc!important;} #fixture-details:has(#venue svg path[data-block="hospitality" i]:hover) .tickets li[data-block="hospitality" i],#fixture-details:has(#venue svg path[data-block="sir elton john suite" i]:hover) .tickets li[data-block="sir elton john suite" i],#fixture-details:has(#venue svg path[data-block="the 1881 club" i]:hover) .tickets li[data-block="the 1881 club" i]{background-color:#f8cb8f33;} #fixture-details:has(.tickets li[data-block="lgt1" i]) #venue svg path[data-block="lgt1" i],#fixture-details:has(.tickets li[data-block="lgt2" i]) #venue svg path[data-block="lgt2" i],#fixture-details:has(.tickets li[data-block="lgt3" i]) #venue svg path[data-block="lgt3" i],#fixture-details:has(.tickets li[data-block="lgt4" i]) #venue svg path[data-block="lgt4" i],#fixture-details:has(.tickets li[data-block="lgt5" i]) #venue svg path[data-block="lgt5" i],#fixture-details:has(.tickets li[data-block="sej1" i]) #venue svg path[data-block="sej1" i],#fixture-details:has(.tickets li[data-block="sej2" i]) #venue svg path[data-block="sej2" i],#fixture-details:has(.tickets li[data-block="sej3" i]) #venue svg path[data-block="sej3" i],#fixture-details:has(.tickets li[data-block="sej4" i]) #venue svg path[data-block="sej4" i],#fixture-details:has(.tickets li[data-block="sej5" i]) #venue svg path[data-block="sej5" i],#fixture-details:has(.tickets li[data-block="sej6" i]) #venue svg path[data-block="sej6" i]{fill:#79a0d2cc;} #fixture-details:has(#venue svg path[data-block="lgt1" i]:hover) .tickets li[data-block="lgt1" i],#fixture-details:has(#venue svg path[data-block="lgt2" i]:hover) .tickets li[data-block="lgt2" i],#fixture-details:has(#venue svg path[data-block="lgt3" i]:hover) .tickets li[data-block="lgt3" i],#fixture-details:has(#venue svg path[data-block="lgt4" i]:hover) .tickets li[data-block="lgt4" i],#fixture-details:has(#venue svg path[data-block="lgt5" i]:hover) .tickets li[data-block="lgt5" i],#fixture-details:has(#venue svg path[data-block="sej1" i]:hover) .tickets li[data-block="sej1" i],#fixture-details:has(#venue svg path[data-block="sej2" i]:hover) .tickets li[data-block="sej2" i],#fixture-details:has(#venue svg path[data-block="sej3" i]:hover) .tickets li[data-block="sej3" i],#fixture-details:has(#venue svg path[data-block="sej4" i]:hover) .tickets li[data-block="sej4" i],#fixture-details:has(#venue svg path[data-block="sej5" i]:hover) .tickets li[data-block="sej5" i],#fixture-details:has(#venue svg path[data-block="sej6" i]:hover) .tickets li[data-block="sej6" i]{background-color:#9fbbdf33;} #fixture-details:has(.tickets li[data-block="ugt1" i]) #venue svg path[data-block="ugt1" i],#fixture-details:has(.tickets li[data-block="ugt2" i]) #venue svg path[data-block="ugt2" i],#fixture-details:has(.tickets li[data-block="ugt3" i]) #venue svg path[data-block="ugt3" i],#fixture-details:has(.tickets li[data-block="ugt5" i]) #venue svg path[data-block="ugt5" i],#fixture-details:has(.tickets li[data-block="ugt6" i]) #venue svg path[data-block="ugt6" i],#fixture-details:has(.tickets li[data-block="ugt7" i]) #venue svg path[data-block="ugt7" i]{fill:#A96EBBcc;} #fixture-details:has(#venue svg path[data-block="ugt1" i]:hover) .tickets li[data-block="ugt1" i],#fixture-details:has(#venue svg path[data-block="ugt2" i]:hover) .tickets li[data-block="ugt2" i],#fixture-details:has(#venue svg path[data-block="ugt3" i]:hover) .tickets li[data-block="ugt3" i],#fixture-details:has(#venue svg path[data-block="ugt5" i]:hover) .tickets li[data-block="ugt5" i],#fixture-details:has(#venue svg path[data-block="ugt6" i]:hover) .tickets li[data-block="ugt6" i],#fixture-details:has(#venue svg path[data-block="ugt7" i]:hover) .tickets li[data-block="ugt7" i]{background-color:#be91cb33;} #fixture-details:has(.tickets li[data-block="rs5" i]) #venue svg path[data-block="rs5" i],#fixture-details:has(.tickets li[data-block="rs6" i]) #venue svg path[data-block="rs6" i],#fixture-details:has(.tickets li[data-block="rs7" i]) #venue svg path[data-block="rs7" i],#fixture-details:has(.tickets li[data-block="rs8" i]) #venue svg path[data-block="rs8" i],#fixture-details:has(.tickets li[data-block="vrs3" i]) #venue svg path[data-block="vrs3" i],#fixture-details:has(.tickets li[data-block="vrs4" i]) #venue svg path[data-block="vrs4" i]{fill:#629ab2cc;} #fixture-details:has(#venue svg path[data-block="rs5" i]:hover) .tickets li[data-block="rs5" i],#fixture-details:has(#venue svg path[data-block="rs6" i]:hover) .tickets li[data-block="rs6" i],#fixture-details:has(#venue svg path[data-block="rs7" i]:hover) .tickets li[data-block="rs7" i],#fixture-details:has(#venue svg path[data-block="rs8" i]:hover) .tickets li[data-block="rs8" i],#fixture-details:has(#venue svg path[data-block="vrs3" i]:hover) .tickets li[data-block="vrs3" i],#fixture-details:has(#venue svg path[data-block="vrs4" i]:hover) .tickets li[data-block="vrs4" i]{background-color:#84b0c333;} #fixture-details:has(.tickets li[data-block="rs1" i]) #venue svg path[data-block="rs1" i],#fixture-details:has(.tickets li[data-block="rs2" i]) #venue svg path[data-block="rs2" i],#fixture-details:has(.tickets li[data-block="rs3" i]) #venue svg path[data-block="rs3" i],#fixture-details:has(.tickets li[data-block="rs4" i]) #venue svg path[data-block="rs4" i]{fill:#c7917acc;} #fixture-details:has(#venue svg path[data-block="rs1" i]:hover) .tickets li[data-block="rs1" i],#fixture-details:has(#venue svg path[data-block="rs2" i]:hover) .tickets li[data-block="rs2" i],#fixture-details:has(#venue svg path[data-block="rs3" i]:hover) .tickets li[data-block="rs3" i],#fixture-details:has(#venue svg path[data-block="rs4" i]:hover) .tickets li[data-block="rs4" i]{background-color:#d6af9e33;}