.header-nav {
    position: relative !important;
    z-index: 100 !important;
}

.header-top {
    z-index: 100 !important;
}

h1, h2, {
    margin-top: 0;
    margin-bottom: .5rem;
    letter-spacing: 1px;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .elementor-8 .elementor-element.elementor-element-c834c04
 {
        width: 70% !important;
    }

    .elementor-8 .elementor-element.elementor-element-ba4b7fc {
        width: 15%important;
    }
}

#index .header-menu {
        position: absolute;
        z-index: 999;
        margin: auto;
        left: 0;
        right: 0;
    } 


body#checkout section.checkout-step .step-title {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: normal;
}

/* ========================================
   LEO MEGAMENU - BREAKPOINT 1024px
   ======================================== */

@media (max-width: 1024px) {

    /* Mostrar botão tablet */
    .leo-megamenu .navbar-toggler,
    .leo-megamenu .navbar-toggler.hidden-lg-up {
        display: block !important;
    }

    /* Esconder menu horizontal desktop */
    .leo-megamenu .leo-top-menu {
        display: none !important;
    }

}

@media (max-width: 1024px) {
    .col_menu {
        order: -1;
        flex: 1;
    }
}

@media (max-width: 1024px) {
    .col_info {
        flex: 1;
    }
}

@media (min-width: 1025px) {

    /* Esconder botão tablet */
    .leo-megamenu .navbar-toggler {
        display: none !important;
    }

    /* Mostrar menu desktop */
    .leo-megamenu .leo-top-menu {
        display: block !important;
    }

}

/*Fix - Start - footer*/

html, body {
    height: 100%;
    margin: 0;
}

#wrapper {
    display: flex;
    flex-direction: column;
    min-height: min(80vh, 990px);
}

.footer-container.js-footer {
    margin-top: auto;
    flex-shrink: 0;
}

/*Fix - end - footer*/

/*Alterar menu homepage */


body:not(#index) .header-menu {
   background-color: transparent;
  color: #5B4332;
  border-top: none; }
  @media (min-width: 992px) {
    body:not(#index) .header-menu {
      position: inherit; } }

body:not(#index) .leo-megamenu .navbar-nav > li.active > a,
body:not(#index) .leo-megamenu .navbar-nav > li:hover > a,
body:not(#index) .leo-megamenu .navbar-nav > li:focus > a {
    color: #5B4332;
    background-color: transparent;
}

body:not(#index) .leo-megamenu .navbar-nav > li > a:hover,
body:not(#index) .leo-megamenu .navbar-nav > li > a:focus,
body:not(#index) .leo-megamenu .navbar-nav > li > a:active {
    color: #5B4332;
}

body:not(#index) .leo-megamenu .navbar-nav > li > a {
    color: #5B4332;
    font-weight: 400;
    letter-spacing: 0.5px;
}

body:not(#index) #leo_search_block_top .title_block {
    color: #5B4332;
}

body:not(#index)  .col-info > div i {
    color: #5B4332  !important;
}

body:not(#index) .col-info i:hover {
    color: #5B4332  !important;
}

body:not(#index) .elementor-8 .elementor-element.elementor-element-ba4b7fc .elementor-element-populated a {
    color: #5B4332  !important;
}

body:not(#index) .input_hidden #leo_search_block_top .title_block::before {
    color: #5B4332  !important;
}

body:not(#index) .navbar-header .navbar-toggler .menu_icon .icon-bar {
    height: 2px;
    width: 60%;
     background-color: #5B4332  !important;
    transition: 0.25s all ease-in-out;
}


.navbar-header .navbar-toggler .menu_icon .icon-bar {
    height: 2px;
    width: 60%;
    background-color: #ffff;
    transition: 0.25s all ease-in-out;
}



/*End - alterar o menu homepage*/


/*Creative silder - correcao do overflow x */

.ls-overflow-visible {
    overflow: hidden !important;
}


@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.woff2') format('woff2'),
         url('../fonts/fontawesome-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*End - Creative silder - correcao do overflow x */

/*Mudar cor do fundo nas paginas cms */

.page-content.page-cms {
    background: #e9e2d2 !important;
} 


/*End - Mudar cor do fundo nas paginas cms */