﻿/* Football: accessible colours, preserving the original layout and animation. */
.landing-football .main-color,
.landing-football .lineup-head h4,
.landing-football .lineup-modal__meta,
.landing-football .cube-portfolio1 .cbp-filter-item.cbp-filter-item-active,
.landing-football .cube-portfolio1 .cbp-filter-item:hover {
    color: #075e91;
}

.landing-football .table-note,
.landing-football .lineup-head p,
.landing-football .lineup-side p,
.landing-football .lineup-stats li,
.landing-football .lineup-modal__note,
.landing-football .collection-form-note {
    color: #495966;
}

.landing-football .point-table tbody tr.is-us {
    background: #e7f1f8;
}
.landing-football .point-table tbody tr.is-us th,
.landing-football .point-table tbody tr.is-us td {
    color: #075680;
}
.landing-football .form-pill {
    display: inline-block;
    color: #fff;
}
.landing-football .form-pill.w { background: #237744; }
.landing-football .form-pill.d { background: #606970; }
.landing-football .form-pill.l { background: #af3027; }

/* Typed values and placeholders both need readable contrast. */
.landing-football .contact-form .form-control {
    color: #293d4b;
    font-weight: 400;
    border-bottom-color: #87949e;
}
.landing-football .contact-form .form-control::placeholder {
    color: #53616c;
    opacity: 1;
}
.landing-football .contact-form .form-control:focus {
    border-bottom-color: #075e91;
}

/* Keep white lettering comfortably readable on the club blue. */
.landing-football .about-us .new1,
.landing-football .about-us .new2 .card-body,
.landing-football .team-detail,
.landing-football .heading-box,
.landing-football .blue-white-btn,
.landing-football .player-dot .shirt,
.landing-football .formation-btn.is-active {
    background-color: #066da9;
}
.landing-football .formation-btn:hover:not(.is-active) { color: #075e91; }

/* Gallery captions appear over photographs; shade the caption band only. */
.landing-football .cube-portfolio1 .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap {
    background: linear-gradient(to bottom, rgba(5,20,32,.12), rgba(5,20,32,.72) 38%, rgba(5,20,32,.72) 65%, rgba(5,20,32,.12));
}
