/*******************************************************************************
* General
*******************************************************************************/
/* Button */
.bio-button {
    background: #f0f0f0;
    color: #00b300;
    font-family: 'Titillium Web', sans-serif;
    font-size: 28px;
    font-style: italic;
    font-weight: 700;
    line-height: 1;
    padding: 10px 25px 9px;
    text-transform: uppercase;
}
.bio-button {
    -webkit-border-radius: 50px; 
       -moz-border-radius: 50px; 
            border-radius: 50px; 
       -webkit-transition: background 0.28s ease-in 0.1s;
          -moz-transition: background 0.28s ease-in 0.1s;
            -o-transition: background 0.28s ease-in 0.1s;
               transition: background 0.28s ease-in 0.1s;
}
.bio-button:active,
.bio-button:focus,
.bio-button:hover {
    background: #353535;
    color: #fff;
}
.bio-button:active,
.bio-button:focus,
.bio-button:hover {
    background: url(../images/noise_texture.png) repeat 0 0 transparent;
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#4c4c4c), to(#353535));
    background: -webkit-radial-gradient(circle, #4c4c4c, #353535);
    background: -moz-radial-gradient(circle, #4c4c4c, #353535);
    background: -ms-radial-gradient(circle, #4c4c4c, #353535);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#353535',GradientType=1 );
}
/*******************************************************************************
* Sections
*******************************************************************************/
/* Section - Headers */
.section-bio-header {
    background: #4c5052;
    background: rgba( 76, 80, 82, .88);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.section-bio-header h3 {
    margin: 0 auto;
    padding: 15px 0px;
    position: relative;
}
.section-bio-header a:active,
.section-bio-header a:focus,
.section-bio-header a:hover {
    text-decoration: none;
}
/* Section - Headers - Link out */
.section-bio-header .glyphicon-new-window {
    margin-top: -12px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 2;
}

/*******************************************************************************
* Player Information
*******************************************************************************/
.section-bio-player {
    background-color: #353535;
}
.section-bio-player {
    background: url(../images/noise_texture.png) repeat 0 0 transparent;
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#4c4c4c), to(#353535));
    background: -webkit-radial-gradient(circle, #4c4c4c, #353535);
    background: -moz-radial-gradient(circle, #4c4c4c, #353535);
    background: -ms-radial-gradient(circle, #4c4c4c, #353535);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#353535',GradientType=1 );
}
.team-player,
.team-recommended {
    color: #fff;
    padding-bottom: 40px;
    padding-top: 40px;
}
/* Player Profile */
.bio-player-info > img {
    margin: 0 auto 10px;
}
.bio-player-info .sprite-social {
    margin: 10px auto;
}
.bio-player-info .social-media-list {
    max-width: 300px;
}
.team-player dl {
    margin: 0 auto;
    padding: 0;
}
.team-player dt {
    color: #a6a5a5;
    font-family: 'Titillium Web', sans-serif;
    font-size: 13px;
    margin-bottom: 3px;
}
.team-player dd {
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.team-player h2 {
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 0;
}
/* Recommended Products */
.team-recommended {
    background: #6ad100;
}
.team-recommended {
    background: -webkit-linear-gradient(left,  #6ad100 0%,#00b100 100%);
    background: -moz-linear-gradient(left,  #6ad100 0%, #00b100 100%);
    background: linear-gradient(to right,  #6ad100 0%,#00b100 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ad100', endColorstr='#00b100',GradientType=1 );
}
.team-recommended h5 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}
.team-recommended h5:after {
    background: #1c1c1c;
    content: '';
    display: block;
    height: 1px;
    margin: 15px 0;
    width: 115px;
}
/* Recommended Products - Pricing */
.team-recommended .list-price,
.team-recommended .updated-price {
    display: block;
    line-height: 1;
}
.team-recommended .list-price {
    color: #1c1c1c;
    font-family: 'Titillium Web', sans-serif;
    font-size: 22px;
    margin-bottom: 7px;
    margin-top: 20px;
    text-transform: uppercase;
}
.team-recommended .original-price {
    color: #fff;
    display: inline-block;
    position: relative;
}
.team-recommended .original-price:before {
    background: #1c1c1c;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 52%;
    width: 100%;
    z-index: 2;
}
.team-recommended .updated-price {
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}

/*******************************************************************************
* Player - Content
*******************************************************************************/
.section-bio-play,
.section-bio-favorite,
.section-bio-personal {
    color: #3f3f3f;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5;
    padding-bottom: 50px;
    padding-top: 60px;
}
/* Left Title and Icon */
.section-bio-play > section:first-child h3,
.section-bio-favorite > section:first-child h3,
.section-bio-personal > section:first-child h3 {
    font-size: 35px;
    line-height: 1;
    margin: 0 auto 10px;
    text-align: center;
    text-transform: uppercase;
}
.section-bio-play .sprite-icons,
.section-bio-favorite .sprite-icons,
.section-bio-personal .sprite-icons {
    margin: 30px auto;
}
/* How I Play */
.section-bio-play {
    background: #fff;
}
.section-bio-play ul {
    margin: 0;
    padding: 0;
}
.section-bio-play ul ul {
    clear: both;
    content: '';
    display: table;
    padding-left: 20px;
}
.section-bio-play li {
    font-family: 'Titillium Web', sans-serif;
    list-style-type: none;
    margin-bottom: 20px;
}
.section-bio-play li span {
    display: block;
    font-family: 'Titillium Web', sans-serif;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 5px 0 !important;
}
.section-bio-play li li {
    list-style-type: disc;
    margin-bottom: 10px;
}
/* Favorite Things */
.section-bio-favorite {
    background-color: #353535;
    color: #d1d1d1;
}
.section-bio-favorite {
    background: url(../images/noise_texture.png) repeat 0 0 transparent;
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#4c4c4c), to(#353535));
    background: -moz-radial-gradient(circle, #4c4c4c, #353535);
    background: -ms-radial-gradient(circle, #4c4c4c, #353535);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#353535',GradientType=1 );
}
.section-bio-favorite > section:first-child h3 {
    color: #fff;
}
.section-bio-favorite ul {
    margin: 0;
    padding: 0;
}
.section-bio-favorite li {
    float: left;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    list-style-type: none;
    margin-bottom: 20px;
    width: 50%;
}
.section-bio-favorite li span {
    display: block;
    font-family: 'Titillium Web', sans-serif;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 5px 0 !important;
}
/* Personal */
.section-bio-personal {
    background: #fff;
}
.section-bio-personal dt {
    font-family: 'Titillium Web', sans-serif;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 5px;
}
.section-bio-personal dd {
    color: #676767;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
}

/*******************************************************************************
* Videos - youtube
*******************************************************************************/
.section-bio-videos {
    background: #b6b6b6;
}
.section-bio-videos {
    -webkit-box-shadow: 0 -4px 10px 3px #bfbfbf;
       -moz-box-shadow: 0 -4px 10px 3px #bfbfbf;
            box-shadow: 0 -4px 10px 3px #bfbfbf;
}
.section-bio-videos .container {
    padding-left: 0;
    padding-right: 0;
}
.section-bio-videos h3 {
    border-top: solid 9px #f60000;
}
.section-bio-videos ul {
    margin: 0 auto;
    padding: 100px 0 25px 0;
}
.section-bio-videos li {
    list-style-type: none;
    margin-bottom: 10px;
}
.section-bio-videos li section {
    -webkit-box-shadow: 0 -5px 18px 3px #a1a1a1;
       -moz-box-shadow: 0 -5px 18px 3px #a1a1a1;
            box-shadow: 0 -5px 18px 3px #a1a1a1;
}

/*******************************************************************************
* Stream - twitch
*******************************************************************************/
.section-bio-stream {
    -webkit-box-shadow: 0 -4px 10px 3px #858585;
       -moz-box-shadow: 0 -4px 10px 3px #858585;
            box-shadow: 0 -4px 10px 3px #858585;
}
.section-bio-stream h3 {
    border-top: solid 9px #8200fe;
}

/*******************************************************************************
* Instagram Feed
*******************************************************************************/
.section-bio-instagram {
    background: #386da1;
}
.section-bio-instagram h3 {
    border-top: solid 9px #386da1;
}
.section-bio-instagram ul {
    margin: 0;
    padding: 0;
}
.section-bio-instagram li {
    list-style-type: none;
}
.section-bio-instagram li img {
    height: auto;
    width: 100%;
}

/*******************************************************************************
* Feeds - facebook, twitter
*******************************************************************************/
.section-bio-feeds {
    background: #d5d6d9;
    padding-bottom: 60px;
    padding-top: 70px;
}
.section-bio-feeds iframe {
    width: 100% !important;
}
.section-bio-feeds .section-bio-header {
    position: relative;
}
.section-bio-feeds h3 {
    padding-left: 20px;
    padding-right: 20px;
}
.section-bio-feeds .glyphicon-new-window {
    right: 20px;
}
.section-bio-feeds .section-bio-header:before {
    background: #007fd2;
    content: '';
    display: block;
    height: 5px;
    left: 0;
    margin: 0 auto;
    max-width: 50%;
    position: absolute;
    right: 0;
    width: 200px;
    z-index: 2;
}
.section-bio-feeds .bio-feed-facebook,
.section-bio-feeds .bio-feed-twitter {
    margin-bottom: 10px;
}
/* Facebook fixes */
.fb_iframe_widget {
    background: #fff;
}
.fb-page,
.fb-page > span {
    width: 100% !important;
}
/* Twitter */
.section-bio-feeds .bio-feed-twitter .section-bio-header:before {
    background: #0096c6;
}