/*
 * CSS Customisations on top of Bootstrap
 */

/* -----------------------------------------------------------------------------
 * GENERAL
 * -----------------------------------------------------------------------------
 */
body
{
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    background-color: #FEFEFE;
}

p
{
    font: 14px/23px 'Open Sans', sans-serif;
    text-shadow: #FFFFFF 0 1px 0;
}

li
{
    font: 14px/23px 'Open Sans', sans-serif;
    text-shadow: #FFFFFF 0 1px 0;
}

a
{
    color: #EF4515;
    text-decoration: none;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

a:link,
a:visited
{
    color: #EF4515;
    text-decoration: none;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

a:hover
{
    color: #F25F10;
    text-decoration: underline;
}

.align-center
{
    text-align: center;
}

img.align-center
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.spaced
{
    margin-top: 40px;
}

.subtle-line
{
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #FFFFFF;
}

.stripe-primary
{
    background-color: #FEFEFE;
    padding: 25px 0;
}

.stripe-secondary
{
    background-color: #F7F7F7;
    padding: 25px 0;
}

.stripe-dark
{
    background-color: #000;
}

/* -----------------------------------------------------------------------------
 * PALETTE
 * -----------------------------------------------------------------------------
 */
.palette-alpha
{
    color: #AAAAAA;
}

.palette-bravo
{
    color: #888888;
}

.palette-charlie
{
    color: #333333;
}

.palette-delta
{
    color: #000000;
}

/* -----------------------------------------------------------------------------
 * HEADINGS
 * -----------------------------------------------------------------------------
 */
h2
{
    text-align: center;
    font: 400 44px/71px 'Open Sans', sans-serif;
    margin: 18px 0;
}

h2 strong
{
    font-weight: 700;
}

h3
{
    margin: 0px 0px 15px;
    font: 600 24px/45px 'Open Sans', sans-serif;
}

h4
{
    font: 600 16px/26px 'Open Sans', sans-serif;
}

header
{
    text-align: center;
}

header h1
{
    font-family: 'Gloria Hallelujah';
    margin: 30px 0px;
}

.pre-header
{
    margin-bottom: 0px;
}

/* -----------------------------------------------------------------------------
 * SECTIONS
 * -----------------------------------------------------------------------------
 */

article
{
    margin-top: 30px;
}

.segment
{
    text-transform: uppercase;
    border-bottom: 1px solid #CCCCCC;
}

.project
{
    text-align: center;
    cursor: pointer;
}

.project-header
{
    margin-bottom: 0;
}

.project-details
{
    display: none;
}

#section-project-details
{
    cursor: pointer;
}

/* -----------------------------------------------------------------------------
 * HEADER/FOOTER
 * -----------------------------------------------------------------------------
 */
.navbar
{
    margin: 0;
    padding-top: 5px;
    text-align: center;
}

.navbar-inner
{
    background: transparent;
    box-shadow: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    filter: none;
}

.navbar .nav-links
{
    margin-top: 30px;
}

.navbar .nav
{
    display: inline-block;
    float: none;
}

.navbar .nav li
{
    margin-left: 15px;
}

.navbar .nav li a
{
    font: 600 16px/26px 'Open Sans', sans-serif;
    padding: 6px 18px;
    color: #fefefe;
    line-height: 16px;
    text-align: center;
    text-shadow: none;
}

.navbar .nav .active a
{
    color: #FFFFFF;
    background-color: #ef4515;
}

.navbar .nav li a:hover
{
    color: #ef4515;
}

.navbar .nav li a:focus
{
    color: #ef4515;
}

.navbar .nav .active a:hover
{
    color: #FFFFFF;
    background-color: #ef4585;
}

.is-sticky #nav-container
{
    width: 100%;
}

.is-sticky .navbar .nav-links
{
    margin-top: 0;
}

.footer
{
    background-color: #000;
    color: #e1e1e1;
    line-height: 26px;
    padding: 0;
    text-align: center;
}

/* -----------------------------------------------------------------------------
 * STICKY FOOTER
 * -----------------------------------------------------------------------------
 */
html,
body
{
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -26px;
}

/* Set the fixed height of the footer here */
#push,
.footer-inner
{
    height: 25px;
}

/* -----------------------------------------------------------------------------
 * LOGOS
 * -----------------------------------------------------------------------------
 */
.logo-list
{
    margin-bottom: 40px;
}

.logo-list img
{
    padding: 6px 18px;
    margin: 4px 0px;
}

.logo-example
{
    background-color: #FFF;
    text-align: center;
}