/*
Theme Name: Caleader Child
Theme URI: http://https://smartdata.tonytemplates.com/caleader-child/
Author: Websmirno
Author URI: http://smartdatasoft.com
Template:     caleader
Description: Caleader Responsive WordPress Chiild Theme
Version: 1.0
License: This theme or plugin is comprised of two parts.(1) the PHP code and integrated HTML are licensed under the General Public License (GPL). You will find a copy of the GPL in the same directory as this text file. (2) All other parts, but not limited to the CSS code, images, and design are licensed according to the terms of your purchased license. Read more about licensing here: http://themeforest.net/licenses
License URI: License.txt
Text Domain: caleaderchild
Tags: flexible-header,custom-background,custom-header,featured-images
slug: caleaderchild

*/

/* ---------- Nanos Cars brand: blue #144a8e, copper #b45e37, white ---------- */
:root {
	--nc-brand: #144a8e;
	--nc-accent: #b45e37;
	--nc-ink: #1b2430;
}

/* Manrope, self-hosted (variable font, weights 200-800). */
@font-face {
	font-family: "Manrope";
	src: url("assets/fonts/manrope/Manrope-VariableFont_wght.woff2") format("woff2");
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}

/* Text elements only (not "*"), so icon fonts keep working. */
html body,
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body p, html body a, html body li, html body td, html body th, html body label,
html body button, html body input, html body select, html body textarea,
html body .menu a, html body .elementor-widget-container {
	font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* Car Listings plugin colors. */
body .cl-wrap,
body .cl-search-wrap,
body .cl-terms-wrap,
body .cl-listing {
	--cl-brand: #144a8e;
	--cl-accent: #b45e37;
	--cl-ink: #1b2430;
}
/* ---------- Footer ---------- */
html body #tt-footer {
	background: linear-gradient(180deg, #0f3a73 0%, #0a2a55 100%);
	border-top: 4px solid var(--nc-accent);
	color: #fff;
}
html body #tt-footer .tt-footer-layout { background: transparent; padding: 56px 0 28px; }
html body #tt-footer .tt-logo img { max-width: 190px; height: auto; display: block; }

/* Menu: bigger, clearer, copper underline on hover */
html body #tt-footer #tt-footer-menu { margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, .18); }
html body #tt-footer #tt-footer-menu ul { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0; padding: 0; list-style: none; }
html body #tt-footer #tt-footer-menu a { font-size: 14px; font-weight: 700; letter-spacing: .06em; color: #fff; text-decoration: none; padding: 6px 0; border-bottom: 2px solid transparent; transition: border-color .15s, color .15s; }
html body #tt-footer #tt-footer-menu a:hover,
html body #tt-footer #tt-footer-menu a:focus-visible,
html body #tt-footer #tt-footer-menu .is-active a { color: #fff; border-bottom-color: var(--nc-accent); }

/* Contact info columns */
html body #tt-footer .tt-box-info .tt-ttile { font-size: 15px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #fff; margin: 0 0 10px; }
html body #tt-footer .tt-box-info .tt-ttile i { color: #f0a070; margin-right: 6px; }
html body #tt-footer .tt-box-info li,
html body #tt-footer .tt-box-info li a { font-size: 15px; line-height: 1.65; color: rgba(255, 255, 255, .88); text-transform: none; }
html body #tt-footer .tt-box-info li a:hover { color: #fff; text-decoration: underline; }

/* Social icons: round, copper, white on hover */
html body #tt-footer .tt-social-icon { display: flex; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
html body #tt-footer .tt-social-icon a { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: var(--nc-accent); color: #fff; transition: background .15s, color .15s, transform .15s; }
html body #tt-footer .tt-social-icon a:hover,
html body #tt-footer .tt-social-icon a:focus-visible { background: #fff; color: var(--nc-brand); transform: translateY(-2px); }

/* Bottom bar */
html body #tt-footer .tt-footer-bottom { border-top: 1px solid rgba(255, 255, 255, .18); padding: 18px 0 24px; }
html body #tt-footer .tt-footer-bottom span,
html body #tt-footer .tt-footer-bottom a { font-size: 13px; color: rgba(255, 255, 255, .7); text-transform: none; }

@media (max-width: 767px) {
	html body #tt-footer .tt-footer-layout { padding: 40px 0 20px; text-align: center; }
	html body #tt-footer .tt-logo img { margin: 0 auto 18px; }
	html body #tt-footer #tt-footer-menu ul { justify-content: center; gap: 4px 20px; }
	html body #tt-footer .tt-box-info { margin-bottom: 22px; }
	html body #tt-footer .tt-social-icon { justify-content: center; }
	html body #tt-footer .tt-footer-bottom { text-align: center; }
}

/* Footer: stronger selectors where the parent theme's rules win */
html body #tt-footer.tt-footer-02 #tt-footer-menu ul li a { font-size: 14px !important; font-weight: 700 !important; letter-spacing: .06em; }
html body #tt-footer.tt-footer-02 .tt-box-info .tt-item .tt-ttile { font-size: 15px !important; letter-spacing: .05em; text-transform: uppercase; }
html body #tt-footer.tt-footer-02 .tt-box-info .tt-item li { font-size: 15px !important; line-height: 1.65 !important; }
html body #tt-footer.tt-footer-02 .tt-social-icon li a { width: 42px !important; height: 42px !important; line-height: 42px; border-radius: 50% !important; display: inline-flex !important; align-items: center; justify-content: center; }
html body #tt-footer.tt-footer-02 .tt-footer-bottom { border-top: 1px solid rgba(255, 255, 255, .18) !important; }

/* Footer: show the brand blue (the parent paints its own dark layer on top) and keep the address on fewer lines */
html body #tt-footer.tt-footer-02 .tt-footer-layout,
html body #tt-footer.tt-footer-02 .tt-footer-bottom { background: transparent !important; }
@media (min-width: 768px) {
	html body #tt-footer .elementor-2240 .elementor-column:nth-child(1) { width: 38%; }
	html body #tt-footer .elementor-2240 .elementor-column:nth-child(2) { width: 30%; }
	html body #tt-footer .elementor-2240 .elementor-column:nth-child(3) { width: 32%; }
}
html body #tt-footer .tt-box-info li { overflow-wrap: normal; }

/* Footer on phones: centered menu in a row, info blocks aligned consistently */
@media (max-width: 767px) {
	html body #tt-footer.tt-footer-02 #tt-footer-menu ul { flex-direction: row !important; flex-wrap: wrap; justify-content: center; gap: 6px 22px; }
	html body #tt-footer.tt-footer-02 #tt-footer-menu ul li { float: none; width: auto; display: block; text-align: center; }
	html body #tt-footer.tt-footer-02 #tt-footer-menu { border-bottom-color: rgba(255, 255, 255, .18); }
	html body #tt-footer .tt-box-info .tt-item { max-width: 320px; margin: 0 auto 18px; text-align: left; }
	html body #tt-footer .tt-box-info .tt-item ul { padding-left: 30px; margin: 0; text-align: left; }
	html body #tt-footer .tt-box-info .tt-item li { text-align: left; }
}
@media (max-width: 767px) {
	html body #tt-footer.tt-footer-02 #tt-footer-menu nav,
	html body #tt-footer.tt-footer-02 #tt-footer-menu ul { width: 100% !important; display: flex !important; }
	html body #tt-footer.tt-footer-02 #tt-footer-menu nav { justify-content: center; }
}
@media (max-width: 767px) {
	html body #tt-footer.tt-footer-02 #tt-footer-menu ul li { width: auto !important; flex: 0 0 auto !important; padding: 0 !important; margin: 0 !important; }
}