/*
 Theme Name:   Air Supply Child Theme
 Theme URI:    https://air-supply.themerex.net/
 Description:  Air Supply Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net
 Template:     air-supply
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  air-supply
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */
form button:not(.components-button):hover, form button:not(.components-button):focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus, .post_item .more-link:hover, .comments_wrap .form-submit input[type="submit"]:hover, .comments_wrap .form-submit input[type="submit"]:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus, .sc_button_default:hover, .sc_button_default:focus, .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover, .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus, .socials_share.socials_type_block .social_icon:hover, .socials_share.socials_type_block .social_icon:focus {
    color: #fff;
}
.wpcf7 .wpcf7-submit-style .wpcf7-submit {
    background-color: #a1dbe0 !important;
    color: #11224d;
}
.wpcf7 .wpcf7-submit-style .wpcf7-submit:hover {
    background-color: #11224d !important;
    color: #fff;
}
.button_bg_icon_color .sc_button_icon{
	background-color: transparent;
}
header .logo_image {
    max-height: 90px !important;
    margin-left: -30px;
}
header .elementor-section:nth-child(1) {
    background-color: #a1dbe0;
}
header .elementor-section:nth-child(1) .sc_layouts_iconed_text span {
    color: #11224d;
}
header .elementor-section:nth-child(1) .sc_socials.sc_socials_default .social_icon {
    color: #11224d;
}
.sc_layouts_menu .sc_layouts_menu_nav .sub-menu {
    background-color: #a1dbe0;
}
.sc_layouts_menu .sc_layouts_menu_nav .sub-menu a {
    color: #11224d !important;
}
footer.footer_wrap {
    background-color: #a1dbe0 !important;  
}
footer.footer_wrap span.elementor-divider-separator {
    border-color: #071630 !important;
}
.scroll_to_top_style_default {
    background-color: #071630 !important;
}
@media only screen and (max-width: 1400px){
header .elementor-section:nth-child(2) .elementor-container{
    display: grid;
    grid-template-columns: 270px auto;
    justify-content: space-between;
}
header .elementor-section:nth-child(2) .elementor-container > div{
    width: 100%;
}
header .elementor-section:nth-child(2) .elementor-container > div > div{
    padding-left: 0;
    padding-right: 0;
}
header .elementor-section:nth-child(6) .elementor-container.elementor-column-gap-extended {
    display: grid;
    grid-template-columns: 250px auto;
}
header .elementor-section:nth-child(6) .elementor-container.elementor-column-gap-extended > div {
    width: 100%;
}
header .elementor-section:nth-child(6) .elementor-container.elementor-column-gap-extended > div > div{
    padding-left: 0;
    padding-right: 0;
}
}

/*
 * Gascon hero — Slider Revolution (PHOTO-2025-09-23-19-05-18) + Elementor image-40 bands (below).
 * Other Elementor image-40 / PHOTO widget cases: functions.php (runtime).
 */
@media only screen and (min-width: 992px) {
	img.rev-slidebg[data-lazyload*="PHOTO-2025-09-23-19-05-18"],
	img.rev-slidebg[src*="PHOTO-2025-09-23-19-05-18"],
	img.tp-rs-img[data-lazyload*="PHOTO-2025-09-23-19-05-18"],
	img.tp-rs-img[src*="PHOTO-2025-09-23-19-05-18"] {
		transform: scaleX(-1) !important;
		transform-origin: center center !important;
	}

	/* RS6 often composites the slide to canvas; GSAP may overwrite non-important transforms on the img. */
	rs-module-wrap:has(img.rev-slidebg[data-lazyload*="PHOTO-2025-09-23-19-05-18"]) canvas,
	rs-module-wrap:has(img.rev-slidebg[src*="PHOTO-2025-09-23-19-05-18"]) canvas,
	rs-module-wrap:has(img.tp-rs-img[data-lazyload*="PHOTO-2025-09-23-19-05-18"]) canvas,
	rs-module-wrap:has(img.tp-rs-img[src*="PHOTO-2025-09-23-19-05-18"]) canvas {
		transform: scaleX(-1) !important;
		transform-origin: center center !important;
	}
}

