@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap");
.entry-thumbnail {
display: none;
}
h1, h2, h3 {
font-family: 'Fraunces', serif!important;
}
#post-1571 > section > div {
display: none;
}
.slm-rn-full{display:inline}
.slm-rn-short{display:none}
.slm-mvp-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid #c8d9ee;}
.slm-mvp-home,.slm-mvp-away{font-size:.82em;color:#374151;}
.slm-mvp-away{text-align:right;}
@media(max-width:480px){.slm-rn-full{display:none}.slm-rn-short{display:inline}
.slm-sc{font-size:1.05em!important;padding:5px 9px!important;min-width:32px!important}
.slm-sd{padding:5px 5px!important;font-size:.8em!important}
.slm-mvp-away{text-align:left;}}  .top-header,
.top-header.stuck,
.top-header.sticky {
background: rgba(255,255,255,0.97) !important;
background-color: rgba(255,255,255,0.97) !important;
background-image: none !important;
border-bottom: 1px solid #e2ddd8 !important;
height: 56px !important;
box-shadow: none !important;
} .header-elements {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
height: 56px !important;
min-height: 56px !important;
padding: 0 48px !important;
} #logo.site-logo {
float: none !important; margin: 0 !important;
padding: 0 !important;
height: 56px !important;
display: flex !important;
align-items: center !important;
}
#logo.site-logo a {
display: flex !important;
align-items: center !important;
height: 56px !important;
}
#logo .main_logo {
max-height: 36px !important;
width: auto !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
position: static !important;
top: auto !important;
transform: none !important;
}
#logo .sticky_logo {
display: none !important;
} .header-right {
float: none !important;
display: flex !important;
align-items: center !important;
height: 56px !important;
}
.header-right > nav {
float: none !important;
position: static !important;
} ul#navigation.menu {
display: flex !important;
align-items: center !important;
gap: 28px !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
height: 56px !important;
}
ul#navigation.menu > li {
float: none !important;
display: flex !important;
align-items: center !important;
height: 56px !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
}
ul#navigation.menu > li > a {
font-family: 'DM Sans', sans-serif !important;
font-size: 13.5px !important;
font-weight: 500 !important;
color: #4a4540 !important;
text-decoration: none !important;
padding: 0 !important;
line-height: 56px !important;
background: none !important;
border: none !important;
}
ul#navigation.menu > li > a > span {
color: #4a4540 !important;
font-family: 'DM Sans', sans-serif !important;
font-size: 13.5px !important;
font-weight: 500 !important;
padding: 0 !important;
}
ul#navigation.menu > li > a:hover,
ul#navigation.menu > li.current-menu-item > a,
ul#navigation.menu > li.current-menu-ancestor > a {
color: #1662b9 !important;
background: none !important;
}
ul#navigation.menu > li > a:hover > span,
ul#navigation.menu > li.current-menu-item > a > span,
ul#navigation.menu > li.current-menu-ancestor > a > span {
color: #1662b9 !important;
} ul#navigation.menu > li.menu-item-has-children > a::after {
content: ' \25BE' !important;
font-size: 11px !important;
color: #4a4540 !important;
} ul#navigation.menu > li > ul.sub-menu {
display: none;
position: absolute !important;
top: 56px !important;
left: 0 !important;
background: #ffffff !important;
border: 0.5px solid rgba(0,0,0,0.12) !important;
border-top: 2px solid #2a6db5 !important;
border-radius: 0 0 6px 6px !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
min-width: 200px !important;
padding: 0 !important;
list-style: none !important;
margin: 0 !important;
z-index: 300 !important;
}
ul#navigation.menu > li:hover > ul.sub-menu { display: block !important; }
ul#navigation.menu > li > ul.sub-menu > li {
float: none !important;
margin: 0 !important;
padding: 0 !important;
border-bottom: 0.5px solid rgba(0,0,0,0.08) !important;
}
ul#navigation.menu > li > ul.sub-menu > li:last-child {
border-bottom: none !important;
}
ul#navigation.menu > li > ul.sub-menu > li > a {
display: block !important;
padding: 10px 20px !important;
font-size: 13px !important;
font-weight: 500 !important;
color: #2c2c2a !important;
background: none !important;
border-left: none !important;
white-space: nowrap !important;
text-decoration: none !important;
line-height: normal !important;
}
ul#navigation.menu > li > ul.sub-menu > li > a > span {
color: #2c2c2a !important;
padding: 0 !important;
line-height: normal !important;
}
ul#navigation.menu > li > ul.sub-menu > li > a:hover {
color: #2a6db5 !important;
background: #f5f5f4 !important;
border-left: none !important;
}
ul#navigation.menu > li > ul.sub-menu > li > a:hover > span {
color: #2a6db5 !important;
} body.page-template-page-lsa-home-php .mobile-menu-button { display: none; }  .header-elements .mobile-menu-button {
position: absolute !important;
left: auto !important;
right: 15px !important;
} .mobile-nav .sub-menu { display: block !important; } .mobile-nav li.menu-item-has-children > a[href="#"],
.mobile-nav li.menu-item-has-children > a:not([href]) {
pointer-events: none;
cursor: default;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #aaa !important;
} .mobile-nav li[data-depth="1"] > a { padding-left: 16px !important; }
.mobile-nav li[data-depth="2"] > a { padding-left: 28px !important; font-size: 14px !important; color: #888 !important; } ul#navigation.menu > li.menu-cta {
padding: 0 0 0 12px !important;
}
ul#navigation.menu > li.menu-cta > a {
background: #1662b9 !important;
color: #fff !important;
padding: 7px 16px !important;
border-radius: 6px !important;
font-weight: 600 !important;
line-height: normal !important;
height: auto !important;
display: inline-flex !important;
align-items: center !important;
}
ul#navigation.menu > li.menu-cta > a > span {
color: #fff !important;
font-weight: 600 !important;
padding: 0 !important;
line-height: normal !important;
}
ul#navigation.menu > li.menu-cta > a:hover {
background: #0f4a8a !important;
color: #fff !important;
}
ul#navigation.menu > li.menu-cta > a:hover > span {
color: #fff !important;
}  .lsa-footer-teams {
background: #f9f8f6;
padding: 36px 20px;
border-top: 1px solid #e2ddd8;
}
.lsa-footer-inner {
max-width: 1200px;
margin: 0 auto;
}
.lsa-footer-label {
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #1662b9;
margin-bottom: 4px;
}
.lsa-footer-h2 {
font-family: 'Fraunces', serif !important;
font-size: 26px;
font-weight: 700;
line-height: 1.15;
margin-bottom: 20px;
letter-spacing: -0.01em;
color: #1a1814;
}
.lsa-teams-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.lsa-team-card {
background: #fff;
border: 1px solid #e2ddd8;
border-radius: 10px;
overflow: hidden;
text-decoration: none;
color: #1a1814;
display: block;
}
.lsa-team-photo {
height: 140px;
overflow: hidden;
background: #2a3a4a;
}
.lsa-team-photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.lsa-team-tag {
padding: 8px 10px;
font-size: 12px;
font-weight: 600;
text-align: center;
border-top: 1px solid #e2ddd8;
} .lsa-footer-join {
position: relative;
overflow: hidden;
min-height: 260px;
display: flex;
align-items: flex-end;
}
.lsa-footer-join-bg {
position: absolute;
inset: 0;
background: #1a2a3a url(https://leedssoftball.co.uk/wp-content/uploads/2025/07/IMG_3439.jpeg) center / cover no-repeat;
}
.lsa-footer-join-bg::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(8,16,40,0.95) 0%, rgba(8,16,40,0.6) 60%, rgba(8,16,40,0.2) 100%);
}
.lsa-footer-join-inner {
position: relative;
z-index: 2;
padding: 32px 20px;
}
.lsa-footer-join-h2 {
font-family: 'Fraunces', serif !important;
font-size: 32px;
font-weight: 700;
line-height: 1.1;
color: #fff;
margin-bottom: 10px;
letter-spacing: -0.02em;
}
.lsa-footer-join-h2 em {
font-style: italic;
color: #7ab8ff;
}
.lsa-footer-join-sub {
font-size: 14px;
color: rgba(255,255,255,0.78);
margin-bottom: 22px;
line-height: 1.6;
}
.lsa-footer-btns {
display: flex;
gap: 10px;
flex-wrap: wrap;
} .lsa-footer-nudge {
background: #1662b9;
padding: 20px;
}
.lsa-footer-nudge-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.lsa-footer-nudge-copy {
font-size: 14px;
color: rgba(255,255,255,0.9);
line-height: 1.5;
}
.lsa-footer-nudge-copy strong {
color: #fff;
} .lsa-btn-blue {
background: #1662b9;
color: #fff;
padding: 12px 20px;
border-radius: 7px;
text-decoration: none;
font-weight: 600;
font-size: 14px;
display: inline-block;
white-space: nowrap;
}
.lsa-btn-blue:hover {
background: #0f4a8a;
color: #fff;
text-decoration: none;
}
.lsa-footer-nudge .lsa-btn-blue {
background: #fff;
color: #1662b9;
}
.lsa-footer-nudge .lsa-btn-blue:hover {
background: #e8f1fb;
color: #1662b9;
}
.lsa-btn-ghost {
background: rgba(255,255,255,0.12);
color: #fff;
padding: 12px 20px;
border-radius: 7px;
border: 1px solid rgba(255,255,255,0.35);
text-decoration: none;
font-weight: 500;
font-size: 14px;
display: inline-block;
white-space: nowrap;
}
.lsa-btn-ghost:hover {
background: rgba(255,255,255,0.2);
color: #fff;
text-decoration: none;
} .lsa-footer-strip {
background: #f9f8f6;
padding: 20px;
border-top: 1px solid #e2ddd8;
}
.lsa-footer-strip p {
font-size: 12px;
color: #7a7470;
margin-bottom: 8px;
}
.lsa-footer-links {
display: flex;
flex-wrap: wrap;
gap: 8px 20px;
list-style: none;
padding: 0;
margin: 0;
}
.lsa-footer-links a {
font-size: 12px;
color: #7a7470;
text-decoration: none;
}
.lsa-footer-links a:hover {
color: #1662b9;
} @media (min-width: 640px) {
.lsa-footer-teams { padding: 40px 32px; }
.lsa-footer-join-inner { padding: 40px 32px; }
.lsa-footer-nudge { padding: 20px 32px; }
.lsa-footer-strip { padding: 20px 32px; }
.lsa-teams-grid { grid-template-columns: repeat(3, 1fr); }
.lsa-team-photo { height: 150px; }
.lsa-footer-join { min-height: 280px; }
.lsa-footer-join-h2 { font-size: 36px; }
} @media (min-width: 900px) {
.lsa-footer-teams { padding: 52px 48px; }
.lsa-footer-inner { max-width: none; }
.lsa-footer-h2 { font-size: 28px; }
.lsa-teams-grid { grid-template-columns: repeat(6, 1fr); }
.lsa-team-photo { height: 150px; }
.lsa-footer-join { min-height: 300px; align-items: center; }
.lsa-footer-join-bg::after {
background: linear-gradient(90deg, rgba(8,16,40,0.92) 40%, rgba(8,16,40,0.3) 100%);
}
.lsa-footer-join-inner { max-width: 520px; padding: 64px 48px; }
.lsa-footer-join-h2 { font-size: 40px; }
.lsa-footer-nudge { padding: 24px 48px; }
.lsa-footer-nudge-copy { font-size: 15px; }
.lsa-footer-strip {
padding: 20px 48px;
display: flex;
align-items: center;
justify-content: space-between;
}
.lsa-footer-strip p { margin-bottom: 0; }
.lsa-footer-links { flex-wrap: nowrap; gap: 20px; }
}