/*
Theme Name: Leadfy
Theme URI: http://themify.me/themes/themify-ultra
Version: 1.0
Description: Drive more leads
Author: Leadfy
Author URI: http://interno.leadfy.me
Template: themify-ultra

---------
*/

@import url("../themify-ultra/style.css");

/************************************************************************************
FONTES
*************************************************************************************/


/*@font-face {
    font-family: 'clash_groteskbold';
    src: url('./fonts/clashgrotesk-bold-webfont.woff2') format('woff2'), url('clashgrotesk-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'clash_groteskextralight';
    src: url('./fonts/clashgrotesk-extralight-webfont.woff2') format('woff2'), url('clashgrotesk-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'clash_grotesklight';
    src: url('./fonts/clashgrotesk-light-webfont.woff2') format('woff2'), url('clashgrotesk-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'clash_groteskmedium';
    src: url('./fonts/clashgrotesk-medium-webfont.woff2') format('woff2'), url('clashgrotesk-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'clash_groteskregular';
    src: url('./fonts/clashgrotesk-regular-webfont.woff2') format('woff2'), url('clashgrotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'clash_grotesksemibold';
    src: url('./fonts/clashgrotesk-semibold-webfont.woff2') format('woff2'), url('clashgrotesk-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;900&display=swap');

/************************************************************************************
HEADER
*************************************************************************************/

a {
    outline: none !important;
}

a,
.post-nav .arrow {
    color: #1b1b1b;
}

#main-nav a {
    font-family: 'Inter';
    font-weight: 400;
    color: #1B1B1B;
    font-size: 20px;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
}

#main-nav a:hover {
    color: #1B1B1B;
}

#main-nav .country-selector {
    *display: none !important;
}

#main-nav li.current-menu-item,
#main-nav li:hover {}

#main-nav li.current-menu-item a,
#main-nav li:hover a {
    color: #1B1B1B;
    border-bottom: 2px solid #1B1B1B;
}

#main-nav li.weglot-lang:hover a {
    border-bottom: 2px solid rgba(0, 0, 0, 0);
}

#site-logo a img {
    max-width: 100px;
}


/************************************************************************************
Destaque
*************************************************************************************/

.highlight {
    position: relative;
}

.highlight::before {
    background-color: #DAFF01;
    content: "";
    position: absolute;
    width: calc(100% + 4px);
    height: 25%;
    left: -2px;
    bottom: 20%;
    z-index: -1;
    transform: rotate(-1deg);
}

.fixed-header .header-bar {
    display: block !important;
}


/************************************************************************************
INTRO
*************************************************************************************/

body:not(.mobile_menu_active) .intro .row_inner .module_column.first {
    padding-left: calc(50vw - 580px);
}

.intro .module_subrow .module_column.first {
    padding-left: 0 !important;
}

.intro .module-text h2 {
    font-family: 'Inter';
    font-weight: 600;
    color: #1B1B1B !important;
    font-size: 64px;
    line-height: 100%;
}

.intro .module-text p {
    font-family: 'Inter';
    font-weight: 500;
    color: #1B1B1B !important;
    font-size: 32px;
    line-height: 120%;
}

.intro .module-buttons a,
.vendas .module-buttons a,
.module-buttons.test-drive a,
#rd-button-lgqo86gw.bricks--component,
#rd-button-luidn9t4.bricks--component {
    background: #DAFF01 !important;
    border: 1px solid #1B1B1B !important;
    color: #1B1B1B !important;
    font-family: 'Inter';
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 120% !important;
    width: 100%;
    text-transform: none;
}

.intro .module-buttons a:hover,
.vendas .module-buttons a:hover,
.module-buttons.test-drive a:hover {
    background: #1B1B1B !important;
    border: 1px solid #1B1B1B !important;
    color: #DAFF01 !important;
    transform: none;
}

