/* Add here all your css styles (customizations) */

body
{
    font-family: "Source Sans Pro", sans-serif;
    /* font-size: 16px; */
}

code, kbd, pre, samp {
    font-family: Hack,Consolas,"Courier New",monospace;
}

code {
    background-color: #f5f5f5;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    color: #333;    /* #228b22; */
    font-size: 80%;
    margin: 0 1px;
    padding: 1px 3px;
}

pre {
    border: 1px solid #d4d4d4;
    font-size: 85%;
}


/************************/
/*** Cafu Engine Logo ***/
/************************/

.navbar-brand
{
    font-size: 52px;
    height: auto;
    line-height: 1.4;
    padding: 5px 10px 0 15px;
}

@media (max-width: 400px) {
    /* We need more horizontal space e.g. on the iPhone (320px wide). */
    .navbar-brand
    {
        font-size: 44px;
        padding-top: 12px;
    }
}

.footer-brand,
.footer-brand:hover
{
    font-size: 22px;
    text-decoration: none;
}

.navbar-brand,
.footer-brand
{
    text-shadow: rgba(0, 0, 0, 0.4) 0.07em 0.07em 0.1em;
}

.navbar-brand span.Cafu,
.footer-brand span.Cafu
{
    font-weight: bold;
    color: #8b0200;     /* #8b0200 #a81010 */
}

.navbar-brand span.Engine,
.footer-brand span.Engine
{
    color: #666666;     /* #666666 */
}


/*
.footer .latest-list li
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
*/


.copyright .legal-notice {
    color: #666666;
    padding-top: 5px;
}


/*********************/
/*** Content Pages ***/
/*********************/

.feature-row:nth-child(2n+1) {
    background: #f7f7f7;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

/* For content headlines, increase the top margin from 10px to 30px. */
/* This much improves the visual separation among similar sections.  */
.content .headline {
    margin-top: 30px;
}

/* If the content starts with a headline, reduce its top padding from 40px to 20px. */
/* This cancels out the above increased margin as is required at the top of a page. */
.content.starts-with-headline {
    padding-top: 20px;
}

/* Get the details tables on the Contact page right. */
.contact-details {
    line-height: 1.5;
}

.contact-details td {
    padding: 0 10px 0 0;
}

/* Adjust the Cube Portfolio at the Gallery pages. */
.container-fluid .cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
    border-color: #a81010;
    color: #a81010;
}

.container-fluid .cbp-l-filters-buttonCenter .cbp-filter-item {
    font: 400 14px/32px "Source Sans Pro", sans-serif;
}

.container-fluid .cbp-l-filters-buttonCenter .cbp-filter-counter {
    background-color: #a81010;
    font: 400 13px/18px "Source Sans Pro", sans-serif;
}

.container-fluid .cbp-l-filters-buttonCenter .cbp-filter-counter::after {
    border-top: 4px solid #a81010;
}

.cbp {
    background-color: #000;
}

.cbp-item .cbp-lazyload {
    background-color: #333;
}