/*================================================================================
	Item Name: Robust - Responsive Admin Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


@media (min-width: 48em) {
    html {
        font-size: 18px;
    }
}

body {
    color:#4c4c4c;
    font-size:0.9rem;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
/*
 * Override Bootstrap's default container.
 */

.container {
    max-width: 60rem;
}


/*
 * Masthead for nav
 */

.blog-masthead {
    margin-bottom: .2rem;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -.1rem .25rem rgba(0,0,0,.1);
    box-shadow: inset 0 -.1rem .25rem rgba(0,0,0,.1);
}

/* Nav links */
.nav-link {
    position: relative;
    padding: 1rem;
    font-weight: 500;
    color: #cdddeb;
}
.nav-link:hover,
.nav-link:focus {
    color: #fff;
    background-color: transparent;
}

/* Active state gets a caret at the bottom */
.nav-link.active {
    color: #fff;
}
.nav-link.active:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -.3rem;
    vertical-align: middle;
    content: "";
    border-right: .3rem solid transparent;
    border-bottom: .3rem solid;
    border-left: .3rem solid transparent;
}

.list-group-flush{
    position:absolute;
    bottom:50px;
    width:100%;
}
.bd-example {
    position: relative;
    padding: 1rem;
    margin: 1rem -1rem;
    border: solid #f7f7f9;
    border-width: .2rem 0 0;
}
.pada{
    padding:0.5rem;
}
.padr1{
    padding-right: .2rem;
    padding-left: .4rem;
}
.padl1{
    padding-left: .4rem;
}
.advertlist{
    clear: both;
    padding: 10px 0 0;
}
.advertitem {
    clear: both;
    padding: 0 0 50px;
    position: relative;
}
.advertsummary {
    float: right;
    width: auto;

    top: 0;
    bottom: 0;
    right: 0;
    padding: 0 0 35px;
}
.advertsummaryhead {
    background: #a5a5a5;
    padding: 5px 2px 6px;
    color: #fff;
    margin: 0 0 20px;
}
.advertsummaryfoot{
    right: 0;
    bottom: 0;
    width: auto;
    padding: 0 0 50px;
    min-height: 40px;
}
.hometitle {
    font-size:0.9rem;
}
.page-footer {
    padding: 0.5rem 0;
    color: #999;
    text-align: center;
    background-color: #f9f9f9;
    border-top: .05rem solid #e5e5e5;
    margin-top: 0.5rem;
}
#bx-pager {
    text-align: center;
    margin-top: -30px;
}
#bx-pager img{
    margin-top: 3px;
    padding-bottom: 4px;
}
.headtop {
    padding-top: 10px;
    font-color:#428bca;
}
a.advertblock:link {
    color: #333333;
    text-decoration:none;
}
a.advertblock:active {
    color: #333333;
    text-decoration:none;
}
a.advertblock:hover {
    color: #333333;
    text-decoration:none;
}
a.advertblock:visited {
    color: #333333;
    text-decoration:none;
}
.text-inset1 {
    margin-left:10px;
}

.ocaption {
    width:100%;
    bottom: .3rem;
    position: absolute;
    background:#000;
    background: -webkit-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(to top, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.card-img-overlay h4 {
    color: #fff;
    -webkit-font-smoothing: antialiased;
    bottom: .3rem;
    background: rgb(217, 137, 79); /* Fallback for older browsers without RGBA-support */
    background: rgba(217, 137, 79, 0.8);
    padding: .2rem;

}
.alert{
    padding: .4rem .6rem;
    margin-bottom: .4rem;

}
.list-group-item {
    padding: .4rem .6rem;
}
.card-block {
    padding: .6rem;
}
.button-wrapper .btn {
    margin-bottom:.4rem;
}
.hyphenate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.carousel-item {
    align-items: center;
    width: 100%;
}
.carousel-caption {
        position: absolute;
        right: 20%;
        bottom: 40px;
        left: 0;
        z-index: 10;
        padding-top: 2px;
        padding-bottom: 4px;
    padding-left: 10px;
        color: #fff;
        text-align: left;
    background: rgb(66, 139, 202); /* Fallback for older browsers without RGBA-support */
    background: rgba(66, 139, 202, 0.7);
}
.h4carousel{
    font-size: 1.2rem;

}
.h4carousel a:link {
    color: #FFFFFF;
    text-decoration:none;
}
.h4carousel a:active {
    color: #FFFFFF;
    text-decoration:none;
}
.h4carousel a:hover {
    color: #FFFFFF;
    text-decoration:none;
}
.h4carousel a:visited {
    color: #FFFFFF;
    text-decoration:none;
}

/* This gets Facebook to fall into place */
.social-share iframe {
    vertical-align: bottom;

}

.annex, .bath, .bed, .business, .epc, .horse, .land, .shed{
    background: url(/assets/img/sprites.png) no-repeat;
}

.annex{
    background-position: 0 -3px ;
    width: 17px;
    height: 17px;
}

.bath{
    background-position: -47px -2px ;
    width: 19px;
    height: 19px;
}

.bed{
    background-position: -21px -7px ;
    width: 21px;
    height: 14px;
}

.business{
    background-position: -67px -3px ;
    width: 19px;
    height: 18px;
}

.epc{
    background-position: -91px -5px ;
    width: 16px;
    height: 16px;
}

.horse{
    background-position: -111px 0;
    width: 21px;
    height: 21px;
}

.land{
    background-position: -135px -5px ;
    width: 25px;
    height: 16px;
}

.shed{
    background-position: -162px 0;
    width: 24px;
    height: 21px;
}

.h1, h1 {
    font-size: 1.5rem;
}
.h2, h2 {
    font-size: 1.25rem;
}

a.blogtitle:link {
    color: #f1b070;
    text-decoration:none;
}
a.blogtitle:active {
    color: #f1b070;
    text-decoration:none;
}
a.blogtitle:hover {
    color: #f1b070;
    text-decoration:none;
}
a.blogtitle:visited {
    color: #f1b070;
    text-decoration:none;
}
.pagination{
    flex-wrap: wrap;
}

@media (min-width: 544px){
.bd-example {
    padding: 1.5rem;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    border-width: .2rem;
 }

}
.text-wrap {
    white-space: normal;
}