a, a:hover {
	text-decoration: none;
	transition: all 0.6s ease;
}

.uk-drop.uk-open {
	z-index: 90;
	background-color: #00358B;
}

.uk-nav.uk-nav-default .uk-nav-header {
	font-size: clamp(1.125rem, 1.0682rem + 0.2424vw, 1.25rem);
	font-weight: 400;
	color: rgba(255, 220, 0, 1);
	margin-bottom: 20px;
}
.uk-nav.uk-nav-default .nav-item a {
	font-size: clamp(0.9375rem, 0.9091rem + 0.1212vw, 1rem);
	font-weight: 800;
	color:#fff;
}
.uk-nav.uk-nav-default .nav-item a:hover {
	color: rgba(255, 220, 0, 1);
}

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a[aria-expanded="true"] {
	color: #FFDC00;
}

.mod-alert a:hover {
	color: #002765;
	background: #fff;
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;

	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.about-tripoli a {
	color: #fff;
}
.about-tripoli a:hover {
	color: #FFDC00;
}

/* BACKGROUNDS */
.bg-venue-blur .component {
	background-image: url(../images/bg-venue-blur.png);
	background-size: auto;
  	background-position: top;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}
@media (1660px <= width) {
	.bg-venue-blur .component {
		background-size: contain;
	}
}

/* COMPONENTS */
/* CONTENT -> GATEGORIES */
.com-content-categories {
	position: relative;
}
.com-content-categories a figure, .com-content-categories span > figure {
	position: relative;
}
.com-content-categories a figure::after, .com-content-categories span > figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.29%, #000000 100%);
}
.com-content-categories a h3 {
	font-size: clamp(2rem, 1.7727rem + 0.9697vw, 2.5rem);
	font-weight: 900;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	margin: 0 0 10px 0;
}

/* CONTENT -> GATEGORY */
.com-content-category-blog {
	background-color: #fff;
	position: relative;
}
article.default figure {
	margin: 0 0 10px 0;
}
article.default time {
	font-size: clamp(12px, calc(0.75rem + ((1vw - 3.75px) * 0.1294)), 14px);
	font-weight: 900;
	color: rgba(0, 53, 139, 1);
	margin: 0 0 10px 0;
}
article.default time span {
	text-transform: uppercase;
}
article.default time span:first-child {
	margin-right: 5px;
}
article.default h2 {
	font-size: clamp(28px, calc(1.75rem + ((1vw - 3.75px) * 0.3883)), 34px);
	font-weight: 900;
	color: rgba(0, 53, 139, 1);
	margin: 0;
	text-transform: uppercase;
  	line-height: 1;
}
article.default p {
	font-size: 16px;
	font-weight: 400;
	color: rgba(128, 128, 128, 1);
}
article.default .tag {
	font-size: 14px;
	font-weight: 900;
	color: rgba(215, 183, 0, 1);
}
@media (960px <= width) {
	article.default figure {
		margin: 0 20px 0 40px;
		/*flex: none;*/
		width: 100%;
    	max-width: 410px;
	}
	article.default figure img {
		object-fit: cover;
  		height: 232px;
	}
	article.default time {
		margin: 0;
	}
	article.default time span:first-child {
		font-size: clamp(30px, calc(1.875rem + ((1vw - 3.75px) * 0.2589)), 34px);
		margin: 0;
	}
	article.default time span:last-child {
		margin-top: -12px;
	}
}

@media (1200px <= width) {
	.com-content-category-blog article.default {
		transition: all 0.3s ease-in-out;
	}
	.com-content-category-blog article.default:hover {
		transform: scale(1.02);
	}
}

/* CONTENT -> ARTICLE */
article.com-content-article {
	background-color: #fff;
	position: relative;
}
article.com-content-article h2 {
	font-size: clamp(2.5rem, 1.8182rem + 2.9091vw, 4rem);
	font-weight: 700;
	color: rgba(0, 53, 139, 1);
	margin: 0;
	text-transform: none;
  	line-height: 1.3;
	text-align: center;
	text-wrap: balance;
}
article.com-content-article .article-info.text-muted {
	margin-bottom: 60px;
}
article.com-content-article figure.item-image {
	margin: 0 0 clamp(2.5rem, 1.3636rem + 4.8485vw, 5rem) 0;
	text-align: center;
}
article.com-content-article .article-info time {
	font-size: clamp(0.875rem, 0.8182rem + 0.2424vw, 1rem);
	font-weight: 500;;
	color: rgba(255, 220, 0, 1);
	text-align: center;
	display: block;
}
article.com-content-article .com-content-article__body {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
}
article.com-content-article p, article.com-content-article li, article.com-content-article dl {
  font-size: clamp(1.125rem, 1.0682rem + 0.2424vw, 1.25rem);
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  line-height: 1.6;
}

