@import url('//fonts.googleapis.com/css?display=swap&family=Open+Sans:400,700');
@import url('//fonts.googleapis.com/css?display=swap&family=Playfair+Display:400');

body {
  font-family: 'Open Sans';
  font-weight: normal;
}

b, strong {
 font-weight: 700;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Playfair Display';
  font-weight: normal;
}

body {
  color: #565656;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #000000;
}

a {
  color: #a3a3a3;
}

a:hover {
  color: #777777;
}

#header,
body.scrolled #header,
#neighbourhoods-filter,
#trademarks-text,
#footer,
.page-section.section-agent-information,
.page-section.section-mortgage-calculator,
.login-register-forms button[type="submit"],
#users-sidebar,
.account-form .custom-checkbox input[type="radio"] + label:after,
.small-button,
.medium-button {
  background-color: #1e1e1e;
}

.user-modal .modal-dialog .modal-close,
#users-header,
.favorites-list .favorite-item .item-row .item-title,
.favorites-list .favorite-item .item-row .item-title a,
.small-button,
.medium-button,
.section-team-members .item-name,
.login-register-forms .form-tabs a {
  color: #1e1e1e;
}

.account-form .custom-checkbox input[type="radio"] + label:before,
.account-form .custom-checkbox input[type="checkbox"] + label:before {
  border-color: #1e1e1e;
}

body.navbar-always-filled #header {
  background-color: #000000 !important;
}


body,
.light-background {
  background-color: #eaeaea !important;
}

.page-section.section-two-columns,
.page-section.section-cta,
.page-section.section-image-and-text {
  background-color: #f2f2f2;
}

.button {
  background-color: #303030;
}

.button:hover,
.button:focus,
.button:active {
  background-color: #000000;
}

.button {
  color: #ffffff;
}

