﻿/* Move down content because we have a fixed navbar that is 50px tall */
html, body {
    height: 100%;
}
form {
    min-height: 100%;
}
body {
    padding-top: 50px;
    padding-bottom: 0px;
    background-color:#FDF2F2;
}
#external{
    color: #1a0100;
    text-shadow:1px 1px 0 #FFF;
}
    #external a {
        color: rgba(126, 50, 48, 0.90);
    }

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"] {
    max-width: 280px;
}

.jumbotron {
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
}
    .jumbotron blockquote {
        border: none;
        width:385px;
        page-break-inside: avoid;
        color: white;
    }
    .jumbotron h4 {
        color: white;
    }
    .jumbotron div {
        color: rgba(255, 255, 255, 0.80);
        font-size:12px;
        line-height:1.4285;
        width:360px;
        clear:both;
        float:right;
    }
    .jumbotron .btn-link{
        padding-left:0px;
    }
    .jumbotron .btn-lg {
        padding: 0;
        font-size: 28px;
        line-height: 1.33;
    }
.navbar {
    margin-bottom: 0;
    font-size:16px;
    font-weight:400;
}
.navbar-inverse {
    background-color:#7E3230;
    border-color:#531311;
    box-shadow:rgba(0,0,0,0.5) 3px 5px 10px ;
}
.navbar-default {
    background-color:#FDF2F2;
    border-color:#F0D2D2;
}
.list-group-item {
    background-color:#FDF2F2;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000000;
  background-color: #F0D2D2;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  background-color: #531311;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  background-color: #531311;
}
.navbar-collapse {
    padding-left:0px;
}
    .navbar-collapse a:first-child {
        padding-left: 0px;
    }
.navbar-responsive-collapse {
    padding-top:15px;
}
.wrap .row {
    vertical-align: top;
    margin:0;
}
    .wrap h2 {
        text-align:center;
        padding-bottom:30px;
        padding-top:20px;
    }
.row {
    column-count:auto;
    /*column-rule:1px dotted #808080;*/
    /*column-gap:40px;*/
    column-width:340px;
    -o-column-count:auto;
    /*-o-column-rule:1px dotted #808080;*/
    /*-o-column-gap:40px;*/
    -o-column-width:340px;
    -moz-column-count:auto;
    /*-moz-column-rule:1px dotted #808080;*/
    /*-moz-column-gap:40px;*/
    -moz-column-width:340px;
    -ms-column-count:auto;
    /*-ms-column-rule:1px dotted #808080;*/
    /*-ms-column-gap:40px;*/
    -ms-column-width:340px;
    -webkit-column-count:auto;
    /*-webkit-column-rule:1px dotted #808080;*/
    /*-webkit-column-gap:40px;*/
    -webkit-column-width:340px;
}
    .row h3 {
        margin: 0;
        margin-bottom: 25px;
    }
    .row h3 a, .row h3 a:hover, .row h3 a:focus, .row h3 a:active {
        color: rgb(0,0,0);
    }
    .row li {
        list-style-image:url('/Images/bullet.png');
    }
a.btn-link-default, a:hover.btn-link-default, a:focus.btn-link-default, .a:active.btn-link-default {
    color: rgb(0,0,0);
}
#filler {
    height: 65px;
}
footer.container {
    position: relative;
    top: -65px;
    padding: 0;
}
    footer hr {
        border-top-color: #808080;
        margin-top: 20px;
        margin-bottom: 10px;
    }
*[contenteditable]{
    outline-color:#7E3230;
    outline-style:dotted;
    outline-width:1px;
    background-color:#F0D2D2;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 0px;
    }
    .body-content {
        padding: 0;
    }
}