article.com-content-article dl dt {
	margin-top: 20px;
}
article.com-content-article dl dt:first-child {
	margin-top: 0;
}

article.com-content-article .social-links a {
	background: rgb(0, 53, 139);
  	color: #fff;
	width: 40px;
  	height: 40px;
}
article.com-content-article p:has(img + img) {
	display: flex;
	flex-direction: column;
	align-items: center;
}
article.com-content-article p img {
	margin: 10px 0;
}

article.com-content-article blockquote {
	position: relative;
	margin: 30px 0;
	padding: 0 30px;
	width: 100%;
	box-sizing: border-box;
}
article.com-content-article blockquote::before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	width: 8px;
	height: 48px;
	background-color: rgba(204, 204, 204, 1);
}
article.com-content-article blockquote p {
	font-size: clamp(1.375rem, 1.3182rem + 0.2424vw, 1.5rem);
	font-weight: 600;
	color: rgba(51, 51, 51, 1);
}
article.com-content-article blockquote p+p {
	font-size: clamp(0.875rem, 0.8182rem + 0.2424vw, 1rem);
	font-weight: 400;
	color: rgba(102, 102, 102, 1);
}

article.com-content-article h4 {
	color: rgba(0, 53, 139, 1);
	font-size: clamp(2.625rem, 2.5114rem + 0.4848vw, 2.875rem);
	font-weight: 700;
	line-height: 1;
}

.ticket-game {
	/*background-color: #00358b;*/
	transition: all 0.3s ease-in-out;
}
.ticket-game:hover {
	transform: scale(1.05);
}
.ticket-game a {
	color: #fff;	
}
.ticket-game .time, .ticket-game .league {
	font-size: clamp(1rem, 0.8295rem + 0.7273vw, 1.375rem);
	font-weight: 700;
	color: #FFDC00;
}
.ticket-game .team-entos span, .ticket-game .team-ektos span {
	font-size: clamp(1.625rem, 1.0852rem + 2.303vw, 2.8125rem);
	font-weight: 700;
	line-height: 1;
}

