/* ------------------------------------------------------------------- */
/* FRONTEND -- STYLES Updated to #F47D30 * ONE Agency Logo Colors.
---------------------------------------------------------------------- */
.csm-trigger,
.csm-content h4,
#backtotop a,
#top-bar {
  /* background-color: #303030; */
  padding: 20px 0;
}

#top-bar.admin {
  background-color: rgb(51, 122, 131);
}
#top-bar .logo {
  height: inherit;
  max-width: 100px;
}

.custom-zoom-in:hover:before,
.custom-zoom-out:hover:before,
.infoBox-close:hover {
  -webkit-text-stroke: 1px #f47d30;
}

.list-4 li:before,
.list-3 li:before,
.list-2 li:before,
.list-1 li:before {
  color: #f47d30;
}

.numbered.color ol > li::before {
  border: 1px solid #f47d30;
  color: #f47d30;
}

.numbered.color.filled ol > li::before {
  border: 1px solid #f47d30;
  background-color: #f47d30;
}

.change-photo-btn:hover,
table.manage-table th,
mark.color {
  background-color: #f47d30;
}

.user-menu ul li a:hover,
.user-menu.active .user-name:after,
.user-menu:hover .user-name:after,
.user-menu.active .user-name,
.user-menu:hover .user-name,
table.manage-table td.action a:hover,
table.manage-table .title-container .title h4 a:hover,
.my-account-nav li a.current,
.my-account-nav li a:hover,
#footer .social-icons li a:hover i,
#navigation.style-1 .current,
#posts-nav li a:hover,
#top-bar .social-icons li a:hover i,
.agent .social-icons li a:hover i,
.agent-contact-details li a:hover,
.agent-page .agent-name h4,
.footer-links li a:hover,
.header-style-2 .header-widget li i,
.header-widget .sign-in:hover,
.home-slider-desc .read-more i,
.info-box,
.info-box h4,
.listing-title h4 a:hover,
.map-box h4 a:hover,
.plan-price .value,
.plan.featured .listing-badges .featured,
.post-content a.read-more,
.post-content h3 a:hover,
.post-meta li a:hover,
.property-pricing,
.style-2 .trigger a:hover,
.style-2 .trigger.active a,
.style-2 .ui-accordion .ui-accordion-header-active,
.style-2 .ui-accordion .ui-accordion-header-active:hover,
.style-2 .ui-accordion .ui-accordion-header:hover,
.tabs-nav li a:hover,
.tabs-nav li.active a,
.testimonial-author h4,
.widget-button:hover,
.widget-text h5 a:hover,
a,
a.button.border,
a.button.border.white:hover {
  color: #f47d30;
}

#header-container.top-border {
  border-top: 4px solid #f47d30;
}

#navigation.style-1 .current {
  background-color: transparent;
  border: 1px solid #f47d30;
}

#navigation.style-1 ul li:hover {
  background-color: #f47d30;
}

#navigation.style-2 {
  background-color: #f47d30;
}

.menu-responsive i {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.07) 0,
    transparent
  );
  background-color: #f47d30;
}

.checkboxes input[type='checkbox']:checked + label:before,
.range-slider .ui-widget-header,
.search-type label.active,
.search-type label:hover {
  background-color: #f47d30;
}

.range-slider .ui-slider .ui-slider-handle {
  border: 2px solid #f47d30;
}

.agent-avatar a:before {
  background: #f47d30;
  background: linear-gradient(to bottom, transparent 50%, #f47d30);
}

.view-profile-btn {
  background-color: #f47d30;
}

.listing-img-container:after {
  background: linear-gradient(to bottom, transparent 60%, #f47d30);
}

.listing-badges .featured {
  background-color: #f47d30;
}

.listing-badges .featured.sold {
  background-color: rgb(244, 51, 48);
}

span.property-badge.sold {
  background-color: rgb(244, 51, 48);
}

.listing-badges .featured.rented {
  background-color: rgb(131, 79, 182);
}

.listing-badges .featured.openhouse {
  background-color: rgb(51, 227, 136);
  color: #000;
}

.list-layout .listing-img-container:after {
  background: linear-gradient(to bottom, transparent 55%, #f47d30);
}

#titlebar.property-titlebar span.property-badge,
.back-to-listings:hover,
.home-slider-price,
.img-box:hover:before,
.layout-switcher a.active,
.layout-switcher a:hover,
.listing-hidden-content,
.office-address h3:after,
.pagination .current,
.pagination ul li a.current-page,
.pagination ul li a:hover,
.pagination-next-prev ul li a:hover,
.property-features.checkboxes li:before {
  background-color: #f47d30;
}

#titlebar.property-titlebar span.property-badge.sold {
  background-color: rgb(244, 51, 48);
  font-size: large;
}
#titlebar.property-titlebar span.property-badge.rented {
  background-color: rgb(131, 79, 182);
  font-size: large;
}

.post-img:after,
.tip {
  background: #f47d30;
}

.property-slider-nav .item.slick-current.slick-active:before {
  border-color: #f47d30;
}

.post-img:after {
  background: linear-gradient(to bottom, transparent 40%, #f47d30);
}

.comment-by a.reply:hover,
.post-img:before {
  background-color: #f47d30;
}

.map-box .listing-img-container:after {
  background: linear-gradient(to bottom, transparent 50%, #f47d30);
}

#geoLocation:hover,
#mapnav-buttons a:hover,
#scrollEnabling.enabled,
#scrollEnabling:hover,
#streetView:hover,
.cluster div,
.custom-zoom-in:hover,
.custom-zoom-out:hover,
.infoBox-close:hover,
.listing-carousel.owl-theme .owl-controls .owl-next:after,
.listing-carousel.owl-theme .owl-controls .owl-prev:before,
.listing-carousel.owl-theme.outer .owl-controls .owl-next:hover::after,
.listing-carousel.owl-theme.outer .owl-controls .owl-prev:hover::before,
.slick-next:after,
.slick-prev:after {
  background-color: #f47d30;
}

.cluster div:before {
  border: 7px solid #f47d30;
  box-shadow: inset 0 0 0 4px #f47d30;
}

.mfp-arrow:hover {
  background: #f47d30;
}

.dropzone:hover {
  border: 2px dashed #f47d30;
}

.dropzone:before {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.95),
    rgba(255, 255, 255, 0.9)
  );
  background-color: #f47d30;
}

.chosen-container .chosen-results li.highlighted,
.chosen-container-multi .chosen-choices li.search-choice,
.select-options li:hover,
a.button,
a.button.border:hover,
button.button,
input[type='button'],
input[type='submit'] {
  background-color: #f47d30;
}

.dropzone:hover .dz-message,
.sort-by .chosen-container-single .chosen-default,
.sort-by .chosen-container-single .chosen-single div b:after {
  color: #f47d30;
}

a.button.border {
  border: 1px solid #f47d30;
}

.plan.featured .plan-price {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.1) 0,
    transparent
  );
  background-color: #f47d30;
}

