/*****************************
    ORGANISMS - SQUAD INDEX
*****************************/

/** MOLECULE - SENIOR BLOCK **/

.squad__block {
    display: flex;
    position: relative;
}

.squad__block-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
}

.squad__player-info,
.squad__player-headshot {
    width: 50%; 
    position: relative;
}

.squad__position {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.squad__captain {
    border-left: 1px solid #929292;
}

.squad__name {
    position: relative;
}

.squad__name .icon-divider {
    height: 6px;
    width: 70%;
}

.squad__name .icon-divider:before {
    border-width: 6px 0 0 6px;
    right: -6px;
}

.squad__stats {
    min-height: 66px;
}

.squad__stat-block {
    display: flex;
    align-items: center;
}

.squad__stat-block .label {
    line-height: .9rem;
}

.squad__player-headshot {
    overflow: hidden;
}

.squad__player-headshot:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 );
    width: 100%;
    height: 100%;
}

.squad__player-headshot img {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: auto;
    max-width: none;
    transform: translate(-50%,0);
    object-fit: cover;
    width: 100%;
    object-position: top;
}

.squad__player-headshot[data-focus="centre-left"] img {
    left: 0;
    transform: none;
}

.squad__player-headshot[data-focus="centre-right"] img {
    left: 100%;
    transform: translate(-100%,0);
}

/** MOLECULE - SQUAD NAVIGATION **/

.squad__filter {
    border-bottom: 1px solid #d7d7d7;
}

.squad__filter li {
    position: relative;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
}

.squad__filter li:hover,
.squad__filter .active {
    color: #000;
}

.squad__filter .active:after {
    content: '';
    position: absolute;
    bottom: -1.1rem;
    left: 0;
    width: 100%;
    height: 4px;
    background: #000;
}

/** MOLECULE - ALTERNATIVE BLOCK **/

.squad__alt-block {
    display: flex;
    align-items: center;
    border: 1px solid #d7d7d7;
    position: relative;
}

.squad__alt-headshot {
    width: 90px;
}

.squad__alt-player {
    width: calc(100% - 90px);
}

.squad__alt-position {
    display: flex;
    align-items: center;
}

.squad__alt-position .icon-divider {
    height: 6px;
}

.squad__alt-position .icon-divider:before {
    border-width: 6px 0 0 6px;
    right: -6px;
}

/*****************************
    ORGANISMS - STAFF PAGE
*****************************/

.staff__header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d7d7d7;
}

.staff__headshot {
    width: 100px;
}

.staff__meta {
    width: calc(100% - 100px);
}

/*******************************
    ORGANISMS - PLAYER HERO
*******************************/

.player-hero__container {
    background: #000;
    overflow: hidden;
}

.player-hero__name {
    position: relative;
}

.player-hero__name:before {
    content: '';
    position: absolute;
    bottom: -1rem;
    left: 0;
    width: 60%;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #799343;
}

.player-hero__stats-title {
    font-size: .8rem;
}

.player-hero__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.player-hero__province {
    height: 70px;
    width: 70px;
}

/** MOLECULE - PLAYER HERO TITLE **/

.player-hero__info-captain {
    position: relative;
}

.player-hero__info-captain:before {
    content: "|";
    position: absolute;
    left: -1rem;
    top: -.1rem;
}

/*************************************
    ORGANISMS - PLAYER HERO STATS
**************************************/

.player-hero__stats-main {
    display: flex;
    flex-wrap: wrap;
}

/** MOLECULE - PLAYER HERO MAIN STAT**/

.player-hero__main-stat {
    display: flex;
    flex: 0 1 49%;
    align-items: center;
}

.player-hero__main-stat:nth-of-type(2n) {
    border-left: 1px solid #799343;
}

.player-hero__main-value,
.player-hero__label {
    flex: 0 1 50%;
    max-width: 50%;
}

.player-hero__label {
    line-height: 1rem;
}

