/*--Joelle Lewis
    Black Label custom.css--*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&family=Poppins&family=Roboto:wght@500&display=swap');

:root {
  /* Colors */
    --primary-brand-color: #020202;
    --colorPrimary-h: 0;
    --colorPrimary-s: 0%;
    --colorPrimary-l: 4%;
  /* Fonts */
    --heading-font: 'Playfair Display', serif;
    --heading-font-alt: 'Poppins', sans-serif;
    --text-font: 'Poppins', sans-serif;
    --text-font-alt: 'Roboto', sans-serif !important;
}

/*--Typography--*/
    body {
        font-family: var(--text-font);
    }
    .font-sans {
        font-family: var(--text-font) !important;
    }
    .font-sans-alt {
        font-family: var(--text-font-alt) !important;
    }
    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
        font-family: var(--heading-font);  
    }
    .font-serif {
        font-family: var(--heading-font) !important;
    }
    h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
        font-size: 1.25rem;
    }
    #custom-content p, #custom-content i, #custom-content li {
        font-size: 1.1rem;
    }

/*--Utility--*/
    .d-block {
        display: block;
    }
    .d-inline-block {
        display: inline-block;
    }
    .position-relative {
        position: relative;
    }
    .row.no-gutters {
        margin-right: 0;
        margin-left: 0;
    }
    .row.no-gutters>[class*=col-] {
        padding-right: 0;
        padding-left: 0;
    }
    .row.eq-height {
        display: flex;
        flex-wrap: wrap;
    }
    .align-items-center {
        align-items: center;
    }
    .overflow-hidden {
    	overflow: hidden;
    }
    .z-index-1 {
        z-index: 1;
    }
    .text-white {
        color: #fff;
    }
    .section-inverse p a:not(.btn){
        color: #ffffff;
        text-decoration: underline;
    }
    .opaque {
        opacity: 1 !important;
    }
    .object-background {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;       
    }

/*--Split title--*/
    .justify-ends-title {
        /*--Break title out of container width--*/
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    .justify-ends-title h1 {
        position: relative;
        display: inline-block;
        text-align: right;    
    }
    .justify-ends-title h1 span:nth-child(1) {
        display: block;
        font-family: var(--heading-font);
        font-size: 42px;
        line-height: 1;
        letter-spacing: -1.5px;    
    }
    .justify-ends-title h1 span:nth-child(2) {
        position: relative;
        margin-top: 0;
        display:block;
        font-family: var(--heading-font-alt);
        font-size: 18px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: -1px;
    }
    .justify-ends-title h1 span:nth-child(2)::before {
        content:'';
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translate(calc(-100% - 10px), -50%);
        width: 100vw;
        height: 2px;
        background-color: #323232;
    }
    .justify-ends-title h1.text-white {
        color: #fff;
    }
    .section-inverse .justify-ends-title h1 span:nth-child(2)::before,
    .justify-ends-title.text-white h1 span:nth-child(2)::before {
        background-color: #fff;
    }
    @media (min-width: 992px) {
        .justify-ends-title h1 span:nth-child(1) {
            font-size: 48px;
        }
        .justify-ends-title h1 span:nth-child(2) {
            font-size: 22px;
        }
    }

/*--Header--*/
body .page-wrapper #header.primary-color,
body:not(.header-transparent) .page-wrapper #header.primary-color {
    background-color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1) !important;
}
body .page-wrapper #header.secondary-color {
    background-color: #000 !important;
}
/*--Hero Nav Solid
    body .page-wrapper #header > .container .row-flex:nth-child(1) {
        display: flex !important;
        justify-content: space-between;
        right: unset !important;
        left: unset !important;
        padding: 0 15px !important;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
--*/
body .page-wrapper #header.scroll > .container .row-flex:nth-child(1) {
    top: -20px;
    margin: 0;
}
body .page-wrapper #header.scroll > .container .row-flex:nth-child(1) {
    display: flex !important;
}
body .page-wrapper #header > .container .row-flex:nth-child(1) > ul {
    position: relative !important;
}
body .page-wrapper #header.primary-color .container .row-flex:nth-child(1) > ul li a,
body .page-wrapper #header.secondary-color .container .row-flex:nth-child(1) > ul li a {
    color: #fff !important;
}
body #header.primary-color .container .row-flex:nth-child(1) > ul li a .fa.social,
body #header.secondary-color .container .row-flex:nth-child(1) > ul li a .fa.social {
    color: #fff !important;
    border-color: #fff !important;
}
body .page-wrapper #header.primary-color .nav-primary .nav-link,
body .page-wrapper #header.secondary-color .nav-primary .nav-link {
    color: #fff !important;
}
@media (max-width: 991px) {
    #header.primary-color .container .row-flex:nth-child(3) .nav-primary-wrapper {
        background-color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1) !important;
    }
    #header.secondary-color .container .row-flex:nth-child(3) .nav-primary-wrapper {
        background-color: #000 !important;
    }
    body:not(#home-bodycontent) #header.primary-color .nav-link,
    body:not(#home-bodycontent) #header.secondary-color .nav-link,
    #header.primary-color .container .row-flex:nth-child(3) .nav-primary .sub-menu a,
    #header.secondary-color .container .row-flex:nth-child(3) .nav-primary .sub-menu a {
        color: #fff !important;
    }
}
body .page-wrapper #header.primary-color .navbar-toggler span,
body .page-wrapper #header.secondary-color .navbar-toggler span {
    border-color: #fff !important;
}






