﻿.lastfooterlight {
    color: #1d1a11
}

    .lastfooterlight:hover {
        color: var(--lightgold)
    }

#LblFooterNameLight {
    font-size: 18px
}

input.form-control, textarea {
    border: 1px solid var(--lightgold) !important;
    color: #1d1a11 !important;
    border-radius: 20px !important
}

    .e-in-wrap:active, .e-in-wrap:focus, .e-in-wrap:hover, input.form-control:active, input.form-control:focus, input.form-control:hover, textarea:active, textarea:focus, textarea:hover {
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
        border: 1px solid var(--lightgold) !important;
        border-color: var(--deepgold) !important;
        outline: 0 !important;
        box-shadow: inset 0 1px 1px var(--lightgold),0 0 8px var(--lightgold) !important;
        display: inline-block !important;
        vertical-align: middle !important;
        width: 100% !important
    }

.golden-gradient-bg, .hopscotch-nav-button {
    border-radius: 20px;
    border: 1px solid var(--lightgold);
    outline: 0
}

    .golden-gradient-bg:active, .golden-gradient-bg:focus, .golden-gradient-bg:hover {
        border-radius: 20px;
        outline: 0;
        color: var(--lightgoldtwo) !important;
        background-color: #1d1a11 !important;
        background: #1d1a11 !important;
        border: 1px solid var(--lightgold);
        box-shadow: inset 0 1px 1px var(--lightgold),0 0 8px var(--lightgold)
    }

.reg-gold-button, .hopscotch-nav-button {
    border-radius: 20px;
    border: 1px solid var(--lightgold);
    outline: 0;
    background: #f9d869 !important;
    background: -moz-linear-gradient(top,#f9d869 0,#aa810d 100%) !important;
    background: -webkit-linear-gradient(top,#f9d869 0,#aa810d 100%) !important;
    background: linear-gradient(to bottom,#f9d869 0,#aa810d 100%) !important
}

    .reg-gold-button:active, .reg-gold-button:focus, .reg-gold-button:hover, .hopscotch-nav-button:active, .hopscotch-nav-button:focus, .hopscotch-nav-button:hover {
        border-radius: 20px;
        outline: 0;
        color: var(--lightgoldtwo) !important;
        background-color: #1d1a11 !important;
        background: #1d1a11 !important;
        border: 1px solid var(--lightgold);
        box-shadow: inset 0 1px 1px var(--lightgold),0 0 8px var(--lightgold)
    }

.reg-button {
    border: 1px solid var(--deepgold);
    background: var(--verylightgold);
    border-radius: 20px;
    outline: 0;
    background: var(--verylightgold) !important;
    background: -moz-linear-gradient(top,var(--verylightgold) 0,var(--lightgold) 100%) !important;
    background: -webkit-linear-gradient(top,var(--verylightgold) 0,var(--lightgold) 100%) !important;
    background: linear-gradient(to bottom,var(--verylightgold) 0,var(--lightgold) 100%) !important
}

    .reg-button:active, .reg-button:focus, .reg-button:hover {
        color: #1d1a11 !important;
        background: #f9d869 !important;
        background: -moz-linear-gradient(top,#f9d869 0,#aa810d 100%) !important;
        background: -webkit-linear-gradient(top,#f9d869 0,#aa810d 100%) !important;
        background: linear-gradient(to bottom,#f9d869 0,#aa810d 100%) !important;
        outline: 0 !important;
        border-color: var(--lightgold) !important;
        -webkit-text-fill-color: #121212 !important;
        border: 1px solid var(--lightgold);
        box-shadow: inset 0 1px 1px var(--lightgold),0 0 8px var(--lightgold)
    }

body {
    background-image: url(/WebAssets/images/abena-backgroun.png);
    background-repeat: no-repeat;
    background-size: auto 50%;
    background-position: bottom
}