.player-hero__main-label-text {
    font-size: .7rem;
    word-spacing: 100rem;
}

.player-hero__main-value {
    line-height: 2rem;
    font-size: 2rem;
}

.squad__block.ireland-7s .squad__stats,
.squad__block.ireland-womens-seven .squad__stats {
    visibility: hidden;
}

/** MOLECULE - PLAYER HERO STATS TABLE **/

.player-hero__table-stat {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #799343;
}

/********************************
    ORGANISMS - PLAYER OVERVIEW
********************************/

.player-profile__nav-share,
.player-profile__overview,
.player-overview__summary-container {
    position: relative;
}

.player-profile__navigation-tabs > .tab {
    font-size: .8rem;
    padding: .5rem;
}

.player-profile__navigation-tabs:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.player-overview__details-block:last-of-type,
.player-overview__news,
.player-overview__summary {
    border-bottom: 1px solid #ccc;
}

.player-overview__profile {
    display: flex;
    align-items: center;
    border-top: 1px solid #ccc;
}

.player-overview__bio {
    width: 100%;
}

.player-overview__headshot {
    width: 35%;
    max-width: 153px;
    height: 35%;
}

.player-historic__headshot {
    max-width: 185px;
}

.player-profile__overview--historic .player-overview__profile {
    align-items: center;
}

/** MOLECULE - OVERVIEW DETAILS **/

.player-overview__details-block {
    border-top: 1px solid #ccc;
}

.player-overview__club-logo-container {
    display: none;
}

/** MOLECULE - OVERVIEW SUMMARY **/

.player-overview__summary {
    max-width: 600px;
    margin: 0 auto;
}

.player-overview__news .post__news-section,
.player-overview__news .post-list {
    float: none;
    padding: 0;
}

.player-overview__news .post-list {
    padding: 1rem;
}

/************************************
    ORGANISMS - PLAYER MATCH SUMMARY
************************************/

/** MOLECULE - PLAYER MATCH TABLES **/

.player-match__career,
.player-match__match {
    border: 1px solid #ccc;
    border-width: 1px 0;
}

.player-match__career-select,
.player-match__match-select {
    border-bottom: 1px solid #ccc;
}

.player-match__career-select select,
.player-match__match-select select {
    float: none;
    border: 0;
    padding: 0;
    color: #006641;
}

.player-match__career-table table thead tr th,
.player-match__career-table table tbody tr td,
.player-match__match-table table thead tr th,
.player-match__match-table table tbody tr td {
    padding: 1rem .5rem;
}

.player-match__career-table thead th:nth-of-type(-n+2),
.player-match__career-table tbody td:nth-of-type(-n+2),
.player-match__match-table thead th:first-of-type,
.player-match__match-table tbody td:first-of-type {
    text-align: left;
}

.player-match__career-table tbody tr:last-of-type {
    background: #d7d7d7;
    font-weight: 600;
}

.player-match__career-table tbody tr:last-of-type td,
.player-match__career-table tbody td:nth-of-type(2),
.player-match__match-table tbody td:first-of-type {
    text-transform: uppercase;
}

/*************************************
    ORGANISMS - PLAYER CAREER SUMMARY
**************************************/

.player-career__global {
    border: 1px solid #ccc;
    border-width: 1px 0;
}

.player-career__widget .player-career__global {
    border-width: 0;
}

.player-career__minor-stats,
.player-career__full-stats {
    display: flex;
    justify-content: space-between;
}

.player-career__minor-stats {
    border-bottom: 1px solid #ccc;
}

