/*
Theme Name: Roncato Advogados
Theme URI: https://roncatoadvogados.com.br/
Author: Agencia TH2
Author URI: http://www.agenciath2.com.br
Description: Tema desenvolvido para Roncato Advogados.
Version: 1.0
License: GNU General Public License v2 or later
*/

/*Reset Css*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*Reset css*/

/*Hambuger*/

.hamburger {padding: 0;}
.hamburger>div {width: 40px;height: 23px;}
.hamburger>div>div {width: 100%;}
.hamburger>div>div::after {width: 100%;left: initial;right: 0;}
.hamburger>div>div::before {width: 100%;}

/*Hambuger*/

/*Default*/

html {
    height: 100%;
}
body {
    min-height: 100%;
    font-family: 'Roboto', sans-serif;
}
.spacer-10 {
    display: block;
    height: 10px !important;
}
.spacer-20 {
    display: block;
    height: 20px !important;
}
.spacer-30 {
    display: block;
    height: 30px !important;
}
.spacer-40 {
    display: block;
    height: 40px !important;
}
.spacer-50 {
    display: block;
    height: 50px !important;
}
.spacer-60 {
    display: block;
    height: 60px !important;
}
.spacer-70 {
    display: block;
    height: 70px !important;
}
.spacer-80 {
    display: block;
    height: 80px !important;
}
.spacer-90 {
    display: block;
    height: 90px !important;
}
.spacer-100 {
    display: block;
    height: 100px !important;
}
.spacer-110 {
    display: block;
    height: 110px !important;
}
.spacer-120 {
    display: block;
    height: 120px !important;
}
.spacer-130 {
    display: block;
    height: 130px !important;
}
.spacer-140 {
    display: block;
    height: 140px !important;
}
.spacer-150 {
    display: block;
    height: 150px !important;
}
.spacer-160 {
    display: block;
    height: 160px !important;
}
.spacer-170 {
    display: block;
    height: 170px !important;
}
.spacer-180 {
    display: block;
    height: 180px !important;
}
.spacer-190 {
    display: block;
    height: 190px !important;
}
.spacer-200 {
    display: block;
    height: 200px !important;
}
.spacer-250 {
    display: block;
    height: 250px !important;
}
.spacer-300 {
    display: block;
    height: 300px !important;
}
b,
strong {
    font-weight: 600;
}
i,
em {
    font-style: italic;
}
.main-title {
    font-family: 'Open Sans', sans-serif;
}
.main-title * {
}
.main-title h1 {font-size: 60px;}
.main-title h2 {font-size: 55px;}
.main-title h3 {font-size: 50px;}
.main-title h4 {font-size: 40px;}
.main-title h5 {font-size: 35px;}
.main-title h6 {font-size: 30px;}
.main-text {font-size: 16px;line-height: 26px;font-weight: 200;}
.main-text.featured-text {font-size: 22px;line-height: 40px;font-weight: 200;}
.main-text img {
    overflow: hidden;
    margin-bottom: 20px;
    max-width: 100%;
    display: inline-block;
}
.main-text p {
    margin-bottom: 20px;
}
.main-text h1 {
    font-weight: bold;
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}
.main-text h2 {
    font-weight: bold;
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}
.main-text h3 {
    font-weight: bold;
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}
.main-text h4 {
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}
.main-text h5 {
    font-weight: bold;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}
.main-text h6 {
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}
.main-text a {
    text-decoration: none;
}
.main-text a:hover {
    text-decoration: underline;
}
.main-text ul {
    margin-bottom: 20px;
}
.main-text ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 20px;
}
.main-text ul li::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: #000;
    left: 0;
    top: 11px;
}
.main-text.text-white ul li::before {
    background: #fff;
}
.main-text ol {
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 20px;
}
.main-text *:last-child {
    margin-bottom: 0;
}
.main-text table {
    border-collapse: collapse;
    width: 100%;
    margin: 1.5em 0;
    font-size: 1rem;
    color: #525252;
}

.main-text table th,
.main-text table td {
    border: 1px solid #ccc;
    padding: 0.75em;
    text-align: left;
    vertical-align: top;
}

.main-text table th {
    background-color: #bb8b10;
    color: #fff;
    font-weight: bold;
}

