body
{
    font-family: Arial, sans-serif;
    padding-top: 56px; /* Offset for fixed navbar */
    background: #b3e7ff;
    background: linear-gradient(135deg,rgba(189, 221, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    color: #212529;
}

.section {
    padding: 10px 0;
    position: relative;
}

.section-end {
	background-color: blue;
	height: 100vh;
}


.sticky-header h2 {
    margin: 0;
}

.container {
    max-width: 960px;
    margin: auto;
}


.navbar
{
    background-color: #004;
    background: linear-gradient(135deg, #133188 0%, #1B2A61 100%);
    box-shadow: #444 0px 1px 3px;
}

.navbar-brand img
{
    max-width: 258px;
    width: auto;
    height: auto;
}
.navbar-brand img:hover
{
    box-shadow: white 0 0 5px;
}

nav .navbar-nav li a
{
    color: white !important;
}


/* Footer styles */
.footer {
    border-top: 1px solid #888;
    background-color: white;
    padding: 5px 0;
    text-align: center;
    width: 100%;
    position: relative;
    box-shadow: inset #ccc 0 2px 2px;
}

.footer-icons
{
    font-size: 2em;
}


ul.centered
{
    padding-left: 0;
    list-style-position: inside;
    list-style: none;
}
    ul.centered li::before
    {
        content: "\25B8";
        display: inline-block;
        margin-right: 0.5em;
    }


.welcome
{
    font-size: 2em;
    border-bottom: 1px solid black;
    margin-bottom: 1em;
}



article
{
}

    article .card
    {
        border-radius: 10px;
        box-shadow: #888 3px 3px 3px;
        overflow: hidden;
    }

    article .card-header
    {
        background: #b3e7ff;
        background: linear-gradient(180deg,rgba(110, 110, 255, 1) 0%, rgba(135, 135, 255, 1) 100%);
        color: white;
        font-weight: bold;
        box-shadow: inset rgba(90, 90, 200, 1) 1px 2px 3px, #888 0 1px 2px;
    }

    article .card-header a
    {
        color: #ccf;
        text-decoration: underline;
    }

.product-list article .card img
{
    border: solid !important;
    border-width: 1px 0 !important;
    border-color: black transparent !important;
    box-shadow: 0 2px 5px #888;
}



.product-list article a
{
    text-decoration: none;
}
.product-list article a:hover
{
    text-decoration: none;
}


div.download-panel .card-body
{
    background-color: #eee;
}
div.download-panel .card-footer
{
    background-color: #ccd;
}


span.history-release-date
{
    font-size: 0.5em;
}