.region {
	width: 95%;
	margin-left: 2%;
	margin-right: 1%;
	font-size: 0.4rem;
	
	border: 1px solid #dee2e6; /* Define border for the table */
	border-radius: 8px; /* Rounded corners */
	overflow: hidden; /* Ensures corners look smooth */
}

.region-table {
	width: 100%;
}

.region-table th {
	background-color: #f8f9fa; /* Light grey background for headers */
	text-transform: uppercase; /* Make headers uppercase */
	color: #6c757d; /* Subtle text color */
}

.region-table tbody tr:nth-child(even) {
    background-color: var(--bs-warning-bg-subtle);
}

.division-header {
	padding-top: 1em;
}

thead {
	border-bottom: 1px solid #dee2e6;
}

img { 
	max-width: 100%; 
	height: auto; 
}

/* Classes */

.mailing-city {
	padding-left: 1.5em;
}
.average {
	font-weight: bold;
	text-align: center;
}
.points {
	text-align: center;
}
.popover-numbers {
	text-align: left;
	font-family: var(--bs-font-monospace);
	padding-left: 1em;
}

.gotw-container {
	padding: 1rem;
    padding-left: 2rem;
    border: 0.1rem solid #dee2e6;
    width: 33%;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.gotw-header {
	font-weight: 700;
}

.sponsor-img {
	height: auto;
	object-fit: contain;
}

.sponsor-img {
	padding-right: 0.5rem;
    padding-left: 0.5rem;
}

/* IDs */

#unofficial {
	text-decoration: underline;
	font-weight: bold;
}
#notes {
	text-align: left;
}

p.reg-warn-text { font-size: 0.5rem; }

@media (min-width: 310px) {
	p.reg-warn-text { font-size:0.4rem; }
	table.region-table, table.top-od-table, h5.top-od-header, .gotw-container {
		font-size: 0.25rem;
	}
	.sponsor-img { max-width: 64px; max-height: 24px; }
@media (min-width: 370px) {
	p.reg-warn-text { font-size:0.4rem; }
	table.region-table, table.top-od-table, h5.top-od-header, .gotw-container {
		font-size: 0.3rem;
	}
	.sponsor-img { max-width: 64px; max-height: 24px; }
@media (min-width: 574px) {
	p.reg-warn-text { font-size:0.5rem; }
	table.region-table, table.top-od-table, h5.top-od-header, .gotw-container {
		font-size: 0.55rem;
	}
	.sponsor-img { max-width: 64px; max-height: 24px; }
@media (min-width: 768px) {
	p.reg-warn-text { font-size:0.6rem; }
	table.region-table, table.top-od-table, h5.top-od-header, .gotw-container {
		font-size: 0.7rem;
	}
	.sponsor-img { max-width: 64px; max-height: 24px; }
@media (min-width: 1100px) {
	p.reg-warn-text { font-size:0.7rem; }
	table.region-table, table.top-od-table, h5.top-od-header, .gotw-container {
		font-size: 1rem;
	}

	.division-header, .division-footer, .inset-footer { padding-left: 2em; }
	.sponsor-img { max-width: 128px; max-height: 48px; }
}