body {background-color: #EFECDF; color: #343A40; height: 100vh; font-family: 'Roboto', sans-serif; } /* 'Font Awesome\ 5 Pro'*/
#app { min-height: 100%; display: flex; flex-direction: column; }
.far-footer { margin-top: auto; }
.clickable { cursor: pointer; }
.no-underline { text-decoration: none !important; }
.sibling-border + .sibling-border { border-top: 1px solid #ccc; padding-top: 1rem; }

/* ------------------------------------------------------------------------------------------ */
/* boostrap-fileinput */
.file-preview-image { max-width: 100%; max-height: 100%; font: smaller Roboto,sans-serif; color: #9da884; pointer-events: none;}
.krajee-default.file-preview-frame{ width: 16%; min-width: 100px; margin: 0.33%; }
.krajee-default.file-preview-frame .kv-file-content { width: 100%; padding-bottom: 5px; height: 87px; }
#tog-con-6 .file-preview-thumbnails > div:first-child { border: 1px solid a4b187; }
#tog-con-6 .file-preview-thumbnails > div:first-child:before { content: "Main Photo"; position: absolute; background-color: #a4b187; left: 0px; top: 0px; border-radius: 0px 0px 5px 0px; padding: 0px 4px; color: white;}
.krajee-default.file-preview-frame .file-thumbnail-footer { height: unset; }
.krajee-default .file-footer-caption { display: none; }

.far-ad-preview-homepage-banner  .krajee-default.file-preview-frame { width: 800px; max-width: 100%; }
.far-ad-preview-homepage-banner  .krajee-default.file-preview-frame .kv-file-content { height: 200px; }
.far-ad-preview-homepage-banner  .krajee-default.file-preview-frame .kv-file-content .file-preview-image { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; border-radius: 5px; }
.far-ad-preview-sidebar-standard .krajee-default.file-preview-frame { width: 234px; }
.far-ad-preview-sidebar-standard .krajee-default.file-preview-frame .kv-file-content { height: 115px; }
.far-ad-preview-sidebar-standard .krajee-default.file-preview-frame .kv-file-content .file-preview-image { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; border-radius: 5px; }
.far-preview-agent-avatar        .krajee-default.file-preview-frame { width: 163.8px; max-width: 100%; }
.far-preview-agent-avatar        .krajee-default.file-preview-frame .kv-file-content { height: 202px; }
.far-preview-agent-avatar        .krajee-default.file-preview-frame .kv-file-content .file-preview-image { width: 100% !important; height: 100% !important; object-fit: contain; object-position: top center; border-radius: 5px; }
.far-preview-agent-avatar        .file-input                        .file-preview { border: none; }
.far-preview-agent-avatar        .file-drop-zone-title              { padding: 69px 10px; }
.far-preview-company-logo        .krajee-default.file-preview-frame {}
.far-preview-company-logo        .krajee-default.file-preview-frame .kv-file-content {}
.far-preview-company-logo        .krajee-default.file-preview-frame .kv-file-content .file-preview-image {}
.far-preview-company-logo        .file-input                        .file-preview { border: none; }
.far-preview-company-logo        .file-drop-zone-title              { padding: 69px 10px; }

/* ------------------------------------------------------------------------------------------ */
/* Floating labels */
.has-float-label { position: relative; }
.has-float-label > label { pointer-events: none; position: absolute; left: 0; top: 0; cursor: text; font-size: 75%; opacity: 1; -webkit-transition: all .2s; transition: all .2s; top: -.5em; left: 0.75rem; z-index: 3; line-height: 1em; padding: 0 1px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 80%; text-align: left; }
.has-float-label > label span { position: relative; margin-left: 12px; margin-right: 7px; }
.has-float-label > label span:before, .has-float-label > label span:after { position: absolute; }
.has-float-label > label span:before { content: "("; left: -7px;}
.has-float-label > label span:after { content: ")"; right: -7px;}
.has-float-label > label span:empty { display: none !important; }
/* .has-float-label > label::after { content: " "; display: block; position: absolute; background: white; height: 2px; top: 50%; left: -.2em; right: -.2em; z-index: -1; } */
.has-float-label > label::after { content: " "; display: block; position: absolute; background: white; bottom: 3px; top: 0; left: -.2em; right: -.2em; z-index: -1; }
.has-float-label .form-control::-webkit-input-placeholder { opacity: 1; -webkit-transition: all .2s; transition: all .2s; }
.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder { opacity: 0; }
.has-float-label:not(.has-float-label-pinned) .form-control:placeholder-shown:not(:focus) + label { font-size: 100%; opacity: .5; top: .75em; line-height: calc(1em + 1px); }
.input-group .has-float-label { display: table-cell; }
.input-group .has-float-label .form-control { border-radius: 0.25rem; }
.input-group .has-float-label:not(:last-child) .form-control { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.input-group .has-float-label:not(:first-child) .form-control { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; }

.has-float-label .form-control.error {border-color: red; box-shadow: 0 0 0 0.2rem rgba(175, 0, 0, 0.25);}

.has-float-label .form-control:not(:focus)::placeholder { opacity: 0; }

.has-float-label input:first-child:nth-last-child(2), .has-float-label textarea:first-child:nth-last-child(2)  { border-top-right-radius: .25em; border-bottom-right-radius: .25em; }

/* ------------------------------------------------------------------------------------------ */
/* Corner Ribbon: https://www.cssportal.com/css-ribbon-generator/ */
.far-ribbon { position: absolute; right: -5px; top: -5px; z-index: 1; overflow: hidden; width: 175px; height: 175px; text-align: right; pointer-events: none;}
.far-ribbon span { font-size: 10px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 100px; display: block; background: #79A70A; background: linear-gradient(#00A7FF 0%, #0066FF 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 19px; right: -21px;}
.far-ribbon span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #0066FF; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #0066FF;}
.far-ribbon span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #0066FF; border-bottom: 3px solid transparent; border-top: 3px solid #0066FF;}
.far-ribbon-yellow span { background: linear-gradient(#D8D029 0%, #95991E 100%); }
.far-ribbon-yellow span::before { border-left: 3px solid #95991E; border-top: 3px solid #95991E; }
.far-ribbon-yellow span::after { border-right: 3px solid #95991E; border-top: 3px solid #95991E; }
.far-ribbon-green span { background: linear-gradient(#35A342 0%, #25712e 100%); }
.far-ribbon-green span::before { border-left: 3px solid #25712e; border-top: 3px solid #25712e; }
.far-ribbon-green span::after { border-right: 3px solid #25712e; border-top: 3px solid #25712e; }
.far-ribbon-teal span { background: linear-gradient(#00FC90 0%, #00B176 100%); }
.far-ribbon-teal span::before { border-left: 3px solid #00B176; border-top: 3px solid #00B176; }
.far-ribbon-teal span::after { border-right: 3px solid #00B176; border-top: 3px solid #00B176; }
.far-ribbon-purple span { background: linear-gradient(#6515FF 0%, #580ED3 100%); }
.far-ribbon-purple span::before { border-left: 3px solid #580ED3; border-top: 3px solid #580ED3; }
.far-ribbon-purple span::after { border-right: 3px solid #580ED3; border-top: 3px solid #580ED3; }
.far-ribbon-pink span { background: linear-gradient(#FF00F6 0%, #C7029F 100%); }
.far-ribbon-pink span::before { border-left: 3px solid #C7029F; border-top: 3px solid #C7029F; }
.far-ribbon-pink span::after { border-right: 3px solid #C7029F; border-top: 3px solid #C7029F; }
.far-ribbon-red span { background: linear-gradient(#A03636 0%, #702525 100%); }
.far-ribbon-red span::before { border-left: 3px solid #702525; border-top: 3px solid #702525; }
.far-ribbon-red span::after { border-right: 3px solid #702525; border-top: 3px solid #702525; }

/* ------------------------------------------------------------------------------------------ */
/* font-awesome customizations */
i.fab.btn-lg { line-height: inherit; width: 48px; }
i.far-fa-overlay { left: 0px; color: #F00; }

/* ------------------------------------------------------------------------------------------ */
/* bootstrap-select customizations */
.bootstrap-select .dropdown-menu.show { z-index: 1025; }
.far-show-all .bootstrap-select > .dropdown-toggle { text-align: left; white-space: unset; }

/* ------------------------------------------------------------------------------------------ */
/* bootstrap popover customizations */
.popover { max-width: 500px; }

/* ------------------------------------------------------------------------------------------ */
/* boostrap customizations */
@media only screen and (min-width : 1200px) { .container-fluid { max-width: 1400px; min-width: 70vw; } }
a.clickable-card, a.clickable-card:hover { color: inherit; text-decoration: none; }
.btn-primary            { background-color: #a4b187; border-color: #9da884;}
.list-group-item.active { background-color: #a4b187; border-color: #9da884;}
.btn-primary:hover      { background-color: #91a465; border-color: #9da884;}
.btn-primary:active     { background-color: #a4b187; border-color: #9da884;}
.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(105, 175, 0, 0.25); }
a, a:active {color: #69AF00; }
a:hover { color: #91a465; }
.page-item.active .page-link { background-color: #a4b187; border-color: #a4b187; }
.page-link { color: #828C6B;}
.form-control:focus, .custom-file-input:focus ~ .custom-file-label { border-color: #69AF00; box-shadow: 0 0 0 0.2rem rgba(105, 175, 0, 0.25); }
.btn:focus, .btn.focus, .page-link:focus { box-shadow: 0 0 0 0.2rem rgba(105, 175, 0, 0.25); }
.btn-primary.disabled, .btn-primary:disabled { background-color: #66704F; border-color: #66704F; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { background-color: #62911D; border-color: #497A00; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(105, 175, 0, 0.25); }

.pagination { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }

.input-group-text { background-color: #f7f7f7;}

.modal-open nav.navbar { padding-right: 21px !important; }

.nav-item.active a.nav-link { font-weight: bold; color: #6e6f6e !important; }
.nav-item a.nav-link.active { font-weight: bold; color: #6e6f6e !important; }

.nav-item .far-active { transition: all 0.3s ease }
.nav-item .far-active.nav-link:hover  { font-weight: normal; color: white !important; background-color: slategray !important }
.nav-item .far-active.nav-link.active { font-weight: normal; color: white !important; background-color: #a4b187 !important }

.far-tr-up > td { border-top: 0; }

.far-over-sticky-1 { z-index: 1021; }

/* ------------------------------------------------------------------------------------------ */
/* boostrap-select css */
.bootstrap-select.far-status .dropdown-toggle { line-height: 1.25; }

/* ------------------------------------------------------------------------------------------ */
/* farm and ranch css */
.far-floating-label {}
.far-floating-label input:placeholder-shown + label { opacity:0; transform: translateY(100%); }

.far-text { color: #91a465; }
.far-bg { background-color: #91a465; }
.far-error { background-color: #ffC0C0; }
.property-index-image { height: 200px; }
.property-thumb { padding-bottom: 62.5%; background-size: cover; background-position: center; border-radius: 6px; color: white; position: relative;
  text-shadow: 1px 1px 5px black; background-image: linear-gradient(to right, rgba(0,50,130,.5), rgba(0,50,100,.0)); border: 3px solid white; }
.property-thumb-header { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 7px; position: absolute; left: 0px; right: 5px; top: 5px;}
.property-thumb-subheader { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 7px; position: absolute; left: 0px; right: 0px; top: 30px; font-size: small;}
.property-thumb-footer { position: absolute; bottom: 5px; padding: 0px 7px; width: 100%; }
.property-thumb-footer > div { font-size: small; }
.property-thumb-footer-right { max-width: 55%; text-align: right; position: absolute; right: 5px; bottom: 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.property-thumb-favorite {}

.far-carousel-item { padding-bottom: 66.6% /*62.5%*/; background-size: contain; background-repeat: no-repeat; background-position: center; }

.far-header-carousel-inner { height: 100%; max-height: 100%; max-width: 100%; }
.far-banner-carousel-inner { height: 450px; height: 20vw; max-height: 25vw; min-height: 150px; }
.far-banner-carousel-inner div, .far-header-carousel-inner div { height: 100%; }
.far-banner-carousel-inner img, .far-header-carousel-inner img { object-fit: cover; object-position: center; height: 100%; }
.far-header-carousel-inner img { object-fit: contain; }
.far-carousel-indicators { bottom: 3.5%; margin-bottom: 0; }

@media only screen and (max-width : 768px) {
  .far-banner-carousel-inner img { object-position: center; min-height: 150px; }
  .nav-item.active { background-color: #a4b187; color: white; }
  .nav-item.active a.nav-link { font-weight: normal; color: white !important }

  .border-md-0 { border: 0 !important }
}

.far-header-ad {height: 90px; max-height: 20vh; margin: 2px;}
.far-header-ad > .carousel {height: 100%; max-width: 100%;}

@media only screen and (min-width : 768px) {
  .far-button-login, .far-button-register { border: 1px solid; border-radius: 40px; padding: 0px 20px; box-shadow: 0px 0px 5px #00000033; max-width: 35vw; }
  .far-button-login { border-color: #a4b187; background-color: white; }
  .far-button-register { border-color: #a4b187; background-color: #a4b187; color: white; }
  .far-button-register > a { color: white !important; text-shadow: 0px 0px 2px #00000044; white-space: nowrap; }

  .far-sidebar-sticky { position: -webkit-sticky; position: sticky; top: 60px; z-index: 1; }
}

.far-linkicon { width:1.2em; text-align: center; }
.active > .far-fonticon { filter: brightness(3); }

.far-ad-sidebar-half, .far-ad-sidebar-full { height: 0px; border-radius: 5px; object-fit: cover; background-position: center; background-size: cover; background-repeat: no-repeat; }
.far-ad-sidebar-full { padding-bottom: 100%; }
.far-ad-sidebar-half { padding-bottom: 50%; }

.far-ad-preview-header-retail {}
.far-ad-preview-sidebar-retail {}

.far-agent-card { position: relative; background-color: #fff; border-radius: 10px; margin: auto; }
.far-agent-card-details { height: 250px; min-height: 150px; max-height: 30vh; width: 100%; max-width: 100%;}
.far-agent-card-avatar { padding: 5px;height: 250px;min-height: 150px;max-height: 30vh;margin: auto; width: 100%;max-width: 100%;}
.far-agent-card-company {position: absolute;bottom: 0px;right: 15px;max-height: 50px;max-width: 100px;background-color: white;}
.far-agent-card-company img {max-width: inherit; max-height: inherit;}
.far-agent-card-avatar img { border-radius: 5px;width: 100%;height: 100%;object-fit: contain;overflow: hidden;object-position: right; }
.far-agent-card-footer {position: absolute; bottom: 0px;}
.far-agent-card-row { overflow: hidden; position: absolute; top: 4em; bottom: 20px; right: 15px; left: 15px;}
.far-agent-card-row:before { content: ''; right: 0px; height: 40px; position: absolute; left: 0px; bottom: 0px; background: linear-gradient(#FFFFFF00, white 25px);}
.far-agent-card-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; bottom: 5px; background: #00000066; left: 7px; right: 7px; color: white; text-shadow: 0px 0px 2px black; padding-left: 16px; }

.far-agent-card2 { position: relative; background-color: #fff; border-radius: 3px; width: 100%; padding: 0.3em }
.far-agent-card2 > div {height: 175px; min-height: 150px; max-height: 25vw;}
.far-agent-card2-featured .far-agent-card2 > div { height: 250px; min-height: 250px; }
.far-agent-card2-featured .far-agent-card2-image { width: 25%; max-width: 175px; }
.far-agent-card2-logo { height: 100%; position: relative; border-radius: 5px; margin: auto; background-size: contain; background-position: center; background-repeat: no-repeat;}
.far-agent-card2-header { width: 100%; font-size: larger; height: 1.5em; border-bottom: 1px solid #DDD; display: block; text-overflow: ellipsis; white-space: nowrap; text-align: right; overflow: hidden; }
.far-agent-card2-header span { float: left; padding-right: 20px; }
.far-agent-card2-body { position: absolute; top: 2em; bottom: 1em; left: 0px; right: 0px; padding: 0em 0em 0em 1em; }
.far-agent-card2-image { max-width: 100px; max-height: 100%; width: 20%; float: left; border-radius: 3px; margin: 0.25em 0.5em 0em 0em; object-fit: cover; object-position: center top; }
.far-agent-card2-details { height: 100%; max-height: 100%; overflow: hidden; position: relative; }
.far-agent-card2-details:before { content: ''; right: 0px; height: 40px; position: absolute; left: 0px; bottom: 0px; background: linear-gradient(#FFFFFF00, white 25px);}
.far-agent-card2-footer { position: absolute; bottom: 0; left: 0; right: 0; padding: 0px 0.5em; }

.far-property-card { position: relative; background-color: #fff; border-radius: 10px; margin: auto; background-size: cover; background-position: center; background-repeat: no-repeat;}
.far-property-card-details { height: 250px; min-height: 150px; max-height: 30vh; width: 100%; max-width: 100%;}
.far-property-card-title {font-size: x-large; position: absolute; left: 8px; right: 8px; text-shadow: 1px 1px 5px black; color: #f8f9fa; padding-bottom: 5px; }
.far-property-card-avatar { padding: 5px;height: 250px;min-height: 150px;max-height: 30vh;margin: auto; width: 100%;max-width: 100%;}
.far-property-card-company {position: absolute;bottom: 0px;right: 15px;max-height: 50px;max-width: 100px;background-color: white;}
.far-property-card-company img {max-width: inherit; max-height: inherit;}
.far-property-card-avatar img { border-radius: 5px;width: 100%;height: 100%;object-fit: contain;overflow: hidden;object-position: left; }
.far-property-card-footer {position: absolute; bottom: 0px;}
.far-property-card-row { overflow: hidden; position: absolute; top: 45px; bottom: 20px; right: 15px; left: 15px;}

.far-property-card2 { position: relative; background-color: #fff; border-radius: 3px; }
.far-property-card2 > div {height: 250px; min-height: 150px; max-height: 20vw;}
.far-property-card2-featured > div {height: 300px; min-height: 200px; max-height: 20vw;}
.far-property-card2-featured .far-property-card2-title {font-size: xx-large; }
.far-property-card2-title {font-size: x-large; position: absolute; left: 8px; right: 8px; text-shadow: 1px 1px 5px black; color: white; padding-bottom: 5px; }
.far-property-card2-photo { background-image: linear-gradient(to right, rgba(0,50,130,.5), rgba(0,50,100,.0)); height: 100%; position: relative; border-radius: 3px; margin: auto; background-size: cover; background-position: center; background-repeat: no-repeat;}
.far-property-card2-details { overflow: hidden; height: calc(100% - 0.5em); position: relative;}
.far-property-card2-details:before { content: ''; right: 0px; height: 40px; position: absolute; left: 0px; bottom: 0px; background: linear-gradient(#FFFFFF00, white 25px);}
.far-property-card2-footer { width: 100%; position: absolute; bottom: 5px; font-size: smaller; }
.far-property-card2-avatar { position: relative; width: 100%; padding-bottom: 100%;}
.far-property-card2-avatar > img {  max-width: 140px; max-height: 140px; border-radius: 10%; width: 100%; height: 100%; position: absolute; object-fit: cover; object-position: 50% 0%; }
.far-property-card2-name { text-align: center; width: 100%; }
.far-property-card2-company { position: absolute; left: 5px; right: 5px; bottom: 5px; margin-top: 5px; height: calc(50px); background-position: center; background-size: contain; background-repeat: no-repeat; }
.far-property-card2-logo { float: right; max-width: 30%; margin-right: 1em; }

.far-property-card5 { border-radius: 0px 5px; border-bottom: 1px solid #DDD; height: 100%; }
.far-property-card5-photo { background-image: linear-gradient(to right, rgba(0,50,130,.5), rgba(0,50,100,.0)); margin-right: 0.5em; width: 80px; height: 62px; background-position: center top; background-size: cover; float: left; background-repeat: no-repeat; border-radius: 3px; }
.far-property-card5-details { height: 100%; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.far-property-table-photo { max-height: 2.1em; width: 100%; object-fit: cover; object-position: center 0%; padding: 0.1em; }

.far-text-shadow { text-shadow: 1px 1px 5px black; }

.far-agent-header { position: relative; }

.far-search-property-basic:focus-within {box-shadow: 0px 0px 5px #00000020; border-radius: 20px; }
.far-search-property-basic input { border-radius: 20px 0px 0px 20px; }
.far-search-property-basic input:focus { box-shadow: unset; }
.far-search-property-basic button { border-radius: 0px 20px 20px 0px; background-color: #a4b187; border: 1px solid #a4b187; color: white;}

.far-search-property-home:focus-within {box-shadow: 0px 0px 5px #00000020; border-radius: 20px; }
.far-search-property-home input { border-radius: 0.25em 0px 0px 0.25em; }
.far-search-property-home input:focus { box-shadow: unset; }
.far-search-property-home button { border-radius: 0px 0.25em 0.25em 0px; background-color: #a4b187; border: 1px solid #a4b187; color: white;}

.far-property-view-tag { color: white; background-color: #a4b187; border-radius: 3px; padding: 0px 7px; display: inline-flex; border: 0 solid; text-transform: lowercase; margin: 4px 4px 4px 0px;}
.far-property-view-tag a { text-decoration: none; color:white; }
.far-property-view-tag a:hover { text-decoration: none; color:white; }

.far-favorite { top: -4px; right: -6px; color: #ffffff;}
.far-favorite > .fas {color: #F00000D0;}

.far-bookmark { cursor: pointer; }
.far-bookmark.btn.active:after { content: 'Search Saved'; }
.far-bookmark.btn:not(.active):after { content: 'Save Search'; }

.far-footer-links a {font-size: smaller; color: #666;}

.far-collapser {position: relative; padding-bottom: 2rem;}
.far-collapser .collapse, .far-collapser .collapsing { height: 9rem; }
.far-collapser .collapse { position: relative; display: block; overflow: hidden; }
.far-collapser .collapse:before { background: linear-gradient(#FFFFFF00, white 25px); content: ' ...'; text-align: right; position: absolute; right: 0; left: 0; bottom: 0; }
.far-collapser .collapse.show { height: auto; }
.far-collapser .collapse.show:before { display: none; }
.far-collapser .far-collapser-toggle { position: absolute; width: 100%; text-align: center; font-size: smaller; color: grey; }
.far-collapser .far-collapser-toggle.collapsed:after { content: '\25BE  Show More \25BE'; }
.far-collapser .far-collapser-toggle:not(.collapsed):after { content: '\25B4  Show Less \25B4'; }

.far-switch input[type=checkbox]{height: 0; width: 0; visibility: hidden; position: absolute; }
.far-switch label {cursor: pointer; text-indent: -9999px; width: 64px; max-width: 64px; height: 24px; background: #d1d1d1; display: block; border-radius: 100px; position: relative; margin-bottom: 0;}
.far-switch label:after {content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #fff; border-radius: 90px; transition: 0.3s; }
.far-switch input:checked + label, .far-switch input:checked + input + label  {background: #a4b187; }
.far-switch input + label:before, .far-switch input + input + label:before {content: 'No'; position: absolute; top: 1px; left: 35px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff000; }
.far-switch input:checked + label:before, .far-switch input:checked + input + label:before {content: 'Yes'; position: absolute; top: 1px; left: 10px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.far-switch input:checked + label:after, .far-switch input:checked + input + label:after {left: calc(100% - 2px); transform: translateX(-100%); }
.far-switch label:active:after {width: 60px; }

.far-td-word { word-break: break-all; }

.far-pricing .card { top: 0; bottom: 0; border: none; border-radius: 1rem; transition: all 0.2s;  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1); }
.far-pricing hr { margin: 1.5rem 0; }
.far-pricing .card-title { margin: 0.5rem 0; font-size: 0.9rem; letter-spacing: .1rem; font-weight: bold; }
.far-pricing .card-price { font-size: 3rem; margin: 0; }
.far-pricing .card-price .period { font-size: 0.8rem; }
.far-pricing ul li { margin-bottom: 1rem; }
.far-pricing .text-muted { opacity: 0.7; }
.far-pricing .btn { font-size: 80%; border-radius: 5rem; letter-spacing: .1rem; font-weight: bold; padding: 1rem; opacity: 0.9; transition: all 0.2s; }
/* Hover Effects on Card */
@media (min-width: 992px) {
  .far-pricing .card:hover { top: -.25rem; bottom: .25rem; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3); }
  .far-pricing .card:hover .btn { opacity: 1; }
}

a.disabled { pointer-events: none; cursor: default; }

#video_link_tour_preview:not(:empty) { height: 120px; }
#video_link_extra_preview:not(:empty) { height: 120px; }

.far-map-iframe-w-100 > iframe { width: 100%; height: 520px; }

button:focus { outline:0; }

.far-btn-green, .far-btn-grey, .far-btn-blue, .far-btn-dark, .far-btn-digital { border: none; }
.far-btn-green    { background-color: #8cc584; }
.far-btn-grey     { background-color: #84afc5; }
.far-btn-blue     { background-color: #3b65b8; }
.far-btn-dark     { background-color: #283c5d; }
.far-btn-digital  { background-color: #3a5683; }

.far-btn-outline  { color: #495057; border-color: #ced4da;}

.far-btn-pulse { animation: far-pulse 2s infinite; }
.far-btn-pulse:hover { animation: none; }
@keyframes far-pulse {
  0%   { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  50%  { background-color: #91a465; }
  100% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); }
}
.far-chargebee-status-0 {color: white; background-color: #b97810; } /* In Trial */
.far-chargebee-status-1 {color: white; background-color: #41A349; } /* Active */
.far-chargebee-status-2 {color: white; background-color: #406BA0; } /* Non Renewing */
.far-chargebee-status-3 {color: white; background-color: #888888; } /* Cancelled */
.far-chargebee-status-4 {color: white; background-color: #573E9B; } /* Future */
.far-chargebee-status-5 {color: white; background-color: #9E8C3F; } /* Paused */

.far-text-property-status-1 {color: #406BA0; } /* New Listing */
.far-text-property-status-2 {color: #41A349; } /* Available */
.far-text-property-status-3 {color: #9E8C3F; } /* Under Contract */
.far-text-property-status-4 {color: #A54242; } /* Sold */
.far-text-property-status-5 {color: #b97810; } /* Off Market */
.far-text-property-status-6 {color: #888888; } /* Unavailable */
.far-text-property-status-7 {color: #573E9B; } /* Draft */
.far-text-property-status-8 {color: #000000; } /* Prospective */
.far-text-property-status-9 {color: #000000; } /* Other */
.far-text-property-status-10{color: #000000; } /* Other Brokerage */

.far-property-status-1, .far-property-status-1 button.dropdown-toggle {color: white; background-color: #406BA0; } /* New Listing */
.far-property-status-2, .far-property-status-2 button.dropdown-toggle {color: white; background-color: #41A349; } /* Available */
.far-property-status-3, .far-property-status-3 button.dropdown-toggle {color: white; background-color: #9E8C3F; } /* Under Contract */
.far-property-status-4, .far-property-status-4 button.dropdown-toggle {color: white; background-color: #A54242; } /* Sold */
.far-property-status-5, .far-property-status-5 button.dropdown-toggle {color: white; background-color: #b97810; } /* Off Market */
.far-property-status-6, .far-property-status-6 button.dropdown-toggle {color: white; background-color: #888888; } /* Unavailable */
.far-property-status-7, .far-property-status-7 button.dropdown-toggle {color: white; background-color: #573E9B; } /* Draft */
.far-property-status-8, .far-property-status-8 button.dropdown-toggle {color: white; background-color: #000000; } /* Prospective */
.far-property-status-9, .far-property-status-9 button.dropdown-toggle {color: white; background-color: #000000; } /* Other */
.far-property-status-10, .far-property-status-10 button.dropdown-toggle{color: white; background-color: #000000; } /* Other Brokerage */

.far-stats { position: relative; display: block; }
.far-stats { display: block; margin: 0; padding: 0; }
.far-stats li { position: relative; display: flex; margin-top: 0.5em; margin-bottom: 0.5em; text-align: right; white-space: nowrap; justify-content: flex-end; z-index: 1; }
.far-stats li::before { position: absolute; content: ""; background-color: #7b9544; width: 100%; height: 100%; z-index: -1; }
.far-stats li span { display: inline; }
.far-stats li span:first-of-type { color: white; font-family: 'BodegaSans-Medium', "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 1.3em; letter-spacing: 0.02em; top: -3px; position: absolute; right: 5px; }
.far-stats li span:last-of-type { color: black; font-family: 'Avenir-Medium', "Franklin Gothic Medium", Tahoma, sans-serif; display: flex; width: 100%; position: relative; right: calc(-100% - 0.5em); }

.far-graph { padding: 0; list-style: none; font-size: 1.1em; }
.far-graph li::before { content: ""; font-weight: bold; display: inline-block; width: 1em; height: 1em; margin-left: 0; margin-right: 0.5em; }
.far-graph li:first-child::before { background-color: #6095C9; }
.far-graph li:nth-child(2)::before { background-color: #CC685F; }
.far-graph li:last-child::before { background-color: #aac46e; }

.amcharts-amexport-item { width: auto !important; background-color: transparent !important; opacity: 1 !important; }
.amcharts-amexport-item a { color: white; background-color: #aac46e; display: block; cursor: pointer; text-decoration: none; transition: background-color 0.2s ease; padding: 5px 10px !important; }
.amcharts-amexport-item a:hover { background-color: #888888; }
.amcharts-amexport-top .amcharts-amexport-item > .amcharts-amexport-menu { left: 2px; }

@media(min-width:360px) {
  .far-columns { column-count: 1; }
}
@media(min-width:1200px) {
  .far-columns { column-count: 2; }

  .far-welcome-page .container-fluid,
  .far-error-page .container-fluid,
  .error404 .container-fluid { margin-top: auto !important; }
}

.far-welcome-page, .far-error-page, .far-agent-page, .error404 { background-image: url('../img/welcome-bg.jpg'); background-size: cover; background-position: center; }

.far-font-xs { font-size: calc(0.8vw + 10px); }
.far-font-sm { font-size: calc(1.5vw + 10px); }
.far-font-md { font-size: calc(2.2vw + 10px); }
.far-font-lg { font-size: calc(4.5vw + 10px); }

.far-gradient-wrapper {background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5043729289194172) 50%, rgba(255,255,255,0) 100%);backdrop-filter: blur(3px);text-shadow: 2px 2px 5px black;color: white;}
.far-gradient-wrapper p { text-shadow: -2px 2px 5px rgba(0, 0, 0, 0.75); }
.far-gradient-wrapper .spacer { width: 65%;  height: 1px; background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); }
.far-gradient-wrapper .btn { font-size: 1.1rem; text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.75); }

@keyframes bob {0% {top: 0; } 50% {top: 0.2em; }}
.far-sheep { display: inline-block; position: relative; font-size: 1em; margin-bottom: 20px; z-index: 1 }
.far-sheep * { transition: transform 0.3s; }
.far-sheep .far-sheep-top { position: relative; top: 0; animation: bob 1s infinite; }
.far-sheep:hover .far-sheep-head { transform: rotate(0deg); }
.far-sheep:hover .far-sheep-head .eye { width: 1.25em; height: 1.25em; }
.far-sheep:hover .far-sheep-head .eye:before {right: 30%; }
.far-sheep:hover .far-sheep-top { animation-play-state: paused; }
.far-sheep .far-sheep-head { display: inline-block; width: 5em; height: 5em; border-radius: 100%; background: #343a40; vertical-align: middle; position: relative; top: 1em; transform: rotate(30deg); box-shadow: -5px 5px 10px rgb(0 0 0 / 25%); }
.far-sheep .far-sheep-head:before { content: ''; display: inline-block; width: 80%; height: 50%; background: #343a40; position: absolute; bottom: 0; right: -10%; border-radius: 50% 40%; }
.far-sheep .far-sheep-head:hover .ear.one, .far-sheep .far-sheep-head:hover .ear.two { transform: rotate(0deg); }
.far-sheep .far-sheep-head .eye { display: inline-block; width: 1em; height: 1em; border-radius: 100%; background: white; position: absolute; overflow: hidden; }
.far-sheep .far-sheep-head .eye:before { content: ''; display: inline-block; background: black; width: 50%; height: 50%; border-radius: 100%; position: absolute; right: 10%; bottom: 10%; transition: all 0.3s; }
.far-sheep .far-sheep-head .eye.one { right: -2%; top: 1.7em; }
.far-sheep .far-sheep-head .eye.two { right: 2.5em; top: 1.7em; }
.far-sheep .far-sheep-head .ear { background: #343a40; width: 50%; height: 30%; border-radius: 100%; position: absolute; }
.far-sheep .far-sheep-head .ear.one { left: -10%; top: 5%; transform: rotate(-30deg); }
.far-sheep .far-sheep-head .ear.two { top: 2%; right: -5%; transform: rotate(20deg); }
.far-sheep .far-sheep-body { display: inline-block; width: 7em; height: 7em; position: relative; vertical-align: middle; margin-right: -3em;  }
.far-sheep .far-sheep-body .fluff { position: absolute; width: 60px; height: 60px; border-radius: 50%; background: white; top: 50px; }
.far-sheep .far-sheep-body .fluff.left { box-shadow: -10px 10px 20px rgb(0 0 0 / 25%); }
.far-sheep .far-sheep-body .fluff.right { right: 0; }
.far-sheep .far-sheep-body .fluff::before { content: ""; position: absolute;  width: 60px; height: 60px; border-radius: 50%; background: white; top: -35px; }
.far-sheep .far-sheep-body .fluff.left::before { left: 35px; }
.far-sheep .far-sheep-body .fluff.right::before { left: -35px; }
.far-sheep .far-sheep-body .fluff::after { content: ""; top: 28px; position: absolute; width: 40px; height: 40px; border-radius: 50%; background: white; }
.far-sheep .far-sheep-body .fluff.left::after { left: 30; }
.far-sheep .far-sheep-body .fluff.right::after { left: -30; }
.far-sheep .far-sheep-legs { display: inline-block; position: absolute; top: 80%; left: 10%; z-index: -1; }
.far-sheep .far-sheep-legs .leg { display: inline-block; background: #141214; width: 0.5em; height: 2.5em; margin: 0.2em; }

.far-color-default { color: #495057; }
.far-color-red     { color: #b16969; }
.far-color-green   { color: #a4b187; }
.far-color-blue    { color: #00a7ff; }

.far-bg-default    { background-color: #495057; }
.far-bg-red        { background-color: #b16969; }
.far-bg-green      { background-color: #a4b187; }
.far-bg-blue       { background-color: #00a7ff; }

@media print { * { -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } }