/**
Theme Name: Vinacles | Child theme
Author: Vinacles
Author URI: https://www.vinacles.com/showroom/automotive-website/
Description: Website ontwikkeling voor de voertuigbranche
Vinacles bouwt moderne en professionele websites voor de voertuigbranche. Iedereen zoekt tegenwoordig eerst online. Als u ervoor zorgt dat u online goed voor de dag komt met uw bedrijf, levert dat absoluut klanten op! Vinacles bouwt uw website geheel in uw huisstijl en gewenste kleur.

Wij zorgen ervoor dat uw website goed wordt gevonden door Google. U kunt kiezen uit meerdere varianten aan website, naar uw eigen keuze en smaak. Alle websites die wij aanbieden zijn uiteraard meer dan geschikt voor de voertuigenbranche.

Door de combinatie van een voorraad pagina waarop wij uw occasionvoorraad tonen met extra zoekfunctionaliteit voor de bezoekers van uw website, levert dit extra autoverkopen op.

Liever een alles-in-één pakket samen met RDW diensten en occasions adverteren op internet? Ook dit bieden wij aan. In een persoonlijk gesprek leggen wij u graag alle voordelen uit.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vinacles-child-theme
Template: astra
*/
/* ===== Axi Cars (2026-09-29) ===== */
/* "Snel auto kwijt? Direct geld!" bar — styled after the client's own artwork */
.axi-directgeld .elementor-heading-title { font-style: italic; text-transform: uppercase; color: #D1D3D4; }
.axi-directgeld .elementor-heading-title a { color: inherit; text-decoration: none; }
.axi-directgeld .elementor-heading-title a:hover,
.axi-directgeld .elementor-heading-title a:focus { text-decoration: underline; }
.axi-directgeld .axi-red { color: #E8222A; }
.axi-btn-red .elementor-button { background-color: var(--ast-global-color-1); border-color: var(--ast-global-color-1); color: #fff; }
.axi-btn-red .elementor-button:hover,
.axi-btn-red .elementor-button:focus { background-color: var(--ast-global-color-0); border-color: var(--ast-global-color-0); color: #fff; }
/* Auto inkoop: artwork + steps on black next to the form */
.axi-inkoop-art .axi-steps { margin: 0 0 0 1.25em; padding: 0; }
.axi-inkoop-art .axi-steps li { margin-bottom: .5em; color: #fff; }
/* footer headings */
.site-footer .axi-footer-title { font-size: 18px; color: #fff; margin-bottom: .6em; }
/* floating WhatsApp button, bottom right */
.axi-wa { position: fixed; right: 20px; bottom: 20px; z-index: 999; width: 56px; height: 56px; border-radius: 50%;
  background: #25D366; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0,0,0,.3); }
.axi-wa svg { width: 30px; height: 30px; fill: #fff; }
.axi-wa:hover { background: #1EBE5A; }
.axi-wa:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 6px #111; }
@media (max-width: 544px) { .axi-wa { right: 14px; bottom: 14px; width: 52px; height: 52px; } }
/* mobile top bar: text and phone stacked and centred; keep the number on one line */
#ast-mobile-header .site-header-above-section-center { flex-direction: column; align-items: center; gap: 2px; }
#ast-mobile-header .site-header-above-section-center .ast-builder-layout-element { justify-content: center; text-align: center; margin: 0; }
#ast-mobile-header .site-header-above-section-center p { margin: 0; }
.ast-header-social-1-wrap .ast-builder-social-element { white-space: nowrap; }
.ast-header-social-1-wrap .social-item-label { white-space: nowrap; }
/* Stock module (UCC): its per-dealer colour (#ff501a on the placeholder code, ~3:1 on white) repainted in the Axi
   palette. Harmless once UCC is configured with Axi's own colours for the real dealer code. */
body #svm-canvas a, body #svm-canvas .custom-color, body .svm-popin a { color: #007A43; }
body #svm-canvas h4, body #svm-canvas section.semantic-content header, body #svm-canvas div.popin header { color: #1A1A1A; }
body #svm-canvas div.priceSecond span.price_with_currency, body #svm-canvas div.svm-price,
body .svm-popin div.popinPage div.leaseprice .price_with_currency { color: #D91F26; }
body .svm-popin .tingle-btn--primary.button, body #svm-canvas a#svmFilterOpen, body #svm-canvas a.button, body #svm-canvas input.button {
  border-color: #007A43; color: #fff; background: #007A43; }
body .svm-popin .tingle-btn--primary.button:hover, body #svm-canvas a#svmFilterOpen:hover, body #svm-canvas a.button:hover, body #svm-canvas input.button:hover {
  border-color: #007A43; color: #007A43; background: #fff; }
body #svm-canvas #stockContainer .resultsTable div.row div.actionButtons .button,
body #svm-canvas .resultsTable div.vehicleTile div.actionButtons .button { border-color: #007A43; color: #007A43; background: #fff; }
body #svm-canvas #stockContainer .resultsTable div.row div.actionButtons .button:hover,
body #svm-canvas .resultsTable div.vehicleTile div.actionButtons .button:hover { border-color: #007A43; color: #fff; background: #007A43; }
body #svm-canvas a.button:hover i, body #svm-canvas a.button:hover span { color: #007A43; }
body #svm-canvas #stockContainer #resultsTable div.photoCount span, body #svm-canvas .resultsTable div.vehicleTile div.vehicleInformation div.branch,
body #svm-canvas #refine div#refineNumResults, body #svm-canvas #refine #svmRefineOptions .svmRefineOption div.more-less { color: #007A43; }
body #svm-canvas #stockContainer div.navigation div.pager .page:hover, body #svm-canvas #stockContainer div.navigation div.pager .page:hover i,
body #svm-canvas #stockContainer div.navigation div.pager .current, body #svm-canvas #stockContainer div.navigation div.pager .current:hover { color: #fff; background: #007A43; }
body #svm-canvas .tag-rectangleSmall { background-color: #D91F26; }
body #svm-canvas .tag-triangleSmall { border-color: #fff0 #D91F26 #fff0 #fff0; }
body #svm-canvas div#pageContainer div.pageSidebar div.sidebarHeader, body #svm-canvas div#pageContainer div.pageSidebar div.sidebarFooter { background: #007A43; }
body #svm-canvas #stockContainer #resultsTable div.saveCompare input[type=checkbox]:checked+label::after { background-color: #007A43; }
/* privacy page: the Astra page title is the H1 — keep the section headings below it in size */
.page-id-2775 .entry-content h2 { font-size: 24px; margin-top: 1.4em; }
.page-id-2775 .entry-title { font-size: 36px; }
/* stock module grey text (#888, 3.5:1) -> 7:1 */
body #svm-canvas #svm-nrofresults, body #svm-canvas div.sort span.text { color: #595959; }
#svm-canvas.axi-svm-loading { visibility: hidden; }
/* mobile dropdown: keep the call button on the header black, not on a white strip */
#ast-mobile-header .ast-mobile-header-content { background-color: #111111; }
#ast-mobile-header .ast-mobile-header-content .header-widget-area { padding: 16px 0 20px; }