/*BEGIN GENERAL STYLES*/

#cdev-border-bottom {
    border-bottom: 1px solid #999;
}

#mod-cst-warp-player .text-uppercase {
    text-transform: uppercase;
}

@font-face {
    font-family: 'BrandonGrotesque';
    src: url('../../mod-cst-warp-0801/fonts/BrandonGrotesque.ttf') format('truetype');
}

@font-face {
    font-family: 'BrandonGrotesqueBold';
    src: url('../../mod-cst-warp-0801/fonts/BrandonGrotesqueBold.ttf') format('truetype');
}

#mod-cst-warp-player h1,
#mod-cst-warp-player h2,
#mod-cst-warp-player h3,
#mod-cst-warp-player h4,
#mod-cst-warp-player h5,
#mod-cst-warp-player h6,
#mod-cst-warp-player p,
#mod-cst-warp-player span,
#mod-cst-warp-player a {
    font-family: 'BrandonGrotesque', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    color: #999;
}

#mod-cst-warp-player h1 strong,
#mod-cst-warp-player h2 strong,
#mod-cst-warp-player h3 strong,
#mod-cst-warp-player h4 strong,
#mod-cst-warp-player h5 strong,
#mod-cst-warp-player h6 strong,
#mod-cst-warp-player p strong,
#mod-cst-warp-player span strong,
#mod-cst-warp-player a strong {
    font-family: 'BrandonGrotesqueBold', 'BrandonGrotesque', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    color: #999;
}

#mod-cst-warp-player h2 {
    font: 100 2.5rem / 3rem 'BrandonGrotesque', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: 1rem;
    color: #fff;
}

#mod-cst-warp-player h3 {
    font: 100 1.5rem / 2rem 'BrandonGrotesque', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: 1rem;
    margin: 0 auto;
    text-align: center;
}

#mod-cst-warp-player p {
    font: 100 1.125rem / 2rem 'BrandonGrotesque', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 5px 0;
}

@media screen and (min-width:768px) {
    #mod-cst-warp-player h2 {
        font: 100 1.5rem / 2rem 'BrandonGrotesque', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        letter-spacing: 1rem;
        color: #fff;
    }
    #mod-cst-warp-player h3 {
        font: 100 1.5rem / 2rem 'BrandonGrotesque', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        letter-spacing: 1rem;
        margin: 50px auto;
        text-align: center;
    }
    #mod-cst-warp-player p {
        font: 100 1.125rem / 2rem 'BrandonGrotesque', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        margin: 5px 0;
    }
}

@media screen and (min-width:1280px) {}

#mod-cst-warp-player #mod-cst-warp-player-nav .navblock {
    margin-top: 5px;
}

#mod-cst-warp-player-vids {
    padding: 20px 0;
}

#mod-cst-warp-player a.warp-button-blank {
    border: 1px solid #999;
    padding: 14px 24px 10px 24px;
    color: #aaa;
    font: bold .75rem / .75rem 'BrandonGrotesque', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 32px auto 0 auto;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .25rem;
}

#mod-cst-warp-player a.warp-button-blank:hover {
    background-color: #ffffff;
}

#mod-cst-warp-player ul {
    margin: 0 auto;
}

#mod-cst-warp-player ul li.social-button a {
    width: 32px;
    font: 500 2rem / 2rem 'BrandonGrotesque', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 1px;
    display: block;
}


/*END GENERAL STYLES*/


/*BEGIN PROFILE STYLES*/

#mod-cst-warp-player {
    background-color: #e4e4e4;
}

#mod-cst-warp-player-bio {
    margin-top: 60px;
    margin-bottom: 40px;
}

@media screen and (min-width:768px) {}

@media screen and (min-width:1280px) {}


/*BEGIN HERO SECTION*/

