/**
 * Floating sidebar — resources/views/themes/kiemde/partials/float.blade.php
 */

.btn-floating {
    background: url(../images/bg-arrow-btn.svg) no-repeat center center;
    background-size: contain;
}

.floating-nav {
    z-index: 10;
    position: relative;
    background-image: url(../images/public/bg-right.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.floating-nav:after {
    content: "";
    opacity: .3;
    z-index: -1;
    background-position: 50%;
    background-repeat: repeat;
    background-size: 60px 60px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.follow-us {
    background-image: url(../images/sprite_2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.rotate-360 {
    transform: rotate(360deg) !important;
}

/* Collapse offset — toggled by home.js / newDetail.js on #floating-navbar */
.translate-x-\[25\.6vw\] {
    transform: translateX(25.6vw);
}

.translate-x-\[9\.722vw\] {
    transform: translateX(9.722vw);
}

@media (min-width: 768px) {
    .md\:translate-x-\[9\.722vw\] {
        transform: translateX(9.722vw);
    }

    .md\:translate-x-none {
        transform: translateX(0);
    }
}