/*******************************
    ORGANISM - PLAYER PAGE
*******************************/

/** ATOM - PLAYER HEADSHOT **/

.player-mainInfo .player-headshot {
    text-align: center;
    position: relative;
}

.player-mainInfo .player-headshot > img {
    width: 65%;
    margin: 0 auto;
    height: auto;
    max-width: 280px;
}

/** ATOM - PLAYER CAPS **/
.player-mainInfo .player-caps {
    position: absolute;
    left: 0;
    top: 0;
    font-size: .95rem;
}

.player-mainInfo .player-caps span {
    font: 500 2.2rem/2.3rem 'Choplin', 'Helvetica', Arial, sans-serif;
}

.player-mainInfo .player-cap-no {
    width: 100%;
    float: left;
}

/** ATOM - PLAYER LIONS (CONDITIONAL) **/
.player-mainInfo .player-lions {
    position: absolute;
    right: 0;
    bottom: 1.5rem;
    width: 40px;
    height: 40px;
}

/** ATOM - PLAYER CAPTAIN (CONDITIONAL) **/
.player-mainInfo .player-profile .name {
    width: 100%;
    float: left;
}

.player-mainInfo .player-profile .captain {
    display: flex;
    align-items: center;
}

.player-mainInfo .player-profile .captain h1 {
    width: calc(100% - 40px);
    float: left;
    padding-right: .8rem;
}

.player-mainInfo .player-headshot .player-captain {
    width: 40px;
    height: 40px;
    float: left;
}

.player-mainInfo .player-headshot .player-captain {
    display: none;
}

.player-mainInfo .player-headshot .captain .player-captain {
    display: block;
}

.player-mainInfo .player-headshot .captain {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -4.5rem;
}


/** MOLECULE - PLAYER PROFILE **/
.player-profile .player-bio,
.playerProfile-tabs {
    width: 100%;
    float: left;
}

.playerProfile-tabs {
    margin: 1rem 0;
}

.playerProfile-tabs .tab[data-tab="profile"] {
    margin-right: 2%;
}

.playerProfile-tabs .tab {
    width: 49%;
    float: left;
    padding: .675rem;
    text-align: center;
    opacity: 0.5;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    cursor: pointer;
}

.playerProfile-tabs span.tab:hover{
    background:#343434;
    opacity: 1;
    color: #fff;
}

.playerProfile-tabs span.tab-nav-active:hover,
.playerProfile-tabs span.tab-nav-active {
    background: #cbb766;
    color: #343434;
    opacity: 1;
}

.playerProfile-blockContainer {
    font-size: .85rem;
}

.playerProfile-blockContainer span {
    width: 50%;
    float: left;
}

.playerProfile-blockContainer span.profile-label {
    font-weight:500;
}

/** MOLECULE - PLAYER NEWS **/

.player-news .player-newsInner h3 {
    padding-left: 1rem;
}

.player-newsInner .aggregator-block {
    margin-bottom: 0rem;
    border-bottom: 1px solid rgba(52, 52, 52, 0.2);
}

.player-newsInner .aggregator-block:nth-child(1) .aggregator-blockInner,
.player-newsInner .aggregator-block:nth-last-child(1) {
    display:flex;
    border: 0;
}

.player-newsInner .aggregator-block:nth-child(1) .aggregator-blockInner .aggregatorContent {
    padding-left: 0;
}

/** ATOM - PLAYER SHOP **/
.player-mainInfo > .player-shop {
    display: none;
}

/** ATOM - PLAYER SHOP **/
.player-shop p i {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translate(0,-50%);
}

/** ATOM - PLAYER TICKETS **/
.player-buy-tickets {
    float: left;
    display: flex;
    align-items: center;
    position: relative;
}

.player-buy-tickets a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.player-buy-tickets p {
    width: calc(100% - 40px);
    float: left;
    line-height: 1.3rem;
}

.player-buy-tickets i {
    width: 40px;
    float: left;
    text-align: right;
}

/** ATOM - PLAYER PHOTOS **/
.player-photos .btn {
    display: block;
    position: relative;
    padding: .7rem 0;
    width: 100%;
    background:none;
    color: #343434;
    text-align: left;
    font: 500 .9rem 'Choplin', 'Helvetica', Arial, sans-serif;
}

.player-photos .btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 2rem;
    width: calc(100% - 2rem);
    height: 100%;
    background: #fff;
    z-index: -1;
}

.player-photos .btn i {
    position: absolute;
    right: 1rem;
    line-height: 1.5;
}

.player-photos .btn i {
    color:#ea0021;
}

[data-type="photos"] .player-photos .btn {
    display: none;
}

/** ATOM - PLAYER TABLES **/
[data-tab-content="player-tables"] select {
    margin-bottom: 1rem;
}

