/* !UNIVERSAL ELEMENTS */

/*******************************
    ORGANISM - NEXT/LAST MATCH
********************************/

.matchStatus-widget .matchStatus-matchInfo {
    display: flex;
    align-items: center;
    margin-top: .5rem;
}

.matchStatus-widget .matchStatus-date {
    margin: 0;
}

.matchStatus-widget .matchStatus-matchInfo .matchStatus-kickoff {
    font-size: 1.375rem;
    line-height: 1.5rem;
    width: 135px;
    float: left;
    margin-left: -2rem;
    padding: .7rem 1rem;
}

.matchStatus-widget .matchStatus-matchInfo .matchStatus-kickoff .match-time span {
    font-size: 1rem;
}

.matchStatus-widget .matchStatus-matchInfo .matchStatus-teams {
    width: calc(100% - 135px + 2rem);
    float: left;
    text-align: right;
}

.matchStatus-widget .matchStatus-matchInfo .matchStatus-teams > div,
.matchStatus-widget .matchStatus-matchInfo .matchStatus-teams > div > div {
    position: relative;
    font-size: 0;
}

.matchStatus-widget .matchStatus-matchInfo .matchStatus-teams img {
    width: 35px;
    height: 35px;
}

.matchStatus-widget .matchStatus-matchInfo .matchStatus-teams .teama:after {
    content: '';
    width: 1px;
    height: calc(100% - .75rem);
    position: absolute;
    top: .5rem;
    right: 0;
    background: #d7d7d7;
}

.matchStatus-widget .matchStatus-meta {
    line-height: 1.2rem;
    width: 70%;
    margin-top: .75rem;
}

.matchStatus-widget .matchStatus-meta span:first-child {
    color: #d8252e;
}

.matchStatus-widget .matchStatus-links {
    font-size: 0;
    margin-top: .7rem;
}

.matchStatus-widget .matchStatus-links .btn {
    font-size: .8rem;
    line-height: 1rem;
}

.matchStatus-widget .matchStatus-links .match-info-button {
    float: right;
}

.matchStatus-widget .matchStatus-links .btn:hover {
    background: #d8252e;
    color: #fff;
}

/************************************
    ORGANISM - PLAYER SEASON SO FAR
************************************/

.playerStats-blockContainer:before {
    content: '';
    position: absolute;
    left: -200%;
    top: 0;
    width: 200%;
    height: 100%;
    background: #ffffff;
}

.playerStats-block {
    width: 50%;
    float: left;
    position: relative;
    border-bottom: 1px solid #c8c8c8;
    text-align: left;
}

.playerStats-block:nth-child(odd) {
    text-align: right;
}

.playerStats-block:nth-last-child(1),
.playerStats-block:nth-last-child(2) {
    border-bottom: 0;
}

.playerStats-block:nth-child(odd):after {
    content: '';
    width: 1px;
    height: 70%;
    position: absolute;
    right: 0;
    top: 15%;
    border-right: 1px solid #c8c8c8;
}

.playerStats-block .playerStats-label {
    font-size: .8rem;
    line-height: 1rem;
}

.playerStats-block .playerStats-value {
    font-size: 2.8rem;
    line-height: 3rem;
}

.staff .playerStats-block .playerStats-value {
    font-size: 2rem;
    line-height: 2.4rem;
}

.staff .playerStats-block .playerStats-label {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.4rem;
}

/************************************
    ORGANISM - PLAYER SUMMARY TABLES
************************************/

.player-match-table > thead > tr > th,
.player-match-table > tbody > tr > td {
    padding: .7rem 1rem;
    text-align: center;
}

.player-match-table > tbody > tr > td {
    font-size: .9rem
}

.player-match-table > thead > tr > th:nth-child(1),
.player-match-table > tbody > tr > td:nth-child(1),
[data-content="match"] .player-match-table > thead > tr > th:nth-child(2),
[data-content="match"] .player-match-table > tbody > tr > td:nth-child(2) {
    text-align: left;
}

.player-match-table > tbody > tr.season-total > td {
    background: #d8252e;
    color: #ffffff;
    font-weight: bold;
}

.player-match-table > tbody > tr.total-overall > td {
    background: #c9b771;
    font-weight: bold;
}

.player-match-table > tbody > tr.total-overall > td[data-row="TmnmDisplay"] {
    color: #c9b771;
}

[data-row="LnupYell"] i {
    color: #d8ba09;
}

[data-row="LnupRed"] i {
    color: #ff0000;
}

/************************
    ORGANISM - OVERVIEW
*************************/

/** MOLECULE - MATCH SCOREBOARD **/

.match-header {
    position: relative;
    width:100%;
    float: left;
}

.match-header:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.matchStatus-widget.matchScoreboard .matchStatus-links > div {
    width: 50%;
    float: left;
    max-width: 150px
}

.matchStatus-widget.matchScoreboard .matchStatus-links > div:nth-child(2) .btn {
    margin-left: 2px;
}

.matchStatus-widget.matchScoreboard .matchStatus-links .btn {
    width: 100%;
}

.matchScoreboard .team-names {
    display: none;
}

.matchStatus-widget.matchScoreboard .matchStatus-links .result-button,
.matchStatus-widget.matchScoreboard .matchStatus-links .live-button {
    display: none;
}
.matchStatus-widget.matchScoreboard .matchStatus-links .result-button .btn,
.matchStatus-widget.matchScoreboard .matchStatus-links .live-button .btn {
    cursor: default
}

.stat-logo {
    width: 3rem;
    height: 3rem;
}

.stat-overview-logos {
    display: flex;
    justify-content:space-between;
}

.stat-square {
    text-align: center;
    font: 1.2rem/2.25rem 'Choplin', 'Helvetica', Arial, sans-serif;
    width: 2.25rem;
    height: 2.25rem;
}