#mod-cst-warp-player #mod-cst-warp-player-hero {
    background: #f9c7e0;
    background: -moz-linear-gradient(left, #f9c7e0 0%, #c8def5 100%);
    background: -webkit-linear-gradient(left, #f9c7e0 0%, #c8def5 100%);
    background: linear-gradient(to right, #f9c7e0 0%, #c8def5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9c7e0', endColorstr='#c8def5', GradientType=1);
    width: 100%;
    height: auto;
    padding: 75% 0;
    position: relative;
}

@media screen and (min-width:768px) {
    #mod-cst-warp-player #mod-cst-warp-player-hero {
        padding: 22.5% 0;
    }
    #mod-cst-warp-player .cdev-player-name-medium {
        position: absolute;
        left: 55%;
        top: 25%;
    }
    #mod-cst-warp-player-stats-medium p,
    #mod-cst-warp-player-stats-medium p strong {
        color: #fff;
        font-size: .75rem;
        line-height: 1rem;
        letter-spacing: .1rem;
    }
    #mod-cst-warp-player-stats-medium {
        text-align: left;
    }
}

@media screen and (min-width:1280px) {
    #mod-cst-warp-player .cdev-player-name-medium {
        position: absolute;
        left: 55%;
        top: 25%;
    }
    #mod-cst-warp-player h2 {
        font: 100 2.5rem / 2.5rem 'BrandonGrotesque', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        letter-spacing: 1rem;
        color: #fff;
    }
    #mod-cst-warp-player-stats-medium p,
    #mod-cst-warp-player-stats-medium p strong {
        color: #fff;
        font-size: 1rem;
        line-height: 1.25rem;
        letter-spacing: .1rem;
    }
}


/*END HERO SECTION*/


/*BEGIN PROFILE SECTION*/

#mod-cst-warp-player-stats-small {
    margin-bottom: 50px;
}

#mod-cst-warp-player-stats-small p {
    letter-spacing: .25rem;
}

#mod-cst-warp-player .cdev-player-name-small {
    position: absolute;
    left: 50%;
    top: 65%;
}

#mod-cst-warp-player #mod-cst-warp-player-nav {
    padding: 40px 20px;
    vertical-align: middle;
}

#mod-cst-warp-player ul li.social-button a:hover {
    color: #62c8d4;
    border-width: 0;
}

#mod-cst-warp-player .swiper-button-next.swiper-button-grey,
#mod-cst-warp-player .swiper-container-rtl .swiper-button-prev.swiper-button-grey {
    background-image: url(../slide/swipe-next-grey.png) !important;
    background-size: cover;
}

#mod-cst-warp-player .swiper-button-prev.swiper-button-grey,
#mod-cst-warp-player .swiper-container-rtl .swiper-button-next.swiper-button-grey {
    background-image: url(../slide/swipe-prev-grey.png) !important;
    background-size: cover;
}

#mod-cst-warp-player .swiper-button-next.swiper-button-white,
#mod-cst-warp-player .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url(../slide/swipe-next-white.png) !important;
    background-size: cover;
}

#mod-cst-warp-player .swiper-button-prev.swiper-button-white,
#mod-cst-warp-player .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url(../slide/swipe-prev-white.png) !important;
    background-size: cover;
}

#mod-cst-warp-player .swiper-pagination-bullet-active {
    background: transparent;
    border: 1px solid #c1c1c1;
}

#mod-cst-warp-player .swiper-pagination-bullet {
    margin: 0 3px;
}


/*END PROFILE SECTION*/


/*//////////////////// BEGIN VID SLIDER STYLES ////////////////////*/

#mod-cst-warp-player .swiper-slide {
    max-height: none;
}

.cdev-vid-bank .cdev-vid-embed {
    position: relative;
    padding-bottom: 55.65%;
    height: 0;
}

.cdev-vid-bank .cdev-vid-embed iframe {
    position: absolute;
    top: 0;
    left: 5%;
    width: 89%;
    height: 90%;
}

@media (min-width: 768px) {
    .cdev-vid-bank .cdev-vid-embed {
        padding-bottom: 27.85%;
    }
}


/*//////////////////// END VID SLIDER STYLES ////////////////////*/