@media (min-width: 768px){
    #header .container .row-flex:nth-child(2) .column #quick-search {
        display: none;
    }
}
@media (max-width: 991px){
    .nav-primary .sub-menu a {
        padding: 8px 15px 8px 30px;
    }
}
@media (min-width: 992px){
    #header .container .row-flex:nth-child(2) .column-end {
        display: none;
    }
    #header .container .row-flex:nth-child(3) .nav-primary-wrapper {
        margin-top: -30px;
    }
    #header:not(.home) .container .row-flex:nth-child(3) .nav-primary-wrapper {
        margin-top: -50px;
    }
}


#horizontal-search .form-group,
#horizontal-search .form-group .bootstrap-select.form-control {
    display: inline-block !important;
}

/*--Logos--*/
#header #primary-logo img,
#header #secondary-logo img {
    filter: brightness(0) invert(1) !important;
}
#header:not(.home):not(.primary-color):not(.secondary-color) #primary-logo img,
#header:not(.home):not(.primary-color):not(.secondary-color) #secondary-logo img {
    filter: brightness(0) !important;
}


/*--Hero Banner--*/
#home-bodycontent .main {
    padding-top: 0;
}
#home-bodycontent .cover {
    margin-top: 0;
}
@media (max-width: 580px), screen and (orientation: portrait) {
    .cover-image {
        background-size: cover !important;
    }
}
#home-bodycontent .cover-title,
#home-bodycontent #horizontal-search {
    opacity: 0;
    transition: opacity 0.25s ease;
}
.cover.cover-center.agent .cover-title {
    top: 50% !important;
}

#home-bodycontent #froala-editor:not(.fr-box) #hero-title-inner {
    display: none;
}
#home-bodycontent #hero-title-inner h1 {
    font-size: 3.25rem !important;
    line-height: 1 !important;
    text-transform: uppercase;
    margin-bottom: 0;
}
#home-bodycontent #hero-title-inner h2 {
    font-size: 1.25rem !important;
}
@media (min-width: 768px) {
    #home-bodycontent #hero-title-inner {
        width: 50%;
    }
    #home-bodycontent #hero-title-inner h1,
    #home-bodycontent #hero-title-inner h2 {
        text-align: left;
    }
    #home-bodycontent #hero-title-inner h1 {
        font-size: 4rem !important;
    }
    #home-bodycontent #hero-title-inner h2 {
        font-size: 1.5rem !important;
    }
}
/*--Hide Information Bar--*/
#home-bodycontent .information-bar {
    display: none;
}