/** MOLECULE - PLAYER SLIDER **/
.player-slider .player-slide {
    position: relative;
    display: flex;
    align-items: center;
}

.player-slide .player-slideLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.player-slider .player-slideName {
    width: calc(100% - 45px);
    float: left;
    padding-left: 1rem;
}

.player-slider .player-slideName h4 {
    font-size: 1rem;
    line-height: 1.3rem;
}

.player-slider .player-slideName p {
    font-size: .85rem;
}

.player-slider .player-slideHeadshot {
    width: 45px;
    float: left;
    background: #595959;
    padding: .3rem .3rem 0;
    height: 45px;
    overflow: hidden;
}

.player-slider .slick-list {
    width: calc(100% - 50px);
    float: left;
}

.player-slider .slider-next {
    background: #484848;
    position: absolute;
    right: 0;
    top: 50%;
    width: 35px;
    height: 35px;
    line-height: 40px;
    transform: translate(0,-50%);
    text-align: center;
    cursor: pointer
}

.player-slider .slider-prev {
    background: #484848;
    position: absolute;
    left: -100%;
    top: 50%;
    width: 35px;
    height: 35px;
    line-height: 40px;
    transform: translate(0,-50%);
    text-align: center;
    cursor: pointer;
}

/*******************************
    ORGANISM - MANAGEMENT PAGE
*******************************/

/** ATOM - STAFF HEADSHOT **/

.player-mainInfo .staff-headshot {
    text-align: center;
}

.player-mainInfo .staff-headshot img {
    width: 100%;
    max-width: 320px;
    height: auto;
    margin: 0 auto;
}

/** ATOM - STAFF NAME **/

.player-mainInfo .player-name .name {
    position: relative;
    padding-left: 1rem;
}

.player-mainInfo .player-name .name h1 {
    font-weight: 200;
}

.player-mainInfo .player-name .name:after {
    content: '';
    position: absolute;
    width: 1rem;
    height: 100%;
    top: 0;
    right: -1rem;
    background: #fff;
}

/** MOLECULE - PLAYER SLIDER **/
.player-slider:before {
    content: '';
    position: absolute;
    left: 0%;
    top: 0;
    width: 107%;
    height: 100%;
    background: #343434;
    z-index: 0;
}

.player-slider .player-slide {
    display: flex;
    align-items: center;
}

.player-slider .player-slideName {
    width: calc(100% - 45px);
    float: left;
    padding-left: 1rem;
}

.player-slider .player-slideName h4 {
    font-size: 1rem;
    line-height: 1.3rem;
}

.player-slider .player-slideName p {
    font-size: .85rem;
    color: #b1b1b1;
}

.player-slider .player-slideHeadshot {
    width: 45px;
    float: left;
    background: #595959;
    padding: .3rem .3rem 0;
    height: 45px;
    overflow: hidden;
}

.player-slider .slick-list {
    width: calc(100% - 50px);
    float: left;
}

.player-slider .slider-next {
    background: #484848;
    position: absolute;
    right: -1rem;
    top: 50%;
    width: 40px;
    height: 40px;
    line-height: 44px;
    transform: translate(0,-50%);
    text-align: center;
    cursor: pointer;
    z-index: 1;
}

.player-slider .slider-prev {
    background: #484848;
    position: absolute;
    left: -100%;
    top: 50%;
    width: 40px;
    height: 40px;
    line-height: 44px;
    transform: translate(0,-50%);
    text-align: center;
    cursor: pointer;
}

/*******************************
    ORGANISM - SQUAD INDEX PAGE
*******************************/
.squadPage {
    overflow: hidden;
}

.team-swipe {
    position: absolute;
    top: 4rem;
    left: 1rem;
    font-size: 1.1rem;
}

.player-filter {
    position: absolute;
    right: 1rem;
    top: calc(50% + 0.4rem);
    transform: translate(0,-50%);
}

.player-anchors {
    display: none;
}

.player-filter .active {
    background: #fff;
}

.player-filter .btn {
    cursor: pointer;
}

.squad-indexBody {
    position: relative;
    padding-top: 1rem;
}

.squad-indexBody .even:nth-child(odd):before,
.squad-indexBody .even:nth-child(odd):after,
.squad-indexBody .odd:before,
.squad-indexBody .even:before {
    content: '';
    position: absolute;
    left: calc(-100% + 1rem);
    top: 1rem;
    width: 100%;
    height: 100%;
    background: #343434;
}

.squad-indexBody .even:nth-child(odd):after,
.squad-indexBody .odd:after,
.squad-indexBody .even:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #343434;
    top: 1rem;
    left: 0;
    z-index: 2;
}

.squad-indexBody .even:before,
.squad-indexBody .even:after {
    background: #fff;
}

