/* Jumbotrons
----------------------------------------------------------------------------- */

/* Base class
------------------------- */
.jumbotron_banner {
    position: relative;
    padding: 50px 10px 50px;
    margin-bottom: 30px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 0 30px rgba(0, 0, 0, .075);
    background: #020031; /* Old browsers */
    background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #020031), color-stop(100%, #6d3353)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #020031 0%, #6d3353 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, #020031 0%, #6d3353 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, #020031 0%, #6d3353 100%); /* IE10+ */
    background: linear-gradient(45deg, #020031 0%, #6d3353 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#020031', endColorstr='#6d3353', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2);
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2);
}

.jumbotron_banner h1 {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
}

.jumbotron_banner p {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: -20px;
}

/* Pattern overlay
------------------------- */
.jumbotron_banner .container {
    position: relative;
    z-index: 2;
}

.jumbotron_banner:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../img/bs-docs-masthead-pattern.png) repeat center center;
    opacity: .4;
}