/*
 * CSS style padrão para tema do sistema hipersite.
 * Created on : 02/02/2017, 11:15:16
 * Author     : Hiper Site Desenvolvimento Web
*/

/*HEADER*/

.header_top{
    float: left;
    width: 100%;
    background-color: #000000 !important;
    color: #fff;
    padding: 10px 20px;
    font-family: 'Roboto', sans-serif;
}

.header_logo img{
    width: 200px;
}

@media (max-width: 380px) {
    .header_logo img {
        width: 70%;
    }
}

@media (max-width: 380px) {
    .header_info i {
        margin: 5px 0px;
    }
}

.header_info .fa{
    margin-right: 5px !important; 
    padding: 2px;
}

@media (max-width: 380px) {
    .header_social {
        margin: 10px 0px;
    }
}

.header_social .fa{
    margin-right: 10px !important;  
    padding: 2px;
}

.header_logo{
    padding: 20px 0px;
}


.nav_search .fa{
    padding: 5px;
    font-size: 1.2em;
    cursor: pointer;
    border: 1px solid #94BDDD;
}

/*MENU DE NAVEGAÇÃO*/
.navbar-default{
    background-color: transparent !important;
    border: none !important;
    margin-top: 25px !important;
}

.navbar-default a{
    padding: 20px 30px !important;
    color: #333 !important;
    font-size: 1.2em !important;
}

.navbar-default a:hover{    
    background-color: #2070AD !important; 
    color: #fff !important;
}

.dropdown-toggle:hover{
    background-color: #2070AD !important; 
    color: #fff !important;
}

.dropdown-toggle:focus{
    background-color: transparent !important;
}

.navbar-right a:hover{
    background-color: transparent !important;
    color: #2070AD !important;   
}

.navbar-right .fa-search{
    font-size: 1em;
    color: #333;
}

.navbar-right .fa-search:hover{
    font-size: 1em;
}

.dropdown-menu{
    padding: 0px !important;
    margin: 0px !important;
}


/*Formulario de contato em modal*/
.modal-form{
    text-align: center;
    display: none;
    width: 60%;
    position: relative;
    top: 30%;
    left: 21%;
    background-color: #fff;
    padding: 50px;
    -webkit-box-shadow: -7px 10px 44px 2px rgba(29,101,156,1);
    -moz-box-shadow: -7px 10px 44px 2px rgba(29,101,156,1);
    box-shadow: -7px 10px 44px 2px rgba(29,101,156,1);
}

.modal-form span{
    position: relative;
    top: -45px;
    cursor: pointer;
    color: red;
}

.modal-form h2{
    color: #ccc;    
}

.modal-form input{
    height: 50px;
    text-align: center;
    font-size: 2em;
}

.title_destaque{
    font-size:48px;
    line-height: 50px;    
    font-family:'Roboto', sans-serif;
    text-transform:uppercase;
    position:relative;  
    border-bottom:1px solid #cdd6dc;padding-bottom:30px;
}

