/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.plus-container {
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plus {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: transparent;
    cursor: pointer;
}

.plus::before, .plus::after {
    content: '';
    position: absolute;
    background-color: #00ff00; /* Adjust color to your preference */
    transition: 0.5s ease;
}

/* Horizontal line of the plus */
.plus::before {
    width: 40px;
    height: 2px;
}

/* Vertical line of the plus */
.plus::after {
    height: 40px;
    width: 2px;
}

/* Animation: expand on hover */
.plus-container:hover .plus::before {
    width: 80px;
}

.plus-container:hover .plus::after {
    height: 80px;
}
/* hiệu ứng chuyển động cho single post */
.single-post-content {
    will-change: transform;
}

@media only screen and (max-width: 48em) {

/*************** ADD MOBILE ONLY CSS HERE  ***************/