/* Theme Name: Cachaça 1516
Text Domain: Cachaça 1516
Version:4.2 
Description: Tema Criado em parceria com Plínio de pelo, desenvolvido por Joao Antonio Rocco (joao.a.rocco@gmail.com)
Tags: responsive,wordpress theme, bootstrap
Author: Joao Antonio
Author URI: https://pliniodemelo.com.br/
Theme URI:  https://pliniodemelo.com.br/ */

/****** GERAL *****/
body{  font-family: 'Rosarivo'!important; font-style: italic!important; color:#966044;}
.text-color{color:#966044!important}
.title{font-family: 'Bebas Neue'; font-style: normal!important;} 
a{text-decoration: none!important;}
.slick-5, .slick-banner{& > .slide:not(:first-child) {display: none;}}
.search-wrap-blog{
    position: relative;
}

.filter a h3{
    color:#966044!important;
}
.search-wrap-blog::before{
content:"";
background-image:url('dist/images/lupa.svg');
background-repeat: no-repeat;
}

.bdr-0{
border-radius:0!important;
}
#legalWarning .modal-content{
    background: none!important;
}
.zndx{
position:relative;
z-index:0;
}
/****** GERAL *****/

.caption{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%)
}
.banner.b-interna{
height:300px;
}

.btn-filter{
border:none!important;
background-color:inherit!important;
font-size:1.4rem;

color:#543f2a;
margin:0 1rem;
font-family: 'Bebas Neue'; font-style: normal!important; 
position:relative;
}


.btn-filter::before{
content:"";
width:0;
height:3px;
background-color:#543f2a;
position:absolute;
bottom:0;
    left: 50%;
    transform: translate(-50%, 0);
transition:all 0.8s;	
}

.btn-filter:hover::before,
.btn-filter.active::before
{
	width:100%!important;
}

/******* HEADER E BANNER ****/
.size.dts{
    font-weight:600;
    text-decoration:underline;
    text-decoration-thickness: 3px;
    }
    .op80{
        opacity:0.7
    }
    
    .n-link.feat{
    border: 3px solid #fff;
    display:inline-block;
    padding:0.3rem 2rem 0.1rem 2rem;
    margin-bottom:10px;
    }
    .n-link.feat:hover{
    border-color:#c4a761
    }
    
    @media (min-width: 992px) {
      .modal-produto-wp .modal-lg {
            max-width: 900px!important;
        }
    }
header{
    position:fixed;
    width:100%;
    z-index:9;
    top:0;
    transition: all 0.5s;
    }

    header.bg-on{
        background-color:rgb(196, 167, 97);
    }
    #search-input{
    background-color:transparent;
    border:none;
    border-bottom:2px solid #fff;
    border-radius:0;
    padding-left:0;
    }
    #search-input::placeholder, #search-input{
    color:#fff!important;
    text-transform:uppercase;
    letter-spacing:-1px;
    font-size:0.7rem;
    }
    .search-wrap-blog::before{
    width:24px;
    height:24px;
    position:absolute;
    right:0;
    background-size:24px;
    top:50%;
    transform:translate(0, -50%);
    }

    .banner{
        position:relative;
        
    }
.slick-top{
    padding-top:130px
}

    .banner .banner-img{
    position:absolute;
    height:100%;
    object-fit:cover;
    z-index:-1;
    top:0;
    }
    .fill-white{
    fill:#fff;
    }
    .next, .prev{
    width:35px;
    position:absolute;
    top:40%;
    cursor:pointer;
    opacity:0.7;
    }

    .slick-banner h1{
        line-height:55px
    }
    .next {
    right:15px;
    }
    .prev{
        left:15px;
        z-index:999;
    }
    .next:hover, .prev:hover{
        opacity:1;
    }
    .slick-dotted.slick-slider{
        margin-bottom: 0!important;;
    }
    .slick-dots{
        bottom:20px!important;
    }

    .slick-dots li button:before  {
        font-size:0!important;
           border:2px solid #fff!important;
            border-radius:100%!important;
          width:12px!important;
        height:12px!important;
            opacity:1!important;
        
        }
        
        .slick-dots li.slick-active button:before
            {
        opacity:1;
        background-color:#fff;
        }
    

/******* *HEADER E BANNER ****/
/******  MODAL *****/
.modal {
    -webkit-backdrop-filter: blur(1px)!important;
    backdrop-filter: blur(5px)!important;
}
.modal-content h1{
margin-top:1rem;

margin-bottom:0;
}
.modal-content h2 {
font-size:1.3rem;

}

.msgWarning{
margin-top:3rem;
color:#fff;

font-size:1.2rem;
text-decoration:underline;
}

