/*
Theme Name: LBL
Theme URI: https://www.lblblocoselajes.com.br
Description: Este tema foi desenvolvido por Felipe Germano!
Version: 1.0
Author: Felipe Germano
Author URL: http://www.felipegermano.com.br
Tags: criação de sites
*/


* {
    font-family: 'Lato', sans-serif;
}
/* ***************  Cores do Site ****************** */

/*Azul    0374c3*/
.main_text_laranja{
    color: #eea800;
}

.main_bg_laranja{
    background: #fb9500;
}

/* ********************  Header ******************** */
.main_barra {
    background: #f5f5f5;
    color: #434343;
    text-align: center;
}

/*MENU PRINCIPAL*/
@media (max-width: 79.9375em){
    /***** /DEFININDO A COR DO MOBILE ACTION, DEVE SER ALTERADO DE ACORDO COM O CLIENTE/ **********/
    .mobile_action{ width: 46px; height: 46px; float: right; cursor: pointer; background: #dc7c00 url(css/boot/icons/mobile-white.png) center center no-repeat; margin: 6px 6px 0 0;}
    .mobile_action.active{ background: #000 url(css/boot/icons/mobile-white.png) center center no-repeat;}
    .mobile_action:hover{ background: #000 url(css/boot/icons/mobile-white.png) center center no-repeat;}

    .main_title_nav{margin:20px 0 0 10px;}
    .main_barra_nav { background-color: #2d3338; width: 100%;height: 60px; margin-top: 20px;}
    /*FORMATANDO MENU MOBILE*/
    .main_header_nav {
        background: #222;
        float: left;
        display: none;
        width: 100%;
    }    
    .main_header_nav_item { 
        float: left; 
        width: 100%; 
        position: relative;
    }

    .main_header_nav_item > a{
        float: left;
        width: 100%;
        padding: 15px;
        text-transform: uppercase;
        color: #eee;
        font-weight: bold;
        font-size: 1em;
    }

    .main_header_nav_item:hover,
    .main_header_nav_item > a:hover{
        background: #dc7c00;
        color: #fff;

    }

}
/*********************************   SLIDER   ************************/
.slide{
    border-top: 5px solid #dc7c00;
    background: #222; 
    position: relative; 
    display: block; 
    width: 100%;
}
.slide_controll{
    position: absolute; 
    width: 100%; 
    top:26%; 
}

/******CIRCULO DA VITRINE ******/
.slide_nav{ 
    position: absolute;
    padding: 5px 15px;
    font-size: 2em;
    cursor: pointer;
    z-index: 89;
    background: rgba(220,124,0, 0.2);
    border: 2px solid #fff;
    color: #fff;
}

.slide_nav:hover{ 
    background: rgba(220,124,0, 0.9);
}
.slide_nav.back{ 
    left: 0; 
    margin-left: 5px;
}
.slide_nav.go{ right: 0; 
               margin-right: 5px;
}
.slide_item{
    display: none;
}
.slide_item.first{ 
    display: block;
}


/********************* DIVRA 01***********************/
.main_box{
    background: #d3d3d3;
    padding: 0 0 20px 0;
    width: 100%;
    float: left;
    margin-bottom: 20px;

}

.main_box_item{
    height: 100px;
}
.main_box_title{
    background: #fff;
    margin: 0 5%;
    width: 90%;
    float: left;
    top: -50px;
    padding: 10px;
}
.main_box_title a{
    float: right;
    margin-right: 10px;
    color: #0374c3;
}
.main_box_title a:hover{
    text-decoration: underline;
    color: #003bb3;
}

/********************* PROPRIETÁRIO ***********************/

.main_propri {
    background: url(img/bg-proprietario.jpg) fixed center center;
    padding: 60px 0;
}
.main_box_produtos{
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 30px;
}

/********************* RODAPÉ ***********************/
.main_h1_footer{
    color: #dc7c00;
    font-size: 2em;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dc7c00;
}
.main_nav_footer{
    float: left;
    width: 100%;
}
.main_nav_footer_item{
    float: left;
    display: block;
    width: 100%;
    margin: 5px 0;
    width: 100%;
}
.main_nav_footer_item a{
    padding: 10px;
    color: #fff;

}
.main_nav_footer_item a:hover{
    color: #dc7c00;
}


/********************* PÁGINAS ***********************/
.main_content_page_title { border-top: 4px solid #044ab4; background:url(img/bg-work.jpg) fixed center; }
.main_content_page a{color: #044ab4; font-weight: bold;}
.main_content_page ul{ list-style: circle; list-style-type: square;padding: 20px 0 20px 30px;}
.main_content_page ol{ padding: 20px 0 20px 30px;}
.main_content_page h1{margin-bottom: 10px; }
.main_content_page h2{ margin-bottom: 10px; }
.main_content_page h3{margin-bottom: 10px;  }
.main_content_page h4{ margin-bottom: 10px; }
.main_content_page input{ width: 100%; margin-right: 1%; padding: 10px; margin: 1px 0; border: 1px solid #044ab4; color: #044ab4;}
.main_content_page textarea { width: 100%; margin-right: 1%; padding: 10px; margin: 1px 0; border: 1px solid #044ab4; color: #044ab4;}
.main_content_page .codigo { width: 100%; max-width: 320px; margin-right: 1%; padding: 10px; margin: 1px 0;}
.main_content_page .enviar{ background: #044ab4; color: #fff; max-width: 320px; padding: 10px; cursor: pointer;}
.main_content_page .enviar:hover { background: #007FFF;}

/********************* CATEGORIA ***********************/
.main_nav_cat{
}
.main_nav_cat_item{
    float: left;
    display: block;
    margin: 15px 5px;;

}
.main_nav_cat_item a{
    background: #fb9500;
    color: #fff;
    padding: 10px;
}
.main_nav_cat_item a:hover{
    background: #d9b003;
}

/*MENU DINAMICO*/
.main_nav_cat li{
    float: left;
    display: block;
    margin: 15px 5px;;

}
.main_nav_cat li a{
    background: #fb9500;
    color: #fff;
    padding: 10px;
}
.main_nav_cat li a:hover{
    background: #d9b003;
}

/*
480PX BREAKPOINT
*/
@media (min-width: 30em){


}
/*
592PX BREAKPOINT
*/
@media (min-width: 37em){
    .main_box{
        width: 32%;
        margin-right: 2%;
        min-height: 350px;
    }
    .main_box:nth-of-type(3n){
        margin-right: 0;
    }

    /*PRODUTOS*/
    .main_box_produtos{
        float: left;
        margin-right: 4%;
        width: 48%;
        min-height: 330px;
    }
    .main_box_produtos:nth-of-type(2n){
        margin-right: 0;
    }
}

/*
768PX BREAKPOINT
*/
@media (min-width: 48em){


}
/*
960PX BREAKPOINT
*/
@media (min-width: 60em){
    /*PRODUTOS*/
    .main_box_produtos{
        float: left;
        margin-right: 2%;
        width: 23.5%;
    }
    .main_box_produtos:nth-of-type(2n){
        margin-right: 2%;
    }
    .main_box_produtos:nth-of-type(4){
        margin-right: 0;
    }

}
/*
1280PX BREAKPOINT
*/
@media (min-width: 80em){
    /*TOPO DO SITE*/
    .main_barra {
        background: #f5f5f5;
        color: #434343;
        text-align: left;
    }
    .main_barra p{
        float: left;
        margin: 0 10px;
    }
    .main_logo{
        float: left;
        width: 30%;
    }
    /*MENU DO SITE*/
    .main_nav{
        float: left;
        width: 70%;
    }
    .main_barra_nav{
        display: none;
    }
    .main_header_nav{
        margin-top: 70px;
        float: right;
    }
    .main_header_nav_item{
        float: left;
        display: block;
        margin: 0 0px;
    }
    .main_header_nav_item:nth-of-type(6){
        margin-right: 0;
    }
    .main_header_nav_item a{
        color: #4b83bd;
        font-weight: bold;
        padding: 10px 15px;
    }
    .main_header_nav_item a:hover{
        background: #4b83bd;
        color: #fff;
    }

}

/*
1366PX BREAKPOINT
*/
@media (min-width: 85em){

}

/*
1600PX BREAKPOINT
*/
@media (min-width: 100em){

}

.grid-produtos {
    display: grid;
    grid-gap: 4px;
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 960px) {
    .grid-produtos {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .grid-produtos {
        grid-template-columns: repeat(1, 1fr);
    }
}