/* Essential bjqs plugin styles */
ul.bjqs { position: relative; list-style: none; padding: 0; margin: 0; overflow: hidden; display: none; }
li.bjqs-slide { position: absolute; display: none; }
ul.bjqs-controls { list-style: none; margin: 0; padding: 0; z-index: 50; background: transparent !important; }
ul.bjqs-controls.v-centered li a { position: absolute; }
ul.bjqs-controls.v-centered li.bjqs-next a { right: 0; }
ul.bjqs-controls.v-centered li.bjqs-prev a { left: 0; }
ol.bjqs-markers { list-style: none; padding: 0; margin: 0; width: 100%; }
ol.bjqs-markers.h-centered { text-align: center; }
ol.bjqs-markers li { display: inline; }
ol.bjqs-markers li a { display: inline-block; }

/* Arrow button appearance */
ul.bjqs-controls li a {
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    text-decoration: none;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

ul.bjqs-controls li a:hover {
    background: rgba(0, 0, 0, 0.75);
}

/* Arrow characters — nexttext/prevtext are spaces so we use :before */
ul.bjqs-controls li.bjqs-prev a:before { content: "\2039"; }
ul.bjqs-controls li.bjqs-next a:before { content: "\203A"; }