/**--------------------------------------
 * @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.7;
    z-index: 9999999;
    width: 25px;
    height: 25px;
    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: 25px;
    height: 25px;
    pointer-events: none;
    border-radius: 100%;
    border: 2px solid #f41d08;
    box-sizing: border-box;
}

body .custom_cursor > span.second {
    opacity: 0.7;
    z-index: 9999998;
    width: 25px;
    height: 25px;
    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: 25px;
    height: 25px;
    pointer-events: none;
    border-radius: 100%;
    border: 2px solid #1bd4e3;
    top: 0;
    left: 0;
    box-sizing: border-box;
}

body .custom_cursor.hover > span.first i {
    background: #f41d08;
    transform: scale(0.3);
}

body .custom_cursor.hover > span.second i {
    transform: scale(1.4);
    border-width: 1px;
}