.title_destaque:before {font-weight: 900;content: "";width: 49px;height: 4px;background-color: #38a9f6;left: 0;bottom: -1px;position: absolute;}

.title_destaque .first{
    display:block; font-weight: 100; font-family:'Roboto', sans-serif;font-size:30px;line-height:30px;
}

.title_destaque_no-border{
    font-size:58px;
    line-height: 50px;    
    font-family:'Roboto', sans-serif;
    text-transform:uppercase;
    position:relative;  
}

.title_destaque_no-border .first{
    display:block; font-weight: 100; font-family:'Roboto', sans-serif;font-size:30px;line-height:30px;
}

@media (max-width: 380px) {
    .title_destaque{ text-align: center;
                     font-size:28px !important;
                     line-height: 20px;    
                     font-family:'Roboto', sans-serif;
                     text-transform:uppercase;
                     position:relative;  
                     border-bottom:1px solid #cdd6dc;padding-bottom:30px;
    }

    .title_destaque:before {font-weight: 900;content: "";width: 49px;height: 4px;background-color: #38a9f6;left: 0;bottom: -1px;position: absolute;}

    .title_destaque .first{
        display:block; font-weight: 100; font-family:'Roboto', sans-serif;font-size:20px !important;line-height:20px;
    }
}
/*INDEX ÁREA DE ATUAÇÃO*/

@media (max-width: 380px) {
    .atuação_content_title{
        text-align: center !important;
    }

    .title_destaque{
        font-size:38px;line-height: 50px; font-family:'Lato', sans-serif; color:#242434;text-transform:uppercase;  
    }

    .title_destaque .first{
        display:block; font-family:'Lato', sans-serif;font-size:30px;line-height:20px; margin-top: 10px;
    }
}

.atuação_img{
    position: relative;
}

.atuação_fundo{
    position: absolute;
    background-color: #184F77;
    width: 100%;
    top: 0px;
    bottom: 0px;
    opacity: 0.7;
    display: none;
    border-top-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.atuação_fundo .fa{
    position: absolute;
    top: 38%;
    left: 43%;
    padding: 10px 15px;
    color: #fff;
    z-index: 9999;
    font-size: 2em;
    cursor: pointer;
}


.atuação_content_box{
    width: 100%;
    float: left;
}

.atuação_content_box img{
    width: 100%;
    height: 200px;
    border-top-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.atuação_content_box h1{
    font-size:28px;
    font-family:'Lato', sans-serif;
    color:#999; 
    margin: 10px 10px;
}

.atuação_content_box p{
    font-size:15px; font-family:'Lato', sans-serif;color:#242434;line-height:24px;border-left:1px solid #d0d8de;padding:3px 15px 3px 30px;margin-top:10px;
}

.atuação_content_box a{
    margin-top: 10px;
}

.atuação_img:hover > .atuação_fundo{
    display: block;
}

@media (max-width: 380px) {
    .atuação_content_box img{
        height: 100px !important;
    }

    .atuação_fundo{
        height: 100px !important;
    }

    .atuação_fundo .fa{
        top: 20%;
        left: 23%;

    }
}

/*INDEX CONTATO DEPOIMENTO*/
.box_contato_depoimento{
    position: relative;
    background-color: #000000 !important;
    margin-bottom: 20px;
}


@media (max-width: 380px) {
    .box_contato_depoimento img{

        height: 800px;

    }
}

.contato{
    margin-bottom: 20px;
    padding: 10px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.contato input{
    font-size: 1.2em !important;
    height: 50px;
    color: #fff !important;
    border-radius: 0px;
    background-color: transparent;

}

.contato textarea{    
    border-radius: 0px;
    background-color: transparent;

}

.depoimento{ 
    float: left;
    margin-bottom: 20px;
    border: 1px solid #fff;
    background-color: transparent;
    padding: 5px 10px;
    margin-top: 20px;
    width: 100%;
}

.depoimento img{
    float: left;
    width: 80px;
    height: 80px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.depoimento > h3{
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    font-size: 1em;
    color: #fff;
}

.depoimento > p{
    width: 80%;
    color: #ccc !important;
    float: right;
    margin-top: 5px;
    font-size: 1em;
    color: #fff;
}


/*INDEX ADVOGADOS*/

.adv_perfil{
    text-align: center;  
}

.adv_perfil img{
    width: 100%;
    height: 280px;
}

.adv_perfil h1{
    font-weight: 500;
    margin: 5px 0px;
    font-size: 1.5em;
}

.adv_perfil a{
    text-decoration: none;
    color: #000;
}
.adv_perfil a:hover{
    color: #000000;
}

.adv_perfil p{
    font-weight: 300;
    font-size: 1em;
}

@media (max-width: 380px) {
    .adv_perfil img{
        height: 100px;
    }
}

/*INDEX CLIENTE*/

.cliente{
    text-align: center;
}

.cliente img{
    width: 60%;
    border-radius: 50%;
}

@media (max-width: 380px) {
    .cliente img{
        width: 100%;
        height: 80px;
    }
}

.cliente h1{
    font-weight: 100;
    color: #fff;
    font-size: 1.5em;
    margin-top: 10px;
}

/*POST INDEX*/

.post_index{
    float: left;
    margin-bottom: 30px;
}

.post_index img{
    width: 100%;
    height: 200px;
}

.post_index h1{
    font-weight: 500;
    font-size: 1.2em;
}

.post_index a{
    text-decoration: none;
    color: #333;
}
.post_index a:hover{
    color: #666;
}

.post_index p{
    font-weight: 300;
    color: #999;
}

.post_index .time{
    text-align: left;
    background-color: #184F77;
    float: left;
    padding: 5px 10px;
    color: #fff;
}

/*LINK FOOTER*/

.link span{
    color: #069;
    margin-top: 10px;
}

.link ul{
    margin: 0px 0px 0px 30px !important;
    padding: 0px !important;
    list-style: none;
}

.link ul li{
    float: left;
    display: inline;
}

.link ul li a{
    float: left;
    padding: 20px;
    color: #fff;
}

/*LOCALIZAÇÃO FOOTER*/

.localiza h1{
    font-size: 1.2em;
    color: #333 !important;
    font-weight: 300;
    background-color: #fff;
    padding: 5px;
}

.localiza span{
    font-size: 1.2em;
    color: #fff !important;
    font-weight: 100;
    margin-bottom: 20px !important;
}

/*SOCIAL FOOTER*/

.siga_nos h1{
    font-size: 1.2em;
    color: #333 !important;
    font-weight: 300;
    background-color: #fff;
    padding: 5px;
}

.siga_nos .fa{
    font-size: 6em;
    margin-left: 30px;
    margin-top: 20px;
}

/*PAGINA CONTATO*/

.body_contato{
    background: #000000;
    margin-bottom: 20px;
}

.contato_info span{
    margin: 10px 00px;
    font-size: 1em; 
    display: block;
    color: #333;
}

.contato_info .fa{
    background-color: #2070AD;
    padding: 15px;
    color: #fff;
    font-size: 1.2em;
}

.contato_info h2, h3{
    font-size: 1.2em;
    color: #000000;
}

.contato_contato input{
    font-size: 1.2em !important;
    height: 50px;
    color: #fff !important;
    border-radius: 0px;
    border:1px solid #ccc;
    background-color: transparent;

}

.contato_contato textarea{  
    border:1px solid #ccc;
    border-radius: 0px;
    background-color: transparent;

}

/*POST CONTENT*/

.post-content img{max-width: 100% !important; margin-top: 10px;}
.post-content h1{font-size: 2.5em; font-weight: 500; color: #333; margin: 5px auto;}
.post-content .single_post{margin-top: 10px; display: block;}
.post-content .single_post h1{font-size: 2.5em; color: #333; margin: 5px auto;}
.post-content .single_post h2{font-size: 2em; color: #666; margin: 5px auto;}
.post-content .single_post h3{font-size: 1.5em; color: #999; margin: 5px auto;}
.post-content .single_post h4{font-size: 1em; color: #ccc; margin: 5px auto;}
.post-content .single_post h5{color: #333; margin: 5px auto;}
.post-content .single_post h6{color: #333; margin: 5px auto;}
.post-content .single_post img{margin: 15px auto !important; height: auto;}
.post-content .single_post p{font-size: 1.2em; font-weight: 300; margin-top: 10px; color: #999;}
.post-content .single_post a{font-size: 1.2em; color: #069;}
.post-content .single_post a:hover{text-decoration: underline;}
.post-content .single_post ul{margin: 0px; padding: 0px; text-align: left;}
.post-content .single_post ul li{text-align: left; color: #666; font-size: 1.2em; margin-left: 50px;}
.post-content .single_post ol{margin: 0px; padding: 0px; text-align: left;}
.post-content .single_post ol li{text-align: left; color: #666; font-size: 1.2em; margin-left: 50px;}

/*PAGE CONTENT*/

@media (max-width: 380px) {
    .page_content img{width: 100% !important; height: auto; max-width: 80% !important; margin: 0 auto;}
}
.page_content h1{font-size: 2.5em; font-weight: 500; color: #333; margin: 5px auto;}
.page_content h1{font-size: 2.5em; color: #333; margin: 5px auto;}
.page_content h2{font-size: 2em; color: #666; margin: 5px auto;}
.page_content h3{font-size: 1.5em; color: #999; margin: 5px auto;}
.page_content h4{font-size: 1em; color: #ccc; margin: 5px auto;}
.page_content h5{color: #333; margin: 5px auto;}
.page_content h6{color: #333; margin: 5px auto;}
.page_content p{font-size: 1.1em; font-weight: 300; margin-top: 10px; color: #999;}
.page_content a{font-size: 1.2em; color: #069;}
.page_content ul{margin: 0px; padding: 0px; text-align: left;}
.page_content ul li{text-align: left; color: #666; font-size: 1.2em; margin-left: 50px;}
.page_content ol{margin: 0px; padding: 0px; text-align: left;}
.page_content ol li{text-align: left; color: #666; font-size: 1.2em; margin-left: 50px;}



.post_autor span{
    font-size: 1.5em;
    font-weight: 300;
    text-align: left;
}

.post_autor .info{   
    float: left;
    width: 100%;
    background-color: #000000;
    padding: 10px 20px;
}

.post_autor img{
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.post_autor h3{
    float: left;
    margin-left: 30px;
    margin-top: 30px;
    font-size: 1.5em;
    font-weight: 300;
    color: #fff;
}

.post_categoty{
    padding: 20px;

}

.post_categoty span{
    font-size: 1.5em;
    color: #fff;
    background-color: #000000;
    padding: 10px;
}

.post_categoty ul{
    text-align: left;
    margin: 20px 0px;
    padding: 0px;
    list-style: none;
}

.post_categoty ul li{
    display: block;
    font-size: 1.2em;
}

.post_categoty ul li a{
    font-weight: 300;
    color: #000;
}

.post_categoty ul li a:hover{
    text-decoration: none;
    color: #999;
}

.post_veja_mais{
    padding: 20px;

}

.post_veja_mais span{
    font-size: 1.5em;
    color: #fff;
    background-color: #000000;
    padding: 10px;
}

.post_veja_mais ul{
    text-align: left;
    margin: 20px 0px;
    padding: 0px;
    list-style: none;
}

.post_veja_mais ul li{
    margin-top: 20px;
    display: block;
    font-size: 1.2em;
}

.post_veja_mais ul li a{
    font-weight: 300;
    color: #000;
}

.post_veja_mais ul li a:hover{
    text-decoration: none;
    color: #999;
}