/* Altador Cup CSS
Author: Dinah C.
Date: 2022.03.08
*/

/* FONTS */
@font-face {
	font-family: "SportsWorld";
	src: url(../../../js/fonts/SportsWorld.ttf) format("truetype");
	src: url(../../../js/fonts/SportsWorld.otf) format("opentype");
}

/* BODY */
.h5-altadorcup {
	font-size: 12pt;
	font-family: "MuseoSansRounded500", "Arial Bold", sans-serif;
}

.h5-altadorcup a {
	text-decoration: none;
}

.ac-logo {
	background: left center / 200% 100% no-repeat;
}

.player-0,
.player-1,
.player-2,
.player-3,
.player-4 {
	background: #fff center top / cover no-repeat;
}

.ac-group-shot {
	background: center / 100% 100% no-repeat;
}

.ac-game {
	background: transparent left bottom / 100% no-repeat;
}

.ac-game.ac-yyb {
	background-image: url(../../../games/h5/ctp/c-1288.png);
}

.ac-game.ac-slsl {
	background-image: url(../../../games/h5/ctp/c-863.png);
}

.ac-game.ac-shsh {
	background-image: url(../../../games/h5/ctp/c-1106.png);
}

.ac-game.ac-msn {
	background-image: url(../../../games/h5/ctp/c-862.png);
}

.ac-game.ac-occ {
	background-image: url(../../../games/h5/ctp/c-1532.png);
	/* @todo confirm CTP thumbnail filename */
}

/* Game button label */
.ac-game-label {
	position: absolute;
	bottom: 4px;
	left: 4px;
	right: 4px;
	font-family: "SportsWorld", Arial, sans-serif;
	font-size: 8pt;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0 0 5px #000;
	letter-spacing: 0.5px;
	line-height: 1.2;
	z-index: 2;
	pointer-events: none;
}

.h5-altadorcup-games .ac-game-item.ac-placeholder .ac-game-label {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #5a3a1a;
	text-shadow: none;
	font-size: 9pt;
}

.ac-bonus-game {
	position: absolute;
	background: url(../2022/bonus.png) center / 100% 100% no-repeat;
	z-index: 1;
}

.ac-rank-shield {
	background: url(images/spritesheet.png) center / 2100% 100% no-repeat;
}

.ac-rank-shield.ac-shield-0 {
	background-position: 0 center;
}

.ac-rank-shield.ac-shield-1 {
	background-position: 5% center;
}

.ac-rank-shield.ac-shield-2 {
	background-position: 10% center;
}

.ac-rank-shield.ac-shield-3 {
	background-position: 15% center;
}

.ac-rank-shield.ac-shield-4 {
	background-position: 20% center;
}

.ac-rank-shield.ac-shield-5 {
	background-position: 25% center;
}

.ac-rank-shield.ac-shield-6 {
	background-position: 30% center;
}

.ac-rank-shield.ac-shield-7 {
	background-position: 35% center;
}

.ac-rank-shield.ac-shield-8 {
	background-position: 40% center;
}

.ac-rank-shield.ac-shield-9 {
	background-position: 45% center;
}

.ac-rank-shield.ac-shield-10 {
	background-position: 50% center;
}

.ac-rank-shield.ac-shield-11 {
	background-position: 55% center;
}

.ac-rank-shield.ac-shield-12 {
	background-position: 60% center;
}

.ac-rank-shield.ac-shield-13 {
	background-position: 65% center;
}

.ac-rank-shield.ac-shield-14 {
	background-position: 70% center;
}

.ac-rank-shield.ac-shield-15 {
	background-position: 75% center;
}

.ac-rank-shield.ac-shield-16 {
	background-position: 80% center;
}

.ac-rank-shield.ac-shield-17 {
	background-position: 85% center;
}

.ac-rank-shield.ac-shield-18 {
	background-position: 90% center;
}

.ac-rank-shield.ac-shield-19 {
	background-position: 95% center;
}

.ac-rank-shield.ac-shield-20 {
	background-position: 100% center;
}

/* Team Name */
.ac-team-name {
	margin: 0;
	font-family: "SportsWorld", Arial, sans-serif;
	color: #fff;
	text-shadow: 2px 2px 0 #000, -2px 2px 0 #000, 2px -2px 0 #000, -2px -2px 0 #000, 0 0 4px #000;
	text-transform: uppercase;
}

/* Pane Button */
.pane-btn {
	position: relative;
	right: 0;
	top: 0;
	border: 2px solid transparent;
	border-radius: 7px;
	display: block;
	width: 30px;
	height: 30px;
	margin: 5px 1%;
	cursor: pointer;
	font-size: 1.5em;
	box-sizing: border-box;
}

