body
{
    padding-top: 50px;
    padding-bottom: 20px;
    background: linear-gradient(#00246d, #2497d6 70%);
    min-height: 1600px;
    font-family: Dosis, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.main-area
{
    margin-top: 40px;
}

.body-content
{
    padding: 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: linear-gradient(#2497d6, #00246d);
}

    .body-content #login label.col-form-label, .body-content #login .form-check-label
    {
        color: #ffd800;
        text-shadow: 1px 1px 2px #000;
    }

    .body-content #login .text-error
    {
        color: #ffd6d6;
    }

.admin-body-content
{
    padding: 20px 40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: linear-gradient(#f8f5e2, #e9dea3);
}

.form-control.is-invalid
{
    background-color: #f4bdbd;
}

.validation-summary-errors > ul
{
    list-style: none;
}

a
{
    color: #1f7eb2;
}

    a:hover
    {
        color: #aa0000;
    }

#login a
{
    color: #00ff90;
}

    #login a:hover
    {
        color: #badaf2;
    }

.main-area .main
{
    padding: 24px 10px 8px 10px;
    background: linear-gradient(#ffd800, #c1a403 75%, #a08800);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    font-family: Oswald;
    font-size: 0.8em;
    color: #585858;
}

.main-area .admin-main
{
    padding: 10px 0 2px 0;
    background: linear-gradient(#badaf2, #40b3e8 80%, #1f7eb2);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    font-family: Oswald;
    font-size: 1.2em;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}


h1, h2, h1 a, h2 a
{
    font-family: 'Luckiest Guy';
    color: #badaf2;
    text-shadow: 2px 2px 5px #00246d;
}

    h1 a:hover, h2 a:hover
    {
        text-decoration: none;
        color: #ffd800;
    }

h3, h4, h5
{
    font-family: "Caveat Brush";
    color: #c1a403;
}

/* Carousel */
.carousel-caption p
{
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"]
{
    width: 100%;
}

/* QR code generator */
#qrCode
{
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px)
{
    /* Hide captions */
    .carousel-caption
    {
        display: none;
    }
}

.col-form-label
{
    font-family: Oswald;
    font-weight: bold;
    color: #1f7eb2;
    font-size: 1.2em;
}

#guestbook label
{
    font-family: Oswald;
    font-weight: bold;
    color: #ffeb79;
    font-size: 1.3em;
    text-shadow: 1px 1px 5px #000;
}

.form-control:focus
{
    background-color: #ffeb79;
}

.input-validation-error
{
    background-color: #ffa4a4;
}

    .input-validation-error:focus
    {
        background-color: #febfbf;
    }

header.navbar-vc
{
    padding: 6px 10px;
    line-height: 20px;
    background: #1f7eb2; /* Old browsers */
    background: -moz-linear-gradient(top, #40b3e8 0%, #2497d6 20%, #00246d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #40b3e8 0%,#2497d6 20%,#00246d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #40b3e8 0%,#2497d6 20%,#00246d 100%);
    border-bottom: solid 1px #000;
}

    header.navbar-vc button.navbar-toggler
    {
        border: solid 1px #badaf2;
    }

        header.navbar-vc button.navbar-toggler:hover
        {
            border: solid 1px #fff;
            background-color: #1f7eb2;
        }

        header.navbar-vc button.navbar-toggler .navbar-toggler-icon
        {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(186,218,242, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }

    header.navbar-vc .navbar-text, header.navbar-vc .navbar-text a
    {
        color: #ffd800;
    }

        header.navbar-vc .navbar-text a:hover
        {
            color: #00ffff;
        }

    header.navbar-vc .nav-item
    {
        font-family: Oswald;
        font-size: 18px;
        text-shadow: 1px 1px #000;
        color: #5bb7fb;
    }

        header.navbar-vc .nav-item a.nav-link
        {
            margin-top: 8px;
            color: #5bb7fb;
        }

    header.navbar-vc li.active a.nav-link
    {
        color: #ffd800;
    }

    header.navbar-vc .nav-item a.nav-link:hover
    {
        color: #00ffff;
    }

    header.navbar-vc .nav-item .dropdown-menu .dropdown-item
    {
        text-shadow: none;
    }

    header.navbar-vc a.vclogo
    {
        font-family: 'Just Another Hand', 'Comic Sans MS', '123Marker', sc sans-serif;
        font-weight: bold;
        font-size: 3em;
        text-shadow: 2px 2px #333;
        color: #ffd800;
    }

        header.navbar-vc a.vclogo:hover
        {
            color: #00ff90;
        }

    header.navbar-vc .dropdown-menu
    {
        background-color: #badaf2;
    }

@media screen and (max-width: 768px)
{
    header.navbar-vc .scrollable-menu
    {
        height: auto;
        max-height: 210px;
        overflow-x: hidden;
    }
}

.vc-cd-covers .card
{
    background: linear-gradient(#00246d, #28b3ff);
    display: block;
}

.vc-cd-covers .card-body
{
    font-family: Oswald;
    background: linear-gradient(#00246d, #28b3ff);
}

    .vc-cd-covers .card-body a
    {
        color: #ffd800;
    }

        .vc-cd-covers .card-body a:hover
        {
            color: #fff;
        }

table#equiplinks
{
    max-width: 600px;
    margin: 10px auto;
}

a.btn-guest-book
{
    font-family: Dosis, "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
    text-shadow: none;
}

.guest-book
{
    background-color: #fffae7;
    border-radius: 5px;
    padding: 10px;
}

    .guest-book .card
    {
        margin: 20px;
        box-shadow: 5px 5px 10px 1px #666;
    }

    .guest-book .comment-date, .guest-book .comment-user-location
    {
        font-size: 0.9em;
    }

    .guest-book .comment-user
    {
        font-weight: bold;
        text-transform: capitalize;
        font-size: 1.2em;
    }

     .guest-book .comment-user > a
     {
         text-decoration: none;
     }

      .guest-book .comment-user > a:hover
     {
         text-decoration: underline;
         text-shadow: 1px 1px 2px#000 ;
         color: #00ff90;
     }

        .guest-book .comment-user:before, .guest-book .comment-user:after
        {
            content: " - "
        }

    .guest-book .card:nth-child(odd) .card-header.hidden,
    .guest-book .card:nth-child(even) .card-header.hidden
    {
        background-color: #ff0000;
    }

    .guest-book .card:nth-child(odd) .card-header
    {
        background-color: #59a7d4;
    }

    .guest-book .card:nth-child(even) .card-header
    {
        background-color: #badaf2;
    }

.guest-book .card:nth-child(even) .card-header
{
    background-color: #badaf2;
}

    .guest-book .card:nth-child(odd) .card-body
    {
        background-color: #e4f1fb;
    }

    .guest-book .card:nth-child(even) .card-body
    {
        background-color: #fbfaf5;
    }

    .guest-book ul.pagination
    {
        width: 190px;
        margin: 0 auto;
        box-shadow: 2px 2px 10px 1px #666;
    }

        .guest-book ul.pagination li a
        {
            background-color: #badaf2;
        }

            .guest-book ul.pagination li a:hover
            {
                background-color: #00ff90;
            }

    .guest-book #counterInfo
    {
        font-family: "Caveat Brush", 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 1.7em;
        color: #1f7eb2;
    }

.contact-info
{
    background-color: #fffae7;
}

table#discography, table#calendar
{
    border-radius: 6px;
}

    table tbody tr td a
    {
        text-decoration: none;
    }

    table tbody tr td a:hover
    {
        text-decoration: underline;
    }

    table#discography thead tr th, table#calendar thead tr th
    {
        background: linear-gradient(#ffd800, #c1a403 75%, #a08800);
        font-family: Oswald, 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 1.2em;
        color: #fff;
        text-shadow: 1px 1px 3px #000;
    }

        table#discography thead tr th:first-child, table#calendar thead tr th:first-child
        {
            border-top-left-radius: 6px;
        }

        table#discography thead tr th:last-child, table#calendar thead tr th:last-child
        {
            border-top-right-radius: 6px;
        }

        table#discography tfoot tr td
        {
            background-color: #ffeb79;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            border-bottom: none;
            padding-bottom: 10px;
        }

        table#discography tfoot ul.pagination
        {
            width: 190px;
            margin: 0 auto;
            box-shadow: 2px 2px 10px 1px #666;
        }

            table#discography tfoot ul.pagination li a
            {
                background-color: #badaf2;
            }

                table#discography tfoot ul.pagination li a:hover
                {
                    background-color: #00ff90;
                }

#discography tfoot #counterInfo
{
    font-family: "Caveat Brush", 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 1.7em;
    color: #1f7eb2;
}

.Magazine
{
    font-size: 1.1em;
    padding: 20px 40px;
    border-radius: 6px;
    background-color: #fefefc;
    color: #6f6f6f;
}

    .Magazine .vinnie
    {
        margin-bottom: 8px;
        color: #000;
    }

    .Magazine img
    {
        margin: 8px;
    }

    .Magazine blockquote
    {
        border-left: dotted 5px #badaf2;
        padding-left: 10px;
        margin: 20px auto;
        font-family: 'Caveat Brush';
        color: #000;
        font-size: 1.2em;
    }

        .Magazine blockquote footer
        {
            font-size: 1.3em;
        }

    .Magazine .author
    {
        font-style: italic;
        font-size: 1.1em;
    }

    .Magazine fieldset
    {
        border: 1px solid #c1a403;
        border-radius: 5px;
        padding: 10px 30px;
        color: #333;
        margin-bottom: 30px;
    }

        .Magazine fieldset legend
        {
            width: 300px;
            border: 2px solid #1f7eb2;
            background-color: #badaf2;
            color: #00246d;
            border-radius: 5px;
            margin-left: 20px;
            box-shadow: 2px 2px 10px 1px #666;
        }

.bo-table
{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    .bo-table thead tr th
    {
        background-color: #1f7eb2;
        color: #fff;
        font-family: Oswald;
        text-shadow: 1px 1px 1px #000;
    }

table.bo-table tfoot
{
    background-color: #2497d6;
}

    table.bo-table tfoot tr td
    {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    table.bo-table tfoot ul.pagination
    {
        width: 190px;
        margin: 0 auto;
        box-shadow: 2px 2px 10px 1px #666;
    }

        table.bo-table tfoot ul.pagination li a
        {
            background-color: #badaf2;
        }

            table.bo-table tfoot ul.pagination li a:hover
            {
                background-color: #00ff90;
            }

    table.bo-table tfoot #counterInfo
    {
        font-family: "Caveat Brush", 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 1.7em;
        color: #00246d;
    }

form.Profile label
{
    color: #badaf2;
}

footer.main a, h1 > a, p > a, em > a, h5 > a, h6 > a
{
    text-decoration: none;
}

    footer.main a:hover, h1 > a:hover, p > a:hover, em > a:hover, h5 > a:hover, h6 > a:hover
    {
        text-decoration: underline;
    }