.stat-disc-teamA,
.stat-teamA .stat-square,
.stat-square-teamA {
    background:#d8252e;color:#fff;
}

.stat-disc-teamB,
.stat-teamB .stat-square,
.stat-square-teamB {
    background:#2E2E2E;color:#fff;
}

/* MOLECULE - AS IT STANDS */

.match-sidebar {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.stat-container-standing .stat-detail-container {
     display: flex;
     justify-content:space-between;
}

.stat-container-standing,
.stat-container-recentform,
.stat-container-h2h {
    border-width: .5px 1px;
    border-style: solid;
    border-color: #dddddd;
    margin-top: -1px;
}

.match-sidebar .stat-container-standing {
    margin-top: 1rem;
}

.match-sidebar .stat-container-h2h {
    margin-bottom: 1rem;
}

.match-sidebar .stat-container-recentform {
    margin-top:calc(-1rem - 1px);
}

/* MOLECULE - HEAD TO HEAD */

.stat-container-h2h .stat-detail-row {
    display: flex;
    justify-content:space-between;
}

/* MOLECULE - RECENT FORM */

.stat-container-recentform .stat-detail-container {
    display: flex;
    justify-content:space-between;
}

/************************************
    ORGANISM - PREVIEW STATS
************************************/

/* MOLECULE - LINEUPS */

.lineup-teams {
    display: flex;
    width: 100%;
}

.lineup-teams .lineup-position {
    width: 30px;
    height: 30px;
    line-height: 30px;
    min-width: 30px;
    min-height: 30px;
}

.lineup-teams .team-A .lineup-position {
    background:#d8252e;
    color:#fff;
}

.lineup-teams .team-B .lineup-position {
    background:#2E2E2E;
    color:#fff;
}

.lineup-teams > div {
    width: calc(50% - 1px);
    display: inline-flex;
    align-items: center;
    outline: 1px solid #dddddd;
    margin-top: 1px;
    margin-left: 1px;
}

/** MOLECULE - SUMMARY **/

.matchEvent-inner {
    display: flex;
}

.matchEvent-inner > div {
    width: 50%;
    float: left;
    min-height: 1px;
    padding: 0 1.5rem;
}

.matchEvent-inner .teamAEvent {
    order: 1;
}

.matchEvent-inner .teamBEvent {
    order: 2;
}

.matchEvent-inner .teamAEvent {
    border-right: 1px solid #dddddd;
}

.matchEvent-inner[data-teams="1"] {
    display: block;
}

.matchEvent-inner[data-teams="1"] .teamBEvent {
    margin-left: 50%;
}


/** MOLECULE - TIMELINE **/

.matchTimeline-block .timeline-container .timeline-event-teama,
.matchTimeline-block .timeline-container .timeline-event-teamb {
    min-height: 1px;
    width: 100%;
    float: left;
    position: relative;
    font-size:  0.8rem;
    padding-bottom: 1rem
}

.matchTimeline-block .timeline-container .timeline-event-teama:after,
.matchTimeline-block .timeline-container .timeline-event-teamb:after {
    content:'';
    width: 1px;
    height: 100%;
    background: #dddddd;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 0;
}

.matchTimeline-block .timeline-container .timeline-event-teama {
    text-align: right;
}

.matchTimeline-block .timeline-container .timeline-event-teama .timeline-detail,
.matchTimeline-block .timeline-container .timeline-event-teamb .timeline-detail {
    width: 50%;
    float: left;
    min-height: 1px;
    position: relative;
    z-index: 5
}

.matchTimeline-block .timeline-container .timeline-event-teama .timeline-detail {
    padding-right: 2.5rem;
}

.matchTimeline-block .timeline-container .timeline-event-teamb .timeline-detail {
    margin-left: 50%;
    padding-left: 2.5rem;
}

.matchTimeline-block .timeline-container .timeline-event .timeline-score {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    z-index: 5
}

.matchTimeline-block .timeline-container .timeline-event .timeline-score p {
    font-size: 0;
}

.matchTimeline-block .timeline-container .timeline-event .timeline-score p .teamA-score,
.matchTimeline-block .timeline-container .timeline-event .timeline-score p .teamB-score {
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #dddddd;
    font-size: .8rem;
}

.matchTimeline-block .timeline-container .timeline-event .timeline-score p [data-event="try"] {
    background: #d8252e;
    color: #ffffff;
}

.matchTimeline-block .timeline-container .timeline-event .timeline-score p [data-event="conv"] {
    background: #c9b771;
    color: #343434;
}

.matchTimeline-block .timeline-container .timeline-event .timeline-score p [data-event="pen"] {
    background: #343434;
    color: #ffffff;
}

.matchTimeline-block .timeline-container .timeline-event .timeline-detail .timeline-player .off-player {
    color: #b60808;
}

.matchTimeline-block .timeline-container .timeline-event .timeline-detail .timeline-player .on-player {
    color: #066d16;
}

.booking-card + .tooltip > .tooltip-inner {
    background-color: #c9b771;
    color: #343434;
    font-size: .7rem
}

.booking-card + .tooltip > .tooltip-arrow {
    border-top-color: #c9b771;
}

.dismiss-card + .tooltip > .tooltip-inner {
    background-color: #d8252e;
    color: #ffffff;
    font-size: .7rem
}

.dismiss-card + .tooltip > .tooltip-arrow {
    border-top-color: #d8252e;
}

/************************************
    ORGANISM - PLAYER PERFORMANCE
************************************/

.content-performance,
.content-statistics {
    position: relative;
}

.playerPerformance-tabs {
    text-align: center;
}

.playerPerformance-tabs span {
    min-width: 120px;
    margin: 0 .5rem;
}

.playerPerformance-key ul li {
    padding-left: 0;padding-right: 0.5rem;
}

.playerPerformance-content table > tbody > tr > td {
    padding: .5rem .5rem;
}

.playerPerformance-content table > thead > tr > th {
    padding: .7rem;
}

.playerPerformance-content .player-position {
    min-width: 90px;
    width: 90px;
    white-space: nowrap;
    font-size: 0;
}

.playerPerformance-content th.player-position {
    font-size: 0.9rem;
}

.playerPerformance-content .player-position .player-position-num {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.playerPerformance-content .player-position .headshot {
    vertical-align: top;
}

.playerPerformance-content .name {
    border-right: 5px solid #c9b771;
    width: 250px;
    vertical-align: middle;
    white-space: nowrap;
}

.playerPerformance-content td[data-stat="LnupYell"] .icon-card {
    color: gold;
}

.playerPerformance-content td[data-stat="LnupRed"] .icon-card {
    color: red;
}

/************************************
    ORGANISM - LIVE STATS
************************************/

.content-live .arena-live blockquote {
    padding: 2rem 0 0 6rem;
}

.content-live .arena-live blockquote:nth-of-type(n+2) {
    padding: 0 0 0 6rem;
}

.content-live .arena-live blockquote:first-of-type:before {
    content:" '' ";
    position: absolute;
    display: block;
    left: 10px;
    top: 5px;
    color: #ee3a24;
    font-family: 'Verdana', Helvetica, Arial, sans-serif;
    font-size: 4rem;
    font-weight: 700;
    font-style: italic;
    letter-spacing: -5px;
}

.match-performance-charts .progress {
    height: 40px;
    border-radius: 0;
}

.match-performance-charts .progress .progress-bar {
    line-height: 40px;
    font-size: 1rem;
    font-family: 'Choplin', 'Helvetica', Arial, sans-serif;
    background: #343434;
}

.match-performance-charts .progress .progress-bar-wales {
    background: #d8252e;
}

.match-performance-charts .progress .progress-bar[data-statistic-one] {
    border-right: 5px solid #c9b771;
}

.match-performance-heading {
    border-bottom: 1px solid #343434;
}

.match-performance-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.match-performance-item .match-performance-name {
    font-size: 1.1rem;
    line-height: 1.5rem;
}

.match-performance-item [data-team="wales"] .match-performance-name {
    color: #d8252e;
}

.match-performance-item .match-performance-image .teamName-data {
    display: none;
}

.match-performance-item:nth-child(1) .match-performance-name,
.match-performance-item:nth-child(2) .match-performance-name,
.match-performance-item:nth-child(3) .match-performance-name,
.match-performance-item:nth-child(4) .match-performance-name {
    font-size: 2rem;
    line-height: 2.4rem;
    display: block;
    width: 100%;
    margin: 0 0 .8rem;
}

.match-performance-item:nth-child(1) .match-performance-image img,
.match-performance-item:nth-child(2) .match-performance-image img,
.match-performance-item:nth-child(3) .match-performance-image img,
.match-performance-item:nth-child(4) .match-performance-image img {
    display: none;
}

.match-performance-item:nth-child(1) .match-performance-image .teamName-data,
.match-performance-item:nth-child(2) .match-performance-image .teamName-data,
.match-performance-item:nth-child(3) .match-performance-image .teamName-data,
.match-performance-item:nth-child(4) .match-performance-image .teamName-data {
    display: inline-block;
}


/********************************
    ORGANISM - MATCH STATISTICS
********************************/

.statisticsBody {
    padding: 0 1rem;
}

/** MOLECULE - ATTACK **/

[data-stat="attack"] > h4 {
    display: none;
}

/** ATOM - CHARTS **/

.matchStatistics-charts > div {
    width: 100%;
    float: left;
}

.matchStatistics-charts .stat-detail-container {
    width: calc(100% - 120px + 1rem);
    float: left;
    margin-left: -1rem;
}

.matchStatistics-charts .pie-container {
    width: 120px;
    height: auto;
    float: left;
}

.mainStats-chartsInner {
    display: inline-flex;
    align-items: center;
    width: 100%;
    background: #fff;
    padding: 0 1rem 0 0;
}

.mainStats-chartsInner .stat-pie-team {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}

.mainStats-chartsInner .teamLogo {
    width: 30px;
    float: left;
}

.mainStats-chartsInner .stat-value {
    width: calc(95px + 1rem);
    float: left;
    margin-right: 20px;
    max-height: 55px;
}

.season-stat .stat-value p,
.mainStats-chartsInner .stat-value p {
    margin: 0;
}

.mainStats-chartsInner .stat-teamA {
    border-bottom: 1px solid #ffffff;
}

/** ATOM - STAT BLOCKS **/

.otherStats-logos {
    float: left;
    width: 100%;
    display: inline-flex;
    justify-content: center;
}

.otherStats-logos.inner-logos {
    display: none;
}

.season-stat-parent {
    width: calc(100% + 2rem);
    margin-left: -1rem;
}

.season-stat .stat-detail-container {
    display: flex;
    align-items: center;
    padding: 1rem 0;
    background: #fff;
}

.season-stat .stat-value {
    width: calc(75px + 1rem);
    float: left;
    max-height: 55px;
}

.season-stat .stat-value.stat-teamA {
    margin-left: -1rem;
}

.season-stat .stat-value.stat-teamB {
    margin-right: -1rem;
}

.season-stat .stat-title {
    width: calc(100% - 150px + 2rem);
    float: left;
    line-height: 1.2rem;
}

.otherStats-logos .teamLogoA {
    border-right:#d6d6d6 solid 1px;
}

/** MOLECULE - DEFENCE **/

[data-stat="defence"] .otherStats-logos {
    width: 100%;
}

/** MOLECULE - DISCIPLINE **/

[data-stat="discipline"] .otherStats-logos {
    width: 100%;
}

/** MOLECULE - SET PIECES **/

.stat-parent .stat-container-bar .stat-bar-parent {
    width: 100%;
}

.stat-bar-parent .teamLogo {
    width: 35px;
    height: 35px;
    float: left;
}

.stat-bar-parent .stat-value {
    width: 70px;
    float: left;
}

.stat-bar-parent .stat-value p {
    margin: 0;
}

.stat-bar-parent .stat-bar-container {
    width: calc(100% - 115px);
    float: left;
    margin: 0 5px;
}

.stat-detail-container .stat-bar-team {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}

.stat-bar-container .stat-bar-main {
    width: 100%;
    float: left;
}

.stat-bar-container .stat-bar-main > div {
    min-height: 35px;
    float: left;
}

.stat-bar-container .stat-bar-main .stat-bar-pos {
    background: #d8252e;
}

.stat-detail-container .stat-bar-container-teamB .stat-bar-pos {
    background: #000;
}

.stat-bar-container .stat-bar-main .stat-bar-neg {
    background: #9d9d9d;
}


/************************************
    ORGANISM - TEAM RECORDS
************************************/

.teamRecords-nav .tab {
    cursor: pointer;
    font-size: .95rem;
    opacity: .7;
}

.teamRecords-nav .tab-nav-active {
    opacity: 1;
    background: #d8252e;
}

.teamRecords .teamRecords-body .teamRecord-inner {
    display: inline-flex;
    align-items: center;
}

.teamRecords .teamRecords-body .teamRecord-inner:nth-child(odd) {
    background: #f1f1f1;
}

.teamRecords .teamRecords-body .teamRecord-bodyHeader {
    width: 70%;
    float: left;
}

.teamRecords .teamRecords-body .teamRecord-bodyContent {
    width: 30%;
    float: left;
}


/*********************************
    ORGANISMS - STATISTICS STATS
*********************************/

/** MOLECULE - OVERALL PLAYER STATS **/

.statistics__club-stats {
    width: 100%;
    float: left;
}

.statistics__club-stats-block {
    border-bottom: 1px solid #ccc;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: .5rem;
    background: #fff;
}

.statistics__club_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 1rem;
}

.statistics__club-stats-block--player .statistics__club-headshot {
    width: 50px;
    order: 1;
    border-radius: 6px;
    overflow: hidden;
}

.statistics__club-stats-block--player .statistics__club-name {
    width: calc(100% - 150px);
    order: 2;
}

.statistics__club-stats-block--player .statistics__club-value {
    width: 100px;
    order: 3;
}

.statistics__club-value p {
    font-size: 2rem;
    line-height: 2.1rem;
}

.statistics__club-stats-block--team {
    justify-content: space-between;
}

.statistics__club-stats-block--team .statistics__club-value {
    order: 2;
}

.statistics__club-stats-block--team .statistics__club-name {
    order: 1;
    padding-left: 0;
}

.statistics__dropdown {
    width: 100%;
    float: left;
}

/* ORGANISM - RWC STATS */

.statistics__club-stats-block.statistics__club-stats-block--rwc,
.statistics__club-stats-block--rwc .statistics__club-meta {
    width: 100%;
}

.statistics__club-stats-block--rwc .statistics__club-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.statistics__club-stats-block--rwc .statistics__club-value {
    width: 70px;
}

.statistics__club-stats-block--rwc .statistics__club-name {
    width: calc(100% - 70px);
}

.statistics__club-stats-block--rwc .statistics__club-value p {
    font-size: 1.3rem;
}

.statistics__club-stats-block--rwc .statistics__club-meta[data-count="0"] {
    margin-bottom: .4rem;
    padding-bottom: .4rem;
    border-bottom: 1px solid #ccc;
}

.statistics__club-stats-block--rwc .statistics__club-meta[data-count="0"] .statistics__club-name h6 {
    font-size: 1.1rem;
}

.statistics__club-stats-block--rwc .statistics__club-meta[data-count="0"] .statistics__club-value p {
    font-size: 2.1rem;
}


/* !MEDIA QUERIES */
/* !Bootstrap xs: Small devices (360px) */
@media (min-width: 22.500em) {

    /************************************
        ORGANISM - PLAYER SEASON SO FAR
    ************************************/

    .playerStats-block {
        padding-right: 1rem;
        padding-left: 1rem;
    }

}

/* !Bootstrap xs: Small devices (landscape phones for a 320 - 480px) */
@media (min-width: 30em) {


}

/* !Bootstrap xs: Small devices (landscape phones for a 360 - 640px) */
@media (min-width: 40em) {

    /**************************************************
        ORGANISM - MATCH STATISTICS - LANDSCAPE PHONE
    **************************************************/

    .statisticsBody{
        padding: 0 1rem;
    }

    /** MOLECULE - ATTACK **/

    /** ATOM - CHARTS **/

    .matchStatistics-charts > div {
        width: 50%;
        float: left;
    }

    .matchStatistics-charts .matchStatistics-possessionChart {
        padding-right: 2rem;
    }

    .matchStatistics-charts .matchStatistics-territoryChart {
        padding-left: 2rem;
    }

    /** ATOM - STATS BLOCKS **/

    .season-stat:nth-child(odd) {
        width: calc(50% - 2rem);
        float: left;
        margin-right: 2rem;
    }

    .season-stat:nth-child(even) {
        width: calc(50% - 2rem);
        float: right;
        margin-left: 2rem;
        margin-right: 0rem;
    }

    /****************************************
        ORGANISMS - STATISTICS STATS
    ****************************************/

    /** MOLECULE - OVERALL PLAYER STATS **/

    .statistics__club-stats-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .statistics__club-stats-block {
        width: 48%;
    }

    /* ORGANISM - RWC STATS */

    .rwc__statistics .statistics__club-stats {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .statistics__club-rwc {
        width: 48%;
    }

}

/* !Bootstrap sm: Medium devices (tablets, 768px and up) */
@media (min-width: 48em) {

    /*************************************
        ORGANISM - NEXT/LAST MATCH TABLET
    *************************************/

    .matchStatus-widget .matchStatus-matchInfo .matchStatus-teams img {
        width: 45px;
        height: 45px;
    }

    /************************************
        ORGANISM - TEAM RECORDS TABLET
    ************************************/

    .teamRecords {
        position: relative;
        margin: 0 0 1.5rem;
    }

    .teamRecords-navigation {
        position: absolute;
        top: .8rem;
        right: .8rem;
        margin: 0;
        padding: 0;
        width: 280px;
    }

    .teamRecords .teamRecords-body {
        margin: 1.5rem 0 0;
    }

    .teamRecords .teamRecords-body .teamRecord-inner {
        padding: .5rem;
    }

    /****************************************
        ORGANISMS - STATISTICS STATS TABLET
    ****************************************/

    /** MOLECULE - OVERALL PLAYER STATS **/

    .statistics__club-stats-container {
        justify-content: flex-start;
    }

    .statistics__club-stats-block {
        width: 31.6%;
        border: 1px solid #ccc;
        padding: 1rem;
        margin-bottom: 2.6%;
        margin-right: 2.5%;
    }

    .statistics__club-stats-block--current {
        padding: 0 0 .5rem;
    }

    .statistics__club-stats-block--current .statistics__club-title {
        border-bottom: 1px solid #d7d7d7;
    }

    .statistics__club-stats-block--current .statistics__club-title h5 {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }

    .statistics__club-stats-block--current .statistics__club_inner {
        padding: 0 1rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        width: 100%;
    }

    .statistics__club-stats-block:nth-child(3n+3) {
        margin-right: 0;
    }

    .statistics__club-stats-block--player .statistics__club-headshot {
        width: 40px;
    }

    .statistics__club-stats-block--player .statistics__club-value {
        width: 70px;
    }

    .statistics__club-value p {
        font-size: 2.3rem;
        line-height: 2.5rem;
    }

    .statistics__club-stats-block--player .statistics__club-name {
        width: calc(100% - 110px);
        margin: 0;
    }

    .statistics__club-name h6 {
        font-size: 1rem;
        line-height: 1.3rem;
    }

}

/* !Bootstrap sm: Medium devices (landscape tablets, 1000px and up) */
@media (min-width: 62.5em) {

    /******************************************
        ORGANISM - PLAYER SEASON SO FAR TABLET
    ******************************************/

    .playerStats-blockContainer {
        padding: 2rem 0 3rem;
    }

    .staffStats-blockContainer {
        padding: 2rem 0;
    }

    .playerStats-block:nth-child(2n+1),
    .playerStats-block {
        width: 33.333%;
        text-align: center;
        border-bottom: 0;
    }

    .staffStats-blockContainer .playerStats-block:nth-child(2n+1),
    .staffStats-blockContainer .playerStats-block,
    .staffStats-blockContainer .playerStats-block:nth-last-child(1) {
        width: 25%;
        border: 0;
        display: block;
    }

    .staffStats-blockContainer .playerStats-block:before,
    .staffStats-blockContainer .playerStats-block:nth-last-child(1):after {
        display: none;
    }

    .playerStats-block:after {
        content: '';
        width: 1px;
        height: 70%;
        position: absolute;
        right: 0;
        top: 15%;
        background: #c8c8c8;
    }

    .playerStats-block:before {
        content: '';
        height: 1px;
        width: 98%;
        position: absolute;
        right: 1%;
        bottom: 0;
        background: #c8c8c8;
    }

    .playerStats-block .playerStats-value {
        font-size: 3.2rem;
        line-height: 3.5rem;
    }

    .playerStats-block .playerStats-label {
        font-size: 1rem;
        line-height: 1.3rem;
    }


    /*******************************
        ORGANISM - OVERVIEW TABLET
    *******************************/

    /** MOLECULE - MATCH SCOREBOARD **/

    .match-header {
        padding: 4.5rem 0 0;
    }

    .match-header.header-no-stats {
        padding: 4.5rem 0 4rem;
    }

    .matchScoreboard {
        background: transparent;
        display: flex;
        padding-right: 0;
    }

    .matchScoreboard-top {
        width: calc(100% - 350px);
        float: left;
        background: #ffffff;
        padding: 1.5rem 1.5rem 3.5rem;
    }

    .matchScoreboard-bottom {
        width: 350px;
        float: left;
        background: rgba(255, 255, 255, 0.85);
        padding: 1.5rem;
        position: relative;
    }

    /** ATOM - TEAM INFO **/

    .matchScoreboard-top .matchStatus-date small {
        display: none;
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams .team-names {
        display: block;
        width: calc(100% - 180px);
        float: left;
        text-align: left;
        padding-left: 1.5rem;
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams .team-names h2 {
        font-size: 2.2rem;
        line-height: 2.6rem;
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams .team-logos {
        width: 180px;
        float: left;
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams .team-logos > div {
        position: relative;
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams .team-logos img {
        width: 60px;
        height: 60px;
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams .team-logos .teama {
        padding-right: 1rem;
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams .team-logos .teamb {
        padding-left: 1rem;
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams {
        width: calc(100% - 210px + 3rem);
        display: flex;
        align-items: center;
    }

    .matchScoreboard-top .matchStatus-date p,
    .matchScoreboard-top .matchStatus-date [data-countdown-clock] {
        font-size: .9rem;
    }

    .matchScoreboard-top .matchStatus-date p span {
        padding-left: .1rem;
    }

    /** ATOM - KICK OFF **/

    .matchScoreboard.matchStatus-widget .matchStatus-matchInfo .matchStatus-kickoff {
        font-size: 3rem;
        line-height: 4rem;
        margin-left: -3.5rem;
        width: 180px;
    }

    .matchScoreboard.matchStatus-widget[data-status="Res"] .matchStatus-matchInfo .matchStatus-kickoff {
        font-size: 2.3rem;
        width: 220px;
    }

    .matchScoreboard[data-status="Res"] .matchStatus-matchInfo .matchStatus-teams {
        width: calc(100% - 200px + 3rem)
    }

    /** MOLECULE - MATCH META **/

    .matchScoreboard .matchStatus-meta .meta-teams {
        display: none;
    }

    .matchScoreboard .matchStatus-meta {
        font-size: 1rem;
        line-height: 1.5rem;
        margin: 0;
        width: 100%;
    }

    .matchScoreboard .matchStatus-meta.hashtag-available {
        width: 70%;
    }

    .matchScoreboard .matchStatus-meta > span {
        color: #343434;
        display: block;
    }

    .matchScoreboard .matchStatus-meta .meta-hashtag {
        position: absolute;
        right: 0;
        top: 0;
        width: 30%;
    }

    /** MOLECULE - MATCH LINK **/

    .matchScoreboard .matchStatus-links {
        position: absolute;
        bottom: 1.5rem;
        left: 1.5rem;
        width: calc(100% - 3rem);
    }

    .matchStatus-widget.matchScoreboard .matchStatus-links > div {
        max-width: none;
    }

    .matchStatus-widget.matchScoreboard .matchStatus-links > div .btn {
        outline: 0;
        padding: .8rem;
        font-size: .85rem;
    }

    .matchStatus-widget.matchScoreboard .matchStatus-links[data-count="1"] > div {
        width: 100%;
    }

    .matchStatus-widget.matchScoreboard .matchStatus-links .hosp-button {
        background: #c9b771;
        color: #000000;
    }

    .matchStatus-widget.matchScoreboard .matchStatus-links .tickets-button {
        background: #d8252e;
    }

    .matchStatus-widget.matchScoreboard .matchStatus-links .tickets-button .btn {
        color: #ffffff;
    }

    .matchStatus-widget.matchScoreboard .matchStatus-links .tickets-button .btn:hover {
        border: 0;
    }

    .matchStatus-widget.matchScoreboard .matchStatus-links .result-button,
    .matchStatus-widget.matchScoreboard .matchStatus-links .live-button {
        display: inline-block;
    }

    .matchStatus-widget.matchScoreboard .matchStatus-links .result-button button:hover,
    .matchStatus-widget.matchScoreboard .matchStatus-links .live-button button:hover {
        background: #fff;
        color: #000;
    }

    /************************
        ORGANISM - OVERVIEW
    *************************/

    .match-sidebar {
        margin-top: 1rem;
    }

    /************************************
        ORGANISM - PREVIEW STATS TABLET
    ************************************/

    /* MOLECULE - LINEUPS */

    .replacements-heading {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }

    .lineup-teams .lineup-name {
        font-size: .9rem;
        padding-left: .8rem;
    }

    /*****************************************
        ORGANISM - PLAYER PERFORMANCE TABLET
    *****************************************/

    .playerPerformance-tabs {
        text-align: left;
    }

    .playerPerformance-tabs span {
        margin: 0rem;
        margin-right: 1rem;
        background: #424242;
    }

    .playerPerformance-key li {
        color: #b6b6b6;
    }

    /************************************
        ORGANISM - LIVE STATS TABLET
    ************************************/

    .statisticsBody {
        background: #ffffff;
        padding: 2rem 2rem 2rem 1rem;
    }

    .statisticsBody:before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #ffffff;
    }

    .match-performance-block {
        width: 100%;
    }

    .match-performance-heading {
        min-height: 60px;
        display: flex;
        align-items: center;
    }

    .match-performance-item:nth-child(1),
    .match-performance-item:nth-child(2),
    .match-performance-item:nth-child(3),
    .match-performance-item:nth-child(4) {
        margin-bottom: 0;
    }

    /*****************************************
        ORGANISM - MATCH STATISTICS - TABLET
    ******************************************/

    .statisticsBody {
        background: #fff;
        padding: 2rem 3rem;
        margin-left: 0;
        margin-right: 0;
    }

    /** MOLECULE - DEFENCE **/

    .season-stat.defence-stat,
    .stat-container-bar {
        width: 33.33333%;
    }

    .stat-container-bar {
        padding: 0;
        width: calc(33.3% - 2rem);
        margin-right: 3rem;
    }

    .stat-container-bar:first-child {
        margin-left: 0;
    }

    .stat-container-bar:last-child {
        margin-right: 0;
    }

    .mainStats-chartsInner,
    .season-stat .stat-detail-container {
        background: #f0f0f0;
    }

    .matchStatistics-charts .matchStatistics-possessionChart {
        padding-right: 2rem;
    }

    .matchStatistics-charts .matchStatistics-territoryChart {
        padding-left: 2rem;
    }

    /** ATOM - STATS BLOCKS **/

    .season-stat {
        padding: 0rem;
    }

    .season-stat:nth-child(odd) {
        width: calc(50% - 2rem);
        margin-right: 2rem;
    }

    .season-stat:nth-child(even) {
        width: calc(50% - 2rem);
        margin-left: 2rem;
    }

}

/* !Bootstrap md: Small Laptop (desktops, 1039px and up) */
@media (min-width: 65em) {

    /*************************************
        ORGANISMS - STAT-PLAYER DESKTOP
    *************************************/

    .stat-container-player {
        position: relative;
        margin: 0.75rem 0;
    }

    .stat-container-player .stat-title {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
        background-color: #ffffff;
        padding: 1rem 1.25rem;
    }

    .stat-container-player .stat-title p {
        margin: 0;
    }

    .stat-container-player .stat-detail-container {
        height: 6.7rem;
        padding: 0 2rem;
    }

    .stat-container-player .stat-teamA .stat-detail-headshot {
        float: left;
        margin-right: 2.5rem;
    }

    .stat-container-player .stat-detail-headshot {
        height: 4.7rem;
        display: inline-block;
    }

    .stat-container-player .stat-detail-headshot img {
        height: 4.7rem;
    }

    .stat-container-player .stat-detail-container .stat-value {
        margin-top: 2rem;
        font-size: 4.75rem;
    }

    .stat-container-player .stat-detail-container .stat-value {
        font-size: 2rem;
        margin: 0;
    }

    .stat-container-player .stat-teamB .stat-detail-headshot {
        float: right;
    }

    /****************************************
        ORGANISM - MATCH STATISTICS DESKTOP
    ****************************************/

    /** MOLECULE - SET PIECES **/

    .stat-bar-parent .stat-value {
        width: 95px
    }

    .stat-bar-parent .stat-bar-container {
        width: calc(100% - 140px);
    }

}

/* !Bootstrap md: Large devices (desktops, 1232px and up) */

@media (min-width: 77em) {

    /*************************************
        ORGANISM - NEXT/LAST MATCH DESKTOP
    *************************************/

    .matchStatus-widget .matchStatus-matchInfo .matchStatus-kickoff {
        width: 140px;
    }

    .matchStatus-widget .matchStatus-matchInfo .matchStatus-teams {
        width: calc(100% - 140px + 2rem);
    }

    /********************************************
        ORGANISM - PLAYER SEASON SO FAR DESKTOP
    ********************************************/

    .playerStats-blockContainer {
        padding: 3rem;
        display: flex;
        flex-wrap: wrap;
    }

    .playerStats-block,
    .playerStats-block:nth-child(2n+1) {
        border-bottom: 1px solid #c8c8c8;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .playerStats-block:before {
        display: none;
    }

    .playerStats-block .playerStats-value {
        font-size: 4.4rem;
        line-height: 4.5rem;
    }

    .playerStats-block .playerStats-label {
        font-size: 1.2rem;
        line-height: 1.4rem;
    }

    .playerStats-block:nth-child(2n+1)::after {
        height: 80%;
        top: 10%;
    }

    .playerStats-block p {
        margin: 0;
    }

    .playerStats-block:nth-last-child(1),
    .playerStats-block:nth-last-child(2) {
        border-bottom: 1px solid #c8c8c8;
    }

    /** DIFFERENT BLOCK LAYOUTS **/

    .playerStats-block[data-count="1"],
    .playerStats-block[data-count="2"] {
        width: 25%;
        padding: 2rem 1rem;
    }

    .playerStats-block[data-count="1"] .playerStats-value,
    .playerStats-block[data-count="2"] .playerStats-value {
        margin-bottom: 2rem;
        width: 100%;
    }

    .playerStats-block[data-count="3"],
    .playerStats-block[data-count="4"] {
        width: 50%;
    }

    .playerStats-block[data-count="3"] {
        margin-bottom: 1rem;
        padding: 3.2rem 1rem;
    }

    .playerStats-block[data-count="6"]:after,
    .playerStats-block[data-count="3"]:after {
        display: none;
    }

    .playerStats-block[data-count="3"] .playerStats-label {
        font-size: 1.8rem;
        line-height: 2rem;
        margin-left: 2rem;
    }

    .playerStats-block[data-count="4"] {
        padding: 3.2rem 1rem;
    }

    .playerStats-block[data-count="4"] .playerStats-label {
        margin-left: 2rem;
    }

    .playerStats-block[data-count="5"],
    .playerStats-block[data-count="6"] {
        width: 25%;
        padding: 2rem 1rem;
    }

    .playerStats-block[data-count="5"] .playerStats-label,
    .playerStats-block[data-count="6"] .playerStats-label {
        order: 1;
        width: 100%;
        margin-bottom: 1rem;
    }

    .playerStats-block[data-count="5"] .playerStats-value,
    .playerStats-block[data-count="6"] .playerStats-value {
        order: 2;
    }

    /*******************************
        ORGANISM - OVERVIEW DESKTOP
    *******************************/

    /** MOLECULE - MATCH SCOREBOARD **/

    .matchScoreboard.matchStatus-widget[data-status="Res"] .matchStatus-matchInfo .matchStatus-kickoff {
        font-size: 2.8rem;
        width: 260px;
    }

    .matchScoreboard[data-status="Res"] .matchStatus-matchInfo .matchStatus-teams {
        width: calc(100% - 250px + 3rem);
    }

        /** MATCH SIDEBAR **/

    .match-sidebar {
        margin-top: 1rem;
        padding: 2rem;
    }

    /************************************
        ORGANISM - LIVE STATS DESKTOP
    ************************************/

    .match-performance-block {
        width: 50%;
    }

    .match-performance-item:nth-child(1) .match-performance-block,
    .match-performance-item:nth-child(2) .match-performance-block,
    .match-performance-item:nth-child(3) .match-performance-block,
    .match-performance-item:nth-child(4) .match-performance-block {
        width: 100%;
    }

    /*****************************************
        ORGANISM - PLAYER PERFORMANCE TABLET
    *****************************************/

    .playerPerformance-tabs,
    .playerPerformance-key,
    .playerPerformance-content {
        padding: 0 2rem;
    }

    /*****************************************
        ORGANISM - MATCH STATISTICS - DESKTOP
    ******************************************/

    .statisticsBody {
        padding: 2rem 3rem;
        margin-left: 0;
        margin-right: 0;
        margin-top: 3rem;
    }

    .statisticsBody:nth-child(odd) {
        width: calc(100% - 2rem);
    }

    .statisticsBody:nth-child(even) {
        width: calc(100% - 2rem);
        margin-left: 2rem;
    }

    [data-stat="defence"] .season-stat:nth-child(odd) {
        width: calc(33.3% - 3rem);
        float: left;
        margin: 0 4.5rem;
    }

    [data-stat="defence"] .season-stat:nth-child(even) {
        width: calc(33.3% - 3rem);
        float:left;
        margin: 0;
    }

    [data-stat="discipline"] .season-stat:nth-child(odd) {
        width: calc(33.3% - 3rem);
        float: left;
        margin: 0 4.5rem;
    }

    [data-stat="discipline"] .season-stat:nth-child(even) {
        width: calc(33.3% - 3rem);
        float: left;
        margin: 0;
    }

    [data-count="data stat"] .statisticsBody {
        background: #fff;
        padding: 2rem 3rem;
        margin-left: 0;
        margin-right: 0;
    }

    .statisticsBody:nth-child(odd):before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #fff;
    }

    .statisticsBody:nth-child(even):before {
        content: '';
        position: absolute;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background: #fff;
    }

    /** MOLECULE - ATTACK **/

    /** ATOM - CHARTS **/

    .matchStatistics-charts {
        width: 380px;
        float: left;
        margin-right: 4rem;
    }

    .matchStatistics-charts .matchStatistics-possessionChart,
    .matchStatistics-charts .matchStatistics-territoryChart {
        width: 100%;
        padding: 0;
    }

    .matchStatistics-charts .pie-container {
        width: 140px;
    }

    .matchStatistics-charts .stat-detail-container {
        width: calc(100% - 140px + 1rem);
        margin-left: -2rem;
    }

    .mainStats-chartsInner {
        padding: 1rem;
        width: calc(100% - 1rem);
        margin-left: 1rem;
    }

    .mainStats-chartsInner .teamLogo {
        width: 40px;
    }

    .mainStats-chartsInner .teamLogo img {
        width: 40px;
        height: 40px;
    }

    /** ATOM - STATS BLOCKS **/

    .otherStats-logos,
    .otherStats-logos.inner-logos {
        width: 50%;
        float: left;
        display: flex;
        margin-bottom: 2.5rem;
    }

    .otherStats-logos img {
        width: 40px;
        height: 40px;
    }

    .matchStatistics-otherStats {
        width: calc(100% - 450px);
        float: left;
    }

    .season-stat {
        padding: 0 1rem;
        margin-bottom: 2.5rem;
    }

    /* ORGANISM - RWC STATS */

    .statistics__club-rwc {
        width: 31.33%;
    }


}

/* !Bootstrap md: Large devices (desktops, 1366px and up) */
@media (min-width: 85.375em) {

    /********************************************
        ORGANISM - PLAYER SEASON SO FAR DESKTOP
    ********************************************/

    .playerStats-block .playerStats-value {
        font-size: 6rem;
        line-height: 6.3rem;
    }

    .playerStats-block[data-count="3"] .playerStats-label {
        font-size: 2.1rem;
        line-height: 2.4rem;
    }

    /*******************************
        ORGANISM - OVERVIEW DESKTOP
    *******************************/

    /** MOLECULE - MATCH SCOREBOARD **/

    .matchScoreboard {
        padding-left: 3rem;
    }

    .matchScoreboard-top {
        width: calc(100% - 400px);
        padding: 1.5rem 3rem 3.5rem 1.5rem;
    }

    .matchScoreboard-bottom {
        width: 400px;
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-kickoff {
        font-size: 3.1rem;
        line-height: 4.5rem;
        width: 250px;
    }

    .matchScoreboard-top .matchStatus-date p,
    .matchScoreboard-top .matchStatus-date [data-countdown-clock] {
        font-size: 1rem;
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams .team-names h2 {
        font-size: 2.8rem;
        line-height: 3.1rem;
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams {
        width: calc(100% - 180px + 3rem);
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams .team-logos img {
        width: 70px;
        height: 70px;
    }

}

/* !Bootstrap lg: Extra Large devices (desktops, 1500px and up) */

@media (min-width: 93.750em) {

    /************************************
        ORGANISM - LIVE STATS DESKTOP
    ************************************/

    .matchStatistics-charts {
        width: 400px;
    }

    .matchStatistics-otherStats {
        width: calc(100% - 500px)
    }

    .season-stat .stat-value {
        padding: 0.1rem 0;
    }

    .season-stat .stat-detail-container {
        padding: 1.5rem 0;
    }

}

/* !Bootstrap lg: XL devices (desktops, 1696px and up) */
@media (min-width: 106em) {

    /*******************************
        ORGANISM - OVERVIEW DESKTOP
    *******************************/

    /** MOLECULE - MATCH SCOREBOARD **/

    .matchScoreboard {
        padding-left: 4rem;
    }

    .matchScoreboard-top {
        width: calc(100% - 450px);
    }

    .matchScoreboard-bottom {
        width: 450px;
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams .team-logos {
        width: 235px;
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams .team-names {
        width: calc(100% - 235px);
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams .team-logos img {
        width: 80px;
        height: 80px;
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams .team-logos .teama {
        padding-right: 1.5rem;
    }

    .matchScoreboard .matchStatus-matchInfo .matchStatus-teams .team-logos .teamb {
        padding-left: 1.5rem;
    }
}