.squad-indexBody .even:before {
    left: auto;
    right: -100%;
    width: calc(100% + 1rem);
}

/* PLAYER INDEX SLIDER */
.playerIndexSlider {
    z-index: 3;
    position: relative;
    height: 343px;    

    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    
    overflow-x: scroll;
}

.playerIndexPositionTitle {
    position: absolute;
    right: 0;
    top: -.8rem;
    z-index: 5;
    padding: 0.5rem 1rem;
    background: #ccb766;
}

.even:nth-child(even) .playerIndexPositionTitle {
    right: auto;
    left: 0;
}

.even:nth-child(odd) .playerIndexPositionTitle {
    right: 0;
    left: auto;
}

.playerIndexSlider .squadBlockMeta .squadStatBox:nth-child(1):after {
    content: '/'
}

.playerIndexSlider .squadBlock .playerLink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.playerIndexSlider .squadBlockMeta.no-apps {
    padding-top: 2.5rem;
}

/** GRID VIEW **/
[data-layout="grid"] .playerIndexSlider .squadBlock {
    position: relative;
    flex: 1 0 50%;
    padding: .8rem;
    vertical-align: top;
}

[data-layout="grid"] .playerIndexSlider .squadBlock:first-of-type {
    padding-left: 0;
}

/* Grid View - Tablet */
@media (min-width: 48em) {

    [data-layout="grid"] .playerIndexSlider .squadBlock {
        flex: 1 0 33.3%;
    }

}

/* Grid View - Desktop */
@media (min-width: 62.5em) {

    [data-layout="grid"] .playerIndexSlider .squadBlock {
        flex: 0 1 20%;
    }

}

.even .playerIndexSlider .squadBlock {
    padding-left:0;
}

[data-layout="grid"] .playerIndexSlider .squadBlock img {
    height: 220px;
}

[data-layout="grid"] .playerIndexSlider .squadBlockMeta {
    /* margin-top: -10px; */
    position: relative;
}

[data-layout="grid"] .playerIndexSlider .squadBlockMeta .squadBlockStats {
    min-height: 38px;
    min-width: 200px;
}

[data-layout="grid"].odd .playerIndexSlider .squadBlockStats,
[data-layout="grid"].even .playerIndexSlider .squadBlockStats {
    color: #fff;
    background: #6d6d6d;
}

.squad-indexBody [data-layout="grid"].odd:after,
.squad-indexBody [data-layout="grid"].even:after,
.squad-indexBody [data-layout="grid"].odd:before,
.squad-indexBody [data-layout="grid"].even:before {
    height: calc(100% - 75px);
}

/** LIST VIEW **/

[data-layout="list"].odd .playerIndexSlider {
    margin: 0;
}

.player-slider-index[data-layout="list"] {
    height: 350px;
    padding-top: 2rem;
    margin-top: 1rem;
}

[data-layout="list"].odd {
    margin-top: 0;
}

 [data-layout="list"] .playerIndexSlider .squad-container {
    position: relative;
    width: calc(100% - 1rem);
    height: 100%;
}

[data-layout="list"] .playerIndexSlider .squad-container .squadBlock {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: .8rem;
}

[data-layout="list"] .playerIndexSlider .squadBlockImg {
    width: 60px;
    height: 60px;
    overflow: hidden;
    background: #f0f0f0;
    padding: 5px;
    float: left;
}

[data-layout="list"] .playerIndexSlider .squadBlockImg img {
    height: auto;
    width: 100%;
}

[data-layout="list"] .playerIndexSlider .squadBlockMeta {
    width: calc(100% - 60px);
    float: left;
    display: flex;
    flex-wrap: wrap;
    padding-left: 1rem;
}

[data-layout="list"].even .playerIndexSlider .squadBlockMeta.no-apps {
    padding-top: 0;
}


[data-layout="list"] .playerIndexSlider .squadBlockMeta .squadBlockStats {
    order: 2;
    display: block;
    width: 100%;
    background: transparent;
    color: #929292;
    font-size: .85rem;
    text-align: left;
    padding: 0;
}

