/*
Theme Name: Plumbing Works
Theme URI: https://www.webnotick.com/products/free-plumbing-works-wordpress-theme
Author: Webnotick
Author URI: https://www.webnotick.com/
Description: Plumbing Works, we believe that every home and business deserves a plumbing system that is safe, reliable, and built to last. Whether it's fixing a leaking tap, installing a new water pipeline, renovating a bathroom, or handling a complete plumbing project, we are committed to delivering quality workmanship with honest and dependable service. Our experienced team understands that plumbing problems can be stressful and often require immediate attention. That's why we respond quickly, work efficiently, and focus on providing practical solutions that save you both time and money. Using quality materials and modern tools, we ensure every installation and repair is completed with precision and care. We offer a wide range of plumbing services, including pipe installation and repairs, leak detection, drain cleaning, bathroom and kitchen plumbing, water tank installation, sewer line maintenance, faucet replacement, and emergency plumbing support. No matter the size of the project, we treat every job with the same level of professionalism and dedication. What makes us different is our customer-first approach. We take the time to understand your needs, explain the best solutions, and complete every project with transparency and attention to detail. Our goal is not just to fix plumbing issues but to provide long-lasting solutions that give you peace of mind. Plumbing Works, your satisfaction is our priority. We are passionate about providing plumbing services that combine experience, quality, and genuine care. Whether you need routine maintenance, emergency repairs, or a complete plumbing installation, you can count on us to get the job done right—the first time.
Version: 1.0.4
Tested up to: 6.9
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: plumbing-works
Tags: one-column, full-site-editing, block-patterns, block-styles, custom-background, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, wide-blocks, blog, rtl-language-support
*/

.skip-link {
	position: fixed;
	top: -100px;
	left: 20px;
	background: #000;
	color: #fff;
	padding: 12px 18px;
	z-index: 99999;
	text-decoration: none;
}

.skip-link:focus {
	top: 20px;
}

.wp-block-post-content a,
.entry-content a,
.editor-styles-wrapper .wp-block-post-content a,
.wp-block-post-excerpt a,
.entry-summary a,
.wp-block-comment-content a,
.comment-content a {
	text-decoration: underline;
}

.wp-block-post-content a:hover,
.entry-content a:hover,
.editor-styles-wrapper .wp-block-post-content a:hover,
.wp-block-post-excerpt a:hover,
.entry-summary a:hover,
.wp-block-comment-content a:hover,
.comment-content a:hover {
	text-decoration: underline;
}

/* **************************Header************************************** */

header .topheader .phone::before {
	content: "\f095";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	margin-right: 6px;
	text-decoration: none;
}

header .topheader .mail::before {
	content: "\f0e0";
	font-family: "Font Awesome 7 Free";
	font-weight: 400;
	margin-right: 6px;
}

header .topheader .emergency::before {
	content: "\f017";
	/* clock */
	font-family: "Font Awesome 7 Free";
	font-weight: 400;
	margin-right: 6px;
	color: #fff;
}

.headersection .headernav button {
	position: absolute;
	bottom: 26px;
	right: 20px;
}

.headernav .wp-block-buttons a::before {
	content: "\f095";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	margin-right: 6px;
}

/* *******************************Footer**************************************** */
footer .wp-block-navigation ul li a {
	transition: all 0.3s ease;
}

footer .quicklinks ul li::marker {
	content: "→";
	font-size: 18px;
	font-weight: 600;
	padding-right: 6px !important;
	transition: transform 0.3s ease;
}

footer .quicklinks ul li {
	padding: 0px 0px 0px 10px;
}

footer .resource ul li::marker {
	content: "→";
	font-size: 18px;
	font-weight: 600;
	padding-right: 6px !important;
	transition: transform 0.3s ease;
}

footer .resource ul li {
	padding: 0px 0px 0px 10px;
}

/* Hover effect */
footer .wp-block-navigation ul li a:hover {
	color: #f59e0b !important;
}

/* Move arrow on hover */
footer .wp-block-navigation ul li a:hover::before {
	transform: translateX(5px);
}

footer .contactus .phone::before {
	content: "\f095";
	/* phone icon */
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	margin-right: 6px;
}

footer .contactus .mail::before {
	content: "\f0e0";
	/* envelope */
	font-family: "Font Awesome 7 Free";
	font-weight: 400;
	/* outline */
	margin-right: 6px;
}

footer .contactus .location::before {
	content: "\f3c5";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	/* solid */
	margin-right: 6px;
}

/* ************************************Hero Section************************* */
.hero .review {
	width: fit-content;
	display: flex;
	gap: 10px;
}


