@font-face {
    font-family: 'CFModGrotesk-Regular';
    src: url('/fonts/CFModGrotesk/CFModGrotesk-Regular.eot'); /* IE9 */
    src: url('/fonts/CFModGrotesk/CFModGrotesk-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/CFModGrotesk/CFModGrotesk-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/CFModGrotesk/CFModGrotesk-Regular.woff') format('woff'), /* Modern Browsers */
         url('/fonts/CFModGrotesk/CFModGrotesk-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/CFModGrotesk/CFModGrotesk-Regular.svg#CFModGrotesk-Regular') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CFModGrotesk-Medium';
    src: url('/fonts/CFModGrotesk/CFModGrotesk-Medium.eot'); /* IE9 */
    src: url('/fonts/CFModGrotesk/CFModGrotesk-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/CFModGrotesk/CFModGrotesk-Medium.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/CFModGrotesk/CFModGrotesk-Medium.woff') format('woff'), /* Modern Browsers */
         url('/fonts/CFModGrotesk/CFModGrotesk-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/CFModGrotesk/CFModGrotesk-Medium.svg#CFModGrotesk-Medium') format('svg'); /* Legacy iOS */
    font-weight: 500;
    font-style: normal;
}

.tblogo {
	display: none;
}

:root {
    --base-font-size: 16px; /* Default font size */
}

.element {
    base-font-size: var(--base-font-size); /* Use the CSS variable */
}

@media only screen and (max-width: 1024px) {
    :root {
        --base-font-size: 13px; /* Change font size for screens smaller than 1024px */
    }
}



body { 
	background: #A0A0A0; 
	font-family: 'CFModGrotesk-Regular', sans-serif;
	font-size: var(--base-font-size);
}

div#topbar {
	height: 60px;
	border-bottom-width: 0px;
}

.tblogo_webtics2025 img {
	height: 60px;
}

div.totalpage {
	width: 100%;
	max-width: 1300px;
	display: flex;
	height: 60px;
	align-items: center;
}

.tblogo_webtics2025 { display: flex; align-items: center; gap: 10px; }
.tblogo_webtics2025 span.logotext { text-decoration: none; color: #fff; }

ul#topmenu { margin-left: auto; }

ul#languages li.selected {
  display: none; 
}

ul#languages li { background: none; }

.btnloginpop img {
	display: none;
}

.siteloged .toarticle12 { display: none; }

div#header {
	width: 100%;
	max-width: 1400px;
	position: relative;
	margin-top: 40px;
}

div#mainmenu_wrap {
  background: #A0A0A0;
  text-align: left!important;;
}
div#mainmenu {
	background: #A0A0A0;
}

div#main_wrap {
	background: #A0A0A0; 
}

div#pagedata {
	min-height: 300px;
	max-width: 1300px;
	margin: 0 auto;
}

ul#events_list  * {
  color: #000!important;
  font-size: var(--base-font-size)!important;
}

ul#events_list li a {
	background: #A0A0A0; 
}

ul#events_list li a {
	display: flex;
	justify-content: space-between;
	padding: 21px 10px 10px 10px!important;
}

ul#events_list li a .dates, ul#events_list li a .buy{
  flex-shrink: 0; /* Prevents shrinking */
}

ul#events_list li a h5 {
  flex-grow: 1; /* Takes up the remaining space */
}

ul#events_list li a span.buybutton { 
  background: #000;
  color: #fff!important;
  padding: 8px 20px;
}


ul#events_list li a {
	display: flex;
	justify-content: space-between;
	padding: 21px 10px 10px 10px !important;
}

@media (max-width: 800px) {
   ul#events_list li a {
    display: flex;
    flex-direction: column; /* Stack items vertically */
  }
  
  ul#events_list li a > .dates, ul#events_list li a > h5 {
    align-self: flex-start; /* Align the first two children to the left */
  }
  
  ul#events_list li a > span {
    align-self: flex-end; /* Align the third child to the right */
  }
  
  ul#events_list li a span.dates {
	   float: left;
	   width: 500px!important;;
	   margin: 0 10px 0 10px;
  }
  ul#events_list li a span.dates br { display: none;}
}



ul#events_list div.clear { display: none }

