/*
 Theme Name:   Leasing Qro.
 Description:  Arrendamiento Puro y Leaseback
 Author:       weeki
 Author URI:   weeki.mx
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


@font-face {
  font-family: 'Gilroy';
  src: local('Gilroy'),
       local('Gilroy ExtraBold'),
       local('Gilroy-ExtraBold'),
       url(fonts/Gilroy-ExtraBold.otf) format('opentype');
}

.wd-social-icons{
	--social-color:#f99a1f;
}

/* Elements styles */
legend, h1, h2, h3, h4, h5, h6, .title, .woocommerce-Reviews .comment-reply-title {
    font-family: 'Gilroy', 'Montserrat', sans-serif !important;
    text-transform: uppercase;
	letter-spacing: 0.03em;
}

.color-main{ color: #CB043C;}
.color-white{ color: white;}

.btn{
    padding: 10px 26px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    margin: 10px 10px 10px 0;
    cursor: pointer;
    transition: 350ms;
    border: none;
}
.btn:hover{
    filter: brightness(0.9);
    transform: translateY(-2px);
}
.btn-red{
    background-color: var(--color-main);
    color: white !important;
}
.btn-white{
    background-color: white !important;
    color: black !important;
}
.btn-down{
    display: block;
    width: fit-content;
}


/*** HEADER ***/
.header-top-btn{
    padding: 0px 10px 5px;
    color: white;
    display: flex;
    align-items: center;
    font-size: 16px;
}
.header-top-btn a{
    text-decoration: none;
    color: white;
}
.header-top-btn a:hover{
    color: white;
}
.header-top-btn a i{
    margin: 0 8px 0 0;
}
.header-top-btn.wa a {
    margin-left: 10px;
}
.header-top-btn.wa a{
    background: rgba(255, 255, 255, 0.3);
    border: solid 2px white ;
    border-radius: 25px;
    padding: 5px 12px 5px 8px;
    transition: 350ms;
    display: inline-flex;
    align-items: center;
}
.header-top-btn.wa a:hover{
    background: #25d366;
	color: white;
    border: solid 2px #25d366;
    transform: translateY(-2px);
}
.header-top-btn.wa img.icon-wa {
    width: 20px;
    margin-right: 5px;
}
.header-top-btn.tel img.icon-phone {
    height: 16px;
    right: 8px;
    position: relative;
}

#menu-leasing-menu{
    gap: 0 !important;
}
#menu-leasing-menu li {
    list-style: none;
    display: inline-block;
    padding: 0 10px;
}
#menu-leasing-menu li a, .mobile-nav #menu-leasing-menu-1 li a{
    color: white;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: 250ms;
    font-family: 'Gilroy', 'Montserrat', sans-serif;
    font-size: 16px;
    display: flex;
    justify-content: center;
}
#menu-leasing-menu li a:hover {
    font-weight: bold;
    border-bottom: solid 5px var(--e-global-color-primary);
}

header.whb-sticked .whb-main-header{
    background-color:var(--e-global-color-primary) ;
}
header.whb-sticked .whb-not-sticky-row{
    display: block !important;
}
header.whb-sticked .whb-not-sticky-row .container {
    --wd-top-bar-h: 40px !important;
    padding: 10px 0 0 0 !important;
}
header.whb-sticked .whb-color-dark:not(.whb-with-bg){
    background-color:transparent !important;
}
header.whb-sticked .whb-not-sticky-row a, header.whb-sticked .whb-color-dark a, header.whb-sticked .header-top-btn.wa{
    font-size: 11px;
}

.wd-header-mobile-nav .wd-tools-icon:before {
    content: url(https://www.leasingdequeretaro.mx/img/icons/icon-lines.svg) !important;
    width: 30px;
}

span.wd-tools-text{
    display: none;
}

/***** POST *****/
.page-title .wd-entry-meta{
    opacity: 0;
}
.post-title-large-image.color-scheme-light:after {
    background: linear-gradient(rgb(0 0 0 / 50%) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 100%) !important;
}
.color-red {
    color: var(--e-global-color-primary);
    font-weight: 500;
}
h3.color-red{
	font-size: 14px;
	text-transform: none;
    display: contents;
}
.post-single-page ul, .post-single-page ol {
	margin-left: 6px;
}
.post-single-page li {
    padding-left: 8px;
}
.post-single-page li::marker {
    color: var(--e-global-color-primary);
    font-weight: 500;
}
.wd-single-footer .wd-social-icons:before {
    content: "Compártelo en tus redes";
    font-size: 15px;
    color: var(--e-global-color-text);
    line-height: 30px;
    display: block;
}
.wd-single-footer {
    padding-bottom: 5px;
}

.wd-tooltip-label a.social-url.wd-social-icon{
	background-color: transparent;
	position: inherit;
	padding-right: 16px;
}
.wd-tooltip-label a.social-url img{
	position: absolute;
	height: 12px;
	top: 12px;
	right: 10px;
}
.wd-tooltip-label a.social-url:hover img{
	opacity: .6;
}
.single-post-social a.social-url.wd-social-icon{
    background: var(--social-color);
}
.single-post-social a.social-url img{
    height: 18px;
    position: relative;
    top: 11px;
}

/*** GTM Consent ***/
div#consent-banner {
    display: none;
    z-index: 1000000000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgb(0 0 0 / 90%);
    width: clamp(50%, 800px, 90%);
    padding: 50px 30px;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    transition: display 2s ease-in;
    color: white !important;
}
div#consent-banner p{
    margin-bottom: 0;
    font-size: 14px;
}

/***** FOOTER *****/
footer a {
    color: white;
}
footer h2{
    text-transform: capitalize;
}
.scrollToTop {
    left: 20px !important;
}


@media (max-width: 1024px){
.header-top-btn.wa{float: right;}

header.whb-sticked .whb-main-header {background-color: var(--e-global-color-primary); padding: 0 20px;}
    .whb-main-header { z-index: 501 !important}
    header.whb-sticked .whb-not-sticky-row{ justify-content: center;align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px white;}
    .header-top-btn, .header-top-btn a, .header-top-btn a i{font-size: 11px;}
    .header-top-btn.wa a{ padding:4px 8px 4px 6px;}
    .header-top-btn.wa img.icon-wa { width: 14px;}
    header.whb-sticked .whb-not-sticky-row{ padding-bottom: 12px; margin-bottom: 10px}
    .mobile-nav #menu-leasing-menu-1 li a{border-bottom: none !important}
    header #menu-leasing-menu{ padding: 30px; transition: 350ms; }
    header #menu-leasing-menu .lines>img{width: 30px; float: right; position: relative; z-index: 12; right: 0; top: 0; }
    header #menu-leasing-menu ul {position: static; display: none; }
    header #menu-leasing-menu li{display: list-item; }
    header #menu-leasing-menu .show-menu {display:block; }
    .mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-right.wd-opener-arrow.wd-opened {
    width: 100%;
    top: 56px;
    background: var(--e-global-color-primary);
    box-shadow: 0 10px 24px rgb(0 0 0 / 20%);
    padding: 30px 20px;
    }
}
@media (max-width: 584px){
	.hovered-social-icons { display: inline-block !important;}

}