/*--Advanced Editor Updates--*/

.full-width{margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);}
div#sdk-stage .full-width{margin: 0!important}
.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-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}
.m-b-n3{margin-bottom:-3.5rem}
.m-t-n3{margin-top:-3.5rem}
@media (min-width: 768px){
    .m-b-md-0{margin-bottom:0}
    .m-t-md-0{margin-top:0}
    .m-y-md-0{margin-top:0;margin-bottom:0}
    .o-x-md-3{padding-left:3rem !important;padding-right:3rem!important}
    .p-y-md-3{padding-top:3rem !important;padding-bottom:3rem !important}
    .p-y-md-5{padding-top:5rem !important;padding-bottom:5rem !important}
}
.z-index-1{z-index:1}
#custom-content p {margin: 0 0 20px;}
#custom-content a.btn-primary{color:#fff}
#custom-content a.btn-white{color:#000}
.btn-outline{border: 1px solid #fff!important; transition: .15s all linear!important}
.btn-outline:hover{border-color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1) !important; background-color: #fff!important; color:#323232!important }
.bee-editor-container .bee-html-block { text-align:unset}

/*--Fixed full width background images--*/
.bg-wrap-fixed + .container {
    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(1);
}
.bg-wrap-fixed img::after {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0.4
}

.bg-wrap-fixed.light img {
  filter:brightness(1);
}
.bg-wrap-fixed.dark img {
  filter:brightness(0.5);
}

/*--Buyer & Seller Resources Pages--*/
  /*Quick Search Styling*/
  #quick-search-wrapper #quick-search{display: flex !important;position:relative;z-index:3}
  #quick-search-wrapper #quick-search #header-search{display:flex;width:100%;align-items:center;margin-top:-14px}
  #quick-search-wrapper #quick-search #header-search::before,
  #quick-search-wrapper #quick-search #header-search::after{content:'';display:inline-block;width:16px;height:80px;border:1px solid #ffffff}
  #quick-search-wrapper #quick-search #header-search::before{border-right:none}
  #quick-search-wrapper #quick-search #header-search::after{border-left:none}
  #quick-search-wrapper .input-group.location-form-group{width: calc( 100% - 32px);}
  #quick-search-wrapper .token-input.tt-input{width:100%!important}
  #quick-search-wrapper .input-group-addon{position:relative;width:40px}
  #quick-search-wrapper .input-group-addon i.fa{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
  #quick-search-wrapper .tt-menu{min-width:unset!important;width:calc(100% + 1.75rem)!important;margin:16px 0 0 -14px}
  #quick-search-wrapper #adv-search-btn{margin:-8px;padding:0 10px 0 0}
  #quick-search-wrapper #adv-search-btn i.fa{padding:10px;border-right:1px solid #c3c3c3;color:inherit;}
  @media (min-width: 768px){
      #quick-search-wrapper #quick-search{display:flex;align-items:center}
      #quick-search-wrapper #quick-search #quick-search-title{width:114px;margin-right:12px;font-size:1.75rem;}
      #quick-search-wrapper #quick-search #header-search{margin-top:0}
  }
  #quick-search-wrapper {
    min-height: 720px;
  }
  #intro-wrapper, #instant-valuation-wrapper {
    min-height: 650px;
  }
  #intro-wrapper .container, #instant-valuation-wrapper .container {
    max-width: 720px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 6px;
  }
  #instant-valuation-wrapper .container {
      background-color: rgba(255, 255, 255, 0.8);
  }
  /*Roadmap Styling*/
  #roadmap .row .col-md-6{border-left:1px solid #ccab6c}
  #roadmap .row:nth-child(odd) .col-md-6:nth-child(odd)::before,
  #roadmap .row:nth-child(even) .col-md-6:nth-child(even)::before{display:block;position:absolute;top:.25rem;left:-.3625rem;font-family:"FontAwesome";font-size:.75rem;color:#ccab6c;content:'\f111'}
  #roadmap span.h5{font-size:1rem}
  #roadmap span.h5::before,
  #roadmap span.h5::after{display:inline-block;content:"";border-top:1px solid #fff;width:45px;margin:0 12px;transform:translateY(-6px)}
  #roadmap h4{font-weight:600}
  #roadmap .row .col-md-6 h4{text-align:left}
  #roadmap .row .col-md-6 p{text-align:left}
  #homeowner-badge img{display:block;height:auto;max-width:280px!important;margin:0 auto}
  @media only screen and (min-width: 768px) {
      #roadmap span.h5{font-size:1.25rem}
      #roadmap .row .col-md-6{border-left:none}
      #roadmap .row .col-md-6:first-child{border-right:1px solid #ccab6c}
      #roadmap .row:nth-child(odd) .col-md-6:nth-child(odd)::before{right:-.3625rem;left:unset}
      #roadmap .row:nth-child(odd) .col-md-6:nth-child(odd) h4{text-align:right}
      #roadmap .row .col-md-6 p{text-align:justify}
  }
  /*Mortgage Calc*/
  #mortgage-calculator iframe{height:2400px;width:100%;border:0}
  @media (min-width:768px){#mortgage-calculator iframe{height:1300px}}
  @media (min-width:992px){#mortgage-calculator iframe{height:1100px}}