@font-face {
    font-family: 'Modenine';
    src: url('Modenine-2OPd.ttf');    
}

/* Core
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
    font-size: 14px;
}
@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.modenine {
    font-family: Modenine;
}

/*Colors */

.vyrx-lt-gray-bg {
    background-color: #CCD6DD;
}

.vyrx-dark-gray-bg {
    background-color: #99AAB5;
}

.vyrx-purple-bg {
    background-color: #49416d;
}

.vyrx-green-bg {
    background-color: #5C913B;
}

.vyrx-lt-gray-color {
    color: #CCD6DD;
}

.vyrx-black-color {
    color: #343e3d;
}

.vyrx-green-color {
    color: #5C913B;
}

/* Overrides*/

.vyrx .navbar-dark .navbar-nav .nav-link {
    color: #CCD6DD;
}

.vyrx .navbar-dark .navbar-nav .nav-link:hover {
    color: #5C913B;
}


#vyrx .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #CCD6DD;
    outline: 0;
    box-shadow: 0 0 0 0.1rem #49416d;
}

#vyrx btn.focus, #vyrx .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .1rem #5C913B;
}

.text-crimson
{
    color:crimson;
}

/* Layout */

.margin-top-60
{
    margin-top:60px;
}

#vyrx .vyrx-logo-25
{
    height:25px;
}

/* Helpers */
.hide {
    display: none;
}

/* Animations */

.flash-red{
    animation:pulse-red .5s 1;
}

.flash-black {
    animation: pulse-black .5s 1;
}

@keyframes pulse-red {
    0% {
        color: #343e3d; /* vryx black */
    }

    50% {
        color: crimson;
    }

    100% {
        color: #343e3d;
    }
}

@keyframes pulse-black {
    0% {
        color: crimson;
    }

    50% {
        color: #343e3d; /* vryx black */
    }

    100% {
        color: crimson;
    }
}