/* Theme Name: Plumd In Plumbing Child Author: uniquemedia Author URI: https://uniquemedia.com.au/ Version: 1.0.0 Text Domain: plumd-in-plumbing-child Template: plumd-in-plumbing */ @import url("../plumd-in-plumbing/style.css"); /*======== Fonts =========*/ @import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,600,700'); @import url('https://fonts.googleapis.com/css?family=Crete+Round'); @font-face { font-family: 'Arial Narrow'; src: url('fonts/ArialNarrow.eot'); src: url('fonts/ArialNarrow.eot?#iefix') format('embedded-opentype'), url('fonts/ArialNarrow.woff2') format('woff2'), url('fonts/ArialNarrow.woff') format('woff'), url('fonts/ArialNarrow.ttf') format('truetype'), url('fonts/ArialNarrow.svg#ArialNarrow') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Crete Round'; src: url('fonts/CreteRound-Regular.eot'); src: url('fonts/CreteRound-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/CreteRound-Regular.woff2') format('woff2'), url('fonts/CreteRound-Regular.woff') format('woff'), url('fonts/CreteRound-Regular.ttf') format('truetype'), url('fonts/CreteRound-Regular.svg#CreteRound-Regular') format('svg'); font-weight: normal; font-style: normal; } ::selection { background: #245869;} html,body { font-family: 'Montserrat', sans-serif;} a { cursor: pointer;} li { list-style: none;} .ordered ul { padding-left: 0px; padding-top: 20px;} a:hover { color: #0c3050;} .container_inner { padding: 0px !important;} .section-title h1 { position: relative; display: table-cell;} .section-title h1:after { content: ""; background: #245869; height: 8px; width: 100%; display: block; position: relative; left: 0;} .section-title-white h1 { color: #fff;} .section-title-white h1::after { background: #fff;} .btn-style { font-family: 'Crete Round'; border: 5px solid #245869; color: #245869; border-radius: 8px; padding: 5px 50px; font-size: 30px; line-height: 40px; display: inline-block;} .btn-style:hover { background: #245869; color: #fff;} .btn-style-white { font-family: 'Crete Round'; border: 5px solid #fff; color: #fff; border-radius: 8px; padding: 5px 50px; font-size: 30px; line-height: 40px; display: inline-block;} .btn-style-white:hover { background: #fff; color: #245869;} .section-padding { padding: 150px 0px 70px;} .section-padding-2 { padding: 70px 0px 90px;} .about-page h1::after, .hot-water-banner h1::after, .hot-water-section-2 h1::after { top: 20px;} .plumbing-needed h1::after { width: 36%;} #map { width: 100%; height: 700px;} nav.mobile_menu ul>li.has_sub>span.mobile_arrow { top: -5px;} /*======== Menu Style =========*/ .header_top { padding: 10px 0px;} .top-right a:hover { color: #fff;} .header_bottom { padding: 15px 0px;} .text-before-nav p { font-family: 'Montserrat', sans-serif; color: #265d6f; font-size: 20px; line-height: 22px; font-weight: 600; position: relative; right: 16px; top: -10px; text-align: right;} .header_top p { padding-left: 0px;} nav.main_menu > ul { top: 15px;} /*======== Silder Style =========*/ .slider-desc h2 { font-family: 'Arial Narrow'; font-size: 40px; line-height: 45px; color: #fff; padding-bottom: 10px;} .slider-desc p { font-family: "Arial Narrow", sans-serif; font-weight: 600; font-size: 25px; line-height: 30px; color: #fff;} .slider-desc .btn-style-white { margin: 30px 0px 0px; padding: 3px 50px 10px;} /*======== Home Page Style =========*/ .home-about-us-section { padding: 50px 0px 300px; background-size: 100% auto !important; background-position: right !important;} .home-about-text p, .home-contact-detail-section p, .hot-water-banner p { font-size: 28px; line-height: 35px; color: #245869; padding-top: 25px; font-family: 'Arial Narrow';} .home-about-text a { margin-top: 45px;} .home-service-block-style > .vc_column-inner { padding: 0px;} .home-service-block-style .aio-icon-component { margin: 85px 0px 50px; display: block; text-align: center; width: calc(100% / 5); float: left; padding: 0px 15px;} .home-service-block-style .aio-icon-component > a { border: 5px solid #fff; border-radius: 20px; padding: 30px 25px;} .home-service-block-style .aio-icon-component > a:hover { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; transform: scale( 1.03); -webkit-transform: scale( 1.03); -webkit-transform: scale( 1.03); -webkit-transform: scale( 1.03); } .home-service-block-style .aio-icon-component > a h3 { margin: 10px 0px 0px !important; padding-top: 15px; display: block; color: #fff; text-transform: uppercase; font-size: 25px; line-height: 28px; font-family: 'Arial Narrow'; font-weight: 700; min-height: 70px;} .home-contact-detail-section p { font-size: 40px; line-height: 45px;} .home-contact-detail-section a { margin-top: 45px;} .right-img-1 .wpb_single_image { text-align: right; margin-top: -130px;} .right-img-2 .wpb_single_image { text-align: right; margin-top: 150px;} .home-contact-detail-section .contact-details { margin-top: 25px;} .home .home-contact-detail-section .contact-details li, .about-page .services-link-widget li { font-size: 28px !important; line-height: 40px !important;} .home .home-contact-detail-section .contact-details li::before { top: 12px;} .img-phone-link { text-align: right;} .img-phone-link a { color: #245869; font-size: 38px; line-height: 45px; font-weight: 700; border-bottom: 8px solid #245869;} .img-phone-link a:hover, .small-white-logo .img-phone-link a:hover { color: #1d5c8c; border-color: #1d5c8c;} /*======== Testimonial Slider Style =========*/ .testimonial-section { padding: 100px 0px 70px;} .testimonial-slider { position: relative;} .testimonial-slider p { padding: 100px 0px; position: relative; text-align: center !important; font-size: 32px; line-height: 40px; color: #245869; font-family: "Arial", sans-serif;; font-weight: 600; font-style: italic;} .testimonial-slider .slick-prev:before { height: 61px; width: 33px; content: ''; background: url('img/left-arrow.png') no-repeat; position: absolute; display: block; left: -150px; top: -30px;} .testimonial-slider .slick-next:before { height: 61px; width: 33px; content: ''; background: url('img/right-arrow.png') no-repeat; position: absolute; display: block; right: -150px; top: -30px;} .testimonial-slider p:before { height: 56px; width: 56px; content: ''; background: url('img/quote-1.png') no-repeat; position: absolute; display: block; left: 50%; top: 10px;} .testimonial-slider p:after { height: 56px; width: 56px; content: ''; background: url('img/quote-2.png') no-repeat; position: absolute; display: block; right: 46%; bottom: -3px;} .testimonial-slider h4 { margin-bottom: 0px; text-align: right; font-size: 20px; line-height: 25px; color: #245869; font-family: 'Crete Round'; font-weight: 300; margin-right: 100px;} .testimonial-slider li { display: inline-block; font-size: 16px; line-height: 22px; color: #245869; font-family: 'Crete Round'; font-weight: 300;} .testimonial-slider ul { text-align: right; margin-right: 100px; margin-top: 0px;} .slick-dots { display: none !important;} .testimonial-slider h4, .testimonial-slider ul { margin-top: 0px; position: relative; top: -55px; right: -70px;} .testimonial-slider .slick-prev:before { left: -30px; top: -43px;} .testimonial-slider .slick-next:before { right: -30px; top: -43px;} /*======== About Page Style =========*/ .text-white p, .text-white-arial p { color: #fff; font-weight: 600;} .text-white { padding-top: 45px;} .small-white-logo { margin-top: -95px;} .small-white-logo .wpb_single_image img { width: 75%;} .small-white-logo .wpb_single_image { text-align: right;} .small-white-logo .img-phone-link a { font-size: 25px; line-height: 35px; color: #fff; border-color: #fff;} .about-page h1::after { width: 70%;} .about-page .services-link-widget { margin-top: 35px;} .about-page .services-link-widget li a:hover { color: #1d5c8c;} .plumbing-needed { margin-top: 50px;} /*======== Contact Page Style =========*/ .contact-us-24x7-img { margin-top: -35px;} .contact-page .services-link-widget li a:hover { text-decoration: underline;} .contact-page .home-contact-detail-section { margin-top: -65px;} .contact-page .home-contact-detail-section div { display: inline-block; float: left; margin-right: 110px;} .contact-page .home-contact-detail-section .contact-details { margin-top: 0px;} .contact-form-block { margin-top: 80px;} .get-in-touch-form { margin-top: 35px;} .get-in-touch-form .wpcf7-form-control::-webkit-input-placeholder { color: #245869;} .get-in-touch-form .wpcf7-form-control::-moz-placeholder { color: #245869;} .form-btn { text-align: center; margin-top: 35px;} .get-in-touch-form .wpcf7-form-control.wpcf7-submit { font-family: 'Crete Round' !important; border: 5px solid #245869 !important; color: #245869 !important; border-radius: 8px !important; padding: 3px 80px 10px !important; font-size: 30px !important; line-height: 40px !important; display: inline-block !important; text-transform: none;} .get-in-touch-form .wpcf7-form-control.wpcf7-submit:hover { background: #245869 !important; color: #fff !important;} .get-in-touch-form .wpcf7-form-control { color: #245869 !important; background: transparent !important; border: 3px solid #245869 !important; border-radius: 5px !important; margin: 10px 0px !important; padding: 10px !important; font-family: "Arial", sans-serif !important; font-size: 20px !important; line-height: 25px !important;} .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { display: inline-block !important; width:100%;} .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ng { display: inline-block !important; background: #008000 !important;} .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok { display: inline-block !important; width:100%;} /*======== Hot Water Solution Page Style =========*/ .hot-water-banner h1::after { width: 100%;} .small-white-logo-2 { margin-top: -40px;} .small-white-logo-2 .img-phone-link a { border: none;} .text-white-arial { font-family: "Arial", sans-serif;} .hot-water-banner .btn-style-white { margin-top: 35px;} .hot-water-banner { position: relative;} .hot-water-banner::after { background: url('img/hot-water.png') no-repeat right center / auto 100%; content: ''; display: block; position: absolute; right: 17%; bottom: 5%; height: calc(100% - 120px); width: 100%;} .hot-water-section-2 { padding: 250px 0px 150px; background-size: 100% auto !important; background-position: right !important; } .hot-water-section-2 h1::after { width: 50%;} .hot-water-section-2 ul { margin-top: 50px;} .hot-water-section-2 li { font-weight: 600; padding-left: 25px; position: relative; font-family: 'Arial Narrow'; font-size: 42px; line-height: 50px; color: #245869;} .hot-water-section-2 li::before { content: ''; background: #245869; height: 10px; width: 10px; border-radius: 50px; display: block; position: absolute; left: 0; top: 25px;} .hot-water-section-3 { padding: 70px 0px 0px;} .hot-water-section-3 p { padding-bottom: 15px; font-size: 26px; line-height: 35px; color: #fff; font-family: "Arial", sans-serif; font-weight: 600;} .hot-water-section-3 .wpb_single_image { float: left; display: inline-block; width: calc(100% / 2); padding: 50px 0px;} .hot-water-section-3 li, .hot-water-section-4 li { padding-bottom: 20px; padding-left: 25px; position: relative; font-size: 25px; line-height: 30px; color: #fff; font-family: "Arial", sans-serif; font-weight: 600;} .hot-water-section-3 li:last-child, .hot-water-section-4 li:last-child { padding-bottom: 0px;} .hot-water-section-3 li::before, .hot-water-section-4 li::before { content: ''; background: #fff; height: 8px; width: 8px; border-radius: 50px; display: block; position: absolute; left: 0; top: 15px;} .hot-water-section-4 h2 { margin-bottom: 35px; text-transform: none; font-weight: 600;} .hot-water-section-4 li::before { background: #245869;} .hot-water-section-4 li { color: #245869;} .hot-water-section-4 .btn-style { margin-top: 25px; margin-left: 20px;} /*======== Gas Page Style =========*/ .gas-page-banner h1::after { top: 0; width: 300px;} .gas-page-banner h2 { margin-bottom: 35px; padding-left: 75px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; position: relative;} .gas-page-banner h2::before { content: ''; background: url('img/risk-icon.png'); height: 56px; width: 62px; display: block; position: absolute; left: 0; top: 0px; background-position: top center;} .gas-page-banner p, .drain-page-banner p, .residential-page-banner p, .commercial-page-banner p { font-family: "Arial", sans-serif; font-weight: 600;} .gas-page-banner::after { background: url('img/gas.png') no-repeat right center / auto 65%; top: 10%; right: 15%; height: calc(100% - 50px);} .gas-section-2 { padding: 80px 0px 400px;} .gas-section-3 li::before, .drain-section-4 li::before, .residential-section-4 li::before { display: none;} .gas-section-3 li, .drain-section-4 li, .residential-section-4 li { padding-left: 0px;} .gas-section-4 h1::after { width: 40%; top: 20px;} .gas-section-4 ul { margin-top: 35px;} .gas-section-4 a, .drain-section-3 a, .residential-section-4 a, .commercial-section-4 a { font-size: 30px; line-height: 30px; color: #245869;} .gas-section-4 a:hover, .drain-section-3 a:hover, .residential-section-4 a:hover, .commercial-section-4 a:hover { text-decoration: underline; color: #245869;} /*======== Drain Page Style =========*/ .drain-page-banner .text-white-arial p { padding-bottom: 80px;} .drain-page-banner h1::after { top: 0; width: 300px;} .drain-page-banner::after { background: url('img/drains.png') no-repeat right center / auto 100%; top: 23%; right: 18%; height: calc(100% - 200px);} .drain-section-2, .drain-section-3 { padding: 100px 0px 250px;} .drain-section-3 h3, .residential-section-3 h3, .residential-section-4 h3 { padding: 35px 0px 20px;} .drain-section-4 h2 { margin: 0px;} .drain-section-4 .btn-style, .residential-section-4 .btn-style, .commercial-section-4 .btn-style { margin-left: 0px} .drain-section-4 .btn-style:hover, .residential-section-4 .btn-style:hover, .commercial-section-4 .btn-style:hover { text-decoration: none; color: #fff;} /*======== Residential Plumbing Page Style =========*/ .residential-page-banner .small-white-logo-2, .commercial-page-banner .small-white-logo { margin-top: 20px;} .residential-page-banner { padding: 150px 0px 50px;} .residential-page-banner::after { background: url('img/commercial.png') no-repeat right center / auto 100%; top: 25%; right: 25%; height: calc(100% - 300px);} .residential-section-2 { padding: 50px 0px 150px; } .residential-section-3 li { padding: 5px 0px 0px 20px;} .residential-section-3 { padding: 100px 0px 50px;} .residential-section-4 h3, .commercial-section-4 h3 { color: #245869;} /*======== Commercial Page Style =========*/ .commercial-page-banner::after { background: url('img/residential.png') no-repeat right center / auto 100%; top: 23%; right: 26%; height: calc(100% - 400px);} .commercial-page-banner h3 { margin: 20px 0px 10px;} .commercial-page-banner h1::after { width: 80%;} .commercial-section-2 { padding: 50px 0px 400px;} .commercial-section-4 h3 { font-weight: 500; margin: 15px 0px;} .commercial-section-4 .btn-style { margin-top: 50px;} /*======== Footer Style =========*/ .footer_top { padding-bottom: 10px;} .footer_top_holder { background: url('img/widget-bg.jpg') no-repeat center center / cover; position: relative;} .footer_top_holder::after { background: url('img/widget-pipe-art.png') no-repeat right center / auto 100%; content: ''; display: block; position: absolute; right: 0; bottom: 0; height: calc(100% - 50px); width: 100%;} .footer-widget-style div { display: inline-block; margin-top: 115px; margin-right: 150px; position: relative; float: left;} .footer-widget-style a, .footer-widget-style li { color: #fff;} .footer-widget-style a:hover, .home-contact-detail-section .contact-details li a:hover { text-decoration: underline;} /*.footer-widget-style div:before { content: ''; background: #fff; height: 6px; width: 45%; display: block; position: absolute; top: -60px;}*/ .footer-widget-style h6 { color: #fff; font-size: 22px; line-height: 22px; font-family: 'Montserrat', sans-serif; padding-top: 60px; text-transform: none;} .services-link-widget li::before, .about-page .services-link-widget li::before, .contact-page .services-link-widget li::before { content: ''; background: #fff; height: 5px; width: 5px; border-radius: 50px; display: block; position: absolute; left: 0; top: 12px;} .about-page .services-link-widget li::before, .contact-page .services-link-widget li::before { background: #245869; height: 8px; width: 8px; top: 10px;} .services-link-widget li, .contact-details li, .home-contact-detail-section .contact-details li, .about-page .services-link-widget li, .contact-page .services-link-widget li { padding-left: 15px; position: relative; list-style: none; font-family: "Arial", sans-serif; font-weight: 700; font-size: 22px; line-height: 30px;} .home-contact-detail-section .contact-details li, .home-contact-detail-section .contact-details li a, .about-page .services-link-widget li a, .about-page .services-link-widget li, .contact-page .services-link-widget li a { color: #245869;} .contact-details li::before, .home-contact-detail-section .contact-details li::before { content: ''; height: 18px; width: 18px; display: block; position: absolute; left: 0; top: 8px; background-position: top center;} .home-contact-detail-section .contact-details li::before { top: 5px;} .contact-details li:nth-child(1)::before { background: url('img/phone-icon.png');} .contact-details li:nth-child(2)::before { background: url('img/person-icon.png');} .contact-details li:nth-child(3)::before { background: url('img/mail-icon.png');} .contact-details li:nth-child(4)::before { background: url('img/home-icon.png');} .contact-details li, .home-contact-detail-section .contact-details li { padding-left: 30px;} .home-contact-detail-section .contact-details li:nth-child(1)::before { background: url('img/blue-phone.png');} .home-contact-detail-section .contact-details li:nth-child(2)::before { background: url('img/blue-person.png');} .home-contact-detail-section .contact-details li:nth-child(3)::before { background: url('img/blue-mail.png');} .home-contact-detail-section .contact-details li:nth-child(4)::before { background: url('img/blue-fb.png');} .home-contact-detail-section .contact-details li:nth-child(5)::before { background: url('img/blue-home.png');} .footer_bottom_holder { background: #1d5c8c; display: block; color: #fff; font-family: 'Crete Round';} .footer_bottom { font-size: 14px;} /*======== Responsive Style =========*/ @media (min-width: 992px) and (max-width: 1199px){ .slider-desc { position: relative; right: 10%;} .slider-desc h2 { font-size: 25px !important; line-height: 35px !important;} .slider-desc p { font-size: 16px !important; line-height: 25px !important;} .slider-desc .btn-style-white { margin: 20px 0px 0px;} .header_bottom { padding: 15px 35px;} .home-service-block-style .aio-icon-component > a { padding: 30px 10px;} .testimonial-slider .slick-prev:before { left: -5px; top: -60px;} .testimonial-slider .slick-next:before { right: -5px; top: -60px;} .footer-widget-style div { margin-right: 85px;} .contact-page .home-contact-detail-section div { margin-right: 20px;} .contact-page .img-phone-link a { font-size: 20px; line-height: 35px;} /*======== Services Page Style =========*/ .uvc-sub-heading h1 { font-size: 60px;} .commercial-page-banner::after { right: 10%;} .hot-water-banner::after { height: calc(100% - 300px); top: 22%; right: 14%;} .gas-page-banner::after { right: 8%;} .drain-page-banner::after { top: 30%; right: 8%;} } @media (min-width: 768px) and (max-width: 991px){ .slider-desc h2 { font-size: 30px; line-height: 35px;} .slider-desc p { font-size: 19px; line-height: 25px;} .slider-desc a { margin-top: 30px !important;} .slider-desc .btn-style-white { margin: 20px 0px 0px;} .section-padding, .testimonial-section, .section-padding-2, .residential-page-banner, .drain-section-2, .drain-section-3, .hot-water-section-3 { padding: 45px 0px;} .home-about-us-section { padding: 45px 0px 250px;} .mobile_menu_button span, .side_menu_button > a { color: #245869; font-size: 25px;} .home-about-text p, .home-contact-detail-section p, .hot-water-banner p { font-size: 16px; line-height: 28px; padding-top: 10px;} .btn-style { padding: 5px 20px; font-size: 20px; line-height: 30px;} .home-service-block-style .aio-icon-component { width: calc(100% / 2); margin: 15px 0px; min-height: 255px;} .home-service-block-style h1 { padding-bottom: 25px;} .home-service-block-style .btn-style-white { margin-top: 25px;} .testimonial-slider p { font-size: 22px; line-height: 28px;} .testimonial-slider h4, .testimonial-slider ul { margin-top: 0px; position: relative; top: -55px; right: -70px;} .right-img-1 .wpb_single_image { margin-top: 0px;} .testimonial-slider p:before { left: 45%;} .home-contact-detail-section a { margin-top: 25px;} .home .home-contact-detail-section .contact-details li, .about-page .services-link-widget li { font-size: 16px !important; line-height: 30px !important;} .right-img-2 .wpb_single_image { margin-top: 100px;} .footer-widget-style div { margin-top: 70px; margin-right: 0px;} .footer-widget-style div::before { top: -40px;} .footer-widget-style h6 { font-size: 16px; line-height: 22px;} .services-link-widget li, .contact-details li, .home-contact-detail-section .contact-details li, .about-page .services-link-widget li, .contact-page .services-link-widget li { font-size: 18px; line-height: 28px;} .text-white { padding-top: 15px;} .small-white-logo { margin-top: -10px;} .btn-style-white { font-size: 22px; line-height: 35px; padding: 5px 40px 8px;} .get-in-touch-form .vc_col-sm-6, .get-in-touch-form .vc_col-sm-12 { padding-left: 0px;} .get-in-touch-form .wpcf7-form-control { font-size: 18px !important;} .img-phone-link a { font-size: 25px; line-height: 35px;} .contact-page .services-link-widget li { padding-left: 30px;} .contact-page .services-link-widget { margin-top: 25px;} .contact-form-block, .commercial-section-4 .btn-style { margin-top: 35px;} /*======== Services Page Style =========*/ .residential-page-banner h1 { padding-bottom: 35px;} .hot-water-section-2 li { font-size: 25px; line-height: 40px;} .hot-water-section-2 li::before { top: 13px;} .residential-section-3 { padding: 45px 0px 0px;} .hot-water-section-3 p { font-size: 18px; line-height: 28px;} .drain-section-3 h3, .residential-section-3 h3, .residential-section-4 h3 { padding: 0px;} .hot-water-section-3 ul, .hot-water-section-4 ul { padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px;} .hot-water-section-3 li, .hot-water-section-4 li { font-size: 20px; line-height: 25px;} .gas-section-4 a, .drain-section-3 a, .residential-section-4 a, .commercial-section-4 a { font-size: 22px; line-height: 25px;} strong { font-size: 25px !important;} .about-page h1::after, .hot-water-banner h1::after, .hot-water-section-2 h1::after { top: 10px;} .hot-water-section-4 h2 { margin-bottom: 18px;} .drain-page-banner .text-white-arial p { padding: 30px 0px 0px;} } @media (max-width: 767px){ .slider-desc { text-align: center !important;} .slider-desc h2 { font-size: 22px; line-height: 30px; } .section-padding { padding: 35px 25px;} .section-padding-2, .residential-page-banner, .residential-section-2, .residential-section-3, .drain-section-2, .drain-section-3, .hot-water-section-2, .hot-water-section-3 { padding: 35px 15px;} .header_top p, .header_top a { font-size: 14px !important; line-height: 14px !important;} .mobile_menu_button span, .side_menu_button > a { color: #245869; font-size: 25px;} .mobile_menu_button span i { margin-left: 18px;} .q_logo img.mobile, .footer_top img { height: 75px !important; width: 200px !important;} nav.mobile_menu ul li a { padding-left: 20px;} .home-about-us-section { padding: 15px 15px 250px;} .section-title h1 { display: inline-block;} .home-about-text p, .home-contact-detail-section p, .hot-water-banner p, .hot-water-section-3 p { font-size: 14px; line-height: 20px; text-align: center !important; padding-top: 10px;} .btn-style, .btn-style-white { padding: 5px 20px; font-size: 18px; line-height: 25px; width: calc(100% - 50px); text-align: center;} .home-service-block-style .aio-icon-component { width: 100%; margin: 30px 0px 0px;} .home-service-block-style .btn-style-white { margin-top: 25px;} .testimonial-section { padding: 35px 15px;} .testimonial-slider h4, .testimonial-slider ul { margin: 0px; text-align: center;} .testimonial-slider p { font-size: 18px; line-height: 25px;} .testimonial-slider p::before { top: 22px; left: 40%;} .testimonial-slider p::after { bottom: 18px; right: 40%;} .right-img-1 .wpb_single_image { margin: 25px 0px;} .home .home-contact-detail-section .contact-details li, .about-page .services-link-widget li, .hot-water-section-2 li { font-size: 16px !important; line-height: 30px !important;} .home-contact-detail-section a { margin-top: 25px;} .contact-details li, .home-contact-detail-section .contact-details li { padding-left: 10px;} .contact-details li::before, .home-contact-detail-section .contact-details li::before { top: 5px; left: -20px;} .right-img-2 .wpb_single_image, .contact-form-block, .hot-water-section-2 ul { margin-top: 35px;} .footer_top_holder { padding: 0px 25px;} .footer_top { padding-top: 35px;} .footer-widget-style div { margin-top: 45px; margin-right: 0px;} .footer-widget-style div:before { top: -25px;} .services-link-widget li, .contact-details li, .home-contact-detail-section .contact-details li, .about-page .services-link-widget li, .contact-page .services-link-widget li, .hot-water-section-3 li, .hot-water-section-4 li { font-size: 16px; line-height: 25px;} .footer_top .contact-details li::before { left: -8px;} .footer_top .contact-details li, .contact-page .contact-details li { padding-left: 20px;} .footer-widget-style h6 { padding-top: 35px; font-size: 18px; line-height: 25px; text-align: center;} .footer_bottom { padding: 15px 0px; line-height: 20px;} .img-phone-link a { font-size: 25px;} .small-white-logo, .contact-us-24x7-img { display: none;} .text-white { padding-top: 20px;} .contact-page .home-contact-detail-section, .contact-page .services-link-widget, .hot-water-banner .btn-style-white { margin-top: 25px;} .contact-page .contact-details li::before { left: -10px;} .get-in-touch-form .vc_col-sm-6, .get-in-touch-form .vc_col-sm-12 { padding: 0px;} .get-in-touch-form .wpcf7-form-control { font-size: 16px !important;} /*======== Services Page Style =========*/ .section-title-white h1, .residential-section-4 li, h3 { text-align: center !important;} .about-page h1::after, .hot-water-banner h1::after, .hot-water-section-2 h1::after { top: 8px;} .hot-water-section-2 li::before { height: 8px; width: 8px; top: 10px;} .drain-section-3 h3, .residential-section-3 h3, .residential-section-4 h3 { padding: 0px; text-align: center !important;} .hot-water-section-3 ul { padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px;} .gas-section-4 a, .drain-section-3 a, .residential-section-4 a, .commercial-section-4 a { font-size: 18px; line-height: 25px;} strong { font-size: 20px !important;} .hot-water-section-4 .btn-style { margin-top: 0px;} .commercial-page-banner h1::after, .gas-page-banner h1::after, .drain-page-banner h1::after { width: 100%;} .commercial-section-2 { padding: 35px 15px 150px;} .hot-water-section-4 h2, .gas-page-banner h2 { margin-bottom: 0px;} .hot-water-section-4 .btn-style { margin-left: 0px;} .gas-section-2 { padding: 35px 15px 300px;} .drain-page-banner .text-white-arial p { padding-bottom: 0px;} } .about-page .services-link-widget li::before{ top: 15px!important; }