/*--Yellow Brick Clean Slate custom.css--*/

/*--Typography--*/
@font-face {
  font-family: GrotesqueMT-Bold;
  src: url(https://kvcore-library.s3.amazonaws.com/ybrealty368/images/e7a2a8dc0efe6f24d867ce1acb87c1a1.otf);
  font-weight: bold;
}
@font-face {
  font-family: GrotesqueMT;
  src: url(https://kvcore-library.s3.amazonaws.com/ybrealty368/images/faf5d909d8b99b9f42554f165ec31317.otf);
  font-weight: normal;
}

:root {
  /* Colors */
  --primary-brand-color: #000000;
  --secondary-brand-color: #ffc629;
}

body {
    font-family: GrotesqueMT, Arial, sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6,
 h1, h2, h3, h4, h5, h6,
.section-inverse h1, .section-inverse h2, .section-inverse h3, .section-inverse h4, .section-inverse h5, .section-inverse h6 {
    font-family: GrotesqueMT-Bold, Arial, sans-serif;
    font-weight: bold;
}

#about h1, #latest-blogs h1, .main-wrapper ~ div.p-t-3.p-b-3 h1 {
    font-weight: bold !important;
}

#custom-content p, #custom-content li {
    font-size: 1.1rem;
}

#home-bodycontent {
    background-color: #121212;
    transition: all .5s linear;
}
#home-bodycontent.opaque {
    background-color: #f9f9f8;
}
#home-bodycontent #page {
    opacity: 0;
    transition: opacity .5s linear;
}

/*General classes missing from kvCORE version of Bootstrap*/
.position-relative{position:relative}
.overflow-hidden{overflow:hidden}
.d-block{display:block}
.flex-column{flex-direction:column}
.align-items-center{align-items:center!important;}
.h-100{height:100%}
.w-100{width:100%}
.text-right{text-align:right}
@media (min-width: 768px){
    .text-mdright{text-align:right}
}
.text-white{color:#fff}
.object-fit-container{min-height:360px;z-index:1}
.object-fit-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.background-secondary{background-color:var(--secondary-brand-color, #e6e6e6)}
.btn-secondary{background-color:var(--secondary-brand-color, #e6e6e6);color:#000;transition:all .3s ease-in-out}
.btn-secondary:hover{background-color:var(--secondary-brand-color, #e6e6e6);color:#fff}
.section-inherit{background-color:#f9f9f8}
.section-inverse .btn-link{position:relative;z-index:1;color:#fff;padding:7px 20px 5px 0;border-bottom:1px solid #fff;transition:all .3s ease}
.section-inverse .btn-link:hover{color:#000;text-decoration:none;padding:7px 20px 5px 20px;}
.section-inverse .btn-link::before{position:absolute;top:0;left:0;z-index:-1;display:block;height:100%;width:0;background-color:#fff;content:'';transition:all .3s ease}
.section-inverse .btn-link:hover::before{width:100%}
.opaque{opacity:1!important;}
video::-webkit-media-controls-panel {
  display: flex !important;
  opacity: 1 !important;
}
/*Create equal height, columns on desktop*/
.row.eq-height {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap: wrap;}
.row.eq-height .col-xs-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}
@media (min-width: 576px){
    .row.eq-height .col-sm-6{ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}
}
@media (min-width: 768px){
    .row.eq-height .col-md-3{ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}
    .row.eq-height .col-md-4{ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%}
    .row.eq-height .col-md-6{ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}
    .row.eq-height .col-md-8{ms-flex: 0 0 66.66667%;flex: 0 0 66.66667%;max-width: 66.66667%}
}
@media (min-width: 992px){
    .row.eq-height .col-lg-3{ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}
    .row.eq-height .col-lg-4{ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%}
    .row.eq-height .col-lg-6{ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}
}
@media (min-width: 1200px){
    .row.eq-height .col-xl-3{ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}
    .row.eq-height .col-xl-6{ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}
}

@media (min-width: 576px){.container-sm{max-width: 540px;}}
@media (min-width: 768px){.container-sm,.container-md{max-width: 720px;}}
@media (min-width: 992px){.container-sm,.container-md,.container-lg{max-width: 960px;}}
@media (min-width: 1200px){.container-sm,.container-md,.container-lg,.container-xl{max-width: 1140px;}}

.row.no-gutters{margin-right:0;margin-left:0;}
.row.no-gutters>[class*=col-]{padding-right:0;padding-left: 0;}



/*--kvCORE Resets--*/
#home-bodycontent .main > .main-inner > .content > .container,
#home-bodycontent .main > .main-inner > .content > .container > #categories {
    width: 100%;
    max-width: 100%;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
}
#testimonials .star-rating {
    text-align: center;
}



/*--Fixed full width background images--*/
.bg-wrap-fixed + .container {
    z-index: 3;
    transform: translateZ(0);
    will-change: transform;
}
.bg-wrap-fixed {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    clip: rect(0, auto, auto, 0);
}
.bg-wrap-fixed img {
    position: fixed;
    z-index:0;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: translateZ(0);
    will-change: transform;
    filter:brightness(.5);
}
.mce-content-body .bg-wrap-fixed,
.mce-content-body .bg-wrap-fixed img {
    position: relative;
}
.mce-content-body .section-inverse {
    background-color: #2e2e2e;
}

#header {
    position: fixed !important;
    top: 0;
    transition: top .3s ease-in-out;
}
#header.scroll {
    top: -45px;
}
#header .logo {
    margin-top: 0;
    transition: all .3s ease-in-out;
}
#header.scroll .logo {
    max-height: 25px !important;
    margin-top: 25px;
}
#header .container .row-flex:nth-child(2) {
    height: 84px;
    position: relative;
    padding-right: 42px;
}
#header .container .row-flex:nth-child(2) .column-end {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
#header .container .row-flex:nth-child(2) .column-end .navbar-toggler {
    position: relative;
    top: 0;
    right: 0;
    transition: top .3s ease-in-out;
}
#header.scroll .container .row-flex:nth-child(2) .column-end .navbar-toggler {
    top: 12% !important;
}
#header .nav-primary-wrapper {
    transition: all .3s ease-in-out;
}
#header.scroll .nav-primary-wrapper {
    top: 110px !important;
}

