/*
 Theme Name:   HouzFix Child
 Theme URI:    https://housefix.wpengine.com/
 Description:  HouzFix Child Theme
 Author:       the WeDesignTech team
 Author URI:   https://wedesignthemes.com/
 Template:     housefix
 Version:      1.0.0
 Text Domain:  housefix-child
*/

#header-wrapper{
	margin: 0 !important;
}
.home header {
    position: absolute !important;
}
.home header .element-header {
    background-color: transparent !important;
}
.home header .element-header .wdt-primary-nav > li.menu-item > a{
	color: white !important;
}
.home header .element-header .wdt-primary-nav li.current_page_item > a,
.home header .element-header .wdt-primary-nav .menu-item a:hover{
	color: var(--e-global-color-primary) !important;
}
.home header .element-header img {
    filter: brightness(0) invert(1);
}
.home3-contact-form div input:not([type="submit"]), .home3-contact-form div textarea {
	padding: 15px !important;
	font-size: 14px !important;
}
.services-page .elementor-widget-container {
    display: grid;
    grid-template-columns: auto auto auto;
	gap: 15px;
}
.wdt-content-overlay-section .wdt-content-item .wdt-media-image-overlay > .wdt-media-image-overlay-container > .wdt-content-icon-wrapper {
    width: 100%;
}
span.wdt-toggle-discount-span {
    display: none;
}
/****** CSS page services ********/
.services-page .dt-sc-service-item {
    position: relative;
	border-radius: 15px;
	overflow: hidden;
}
.services-page .dt-sc-service-item .image img {
    height: 450px;
    object-fit: cover;
	border-radius: 15px;
	transition-duration: 600ms;
}
.services-page .dt-sc-service-item .image{
	overflow: hidden;
    border-radius: 15px;
}
.services-page .dt-sc-service-item:hover .image img {
	transform: scale(1.2) rotate(-5deg);
	transition-duration: 600ms;
}
.services-page .dt-sc-service-item .image:before {
    content: "";
    position: absolute;
    z-index: 1;
    background-color: transparent;
    background-image: linear-gradient(180deg, #00000000 0%, #000000 150%);
    height: 80%;
    bottom: 0;
    left: 0;
    width: 100%;
    top: unset;
    opacity: 1;
	border-radius: 15px;
}
.services-page .dt-sc-service-item .service-details {
    position: absolute;
    bottom: 0;
    padding: 20px;
	z-index: 2;
}
.services-page .dt-sc-service-item .service-details h3 a {
    color: white;
	font-size: 21px;
}
.services-page .dt-sc-service-item .service-details .dt-sc-service-price {
    display: none;
}
.services-page .dt-sc-service-item .service-details p {
    color: white;
    font-size: 15px;
	transform: translateY(100px);
    height: 0;
}
.services-page .dt-sc-service-item:hover .service-details p {
    height: 100%;
    transform: translateY(0);
    transition-duration: 600ms;
}
.services-page .dt-sc-service-item .service-details .dt-sc-button {
	display: none;
	padding: 12px 20px;
    font-size: 15px;
    margin: auto;
    width: fit-content;
    position: relative;
}
.services-page .dt-sc-service-item:hover .service-details .dt-sc-button {
    display: block;
}
.services-page .dt-sc-service-item .service-details .dt-sc-button:hover {
    background-color: black !important;
}
/****** End CSS page services ********/