/* =========================================================
   JBX AUDIO PLAYER
   James Bond Exhibition
   ========================================================= */

.jbx-player{
    text-align:center;
    margin:15px 0;
}

/* Kulaté tlačítko */

.jbx-btn{

    width:90px;
    height:90px;

    margin:0 auto;

    border-radius:50%;

    background:linear-gradient(#ff3a3a,#b30000);

    box-shadow:
        inset 0 2px 4px rgba(255,255,255,.35),
        0 5px 15px rgba(0,0,0,.35);

    cursor:pointer;

    position:relative;

    display:flex;
    justify-content:center;
    align-items:center;

    transition:transform .2s ease;
}

.jbx-btn:hover{

    transform:scale(1.05);

}

.jbx-btn:active{

    transform:scale(.96);

}

/* PLAY */

.jbx-play{

    width:0;
    height:0;

    border-top:16px solid transparent;
    border-bottom:16px solid transparent;
    border-left:26px solid #fff;

    margin-left:6px;

}

/* PAUSE */

.jbx-pause{

    display:none;

    width:24px;
    height:32px;

    justify-content:space-between;
    align-items:center;

}

.jbx-pause span{

    width:7px;
    height:32px;

    background:#fff;

    display:block;

}

/* Aktivní přehrávání */

.jbx-player.playing .jbx-play{

    display:none;

}

.jbx-player.playing .jbx-pause{

    display:flex;

}

/* Text */

.jbx-status{

    margin-top:12px;

    min-height:18px;

    color:#c40000;

    font-size:14px;

    font-weight:bold;

    letter-spacing:.5px;

}

/* Mobil */

@media (max-width:768px){

    .jbx-btn{

        width:80px;
        height:80px;

    }

    .jbx-play{

        border-top:14px solid transparent;
        border-bottom:14px solid transparent;
        border-left:22px solid #fff;

    }

    .jbx-pause{

        width:20px;
        height:28px;

    }

    .jbx-pause span{

        width:6px;
        height:28px;

    }

}
/* TEST */
.sppb-row,
.sppb-row-container,
.sppb-column,
.sppb-column-addons,
.sppb-addon {
    margin: 0 !important;
    padding: 0 !important;
}