/* Custom CSS */

/* Example: Override main section background color. */
/* body .jupiterx-main {
    background-color: gray;
} */


body{padding: 0; margin: 170px 0 0 0 !important; box-sizing: border-box; font-family:"clash display variable", Sans-serif;}
*{padding: 0; margin: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a,a:hover,a:focus,a:active{text-decoration:none !important; outline:none !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; word-break:break-word;}
p{padding:0 0; margin:0;}
p:last-child{padding: 0; margin:0;}
p:last-of-type {padding: 0; margin:0;}
p:empty{padding:0; margin:0;}	
button:focus{border: none !important; outline: none;}
ul, ol{margin: 0; padding: 0 0 0 20px;}
h1, h2, h3, h4, h5, h6{margin: 0;}


.fix-header{position:fixed !important; top:0; left:0; width:100% !important; z-index:999 !important; transition:all 0.3s ease-in-out;}
.sticky .fix-header{box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}

.icon-box .pp-info-box .pp-info-box-icon-wrap{display:inline-block;}
.icon-box .pp-info-box-container{height:100%;}
.icon-box .pp-info-box:has(.pp-info-box-footer) {position:relative; padding-bottom:68px; height:100%;}
.icon-box .pp-info-box :where(.pp-info-box-footer) {position:absolute; top:auto; bottom:0; left:0; width:100%;}
.icon-box .pp-info-box .pp-info-box-title a{color: var(--e-global-color-accent);}
.icon-box .pp-info-box .pp-info-box-title a:hover{color: var(--e-global-color-primary);}
.icon-box{height:100%;}

.home-blog .pp-posts-container .pp-post-wrap .pp-post .pp-post-thumbnail a{position:relative; display:flex; width:100%; padding-bottom:78%;}
.home-blog .pp-posts-container .pp-post-wrap .pp-post .pp-post-thumbnail a img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:top center;}
.home-blog .pp-posts-container .pp-post-wrap .pp-post .pp-post-content-wrap{position:relative;}
.home-blog .pp-posts-container .pp-post-wrap .pp-post .pp-post-content-wrap .pp-post-meta { position: absolute; top: 0; left: 0; background: #2e3092; padding: 16px 24px; transform: translate(0px, -48px); }
.home-blog .pp-posts-container .pp-post-wrap .pp-post .pp-post-content-wrap a.pp-posts-button{display:inline-flex; align-items:flex-start; gap:3px;}
.home-blog .pp-posts-container .pp-post-wrap .pp-post .pp-post-content-wrap a.pp-posts-button .pp-button-icon svg path{fill:#d7191f; transition:all 0.3s ease-in-out;}
.home-blog .pp-posts-container .pp-post-wrap .pp-post .pp-post-content-wrap a.pp-posts-button:hover .pp-button-icon svg path{fill:#2e3092;}

.plumbing-menu nav > ul > li > a{position:relative; background:#f4f4f4; padding:15px !important;}
.plumbing-menu nav > ul > li > a:hover{background:#2E3092;}
.plumbing-menu nav > ul > li.current-menu-item > a{background:#2E3092;}

.plumbing-menu nav > ul > li > a:before{content:""; position:absolute; bottom:0; left:15px; width:calc(100% - 30px); height:1px; background:#cccccc !important; transition:all 0.3s ease-in-out; display:block !important; opacity:1 !important;}
.plumbing-menu nav > ul > li:last-child > a:before{display:none !important;}
.plumbing-menu nav > ul > li > a:hover:before{background:#2E3092 !important;}
.plumbing-menu nav > ul > li.current-menu-item > a:before{background:#2E3092 !important;}

.plumbing-menu nav > ul > li > a:after { content: ""; position: absolute; top: 50%;  left: auto; right: 0; width: 16px; height: 16px;  background-color: transparent !important; background-image: url(/../../wp-content/uploads/2025/11/next.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; transition: all 0.3s ease-in-out;  display: block !important; opacity: 1 !important;  transform: translate(-15px, -50%) !important; filter: brightness(0) saturate(100%) invert(24%) sepia(40%) saturate(2444%) hue-rotate(219deg) brightness(83%) contrast(108%);}
.plumbing-menu nav > ul > li.current-menu-item > a:after,
.plumbing-menu nav > ul > li > a:hover:after {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);}


.plumbing-boxs .pp-info-box-container,
.plumbing-boxs .pp-info-box-container .pp-info-box{height:100%; position:relative; padding-bottom:48px;}
.plumbing-boxs .pp-info-box-container .pp-info-box .pp-info-box-footer{width:100%; position:absolute; top:auto; left:0; bottom:0;}

.ti-widget.ti-goog.ti-disable-font .ti-widget-container, 
.ti-widget.ti-goog.ti-disable-font .ti-widget-container .ti-review-item *, 
.ti-widget.ti-goog.ti-disable-font .ti-enable-widget { font-family: "clash display variable", Sans-serif !important; }
.ti-widget .ti-reviews-container .ti-review-item .ti-review-header .ti-profile-details .ti-name{color:#FFFFFF !important;}

.contact-form .gform-theme--foundation .gform_fields{column-gap:24px; row-gap:24px;}
.contact-form .pp-gravity-form .gform_wrapper .gform_footer input[type="submit"]{margin-top:24px !important;}

.blog-sidebar .block-7,.blog-sidebar .block-9,.blog-sidebar .block-8 {
    background-color: #f7f7f7!important;
    padding: 10px!important
}

.blog-sidebar .block-7 label {
    display: none!important
}

.blog-sidebar .wp-block-search__inside-wrapper {
    border-radius: 0;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #949494;
    transition: 0.3s;
    padding: 5px;
    text-transform: capitalize;
    letter-spacing: 1px
}

.blog-sidebar .wp-block-search__inside-wrapper input {
    font-size: 16px;
    font-weight: 400!important;
    color: #000;
    font-family: "clash display variable";
    line-height: 1em;
    background: #fff0
}

.blog-sidebar .wp-block-search__inside-wrapper button {
    border: none;
    background: #fff0;
    outline: none
}

.blog-sidebar .jupiterx-widget h2 {
    font-size: 30px;
    line-height: 1.1;
    font-weight: 600;
    color: #000;
    padding-bottom: 10px;
    position: relative;
    margin: 0;
    font-family: "clash display variable";
}

.blog-sidebar .jupiterx-widget ul {
    padding: 10px 0 0 0
}


.faq-list .pp-advanced-accordion .pp-accordion-item:last-child{margin-bottom:0 !important;}

.blog-sidebar .jupiterx-widget ul li a {
    font-size: 16px;
    font-weight: 400!important;
    color: #2e3092;
    text-decoration: none!important;
    transition: 0.3s;
    line-height: 20px;
    font-family: "clash display variable";
}

.blog-sidebar .jupiterx-widget ul li a:hover {
    color: #d7191f;
}


.service-info .pp-info-box-icon svg{margin:0 auto;}

.srv-area-form form .gform_fields {row-gap:16px !important;}
.srv-area-form form .gform_fields .gfield label{display:none !important;}
.srv-area-form form .gform_fields .gfield input,
.srv-area-form form .gform_fields .gfield textarea{width:100%; box-sizing:border-box; outline:none; border:none; height:auto !important; background:#FFF; color:#000; font-family:"clash display variable",sans-serif; font-size:16px; line-height:1.2em !important; font-weight:400; padding:10px !important;}
.srv-area-form form .gform_fields .gfield textarea{height:120px !important; resize:none;}

.srv-area-form form .gform_fields .gfield input::placeholder,
.srv-area-form form .gform_fields .gfield textarea::placeholder{color:#000;}

.srv-area-form form .gform_fields .gfield input:focus,
.srv-area-form form .gform_fields .gfield textarea:focus{outline:none;}

.srv-area-form form .gform-footer .gform_button { width: 100% !important; box-sizing: border-box; border: solid 1px #FFF !important; height: auto !important;  background: transparent!important; color: #FFF !important; font-family: "clash display variable",sans-serif !important; font-size: 16px !important; line-height: 1.2em !important; font-weight: 600 !important;  text-transform: uppercase !important; padding: 13px 20px !important; cursor: pointer !important; transition: all 0.3s ease-in-out !important; }
.srv-area-form form .gform-footer .gform_button:hover{background:#FFF !important; color:#2E3092 !important;}



.cnt-form form .gform_fields {row-gap:16px !important;}
.cnt-form form .gform_fields .gfield label{display:none !important;}
.cnt-form form .gform_fields .gfield input,
.cnt-form form .gform_fields .gfield textarea{width:100%; box-sizing:border-box; outline:none; border: solid 1px #CFCFCF !important; height:auto !important; background:#F4F4F400; color:#000; font-family:"clash display variable",sans-serif; font-size:16px; line-height:1.2em !important; font-weight:400; padding:10px !important;}
.cnt-form form .gform_fields .gfield textarea{height:120px !important; resize:none;}

.cnt-form form .gform_fields .gfield input::placeholder,
.cnt-form form .gform_fields .gfield textarea::placeholder{color:#2E3092;}

.cnt-form form .gform_fields .gfield input:focus,
.cnt-form form .gform_fields .gfield textarea:focus{outline:none;}

.cnt-form form .gform-footer .gform_button { width: 100% !important; box-sizing: border-box; border: solid 1px #2E3092 !important; height: auto !important;  background: #2E3092!important; color: #FFF !important; font-family: "clash display variable",sans-serif !important; font-size: 16px !important; line-height: 1.2em !important; font-weight: 600 !important; border-radius:0px;  text-transform: uppercase !important; padding: 13px 20px !important; cursor: pointer !important; transition: all 0.3s ease-in-out !important; }
.cnt-form form .gform-footer .gform_button:hover{background:#F4F4F400 !important; color:#2E3092 !important;}



@media (max-width: 1024px) {
	
	body{margin: 109px 0 0 0 !important; }
	#rmp_menu_trigger-96{top:32px !important; right:20px !important;}
	#rmp_menu_trigger-96:hover, 
	#rmp_menu_trigger-96:focus {outline:none !important; text-decoration:none !important;}
	
}


@media (max-width: 767px) {
	#rmp_menu_trigger-96{top:100px !important;}
	body{margin: 170px 0 0 0 !important; }
	.icon-box .pp-info-box:has(.pp-info-box-footer){padding-bottom: 50px;}
	
	
}




