.headerbar {
    background-color: #ffffff;
    color: #000000;
}

.logo {
    margin: 5px;
    max-height: 50px;
}

.divContactInfo {
    margin: 15px;
}

.divSocialLinks {
    margin: 15px;
}

.socialLink {
    color: #990000;
    font-size: 20px;
    margin: 2px;
}

    .socialLink:hover {
        color: #990000;
    }

.callnow {
    display: none;
}

@media(max-width:768px) {
    .callnow {
        display: inline-block;
    }
}

@media(max-width:450px) {
    .name {
        font-size: 16px;
    }
}

@media(max-width:360px) {
    .name {
        font-size: 14px;
    }
}


.carousel {
    border-bottom: solid 0px #333333;
}

.calltoaction {
    background-color: #000;
}

.featuredpropertiesBar {
    background-color: #efefee;
}

.divTestimonials_Outer {
    background-color: #efefee;
}

    .divTestimonials_Outer blockquote {
        border-left-color: #000;
    }


/* START SITE 8 TOP NAVBAR THEME */
.mynavbar {
    --navbar-solid-background: #ffffff;
    --navbar-solid-text: #222222;
    --navbar-solid-hover: rgba(255, 255, 255, 0.14);
}

    .mynavbar.navbar-default {
        color: #ffffff;
        background-color: transparent;
        border-width: 0;
        box-shadow: none;
        transition: background-color 200ms ease, box-shadow 200ms ease;
    }

    .mynavbar .navbar-action,
    .mynavbar .navbar-action:link,
    .mynavbar .navbar-action:visited {
        color: #ffffff;
        background-color: transparent;
    }

        .mynavbar .navbar-action:hover,
        .mynavbar .navbar-action:active {
            color: #ffffff;
            background-color: rgba(255, 255, 255, 0.14);
        }

    .mynavbar .rmLink.rmRootLink,
    .mynavbar .rmLink.rmRootLink:link,
    .mynavbar .rmLink.rmRootLink:visited {
        color: #ffffff !important;
        background-color: transparent !important;
    }

        .mynavbar .rmLink.rmRootLink:hover,
        .mynavbar .rmLink.rmRootLink:focus,
        .mynavbar .rmLink.rmRootLink:active,
        .mynavbar .rmLink.rmRootLink.rmExpanded {
            color: #ffffff !important;
            background-color: rgba(255, 255, 255, 0.14) !important;
        }

    .mynavbar.navbar-default.navbar-scrolled {
        color: var(--navbar-solid-text);
        background-color: var(--navbar-solid-background);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    }

    .mynavbar.navbar-scrolled .navbar-action,
    .mynavbar.navbar-scrolled .navbar-action:link,
    .mynavbar.navbar-scrolled .navbar-action:visited {
        color: var(--navbar-solid-text);
    }

        .mynavbar.navbar-scrolled .navbar-action:hover,
        .mynavbar.navbar-scrolled .navbar-action:active {
            color: var(--navbar-solid-text);
            background-color: var(--navbar-solid-hover);
        }

    .mynavbar.navbar-scrolled .rmLink.rmRootLink,
    .mynavbar.navbar-scrolled .rmLink.rmRootLink:link,
    .mynavbar.navbar-scrolled .rmLink.rmRootLink:visited {
        color: var(--navbar-solid-text) !important;
    }

        .mynavbar.navbar-scrolled .rmLink.rmRootLink:hover,
        .mynavbar.navbar-scrolled .rmLink.rmRootLink:focus,
        .mynavbar.navbar-scrolled .rmLink.rmRootLink:active,
        .mynavbar.navbar-scrolled .rmLink.rmRootLink.rmExpanded {
            color: var(--navbar-solid-text) !important;
            background-color: var(--navbar-solid-hover) !important;
        }