.player-career__played,
.player-career__total-points {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.player-career__logo {
    max-width: 80px;
}

.player-career__caps {
    flex: 0 1 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #ccc;
}

.player-career__widget .player-career__caps {
    display: none;
}

.player-career__widget {
    flex: 0 1 65%;
}

.player-career__played-value {
    line-height: 5.2rem;
}

.player-career__total-points {
    flex: 0 1 100%;
    padding: 0 1rem;
}

.player-career__total-value {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 100%;
}

.player-career__full-stats {
    flex-wrap: wrap;
}

.player-career__stats {
    flex: 0 1 48%;
    display: flex;
    align-items: center;
}

.player-career__stats-value,
.player-career__stats-title {
    flex: 0 1 48%;
}


/******************************************
    ORGANISMS - PLAYER OVERVIEW SIMPLIFIED
******************************************/

.player-profile__overview--simplified .player-overview__name-social,
.player-profile__overview .player-profile__title {
    display: none;
}

.player-profile__overview--simplified .player-overview__profile {
    border: 0;
}

.player-profile__overview--simplified .player-overview__profile-container {
    padding-top: 0;
}

/** MOLECULE - PLAYER PROFILE SIMPLIFIED TITLE **/

.player-profile__title-position {
    display: inline;
    position: relative;
}

.player-profile__title-position:after {
    content: '';
    position: absolute;
    right: -7rem;
    bottom: .3rem;
    width: 6rem;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #799343;
}

/**************************************
    ORGANISMS - PLAYER RELATED PLAYERS
***************************************/

.player-related .article__tags-list li,
.player-related {
    border: 1px solid #ccc;
}

.player-related {
    border-width: 1px 0;
}

/*****************************
    ORGANISMS - PLAYER SEARCH
*****************************/

[data-player="search"] [data-input="player"] {
    width: 100%;
    height: 40px;
    border: 1px solid #d7d7d7;
}

[data-player="search"] [data-input="player"]:focus {
    outline: none;
    box-shadow: 0 0 0 30px white inset;
    -webkit-box-shadow: 0 0 0 30px white inset;
    background-color: #fff;
}

/***************************
    SQUAD TOURNAMENT FILTER
***************************/
.squad__heading {
    display: flex;
}

.squad__heading header {
    flex: 0 0 30%;
}

.squad__heading .squad__tournament-filter {
    flex: 0 0 70%;
}

#squadFilter {
    float: right;
    cursor: pointer;
    margin: .6rem 0;
    width: fit-content;
    background-position: 95%;
    padding: 11px 30px 10px 12px;
}

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

}

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

    /*****************************
        ORGANISMS - SQUAD INDEX
    *****************************/

    .squad__player-info {
        width: calc(100% - 230px);
    }

    .squad__player-headshot {
        width: 230px;
    }

    /*******************************
    ORGANISMS - PLAYER HERO
    *******************************/

    .player-hero {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .player-hero__image {
        order: 2;
        flex: 0 1 53%;
    }
    
    .player-hero__title {
        order: 1;
        flex: 0 1 42%;
        min-height: 200px;
    }

    .player-hero__stats {
        order: 3;
        flex: 0 1 100%;
    }
}

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

}