[data-layout="list"] .playerIndexSlider .squadBlockMeta .squadBlockName {
    order: 1;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

[data-layout="list"] .playerIndexSlider .squadBlockMeta .squadBlockName p {
    padding: 0;
    margin: 0;
    width: 100%;
}

[data-layout="list"] .playerIndexSlider .squadBlockMeta .squadBlockName .squadMainTitle {
    font-size: 1rem;
    line-height: 1.2rem;
    margin-bottom: .2rem;
    color: #fff;
}

[data-layout="list"].even:nth-child(odd) .playerIndexSlider .squadBlockMeta .squadBlockName p.squadMainTitle{
    color: #fff;
}

[data-layout="list"].even:nth-child(even) .playerIndexSlider .squadBlockMeta .squadBlockName p{
    color: #343434;
}

[data-layout="list"].even:nth-child(odd) .playerIndexSlider .squadBlockMeta p,
[data-layout="list"].even:nth-child(even) .playerIndexSlider .squadBlockMeta .squadBlockStats {
    color: #929292;
}

[data-layout="list"].even .playerIndexSlider {
    padding: 0 0 0 1rem;
}

/*******************************
    ORGANISM - PLAYER SEARCH
*******************************/

[data-player-search-form] {
    float: right;
    font-size: 0;
    width: 100%;
    margin-bottom: 1.2rem;
}

[data-player-search-form],
[data-player-search-reset] {
    display: inline-block;
}

[data-player-search-form] .twitter-typeahead {
    width: calc(100% - 85px);
    float: left;
}

[data-player-search-form] input[type="text"] {
    width: 100%;
    border: 1px solid #cccccc;
    height: 35px;
    font-size: .95rem;
    padding-left: .8rem;
}

[data-player-search-form] input[type="submit"] {
    vertical-align: bottom;
    height: 35px;
    font-size: .95rem;
    border: 1px solid #ccc;
    border-left: 0;
    background: #fff url('/wp-content/themes/wru/assets/img/dropdown-bg.png') no-repeat;
    background-position: 95% 50%;
    width: 85px;
    text-align: left;
    padding: 0 0 0 .8rem;
}

[data-player-search-form] .tt-menu {
    width: 100%;
    font-size: .9rem;
}

[data-player-search-reset] {
    float: right;
    display: none;
}

[data-player-search-reset] button {
    background: #fff;
    border: 1px solid #ccc;
    padding: .3rem 1rem;
}

[data-player-search].playerIndexSlider {
    height: auto;
}

[data-player-search] .squadBlockImg .squadBlockImg-Headshot img {
    max-width: 200px;
    max-height: 200px;
    width: 100%;
}

[data-player-search] .squadBlock {
    max-width: 50%;
    float: left;
}

[data-search="player"] .squadBlock-Inner {
    position: relative;
}

[data-search="player"] .playerLink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

/* !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) {

    /*************************************************
        ORGANISM - SQUAD INDEX PAGE - LANDSCAPE PHONE
    *************************************************/

    [data-layout="list"] .playerIndexSlider .squad-container {
        width: calc(50% - 1rem);
    }

}

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

    /** ATOM - PLAYER PHOTOS **/

    .player-photos .btn {
        width: 11rem;
        float:right;
    }

    .player-photos:hover .btn:after {
        background: #ccb766;
    }


}

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

    /**********************************
        ORGANISM - PLAYER PAGE TABLET
    **********************************/


    /** ATOM - PLAYER TICKETS **/

    .player-buy-tickets {
        font-size: 1.3rem;
        font-family: 'Choplin', 'Helvetica', Arial, sans-serif;
        font-weight: 300;
    }

    .player-buy-tickets span {
        font-weight: 500;
    }

    /****************************************
        ORGANISM - SQUAD INDEX PAGE TABLET
    *****************************************/

    .player-slider-index {
        margin-bottom: 2.5rem;
    }

    /***********************************
        ORGANISM - PLAYER SEARCH TABLET
    ***********************************/

    [data-player-search-form] {
        position: absolute;
        top: -4rem;
        right: 0;
        width: auto;
    }
}

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

    /**********************************
        ORGANISM - PLAYER PAGE TABLET
    **********************************/

    .player-page-info {
        position: relative;
        margin-top: 3.5rem;
    }

    .player-page-info:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        top: 50%;
        right: 0;
        background: #343434;
        height: 50%;
        z-index: -1;
    }

    .player-page-info .player-mainInfo {
        margin: 0;
    }

    /** ATOM - PLAYER HEADSHOT **/

    .player-mainInfo .player-headshot {
        width: 450px;
        float: left;
        position: relative;
        left: calc(100% - 450px - 1rem);
        margin-right: 1rem;
    }

    .player-mainInfo .player-profile {
        width: calc(100% - 450px - 1rem);
        float: left;
        position: relative;
        right: calc(450px + 1rem);
    }

    .player-page-info .player-mainInfo .player-headshot > img {
        max-width: 100%;
        height: auto;
    }

    /** ATOM - PLAYER CAPS **/

    .player-mainInfo .player-caps {
        left: auto;
        right: -1rem;
        top: 2rem;
        font-size: 1.5rem;
    }

    .player-mainInfo .player-caps span {
        font-size: 4rem;
        line-height: 4.3rem;
    }

    .player-mainInfo .player-cap-no {
        text-align: left;
        margin: 0;
        font-size: 1.2rem;
    }


    /** ATOM - PLAYER LIONS (CONDITIONAL) **/

    .player-mainInfo .player-lions {
        width: 65px;
        height: 65px;
        bottom: 2.5rem;
    }

    /** ATOM - PLAYER CAPTAIN (CONDITIONAL) **/

    .player-mainInfo .player-name .name {
        position: inherit;
    }

    .player-mainInfo .player-headshot .player-captain {
        width: 65px;
        height: 65px;
        position: absolute;
        right: -1rem;
        top: 9.5rem;
    }

    .player-mainInfo .player-headshot .captain {
        position: unset;
    }

    /** MOLECULE - PLAYER BIO **/

    .player-mainInfo .player-profile .player-bio {
        margin: 0;
        font-size: .95rem;
        margin-bottom: calc(60px + 1.5rem);
    }

    .playerProfile-tabs .tab {
        width: auto;
        padding: .5rem 1.2rem;
        min-width: 120px;
    }

    /** MOLECULE - PLAYER NEWS **/

    .player-newsInner .aggregator-block {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .player-newsInner .aggregator-block:nth-child(1) .aggregator-blockInner .aggregatorImage,
    .player-newsInner .aggregator-block:nth-child(1) .aggregator-blockInner .aggregatorContent {
        width: calc(100% - 1.5rem);
        float: right;
    }

    .player-newsInner .aggregator-block:nth-child(1) .aggregator-blockInner,
    .player-newsInner .aggregator-block:nth-last-child(1) {
        display:block;
    }

    /** ATOM - PLAYER SHOP **/

    .player-mainInfo .player-profile .player-shop {
        display: none
    }

    .player-mainInfo > .player-shop {
        display: block;
        position: absolute;
        bottom: 0;
        width: calc(100% - 450px - 1rem);
        left: -1rem;
        color: #343434;
        font-size: 1rem;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        background: transparent;
    }

    .player-mainInfo > .player-shop > i {
        width: 60px;
        height: 60px;
        background: #d8252e;
        color: #fff;
        line-height: 60px;
        text-align: center;
        font-size: 1.2rem;
    }

    .player-mainInfo > .player-shop p i {
        position: relative;
        right: 0;
        top: 2px;
        margin-left: .5rem;
        color: #d8252e
    }

    /** MOLECULE - PLAYER NEWS **/

    .player-newsInner, .staff-newsInner {
        margin-top: 2.5rem;
        width: 100%;
        float: left;
    }

    .player-news {
        position: relative;
        margin-top: 0;
    }

    .player-news::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 65%;
        background: #343434;
        left: 0;
        top: 0;
    }

    .player-newsInner > h3 {
        margin-bottom: 2.5rem;
        color: #fff;
        position: relative;
        font-size: 1.5rem;
        line-height: 1.9rem;
        text-transform: capitalize;
    }

    .player-newsInner > h3 span,
    .player-newsInner .agg-error {
        color: #fff;
    }

    .staff-newsInner > h3 {
        margin-bottom: 2.5rem;
        color: #fff;
        position: relative;
        font-size: 1.5rem;
        line-height: 1.9rem;
        text-transform: capitalize;
    }

    .staff-newsInner > h3 span,
    .staff-newsInner .agg-error {
        color: #fff;
    }

    .player-newsInner .aggregator {
        display: flex;
        justify-content: flex-end;
        padding: 0 .5rem;
    }

    /** ATOM - PLAYER TICKETS **/

    .player-buy-tickets {
        margin: 3rem 0 3rem;
        padding: 1.5rem;
    }

    .season-title {
        font-size: 1.5rem;
        line-height: 1.8rem;
        clear: both;
    }

    /** MOLECULE - PLAYER STATS **/

    .playerProfile-tabs {
        margin: 0 0 1.5rem;
        top: 0;
        position: relative;
    }

    .player-bio .playerProfile-tabs {
        top: 0;
    }

    /** MOLECULE - PLAYER SLIDER **/

    .player-slider {
        padding: 3.5rem 2rem 2rem;
    }

    .player-slider .slick-list {
        width: calc(100% - 90px);
        margin-left: 8%;
    }

    .player-slider .player-slide {
        display: inline-block;
        max-width: 24%;
        padding: 0 2%;
    }

    .player-slider .player-slide img {
        max-height: 200px;
    }

    .player-slider .slider-prev {
        left: 0;
        width: 40px;
        height: 40px;
        line-height: 44px;
    }

    .player-slider .player-slideHeadshot {
        width: 100%;
        height: auto;
        background: transparent;
    }

    .player-slider .player-slideName {
        width: 100%;
        padding: 0
    }

    .player-slider .player-slideName p {
        text-transform: none;
        font-size: .95rem;
    }

    /** ATOM - PLAYER TABLES **/

    [data-tab-content="player-tables"] select {
        margin-bottom: 2rem;
        position: relative;
    }

    /**************************************
        ORGANISM - MANAGEMENT PAGE TABLET
    **************************************/

    .player-mainInfo {
        margin-top: 3.5rem;
        width: 100%;
        float: left;
        background: #fff url('assets/img/wru_background.svg');
        position: relative;
        background-repeat: no-repeat;
        background-position-y: 2rem;
        background-position-x: center;
        background-size: 50%;
    }

    .player-mainInfo:before {
        content: '';
        width: 110%;
        height: 100%;
        position: absolute;
        left: -3rem;
        top:0;
        background: #fff;
        z-index: -1;
    }

    /** ATOM - STAFF HEADSHOT **/

    .player-mainInfo .staff-headshot {
        width: 320px;
        float: left;
        position: relative;
        left: calc(100% - 320px);;
    }

    .player-mainInfo .staff-profile {
        width: calc(100% - 320px);
        float: left;
        padding-right: 1.5rem;
        position: relative;
        right: 320px
    }

    /** ATOM - STAFF NAME **/

    .player-mainInfo .player-name {
        display: inline-block;
    }

    .player-mainInfo .player-name .name::after {
        display: none;
    }

    .player-mainInfo .player-name .name {
        padding: 3rem 0 .5rem;
        background: transparent;
    }

    .player-mainInfo .player-profile .player-name h1 {
        font-size: 3rem;
        line-height: 3.5rem;
    }

    .player-mainInfo .player-profile .player-name h1 span {
        display: inline-block;
    }

    /** MOLECULE - STAFF BIO **/

    .player-mainInfo .staff-profile .player-cap-no {
        text-align: right;
        margin: 0;
    }

    .player-mainInfo .staff-profile .player-cap-no p {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }

    .player-mainInfo .staff-profile .staff-position .staff-career {
        font-size: .95rem;
        line-height: 1.3rem;
    }

    /****************************************
        ORGANISM - SQUAD INDEX PAGE TABLET
    *****************************************/

    .player-filter,
    .team-swipe {
        display: none;
    }

    .player-anchors {
        display: block;
        position: absolute;
        top: 50%;
        right: 1rem;
        transform: translate(0,-50%);
    }

    .fixed .player-anchors {
        font-size: .85rem;
    }

    .playerIndexSlider,
    .playerIndexSlider-inner {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        width: 100%;
        justify-content: space-around;
        overflow: visible;
        white-space: normal;
    }

    .odd.player-slider-index .playerIndexSlider,
    .odd.player-slider-index .playerIndexSlider-inner {
        padding: 2rem 1rem;
    }

    .odd.player-slider-index .playerIndexSlider-inner {
        padding-left: 0;
    }

    .even.player-slider-index .playerIndexSlider,
    .even.player-slider-index .playerIndexSlider-inner {
        padding: 2rem 0rem 2rem 1rem;
    }

    .even.player-slider-index:nth-child(odd) {
        left: 0rem;
        padding-right: 3rem;
    }

    [data-layout="grid"] .playerIndexSlider .squadBlock img {
        max-height: 240px;
    }

    [data-layout="grid"].even:nth-child(even) .playerIndexSlider .squadBlockMeta .squadBlockName {
        color: #343434;
    }

    [data-layout="grid"].odd .playerIndexSlider .squadBlockMeta .squadBlockName,
    [data-layout="grid"].even:nth-child(odd) .playerIndexSlider .squadBlockMeta .squadBlockName {
        color: #fff;
    }

    .playerIndexSlider .squadBlockMeta .squadMainTitle {
        font-size: 1.2rem;
        line-height: 1.4rem;
    }

    /* .playerIndexSlider .squadBlock {
        width: 250px;
    } */

    @-webkit-keyframes fixed-fade {
      0%   { opacity: 0; }
      100% { opacity: 1; }
    }
    @-moz-keyframes fixed-fade {
      0%   { opacity: 0; }
      100% { opacity: 1; }
    }
    @-o-keyframes fixed-fade {
      0%   { opacity: 0; }
      100% { opacity: 1; }
    }
    @keyframes fixed-fade {
      0%   { opacity: 0; }
      100% { opacity: 1; }
    }

    .playerIndex-header.fixed {
        -webkit-animation: fixed-fade .5s; /* Safari 4+ */
        -moz-animation:    fixed-fade .5s; /* Fx 5+ */
        -o-animation:      fixed-fade .5s; /* Opera 12+ */
        animation:         fixed-fade .5s; /* IE 10+, Fx 29+ */
        position: fixed;
        top: calc(56px - .5rem);
        left: 0;
        width: 100%;
        z-index: 10;
        background: #fff;
        border-bottom: 1px solid #d6d6d6;
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 0 3rem;
    }

    .playerIndexSlider .squadBlockMeta.no-apps {
        padding-top: 1rem;
        width: 85%;
        margin: -10px auto auto auto;
    }

    /*************************************************
        ORGANISMS - PLAYER SEARCH - LANDSCAPE PHONE
    *************************************************/

    [data-search="player"] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    [data-search="player"] .squadBlock {
        width: calc((100% - 8rem) / 7);
        float: left;
    }

    [data-search="player"] .squadBlock-Inner {
        display: block;
    }

    [data-search="player"] .squadBlockImg {
        width: auto;
    }

    [data-search="player"] .squadBlockImg img {
        max-width: 250px;
        width: 100%;
    }

    [data-search="player"] .squadBlockMeta {
        width: 100%;
        padding: 0;
    }

}

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

    /**********************************
        ORGANISM - PLAYER PAGE DESKTOP
    **********************************/

    /** MOLECULE - PLAYER SLIDER **/

    .player-slider .player-slideName h4 {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }

    .player-slider .player-slideName p {
        font-size: .95rem;
    }

    .playerIndexSlider {
        overflow-x: unset;
        overflow-y: unset;
        white-space: normal;
        padding: 1rem 0;
    }

    .player-slider .slider-prev {
        left: 0;
        width: 50px;
        height: 50px;
        line-height: 54px;
    }

    .player-slider .slider-next {
        width: 50px;
        height: 50px;
        line-height: 54px;
    }

    /****************************************
        ORGANISM - SQUAD INDEX PAGE DESKTOP
    *****************************************/

    .squad-indexBody {
        padding-top: 0;
    }

    .playerIndex-header.fixed {
        top: 0;
    }

    .squadPage header.fixed  h1{
        margin: .7rem;
        font-size:1.5rem;
    }

    /***********************************
        ORGANISM - PLAYER SEARCH DESKTOP
    ***********************************/

    [data-player-search-form] {
        padding: 0;
    }

    [data-player-search-form] .twitter-typeahead {
        width: 300px;
    }

    [data-player-search-form] input[type="submit"] {
        width: 115px;
    }
}

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