#header ~ #search-actions {
    transition: all .3s ease-in-out;
}
#header.scroll ~ #search-actions {
    top: 65px;
}


@media only screen and (min-width: 992px) {
    #header .container .row-flex:nth-child(2) {
        height: 50px;
        margin-top: 0;
        padding-right: 0;
        transition: all .3s ease-in-out;
    }
    #header.scroll .container .row-flex:nth-child(2) {
        height: 50px;
        margin-top: 1px;
    }
    #header.home .container .row-flex:nth-child(3),
    #header .container .row-flex:nth-child(3) .nav-primary-wrapper {
        margin-top: 3px;
    }
    #header.home.scroll .container .row-flex:nth-child(3),
    #header.scroll .container .row-flex:nth-child(3) .nav-primary-wrapper {
        
    }
    #header .nav-primary .sub-menu {
        top: 25px;
        right: -19px;
        border-top: 2px solid #FFC93B;
    }
    #header .nav-primary .sub-menu:before {
        top: -15px;
        border-bottom-color: #FFC93B;
    }
    .nav-primary .nav-link {
        padding: 5px 0;
    }
}

#home-bodycontent .main-wrapper > .main {
    padding-top: 0;
}
#home-bodycontent .main-wrapper > .main > .main-inner > .content > .cover {
    display: none;
    margin-top: 0;
    background-color: #000;
}
#home-bodycontent .main-wrapper > .main > .main-inner > .content > .cover > .cover-overlay {
    opacity: 0;
    transition: all .3s linear;
}
#home-bodycontent .information-bar,
#home-bodycontent #about {
    display:none;
}


/*-- White Header - Black Links --*/
#header {
    background-color: #fff !important;
}
#header .row-flex:first-child > ul li a,
#header .row-flex:first-child > ul li a .fa.social,
#header .nav-primary .nav-link {
    color: #000 !important;
}
#header .row-flex:first-child > ul li a .fa.social,
#header .row-flex:nth-child(2) .column-end .navbar-toggler,
#header .row-flex:nth-child(2) .column-end .navbar-toggler span {
    border-color: #000 !important;
}