.pane-btn span {
	position: absolute;
	transition: 300ms;
	border-radius: 2px;
}

.pane-btn.maximize span:first-child,
.pane-btn.minimize span:first-child {
	/* Create the "+" shape by positioning the spans absolutely */
	top: 25%;
	bottom: 25%;
	width: 10%;
	left: 45%;
}

.pane-btn.maximize span:last-child {
	left: 25%;
	right: 25%;
	height: 10%;
	top: 45%;
}

.pane-btn.minimize span {
	/* Morph the shape when the button is clicked */
	transform: rotate(90deg);
}

.pane-btn.minimize span:last-child {
	left: 50%;
	right: 50%;
}

/* HEADER */
.h5-altadorcup-header::after {
	content: '';
	display: block;
}

/* Title */
.h5-altadorcup-title .ac-header {
	position: relative;
	width: 100%;
	height: max-content;
	background: radial-gradient(lightblue 0%, transparent 70%) center 1% / 200% 200% no-repeat;
	display: grid;
	grid-template: auto / 10% 50% 10%;
	justify-content: center;
	box-sizing: border-box;
	z-index: 1;
}

.h5-altadorcup-title .ac-title {
	width: 100%;
	padding-top: 20%;
	margin: 0;
	background: url(../2026/welcome-text.png) center bottom / 100% auto no-repeat;
	/* todo: replace with image */
}

.h5-altadorcup-title .ac-title h1 {
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	color: transparent;
	visibility: hidden;
}

/* Flags */
.h5-altadorcup-flags {
	position: relative;
}

.h5-altadorcup-flags .ac-flag-left,
.h5-altadorcup-flags .ac-flag-right {
	position: absolute;
	right: -10%;
	bottom: -5.6%;
	background: transparent right center / 90% 100% no-repeat;
	width: 100%;
	padding-top: 80%;
	margin: auto;
}

.h5-altadorcup-flags .ac-flag-right {
	right: unset;
	left: -20%;
	transform: scaleX(-1);
}

/* Divider */
.h5-altadorcup-divider {
	background: url(../2022/header-pattern.png) center / auto 100% repeat;
	padding-top: 2em;
}

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

	/* ENTERING MOBILE MODE */
	.h5-altadorcup-title .ac-header {
		grid-template: auto / 10% 60% 10%;
	}
}

@media screen and (max-width: 500px) {
	.h5-altadorcup-title .ac-header {
		grid-template: auto / 80%;
	}

	.h5-altadorcup-flags {
		display: none;
	}
}

/* NAVIGATION */
/* Nav Menu */
.h5-altadorcup-nav {
	position: relative;
	width: 100%;
	margin-bottom: 1em;
	border-width: 3px 0;
	border-style: solid;
	display: grid;
	grid-template: auto / 7% 86% 7%;
	justify-content: center;
	box-sizing: border-box;
	z-index: 2;
}

.h5-altadorcup-nav ul.ac-nav {
	position: relative;
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template: auto / repeat(8, auto);
	align-items: center;
}

.h5-altadorcup-nav ul li {
	font-family: "SportsWorld", Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding: .2em .8em .4em;
	cursor: pointer;
}

.h5-altadorcup-nav a,
.h5-altadorcup-nav a:visited,
.h5-altadorcup-nav ul li.active span,
.h5-altadorcup-nav ul li.disabled span {
	text-decoration: none;
	font-size: 10pt;
	color: #fff;
	transform: scaleY(1.5);
	display: inline-block;
	letter-spacing: 1px;
}

.h5-altadorcup-nav .scroll-right a {
	display: unset;
}

/* .h5-altadorcup-nav .scroll-right .ac-prizes-button {
	position: absolute;
	top: -100%;
	left: -10px;
	width: 100%;
	padding-top: 100%;
	margin: auto;
	z-index: 2;
} */
.h5-altadorcup-nav ul li:not(.ac-nav-home):not(.ac-nav-mobile):hover a,
.h5-altadorcup-nav ul li a:hover,
.h5-altadorcup-nav ul li a:active,
.h5-altadorcup-nav ul li.ac-nav-home:hover a,
.h5-altadorcup-nav ul li.ac-nav-home:hover a:hover,
.h5-altadorcup-nav ul li.ac-nav-mobile li:hover a {
	font-size: 10.5pt;
}

.h5-altadorcup-nav ul li.active,
.h5-altadorcup-nav ul li.ac-nav-mobile,
.h5-altadorcup-nav ul li.disabled {
	cursor: initial;
}

.h5-altadorcup-nav ul li.active:before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	border-right: 1em solid transparent;
	display: none;
}