/*--Remove Padding from Site Customizer Container--*/
#home-bodycontent .main-wrapper .content > .container-fluid {
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
}
/*--Remove top/bottom padding from editor area--*/
#home-bodycontent .main-inner > .content > .container-fluid > #categories {
    padding: 0 !important;
}
#home-bodycontent .main-inner > .content > .container-fluid > #categories > .categories {
    margin-bottom: 0 !important;
}






#horizontal-search-wrapper #search-title .h6{
    margin-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #000;
}
#horizontal-search-wrapper #search-title .h1 {
    margin-left: -13px;
    font-size: 60px;
}
#horizontal-search-wrapper.section-inverse #search-title .h6 {
    border-bottom: 1px solid #fff;
}
@media only screen and (min-width: 992px) {    
    #horizontal-search-wrapper #search-title .h6{
        margin-top: 9px;
    }
    #horizontal-search-wrapper #search-title .h1 {
        font-size: 70px;
    }
}

#horizontal-search-wrapper #horizontal-search {
    padding-bottom: 0 !important;
}

#horizontal-search-wrapper #horizontal-search .form-group {
    padding: 0px 2px;
}
#horizontal-search-wrapper #horizontal-search .form-control {
    min-height: 55px;
    border: 0;
}
#horizontal-search-wrapper #horizontal-search .location-form-group .form-control,
#horizontal-search-wrapper #horizontal-search .form-group>.form-control {
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    font-size: 15px;
    line-height: 24px;
}
#horizontal-search-wrapper #horizontal-search .tokenfield.form-control {
    padding: 17px 12px 14px;
    height: 55px;

}
#horizontal-search-wrapper #horizontal-search .tokenfield.form-control .twitter-typeahead {
    display: inline !important;   
}
#horizontal-search-wrapper #horizontal-search .location-form-group .tt-menu {
    min-width: 328px !important;
    padding: 5px;
}
#horizontal-search-wrapper #horizontal-search .location-form-group .tt-suggestion .row > [class*=col-] {
    padding-left: 0;
    padding-right: 0;
}
#horizontal-search-wrapper #horizontal-search .location-form-group .tt-suggestion .row > .info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#horizontal-search-wrapper #horizontal-search .location-form-group .tt-suggestion .row > .info [class*=col-]:first-child {
    width: 100%;
}

#horizontal-search-wrapper #horizontal-search .location-form-group .tt-suggestion .row > .info [class*=col-]:not(:first-child) {
    flex: 1;
    width: unset;
}
#horizontal-search-wrapper #horizontal-search .location-form-group .tt-suggestion .row > .info [class*=col-]:last-child {
    text-align: right;
}




#horizontal-search-wrapper #horizontal-search button.form-control {
    padding: 6px 12px;
}

#horizontal-search-wrapper #horizontal-search .form-group .btn {
    height: 56px;
}


#horizontal-search-wrapper #horizontal-search .bootstrap-select .dropdown-toggle:focus,
#horizontal-search-wrapper #horizontal-search .bootstrap-select .dropdown-menu > li > a:focus{
    outline: none !important;
}
#horizontal-search-wrapper #horizontal-search .bootstrap-select .dropdown-menu > li.selected {
    background-color: #cecece;
}



#home-bodycontent .section-inverse #horizontal-search #qs-submit {
    background-color: #757575;
    text-transform: uppercase;
}
#home-bodycontent .section-inverse #horizontal-search #adv-search {
    background-color: #3c3c3c;
}
#home-bodycontent .section-inverse #horizontal-search #qs-submit:hover,
#home-bodycontent .section-inverse #horizontal-search #adv-search:hover {
    background-color: #333333;
}
@media only screen and (max-width: 767px) {    
    #horizontal-search-wrapper #horizontal-search .form-group:nth-child(n+2):nth-child(-n+7) {
        display: none;
    }

}

