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

/* Fontes */
@font-face {
    font-family: 'Garamond-Bold';
    src: url('fonts/Garamond-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Garamond-Regular';
    src: url('fonts/Garamond-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Navegação */
.home .nav > li > a {
    font-family: 'Garamond-Bold' !important;
    font-size: 25px;
    color: white;
}

/* Footer */
.row-footer {
    background: #27934b;
}

/* Tipografia */
h1, h2, h3, h4, h5, h6 {
    font-weight: 300 !important;
    font-family: 'Garamond' !important;
}
h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{font-size:1rem;line-height:1.6}

p {
        font-family: 'Montserrat-Regular' !important;
    font-size: 12pt;
    color: #6C6C6C;
    font-weight: 100;
}

/* Botões Experiências */
.experiencias-home a.button {
    font-family: 'Garamond-Regular';
}

/* Estado padrão */
.experiencias-home a.btn-oquefazer {

    border: #3167b0 solid 1px;
    background-color: #ffffff;
    padding-left: 4rem;
    padding-right: 4rem;
}
.experiencias-home a.btn-oquecomer {
    color: #DFA144;
     border: #DFA144 solid 1px;
    background-color: #ffffff;
    padding-left: 6rem;
    padding-right: 6rem;
}
.experiencias-home a.btn-ondeficar {
    color: #279370;
    border: #279370 solid 1px;
    background-color: #ffffff;
    padding-left: 4rem;
    padding-right: 4rem;
}

/* Hover */
.experiencias-home a.btn-oquefazer:hover {
    color: white;
    background-color: #3167b0;
}
.experiencias-home a.btn-oquecomer:hover {
    color: white;
    background-color: #DFA144;
}
.experiencias-home a.btn-ondeficar:hover {
    color: white;
    background-color: #279370;
}

/* Active (quando clicado) */
.experiencias-home a.btn-oquefazer.active {
    background-color: #3167b0;
    color: #fff;
}
.experiencias-home a.btn-oquecomer.active {
    background-color: #DFA144;
    color: #fff;
}
.experiencias-home a.btn-ondeficar.active {
    background-color: #279370;
    color: #fff;
}

/* Ícones */
.experiencias-home .icon-img {
    width: 60px;
    height: 60px;
    margin-right: 6px;
    vertical-align: middle;
}
.experiencias-home .box-text-inner p, .oquecomer .box-text p, .ondeficar .box-text p, .oquefazer .box-text p {
    border-top: 1px solid #ffffff; 
  padding-top: 8px;
    font-size: 16pt;
}
/* Blocos de posts */
.blog-posts-oquecomer,
.blog-posts-ondeficar {
    display: none; /* escondidos no início */
}
/* Esconde qualquer dropdown de resultados do Flatsome */
.onde-ficar-pesquisa .autocomplete-suggestions,
.onde-ficar-pesquisa .search-results {
  display: none !important;
}
.oquecomer .ux-search-submit{
    background-color: #ffffff00 !important;
    border: 1px solid #dfa240!important;
    border-left: none!important;
}
.oquecomer .search-field{
    border: 1px solid #dfa240;
    border-right: none;
}
.oquecomer .icon-search:before{
    color: #dfa240 !important;
}
/* O que fazer */
.oquefazer .ux-search-submit {
    background-color: #ffffff00 !important;
    border: 1px solid #3498db !important;
    border-left: none !important;
}
.oquefazer .search-field {
    border: 1px solid #3498db;
    border-right: none;
}
.oquefazer .icon-search:before {
    color: #3498db !important;
}

/* Onde ficar */
.ondeficar .ux-search-submit {
    background-color: #ffffff00 !important;
    border: 1px solid #288949 !important;
    border-left: none !important;
}
.ondeficar .search-field {
    border: 1px solid #288949;
    border-right: none;
}
.ondeficar .icon-search:before {
    color: #288949 !important;
}
/* body:not(.home) .header{
    background-color: #f2f2f2;
} */
body.page:not(.home) .header {
  background-color: #c6c6c6;
    margin-bottom: 20px;
}

body:not(.home) .nav>li>a{
    font-size: 20pt;
    font-family: 'Garamond' !important;
}
.blog .post-title{
        font-family: 'Montserrat-SemiBold' !important;
        font-style: italic;
        font-size: 3em;
        color:#27924b !important;
}
.blog p.from_the_blog_excerpt {
        color:#27924b !important;
        font-size: 10pt;
        font-family: 'Montserrat' !important;
        font-style: italic;
}
ul.sub-menu.nav-dropdown.nav-dropdown-simple {
    top: 80px;
    font-family: 'Garamond-Regular';
    letter-spacing: normal;
    font-size: 10pt;
    color:#27924b;
}
ul.sub-menu.nav-dropdown.nav-dropdown-simple li a{
    color:#27924b;

  border-bottom: 1px solid #27924b;

}
.search-busca-posts{
    width: 80% !important;
}
@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE ***************/
}