#thirdday {
	min-height: 0px;
	width:100%;
}

.schedulecontainer {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-flow: row nowrap;
	max-width: 98%;
	justify-content: center;
	align-items: stretch;
	gap: 1em;
}

div.zoom iframe {
  width: 80vw;
  height: 80vh;
  display: flex;
}

table {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 810px;
	min-width: 300px;
	min-height: calc(50% - 1rem - 42px);
}

table tr {
	min-height: 42px;
	height: 42px;
	max-height: 42px;
	font-size: 1.2rem;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.75);
	overflow: visible;
}

.invis {
	opacity: 0%;
}

/*table tr:nth-child(even) th {
	color: #eee;
	font-size: 0.8rem;
	font-weight: normal;
}*/

table th,
table td {
	padding: 0.5rem 1rem;
	/* text-shadow: 2px 2px 0px silver; */
}

table th {
	font-weight: normal;
	border-top: thin dotted #fff;
	box-shadow: 0px -1px 0px #7300ff, 0px -2px 0px #32006f;
	padding: .15rem;
	vertical-align: top;
	height: 30px;
	min-height: 30px;
	max-height: 30px;
	overflow: visible;
	text-shadow: 2px 2px 0px #7300ff, 3px 3px 3px #32006f, 0 0 5px #32006f, 0 0 15px #000;
}

table td {
	font-size: 0.8125rem;
	width: 90%;
	font-weight: bold;
	line-height: 2;
	border-radius: 1.2rem;
	background-color: silver;
	transition: opacity 0.3s ease;
	padding: 0rem 0.5rem;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.7);
	text-shadow: 0px 0px 4px rgba(0,0,0,1);
	overflow: visible;
}

.timecode {
	overflow: hidden;
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 1), 0px 0px 6px rgba(0, 0, 0, 1), 0px 0px 6px rgba(0, 0, 0, 1), 0px 0px 6px rgba(0, 0, 0, 1);
    font-family: 'TradeMarker';
	text-align: left !important;
}

table td h3,
table td h3 em,
table td p,
table td p em,
table td h4,
table td h4 em {
	margin: 0.125rem;
	max-width: 100%;
	line-height: calc(50px / 2.8);
	overflow: visible;
	font-size: 1rem !important;
	padding-left: 0.3rem !important;
	text-shadow: 
		0px 0px 6px rgba(0,0,0,1),
		0px 0px 6px rgba(0,0,0,1),
		0px 0px 6px rgba(0,0,0,1),
		0px 0px 6px rgba(0,0,0,1);
}
table td h3 a {
  	text-shadow: 
		0px 0px 4px #7300ff,
		0px 0px 4px #7300ff,
		0px 0px 4px #7300ff,
		0px 0px 4px #7300ff !important;
}
table td h4,
table td h4 em {
    font-family: 'TradeMarker';
	text-align: left !important;
	text-shadow: 
		0px 0px 4px rgba(0,0,0,1),
		0px 0px 4px rgba(0,0,0,1),
		0px 0px 4px rgba(0,0,0,1),
		0px 0px 4px rgba(0,0,0,1);
}

/***********************
 * EVENT COLORS (2026) *
 ***********************/

.int1 {
	background-color: #7300ff;
	background-image: url("../img/schedule/2026/Break1.webp");
	background-position: top right;
	background-size: cover;
	text-align: center;
}

.int2 {
	background-color: #7300ff;
	background-image: url("../img/schedule/2026/Break2.webp");
	background-position: center;
	background-size: cover;
	text-align: center;
}

.int3 {
	background-color: #7300ff;
	background-image: url("../img/schedule/2026/Break3.webp");
	background-position: right;
	background-size: cover;
	text-align: center;
}