.intro .module-plain-text button,
.vendas .module-plain-text button,
.module-plain-text.diagnostico button {
    background: #1B1B1B !important;
    border: 1px solid #1B1B1B !important;
    color: #FDFFF1 !important;
    font-family: 'Inter' !important;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 120% !important;
    width: 100%;
    border-radius: 0 !important;
    transition: color .3s linear !important;
    transition-property: color, background-color, padding, border, box-shadow !important;
    letter-spacing: 2px !important;
}

.intro .module-plain-text button:hover,
.vendas .module-plain-text button:hover,
.module-plain-text.diagnostico button:hover {
    background: #FDFFF1 !important;
    border: 1px solid #1B1B1B !important;
    color: #1B1B1B !important;
    transform: none !important;
    box-shadow: 0 17px 30px 0 rgba(0, 0, 0, .3) !important;
}


/************************************************************************************
VENDAS
*************************************************************************************/

.vendas .module-text h2,
.module-text.titulo h2 {
    font-family: 'Inter';
    font-weight: 600;
    font-style: normal;
    font-size: 40px;
    line-height: 100%;
    color: #1B1B1B;
}

.vendas .module-text p,
.module-text.titulo p {
    font-family: 'Inter';
    font-weight: 500;
    color: #1B1B1B !important;
    font-size: 24px;
    line-height: 120%;
}

p,
.module-text p,
.post-date {
    font-family: 'Inter';
    font-weight: 400;
    color: #1B1B1B !important;
    font-size: 20px;
    line-height: 120%;
}

.vendas .cards {
    background: #1B1B1B;
    padding: 24px 37px 32px 24px;
}

.vendas .cards .module-plain-text svg {
    color: #DAFF01;
    width: 37px;
    height: 37px;
}

.vendas .cards .module-text h3 {
    font-family: 'Inter';
    font-weight: 500;
    color: #FDFFF1;
    font-size: 24px;
    text-align: left;
    line-height: 120%;
    font-weight: 500;
    margin-bottom: 0;
    padding-bottom: 30px;
}

.vendas .cards .module-text h3::after {
    position: relative;
    display: block;
    content: "";
    background: #DAFF01;
    height: 4px;
    width: 113px;
    bottom: -10px;
}

.vendas .cards .module-text p {
    font-family: 'Inter';
    font-weight: 400;
    color: #FDFFF1 !important;
    font-size: 20px;
    text-align: left;
    line-height: 120%;
    margin: 0;
}


/************************************************************************************
ANUNCIE
*************************************************************************************/

.anuncie .col6-1 .module-image .module-title {
    font-family: 'Inter';
    font-weight: 500;
    color: #1B1B1B !important;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    margin: 0 0 5px;
}


/************************************************************************************
INVESTIEMNTO
*************************************************************************************/

.investimento.slider {
    background: #1B1B1B;
    padding: 3% 37px 3% 37px;
}

.investimento.slider .slider h1 {
    position: relative;
    font-family: 'Inter';
    font-weight: 500;
    color: #DAFF01;
    font-size: 40px;
    line-height: 100%;
    text-align: right;
}

.investimento.slider .slider.qty h1:after {
    position: absolute;
    display: block;
    background: #DAFF01;
    content: '';
    width: 24px;
    height: 24px;
    transform: rotate(45deg);
    border-radius: 2px;
    right: -110px;
    top: 10px;
}

.investimento.slider .slider {
    padding-right: 80px;
}

.investimento.slider .slider.price {
    padding-right: 0;
    padding-left: 80px;
}

.investimento.slider .slider p {
    font-family: 'Inter';
    font-weight: 400;
    color: #FDFFF1 !important;
    font-size: 20px;
    line-height: 120%;
    text-align: right;
}

.investimento.slider .slider.price p,
.investimento.slider .slider.price h1 {
    text-align: left;
}

#leadfySlider {
    height: 38px;
    -webkit-appearance: none;
    width: 100%;
    padding: 0 !important;
    border: 0;
    background: transparent;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