.stamp-border-old {
  /* Change this value to adjust the stamp perforation size: */
  --radius: 8px;

  background-image: 
    radial-gradient(
      var(--radius),
      transparent 98%,
      #00358b
    ),
    linear-gradient(#00358b 0 0);
  background-repeat: 
    round, 
    no-repeat;
  background-position:
    calc(var(--radius) * -1.5) calc(var(--radius) * -1.5),
    50%;
  background-size:
    calc(var(--radius) * 3) calc(var(--radius) * 3),
    calc(100% - var(--radius) * 3) calc(100% - var(--radius) * 3);
}

.stamp-border {
	--r: 20px;
  height: 270px;
  aspect-ratio: 1.2;
  border-radius: 20px;
  background: #00358b;
  mask: radial-gradient(var(--r) at var(--r),#0000 calc(100% - 1px),#000) calc(-1*var(--r));
  width: 100%;
}
@media (768px <= width) {
	.stamp-border {
		--r: 30px;
	}
}

.download-area {
	border-left: 8px solid #00358b;
	padding-left: 16px;
}
.download-area a:hover {
	text-decoration: line-through;
}

.pagenavigation > .pagination {
	display: flex;
	justify-content: center;
	gap: 10px;
}
.pagenavigation > .pagination > a {
	color: rgba(0, 53, 139, 1);
}
.pagenavigation > .pagination > a:hover {
	text-decoration: underline;
}

@media (1024px <= width) {
	article.com-content-article p:has(img + img) {
		flex-direction: row;
		justify-content: space-between;
	}
	article.com-content-article blockquote {
		max-width: 450px;
		margin-left: 100px;
	}
}

@media (1200px <= width) {
	article.com-content-article .social-links {
		position: absolute;
		flex-direction: column;
	}
	article.com-content-article .social-links a {
		margin: 0 0 10px 0 !important;
	}
}

/* CAT DESCRIPTION */
.category-description h4 {
	color: rgba(0, 53, 139, 1);
	font-size: clamp(2.625rem, 2.5114rem + 0.4848vw, 2.875rem);
	font-weight: 700;
	line-height: 1;
}
.category-description p {
	font-size: 20px;
	font-weight: 400;
	color: rgba(128, 128, 128, 1);
	margin-bottom: 40px;
}

/* JOOMSPORT -> ROSTER */
.roster-header h2 {
	font-size: clamp(2.1875rem, 2.0455rem + 0.6061vw, 2.5rem);
	font-weight: 900;
	color: rgba(255, 220, 0, 1);
}
.roster-player {
	max-width: 300px;
	max-height: 300px;
	height: 100%;
  	margin: 0 auto;
	overflow: hidden;
}
.roster-player a {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #000000 100%);
}
.roster-player .name {
	text-align: center;
	font-size: clamp(1.125rem, 1.0682rem + 0.2424vw, 1.25rem);
	font-weight: 900;
	color: rgba(255, 220, 0, 1);
	line-height: 1;
}
.roster-player aside {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}
.roster-player aside img {
	margin-right: 10px;
}

.player-page .player-ef dt, .player-page .player-ef dd {
	text-transform: uppercase;
	color: rgba(255, 220, 0, 1);
	font-weight: 400;
	font-size: clamp(1.25rem, 1.1364rem + 0.4848vw, 1.5rem);
}
.player-page .player-ef dd {
	color: #fff;
}
.player-page .player-ef dt {
	opacity: 0;
}
.player-page .player-ef dt[data-key="BL_COUNTRY"],
.player-page .player-ef dt[data-key="ΘΕΣΗ"],
.player-page .player-ef dt[data-key="ΗΜ. ΓΕΝ."] {
	opacity: 1;
}

.player-page .player-ef dt[data-key="BLFA_NAME"] + dd {
	margin-left: -68px;
}

@media (428px <= width) {
	.player-page .player-ef dt[data-key="BLFA_NAME"] + dd {
		margin-left: auto;
	}
}

.player-page .player-ef dt[data-key="BLFA_NAME"] + dd {
	color: rgba(255, 220, 0, 1);
	font-weight: 900;
	font-size: clamp(2rem, 1.7727rem + 0.9697vw, 2.5rem);
	line-height: 1;
}
.player-page .description p {
	font-size: clamp(1.125rem, 1.0682rem + 0.2424vw, 1.25rem);
	width: clamp(min(93.75vw, 50ch), 70vw, 75ch);
}
.player-page .player-gallery > div {
	text-align: center;
}
@media (768px <= width) {
	.player-page .player-gallery > div {
		text-align: left;
	}
}
.player-page .player-gallery img {
	width: 180px;
	height: 180px;
	object-fit: cover;
	object-position: top;
}

/* JOOMSPORT -> TABLE */
.uk-table-striped tbody tr:nth-of-type(2n+1), .uk-table-striped > tr:nth-of-type(2n+1) {
	background: #0d3f91;
	border-top: 1px solid #0d3f91;
	border-bottom: 1px solid #0d3f91;
}
.uk-table-striped tbody tr:nth-of-type(2n):last-child, .uk-table-striped > tr:nth-of-type(2n):last-child {
	border-bottom: 1px solid transparent;
}
.uk-table.vathmologia th {
	font-size: clamp(1.125rem, 1.0682rem + 0.2424vw, 1.25rem);
	font-weight: 400;
	color: #fff;
	text-transform: capitalize;
	text-align: center;
	vertical-align: baseline;
}
.uk-table.vathmologia th:nth-child(2) {
	text-align: left;
}
.uk-table.vathmologia th:nth-child(1),.uk-table.vathmologia th:nth-child(9),.uk-table.vathmologia th:nth-child(10) {
	font-size: clamp(1.3125rem, 1.2273rem + 0.3636vw, 1.5rem);
	font-weight: 800;
}
.uk-table.vathmologia td {
	text-align: center;
	font-size: clamp(1.3125rem, 1.2273rem + 0.3636vw, 1.5rem);
	font-weight: 800;
	vertical-align: middle;
}
.uk-table.vathmologia td:nth-child(1) {
	font-size: clamp(2rem, 1.8864rem + 0.4848vw, 2.25rem);
}
.uk-table.vathmologia td:nth-child(2) {
	text-align: left;
}
.uk-table.vathmologia td:nth-child(7) {
	min-width: 80px;
}
.uk-table.vathmologia td:nth-child(9) {
	font-size: clamp(2rem, 1.8864rem + 0.4848vw, 2.25rem);
	color:rgba(255, 220, 0, 1);
}
.uk-table.vathmologia td:nth-child(10) span {
	display: block;
	padding: 10px;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	line-height: 15px;
	font-size: clamp(1rem, 0.9432rem + 0.2424vw, 1.125rem);
	color: #fff;
}
.uk-table.vathmologia td:nth-child(10) span.match_win {
	background-color: lightseagreen;
	color: #000;
}
.uk-table.vathmologia td:nth-child(10) span.match_draw {
	background-color: lightyellow;
	color: #000;
}
.uk-table.vathmologia td:nth-child(10) span.match_loose {
	background-color: lightcoral;
	color: #000;
}

/* JOOMSPORT -> CALENDAR */
.games-list .agonistiki {
	font-size: clamp(1.375rem, 1.3182rem + 0.2424vw, 1.5rem);
	font-weight: 900;
	color: rgba(255, 220, 0, 1);
}
.games-list .game {
	gap: 15px;
}
.games-list .game time {
	font-size: clamp(1.125rem, 1.0682rem + 0.2424vw, 1.25rem);
	font-weight: 400;
	color: #fff;
}
.games-list .game .home, .games-list .game .away {
	font-size: clamp(1.25rem, 1.1364rem + 0.4848vw, 1.5rem);
	font-weight: 700;
	color: #fff;
	gap: 10px;
}
.games-list .game .home span, .games-list .game .away span {
	width: 140px;
}
@media (960px <= width) {
	.games-list .game .home, .games-list .game .away {
		gap: 28px;
	}
}
.games-list .game .score span {
	font-size: clamp(2rem, 1.8864rem + 0.4848vw, 2.25rem);
	font-weight: 700;
	color: #fff;
	transform: translateY(6px);
	display: inline-block;
	width: 60px;
  	text-align: center;
}
@media (960px <= width) {
	.games-list .game .home span, .games-list .game .away span {
		width: 150px;
	}
	.games-list .game .score span {
		width: 100px;
	}
}

/* MODULES */

/* mod with asteras logo in bg */
.mod-with-bg {
	background-color: rgba(0, 53, 139, 1);
	padding: 20px 0;
	position:relative;
}
.mod-with-bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/logo-bg.svg);
	background-repeat: no-repeat;
	background-position: 5% 100%;
	opacity: .2;
	background-size: contain;
	pointer-events: none;
}
@media (1280px <= width) {

	.mod-with-bg::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(../images/logo-bg.svg);
		background-repeat: no-repeat;
		background-position: 95% 100%;
		opacity: .2;
		background-size: contain;
		pointer-events: none;
	}
}