.h5-altadorcup-nav ul li.active:after {
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	border-left: 1em solid transparent;
	display: none;
}

.h5-altadorcup-nav ul li.disabled span {
	color: #ddd;
	opacity: 60%;
}

/* Dropdown */
.h5-altadorcup-nav .ac-nav-mobile {
	display: none;
	height: 100%;
}

.h5-altadorcup-nav .ac-dropdown-arrow {
	position: relative;
	height: 100%;
}

.h5-altadorcup-nav .ac-dropdown-arrow span {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-family: "SportsWorld", Arial, sans-serif;
	font-size: 30px;
	text-align: right;
	line-height: 100%;
	transform: scaleX(2);
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	cursor: pointer;
}

.h5-altadorcup-nav .ac-dropdown-arrow span.ac-drop-open {
	transform: rotate(180deg) scaleX(2);
}

.h5-altadorcup-nav .ac-nav-mobile .ac-nav-dropdown {
	position: absolute;
	top: 100%;
	right: calc(15% + 1em);
	overflow-y: hidden;
	height: 700%;
	width: calc(20% + 1em);
	min-width: fit-content;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.h5-altadorcup-nav .ac-nav-mobile .ac-nav-dropdown.hidden {
	height: 0;
}

.h5-altadorcup-nav .ac-nav-dropdown ul.ac-mobile-menu {
	list-style-type: none;
	position: relative;
	width: 100%;
	min-width: max-content;
	padding: 0;
	border-width: 3px;
	border-style: solid;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: unset;
	box-sizing: border-box;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	transform: translate(0, -100%);
}

.h5-altadorcup-nav .ac-nav-dropdown ul.ac-mobile-menu.ac-drop-show {
	transform: translate(0, 0);
}

.h5-altadorcup-nav ul.ac-mobile-menu li {
	text-align: right;
}

/* NC Logo/sign */
.h5-altadorcup-nc-sign {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-top: -4px;
}

.h5-altadorcup-nc-sign a {
	display: block;
}

.ac-nc-sign {
	width: 160px;
	height: 50px;
	background: url(../2026/nc/logo.png) center / contain no-repeat;
}

/* Prizes button */
.h5-altadorcup-prizes-button {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: 20%;
	z-index: -1;
}

/* Scrolls */
.h5-altadorcup-scrolls {
	position: relative;
}

.h5-altadorcup-scrolls .ac-logo {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	padding-top: 100%;
	margin: auto;
	z-index: 2;
}

.h5-altadorcup-scrolls .ac-scroll {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: transparent center / 100% 100% no-repeat;
	width: 80%;
	padding-top: 120%;
	margin: auto;
	z-index: 1;
}

@media screen and (max-width: 980px) {
	.h5-altadorcup-nav {
		grid-template: auto / 10% 80% 10%;
	}
}

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

	/* ENTERING MOBILE MODE */
	.h5-altadorcup-nav {
		grid-template: auto / 15% 70% 15%;
	}

	.h5-altadorcup-nav ul.ac-nav {
		grid-template: auto / repeat(3, 1fr);
		justify-content: space-between;
	}

	.h5-altadorcup-nav ul li.ac-nav-home {
		text-align: left;
	}

	.h5-altadorcup-nav ul li.ac-nav-home:hover a {
		font-size: 10pt;
	}

	.h5-altadorcup-nav ul li.active {
		grid-column-start: 2;
		position: relative;
	}

	.h5-altadorcup-nav ul li.active:before {
		display: initial;
	}

	.h5-altadorcup-nav ul li.active:after {
		display: initial;
	}

	.h5-altadorcup-nav ul li.active span {
		padding: 0 1em;
	}

	.ac-nav-hide {
		display: none;
	}

	.h5-altadorcup-nav .ac-nav-mobile {
		display: list-item;
		grid-column: 3;
	}

	.h5-altadorcup-nc-sign,
	.h5-altadorcup-prizes-button {
		right: 30%;
		width: 40%;
	}
}

@media (min-width: 500px) and (max-width: 860px) and (orientation: landscape) {

	.h5-altadorcup-banner {
		margin-top: 50px;
	}

}

@media screen and (max-width: 650px) {
	.h5-altadorcup-scrolls .ac-scroll {
		padding-top: 100%;
	}
}

@media screen and (max-width: 500px) {
	.h5-altadorcup-nav {
		margin-bottom: 2em;
	}

	.h5-altadorcup-nc-sign,
	.h5-altadorcup-prizes-button {
		right: 25%;
		width: 50%;
	}
}

@media screen and (max-width: 400px) {
	.h5-altadorcup-nav {
		margin-bottom: 2.5em;
	}

	.h5-altadorcup-nc-sign,
	.h5-altadorcup-prizes-button {
		right: calc(50% - 75% / 2);
		width: 75%;
	}
}


