@font-face {
    font-display: fallback;
    font-family: Boleyn Gate Iron Sans;
    font-style: normal;
    font-weight: 200;
    src: url(/themes/custom/clubcast/assets/BoleynGate-IronSansExtraLight.01cc6103389b3afc3881..woff2) format("woff2"), url(/themes/custom/clubcast/assets/BoleynGate-IronSansExtraLight.32a0b204fe9772d924db..woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Boleyn Gate Iron Sans;
    font-style: normal;
    font-weight: 300;
    src: url(/themes/custom/clubcast/assets/BoleynGate-IronSansLight.92f009b2b68f8e3321df..woff2) format("woff2"), url(/themes/custom/clubcast/assets/BoleynGate-IronSansLight.4b9de603405b9a070265..woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Boleyn Gate Iron Sans;
    font-style: normal;
    font-weight: 400;
    src: url(/themes/custom/clubcast/assets/BoleynGate-IronSans.7c6dbca8504471768b0b..woff2) format("woff2"), url(/themes/custom/clubcast/assets/BoleynGate-IronSans.018c4d6b9af06be64ffd..woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Boleyn Gate Iron Sans Inline;
    font-style: normal;
    font-weight: 400;
    src: url(/themes/custom/clubcast/assets/BoleynGate-IronSansInline.66a61e738f599c4a0759..woff2) format("woff2"), url(/themes/custom/clubcast/assets/BoleynGate-IronSansInline.4745294d223f413ac113..woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Museo Sans;
    font-style: normal;
    font-weight: 300;
    src: url(/themes/custom/clubcast/assets/MuseoSans-300.d231d403bd1b892162e0..woff2) format("woff2"), url(/themes/custom/clubcast/assets/MuseoSans-300.1e07f1735f020e1fcaab..woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Museo Sans;
    font-style: italic;
    font-weight: 300;
    src: url(/themes/custom/clubcast/assets/MuseoSans-300Italic.7a04c3f7da3242a2e7f2..woff2) format("woff2"), url(/themes/custom/clubcast/assets/MuseoSans-300Italic.21ab9f533743610114e2..woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Museo Sans;
    font-style: normal;
    font-weight: 400;
    src: url(/themes/custom/clubcast/assets/MuseoSans-500.debd9f801accaf905182..woff2) format("woff2"), url(/themes/custom/clubcast/assets/MuseoSans-500.411ff5f8165d4b249414..woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Museo Sans\ 500;
    font-style: italic;
    font-weight: 400;
    src: url(/themes/custom/clubcast/assets/MuseoSans-500Italic.2b005fabcb7ba921635a..woff2) format("woff2"), url(/themes/custom/clubcast/assets/MuseoSans-500Italic.e7f7862cbd0507c25da4..woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Museo Sans;
    font-style: normal;
    font-weight: 600;
    src: url(/themes/custom/clubcast/assets/MuseoSans-700.72c9192131b7cb617b65..woff2) format("woff2"), url(/themes/custom/clubcast/assets/MuseoSans-700.a45574ffa5e118eb79a8..woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Museo Sans;
    font-style: italic;
    font-weight: 600;
    src: url(/themes/custom/clubcast/assets/MuseoSans-700Italic.ec00d4d7a67555b5986a..woff2) format("woff2"), url(/themes/custom/clubcast/assets/MuseoSans-700Italic.0adfb78b5531e35bd78e..woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Museo Sans;
    font-style: normal;
    font-weight: 700;
    src: url(/themes/custom/clubcast/assets/MuseoSans-900.ed992a209be89d5127ba..woff2) format("woff2"), url(/themes/custom/clubcast/assets/MuseoSans-900.24103044df9474563109..woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Museo Sans;
    font-style: italic;
    font-weight: 700;
    src: url(/themes/custom/clubcast/assets/MuseoSans-900Italic.9c7cd2fa674215de9e17..woff2) format("woff2"), url(/themes/custom/clubcast/assets/MuseoSans-900Italic.cbb360818b6000dfaade..woff) format("woff")
}

:root {
    --sidebar-bg: #7c2c3b;
    --sidebar-accent: #2fafe5;
    --match-bg-gradient: linear-gradient(0deg, #202020, #64232f);
    --social-links-color: #7c2c3b;
    --social-links-bg-color: #fefefe;
    --social-icon-fill: #7c2c3b;
    --social-background-hover: #7c2c3b;
    --social-links-color-hover: #fefefe;
    --social-icon-fill-hover: #fefefe;
    --footer-background: #7c2c3b;
    --footer-nav-links-color: #fefefe;
    --footnote-text-color: #fefefe;
    --footnote-links-color: #fefefe;
    --footnote-league-fill: #fff;
    --footnote-author-fill: #fefefe;
    --gallery-hover-border: #7c2c3b
}

.site-kit--away {
    --sidebar-bg: #202020;
    --sidebar-accent: #8f2138;
    --match-bg-gradient: linear-gradient(0deg, #202020, #64232f);
    --social-links-color: #fefefe;
    --social-links-bg-color: #7c2c3b;
    --social-icon-fill: #fefefe;
    --social-background-hover: #fefefe;
    --social-links-color-hover: #7c2c3b;
    --social-icon-fill-hover: #7c2c3b;
    --footer-background: #fff;
    --footer-nav-links-color: #7c2c3b;
    --footnote-text-color: #7c2c3b;
    --footnote-links-color: #7c2c3b;
    --footnote-league-fill: #7c2c3b;
    --footnote-author-fill: #7c2c3b;
    --gallery-hover-border: #7c2c3b
}

.site-kit--third {
    --sidebar-bg: linear-gradient(90deg, #fefefe 0, #fefefe 70%, #7c2c3b 0, #7c2c3b 90%, #d6b161 0, #d6b161);
    --sidebar-accent: #fefefe;
    --match-bg-gradient: linear-gradient(0deg, #7c2c3b, #d6b161);
    --social-links-color: #7c2c3b;
    --social-links-bg-color: #fefefe;
    --social-icon-fill: #7c2c3b;
    --social-background-hover: #7c2c3b;
    --social-links-color-hover: #fefefe;
    --social-icon-fill-hover: #fefefe;
    --footer-background: #7c2c3b;
    --footer-nav-links-color: #fefefe;
    --footnote-text-color: #fefefe;
    --footnote-links-color: #fefefe;
    --footnote-league-fill: #fff;
    --footnote-author-fill: #fefefe;
    --gallery-hover-border: #151515
}

.site-kit--blackout {
    --sidebar-bg: #151515;
    --sidebar-accent: #151515;
    --match-bg-gradient: #151515;
    --social-links-color: #151515;
    --social-links-bg-color: #fefefe;
    --social-icon-fill: #151515;
    --social-background-hover: #151515;
    --social-links-color-hover: #fefefe;
    --social-icon-fill-hover: #fefefe;
    --footer-background: #151515;
    --footer-nav-links-color: #fefefe;
    --footnote-text-color: #fefefe;
    --footnote-links-color: #fefefe;
    --footnote-league-fill: #fff;
    --footnote-author-fill: #fefefe;
    --gallery-hover-border: #151515
}

.m-playercard {
    position: relative;
    z-index: 1
}

@media print,
screen and (min-width:64em) {
    .m-playercard:hover .m-playercard__image img,
    .m-playercard:hover .m-playercard__image-fallback {
        transform: scale(1.1)
    }
}

.m-westham-overlay .m-playercard {
    color: #fefefe;
    display: flex;
    flex: 0 1 13.75rem;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 13.75rem
}

.m-westham-overlay__event--goal .m-playercard {
    margin: 0 0 0 2rem;
    opacity: 0;
    transform: translateX(100px)
}

.m-playercard__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.m-playercard__link>span {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.m-playercard__top {
    position: relative
}

.m-playercard__top:before {
    background-color: hsla(0, 0%, 98%, .8);
    border-radius: .5rem;
    bottom: 0;
    box-shadow: 0 1px 6px 0 rgba(32, 32, 32, .25);
    content: "";
    height: calc(100% - 52px);
    position: absolute;
    right: 0;
    transition: .25s;
    width: 100%
}

.m-playercard__number {
    color: #7c2c3b;
    font: normal 10rem Boleyn Gate Iron Sans, Barlow, sans-serif;
    letter-spacing: -.25rem;
    line-height: 1;
    position: absolute;
    top: -1.6875rem;
    z-index: -1
}

@media print,
screen and (min-width:64em) {
    .m-playercard__number {
        font-size: 9.375rem
    }
}

.m-playercard__image {
    position: relative
}

.m-playercard__image:before {
    content: "";
    display: block;
    padding-top: 100%
}

.m-playercard__image img,
.m-playercard__image-fallback {
    display: block;
    height: 100%;
    left: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    transform-origin: bottom center;
    transition: .24s;
    width: 100%;
    z-index: 1
}

.m-playercard__image-fallback {
    fill: #7c2c3b
}

.m-playercard__name {
    display: block;
    line-height: 1.22;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-playercard__name--first {
    font-size: 1rem
}

.m-playercard__name--last {
    font-family: Boleyn Gate Iron Sans, Barlow, sans-serif;
    font-size: 2rem;
    margin-top: -.3125rem
}

.m-playercard__top {
    margin-bottom: .5rem
}

.m-playercard__position {
    display: block;
    font-size: .75rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.m-playercard__flag {
    display: flex;
    flex-direction: column;
    margin: .5rem 0
}

.m-playercard__flag>*+* {
    margin-top: .3125rem
}

.m-playercard__flag-item {
    font-size: .6875rem;
    font-weight: 700;
    padding-left: 1.5625rem;
    position: relative;
    text-transform: capitalize
}

@media print,
screen and (min-width:64em) {
    .m-playercard__flag-item {
        font-size: .875rem
    }
}

.m-playercard__flag-item:before {
    content: "";
    height: 1.25rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem
}

.m-playercard__flag-item--captain:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+PHBhdGggZmlsbD0iIzdjMmMzYiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjMgNHY0aC0zdjNoM3YzaC0zdjNoM3Y0SDJ2LTRoM3YtM0gydi0zaDNWOEgyVjR6TTEyLjM3NiA4QzkuNjU0IDggOCA5Ljc1OCA4IDEyLjY0NXMxLjY2IDQuNjUgNC4zNzYgNC42NWMyLjM3NCAwIDQuMDgzLTEuNTMxIDQuMDk2LTMuNjc0SDE0Yy0uMDguOTI4LS43MzMgMS41NDUtMS42MTggMS41NDUtMS4wODYgMC0xLjc0NS0uOTU5LTEuNzQ1LTIuNTI3IDAtMS41NjMuNjU5LTIuNTA5IDEuNzQtMi41MDkuODkgMCAxLjU0My42MjMgMS42MSAxLjUzMmgyLjQ3MkMxNi40NTMgOS41NyAxNC43MDIgOCAxMi4zNzYgOCIvPjwvc3ZnPg==) top/contain no-repeat
}

.m-playercard__flag-item--in-on-loan:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+PHBhdGggZmlsbD0iIzkxRTIzQSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtMTMgNiA2LjQxNCA2LjQxNEwxMyAxOC44MjhsLTEuNDE0LTEuNDE0IDMuOTk4LTRINnYtMmg5LjU4NGwtMy45OTgtNHoiLz48L3N2Zz4=) top/contain no-repeat;
    left: -.1875rem;
    transform: translateY(-50%) rotate(180deg)
}

.m-playercard__flag-item--out-on-loan {
    padding: 0 1.25rem 0 0
}

.m-playercard__flag-item--out-on-loan:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+PHBhdGggZmlsbD0iI0UyM0EzQSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtMTMgNiA2LjQxNCA2LjQxNEwxMyAxOC44MjhsLTEuNDE0LTEuNDE0IDMuOTk4LTRINnYtMmg5LjU4NGwtMy45OTgtNHoiLz48L3N2Zz4=) top/contain no-repeat;
    left: 5.3125rem
}

.m-playercard__flag-item--injured:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+PHBhdGggZmlsbD0iIzdjMmMzYiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQgNXY2aDZ2M2gtNnY2aC0zdi02SDV2LTNsNi0uMDAxVjV6Ii8+PC9zdmc+) top/contain no-repeat;
    height: .9375rem;
    left: -.125rem;
    width: .9375rem
}

.o-page__header {
    margin-bottom: 2rem
}

.o-page__header--flex {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap
}

@media screen and (min-width:80em) {
    .o-page__header--flex {
        align-items: center
    }
}

.o-page__header--flex h1 {
    display: flex;
    flex-direction: column;
    margin: 0 auto 1rem 0
}

.o-page__content {
    margin-bottom: 2rem
}

.o-page--listing .o-page__content {
    margin: 0 -1rem 2rem
}

.o-page--listing .o-page__content .m-tabs {
    margin: 0
}

.o-players {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem
}

.o-players:last-of-type {
    margin-bottom: 0
}

@media screen and (min-width:30em) {
    .o-players {
        position: relative
    }
    .o-players:last-of-type:before {
        height: calc(100% + 40px)
    }
    .o-players:before {
        background-image: linear-gradient(180deg, #fff, #f3f3f3);
        content: "";
        height: 100%;
        left: calc(-50vw + 50%);
        position: absolute;
        top: 0;
        width: 100vw;
        z-index: -1
    }
}

.o-players h2 {
    color: #202020;
    margin-bottom: 1rem;
    padding: 0 1rem
}

@media print,
screen and (min-width:64em) {
    .o-players h2 {
        font-size: 2rem
    }
}

.o-players h2 a {
    color: #202020
}

.o-players__title a:after {
    content: "s"
}

.o-players__inner {
    display: flex;
    flex-wrap: wrap
}

@media print,
screen and (max-width:29.99875em) {
    .o-players__inner>*+* {
        margin-top: 1.5rem
    }
}

@media screen and (min-width:80em) {
    @supports(display: grid) {
        .o-players__inner {
            display:grid;
            grid-template-columns: repeat(auto-fill, minmax(275px, 1fr))
        }
    }
}

.o-players__item {
    padding: 0 1rem;
    width: 100%
}

@media screen and (min-width:30em) {
    .o-players__item {
        margin-bottom: 1.5rem;
        width: 50%
    }
}

@media screen and (min-width:48em) {
    .o-players__item {
        width: 33.33%
    }
}

@media print,
screen and (min-width:64em) {
    .o-players__item {
        margin-bottom: 2rem;
        width: 25%
    }
}

@media screen and (min-width:80em) {
    @supports(display: grid) {
        .o-players__item {
            width:100%
        }
    }
}

body.path-players #block-westham-page-title {
    display: none
}