/* TABS CONTAINER */
.tabs-container {
	position: relative;
	z-index: 2;
}

/* match center */
.matchcenter article a {
	padding-bottom:35px;
}
.matchcenter article h4 {
	font-size: clamp(20px, calc(1.25rem + ((1vw - 3.75px) * 0.2589)), 24px);
	font-weight: 900;
	text-transform: uppercase;
	margin: 0;
}
.matchcenter article time {
	font-size: clamp(18px, calc(1.125rem + ((1vw - 3.75px) * 0.1294)), 20px);
	font-weight: 700;
	color: #FFDC00;
	margin-bottom: 10px;
}
.matchcenter .match span
{
	font-weight:700;
	font-size: clamp(26px, calc(1.625rem + ((1vw - 3.75px) * 0.6472)), 36px);
}
.matchcenter article .match-team:after {
	content: attr(data-name);
	display: block;
	width: calc(100% + 40px);
	position: absolute;
	bottom: -35px;
	left: 0;
	font-size: clamp(20px, calc(1.25rem + ((1vw - 3.75px) * 0.2589)), 24px);
	font-weight: 700;
	text-align: center;
	transform: translateX(-20px);
}

@media (1280px <= width) {

	.matchcenter article a {
		transition: all 0.3s ease-in-out;
	}
	.matchcenter article.uk-slide-active .match-team:after {
		content: attr(data-name);
		display: block;
		width: calc(100% + 40px);
		position: absolute;
		bottom: -35px;
		left: 0;
		font-size: clamp(20px, calc(1.25rem + ((1vw - 3.75px) * 0.2589)), 24px);
		font-weight: 700;
		text-align: center;
		transform: translateX(-20px);
		opacity:1;
	}
	.matchcenter article:not(.uk-slide-active) a {
		opacity: 0.4;
		transform: scale(0.7);
	}
	.matchcenter article:not(.uk-slide-active) h4, .matchcenter article:not(.uk-slide-active) time, .matchcenter article:not(.uk-slide-active) .match-team:after {
		opacity:0;
		height:0;
		margin:0;
	}
	.matchcenter article.uk-slide-leave a {
		opacity: 0.4;
		transform: scale(0.7);
	}
	.matchcenter article.uk-slide-leave h4, .matchcenter article.uk-slide-leave time {
		opacity:0;
		height:0;
		margin:0;
	}
	.matchcenter article.uk-slide-leave .match-team:after {
		opacity:0;
	}

}

