/* Sticky Footer ---------------------------------------------------------*/

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

.sticky-wrapper {
    min-height: 100%;
    height: auto;
    margin: 0 auto -155px;
    padding: 0 0 155px;
}

/* Global -------------------------------------------------------------------*/
body {
    background-color: #FDFDFD;
    line-height: 1.7;
}

img {
    max-width: 100%;
}

.container {
    max-width: 970px;
}

a,
a:visited {
    color: #b72020;
}
a:hover, a:focus, a:active {
    color: #761515;
}

p.small-code {
    font-family: Consolas, monospace;
    font-size: 10px;
    padding:6px;
    background: #EEE;
}

.faded {
    color: #BEBEBE;
}
.faded a {
    opacity: 0.8;
}
.bold, .bold a {
    font-weight: bold;
}

/* Alerts */
.alert.alert-danger {
    background-color: #efdddd;
    font-weight: bold;
    color: #B72020;
    margin: 15px 0;
}
.alert.alert-danger button {
    color: #B72020;
}
.alert.alert-warning {
    background-color: #efdddd;
    font-weight: bold;
    color: #B72020;
    margin: 15px 0;
}
.alert.alert-warning button {
    color: #B72020;
}
.alert.alert-success {
    background-color: #D5F7D6;
    font-weight: bold;
    color: #4caf50;
    margin: 15px 0;
}
.alert.alert-success button {
    color: #4caf50;
}
.alert.alert-info {
    background-color: #EEEEEE;
    font-weight: normal;
    color: #666;
    margin: 15px 0;
}
.alert.alert-info button {
    color: #666;
}

/* Alert text */
.text-green,
.text-green a {
    color: #5cb85c;
    font-weight: bold;
}
.text-red,
.text-red a {
    color: #B72020;
    font-weight: bold;
}

/* Icons */
.icon-green {
    color: #5cb85c;
}
.icon-red {
    color: #d9534f;
}
.icon-grey {
    color: #888888;
}

.icon-md {
    font-size: 15px;
}

/* Buttons */
.btn-primary,
.btn-primary:visited {
    color: #FFF;
}

a.btn-default {
    color: #666;
}
a.btn.btn-warning {
    color: #FFFFFF;
}

div.button-sep {
    padding: 15px 0;
}

@media only screen and (max-width: 499px) {
    .btn-rearrange {
        float: none !important;
        display: block;
        width:100%;
    }
    div.btn-rearrange {
        margin-bottom:15px;
    }
}
/* Header & footer ---------------------------------------------------------*/

header {
    background: #fbf2f2 repeat left top;
    padding: 2em 0 1em 0;
    border-bottom: 1px solid #efdddd;
}
.logo {
    z-index: 1;
}
.logo img {
    max-width: 163px;
}

footer {
    height: 116px;
    color: #ffffff;
    border: none;
    background: #350404;
    padding: 40px 0 36px;
    margin-top: 3em;
}

footer p {
    font-weight: bold;
}

footer a,
footer a:visited {
    color: #FFFFFF;
}

footer a:hover,
footer a:active,
footer a:focus {
    color: #FFFFFF;
}

.fb-logo {
    margin: 5px 0 0 5px;
}

footer .separator {
    margin: 0 15px;
}

/* Navbar -------------------------------------------------------------------*/
.navbar {
    background-color: inherit;
    border-color: transparent;
    min-height: 0;
    margin-bottom: 0;
    margin-top: 62px;
}

.navbar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar .navbar-nav > li > a {
    color: #3E3E3E;
}

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

.navbar-nav > li > a {
    padding: 6px 12px;
    /*font-family: Signika, arial, sans-serif;*/
    /*font-weight: 300;*/
    font-size: 15px;
    border-radius: 3px;
}

/* Hovering and focussing on non-active links */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #B72020;
}

/* Styling active links */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #B72020;
}

/* Styling top-level dropdowns which are opened and non-active */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #B72020;
    border-radius: 3px 3px 0 0;
}

/* Dropdown menu */
.navbar-nav > li > .dropdown-menu {
    font-weight: 300;
    font-size: 12px;
    background-color: #B72020;
    border: none;
    border-radius: 3px 0 3px 3px;
    padding: 10px 15px;
}

