/*
=====================================================
DIGITAL IPSUM CUSTOM CURSOR
=====================================================
*/

.cursor-dot,
.cursor-ring,
.cursor-text {

    position: fixed;

    pointer-events: none;

    z-index: 2147483647;
}


/*
=====================================================
DOT
=====================================================
*/

.cursor-dot {

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        #f79621;

    transform:
        translate(-50%, -50%);

    opacity:
        0;

    transition:
        opacity .2s ease;
}


/*
=====================================================
RING
=====================================================
*/

.cursor-ring {

    width:
        35px;

    height:
        35px;

    border:
        1px solid
        rgba(247, 150, 33, .60);

    border-radius:
        50%;

    transform:
        translate(-50%, -50%);

    transition:
        width .2s ease,
        height .2s ease,
        border-color .2s ease;
}


/*
=====================================================
VIEW TEXT
=====================================================
*/

.cursor-text {

    transform:
        translate(15px, 15px);

    color:
        #f79621;

    font-family:
        "DM Sans",
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        .08em;

    opacity:
        0;

    transition:
        opacity .2s ease;
}


/*
=====================================================
ACTIVE CURSOR
=====================================================
*/

body.di-cursor-active .cursor-dot {

    opacity:
        1;
}


/*
=====================================================
LINK HOVER
=====================================================
*/

body.di-cursor-link .cursor-ring {

    width:
        55px;

    height:
        55px;

    border-color:
        rgba(247, 150, 33, .85);
}


body.di-cursor-link .cursor-text {

    opacity:
        1;
}


/*
=====================================================
CLICK
=====================================================
*/

body.di-cursor-click .cursor-ring {

    width:
        25px;

    height:
        25px;
}


/*
=====================================================
HIDE ON FORM ELEMENTS
=====================================================
*/

body.di-cursor-form .cursor-ring {

    width:
        25px;

    height:
        25px;
}


/*
=====================================================
TOUCH DEVICES
=====================================================
*/

@media (hover: none), (pointer: coarse) {

    .cursor-dot,
    .cursor-ring,
    .cursor-text {

        display:
            none !important;
    }

}


/*
=====================================================
ELEMENTOR EDITOR
=====================================================
*/

body.elementor-editor-active
.cursor-dot,

body.elementor-editor-active
.cursor-ring,

body.elementor-editor-active
.cursor-text {

    display:
        none !important;
}


/*
=====================================================
ADMIN BAR
=====================================================
*/

body.admin-bar .cursor-dot,
body.admin-bar .cursor-ring,
body.admin-bar .cursor-text {

    /* Cursor remains based on viewport coordinates. */

}