/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

/* SITE COLORS /
*-secondary #default (no change)
active
disabled

/* OFFICIAL SITE COLORS */
/* *-primary #331d10 (brown) */
.alert-primary, .badge-primary, .bg-primary, .btn-primary, .card-primary, .list-group-item-primary, .page-primary /* link */, .table-primary {
    background: #201910!important;
    /*border-color: transparent;*/
    color: #fff;
}
.bg-primary {
    background: #201910!important;
    border-bottom: 8px solid #e9ba5f;
    color: #fff;
}
.alert-primary:hover, .badge-primary:hover, .btn-primary:hover, .card-primary:hover, .list-group-item-primary:hover, .page-primary:hover, .table-primary:hover {
    background: #633D21;
    /*border-color: transparent;*/
}
.text-primary {
    color: #331d10;
}
/* *-success #7c3d4e (fig/maroon) */
.alert-success, .badge-success, .bg-success, .btn-success, .card-success, .list-group-item-success, .page-success, .table-success {
    background: #7c3d4e!important;
    /*border-color: transparent;*/
    color: #fff;
}
.alert-success:hover, .badge-success:hover, .bg-success:hover, .btn-success:hover, .card-success:hover, .list-group-item-success:hover, .page-success:hover, .table-success:hover {
    background: #ad586f;
    /*border-color: transparent;*/
    color: #fff;
}
.bg-success small {
    color: #fff;
}
.text-success {
    color: #7c3d4e!important;
}

/* *-info #2d3b4c (blue) */
.alert-info, .badge-info, .bg-info, .btn-info, .card-info, .list-group-item-info, .page-info, .table-info {
    background: #2d3b4c!important;
    /*border-color: transparent;*/
    color: #fff;
}
.alert-info a, .badge-info a, .bg-info a, .btn-info a, .card-info a, .list-group-item-info a, .page-info a, .table-info a {
    color: #fff;
}
.alert-info:hover, .badge-info:hover, .bg-info:hover, .btn-info:hover, .card-info:hover, .list-group-item-info:hover, .page-info:hover, .table-info:hover {
    background: #617c9d;
    /*border-color: transparent;*/
    color: #fff;
}
.text-info {
    color: #2d3b4c!important;
}

/* *-warning #e9ba5f (mustard) */
.alert-warning, .badge-warning, .bg-warning, .btn-warning, .card-warning, .list-group-item-warning, .page-warning, .table-warning {
    background: #e9ba5f!important;
    /*border-color: transparent;*/
}
.alert-warning:hover, .badge-warning:hover, .bg-warning:hover, .btn-warning:hover, .card-warning:hover, .list-group-item-warning:hover, .page-warning:hover, .table-warning:hover {
    background: #eba828;
    /*border-color: transparent;*/
}
.text-warning {
    color: #e9ba5f!important;
}

/* *-danger #eac6c6 (pink) */
.alert-danger, .badge-danger, .bg-danger, .btn-danger, .card-danger, .list-group-item-danger, .page-danger, .table-danger {
    background: #eac6c6!important;
    /*border-color: transparent;*/
    color: #414141;
}
.alert-danger:hover, .badge-danger:hover, .bg-danger:hover, .btn-danger:hover, .card-danger:hover, .list-group-item-danger:hover, .page-danger:hover, .table-danger:hover {
    background: #eb5454;
    /*border-color: transparent;*/
    color: #fff;
}
.text-danger {
    color: #eac6c6!important;
}

/* *-link #2d3b4c (blue) */
.alert-link, .badge-link, .bg-link, .btn-link, .card-link, .list-group-item-link, .page-link, .table-link {
    background: #2d3b4c!important;
    /*border-color: transparent;*/
}
.alert-link:hover, .badge-link:hover, .bg-link:hover, .btn-link:hover, .card-link:hover, .list-group-item-link:hover, .page-link:hover, .table-link:hover {
    background: #122f53;
    /*border-color: transparent;*/
}
.text-link {
    color: #2d3b4c!important;
}

/* END SITE COLORS */

.clearfix {
    clear: both;
    margin: 20px 0;
    padding: 20px 0;
}

html,
body {
    height: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
/*.bg-primary {*/
    /*background: #331d10!important;*/
/*}*/
.img-portfolio {
    margin-bottom: 30px;
}
.brand {
    width: 150px;
}
.navbar-inverse .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
    padding-right: 1.5rem;
}
.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */
.carousel-container {
    background-image: url("../img/site-slide.png");
    background-repeat: no-repeat;
    height: 20rem;
}
header.carousel {
    /*height: 50%;*/
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}
.preview {
    width: 175px;
    float: left;
    border: solid #7c3d4e 3px;
    margin: 5px 11px 0 -7px;
}
/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */
/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.footer {
    position: relative;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

/*body > .container {*/
    /*padding: 60px 15px 0;*/
/*}*/

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}
/*footer {*/
    /*margin: 50px 0;*/
/*}*/

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}