/* TOURNAMENT PAGE */
/* flip card animation */
.flip-card {
	position: relative;
	font-size: 6em;
	display: inline-flex;
	flex-direction: column;
	border-radius: .1em
}

.flip-card .top,
.flip-card .bottom,
.flip-card .top-flip,
.flip-card .bottom-flip {
	height: .75em;
	line-height: 1;
	padding: .25em;
	overflow: hidden;
	text-align: center;
    justify-content: center
}

.flip-card .top,
.flip-card .top-flip {
	border-top-right-radius: .1em;
	border-top-left-radius: .1em
}

.flip-card .bottom,
.flip-card .bottom-flip {
	display: flex;
	align-items: flex-end;
	border-bottom-right-radius: .1em;
	border-bottom-left-radius: .1em
}

.flip-card .top-flip {
	position: absolute;
	width: 100%;
	animation: flip-top 250ms ease-in;
	transform-origin: bottom
}

.flip-card .bottom-flip {
	position: absolute;
	bottom: 0;
	width: 100%;
	animation: flip-bottom 250ms ease-out 250ms;
	transform-origin: top;
	transform: rotateX(90deg)
}

@keyframes flip-top {
	100% {
		transform: rotateX(90deg)
  	}
}

@keyframes flip-bottom {
	100% {
		transform: rotateX(0deg)
	}
}
/* flip card animation */

/* tournament carousel */
.tournament-carousel-area {
	padding: 3rem 0
}

.tour-carousel-item {
	position: relative
}

