// Champion Listing page CSS

.wdm-list-wrap {
	height: 200px;
}

.wdm-com-access {
	text-align: center;
	margin: 5%;
}

.wdm-button-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 5vw 10vw 5vw 10vw;
}

.wdm-group-button {
	margin-right: 10%;
}

@media screen and (max-width: 770px) {
	.wdm-button-container {
		margin-top: 10vw;
	}
}

.champion-table-list {
	width: 90vw;
	margin-left: 5vw;
}

.wdm-modal-btn {
	cursor: pointer;
}

.wdm-modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.4);
}

/* Modal Content/Box */
.wdm-modal-content {
	background-color: #fefefe;
	border: 3px solid #E2DED2;
	margin: 13% 15vw;
	padding: 20px;
	width: 70vw;
	overflow-y: auto;
	max-height: 50%;
	position: fixed;
}

@media screen and (max-width: 770px) {
	.wdm-modal-content {
		margin: 25% 15vw;
	}
}

/* The Close Button */
.wdm-close {
	color: #aaa;
	margin-top: -1.5%;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.wdm-close:hover,
.wdm-close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.modal-data * {
	margin-bottom: 1%;
	font-size: 1.15rem;
	letter-spacing: 1px;
	font-family: "Montserrat",Arial,Helvetica,sans-serif;
	font-weight: 400;
}

.modal-data b {
	font-weight: 600;
	letter-spacing: normal;
}

.see-details {
	width: 1.2rem;
}

/* Social handles CSS */
.wdm-facebook {
	width: 1rem;
	margin-left: 10%;
	margin-right: 2%;
	cursor: pointer;
}

.wdm-instagram {
	width: 1rem;
	cursor: pointer;
}

.wdm-twitter {
	width: 1rem;
	margin-right: 2%;
	cursor: pointer;
}