/* Top-bar */

.background-topbar {
  background-color: #97999b;
}

.text-bem-vindo,
.text-icones-header,
.text-contato-header {
  font-size: 17px;
  color: #fff;
}

.link-whatsapp-header,
.link-redes-sociais {
  color: #fff;
}

.link-whatsapp-header:hover,
.link-redes-sociais:hover {
  color: #a23335;
}

/* Header/Nav */

#header {
  background-color: #fff;
  border-bottom: 5px solid #a23335;
}

img.custom-logo {
  width: 300px;
  height: auto;
}

@media(max-width:991px) {
  img.custom-logo {
    width: 300px;
    height: auto;
  }
}

.navbar ul {
  margin: 18px;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a,
.navbar a:focus {
  font-weight: 700;
  white-space: nowrap;
  transition: 0.3s;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.3s;
  padding: 54px 15px;
  color: #a23335;
  font-size: 1.1rem;
}

.navbar a:hover {
  background-color: #96989a;
}

.mobile-nav-toggle {
  font-size: 50px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
  color: #a23335;
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: 0.3s;
  z-index: 999;
}

i.bi.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }

  .navbar-mobile ul {
    display: block;
    position: absolute;
    top: 67px;
    right: 15px;
    left: 15px;
    padding: 10px 0;
    background-color: #000;
    overflow-y: auto;
    transition: 0.3s;
    color: #fff;
    border-radius: 10px;
    bottom: 15px;
  }

  .navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
  }

  .navbar-mobile a,
  .navbar-mobile a:focus {
    display: flex;
    padding: 15px 20px !important;
    font-size: 18px;
    color: #fff;
  }

}

/* Slide */

.text-slide {
  text-align: start;
}

.h2-slide {
  font-size: 50px;
  font-weight: bold;
  text-shadow: 2px 2px #555;
}

@media(max-width:991px) {
  .text-slide {
    text-align: center;
  }

  .h2-slide {
    font-size: 30px;
    font-weight: bold;
    text-shadow: 2px 2px #555;
  }
}

/* Conheça nossas frotas */


/* Pesquisar Tarifas */

.bg-pesquisar-tarifas {
  background-color: #61755c;
}

.btn-pesquisa-tarifas {
  border: 1px solid #c69d45;
  background-color: #c69d45;
  color: #fff;
  font-size: 16px;
}

.btn-pesquisa-tarifas:hover,
.btn-pesquisa-tarifas:focus {
  border: 1px solid #8f7131;
  background-color: #8f7131;
  color: #fff;
  font-size: 16px;
}

.font-fone-zap-reserva {
  font-size: 1.25rem;
}

@media(max-width:991px) {
  .font-fone-zap-reserva {
    font-size: 1rem;
  }
}

/* Slide */

#slide {
  background-image: url('../img/slide/quem-somos.jpeg');
  background-position: center;
}

.bg-slide-text {
  background-color: #a233359d;
}

/* Conheça Nossas Suites */

.btn-reserve-agora-nossas-suites {
  background-color: #ffffff21;
  color: #fff;
  border: 2px solid #fff;
}

.btn-reserve-agora-nossas-suites:hover,
.btn-reserve-agora-nossas-suites:focus {
  background-color: #ffffff5e;
  color: #fff;
  border: 2px solid #fff;
}

/* Contato */

#contato {
  background-color: #96989a;
}

.btn.btn-enviar-form-hotelceolatto {
  width: 100%;
  background-color: #a23335;
  border: 1px solid #a23335;
  color: #fff;
  font-size: 16px;
}

.btn.btn-enviar-form-hotelceolatto:hover,
.btn.btn-enviar-form-hotelceolatto:focus,
.btn.btn-enviar-form-hotelceolatto:focus:disabled {
  width: 100%;
  background-color: #792627;
  border: 1px solid #792627;
  color: #fff;
  font-size: 16px;
}

a.termo-de-aceito {
  color: #a23335;
}

a.termo-de-aceito:hover {
  color: #792627;
}

/* Depoimentos */

.btn.btn-de-sua-opiniao {
  color: #fff;
  font-size: 19px;
  background-color: #0d4037fe;
  border: 1px solid #0d4037fe;
}

.btn.btn-de-sua-opiniao:hover,
.btn.btn-de-sua-opiniao:focus {
  color: #13016cfe;
  font-size: 19px;
  background-color: #19ffaffe;
  border: 1px solid #19ffaffe;
}

/* Footer */

#footer {
  background-color: #96989a
}

a.politica-footer {
  color: #fff;
}

a.politica-footer:hover {
  color: #a23335;
}

/* Geral */

.font-h1-hotelceolatto {
  font-size: calc(48px + 1vw);
}

.font-h2-hotelceolatto {
  font-size: calc(30px + 1.2vw);
}

.fale-conosco {
  font-size: calc(18px + 0.3vw);
}

/* Páginas internas */

#breadcrumbs .bread-link {
  color: #a23335;
  font-weight: bold;
  text-decoration: none;
}

#breadcrumbs .bread-link:hover {
  color: #792627;
}

.banner-opacity {
  background-color: #97999b;
  color: #fff;
  height: 200px;
}

.font-h2-hotelceolatto-pag-interna {
  font-size: calc(15px + 0.4vw);
}

/* Faça sua reserva */

.link-whatsapp-faca-reserva {
  color: #0c3f36;
}

.link-whatsapp-faca-reserva:hover {
  color: #06221d;
}

.height-responsive {
  height: 1125px;
}

@media(max-width:991px) {
  .height-responsive {
    height: 1490px;
  }
}