/* BANNER */
.h5-altadorcup-banner {
	position: relative;
	width: 100%;
	/*height: 50%;*/
	height: 50vw;
	max-height: 50vh;
	overflow: hidden;
}

.h5-altadorcup-banner .ac-banner-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.h5-altadorcup-banner .ac-banner-fg {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 0;
}

/* Background */
.h5-altadorcup-banner .ac-banner-bg .ac-bg-back {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(transparent 0%, lightblue 10%) center / cover no-repeat;
	/* todo: replace with image? */
}

.h5-altadorcup-banner .ac-banner-bg .ac-bg-mid {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 90%;
	background: url(../../../themes/h5/altadorcup/images/hp-bg-top.png) center / auto 100% repeat-x;
	/* todo: replace with image */
}

.h5-altadorcup-banner .ac-banner-bg .ac-bg-front {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60%;
	background: url(../../../themes/h5/altadorcup/images/hp-bg-mid.png) center / auto 100% repeat-x;
	/* todo: replace with image */
}

/* Foreground */
.h5-altadorcup-banner .ac-banner-fg .ac-fg-team {
	position: relative;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	background: transparent center bottom / contain no-repeat;
	/* todo: replace with image */
}

.h5-altadorcup-banner .ac-banner-fg .ac-fg-blurb,
.h5-altadorcup-banner .ac-banner-fg .ac-fg-capn {
	display: none;
}

/* Short Version - No Image */
.h5-altadorcup-banner.ac-banner-short {
	height: max-content;
	max-height: 200px;
	overflow: visible;
}

.h5-altadorcup-banner.ac-banner-short .ac-banner-fg {
	height: max-content;
}

.h5-altadorcup-banner.ac-banner-short .ac-banner-fg .ac-team-name {
	padding: 1em 0;
	text-align: center;
	font-size: 40pt;
	text-shadow: 3px 3px 1px #000, -3px 3px 1px #000, 3px -3px 1px #000, -3px -3px 1px #000, 0 0 8px #000;
}

.h5-altadorcup-banner.ac-banner-short .ac-banner-fg .ac-team-btn {
	margin-top: 10%;
}

.h5-altadorcup-banner.ac-banner-short .ac-banner-fg .ac-team-btn button {
	text-transform: uppercase;
}

.h5-altadorcup-banner.ac-banner-short .ac-banner-fg .ac-team-btn button a {
	width: 100%;
	color: #000;
	text-decoration: none;
	display: inline-block;
}

@media screen and (max-width: 980px) {
	.h5-altadorcup-banner.ac-banner-short {
		max-height: 150px;
	}

	.h5-altadorcup-banner.ac-banner-short .ac-banner-fg .ac-team-name {
		font-size: 34pt;
	}
}

@media screen and (max-width: 800px) {
	.h5-altadorcup-banner.ac-banner-short .ac-banner-fg .ac-team-name {
		font-size: 30pt;
	}
}

@media screen and (max-width: 650px) {
	.h5-altadorcup-banner.ac-banner-short .ac-banner-fg .ac-team-name {
		font-size: 26pt;
		text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000, 0 0 4px #000;
	}
}

@media screen and (max-width: 550px) {
	.h5-altadorcup-banner.ac-banner-short .ac-banner-fg .ac-team-name {
		font-size: 22pt;
	}
}

@media screen and (max-width: 450px) {
	.h5-altadorcup-banner.ac-banner-short .ac-banner-fg .ac-team-name {
		padding: 1em;
	}
}

/* Practice Week */
.h5-altadorcup-banner.ac-banner-practice {
	height: max-content;
	max-height: max-content;
}

.h5-altadorcup-banner.ac-banner-practice .ac-banner-bg .ac-bg-back {
	background: #fff;
}

.h5-altadorcup-banner.ac-banner-practice .ac-banner-bg .ac-bg-mid {
	width: 80%;
	margin: auto;
	background: url(images/faq_bg.png) center / cover no-repeat;
	box-shadow: inset 0 0 20px #fff, inset 0 0 10px #fff, inset 0 0 5px #fff, inset 0 0 1px #fff;
	border-radius: 40%;
	left: 0;
	right: 0;
}

.h5-altadorcup-banner.ac-banner-practice .ac-banner-bg .ac-bg-front {
	display: none;
}

.h5-altadorcup-banner.ac-banner-practice .ac-banner-timer {
	margin: auto;
	width: max-content;
	text-align: center;
}

.h5-altadorcup-banner.ac-banner-practice .ac-banner-timer .ac-countdown {
	padding-top: 1em;
}

