/* --- The Open Championship Color Theme --- */
body {
    background-color: #0b1f3a;
    color: white;
}

.card {
    background-color: #14325c;
    color: white;
    border: 1px solid #f4c430;
}

.navbar {
    background-color: #081628 !important;
}

.navbar-nav .nav-link {
    color: #f4c430 !important;
}

/* Add static/pool/the-open-logo.png to enable the logo */
.navbar .navbar-brand .navbar-brand-img {
    display: inline-block;
    vertical-align: top;
    background-image: url('the-open-logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    height: 56px;
    width: 120px;
    margin-right: 15px;
    background-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
    color: #f4c430;
}

#team-card {
    position: relative;
}

.team-card-wrapper {
    transition: transform 0.5s ease-in-out;
}

.score-cell {
    transition: background-color 1.5s ease-out;
}

.score-highlight {
    background-color: #f4c430;
    color: #0b1f3a;
}

@media (max-width: 768px) {
    #scoreboard {
        padding-left: 15px;
    }
}

/* Form panels sit on a white background — override body text color */
.content-section {
    color: #333333 !important;
}

.content-section p,
.content-section label,
.content-section .helptext,
.content-section .form-text,
.content-section li {
    color: #333333 !important;
}

.content-section .text-muted {
    color: #6c757d !important;
}

.content-section a:not(.btn) {
    color: #007bff !important;
}

.content-section .form-control {
    color: #333333 !important;
    background-color: #ffffff !important;
}

.content-section .helptext li {
    color: #6c757d !important;
}