.home-evaluation-form .button .mf-icon-arrow-right {
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.4875 16.1974C28.5351 16.1251 28.5668 16.048 28.6083 15.9733C28.6633 15.8741 28.7231 15.7773 28.7671 15.6708C28.8086 15.5716 28.8306 15.4687 28.8611 15.3671C28.888 15.2777 28.9209 15.1919 28.9405 15.1001C29.0198 14.7033 29.0198 14.2967 28.9405 13.9011C28.9209 13.8081 28.888 13.7223 28.8611 13.6317C28.8306 13.5313 28.8086 13.4284 28.7671 13.3304C28.7231 13.2227 28.6633 13.1259 28.6083 13.0255C28.5656 12.9508 28.5351 12.8736 28.4875 12.8038C28.3739 12.6336 28.2469 12.4756 28.104 12.3323L16.7017 0.896453C15.5088 -0.298818 13.577 -0.298818 12.384 0.896453C11.1923 2.09172 11.1923 4.03036 12.384 5.22686L17.3574 10.2137L3.05266 11.4383C1.36637 11.4383 0 12.8087 0 14.5C0 16.1913 1.36637 17.5617 3.05266 17.5617L17.3574 18.7863L12.384 23.7744C11.1923 24.9696 11.1923 26.9083 12.384 28.1035C12.9811 28.7012 13.7614 29 14.5429 29C15.3244 29 16.1046 28.7012 16.7017 28.1035L28.104 16.6677C28.2469 16.5244 28.3739 16.3664 28.4875 16.1974Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.button:hover,
.button:focus,
.button:active {
  color: #ffffff;
}

.home-evaluation-form .button:hover .mf-icon-arrow-right {
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.4875 16.1974C28.5351 16.1251 28.5668 16.048 28.6083 15.9733C28.6633 15.8741 28.7231 15.7773 28.7671 15.6708C28.8086 15.5716 28.8306 15.4687 28.8611 15.3671C28.888 15.2777 28.9209 15.1919 28.9405 15.1001C29.0198 14.7033 29.0198 14.2967 28.9405 13.9011C28.9209 13.8081 28.888 13.7223 28.8611 13.6317C28.8306 13.5313 28.8086 13.4284 28.7671 13.3304C28.7231 13.2227 28.6633 13.1259 28.6083 13.0255C28.5656 12.9508 28.5351 12.8736 28.4875 12.8038C28.3739 12.6336 28.2469 12.4756 28.104 12.3323L16.7017 0.896453C15.5088 -0.298818 13.577 -0.298818 12.384 0.896453C11.1923 2.09172 11.1923 4.03036 12.384 5.22686L17.3574 10.2137L3.05266 11.4383C1.36637 11.4383 0 12.8087 0 14.5C0 16.1913 1.36637 17.5617 3.05266 17.5617L17.3574 18.7863L12.384 23.7744C11.1923 24.9696 11.1923 26.9083 12.384 28.1035C12.9811 28.7012 13.7614 29 14.5429 29C15.3244 29 16.1046 28.7012 16.7017 28.1035L28.104 16.6677C28.2469 16.5244 28.3739 16.3664 28.4875 16.1974Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.button-light,
.page-section.section-text-over-image .button,
.page-section.section-agent-information .button {
  background-color: #9b9b9b;
}

.button-light:hover,
.button-light:focus,
.button-light:active,
.page-section.section-text-over-image .button:hover,
.page-section.section-text-over-image .button:focus,
.page-section.section-text-over-image .button:active,
.page-section.section-agent-information .button:hover,
.page-section.section-agent-information .button:focus,
.page-section.section-agent-information .button:active {
  background-color: #8c8c8c;
}

.button-light,
.page-section.section-text-over-image .button,
.page-section.section-agent-information .button {
  color: #ffffff;
}

.mf-icon-search {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.37351 10.3706C4.37351 7.0636 7.06351 4.3736 10.3715 4.3736C13.6785 4.3736 16.3685 7.0636 16.3685 10.3706C16.3685 13.6776 13.6785 16.3686 10.3715 16.3686C7.06351 16.3686 4.37351 13.6776 4.37351 10.3706M23.6005 20.9516L19.4045 15.4486C20.2525 13.9456 20.7425 12.2156 20.7425 10.3706C20.7425 4.6516 16.0895 -0.000396729 10.3715 -0.000396729C4.65251 -0.000396729 -0.000488281 4.6516 -0.000488281 10.3706C-0.000488281 16.0896 4.65251 20.7416 10.3715 20.7416C11.9375 20.7416 13.4195 20.3826 14.7525 19.7566L20.5075 24.0436C20.9345 24.4706 21.4945 24.6836 22.0545 24.6836C22.6135 24.6836 23.1735 24.4706 23.6005 24.0436C24.4545 23.1896 24.4545 21.8046 23.6005 20.9516' fill='%23ffffff'/%3E%3C/svg%3E");
}

.button-light:hover,
.button-light:focus,
.button-light:active,
.page-section.section-text-over-image .button:hover,
.page-section.section-text-over-image .button:focus,
.page-section.section-text-over-image .button:active,
.page-section.section-agent-information .button:hover,
.page-section.section-agent-information .button:focus,
.page-section.section-agent-information .button:active {
  color: #ffffff;
}

.button:hover .mf-icon-search {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.37351 10.3706C4.37351 7.0636 7.06351 4.3736 10.3715 4.3736C13.6785 4.3736 16.3685 7.0636 16.3685 10.3706C16.3685 13.6776 13.6785 16.3686 10.3715 16.3686C7.06351 16.3686 4.37351 13.6776 4.37351 10.3706M23.6005 20.9516L19.4045 15.4486C20.2525 13.9456 20.7425 12.2156 20.7425 10.3706C20.7425 4.6516 16.0895 -0.000396729 10.3715 -0.000396729C4.65251 -0.000396729 -0.000488281 4.6516 -0.000488281 10.3706C-0.000488281 16.0896 4.65251 20.7416 10.3715 20.7416C11.9375 20.7416 13.4195 20.3826 14.7525 19.7566L20.5075 24.0436C20.9345 24.4706 21.4945 24.6836 22.0545 24.6836C22.6135 24.6836 23.1735 24.4706 23.6005 24.0436C24.4545 23.1896 24.4545 21.8046 23.6005 20.9516' fill='%23ffffff'/%3E%3C/svg%3E");
}
#logo a {
  max-height: 139.5px;
}
body.scrolled #logo a,
body.navbar-always-filled #logo a {
  max-height: 118px;
}

  #header {
    color: #ffffff;
  }

  #header .menu > li:not(.button) > a {
    color: #ffffff;
  }

  #header .menu > li.menu-item-has-children > a:after {
    background: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 7L0 0H10L5 7Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center;
  }

  #neighbourhoods-filter,
  #trademarks-text,
  #footer {
    color: #ffffff;
  }

  #neighbourhoods-filter a,
  #neighbourhoods-filter ul a,
  #trademarks-text a,
  #footer a {
    color: #ffffff;
  }

  #header .menu > li.menu-item-has-children > a:after {
    background: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 7L0 0H10L5 7Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center;
  }