.h5-altadorcup-banner.ac-banner-practice .ac-banner-timer .ac-count-timer {
	margin: auto;
}

.h5-altadorcup-banner.ac-banner-practice .ac-banner-fg {
	height: max-content;
}

.h5-altadorcup-banner.ac-banner-practice .ac-banner-fg .ac-fg-team {
	padding-top: 35%;
	height: 0;
}

/* Countdown */
.ac-countdown {
	margin: auto 0 .5em;
	font-size: 14pt;
	font-weight: bold;
}

.ac-count-timer {
	background: url(images/clock-backing.png) center / 100% 100% no-repeat;
	color: #000;
	text-shadow: none;
	font-size: 14pt;
	font-weight: bold;
	width: max-content;
	padding: 1em;
}

/* Badge wrapper: label + timer share one background image */
.ac-timer-badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: url(images/clock-backing.png) center / 100% 100% no-repeat;
	padding: 1em;
	width: max-content;
}

.ac-timer-badge .ac-count-timer {
	background: none;
	padding: 0;
	width: auto;
}

.ac-timer-badge .ac-countdown {
	margin: 0 0 .2em;
	font-size: 14pt;
	font-weight: bold;
	color: #000;
	text-shadow: none;
}

/* FOOTER */
.h5-altadorcup-footer {
	position: relative;
	width: 100%;
	height: 5em;
	background: url(../2022/footer-pattern-orig.png) center / auto 100% repeat;
}

/* Timer in footer (practice page — replaces badge) */
.h5-altadorcup-footer .ac-banner-timer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.h5-altadorcup-badge {
	position: absolute;
	top: -12.5%;
	left: 0;
	right: 0;
	width: max-content;
	height: 125%;
	margin: auto;
}

.h5-altadorcup-badge .ac-badge-user {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 0 1.5em;
	margin: auto;
	background: url(images/clock-backing.png) center / 100% 100% no-repeat;
	box-sizing: border-box;
}

.h5-altadorcup-badge .ac-badge-user .ac-rank-shield {
	padding-right: 4.5em;
	height: 4.5em;
	margin: auto auto auto .5em;
}

.h5-altadorcup-badge .ac-badge-user .ac-user-info {
	width: 100%;
	height: 100%;
	padding: 1em 1em 1em 0;
	display: grid;
	grid-template-rows: repeat(3, max-content);
	font-family: "SportsWorld", Arial, sans-serif;
	text-transform: uppercase;
}

.h5-altadorcup-badge .ac-badge-user .ac-user-info .ac-user-name {
	font-size: 20pt;
}

.ac-rank-shield.temp {
	filter: grayscale(100%);
}

@media screen and (max-width: 400px) {
	.h5-altadorcup-badge .ac-badge-user .ac-user-info .ac-user-name {
		font-size: 16pt;
	}
}

@media screen and (max-width: 300px) {
	.h5-altadorcup-badge .ac-badge-user {
		grid-template-columns: max-content;
	}

	.h5-altadorcup-badge .ac-badge-user .ac-rank-shield {
		display: none;
	}

	.h5-altadorcup-badge .ac-badge-user .ac-user-info {
		text-align: center;
	}
}


/* TEAM SELECTION */
.h5-altadorcup-teamMenu::before {
	content: "";
	position: absolute;
	background: #646464 url(../2022/footer-pattern.png) center top / auto 40% repeat-x;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	transform: rotate(180deg);
}

.h5-altadorcup-teamMenu {
	position: relative;
	width: 100%;
	background: url(../2022/footer-pattern.png) center top / auto 40% repeat-x;
}