#leadfySlider.slider-progress {
    --range: calc(var(--max) - var(--min));
    --ratio: calc((var(--value) - var(--min)) / var(--range));
    --sx: calc(0.5 * 32px + var(--ratio) * (100% - 32px));
}

#leadfySlider:focus {
    outline: none;
}

#leadfySlider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background: #DAFF01;
    border: none;
    box-shadow: none;
    margin-top: calc(8px * 0.5 - 32px * 0.5);
}

#leadfySlider:after {
    position: absolute;
    content: url('./img/car.png');
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background: transparent;
    line-height: 32px;
    text-align: center;
    left: calc( var(--sx) - 16px);
    top: 3px;
}

#leadfySlider::-webkit-slider-runnable-track {
    height: 8px;
    border: none;
    border-radius: 8px;
    background: #FDFFF1;
    box-shadow: none;
}

#leadfySlider.slider-progress::-webkit-slider-runnable-track {
    background: linear-gradient(#DAFF01, #DAFF01) 0/var(--sx) 100% no-repeat, #FDFFF1;
}

#leadfySlider::-moz-range-thumb {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background: #DAFF01;
    border: none;
    box-shadow: none;
}

#leadfySlider::-moz-range-track {
    height: 8px;
    border: none;
    border-radius: 8px;
    background: #FDFFF1;
    box-shadow: none;
}

#leadfySlider.slider-progress::-moz-range-track {
    background: linear-gradient(#DAFF01, #DAFF01) 0/var(--sx) 100% no-repeat, #FDFFF1;
}

#leadfySlider::-ms-fill-upper {
    background: transparent;
    border-color: transparent;
}

#leadfySlider::-ms-fill-lower {
    background: transparent;
    border-color: transparent;
}

#leadfySlider::-ms-thumb {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background: #DAFF01;
    border: none;
    box-shadow: none;
    margin-top: 0;
    box-sizing: border-box;
}

#leadfySlider::-ms-track {
    height: 8px;
    border-radius: 8px;
    background: #FDFFF1;
    border: none;
    box-shadow: none;
    box-sizing: border-box;
}

#leadfySlider.slider-progress::-ms-fill-lower {
    height: 8px;
    border-radius: 8px 0 0 8px;
    margin: -undefined 0 -undefined -undefined;
    background: #DAFF01;
    border: none;
    border-right-width: 0;
}

.ticks {
    position: absolute;
    z-index: 0;
    top: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 22.5px;
}

.tick {
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: center;
    width: 2px;
    background: #FDFFF1;
    height: 15px;
    border-radius: 0;
    line-height: 50px;
    bottom: -30px;
}

p.obs {
    color: #FDFFF1 !important;
    margin: 20px 0 0;
}


/************************************************************************************
BLOG
*************************************************************************************/

.module-post h2,
article .post-title a,
article h2.post-title {
    font-family: 'Inter';
    font-weight: 600;
    color: #1B1B1B;
    font-size: 24px;
    line-height: 120%;
    text-align: left !important;
}

.post-title a:hover {
    text-decoration: none;
    color: #1b1b1b;
}

.module-post p,
.post-date,
.search article p {
    text-align: left;
}

.module-post article,
.search article {
    border: 0.5px solid rgba(27, 27, 27, 0.4);
}

.module-post article .post-content,
.search article .post-content {
    padding: 0px 20px;
}


/************************************************************************************
FOOTER
*************************************************************************************/

.footer {
    margin-top: 5%;
    border-top: 0.5px solid rgba(27, 27, 27, 0.4);
}

.footer p {
    margin: 0;
}

.post-image img {
    border-radius: 0;
}

.transparent-header #headerwrap.fixed-header,
#headerwrap.fixed-header,
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.single .post-content .post-date,
.loops-wrapper.list-post .post-date,
.mobile-menu-visible.header-overlay #headerwrap,
#pagewrap .back-top-float {
    background-color: #DAFF01;
}