/*-- Colored Header - White Links --*/
#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 {
    background-color: #000 !important;
}
#header.primary-color .row-flex:first-child > ul li a,
#header.primary-color .row-flex:first-child > ul li a .fa.social,
#header.secondary-color .row-flex:first-child > ul li a,
#header.secondary-color .row-flex:first-child > ul li a .fa.social {
    color: #fff !important;
}
@media only screen and (min-width: 992px) {
    #header.primary-color .row-flex:nth-child(3) .nav-primary-wrapper .nav-primary .nav-link,
    #header.secondary-color .row-flex:nth-child(3) .nav-primary-wrapper .nav-primary .nav-link {
        color: #fff !important;
    }
}
#header.primary-color .row-flex:first-child > ul li a .fa.social,
#header.primary-color .row-flex:nth-child(2) .column-end .navbar-toggler,
#header.primary-color .row-flex:nth-child(2) .column-end .navbar-toggler span,
#header.secondary-color .row-flex:first-child > ul li a .fa.social,
#header.secondary-color .row-flex:nth-child(2) .column-end .navbar-toggler,
#header.secondary-color .row-flex:nth-child(2) .column-end .navbar-toggler span{
    border-color: #fff !important;
}


/*Logo Corrections*/
    
    /*Size logo for mobile*/

    #header #primary-logo img,
    #header #secondary-logo img {
        max-height: 50px;
        max-width: 100%;
    }
    /*Make logos all white for dark backgrounds*/
    #header.primary-color #primary-logo img,
    #header.secondary-color #primary-logo img {
        filter: brightness(0) invert(1);
    }

    @media only screen and (min-width: 992px) {
        /*Center logo in row*/
        #header .container .row-flex:nth-child(2) .column {
            justify-content: center;
        }
    }


/*-- Space Top Bar Elements --*/
#header .container .row-flex:first-child {
    display: flex !important;
    justify-content: space-between;
}
@media only screen and (min-width: 992px) {

    /*Hide togger column on desktop*/
    #header .container .row-flex:nth-child(2) .column-end {
        display: none;
    }
    /*Center nav on desktop*/
    #header .container .row-flex:nth-child(3) {
        justify-content: center;
    }
}

#quick-search,
#header .container .row-flex:nth-child(2) .column-end .hidden-md-down {
    display: none !important;
}


/*--Zilly Horizontal Search--*/
#home-bodycontent #horizontal-search {
    opacity: 0;
}
#home-bodycontent #horizontal-search .row {
    margin: 0;
}
#home-bodycontent #horizontal-search .form-group {
    display:none;
    padding: 0;
    margin-bottom: 0;
}
#home-bodycontent #horizontal-search .form-group.location-form-group {
    display: inline-block;
    width: calc(100% - 72px);
}
#home-bodycontent #horizontal-search .form-group.location-form-group .form-control {
    height: 72px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 0;
    background-color: transparent;
    font-size: 18px;
    line-height: 18px;
    border: none;
    border-radius: 0;
}
#home-bodycontent #horizontal-search #listing_search_form.simple-form .twitter-typeahead .tt-menu {
    left: 0 !important;
    margin: 17px 0 0 0 !important;
}
#home-bodycontent #horizontal-search .form-group.location-form-group .token-input.tt-input {
    height: 24px;
    padding: 0 20px;
}
#home-bodycontent #horizontal-search .form-group.location-form-group .tokenfield .token .close {
    line-height: 1;
}
#home-bodycontent #horizontal-search .form-group:last-of-type {
    display: inline-block;
    width: 72px;
}
#home-bodycontent #horizontal-search #qs-submit {
    height: 72px;
    border-radius: 0;
    background-color: transparent;
    transition: background-color .3s ease-in-out;
}
#home-bodycontent #horizontal-search #qs-submit:hover {
    background-color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1);
}
#home-bodycontent #horizontal-search #qs-submit .fa{
    margin-right: 0;
    font-size: 22px;
    line-height: 44px;
    color: var(--secondary-brand-color, #e6e6e6);
}
#home-bodycontent #horizontal-search #listing_search_form ~ .row > [class*=col-] {
    padding: .5rem 0 0 !important;
}
#home-bodycontent #horizontal-search #more-options {
    position: relative;
    margin-top: -30px;
    opacity: 0;
    float: right;
    background: transparent;
    color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),.4);
    transition: all .3s ease-in-out;
}
#home-bodycontent #horizontal-search:hover #more-options {
    margin-top: 0;
    opacity: 1;
}
#home-bodycontent #horizontal-search #more-options:hover {
    color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1);
}
#home-bodycontent #horizontal-search #more-options i {
    display: none;
}