.mod-tab .uk-tab::before {
	display: none;
}
.mod-tab .uk-tab > * > a {
	padding: 10px;
	color: #fff;
	font-size: clamp(20px, calc(1.25rem + ((1vw - 3.75px) * 0.2589)), 24px);
	font-weight: 900;
	border: none;
}
.mod-tab .uk-tab > * > a:hover {
	background-color: rgba(0, 0, 0, .2);
	border: none;
}
.mod-tab .uk-tab > .uk-active > a {
	background-color: rgba(0, 0, 0, .2);
	border: none;
}

@media (768px <= width) {
	.mod-tab .uk-tab > * > a {
		padding: 15px 30px;
	}
}


/* Logo Sponosrs */
.logo-sponsors {
	background-color: #fff;
	padding: 15px 0;
}

.mod.tickets nav a, .mod.videos nav a {
	color: #fff;
	font-size: clamp(18px, calc(1.125rem + ((1vw - 3.75px) * 0.3883)), 24px);
	font-weight: 900;
	text-transform: uppercase;
}
.mod.tickets nav a:hover, .mod.videos nav a:hover {
	color: #FFDC00;
}

/* Tickets Mod */
.tickets {
	background-color: #00358B;
	padding: clamp(40px, calc(2.5rem + ((1vw - 3.75px) * 3.8835)), 100px) 0 0 0;
}
.tickets-grid > div {
	margin-bottom: 20px;
}
.tickets-container article {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	max-width: 411px;
  	margin: 0 auto;
}
.tickets-container article > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.tickets-container article > a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 100%);
	z-index: -1;
}
.tickets-container .title { text-align: center; }
.tickets-container .ticket-img {object-fit: cover;}
.tickets-container .main .ticket-img { height: 480px;  }
.tickets-container .second .ticket-img { height: 320px;  }
.tickets-container .third .ticket-img { height: 320px; }
.tickets-container-right .ticket-img { height: 320px; }

.tickets-container time {
	font-size: clamp(22px, calc(1.375rem + ((1vw - 3.75px) * 0.1294)), 24px);
	font-weight: 800;
	color: #fff;
}
.tickets-container h3 {
	font-size: clamp(30px, calc(1.875rem + ((1vw - 3.75px) * 0.3883)), 36px);
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
}
.tickets-container h4 {
	font-size: clamp(19px, calc(1.1875rem + ((1vw - 3.75px) * 0.0647)), 20px);
	font-weight: 900;
	color: #FFDC00;
}
.tickets-container .venue, .tickets-container .league {
	font-size: clamp(13px, calc(0.8125rem + ((1vw - 3.75px) * 0.0647)), 14px);
	font-weight: 400;
	color: #fff;
	margin: 0 0 5px 0;
}
.tickets-container .league {
	color: #FFDC00;
	margin: 0;
}

/*.tickets-container .second h3 span, .tickets-container .second h4, .tickets-container .third h3 span, .tickets-container .third h4, .tickets-container-right h3 span, .tickets-container-right h4 {
	margin-bottom: 0 !important;
}*/

