/*
Theme Name: HVAC Repair
Theme URI: https://www.themescarts.com/products/havc-repair
Author: Themes Carts
Author URI: https://www.themescarts.com/
Description: The HVAC Repair theme provides a structured and responsive layout designed for presenting service information, company details, contact options, and project-related content. It includes customizable homepage sections, service blocks, banner areas, and navigation menus that help organize information in a clear and accessible format. Built-in customization settings allow adjustments to colors, typography, page layouts, and content arrangements without modifying core files. Additional features include blog integration, image galleries, contact form compatibility, social media links, and widget-ready areas that support expanded functionality. Multiple page templates allow content such as service descriptions, maintenance information, project showcases, and company updates to be arranged efficiently. The responsive design adapts to desktops, tablets, and smartphones, helping maintain usability across various screen sizes. Search functionality and customizable footer sections further improve content accessibility. The layout emphasizes readability, organized spacing, and straightforward navigation to support clear content presentation. Compatibility with modern browsers and commonly used plugins provides flexibility for extending functionality when required. Overall, the theme offers a practical framework for displaying repair, informational content, and updates while maintaining a consistent and responsive website structure.
Version: 1.0
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hvac-repair
Requires at least: 5.5
Requires PHP: 5.6
Tested up to: 7.0
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, block-patterns, block-styles, editor-style, wide-blocks, template-editing, style-variations, grid-layout, full-width-template, footer-widgets, featured-images, full-site-editing, featured-image-header, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, post-formats, sticky-post, threaded-comments, translation-ready, theme-options, rtl-language-support, portfolio, blog, photography

HVAC Repair Theme has been created by ThemesCarts(themescarts.com), 2026.
HVAC Repair Theme is released under the terms of GNU GPL
*/

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    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;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration-style: solid;
}
.wp-block-navigation .wp-block-navigation-item a{
	padding: 5px 18px;
}
.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item.current-menu-item a{
	color: var(--wp--preset--color--background) !important;
	border-radius: 35px;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--foreground);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

body.home .wp-site-blocks > * + *{
	margin-block-start:0 !important;
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

body.home .wp-block-cover{ margin-block-start:0 !important; }
nav.Hdr-menu.wp-block-navigation ul{ font-weight:600 !important;}


/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}
.headright-part{ text-align:right;}
body.home header.wp-block-template-part{ position: relative; width:100%; z-index:999;}
/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}
.wp-block-navigation ul li.current-menu-item > a,
.wp-block-navigation ul li a:hover{ color:var(--wp--preset--color--primary) !important;}