.fp-accordion .accordion h3.ui-accordion-header-active,
.trigger.active a,
.ui-accordion .ui-accordion-header-active,
.ui-accordion .ui-accordion-header-active:hover {
  background-color: #f47d30;
  border-color: #f47d30;
}
.tabs-nav li a:hover,
.tabs-nav li.active a {
  border-color: #f47d30;
}
.style-3 .tabs-nav li a:hover,
.style-3 .tabs-nav li.active a {
  border-color: #f47d30;
  background-color: #f47d30;
}
.style-4 .tabs-nav li.active a,
.style-5 .tabs-nav li.active a,
table.basic-table th {
  background-color: #f47d30;
}
.info-box {
  border-top: 2px solid #f47d30;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.98),
    rgba(255, 255, 255, 0.95)
  );
  background-color: #f47d30;
}
.info-box.no-border {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.96),
    rgba(255, 255, 255, 0.93)
  );
  background-color: #f47d30;
}
.icon-box-1 .icon-container {
  background-color: #f47d30;
}
input[type='submit'] {
  line-height: 1px;
}
.submit-btn {
  margin-top: 20px;
}

.bayshore-listing-image,
.bayshore-agent {
  margin-bottom: 0;
  height: 270px;
  width: inherit;
  overflow: hidden;
}

.request-buttons.right-side a.request {
  background-color:   
  padding: 0;
  color: #fff;
  padding: 8px 20px;
  position: relative;
  top: 8px;
  border-radius: 25px;
  border: none;
  margin-right: 20px;
}
#select-listing-type .listing-type {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.listing-type {
  width: 50%;
  float: left;
  margin-bottom: 20px;
}
#select-listing-type .listing-type input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

.listing-type:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.listing-type input:checked ~ .checkmark {
  background-color: #2196f3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.listing-type input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.listing-type .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.listing-type label {
  display: block;
  float: left;
}
#location_map {
  height: 400px;
}

span#view-count {
  border-color: #99caca;
  padding: 5px 20px;
  border-radius: 20px;
  border: 1px solid;
  color: #a4e2e2;
  font-size: 0.8em !important;
  margin-bottom: 15px;
}
div.view-count {
  text-align: center;
}

.listing-content .listing-title h4.recently-added a {
  color: #2196f3;
  font-size: 1em;
  min-height: 70px;
  display: block;
}

#bookmarkLink {
  float: right;
}
a#bmark b i.fa-bookmark {
  font-weight: bold;
  color: #148c8c;
  font-size: 1.2em;
}
a#bmark span {
  position: relative;
  top: -10px;
  padding-right: 10px;
}
.widget-bookmark {
  position: relative;
  top: 5px;
  height: 41px;
  text-align: center;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block;
}

.header-widget.login {
  float: left;
  margin-left: 60px;
}

body,
html,
h1,
h2,
h3,
h4,
h5,
p,
b {
  font-family: 'Avenir-Book', 'Monserrat', Helvetica, Arial, sans-serif;
  color: '#717074';
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer * {
  font-family: 'Avenir-Book', 'Monserrat', Helvetica, Arial, sans-serif;
  color: #fff;
}
body > a {
  color: #f47d30;
}

#header,
#main,
.main,
#footer {
  /* background: #303030; */
  color: #fff;
}

#header.cloned.sticky {
  background: #303030;
  color: #fff;
}

#header.cloned.sticky #logo {
  margin-top: 20px;
}

#mc_embed_signup {
  background: #000;
  clear: left;
  font: 14px Helvetica, Arial, sans-serif;
  width: 100%;
}

#navigation ul a {
  color: #f47d30;;
}

main {
  background: #fff;
}