/*$background: #EEEAE2 !default;*/
/*$logo-title: #8C0901 !default;*/
/*$text-subtitles: #4C3E2E !default;*/
/*$titles: #A40B01 !default;*/
/*$text-light: #8C8475 !default;*/
/*$bg-darker: #E9E3D9 !default;*/
/*$nav-active: #F9B92A !default;*/
/*$nav-links: #C9BDAC !default;*/
/*$borders: #A39B8B !default;*/
/*$subtitles: #4C3E2E !default;*/
/*$header: #EFE7DC !default;*/
/*$btn-brown: #E0D0BA !default;*/
/*$text: #675C44 !default;*/
/*$text-70: rgba($text, 0.7) !default;*/
/*$nav-2: #777068 !default;*/
/*$white-50: rgba(#FFF, 0.5) !default;*/

@font-face {
  font-family: "Droid Sans";
  font-weight: bold;
  src: url("/static/fonts/droid-sans/DroidSans-Bold.ttf");
}

@font-face {
  font-family: "Droid Sans";
  src: url("/static/fonts/droid-sans/DroidSans.ttf");
}

:root {
  --secondary: #dccab2;
  --btn-brown: #e0d0ba;
  --header: #efe7dc;
  --titles: #a40b01;
  --btn-border: #b8b5b2;
  --btn-nav: #4c3e2e;
  --background: #f7f3ee;

  font-family: "Droid Sans", sans-serif;
}

.btn_gray,
.btn_red {
  border: solid;
  border-width: 3px;
  border-color: var(--btn-border);
  border-radius: 7px;
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

#welcome_background {
  position: absolute;
  top: 105px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  background-image: linear-gradient(
      rgba(251, 247, 235, 0),
      rgba(251, 247, 235, 0.8)
    ),
    url("/static/omo/img/bg_search.webp") !important;
  background-size: cover !important;
}

.results_header3--none {
  /*display: none;*/
}

.results_header3 {
  height: 40px !important;
  color: #ae1600 !important;

  /*display: flex;*/
  /*flex-direction: row;*/
  /*align-items: flex-end;*/

  /*padding: 0.6rem;*/

  /*background-color: white;*/
}

.results_header3__title {
  color: var(--titles);
  font-size: 1.2rem;
}

.results_header3__title--big {
  color: var(--titles);
  font-size: 1.5rem;
}

.slider3,
.map3 {
  top: 130px !important;
}

/*.area_content3{*/
/*  //height: 93% !important;*/
/*}*/

#area {
  position: absolute;
  left: 0;
  top: 105px;
  width: 335px;
  bottom: 0;
  background-color: rgb(242, 234, 223);
  /*background-image: url('../img/tex/omo-header-bg.png');*/
  z-index: 10;
}

#area > div {
  position: relative;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

#map_plus {
  top: 200px !important;
}

#map_minus {
  top: 233px !important;
}

#map_select {
  top: 281px !important;
}