ul#events_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background: none;
}

ul#events_list li a:hover {
	 background: none;
}

ul#events_list li { 
  border-bottom: 2px solid #000000;
}

ul#events_list li:first-child { 
  border-top: 2px solid #000000;
}



ul#events_list li a h5 em {
	display: block;
	margin: 0;
	margin: 0px 0 0 0;
	color: #000;
	font-size: var(--base-font-size);
	font-weight: normal;
}


ul#pickdate li a.showlink {
	background: none;
}

ul#pickdate li a.showlink:hover {
  background: none;
}

h5 {
	background: none;
	padding: 0;
	margin: 0 0 5px 0;
	color: #000;
	font-size: var(--base-font-size);
	font-weight: normal;
}

h5 span {
	padding: 0;
	background: none;
  color: #000;
}

#holdseats h5 span { color: rgba(0,0,0,0.5); }

div#holdseats * {
  font-size: var(--base-font-size)!important;;
}

ul#pickdate li {
	margin: 0;
	padding: 0;
  border-bottom: 2px solid #000;
}

ul#pickdate li:first-child {
    border-top: 2px solid #000;
}

ul#pickdate li a.showlink {
	display: block;
	padding: 5px 0px;
	margin: 0;
	background: none;
	color: #000000;
	text-decoration: none;
}

ul#pickdate li a.showlink span {
	display: block;
	float: none;
	margin: 0 0 0 0;
}

ul#pickdate li a.showlink span.showvenue {
	color: #000;
	display: block;
	font-weight: normal;
}

ul#pickdate li a.showlink span.showvenue {
	margin-top: 0;
}

ul#pickdate li a.showlink span {
	float: none;
}

ul#pickdate li a.showlink span.buy {
	margin-right: 0px;
	border-width: 0px;
	background-color: #000;
	color: #fff;
	padding: 5px 10px;
}

#main #pagedata > h1 > a  {
	border-width: 0px!important;
	padding-bottom: 0px!important;
	display: inline-block;
	text-decoration: none;
}

#main #pagedata > .page:empty { display: none;}
#main #pagedata > h2:empty { display: none;}

div#main h6 {
	font-size: var(--base-font-size);;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	margin: 0;
	text-align: center;
}

ul#pickdate li a.selected.showlink {
	background: none;
}

ul#seats {
	background: #fff;
}
.newgui ul#legend {
	margin: 0;
}

.newgui ul#legend * {
  font-size: 12px!important;;
}

.newgui div#shortbasket_wrap {
	max-width: 1300px;
}

div#shortbasket_wrap h5 {
	background: none;
	background-position: 0 4px;
	padding: 0;
	font-weight: normal;
}

div#shortbasket_wrap h5 span {
	padding: 0;
	background: none;
}

div#shortbasket table.shortbasket em {
	color: #000;
	font-weight: bold;
	font-size: 110%;
}

div#shortbasket select {
	padding: 4px;
	margin: 0;
	font-size: 12px;
	/* border: 1px solid #999999; */
	text-align: left;
	/* font-family: georgia; */
	background: #fff;
}

div#shortbasket table.shortbasket tr:hover {
	background: none;
}

div#shortbasket_wrap h5.header {
	background: none;
  border-bottom: 2px solid #000;
  margin-top: 20px;
}

div#shortbasket table.shortbasket tr.h:hover {
	background: none;
}

div#shortbasket table.shortbasket th.bottomtotal span {
	background: none;
	font-weight: normal;
	font-size: 10px;
	color: #000000;
	display: block;
	padding: 5px 1px 5px 1px;
}

div#shortbasket table.shortbasket th.bottomtotal span em {
	color: #000;
	font-weight: bold;
	padding-right: 8px;
	font-size: 12px;
}

div#shortbasket a.remove_full, div#shortbasket a.remove_full:hover {
	float: left;
	margin: 5px 20px 15px 20px;
	text-align: center;
	font-weight: normal;
	background: none;
	background-position: 0 0;
	padding: 0 0 0 0px;
	color: #000;
	text-decoration: none;
	display: block;
	width: auto;
	border: 1px solid #A0A0A0;
	padding: 10px 10px;
	background: none;;
	box-shadow: 2px 2px 2px #A0A0A0;
}