/* Dropdown links */
.dropdown-menu > li > a {
    color: white;
    padding: 4px 0;
}

/* Dropdown links hover */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: underline;
    background-color: inherit;
    color: #ffffff;
}

/* Dropdown subpage links active */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    text-decoration: underline;
}

/* Adjustments for collapsed mobile menu */
@media only screen and (max-width: 767px) {

    /* Add top margin */
    .navbar {
        margin-top: 0;
    }

    /* Remove background colour from active links and dropdown links which are opened */
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: inherit;
        background-color: transparent;
        border-radius: inherit;
    }

    /* Style active links */
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        text-decoration: underline;
    }

    /* Style background coloured bar for active subpage links */
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: #D3D3D3;
        border-radius: 5px;
        color: #111;
    }
}

/* Content ----------------------------------------------------------------*/

.card {
    margin-top: 23px;
}

.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6 {
    margin-top: 5px;
}

.img-thumb {
    max-width: 140px;
}

.img-card .panel-body {
    padding: 0;
    min-height: 140px;
    background-size: 200px;
    background-repeat: no-repeat;
    background-position-x: 98%;
}
.img-card .panel-body.heart {
    background-image: url('../images/cat-icons/heart-bg.svg');
}
.img-card .panel-body.head {
    background-image: url('../images/cat-icons/head-bg.svg');
}
.img-card .panel-body.hands {
    background-image: url('../images/cat-icons/hands-bg.svg');
}
.img-card img {
    float: left;
    margin-right: 15px;
}
.img-card .section-content {
    padding: 4px 15px 0 15px;
}
.img-card h4 {
    margin-bottom: 8px;
}
@media only screen and (max-width: 600px) {
    .img-card .img-thumb {
        display: none;
    }
}

.img-card-horiz .panel-body {
    padding: 0;
}
.img-card-horiz img {
    display: block;
}
.img-card-horiz .section-content {
    padding: 15px;
}
.img-card-horiz p.icon-bg {
    padding-bottom: 3em;
    margin-bottom: -2em;
}
.img-card-horiz p.subtitle {
    margin-bottom: 0;
    padding-bottom: 0;
}
.img-card-horiz p.head,
.img-card-horiz p.heart,
.img-card-horiz p.hands {
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-size: 100px;
}
.img-card-horiz p.head {
    background-image: url('../images/cat-icons/head-bg.svg');
}
.img-card-horiz p.heart {
    background-image: url('../images/cat-icons/heart-bg.svg');
}
.img-card-horiz p.hands {
    background-image: url('../images/cat-icons/hands-bg.svg');
}

