@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Open+Sans+Condensed:wght@300;700&family=Raleway:wght@300;400;600;700;800&display=swap');

/* ======================================
   JOE HARVEY REAL ESTATE TEAM
   Brand Colors:
   --gold:    #fef902  (logo yellow)
   --black:   #1A1A1A  (logo black)
   --charcoal:#2E2E2E
   --gray:    #6B6B6B
   --silver:  #A8A8A8
   --light:   #F4F4F4
   ====================================== */

:root {
  /* ============================================================
     TO CHANGE LINK/TEXT ACCENT COLOR — edit the two lines below
     Client yellow (current) : #fef902 / #c8a000
     Original gold (revert)  : #F5C800 / #C8A000
     ============================================================ */
  --gold:       #F5C800;
  --gold-dark:  #C8A000;
  --gold-light: #FFF3A0;
  --black:      #1A1A1A;
  --charcoal:   #2E2E2E;
  --gray:       #6B6B6B;
  --silver:     #A8A8A8;
  --light:      #F4F4F4;
  --lighter:    #FAFAFA;
  --white:      #FFFFFF;
  --shadow:     rgba(26,26,26,0.15);
}

* { box-sizing: border-box; }

a, input, button {
  -webkit-transition: all ease .25s;
  -moz-transition:    all ease .25s;
  -o-transition:      all ease .25s;
  transition:         all ease .25s;
}

body {
  font-family: 'Open Sans', Calibri, sans-serif;
  background: #fff;
  color: #555;
  line-height: 1.6;
}

