/*********************************************
 * Custom Cursor
**********************************************/
[data-custom-cursor] {position:relative; cursor:none;}
[data-cursor-wrapper] {
    position:absolute; top:0; left:0; bottom:0; right:0;
    pointer-events:none; transition:var(--vii-transition);
    cursor:none;
}
[data-cursor] {position:absolute; pointer-events:none; transform:translate(-50%, -50%); width:80px; height:80px; font-size:36px;}

/* hidden the cursor when not hovering */
[data-custom-cursor]:not(:hover) [data-cursor-wrapper] {opacity:0;}


/*********************************************
 * Custom Cursor Responsive
**********************************************/
@media only screen and (max-width:1024px) {
    [data-cursor] {width:50px; height:50px; font-size:20px;}
}
@media only screen and (max-width:768px) {
    /* Hidden cursor on mobile */
    [data-cursor] {opacity:0;}
}