/*
 Theme Name:   ccl
 Description:  Layers Child Theme Test: http://www.oboxthemes.com
 Author:       Obox Themes
 Template:     layerswp
 Version:      1.0.1
 License:      GPL 2.0
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 
 This file is for demonstration and is intended as a teaching resource. 
 Do not use it directly in commercial child themes!
 
 For Help Adapting this file for your theme:
 http://docs.layerswp.com/child-theme-setup/
 
/* MAIN CSS */

.wrapper-content .section-title .heading,
.wrapper-content .section-title .heading a {font-weight: bold; line-height: 1.1;}

.widget-advogados .column {
    box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.1); 
    -webkit-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

.widget-advogados .column:hover {
    box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.3); 
    -moz-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.3);
    background-color: #fefefe;
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.widget-advogado .especializacao {display: inline-block; color: #ab882c; background: #000; padding: 15px; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}

/*---------------------------*/
/*- 2 FORMS  ----------*/

textarea, select, input                             {border: 1px solid #000;}
input[type="submit"],
button, .button {}
.form-submit input[type="submit"];{}

.button                                             {padding: 15px 30px;}

/* input[type="submit"], button, .button                {padding: 15px 30px;}

/* HEADER */

.header-secondary                                   {background: #131212fa;}
.header-site.is_stuck_show .custom-logo             {max-height: 53px;}

.site-description a, .nav-horizontal li a           {font-weight: 500!important; font-size: 1.4rem;}
.nav-horizontal li a:hover{}

/* TÍTULOS DAS SESSÕES */

.home .wrapper-content .section-title               {margin-bottom: 50px;}
.home .wrapper-content .section-title .heading      {text-transform: uppercase;}
.home .wrapper-content .section-title .heading:after{content: ''; display: block; width: 70px; height: 3px; background-color: #ae8735; text-align: center; margin-left: auto; margin-right: auto; margin-top: 15px;}

/* SLIDER */

.widget-slider                                      {position: relative; margin-top: -2px!important; z-index: 1;}
.widget-slider::after                               {content: ''; background: url(assets/images/separador-invertido.png) no-repeat top; width: 100%; height:140px; display: inline-block; bottom: -81px; position: absolute; z-index: 1;}
.widget-slider.widget-slider                        {overflow: visible;}
.widget-slider .section-title                       {margin-bottom: 0;}
.home .wrapper-content .widget-slider .section-title .heading:after       {display: none;}

/* SOBRE NÓS */

.widget-sobre-nos                                   {position: relative;}
.widget-sobre-nos + .container                      {padding-top: 90px;}
.widget-sobre-nos .grid .span-4                     {border-radius: 7px; padding:60px 30px;}
.widget-sobre-nos .grid .heading                    {border-top: 1px solid #a47c52; padding-top: 30px; margin-top: 30px;}

/* ADVOGADOS */

.home .widget-advogados                             {position: relative; z-index: 1; padding-bottom: 120px;}
.home .widget-advogados::before                     {content: ''; background: url(assets/images/separador.png) no-repeat top; width: 100%; height:140px; display: inline-block; top: -82px; position: absolute;}
.home .widget-advogados::after                      {content: ''; background: url(assets/images/separador-invertido.png) no-repeat top; width: 100%; height:140px; display: inline-block; bottom: -81px; position: absolute;}
.widget-advogados .media-image                      {background-color: #fafafa;}
.widget-advogados .media-body .heading              {font-weight: bold; text-transform: uppercase;}

.widget-advogado.widget-advogado-renato-cumha       {background: url(assets/images/bg-destaque-advogado.jpg) no-repeat top; width: 100%; height: 768px;}

.widget-advogados .column {margin-left:auto; margin-right: auto;}

/* LOCALIZAÇÃO */

.widget-localizacao                                 {position: relative;}
.widget-localizacao::before                         {content: ''; background: url(assets/images/separador.png) no-repeat top; width: 100%; height:140px; display: inline-block; top: -81px; position: absolute;}
.widget-localizacao .layers-map                     {margin-left: 20px; margin-right: 20px;}

.title-container                                    {position: relative; margin-bottom: 25px;}
.title-container::after                             {content: ''; background: url(assets/images/separador-invertido.png) no-repeat top; width: 100%; height:140px; display: inline-block; bottom: -81px; position: absolute;}
.title-container .title                             {padding-bottom: 100px; padding-top: 30px;}

/* BLOG */

.archive .wrapper-content article footer            {display: none;}

#contact-form-overlay-mini                          {float: right; width: 380px;}
#contact-form-overlay, #contact-form-overlay-mini   {position: relative; max-width: 800px; background-color: #FFF; padding: 40px; margin: 0 auto; z-index: 10; border-radius: 4px; box-shadow: 0 1px 10px rgba(0,0,0,0.15);}

.widget-passos-consulta
{
    box-shadow:5px 15px 50px rgba(0, 0, 0, 0.2); 
    -webkit-box-shadow:5px 15px 50px rgba(0, 0, 0, 0.2); 
    -moz-box-shadow:5px 15px 50px rgba(0, 0, 0, 0.2);
}

/* SIDEBAR */

.sidebar h5.section-nav-title                       {border-bottom: 1px solid; padding-bottom: 10px; margin-bottom: 20px; font-size: 2rem; color: black;}

/* TITLE-CONTAINER */

.wrapper-content .title-container .heading          {font-weight: bold;}

/* FOOTER */
.home .footer-site                                  {padding-top: 0; margin-top: 0;}
.home .footer-site::before                          {display: none;}

.footer-site                                        {padding-top: 60px; padding-bottom: 0; margin-top: 80px;}
.footer-site::before                                {content: ''; background: url(assets/images/separador.png) no-repeat top; width: 100%; height:138px; display: inline-block; margin-top: -141px; position: absolute;}
.footer-site > .container                           {padding-top: 50px;}
.footer-site .grid a:hover                          {color: #ab882c;}
.footer-site .content                               {padding-bottom: 30px;}
.footer-site .content-vertical-massive              {padding-top: 0;}
.footer-site .widget_nav_menu > .section-nav-title,
.footer-site .section-title .heading,
.footer-site .media-body > .heading                 {text-transform: uppercase; color: #ab882c; font-size: 1.5rem!important; font-weight: bold;}
.footer-site .section-title,
.footer-site .section-title a                       {margin-bottom: 15px;}
.footer-site .grid .section-title,
.footer-site .grid .section-title a                 {font-weight: normal; font-size: 1.5rem!important; margin-bottom: 8px; text-transform: none;}
.footer-site .grid article                          {margin-bottom: 0; position: relative;}
.footer-site .grid .fa                              {display: inline;}
.footer-site .container .grid                       {margin-left: 0; margin-right: 0; padding-bottom: 0;}

.footer-site .addtoany_share_save_container         {display: none;}

.widget-redes-sociais p a                           {background: #ad8a2c; padding: 10px 15px; margin-right: 5px; border: 1px solid #ad8a2c!important;}
.widget-redes-sociais p a:hover                     {background: #fff; color: #ad8a2c; border: 1px solid #ad8a2c;}
.widget-redes-sociais p a i                         {line-height: 3;}

.wpcf7 .ajax-loader                                 {margin-left:-20px!important;}
.grid + .copyright                                  {border-top: 1px solid #1b1b1b; color: #ab882c;}

/* Desktop grande */
@media (max-width: 1024px) {

    .header-site .custom-logo                       {max-height: 55px;}

}

/* Desktop grande */
@media (min-width: 1024px) {

    .footer-site .container .grid .span-3:nth-child(1) {width: 15%!important;}
    .footer-site .container .grid .span-3:nth-child(2) {width: 15%!important;}
    .footer-site .container .grid .span-3:nth-child(3) {width: 35%!important;}
    .footer-site .container .grid .span-3:nth-child(4) {width: 25%!important;}
    
}

/* Tablet em retrato a paisagem e desktop */
@media (min-width: 769px){
    /* estilos aqui */
    
    /* BLOG */
    .archive .wrapper-content article .copy .excerpt {float: none;}
    .archive .wrapper-content article .meta-info     {width: 100%; clear: none;}

}

/* Telefones em paisagem e abaixo */
@media (max-width: 768px) {
    /* estilos aqui */
    
    div[class*=' off-canvas-']                       {background: #000;}

    .close-canvas                                    {padding: 0; background: none; top: 0; right: 20px; overflow: hidden; width: 30px; height: 23px;}
    
    .nav-vertical                                    {margin-top: 20%;}
    .off-canvas-right .menu a,
    .nav-vertical a                                  {padding: 3px 0; font-weight: 100; font-size: 2rem;}
    .l-close:before                                  {font-size: 2rem;}

    .widget-slider .container .section-title .heading{font-size: 30px!important;}
    
    .footer-site .container .grid                    {padding-bottom: 0;}
    .footer-site .container .grid .span-3 .container {padding: 0;}
    .footer-site .container .grid .span-3:nth-child(3) {margin-left:0!important; margin-right: 0!important;}
    .footer-site .container .grid .span-3.last       {margin-left: 0; margin-right: 0; margin-bottom: 0;}


}

/* Telefones em paisagem e abaixo */
@media (max-width: 480px) {
    /* estilos aqui */

    .title-container .heading                        {font-size: 3.5rem;}

    .archive .wrapper-content article .heading       {font-size: 3rem;}

}