div#shortbasket a.completeorder, div#shortbasket a.completeorder:hover {
float: left;
	margin: 5px 20px 15px 20px;
	text-align: center;
	font-weight: normal;
	background: none;
	background-position: 0 0;
	padding: 0 0 0 0px;
	color: #fff;
	text-decoration: none;
	display: block;
	width: auto;
	border: 1px solid #A0A0A0;
	padding: 10px 10px;
	background: #000;
	box-shadow: 2px 2px 2px #A0A0A0;
}

#shortbasket .buttons {
	display: flex;
	justify-content: right;
}

div#shortbasket_wrap h5 span {
	color: rgba(0,0,0,0.5);
}

select {
	font-family: 'CFModGrotesk-Regular', sans-serif !important;
}

div#shortbasket table.shortbasket a.remove {
	background: none;
	color: #000;
	font-size: 30px!important;
}

div#basketlink_wrap h6 {
	display: none;
}

div#basketlink {;
	float: right;
	width: 245px;
	background: none;
	margin: 3px 0 0 0;
}

div#basketlink a {
	font-size: var(--base-font-size);
	display: block;
	padding: 0;
	color: #000000;
	text-decoration: none;
 	text-align: right;
}

div#basketlink a:hover {
	color: #000;
}

div#basketlink a span {
	display: block;
	float: none;;
	margin: 0;
	padding: 0;
	background: none;
	background-position: 0 4px;
  color: #fff;
}

div#basketlink a b {
	font-size: var(--base-font-size);
}

div#mainmenu_wrap {
	display: inline;
	width: auto;
	background: nonel;
	padding: 6px;
	float: left;
	margin: 0;
}

div#footer_wrap {
	background: none;
	padding: 0px 0 60px 0;
	margin: 10px 0 0 0;
	text-align: left;
}

.bankicons {
	text-align: center;
	padding: 1rem 0 3rem 0;
}

.bankicons img {
	max-width: 1106px;
	width: 100%;
}

.links_from_topbar {
	margin: 0;
	background: #000;
	padding: 1rem 1rem;
}

div#footer h5 {
	background: none;
	display: none;
}

div#footer p.credits {
	padding: 13px 2rem 0 0;
	margin: 0;
	background: #000;;
	text-align: right;
}
div#footer p {
	padding: 0;
	margin: 0;
	background: #000;;
	line-height: 1.5;
	text-align: center;
}

ul#pickdate li a.showlink.nolink:hover {
	background: 0;
}

ul#pickdate li a.showlink span.expired {
	color: #000;
	font-size: 10px;
  float: right;
}

.links_from_topbar a { text-decoration: none; }

div#mainmenu ul {
  display: block;
  border: 0;
  background: #A0A0A0;
}


div#mainmenu ul li {
  float: none;
  display: inline-block; 
	padding: 5px 10px;
	margin: 5px;
	background: #000!important;
	background-position: 0 50%;
}

@media only screen and (max-width: 1024px) {

					div#mainmenu ul {
					  white-space: nowrap;
					}

					/* For WebKit browsers (Chrome, Safari, Edge) */
					#mainmenu {
					    overflow-x: scroll; /* Ensure horizontal scrolling */
					}

					#mainmenu::-webkit-scrollbar {
					    height: 8px; /* Change the height of the scrollbar */
					}

					#mainmenu::-webkit-scrollbar-thumb {
					    background-color: #888; /* Color of the scrollbar thumb */
					    border-radius: 10px; /* Rounded edges */
					}

					#mainmenu::-webkit-scrollbar-thumb:hover {
					    background-color: #555; /* Darker color on hover */
					}

					#mainmenu::-webkit-scrollbar-track {
					    background-color: #f1f1f1; /* Background color of the scrollbar track */
					    border-radius: 10px; /* Rounded edges of the track */
					}

					/* For Firefox */
					#mainmenu {
					    scrollbar-width: thin; /* Makes the scrollbar thinner */
					    scrollbar-color: #888 #f1f1f1; /* Thumb and track color */
					}

					#mainmenu { height: 65px; overflow-x: scroll; }
}


span.showvenue {
  display: block;
  clear: both;
}