MULTISPORT & ENDURANCE COMMUNITY
MID MARYLAND TRIATHLON CLUB
Go Farther. Together.
Thanks to everyone that completed member survey!
WHO WE ARE
Mid Maryland Triathlon Club (MMTC) was created with the vision of bringing together a community of like-minded individuals who enjoyed swimming, biking, running, and other endurance sports. The club’s foundation is rooted in empowering members of all backgrounds and fitness levels to become healthier versions of themselves through the challenge of endurance sports.
MMTC is a USAT-sanctioned, 501(c)(3)* non-profit club supported by approximately 200 dues-paying members. Annual dues cover the cost of club events, race support, clinics/workouts, and a variety of discounts and benefits.
The club runs a Mentor program as well as a Beginner Triathlete Program to guide those just starting out to a fun and successful first triathlon.
If you are not already a member, check us out! We would love to have you attend one of our upcoming events.
*Contributions or donations to the club are NOT tax deductible.
CONTACT US
/* === MMTC EVENTS STYLING (Controlled in Editor) === */
/* 1. RESET: Ensure no extra padding disrupts the layout */
.mmtc-club-events-widget {
margin: 0;
padding: 0;
}
/* 2. CARD DESIGN: The "Dark Grey" Look */
.mmtc-event-item {
display: flex;
align-items: center;
gap: 15px;
background-color: #1e1e1e; /* Card Background */
border: 1px solid #333; /* Subtle Border */
border-radius: 6px;
padding: 15px 20px;
margin-bottom: 12px;
transition: all 0.2s ease-in-out;
}
/* 3. HOVER EFFECT: Gold Glow */
.mmtc-event-item:hover {
transform: translateY(-3px);
border-color: #FFD700;
}
/* 4. DATE BOX: The "Gold Square" */
.event-date-box {
background-color: #FFD700; /* Maryland Gold */
color: #000000; /* Black Text */
width: 55px;
height: 55px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 4px;
line-height: 1;
flex-shrink: 0; /* Prevents squishing on mobile */
}
.event-month {
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
font-family: 'Oswald', sans-serif; /* Uses Global Font */
}
.event-day {
font-size: 24px;
font-weight: 700;
font-family: 'Oswald', sans-serif;
}
/* 5. TEXT HIERARCHY */
.event-title {
margin: 0 0 4px 0;
padding: 0;
line-height: 1.2;
}
.event-title a {
color: #ffffff;
font-family: 'Oswald', sans-serif;
font-size: 18px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.5px;
}
.event-title a:hover {
color: #FFD700;
}
.event-meta {
font-size: 14px;
color: #bbbbbb; /* Light Grey for secondary text */
font-family: 'Open Sans', sans-serif;
}
/* 6. BUTTON: View All */
.mmtc-events-footer {
text-align: center;
margin-top: 25px;
}
.btn-view-all-events {
color: #ffffff;
border: 1px solid #ffffff;
padding: 10px 20px;
border-radius: 4px;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
text-decoration: none;
font-size: 14px;
transition: 0.3s;
}
.btn-view-all-events:hover {
background-color: #FFD700;
border-color: #FFD700;
color: #000;
}
/* === CONTACT FORM 7 DARK MODE STYLES === */
/* 1. Style the Input Fields (Name, Email, Message) */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
background-color: #1e1e1e !important; /* Dark Grey Card Color */
color: #ffffff !important; /* White Text */
border: 1px solid #333 !important; /* Subtle Border */
padding: 15px !important;
border-radius: 4px !important;
width: 100% !important;
font-family: 'Open Sans', sans-serif !important;
margin-bottom: 15px !important;
}
/* 2. Style the Labels */
.wpcf7 label {
color: #cccccc !important; /* Light Grey Labels */
font-family: 'Oswald', sans-serif !important;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
}
/* 3. Style the "Submit" Button */
.wpcf7 input[type="submit"] {
background-color: #FFD700 !important; /* Maryland Gold */
color: #000000 !important; /* Black Text */
border: none !important;
padding: 12px 30px !important;
text-transform: uppercase !important;
font-weight: bold !important;
font-family: 'Oswald', sans-serif !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
width: auto !important; /* Don't stretch full width */
display: block;
margin: 0 auto; /* Center the button */
}
/* 4. Button Hover Effect */
.wpcf7 input[type="submit"]:hover {
background-color: #ffffff !important; /* White on Hover */
color: #000000 !important;
transform: translateY(-2px);
}