:root {
	--blue: #001c47;
	--blue2: #00132f;
	--red: #d92127;
	--gold: #cca32d;
	--background: #f4f4f4;
	--gray: #bbbbbb;
	--gray2: #dddddd;
	--gray3: #575757;
}

.accordion-item {
	margin-bottom: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.accordion-body {
	padding-top: 0 !important;
}

.accordion {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:focus {
	outline: none !important;
	box-shadow: none;
}

.accordion-item:first-of-type {
	border-top-left-radius: none !important
}

.masculino .accordion-button {
	font-size: 1.2rem;
	background-color: var(--blue) !important;
	color: white !important;
	text-transform: capitalize;
	border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-ms-border-radius: 10px !important;
	-o-border-radius: 10px !important;
}

.femenino .accordion-button:not(.collapsed) {
	background-color: var(--red) !important;
	color: white !important;
}

.femenino .accordion-button {
	font-size: 1.2rem;
	background-color: var(--red) !important;
	border-radius: 10px !important;
	color: white !important;
	text-transform: capitalize;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-ms-border-radius: 10px !important;
	-o-border-radius: 10px !important;
}

.fixture-cards-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.fixture-day-card {
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	padding: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.masculino .fixture-card-header {
	background-color: white;
	color: #fff;
	border-radius: 8px;
}

.femenino .fixture-card-header {
	background-color: white;
	color: #fff;
	border-radius: 8px;
}

.fixture-date-title {
	margin: 0;
	font-size: 1.2rem;
	text-transform: capitalize;
}

.fixture-matches-list {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-top: 10px;
}

.fixture-match-row {
	display: flex;
	flex-direction: column;
	padding: 10px;
	border-bottom: 1px solid var(--gray);
}


.fixture-match-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.fixture-teams {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	font-weight: bold;
}

.fixture-team {
	display: flex;
	align-items: center;
	gap: 5px;
	color: var(--gray3);
	/* Team names in blue */
}

.fixture-team-logo {
	width: 32px;
	/* Set a fixed width and height */
	height: 32px;
	object-fit: contain;
	align-items: center;
	display: flex;
}

.fixture-score-container {
	background-color: var(--gray2);
	/* Use gray background for score */
	padding: 0 5px;
	border-radius: 5px;
}

.fixture-score {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.1rem;
	/* Adjust font size */
	font-weight: bold;
	color: #fff;
	/* White text for score */
	padding: 5px 10px;
	gap: 5px
}

.masculino .score-ended {
	background-color: var(--blue);
}

.femenino .score-ended {
	background-color: var(--red);
}

.fixture-match-status {
	font-size: 14px;
	margin-bottom: 0.5rem;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: space-between;
}

.masculino .fixture-video-link {
	background-color: var(--red);
	color: #fff !important;
	padding: 2px 10px;
	border-radius: 5px;
	text-decoration: none;
}

.femenino .fixture-video-link {
	background-color: var(--blue);
	color: #fff !important;
	padding: 2px 10px;
	border-radius: 5px;
	text-decoration: none;
}

.femenino .fixture-video-link:hover {
	background-color: var(--red);
}

.masculino .fixture-video-link:hover {
	background-color: var(--blue);
}

.end-match {
	display: flex;
	gap: 5px
}

.fixture-match-details {
	text-align: right;
	font-size: 0.9rem;
}

/* Responsive Design */
@media (max-width: 768px) {
	.fixture-day-card {
		padding: 10px;
	}

	.fixture-date-title {
		font-size: 18px;
	}

	.fixture-match-status {
		font-size: 12px;
	}

	.fixture-teams {
		font-size: 14px;
	}

	.fixture-team span {
		font-size: 18px !important;
	}

	.fixture-match-details {
		width: 100%;
		font-size: 13px;
	}
}


.ball {
	border-radius: 50%;
	animation: bounce 4s infinite cubic-bezier(0.28, 0.84, 0.42, 1);
	/*transform: translateX(-50%);
	-webkit-animation: bounce 4s infinite cubic-bezier(0.28, 0.84, 0.42, 1);
	*/
}

@keyframes bounce {
	0%, 100%, 10%, 90%, 40%, 60% {
		opacity: 1;
	}

	25%, 75% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}