body {
font-family: "ff-tisa-web-pro", "TisaPro-Regular", Georgia, serif;
font-size: 1rem;
line-height: 1.4;
color: #494949;
margin: 0;
background-color: #fff;
}
html:not(.index) .main-content-placeholder {
max-width: 1464px;
padding: 24px 36px;
margin-left: auto;
margin-right: auto;
}
html:not(.index).sport .main-content-placeholder {
padding-top: 170px;
}
h1 {
display: block;
font-size: 2rem;
margin: 16px;
font-weight: bold;
unicode-bidi: isolate;
}
h2 {
font-size: 2rem;
margin: 1rem 0;
}
.sidearm-table th:nth-child(1),
.sidearm-table td:nth-child(1) {
width: 25%;
}
.sidearm-table th:nth-child(2),
.sidearm-table td:nth-child(2) {
width: 25%;
}
.leader-sub-tab-panel .sidearm-table td:nth-child(2) {
font-weight: bold;
}
/* TAB STRIP BACKGROUND + BOTTOM BORDER */
.sidearm-tabs.sidearm-tabs-main > ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
white-space: nowrap;
background-color: #e0e0e0; /* light gray */
border-bottom: 2px solid black;
}
/* TAB ITEM */
.sidearm-tabs > ul > li {
display: inline-block;
height: 40px;
line-height: 40px;
text-align: center;
}
/* TAB LINK STYLING */
.sidearm-tabs > ul > li > a {
color: #494949;
text-decoration: none;
display: block;
padding: 0 20px;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
transition: font-weight 0.2s ease;
}
/* HOVER EFFECT */
.sidearm-tabs > ul > li > a:hover {
color: black;
}
/* ACTIVE TAB BACKGROUND AND TEXT COLOR */
.sidearm-tabs.sidearm-tabs-main > ul > li.ui-state-active {
background-color: #024; /* blue background */
}
/* RESPONSIVE SUPPORT */
@media screen and (min-width: 540px) {
.sidearm-tabs-overflow.collapse-on-medium .sidearm-tabs > ul {
position: static !important;
display: block;
white-space: normal;
text-align: center;
}
}
.sub-heading {
font-weight: bold;
font-size: 1.4em;
line-height: 2;
border-bottom: 5px solid #262628;
margin: 10px 0;
}
h4 {
display: block;
margin-block-start: 1.33em;
margin-block-end: 1.33em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
unicode-bidi: isolate;
}
/* Responsive support */
@media screen and (min-width: 540px) {
.sidearm-tabs-overflow.collapse-on-medium .sidearm-tabs > ul {
position: static !important;
display: block;
white-space: normal;
text-align: center;
}
}
/* Active tab: blue background with white text */
.sidearm-tabs.sidearm-tabs-main > ul > li.ui-state-active {
background-color: #024; /* Blue background */
}
.sidearm-tabs.sidearm-tabs-main > ul > li.ui-state-active > a {
color: #fff; /* White text */
font-weight: bold;
}
/* Global tab strip styling */
.sidearm-tabs > ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
white-space: nowrap;
background-color: #e0e0e0; /* Grey strip */
border-bottom: 2px solid black; /* Thin black line */
}
/* Individual tab items */
.sidearm-tabs > ul > li {
display: inline-block;
height: 40px;
line-height: 40px;
text-align: center;
}
/* Tab links */
.sidearm-tabs > ul > li > a {
color: #494949;
text-decoration: none;
cursor: pointer;
display: block;
padding: 0 20px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
transition: font-weight 0.2s ease, color 0.2s ease;
}
/* Active tab - Blue background with white text */
.sidearm-tabs > ul > li.ui-state-active {
background-color: #f0f0f0;
}
.sidearm-tabs > ul > li.ui-state-active > a {
color: #494949;
font-weight: bold;
}
.sidearm-table thead.sidearm-primary th {
background-color: #024;
color: #fff;
}
.sidearm-table{
font-size: 12px;
}
.player {
font-weight: bold;
color: #262628;
cursor: default;
}
@media screen and (min-width: 768px) {
.sidearm-table.collapse-on-medium {
display: table;
display: table;
}
}
.sidearm-table[sortable-table], .sidearm-table.sortable-table {
width: 100% !important;
}
table {
text-indent: initial;
unicode-bidi: isolate;
border-spacing: 2px;
border-color: gray;
}
thead {
display: table-header-group;
vertical-align: middle;
unicode-bidi: isolate;
border-color: inherit;
}
.sidearm-table tbody tr {
border-top: 1px solid #ccc;
background: none;
}
.sidearm-cume-stats tr, .sidearm-cume-stats td {
font-size: 11px;
}
@media screen and (min-width: 768px) {
.sidearm-table.collapse-on-medium tbody {
display: table-row-group;
}}
tbody {
display: table-row-group;
vertical-align: middle;
unicode-bidi: isolate;
border-color: inherit;
}
.sidearm-table tbody tr td {
border: 1px solid #ccc;
padding: 8px;
}
.sidearm-table th {
border: 1px solid #ccc;
padding: 8px;
text-align: center;
}
.sidearm-table thead.sidearm-primary th {
background-color: #024;
color: #fff;
border: 1px solid #024;
padding: 8px;
}
/* Apply border to table cells but remove outer left/right borders */
.sidearm-table {
border-collapse: collapse;
width: 100%;
border-left: none;
border-right: none;
}
.sidearm-table thead.sidearm-primary th,
.sidearm-table tbody td {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 8px;
}
.sidearm-table thead.sidearm-primary th:first-child,
.sidearm-table tbody td:first-child {
border-left: none;
}
.sidearm-table thead.sidearm-primary th:last-child,
.sidearm-table tbody td:last-child {
border-right: none;
}
.sidearm-table tbody tr:hover {
background-color: #e5e5e5; /* Light grey highlight */
transition: background-color 0.2s ease;
}
td.home::before {
content: "vs. ";
}
td.away::before {
content: "at ";
}
Hope College Women's Soccer - Season Leaders