#client-services figure {
    height: 480px;
}
#client-services figure img {
    opacity: .5;
    transition: all 250ms;
}
#client-services figure:hover img {
    opacity: .9;
    transform: scale(1.025);
}
#client-services figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#client-services figcaption h2 {
    font-size: 2rem;
    color: #fff;
    text-shadow: 0px 0px 18px rgba(0,0,0,0.8);
}

@media (max-width: 580px), screen and (orientation: portrait) {
    .listing-carousel-wrapper .owl-carousel button.owl-prev {
        left: -40px;
    }
    .listing-carousel-wrapper .owl-carousel button.owl-next {
        right: -40px;
    }
}

@media only screen and (min-width: 768px) {
	.row.eq-height .col-md-6 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}

}

@media only screen and (min-width: 992px) {    
    .row.eq-height .col-lg-4 {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }
    .row.eq-height .col-lg-8 {
            -ms-flex: 0 0 66.66666%;
            flex: 0 0 66.66666%;
            max-width: 66.66666%;
        }
}


/*--Custom About Section--*/
#custom-about {
    overflow: hidden;
}
#home-bodycontent #about {
    display: none;
}

/*--Custom Testimonials Section--*/
#owl-testimonials {
    overflow: hidden;
}
#owl-testimonials .container {
    z-index: 1;
}
#owl-testimonials #testimonials {
    margin: 20px 0;
}


#owl-testimonials .owl-carousel button.owl-next, #owl-testimonials .owl-carousel button.owl-prev {
    background-color: transparent;
    color: #fff;
    font-size: 20px;
    position: absolute;
    text-align: center;
    top: -20px;
    outline: 0;
    border: none;
}
#owl-testimonials .owl-carousel button.owl-prev {
    left: 20px;
}
#owl-testimonials .owl-carousel button.owl-next {
    right: 20px;
}
#owl-testimonials .owl-carousel .star-rating {
    margin-bottom: 10px;
    text-align: center;
}
#owl-testimonials .owl-carousel .carousel-item i {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

/*--Standard Listing Carousels--*/
#home-bodycontent .listings.container.last-carousel {
    padding-bottom: 3rem !important;
}
#home-bodycontent .listings > .listing-box-background {
    background-color: transparent;
    border: none;
    padding: 0 !important;
}
#home-bodycontent .listings .owl-carousel .owl-stage-outer {
    padding: 0 !important;
}
#home-bodycontent .listings .owl-item {
    box-shadow: none;
    margin-bottom: 0;
    border-radius: 0;
}
#home-bodycontent .listings .owl-item.active:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#home-bodycontent #featured-listings .listings .owl-item .listing-box-image {
    height: 230px !important;
    max-height: 230px !important;
}
@media (min-width: 540px) {
    #home-bodycontent #featured-listings .listings .owl-item .listing-box-image {
        height: 320px !important;
        max-height: 320px !important;
    }
}
#home-bodycontent .listings .owl-item .listing-box-title {
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 14px 20px !important;
    background-color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1) !important;
}
#home-bodycontent .listings .owl-item .listing-box-title h2,
#home-bodycontent .listings .owl-item .listing-box-title h3 {
    position: relative;
    top: unset;
    bottom: unset;
    left: unset;
    text-align: center;
}
#home-bodycontent .listings .owl-item .listing-box-title h2 a,
#home-bodycontent .listings .owl-item .listing-box-title h3 {
    font-size: 1.25em;
    color: #fff !important;
}

#home-bodycontent .listing-carousel-wrapper .owl-carousel .owl-nav button {
    top: 50%;
    width: 32px;
    height: 50px;
    border-radius: 0;
}
#home-bodycontent .listing-carousel-wrapper .owl-carousel .owl-nav .owl-prev {
    left: -15px;
}
#home-bodycontent .listing-carousel-wrapper .owl-carousel .owl-nav .owl-next {
    right: -15px;
}