.hero .para {
	max-width: 30rem;
}

.bookbtn a.wp-block-button__link.has-black-color.has-text-color.has-background.has-link-color.wp-element-button::before {
	content: "\f133";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	margin-right: 6px;
}

.bookbtn a.wp-block-button__link.has-black-color.has-text-color.has-background.has-link-color.wp-element-button:hover {
	transform: scale(1.05);
	background-color: #f59e0b;
}

.callbtn a.wp-block-button__link.has-white-color.has-text-color.has-background.has-link-color.wp-element-button:before {
	content: "\f095";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	margin-right: 6px;
}

.callbtn a.wp-block-button__link.has-black-color.has-text-color.has-background.has-link-color.wp-element-button:hover {
	transform: scale(1.05);
}

.hero .customer img {
	vertical-align: middle;
	background-color: #fbbf24;
	border-radius: 20px;
	width: 30px;
	height: 30px;
	padding: 10px;
}

.hero .jobs img {
	vertical-align: middle;
	background-color: #fbbf24;
	border-radius: 20px;
	width: 30px;
	height: 30px;
	padding: 10px;
}

.hero .emergencyservice {
	width: 200px;
	position: absolute;
	bottom: 7%;
	left: 50%;
}

.emergencyservice .wp-block-media-text__media img {
	background-color: white;
	border-radius: 20px;
	padding: 7px;
	margin-left: 12px;
	width: 80% !important;
}

.experience {
	width: 100px;
	position: absolute;
	top: 10%;
	right: 15px;
}

.hero .customer-group {
	display: flex;
	align-items: center;
	background-color: #ffffff36;
	padding: 0px 70px 0 16px;
	border-radius: 46px;
}

.hero .jobs-group {
	display: flex;
	align-items: center;
	background-color: #ffffff36;
	padding: 10px 70px 10px 16px;
	border-radius: 46px;
}

.hero .customer-group i,
.hero .jobs-group i {
	background-color: #fbbf24;
	border-radius: 22px;
	padding: 15px;
	font-size: 20px;
}

.customer,
.jobs {
	background-color: transparent !important;
	text-align: justify;
}

.customer-icon,
.jobs-icon {
	padding-right: 15px;
}

.hero .emergency-group {
	background-color: #fbbf24;
	display: flex;
	width: fit-content;
	padding: 18px 50px 18px 10px;
	align-items: center;
	border-radius: 26px;
	position: absolute;
	bottom: 6%;
	right: 35%;
}

.hero .emergency-icon i {
	background-color: #fff;
	padding: 10px 8px;
	border-radius: 14px;
	font-size: 20px;
	color: #1b4fa2;
}

.hero .customer-count-para,
.jobs-count-para,
.count-para {
	font-weight: 700;
}

.count-para,
.emergency-para {
	padding-left: 1rem !important;
}

.count-para {
	font-size: 1.6rem !important;
}

/* *********************************************About Section***************************** */

.aboutsection .aboutimage .bigimage img {
	height: 320px;
	width: 100%;
}

.aboutsection .aboutimage .smallimage img {
	height: 220px;
	width: 100%;
}

.aboutsection .aboutexperience {
	position: absolute;
	bottom: 10%;
	left: 2%;
	width: 100px;
	height: 115px;
}

.aboutsection h5 {
	width: fit-content;
}

