
body {
    background-color: var(--ckw-color-gray-light) !important;
    font-family: 'accidental-presidency', Verdana, Tahoma, sans-serif;
}

.fs-inherit
{
    font-size: inherit;
}

.navbar-main
{
    border-bottom: 1px solid #000000;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}

.navbar-brand
{
    font-family: 'accidental-presidency', Verdana, Tahoma, sans-serif;
    font-size: 1.75em;
    letter-spacing: 0.1em;
    color: var(--ckw-color-green-dark);
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    text-transform: uppercase;
}

#logo
{
    margin-left: -10px;
    margin-right: 0.5em;
    width: 1.75em !important;
}

.navbar-brand > span
{
    color: var(--ckw-color-green-light);
}

h1
{
    font-family: 'accidental-presidency', Verdana, Tahoma, sans-serif;
    text-transform: uppercase;
}

h2
{
    font-family: 'accidental-presidency', Verdana, Tahoma, sans-serif;
    text-transform: uppercase;
}


h1.text-grey
{
    color: var(--ckw-color-gray-dark) !important;
    text-shadow:
            0px 0px 0 #000000,
            0px 0px 0 #000000,
            0px 0px 0 #000000,
            0px 0px 0 #000000,
            0px 0px 5px rgba(255, 255, 255, 1);
}

h1.text-white, h2.text-white, footer.text-white
{
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

footer
{
    border-top: 1px solid #000000;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}

label
{
    font-size: 1.25rem;
}

input.form-control
{
    background-color: var(--ckw-color-white-light);
    font-size: 1.1rem;
}

input.form-control:hover, input.form-control:focus
{
    border-color: var(--ckw-color-gray-light);
    box-shadow: 0 0 8px rgba(111, 111, 111, 0.6);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.input-group .input-group-text
{
    border-right-width: 0px;
}

.input-group input.form-control
{
    border-left-width: 0px;
}

.btn.btn-primary-light-green
{
    background-color: var(--ckw-color-green-light);
    border: 1px solid var(--ckw-color-gray-light);
}

.btn.btn-primary-light-green:hover, .btn.btn-primary-light-green:focus
{
    color: var(--ckw-color-gray-dark);
    border-color: var(--ckw-color-gray-dark);
    box-shadow: 0 0 8px rgba(111, 111, 111, 0.6);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.btn.btn-primary-dark-green
{
    background-color: var(--ckw-color-green-dark);
    border: 1px solid var(--ckw-color-gray-light);
}

.btn.btn-primary-dark-green:hover, .btn.btn-primary-dark-green:focus
{
    border-color: var(--ckw-color-gray-dark);
    box-shadow: 0 0 8px rgba(111, 111, 111, 0.6);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}


.rounded-top-left-2
{
    border-top-left-radius: 2rem;
}

.rounded-top-right-2
{
    border-top-right-radius: 2rem;
}

.rounded-bottom-left-2
{
    border-bottom-left-radius: 2rem;
}

.rounded-bottom-right-2
{
    border-bottom-right-radius: 2rem;
}

footer a
{
    text-decoration: none;
}

footer a:hover
{
    color: var(--ckw-color-green-dark);
}