.login-panel {
    margin-top: 50px;
}
@media only screen and (max-width: 991px) {
    .login-panel {
        max-width: 295px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Forms --------------------------------------------------------------------*/
label.form-required:after {
    content: ' *';
}

form.sidebar-form input[type="number"],
form.sidebar-form input[type="date"] {
    display: inline-block;
    max-width: 120px;
}
form.sidebar-form .form-group {
    margin-bottom: 15px;
}
form.sidebar-form textarea {
    width: 100%;
    max-width: 400px;
}
form.sidebar-form button[type="submit"] {
    margin: 10px 0;
}

.search-button {
    margin-left: 10px;
}
form.input-small input.form-control {
    font-size: 13px;
}
form.bold-labels label {
    font-weight: bold;
}
/* Tables -------------------------------------------------------------------*/

.no-rules > thead > tr > th,
.no-rules > tbody > tr > th,
.no-rules > tfoot > tr > th,
.no-rules > thead > tr > td,
.no-rules > tbody > tr > td,
.no-rules > tfoot > tr > td {
    border-top: none;
}

tr.inactive {
    font-style: italic;
    opacity: 0.7;
}

/* Modals -------------------------------------------------------------------*/

div.modal {
    margin-top: 100px;
}

/* Dashboard ----------------------------------------------------------------*/
.stats {
    position: relative;
}
.stats .stats-number {
    font-weight: 900;
    font-size: 38px;
    line-height: 1.4;
}
.stats .stats-label {
    position: relative;
    bottom:4px;
}

/* Projects -----------------------------------------------------------------*/
.comment .panel-heading {
    font-style: italic;
    font-size: 11px;
    background-color: #FFF;
    padding: 8px 15px 0 15px;
}

.main textarea.form-control.input-sm,
#changeStatus textarea.input-sm {
    font-size: 13px;
}

.leaders-notes {
    min-height: 50px;
}

/* Status labels */
.status-proposed,
a.status-proposed {
    color: #666666;
    font-weight: bold;
}
.status-confirmed,
a.status-confirmed {
    color: #4caf50;
    font-weight: bold;
}
.status-awaiting-feedback,
a.status-awaiting-feedback {
    color: #FBA527;
    font-weight: bold;
}
.status-completed,
a.status-completed {
    color: #666666;
    font-weight: bold;
}
.status-withdrawn,
a.status-withdrawn {
    color: #999999;
    font-weight: bold;
}
.status-cancelled,
a.status-cancelled {
    color: #999999;
    font-weight: bold;
}
.team-list div button {
    font-size: 20px;
    display: none;
}
.team-list div {
    padding: 1px 8px;
    border-radius: 3px;
}
.team-list div.hover:hover {
    background-color: #FAFAFA;
}
.team-list div:hover button {
    display: block;
}
.team-list div.small.faded {
    margin-top: 10px;
}
div.project-single {
    position: relative;
}
.project-single .img-thumb {
    display: none;
}
table.project-details > tbody > tr > th,
table.project-details > tbody > tr > td {
    border-top: none;
    padding: 0 2px;
}
@media only screen and (min-width: 767px) {
    table.project-details > tbody > tr > th {
        max-width: 50px;
    }
}
@media only screen and (min-width: 550px) {
    table.project-details {
        width: 70%;
    }
    .project-single .img-thumb {
        display: block;
        float: right;
    }
}
.project-single .specifics {
    margin-top: 10px;
    margin-bottom: 16px;
}
.project-details .glyphicon{
    margin-left: 5px;
}
.project-details .popover-content {
    padding: 14px 18px;
}
/* Super view */
p.comment-attrib {
    font-style: italic;
    font-size: 11px;
    margin-bottom: 0;
}
.section-content.comment + .section-content.comment {
    margin-top: 25px;
}
span.invoice-paid {
    font-weight: bold;
    color: #4caf50;
}
span.invoice-unpaid {
    font-weight: bold;
    color: #b72020;
}
span.invoice-draft {
    font-weight: bold;
}

/* Lightbox overrides -------------------------------------------------------*/
body .lb-container, body .lb-outerContainer {
    background-color: #000000;
}
.lb-data .lb-caption {
    font-size: 16px;
}

/* Video --------------------------------------------------------------------*/
.video {
    margin-left: 2px;
    margin-right: 2px;
}

/* Testimonials -------------------------------------------------------------*/
.testimonial {
    margin: 25px 0 45px 0;
    padding: 0 50px 0 75px;
    font-style: italic;
    font-size: 17px;
    position: relative;
}
.gallery + .testimonial,
.video + .testimonial{
    margin-top: 45px;
}
.testimonial + .testimonial {
    margin-top: 55px;
}
.testimonial:before {
    font-size: 80px;
    line-height: 55px;
    margin-right: 15px;
    content: open-quote;
    color: #C1C1C1;
    position: absolute;
    top: 0;
    left: 30px;
}
.testimonial:after {
    content: no-close-quote;
}

@media (max-width: 450px) {
    .testimonial {
        padding: 0 25px 0 45px;
    }
    .testimonial:before {
        left: 5px;
    }
}

/* Help ---------------------------------------------------------------------*/
.subnav .nav>li>a {
    padding: 6px 9px;
}
.help .screenshot + h5,
.help p + h5,
.help ul + h5 {
    margin-top: 50px;
}
.help .screenshot {
    max-width: 500px;
    margin: 10px auto;
}
.help .screenshot img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    border: 1px solid #F9F9F9;
}