/*
Theme Name: Roteiros de Charme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: 'Playfair';
  src: url('assets/fonts/playfair.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/poppins.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

h2, h3, h4, h5, h6, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-family: 'Playfair' !important;
  color: #507341 !important;
  font-weight: 400 !important;
}

p {
  font-family: 'Poppins'!important;
  color: #1E140F !important;
  font-weight: 400 !important;
}
.header-main {
  height: 80px !important;
  background: #B0C0AA !important;
}
html[lang="en-US"] .menu-direito {
  margin-right: 6%;
}
html[lang="es-ES"] .header-inner {
  max-width: 1185px;
}
.page-id-296 #header {
  margin-bottom: 0rem !important;
}
.page_description{
  margin-top:2rem!important;
}
.midia-whatsapp:before {
    content: "";
    background: url('https://www.roteirosdecharme.com.br/wp-content/themes/flatsome-roteirosdecharme/assets/img/whatsapp.png') no-repeat left center;
    padding-left: 30px;
    padding-top: 15px;
    padding-right: 3px;
    padding-bottom: 15px;
}
.midia-twitter:before {
    content: "";
    background: url('https://www.roteirosdecharme.com.br/wp-content/themes/flatsome-roteirosdecharme/assets/img/twitter.png') no-repeat left center;
    padding-left: 30px;
    padding-top: 15px;
    padding-right: 3px;
    padding-bottom: 15px;
}
.midia-linkedin:before {
    content: "";
    background: url('https://www.roteirosdecharme.com.br/wp-content/themes/flatsome-roteirosdecharme/assets/img/linkedin.png') no-repeat left center;
    padding-left: 30px;
    padding-top: 15px;
    padding-right: 3px;
    padding-bottom: 15px;
}

.midia-youtube:before {
    content: "";
    background: url('https://www.roteirosdecharme.com.br/wp-content/themes/flatsome-roteirosdecharme/assets/img/link_youtube.png') no-repeat left center;
    padding-left: 30px;
    padding-top: 15px;
    padding-right: 3px;
    padding-bottom: 15px;
}
.midia-tiktok:before {
    content: "";
    background: url('https://www.roteirosdecharme.com.br/wp-content/themes/flatsome-roteirosdecharme/assets/img/tik-tok2.png') no-repeat left center;
    padding-left: 30px;
    padding-top: 15px;
    padding-right: 3px;
    padding-bottom: 15px;
}
.midia-pinterest:before {
    content: "";
    background: url('https://www.roteirosdecharme.com.br/wp-content/themes/flatsome-roteirosdecharme/assets/img/pinterest2.png') no-repeat left center;
    padding-left: 30px;
    padding-top: 15px;
    padding-right: 3px;
    padding-bottom: 15px;
}



:root {
  --verde-escuro:  #507341;
  --verde-claro: #6e8c69;
  --header-color: #f2f2f2;
  --footer-color: #C2C2C2;
  --cor-texto: #000;
  --full: 100%;
}

.grecaptcha-badge{
  visibility: hidden;
}

@media (min-width: 1000px) {
    .pacotes-box {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-evenly;
    }
    
    .pacote-descricao h4 {
        font-weight: 400;
        color: black;
        font-size: 16px;    
    }
    
    .pacote-imagem {
        width: 400px;
        height: 280px;
    }
    
    .pacote-imagem img {
        height: 100%;    
    }
    
    .parent-page {
        width: 45%;
        padding: 30px 0;
    }
}

@media (max-width: 999px) {
    .pacotes-box {
        display: flex;
        flex-flow: column wrap;
        align-items: center;
    }
    
    .pacote-descricao h4 {
        font-weight: 400;
        color: black;
        font-size: 16px;    
    }
    
    .pacote-imagem {
        width: auto;
        max-height: 400px;
    }
    
    .pacote-imagem img {
        height: 100%;    
    }
    
    .parent-page {
        width: 90%;
        padding: 30px 0;
        margin: 0 auto;
    }
}

.pedra-hotel-mobile img{
    display: block !important;
    width: 40px;
    height: auto;
}

.autocomplete-suggestions {
  overflow: auto;
}


.aviso-semResultado {
    height: 30vh;
    padding: 30px;
}

.img.institutional img {
    min-height: 105px;
}
.page-id-57224 .img.institutional img {
    min-height: 105px;
}
.titulo-padrao{
    font-family: Muli,sans-serif!important;
    color: #053a20;
    font-weight: 400;
}
.paragrafo-padrao{
    font-family: Muli,sans-serif!important;
    color:black;
}
.mobile_pesquisa .busca-form .search-standard-btn {
    padding: 3px 10px;
    margin: 0px 0 0 5px;
}

.mobile_pesquisa .busca-form .reserva-field {
    height: 27px !important;
    font-size: 10px;
}


@media (min-width: 850px) and (max-width: 1270px) {
  .header-main, body .stuck .header-main {
    height: 100% !important;
  }
  .stuck .header-main .nav > li > a {
    line-height: 10px !important;
  }
}

#wrapper, #main {
  background-color: var(--header-color);
}

.footer_texto {
  line-height: 1.2em;
}

/* Hoteis */