.tour-carousel-item:after {
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.tour-carousel-item .main-content {
    position: absolute;
    width: 80%;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.tour-carousel-item .main-content .countdown-container {
	display: flex;
	gap: .5em;
	justify-content: center
}

.tour-carousel-item .main-content .countdown-container .container-segment .segment {
	display: flex;
	gap: .1em
}

.tour-carousel-item .main-content .countdown-container .container-segment .segment-title {
	margin-top: 5px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	z-index: 0
}

.tour-carousel-item .main-content .detailsBox {
	margin: 2rem 2rem 0
}

.tour-carousel-item .main-content .detailsBox hr {
    margin: 5px 0
}

.tour-carousel-item .main-content .detailsBox .main-title {
	position: relative;
	margin-bottom: 5px;
	padding: 0 0 0 10px;
    font-size: var(--TOUR1_BANNER_TITLE_FONT_SIZE);
    text-transform: uppercase
}

.tour-carousel-item .main-content .detailsBox .main-title:before {
	content: "";
	position: absolute;
	width: 3px;
	height: 80%;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

.tour-carousel-item .main-content .detailsBox .main-title .date {
	margin-left: 1rem;
	font-size: var(--TOUR1_BANNER_DATE_FONT_SIZE);
	font-weight: 300;
    text-transform: capitalize
}

.tour-carousel-item .main-content .detailsBox .title {
	font-size: 20px
}

.tour-carousel-item .main-content .detailsBox .desc .btn-moreInfo {
	margin-left: 1rem;
    font-style: italic;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
    transition: .3s
}
/* tournament carousel */

/* tournament list */
.tournament-list-area {
	padding: 3rem 0
}

.tour-list-section {
	position: relative;
	margin-bottom: 4rem
}

.tour-list-section:last-child {
	margin-bottom: 0
}

.tour-list-section .section-title {
	margin-bottom: 1rem;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px
}

.tour-list-section .tournament-box .owl-nav {
	position: absolute;
    width: fit-content;
    top: -4em;
    right: 0;
    border-radius: 5px;
    text-align: center
}

.tour-list-section .tournament-box .owl-nav button {
	position: relative;
    padding: 5px 15px !important;
    font-size: 16px !important;
    transition: .3s linear
}

.tour-list-section .tournament-box.d-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 15px
}

.tour-list-section .tournament-box .box-item {
	border-radius: 15px
}

.tour-list-section .tournament-box .box-item .img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 12.625rem;
    min-height: 12.625rem;
    overflow: hidden;
    border-radius: 0.1875rem 0.1875rem 0 0;
}

.tour-list-section .tournament-box .box-item .img img {
	width: 100%;
}

.tour-list-section .tournament-box .box-item .item-content {
	position: relative;
    z-index: 2;
    width: 100%;
    min-height: 145px;
    padding: 0.4375rem 0.75rem 0.625rem;
    border-radius: 3px;
}

.tour-list-section .tournament-box .box-item .item-content .line {
	position: absolute;
    z-index: 1;
    top: -0.3rem;
    left: 0;
    width: 100%;
    height: 0.4375rem;
}

.tour-list-section .tournament-box .box-item .item-content .date {
	margin: 0;
	font-size: 12px
}

.tour-list-section .tournament-box .box-item .item-content .title {
	position: relative;
    font-size: var(--TOUR1_CARD_TITLE_FONT_SIZE);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tour-list-section .tournament-box .box-item .item-content .title:before {
	content: "";
	position: absolute;
	width: 0.18rem;
    height: 1.875rem;
	top: 50%;
	left: -12px;
	transform: translateY(-50%)
}
/* tournament list */

/* ranking list */
.tournament-ranking-area {
    padding: 3rem 0
}

.tournament-ranking-area .tab-content>.active {
    margin-top: 1rem
}

.tournament-ranking-area .section-title {
	margin-bottom: 1rem;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px
}

.tour-rank-section {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px
}

.tour-rank-section .section-seperate {
	padding: 1rem;
    border-radius: 15px
}

.tour-rank-section .section-seperate .tour-type {
	margin-bottom: 1rem;
	font-size: 25px;
    letter-spacing: 1px;
    transform: skewX(-10deg);
    text-transform: uppercase
}

.tour-rank-section .section-seperate .tour-title {
	position: relative;
	margin-bottom: 1rem;
	padding: 0 0 0 10px;
	font-size: 1rem
}

.tour-rank-section .section-seperate .tour-title:before {
	content: "";
	position: absolute;
	width: 3px;
	height: 80%;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

.tour-rank-section .section-seperate .rank-list {
	height: 475px;
	overflow: hidden
}

.tour-rank-section .section-seperate .btn-moreInfo {
	float: right;
	margin-top: 10px;
}

.rank-list {
	position: relative;
	padding: 1rem 2rem;
    border-radius: 15px
}

.rank-list .list-item {
	position: relative;
    display: grid;
    grid-template-columns: 15% 40% 45%;
    margin: 1rem 0;
    padding: 1rem 2rem 1rem 1rem;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    clip-path: polygon(0% 0%, 94% 0%, 100% 50%, 94% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 94% 0%, 100% 50%, 94% 100%, 0% 100%)
}

.rank-list .list-item .index {
	position: relative;
	margin: auto 1rem;
    font-size: 25px
}

.rank-list .list-item:nth-child(1) .index,
.rank-list .list-item:nth-child(2) .index,
.rank-list .list-item:nth-child(3) .index {
	margin: 0;
	color: var(--tour1_RANK_LIST_ITEM_NTH_CHILD_INDEX_TXT);
	text-shadow: var(--tour1_RANK_LIST_ITEM_NTH_CHILD_INDEX_TEXT_SHADOW)
}

.rank-list .list-item .name {
	margin: auto 0
}

.rank-list .list-item .amount {
	margin: auto;
    font-size: 20px
}

.medal {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
	clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
	-webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}

.medal:before {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
	-webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}

.medal.medal-1 {
	background: var(--tour1_MEDAL_MEDAL_1_BG);
    text-shadow: var(--tour1_MEDAL_MEDAL_1_TEXT_SHADOW);
    box-shadow: var(--tour1_MEDAL_MEDAL_1_BOX_SHADOW);
}

.medal.medal-1:before {
	background: var(--tour1_MEDAL_MEDAL_1_BEFORE_BG)
}

.medal.medal-2 {
	background: var(--tour1_MEDAL_MEDAL_2_BG);
    text-shadow: var(--tour1_MEDAL_MEDAL_2_TEXT_SHADOW);
    box-shadow: var(--tour1_MEDAL_MEDAL_2_BOX_SHADOW)
}

.medal.medal-2:before {
	background: var(--tour1_MEDAL_MEDAL_2_BEFORE_BG);
}

.medal.medal-3 {
	background: var(--tour1_MEDAL_MEDAL_3_BG);
    text-shadow: var(--tour1_MEDAL_MEDAL_3_TEXT_SHADOW);
    box-shadow: var(--tour1_MEDAL_MEDAL_3_BOX_SHADOW);
}

.medal.medal-3:before {
	background: var(--tour1_MEDAL_MEDAL_3_BEFORE_BG);
}

.medal .medal-index {
    font-size: 20px;
	font-family: 'elemental_end';
	text-align: center;
	z-index: 1;
	color: var(--tour1_MEDAL_MEDAL_INDEX_TXT);
}
/* ranking list */

/* modal */
.tournamentModal hr {
	margin: 5px 0
}

.tournamentModal h3 {
	font-size: 1rem;
    text-align: center;
    text-transform: uppercase
}

.tournamentModal .info {
	margin-top: 1rem
}

.tournamentModal .info .date {
	margin: auto 0;
    font-size: 12px
}

.tournamentModal .info .title {
	position: relative;
	font-size: var(--TOUR1_MODAL_TITLE_FONT_SIZE);
}

.tournamentModal .info .btn-moreInfo {
	padding: 3px 10px;
	font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
	font-weight: var(--MED_FONT_WEIGHT);
    /* text-transform: uppercase; */
    border-radius: 5px;
    transition: .3s
}
.tournamentModal .modal-content {
	font-family: var(--SECONDARY_FONT_FAMILY);
}
.tournamentModal .content {
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 2px;
}

#tourinfomodal .img {
	text-align: center
}

#tourinfomodal .img img {
	width: 70%;
	border-radius: 5px
}

#tourinfomodal .content {
	max-height: 220px
}

