/**--------------------------------------
 * @package     ruxin_custom_cursor - Ruxin Custom Cursor
 * @copyright   Copyright (C) 2020 Open Source Matters, Inc. All rights reserved.
 * @license     GNU General Public License version 2 or later.
 * ---------------------------------------**/

html,
html *,
body,
body * {
    cursor: none !important;
}

body .custom_cursor {
    display: none;
    pointer-events: none;
}

body .custom_cursor.moved {
    display: block;
}

body .custom_cursor > span.first {
    opacity: 0.9;
    z-index: 9999999;
    width: 6px;
    height: 6px;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
}

body .custom_cursor > span.first i {
    display: block;
    transition: .3s background ease, .3s transform ease, .3s border ease;
    width: 6px;
    height: 6px;
    margin: 11px;
    pointer-events: none;
    border-radius: 100%;
    background: #f41d08;
    box-sizing: border-box;
}

body .custom_cursor > span.second {
    opacity: 0.5;
    z-index: 9999998;
    width: 28px;
    height: 28px;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
}

body .custom_cursor > span.second i {
    display: block;
    transition: .3s background ease, .3s transform ease, .3s border ease, .3s opacity ease;
    width: 28px;
    height: 28px;
    pointer-events: none;
    border-radius: 100%;
    background: #1bd4e3;
    top: 0;
    left: 0;
    box-sizing: border-box;
}

body .custom_cursor.hover > span.first i {

}

body .custom_cursor.hover > span.second i {
    transform: scale(2);
}