/* !Bootstrap sm: Medium devices (tablets, 768px and up) */
@media (min-width: 48em) {
    
    /************************************
        ORGANISMS - SQUAD INDEX TABLET
    ************************************/
    
    /** MOLECULE - SENIOR BLOCK **/
    
    .squad__player-info {
        width: calc(100% - 190px);
    }
    
    .squad__player-headshot {
        width: 190px;
    }
    
    .squad__body {
        display: flex;
        flex-wrap: wrap;
        border: 1px solid #fff;
    }
    
    .squad__block {
        width: 50%;
        margin: 0;
        border: 1px solid #fff;
    }
    
    /** MOLECULE - ALTERNATIVE BLOCK **/
    
    .squad__alt-block {
        width: calc(50% - 2px);
        border: 0;
        outline: 1px solid #d7d7d7;
        margin: 1px 0 0 1px;
    }
    

    /*********************************
    ORGANISMS - PLAYER HERO - TABLET
    **********************************/

    .player-hero__info-top {
        display: none;
    }

    .player-hero__info-bottom {
        padding: 4rem;
    }

    .player-hero__player {
        display: block;
        width: 98%;
        margin-bottom: 2rem;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #799343;
    }

    .player-hero__info-name {
        font-size: 1.8rem;
    }

    .player-hero__image-container:before {
        display: none;
    }

    /*******************************************
        ORGANISMS - PLAYER HERO STATS - TABLET
    ********************************************/

    /** MOLECULE - PLAYER HERO MAIN STAT **/

    .player-hero__main-stat {
        flex: 0 1 31%;
        flex-direction: column;
        margin-bottom: 1rem;
        padding-left: 1rem;
        height: 4rem;
        align-items: flex-start;
        border-left: 1px solid #799343;
    }

    .player-hero__main-stat:nth-of-type(3n - 2) {
        border: none;
        padding: 0;
    }

    .player-hero__main-value {
        font-size: 3rem;
    }

    .player-hero__label {
        margin: .5rem 0 0;
    }
    
    .player-hero__main-label-text {
        margin: 1rem 0 0;
        font-size: .8rem;
        word-spacing: 0;
    }

    .player-hero__label-icon {
        display: inline;
        color: #799343;
    }

    /** MOLECULE - PLAYER HERO STATS TABLET **/

    .player-hero__stats-table {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .player-hero__table-stat {
        flex: 0 1 47%;
    }

    /**************************************
        ORGANISMS - PLAYER OVERVIEW TABLET
    ***************************************/

    .player-overview__news.news__block {
        margin: 3rem auto;
    }
    
    .player-career {
        margin: 0 auto 3rem;
    }

    .player-profile__social,
    .player-profile__navigation-tabs{
        margin: 1rem auto;
    }

    .player-overview__summary,
    .player-overview__profile,
    .player-match {
        margin: 0 auto;
    }

    .player-profile__navigation-tabs > .tab {
        font-size: 1rem;
        padding: .5rem 1.5rem;
    }

    .player-overview__summary {
        border-top: 1px solid #ccc;
    }

    .player-overview__bio {
        padding: 0 1rem;
    }

    .player-overview__headshot {
        max-width: 110px;
    }

    /** MOLECULE - OVERVIEW SOCIAL **/

    .player-overview__profile {
        border-bottom: 1px solid #ccc;
    }

    .player-overview__name-social {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: .5rem 0;
        border-bottom: 1px solid #ccc;
    }

    .player-overview__name {
        font-size: 1.7rem;
    }

    .player-overview__social {
        text-align: right;
    }

    /** MOLECULE - OVERVIEW DETAILS **/

    .player-overview__details {
        display: flex;
        justify-content: flex-start;
        font-size: .9rem;
    }

    .player-overview__details-block {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        flex: 0 1 20%;
        padding: 0 1rem;
        margin: 1rem 1rem 1rem 0;
        border: 0;
        border-left: 1px solid #ccc;
    }
    
    .player-overview__details-label {
        width: 100%;
    }

    .player-overview__details-block:first-of-type {
        border: 0;
        padding: 0;
    }
    
    .player-profile__overview--historic .player-overview__details-block:first-of-type {
        padding: 0 .3rem;
    }

    .player-overview__details-block:last-of-type {
        flex-direction: row;
        border-bottom: 0;
    }

    .player-overview__details-value {
        margin: .5rem 0 0;
        font-size: 1.3rem;
        line-height: 1.6rem;
    }
    
    .player-overview__details-value > span {
        display: block;
    }

    .player-overview__club-logo-container {
        display: block;
    }

    .player-overview__club-logo {
        max-width: 50px;
        margin-right: .5rem;
    }

    .player-overview__club-description {
        display: flex;
        flex-direction: column;
    }

    /***************************************
    ORGANISMS - PLAYER MATCH SUMMARY TABLET
    ***************************************/

    /** MOLECULE - PLAYER MATCH TABLES **/

    .player-match__career-select,
    .player-match__match-select {
        padding: 1rem .5rem;
    }

    .player-match__career-select select,
    .player-match__match-select select {
        font-size: 1.5rem;
    }

    .player-match__opponent-logo {
        display: inline;
        margin-right: 1rem;
    }

    /****************************************
    ORGANISMS - PLAYER CAREER SUMMARY TABLET
    *****************************************/

    .player-career__global {
        display: flex;
        margin: 0;
    }
    
    .player-career__minor-stats {
        flex: 0 1 30%;
    }

    .player-career__full-stats {
        flex: 0 1 70%;
    }

    .player-career__minor-stats {
        border: 0;
    }

    .player-career__played-value {
        font-size: 5rem;
        line-height: 7.7rem;
    }

    .player-career__total-value {
        width: 120px;
        height: 120px;
    }

    .player-career__total-value span {
        font-size: 3rem;
        line-height: 3.1rem;
    }

    .player-career__full-stats {
        border-left: 1px solid #ccc;
    }

    .player-career__stats {
        flex-direction: column;
    }

    .player-career__stats-value,
    .player-career__stats-title {
        flex: 0 1 auto;
    }

    /*********************************************
    ORGANISMS - PLAYER OVERVIEW SIMPLIFIED TABLET
    *********************************************/

    .player-profile__overview--simplified .player-overview__name-social {
        border: 0;
    }

    .player-profile__overview--simplified .player-overview__profile {
        align-items: flex-end;
    }

    .player-profile__overview--simplified .player-overview__details-block {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .player-profile__overview--simplified .player-overview__club-logo-container {
        display: none;
    }

    .player-profile__overview--simplified .player-overview__profile-container {
        padding-bottom: 3rem;
    }


    /** MOLECULE - PLAYER PROFILE SIMPLIFIED TITLE **/

    .player-profile__title {
        display: none;
    }

    .player-profile__overview--simplified .player-profile__title {
        display: block;
    }

    /***************************
    *   SQUAD TOURNAMENT FILTER 
    ***************************/
    .squad__heading header,
    .squad__heading .squad__tournament-filter {
        flex: 0 0 50%;
    }

    #squadFilter {
        padding: 10px 30px 10px 12px;
        margin: 1.5rem 0 .5rem;
    }
}

/* !Bootstrap sm: Medium devices (landscape tablets, 1000px and up) */
@media (min-width: 62.5em) {
    
    /**********************************
        ORGANISMS - STAFF PAGE TABLET
    **********************************/
    
    .staff__header,
    .staff__content {
        max-width: 980px;
        margin: 0 auto;
        float: none;
        padding: 1.5rem 0;
    }
    
    .staff__header {
        padding: 1.5rem 1rem;
    }

    /**************************************
        ORGANISMS - PLAYER OVERVIEW TABLET
    **************************************/

    .player-overview__news.news__block,
    .player-profile__social,
    .player-profile__navigation-tabs,
    .player-overview__profile,
    .player-match,
    .player-career {
        max-width: 980px;
    }

    .player-overview__news {
        padding: 0;
    }

    /***********************************************
        ORGANISMS - PLAYER RELATED PLAYERS TABLET
    ***********************************************/

    .player-related {
        max-width: 980px;
        padding: 1rem;
        margin: 0 auto;
    }
    
    /****************************************
        ORGANISMS - PLAYER SEARCH TABLET
    *****************************************/
    
     .squad__body[data-player="search"] {
        max-width: 980px;
        margin: 0 auto;
        display: block;
    }
}

/* !Bootstrap md: Small Laptop (desktops, 1039px and up) */
@media (min-width: 65em) {
    
    /************************************
        ORGANISMS - SQUAD INDEX DESKTOP
    ************************************/
    
    /** MOLECULE - SENIOR BLOCK **/
    
    .squad__player-info {  
        width: calc(100% - 210px);
    }
    
    .squad__player-headshot {
        width: 210px;
    }
    
    /** MOLECULE - ALTERNATIVE BLOCK **/
    
    .squad__body--alt {
        padding: 0 1rem;
        justify-content: center;
    }
    
    .squad__alt-block {
        width: 185px;
        float: left;
        flex-wrap: wrap;
        padding: 1rem;
        margin: 0 1rem 1rem;
    }
    
    .squad__alt-headshot,
    .squad__alt-player {
        width: 100%;
        padding: 0;
    }
    
    .squad__alt-headshot {
        order: 2;
    }
    
    .squad__alt-player {
        order: 1;
        min-height: 80px;
        padding-bottom: 1rem;
    }
    
    .squad__alt-name span {
        display: block;
    } 
    
    /**********************************
        ORGANISMS - STAFF PAGE DESKTOP
    **********************************/
    
    .staff__headshot {
        width: 180px;
    }
    
    .staff__meta {
        width: calc(100% - 180px);
    }

    /************************************
    ORGANISMS - PLAYER OVERVIEW DESKTOP
    ************************************/

    .player-overview__headshot {
        max-width: 152px;
    }

    .player-overview__summary {
        max-width: 980px;
        padding: 1rem 10rem;
    }
}

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

@media (min-width: 77em) {

    /************************************
    ORGANISMS - PLAYER OVERVIEW DESKTOP
    ************************************/

    .player-overview__news {
        border-bottom: none;
    }

    .player-overview__news .post__news-group--large,
    .player-overview__news .post__news-group--small {
        flex: 0 1 50%;
    }

    .player-overview__news .post__news-group--large {
        padding: 0;
    }

    .player-overview__summary,
    .player-overview__profile {
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .player-overview__summary {
        border-top: 0;
    }

    .player-overview__summary-container:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

    /** MOLECULE - PLAYER MATCH TABLES **/

    .player-match__career,
    .player-match__match {
        border-width: 1px;
        padding: 0 1rem 1rem;
    }

    /****************************************
    ORGANISMS - PLAYER CAREER SUMMARY DESKTOP
    *****************************************/

    .player-career__global {
        border-width: 1px;
    }

    /*******************************************
    ORGANISMS - PLAYER CAREER SIMPLIFIED DESKTOP
    *******************************************/

    .player-profile__overview--simplified .player-overview__summary-container:before {
        display: none;
    }

    .player-profile__overview--simplified .player-overview__summary {
        border-top: 1px solid #ccc;
    }
}

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

    .squad__block {
        width: 33.333%;
    }
    
    .squad__player-info {
        width: 45%;
    }
    
    .squad__player-headshot {
        width: 55%;
    }
    
    /***************************************
        ORGANISMS - PLAYER HERO - DESKTOP
    ***************************************/

    .player-hero {
        display: block;
        position: relative;
        max-height: 850px;
    }

    .player-hero__title {
        width: 43%;
        min-height: auto;
    }

    .player-hero__stats {
        width: 43%;
    }

    .player-hero__image {
        position: absolute;
        right: 0;
        top: 0;
        width: 53%;
        height: 100%;
    }
    
    .player-hero__image img {
        max-width: none;
        height: 100%;
    }

    .player-hero__info-bottom {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 50%;
        background-color: transparent;
    }

}

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

@media (min-width: 93.750em) {
    
    /**********************************
        ORGANISMS - STAFF PAGE DESKTOP
    **********************************/

    .staff__header,
    .staff__content {
        max-width: 1280px;
    }
    
    /****************************************
        ORGANISMS - PLAYER SEARCH TABLET
    *****************************************/
    
     .squad__body[data-player="search"] {
        max-width: 1280px;
    }


}

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

    .squad__container,
    .player-hero {
        max-width: 1920px;
        margin: 0 auto;
    }

    .squad__body {
        padding: 0 1rem;
    }
    
    .player-hero__image img {
        max-width: 100%;
        height: auto;
    }


}