/* General Styles
----------------- */

html {
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  font-family: Verdana, Helvetica, sans-serif;
}
body {
  padding: 0;
  margin: 0;
  color: #000
}
a {
  color: #3354B7
}
input {
  color: #333
}
a:hover {
  cursor: pointer;
  text-decoration: none;
}
img {
  border: none;
}
#content {
  padding-left: 1em;
}
#info {
  font-size: 60%;
}

/* Fonts
----------------- */

body,
.property-form,
.instant-value, .instant-value__triangle,
.login {
  font-family: 'IBM Plex Sans', 'Open Sans', sans-serif;
}

.button__label, .button--rating {
  font-family: 'IBM Plex Sans', Verdana, Helvetica, sans-serif;
}

.property-form__title,
.instant-value__header__title {
  font-size: 2.5em;
}

.market-estimate__prediction-text {
  font-size: 2.2em;
}

.property-form__title-step {
  display: inline;
  font-size: 1.7em;
}

.instant-value__subtitle, .market-estimate__title {
  font-size: 1.7em;
}

.property-form__label, .property-form__input, .property-form__alert,
.instant-value__comps-alert, .instant-value__header__link, .market-comps__label,
.button--uppercase, .no-comps__alert
.login__input, .login__forgot {
  font-size: 1.2em;
}

.table--stacked,
.instant-value__triangle, .instant-value__disclaimer-message {
  font-size: 1.15em;
}

.comparable-sales__details__title, .comparable-sales__details__title--rating {
  font-size: 0.95em;
}

.button__label,
tr.comparable-sales__details {
  font-size: 0.85em;
}

.property-form__title-total {
  font-size: 0.6em;
}

#square-footage-result,
.instant-value__disclaimer-title,
.comparable-sales__details__title--rating {
  font-weight: bold;
}

/* Background
----------------- */

.background--white {
  background-color: #ffffff;
}

.background--colored {
  background-color: #C3D2FF;
}

.comparable-sales__details {
  background-color: #E9EDFA;
}

.market-estimate {
  background-color: #f2f2f2;
}

.instant-value__comps-alert {
  background-color: #c3d2ff;
}

.background--mine-shaft {
  background-color: #000000;
}

.background--mercury {
  background-color: #e5e3e3;
}

.background--athens-gray {
  background-color: #f1f1f2;
}

/* Color text
----------------- */

.property-form__title,
.instant-value a, .instant-value__header__link {
  color: #1B50EA;
}

.info-scroll {
  text-align: center;
}

.info-scroll__text {
  font-size: 12px;
  color: #1B50EA;
}

.info-scroll__arrow-down {
  font-size: 24px;
}

.property-form__title-total,
.comparable-sales-details table > thead,
.login__icon, .login__title, .login__forgot a {
  color: #b3b3b3;
}

.market-estimate__title {
  color: #000000;
}

.market-details__data, .market-estimate__prediction-text {
  color: #000000;
}

.market-details__title {
  color: #333333;
}

.instant-value__comps-alert {
  color: #4d4d4d;
}

.button--triangle {
  color: #ffffff;
}

/* Border
----------------- */

.button--border {
  border: 1px solid #58585B;
}

.button--border--gray {
  border: 1px solid #e5e3e3;
}

.comparable-sales__details__value, .button--more {
  border: 2px solid #999999;
}

.button--triangle {
  border: 2px solid #ffffff;
}

/* Navigation
----------------- */

.navbar--instant-value {
  margin-bottom: 0;
}

.navbar-header {
  padding: 1.5% 0;
}

.navbar-brand {
  padding: 0;
  height: auto;
}

.navbar-brand > img {
  max-height: 40px;
}

.navbar-header > a{
  float: left;
}

/* Instant Value Forms
----------------- */

.property-form {
  margin-top: 2.5em;
}

.property-form__input {
  border: 1px solid #777777;
  width: 100%;
  padding: 1.5em 1em;
}

.property-form__form {
  margin-top: 1em;
}

/* Buttons
----------------- */

.button {
  width: 100%;
  height: 50px;
  border-radius: 0;
  box-shadow: 0 2px 4px 0 #000000;
}

.button--circle {
  border-radius: 50%;
}

.button--rating, .button--terrace {
  background: #ffffff;
}

.button--colored {
  background: #1B50EA;
  color: #f0f0f0;
}

.button--colored:hover, .button--colored:focus {
  background: #1B50EA;
  color: #EDBD35;
}

.button--uppercase {
  text-transform: uppercase;
}

.button--is-selected {
  background-color: #DDDDDD;
  color: #000000;
}

.button--share {
  padding: 0.5em;
  margin: 0.2em 0;
}

.button--share__icon i {
  font-size: 80%;
  margin-right: 5px;
}

.button--more {
  font-size: 1em;
  margin: 0.1em 0;
  padding: 0.1em 0.4em;
  width: auto;
  color: #1B50EA;
}

.button--triangle {
  padding: 0.6em 0.8em;
  width: auto;
}

.button--details {
  font-size: 2.5em;
  float: right;
  padding: 0 0.4em;
  margin: -0.3em 0;
  width: auto;
}

.button--rating, .button__label {
  float: left;
  display: inline-block;
  width: 18%;
  margin: 1%;
}

.button--uppercase {
  font-size: 20px !important;
  text-transform: uppercase;
}

#bedrooms-div {
  visibility: hidden;
}

.expanded-message {
  color: #BB2222;
}

.square-footage__popover .popover {
  position: relative;
  display: block;
  margin: -15px;
  width: 100%;
}

#square-footage__result {
  font-weight: bold;
}

@media (max-width: 767px) {
  .square-footage__popover .popover {
    margin: 15px 0;
  }
}

.main-page-option {
    padding: 40px;
    text-transform: uppercase;
    color: #000000;
}

.pad-around-quite-widely {
    margin-top: 20px;
    margin-bottom: 20px;
}

.growing-thing {
    transition: all .2s ease-in-out;
}

.growing-thing:hover {
    transform: scale(1.2);
}

.welcome-ia-text {
    color: #000;
    margin-top: 50px;
    margin-bottom: 40px;
}

.welcome-ia-description {
    color: #000;
    margin-top: 10px;
}

.emphasized-text {
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    line-height: 60px;
}

.comp-results-report {
  margin-bottom: 25px;
}

/* Date Pickers
-------------- */
/* Hide the clear button from date input */
input[type="date"]::-webkit-clear-button {
  -webkit-appearance: none;
  display: none;
}