/*
 * Mobile hero — Elementor sets `.coman-slider canvas { object-position: top }`, which favours the
 * sink. Pan to the left of the photo (engineer / boiler). Mirror is desktop-only (see min-width
 * block above) so the subject stays on the same side as the headline.
 */
@media only screen and (max-width: 991px) {
	#rev_slider_8_1_wrapper.coman-slider canvas,
	#rev_slider_8_1_wrapper.coman-slider img.rev-slidebg[data-lazyload*="PHOTO-2025-09-23-19-05-18"],
	#rev_slider_8_1_wrapper.coman-slider img.rev-slidebg[src*="PHOTO-2025-09-23-19-05-18"],
	#rev_slider_8_1_wrapper.coman-slider img.tp-rs-img[data-lazyload*="PHOTO-2025-09-23-19-05-18"],
	#rev_slider_8_1_wrapper.coman-slider img.tp-rs-img[src*="PHOTO-2025-09-23-19-05-18"],
	rs-module-wrap.coman-slider:has(img[data-lazyload*="PHOTO-2025-09-23-19-05-18"]) canvas,
	rs-module-wrap.coman-slider:has(img[src*="PHOTO-2025-09-23-19-05-18"]) canvas {
		object-fit: cover !important;
		object-position: left 28% !important;
	}
}

/*
 * Elementor — sections that use uploads/2023/12/image-40-copyright.jpg as section background.
 * Located in Elementor as classic section backgrounds (data-id stable across templates):
 *   29ab09d — e.g. homepage (post 25420) “Get Your FREE Quote” band; also reused on service pages.
 *   8fadd85 — e.g. Heating page (post 25474) hero band.
 * When there is no motion-effects wrapper, the photo is painted on the section; mirror the section
 * then mirror each direct child so overlay + content read normally.
 */
.elementor-element.elementor-element-29ab09d > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-element.elementor-element-8fadd85 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	transform: scaleX(-1) !important;
	transform-origin: center center !important;
}

.elementor-element.elementor-element-29ab09d:not(:has(> .elementor-motion-effects-container)),
.elementor-element.elementor-element-8fadd85:not(:has(> .elementor-motion-effects-container)) {
	transform: scaleX(-1) !important;
	transform-origin: center center !important;
}

.elementor-element.elementor-element-29ab09d:not(:has(> .elementor-motion-effects-container)) > *,
.elementor-element.elementor-element-8fadd85:not(:has(> .elementor-motion-effects-container)) > * {
	transform: scaleX(-1) !important;
	transform-origin: center center !important;
}

/*
 * Contact Form 7 — theme icon pseudo-elements use z-index:1 and sit above inputs,
 * which blocks focus/clicks on name, email, and phone (message often still works).
 */
div.wpcf7 .style-icon[class*="icon-"]:before,
div.wpcf7 .style-line[class*="icon-"]:before {
	pointer-events: none !important;
}

div.wpcf7 .style-icon .wpcf7-form-control-wrap,
div.wpcf7 .style-line .wpcf7-form-control-wrap {
	position: relative;
	z-index: 2;
}

div.wpcf7 .style-icon input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
div.wpcf7 .style-icon textarea,
div.wpcf7 .style-icon select,
div.wpcf7 .style-line input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
div.wpcf7 .style-line textarea,
div.wpcf7 .style-line select {
	position: relative;
	z-index: 2;
}

/*
 * Revolution Slider — wide headline text layers (z-index 9) overlap hero quote forms (z-index 7).
 */
rs-slide .rs-layer[data-type="text"]:not(:has(.wpcf7)) {
	pointer-events: none;
}

rs-slide .rs-layer[data-type="text"]:not(:has(.wpcf7)) a {
	pointer-events: auto;
}

rs-slide .rs-layer:has(.wpcf7),
rs-slide a.rs-layer,
rs-slide .rs-layer.rev-btn,
rs-slide .rs-layer[data-type="button"] {
	pointer-events: auto !important;
}

rs-slide .rs-layer:has(.wpcf7) {
	z-index: 25 !important;
}