#tourranklistmodal .info {
	margin-top: 0
}

#tourranklistmodal .content {
	max-height: 500px
}

#tourranklistmodal .rank-list {
	margin-top: 1rem
}
/* modal */
/* TOURNAMENT PAGE */

/* color css */
/* TOURNAMENT PAGE */
/* flip card animation */
.flip-card {
	box-shadow: var(--tour1_FLIP_CARD_BOX_SHADOW);
	color: var(--tour1_FLIP_CARD_TXT);
}

.flip-card .top,
.flip-card .bottom,
.flip-card .top-flip,
.flip-card .bottom-flip {
	 background: #000;
	/* background-color: var(--tour1_FLIP_CARD_TXT); */
}

.flip-card .top,
.flip-card .top-flip {
	border-bottom: var(--tour1_FLIP_CARD_TOP_TOP_FLIP_BORDER_BOTTOM);
}
/* flip card animation */

/* tournament carousel */
.tournament-carousel-area {
	background: var(--tour1_TOURNAMENT_CAROUSEL_BG)
}

.tour-carousel-item:after {
    background: var(--tour1_TOURNAMENT_CAROUSEl_AFTER);
}

.tour-carousel-item .main-content .countdown-container .container-segment .segment-title {
	text-shadow: var(-tour1_CAROUSEl_ITEM_MIN_CONTENT_SEGMENT_TITLE_TEXT_SHADOW);
    color: var(--tour1_CAROUSEL_ITEM_MIN_CONTENT_SEGMENT_TITLE_TEXT)
}

.tour-carousel-item .main-content .detailsBox {
	color: var(--tour1_CAROUSEL_ITEM_MAIN_CONTENT_DETAILS_BOX_TXT);
}

.tour-carousel-item .main-content .detailsBox .main-title {
    color: var(--tour1_CAROUSEL_ITEM_MAIN_CONTENT_DETAILS_BOX_MAIN_TITLE_TXT);
}

.tour-carousel-item .main-content .detailsBox .main-title:before {
	background: var(--tour1_CAROUSEL_ITEM_MAIN_CONTENT_DETAILS_BOX_MAIN_TITLE_BEFORE_BG);
}

.tour-carousel-item .main-content .detailsBox .desc .btn-moreInfo:hover {
	color: var(--tour1_CAROUSEL_ITEM_MAIN_CONTENT_DETAILS_BOX_DESC_BTN_MORE_INFO_HOVER_TXT);
}
/* tournament carousel */

/* tournament list */
.tournament-list-area {
	background: var(--tour1_TOURNAMENT_LIST_AREA_BG);
}

.tour-list-section .section-title {
    color: var(--tour1_TOUR_LIST_SECTION_SECTION_TITLE_TXT);
}

.tour-list-section .tournament-box .owl-nav {
    background: var(--tour1_TOUR_LIST_SECTION_TOURNAMENT_BOX_OWL_NAV_BG);
    border: var(--tour1_TOUR_LIST_SECTION_TOURNAMENT_BOX_OWL_NAV_BORDER);
}

.tour-list-section .tournament-box .owl-nav button {
    color: var(--tour1_TOUR_LIST_SECTION_TOURNAMENT_BOX_OWL_NAV_BUTTON_TXT);
}

.tour-list-section .tournament-box .owl-nav button:hover {
    color: var(--tour1_TOUR_LIST_SECTION_TOURNAMENT_BOX_OWL_NAV_BUTTON_HOVER_TXT);
}

.tour-list-section .tournament-box .box-item {
	background: var(--tour1_TOUR_LIST_SECTION_TOURNAMANT_BOX_ITEM_BG)
}

