.blue { color: #0E5385; }
.gold { color: #9B8943; }

/* ANIMACIJA UNUTAR KARTICE */
#ercom-animation-overlay {
    width: 100%;
    text-align: center;
    z-index: 10;

    animation: fadeOut 1s ease forwards;
    animation-delay: 2.7s;
}

#ercom-text-anim {
    font-size: 48px;
    font-weight: 900;
    letter-spacing: 2px;
    opacity: 0;
    animation: fadeIn 1.3s ease forwards;
}

#ercom-reflection-anim {
    font-size: 48px;
    font-weight: 900;
    transform: scaleY(-1);
    margin-top: -10px;
    opacity: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent);

    animation: fadeIn 1.3s ease forwards;
    animation-delay: 0.5s;
}

/* STATIČNI LOGO KOJI OSTANE */
.ercom-main,
.ercom-reflect {
    font-size: 48px;
    font-weight: 900;
    letter-spacing: 2px;
}

.ercom-reflect {
    transform: scaleY(-1);
    margin-top: -10px;
    opacity: 0.45;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent);
}

/* ANIMACIJE */
@keyframes fadeIn { to { opacity: 1; } }

@keyframes fadeOut { 
    to {
        opacity: 0;
        visibility: hidden;
        height: 0;
        padding: 0 !important;
        margin: 0 !important;
    }
}