/* -------------------- Header nav-bar styling --------------------*/
body > header > nav > a.navbar-brand > img
{
    max-height: 3.0em;
};

body > header > nav > a.navbar-brand > span
{
    display: block;
}

body > header > nav > a > span.subtitle
{
    font-size: 0.5em;
}

.navbar-brand img
{
    max-height: 3.0em;
}

.fa 
{
    padding: 0.1em;
    font-size: 1.0em;
    width: 1.7em;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
}

.fa-facebook 
{
    background: #3B5998;
    color: white;
}

/* -------------------- Carousel styling --------------------*/

div.carousel-item img
{
    max-height: 350px;
    min-width: auto;
}

div.carousel-item > div.carousel-caption2 p
{
    max-width: 400px;
}

.carousel-inner
{
    background-color: gray;
}

.carousel-caption {
    max-width: 100%;
    width:100%;
    color: white;
    /* 
    opacity: 0.5; 
    background-color: royalblue;
    */
    left: 0;
    padding: 0;
}

.carousel-item.active > div > header
{
    font-weight: bolder;
}

.carousel-indicators > li
{
    border: 0px;
}


/* -------------------- Article styling --------------------*/

article
{
    margin-top: 0.5em;
    margin-bottom: 1.0em;
    margin-left: 1.0em;
    margin-right: 1.0em;
}

article > header
{
    font-size: larger;
    font-weight: bold;
    margin-top: 0.5em;
}

/*
article.rules ol
{
    font-weight: normal;
}

article.rules > ol
{
    font-weight: bold;
}
*/

article.rules ol li
{
    font-weight: normal;
}

article.rules ol li,
article.bylaws ol li
{
    margin-bottom: 0.5em;
}

article.rules > ol > li
{
    font-weight: bold;
    margin-bottom: 2.0em;
}

article.rules table
{
    margin-left: auto;
    margin-right: auto;
}

article.rules table tr th, 
article.rules table tr td
{
    padding-left: 0.5em;
    padding-right: 2.0em;
}

article.rules table tr th:nth-child(6n+4), 
article.rules table tr td:nth-child(6n+4),
article.rules table tr th:nth-child(6n+5), 
article.rules table tr td:nth-child(6n+5)
{
    background-color: #f8f9fa;
}


/* -------------------- Sticky header and footer --------------------*/
html {
    position: relative;
    min-height: 100%;
}

body 
{
    /* Margin bottom by footer height */
    margin-bottom: 3.0em;
}

.footer 
{
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 3.0em;
    font-size: x-small;
    text-align: center;
}