/*
Theme Name: DetailX Child Theme
Theme URI: https://detailx.ancorathemes.com/
Description: DetailX is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AncoraThemes
Author URI: https://ancorathemes.com/
Version: 1.26.0
Tested up to: 6.9
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: detailx
Template: detailx
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */
/* Elevate: slow Ken Burns zoom on the home hero background video */
.elementor-element-ae1a001 { overflow: hidden; }
.elementor-element-ae1a001 .elementor-background-video-container {
	animation: none; /* zoom baked into video footage */
	will-change: transform;
}
@keyframes eadHeroZoom {
	from { transform: scale(1.03); }
	to   { transform: scale(1.15); }
}
@media (prefers-reduced-motion: reduce) {
	.elementor-element-ae1a001 .elementor-background-video-container { animation: none; }
}

/* Elevate: allow taller logo so the AVIATION DETAILING subline stays legible */
.sc_layouts_row .custom-logo-link img,
.sc_layouts_row .sc_layouts_logo img,
.sc_layouts_row_type_compact .custom-logo-link img,
.sc_layouts_row_type_compact .sc_layouts_logo img {
	max-height: 64px !important;
}

/* Elevate: TikTok glyph (theme icon font predates TikTok) — drawn via CSS mask, inherits icon color */
.social_item .social_icon_tiktok .icon-tiktok:before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27><path d=%27M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z%27/></svg>") center / contain no-repeat;
	mask: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27><path d=%27M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z%27/></svg>") center / contain no-repeat;
}