/*
Theme Name: Ready Tester One
Description: A child theme for the Divi theme
Author: Tim Chau
Template: Divi
Version: 1.0
*/

.grecaptcha-badge {
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Scroll Top Start */
.et_pb_scroll_top.et-pb-icon {
	background-color: 
		linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, transparent 50%), 
    linear-gradient(to right, rgba(255, 255, 255, 0.2) 0%, transparent 30%), 
    linear-gradient(to left, rgba(0, 0, 0, 0.2) 0%, transparent 30%),
    #fff; /* Base background color */
		!important;
	border-radius: 50px !important;
	border: solid;
	border-width: 3px;
	border-color: #fff;
	border-style: outset;
	font-size: 36px;
	color: #fff;
	margin-right:20px;
}
/* Scroll Top End */

.dot-matrix {
    background-color: #0c0c0c;
    background-image:
        radial-gradient(circle at center,
            rgba(255,255,255,.08) 0,
            rgba(255,255,255,.08) 1px,
            transparent 1.5px);
    background-size: 20px 20px;
}

/* ===========================================
   NOTHING / RETRO LED MATRIX
   =========================================== */

.nothing-bg{

    --mouse-x:50%;
    --mouse-y:50%;

    position:relative;
    overflow:hidden;
    isolation:isolate;

    background:#080808;
}

/* -------------------------------
   BASE LED GRID
--------------------------------*/

.nothing-bg::before{

    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    background-image:

    /* Dense LED Matrix */

    radial-gradient(circle,
        rgba(255,255,255,.16) 0,
        rgba(255,255,255,.10) .7px,
        rgba(255,255,255,.03) 1.6px,
        transparent 2.2px),

    /* Random Bright Grid A */

    radial-gradient(circle,
        rgba(255,255,255,.45) 0,
        rgba(255,255,255,.22) 1px,
        transparent 2px),

    /* Random Bright Grid B */

    radial-gradient(circle,
        rgba(255,255,255,.35) 0,
        rgba(255,255,255,.15) 1px,
        transparent 2px),

    /* Random Bright Grid C */

    radial-gradient(circle,
        rgba(255,255,255,.25) 0,
        rgba(255,255,255,.10) 1px,
        transparent 2px);

    background-size:

        12px 12px,

        87px 93px,

        129px 141px,

        173px 181px;

    background-position:

        0 0,

        21px 14px,

        73px 61px,

        118px 87px;

    animation:

        breathe1 11s ease-in-out infinite,

        breathe2 17s ease-in-out infinite,

        breathe3 23s ease-in-out infinite,

        shimmer 35s linear infinite;

}




/* ------------------------------------
   Optional Scanlines
------------------------------------- */

.nothing-bg .scanlines{

    position:absolute;
    inset:0;

}

.nothing-bg .scanlines::before{

    content:"";

    position:absolute;
    inset:0;

    background:

    repeating-linear-gradient(

        to bottom,

        rgba(255,255,255,.018) 0px,

        rgba(255,255,255,.018) 1px,

        transparent 2px,

        transparent 5px

    );

    opacity:.35;

    animation:scan 18s linear infinite;

}


/* -------------------------------
   ANIMATIONS
--------------------------------*/

@keyframes breathe1{

    0%,100%{

        opacity:.92;

    }

    50%{

        opacity:.72;

    }

}

@keyframes breathe2{

    0%,100%{

        opacity:.78;

    }

    40%{

        opacity:.98;

    }

    70%{

        opacity:.65;

    }

}

@keyframes breathe3{

    0%,100%{

        opacity:.82;

    }

    30%{

        opacity:.55;

    }

    60%{

        opacity:1;

    }

}

@keyframes shimmer{

    from{

        transform:translateY(0);

    }

    to{

        transform:translateY(12px);

    }

}

@keyframes scan{

    from{

        background-position:0 0;

    }

    to{

        background-position:0 120px;

    }

}