@media (min-width: 77em) {

    /****************************************
        ORGANISM - SQUAD INDEX PAGE DESKTOP
    *****************************************/

    .player-anchors {
        right: 3rem;
    }
    .squadPage header h1 {
        width: calc(100% - 6rem);
        margin-left: 3rem;
    }
    .squadPage .col-md-offset-0-5 {
        margin: 0;
    }
    .player-slider-index.odd {
        width: calc(100% - 6rem);
        left: 3.5rem;
        margin-bottom: 0;
    }

    .even.player-slider-index:nth-child(odd) {
        left: 1rem;
        padding-right: 1.5rem;
        width:calc(100% - 4rem);
    }

    .even:nth-child(odd) .playerIndexPositionTitle,
    .playerIndexPositionTitle {
        right: -1rem;
    }

    .even:nth-child(even) .playerIndexPositionTitle {
        right: auto;
        left: -1rem;
    }

    .odd.player-slider-index .playerIndexSlider,
    .odd.player-slider-index .playerIndexSlider-inner {
        padding: 2rem 2.5rem 4rem 0rem;
     }

    .even.player-slider-index:nth-child(even) .playerIndexSlider,
    .even.player-slider-index:nth-child(even) .playerIndexSlider-inner {
        padding: 2rem 2.5rem 4rem 2rem;
    }

    .even.player-slider-index:nth-child(odd) .playerIndexSlider {
        padding: 2rem 1rem 4rem 0rem;
    }

    .even.player-slider-index:nth-child(even) {
        left: 8rem;
        margin: 0;
    }
    /**********************************
        ORGANISM - PLAYER PAGE DESKTOP
    **********************************/

    .player-page-info .player-mainInfo {
        margin: 0;
        width: calc(100% - 6rem);
    }

    /** ATOM - PLAYER HEADSHOT **/

    .player-mainInfo .player-headshot {
        width: calc(520px - 1rem);
        left: calc(100% - 520px);
        margin-top: -1.5rem;
    }

    .player-page-info .player-mainInfo .player-headshot > img {
        max-width: calc(100% - 100px + 1rem);
        width: 100%;
        float: left;
    }

    .player-mainInfo .player-caps {
        right: .5rem;
        top: 3.5rem;
        padding-right: 2rem;
        font-size: 1.8rem;
        line-height: 2.5rem;
    }

    .player-mainInfo .player-headshot .player-captain {
        right: 3rem;
        top: 12.5rem;
    }

    /** MOLECULE - PLAYER PROFILE **/

    .player-mainInfo .player-profile {
        width: calc(100% - 520px - 1rem);
        right: 520px;
    }

    .player-mainInfo .player-profile .player-bio [data-content="profile"] {
        max-width: 500px;
    }

    .player-mainInfo .player-profile .player-bio [data-content="biog"] {
        max-width: 80%;
    }

    .player-mainInfo:before {
        width: 100%;
    }


    /** ATOM - PLAYER TICKETS **/

    .player-buy-tickets {
        font-size: 1.6rem;
        padding: 2.5rem 2.5rem 2.5rem 0;
        width: calc(100% - 6rem);
    }

    .player-buy-tickets:before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #d8252e;
    }

    /** ATOM - PLAYER NEWS **/

    .player-newsInner .aggregator {
        padding: 0;
    }

    .player-news .aggregator-main {
        width: calc(100% - 2.5rem);
    }

    /** ATOM - PLAYER PHOTOS **/

    .nanoGallery{
        width: calc(100% - 6rem);
    }

    .player-photos .btn {
        right: 6rem;
    }

    /** MOLECULE - PLAYER SLIDER **/

    .player-slider {
        width: calc(100% - 6rem);
    }

    .player-slider .slider-next {
        right: -3rem;
        width: 50px;
        height: 50px;
        line-height: 54px;
    }

    .player-slider .slick-list {
        max-width: 1080px;
        margin: 0 auto;
        float: none;
        left: 5.5%;
    }

    /** ATOM - PLAYER TABLES **/

    [data-tab-content="player-tables"] select {
        width: 11rem;
        margin-bottom: 2rem;
        position: relative;
        right:6rem;
    }

    [data-tab-content="player-tables"] .table-responsive {
        width:calc(100% - 6rem);
    }
    /**************************************
        ORGANISM - MANAGEMENT PAGE DESKTOP
    **************************************/

    /** ATOM - STAFF HEADSHOT **/

    .player-mainInfo .staff-headshot {
        left: calc(100% - 320px - 4rem);
        margin-top: -2.5rem
    }

    .player-mainInfo .player-caps span {
        font-size: 4.5rem;
    }

    /** ATOM - STAFF NAME **/

    .player-mainInfo .player-name .name {
        padding: 3rem 0 .5rem;
        float: none;
        display: inline-block;
    }

    .player-mainInfo .player-cap-no {
        float: none;
    }

    .player-mainInfo .player-profile .player-name h1 {
        font-size: 4rem;
        line-height: 4.4rem;
    }

    .player-mainInfo .staff-profile {
        width: calc(100% - 320px - 4rem);
    }

}

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

    /**********************************
        ORGANISM - PLAYER PAGE DESKTOP
    **********************************/

    /** ATOM - PLAYER PROFILE **/

    .playerProfile-blockContainer {
        font-size: .95rem;
    }

    .playerProfile-blockContainer .playerProfile-block {
        margin-bottom: .2rem;
        width: 100%;
        float: left;
    }

    .player-mainInfo > .player-shop {
        font-size: 1.1rem;
    }

    /** ATOM - PLAYER CAPS **/

    .player-mainInfo .player-caps {
        font-size: 2.1rem;
    }

    .player-mainInfo .player-caps span {
        font-size: 5.5rem;
        line-height: 5.9rem;
    }

    /** MOLECULE - PLAYER NEWS **/

    .player-buy-tickets,
    .player-newsInner > h3,
    .season-title {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }

    /** MOLECULE - PLAYER SLIDER **/

    .player-slider .slick-list {
        left: 80px;
        padding: 0;
        max-width: 1080px;
        margin: 0 auto;
        float: none;

    }

    /**************************************
        ORGANISM - MANAGEMENT PAGE DESKTOP
    **************************************/

    .player-mainInfo {
        margin-top: 5rem;
    }


    /** ATOM - STAFF HEADSHOT **/

    .player-mainInfo .staff-headshot {
        left: calc(100% - 320px - 8rem);
    }

    .player-mainInfo .staff-coached {
        font-size: 1.6rem
    }

    /** ATOM - STAFF NAME **/

    .player-mainInfo .staff-profile {
        width: calc(100% - 320px - 8rem);
    }

    .player-mainInfo .staff-profile .player-caps {
        margin-top: .2rem;
    }

    /**************************************
        ORGANISM - SQUAD INDEX DESKTOP
    **************************************/

    /* .playerIndexSlider .squadBlock {
        width: calc((100% - 8rem) / 4);
    } */

    .playerIndexSlider .squadBlock[data-player-type="referee"] img {
      height: auto;
    }

    .playerIndexSlider .squadBlock[data-player-type="referee"] .squadBlockImg {
      max-height: 180px;
      overflow: hidden;
    }


}

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

@media (min-width: 93.750em) {

    /**************************************
        ORGANISM - SQUAD INDEX DESKTOP
    **************************************/

    /* .playerIndexSlider .squadBlock {
        width: calc((100% - 8rem) / 5);
    } */

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

    .squad__body[data-player="search"] {
        max-width: 1280px;
    }

}

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

}