.h5-altadorcup-teamMenu .ac-team-menu {
	width: 100%;
	overflow-x: scroll;
	scroll-behavior: smooth;
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.h5-altadorcup-teamMenu .ac-team-menu::-webkit-scrollbar {
	display: none;
}

.h5-altadorcup-teamMenu .ac-teams {
	width: 100%;
	padding: 1em .5em;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.h5-altadorcup-teamMenu .ac-teams .ac-logo {
	width: 3.3em;
	padding-top: 3.3em;
	cursor: pointer;
}

.h5-altadorcup-teamMenu .ac-teams .ac-logo:not(.disabled):hover {
	background-position: right center;
	transform: translateY(-.1em);
}

.h5-altadorcup-teamMenu .ac-teams .ac-logo.disabled {
	filter: grayscale(100%);
	opacity: 0.8;
	cursor: initial;
}

.h5-altadorcup-teamMenu .ac-arrow-left,
.h5-altadorcup-teamMenu .ac-arrow-right {
	position: absolute;
	background-image: url(../../../themes/h5/basic/images/carouselarrow-left.svg);
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 1.5em;
	height: 2.5em;
	margin: 1.5em 0 0 .5em;
	opacity: 75%;
	cursor: pointer;
	z-index: 1;
	display: none;
}

.h5-altadorcup-teamMenu .ac-arrow-right {
	right: .5em;
	transform: scaleX(-1);
}

.h5-altadorcup-teamMenu .ac-arrow-left:hover,
.h5-altadorcup-teamMenu .ac-arrow-left:active,
.h5-altadorcup-teamMenu .ac-arrow-right:hover,
.h5-altadorcup-teamMenu .ac-arrow-right:active {
	opacity: 100%;
}

@media screen and (max-width: 1024px) {
	.h5-altadorcup-teamMenu .ac-teams .ac-logo {
		width: 3em;
		padding-top: 3em;
	}
}

@media screen and (max-width: 880px) {
	.h5-altadorcup-teamMenu .ac-teams {
		width: 80%;
	}

	.h5-altadorcup-teamMenu .ac-teams .ac-logo {
		width: 4em;
		padding-top: 4em;
	}
}

@media screen and (max-width: 750px) {
	.h5-altadorcup-teamMenu .ac-teams {
		width: 100%;
	}
}

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

	/* ENTERING MOBILE MODE */
	.h5-altadorcup-teamMenu {
		overflow-x: scroll;
		scrollbar-width: none;
	}

	.h5-altadorcup-teamMenu .ac-teams {
		width: max-content;
	}

	.h5-altadorcup-teamMenu .ac-teams .ac-logo {
		width: 3.5em;
		padding-top: 3.5em;
	}

	.ac-arrow-left.hide-arrow,
	.ac-arrow-right.hide-arrow {
		display: none;
	}

	.ac-arrow-left.show-arrow,
	.ac-arrow-right.show-arrow {
		display: initial;
	}
}

/* CONTENT */
.h5-altadorcup-content {
	background-repeat: no-repeat !important;
	padding: 2em 1em;
	display: flex;
	flex-direction: column;
	gap: 1em 0;
}

/* Grid View */
.h5-altadorcup-grid {
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	align-items: stretch;
	justify-content: center;
	box-sizing: border-box;
}

.h5-altadorcup-grid .ac-grid-item {
	padding: .5em;
	background-color: #fff;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-sizing: border-box;
}

.h5-altadorcup-grid .ac-grid-item .ac-grid-title {
	width: 100%;
	margin: 0;
	padding: .5em;
	color: #fff;
	font-family: "SportsWorld", Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.h5-altadorcup-grid .ac-grid-item .ac-grid-title .ac-grid-faq {
	position: absolute;
	right: .5em;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	padding: 5px;
	text-decoration: none;
	box-sizing: border-box;
}

.h5-altadorcup-grid .ac-grid-item .ac-grid-title p {
	transform: scaleY(2);
	font-size: 10pt;
	font-weight: normal;
	display: inline-block;
	letter-spacing: 2px;
	margin: 0 auto .5em;
}

.h5-altadorcup-grid .ac-grid-item .ac-content.ac-grid {
	background: #fff;
	flex: 1;
	padding: 1em;
	border-radius: 0 0 20px 20px;
	box-sizing: border-box;
}

.h5-altadorcup-grid .ac-grid-item.grid-100 {
	flex: 1 1 calc(100% - 1em);
}

.h5-altadorcup-grid .ac-grid-item.grid-70 {
	flex: 1 1 calc(70% - 1em);
}

.h5-altadorcup-grid .ac-grid-item.grid-60 {
	flex: 1 1 calc(60% - 1em);
}

.h5-altadorcup-grid .ac-grid-item.grid-50 {
	flex: 2 0 calc(50% - 1em);
}

.h5-altadorcup-grid .ac-grid-item.grid-40 {
	flex: 1 1 calc(40% - 1em);
}

.h5-altadorcup-grid .ac-grid-item.grid-30 {
	flex: 1 1 calc(30% - 1em);
}

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

	/* ENTERING MOBILE MODE */
	.h5-altadorcup-grid .ac-grid-item.grid-60 {
		flex: 1 1 calc(90% - 1em);
	}

	.h5-altadorcup-grid .ac-grid-item.grid-70 {
		flex: 1 1 calc(90% - 1em);
	}
}

@media screen and (max-width: 600px) {
	.h5-altadorcup-grid .h5-altadorcup-grid {
		width: 90%;
	}

	.h5-altadorcup-grid .ac-grid-item {
		flex: 1 1 calc(90% - 1em) !important;
	}

	/* .h5-altadorcup-nav .scroll-right .ac-prizes-button {
		left: -7px;
  width: 75px;
	} */
}

@media screen and (max-width: 450px) {
	.h5-altadorcup-grid .h5-altadorcup-grid {
		width: 100%;
	}

	/* .h5-altadorcup-nav .scroll-right .ac-prizes-button {
		left: -30px;
		top: -20px;
	} */
}

/* Tab View */
.h5-altadorcup-tabview {
	width: 100%;
	height: max-content;
	border-radius: 20px;
	overflow: hidden;
	box-sizing: border-box;
}

.h5-altadorcup-tabview .ac-tab-titles {
	width: 100%;
	margin: auto;
	border-width: 3px 3px 0;
	border-style: solid;
	border-radius: 20px 20px 0 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.h5-altadorcup-tabview .ac-tab-titles .ac-tab-title {
	width: 100%;
	margin: 0;
	padding: .5em;
	color: #fff;
	font-family: "SportsWorld", "Arial", sans-serif;
	text-transform: uppercase;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
}

.h5-altadorcup-tabview .ac-tab-titles .ac-tab-title.active-tab {
	border-style: solid;
	border-radius: 20px 20px 0 0;
	cursor: unset;
}

.h5-altadorcup-tabview .ac-tab-titles .ac-tab-title:nth-child(1).active-tab {
	border-width: 0 3px 3px 0;
}

.h5-altadorcup-tabview .ac-tab-titles .ac-tab-title:nth-child(2).active-tab {
	border-width: 0 3px 3px 3px;
}

.h5-altadorcup-tabview .ac-tab-titles .ac-tab-title:nth-child(3).active-tab {
	border-width: 0 0 3px 3px;
}

.h5-altadorcup-tabview .ac-tab-titles .ac-tab-title p {
	transform: scaleY(2);
	font-size: 10pt;
	font-weight: normal;
	display: inline-block;
	letter-spacing: 2px;
	margin: 0 auto;
}

.h5-altadorcup-tabview .ac-tabs {
	width: 100%;
	box-sizing: border-box;
}

.h5-altadorcup-tabview .ac-tabs .ac-tab-item {
	width: 100%;
	padding: .5em;
	border-width: 0 3px 3px 3px;
	border-style: solid;
	border-radius: 0 0 20px 20px;
	box-sizing: border-box;
	display: none;
}

.h5-altadorcup-tabview .ac-tabs .ac-tab-item.active-tab {
	display: block;
}

.h5-altadorcup-tabview .ac-tab-item .ac-content.ac-tab {
	background: #fff;
	padding: 1em;
	border-radius: 0 0 20px 20px;
}

.h5-altadorcup-tabview .ac-tabs .ac-tab-item>.ac-panel-title {
	display: none;
}

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

	/* ENTERING MOBILE MODE */
	.h5-altadorcup-tabview .ac-tab-titles {
		display: none;
	}

	.h5-altadorcup-tabview .ac-tabs .ac-tab-item {
		border-width: 3px;
		border-radius: 20px;
		display: block;
	}

	.h5-altadorcup-tabview .ac-tabs .ac-tab-item>.ac-panel-title {
		display: grid;
	}
}

/* Accordion View */
.h5-altadorcup-accordion {
	width: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
	gap: 1em;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.h5-altadorcup-accordion .ac-panel-item {
	width: 100%;
	height: max-content;
	padding: .5em;
	border: 3px solid transparent;
	border-radius: 20px;
	overflow: hidden;
	box-sizing: border-box;
}

.h5-altadorcup-accordion .ac-panel-item .ac-panel-title {
	width: 100%;
	margin: 0;
	color: #fff;
	font-family: "SportsWorld", Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	display: grid;
	grid-template: auto / auto auto;
	align-items: center;
	justify-items: end;
}

.h5-altadorcup-accordion .ac-panel-item .ac-panel-title>p {
	transform: scaleY(2);
	font-size: 10pt;
	font-weight: normal;
	display: inline-block;
	letter-spacing: 2px;
	padding-left: 30px;
	/* centers text despite button */
	margin: 0;
}

.h5-altadorcup-accordion .ac-panel-item .ac-content.ac-panel {
	overflow: hidden;
	max-height: 100vh;
	background: #fff;
	padding: 1em;
	border-radius: 0 0 20px 20px;
	transition: 0.4s ease-out;
	box-sizing: border-box;
}

.h5-altadorcup-accordion .ac-panel-item .ac-content.ac-panel.minimize {
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
}

@media screen and (min-width: 625px) {
	.h5-altadorcup-accordion .ac-panel-item .ac-content.ac-tab.ac-panel {
		max-height: max-content !important;
	}
}

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

	/* ENTERING MOBILE MODE */
	.minimize:not(.pane-btn) {
		max-height: 0 !important;
		overflow: hidden !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

/* Content Within Content */
.ac-content .h5-altadorcup-grid .ac-grid-item,
.ac-content .h5-altadorcup-accordion .ac-panel-item {
	padding: 0;
	background-color: #fff;
}

.ac-content .h5-altadorcup-accordion .ac-panel-item .ac-panel-title {
	padding: 0 .5em;
}

.ac-content .h5-altadorcup-grid .ac-grid-item .ac-content.ac-grid,
.ac-content .h5-altadorcup-accordion .ac-panel-item .ac-content.ac-panel {
	border-radius: 0;
}

.ac-logo {
	position: relative;
}

#acTeamMenu .ac-teams .ac-logo .ac-notif {
	background-image: url(../h5/images/notif-icon.png);
}

#acTeamMenu .ac-teams .ac-logo .ac-notif.showNotif {
	display: block;
}

#acTeamMenu .ac-teams .ac-logo .ac-notif.hideNotif {
	display: none;
}

