/* Cursor Common Styles */

.elementor-editor-active *,
.elementor-editor-active html
{
    cursor: auto !important;
}

.wdt-cursor-outer
{
    -webkit-transition: all .08s ease-out;
            transition: all .08s ease-out;
            height: 30px;
            width: 30px;
}

.wdt-cursor
{
    position: fixed;
    top: 0;
    left: 0;

    visibility: hidden;

    cursor: none;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    pointer-events: none;

    -webkit-border-radius: 50%;
            border-radius: 50%;

    /* mix-blend-mode: difference; */
}

/* Type 1 */

.wdt-cursor-wrapper.type-1 .wdt-cursor-inner
{
    z-index: 10000001;

    height: 38px;
    width: 25px;
    /* margin-left: -16px;
    margin-top: -16px; */

    /* background-image: -webkit-linear-gradient(left, var(--wdtPrimaryColor) 70%,var(--wdtTertiaryColor) 100%);
    background-image: -moz-linear-gradient(left, var(--wdtPrimaryColor) 70%, var(--wdtTertiaryColor) 100%);
    background-image: linear-gradient(to right, var(--wdtPrimaryColor) 70%,var(--wdtTertiaryColor) 100%);
    -webkit-mask-image: url("../images/leaf-cursor-default.png");
    mask-image: url("../images/leaf-cursor-default.png");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat; 
    mask-repeat: no-repeat; 
    -webkit-mask-size: 75% auto;
    mask-size: 75% auto;
    mix-blend-mode: normal; */
    background-image:  url("../images/cursor.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 0;
}

.wdt-cursor-wrapper.type-1 .wdt-cursor-outer
{
    height: 30px;
    width: 30px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0;
    z-index: 10000000;
    /* -webkit-mask-image: url("../images/cursor-hover.png");
    mask-image:  url("../images/cursor-hover.png"); */
     /* -webkit-mask-image: url("../images/cursor-hover-2.png");
    mask-image:  url("../images/cursor-hover-2.png"); */
     -webkit-mask-image: url("../images/cursor-hover-3.png");
    mask-image:  url("../images/cursor-hover-3.png");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat; 
    mask-repeat: no-repeat; 
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
    mix-blend-mode: normal;
    background-color: var(--wdtPrimaryColor);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
            
}

/* Link Hover Effect - 1 */

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-cursor-link-hover
{
    /* height: 32px;
    width: 32px; */
    /* margin-left: -16px;    
    margin-top: -16px;
    opacity: 0.25;
    background-image: none;
    -webkit-mask-image: none;
    mask-image: none;
    mix-blend-mode: difference; */
}

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-outer.wdt-cursor-link-hover
{
    /* height: 32px;
    width: 32px;
    margin-left: -16px;     
    margin-top: -16px; */
    opacity: 1;
}


/* LightBox Link Hover Effect - 1 */

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-cursor-lightbox-hover
{
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;

    opacity: 1;
}

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-cursor-lightbox-hover:after
{
    position: absolute;

    height: 40px;
    width: 40px;
    margin: auto;

    content: '';

    opacity: 1;
    border-width: 0;
    background-color: currentColor;

    -webkit-mask-image: url(../images/cursor-light-box.svg);
    mask-image: url(../images/cursor-light-box.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}


/* Carousel Link Hover Effect - 1 */

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-outer.wdt-carousel-hover
{
    width: 60px;
    height: 60px;
    margin: 0 auto;
    opacity: 1;
    position: fixed;
    left: -28px;
    top: -32px;
    mask-image: none;
    -webkit-mask-image: none;
    background-color: rgb(0, 0, 0);
     mix-blend-mode: none;
/* 
    background-image: -webkit-linear-gradient(left, var(--wdtPrimaryColor) 70%,var(--wdtTertiaryColor) 100%);
    background-image: -moz-linear-gradient(left, var(--wdtPrimaryColor) 70%, var(--wdtTertiaryColor) 100%);
    background-image: linear-gradient(to right, var(--wdtPrimaryColor) 70%,var(--wdtTertiaryColor) 100%); */

    /* mix-blend-mode: difference; */

    /* -webkit-mask-image: url("../images/leaves-cursor-carousel.png");
    mask-image: url("../images/leaves-cursor-carousel.png");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat; 
    mask-repeat: no-repeat;
    -webkit-mask-size: 75% auto;
    mask-size: 75% auto; */
}

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-carousel-hover
{
    display: flex;
    align-items: center;
    justify-content: space-between;

    background-image: none;
    -webkit-mask-image: none;
    mask-image: none;    

    height: 36px;
    width: 36px;
    margin-left: -18px;    
    margin-top: -18px;

    /* mix-blend-mode: exclusion; */

}

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-outer.wdt-carousel-hover.wdt-cursor-link-hover { 
   height: 30px;
    width: 30px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 1;
    z-index: 10000000;
    left: unset;
    top: 0;
    /* -webkit-mask-image: url("../images/cursor-hover.png");
    mask-image:  url("../images/cursor-hover.png"); */
     /* -webkit-mask-image: url("../images/cursor-hover-2.png");
    mask-image:  url("../images/cursor-hover-2.png"); */
     -webkit-mask-image: url("../images/cursor-hover-3.png");
    mask-image:  url("../images/cursor-hover-3.png");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat; 
    mask-repeat: no-repeat; 
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
    mix-blend-mode: normal;
    background-color: var(--wdtPrimaryColor);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-carousel-hover.wdt-cursor-link-hover {
   z-index: 10000001;

    height: 38px;
    width: 25px;
    margin: inherit;
   
    /* background-image: -webkit-linear-gradient(left, var(--wdtPrimaryColor) 70%,var(--wdtTertiaryColor) 100%);
    background-image: -moz-linear-gradient(left, var(--wdtPrimaryColor) 70%, var(--wdtTertiaryColor) 100%);
    background-image: linear-gradient(to right, var(--wdtPrimaryColor) 70%,var(--wdtTertiaryColor) 100%);
    -webkit-mask-image: url("../images/leaf-cursor-default.png");
    mask-image: url("../images/leaf-cursor-default.png");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat; 
    mask-repeat: no-repeat; 
    -webkit-mask-size: 75% auto;
    mask-size: 75% auto;
    mix-blend-mode: normal; */
    background-image:  url("../images/cursor.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 0;
}

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-carousel-hover.wdt-cursor-link-hover:before,
.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-carousel-hover.wdt-cursor-link-hover:after { opacity: 0; }

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-carousel-hover.wdt-vertical-carousel-hover
{
    flex-direction: column;
    justify-content: center;
}

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-carousel-hover:before,
.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-carousel-hover:after
{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 900;    
    
    height: 1em;
    line-height: 1;
    width: 1em;
}

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-carousel-hover:before
{
    margin-left: 10px;

    content: '\f104';
    transform: translateX(-100%);
}
.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-carousel-hover:after
{
    margin-right: 10px;

    content: '\f105';
    transform: translateX(100%);
}

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-carousel-hover.wdt-vertical-carousel-hover:before
{
    margin: -10px auto 0;

    content: '\f106';
    transform: translateY(-100%);
}
.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-carousel-hover.wdt-vertical-carousel-hover:after
{
    margin: 0 auto -10px;

    content: '\f107';
    transform: translateY(100%);
}


/*--------------------------------------------------------------
    Default Color
--------------------------------------------------------------*/

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-carousel-hover:before,
.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-carousel-hover:after
{
    color: var(--wdtAccentTxtColor);
}

/* .wdt-cursor-wrapper.type-1 .wdt-cursor-outer
{
    border-color: var(--wdtAccentTxtColor);
} */

.wdt-cursor-wrapper.type-1 .wdt-cursor-inner,
.wdt-cursor-wrapper.type-1 .wdt-cursor-inner.wdt-cursor-link-hover
{
    /* background-color: var(--wdtAccentTxtColor); */
    /* background-color: var(--wdtBodyTxtColor); */
    background-color: transparent;
}

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-carousel-hover
{
    color: var(--wdtAccentTxtColor);
    background-color: rgba(var(--wdtAccentTxtColorRgb),0);
}

.wdt-cursor-wrapper.type-1.link-hover-effect-1 .wdt-cursor-inner.wdt-cursor-lightbox-hover
{
    color: var(--wdtAccentTxtColor);
    background-color: rgba(var(--wdtAccentTxtColorRgb),.2);
}

@media only screen and (max-width: 767px) {

  .wdt-cursor-wrapper.type-1.link-hover-effect-1.image-hover-effect-1 {
    display: none;
  }
}
 @media only screen and (min-width: 768px) {
*,
html {
  cursor: none !important;
}
}