.tour-list-section .tournament-box .box-item .item-content {
    background: var(--tour1_TOUR_LIST_SECTION_TOURNAMENT_BOX_BOX_ITEM_CONTENT_BG);
}

.tour-list-section .tournament-box .box-item .item-content .line {
    background: var(--tour1_TOUR_LIST_SECTION_TOURNAMENT_BOX_ITEM_CONTENT_LINE_BG);
}

.tour-list-section .tournament-box .box-item .item-content .date {
	color: var(--tour1_TOUR_LIST_SECTION_TOURNAMENT_BOX_ITEM_CONTENT_DATE_TXT);
}

.tour-list-section .tournament-box .box-item .item-content .title {
    color: var(--tour1_TOUR_LIST_SECTION_TOURNAMENT_BOX_ITEM_CONTENT_TITLE_TXT);
}

.tour-list-section .tournament-box .box-item .item-content .title:before {
	background-image: var(--tour1_TOUR_LIST_SECTION_TOURNAMENT_BOX_ITEM_CONTENT_TITLE_BEFORE_BG);
    box-shadow: var(--tour1_TOUR_LIST_SECTION_TOURNAMENT_BOX_ITEM_CONTENT_TITLE_BEFORE_BOX_SHADOW);
}
/* tournament list */

/* ranking list */
.tour-rank-section ul li:hover {
    color: var(--tour1_TOUR_RANK_SECTION_UL_LI_HOVER_TXT);
    background: var(--tour1_TOUR_RANK_SECTION_UL_LI_HOVER_BG);
}

.nav-link.active {
    border-bottom: var(--tour1_TOUR_NAV_LINK_ACTIVE_BORDER_BOTTOM);
    color: var(--tour1_TOUR_NAV_LINK_ACTIVE_TXT);
}

.tournament-ranking-area {
    background: var(--tour1_TOURNAMENT_RANKING-AREA_BG);
}

.tournament-ranking-area .section-title {
    color: var(--tour1_TOURNAMENT_RANKING_AREA_SECTION_TITLE_TXT);
}

.tour-rank-section .section-seperate {
    border: var(--tour1_TOUR_RANK_SECTION_SEPERATE_BORDER);
}

.tour-rank-section .section-seperate .tour-type {
    color: var(--tour1_TOUR_RANK_SECTION_SEPERATE_TOUR_TYPE_TXT);
    text-shadow: var(--tour1_TOUR_RANK_SECTION_SEPERATE_TOUR_TYPE_TEXT_SHADOW);
}

.tour-rank-section .section-seperate .tour-title {
	color: var(--tour1_TOUR_RANK_SECTION_SEPERATE_TOUR_TITLE_TXT)
}

.tour-rank-section .section-seperate .tour-title:before {
	background: var(--tour1_TOUR_RANK_SECTION_SEPERATE_TOUR_TITLE_BEFORE_BG);
}

.rank-list {
    background: var(--tour1_RANK_LIST_BG)
}

.rank-list .list-item {
    background: var(--tour1_RANK_LIST_ITEM_BG);
    box-shadow: var(--tour1_RANK_LIST_ITEM_BOX_SHADOW);
}

.rank-list .list-item .index {
    color: var(--tour1_RANK_LIST_ITEM_INDEX_TXT);
    text-shadow: var(--tour1_RANK_LIST_ITEM_INDEX_TEXT_SHADOW);
}

.rank-list .list-item .name {
    color: var(--tour1_RANK_LIST_ITEM_NAME_TXT);
}

.rank-list .list-item .amount {
    color: var(--tour1_RANK_LIST_ITEM_AMOUNT_TXT);
}
/* ranking list */

/* modal */
 .tournamentModal h3 {
	color: var(--tour1_TOURNAMENT_MODAL_H3_TXT);
    text-shadow: var(--tour1_TOURNAMENT_MODAL_H3_TEXT_SHADOW);
}

.tournamentModal .info {
	color: var(--tour1_TOURNAMENT_MODAL_INFO_TXT)
}

.tournamentModal .info .date {
    color: var(--tour1_TOURNAMENT_MODAL_INFO_DATE_TXT)
}

.tournamentModal .info .title {
    color: var(--tour1_TOURNAMENT_MODAL_INFO_TITLE_TXT);
}

.tournamentModal .content {
	color: var(--tour1_TOURNAMENT_MODAL_INFO_CONTENT_TXT);
}

 #tourinfomodal .content p {
 	color: var(--tour1_TOURNAMENT_MODAL_INFO_CONTENT_P_TXT); 
 }
/* modal */
/* TOURNAMENT PAGE */