.ac-notif {

	position: absolute;
	top: -10px;
	right: 0;
	width: 30px;
	height: 30px;
	background: transparent center / contain no-repeat;
	border-radius: 50%;
	pointer-events: none;
}

/* Tournament Timeline */
.ac-tournament-timeline {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	width: 100%;
	padding: 1.5em 1em 2em;
	box-sizing: border-box;
	gap: 0;
	position: relative;
	z-index: 1;
}

.ac-timeline-milestone {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex: 1 0 110px;
	position: relative;
}

.ac-timeline-milestone .ac-milestone-label {
	flex: 1;
	border-radius: 12px;
	border: 1px solid #87877F;
	background: #B7B6A9;
	padding: 10px;
	font-size: 10pt;
	font-family: "SportsWorld", Arial, sans-serif;
	color: #fff;
	text-shadow: 1.5px 1.5px 0 #000, -1.5px 1.5px 0 #000, 1.5px -1.5px 0 #000, -1.5px -1.5px 0 #000, 0 0 2px #000;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ac-timeline-milestone.active .ac-milestone-label {
	border: 1px solid #A09F7E;
	background: #EAE894;
}

.ac-milestone-date {
	position: absolute;
	bottom: -18px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	background: #A09F7E;
	padding: 5px 10px;
	border-radius: 5px;
	color: #413101;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	text-shadow: none;
	font-family: "MuseoSansRounded500", "Arial Bold", sans-serif;
}