.main-text table td[style*="background: #bb8b10"],
.main-text table td[style*="background-color: #bb8b10"] {
    color: #fff !important;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-black, .text-black * {
    color: #000;
}
.text-white, .text-white * {
    color: #fff;
}
.text-dark-gray, .text-dark-gray * {
    color: #525252;
}
.text-darker-gray, .text-darker-gray * {
    color: #3A3A3A;
}
.text-light-gray, .text-light-gray * {
    color: #adadad;
}
.text-lighter-gray, .text-lighter-gray * {
    color: #E8E8E8;
}
.text-light-brown, .text-light-brown * {
    color: #bb8b10;
}
.bg-black {
    background-color: #000 !important;
}
.bg-white {
    background-color: #fff !important;
}
.bg-dark-gray {
    background-color: #525252 !important;
}
.bg-darker-gray {
    background-color: #3A3A3A !important;
}
.bg-light-gray {
    background-color: #adadad !important;
}
.bg-lighter-gray {
    background-color: #E8E8E8 !important;
}
.bg-light-brown {
    background-color: #bb8b10 !important;
}
.main-text.title-black h1, .main-text.title-black h2, .main-text.title-black h3, .main-text.title-black h4, .main-text.title-black h5, .main-text.title-black h6 {
    color: #000;
}
.main-text.title-white h1, .main-text.title-white h2, .main-text.title-white h3, .main-text.title-white h4, .main-text.title-white h5, .main-text.title-white h6 {
    color: #fff;
}
.main-text.title-dark-gray h1, .main-text.title-dark-gray h2, .main-text.title-dark-gray h3, .main-text.title-dark-gray h4, .main-text.title-dark-gray h5, .main-text.title-dark-gray h6 {
    color: #525252;
}
.main-text.title-darker-gray h1, .main-text.title-darker-gray h2, .main-text.title-darker-gray h3, .main-text.title-darker-gray h4, .main-text.title-darker-gray h5, .main-text.title-darker-gray h6 {
    color: #3A3A3A;
}
.main-text.title-light-gray h1, .main-text.title-light-gray h2, .main-text.title-light-gray h3, .main-text.title-light-gray h4, .main-text.title-light-gray h5, .main-text.title-light-gray h6 {
    color: #adadad;
}
.main-text.title-lighter-gray h1, .main-text.title-lighter-gray h2, .main-text.title-lighter-gray h3, .main-text.title-lighter-gray h4, .main-text.title-lighter-gray h5, .main-text.title-lighter-gray h6 {
    color: #E8E8E8;
}
.main-text.title-light-brown h1, .main-text.title-light-brown h2, .main-text.title-light-brown h3, .main-text.title-light-brown h4, .main-text.title-light-brown h5, .main-text.title-light-brown h6 {
    color: #bb8b10;
}
.main-btn {padding: 12px 25px;border-radius: 4px;font-size: 14px;font-weight: 400;text-decoration: none !important;display: inline-block;line-height: 15px;}
.main-btn:hover {
    background-color: #3A3A3A !important;!i;!;
}
::placeholder {
}
.parallax {
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.alignleft {
    float: left;
    margin-right: 30px;
}
.alignright {
    float: right;
    margin-left: 30px;
}
img.alignright, img.alignleft {
    width: 50%;
    display: block;
}
.aligncenter {
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}
.main-form {font-size: 16px;}
.main-form * {
    outline: transparent;
}
.main-form>div {margin-bottom: 16px;}
.main-form>div input {width: 100%;padding: 15px 20px;border: none;color: #7a7a7a;border-radius: 4px;}
.main-form>div textarea {width: 100%;padding: 15px 20px;border: none;color: #7a7a7a;border-radius: 4px;height: 150px;}
.main-form>div button {border: none;font-size: 17px;}
#featured-page {
}
#featured-page .wrapper-image {height: 50vh;min-height: 300px;background-size: cover;background-position: bottom 0px center;}
#featured-page .wrapper-content {background-image: url(img/bg-featured-page-content.jpg);}
#page-content .bottom-content {
}
#page-content .bottom-content>div {position: relative;}
#page-content .wrapper-img-page {position: absolute;left: 0;width: 100%;height: 100%;overflow: hidden;}
#page-content .wrapper-img-page img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.swal2-icon.swal2-success .placeholder {
    opacity: 1;
    background: transparent;
}

/*Default*/

/*Cards*/

