/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@font-face {
    font-family: 'Futura';
    src: url('assets/fonts/Futura-Medium.eot');
    src: url('assets/fonts/Futura-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Futura-Medium.woff2') format('woff2'),
        url('assets/fonts/Futura-Medium.woff') format('woff'),
        url('assets/fonts/Futura-Medium.ttf') format('truetype'),
        url('assets/fonts/Futura-Medium.svg#Futura-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Questrial';
    src: url('assets/fonts/Questrial-Regular.eot');
    src: url('assets/fonts/Questrial-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Questrial-Regular.woff2') format('woff2'),
        url('assets/fonts/Questrial-Regular.woff') format('woff'),
        url('assets/fonts/Questrial-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --black: #000000;
    --white: #ffffff;
}

/********************
GENERAL
********************/
h1, .h1, h2, .h2, h3, h4, h5 { font-family: 'Futura', sans-serif; font-weight: 500; } 
.h1, .h2, .h3 { font-family: 'Questrial', sans-serif; font-weight: bold; }
body, p, ul li, ol li { font-family: 'DM Sans', sans-serif; font-weight: normal; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }

.color-first { color: var(--nectar-accent-color); }
.color-snd { color: var(--nectar-extra-color-1); }

.resaltar { color: var(--nectar-accent-color)!important; font-size: 80px; line-height: 85px; }
.resaltar-wh { color: white!important; font-size: 80px; line-height: 85px; }

h1, .h1 { font-size: 70px; line-height: 75px; }
h2, .h2 { font-size: 50px; line-height: 55px; }
h3, .h3 { font-size: 35px; line-height: 40px; }
h4, .h4 { font-size: 30px; line-height: 35px; }
h5, .h5 { font-size: 20px; line-height: 24px; }
p, ul li, ol li { font-size: 20px; line-height: 25px; }

@media (max-width: 1499px) {
	h1 { font-size: 55px; line-height: 60px; }
    .h1 { font-size: 190px!important; line-height: 205px; }
	h2, .h2 { font-size: 45px; line-height: 50px; }
	h3, .h3 { font-size: 26px; line-height: 32px; }
	h4, .h4 { font-size: 28px; line-height: 36px; }
}

@media (max-width: 1199px) {
	h1 { font-size: 50px; line-height: 55px; }
    .h1 { font-size: 120px!important; line-height: 150px; }
	h2, .h2 { font-size: 40px; line-height: 45px; }
	h3, .h3 { font-size: 24px; line-height: 30px; }
	h4, .h4 { font-size: 26px; line-height: 32px; }
}

@media (max-width: 999px) {
	h1 { font-size: 45px; line-height: 50px; }
    .h1 { font-size: 90px!important; line-height: 95px; }
	h2, .h2 { font-size: 35px; line-height: 40px; }
	h4, .h4 { font-size: 24px; line-height: 30px; }
	h5, .h5 { font-size: 19px; line-height: 23px; }
	body, p, ul li, ol li { font-size: 17px; line-height: 21px; }
}

@media (max-width: 690px) {
	h1 { font-size: 40px; line-height: 45px; }
    .h1 { font-size: 80px!important; line-height: 85px; }
	h2, .h2 { font-size: 30px; line-height: 35px; }
	h3, .h3 { font-size: 22px; line-height: 28px; }
	h4, .h4 { font-size: 20px; line-height: 28px; }	
	h5, .h5 { font-size: 17px; line-height: 22px; }
	body, p, ul li, ol li { font-size: 16px; line-height: 20px; }
    .resaltar { font-size: 50px; line-height: 55px; }

    .container, .orbit-wrapper .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap { max-width: 390px; }
}

@media (max-width: 420px) {
    .container, .orbit-wrapper .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap { max-width: 350px; }
}

@media (max-width: 370px) {
    .container, .orbit-wrapper .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap { max-width: 330px; }
}

.bkg-cover { background-position: center; background-repeat: no-repeat; background-size: cover; }

.ml-2 { margin-left: 0.5rem; }

.square-img { position: relative; overflow: hidden; }
.square-img:before { content: ""; display: block; padding-top: 100%;}
.square-img > a { display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.rectangle-img { position: relative; overflow: hidden; }
.rectangle-img:before { content: ""; display: block; padding-top: 50%; }
.rectangle-img > a { display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.sixteen-nine-img { position: relative; overflow: hidden; }
.sixteen-nine-img:before { content: ""; display: block; padding-top: 56.25%; }
.sixteen-nine-img > a { display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.twentyone-nine-img { position: relative; overflow: hidden; }
.twentyone-nine-img:before { content: ""; display: block; padding-top: 42.86%; }
.twentyone-nine-img > a { display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.twentyone-six-img { position: relative; overflow: hidden; }
.twentyone-six-img:before { content: ""; display: block; padding-top: 28.571%; }
.twentyone-six-img > a { display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.twentyone-three-img { position: relative; overflow: hidden; }
.twentyone-three-img:before { content: ""; display: block; padding-top: 14.281%; }
.twentyone-three-img > a { display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.hundred-seventy-img { position: relative; overflow: hidden; }
.hundred-seventy-img:before { content: ""; display: block; padding-top: 67%; }
.hundred-seventy-img > a { display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.four-three-img { position: relative; overflow: hidden; }
.four-three-img:before { content: ""; display: block; padding-top: 75%; }
.four-three-img > a { display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.three-four-img { position: relative; overflow: hidden; }
.three-four-img:before { content: ""; display: block; padding-top: 133%; }
.three-four-img > a { display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.text-black { color: var(--black); }

.text-center { text-align: center; }

.mb-4 { margin-bottom: 1.5rem!important; }
.mb-5 { margin-bottom: 3rem!important; }
.mt-5 { margin-top: 3rem; }


/********************
HEADER
********************/
body #header-secondary-outer .nectar-center-text { left: 50%!important; max-width: 100%; right: 0; text-align: right;width: 100%; }
body #header-secondary-outer .nectar-center-text * { font-size: 14px; }
#header-outer .menu-title-text { font-family: 'Questrial', sans-serif; font-size: 18px; font-weight: 500; line-height: 22px; text-transform: uppercase; }

#header-secondary-outer { background-color: var(--nectar-accent-color)!important; }
body.material #header-secondary-outer .nectar-center-text { left: 81%; }
#header-secondary-outer a { color: white!important; display: inline-block; margin-top: 2px; padding-right: 10px; }
#header-secondary-outer .nectar-center-text a:not(:first-of-type)::before { content: '|'; padding-right: 10px; }

body.material #header-secondary-outer .nectar-center-text a:hover { color: var(--nectar-extra-color-1)!important; }

#header-secondary-outer #social { margin-top: 2px; padding-left: 20px; }
#header-secondary-outer #social li a i { color: white!important;}
body.material #header-secondary-outer #social li a i:hover { color: var(--nectar-extra-color-1) !important; }

@media (max-width: 1305px) {
	#header-outer header #logo img { max-height: 36px; }
	#header-outer header #logo:before { height: 4px; }
}

@media (max-width: 1199px) {
    body #header-secondary-outer .nectar-center-text * { font-size: 13px; }
}

@media (max-width: 999px) {
    #header-outer header #logo:before { height: 4px; }
    .img-opacity { opacity: 1; }
}
 
@media (max-width: 800px) {
    #header-outer:before { width: 45%; }
    #header-outer:after { left: 45%; }
}
 
@media (max-width: 690px) {
    #header-outer:before { width: 50%; }
    #header-outer:after { left: 50%; }
    #slide-out-widget-area a { display: inline-block; font-size: 13px; word-break: break-all; }
    #slide-out-widget-area .secondary-header-text { padding: 0!important; }
}
 
@media (max-width: 576px) {
    #header-outer:before { width: 55%; }
    #header-outer:after { left: 55%; }
}
 
@media (max-width: 480px) {
    #header-outer:before { width: 60%; }
    #header-outer:after { left: 60%; }
}
 
@media (max-width: 400px) {
    #header-outer:before { width: 65%; }
    #header-outer:after { left: 65%; }
    #page-header-bg .subheader { font-size: 25px; line-height: 35px; }
}


/********************
FOOTER
********************/
#global-footer a { color: var(--white); }
#global-footer a:hover { color: var(--nectar-accent-color); }
#global-footer .icon-default-style { line-height: 26px; }
#global-footer #menu-menu-footer, #menu-menu-footer > li { list-style: none; margin-bottom: 20px; margin-left: 0; padding-left: 0; text-align: center; text-transform: uppercase; }

#footer-outer #copyright p { font-size: 13px; line-height: 22px; }
#footer-outer #copyright a:not(.nectar-button):hover { color: var(--nectar-accent-color)!important; }


/********************
HOMEPAGE
********************/
body .nectar-milestone .subject { color: var(--nectar-accent-color); font-size: 24px; line-height: 30px; padding-top: 10px; }

.toggle>.toggle-title a { font-size: 25px!important; line-height: 30px; }

.vehicles-slider { margin-inline: -10px; }
.vehicles-slider .item { margin-inline: 10px; }
.vehicles-slider .info { padding: 15px 15px 25px; }

@media (max-width: 690px) {
    .tabbed[data-style="vertical_modern"] >div { padding-left: 0!important; }
    .toggle>.toggle-title a { font-size: 20px!important; line-height: 28px!important; }
}


/********************
TIENDA
********************/
#header-outer a.cart-contents .cart-wrap span { background-color: var(--nectar-extra-color-1)!important; }

.post-type-archive-product.woocommerce .container-wrap { background-color: var(--white); }

.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { bottom: 18px; font-size: 17px; right: 264px; }
.woocommerce .classic .product-wrap a.button, .woocommerce ul.products li.product.classic .button { background-color: var(--nectar-accent-color); }
.woocommerce .classic .product-wrap a.button, .woocommerce ul.products li.product.classic .button:hover { background-color: var(--nectar-extra-color-1); }

@media (max-width: 690px) {
    #header-outer #mobile-cart-link.first-load .cart-wrap span { background-color: var(--nectar-extra-color-1)!important; }
}


/********************
PRODUCTO
********************/
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt { background-color: var(--nectar-accent-color); }
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover { background-color: var(--nectar-extra-color-1); }


/********************
CARRITO
********************/
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background-color: var(--nectar-accent-color); }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background-color: var(--nectar-extra-color-1); }

.woocommerce #order_review #payment #place_order { background-color: var(--nectar-accent-color); }
.woocommerce #order_review #payment #place_order:hover { background-color: var(--nectar-extra-color-1)!important; }


/********************
 SEMINUEVOS
 ********************/
#vehicles-listing { margin-bottom: 50px; margin-top: 40px; }
#vehicles-listing h1 + p, .vehicles-controls p.total { font-size: 15px; line-height: 20px; }

.seminuevos-listing, .seminuevos-listing > li { list-style: none; margin-left: 0; width: 100%; }
.seminuevos-listing { display: grid; gap: 30px; grid-template-columns: 1; }

.single-seminuevo { background-color: var(--nectar-extra-color-1); border: 1px solid #eaeaea; border-radius: 6px; display: inline-block; text-align: left; transition: .5s all ease; width: 100%; }
.single-seminuevo:hover { background-color: var(--nectar-accent-color); }
.single-seminuevo .bkg-cover { border-radius: 6px 6px 0 0; filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
.single-seminuevo .bkg-cover > img.dm { left: 15px; max-width: 30px; position: absolute; top: 15px; }
.single-seminuevo .bkg-cover > .from { background-color: var(--white); border-radius: 6px; color: var(--nectar-extra-color-1); line-height: 17px; padding: 1px 10px 5px; position: absolute; right: 10px; text-align: center; top: 10px; }
.single-seminuevo .bkg-cover > .from small { font-size: 11px; line-height: 14px; }
.single-seminuevo .bkg-cover > .from > small { color: #7a7a7a; letter-spacing: 1px; text-transform: uppercase; }
.single-seminuevo .bkg-cover > .from strong { font-size: 15px; line-height: 19px; }

.car-status, .discount { color: var(--black); font-size: 12px; line-height: 16px; left: 10px; padding: 4px 12px; position: absolute; text-transform: uppercase; top: 10px; }

.single-seminuevo .bkg-cover.vendido:after { content: ''; background: rgba(0,0,0,0.5); display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; transition: .5s all ease; }
.single-seminuevo .bkg-cover.vendido:hover::after { background: rgba(0,0,0,0.15); }
.single-seminuevo .bkg-cover.vendido .car-status { background-color: transparent; font-size: 20px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9; }

.car-status + .car-status { top: 40px; }
.discount { background-color: var(--nectar-accent-color); color: white; font-size: 17px; font-weight: 700; left: auto; line-height: 22px; right: 10px; }
.single-seminuevo:hover .bkg-cover { filter: grayscale(50%); -webkit-filter: grayscale(50%); -moz-filter: grayscale(50%); }
.single-seminuevo .info { padding-block: 25px; padding-right: 20px; }
.single-seminuevo h4 { font-size: 19px; line-height: 23px; text-transform: uppercase; }
.single-seminuevo h4 > a { color: var(--white); }
.single-seminuevo h4 > a:hover { color: #eaeaea; }
.single-seminuevo h5 { margin-bottom: 0; padding-bottom: 0; }
.single-seminuevo .info p { color: var(--white); font-size: 14px; line-height: 18px; margin-bottom: 15px; padding-bottom: 0; }

.single-seminuevo .precio, .single-seminuevo .precio-financiado { display: inline-block; color: var(--white); float: left; font-size: 13px; line-height: 17px; margin-bottom: 0; padding-bottom: 0; width: 50%; }
.single-seminuevo .precio-financiado { float: right; text-align: right; }
.single-seminuevo .precio .old-price, .single-seminuevo .precio-financiado .old-price { font-size: 15px; line-height: 19px; text-decoration: line-through; }
.single-seminuevo .precio strong, .single-seminuevo .precio-financiado strong { color: var(--white); font-size: 22px; line-height: 26px; }
.single-seminuevo .precio strong { color: var(--white); }
.single-seminuevo h6 { color: var(--white)!important; font-weight: 400; margin-bottom: 15px; }
.single-seminuevo .tag { border: 1px solid #eaeaea; display: inline-block; font-size: 13px; line-height: 16px; padding: 5px 9px; text-transform: uppercase; }
.single-seminuevo .tag:not(:last-child) { margin-right: 5px; }

.seminuevos-listing.two-columns { grid-template-columns: repeat(2, 1fr); }
.seminuevos-listing.two-columns .single-seminuevo .info { padding: 15px 15px 0; }
.seminuevos-listing.three-columns { grid-template-columns: repeat(3, 1fr); }
.seminuevos-listing.three-columns .single-seminuevo .info { padding: 15px 15px 25px; }

.filters { display: inline-block; margin: 15px 0; position: relative; width: calc(100% - 30px); }
.filters h4 { font-size: 18px; line-height: 22px; }
.filters h6 { font-size: 16px; line-height: 20px }
.filters .form-group { border: 1px solid #eaeaea; border-radius: 6px; display: inline-block; padding: 15px; width: 100%; }
.filters .form-group:last-child { border-bottom: 0; }
.filters .form-group + .form-group { margin-top: 15px; }
.filters label { color: var(--black); display: inline-block; font-size: 14px; line-height: 18px; margin-bottom: 5px; width: 100%; }
.filters input[type="text"], .filters select, .vehicles-controls select { font-size: 14px; line-height: 18px; padding: 6px 10px; }
.filters input[type="text"] { padding: 9px 10px; }
.filters .button { background-color: var(--nectar-accent-color); border-radius: 3px; color: var(--white); display: inline-block; float: right; font-size: 13px; line-height: 17px; padding: 10px 12px; text-align: center; text-transform: uppercase; width: 100%; }
.filters .button:hover { background-color: var(--black); }
.filters .button[type="submit"] { background: var(--black); margin-bottom: 15px; }
.filters .button[type="submit"]:hover { background-color: var(--nectar-accent-color); }

#vehicles-listing .nav-next a, #vehicles-listing .nav-previous a { background-color: var(--nectar-accent-color); border-radius: 4px; color: var(--white); display: inline-block; font-size: 13px; line-height: 17px; padding: 8px 16px; text-transform: uppercase; }
#vehicles-listing .nav-next { float: right; }
#vehicles-listing .nav-previous { float: left; }



@media (min-width: 1000px) {
    .vehicles-controls { margin-top: 15px; }
    .vehicles-controls p.total { margin-top: 5px; }

    h4.filter-title { display: none; }
}

@media (max-width: 999px) {
    .vehicles-controls { margin-bottom: 0; padding-bottom: 0; }

    h4.filter-title { background-color: var(--black); border-radius: 5px; color: var(--white); cursor: pointer; display: inline-block; font-size: 15px; font-weight: 400; line-height: 19px; margin-bottom: 0; padding: 10px 25px; text-align: center; width: 100%; }
    h4.filter-title:hover { background-color: var(--nectar-accent-color); }

    .filters { width: 100%; }
    .filters { display: none; }

    .seminuevos-listing.three-columns { grid-template-columns: repeat(1, 1fr); }

    .single-seminuevo .col { margin-bottom: 0; padding-bottom: 0; }
    .single-seminuevo .info { padding: 15px; }
}



/********************
SEMINUEVOS DETAILS
********************/
.flexslider { margin-bottom: 0px; }
.flex-direction-nav > li { list-style: none; }
.flex-direction-nav a { background-color: transparent; color: var(--white); }
.flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: 25px; }
.flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-prev { left: 15px; opacity: 1; }
.flex-direction-nav a:hover { background-color: transparent; }
.flex-direction-nav a:before { color: var(--white); font-family: FontAwesome; font-size: 50px; line-height: 37px; font-weight: 500; }
.flex-direction-nav a.flex-next:before { content: "\f105"; }
.flex-direction-nav a.flex-prev:before { content: "\f104"; }

#single-vehicle { margin-top: 20px; }
#single-vehicle .back { margin-bottom: 15px; }
#single-vehicle .back a { background-color: var(--nectar-extra-color-1); border-radius: 4px; color: var(--white); display: inline-block; font-size: 12px; line-height: 15px; padding: 5px 12px 4px; text-transform: uppercase; }
#single-vehicle .back a:hover { background-color: var(--nectar-accent-color); }
#single-vehicle h1, #single-vehicle h5 { color: var(--white); }
#single-vehicle h1 { text-transform: uppercase; }
#single-vehicle h5 { font-weight: normal; }

#single-vehicle > .row:first-child { margin-bottom: 10px; padding-bottom: 0; }

#single-vehicle .flexslider .slides [class*="bkg-"] { border-radius: 6px; }

#single-vehicle .price-box { display: inline-block; width: 100%; }
.price-box .precio, .price-box .precio-financiado { display: inline-block; color: #77797A; float: right; font-size: 13px; line-height: 17px; padding-bottom: 0; text-align: right; }
.price-box .precio { border-right: 1px solid #eaeaea; padding-right: 15px; }
.price-box .precio-financiado { min-width: 150px; padding-left: 15px; }
.price-box .precio .old-price, .price-box .precio-financiado .old-price { font-size: 16px; line-height: 20px; text-decoration: line-through; }
.price-box .precio strong, .price-box .precio-financiado strong { font-size: 25px; line-height: 29px; }
.price-box .precio strong { color: var(--nectar-accent-color); }
.price-box .precio-financiado strong { color: var(--black); }

#vehicles-carousel { margin-bottom: 20px; }
#vehicles-carousel .slides > li { cursor: pointer; }

#single-vehicle h3 { display: inline-block; width: 100%; }

.vehicle-sidebar { background-color: rgba(18,31,40,0.7); border-radius: 6px; margin-bottom: 25px; padding: 25px; }
.vehicle-sidebar > .row { padding-bottom: 15px; }
.vehicle-sidebar > .car-title { margin-bottom: 15px; padding-right: 60px; position: relative; }
.vehicle-sidebar > .car-title img { max-width: 40px; position: absolute; right: 0; top: 0; }

ul.car-boxes, ul.car-boxes > li { list-style: none; margin-bottom: 0; margin-left: 0; padding-left: 0; }
ul.car-boxes { display: grid; gap: 6px; grid-template-columns: repeat(5, 1fr); }
ul.car-boxes > li { background-color: var(--nectar-extra-color-1); border-radius: 6px; padding: 15px 10px 12px; text-align: center; }
ul.car-boxes > li .fa { color: var(--white); font-size: 26px; line-height: 30px; margin-bottom: 5px; }
ul.car-boxes > li .value { color: var(--white); font-size: 14px; line-height: 18px; margin-bottom: 0; padding-bottom: 0; }

.prices-box { margin-top: 15px; }
.prices-box p { color: var(--white); font-size: 22px; font-weight: bold; line-height: 27px; }
.prices-box p small { font-size: 12px; font-weight: normal; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; }

ul.features, ul.features > li { list-style: none; margin-left: 0; width: 100%; }
.features { display: grid; gap: 10px; grid-template-columns: repeat(4, 1fr); margin-bottom: 40px; }
.features > li { background-color: var(--white); border: 2px solid #eaeaea; border-radius: 6px; padding: 22px 5px; text-align: center; }
.features > li .title { color: var(--nectar-accent-color); font-size: 13px; line-height: 16px; margin-bottom: 5px; padding-bottom: 0; text-transform: uppercase; }
.features > li .value { color: var(--nectar-extra-color-1); font-size: 16px; font-weight: bold; line-height: 21px; }

.guarantee-box, .guarantee-box > div { display: inline-block; float: left; }
.guarantee-box { background-color: #f2f2f2; border-radius: 6px; margin-bottom: 30px; padding: 25px; width: 100%; }
.guarantee-box > .guarantee-img { text-align: center; width: 150px; }
.guarantee-box > .guarantee-img img { margin-bottom: 0; }
.guarantee-box > .guarantee-text { float: right; width: calc(100% - 165px); }

.guarantee-box > .guarantee-text ul, .guarantee-box > .guarantee-text ul > li { list-style: none; margin-left: 0; padding-left: 0; }
.guarantee-box > .guarantee-text ul { margin-bottom: 0; }
.guarantee-box > .guarantee-text ul > li { font-size: 15px; line-height: 20px; padding-left: 30px; position: relative; }
.guarantee-box > .guarantee-text ul > li:not(:last-child) { margin-bottom: 8px; }
.guarantee-box ul > li:before { content: "\f046"; color: var(--nectar-accent-color); font-family: FontAwesome; font-size: 18px; left: 0; position: absolute; top: 1px; }

#single-vehicle .default-equipment ul, #single-vehicle .default-equipment ul > li { list-style: none; margin-left: 0; padding-left: 0;}
#single-vehicle .default-equipment ul { display: grid; gap: 15px; grid-template-columns: repeat(2, 1fr); }
#single-vehicle .default-equipment ul > li { background-color: #f0f0f0; border-radius: 6px; color: var(--nectar-extra-color-1); font-family: 'Futura', sans-serif; font-size: 15px; line-height: 15px; padding: 15px; }

#single-vehicle .description { display: inline-block; margin-block: 15px 10px; width: 100%; }
#single-vehicle .description p, #single-vehicle .description ul li { color: var(--nectar-extra-color-1); font-size: 16px; line-height: 21px; }
#single-vehicle .description p { padding-bottom: 15px; }

.vehicle-sidebar { position: sticky; top: 0; }
.actions-buttons { display: inline-block; width: 100%; }
.actions-buttons > a { border-radius: 6px; display: block; color: #000000; padding: 14px 24px; text-align: center; width: 100%; }
.actions-buttons > a:first-child { background-color: var(--nectar-accent-color); color: var(--white); }
.actions-buttons > a:nth-child(2) { background-color: var(--nectar-extra-color-1); color: var(--white); }
.actions-buttons > a:last-child { background-color: var(--black); color: var(--white); }
.actions-buttons > a + a { margin-top: 10px; }
.actions-buttons > a:hover { background-color: #000000; border-color: #000000; color: var(--white); }
.actions-buttons > a:last-child:hover { background-color: var(--nectar-accent-color); }

#fc-calculator.fixed { max-width: 511px; position: fixed; top: 125px; }
#fc-calculator.p-relative { position: relative; }

#location-map { display: inline-block; height: 250px; width: 100% }

.where-to-find { background-color: #f2f2f2; border-radius: 12px; display: inline-block; margin-bottom: 10px; margin-top: 25px; padding: 25px 15px; }
.where-to-find h4 { border-bottom: 1px dotted #aaaaaa; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; line-height: 22px; margin-bottom: 15px!important; margin-top: 10px; padding-bottom: 10px; width: 100%; }
.where-to-find p { font-size: 16px; line-height: 21px; padding-bottom: 12px; }
.where-to-find p:last-child { padding-bottom: 0; }

.financiacion { background-color: #f9f9f9; border-radius: 12px; display: inline-block; padding: 30px 30px 20px; position: relative; width: 100%; }
.financiacion:before { content: "\f05a"; color: var(--black); font-family: FontAwesome; font-size: 50px; left: 30px; position: absolute; top: -15px; }

@media (min-width: 1030px) and (max-width: 1299px) {
    #single-vehicle .col.span_3 { width: 33%; }
    #single-vehicle .col.span_9 { width: 65%; }
}

@media (max-width: 1299px) {
    .features { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1280px) {
    .prices-box p { font-size: 20px; line-height: 26px; }
    .prices-box p small { font-size: 11px; line-height: 14px; }

    .guarantee-box > .guarantee-img { width: 120px; }
    .guarantee-box > .guarantee-text { width: calc(100% - 135px); }

    .guarantee-box > .guarantee-text ul > li { font-size: 14px; line-height: 19px; }

    #single-vehicle .default-equipment ul { gap: 10px; }
}

@media (max-width: 1170px) {
    .guarantee-box { padding: 25px 15px; }
    .guarantee-box > .guarantee-img { width: 100px; }
    .guarantee-box > .guarantee-text { width: calc(100% - 115px); }
}

@media (max-width: 1029px) {
    #single-vehicle .col.span_3, #single-vehicle .col.span_9 { width: 100%; }

    .vehicle-sidebar .guarantee { margin-top: 25px }

    .where-to-find h4 { margin-top: 0; }
}

@media (min-width: 1000px) {
    .vehicle-sidebar .seminuevos-listing > li { margin-right: 0!important; width: 100% }

    .mobile-bar { display: none!important; }
}

@media (max-width: 999px) {
    #single-vehicle .col { margin-bottom: 10px; }
    #single-vehicle .back { margin-bottom: 0; padding-bottom: 0; }

    .vehicle-sidebar { padding-inline: 15px; }
    .vehicle-sidebar > .row { padding-bottom: 10px; }
    .vehicle-sidebar .col { margin-bottom: 0!important; }

    .prices-box > .col:not(:last-child) { width: 50%; }
    .prices-box > .col:nth-child(2) { text-align: right; }
    .prices-box p { font-size: 18px; line-height: 22px; }
    .prices-box p small { font-size: 10px; letter-spacing: 0; line-height: 13px; }
    .prices-box .from { background-color: var(--white); border-radius: 6px; color: var(--black); margin-top: 15px; padding: 8px 15px 10px!important; text-align: center; }
    
    ul.car-boxes { gap: 4px; }
    ul.car-boxes > li { padding: 11px 5px 8px; }
    ul.car-boxes > li .fa { font-size: 20px; line-height: 24px; }
    ul.car-boxes > li .value { font-size: 12px; line-height: 15px; }

    .guarantee-box { margin-bottom: 0; }
    .guarantee-box > .guarantee-img, .guarantee-box > .guarantee-text { width: 100%; }
    .price-box .precio { border-right: 0; float: left; text-align: left; }

    .actions-buttons { display: none!important; }

    #single-vehicle .description p, #single-vehicle .description ul li { font-size: 15px; line-height: 20px; }
    #single-vehicle .description p { padding-bottom: 12px; }

    .mobile-bar { background-color: var(--nectar-extra-color-1); bottom: 0; display: grid; gap: 0; grid-template-columns: repeat(4, 1fr); left: 0; padding: 14px 15px 10px; position: fixed; text-align: center; width: 100%; z-index: 99999999999; }
    .mobile-bar a { color: var(--white); font-size: 12px; line-height: 16px; }
    .mobile-bar a .fa { display: block; font-size: 17px; margin-bottom: 4px; }

    body.single-coches-segunda-mano .grecaptcha-badge { display: none!important; }
}

@media (max-width: 690px) {
    ul.car-boxes > li .value { font-size: 11px; line-height: 14px; }

    .guarantee-box > .guarantee-img, .guarantee-box > .guarantee-text { width: 100%; }
    .guarantee-box > .guarantee-img { margin-bottom: 15px; }
    .guarantee-box > .guarantee-img img { max-width: 100px; }

    .features { grid-template-columns: repeat(2, 1fr); }
    .features > li { padding: 20px 5px; }
    .features > li .title { font-size: 11px; line-height: 14px; }
    .features > li .value { font-size: 13px; line-height: 17px; }

    #single-vehicle .default-equipment ul { grid-template-columns: repeat(1, 1fr); }
}


/***********************
SHARE MODAL
***********************/
.share-modal { background-color: rgba(0,0,0,0.9); display: none; height: 100%; left: 0; min-height: 100vh; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 9999999999999999; }
.share-modal > .modal-box { background-color: #ffffff; border-radius: 10px; display: inline-block; height: auto; max-width: 300px; position: absolute; width: 100%; }
.share-modal > .modal-box ul { display: inline-block; list-style: none; margin: 0 15px; padding: 0; width: calc(100% - 30px); }
.share-modal > .modal-box ul > li { display: inline-block; width: 100%; }
.share-modal > .modal-box ul > li > a { border-bottom: 1px solid #cccccc; color: #000000; display: inline-block; font-size: 18px; line-height: 22px; padding: 15px 0; width: 100%; }
.share-modal > .modal-box ul > li:last-child > a { border-bottom: 0; }
.share-modal > .modal-box ul > li > a:hover { color: #000000; }
.share-modal > .modal-box ul > li > a .fa { margin-right: 10px; }
.share-modal > .modal-box ul > li > a small { color: #1DBDBC!important; }
.share-modal > .modal-box > .header { border-bottom: 1px solid #cccccc; display: inline-block; margin-bottom: 0; padding: 15px 25px 15px; width: 100%; }
.share-modal > .modal-box > .header > h5 { display: inline-block; float: left; font-size: 24px; line-height: 28px; margin-bottom: 0; margin-top: 0; max-width: calc(100% - 45px); position: relative; top: 3px; }
.share-modal > .modal-box > .header > a.close-modal { border: 1px solid #cccccc; border-radius: 5px; color: #333333; display: inline-block; float: right; font-size: 20px; height: 36px; line-height: 34px; padding: 0; text-align: center; width: 36px; }
.share-modal > .modal-box > .header > a.close-modal:hover { background-color: #cccccc; color: #ffffff; }

.share-modal > .modal-box > .content { display: inline-block; padding: 20px 15px; width: 100%; }
.share-modal > .modal-box > .content h5 { color: #999999; }

@media (min-width: 577px) {
    .share-modal > .modal-box { left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
}

@media (max-width: 576px) {
    .share-modal > .modal-box { min-height: 100vh; left: 0; max-width: 100%; top: 0; width: 100%; }
}


/***********************
VEHICLE MODAL
***********************/
.vehicle-modal { background-color: rgba(37,40,58,0.88); display: none; height: 100%; left: 0; padding-bottom: 50px; padding-top: 80px; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 99999999999999; }
.vehicle-modal .content { background-color: var(--white); display: inline-block; left: 50%; max-width: 800px; padding: 70px 50px 50px; position: absolute; top: 50%; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
.vehicle-modal .content .container { padding: 0; }
.vehicle-modal .close-modal { background-color: transparent; border: 0; box-shadow: none; cursor: pointer; display: inline-block; position: absolute; right: 30px; top: 25px; z-index: 9; }
.vehicle-modal .close-modal img { filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); }
.vehicle-modal .close-modal:hover { opacity: 0.6; }
.vehicle-modal img[src*="logo"] { margin-bottom: 30px; max-width: 120px; }
.vehicle-modal h2 { margin-bottom: 25px; }
.vehicle-modal h2 + p { border-left: 4px solid var(--nectar-extra-color-1); font-size: 15px; line-height: 23px; margin-bottom: 30px; padding-left: 12px; }

.vehicle-modal label { color: var(--black); }
.vehicle-modal input[type="text"], .vehicle-modal input[type="email"], .vehicle-modal input[readonly], .vehicle-modal textarea { background-color: transparent; border: 0; border-bottom: 1px solid #eaeaea; border-radius: 0; color: var(--black)!important; font-size: 15px; line-height: 19px; padding: 10px 0; }
.vehicle-modal textarea { min-height: 120px; }
.vehicle-modal input::placeholder, .vehicle-modal textarea::placeholder { color: var(--nectar-extra-color-1); }
.vehicle-modal input:focus, .vehicle-modal textarea:focus { background: transparent; border-bottom-color: var(--white); box-shadow: none; outline: 0; }
.vehicle-modal input[type="submit"] { border-radius: 0; padding: 10px 20px; text-transform: uppercase; }
.vehicle-modal img#captcha { width: 160px; }
.vehicle-modal .bootstrap-select, .vehicle-modal .bootstrap-select button { background: transparent; }
.vehicle-modal .bootstrap-select button { border: 0; border-bottom: 1px solid var(--white); border-radius: 0; font-weight: 300; padding: 10px 0; text-transform: uppercase; }
.vehicle-modal .bootstrap-select button * { color: var(--white); }
.vehicle-modal .bootstrap-select button:focus, .vehicle-modal .bootstrap-select button:focus * { border: 0; border-radius: 0; box-shadow: none; }
.vehicle-modal .bootstrap-select .dropdown-toggle::after { border-top-color: var(--white); }

@media (max-width: 999px) {
    .vehicle-modal .content { padding: 50px 25px 30px; }
    .vehicle-modal .close-modal { right: 15px; top: 15px; }
    .vehicle-modal .close-modal img { max-width: 20px; }
}


/********************
CONTACTO
********************/
#datos-contacto a { color: var(--white); }
#datos-contacto a:hover { color: var(--nectar-accent-color); }
.contact-form label { color: var(--black); }
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form select, .contact-form textarea { margin-top: 5px; opacity: 0.7; }
.contact-form input[type="file"] { padding-top: 6px; }
.contact-form .wpcf7-form p span { color: var(--black)!important; font-size: 15px; line-height: 20px; }
.contact-form .wpcf7-form p span a { color: var(--nectar-accent-color)!important; font-size: 15px; line-height: 20px; text-decoration: underline; }
.contact-form .wpcf7-form p span a:hover { color: #888!important; }
.contact-form .small { color: var(--black)!important; font-size: 13px; line-height: 18px; margin-top: 10px; }
.contact-form .small a { color:var(--nectar-accent-color)!important; font-size: 13PX; line-height: 18px; text-decoration: underline; }
.contact-form .small a:hover { color: #888!important; }
.wpcf7-list-item { font-size: 12px; line-height: 15px; margin: 0!important; }

/***formulario tasación***/
.tasacion-form .col .span_4, .tasacion-form .col .span_3 { padding-bottom: 15px!important; }
.tasacion-form .small { color: black!important; font-size: 13px; line-height: 18px; margin-top: 10px; }
.tasacion-form .small a { color:var(--nectar-accent-color)!important; font-size: 13PX; line-height: 18px; text-decoration: underline; }
.tasacion-form .small a:hover { color: black!important; }

/***global section***/
#global-contact a { color: var(--white); }
#global-contact a:hover { color: var(--nectar-extra-color-1); }