.dn {
	background-color: #ff0000;
	background-image: url("../img/schedule/2026/DN.webp");
	background-position: center;
	background-size: cover;
}
 .hots {
	background-color: #0000cc;
	background-image: url("../img/schedule/2026/HOTS.webp");
	background-position: center;
	background-size: cover;
}
.behind {
	background-color: #fff;
	background-image: url("../img/schedule/2026/Behind.webp");
	background-position: top right;
	background-size: cover;
}
.direct {
	background-color: white;
	background-image: url("../img/schedule/2026/Direct.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.direct p{
	width:60% !important;
}

.treehut{
	background-image: url("../img/schedule/2026/Treehut.webp");
	background-position: right;
	background-size: cover;
}

.treehut p {
	max-width: 69%;
}
.composer {
	background-image: url("../img/schedule/2026/composer.webp");
	background-position: center;
	background-size: cover;
}
.bob{
	background-image: url("../img/schedule/2026/bob.webp");
	background-position: center;
	background-size: cover;
}
.kralich {
	background-image: url("../img/schedule/2026/kralich.webp");
	background-position: center;
	background-size: cover;
}
.btgs {
	background-color: crimson;
	background-image: url("../img/schedule/2026/BTGS.webp");
	background-position: top right;
	background-size: cover;
}

.btgs p {
	width:55%;
	overflow: visible;
	padding-bottom: 0.2rem;
}

.beyond {
	background-image: url("../img/schedule/2026/Beyond.webp");
	background-position: center;
	background-size: cover;
	background-color:purple;
}

.address {
	background-image: url("../img/schedule/2026/address.webp");
	background-position: center;
	background-size: cover;
	background-color:purple;
}

.sayger {
	background-image: url("../img/schedule/2026/JoP.webp");
	background-position: center;
	background-size: cover;
}

.poker {
	background-image: url("../img/schedule/2026/btc.webp");
	background-position: center center;
	background-size: cover;
}
.tjc {
	background-image: url("../img/schedule/2026/tjc.webp");
	background-position: center center;
	background-size: cover;
}
.folklore {
	background-image: url("../img/schedule/2026/folklore.webp");
	background-position: center center;
	background-size: cover;
}
.ignition {
	background-image: url("../img/schedule/2026/ignition.webp");
	background-position: center center;
	background-size: cover;
}
.tftd {
	background-image: url("../img/schedule/2026/TftD.webp");
	background-position: center right;
	background-size: cover;
}
.tkt {
	background-image: url("../img/schedule/2026/kt.webp");
	background-position: center center;
	background-size: cover;
}
.omfg {
	background-image: url("../img/schedule/2026/OMFG.webp");
	background-position: center;
	background-size: cover;
}

.herora {
	background-image: url("../img/schedule/2026/Herora.webp");
	background-position: center;
	background-size: cover;	
}	

.crosswired {
	background-image: url("../img/schedule/2026/Crosswired.webp");
	background-position: left;
	background-size: cover;	
}		
.rotkd {
	background-image: url("../img/schedule/2026/Tryna.webp");
	background-position: center;
	background-size: cover;
}

.sticky {
  position: sticky;
  top: 35%;
  z-index: 10; /* higher than ::after background borders */
  margin-right: auto;
}

/* mobile styles */

@media screen and (max-width: 1080px) {
	.schedule {
		width: 90vw;
	}

.schedulecontainer {
	flex-flow: row wrap;
}
	table {
		min-width: 0rem !important;
		width: 100%;
	}
}

/* Minimum allowed aspect ratio */
/* Select aspect ratios 18/9 = 1.6 and above */
@media screen and (orientation: portrait) {
    div.zoom iframe {
  width: 80vw;
  height: 90vh !important;
}
.composer {
	background-image: url("../img/schedule/2026/composer2.webp");
	background-position: center;
	background-size: cover;
}
.sayger {
	background-image: url("../img/schedule/2026/JoP2.webp");
	background-position: bottom;
	background-size: cover;
}
}


/************
 * ZOOMABLE *
 ************/


img.zoomable {

    transition: all .2s ease-in-out;
    cursor: pointer;
}


img.zoomable:hover {
    transform: scale(1.03125);
    filter: brightness(1.1);
}


img.zoomable:active {
    transform: scale(0.96875);
    filter: brightness(0.9);
}


/****************
 * END ZOOMABLE *
 ****************/
 
 /***************
 * ZOOM STYLES *
 ***************/


body .zoom {
    display: flex;
    opacity: 0%;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 20;

    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: none;
}

.zoom img {
    max-height: 90vh;
    max-width: 90vw;
    border-radius: 1.2rem;
    margin: 0.5em;
}
h3 a {
	font-size: 1.08em;
}


span.exitSpan {
    position: absolute;
    top: 1em;
    right: 1.5em;
    max-width: 1em;
    max-height: 1em;
    font-size: 2em;
    line-height: 1em;
    border-radius: 50%;
    cursor: pointer;
    color: whitesmoke;
    transition: all 0.2s ease-in-out;
    opacity: 0.75;
}


span.exitSpan:hover {
    color: lightgray;
    transform: scale(1.03125);
}


span.exitSpan:active {
    color: darkgray;
    transform: scale(0.9875);
}