﻿
.start-welcome {
    height: 40rem;
    background-image: url(../../Images/CustomerImages/skatelescope/Home.jpg);
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0,0.4);
    background-repeat: no-repeat, repeat;
    overflow: hidden;
}

/*Buttons*/

.btn-primary {
    color: #fff;
    background-color: rgb(7, 0, 104);
    border-color: rgb(7, 0, 104);
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: rgb(7, 0, 104);
        border-color: rgb(7, 0, 104);
    }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

/*Background*/

.bg-primary {
    background-color: rgb(7, 0, 104) !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important;
}

/*Border*/

.border-primary {
    border-color: rgb(7, 0, 104) !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

/*Text*/

.text-primary {
    color: rgb(7, 0, 104) !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #0056b3 !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #494f54 !important;
}