@media (max-width: 992px) {
    .mynavbar.navbar-default {
        color: var(--navbar-solid-text);
        background-color: var(--navbar-solid-background);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    }

    .mynavbar .navbar-action,
    .mynavbar .navbar-action:link,
    .mynavbar .navbar-action:visited {
        color: var(--navbar-solid-text);
    }

        .mynavbar .navbar-action:hover,
        .mynavbar .navbar-action:active {
            color: var(--navbar-solid-text);
            background-color: var(--navbar-solid-hover);
        }

    .mynavbar .rmRootToggle,
    .mynavbar .rmRootToggle:link,
    .mynavbar .rmRootToggle:visited {
        color: var(--navbar-solid-text) !important;
        border-color: transparent !important;
        background-color: transparent !important;
    }

        .mynavbar .rmRootToggle:hover,
        .mynavbar .rmRootToggle:focus,
        .mynavbar .rmRootToggle:active,
        .mynavbar .rmRootToggle.rmExpanded {
            color: var(--navbar-solid-text) !important;
            border-color: transparent !important;
            background-color: var(--navbar-solid-hover) !important;
            outline: none;
        }

    .mynavbar .rmLink.rmRootLink,
    .mynavbar .rmLink.rmRootLink:link,
    .mynavbar .rmLink.rmRootLink:visited {
        color: var(--navbar-solid-text) !important;
    }

        .mynavbar .rmLink.rmRootLink:hover,
        .mynavbar .rmLink.rmRootLink:focus,
        .mynavbar .rmLink.rmRootLink:active,
        .mynavbar .rmLink.rmRootLink.rmExpanded {
            color: var(--navbar-solid-text) !important;
            background-color: var(--navbar-solid-hover) !important;
        }
}

@media (max-width: 991px) {
    .mynavbar.navbar-default,
    .mynavbar.navbar-default.navbar-scrolled {
        box-shadow: none;
    }
}
/*GRADIENT FOR TOP NAV WHEN NAV IS TRANSPARENT*/
@media (min-width: 993px) {
    .mynavbar.navbar-default:not(.navbar-scrolled) {
        background: linear-gradient( to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.30) 70%, rgba(0, 0, 0, 0) 100% );
    }
}
/* END SITE 8 TOP NAVBAR THEME */


/*button color*/
.btn-primary {
    --primary-color: #6699ff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

    .btn-primary:link,
    .btn-primary:visited,
    .btn-primary:focus,
    .btn-primary:hover,
    .btn-primary:active {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }


/*calltoaction header color*/
.calltoactionbar .panel-default {
    border-color: #000000;
}
    .calltoactionbar .panel-default > .panel-heading {
        background-color: #000000;
    }
        /*calltoaction header text color*/
        .calltoactionbar .panel-default > .panel-heading > .panel-title {
            color: #ffffff;
        }
/*calltoaction body color*/
.calltoactionbar .panel-default {
    background-color: #000000;
}
/*calltoaction body text color*/
.calltoactionbar .panel-default {
    color: #ffffff;
}
    .calltoactionbar .panel-default > .panel-body > .form-group > .help-block {
        color: #ffffff;
    }

    .calltoactionbar .panel-default a:not(.btn):link,
    .calltoactionbar .panel-default a:not(.btn):visited,
    .calltoactionbar .panel-default a:not(.btn):hover,
    .calltoactionbar .panel-default a:not(.btn):focus,
    .calltoactionbar .panel-default a:not(.btn):active {
        color: #ffffff;
    }


/*sidebar header color*/
.rightmiddle > .panel-default {
    border-color: #000000;
}
    .rightmiddle > .panel-default > .panel-heading {
        background-color: #000000;
    }
/*sidebar header text color*/
        .rightmiddle > .panel-default > .panel-heading > .panel-title {
            color: #ffffff;
        }
/*sidebar body color*/
.rightmiddle > .panel-default {
    background-color: #ffffff;
}
/*sidebar body text color*/
.rightmiddle > .panel-default {
    color: #000000;
}

    .rightmiddle > .panel-default > .panel-body > .form-group > .help-block {
        color: #000000;
    }

    .rightmiddle > .panel-default a:not(.btn):link,
    .rightmiddle > .panel-default a:not(.btn):visited,
    .rightmiddle > .panel-default a:not(.btn):hover,
    .rightmiddle > .panel-default a:not(.btn):focus,
    .rightmiddle > .panel-default a:not(.btn):active {
        color: #000000;
    }


/* FOOTER COLORS */
.footer {
    --footer-text-color: #222222;
    background-color: #ffffff;
    border-color: #eeeeee;
    color: var(--footer-text-color);
}

.footer a:link, .footer a:visited, .footer a:hover, .footer a:active {
    color: var(--footer-text-color);
}

.footer a.footerlinks:link, .footer a.footerlinks:visited, .footer a.footerlinks:hover, .footer a.footerlinks:active {
    color: var(--footer-text-color);
}

/* Match footer social icon boxes to the footer text color. */
/*.footer .footerFollow .socialLink {
    color: var(--footer-text-color);
}*/

/* Use white compliance logos on the dark footer. */
/*.footer #imgRealtor {
    content: url("../images/realtor_white.png");
}

.footer #imgEqualHousing {
    content: url("../images/equalhousing_white.png");
}*/