body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    background: #00894b;
}
header, footer {
    text-align: center;
    padding: 10px;
    color:#fff
}
#totalScoreBox {
    background: #ffffff; /* White background */
    color: #00894b;
    padding: 5px 20px; /* Padding inside the box */
    display: inline-block; /* Make the div inline-block to contain the content */
    margin: 5px auto 8px auto; /* Center the box with automatic horizontal margins */
    font-weight: 700; /* Optional: if you want the text to be bold */
    font-family: 'futura';
    font-size:18px;
    letter-spacing: .06em;
    text-align: center; /* Center text inside the box */
}
#viewLeaderboard {
    background: transparent; /* Transparent background */
    color: #ffffff; /* White text */
    border: 0px solid #ffffff; /* White border */
    font-family: 'futura';
    font-weight: 700;
    display: inline-block; /* Inline-block display */
    text-align: center; /* Center the text */
    cursor: pointer; /* Cursor to pointer to indicate it's clickable */
    position: relative; /* Position relative for positioning the arrow */
    text-decoration: none; /* Remove underline from text if it's an anchor */
    font-size: 11px; /* Adjust the font size as necessary */
    letter-spacing: .06em;
    padding-bottom:0px;
    margin-top:5px;
}
.arrow-icon{
    width:12px;
    height:auto;
}
div .arrow-icon{
    height:14px;
}
.swiper-container {
    width: 100%;
    overflow: hidden;
    padding-top: 3px;
    margin-top:0px;
}
.swiper-slide {
    width: 60px;
    height: 60px;
    background: #9CC3A7;
    color: #00894b;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    font-size: 36px;
    font-weight: 900;
    font-family: 'Futura';
    letter-spacing: 0em;
}
#scoringMechanism {
    background: white;
    padding: 10px;
    margin-top: 20px;
    text-align: center;
    font-weight:700;
    font-family: 'futura';
    letter-spacing: .06em;
    font-size:18px;
}
#holePar{
    color: #00894b!important;
}
#holeYardage{
    color:#00894b!important;
}
.score-button {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0; /* Adjust padding as needed */
}
.score-svg {
    width: 60px; /* Adjust width as needed */
    height: 60px; /* Adjust height as needed */
}
.score-svg-rotate {
    transform: rotate(180deg); /* Rotate the "increase score" SVG */
}
#currentScoreBox {
    display: inline-block;
    width: 100px; /* Adjust width as needed */
    height: 100px; /* Adjust height as needed */
    background: #00894b; /* White background */
    text-align: center;
    line-height: 100px; /* Center the text vertically */
    margin: 0 10px; /* Margin on the sides */
    font-size: 70px; /* Adjust font size as needed */
    color: #fff; /* Text color */
}
.hole-details p, .score-input span {
    margin: 0;
}
.score-input {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top:10px;
    margin-bottom: 10px;
}
.score-input button {
    padding: 5px 10px;
    font-size: 20px;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.hole-label {
    text-align: center;
    font-size:18px;
    margin-top:2px;
    font-weight:700;
    color:#ffffff;
    font-family:'futura'
}
footer {
    display: flex; /* Flex container for the buttons */
    justify-content: center; /* Center the buttons horizontally */
    align-items: center; /* Center the buttons vertically */
    padding: 10px; /* Padding around the footer area */
}

.hole-nav-button {
    background: transparent; /* Transparent background */
    border: none; /* No border */
    color: #ffffff; /* White text */
    font-size: 11px; /* Adjust the font size as needed */
    padding: 10px; /* Padding inside the button */
    cursor: pointer; /* Cursor to pointer to indicate it's clickable */
    display: flex; /* Flex container for the SVG and text */
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Align items in the center horizontally */
    justify-content: center; /* Center items vertically */
    margin: 0 15px; /* Margin between the buttons */
    font-family: 'futura';
    font-weight:700;
    letter-spacing: .06em;
}
.hole-nav-svg {
    width: 30px; /* SVG width */
    margin-bottom: 8px; /* Space between the SVG and text */
}
#nextHole .hole-nav-svg {
    transform: rotate(180deg); /* Rotate the arrow for the previous button */
}
@font-face {

    font-family: 'KabelUltra';

       src: url(https://storage.googleapis.com/ham-tags/Leaderboard/ITCKabelStd-Ultra.otf);

}
#teamName{
    font-family: 'KabelUltra';
    letter-spacing: -.05em;
    font-size:53px;
    margin:8px auto 0px auto;
    line-height: .85em;
}
.positive { color: #00894b; }
.negative { color: #ea0029; }
.even { color: black; }

.view-leaderboard-link {
    text-decoration: none; /* Removes underline from links */
    color: inherit; /* Keeps the text color unchanged */
}