/* Global body styles */
body {
font-family: 'Inter', Tahoma, Geneva, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f9fafb; /* Light gray background for the page */
}
/*
IMPORTANT: The large padding-top has been removed.
If your site's main header/banner is NOT fixed or sticky,
a large padding-top here will create unwanted white space.
A small default padding is applied instead.
If your content is still obscured, the header elements ARE fixed,
and the previous 180px (or a similar measured value) was likely correct,
indicating a different issue or caching.
*/
body#cbcontent {
padding-top: 20px; /* Reduced from 180px - assuming header is not fixed */
height: auto;
min-height: 270px;
}
/* Styles for the older, non-Tailwind content section */
.mvgsa-main-content {
background-color: #FFFFFF;
padding: 20px 0;
font-family: Tahoma, Geneva, sans-serif; /* Original font for this section */
color: #000000;
}
.row.clearfix {
max-width: 900px;
margin: 0 auto;
}
.column.full {
width: 100%;
float: left; /* Original layout used float */
padding: 0 15px;
box-sizing: border-box;
}
.column.half {
width: 50%;
float: left; /* Original layout used float */
padding: 0 15px;
box-sizing: border-box;
}
.clearfix::after { /* To clear floats */
content: "";
clear: both;
display: table;
}
.mvgsa-main-content h1, .mvgsa-main-content h2 {
font-family: 'Superclarendon', 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;
color: #0EBAC7; /* League's lighter teal */
}
.mvgsa-main-content .button-link {
display: block;
text-decoration: none;
color: #FFFFFF;
font-size: 1.1em;
font-weight: bold;
padding: 12px 20px;
border-radius: 25px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0 auto;
max-width:300px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.mvgsa-main-content .button-link-teal {
background-color: #0EBAC7; /* League's lighter teal */
}
.mvgsa-main-content .button-link-darkteal {
background-color: #008B94; /* League's darker teal */
}
/* Responsive adjustments for original floated columns */
@media (max-width: 768px) {
.column.half {
width: 100%;
float: none;
margin-bottom: 10px; /* Add space between stacked columns */
}
.column.half:last-child {
margin-bottom: 0;
}
}