@media (1280px <= width) {
	.tickets-grid {  display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 160px 160px 160px;
	grid-auto-columns: 1fr;
	gap: 0px 22px;
	grid-auto-flow: row;
	grid-template-areas:
		"main . title"
		"main second third"
		"main second third";
	}
	.tickets-grid > div {
		margin-bottom: 0;
	}
	.tickets-grid .title { grid-area: title; text-align: right; }
	.tickets-grid .main { grid-area: main; }
	.tickets-grid .second { grid-area: second; }
	.tickets-grid .third { grid-area: third; }
}

/* Videos Mod */
.mod.videos {
	background-color: rgba(0, 39, 102, 1);
}
.videos-container .title { text-align: center; }
.videos-container > div {
	margin-bottom: 20px;
}
.videos-container > div:first-child {
	margin-top: 20px;
}
@media (1280px <= width) {
	.videos-container > div {
		margin: 0 !important;
	}
	.videos-container {  
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 140px 140px 140px;
		grid-auto-columns: 1fr;
		gap: 0px 20px;
		grid-auto-flow: row;
		grid-template-areas:
			"title main"
			"slider main"
			"slider main";
		grid-template-areas:
			"main title"
			"main slider"
			"main slider";
	}
	.videos-container .title { grid-area: title; text-align: left; text-align: right; }
	.videos-container .main { grid-area: main; }
	.videos-container .slider { grid-area: slider; }
}
.videos-container .main article {
	width: 100%;
	max-width: 590px;
  	margin: auto;
}
.videos-container .main figure {
	position: relative;
}
.videos-container .main figure::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: 
		linear-gradient(90deg, rgba(0, 39, 102, 1) 0%, rgba(0, 39, 102, 0) 20%, rgba(0, 39, 102, 0) 80%, rgba(0, 39, 102, 1) 100%),
		linear-gradient(0deg, rgba(0, 39, 102, 1) 0%, rgba(0, 39, 102, 0.1) 100%);
}
.videos-container .main figure::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: url(../images/play.svg) no-repeat 95% 5%;
}
.videos-container .body {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	display: flex;
	flex-direction: column;
}
.videos-container .body h3 {
	font-size: clamp(28px, calc(1.75rem + ((1vw - 3.75px) * 0.2589)), 32px);
	font-weight: 900;
}
.videos-container .body span, .videos-container .body time {
	font-size: 14px;
	font-weight: 900;
	color: #fff;
}
.videos-container .body span {
	color: #FFDC00;
}

.videos-container .slider article img {
	object-fit: cover;
	width: 300px;
	height: 170px;
	margin: 0 auto;
}
.videos-container .slider article h3 {
	font-size: clamp(18px, calc(1.125rem + ((1vw - 3.75px) * 0.1294)), 20px);
	font-weight: 900;
	line-height: 20px;
}
.videos-container .slider article time, .videos-container .slider article span {
	font-size: 14px;
	font-weight: 900;
	color: #fff;
}
.videos-container .slider article span {
	color: #FFDC00;
}
.videos-container .slider .uk-slidenav {
	height: 170px;
	background-color: rgba(0, 53, 139, 0.5);
}
.mod.videos nav.to-socials > span {
	font-size: clamp(18px, calc(1.125rem + ((1vw - 3.75px) * 0.3883)), 24px);
	font-weight: 900;
	text-transform: uppercase;
	transform: translateY(3px);
}

/* roster */
.roster .player-number {
	font-size: clamp(80px, calc(5rem + ((1vw - 3.75px) * 1.0356)), 96px);
	font-weight: 900;
	font-style: italic;
	color: #FFDC00;
	text-align: center;
}
.roster h3 {
	line-height: 30px;
  	transform: translateY(-25px);
}
.roster h3 span {
	font-size: clamp(32px, calc(2rem + ((1vw - 3.75px) * 0.5178)), 40px);
	font-weight: 900;
	font-style: italic;
	color: #fff;
	text-align: center;
}
.roster dl {
	line-height: 24px;
}
.roster dt {
	text-align: right;
	font-size: 20px;
	font-weight: 400;
	font-style: italic;
}
.roster dd {
	font-size: 24px;
	font-weight: 700;
	font-style: italic;
	color: #FFDC00;
	text-transform: uppercase;
}