#pagewrap .back-top,
#pagewrap .back-top a {
    color: #1B1B1B !important;
}

#pagewrap .back-top:hover,
#pagewrap .back-top:hover a {
    background: #1B1B1B;
    color: #FDFFF1 !important;
}


/************************************************************************************
MOBILE
*************************************************************************************/

#headerwrap .header-icons a#menu-icon {
    position: relative;
    top: 7px;
    color: #181818;
}

.boxed-content,
#slide-cart,
.header-minbar .sidemenu,
.header-slide-out .sidemenu,
.mobile_menu_active .sidemenu,
#headerwrap,
#footerwrap {
    background-color: #DAFF01;
    color: #181818;
}

.mobile-menu-visible #headerwrap #main-nav a {
    color: #181818;
}

.mobile_menu_active .module-row:not(.fullwidth) .row_inner {
    max-width: 90% !important;
    margin: 0 auto !important;
}

.mobile_menu_active .intro .module-text h2 {
    font-size: 48px;
}

.mobile_menu_active .intro .module-text p {
    font-size: 24px;
    margin-bottom: 0;
}

.mobile_menu_active .module_column.bg {
    height: 50vw;
    margin-bottom: 10%;
}

.mobile_menu_active .module-text.titulo h2 {
    position: relative;
    font-size: 32px;
}

.mobile_menu_active .vendas .cards {
    margin-bottom: 30px;
}

.mobile_menu_active .anuncie .col6-1.first {
    display: none;
}

.mobile_menu_active .anuncie .module_column:nth-of-type(2) {
    width: 90vw;
    left: -45vw;
    margin-bottom: 1em;
}

.mobile_menu_active .investimento {
    padding-top: 20% !important;
}

.mobile_menu_active .investimento.slider .slider {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.mobile_menu_active .investimento.slider .slider.qty h1:after {
    display: none;
}

.mobile_menu_active .investimento.slider .slider h1,
.mobile_menu_active .investimento.slider .slider p {
    text-align: left !important;
}

.mobile_menu_active .investimento.slider .slider.price h1,
.mobile_menu_active .investimento.slider .slider.price p {
    text-align: right !important;
}

.mobile_menu_active .investimento.slider {
    padding-bottom: 20%;
}

.mobile_menu_active .ticks {
    top: -32px;
}

.mobile_menu_active .blog {
    padding-top: 20% !important;
}

.mobile_menu_active .blog .titulo h2 {
    text-align: center;
}

.mobile_menu_active .footer p {
    font-size: 10px;
}

.mobile_menu_active #pagewrap .back-top-float {
    display: none;
}

.mobile_menu_active .vendas .module-text.titulo p .highlight.mercado:before,
.mobile_menu_active .blog .highlight.novidades:before,
.vendas h2 .highlight:before,
.anuncie h2 .highlight:before,
.investimento h2 .highlight:before {
    display: none !important;
}

.mobile_menu_active iframe {
    max-height: calc( 100vh - 130px) !important;
}

.mobile_menu_active .module-buttons.test-drive.english a {
    width: 70vw;
    bottom: -3px;
}

.mobile_menu_active .fixed-header div#site-logo {
    position: relative;
    top: 7px;
}

.mobile_menu_active .footerMobile {
    position: fixed;
    top: calc( 100dvh - 80px);
    max-width: 72vw;
    z-index: 99998;
    transform: translate(0, 0) !important;
    height: -webkit-fill-available;
    -webkit-overflow-scrolling: touch;
}

.mobile_menu_active .footer .module-image{
    text-align: center;
}

.mobile_menu_active .footer .module-image img{
    max-width: 35vw;
    margin: 3vw auto;
}
/*
.mobile_menu_active .anuncie .highlight.horas::before {
    width: 130px;
    height: 8px;
    left: -265px;
    bottom: 6px;
}

.mobile_menu_active .vendas .module-text.titulo h2 .highlight::before {
    width: 180px;
    height: 8px;
    left: -230px;
    bottom: 8px;
}

.mobile_menu_active .investimento .highlight.vendas::before {
    width: 120px;
    height: 8px;
    left: -188px;
    bottom: 6px;
}

*/

