/*!
 * Start Bootstrap - Business Frontpage HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

.custom-header {
    height: 400px;
    background: url('../../images/banner/banner.jpg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


/* Customize the text color and shadow color and to optimize text legibility. */

.tagline {
    text-shadow: 0 0 10px #000;
    color: #fff;
}

.tagline a {
    text-shadow: 0 0 10px #000;
    color: #fff;
}

.tagline a:hover {
    text-shadow: 0 0 10px #000;
    color: #fff;
    text-decoration: none;
}

#site-title {
    display: inline-block;
    font-size: 67px;
    margin-top: 70px;
}

@media (max-width: 545px) {
    #site-title {
        font-size: 51px;
    }
}

/* Change color of the links in the navbar */

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: red;
}

.navbar-inverse .navbar-nav #RedLinesNav > li > a:hover {
    color: #e52e3b;
}

/* Center the navbar */

@media (min-width: 768px) {
    .navbar-nav {
        width: 100%;
        text-align: center;
        font-size: 17px;
    }
    .navbar-nav > li {
        float: none;
        display: inline-block;
    }
    .navbar{
        margin-top: -15px;
    }
    
}

/* Home campaign*/
#campaign-CarbonMajors {
    height: 400px;
    background: url('../../images/carbonmajors_corps/CarbonMajors_Banner.jpg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#campaign-RedLines {
    height: 400px;
    background: url('../../images/RedLines/RedLines_Banner.jpg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Add space beetween row of logos */

.logo-row{
    margin-bottom: 20px;
}

/* Align second row of RedLines */

.redlines-row2{
    margin-top: 80px; !important
}

@media (min-width: 768px) {
    /* Extend the width of collapsed content in a row */
    div[id*=collapseOne], div[id*=collapseTwo], div[id*=collapseThree]{
        width:300%;
    }

    /* Avoid the two last collapsed element in a row to go off the screen */

    div[id*=collapseFour], div[id*=collapseFive], div[id*=collapseSix]{
        float: right; 
        width:300%;
        text-align: right;
    }
}

/* Avoir grey line at the bottom of the logos */

.panel{
    box-shadow: none;
}

.img-center {
    margin: 0 auto;
}

/* Footer properties */

footer {
    background-color: #5b5b5b;
}

#contact, #send, #twitter_feed {
    margin-top: 30px;
}

#Copyleft {
    color: #fff;
}