.ordem-estados li:nth-child(2n) {
    position:relative;
    z-index:0;
}
.ordem-estados li:nth-child(2n)::before {
    content: " ";
    position: absolute;
    background: #D5D5D5;
    height: 1.9em;
    width: 100%;
    left: 0;
    margin-top: -3px;
    z-index: -1;
    margin-left: -30px;
}

.descricao-estado {
  line-height: 1.2em;
  flex-basis: var(--full);
}

.divisao-estado:last-child {
  padding-bottom: 30px;
}
@media (min-width: 850px) {
    .htl-box {
      flex-basis: 50%;
      padding: 0 40px 40px;
    }
}
@media (max-width: 849px) {
    .htl-box {
      padding-bottom: 40px;
    }
}

.htl-container {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}

.htl-title {
  font-weight: 400;
  color: var(--verde-escuro);
  font-size: 1.3rem;
  margin: 0 0 -10px 0;
}

.htl-classificacao {
  padding-right: 15px;
}

.htl-description {
  color: var(--cor-texto);
}

/* Pacotes */

.pacote-nome {
  font-weight: 400;
  font-size: 2rem;
  color: var(--verde-escuro);
  width: 90vw;
  max-width: 100%;
  margin: 0 auto;
}

select[name="selecionarPorEstado"] {
  width: 250px;
  margin: 20px 0 0 auto;
}

.pct-txt[data-opened="false"] {
  max-height: 340px;
  overflow: hidden;
}

.pct-txt[data-opened="true"] {
  height: initial;
}

.pct-footer {
  display: flex;
}

.pct-footer p {
  flex-basis: 80%;
  margin: 0;
  text-align: center;
}

.pct-txt[data-opened="true"]~.pct-footer>p {
  opacity: 0;
}

.pct-txt[data-opened="true"]~.pct-footer>p em {
  cursor: context-menu;
}

.pacote {
  margin-bottom: 40px;
}

.pct-txt {
  transition: height .3s;
}

.pct-title {
  font-weight: 400;
  color: var(--verde-escuro);
  font-size: 1.3rem;
}

.pct-title small {
  font-size: .6em;
}

.divisao-estado {
  width: 80vw;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
}

.estado-nome {
  border-bottom: 1px solid currentColor;
  color: var(--verde-escuro);
  font-size: 1.5rem;
  font-weight: 400;
}

input.search-standard-btn[name="Reservar"] {
    color: white;
    font-size: 15px;
    background-color: #053a20;
    font-weight: 400;
    line-height: 2em;
    text-transform: capitalize;
    min-height: unset;
    padding: 0 15px;
}

@media (max-width: 849px) {
  .pct-container {
    justify-content: center;
  }
}

@media (min-width: 850px) {
  .pacote {
    flex-basis: 50%;
    padding: 0 20px;
  }
  .divisao-estado {
    justify-content: left;
  }
}

.reserva-form label {
  color: var(--verde-escuro);
}

.is_hidden {
  display: none;
}

.alinha-container {
  width: 90%;
}

.alinha-conteudo {
  display: flex;
  flex-direction: row;
}

.lblInput {
  flex-basis: 25%;
}

.reserva-dados {
  display: flex;
  flex-direction: column;
  flex-basis: 75%;
}

.reserva-dados>div {
  display: flex;
  flex-direction: row;
}

.reserva-dados>div>span {
  padding-right: 20px;
  width: 40%;
}

.reserva-dados>span {
  width: var(--full);
}

.contato-dados {
  display: flex;
  flex-direction: column;
  flex-basis: 75%;
}

.contato-dados>span {
  width: var(--full);
}


#formNews input
{
    background-color: #f8f7f7 !important;
    margin-bottom: 5px;
    font-size: 14px;
    padding: 10px 8px;
    font-weight: 100;
}

#formNews #submitNews
{
  width: 100%;
  background-color: #f8f7f7 !important;
  margin-bottom: 5px;
  font-size: 14px;
  padding: 10px 8px;
  font-weight: 100;
  color: #333 !important;
}
#submitNews input:hover
{
  background-color: #053a20 !important;
  color: #ffffff !important;
}   
.btn_green {
  background-color: var(--verde-escuro);
}

p {
  color: var(--cor-texto);
  text-align: justify;
}

.txt_negrito {
  font-weight: bold !important;
}

.sublinhado a {
  text-decoration: underline;
  color: var(--verde-escuro);
}

