/* ======================================================

   ELUBIERA — HEADER

   ====================================================== */

/* Fondo principal */

header,

#header,

.header,

.site-header {

  background: #080808 !important;

}

/* Texto del header */

header p,

header span,

header h1,

header h2,

header h3,

header h4,

header h5,

header h6,

header a,

#header p,

#header span,

#header h4,

#header a,

.header p,

.header span,

.header h4,

.header a {

  color: #ffffff !important;

}

/* Links visitados */

header a:visited,

#header a:visited,

.header a:visited {

  color: #ffffff !important;

}

/* Hover */

header a:hover,

#header a:hover,

.header a:hover {

  color: #c6a044 !important;

}

/* NO cambiar el texto dentro del buscador */

header input,

header select,

#header input,

#header select,

.header input,

.header select {

  color: #333333 !important;

  background: #ffffff !important;

}

/* ======================================================

   MENÚ DESKTOP

   ====================================================== */

.navbar,

.navbar-default {

  background: #d0ad58 !important;

  border: 0 !important;

  box-shadow: none !important;

}

.navbar-nav > li > a,

.navbar-default .navbar-nav > li > a {

  color: #171717 !important;

  font-size: 16px !important;

  font-weight: 500 !important;

  padding-left: 20px !important;

  padding-right: 20px !important;

}

.navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:hover {

  color: #ffffff !important;

  background: #b89545 !important;

}

.navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a {

  background: #b89545 !important;

  color: #ffffff !important;

}

/* ======================================================

   MÓVIL

   ====================================================== */

@media (max-width: 767px) {

  /* HEADER MUCHO MÁS COMPACTO */

  header,

  #header,

  .header,

  .site-header {

    background: #080808 !important;

    min-height: auto !important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

  }

  /* LOGO */

  header img,

  #header img,

  .header img {

    max-width: 190px !important;

    max-height: 68px !important;

    width: auto !important;

    height: auto !important;

  }

  /* MENÚ / NAV */

  .navbar,

  .navbar-default {

    background: #080808 !important;

    min-height: 68px !important;

    margin: 0 !important;

    border: 0 !important;

  }

  /* HAMBURGUESA */

  .navbar-toggle {

    display: block !important;

    float: left !important;

    margin: 17px 12px 17px 15px !important;

    padding: 8px !important;

    background: transparent !important;

    border: 0 !important;

  }

  .navbar-toggle:hover,

  .navbar-toggle:focus {

    background: transparent !important;

  }

  .navbar-toggle .icon-bar {

    width: 27px !important;

    height: 3px !important;

    background: #ffffff !important;

    border-radius: 2px !important;

  }

  /* MENÚ ABIERTO */

  .navbar-collapse {

    background: #111111 !important;

    border: 0 !important;

    padding: 0 !important;

  }

  .navbar-nav {

    margin: 0 !important;

  }

  .navbar-nav > li {

    width: 100% !important;

  }

  .navbar-nav > li > a,

  .navbar-default .navbar-nav > li > a {

    color: #ffffff !important;

    background: #111111 !important;

    font-size: 16px !important;

    padding: 15px 20px !important;

    border-bottom: 1px solid #292929 !important;

  }

  .navbar-nav > li > a:hover,

  .navbar-default .navbar-nav > li > a:hover,

  .navbar-nav > .active > a {

    background: #181818 !important;

    color: #c9a344 !important;

  }

  /* ==================================================

     ELEMENTOS QUE SOBRAN EN EL HEADER MÓVIL

     ================================================== */

  /* Texto "Ofrecemos servicios..." */

  header h4,

  header .description,

  header .tagline,

  #header h4,

  #header .description,

  #header .tagline {

    display: none !important;

  }

  /* Redes sociales del header */

  header .social,

  header .social-links,

  #header .social,

  #header .social-links {

    display: none !important;

  }

  /* Buscador del header */

  header form,

  #header form,

  .header form {

    display: none !important;

  }

  /* ==================================================

     TÍTULO GRIS DE CADA PÁGINA

     ================================================== */

  .page-header {

    margin: 0 !important;

    padding: 22px 18px !important;

    background: #555555 !important;

    min-height: 0 !important;

  }

  .page-header h1,

  .page-header h2 {

    margin: 0 !important;

    color: #ffffff !important;

    font-size: 26px !important;

    line-height: 1.2 !important;

  }

}