#custom-broker-listings .container {
    padding-left: 30px;
    padding-right: 30px;
}
@media only screen and (min-width: 660px) {
    #custom-broker-listings .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
#custom-broker-listings .custom-listing {
    position: relative;
    height: 560px;
    margin-bottom: 0;
    background-color: #fff;
}
#custom-broker-listings .custom-listing a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 50%);
    color: var(--secondary-brand-color, #e6e6e6);
    text-decoration: none;
}
#custom-broker-listings .custom-listing a span {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    margin-top: 15px;
    transition: all .3s ease-in-out;
}
#custom-broker-listings .custom-listing a:hover span {
    opacity: 1;
    margin-top: 0;
}
#custom-broker-listings .custom-listing img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: opacity(1) grayscale(0);
    transition: all .3s ease-in-out;
}
#custom-broker-listings .custom-listing a:hover + img {
    filter: opacity(.8) grayscale(.5);
}
#custom-broker-listings .custom-listing .custom-listing-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 6px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    text-align: right;
}
#custom-broker-listings .custom-listing .custom-listing-meta h3 {
    font-size: 22px;
    margin-bottom: 0;
}
#custom-broker-listings .custom-listing .custom-listing-meta p {
    margin-bottom: 0;
}
#custom-broker-listings .custom-listing h4 {
    position: absolute;
    top: 30px;
    left: 0;
    width: 66%;
    margin: 0;
    padding: 6px;
    background-color: var(--secondary-brand-color, #e6e6e6);
    font-size: 16px;
    color: #000;
}
#custom-broker-listings .owl-carousel button.owl-next,
#custom-broker-listings .owl-carousel button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    background-color: transparent;
    width: 34px;
    color: var(--secondary-brand-color, #e6e6e6);
    font-size: 32px;
    outline: 0;
    transition: all .15s linear;
}
#custom-broker-listings .owl-carousel button.owl-prev {
    left: -32px;
}
#custom-broker-listings .owl-carousel button.owl-next {
    right: -32px;
}
@media only screen and (min-width: 660px) {
    #custom-broker-listings .owl-carousel button.owl-prev {
        left: -47px;
    }
    #custom-broker-listings .owl-carousel button.owl-next {
        right: -47px;
    }
}
#custom-broker-listings .owl-carousel button.owl-prev:hover {
    margin-top: 2px;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 50%);
}
#custom-broker-listings .owl-carousel button.owl-next:hover {
    margin-top: 2px;
    text-shadow: -1px 1px 3px rgb(0 0 0 / 50%);
}




a.download-image {
    display: block;
    position: relative;
}
a.download-image::before {
    content: '\f0ed';
    font-family: 'FontAwesome';
    font-size: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    transition: opacity .2s linear;
}
a.download-image:hover::before {
    opacity: 1;
}
a.download-image img {
    transition: filter .2s linear;
}
a.download-image:hover img {
    filter: brightness(.5);
}


/*--Agents Page--*/
#roster-bodycontent .listing-box-image {
    padding-top: 100%;
    height: unset !important;
}
#roster-bodycontent .listing-box-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: unset !important;
    object-fit: cover;
    object-position: top;
}


/*--Default Customizations--*/
.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;
}
.post-content p {
    color: #575757;
}
.footer-top-right p {
    color: #f0f0f0 !important;
}

/*--Home Page Editor--*/
#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;
}