.ac-timeline-divider {
	flex: 0 0 20px;
	display: flex;
	align-items: center;
}

.ac-timeline-divider::before {
	content: '';
	width: 100%;
	border-top: 2px dashed #A09F7E;
}

@media screen and (max-width: 650px) {
	.ac-tournament-timeline {
		padding: .75em 1em 2em;
	}
}

/* Banner Scrolls — practice.inc (ac-banner-with-scrolls)
 * Revert: remove this block + remove scroll HTML from insertBannerHTML + revert insertBannerHTML(false,true) to insertBannerHTML(false) in practice.inc
 * ------------------------------------------------------------------ */
.h5-altadorcup-banner.ac-banner-with-scrolls {
	overflow: visible;
}

.h5-altadorcup-banner.ac-banner-with-scrolls .h5-altadorcup-scrolls {
	position: absolute;
	top: -10em;
	left: 0;
	width: 12%;
	height: calc(100% + -5em);
	z-index: -1;
}

.h5-altadorcup-banner.ac-banner-with-scrolls .h5-altadorcup-scrolls.scroll-right {
	left: unset;
	right: 0;
}

.h5-altadorcup-banner.ac-banner-with-scrolls .h5-altadorcup-scrolls .ac-scroll {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding-top: 0;
	background: none;
	border-image-slice: 200 240 400 fill;
	border-image-width: 150px 120px 250px;
	margin: 0;
}

.h5-altadorcup-banner.ac-banner-with-scrolls .h5-altadorcup-scrolls .ac-logo {
	top: unset;
	left: 10%;
	bottom: 33%;
	width: 80%;
	padding-top: 80%;
}

/* End Banner Scrolls */

/* News Module — Neopian Times button */
.h5-altadorcup-news .ac-news-module {
	display: flex;
	flex-direction: column;
}
.h5-altadorcup-news .ac-news-list {
	flex: 1;
	min-height: 0;
}
.h5-altadorcup-news .ac-news-module > a {
	display: block;
	width: 50%;
	margin: 0.5em auto;
}
.h5-altadorcup-news .ac-news-module > a button {
	width: 100%;
}