@media (1280px <= width) {
	.roster .player-number {
  		text-align: left;
  		transform: translateY(25px);
	}
	.roster h3 {
		line-height: 40px;
		transform: translateY(0px);
	}
	.roster h3 span {
		text-align: left;
	}
	.roster dl {
		line-height: 20px;
	}
}
@media (1280px <= width) {
	.roster .uk-tab {
		transform: translateY(40px);
	}

}

/* gallery */
.main-slider.gallery > .uk-container {
	transform: translateY(0);
	z-index: 2;
	position: relative;
}

/* MODS ON RIGHT!!! */
.mods.right-mods .moduletable  {
	width: 100%;
	margin-bottom: 40px;
}

.mods.right-mods .mod-tab.match-center {
	padding: 0;
}
.mods.right-mods .mod-tab.match-center::before, .mods.right-mods .mod-tab.match-center::after {
	background: none;
}
.mods.right-mods .mod-tab.match-center article {
	width: 100% !important;
}
.mods.right-mods .mod-tab.match-center article h4 {
	font-size: clamp(18px, calc(1.125rem + ((1vw - 3.75px) * 0.1294)), 20px);
}
.mods.right-mods .mod-tab.match-center article time {
	font-size: clamp(1rem, 0.9432rem + 0.2424vw, 1.125rem);
}

.right-mods h2 {
	font-weight: 900;
	font-style: italic;
	font-size: clamp(2.25rem, 1.9091rem + 1.4545vw, 3rem);
	color: #fff;
	text-transform: uppercase;
}
@media (1280px <= width) {
	.right-mods h2 {
		text-align: right;
		line-height: 1;
	}
}

.fp-banners {
  background:#fff;
}

.two-banners figure {
	margin: 5px;
}
.two-banners figure a img {
	transition: all 0.3s ease-in-out;
}
.two-banners figure a:hover img {
	transform: scale(1.02);
}

/* FOOTER */
#footer {
	padding: 50px 0 10px 0;
	background-color: rgba(0, 32, 85, 1);
}
#bottomlogo {
	width: 100%;
	max-width: 110px;
}

.box-socials li {
	width: 155px;
	height: 115px;
}
.box-socials .box {
	color: #fff;
	transition: all 0.3s ease-in-out;
}
.box-socials .box:hover {
	transform: scale(1.05);
}
.box-socials .box span:first-of-type {
	font-size: 9px;
	font-weight: 400;
}
.box-socials .box span:last-of-type {
	font-size: 11px;
	font-weight: 700;
}

.box-socials .fb-box {
	background-color: rgba(59, 89, 152, 1);
}
.box-socials .x-box {
	background-color: rgba(85, 172, 238, 1);
}
.box-socials .yt-box {
	background-color: rgba(187, 0, 0, 1);
}
.box-socials .insta-box {
	background: linear-gradient(239.1deg, #6559CA 0.2%, #BC318F 30.08%, #E33F5F 50%, #F77638 69.92%, #FEC66D 99.81%);
}
.box-socials .tt-box {
	background-color: rgba(0, 0, 0, 1);
}
.box-socials .sc-box {
	background-color: rgba(26, 207, 93, 1);
}

.last-line {
	gap: 10px;
}
.last-line > div:first-child span {
	font-size:9px;
	font-weight: 400;
}
.last-line nav a {
	font-size: 9px;
	font-weight: 800;
	color: rgba(255, 220, 0, 1);
	position: relative;
	margin: 0 7px 0 0;
}
.last-line nav a:after {
	content: "";
	position: absolute;
	top: 0;
	right: -4px;
	width: 1px;
	background-color: rgba(255, 220, 0, 1);
	height: 90%;
}
.last-line nav a:last-child:after {
	display: none;
}
.last-line div:last-child a {
	font-size: 9px;
	font-weight: 800;
	color: #fff;
}

/* MAIN MENU */
.main-menu .uk-navbar-dropdown .current a {
	text-decoration: line-through;
	color: #FFDC00;
} 

/* MOBILE MENU */
#menu-mobile h5 {
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}
#menu-mobile ul > .uk-parent {
	margin-bottom: 30px;
}
#menu-mobile .mod-menu__separator {
	display: block;
	font-size: 18px;
	text-align: right;
}
#menu-mobile .current a {
	text-decoration: line-through;
	color: #FFDC00;
}

/* CUSTOMS */
@media (1660px <= width) { 
	#mod-custom156 {
		margin-top: -100px;
	}
}