﻿/*specific styles depending on team*/

#team-blackcaps.background {
    background: #000000;
}

#team-white-ferns.background {
    background: #FFFFFF;
}

#team-blackcaps h1, #team-blackcaps .player-list__item p, #team-blackcaps .player-list__item a {
    color: #FFFFFF;
}

#team-blackcaps .player-summary__img {
    padding-top: 140%;
}

#team-white-ferns h1, #team-white-ferns .player-summary__name, #team-white-ferns .player-list__item p, #team-white-ferns .player-list__item a {
    color: #000000;
}
/********/

.players__list__header {
    margin-bottom: 40px;
    vertical-align: bottom;
}

    .players__list__header:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

.team__logos img {
    width: auto;
    margin: 0 20px;
}

.players__list__header h1 {
    letter-spacing: normal;
}

.players__list__header > div {
    vertical-align: bottom;
}

.header__block {
    margin: 20px 0;
}

.team__logos {
    display: none;
}

@media all and (min-width:550px) {
    .header__block {
        width: 50%;
        display: inline-block;
        vertical-align: bottom;
    }

    .team__logos {
        display: inline-block;
        text-align: right;
        float: right;
        margin-right: 4.166%;
        width: 100%;
    }

        .team__logos img {
            width: 60%;
            margin: 0 3%;
            padding: 0;
            display: inline-block;
        }
}

@media all and (min-width:1300px) {
    .players__list__header {
        margin-bottom: 80px;
        margin-top: 30px;
    }

    .team__logos img {
        width: auto;
    }
}
/******/

.player-summary__img {
    position: relative;
}

    .player-summary__img .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(34,34,34,0.5);
        display: none;
    }

        .player-summary__img .overlay p {
            color: #FFFFFF;
            text-align: center;
            font-size: 24px;
            text-transform: uppercase;
            margin-top: 50px;
        }

.player-summary a:hover .player-summary__img .overlay {
    display: block;
}

.player-list__item p, .player-list__item a {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.player-summary__name {
    font-size: 1.3em;
    padding-bottom: 0.3em;
    font-weight: bold;
}

.player-list__item p span {
    color: #999999;
}

.player-list__item .twitter__link {
    border-top: 1px solid;
    margin-top: 15px;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 30px;
    height: 60px;
    background: url(/img/furniture/twitter__icon.png) no-repeat left center;
}
/*special styles for cricket world cup templates on management team*/

.management__role, .management__heading {
    color: #FFFFFF;
}

.management__heading {
    text-transform: uppercase;
}

.team__logos {
    max-width: 340px;
}