#featured-listings {
    overflow: hidden;
}
#featured-listings #listings-title .h1 {
    font-size: 70px;
}
@media only screen and (min-width: 992px) {    
    #featured-listings #listings-title .h1 {
        font-size: 60px;
    }
}
#featured-listings .listings {
    border: 1px solid #fff !important;
}
#featured-listings-container .listing-box {
    margin-bottom: 0;
    border-radius: 0 !important;
}
#featured-listings-container .listing-box-background {
    padding: 0;
    margin-bottom: 0;
}
#featured-listings-container .listing-box-image {
    height: 320px;
}
#featured-listings-container .listing-box-title {
    text-align: center;
    border-bottom: none;
}
#featured-listings-container .listing-box-content {
    display: none;
}

#featured-listings-container .owl-carousel .owl-nav button.owl-next,
#featured-listings-container .owl-carousel .owl-nav button.owl-prev {
    background-color: #fff !important;
}
#featured-listings-container .owl-carousel .owl-nav button.owl-next .fa,
#featured-listings-container .owl-carousel .owl-nav button.owl-prev .fa {
    color: #4d4d4d;
}



#home-bodycontent #latest-blogs {
    overflow: hidden;
    background-color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1);
}

#areas-we-serve {
    overflow: hidden;
}
#areas-we-serve a {
    color: #fff;
}


#meet-the-team .agentcard {
    background-color: #fff;
    padding-bottom: 1rem;
}
#meet-the-team img {
    width: 100%;
}
#meet-the-team .agentname {
    font-size: 26px;
    font-weight: 400;
    margin: .25rem auto;
}
#meet-the-team .agenttitle {
    font-size: 14px;
    letter-spacing: 2px;
}
#meet-the-team .owl-carousel .owl-nav button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 31%;
    width: 32px;
    height: 50px;
    background: #fff;
    box-shadow: 0 6px 20px -10px rgb(0 0 0 / 50%);
    outline: 0;
    transition: all .15s linear;
}
#meet-the-team .owl-carousel .owl-nav button:hover {
    top: 31.5%;
}
#meet-the-team .owl-carousel .owl-nav button.owl-prev {
    left: 0;
    transform: translateX(-50%);
}
#meet-the-team .owl-carousel .owl-nav button.owl-next {
    right: 0;
    transform: translateX(50%);
}
#meet-the-team .owl-carousel .owl-nav button i {
    margin-top: 3px;
}

#eapps-social-feed-fc777252-33c0-441e-b6b4-6006c12221f6 {
    padding: 0;
}


.footer-bottom .footer-left {
    float: none;
    text-align: center;
}
.footer-bottom .footer-left ul {
    display: inline-block;
}
#design-creds {
    clear: both;
}
#design-creds a {
    color: rgba(255,255,255,0.5);
    font-size: .8rem;
}



/*--Contact Page--*/
#contact-bodycontent .main-wrapper ~ .container-fluid {
    display: none;
}





/*--Home Page Editor--*/
#site-editor-helper {
    display: none;
}
#site-editor-screencast {
    position: fixed;
    z-index: 9999;
    bottom: 1rem;
    left: 1rem;
    max-width: 360px;
    border: 1px solid #ebe9e9;
    box-shadow: 1px 1px 15px -4px rgb(0 0 0 / 20%);
}
#close-screencast {
    position: absolute;
    top: -18px;
    right: 12px;
    padding: 0;
    margin: 0;
    border: 0;
}
#close-screencast .fa-stack-2x {
    height: 27.2px;
    width: 27.2px;
    transition: all .3s ease;
}
#close-screencast:hover .fa-stack-2x {
    transform: rotateZ(270deg);
}
#close-screencast .fa-times-circle {
    color: #e50000;
}
#close-screencast .fa-times-circle,
#close-screencast .fa-circle {
    line-height: 1;
}

.parallax__container {
    clip: rect(0, auto, auto, 0);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    -z-index: -100;
}
.parallax {
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
    filter: grayscale(1) opacity(0.3);
 
    /* BG behaviour */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 767.99999px) {
    .parallax {
        position: relative;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
}
.post-content p {
    color: #575757;
    font-size: .9rem;
}