.wrapper-cards-professionals {
}
.wrapper-cards-professionals>div {margin-bottom: 30px;}
.wrapper-cards-professionals>div>div {
}
.wrapper-cards-professionals>div>div>a {display: block;overflow: hidden;margin-bottom: 10px;}
.wrapper-cards-professionals>div>div>a img {transition: all ease .5s;display: block;}
.wrapper-cards-professionals>div>div>a:hover {
}
.wrapper-cards-professionals>div>div>a:hover img {transform: scale(1.1);}
.wrapper-cards-professionals>div>div>.wrapper-team-info {
}
.wrapper-cards-professionals>div>div>.wrapper-team-info p {font-size: 18px;font-weight: 500;}
.wrapper-cards-professionals>div>div>.wrapper-team-info .email {display: block;text-decoration: none;font-size: 15px;font-weight: 300;margin: 6px 0;}
.wrapper-cards-professionals>div>div>.wrapper-team-info .email:hover {text-decoration: underline;}
.wrapper-cards-professionals>div>div>.wrapper-team-info .linkedin {font-size: 20px;}
.wrapper-cards-professionals>div>div>.wrapper-team-info .linkedin i {
}
.wrapper-cards-professionals>div>div>.wrapper-team-info .linkedin:hover {
}
.wrapper-cards-professionals>div>div>.wrapper-team-info .linkedin:hover i {
}
.wrapper-cards-publications {
}
.wrapper-cards-publications>div {margin-bottom: 30px;}
.wrapper-cards-publications>div .wrapper-img {display: block;overflow: hidden;}
.wrapper-cards-publications>div .wrapper-img img {display: block;transition: all ease .5s;}
.wrapper-cards-publications>div .wrapper-img:hover {
}
.wrapper-cards-publications>div .wrapper-img:hover img {transform: scale(1.2);}
.wrapper-publication-info {padding: 10px 0;}
.wrapper-publication-info .title {text-decoration: none;font-size: 22px;font-weight: 500;display: block;margin-bottom: 10px;}
.wrapper-publication-info .title:hover {color: #bb8b10;}
.wrapper-publication-info>div {
}
.wrapper-publication-info>div p {font-size: 11px;display: flex;}
.wrapper-publication-info>div p:first-child {
    padding-right: 2px;
}
.wrapper-publication-info>div p:last-child {
    padding-left: 2px;
    justify-content: flex-end;
}
.wrapper-publication-info>div p i {display: inline-block;margin-right: 4px;}

/*Cards*/

/*Header*/

header {
    position: fixed;
    top: 0;
    width: 100%;
    transition: all ease .5s;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);
    z-index: 10;
}
header.sticked {
    background: transparent;
    backdrop-filter: blur(10px);
    --webkit-backdrop-filter: blur(10px);
    background-color: rgb(0 0 0 / 70%);
}
header * {
    transition: all ease .5s;
}
header>.top-menu {padding: 20px 0 0;height: auto;overflow: hidden;max-height: 300px;}
header.sticked>.top-menu {
    max-height: 0;
    height: auto;
    overflow: hidden;
    padding: 0;
}
header>.top-menu>div {
}
header>.top-menu>div>div {align-items: center;}
header>.top-menu>div>div>div {
}
.wrapper-languages {
}
.wrapper-languages a:first-child {
}
.wrapper-languages a {font-size: 14px;color: #fff;text-decoration: none;display: inline-block;position: relative;padding: 0 20px 10px;}
.wrapper-languages a::after {
    content: '';
    width: 100%;
    height: 2px;
    display: inline-block;
    background: #BB8B0F;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all ease .5s;
    opacity: 0;
}
.wrapper-languages a:hover, .wrapper-languages a.active {color: #BB8B0F;}
.wrapper-languages a:hover::after, .wrapper-languages a.active::after {opacity: 1;}
.wrapper-social-icons {
}
.wrapper-social-icons a {display: flex;padding: 0;background: transparent;color: #fff;border-radius: 1000px;position: relative;align-items: center;justify-content: center;width: 30px;height: 30px;text-decoration: none;transition: all ease .5s;margin-left: 10px;}
.wrapper-social-icons a i {
}
.wrapper-social-icons a:hover {background: #bb8b10;}
.wrapper-social-icons a:hover i {
}
footer .wrapper-social-icons a {
    width: 50px;
    height: 50px;
    font-size: 20px;
}
.main-menu {padding: 20px 0;}
.main-menu>div {
}
.main-menu>div>div {
    align-items: center;
}
.main-menu>div>div>div {
}
.main-menu>div>div>div>a {
}
.main-menu>div>div>div>a img {display: block;width: 255px;}
.sticked .main-menu>div>div>div>a img {width: 155px;}
.main-menu>div>div>div>nav {
}
.main-menu>div>div>div>nav>ul {
}
.main-menu>div>div>div>nav>ul>li {padding: 0 20px;position: relative;}
.main-menu>div>div>div>nav>ul>li:first-child {
    margin-left: 0;
}
.main-menu>div>div>div>nav>ul>li>a {text-decoration: none;color: #fff;display: inline-block;font-size: 14px;font-weight: 400;}
.main-menu>div>div>div>nav>ul>li>a+i {position: absolute;color: #fff;bottom: 10px;right: 20px;}
.main-menu>div>div>div>nav>ul>li::after {
    content: '';
    width: 100%;
    height: 2px;
    display: inline-block;
    background: #BB8B0F;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all ease .5s;
    opacity: 0;
}
.main-menu>div>div>div>nav>ul>li:hover>a {/* color: #bb8b10; */}

.main-menu>div>div>div>nav>ul>li:hover>a+i {/* color: #bb8b10; */}
.main-menu>div>div>div>nav>ul>li.active>a {color: #bb8b10;}

.main-menu>div>div>div>nav>ul>li.active>a+i {color: #bb8b10;}
.main-menu>div>div>div>nav>ul>li:hover::after {
    content: '';
    opacity: 1;
}
.main-menu>div>div>div>nav>ul>li.has-submenu {position: relative;padding: 0 40px 10px 20px;}
.main-menu>div>div>div>nav>ul>li.has-submenu .submenu {
    opacity: 0;
    position: absolute;
    width: 170px;
    background: #bb8b10;
    transform: translateY(10px);
    left: 0;
    z-index: 2;
    pointer-events: none;
}
.main-menu>div>div>div>nav>ul>li.has-submenu .submenu>li {
}
.main-menu>div>div>div>nav>ul>li.has-submenu .submenu>li>a {padding: 15px 20px;display: block;font-size: 12px;color: #fff;text-decoration: none;font-weight: 300;}
.main-menu>div>div>div>nav>ul>li.has-submenu .submenu>li>a:hover {background: #525252;}
.main-menu>div>div>div>nav>ul>li.has-submenu:hover {
}
.main-menu>div>div>div>nav>ul>li.has-submenu:hover .submenu {opacity: 1;pointer-events: initial;}

/*Header*/

/*Home*/

#featured-home {height: 100vh;overflow: hidden;min-height: 600px;display: flex;}
#featured-home>img {display: block;width: 100%;height: 100%;object-fit: cover;}
.wrapper-bg-sections-home {background-image: url(img/bg-sections-home.jpg);background-size: cover;background-position: top center;}
#who-we-are {padding: 80px 0 40px 0;}
#practice-areas {padding: 40px 0 80px 0;}
.areas-card-home {margin-bottom: 25px;}
.areas-card-home a {display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;padding: 40px 20px;border-radius: 10px;background: rgb(255 255 255 / 40%);font-size: 23px;text-decoration: none;}
.areas-card-home a:hover {background: #fff;}
#professionals {background-image: url(img/bg-team-home.jpg);}
#contact {
    background-image: url(img/bg-contato-home.jpg);
}

/*Home*/

/*Contato*/

#map {height: 450px;}
#map iframe {display: block;width: 100%;height: 100%;}

/*Contato*/

/*Pagenavi*/

.pagenavi {
}
.pagenavi .wp-pagenavi {display: flex;justify-content: end;align-items: center;}
.pagenavi .wp-pagenavi .page, .pagenavi .wp-pagenavi span {font-weight: 400;font-size: 16px;color: #fff;display: inline-flex;width: 30px;height: 30px;align-items: center;justify-content: center;line-height: 0;background: #bb8b10;border: none;}
.pagenavi .wp-pagenavi .current {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    line-height: 0;
    background: #525252;
    border: none;
}
.pagenavi .wp-pagenavi .nextpostslink {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    line-height: 0;
    background: #bb8b10;
    border: none;
}
.pagenavi .wp-pagenavi .previouspostslink {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    line-height: 0;
    background: #bb8b10;
    border: none;
}

/*Pagenavi*/

/*Mobile Menu*/

#mobile-menu {position: fixed;width: 100%;height: 100%;display: flex;flex-direction: column;height: 100%;justify-content: center;align-items: center;transition: all ease .5s;background: transparent;backdrop-filter: blur(10px);--webkit-backdrop-filter: blur(10px);background-color: rgb(0 0 0 / 70%);opacity: 0;pointer-events: none;z-index: 9;}
#mobile-menu.active {opacity: 1;pointer-events: initial;}
#mobile-menu>nav {
    width: 600px;
    max-width: 80%;
}
#mobile-menu>nav>ul {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
#mobile-menu>nav>ul>li {margin-bottom: 19px;padding-bottom: 10px;border-bottom: 1px solid #fff;width: 100%;position: relative;}
#mobile-menu>nav>ul>li:last-child {
    margin-bottom: 0;
    margin: 0;
    padding: 0;
    border: none;
}
#mobile-menu>nav>ul>li>a {text-decoration: none;color: #fff;display: inline-block;font-size: 33px;font-weight: 400;margin-bottom: 10px;}
#mobile-menu>nav>ul>li>a+i {position: absolute;color: #fff;top: 0;margin-left: 15px;font-size: 20px;margin-top: 10px;}
#mobile-menu>nav>ul>li:last-child>a+i {margin-top: 12px;}
#mobile-menu>nav>ul>li>.submenu {transition: all ease .5s;height: auto;max-height: 0;overflow: hidden;}
#mobile-menu>nav>ul>li>.submenu.active {height: auto;max-height: 900px;overflow: hidden;}
#mobile-menu>nav>ul>li>.submenu>li {padding: 10px 0;}
#mobile-menu>nav>ul>li>.submenu>li>a {text-decoration: none;color: #fff;display: inline-block;font-size: 20px;font-weight: 400;}

/*Mobile Menu*/