.bt-warning{
display:inline-block;
width:120px;
color:#543f2a;

position:relative;
font-size:22px;
}
.bt-warning::before{
content:"";
width:30px;
height:30px;
position:absolute;
left:0;

background-color:#fadd97;
}
.bt-warning:hover::before{
	background-color:#543f2a;
	border:3.5px solid #fadd97;
}
/******  *MODAL ENDS *****/
/****** TYPO CORES E BOTOES *****/
.wpcf7 form.invalid .wpcf7-response-output{
    border-color:#543f2a!important;
}
.mark, mark{padding:0!important}
.white-color{color:#fff;}
.has-primary-color, .primary-color{color:#c4a761}
.has-secondary-color, .secondary-color{color:#543f2a}
.tertiary-color{color:#593f28;}
.lighter-color{color:#ffeed9!important;}
a.lighter-color{
text-decoration: underline!important;
}
.fundo-primary-color{
    background-color:#c4a761!important;
}
.fundo-tertiary-color{background-color:#593f28;}
.fundo-page{
background-color:#f4ece1;
}

.right-elm{
    background-image: url('dist/images/1516-forma-lateral-direita-2.svg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position:right center;
    position: relative;
    background-size: 7%;
}

.left-elm-m{
    background-image: url('dist/images/1516-forma-lateral-esquerda--medio.svg');
    background-repeat:no-repeat;
    background-size: 7%;
    background-position:left center;
}

.right-elm-b{
    background-image: url('dist/images/right-elm-b.svg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position:right bottom;
}

.left-img{
    position: absolute;
    left:0;
    top:0;
	z-index:9
}

.chamada h3{
    font-size:2rem;
    text-align:center;
    color:#ffeed9;
    }
    .chamada .col-lg-3{
    position:relative;
    }
    .line-sep{
    width:3px;
    height:80px;
    background-color:#543f2a;
    position:absolute;
    left:-10px;
    }
    
    @media (max-width:768px){
        .next, .prev{
            
            top:50%;
            
            
            }
        .line-sep{
    width:180px;
    height:3px;
    left:50%;
    top:-15px;
    transform:translate(-50%, 0);
    }
        .chamada .col-lg-3{
            margin-bottom:20px!important;
        }

        .right-elm-b, .left-elm-m, .right-elm{
       background-image: inherit;
        }
		.left-img{
			display:none;
		}
        .caption {
            width:100%!important;
        }

        .btn-filter{
            margin:0;
            
        }

    }
        
    .modal-fullscreen .modal-content{
        background-color:#000;
        
    }
    .n-link{
        display:block;
        color:#fff;
        font-family: 'Bebas Neue'; font-style: normal!important; 
    font-size:32px;
    }
    
    .modal-fullscreen .btn-close{
    position:absolute!important;
    right:60px!important;
    top:60px!important;
    }
    .n-link:hover{
    color:rgb(196, 167, 97);
        }
    .icon-menu {
        width:30px;
    }
    
        

        /**** FORUMULARIO **/
        .wpcf7-spinner{
            position: absolute!important;
        }
.btn-s.md{
    color:#966044;
    border-color:#966044;
    margin:0!important;   
}
.btn-s.md:hover{
	    background-color:#966044!important;
}
        
        .btn-s{
            color:#513f2c;
            background-color: transparent!important;
            font-size:1.5rem;
            border:3px solid #593f28;;
            display:inline-block;
            margin:0 10px;
            border-radius:0;
            padding:0 1rem!important;
            font-family: 'Bebas Neue'; font-style: normal!important;
            }
            
            .btn-s:hover{
            background-color:#593f28!important;
				color:#c4a761;
            }
            .frm .form-control, .form-select{
            background-color:transparent!important;
            border:none!important;
                border-bottom:2px solid #593f28!important;
                border-radius:0!important;
            text-align:center!important;
            color:gray!important;
            }
            .frm textarea.form-control{
            resize:none!important;
            }
         .frm .form-control:focus{
                background:transparent;
            }

            @media (max-width:768px){
            .btn-s{
                font-size:1.3rem;
            }
        }

        h1, .fs-1{
            font-size:58px!important;
            line-height:52px;
        }
        .fs-2{
            font-size:45px!important;
            line-height:42px;
        }
        @media (max-width:1024px){
            h1, .fs-1{
                font-size:45px!important;
                line-height:42px;
            }
        }


        .carousel-control-next span,
.carousel-control-prev span
{
background-color:#d4b26b!important;	
}
.carousel-control-next:hover span,
.carousel-control-prev:hover span
 {
background-color:#543f2a!important;	
}
.carousel-control-next,
.carousel-control-prev{
width:30px!important;
height:30px!important;
opacity:1!important;
top:0!important;
}
.carousel-control-prev{
	left:0!important;
}
.carousel-control-next{
	left:30px!important;
}
        
        .icon{
            width:20px
        }
        .icon-t{
            width:40px;
            margin-left:-10px;
            margin-right:-10px
        }
        
        .bdr-left{
            position:relative;
            
        }
        .bdr-left::before{
        content:"";
        width:3px;
        height:80%;
        background-color:#543f2a;
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%, -50%)
        }
        
        .modal-produto-wp .btn-close-white{
        position:absolute;
        right:0!important;
        background-color:#d4b26a!important;
        opacity:1!important;
        border-radius:0!important;
        top:0!important;
        padding:0.3rem!important;
        filter:inherit!important;
        z-index:999!important;
        }
        .modal-produto-wp .modal-body{
        padding:0!important;
        }
        .modal-produto{
        background-color:#f4ece1!important;
        border-radius:0!important;
        }
        
        .modal-content{border-radius:0!important;}
        
        @media (max-width:768px){
        .bdr-left::before{
        content:"";
        width:90%;
        height:1px;
        left:50%;
        top:0;
        transform:translate(-50%, 0);
        }
        }