/*
Theme Name: custom
Description: Modern furniture showcase WordPress theme based on Tailwind CSS with full-screen carousel support
Author: Xiong Furniture
Version: 1.0
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 8.0
Text Domain:  custom
*/

/* Tailwind CSS will be loaded via enqueue */

#back_to_top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    border: 2px solid #000;
    border-radius: 50%;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    z-index: 1000;
}

#back_to_top .fa-stack {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#back_to_top svg {
    width: 24px;
    height: 24px;
    color: #000;
    transition: all 0.3s ease;
}

/* Default state: show down arrow when at top of page */
#back_to_top svg {
    transform: rotate(180deg);
}

/* When page is scrolled, show up arrow */
body.scrolled #back_to_top svg {
    transform: rotate(0deg);
}

#back_to_top:hover {
    background-color: #000;
    border-color: #000;
}

#back_to_top:hover svg {
    color: #fff;
}

.qode_left_side_fixed {
    position: fixed;
    z-index: 999;
    left: 4.5%;
    bottom: 7.5%;
    transform: rotate(-90deg) translateZ(0);
    transform-origin: bottom left 0;
    color:#ffffff;
   }