body.home .icon-box .icon-box-img {
  width: var(--full) !important;
}

body.home .row {
  max-width: unset;
}

.home-container>div>div {
  padding: 0 30px;
}

.gemstone:not(:last-of-type) {
  padding-bottom: 25px;
}

@media (min-width: 850px) {
  .separador1::before, .separador1::after {
    content: "";
    position: absolute;
    top: 30px;
    width: 1px;
    height: 65%;
    background-color: var(--verde-escuro);
  }
}

.separador1::after {
  right: 0;
}

.busca-form form {
  display: flex;
  flex-direction: row;
  width: var(--full);
}

#slc-estado, #slc-localizacao {
  height: 2.3em;
  box-shadow: unset;
  border: 1px solid #a2a2a2;
}

.search-select-content {
  display: flex;
  margin-bottom: 1em;
}

.search-select {
  flex-basis: 90%;
}

#slc-estado {
  margin-bottom: .3rem;
}

#slc-localizacao {
  margin-bottom: 0;
}

#nome_hotel_busca, #nome_hotel-reserva {
  margin: 0;
  border: 1px solid #a2a2a2;
  outline: 0;
  height: 2.3em;
  box-shadow: none;
}

a.search-standard-btn {
  background-color: var(--verde-escuro);
  color: white;
  display: flex;
  align-self: flex-end;
  padding: 5px 20px;
  margin: 0 0 0 25px;
}

.header-main .nav>li>a {
  font-family: 'Playfair', regular !important;
  color:#1E140F;
  font-size: 11pt;
  text-transform: capitalize;
  font-weight: 400;
}

.header-main .nav>li.active>a {
  font-weight: 600;
}

.nav-dropdown-has-arrow li.has-dropdown::before, .nav-dropdown-has-arrow li.has-dropdown::after {
  display: none;
}

.nav-dropdown {
  box-shadow: unset;
  border: 0 !important;
  background-color: #fffd;
  min-width: 185px;
}

/* .nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
  color: black !important;
} */

.nav-dropdown-bold .nav-column li>a:hover, .nav-dropdown.nav-dropdown-bold>li>a:hover, .nav-dropdown-bold.dark .nav-column li>a:hover, .nav-dropdown.nav-dropdown-bold.dark>li>a:hover {
  color: var(--verde-escuro) !important;
  background-color: unset !important;
}

.nav-dropdown li {
  font-size: 10pt;
}

.imgsize-fix img {
  width: auto;
}

.footer_container {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.second_footer_container2 {
  display: flex;
  align-items: center;
  height: 110px;
  padding: 0 10px;
}

.second_footer_container {
  display: flex;
  height: 110px;
  flex-direction: row;
  align-items: center;
}

@media (min-width: 850px) {
  .second_footer_container {
    float: right;
  }
}

@media (max-width:850px) {
  .second_footer_container {
    justify-content: center;
  }
}

.emporio_site:hover {
  color: #fff !important;
}

.emporio_link p {
  margin: 0;
}

@media (min-width: 850px) {
  .emporio_link {
    position: absolute;
    margin: 0 !important;
    padding: 0 !important;
    bottom: 5px;
    right: 10px;
  }
}

@media (max-width: 850px) {
  .emporio_link {
    margin: 5px;
  }
}

.emporio_site {
  color: white;
  font-size: 8pt;
  text-transform: none;
  text-align: right;
  display: block;
}

.absolute-footer {
  display: none;
}

.footer_content.positioned img {
  width: 84%;
}

.footer_content.positioned {
  position: absolute;
  top: -55px;
}

.footer_bg {
  background-color: var(--footer-color);
   /* background-color: #738f67; */

}

.footer_container .footer_content:not(.positioned) {
  margin-left: 165px;
  padding: 10px;
}

.footer_container .footer_titulo {
  font-size: 18pt;
  color: var( --verde-escuro);
  margin: 12px 0;
}

.footer_container .footer_texto {
  color: var(--cor-texto);
}

.first_footer {
  z-index: 3;
}

.second_footer_container img {
  margin-top: 10px;
  padding: 0 2px;
}

.second_footer_container2 .footer_texto span {
  color: #fff;
  font-size: .8em;
}

.second_footer {
  min-height: 110px;
  background-color: var( --verde-claro);
}

.footer_container p {
  font-size: 14.5px;
}

@media only screen and (max-width: 850px) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  .emporio_site {
    width: unset;
  }
}
.second_footer{
  background-color: #738f67 !important;
}
.btn-padrao, a.button.primary.lowercase, button.button.ux-search-submit{
  background-color: var(--verde-escuro) !important;
  color: white;
}
/* .htl-classificacao, .classificacao-wrapper{
      display: none !important;
    visibility: hidden !important;
} */