/*=========================================================
DIAMOND AREA CDC
CDA ENHANCEMENTS
Visual Effects Only
=========================================================*/


/*==================================================
GLOBAL TRANSITIONS
==================================================*/

button,
.btn,
a,
input,
select{

    transition:var(--transition);

}


/*==================================================
HERO FLOATING ANIMATION
==================================================*/

.hero-right{

    animation:none;

}

/*==================================================
LOGO GLOW
==================================================*/

.hero-logo{

    animation:logoGlow 4s ease-in-out infinite;

}

@keyframes logoGlow{

    0%,100%{

        box-shadow:
            0 18px 45px rgba(0,0,0,.22);

    }

    50%{

        box-shadow:
            0 0 35px rgba(212,175,55,.45),
            0 18px 45px rgba(0,0,0,.22);

    }

}


/*==================================================
PREMIUM CARD SHINE
==================================================*/

.cda-card::after{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:60%;
    height:100%;

    background:
        linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.30),
        transparent);

    transition:.8s;

    pointer-events:none;

}

.cda-card:hover::after{

    left:130%;

}


/*==================================================
ICON ROTATION
==================================================*/

.card-icon{

    transition:.6s ease;

}

.cda-card:hover .card-icon{

    transform:rotate(360deg);

}


/*==================================================
NUMBER ZOOM
==================================================*/

.card-number{

    transition:.35s ease;

}

.cda-card:hover .card-number{

    transform:scale(1.10);

}


/*==================================================
WATERMARK ENHANCEMENT
==================================================*/

.card-watermark img{

    transition:.45s ease;

}

.cda-card:hover .card-watermark img{

    opacity:.12;

    transform:scale(1.08);

}


/*==================================================
FOOTER BAR ANIMATION
==================================================*/

.card-footer{

    transition:.35s ease;

}

.cda-card:hover .card-footer{

    background:#D8B13D;

}


/*==================================================
SEARCH BOX
==================================================*/

.search-box{

    transition:.35s ease;

}

.search-box:focus-within{

    transform:translateY(-3px);

    box-shadow:

        0 18px 45px rgba(0,0,0,.12);

}


/*==================================================
SEARCH RESULTS
==================================================*/

.search-results{

    animation:fadeResults .25s ease;

}

@keyframes fadeResults{

    from{

        opacity:0;

        transform:translateY(8px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

.search-item{

    transition:.25s ease;

}

.search-item:hover{

    padding-left:30px;

}


/*==================================================
STATISTICS
==================================================*/

.stat-card{

    transition:.35s ease;

}

.stat-card:hover{

    transform:translateY(-6px);

    box-shadow:

        0 22px 45px rgba(0,0,0,.18);

}

.stat-icon{

    transition:.4s ease;

}

.stat-card:hover .stat-icon{

    transform:rotate(15deg) scale(1.08);

}


/*==================================================
NAVIGATION POLISH
==================================================*/

nav ul li a{

    transition:.35s ease;

}

nav ul li a:hover{

    letter-spacing:.4px;

}


/*==================================================
SEARCH HIGHLIGHT
==================================================*/

.search-highlight{

    animation:foundCard 2s ease;

}

@keyframes foundCard{

    0%{

        transform:scale(1);

        box-shadow:none;

    }

    35%{

        transform:scale(1.03);

        box-shadow:

            0 0 45px rgba(212,175,55,.90);

    }

    100%{

        transform:scale(1);

        box-shadow:none;

    }

}


/*==================================================
FADE-IN ANIMATION
==================================================*/

.fade-up{

    animation:fadeUp .7s ease both;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(30px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


/*==================================================
SMOOTH SECTION APPEARANCE
==================================================*/

.hero-left,
.hero-right,
.stat-card,
.cda-card,
.search-wrapper{

    animation-duration:.7s;

    animation-fill-mode:both;

}
.hero-logo{

    animation:logoGlow 4s ease-in-out infinite;

}

@keyframes logoGlow{

    0%{
        filter:drop-shadow(0 0 0 rgba(255,255,255,0));
    }

    50%{
        filter:drop-shadow(0 0 15px rgba(255,255,255,.8))
               drop-shadow(0 0 25px rgba(255,215,0,.5));
    }

    100%{
        filter:drop-shadow(0 0 0 rgba(255,255,255,0));
    }

}
.mobile-menu-btn{

    position:relative;

    animation:menuGlow 3s ease-in-out infinite;

}

@keyframes menuGlow{

    0%,100%{

        box-shadow:0 0 0 rgba(0,166,81,0);

    }

    50%{

        box-shadow:
        0 0 12px rgba(0,166,81,.7),
        0 0 28px rgba(0,166,81,.45);

    }

}