/* --------------------------------------------------
   AP Score Player
---------------------------------------------------*/

.ap-player{

    display:flex;
    align-items:flex-start;
    gap:40px;

    margin:70px 0;

    max-width:900px;

}

.ap-cover{

    width:180px;
    flex-shrink:0;

}

.ap-cover img{

    display:block;

    width:100%;
    height:auto;

    border-radius:4px;

}

.ap-content{

    flex:1;

}

.ap-title{

    font-family:"Oswald",sans-serif;
    font-size:34px;
    font-weight:500;
    letter-spacing:2px;
    text-transform:uppercase;

    margin-bottom:8px;

}

.ap-subtitle{

    font-family:"News Cycle",sans-serif;
    font-size:18px;
    color:#555;

    margin-bottom:15px;

}

.ap-meta{

    font-family:"News Cycle",sans-serif;
    font-size:14px;
    color:#888;

    margin-bottom:35px;

}

.ap-meta span{

    margin-right:20px;

}

.ap-play{

    width:58px;
    height:58px;

    border:none;

    border-radius:50%;

    background:#000;
    color:#fff;

    font-size:20px;

    cursor:pointer;

    transition:.25s;

    margin-bottom:30px;

}

.ap-play:hover{

    transform:scale(1.08);

}

.waveform{

    width:100%;
    height:90px;

    cursor:pointer;

}

.ap-time{

    display:flex;
    justify-content:space-between;

    margin-top:12px;

    font-family:"News Cycle",sans-serif;
    font-size:14px;
    color:#777;

}

/* Mobile */

@media(max-width:768px){

.ap-player{

    display:block;

}

.ap-cover{

    width:220px;

    margin-bottom:30px;

}

.ap-title{

    font-size:28px;

}

}

.waveform{

    opacity:0;

    transition:opacity .6s ease;

}

.ap-play{

    background:none;

    color:#000;

    width:auto;

    height:auto;

    padding:0;

    font-size:32px;

    border:none;

    margin-bottom:20px;

}

.ap-play:hover{

    transform:translateX(3px);

}