.footerMobile {
    position: fixed;
    top: calc( 100vh - 100px);
    max-width: 100%;
    z-index: 99998;
}

.page.mobile_menu_active #bricks-component-0qw241IWS0BNiQlYe7jM8g-wrapper.floating-button.rdstation-popup-position-bottom_right {
    height: 190px !important;
}

.footerMobile .row_inner {
    margin: 0 !important;
}

.footerMobile .row_inner .module-buttons a {
    padding: 0;
    line-height: 40px;
}

.footerMobile .row_inner .module-plain-text.diagnostico button {
    display: block !important;
    padding: 0 !important;
    width: 100% !important;
    font-family: 'Inter' !important;
    font-weight: 400;
    font-size: 16px !important;
    font-weight: normal !important;
}

.mobile_menu_active .footerMobile .row_inner .module-buttons a,
.mobile_menu_active .footerMobile .row_inner .module-plain-text.diagnostico button {
    font-family: 'Inter' !important;
    font-weight: 600;
    font-size: 12px !important;
}

.mobile_menu_active .footer .image-wrap {
    width: 100%;
    text-align: center;
}

.module.module-icon.tb_xvvn942.large.circle.icon_horizontal.tf_textl {
    text-align: center;
}

.mobile_menu_active .footer .module-plain-text p {
    text-align: center !important;
}

.mobile_menu_active .footerMobile .row_inner .module-buttons a {
    display: table-cell;
    height: 55px;
    vertical-align: middle;
}


/************************************************************************************
POST BLOG
*************************************************************************************/

.single .post-title a {
    font-family: 'Inter';
    font-weight: 600;
    font-style: normal;
    font-size: 40px;
    line-height: 100%;
    color: #1B1B1B;
}

.single .resumo {
    font-family: 'Inter';
    font-weight: 500;
    color: #1B1B1B !important;
    font-size: 24px;
    line-height: 120%;
}

.single p,
.single p strong {
    font-family: 'Inter';
    font-weight: 400;
    color: #1B1B1B !important;
    font-size: 20px;
    line-height: 120%;
}

.single p strong {
    font-family: 'Inter';
    font-weight: 500;
}

#sidebar .widgettitle {
    font-family: 'Inter';
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 100%;
    color: #1B1B1B;
}

#sidebar a {
    position: relative;
    font-family: 'Inter';
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 100%;
    color: #1B1B1B;
}


/*#sidebar .widget_categories li:hover a:before {
    background-color: #DAFF01;
    content: "";
    position: absolute;
    width: calc(100% + 4px);
    height: 25%;
    left: -2px;
    bottom: 20%;
    z-index: -1;
    transform: rotate(-1deg);
}*/

.page_title_prefix {
    display: none !important;
}

#rd-button-lgmjkiu8.bricks--component {
    background: rgba(38, 92, 84, 1) !important;
    color: #fff !important;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    width: 100%;
    text-transform: none;
    border: none !important;
}

.page.mobile_menu_active #bricks-component-lQ_aBT2fr11LbkxNJ-a99Q-wrapper.rdstation-popup-position-bottom_right.floating-button.floating-button--close .bricks--floating--button {
    bottom: 10px !important;
}

.home.mobile_menu_active .footer {
    margin-bottom: 120px !important;
}


/************************************************************************************
POPUP
*************************************************************************************/

.tf_social_sharing {
    display: none !important;
}

.mfp-iframe-wrapper {
    text-align: center !important;
}

iframe#popUpFormRDStation {
    position: fixed;
    top: 10%;
    width: 100%;
    height: 5px;
    z-index: 999999;
    display: none;
}

.single .related-posts {
    display: none !important;
}