.aboutsection .abouticons img {
	vertical-align: middle;
	background: linear-gradient(to right, #0891b2, #1e3a8a);
	border-radius: 15px;
	width: 24px;
	height: 24px;
	padding: 8px;
}

.aboutsection .abouticons .licensed::before,
.aboutsection .abouticons .technicians::before,
.aboutsection .abouticons .response::before,
.aboutsection .abouticons .tools::before {
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	margin-right: 6px;
	width: 40px;
	height: 40px;
	background: linear-gradient(151deg, #0c87b8, #0d3b8e);
	border-radius: 40%;
	color: #ffff;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-right: 10px;
}

.aboutsection .abouticons .licensed::before {
	content: "\f3ed";
}

.aboutsection .abouticons .technicians::before {
	content: "\f5a2";
}

.aboutsection .abouticons .response::before {
	content: "\f0ad";
}

.aboutsection .abouticons .tools::before {
	content: "\f0e7";
}

.aboutsection .abouticons p {
	display: flex;
	align-items: center;
	color: #364153;
	font-weight: 500;
	font-size: 16px;
}

.aboutsection .abouticons {
	width: 400px;
	grid-template-columns: 12% auto !important;
}

.aboutsection .abouticons .wp-block-media-text__content {
	padding: 0px 0px !important;
}

.aboutsection a.wp-block-button__link.has-background.has-custom-font-size.wp-element-button:after {
	content: "→";
	font-size: 18px;
	font-weight: 600;
	padding-right: 6px;
	transition: transform 0.3s ease;
	padding-left: 5px;
}

/* *********************************************Services Section***************************** */

.servicesection h5 {
	width: fit-content;
}

.servicesection img {
	height: 170px;
	width: 100%;
}

.servicesection .serviceicon i {
	position: absolute;
	float: right;
	padding: 5px;
	background: linear-gradient(to right, #2b7fff, #00b8db);
	border-radius: 19px;
	top: 20px;
	right: 20px;
	z-index: 10;
	height: 40px;
	width: 40px;
}

.servicesection i::before {
	position: absolute;
	top: 14px;
	right: 14px;
	font-size: 24px;
	color: #fff;
}

.servicesection .serviceicon2 i {
	position: absolute;
	float: right;
	padding: 5px;
	background: linear-gradient(to right, #ff6900, #fb2c36);
	border-radius: 19px;
	top: 20px;
	right: 20px;
	z-index: 10;
	height: 40px;
	width: 40px;
}

.servicesection .serviceicon3 i {
	position: absolute;
	float: right;
	padding: 5px;
	background: linear-gradient(to right, #f0b100, #ff6900);
	border-radius: 19px;
	top: 20px;
	right: 20px;
	z-index: 10;
	height: 40px;
	width: 40px;
}

.servicesection .serviceicon4 i {
	position: absolute;
	float: right;
	padding: 5px;
	background: linear-gradient(to right, #ad46ff, #f6339a);
	border-radius: 19px;
	top: 20px;
	right: 20px;
	z-index: 10;
	height: 40px;
	width: 40px;
}

.servicesection .learnmorebtn {
	padding-bottom: 24px;
	padding-top: 10px;
}

.servicesection .learnmorebtn a::after {
	content: "\f105";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	margin-right: 6px;
	padding-left: 10px;
}

.servicesection .servicecard p {
	padding: 0px 24px;
}

.servicesection .servicecard {
	transition: all 0.3s ease;
	position: relative;
}

.servicesection .servicecard:hover {
	transform: translateY(-5px);
	filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.1));
}

.servicesection .serviceimage {
	border-radius: 40px 40px 0px 0px;
	overflow: hidden;
	margin: 0;
}

.servicesection .servicecard img {
	transition: transform 0.4s ease;
	z-index: 10;
}

.servicesection .servicecard:hover img {
	transform: scale(1.1);
}

/* *********************Scroll btn*********************** */
.scroll-to-top-btn {
	background-color: #f59e0b !important;
}

/* ****************************PostSection***************************** */
.homepost .authorname a::before,
.searchpost .authorname a::before {
	content: "\f007";
	font-family: "Font Awesome 7 Free";
	font-weight: 400;
	margin-right: 10px;
	color: #0891b2;
}

.homepost .postdate a::before,
.searchpost .postdate a::before {
	content: "\f133";
	font-family: "Font Awesome 7 Free";
	font-weight: 400;
	margin-right: 10px;
	color: #0891b2;
}

.homepost .readarticle::after,
.searchpost .readarticle::after {
	content: "\f061";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	margin-left: 10px;
	color: #1e3a8a;
}

.homepost,
.searchpost {
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.wp-block-read-more {
	width: auto;
}

.sidebar .recentpost,
.sidebar .archives,
.sidebar .categories {
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	padding: 30px;
	border-radius: 20px;
}

.sidebar .recentpost ul li,
.sidebar .archives ul li,
.sidebar .categories ul li {
	padding: 10px 0px;
}

.sidebar .recentpost ul li a,
.sidebar .archives ul li a,
.sidebar .categories ul li a {
	color: #364153;
}

/* ***********************Single Post********************************************* */

.authordatetime .authorname::before {
	content: "\f007";
	font-family: "Font Awesome 7 Free";
	font-weight: 400;
	margin-right: 10px;
	color: #0891b2;
}

.authordatetime .postdate::before {
	content: "\f133";
	font-family: "Font Awesome 7 Free";
	font-weight: 400;
	margin-right: 10px;
	color: #0891b2;
}

.authordatetime .posttime::before {
	content: "\f017";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	margin-right: 10px;
	color: #0891b2;
}

.singlepost .postcontent {
	padding: 20px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
}

/* ****************************Sidebar**************************** */
.sidebar .wp-block-search__inside-wrapper {
	margin-top: 15px;
}

.sidebar .wp-block-search {
	padding: 20px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
}