.event-title {
		color: #002395; /* Matches header background */
		font-family: 'Arial', sans-serif; /* Clean, professional font */
		font-size: 1.2rem; /* Slightly larger for emphasis */
		font-weight: bold;
		text-align: center; /* Center the title */
		/*margin-left: 100px;*/
		margin-top: 20px;
	}
.event-container {
		min-height:700px;
		display: flex;
		justify-content: space-between;
	}
.event-container .left, .event-container .right {
	width: 25%;
/*	border: 1px solid #000;*/ /* Add border */
}
.event-container .center {
	width: 50%;
	border: 1px solid #000; /* Add border */
}
.event-title {
	text-align: center;
	font-size: 2em;
	margin-bottom: 20px;
}
.left-container {
	display: flex;
	flex-direction: column;
	align-items: flex-end; /* Aligns items to the right */
	
}

table {
	align-self: flex-end; /* Ensures the table aligns to the right */
}

p {
    clear: both; /* This will ensure the paragraph sits below the floated elements */
	text-align: justify; 
	/* font-size: small; */
	margin-right: 60px;
}

.left-table {
	width: 90%;
	border-collapse: collapse;
	font-size: 14px; /* Increase base font size */
	margin-top: 5px; /* Increase top margin */
	background-color: #FFFFCC; /* Background color */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for modern look */
}

.left-table th, .left-table td {
	padding: 15px 20px; /* Increase padding for more space */
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #e0e0e0; /* Light border for rows */
}

.left-title {
	color: #002395; /* Matches header background */
	font-family: 'Arial', sans-serif; /* Clean, professional font */
	font-size: 24px; /* Slightly larger for emphasis */
	font-weight: bold;
	text-align: right; /* Center the title */
	margin-top: 20px;
	margin-right: 100px;
}

	.squad-list{
	color: #002395; /* Matches header background */	
	text-align: right; /* Center the title */
	margin-top: 20px;
	margin-right: 200px;
	align-self: flex-end;
}

.toggle-button {
cursor: pointer;
/* Add more styles if needed */
}

.toggle-title {
	text-align: left;
	/* Add more styles if needed */
}

.squadList {
	display: none; /* Initially hide the squad list */
}


.right-container {
	display: flex;
	flex-direction: column;
	align-items: flex-end; /* Aligns items to the right */
}



.right-table {
	width: 80%;
	border-collapse: collapse;
	font-size: 14px; /* Increase base font size */
	margin-top: 20px; /* Increase top margin */
	background-color: #FFFFCC; /* Background color */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for modern look */
}

.right-table th, .right-table td {
	padding: 10px 20px; /* Increase padding for more space */
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #e0e0e0; /* Light border for rows */
}

.right-title {
	color: #002395; /* Matches header background */
	font-family: 'Arial', sans-serif; /* Clean, professional font */
	font-size: 24px; /* Slightly larger for emphasis */
	font-weight: bold;
	text-align: left; /* Center the title */
	margin-top: 20px;
	margin-left: 25px;
}

.right-title-bbq {
	color: #002395; /* Matches header background */
	font-family: 'Arial', sans-serif; /* Clean, professional font */
	font-size: 20px; /* Slightly larger for emphasis */
	font-weight: bold;
	text-align: left; /* Center the title */
	margin-top: 100px;
	margin-left: 25px;
}




    .table-center {
        display: flex;
        justify-content: center;
       /* margin-top: 20px;*/
		vertical-align: middle;
		border-bottom: 1px solid #e0e0e0; /* Light border for rows */
		font-family: 'Arial', sans-serif; /* Clean, professional font */
		font-size: 12px; /* Slightly larger for emphasis */
    }

    .center-table {
        width: 100%;
        border-collapse: collapse;
    }

    .center-table th, .center-table td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: center;
    }

    .center-table th {
        background-color: #f2f2f2;
        color: black;
    }

    .center-table tr:nth-child(even) {
        background-color: #f9f9f9;
    }

    .center-table tr:hover {
        background-color: #ddd;
    }

    .table-title {
 color: #002395; /* Matches header background */
	font-family: 'Arial', sans-serif; /* Clean, professional font */
	font-size: 18px; /* Slightly larger for emphasis */
	font-weight: bold;
	text-align: L; /* Center the title */
	margin-top: 20px;
	margin-right: 100px;
   
    }

 .tourn-result-date {
	color: #002395; /* Matches header background */
	font-family: 'Arial', sans-serif; /* Clean, professional font */
	font-size: 20px; /* Slightly larger for emphasis */
	font-weight: bold;
	text-align: center; /* Center the title */
	/*margin-top: 20px;*/
	margin-left: 0px;
}
    
.current-time {
	font-family: 'Arial', sans-serif; /* Clean, professional font */
	font-size: 12px; /* Slightly larger for emphasis */
	text-align:center; 
	margin-bottom:20px;

}