### Grow.me and Kadence Configuration Source: https://notjustacar.com/guides Initializes the Grow.me widget and sets theme-specific configuration for Kadence. ```javascript !(function(){window.growMe||((window.growMe=function(e){window.growMe._.push(e);}),(window.growMe._=[]));var e=document.createElement("script");(e.type="text/javascript"),(e.src="https://faves.grow.me/main.js"),(e.defer=!0),e.setAttribute("data-grow-faves-site-id","U2l0ZTo5NzM2YTM4NC1lNTBmLTRjYTAtYjI2OC0yMWQyNzdkMzUxNjk=");var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t);})(); var kadenceConfig={"screenReader":{"expand":"Child menu","expandOf":"Child menu of","collapse":"Child menu","collapseOf":"Child menu of"},"breakPoints":{"desktop":"1024","tablet":768},"scrollOffset":"0"}; ``` -------------------------------- ### Initialize Grow.me Script Source: https://notjustacar.com/contact-us Injects the Grow.me tracking script into the document head. ```javascript !(function(){window.growMe||((window.growMe=function(e){window.growMe._.push(e);}),(window.growMe._=[]));var e=document.createElement("script");(e.type="text/javascript"),(e.src="https://faves.grow.me/main.js"),(e.defer=!0),e.setAttribute("data-grow-faves-site-id","U2l0ZTo5NzM2YTM4NC1lNTBmLTRjYTAtYjI2OC0yMWQyNzdkMzUxNjk=");var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t);})(); ``` -------------------------------- ### Prefetch Configuration Source: https://notjustacar.com/guides JSON configuration for prefetching resources based on URL patterns and link attributes. ```json {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/kadence/*","/*\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} ``` -------------------------------- ### Initialize Google Map Source: https://notjustacar.com/contact-us Initializes a Google Map instance at a specific coordinate and adds a marker. ```javascript function kb\_google\_map95\_f9c4d786(){let center={lat:37.8201,lng:-122.4781};let map=new google.maps.Map(document.getElementById("kb-google-map95\_f9c4d786"),{zoom:11,center:center,});let marker=new google.maps.Marker({position:{lat:37.8201,lng:-122.4781},map:map,});} ``` -------------------------------- ### JavaScript Logic for Power-to-Weight Calculation Source: https://notjustacar.com/power-to-weight-ratio-calculator Handles input event listeners and performs unit conversions to update the ratio display in real-time. ```javascript (function(){const hpIn=document.getElementById('power');const wtIn=document.getElementById('weight');const unitEl=document.getElementById('unit');const outHpLb=document.getElementById('ratio-hp-lb');const outHpKg=document.getElementById('ratio-hp-kg');const outKwKg=document.getElementById('ratio-kw-kg');const outWKg=document.getElementById('ratio-w-kg');const LB_PER_KG=2.20462;const KW_PER_HP=0.7457;const W_PER_HP=745.7;function calc(){const hp=parseFloat(hpIn.value);const wt=parseFloat(wtIn.value);if(isNaN(hp)||isNaN(wt)||wt<=0){outHpLb.textContent=outHpKg.textContent=outKwKg.textContent=outWKg.textContent='0.000';return;} let weightLb=wt;let weightKg=wt;if(unitEl.value==='kg'){weightLb=wt*LB_PER_KG;}else{weightKg=wt/LB_PER_KG;} const hpPerLb=hp/weightLb;const hpPerKg=hp/weightKg;const kWPerKg=hpPerKg*KW_PER_HP;const WPerKg=hpPerKg*W_PER_HP;outHpLb.textContent=hpPerLb.toFixed(3);outHpKg.textContent=hpPerKg.toFixed(3);outKwKg.textContent=kWPerKg.toFixed(3);outWKg.textContent=WPerKg.toFixed(1);} hpIn.addEventListener('input',calc);wtIn.addEventListener('input',calc);unitEl.addEventListener('change',calc);})(); ``` -------------------------------- ### Initialize Cloudflare Challenge Source: https://notjustacar.com/about Injects an iframe to handle Cloudflare security challenges. ```javascript (function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a199b7f81f25f598',t:'MTc4Mzc5Mjk0MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})(); ``` -------------------------------- ### Apply Custom CSS Styles Source: https://notjustacar.com/psi-to-bar-converter A collection of CSS rules for styling product variations, price displays, and layout components. ```css !important;max-width:200px !important}.single-product .variation-radios label{display:inline-block !important;background:#f8f9fa !important;border:2px solid #e9ecef !important;border-radius:6px !important;padding:8px 16px !important;margin:0 5px 5px 0 !important;cursor:pointer !important;font-size:14px !important;font-weight:600 !important;transition:all .3s ease !important}.single-product .variation-radios input:checked+label{background:#2ecc71 !important;border-color:#2ecc71 !important;color:#fff !important}.single-product .price{font-size:32px !important;font-weight:700 !important;color:#2c3e50 !important;margin:10px 0 15px !important;line-height:1.2 !important}.single-product .price del{font-size:24px !important;color:#95a5a6 !important;margin-right:8px !important}.single-product .price ins{text-decoration:none !important;color:#e74c3c !important}.single-product .product_meta{margin-top:15px !important;font-size:14px !important}.single-product .woocommerce-product-details__short-description{margin-bottom:15px !important;line-height:1.5 !important}.single-product .custom-6-related .price{font-size:13px !important;margin-top:0 !important}.woocommerce-variation-description{font-size:14px}.home .entry.loop-entry{box-shadow:none !important}#post-38>div>div>div.kb-row-layout-wrap.kb-row-layout-id38_f3e1b0-0e.alignnone.has-theme-palette6-background-color.kt-row-has-bg.wp-block-kadence-rowlayout>div>div>div>div>ul{padding-left:0 !important}@media (min-width:768px){.woocommerce div.product div.images .zoomImg{display:none !important}}.trust-badges{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px;top:20px !important;margin-bottom:0;width:100%;clear:both;display:block !important;position:relative}.trust-badge{display:flex;align-items:center;margin-bottom:10px;font-size:14px;font-weight:500;color:#2c3e50;width:100%}.trust-badge:last-child{margin-bottom:0}.trust-icon{width:18px;height:18px;margin-right:10px;stroke:#333;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}@media (max-width:768px){.trust-badges{padding:12px;margin-top:15px !important;margin-bottom:10px}.trust-badge{font-size:13px;margin-bottom:8px}.trust-icon{width:16px;height:16px;margin-right:8px}}.single-product .woocommerce-product-details__short-description{font-size:14px;line-height:16px !important;margin-top:15px;margin-bottom:0 !important}.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations th{vertical-align:middle !important}.wp-image-2545{border-radius:15px}.woocommerce .kb-row-layout-id2513_ba1a42-cc{display:none}@media (max-width:400px){.wp-image-2504{min-height:200px !important;max-height:300px !important}}@media (min-width:401px) and (max-width:800px){.wp-image-2504{min-height:250px !important;max-height:300px !important}}.kb-row-layout-id2538_d96f2d-10 .entry.loop-entry{box-shadow:none !important}.kb-row-layout-id2538_d96f2d-10 .entry{background-color:transparent !important}.kb-row-layout-id2538_d96f2d-10 h3{margin-top:-.75rem !important;padding:0 15px !important;font-size:14px !important}.kb-row-layout-id2538_d96f2d-10 ul,ol{margin:0 auto !important;padding:0 10px}.kb-row-layout-id2538_d96f2d-10 .wc-block-product-template__responsive{grid-gap:.2rem !important}.kb-row-layout-id2538_d96f2d-10 h2{margin:0 auto;text-align:center}.home .wp-block-kadence-advancedbtn.kb-buttons-wrap.kb-btns38_3ddc96-af{background-color:#f2f2f2 !important;margin-bottom:-1.5rem;padding:30px;margin-top:-.5rem}.comment-form ::placeholder{color:#000 !important}.comment-form .comment-input-wrap p label,.comment-form p.comment-form-float-label label{color:#000}#wrapper p.woocommerce-store-notice.demo_store{display:none !important}.page-id-9 p.woocommerce-store-notice.demo_store{display:none !important}.page-id-9 button{background:#05b30c}.page-id-9 button:hover{background:#04910a}.ez-toc-counter nav ul li a:before{display:none !important}.kadence-column38_e16318-8e h2{color:#fff !important}.wp-elements-e51a168e13c3bffed1d405ea9b2bd832 a:where(:not(.wp-element-button)){color:#fff}.wp-elements-5e0bc09db92ea914a573749b0c830b8c a:where(:not(.wp-element-button)){color:var(--wp--preset--color--theme-palette-6)}.wp-elements-d83397b49422b67ae317a55530e9edeb a:where(:not(.wp-element-button)){color:var(--wp--preset--color--theme-palette-6)}.wp-elements-78a5f0cfd4a7711aef05607d0c3ac584 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--theme-palette-6)}.wp-elements-fbe927bf6cae6a88ffcbe48b8c3cccde a:where(:not(.wp-element-button)){color:var(--wp--preset--color--theme-palette-6)}.wp-elements-2f9f303741488be08b9940fca33cdba9 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--theme-palette-6)}.wp-elements-15562a5a1d27298fa6edf9f19da1814b a:where(:not(.wp-element-button)){color:var(--wp--preset--color--theme-palette-6)} ``` -------------------------------- ### Calculator Logic and Event Handling Source: https://notjustacar.com/electric-vehicle-savings-calculator JavaScript implementation for handling user input, updating the UI, and calculating cost savings. ```javascript document.addEventListener('DOMContentLoaded',function(){const yearsSlider=document.getElementById('years');const yearsValue=document.getElementById('years-value');const calculateBtn=document.getElementById('calculate-btn');const resultsDiv=document.getElementById('results');yearsSlider.addEventListener('input',function(){yearsValue.textContent=this.value;});calculateBtn.addEventListener('click',calculateSavings);resultsDiv.style.display='none';function calculateSavings(){const evPrice=parseFloat(document.getElementById('ev-price').value);const evEfficiency=parseFloat(document.getElementById('ev-efficiency').value);const electricityPrice=parseFloat(document.getElementById('electricity-price').value);const evMaintenance=parseFloat(document.getElementById('ev-maintenance').value);const gasPrice=parseFloat(document.getElementById('gas-price').value);const gasEfficiency=parseFloat(document.getElementById('gas-efficiency').value);const fuelPrice=parseFloat(document.getElementById('fuel-price').value);const gasMaintenance=parseFloat(document.getElementById('gas-maintenance').value);const ``` -------------------------------- ### Kadence Theme Configuration Source: https://notjustacar.com/contact-us Sets global configuration variables for the Kadence theme, including screen reader labels and breakpoints. ```javascript var kadenceConfig={"screenReader":{"expand":"Child menu","expandOf":"Child menu of","collapse":"Child menu","collapseOf":"Child menu of"},"breakPoints":{"desktop":"1024","tablet":768},"scrollOffset":"0"}; ``` -------------------------------- ### Skip to Content Link Source: https://notjustacar.com/affiliate-disclosure A standard accessibility link to skip navigation. ```markdown [Skip to content](#main) ``` -------------------------------- ### Configure LazySizes Source: https://notjustacar.com/contact-us Sets the load mode configuration for the lazySizes library. ```javascript window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1; ``` -------------------------------- ### Boost to Horsepower Calculation Logic Source: https://notjustacar.com/boost-to-horsepower-calculator Core JavaScript functions for handling unit conversions, charger selection, and power estimation based on boost PSI. ```javascript let selectedCharger='turbo';let previousUnit='hp';const KW_TO_HP=1.34102;const HP_TO_KW=0.7457;function handleUnitChange(){const currentUnit=document.getElementById('powerUnit').value;const powerInput=document.getElementById('currentPower');const powerValue=parseFloat(powerInput.value)||0;if(powerValue>0&¤tUnit!==previousUnit){if(previousUnit==='hp'&¤tUnit==='kw'){powerInput.value=(powerValue*HP_TO_KW).toFixed(1);}else if(previousUnit==='kw'&¤tUnit==='hp'){powerInput.value=(powerValue*KW_TO_HP).toFixed(1);}} previousUnit=currentUnit;document.getElementById('resultUnitGain').textContent=currentUnit.toUpperCase();document.getElementById('resultUnitTotal').textContent=currentUnit.toUpperCase();calculatePower();} function selectCharger(charger){selectedCharger=charger;document.querySelectorAll('.charger-btn').forEach(btn=>{btn.classList.remove('active');});document.querySelector(`.charger-btn[data-charger="${charger}"]`).classList.add('active');calculatePower();} function calculatePower(){const currentPower=parseFloat(document.getElementById('currentPower').value)||0;const boostPSI=parseFloat(document.getElementById('boostPSI').value)||0;const unit=document.getElementById('powerUnit').value;if(currentPower<=0||boostPSI<=0){document.getElementById('powerGain').textContent='--';document.getElementById('totalPower').textContent='--';return;} let powerInHP=currentPower;if(unit==='kw'){powerInHP=currentPower*KW_TO_HP;} let powerGainHP;if(selectedCharger==='turbo'){powerGainHP=(powerInHP/100)*(boostPSI*9);}else{powerGainHP=(powerInHP/100)*(boostPSI*7);} const totalPowerHP=powerInHP+powerGainHP;let powerGainDisplay,totalPowerDisplay;if(unit==='kw'){powerGainDisplay=powerGainHP*HP_TO_KW;totalPowerDisplay=totalPowerHP*HP_TO_KW;}else{powerGainDisplay=powerGainHP;totalPowerDisplay=totalPowerHP;} document.getElementById('powerGain').textContent=powerGainDisplay.toFixed(1);document.getElementById('totalPower').textContent=totalPowerDisplay.toFixed(1);} function resetCalculator(){document.getElementById('currentPower').value='';document.getElementById('boostPSI').value='';document.getElementById('powerGain').textContent='--';document.getElementById('totalPower').textContent='--';document.getElementById('powerUnit').value='hp';previousUnit='hp';document.getElementById('resultUnitGain').textContent='HP';document.getElementById('resultUnitTotal').textContent='HP';selectCharger('turbo');} document.getElementById('currentPower').addEventListener('input',calculatePower);document.getElementById('boostPSI').addEventListener('input',calculatePower); ``` -------------------------------- ### PSI to BAR Calculator Styling Source: https://notjustacar.com/psi-to-bar-converter CSS styles for the PSI to bar conversion calculator interface. ```css ::placeholder{color:#777}.psi-bar-calc{background-color:var(--global-palette8);box-shadow:10px 10px 0 rgba(0,0,0,.2);border:2px solid #000;border-radius:20px;padding:20px;max-width:360px;margin:1rem auto;font-family:sans-serif;color:#000}.psi-bar-calc h2{text-align:center;margin-bottom:1rem;font-size:1.3rem}.psi-bar-calc .input-row{margin-bottom:.8rem}.psi-bar-calc label{display:block;margin-bottom:.25rem;font-weight:600}.psi-bar-calc input{width:100%;padding:.6rem;border:1px solid #000;border-radius:6px;font-size:1rem}.psi-bar-calc .note{margin-top:.5rem;font-size:.85rem;text-align:center}@media(max-width:480px){.psi-bar-calc{padding:15px}} ``` -------------------------------- ### PSI to BAR Conversion Logic Source: https://notjustacar.com/psi-to-bar-converter JavaScript implementation for real-time bidirectional pressure conversion. ```javascript (function(){const psiInput=document.getElementById('psi');const barInput=document.getElementById('bar');const PSI_PER_BAR=14.5037738;function round(val){return(Math.round(val*1000)/1000)||0;} psiInput.addEventListener('input',()=>{const psi=parseFloat(psiInput.value);if(!isNaN(psi)){barInput.value=round(psi/PSI_PER_BAR);}else{barInput.value='';}});barInput.addEventListener('input',()=>{const bar=parseFloat(barInput.value);if(!isNaN(bar)){psiInput.value=round(bar*PSI_PER_BAR);}else{psiInput.value='';}});})(); ``` -------------------------------- ### WPForms reCAPTCHA Utilities Source: https://notjustacar.com/contact-us Handles event dispatching, reCAPTCHA callback validation, and dynamic rendering for WPForms. ```javascript var wpformsDispatchEvent=function(el,ev,custom){var e=document.createEvent(custom?"CustomEvent":"HTMLEvents");custom?e.initCustomEvent(ev,true,true,false):e.initEvent(ev,true,true);el.dispatchEvent(e);};var wpformsRecaptchaCallback=function(el){var hdn=el.parentNode.querySelector(".wpforms-recaptcha-hidden");var err=el.parentNode.querySelector("#g-recaptcha-hidden-error");hdn.value="1";wpformsDispatchEvent(hdn,"change",false);hdn.classList.remove("wpforms-error");err&&hdn.parentNode.removeChild(err);};var wpformsRecaptchaLoad=function(){Array.prototype.forEach.call(document.querySelectorAll(".g-recaptcha"),function(el){try{var recaptchaID=grecaptcha.render(el,{callback:function(){wpformsRecaptchaCallback(el);}});el.setAttribute("data-recaptcha-id",recaptchaID);}catch(error){}});wpformsDispatchEvent(document,"wpformsRecaptchaLoaded",true);}; ``` -------------------------------- ### Calculate and Display Vehicle Cost Comparison Source: https://notjustacar.com/electric-vehicle-savings-calculator Calculates total ownership costs based on mileage, efficiency, and maintenance, then updates the UI with the results. ```javascript annualMiles=parseFloat(document.getElementById('annual-miles').value);const years=parseInt(document.getElementById('years').value);const annualEvEnergyCost=(annualMiles/100)*evEfficiency*electricityPrice;const totalEvEnergyCost=annualEvEnergyCost*years;const annualGasFuelCost=(annualMiles/gasEfficiency)*fuelPrice;const totalGasFuelCost=annualGasFuelCost*years;const totalEvMaintenanceCost=evMaintenance*years;const totalGasMaintenanceCost=gasMaintenance*years;const totalEvCost=evPrice+totalEvEnergyCost+totalEvMaintenanceCost;const totalGasCost=gasPrice+totalGasFuelCost+totalGasMaintenanceCost;const difference=totalGasCost-totalEvCost;const purchaseDiff=gasPrice-evPrice;const energyDiff=totalGasFuelCost-totalEvEnergyCost;const maintDiff=totalGasMaintenanceCost-totalEvMaintenanceCost;document.getElementById('result-years').textContent=years;document.getElementById('ev-total-cost').textContent=totalEvCost.toLocaleString(undefined,{maximumFractionDigits:0});document.getElementById('gas-total-cost').textContent=totalGasCost.toLocaleString(undefined,{maximumFractionDigits:0});const maxCost=Math.max(totalEvCost,totalGasCost);document.getElementById('ev-cost-bar').style.width=(totalEvCost/maxCost*100)+'%';document.getElementById('gas-cost-bar').style.width=(totalGasCost/maxCost*100)+'%';const savingsText=document.getElementById('savings-text');if(difference>0){savingsText.textContent=`You save $${difference.toLocaleString(undefined, {maximumFractionDigits: 0})} with an electric vehicle!`;savingsText.style.color='#27ae60';}else if(difference<0){savingsText.textContent=`You save $${Math.abs(difference).toLocaleString(undefined, {maximumFractionDigits: 0})} with a gas vehicle!`;savingsText.style.color='#e74c3c';}else{savingsText.textContent='Both vehicles cost the same over time.';savingsText.style.color='#333';} document.getElementById('ev-purchase-cost').textContent=evPrice.toLocaleString(undefined,{maximumFractionDigits:0});document.getElementById('gas-purchase-cost').textContent=gasPrice.toLocaleString(undefined,{maximumFractionDigits:0});const purchaseDiffElement=document.getElementById('purchase-diff');const energyDiffElement=document.getElementById('energy-diff');const maintDiffElement=document.getElementById('maint-diff');const totalDiffElement=document.getElementById('total-diff');function formatDiffElement(element,value){if(value>0){element.textContent=`$${value.toLocaleString(undefined, {maximumFractionDigits: 0})} less`;element.className='positive-value';}else if(value<0){element.textContent=`$${Math.abs(value).toLocaleString(undefined, {maximumFractionDigits: 0})} more`;element.className='negative-value';}else{element.textContent='$0';element.className='';}} formatDiffElement(purchaseDiffElement,purchaseDiff);document.getElementById('ev-energy-cost').textContent=totalEvEnergyCost.toLocaleString(undefined,{maximumFractionDigits:0});document.getElementById('gas-fuel-cost').textContent=totalGasFuelCost.toLocaleString(undefined,{maximumFractionDigits:0});formatDiffElement(energyDiffElement,energyDiff);document.getElementById('ev-maint-cost').textContent=totalEvMaintenanceCost.toLocaleString(undefined,{maximumFractionDigits:0});document.getElementById('gas-maint-cost').textContent=totalGasMaintenanceCost.toLocaleString(undefined,{maximumFractionDigits:0});formatDiffElement(maintDiffElement,maintDiff);document.getElementById('ev-total').textContent=totalEvCost.toLocaleString(undefined,{maximumFractionDigits:0});document.getElementById('gas-total').textContent=totalGasCost.toLocaleString(undefined,{maximumFractionDigits:0});formatDiffElement(totalDiffElement,difference);resultsDiv.style.display='block';}}); ``` -------------------------------- ### Custom CSS Stylesheet Source: https://notjustacar.com/affiliate-disclosure A comprehensive set of CSS rules for styling WooCommerce product variations, prices, trust badges, and specific Kadence block layouts. ```css !important;max-width:200px !important}.single-product .variation-radios label{display:inline-block !important;background:#f8f9fa !important;border:2px solid #e9ecef !important;border-radius:6px !important;padding:8px 16px !important;margin:0 5px 5px 0 !important;cursor:pointer !important;font-size:14px !important;font-weight:600 !important;transition:all .3s ease !important}.single-product .variation-radios input:checked+label{background:#2ecc71 !important;border-color:#2ecc71 !important;color:#fff !important}.single-product .price{font-size:32px !important;font-weight:700 !important;color:#2c3e50 !important;margin:10px 0 15px !important;line-height:1.2 !important}.single-product .price del{font-size:24px !important;color:#95a5a6 !important;margin-right:8px !important}.single-product .price ins{text-decoration:none !important;color:#e74c3c !important}.single-product .product_meta{margin-top:15px !important;font-size:14px !important}.single-product .woocommerce-product-details__short-description{margin-bottom:15px !important;line-height:1.5 !important}.single-product .custom-6-related .price{font-size:13px !important;margin-top:0 !important}.woocommerce-variation-description{font-size:14px}.home .entry.loop-entry{box-shadow:none !important}#post-38>div>div>div.kb-row-layout-wrap.kb-row-layout-id38_f3e1b0-0e.alignnone.has-theme-palette6-background-color.kt-row-has-bg.wp-block-kadence-rowlayout>div>div>div>div>ul{padding-left:0 !important}@media (min-width:768px){.woocommerce div.product div.images .zoomImg{display:none !important}}.trust-badges{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px;top:20px !important;margin-bottom:0;width:100%;clear:both;display:block !important;position:relative}.trust-badge{display:flex;align-items:center;margin-bottom:10px;font-size:14px;font-weight:500;color:#2c3e50;width:100%}.trust-badge:last-child{margin-bottom:0}.trust-icon{width:18px;height:18px;margin-right:10px;stroke:#333;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}@media (max-width:768px){.trust-badges{padding:12px;margin-top:15px !important;margin-bottom:10px}.trust-badge{font-size:13px;margin-bottom:8px}.trust-icon{width:16px;height:16px;margin-right:8px}}.single-product .woocommerce-product-details__short-description{font-size:14px;line-height:16px !important;margin-top:15px;margin-bottom:0 !important}.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations th{vertical-align:middle !important}.wp-image-2545{border-radius:15px}.woocommerce .kb-row-layout-id2513_ba1a42-cc{display:none}@media (max-width:400px){.wp-image-2504{min-height:200px !important;max-height:300px !important}}@media (min-width:401px) and (max-width:800px){.wp-image-2504{min-height:250px !important;max-height:300px !important}}.kb-row-layout-id2538_d96f2d-10 .entry.loop-entry{box-shadow:none !important}.kb-row-layout-id2538_d96f2d-10 .entry{background-color:transparent !important}.kb-row-layout-id2538_d96f2d-10 h3{margin-top:-.75rem !important;padding:0 15px !important;font-size:14px !important}.kb-row-layout-id2538_d96f2d-10 ul,ol{margin:0 auto !important;padding:0 10px}.kb-row-layout-id2538_d96f2d-10 .wc-block-product-template__responsive{grid-gap:.2rem !important}.kb-row-layout-id2538_d96f2d-10 h2{margin:0 auto;text-align:center}.home .wp-block-kadence-advancedbtn.kb-buttons-wrap.kb-btns38_3ddc96-af{background-color:#f2f2f2 !important;margin-bottom:-1.5rem;padding:30px;margin-top:-.5rem}.comment-form ::placeholder{color:#000 !important}.comment-form .comment-input-wrap p label,.comment-form p.comment-form-float-label label{color:#000}#wrapper p.woocommerce-store-notice.demo_store{display:none !important}.page-id-9 p.woocommerce-store-notice.demo_store{display:none !important}.page-id-9 button{background:#05b30c}.page-id-9 button:hover{background:#04910a}.ez-toc-counter nav ul li a:before{display:none !important}.kadence-column38_e16318-8e h2{color:#fff !important}.wp-container-core-columns-is-layout-3aa1daa7{flex-wrap:nowrap}.wp-elements-e51a168e13c3bffed1d405ea9b2bd832 a:where(:not(.wp-element-button)){color:#fff}.wp-elements-5e0bc09db92ea914a573749b0c830b8c a:where(:not(.wp-element-button)){color:var(--wp--preset--color--theme-palette-6)}.wp-elements-d83397b49422b67ae317a55530e9edeb a:where(:not(.wp-element-button)){color:var(--wp--preset--color--theme-palette-6)}.wp-elements-78a5f0cfd4a7711aef05607d0c3ac584 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--theme-palette-6)}.wp-elements-fbe927bf6cae6a88ffcbe48b8c3cccde a:where(:not(.wp-element-button)){color:var(--wp--preset--color--theme-palette-6)}.wp-elements-2f9f303741488be08b9940fca33cdba9 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--theme-palette-6)}.wp-elements-15562a5a1d27298fa6edf9f19da1814b a:where(:not(.wp-element-button)){color:var(--wp--preset--color--theme-palette-6)} ``` -------------------------------- ### WordPress Global CSS and Utility Classes Source: https://notjustacar.com/cookie-policy Contains CSS variables for block editor presets and utility classes for layout, typography, and accessibility. ```css .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--theme-palette-1:var(--global-palette1);--wp--preset--color--theme-palette-2:var(--global-palette2);--wp--preset--color--theme-palette-3:var(--global-palette3);--wp--preset--color--theme-palette-4:var(--global-palette4);--wp--preset--color--theme-palette-5:var(--global-palette5);--wp--preset--color--theme-palette-6:var(--global-palette6);--wp--preset--color--theme-palette-7:var(--global-palette7);--wp--preset--color--theme-palette-8:var(--global-palette8);--wp--preset--color--theme-palette-9:var(--global-palette9);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 ``` -------------------------------- ### CSS Styling for Power-to-Weight Calculator Source: https://notjustacar.com/power-to-weight-ratio-calculator Defines the visual layout, responsive design, and component styling for the calculator interface. ```css .pwr-weight-calc{background-color:var(--global-palette8);box-shadow:10px 10px 0 rgba(0,0,0,.2);border:2px solid #000;border-radius:20px;padding:20px;max-width:360px;margin:1.5rem 0;font-family:sans-serif;color:#000}.pwr-weight-calc h2{margin:0 0 1rem;text-align:center;font-size:1.3rem}.input-row{margin-bottom:.9rem}label{display:block;margin-bottom:.25rem;font-weight:600}input,select{width:100%;padding:.6rem;border:1px solid #000;border-radius:6px;font-size:1rem}.result{margin-top:.8rem}.ratio-table{width:100%;border-collapse:collapse;margin-bottom:.4rem}.ratio-table th,.ratio-table td{padding:.35rem .4rem;border:1px solid #ccc;font-size:.95rem}.ratio-table th{background:#f4f4f4;text-align:left}.same-note{font-size:.8rem;text-align:center;color:#444}.note{margin-top:.4rem;font-size:.85rem;text-align:center}@media(max-width:480px){.pwr-weight-calc{padding:15px}}::placeholder{color:#777} ``` -------------------------------- ### Typography and Layout Styles Source: https://notjustacar.com/about Standard CSS rules for list items, text sizing, and drop cap styling. ```css ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter {float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter {float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} ``` -------------------------------- ### CSS Footer and Layout Styles Source: https://notjustacar.com/affiliate-disclosure Defines styling for site footer elements, navigation menus, and Kadence advanced heading blocks. ```css rgba(0,0,0,.1)}#colophon{background:#000}.site-middle-footer-wrap .site-footer-row-container-inner{font-style:normal;color:var(--global-palette6)}.site-middle-footer-inner-wrap{padding-top:33px;padding-bottom:33px;grid-column-gap:30px;grid-row-gap:30px}.site-middle-footer-inner-wrap .widget{margin-bottom:33px}.site-middle-footer-inner-wrap .widget-area .widget-title{font-style:normal;color:var(--global-palette6)}.site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2)}.site-bottom-footer-wrap .site-footer-row-container-inner{font-style:normal;font-size:15px;color:var(--global-palette7);border-top:1px solid #2c2c2c}.site-footer .site-bottom-footer-wrap a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)){color:var(--global-palette7)}.site-footer .site-bottom-footer-wrap a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)):hover{color:var(--global-palette7)}.site-bottom-footer-inner-wrap{padding-top:0;padding-bottom:0;grid-column-gap:30px}.site-bottom-footer-inner-wrap .widget{margin-bottom:30px}.site-bottom-footer-inner-wrap .widget-area .widget-title{font-style:normal;color:var(--global-palette7)}.site-bottom-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2)}.footer-social-wrap{margin:30px 0 0}.footer-social-wrap .footer-social-inner-wrap{font-size:1em;gap:.1em}.site-footer .site-footer-wrap .site-footer-section .footer-social-wrap .footer-social-inner-wrap .social-button{color:var(--global-palette6);background:var(--global-palette3);border:0 solid currentColor;border-color:var(--global-palette6);border-radius:100px}.site-footer .site-footer-wrap .site-footer-section .footer-social-wrap .footer-social-inner-wrap .social-button:hover{color:var(--global-palette3);background:var(--global-palette6);border-color:var(--global-palette6)}#colophon .footer-html{font-style:normal;color:var(--global-palette7)}#colophon .footer-navigation .footer-menu-container>ul>li>a{padding-left:calc(1em / 2);padding-right:calc(1em / 2);padding-top:calc(0em / 2);padding-bottom:calc(0em / 2);color:var(--global-palette7)}#colophon .footer-navigation .footer-menu-container>ul li a{font-style:normal;font-weight:400}#colophon .footer-navigation .footer-menu-container>ul li a:hover{color:var(--global-palette6)}#colophon .footer-navigation .footer-menu-container>ul li.current-menu-item>a{color:var(--global-palette6)}.wp-block-kadence-advancedheading mark{background:0 0;border-style:solid;border-width:0}.wp-block-kadence-advancedheading mark.kt-highlight{color:#f76a0c}.kb-adv-heading-icon{display:inline-flex;justify-content:center;align-items:center}.is-layout-constrained>.kb-advanced-heading-link{display:block}.wp-block-kadence-advancedheading.has-background{padding:0}.single-content .kadence-advanced-heading-wrapper h1,.single-content .kadence-advanced-heading-wrapper h2,.single-content .kadence-advanced-heading-wrapper h3,.single-content .kadence-advanced-heading-wrapper h4,.single-content .kadence-advanced-heading-wrapper h5,.single-content .kadence-advanced-heading-wrapper h6{margin:1.5em 0 .5em}.single-content .kadence-advanced-heading-wrapper+*{margin-top:0}.kb-screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)} ```