/*--Nathan Flood Black Label custom.css--*/

/*--Typography--*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&family=Poppins&display=swap');

:root {
  /* Colors */
  --primary-brand-color: #020202;

  /* Fonts */
  --heading-font: 'Playfair Display', serif;
  --heading-font-alt: 'Poppins', sans-serif;
  --text-font: 'Poppins', sans-serif;
}

body {
  font-family: var(--text-font);

}
.font-sans {
  font-family: var(--text-font) !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;
}
.section-inverse p a:not(.btn){
    color: #ffffff;
    text-decoration: underline;
}

/*--Utility--*/
.background-black {
    background-color: #000;
    color: #fff;
}
.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;
}


/*--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;
    color: #fff;
}
.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: #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;
    }
}



.opaque {
    opacity: 1 !important;
}
.object-background {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;       
}

#custom-listings .title-container-text::before {
    display: block;
    content: 'FEATURED';
    height: 100%;
    width: 0px;
}



/*--Opaque Nav Bar--*/
#header,
body.header-transparent #header {
    height: 110px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 4px 15px;
    background-color: #fff !important;
    z-index: 17;
}
#header.primary-color,
body.header-transparent #header.primary-color {
    background-color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1) !important;
}
#header.secondary-color,
body.header-transparent #header.secondary-color {
    background-color: #000 !important;
}
/*-Social Bar Links-*/
body.header-transparent #header .container .row-flex:first-child > ul li a,
body.header-transparent #header .container .row-flex:first-child > ul li a .fa.social,
#header .container .row-flex:first-child > ul li a,
#header .container .row-flex:first-child > ul li a .fa.social,
#header .container .row-flex:nth-child(2) .column-end>ul li.list-inline-item.action .fa,
#header .container .row-flex:nth-child(2) .column-end>ul li.list-inline-item.social .fa {
    color: #fff !important;
    border-color: #fff !important;
}
body.header-transparent #header:not(.primary-color):not(.secondary-color) .container .row-flex:first-child > ul li a,
body.header-transparent #header:not(.primary-color):not(.secondary-color) .container .row-flex:first-child > ul li a .fa.social,
#header:not(.primary-color):not(.secondary-color) .container .row-flex:first-child > ul li a,
#header:not(.primary-color):not(.secondary-color) .container .row-flex:first-child > ul li a .fa.social,
#header:not(.primary-color):not(.secondary-color) .container .row-flex:nth-child(2) .column-end>ul li.list-inline-item.action .fa,
#header:not(.primary-color):not(.secondary-color) .container .row-flex:nth-child(2) .column-end>ul li.list-inline-item.social .fa {
    color: #000 !important;
    border-color: #000 !important;
}


/*-Mobile Nav Bar Toggler-*/
#header .container .navbar-toggler, 
#header .container .navbar-toggler span {
    border-color: #000 !important;
}
#header.primary-color .container .navbar-toggler, 
#header.primary-color .container .navbar-toggler span,
#header.secondary-color .container .navbar-toggler, 
#header.secondary-color .container .navbar-toggler span {
    border-color: #fff !important;
}

/*-Nav Links-*/
#header .nav-primary .nav-link {
    color: #000 !important;
}
#header.primary-color .nav-primary .nav-link,
#header.secondary-color .nav-primary .nav-link {
    color: #fff !important;
}
@media (max-width: 991px) {
    #header.primary-color .nav-primary-wrapper,
    #header.secondary-color .nav-primary-wrapper {
        background-color: #000 !important;
    }
    #header.primary-color .nav-primary .sub-menu a,
    #header.secondary-color .nav-primary .sub-menu a {
        color: #fff;
    }
}

/*-Logo Placement-*/
@media (max-width: 991px) {
    #header .container .row-flex:nth-child(2) .column,
    #header .map-filter-wrapper .row-flex:nth-child(2) .column {
        margin-top: 16px;
    }
}

/*-Transparent Cover Placement-*/
.header-transparent .main,
.header-transparent .cover {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/*--Normalize Clean Header--*/
/*-Show social bar on inner large pages-*/
#header .container .row-flex:first-child {
    display: flex;
    justify-content: space-between;
}
/*-Hide elements on large internal pages-*/
#header #quick-search,
#header .container .row-flex:nth-child(2) .column-end>ul.list-inline,
#header .container .row-flex:nth-child(2) .column-end>ul:first-child.list-inline {
    display: none;
}
/*-Move nav on large internal pages-*/
#header .container .row-flex:nth-child(3) {
    margin-top: -30px;
}


/*--Hero Banner--*/
#home-bodycontent .cover {
    height: calc(100vw * .5);
    max-height: 720px !important;
}
#home-bodycontent .cover .cover-image {
    background-size: cover !important;
    background-position: center !important;
    opacity: 1 !important;
}
#home-bodycontent .cover-title,
#home-bodycontent #horizontal-search {
    opacity: 0;
    transition: opacity 0.25s ease;
}
#home-bodycontent .cover-title {
    bottom: 0;
    top: unset;
    transform: none;
}
#home-bodycontent #froala-editor:not(.fr-box) #hero-title-inner {
    display: none;
}
#home-bodycontent #hero-title-inner img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/*--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 {
    z-index: 3;
}
#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 20px 14px;
}
#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;
}
#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 a:hover figure 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--*/
#custom-testimonials {
    overflow: hidden;
}
#custom-testimonials .container {
    z-index: 1;
}
#custom-testimonials #testimonials {
    margin: 20px 0;
}


#custom-testimonials .owl-carousel button.owl-next, #custom-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;
}
#custom-testimonials .owl-carousel button.owl-prev {
    left: 20px;
}
#custom-testimonials .owl-carousel button.owl-next {
    right: 20px;
}
#custom-testimonials .owl-carousel .star-rating {
    margin-bottom: 10px;
}
#custom-testimonials .owl-carousel .carousel-item i {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}


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

#custom-listings-container .owl-carousel .owl-item .owl-lazy {
    opacity: 1;
    min-height: 320px !important;
}

#custom-listings-container .owl-carousel .owl-nav button.owl-next,
#custom-listings-container .owl-carousel .owl-nav button.owl-prev {
    background-color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1); !important}
#custom-listings-container .owl-carousel .owl-nav button.owl-next span,
#custom-listings-container .owl-carousel .owl-nav button.owl-prev span {
    font-size: 48px;
    line-height: 30px;
}



#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;
}

.eapps-widget {
    overflow: hidden;
}

#site-editor-screencast {
    position: fixed;
    z-index: 9999;
    bottom: 10pt;
    left: 10pt;
    padding: 0.8rem;
    font-family: sans-serif;
    border-radius: 5px;
    box-shadow: 0px 10px 20px -5px rgb(0 0 0 / 30%);
    max-width: 400px;
    background-color: #fff;
    transition: transform .5s ease;
}

#close-screencast {
    position: absolute;
    top: -18px;
    right: 12px;
    margin-top: 0;
    opacity: 1;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.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;
}

.post-content p {
    color: #575757;
    font-size: .9rem;
}