/* = Contact Form 7 CSS
----------------------------------------------- */
.wpcf7{ 
	margin:30px 0 0;
	padding:0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{ 
	width:40%;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:0;
	height:40px;
	padding:0 15px;
}
.wpcf7 textarea{	
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:25px;
	padding:10px;
	width:60%;
	height:160px;
	font-size:12px;
}
.wpcf7 input[type="submit"]{
	background-color:#efc62c;
	padding:20px 40px;
	border-radius:40px;
	font-weight:600;
	font-size:16px;
	cursor:pointer;
	color:#ffffff;	
	width:auto;
	border:none;
	text-transform:uppercase;
}
.wpcf7 input[type="submit"]:hover{
	background-color:#101010;
}
.search-box {
	position: relative;
}
.search-box .wp-block-search__input {
    position: absolute;
    top: 0;
    left: auto;
    right: 60px;
}
.search-box .wp-block-search__button {
    background: transparent !important;
    padding: 0;
}

/* Header Image */
.banner-wrap.inner-header-box{
	position: relative;
}
.banner-wrap.inner-header-box:after{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.6;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.banner-wrap.inner-header-box .wp-block-cover__inner-container{
	z-index: 1;
}

/* Header Section */
.main-header{
	background: linear-gradient(90deg, var(--wp--preset--color--background) 50%, #ffffff 50%);
}
.main-header .top-header .top-social-box a{
	font-size: 20px;
}
.main-header .top-header .top-social-box a:hover{
	color: var(--wp--preset--color--primary) !important;
}
.main-header .menu-header-boxes .header-btn a, .main-slider .slider-content .slider-btn a{
	transition: 1s;
}
.main-header .menu-header-boxes .header-btn a:hover, .main-slider .slider-content .slider-btn a:hover{
	background-color: var(--wp--preset--color--background) !important;
	color: #ffffff !important;
}

/* Banner */
.main-slider .owl-dots{
	position: absolute;
	left: 5%;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
    display: flex;
    flex-direction: column;
}
.main-slider .owl-dots .owl-dot{
	color: #ffffff;
	background-color: #ffffff;
	padding: 6px;
	border-radius: 50%;
	margin: 4px;
}
.main-slider .owl-dots .owl-dot.active{
	color: var(--wp--preset--color--background);
	background-color: var(--wp--preset--color--background);
}
.main-slider .slider-content .slider-sub-title i{
	margin-right: 4px;
}
.main-slider .slider-content .slider-btn-box .slider-video-btn{
	overflow: visible;
	font-size: 15px;
	font-family: var(--wp--preset--font-family--hvac-repair-poppins);
	letter-spacing: 2px;
    font-weight: 700;
	min-height: auto;
	text-decoration: none;
	display: flex;
	align-items: center;
    gap: 16px;
}
.main-slider .slider-content .slider-btn-box .slider-video-btn .wpzoom-video-popup-block_icon{
	display: inline-flex;
	min-height: auto;
	border-radius: 50%;
	font-size: 26px;
	position: relative;
	overflow: visible;
    z-index: 0;
	background-color: var(--wp--preset--color--background);
    padding: 10px;
}
.main-slider .slider-content .slider-btn-box .slider-video-btn .wpzoom-video-popup-block_icon:before{
	content: '';
	position: absolute;
	height: 50px;
	width: 50px;
	background-color: var(--wp--preset--color--background);
	opacity: 0.6;
	z-index: -1;
    border-radius: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.main-slider .slider-content .slider-btn-box .slider-video-btn .wpzoom-video-popup-block_icon svg{
	height: 20px;
	width: 20px;
}
.main-slider .slider-img-box .slider-img img{
	position: relative;
	width: 100%;
	-webkit-mask-image: url('assets/images/slider-mask.png');
	mask-image: url('assets/images/slider-mask.png');
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	object-fit: cover;
}
.main-slider .slider-img-box{
	position: relative;
}
.main-slider .slider-img-box .slider-img-design{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.main-slider .slider-img-box .slider-img-design svg{
	height: 612px;
	width: 100%;
}
.main-slider .owl-carousel, .main-slider .slider-box{
	min-height: 600px;
}
.main-slider .slider-img-box .slider-img{
	margin: 0;
}
.wpzoom-video-popup-block-modal .mfp-content .mfp-iframe-scaler{
	padding-top: 50% !important;
}
.wpzoom-video-popup-block-modal .mfp-close{
	background-color: var(--wp--preset--color--background);
	opacity: 1;
    width: fit-content;
    padding: 8px 10px 14px 10px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    height: 38px;
}

/* Repair Section */
.repair-section .repair-info-box{
	display: grid;
	grid-template-columns: auto auto auto auto;
	gap: 12px;
}
.repair-section .repair-info-box li.wp-block-post{
	margin: 0;
}
.repair-section .repair-info{
	position: relative;
}
.repair-section .repair-info .repair-info-detail{
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translate(-50%);
	width: 90%;
}
.repair-section .repair-info .repair-info-btn .wp-block-post-excerpt__excerpt{
	display: none;
}
.repair-section .repair-info .repair-info-btn{
	position: relative;
}
.repair-section .repair-info .repair-info-btn .wp-block-post-excerpt__more-link::after{
	position: absolute;
	content: '\f061';
	font-family: 'Font Awesome 7 Free';
	font-weight: 900;
	background-color: var(--wp--preset--color--tertiary);
	color: #fff;
	top: 50%;
    right: 50%;
    transform: translate(0%, -50%) rotate(-45deg);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.repair-section .repair-info .repair-info-detail .repair-info-title{
	width: 85%;
}
.repair-section .repair-info .repair-info-img img{
	transition: 1s;
}
.repair-section .repair-info .repair-info-img{
	overflow: hidden;
	border-radius: 15px;
}
.repair-section .repair-info:hover .repair-info-img img{
	transform: scale(1.1);
}
.footer-boxes .wp-block-social-links li:hover{
	background-color: var(--wp--preset--color--background) !important;
}
.footer-boxes .wp-block-social-links li:hover a svg{
	color: #ffffff !important;
	fill: #ffffff !important;
}
.footer-div a{
	text-decoration: none;
}
.footer-div a:hover{
	color: var(--wp--preset--color--background);
}
.post-page-area .wp-block-post{
	padding: 30px;
	box-shadow: 12px 12px 50px rgba(0, 0, 0, 0.4);
	margin-bottom: 30px;
}
.sidebar-area-wrap .taxonomy-post_tag a {
    background: var(--wp--preset--color--primary);
    padding: 5px !important;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff !important;
    margin-right: 10px;
}
.sidebar-area-wrap .taxonomy-post_tag span{
	display: none;
}
.sidebar-area-wrap .wp-block-search .wp-block-search__button, .comment-respond .form-submit input.wp-block-button__link{
	outline-color: var(--wp--preset--color--background);
}
.read-more-btn a.wp-block-post-excerpt__more-link {
    background: var(--wp--preset--color--primary);
    border-color: currentColor;
    color: var(--wp--preset--color--white);
    font-weight: 700;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
}
.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 100%;
}
pre {
    background: #eee;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid #dfdfdf;
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid #dfdfdf;
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid #dfdfdf;
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: #f8f8f8;
}
.entry-content{
	overflow-wrap: anywhere;
	overflow: hidden;
}
.buy-now-button{
	padding: 5px 10px !important;
	color: #fff !important;
	border-radius: 7px !important;
	background: var(--wp--preset--color--background) !important;
}
.buy-now-button:hover{
	background: #000 !important;
}
a.added_to_cart.wc-forward {
    background-color: #32373c;
    color: #fff;
    padding-top: calc(0.667em + 2px);
    padding-right: calc(1.333em + 2px);
    padding-bottom: calc(0.667em + 2px);
    padding-left: calc(1.333em + 2px);
}

/* Pagination */
.post-pgntion{
	gap: 5px;
}
.post-pgntion .page-numbers, .post-pgntion .wp-block-query-pagination-next{
	background-color: var(--wp--preset--color--background);
	color: #ffffff;
	padding: 10px 18px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
}
.post-pgntion .wp-block-query-pagination-next{
	line-height: 1.3;
}
.post-pgntion .page-numbers.current{
	background-color: var(--wp--preset--color--tertiary);
}

/*  Account Page CSS */
.woocommerce-account h2 {
	font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li,.woocommerce-account .addresses .title .edit {
	background: var(--wp--preset--color--background);
	margin-bottom: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
	background-color: transparent !important;
}
.woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit {
	padding: 8px 12px !important;
	font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0 !important;
}
.woocommerce-account .addresses .title .edit{
	color: #fff !important;
	text-decoration: none;
}
nav.woocommerce-MyAccount-navigation ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
.woocommerce-account .addresses .title .edit {
    float: left;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	list-style: none;
	border-bottom: 1px solid #eaeaea;
	position: relative;
	padding: 0;
}
.woocommerce-MyAccount-navigation ul li a {
	padding: 15px 0;
	display: block;
	text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li:last-child {
	border: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 2rem;
	padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	text-decoration: none;
}
.meta-category a{
	color: #fff !important;
	text-decoration: none !important;
}
.post-navigation-link-previous a,
.post-navigation-link-next a {
	color: #fff !important;
	text-decoration: none;
}
.post-navigation-link-previous a,
.post-navigation-link-next a{
  background: var(--wp--preset--color--background) !important;
  color: var(--wp--preset--color--secondary);
  padding: 7px 20px;
  border-radius: 5px;
}
.post-pgntion{
	margin-top: 40px;
}
.single-post .single-post-img{
	margin-left: 0 !important;
}