/* ---- Typography ---- */
a { color: #F5C800; } /* CLIENT YELLOW — was: #c8a000 (gold) */
a:hover { color: var(--black); text-decoration: none; }
/* ---- Dark link override class ----------------------------------------
   Usage: <a href="..." class="link-dark">text</a>
   Apply to any anchor to force black text, grey on hover.
   Useful for nav items, card titles, or any link on a light background
   where the gold/yellow default is hard to read.
----------------------------------------------------------------------- */
a.link-dark,
a.link-dark:visited {
  color: #000000;
  text-decoration: none;
}
a.link-dark:hover,
a.link-dark:focus {
  color: #7E7E7E;
  text-decoration: none;
}


hr { border-color: #ddd; margin: 12px 0; }

h1, h2, h3, h4, h5 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}
h1 { font-size: 48px; color: #fff; }
h2 { font-size: 30px; color: #2E2E2E; text-transform: uppercase; letter-spacing: 1px; }
h2 small { text-transform: none; color: #555; font-weight: 400; }
h3 { font-size: 24px; color: #2E2E2E; }
h3 a { color: #2E2E2E; }
h3 a:hover { color: #c8a000; text-decoration: none; } /* CLIENT YELLOW — was: #c8a000 */
h4 { font-size: 18px; color: #1A1A1A; margin-bottom: 4px; margin-top: 10px; }
h4 a { color: #1A1A1A; }
h4 a:hover { text-decoration: none; color: #c8a000; } /* CLIENT YELLOW — was: #c8a000 */
h5 { font-size: 14px; color: #2E2E2E; margin-bottom: 5px; margin-top: 10px; }

blockquote {
  min-height: 140px;
  border-left: 3px solid #fef902;
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,0.5);
  background: rgba(0,0,0,0.35);
  font-size: 14px;
  font-weight: normal !important;
  border-radius: 0 4px 4px 0;
}

.clr { clear: both; content: ''; display: table; }
.descr { color: #3E3E3E; font-size: 14px; font-family: 'Raleway', sans-serif; }
.cap { text-transform: capitalize; }

.header-toolbar-container {
  margin-top: 98px;
  width: 100%;
  background-color: #F0F0F0;
  border-bottom: 2px solid #fef902;
  height: 32px;
}
.header-toolbar-centering { margin: 0 auto; max-width: 1170px; }
.container h1 { font-size: 28px; color: var(--gray); }
.breadcrumb { background: none; padding: 6px 0; }
.breadcrumb {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}
.breadcrumb li { text-transform: lowercase; display: inline; }
.breadcrumb > li + li::before { color: #000000; } /* CLIENT YELLOW — was: #c8a000 */
.no-display { display: none; }
.sub-page { padding-bottom: 100px; min-height: 48vh; }
.separator { padding-bottom: 20px; }

/* ---- Forms ---- */
.form-control,
.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 3px;
}
.form-control:focus { border-color: #fef902; }

.checkbox { padding-top: 8px; padding-left: 20px; }
.checkbox label {
  width: 100%;
  font-weight: bold;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 4px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 16px; height: 16px;
  left: 0; margin-left: -20px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
  transition: border .15s ease-in-out, color .15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 15px; height: 15px;
  left: 0; top: -1px;
  margin-left: -20px;
  padding-left: 2px;
  padding-top: 0;
  font-size: 11px;
  color: #555;
}
.checkbox input[type="checkbox"] { opacity: 0; z-index: 1; }
.checkbox input[type="checkbox"]:checked + label::after {
  font-family: 'Glyphicons Halflings';
  content: "\e013";
}
.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before { background-color: #eee; cursor: not-allowed; }
.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #fef902;
  border-color: #c8a000;
}
.checkbox-info input[type="checkbox"]:checked + label::after { color: var(--black); }

.radio { padding-left: 20px; }
.radio label {
  font-weight: bold;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px; padding-right: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px; height: 17px;
  left: 0; margin-left: -20px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  transition: border .15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px; height: 11px;
  left: 3px; top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #fef902;
  transform: scale(0,0);
  transition: transform .1s cubic-bezier(.8,-.33,.2,1.33);
}
.radio input[type="radio"] { opacity: 0; z-index: 1; }
.radio input[type="radio"]:checked + label::after { transform: scale(1,1); }
.radio input[type="radio"]:disabled + label { opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before { cursor: not-allowed; }
.radio-info input[type="radio"] + label::after { background-color: #fef902; }
.radio-info input[type="radio"]:checked + label::before { border-color: #c8a000; }
.radio-info input[type="radio"]:checked + label::after { background-color: #fef902; }

/* ---- Buttons ---- */
.btn {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 3px;
}
.btn:hover { color: #fff !important; }

.btn-primary,
.btn-primary:focus,
.btn-primary:active {
  background-color: #fef902;
  border-color: #c8a000;
  font-size: 14px;
  font-weight: 700;
  outline: none;
  color: #1A1A1A;
  text-transform: none;
}
.btn-primary:hover {
  background-color: #1A1A1A;
  border-color: #1A1A1A;
  color: #fef902 !important;
}
button.btn-primary:focus { outline: none; }

.btn-success,
.btn-success:active,
.btn-success:focus {
  background-color: #fef902;
  border-color: #c8a000;
  color: #1A1A1A;
  text-transform: none;
  outline: none;
  font-size: 14px;
  width: 120px; height: 40px;
  line-height: 40px;
  padding: 0; margin-top: 10px;
}
.btn-success:hover {
  background-color: #1A1A1A;
  border-color: #1A1A1A;
  color: #fef902 !important;
}

.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background-color: transparent;
  border-color: #ddd;
  font-size: 14px;
  font-weight: 600;
  color: var(--gray);
  text-transform: none;
}
.btn-default,
.btn-default:hover,
.btn-default:focus {
  font-size: 18px;
  color: var(--black);
  border-color: #ddd;
  background: var(--light);
}

.btn-info-blue {
  background-color: #fef902;
  color: #1A1A1A;
}
.btn-info-blue:hover {
  background-color: #1A1A1A;
  color: #fef902 !important;
}

/* ---- Header & Navigation ---- */
header { background-color: var(--black); }

.dropdown-menu, .well { border-radius: 0; }
.dropdown-menu { padding: 0; border: 0; box-shadow: 0 4px 12px var(--shadow); }
.dropdown-menu > li > a { padding-left: 15px; padding-right: 15px; font-weight: 600; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: #2E2E2E;
  color: #fef902;
}

.nav-tabs { border-color: #ddd; }
.nav-tabs > li > a { border-radius: 0; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-color: #ddd;
  color: var(--black);
  background: var(--light);
}
.tab-content > .tab-pane { padding: 15px 0; }

.nav-pills > li > a { background: var(--light); color: var(--charcoal); }
.nav-pills > li > a { margin: 0 2px; }
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { background: var(--black); }
.nav-pills > li.active > a:after {
  top: 100%; left: 50%;
  border: solid transparent;
  content: " "; height: 0; width: 0;
  position: absolute; pointer-events: none;
  border-color: rgba(26,26,26,0);
  border-top-color: var(--black);
  border-width: 10px; margin-left: -10px;
}

/* Top menu */
.top-menu {
  font-size: 14px;
  position: fixed;
  margin: 0;
  font-family: 'Open Sans Condensed', 'Open Sans', sans-serif;
  font-weight: 700;
  padding: 12px 0;
  background-color: rgba(26, 26, 26, 0.97);
  border-bottom: 3px solid #fef902;
  -webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.4);
  box-shadow: 0 4px 16px rgba(0,0,0,0.4);
}
.top-menu .navbar-header { color: #fff; margin-left: 0; margin-right: 0; }
.top-menu .navbar-brand { color: #fff; font-size: 32px; height: auto; line-height: 50px; padding: 0; }
.top-menu .navbar-brand i { color: #fef902; }
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus { color: #fef902; }

.top-menu,
.top-menu .logo,
.header-toolbar-container,
.breadcrumb-container,
.search-bar-address,
.search-bar-overview,
.search-bar-request {
  -webkit-transition: all 0.5s;
  -moz-transition:    all 0.5s;
  transition:         all 0.5s;
}

.top-menu .navbar-nav > li > a { color: #1A1A1A; background-color: #fef902; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 2px; border-radius: 3px; }
.top-menu .navbar-nav > li > a:hover,
.top-menu .navbar-nav > li > a.current,
.top-menu .navbar-nav > .active > a,
.top-menu .navbar-nav > .active > a:hover,
.top-menu .navbar-nav > .active > a:focus,
.top-menu .navbar-nav > .open > a,
.top-menu .navbar-nav > .open > a:hover,
.top-menu .navbar-nav > .open > a:focus,
.top-menu .navbar-nav .open .dropdown-menu > li > a:hover,
.top-menu .navbar-nav .open .dropdown-menu > li > a:focus {
  background: #2E2E2E;
  color: #fef902;
}
.top-menu .navbar-toggle {
  border-color: #fef902;
  margin-right: 0; height: 35px; width: 45px;
  margin-left: 10px;
  background: transparent;
}
.top-menu .navbar-toggle .icon-bar { background: #fef902; }
.top-menu .navbar-toggle:hover,
.top-menu .navbar-toggle:focus { background: #fef902; border-color: #fef902; }
.top-menu .navbar-toggle:hover .icon-bar { background: var(--black); }
.top-menu .navbar-toggle { color: #fef902; font-size: 15px; }
.top-menu .navbar-right .dropdown-menu { left: 0; }
.top-menu .navbar-collapse, .top-menu .navbar-form { border-color: #fef902; }
.top-menu > .container .navbar-brand,
.top-menu > .container-fluid .navbar-brand { margin: 0; }
.top-menu > .container { width: 98%; max-width: 1160px; }

.logo2 { width: 200px; }

/* Mega dropdowns */
.dropdown-large { position: fixed; }
.dropdown-menu-large {
  margin-left: 16px; margin-right: 16px;
  padding: 20px;
}
.dropdown-menu-large > li > ul { padding: 0; margin: 0; }
.dropdown-menu-large > li > ul > li {
  list-style-type: square;
  font-size: 12px;
  margin-left: 20px;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  font-size: 12px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  line-height: 1.4;
  color: #333;
  white-space: normal;
  margin-left: -20px;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #fef902;
  background-color: #2E2E2E;
}
.dropdown-menu-large .dropdown-header {
  color: #000000;
  font-size: 16px;
  margin-left: -20px;
  font-weight: 800;
  letter-spacing: 0.5px;
}
.dropdown-menu-large .nearbyhomes { display: none; }
.icon-list { list-style-type: none !important; }
.icon-list > a { padding-left: 6px !important; }
.blue { color: #c8a000; margin-right: 8px; }

.dropdown-menu-search  { width: 280px; margin-left: -20px; border-top: 3px solid #fef902; }
.dropdown-menu-tools   { width: 260px; margin-left: -20px; border-top: 3px solid #fef902; }
.dropdown-menu-more    { width: 250px; margin-left: -120px; border-top: 3px solid #fef902; }
.dropdown-menu-search > .col-sm-3 { width: 100%; }
.dropdown-menu-tools  > .col-sm-3 { width: 100%; }
.dropdown-menu-more   > .col-sm-3 { width: 100%; }
.menu-close { display: none; }

/* ---- Editable Page Images ---- */
.edit-page img { max-width: 100%; height: auto; padding: 10px; }
@media screen and (max-width: 560px) {
  .edit-page img { width: 100%; padding: 10px 0; }
}

/* ---- Carousel ---- */
.carousel-indicators li {
  width: 12px; height: 12px;
  margin: 0 4px;
  border-color: #fef902;
  border-radius: 50%;
}
.carousel-indicators .active {
  background-color: #fef902;
  width: 14px; height: 14px;
  margin: 0 4px;
  border-color: #c8a000;
}
.carousel .btn-default {
  width: 230px;
  background: rgba(245,200,0,0.9);
  height: 54px;
  margin: 30px 5px;
  color: var(--black);
  line-height: 54px;
  font-family: 'Raleway', sans-serif;
  text-transform: none;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  border: none;
  border-radius: 3px;
}
.carousel-caption {
  position: absolute;
  top: 50%;
  margin-top: -140px;
  height: 280px;
  font-size: 18px;
  font-family: 'Raleway', sans-serif;
  color: #f9f9f9;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.7);
}
.carousel-caption h1 {
  font-size: 36px;
  line-height: 40px;
  font-family: 'Raleway', sans-serif;
  color: #fff;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.8);
}
.carousel-control { background: none; opacity: 1; -moz-opacity: 1; }
.carousel-control .carousel-control-left {
  background: url('../images/slider/prev.png') no-repeat;
  width: 70px; height: 71px;
  position: absolute; top: 50%; margin-top: -35px;
}
.carousel-control .carousel-control-right {
  background: url('../images/slider/next.png') no-repeat;
  width: 70px; height: 71px;
  position: absolute; top: 50%; margin-top: -35px;
}

/* ---- Main Container ---- */
.main__middle__container .row ul,
.main__middle__container .row ol { padding-left: 20px; }
.main__middle__container { width: 100%; }
.row { padding: 75px 0; }

p.big-paragraph {
  font-size: 18px;
  color: #bde0ff;
  font-family: 'Raleway', sans-serif;
}

/* ---- About Us ---- */
.about-us { margin-top: 70px; }
.about-us img { margin: 20px 0; width: 100%; border-radius: 4px; }
.about-us .btn { margin-top: 20px; }

.orange { color: #fef902; padding: 0 0 10px 0; }
.black-text { color: #2E2E2E; }

/* ---- Text Line ---- */
.text__line {
  background: url('../images/image_1962x231.jpg') no-repeat;
  background-size: 100% 100%;
  padding: 70px 0;
}
.text__line h2 { color: #fff; text-transform: none; line-height: 40px; }

/* ---- Icon Heading ---- */
.icon__heading { position: relative; margin-top: 40px; height: 30px; }
.icon__heading span {
  padding: 0 20px;
  position: relative;
  bottom: 50px;
  display: inline-block;
}

/* ---- Three Blocks ---- */
.three-blocks {
  background: url('../images/pattern_white.png') repeat;
  padding-top: 70px;
}
.three-blocks h3 { padding: 15px 0 15px 55px; background: url('../images/icons/icon2.png') no-repeat left center; }
.three-blocks .col-md-4:first-child h3 { background: url('../images/icons/icon1.png') no-repeat left center; }
.three-blocks .col-md-4:last-child h3  { background: url('../images/icons/icon3.png') no-repeat left center; }
.three-blocks img { width: 100%; margin: 20px 0; border-radius: 4px; }
.three-blocks .btn { margin-top: 20px; }
.three-blocks .icon__heading span { background: url('../images/pattern_white.png') repeat; }

/* ---- Testimonials ---- */
.testimonials {
  background: url('../images/image_1962x374.jpg') no-repeat;
  background-size: 100% 100%;
  font-family: 'Raleway', sans-serif;
  width: 100%; margin: 0;
  padding: 70px 0 30px;
}
.testimonials h2 { color: #fff; }
.testimonials p { color: #fff; font-weight: 300; padding-top: 20px; font-size: 18px; }
.testimonials p a { font-size: 12px; position: relative; bottom: 15px; }
.testimonials p.description {
  padding-top: 0; margin-top: -5px;
  color: #fffb8a; font-size: 12px;
}
.testimonials .carousel { padding-bottom: 70px; }

/* ---- Recent Posts ---- */
.recent-posts { padding-top: 70px; }
.recent-posts .icon__heading span { bottom: 43px; }
.recent-posts .text p { margin-bottom: 15px; padding-bottom: 0; }
.recent-posts .text p small {
  text-transform: none; color: #c2c2c2;
  font-size: 12px; font-family: 'Open Sans', sans-serif;
}
.recent-posts .btn {
  font-family: 'Open Sans', sans-serif;
  color: #434a4a; font-size: 14px; text-transform: none;
  padding: 0; box-shadow: none !important;
}
.recent-posts .btn:hover { color: #c8a000; }
.recent-posts .col-md-9 .text { float: left; width: 69%; margin-left: 2%; }
.recent-posts .col-md-9 .text h3 { margin: 5px 0 0; }
.recent-posts .col-md-9 article { margin-bottom: 50px; }
.recent-posts .col-md-3 h4 { text-transform: none; }
.recent-posts .col-md-3 p { font-family: 'Open Sans', sans-serif; font-size: 12px; margin-bottom: 20px; }

/* ---- Social Icons ---- */
.socialicon {
  position: relative; display: inline-block;
  width: 44px; margin-right: 5px; height: 44px;
}
.socialicon-twitter  { background: url('../images/social/twitter.png') no-repeat; }
.socialicon-facebook { background: url('../images/social/facebook.png') no-repeat; }
.socialicon-google   { background: url('../images/social/google.png') no-repeat; }
.socialicon-linkedin { background: url('../images/social/linkedin.png') no-repeat; }

/* ---- Aside ---- */
aside h3 { border-top: 2px solid #fef902; margin-bottom: 20px; }
aside h3 span { position: relative; bottom: 11px; padding-right: 30px; background: #fff; }
aside img { width: 100%; margin-bottom: 10px; border-radius: 4px; }
aside ul li { border-bottom: 1px solid #eee; padding: 10px 0; }
aside ul li:last-child { border-bottom: none; }
aside a.btn { margin: 20px 0 40px; }

/* ---- Main Content ---- */
.main-content h3 { border-top: 2px solid #fef902; margin-bottom: 20px; }
.main-content h3 span { position: relative; bottom: 11px; padding-right: 30px; background: #fff; }


/* ---- Search Page Submit Button ---- */
.btn-search-submit {
  display: inline-block;
  background-color: #fef902;
  border-color: #c8a000;
  border-style: solid;
  border-width: 1px;
  color: #1A1A1A !important;
  font-weight: 700;
  font-size: 15px;
  padding: 8px 20px;
  border-radius: 4px;
  margin-top: 10px;
  cursor: pointer;
  text-transform: none;
  transition: all 0.25s;
}
.btn-search-submit:hover {
  background-color: #1A1A1A;
  border-color: #1A1A1A;
  color: #fef902 !important;
}
/* ---- Search form header row (heading + button on same line) ---- */
.search-form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 12px;
  gap: 8px;
}
.search-form-header h4 { margin: 0; }
.search-form-header .btn-search-submit { margin-top: 0; }

/* ---- Footer ---- */
#footerArea {
  padding: 0; overflow: hidden; width: 100%;
  background: #2A2A2A;
}
#footerArea .footer_top {
  padding: 35px 0;
  border-bottom: 3px solid #fef902;
  width: 100%;
  background: #1A1A1A;
}
#footerArea h3 { font-size: 22px; color: #E8E8E8; }
#footerArea h4 {
  color: #fef902;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  border-bottom: 1px solid #444;
  padding-bottom: 10px;
  margin-bottom: 12px;
  margin-top: 30px;
}
#footerArea a { color: #D0D0D0; font-size: 13px; }
#footerArea p { padding: 10px 0; margin: 0; color: #C0C0C0; float: left; font-size: 13px; line-height: 18px; }
#footerArea p a { display: inline; }
#footerArea a:hover { color: #fef902; }
#footerArea h5 { color: #888; font-size: 14px; font-weight: 700; }

.footer_bottom { background: #111; padding: 10px 0; }
.footer_bottom p { color: #888 !important; }
.footer_bottom a { color: #aaa !important; }
.footer_bottom a:hover { color: #fef902 !important; }

.footer_top .button {
  background-color: #fef902;
  border: none; color: var(--black);
  padding: 8px 15px; text-align: center;
  text-decoration: none; font-size: 16px;
  margin: 0; cursor: pointer; font-weight: 700;
  border-radius: 3px;
}

/* ---- Widgets ---- */
.widget { margin-top: 0; margin-bottom: 0; }
.widget ul, .widget ol { margin: 0; padding: 0; }
.widget.menu ul li { border-bottom: 1px solid #333; white-space: nowrap; overflow: hidden; }
.widget.menu ul li a { display: block; padding: 7px 0; color: #CCC; }
.widget.menu ul li i { padding-right: 5px; }
.widget.menu ul li a:hover { padding-left: 8px; background: #333; color: #fef902; }
.widget.tags ul { width: 100%; overflow: hidden; list-style: none; }
.widget.tags ul li { list-style: none; margin: 0 5px 6px 0; padding: 0; float: left; }
.tags > .btn { background-color: #333 !important; }
.btn-tags {
  display: inline-block; padding: 5px 10px;
  border: 1px solid #444;
  text-decoration: none;
  box-shadow: none;
  transition: 0.25s;
  color: #CCC !important;
  background: #333;
  border-radius: 3px;
  font-size: 12px;
}
.btn-tags:hover { border-color: #fef902; color: #fef902 !important; background: #2A2A2A; }
.btn-tags h5 { margin: 0; padding: 0; font-size: 12px; color: inherit; font-weight: 600; }
.btn-tags:hover h5 { color: #fef902 !important; }
.widget .last { text-align: right; border: none !important; }

/* ---- Footer extras ---- */
#scroll { float: right; font-size: 40px; color: #fef902; cursor: pointer; }
#scroll:hover { color: #c8a000; }
.disclaimers { display: block; }
.break-line-here { display: inline-block; }

.social a {
  font-size: 18px !important; color: #1A1A1A;
  line-height: 40px; height: 40px; width: 40px;
  margin: 8px 5px 0 0; text-align: center;
  background: #fef902; display: inline-block;
  border-radius: 3px;
}
.social a i { color: #1A1A1A; }
.social a:hover { color: #fef902 !important; background: #1A1A1A; }
.social a:hover i { color: #fef902; }
.location { color: #C0C0C0; margin-bottom: 30px; }

.agent-photo {
  background-repeat: no-repeat;
  border: 3px solid #fef902;
  width: 100px; height: 100px;
  display: inline-block;
  margin: 10px 15px;
  vertical-align: top;
  background-size: 100px auto !important;
  border-radius: 50%;
  box-shadow: 0 2px 8px var(--shadow);
}
.agent-photo-footer {
  border: 3px solid #fef902;
  background-repeat: no-repeat;
  width: 100px; height: 100px;
  display: inline-block;
  margin: 10px 15px;
  vertical-align: top;
  background-size: 100px auto !important;
  border-radius: 50%;
}
.agent-contact { color: #ddd; font-size: 16px; vertical-align: middle; }
.agent-contact h3 { color: #fef902; font-size: 18px; margin: 0 !important; }

/* ---- Utilities ---- */
.img-responsive { margin: 0 auto; }
.no-margin { margin: 0; }
.no_padding { padding: 25px 0; }
#feedback { color: #2a7a0a; }
#feedback ul { padding-left: 0; }
#feedback ul li { list-style: none; }

/* ---- Carousel Fade ---- */
.carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }

/* ---- Columns ---- */
.one_half_pad   { width: 44% }
.one_third_pad  { width: 27% }
.one_fourth_pad { width: 19% }
.one_fifth_pad  { width: 14% }
.one_sixth_pad  { width: 10.5% }
.two_fifth_pad  { width: 37% }
.two_third_pad  { width: 60% }
.two_fourth_pad { width: 43% }
.three_fifth_pad  { width: 58.4% }
.three_fourth_pad { width: 74% }
.four_fifth_pad   { width: 67.2% }
.five_sixth_pad   { width: 82.67% }
.one_half_pad, .one_third_pad, .two_third_pad, .three_fourth_pad, .one_fourth_pad, .one_fifth_pad,
.two_fifth_pad, .two_fourth_pad, .three_fifth_pad, .four_fifth_pad, .one_sixth_pad, .five_sixth_pad {
  float: left; margin-bottom: 20px; margin-left: 3%; margin-right: 3%; position: relative;
}
.one_half   { width: 48% }
.one_third  { width: 30.5% }
.one_fourth { width: 22% }
.one_fifth  { width: 16.8% }
.one_sixth  { width: 13.33% }
.two_fifth  { width: 37.6% }
.two_third  { width: 65.33% }
.two_fourth { width: 48% }
.three_fifth  { width: 58.4% }
.three_fourth { width: 74% }
.four_fifth   { width: 67.2% }
.five_sixth   { width: 82.67% }
.one_half, .one_third, .two_third, .two_fourth, .three_fourth, .one_fourth, .one_fifth,
.two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
  float: left; margin-bottom: 10px; margin-right: 4%; position: relative;
}
.column-last { clear: right; margin-right: 0 !important; }
.dc_tabs_type_2 .one_third { width: 29% }
.clr { clear: both; margin: 0; padding: 0; width: 100% }
.dc_clear { clear: both; font-size: 0; line-height: 0; margin: 0; padding: 0; width: 100% }

/* ======================================
   RESPONSIVE BREAKPOINTS
   ====================================== */
@media only screen and (min-width: 1225px) {
  .top-menu.tiny { padding: 5px 0; position: fixed; }
  .top-menu img  { height: 90px; position: absolute; top: 4px; z-index: 10; }
  .top-menu.tiny img { height: 60px; }
}
@media only screen and (min-width: 960px) and (max-width: 1224px) {
  .navbar .navbar-brand { font-size: 28px; }
  .nav > li > a { padding-left: 10px; padding-right: 10px; }
  .top-menu { padding: 5px 15px; position: fixed; }
  .top-menu img { height: 72px; position: absolute; top: 4px; z-index: 10; }
  .header-toolbar-container { margin-top: 78px; }
  .slider { margin-top: 80px; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .navbar .navbar-brand { font-size: 24px; }
  .navbar-nav > li > a { padding-left: 8px; padding-right: 8px; font-size: 12px; }
  .top-menu { padding: 5px 15px; position: fixed; }
  .top-menu img { height: 64px; position: absolute; top: 4px; z-index: 10; }
  .header-toolbar-centering { margin: 0 10px; max-width: 1150px; }
  .header-toolbar-container { margin-top: 58px; }
  .slider { margin-top: 60px; }
}
@media(max-width: 1600px) {
  .carousel-caption h1 { font-size: 40px; line-height: 40px; }
}
@media(max-width: 1310px) {
  .carousel-caption { top: 50%; margin-top: -145px; height: 290px; }
  .carousel-caption h1 { font-size: 30px; line-height: 30px; }
}
@media(max-width: 1200px) {
  .recent-posts .col-md-9 article img.pull-left { max-width: 43%; }
  .recent-posts .col-md-9 .text { width: 55%; }
  .navbar-default .navbar-nav > li > a { padding: 30px 18px; }
}
@media(max-width: 990px) {
  .carousel-caption { top: 50%; margin-top: -100px; height: 200px; font-size: 14px; line-height: 14px; }
  .carousel-caption h1 { font-size: 20px; line-height: 20px; }
  .carousel-caption .btn { display: none; }
  .navbar-default .navbar-nav > li > a { padding: 30px 10px; font-size: 12px; line-height: 20px; }
  .logo { height: 60px; margin-top: 10px; }
  p.big-paragraph { font-size: 14px; }
}
@media screen and (max-width: 992px) {
  .logo { margin: 5px; }
  .top-menu img { height: 80px; }
}
@media screen and (max-width: 800px) {
  .navbar-nav > .home-nav { display: none; }
}
@media(max-width: 768px) {
  button.navbar-toggle { display: none; }
  .dropdown.open:hover .dropdown-menu { display: block; }
  .navbar-default .navbar-nav .open .dropdown-menu > li { border: none; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #555; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus { color: #fff; background-color: transparent; }
  .service-icons { text-align: center; }
  .service-icons img { float: none; margin: 20px auto; }
  .service-icons p { padding: 20px 0 10px; margin-bottom: 0; }
  .service-icons p.orange { color: #fef902; padding: 0 0 10px; }
  .recent-posts .col-md-8 .text { float: left; width: 99%; }
  header.with-boxed { height: auto; }
  .navbar-toggle { display: block; }
}
@media(max-width: 767px) {
  button.navbar-toggle { display: block; }
  .carousel-caption { display: none; }
  .logo { height: 68px; margin-top: 0; }
  h2 { font-size: 22px; }
}
@media screen and (max-width: 767px) {
  h1 { font-size: 30px; }
  .navbar { padding: 0; }
  .header-toolbar-container { display: none; }
  .top-menu { position: absolute; }
  .top-menu .navbar-collapse {
    border-color: #fef902;
    background-color: var(--black);
    min-height: 0;
    font-size: 16px;
  }
  .top-menu .navbar-nav > li > a {
    color: #E8E8E8;
    border: 1px solid #333;
    margin: 4px 12px;
    padding: 8px 10px;
    background-color: #222;
    border-radius: 3px;
  }
  .top-menu .navbar-nav > li > a:hover { background: #2E2E2E; color: #fef902; }
  .dropdown-menu-search { width: 100%; margin: 0; border: 0; }
  .top-menu img { margin-top: 0; }
  .dropdown-menu-tools { width: 100%; margin: 0; border: 0; }
  .dropdown-menu-more { width: 100%; margin: 0; border: 0; }
  .dropdown-menu-large { padding: 0 10px; }
  .dropdown-menu-search > .col-sm-3 { width: 100%; }
  .dropdown-menu-large .nearbyhomes { display: block; }
  .dropdown-menu-large > li > ul > li { margin: 4px 20px; width: 100%; list-style-type: none; }
  .dropdown-menu-large > li > ul > li > a {
    padding: 8px 10px;
    font-size: 15px; width: 100%;
    border: 1px solid #444;
    border-radius: 3px;
    color: #CCC;
  }
  .dropdown-menu-large > li > ul > li > a:hover { background: #2E2E2E; color: #fef902; }
  .divider { display: none; }
  .menu-close { display: block; font-weight: bold; margin: 0 3px; float: right; color: #fef902; }
  .sub-page { margin-top: 58px; }
  .slider { margin-top: 52px; }
}
@media screen and (max-width: 560px) {
  h1 { font-size: 24px; }
}
@media only screen and (max-width: 480px) {
  .container h1 { font-size: 20px; }
  footer .copy { font-size: 11px; }
  .logo2 { width: 100%; }
}
@media only screen and (max-width: 370px) {
  .top-menu img { height: 26px; margin-top: 2px; }
}

/* ---- Carousel inner img ---- */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { min-width: 100%; height: auto; }

/* ---- Pull overrides ---- */
.pull-left  { float: none !important; }
.pull-right { float: none !important; }
.recent-posts .col-md-9 article img.pull-left { max-width: 100%; }
.recent-posts .col-md-9 .text { text-align: center; width: auto; padding-top: 10px; }

.slider { overflow: hidden; max-width: 100%; }
.main__middle__container { overflow: hidden; max-width: 100%; }
footer { overflow: hidden; max-width: 100%; padding-top: 0; }
.row { padding: 25px 0; }
.carousel-control .carousel-control-right,
.carousel-control .carousel-control-left { margin-top: -30px; }

/* ---- Responsive mid ---- */
@media(min-width: 768px) and (max-width: 991px) {
  h2 { font-size: 22px; }
  .recent-posts .col-md-9 .text h3 { margin-top: 0; }
  .recent-posts .col-md-3 .icon-item img { max-width: 100%; }
}