/*
Theme Name: swflex
Theme URI: https://www.sitewired.com/
Description: Bootstrap based theme developed by sitewired for Valley Plumbing
Author: Joseph
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/
body {
color: #6A6A6A !important;
background: #fff !important;
font-family: 'Open Sans', sans-serif;
}
#top-header {
height: 55px;
top: 0px;
position: fixed;
background:#000;
width: 100%;
padding: 0px 40px !important;
z-index: 301;
}
#top-header ul {
list-style: none;
padding-left: 0px !important;
margin-bottom: 0px !important;
}
#top-header ul li {
display: inline-block;
}
#top-header ul li a {
text-decoration: underline !important;
}
#top-header .pull-left li:nth-child(1) a {
background: url(../swflex/images/awesome-linkedin-in.svg) no-repeat;
height: 21px;
width: 21px;
margin: 0;
display: inline-block;
margin-right: 10px;
font-size: 0px;
}
#top-header .pull-left li:nth-child(2) a {
background: url(../swflex/images/awesome-facebook.svg) no-repeat;
height: 22px;
width: 22px;
margin: 0;
display: inline-block;
margin-right: 10px;
font-size: 0px;
}
#top-header .pull-left ul {
display: inline-block;
position: relative;
top: -11px;
}
#top-header .pull-left p {
display: inline-block;
margin-left: 30px;
font-size: 15px;
font-weight: 600 !important;
margin-bottom: 0px !important;
color: #fff !important;
position: relative;
top: 12px;
line-height: 1 !important;
font-family: 'Roboto', sans-serif !important;
}
#top-header .pull-right ul li:nth-child(1) {
font-size: 15px;
color: #fff !important;
margin-right: 30px;
font-family: 'Roboto', sans-serif !important;
}
#top-header .pull-right ul{
position: relative;
top: 9px;
}
#top-header .pull-right ul li:nth-child(1):before {
content: ""!important;
width: 17px;
height: 21px;
background: url(../swflex/images/feather-map-pin.svg) no-repeat!important;
background-size: auto;
position: relative;
background-size: contain!important;
top: 5px;
left: -7px;
display: inline-block;
}
#main a {
text-decoration: underline;
}
#top-header .pull-right a {
color: #fff !important;
text-decoration: none !important;
}
#top-header .pull-right ul li:nth-child(2) {
font-size: 15px;
color: #fff !important;
font-family: 'Roboto', sans-serif !important;
}
#top-header .pull-right ul li:nth-child(2) a {
text-decoration: none !important;
font-size: 20px !important;
color: #fff !important;
font-family: 'Roboto', sans-serif !important;
margin-left: 15px;
font-weight: 600 !important;
}
#top-header .pull-right ul li:nth-child(2):before {
content: ""!important;
width: 15px;
height: 24px;
background: url(../swflex/images/material-phone-iphone.svg) no-repeat!important;
background-size: auto;
position: relative;
background-size: contain!important;
top: 5px;
left: -7px;
display: inline-block;
}
.hire-btn {
position: relative;
top: 0px;
}
.reusable-gray-cta-new .wp-block-column {
padding-left: 40px;
padding-right: 40px;
}
header.site-header {
background: #fff;
padding: 0px 40px !important;
height: 120px;
width: 100%;
position: fixed;
top: 55px;
z-index: 301;
transition: all .35s ease-in-out;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
}
.after-header-mobile-logos {
display: none !important;
}
.wp-block-image .is-style-rounded img, .wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img {
border-radius: 20px !important;
}
.admin-bar #top-header {
top: calc(32px + 0px );
}
.admin-bar header.site-header {
top: calc(32px + 55px );
}
.site-branding-wrap {
display: inline-block;
}
#header-right {
text-align: right;
flex-grow: 1;
}
header .site-branding {
align-items: center;
align-content: center;
width: 100%;
display: flex;
height: 120px;
max-width: 1600px;
margin: 0 auto;
}
#header-middle {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
max-width: 200px;
}
#header-middle figure {
margin: 0px !important;
}
#header-middle img {
width: 150px;
transition: background-color 0.3s, color 0.3s, border-color 0.3s;
transition: all .2s ease-in-out;
}
#header-middle img:hover {
transform: scale(1.1);
}
#header-right figure{
display: inline-block;
margin: 0px !important;
}
#header-right ul {
display: inline-block;
list-style: none;
position: relative;
top: -30px;
}
#header-right img {
position: relative;
top: 5px;
height: 98px;
width: auto;
}
#header-right .daveimg img {
height: 68px;
}
#header-right > figure:nth-child(1) img {
margin-right: 20px;
}
#header-right > figure:nth-child(2) img {
position: relative;
top: 8px;
}
#header-right li a {
background: #C65547;
color: #fff !important;
padding: 15px 30px 14px;
font-size: 20px;
font-weight: 600;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
border-radius: 10px;
text-decoration: none !important;
/*transition: background-color 0.3s, color 0.3s, border-color 0.3s;*/
transition: all .2s ease-in-out;
/*transform: scale(1.1);*/
display: inline-block;
}
#header-right li a:hover, #header-right li a:focus {
background: #000;
transform: scale(1.1);
}
.site-logo-main img {
width: 270px;
height: auto;
position: relative;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
z-index: 2;
}
.site-logo-main {
display: inline-block;
margin-right: 30px;
}
.blackBtn {
background: #000;
color: #fff !important;
font-size: 18px;
padding: 6px 30px 7px;
border-radius: 0px;
font-weight: 300;
text-decoration: none !important;
position: relative;
text-align: center;
}
.blackBtn:hover {
background: #008A1D;
color: #fff !important;
}
.hire-btn {
display: inline-block;
}
.not-front .space-inner {
padding: 10px 40px;
}
.orgBtn {
background: #000;
color: #fff !important;
font-size: 16px;
padding: 10px 22px 11px;
border-radius: 10px;
text-decoration: none !important;
position: relative;
text-align: center;
font-family: 'Roboto', sans-serif;
font-weight: 600;
text-transform: uppercase;
margin-left: 26px;
transition: all .2s ease-in-out;
display: inline-block;
}
.mobile-only-menu {
display: none !important;
}
.orgBtn:hover {
background: #C65547;
color: #fff !important;
transform: scale(1.1);
}
.home #primary .entry-content > p, .home #primary .entry-content > ul, .home #primary .entry-content > h2, .home #primary .entry-content > h3, .home #primary .entry-content > h4, .home #primary .entry-content > figure, .home #primary .entry-content > img {
max-width: 1280px;
margin: 0 auto;
}
.not-front #primary .entry-content > p, .not-front #primary .entry-content > ul, .not-front #primary .entry-content > .wp-block-columns, .not-front #primary .entry-content > h1, .not-front #primary .entry-content > h2, .not-front #primary .entry-content > h3, .not-front #primary .entry-content > h4, .not-front #primary .entry-content > figure, .not-front #primary .entry-content > img {
max-width: 1280px;
margin: 0 auto;
}
.not-front #primary .entry-content > .wp-block-columns h3:nth-child(1), .not-front #primary .entry-content > .flex-display .wp-block-columns h3:nth-child(1) {
margin-top: 0px !important;
padding-top: 0px !important;
}
.not-front #primary .entry-content > .wp-block-columns {
margin: 25px auto;
}
.not-front #primary .entry-content > .wp-block-columns img {
width: 100%;
}
.not-front #primary {
padding: 25px 0px;
}
h1 {
font-weight: 600 !important;
font-size: 45px !important;
line-height: 66px !important;
}
.home h1 {
font-weight: 900 !important;
color: #fff !important;
}
.banner-heading{
font-weight: 700 !important;
color: #fff !important;
font-size: 53px !important;
line-height: 66px !important;
margin-bottom: 25px;
}
h2 {
font-size: 35px !important;
line-height: 52px !important;
font-weight: 700 !important;
}
h2 span {
color: #D51340 !important;
}
h3 {
font-size: 27px !important;
line-height: 49px !important;
font-weight: 700 !important;
}
h4 {
font-size: 24px !important;
line-height: 37px !important;
font-weight: 400 !important;
}
h5 {
font-size: 21px !important;
line-height: 34px !important;
font-weight: 400 !important;
}
h1, h2, h3, h4, h5 {
color: #000 !important;
padding-top: 15px !important;
margin-bottom: 10px !important;
font-family: 'Roboto', sans-serif;
}
.center {
text-align: center;
}
#main p, #main ul li, #main ol li, #before-footer p {
font-size: 19px;
line-height: 35px;
margin-bottom: 15px !important;
}
#main table {
width: 100%;
margin-bottom: 15px;
}
#main table, #main th, #main td {
border: 1px solid #ccc;
}
#main table tr td, #main table tr th {
font-size: 19px;
line-height: 35px;
padding: 6px 18px;
}
.not-front #main ul, .not-front #main ol {
list-style: outside;
padding-left: 20px !important;
}
.home #main ul {
list-style: outside;
padding-left: 0px !important;
}
.not-front #main ul li, .not-front #main ol li {
margin-bottom: 8px !important;
}
.not-front #main .entry-content > figure {
margin-top: 25px;
margin-bottom: 25px;
}
#main ul li {
list-style: none;
padding-left: 30px;
position: relative;
}
#main ul li:before {
content: "";
background-image: url("../swflex/images/ionic-md-checkmark-circle.jpg");
background-repeat: no-repeat;
background-position: left center;
width: 20px;
height: 20px;
position: absolute;
background-size: 100%;
left: 0;
top: 10px;
}
.home-coupon-text ul {
list-style: outside;
padding-left: 20px !important;
}
.home-coupon-text ul li {
position: relative;
list-style: none;
padding-left: 30px;
position: relative;
}
.home-coupon-text ul li:before {
content: "";
background-image: url("../swflex/images/check.png");
background-repeat: no-repeat;
background-position: left center;
position: absolute;
background-size: 100%;
left: 0;
width: 15px;
height: 15px;
top: 6px;
}
.aop-link {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
position: absolute;
top: 0;
left: 0;
z-index: 290;
}
.container, .styled-container {
width: 1480px !important;
}
#post-1497 .entry-content .container {
padding-left: 0px;
}
/* ==== flex ==== */
.flex-display {
display: flex;
flex-wrap: wrap;
}
.flex-col-6 {
width: 48%;
margin: 1%;
}
.flex-col-4 {
width: 31.33%;
margin: 1%;
}
.flex-col-3 {
width: 23%;
margin: 1%;
}
.after-header-coupon-wrap .wp-block-image {
text-align: center;
}
.after-header-coupon-wrap img {
width: 100%;
margin: 30px auto 0px;
max-width: 800px;
}
/*== home coupon ==*/
.home-coupon {
/*border-color: #000;
border-style: dashed;
border-width: 8px;
padding: 30px 20px;
max-width: 400px;*/
}
.home-coupon-price {
font-size: 55px;
line-height: 80px;
}
.home-coupon-heading {
font-size: 31px;
line-height: 47px;
}
.home-coupon-price, .home-coupon-heading {
font-family: 'Roboto', sans-serif;
font-weight: 1000 !important;
text-transform: uppercase;
color: #000 !important;
text-align: center;
}
.home-coupon-text ul {
margin-top: 25px !important;
}
.home-coupon-text ul li {
text-transform: uppercase;
font-weight: 600 !important;
font-size: 18px !important;
line-height: 25px !important;
color: #000 !important;
padding-bottom: 7px;
}
#main .home-coupon-text ul li:before {
width: 15px;
height: 15px;
top: 7px;
}
.home-coupon-extext {
text-align: center;
margin-top: 20px;
}
.home-coupon-extext p {
font-size: 15px !important;
line-height: 20px !important;
font-style:italic!important;
color: #000 !important;
}
.coupon-flex-wrap .wp-block-group__inner-container {
max-width: 1200px;
margin: 20px auto;
display: flex;
}
.coupon-flex-wrap .wp-block-lazyblock-home-coupon {
width: 31.33%;
margin: 1%;
border-radius: 10px;
border: 2px solid #C65547;
background: #F9FAFB;
}
/* === FORMS === */
input[type="checkbox"], input[type="radio"] {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
width: 20px !important;
margin-right: 10px !important;
position: relative !important;
top: 6px !important;
float: left !important;
}
#primary input[type="text"], #primary input[type="email"], #primary input[type="tel"], #primary input[type="date"], #primary select, #primary textarea {
border: 1px solid #707070 !important;
background: #fff !important;
max-width: 700px !important;
margin-left: 0 !important;
width: 100% !important;
font-size: 16px !important;
font-weight: 400 !important;
border-radius: 0px !important;
padding: 10px !important;
}
#primary input[type="tel"] {
/*padding-left: 50px !important;*/
}
#primary input[type="text"], #primary input[type="email"], #primary input[type="tel"], #primary input[type="date"], #primary select { height: 50px !important; }
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus, input[type="date"]:focus {
outline: none !important;
}
/* === MAIN NAVIGATION === */
#main-nav-menu {
background: #C65547;
width: 100%;
position: fixed;
top: calc(120px + 55px);
z-index: 301;
}
.admin-bar #main-nav-menu {
top: calc(120px + 32px + 55px);
}
#site-navigation {
text-align: center;
}
#site-navigation .main-menu {
display: flex !important;
flex-wrap: wrap;
}
#site-navigation .main-menu > li {
flex: auto;
}
ul#menu-main-menu {
width: 100%;
}
#main-nav-menu .container {
padding-left: 0px;
padding-right: 0px;
}
.main-navigation .main-menu > li {
display: inline-block;
float: none !important;
}
.main-navigation .main-menu > li > a {
font-size: 18px !important;
color: #fff !important;
font-weight: 600 !important;
text-decoration: none;
font-family: 'Roboto', sans-serif;
background: transparent !important;
padding: 0px 15px !important;
line-height: 70px !important;
position: relative;
display: inline-block;
overflow: hidden;
vertical-align: top;
/*transition: all .35s ease-in-out;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;*/
/*transition: color .3s ease-in-out, box-shadow .3s ease-in-out;*/
height: 70px !important;
/*box-shadow: inset 0 0 0 0 #000;*/
}
.main-navigation .main-menu > li:first-child > a {
padding-left: 0px !important;
}
#post-408 h1, #post-80 h1 {
margin-top: 0px !important;
padding-top: 0px !important;
}
/* new css for animation */
.main-navigation .main-menu > li > a::before,
.main-navigation .main-menu > li > a::after {
content: '';
position: absolute;
width: 100%;
left: 0;
}
.main-navigation .main-menu > li > a::before {
background-color: #f9f9f9;
height: 2px;
bottom: 0;
transform-origin: 100% 50%;
transform: scaleX(0);
transition: transform .5s cubic-bezier(0.76, 0, 0.24, 1);
}
.main-navigation .main-menu > li > a::after {
content: attr(title);
height: 100%;
top: 0;
transform-origin: 100% 50%;
transform: translate3d(200%, 0, 0);
transition: transform .5s cubic-bezier(0.76, 0, 0.24, 1);
color: #f9f9f9;
}
.main-navigation .main-menu > li > a:hover::before {
transform-origin: 0% 50%;
transform: scaleX(1);
}
.main-navigation .main-menu > li > a:hover::after {
transform: translate3d(0, 0, 0);
}
.main-navigation .main-menu > li > a span {
display: inline-block;
transition: transform .5s cubic-bezier(0.76, 0, 0.24, 1);
}
.main-navigation .main-menu > li > a:hover span {
transform: translate3d(-200%, 0, 0);
}
/* .new css for animation */
.main-navigation .main-menu > li > a:hover, .main-navigation .main-menu > li > a:focus {
/*color: #fff !important;
box-shadow: inset 200px 0 0 0 #000;
background: transparent !important;
text-shadow: none !important;*/
}
.main-navigation .main-menu > li > a span.outer:before{
position: absolute;
display: block;
top: 0;
left: 0;
content: '';
background-color: #C65547 !important;
height: 100%;
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
opacity: 0;
-ms-transform: scaleX(.2);
-webkit-transform: scaleX(.2);
transform: scaleX(.2);
-webkit-transition: -webkit-transform .2s ease-out,opacity .2s ease-out;
transition: transform .2s ease-out,opacity .2s ease-out;
-webkit-backface-visibility: hidden;
}
.main-navigation .main-menu > li > a span.inner {
position: relative;
z-index: 3;
}
.main-navigation .main-menu > li > a:hover span.outer:before{
opacity: 1;
-ms-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1);
background: #C65547;
color: #fff !important;
}
#rmp_menu_trigger-60 {
display: none !important;
}
.not-front #after-header .wp-block-cover {
min-height: auto !important;
}
.main-navigation .sub-menu {
box-sizing:border-box;
width:300px;
margin:auto;
padding:10px;
background:#FFF;
position:absolute;
top:100%;
left:0;
right:0;
z-index:270;
visibility: hidden;
list-style:none;
padding:0;
opacity: 0;
box-shadow: 0px 6px 13px rgba(0,0,0,0.5);
}
.main-navigation .sub-menu>li>a:hover {
background:#C65547 !important;
color:#fff !important
}
.main-navigation .menu-item-has-children:hover .sub-menu {
visibility: visible;
opacity: 1;
}
.main-navigation .sub-menu {
background:#fff;
-webkit-transition: top .15s ease-out;
-moz-transition: top .15s ease-out;
-ms-transition: top .15s ease-out;
-o-transition: top .15s ease-out;
transition: top .15s ease-out;
border-top: 4px solid #C65547;
}
.main-navigation .sub-menu>li>a,
.main-navigation .sub-menu>li>.menu-item-link-return {
max-width:100%;
display: block;
padding: 10px 20px 10px;
font-size: 18px;
color: #666;
text-align: left;
text-decoration: none !important;
}
.main-navigation .sub-menu>li>a:hover:before {
display: none !important;
}
.main-navigation .sub-menu>li:last-child>a {
border-bottom:0;
padding-bottom: 15px;
}
/* ====== NEW THREE COLUMN WITH BUTTONS ======= */
.three-col-with-button h3 {
font-size: 26px !important;
line-height: 37px !important;
margin-top: 0px !important;
padding-top: 0px !important;
}
.three-col-with-button {
margin-bottom: 30px !important;
}
.three-col-with-button img {
width: 100%;
}
.three-col-with-button .wp-block-column {
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
padding: 40px 30px 0px 30px;
padding-bottom: 25px;
position: relative !important;
border-radius: 18px;
}
/* postcss-ignore */
.three-col-with-button .wp-block-column:has(.wp-block-buttons) {
padding-bottom: 110px;
}
#main .three-col-with-button p, #main .three-col-with-button li {
font-size: 17px !important;
line-height: 29px !important;
color: #000;
}
#main .three-col-with-button li {
padding-left: 23px;
}
#main .three-col-with-button li:before {
height: 15px;
width: 15px;
}
#main .three-col-with-button ul {
padding-left: 0px !important;
}
.three-col-with-button .wp-block-button {
margin: 0 auto;
}
.three-col-with-button .wp-block-button a, .not-front #main .entry-content .wp-block-button a {
border-radius: 10px !important;
text-decoration: none !important;
background: #C65547;
padding: 15px 30px 14px;
font-size: 16px !important;
font-weight: 700 !important;
}
.not-front #main .entry-content .wp-block-button a {
margin-top: 20px;
}
.three-col-with-button .wp-block-button a:after, .not-front #main .entry-content .wp-block-button a:after {
display: none !important;
}
.three-col-with-button .wp-block-button a:hover:after, .not-front #main .entry-content .wp-block-button a:hover:after {
display: none !important;
}
.three-col-with-button .wp-block-button a:hover, .not-front #main .entry-content .wp-block-button a:hover {
color: #fff !important;
background: #000 !important;
transform: unset;
}
.three-col-with-button .wp-block-buttons {
background: #f6f6f6;
margin-left: -15px;
margin-right: -15px;
text-align: center;
padding: 20px;
margin-top: 30px;
position: absolute;
bottom: 0px;
width: 100%;
overflow: hidden;
}
/* === AFTER HEADER === */
#after-header {
position: relative;
overflow: hidden;
margin-top: 244px;
}
.hero-txt-section {
max-width: 1280px !important;
margin: 0 auto;
padding-top: 50px;
padding-bottom: 50px;
}
.not-front .hero-txt-section {
padding-top: 10px;
padding-bottom: 10px;
}
.page-id-80 #after-header .hero-txt-section {
margin: 0 !important;
width: 100% !important;
}
.page-id-80 .after-header-callus-wrap .wp-block-columns .wp-block-column:nth-child(3) {
display: none !important;
}
.page-id-80 .after-header-callus-wrap .wp-block-columns .wp-block-column:nth-child(1) {
flex-basis: 54% !important;
}
.not-front #after-header .wp-block-cover__inner-container {
padding-top: 40px;
padding-bottom: 40px;
}
#after-header a.hero-new-btn {
background: #C65547;
color: #fff !important;
padding: 15px 30px 14px;
font-size: 20px;
font-weight: 600;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
border-radius: 10px;
text-decoration: none !important;
/*transition: background-color 0.3s, color 0.3s, border-color 0.3s;*/
transition: all .2s ease-in-out;
/*transform: scale(1.1);*/
display: inline-block;
}
#after-header a.hero-new-btn:hover, #after-header a.hero-new-btn:focus {
background: #000;
transform: scale(1.1);
}
#after-header .btn-wrap-hero-new {
margin-left: 0px;
margin-top: 23px;
}
#after-header .wp-block-cover__inner-container {
max-width: 1440px;
margin: 0 auto;
position: relative;
display: flex;
width: 100%;
}
.forminator-edit-module {
display: none !important;
}
#after-header .hero-form {
position: relative;
top: 0px;
right: 10px;
}
#after-header .hero-form form {
background: #fff;
width: 450px;
padding: 20px 10px;
margin-bottom: 0px !important;
border-radius: 15px;
}
.hero-inner {
max-width: 1000px;
position: relative;
padding-right: 60px;
}
.hero-inner:before {
position: absolute;
content: "";
width: 6px;
height: 97%;
background: #fff;
top: 10px;
display: none;
}
.hero-inner h1, .hero-inner .banner-heading {
margin-top: 0px !important;
padding-top: 0px !important;
padding-left: 0px;
padding-right: 20px;
}
.hero-inner p {
font-size: 23px !important;
color: #fff !important;
line-height: 40px !important;
padding-left: 0px;
padding-right: 35px;
}
.page-numbers {
list-style: none;
width: 100%;
max-width: 1280px;
margin: 30px auto;
text-align: center;
padding: 0 !important;
}
.page-numbers li {
display: inline-block;
padding-left: 0px !important;
}
.page-numbers li:before {
display: none !important;
}
.page-numbers li a {
margin: 0 5px !important;
background: #ededed !important;
color: #545454 !important;
padding: 6px 12px !important;
}
.page-numbers li a:focus, .page-numbers li a:hover {
background: #7A2D35 !important;
color: #fff !important;
}
.home .wp-block-lazyblock-two-column .container > h2:nth-child(1) {
position: relative;
}
.home .wp-block-lazyblock-two-column .container {
background: url('../swflex/images/additional_img01.jpg') no-repeat;
background-size: 300px;
position: relative;
background-position: -20px 0px;
}
.home .wp-block-lazyblock-two-column .flex-col-6.plumbing-tap-col {
width: 40%;
margin-left: 20%;
}
.home .wp-block-lazyblock-two-column .flex-col-6:nth-child(2) {
width: 37%;
}
/*==== REUSABLE GRAY CTA ==============*/
.reusable-gray-cta-new {
text-align: center;
padding: 40px 20px;
border: 1px solid #f3f3f3;
border-radius: 18px;
margin: 50px auto !important;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
background: #f7f8fa;
}
.three-col-with-button {
padding-top: 30px;
}
.reusable-gray-cta-new h3 {
padding-top: 0px !important;
margin-top: 0px !important;
margin-bottom: 5px !important;
}
.reusable-gray-cta-new p.ctanew-phone {
font-size: 30px !important;
color: #000 !important;
font-weight: 800;
margin-top: 35px;
}
.reusable-gray-cta-new .wp-block-buttons {
justify-content: center !important;
}
.reusable-twocol-imgtxt-new {
margin: 20px auto;
padding: 40px 20px;
}
.reusable-twocol-imgtxt-new img {
max-width: 100%;
margin: 0 auto;
border-radius: 18px;
}
.reusable-twocol-imgtxt-new ul {
max-width: 80%;
}
.reusable-twocol-imgtxt-new ul li {
padding-bottom: 7px !important;
margin-bottom: 20px !important;
border-bottom: 1px solid #d3d3d3;
}
/*===== AI css ====== */
.styled-container *{box-sizing:border-box}.styled-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.6;color:#333;background-color:#fff}.styled-container h1,.styled-container h2,.styled-container h3,.styled-container h4,.styled-container h5,.styled-container h6{line-height:1.2;font-weight:700}.styled-container h1.elementor-heading-title,.styled-container h2.elementor-heading-title,.styled-container h3.elementor-heading-title,.styled-container h4.elementor-heading-title,.styled-container h5.elementor-heading-title,.styled-container h6.elementor-heading-title{color:var(--head-color)}.styled-container h1{font-size:32px;margin-bottom:16px}.styled-container h2{font-size:28px;margin-bottom:12px}.styled-container h3{font-size:24px;margin-bottom:12px}.styled-container h4{font-size:20px;margin-bottom:8px}.styled-container h5{font-size:18px;margin-bottom:8px}.styled-container h6{font-size:16px;margin-bottom:8px}.styled-container p,.styled-container ul,.styled-container ol{margin-bottom:1.5em}.styled-container a:not([class]){color:#3498db;text-decoration:none;transition:color .3s}.styled-container a:not([class]):hover{color:#2980b9}.styled-container img{max-width:100%;height:auto}.styled-container .section-gap{margin:60px 0}.styled-container .section-gap-small{margin:30px 0}.styled-container a.cta-btn,.styled-container .elementor-widget-button.cta-btn a{display:inline-block;width:fit-content;padding:12px 24px;background-color:#3498db;color:#fff;font-weight:700;font-size:16px;text-align:center;text-decoration:none;border-radius:4px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:10px 0}.styled-container a.cta-btn:hover,.styled-container .elementor-widget-button.cta-btn a:hover{background-color:#2980b9;color:#fff;transform:translateY(-2px);box-shadow:0 6px 8px rgba(0,0,0,.15)}.styled-container .cta-btn-secondary{background-color:#27ae60}.styled-container .cta-btn-secondary:hover{background-color:#219653}.styled-container a.cta-btn-accent,.styled-container .elementor-element.cta-btn-accent a{background-color:#e74c3c}.styled-container a.cta-btn-accent:hover,.styled-container .elementor-element.cta-btn-accent a:hover{background-color:#c0392b}.styled-container .cta-block{background-color:#f8f9fa;border-radius:8px;padding:30px;margin:30px 0;text-align:center;border:1px solid #e9ecef;display:flex;flex-direction:column;align-items:center}.styled-container .elementor-element.cta-block{display:flow}.styled-container .cta-block-title{font-size:24px;font-weight:700;margin-bottom:15px;color:#333}.styled-container .cta-block-text{font-size:16px;margin-bottom:16px;color:#555}.styled-container .cta-btn-small{padding:8px 16px;font-size:14px}.styled-container .cta-btn-large{padding:16px 32px;font-size:18px}.styled-container .cta-btn-full{display:block;width:100%}.styled-container .cta-btn-display{display:flex;justify-content:center;align-items:center;margin:28px 0;gap:16px;flex-wrap:wrap;position:relative}.styled-container .cta-btn-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:10px;font-size:1.2em;transform:translateY(-1px);transition:transform .2s ease}.styled-container .cta-btn:hover .cta-btn-icon{transform:translateY(-1px) scale(1.15)}.styled-container form{width:100%}.styled-container .form-container{background-color:#fff;border-radius:8px;padding:25px;margin:20px 0;box-shadow:0 2px 10px rgba(0,0,0,.1);border:1px solid #ddd;overflow:hidden}.styled-container .form-group{margin-bottom:20px;width:100%}.styled-container .form-label{display:block;margin-bottom:8px;font-weight:600;color:#333}.styled-container .form-input{width:100%;padding:12px 15px;border:1px solid #ced4da;border-radius:4px;font-size:16px;transition:border-color .3s}.styled-container select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:2.5rem;background-color:#fff}.styled-container .form-input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px rgba(52,152,219,.25)}.styled-container .form-textarea{width:100%;min-height:120px;resize:vertical;padding:12px 15px;border:1px solid #ced4da;border-radius:4px;transition:border-color .3s}.styled-container .form-textarea:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px rgba(52,152,219,.25)}.styled-container .form-btn{padding:12px 20px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .3s;width:auto}.styled-container .form-btn:hover{background-color:#2980b9}.styled-container .form-help{margin-top:12px}.styled-container .cta-block .cta-block-buttons{margin:0}.styled-container .cta-block-primary{background-color:#f0f6ff;border-left:4px solid #2563eb;position:relative;overflow:hidden}.styled-container .cta-block-secondary{background-color:#ecfdf5;border-left:4px solid #10b981;position:relative;overflow:hidden}.styled-container .cta-block-accent{background-color:#fef2f2;border-left:4px solid #ef4444;position:relative;overflow:hidden}.styled-container .cta-block-buttons{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0 0;position:relative;z-index:2}@media(max-width: 576px){.styled-container .cta-block-buttons{flex-direction:column;gap:12px}.styled-container .cta-block-buttons .cta-btn{width:100%}}.styled-container .card{display:flex;flex-direction:column;height:fit-content;border-radius:8px;overflow:hidden;margin:20px 0;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);background-color:#fff;border:1px solid #e0e0e0;transition:transform .3s,box-shadow .3s}.styled-container .card.elementor-element{padding-bottom:0}.styled-container .card .elementor-widget-container ol li::marker,.styled-container .card .elementor-widget-container ul li::marker,.styled-container .two-columns .elementor-widget-container ol li::marker,.styled-container .two-columns .elementor-widget-container ul li::marker{content:none}.styled-container .card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.15)}.styled-container .card-img{width:100%;height:auto;display:block}.styled-container .card-content{flex-grow:1;padding:0}.styled-container .card-title{font-size:20px;font-weight:700;margin-bottom:10px;color:#333;word-wrap:break-word}.styled-container .card-text{font-size:16px;color:#555;margin-bottom:15px;line-height:1.5}.styled-container .card-footer{margin-top:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px 20px;background-color:#f8f9fa;border-top:1px solid #e0e0e0;margin-left:-20px;margin-right:-20px;margin-bottom:-20px}.styled-container .card-footer.e-con{--width: auto}.styled-container .card-footer.e-con,.styled-container .card-footer.e-con>.e-con-inner{display:flow}.styled-container .card-footer .elementor-button-wrapper{justify-content:center;display:flex}.styled-container .card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px;margin:20px 0}.styled-container .card-grid .card{margin:0;height:100%}.styled-container .pros-cons{display:flex;flex-wrap:wrap;gap:20px;margin:25px 0}.styled-container .pros,.styled-container .cons{flex:1;min-width:300px;padding:20px;border-radius:8px}.styled-container .pros{background-color:#e9f7ef;border:1px solid #d5f5e3}.styled-container .cons{background-color:#fdedec;border:1px solid #f5b7b1}.styled-container .pros-title,.styled-container .cons-title{font-size:18px;font-weight:700;margin-bottom:15px;display:flex;align-items:center}.styled-container .pros-title:before{content:"✓";color:#27ae60;margin-right:10px;font-weight:bold}.styled-container .cons-title:before{content:"✗";color:#e74c3c;margin-right:10px;font-weight:bold}.styled-container [dir=rtl] .pros-title:before,.styled-container [dir=rtl] .cons-title:before{margin-right:0;margin-left:10px}.styled-container .pros ul,.styled-container .cons ul{margin:0;padding-left:30px}.styled-container .pros li,.styled-container .cons li{margin-bottom:8px;line-height:1.5}.styled-container .rating-container{padding:24px;display:flex;flex-wrap:wrap;gap:24px;align-items:stretch;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.styled-container .elementor-element.rating-container,.styled-container .elementor-element.rating-container .elementor-widget-container{width:100%}.styled-container .rating-overall{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-right:24px;border-right:1px solid #f0f0f0}.styled-container .rating-score{font-size:36px;font-weight:700;color:#333;line-height:1;margin-bottom:8px}.styled-container .rating-stars[data-rating="0"]{--rating: 0}.styled-container .rating-stars[data-rating="0.5"]{--rating: 0.5}.styled-container .rating-stars[data-rating="1"]{--rating: 1}.styled-container .rating-stars[data-rating="1.5"]{--rating: 1.5}.styled-container .rating-stars[data-rating="2"]{--rating: 2}.styled-container .rating-stars[data-rating="2.5"]{--rating: 2.5}.styled-container .rating-stars[data-rating="3"]{--rating: 3}.styled-container .rating-stars[data-rating="3.5"]{--rating: 3.5}.styled-container .rating-stars[data-rating="4"]{--rating: 4}.styled-container .rating-stars[data-rating="4.1"]{--rating: 4.1}.styled-container .rating-stars[data-rating="4.2"]{--rating: 4.2}.styled-container .rating-stars[data-rating="4.3"]{--rating: 4.3}.styled-container .rating-stars[data-rating="4.4"]{--rating: 4.4}.styled-container .rating-stars[data-rating="4.5"]{--rating: 4.5}.styled-container .rating-stars[data-rating="4.6"]{--rating: 4.6}.styled-container .rating-stars[data-rating="4.7"]{--rating: 4.7}.styled-container .rating-stars[data-rating="4.8"]{--rating: 4.8}.styled-container .rating-stars[data-rating="4.9"]{--rating: 4.9}.styled-container .rating-stars[data-rating="5"]{--rating: 5}.styled-container .rating-stars{--rating: 5;color:rgba(0,0,0,0);font-size:20px;margin-bottom:6px;position:relative;display:inline-block;line-height:1;unicode-bidi:bidi-override;white-space:nowrap;overflow:hidden;content:""}.styled-container .rating-stars::after{content:"★★★★★";position:absolute;top:0;left:0;color:#f5a623;width:calc(var(--rating)/5*100%);overflow:hidden}.styled-container .rating-stars::before{content:"★★★★★";color:#ccc}.styled-container .rating-label{font-size:14px;color:#666}.styled-container .rating-details{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px}.styled-container .rating-item{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:12px}.styled-container .rating-name{font-size:14px;font-weight:500;color:#555;word-break:break-word}.styled-container .rating-bar-container{height:8px;background-color:#eee;border-radius:4px;overflow:hidden;width:100%}.styled-container .rating-bar{height:100%;background-color:#f5a623;border-radius:4px}.styled-container .rating-value{font-size:14px;font-weight:600;color:#333;white-space:nowrap}@media(max-width: 768px){.styled-container .rating-container{flex-direction:column;gap:20px}.styled-container .rating-overall{border-right:none;border-bottom:1px solid #f0f0f0;padding-right:0;padding-bottom:20px;width:100%;align-items:center}.styled-container .rating-item{grid-template-columns:90px 1fr auto}}.styled-container .rating-container.vertical{flex-direction:column}.styled-container .rating-container.vertical .rating-overall{border-right:none;border-bottom:1px solid #f0f0f0;padding-right:0;padding-bottom:20px;width:100%}.styled-container .rating-container.compact .rating-item{grid-template-columns:80px 1fr auto;gap:8px}.styled-container .rating-container.compact .rating-bar-container{height:6px}.styled-container .rating-container.expanded .rating-details{max-width:none}.styled-container .rating-container.theme-blue .rating-bar,.styled-container .rating-container.theme-blue .rating-stars{background-color:#1976d2;color:#1976d2}.styled-container .rating-container.theme-green .rating-bar,.styled-container .rating-container.theme-green .rating-stars{background-color:#388e3c;color:#388e3c}.styled-container .rating-container.theme-red .rating-bar,.styled-container .rating-container.theme-red .rating-stars{background-color:#d32f2f;color:#d32f2f}.styled-container .custom-list{list-style:none;padding:0;margin:20px 0}.styled-container .custom-list li{padding:10px 0 10px 25px;position:relative;margin-bottom:10px;border-bottom:1px solid #eee}.styled-container .custom-list li:before{content:"";position:absolute;left:0;top:16px;width:14px;height:14px;background-image:url('data:image/svg+xml;utf8,');background-size:contain;background-repeat:no-repeat}.styled-container [dir=rtl] .custom-list li{padding:10px 35px 10px 0}.styled-container [dir=rtl] .custom-list li:before{left:initial;right:0}.styled-container .list-numbers{counter-reset:list-counter;list-style:none;padding:0;margin:20px 0}.styled-container .list-numbers li{counter-increment:list-counter;padding:10px 0 10px 45px;position:relative;margin-bottom:15px}.styled-container .list-numbers li:before{content:counter(list-counter);position:absolute;left:0;top:8px;width:30px;height:30px;background-color:#3498db;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold}.styled-container [dir=rtl] .list-numbers li{padding:10px 45px 10px 0}.styled-container [dir=rtl] .list-numbers li:before{left:initial;right:0}.styled-container .list-comparison{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:25px;margin:30px 0}.styled-container .list-comparison-column{list-style:none;padding:0;margin:0;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.1)}.styled-container .list-comparison-title{padding:15px;background-color:#3498db;color:#fff;font-weight:700;font-size:18px;text-align:center;margin:0}.styled-container .list-comparison-column li{padding:14px 15px 14px 42px;position:relative;border-bottom:1px solid #eee;background-color:#fff}.styled-container .list-comparison-column li:last-child{border-bottom:none}.styled-container .list-comparison-column li:before{content:"";position:absolute;left:15px;top:16px;width:18px;height:18px;background-image:url('data:image/svg+xml;utf8,');background-size:contain;background-repeat:no-repeat}.styled-container [dir=rtl] .list-comparison-column li{padding:14px 42px 14px 15px}.styled-container [dir=rtl] .list-comparison-column li:before{left:initial;right:15px}.styled-container .list-comparison-primary .list-comparison-title{background-color:#3498db}.styled-container .list-comparison-primary li:before{background-image:url('data:image/svg+xml;utf8,')}.styled-container .list-comparison-success .list-comparison-title{background-color:#27ae60}.styled-container .list-comparison-success li:before{background-image:url('data:image/svg+xml;utf8,')}.styled-container .list-comparison-warning .list-comparison-title{background-color:#f39c12}.styled-container .list-comparison-warning li:before{background-image:url('data:image/svg+xml;utf8,')}.styled-container .list-comparison-danger .list-comparison-title{background-color:#e74c3c}.styled-container .list-comparison-danger li:before{background-image:url('data:image/svg+xml;utf8,')}@media(max-width: 768px){.styled-container .list-comparison{grid-template-columns:1fr;gap:20px}.styled-container .list-comparison-column{margin-bottom:20px}}.styled-container .table-container{width:100%;overflow-x:auto;margin-bottom:20px;border-radius:8px}.styled-container .elementor-element.table-container table,.styled-container .elementor-element.table-container table *{border:none}.styled-container table{width:100%;margin:12px 0;font-size:15px;background-color:#fff}.styled-container table tr:first-child th:first-child{border-top-left-radius:8px}.styled-container table tr:first-child th:last-child{border-top-right-radius:8px}.styled-container table tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.styled-container table tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.styled-container table thead tr{background-color:#3498db;color:#fff;text-align:left}.styled-container table th,.styled-container table td,.styled-container .elementor-element.table-container table th,.styled-container .elementor-element.table-container table td{padding:12px 15px;border-bottom:1px solid #ddd;overflow-wrap:break-word}.styled-container table th .highlight-box,.styled-container table td .highlight-box{padding:2px;background-color:#fff8e1;border:0;margin:2px;border-radius:0}.styled-container table tbody tr{border-bottom:1px solid #ddd;background-color:#fff;transition:background-color .3s ease}.styled-container table tbody tr:nth-of-type(even){background-color:#f8f9fa}.styled-container table tbody tr:hover{background-color:#edf2f7}.styled-container table span{display:contents}@media screen and (max-width: 768px){.styled-container .table-container{box-shadow:none;overflow-x:visible;border-radius:0}.styled-container table{border:0;box-shadow:none;margin:0}.styled-container table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.styled-container table,.styled-container table tbody,.styled-container table tr,.styled-container table td{display:block;width:100%}.styled-container table tr{margin-bottom:15px;border:1px solid #ddd;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);background-color:#fff;overflow:hidden}.styled-container table td{position:relative;text-align:right;padding:10px 15px 10px 50%;border-bottom:1px solid #eee;min-height:45px;display:flex;align-items:center;justify-content:flex-end}.styled-container table td:last-child{border-bottom:0}.styled-container table td::before{content:attr(data-label);position:absolute;left:0;top:0;bottom:0;width:45%;padding:10px 15px;font-weight:bold;text-align:left;color:#333;background-color:#f8f9fa;display:flex;align-items:center;border-right:1px solid #eee}.styled-container table td:last-child{justify-content:center;padding-left:15px}.styled-container table td:last-child::before{display:none}}@media screen and (max-width: 480px){.styled-container table td{font-size:14px;padding:8px 10px 8px 45%}.styled-container table td::before{padding:8px 10px;font-size:13px}}.styled-container .blockquote{display:flex;flex-direction:column;font-size:18px;font-style:italic;margin:25px 0;padding:20px 30px;border-left:5px solid #3498db;background-color:#f8f9fa;color:#555;position:relative}.styled-container .blockquote:before{content:"";position:absolute;top:0;left:10px;font-size:60px;color:#bdc3c7;font-family:Georgia,serif;line-height:1}.styled-container .blockquote-author{display:block;margin-top:auto;font-weight:600;font-style:normal;color:#333}.styled-container .elementor-element.blockquote{display:flow}.styled-container .elementor-element.blockquote blockquote{border:none}.styled-container .highlight-box{padding:20px;background-color:#fff8e1;border-left:5px solid #ffc107;margin:20px 0;border-radius:0 4px 4px 0}.styled-container .elementor-element.highlight-box{display:flow}.styled-container .info-box{padding:20px;background-color:#e3f2fd;border-left:5px solid #2196f3;margin:20px 0;border-radius:0 4px 4px 0}.styled-container .elementor-element.info-box{display:flow}.styled-container .warning-box{padding:20px;background-color:#fff3e0;border-left:5px solid #ff9800;margin:20px 0;border-radius:0 4px 4px 0}.styled-container .elementor-element.warning-box{display:flow}.styled-container section[itemtype="https://schema.org/FAQPage"]{margin-bottom:20px}.styled-container section[itemtype="https://schema.org/FAQPage"] h2{margin-bottom:20px}.styled-container .faq-item{margin-bottom:15px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.styled-container .faq-item h3,.styled-container .faq-question{padding:15px 20px;background-color:#f8f9fa;font-weight:600;position:relative;border-bottom:1px solid #e0e0e0}.styled-container .faq-answer{padding:20px;background-color:#fff}.styled-container .two-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:20px 0}.styled-container .three-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:20px 0}.styled-container .two-columns .custom-list,.styled-container .three-columns .custom-list{margin:0}.styled-container .two-columns .card,.styled-container .three-columns .card{margin:0;height:100%}.styled-container .two-columns>div:not([class]),.styled-container .three-columns>div:not([class]){display:flex;flex-direction:column;gap:8px}.styled-container .two-columns>div:not([class]) .cta-btn-display,.styled-container .three-columns>div:not([class]) .cta-btn-display{margin:auto 0 28px 0}.styled-container .four-columns{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin:20px 0}.styled-container .auto-columns{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:25px;margin:20px 0}.styled-container .columns-start{align-items:start}.styled-container .columns-center{align-items:center}.styled-container .columns-end{align-items:end}.styled-container .columns-stretch{align-items:stretch}.styled-container .columns-1-2{grid-template-columns:1fr 2fr}.styled-container .columns-2-1{grid-template-columns:2fr 1fr}.styled-container .columns-1-3{grid-template-columns:1fr 3fr}.styled-container .columns-3-1{grid-template-columns:3fr 1fr}.styled-container .column-card{height:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.styled-container .column-card .badge{margin-top:auto}.styled-container .column-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.15)}.styled-container .column-split{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width: 992px){.styled-container .four-columns{grid-template-columns:1fr 1fr}}@media(max-width: 768px){.styled-container .two-columns,.styled-container .three-columns,.styled-container .four-columns,.styled-container .columns-1-2,.styled-container .columns-2-1,.styled-container .columns-1-3,.styled-container .columns-3-1{grid-template-columns:1fr;gap:25px}}.styled-container .two-columns .e-con-inner,.styled-container .three-columns .e-con-inner,.styled-container .pros-cons .e-con-inner{display:contents}.styled-container .pros-cons.e-flex{flex-direction:row}.styled-container .img-container{margin:20px 0;text-align:center}.styled-container .img-caption{font-size:14px;color:#666;margin-top:10px;font-style:italic}.styled-container .img-rounded{border-radius:8px}.styled-container .img-shadow{box-shadow:0 4px 8px rgba(0,0,0,.1)}.styled-container .img-border{border:1px solid #ddd;padding:5px;background-color:#fff}.styled-container .gallery{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:15px;margin:25px 0}.styled-container .elementor-element.gallery{display:contents}.styled-container .gallery-item{overflow:hidden;border-radius:8px;position:relative}.styled-container .elementor-element.gallery-item .e-con-inner{display:inline-block}.styled-container .gallery-img{width:100%;height:auto;display:block;transition:transform .3s}.styled-container .gallery-item:hover .gallery-img{transform:scale(1.05)}@media(max-width: 992px){.styled-container .cta-block{padding:20px}.styled-container .form-container{padding:20px}.styled-container .card-grid{grid-template-columns:repeat(auto-fill, minmax(240px, 1fr))}}@media(max-width: 768px){.styled-container .pros-cons{flex-direction:column}.styled-container .timeline:before{left:40px}.styled-container .timeline-item{width:100%;padding-left:70px;padding-right:20px}.styled-container .timeline-item:nth-child(even){left:0}.styled-container .two-columns,.styled-container .three-columns{grid-template-columns:1fr;gap:20px}}@media(max-width: 576px){.styled-container .cta-btn{display:block;width:100%}.styled-container .section{padding:20px}.styled-container .blockquote{padding:15px 20px}}.styled-container .map-container{margin:25px 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1)}.styled-container .map-container iframe{display:block;width:100%;height:300px;border:none}.styled-container .map-caption{font-size:14px;color:#666;margin-top:10px;font-style:italic;text-align:center}.styled-container .map-h300 iframe{height:300px}.styled-container .map-h400 iframe{height:400px}.styled-container .map-h500 iframe{height:500px}.styled-container .phone-number-cta{font-size:28px;font-weight:700;color:#2c3e50;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;margin:10px 0;transition:all .2s ease}.styled-container .phone-number-cta:hover{color:#3498db}.styled-container .phone-number-small{font-size:18px}.styled-container .phone-number-large{font-size:38px}.styled-container .phone-number-display{display:flex;align-items:center;margin:40px 0;justify-content:center;gap:16px}.styled-container .phone-number-caption{display:inline-block;font-size:14px;font-weight:600;padding:6px 12px;border-radius:50px;letter-spacing:.3px;background-color:rgba(100,116,139,.1);color:#64748b;border:1px solid rgba(100,116,139,.2);text-align:center;white-space:nowrap;transition:all .3s ease;box-shadow:0 1px 2px rgba(0,0,0,.05);text-transform:uppercase;opacity:.95;margin-bottom:0}.styled-container .phone-number-cta-primary .phone-number-caption{background-color:rgba(37,99,235,.1);color:#2563eb;border:1px solid rgba(37,99,235,.2)}.styled-container .phone-number-cta-secondary .phone-number-caption{background-color:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2)}.styled-container .phone-number-cta-accent .phone-number-caption{background-color:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.styled-container .phone-number-cta:hover .phone-number-caption{transform:translateY(-2px);box-shadow:0 3px 6px rgba(0,0,0,.1);opacity:1}.styled-container .video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin-bottom:16px}.styled-container .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.styled-container .badge{display:inline-block;padding:4.5px 8px;font-size:13px;font-weight:600;line-height:1;color:#fff;background:#3498db;border-radius:4px;text-align:center;margin-bottom:5px}.styled-container .badge.badge-pill{border-radius:9999px}.styled-container .badge.badge-primary{background:#3498db}.styled-container .badge.badge-success{background:#28a745}.styled-container .badge.badge-info{background:#17a2b8}.styled-container .badge.badge-purple{background:#6c5ce7}.styled-container .badge.badge-small{font-size:12px;padding:3px 6px}.styled-container .badge.badge-medium{font-size:16px;padding:6.4px 12.8px;margin-bottom:8px}.styled-container .badge.badge-large{font-size:20px;padding:10px 20px;margin-bottom:16px}.styled-container .badge.badge-xl{font-size:28px;padding:16.8px 33.6px;margin-bottom:16px}.styled-container .badge.badge-xxl{font-size:36px;padding:25.2px 50.4px;margin-bottom:16px}
/* ==== POP UP ===== */
.pum-container {
background: url('../swflex/images/latest-bg-cop.png') no-repeat !important;
background-size: 100% 100% !important;
padding: 15px 10px !important;
border-radius: 20px;
border: 1px solid #707070;
/*box-shadow: 0px 3px 17px rgba(0,0,0,0.8);*/
outline: none !important;
}
.pum-container {
border: 0px !important;
border-radius: 10px !important;
box-shadow: none !important;
}
.pum-container .coupon-logo {
text-align: center;
margin-bottom: 10px;
}
.pum-container .coupon-logo img {
max-width: 200px !important;
margin-bottom: 10px;
}
.pum-container h2 {
margin-top: 0px !important;
}
.pum-container h3 {
text-align: center;
font-size: 20px !important;
font-weight: 600 !important;
margin-bottom: 10px !important;
line-height: 25px !important;
color: #000 !important;
margin-top: 0px !important;
}
.pum-container p {
color: #000 !important;
font-size: 16px !important;
line-height: 25px !important;
}
.popmake-content {
text-align: center !important;
}
.pum-container .redbutton {
display: inline-block;
margin: 30px 10px;
}
.pum-container a.btn-or {
background: #C65547;
color: #fff !important;
font-size: 15px !important;
padding: 10px 20px;
text-transform: capitalize;
border-radius: 10px;
text-decoration: none !important;
}
.pum-content.popmake-content {
padding: 30px 0px 20px;
}
.pum-container a.btn-or:hover {
background: #000;
color: #fff !important;
}
.pum-container a {
text-decoration: none !important;
}
.pum-container a.txt-btn:hover {
color: #000 !important;
}
/* ==== Hero Form ==== */
.hero-form h4 {
font-size: 30px !important;
color: #000 !important;
font-weight: 900 !important;
text-align: center;
width: 100%;
text-transform: uppercase;
}
.hero-form #checkbox-1 > .forminator-field {
display: flex;
flex-wrap: wrap;
}
#checkbox-1 > div > span.forminator-label {
display: block;
width: 100%;
font-size: 24px !important;
font-family: 'Roboto', sans-serif !important;
color: #000 !important;
text-transform: uppercase;
font-weight: 900 !important;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 10px;
}
.hero-form #checkbox-1 label {
width: calc(33.33% - 20px);
display: block;
margin: 10px;
background: #F3F3F3;
border: 2px solid #D8D8D8;
border-radius: 12px;
box-shadow: 0px 1px 18px rgb(85 85 85 / 30%);
transition: all .2s ease-in-out;
}
.hero-form #checkbox-1 label:hover {
transform: scale(1.1);
}
.hero-form .forminator-checkbox-image {
padding: 10px 3px 3px !important;
}
.hero-form .forminator-checkbox-image span {
margin: 0 auto;
width: 58px !important;
height: 58px !important;
}
.forminator-ui#forminator-module-69.forminator-design--default .forminator-checkbox:hover .forminator-checkbox-image, .forminator-ui#forminator-module-69.forminator-design--default .forminator-checkbox input:checked ~ .forminator-checkbox-image {
border: 0px;
background: transparent !important; /*D51340*/
}
.fin-row {
max-width: 1280px;
margin: 20px auto;
}
.fin-row p.small-txt {
color: #707070;
font-size: 14px !important;
font-style: italic;
}
.fin-row .wp-block-button a {
background: #C65547 !important;
color: #fff !important;
padding: 15px 30px 14px;
font-size: 20px;
font-weight: 600;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
border-radius: 10px;
text-decoration: none !important;
/* transition: background-color 0.3s, color 0.3s, border-color 0.3s; */
transition: all .2s ease-in-out;
/* transform: scale(1.1); */
display: inline-block;
}
.fin-row .wp-block-button a:after {
display: none !important;
}
.fin-row .wp-block-button a:hover {
background: #000 !important;
transform: scale(1.1);
color: #fff !important;
}
.three-col-container {
max-width: 1280px;
margin: 0 auto;
}
.hero-form #checkbox-1 label:has(input:checked) {
background: #D51340 !important;
border-color: #D8D8D8 !important;
}
.hero-form #checkbox-1 .forminator-field label:nth-child(3):has(input:checked) .forminator-checkbox-image span{
background-image: url('../swflex/images/repairing.svg') !important;
}
.hero-form #checkbox-1 .forminator-field label:nth-child(4):has(input:checked) .forminator-checkbox-image span{
background-image: url('../swflex/images/heating_WHT.png') !important;
}
.hero-form #checkbox-1 .forminator-field label:nth-child(5):has(input:checked) .forminator-checkbox-image span{
background-image: url('../swflex/images/cooling_WHT.png') !important;
}
.hero-form #checkbox-1 .forminator-field label:nth-child(6):has(input:checked) .forminator-checkbox-image span{
background-image: url('../swflex/images/boilers_WHT.png') !important;
}
.hero-form #checkbox-1 .forminator-field label:nth-child(7):has(input:checked) .forminator-checkbox-image span{
background-image: url('../swflex/images/maintenance_WHT.png') !important;
}
.hero-form #checkbox-1 .forminator-field label:nth-child(8):has(input:checked) .forminator-checkbox-image span{
background-image: url('../swflex/images/estimates_WHT.png') !important;
}
.forminator-ui#forminator-module-69.forminator-design--default .forminator-checkbox .forminator-checkbox-image {
border: 0px;
background: transparent !important; /*D51340*/
}
.hero-form #checkbox-1 .forminator-screen-reader-only {
-webkit-clip-path: none !important;
clip-path: none !important;
position: relative !important;
width: 100% !important;
height: auto !important;
color: #3A3A3A !important;
margin: 0px !important;
display: block;
font-size: 14px !important;
text-transform: uppercase;
text-align: center;
font-weight: 800 !important;
margin-top: 0px !important;
padding-bottom: 10px !important;
}
.hero-form #checkbox-1 label:has(input:checked) .forminator-screen-reader-only {
color: #fff !important;
}
.hero-form p {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.not-front .hero-form p {
margin-bottom: 15px;
}
.not-front .hero-form form > .forminator-row {
margin-bottom: 10px !important;
}
button.forminator-button-submit {
background-color: #C65547 !important;
color: #FFFFFF !important;
font-size: 20px !important;
width: 80% !important;
text-transform: uppercase;
font-weight: 800 !important;
border-radius: 12px !important;
}
button.forminator-button-submit:hover {
transform: scale(1.1);
}
.hero-form .forminator-row-last {
text-align: center;
}
/* landing form */
#main #post-80 > .entry-content .wp-block-column h2:nth-child(1) {
padding-top: 0px !important;
margin-top: 0px !important;
}
.forminator-custom-form-81 #checkbox-1 > .forminator-field {
display: flex;
flex-wrap: wrap;
}
.forminator-custom-form-81 #checkbox-1 label {
width: calc(16% - 10px);
display: block;
margin: 5px;
background: #F3F3F3;
border: 2px solid #D8D8D8;
border-radius: 12px;
box-shadow: 0px 1px 18px rgb(85 85 85 / 30%);
transition: all .2s ease-in-out;
}
.forminator-custom-form-81 #checkbox-1 label:hover {
transform: scale(1.1);
}
.forminator-custom-form-81 .forminator-checkbox-image {
padding: 10px 3px 3px !important;
}
.forminator-custom-form-81 .forminator-checkbox-image span {
margin: 0 auto;
width: 58px !important;
height: 58px !important;
}
/* === BLOG LIST === */
.blog-item {
width: 31.33%;
margin: 30px 1%;
position: relative;
}
.blog-item img {
width: 100%;
transform: scale(1);
transition: all 600ms;
overflow: hidden;
}
.blog-item h3 {
line-height: 35px !important;
margin-top: 0px !important;
transition: color 0.3s linear;
}
.blog-item:hover h3 {
color: #C65547 !important;
}
.img-wrap-blog {
overflow: hidden;
}
.blog-item:hover img {
transform: scale(1.1);
}
.forminator-custom-form-81 #checkbox-1 label:has(input:checked) {
background: #D51340 !important;
border-color: #D8D8D8 !important;
}
.forminator-custom-form-81 #checkbox-1 .forminator-field label:nth-child(3):has(input:checked) .forminator-checkbox-image span{
background-image: url('../swflex/images/repairing.svg') !important;
}
.forminator-custom-form-81 #checkbox-1 .forminator-field label:nth-child(4):has(input:checked) .forminator-checkbox-image span{
background-image: url('../swflex/images/heating_WHT.png') !important;
}
.forminator-custom-form-81 #checkbox-1 .forminator-field label:nth-child(5):has(input:checked) .forminator-checkbox-image span{
background-image: url('../swflex/images/cooling_WHT.png') !important;
}
.hero-form #checkbox-1 .forminator-field label:nth-child(6):has(input:checked) .forminator-checkbox-image span{
background-image: url('../swflex/images/boilers_WHT.png') !important;
}
.forminator-custom-form-81 #checkbox-1 .forminator-field label:nth-child(7):has(input:checked) .forminator-checkbox-image span{
background-image: url('../swflex/images/maintenance_WHT.png') !important;
}
.forminator-custom-form-81 #checkbox-1 .forminator-field label:nth-child(8):has(input:checked) .forminator-checkbox-image span{
background-image: url('../swflex/images/estimates_WHT.png') !important;
}
.forminator-custom-form-81 #checkbox-1 .forminator-screen-reader-only {
-webkit-clip-path: none !important;
clip-path: none !important;
position: relative !important;
width: 100% !important;
height: auto !important;
color: #3A3A3A !important;
margin: 0px !important;
display: block;
font-size: 14px !important;
text-transform: uppercase;
text-align: center;
font-weight: 800 !important;
margin-top: 0px !important;
padding-bottom: 10px !important;
}
.forminator-custom-form-81 #checkbox-1 label:has(input:checked) .forminator-screen-reader-only {
color: #fff !important;
}
.forminator-custom-form-81 .forminator-checkbox:hover .forminator-checkbox-image, .forminator-custom-form-81 .forminator-checkbox input:checked ~ .forminator-checkbox-image {
border: 0px;
background: transparent !important; /*D51340*/
}
.forminator-custom-form-81 .forminator-checkbox .forminator-checkbox-image {
border: 0px !important;
background: transparent !important; /*D51340*/
}
#post-80 form h4, #post-80 form p {
width: 100%;
}
#post-80 form h4.forminator-label {
color: #000 !important;
font-weight: 800 !important;
padding-top: 0px !important;
font-size: 19px !important;
}
#post-80 form p {
font-size: 16px !important;
font-style: italic;
}
.forminator-ui#forminator-module-81.forminator-design--default .forminator-label {
font-size: 19px !important;
font-weight: 800;
color: #000 !important;
}
.iti__flag-container {
display: none !important;
}
#post-80 #textarea-1 .forminator-description {
float: left !important;
}
#post-80 #textarea-1 .forminator-description > span {
text-align: left !important;
}
/* inner hero form */
.not-front .hero-form .subhead-heroform {
color: #000;
font-size: 17px;
text-align: left;
width: 100%;
font-weight: 900;
font-family: 'Roboto', sans-serif;
}
.not-front .hero-form #checkbox-1 > .forminator-field label:nth-child(7), .not-front .hero-form #checkbox-1 > .forminator-field label:nth-child(8), .not-front .hero-form #checkbox-1 > .forminator-field label:nth-child(6) {
display: none !important;
}
.not-front .hero-form h4 {
text-align: left;
width: 100%;
margin-top: 0px !important;
padding-top: 0px !important;
margin-bottom: 0px !important;
}
.not-front .hero-form p {
text-align: left;
color: #626262 !important;
font-weight: 600 !important;
}
.not-front .hero-form #checkbox-1 label {
width: calc(25% - 20px);
}
.not-front #after-header .hero-form form {
width:550px;
border-radius: 15px;
padding: 30px 19px 10px;
border: 1px solid #707070;
}
.not-front .hero-inner {
max-width: 1000px;
}
.not-front .hero-form button.forminator-button-submit {
background-color: transparent !important;
color: #D51340!important;
font-size: 20px !important;
width: 100% !important;
text-transform: uppercase;
font-weight: 800 !important;
border-radius: 12px !important;
text-align: right !important;
position: relative;
padding-right: 65px !important;
}
.not-front .hero-form button.forminator-button-submit:after {
content: ""!important;
width: 40px;
height: 17px;
background: url(../swflex/images/ionic-ios-arrow-forward.jpg) no-repeat !important;
background-size: auto;
position: absolute;
background-size: contain!important;
top: 18px;
right: 0px;
display: inline-block;
transition: .2s ease;
}
.not-front .hero-form button.forminator-button-submit:hover {
box-shadow: none !important;
}
.not-front .hero-form button.forminator-button-submit:hover:after {
right: -5px;
}
/* === CONTENT AREA === */
#primary {
padding-top: 0px;
padding-bottom: 0px;
/*background: #F4F4F4;*/
z-index: 201;
position: relative;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
-webkit-box-shadow: 0 0 0 1000px #1D1D1D inset !important;
-webkit-text-fill-color: #fff !important;
}
/* ==== HOME SERVICES ===== */
#after-header-services {
display: flex;
flex-wrap: wrap;
}
#after-header-services h2 {
width: 100%;
text-align: center;
margin-bottom: 30px !important;
}
.wp-block-lazyblock-home-services {
position: relative;
width: calc(33.33% - 40px);
margin: 20px;
background: #F2F2F2;
border: 2px solid #D51340;
border-radius: 10px;
padding: 20px 10px;
box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
transition: all .2s ease-in-out;
}
.wp-block-lazyblock-home-services:hover {
transform: scale(1.1);
}
.wp-block-lazyblock-home-services .home-service-icon {
width: 90px;
}
.wp-block-lazyblock-home-services .home-service-icon img {
width: 100%;
height: 100%;
}
.home-service-inner {
display: flex;
flex-wrap: wrap;
}
.wp-block-lazyblock-home-services h3 {
margin-top: 0px !important;
padding-top: 0px !important;
margin-bottom: 0px !important;
color: #171717 !important;
font-weight: 900 !important;
font-size: 28px !important;
}
.home-service-txt {
width: calc(100% - 100px);
padding-left: 20px;
}
.home-service-txt p {
color: #626262 !important;
font-size: 16px !important;
font-weight: 600;
}
/* ==== forminator select === */
.forminator-select {
max-width: 700px !important;
width: 100% !important;
min-width: auto !important;
}
.forminator-select-dropdown-container--open .forminator-dropdown--default {
border-color: #707070 !important;
background-color: #fff !important;
}
.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
background-color: #fff !important;
height: 50px !important;
line-height: 50px !important;
}
.forminator-design--default .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"] {
border-color: #707070 !important;
background-color: #fff !important;
}
.forminator-select-dropdown-container--open .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
background-color: #f1f1f1 !important;
color: #000 !important;
}
.forminator-select-dropdown-container--open .forminator-dropdown--default .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted {
background-color: #f1f1f1 !important;
}
.forminator-select-dropdown-container--open .forminator-dropdown--default .select2-results .select2-results__options .select2-results__option {
color: #000 !important;
}
.forminator-ui.forminator-design--default .forminator-error-message {
max-width: 700px !important;
min-width: auto !important;
}
/* ===== Home Call us ===== */
.after-header-callus-wrap {
background: #000;
margin: 30px 0px 0px;
padding: 30px 0px;
width: 100%;
}
.not-front .after-header-callus-wrap {
margin: 0px 0px 0px;
}
.after-header-callus-wrap .wp-block-columns > .wp-block-column {
position: relative;
}
.after-header-callus-wrap .wp-block-columns > .wp-block-column:nth-child(1) h5, .after-header-callus-wrap .wp-block-columns > .wp-block-column:nth-child(1) p{
color: #fff !important;
font-size: 23px !important;
margin-top: 0px !important;
padding-top: 0px !important;
line-height: 28px !important;
margin-bottom: 0px !important;
text-align: left;
font-weight: 600 !important;
font-family: 'Roboto', sans-serif !important;
/*padding-right: 110px;*/
position: relative;
display: inline;
}
.after-header-callus-wrap .wp-block-columns > .wp-block-column:nth-child(1) {
position: relative;
top: 10px;
}
.after-header-callus-wrap .wp-block-columns > .wp-block-column:nth-child(2) p {
color: #C7C7C7;
font-size: 25px;
font-weight: 300 !important;
font-style: italic;
text-align: center;
line-height: 30px !important;
margin-bottom: 0px !important;
padding-left: 0px;
margin-left: -25px;
}
.after-header-callus-wrap .wp-block-columns {
margin-bottom: 0px !important;
}
.after-header-callus-wrap .wp-block-columns > .wp-block-column:nth-child(2) p a {
color: #fff !important;
font-size: 30px !important;
font-weight: 600 !important;
font-style: normal;
text-decoration: none !important;
}
.after-header-callus-wrap .wp-block-button__link {
background: #C65547;
color: #fff !important;
padding: 15px 30px 14px;
font-size: 22px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
border-radius: 10px;
text-decoration: none !important;
/*transition: background-color 0.3s, color 0.3s, border-color 0.3s;*/
text-decoration: none !important;
position: relative;
width: 280px;
text-align: center;
border: 1px solid #fff;
transition: background-color 0.3s, color 0.3s, border-color 0.3s;
transition: all .2s ease-in-out;
}
.wp-block-button__link:hover {
transform:scale(1.1);
}
.wp-block-button__link:after {
content: ""!important;
width: 40px;
height: 21px;
background: url(../swflex/images/ionic-ios-arrow-down.svg) no-repeat !important;
background-size: auto;
position: absolute;
background-size: contain!important;
top: 21px;
right: -3px;
display: inline-block;
transition: .2s ease;
}
.after-header-callus-wrap .wp-block-buttons {
display: block;
text-align: right;
}
.icon-24 {
position: relative;
right: -20px;
background: url(../swflex/images/clock.png) no-repeat !important;
padding: 15px;
font-size: 24px !important;
font-weight: 800 !important;
line-height: 1;
top: 7px;
background-size: contain !important;
display: inline-block;
}
.request-mobile-only {
display: none !important;
}
.request-desktop-only {
display: block !important;
}
/* ===== TWO Column ====== */
.wp-block-lazyblock-two-column h2 {
text-align: center;
}
.wp-block-lazyblock-two-column .container {
background: url('../swflex/images/mountain-vector-black.jpg') no-repeat;
background-size: 80%;
background-position: center bottom;
}
.plumbing-tap-col {
position: relative;
}
.plumbing-tap {
display: none;
}
.wp-block-lazyblock-two-column {
padding: 25px 0px 40px;
}
.google-review {
background: #000;
padding: 50px 0px;
margin-bottom: 20px !important;
}
.google-review h2 {
color: #fff !important;
text-align: center;
padding-top: 0px !important;
margin-top: 0px !important;
padding-bottom: 40px !important;
text-transform: uppercase;
}
.wp-block-lazyblock-reusable-three-column-block {
padding: 20px 30px;
width: 100%;
}
.wp-block-lazyblock-reusable-three-column-block .three-col-container {
background: url('../swflex/images/mountain-vector-black.jpg') no-repeat;
background-size: 70%;
background-position: left bottom;
position: relative;
z-index: 1;
}
/*.wp-block-lazyblock-reusable-three-column-block .three-col-container {
position: relative;
z-index: -1;
}*/
.wp-block-lazyblock-reusable-three-column-block p {
font-size: 21px !important;
line-height: 35px !important;
}
.wp-block-lazyblock-reusable-three-column-block .three-col-container .flex-display .flex-col-4:nth-child(1) p {
position: relative;
padding-right: 20px;
}
.wp-block-lazyblock-reusable-three-column-block .three-col-container .flex-display .flex-col-4:nth-child(2) {
margin-left: 0px !important;
padding-left: 0px;
}
.wp-block-lazyblock-reusable-three-column-block .three-col-container .flex-display .flex-col-4:nth-child(1) {
position: relative;
}
.wp-block-lazyblock-reusable-three-column-block .three-col-container .flex-display .flex-col-4:nth-child(1):after {
content: "";
height: 96%;
top: 10px;
width: 2px;
background: #D6D6D6;
display: block;
position: absolute;
right: 14px;
}
.wp-block-lazyblock-reusable-three-column-block h2 {
margin-top: 0px;
padding-top: 0px !important;
width: 55%;
padding-left: 0px;
padding-right: 30px;
margin-left: 1%;
}
.wp-block-lazyblock-reusable-three-column-block .img-col-three {
text-align: right;
}
.wp-block-lazyblock-reusable-three-column-block img {
width: 100%;
margin-left: 20px;
/*border-radius: 10px;*/
}
h2.home-head-no-mar {
margin-top: 20px !important;
margin-bottom: 0px !important;
}
.home-two-fullwidth {
background: #000;
}
.home-two-fullwidth {
color: #fff !important;
font-weight: 900 !important;
margin-bottom: 0px !important;
}
.home-two-fullwidth .wp-block-column:nth-child(2) {
padding-left: 40px;
padding-right: 40px;
}
.wp-block-lazyblock-reusable-inline-icon-text .icon-wrap {
width: 100px;
}
.wp-block-lazyblock-reusable-inline-icon-text .icon-wrap img {
width: 74px;
}
.wp-block-lazyblock-reusable-inline-icon-text .txt-wrap {
width: calc(100% - 100px);
}
.home-two-fullwidth h3 {
color: #fff !important;
margin-bottom: 30px !important;
font-weight: 900 !important;
}
.home-two-fullwidth > .wp-block-column > figure {
position: relative;
height: 100%;
}
.home-two-fullwidth > .wp-block-column > figure img {
height: 100%;
object-fit: cover;
width: 100%;
}
.wp-block-lazyblock-reusable-inline-icon-text .txt-wrap h4 {
color: #fff !important;
font-size: 21px !important;
line-height: 30px !important;
margin-top: 0px !important;
padding-top: 0px !important;
}
.wp-block-lazyblock-reusable-inline-icon-text .icon-link-service {
color: #fff !important;
font-size: 29px !important;
line-height: 39px !important;
margin-top: 0px !important;
padding-top: 0px !important;
font-family: 'Roboto', sans-serif !important;
font-weight: 900 !important;
}
.wp-block-lazyblock-reusable-inline-icon-text .icon-link-service a {
color: #fff !important;
text-decoration : none;
}
.wp-block-lazyblock-reusable-inline-icon-text .txt-wrap .icon-link-service span {
color: red !important;
}
.wp-block-lazyblock-reusable-inline-icon-text{
margin-bottom: 30px;
}
.wp-block-lazyblock-reusable-inline-icon-text .txt-wrap p {
color: #fff !important;
font-size: 17px !important;
font-weight: 300 !important;
line-height: 25px !important;
}
.wp-block-lazyblock-reusable-inline-icon-text .flex-display {
align-items: center;
}
/* ==== inner pages right side === */
.page-col-container {
max-width: 1280px;
margin: 0 auto;
}
.page-col-right {
width: 30%;
position: relative;
}
.page-col-left {
width: 70%;
}
.page-col-right h3 {
margin-top: 0px !important;
background: #000;
color: #fff !important;
border-top-left-radius: 10px;
border-top-right-radius: 12px;
padding-bottom: 15px;
text-align: center;
}
.page-col-right-inner {
margin-left: 30px;
position: sticky;
top: 300px;
}
.page-col-right-inner-2 {
background: #fafafa;
border-radius: 10px;
padding-bottom: 20px;
}
.page-col-right-inner ul li {
padding-left: 0px !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.page-col-right-inner ul li a {
font-size: 15px;
text-decoration: none !important;
color: #272626;
background: #fff;
display: block;
padding: 1px 15px;
border-radius: 12px;
font-weight: 600;
position: relative;
transition: .2s ease;
}
.page-col-right-inner ul li a:hover {
background: #C65547;
color: #fff !important;
}
.page-col-right-inner ul li a:after {
content: "";
width: 14px;
height: 12px;
background: url(../swflex/images/awesome-arrow-right.svg) no-repeat !important;
background-size: auto;
position: absolute;
background-size: contain!important;
top: 13px;
right: 20px;
display: inline-block;
}
.page-col-right-inner ul li:before {
display: none;
}
#main .page-col-right-inner ul {
padding-left: 10px !important;
padding-right: 10px !important;
}
/* ==== COUPON ===== */
.coupon-wrap-inner {
border-color: #000;
border-style: dashed;
border-width: 8px;
padding: 30px 20px;
}
.coupon-wrap-inner .coupon-title {
font-size: 45px;
line-height: 55px;
color: #D51340;
font-weight: 800;
font-family: 'Roboto', sans-serif;
text-shadow: 0px 3px 6px rgb(85 85 85 / 30%);
margin-bottom: 8px;
}
.coupon-wrap-inner .coupon-subhead {
font-size: 24px;
line-height: 34px;
color: #272626;
font-weight: 800;
margin-bottom: 30px;
}
.coupon-wrap-inner button {
color: #fff !important;
background: #000 !important;
font-size: 18px;
text-transform: uppercase;
transition: background-color 0.3s,color 0.3s,border-color 0.3s;
box-shadow: none !important;
border: 0 !important;
padding: 10px 20px;
width: 100%;
font-weight: 600;
margin-bottom: 8px;
}
.coupon-wrap-inner button:hover {
background: #D51340 !important;
}
.coupon-wrap {
margin: 30px 0px 40px;
text-align: center;
}
#post-408 .wp-block-column > h2:nth-child(1) {
margin-top: 0px !important;
padding-top: 0px !important;
}
/* accordion block */
.wp-block-aab-accordion-block {
max-width: 1170px;
margin: 30px auto 30px !important;
}
.image-below-coupon {
text-align: center;
}
.image-below-coupon img {
width: 85%;
margin: 20px auto 50px;
}
#post-359 .wp-block-aab-accordion-block, #post-343 .wp-block-aab-accordion-block {
max-width: 1280px;
}
.aab__accordion_head {
background-color: #f3f3f3 !important;
padding: 20px !important;
}
.wp-block-aab-accordion-block.aab__accordion_container {
border: 0px !important;
}
.dashicons-minus:before, .dashicons-plus-alt2:before {
color: #313131 !important;
}
.aab__accordion_head h4 {
padding-top: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
background: transparent !important;
color: #313131 !important;
font-size: 23px !important;
font-weight: 300 !important;
}
.aab__accordion_head:hover {
background-color: #D51340 !important;
}
.aab__accordion_head:hover h4 {
color: #fff !important;
}
.aab__accordion_head:hover .dashicons-minus:before, .aab__accordion_head:hover .dashicons-plus-alt2:before {
color: #fff !important;
}
/* ==== FOOTER ==== */
.footer-container {
padding-left: 20px;
padding-right: 20px;
}
.site-footer p, .site-footer ul li, .site-footer ul li a {
font-size: 15px;
line-height: 22px !important;
margin-bottom: 15px;
color: #fff !important;
}
.footer-top-wrap {
background: #2B2B2B;
}
#footer-copyright {
background: #000;
}
.site-footer ul {
list-style: none;
text-align: left;
padding-left: 0px !important;
}
.site-footer ul li {
display: block;
margin: 10px 0px;
}
.styled-container {
margin: 0 auto;
}
#footer-columns .flex-col-4:nth-child(3) p {
font-size: 18px !important;
font-family: 'Roboto', sans-serif !important;
font-weight: 600;
}
#footer-columns .flex-col-4:nth-child(3) p span {
background: #C65547;
padding: 7px 10px 5px;
border-radius: 10px;
border: 1px solid #fff;
margin-left: 6px;
margin-right: 6px;
}
footer .flex-display {
align-items: center;
align-content: center;
text-align: center;
}
#footer-columns a {
color: #fff !important;
text-decoration: none !important;
}
footer h3 a {
color: #fff !important;
text-decoration: none !important;
font-weight: 800 !important;
}
footer h4 {
color: #fff !important;
margin-top: 0px !important;
padding-top: 0px !important;
font-weight: 600 !important;
}
#footer-bottom {
text-align: center;
padding-top: 30px !important;
padding-bottom: 30px !important;
}
#footer-bottom p {
font-size: 16px !important;
font-weight: 300 !important;
font-family: 'Roboto', sans-serif !important;
text-transform: capitalize;
line-height: 34px !important;
}
#footer-bottom h3 {
color: #fff !important;
padding-top: 0px !important;
margin-top: 0px !important;
}
#footer-bottom ul {
list-style: none;
padding-left: 0px;
text-align: center;
}
#footer-bottom ul li {
display: inline-block;
}
#footer-bottom p a, #footer-bottom ul li a {
text-decoration: none !important;
color: #C65547 !important;
font-weight: 600 !important;
background: #EDEDED;
padding: 10px 12px;
}
#footer-bottom p a:hover {
color: #fff !important;
}
#footer-copyright {
padding-bottom: 10px;
padding-top: 10px;
}
#footer-columns .flex-display .flex-col-4:nth-child(2) p:nth-child(4) a {
background: #C65547;
color: #fff !important;
padding: 15px 30px 14px;
font-size: 20px;
font-weight: 600;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
border-radius: 10px;
text-decoration: none !important;
/*transition: background-color 0.3s, color 0.3s, border-color 0.3s;*/
transition: all .2s ease-in-out;
/*transform: scale(1.1);*/
display: inline-block;
}
#footer-columns .flex-display .flex-col-4:nth-child(2) p:nth-child(4) a:hover, #footer-columns .flex-display .flex-col-4:nth-child(2) p:nth-child(4) a:focus {
background: #000;
transform: scale(1.1);
}
#footer-copyright p {
margin-top: 10px;
margin-bottom: 10px !important;
text-align: center;
}
/* === FOOTER MENU ==== */
ul#menu-footer-menu > li {
position: relative;
margin: 10px 5px;
}
ul#menu-footer-menu > li > ul {
display: none;
width: 300px;
background: #C65547;
text-align: left !important;
position: absolute;
bottom: 34px;
padding-left: 0px !important;
left: 0; }
ul#menu-footer-menu > li > ul > li {
display: block; }
ul#menu-footer-menu > li > ul > li > a {
display: block;
padding: 7px 15px;
background: none;
color: #FFF !important;
font-size: 15px;
line-height: 17px !important;
}
ul#menu-footer-menu > li > ul > li > a:hover, ul#menu-footer-menu > li > ul > li > a:focus {
background: #C65547 !important;
color: #fff !important; }
ul#menu-footer-menu > li:last-child > ul {
left: inherit;
right: 0; }
.mobile-only-btn {
display: none !important;
}
.mobile-only {
display: none !important;
}
.desktop-only {
display: block !important;
}
.phone-mobile-only, .icon-mobile-only {
display: none !important;
}
/* Responsive */
@media(min-width: 1700px) {
.plumbing-tap {
position: absolute;
left: -200px;
width: 200px;
top: -158px;
display: block;
}
}
@media(min-width: 1700px) {
#footer-bottom p a, #footer-bottom ul li a {
padding: 10px 25px;
}
}
@media(max-width: 1500px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1500px) {
.container, .styled-container {
width: 100% !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
#post-332 {
padding-left: 15px !important;
padding-right: 15px !important;
}
#after-header .wp-block-cover__inner-container {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 1024px) {
#header-middle {
display: none !important;
}
.three-col-with-button h3 {
font-size: 21px !important;
line-height: 27px !important;
}
#main .three-col-with-button p, #main .three-col-with-button li {
font-size: 14px !important;
line-height: 24px !important;
}
.three-col-with-button .wp-block-button a {
font-size: 14px !important;
padding: 15px 20px 14px !important;
}
ul#menu-footer-menu {
display: flex;
flex-wrap: wrap;
flex-direction: row;
padding-left: 0px;
}
ul#menu-footer-menu > li {
flex: 94% 0 0;
margin: 3px auto;
}
ul#menu-footer-menu > li > a {
padding: 3px 15px 4px;
width: 100%;
display: block;
margin-bottom: 0px !important
}
ul#menu-footer-menu>li>ul {
background: transparent;
}
ul#menu-footer-menu > li {
display: block !important; }
ul#menu-footer-menu >li>ul {
position: relative;
width: 100%;
bottom: auto;
}
.mobile-only-menu {
display: block !important;
}
.hire-btn {
display: none !important;
}
.mobile-only-btn {
display: block !important;
}
.btn-wrap-hero-new {
display: none !important;
}
.btn-wrap.mobile-only-btn {
color: #fff !important;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
}
.btn-wrap.mobile-only-btn a {
background: #C65547;
color: #fff;
padding: 6px 20px 7px;
border-radius: 8px;
border: 1px solid #fff;
font-size: 14px !important;
font-weight: 600 !important;
margin-right: 10px;
margin-left: 10px;
text-decoration: none !important;
text-transform: uppercase;
}
.wp-block-lazyblock-reusable-three-column-block .three-col-container .flex-display .flex-col-4:nth-child(1) {
padding-right: 10px;
}
.wp-block-lazyblock-reusable-three-column-block .three-col-container .flex-display .flex-col-4:nth-child(1):after {
right: 0;
}
#after-header .wp-block-cover__inner-container {
display: block;
}
.hero-inner h1, .hero-inner .banner-heading {
padding-left: 0px !important;
}
#header-right figure, #header-right ul {
display: none !important;
}
.page-col-right-inner {
position: relative;
top: 0px;
}
/* .site-branding-wrap {
position: absolute;
left: 0;
right: 0;
float: none;
margin: 0 auto;
text-align: center;
width: 270px;
z-index: 1;
}*/
.site-branding-wrap {
width: 270px;
}
header.site-header{
height: 100px;
}
.site-logo-main img {
width: 190px;
padding-top: 10px;
padding-bottom: 15px;
}
header .site-branding {
display: block;
height: auto;
}
.phone-mobile-only {
display: block !important;
float: right;
position: relative;
top: 13px;
right: -10px;
}
#top-header .container {
padding-left: 0px !important;
}
.icon-mobile-only {
display: block !important;
}
.icon-mobile-only img {
width: 86px;
padding-right: 7px;
}
.icon-mobile-only {
position: absolute;
right: 36px;
top: 27px;
}
#top-header .pull-left {
width: 100%;
}
.phone-mobile-only img {
width: 30px !important;
}
.hero-txt-section {
padding-top: 10px;
padding-bottom: 10px;
}
.hero-inner:before {
display: none;
}
#after-header {
margin-top: 154px;
}
#after-header .wp-block-cover {
min-height: auto !important;
}
.hero-inner {
max-width: 100% !important;
padding-right: 10px;
padding-left: 0px;
text-align: center;
}
.wp-block-lazyblock-reusable-three-column-block .three-col-container .flex-display .flex-col-4:nth-child(2) {
margin: 1% !important;
}
.wp-block-lazyblock-reusable-three-column-block .three-col-container .flex-display .flex-col-4:nth-child(1) p:after {
display: none;
}
#after-header .hero-form {
position: relative;
right: 0;
margin-bottom: 20px;
display: none;
}
#after-header .hero-form form{
margin: 0 auto;
}
.after-header-callus-wrap .wp-block-columns > .wp-block-column:nth-child(1) h5, .after-header-callus-wrap .wp-block-columns > .wp-block-column:nth-child(1) p {
font-size: 17px !important;
line-height: 23px !important;
padding-top: 0px !important;
}
.not-front #primary .entry-content>p, .not-front #primary .entry-content>ul, .not-front #primary .entry-content>.wp-block-columns, .not-front #primary .entry-content>h1, .not-front #primary .entry-content>h2, .not-front #primary .entry-content>h3, .not-front #primary .entry-content>h4, .not-front #primary .entry-content>figure, .not-front #primary .entry-content>img {
padding-left: 25px;
padding-right: 25px;
}
.home #primary .entry-content > p, .home #primary .entry-content > ul, .home #primary .entry-content > h2, .home #primary .entry-content > h3, .home #primary .entry-content > h4, .home #primary .entry-content > figure, .home #primary .entry-content > img {
padding-left: 40px !important;
padding-right: 20px !important;
}
.after-header-callus-wrap .wp-block-columns > .wp-block-column:nth-child(2) p {
font-size: 17px !important;
line-height: 23px !important;
padding-left: 50px;
}
.after-header-callus-wrap .wp-block-columns > .wp-block-column:nth-child(2) p a {
font-size: 24px !important;
}
.after-header-callus-wrap .wp-block-button__link {
width: 250px;
margin-right: 20px;
}
.google-review {
padding: 30px 20px;
}
/* mobile menu */
#rmp_menu_trigger-85 .responsive-menu-pro-inner, #rmp_menu_trigger-85 .responsive-menu-pro-inner::before, #rmp_menu_trigger-85 .responsive-menu-pro-inner::after {
background-color: #000 !important;
}
#rmp_menu_trigger-85 .responsive-menu-pro-inner, #rmp_menu_trigger-85 .responsive-menu-pro-inner::before, #rmp_menu_trigger-85 .responsive-menu-pro-inner::after {
width: 35px;
}
#rmp_menu_trigger-85 {
top: 73px;
right: 30px;
}
#rmp-container-85 {
background: #fff;
width: 100%;
max-width: 100%;
}
#rmp-menu-wrap-85 .rmp-menu-item-link {
font-size: 17px !important;
color: #000 !important;
text-transform: uppercase;
}
button.rmp_menu_trigger.is-active {
top: 20px !important;
right: 0px !important;
left: auto !important;
}
#rmp-menu-wrap-85 > ul {
padding-top: 90px !important;
}
/* mobile menu end */
h1 {
font-size: 35px !important;
line-height: 50px !important;
}
.banner-heading{
font-size: 35px !important;
line-height: 50px !important;
}
h2 {
font-size: 28px !important;
line-height: 38px !important;
}
h3 {
font-size: 25px !important;
line-height: 35px !important;
}
h4 {
font-size: 22px !important;
line-height: 32px !important;
}
h5 {
font-size: 20px !important;
line-height: 30px !important;
}
#main p, #main ul li, #main ul li a, #main ol li, #before-footer p {
font-size: 16px;
line-height: 30px !important;
}
#main table tr td, #main table tr th {
font-size: 16px;
line-height: 30px !important;
}
.wp-block-lazyblock-reusable-three-column-block p {
font-size: 16px !important;
line-height: 30px !important;
}
.site-logo-main {
margin-right: 0px;
}
#post-80 .entry-content {
padding-left: 20px;
padding-right: 20px;
}
.forminator-custom-form-81 .forminator-checkbox-image span {
width: 40px !important;
height: 40px !important;
}
.home-coupon-price {
font-size: 40px;
line-height: 50px;
}
.home-coupon-heading {
font-size: 30px;
line-height: 40px;
}
.home-coupon-text ul li {
font-size: 15px !important;
line-height: 20px !important;
}
.home-coupon-extext p {
font-size: 13px !important;
line-height: 22px !important;
}
.after-header-mobile-logos {
display: flex !important;
align-items: center;
justify-content: center;
position: relative;
top: 155px;
background: #f2f2f2;
}
#after-header {
margin-top: 138px;
}
.after-header-mobile-logos figure img {
height: 60px !important;
width: auto;
margin: 10px 30px;
}
}
@media (max-width: 768px) {
.page-col-right-inner {
margin-left: 0px;
}
.reusable-twocol-imgtxt-new ul {
max-width: 90%;
}
.reusable-gray-cta-new p.ctanew-phone {
font-size: 20px !important;
margin-top: 25px;
}
.three-col-with-button .wp-block-column {
max-width: 400px;
margin: 20px auto;
}
.coupon-flex-wrap .wp-block-lazyblock-home-coupon {
width: 98%;
max-width: 400px;
}
.coupon-flex-wrap .wp-block-group__inner-container {
flex-wrap: wrap;
}
.blog-item {
width: 48%;
margin: 1%;
position: relative;
}
.page-full-col {
padding-left: 15px;
padding-right: 15px;
}
.not-front #primary .entry-content > .wp-block-columns {
gap: 0px !important
}
.not-front #primary .entry-content > .wp-block-columns > .wp-block-column > h2:nth-child(1) {
margin-top: 0px !important;
padding-top: 0px !important;
}
.hero-inner p {
padding-right: 0px;
}
.not-front #primary .entry-content>.wp-block-columns {
margin: 15px auto;
}
.wp-block-lazyblock-reusable-three-column-block .three-col-container .flex-display .flex-col-4:nth-child(1):after {
display: none;
}
.forminator-custom-form-81 #checkbox-1 .forminator-screen-reader-only {
font-size: 11px !important;
}
#after-header .wp-block-cover {
padding-bottom: 0px !important;
}
.after-header-callus-wrap {
padding: 20px 0px 20px;
display: none;
}
.not-front #after-header .wp-block-cover__inner-container {
padding-top: 0px;
padding-bottom: 0px;
}
#footer-columns .container {
padding-left: 0px !important;
padding-right: 0px !important;
}
header .site-branding {
display: block;
}
#footer-bottom p {
font-size: 18px !important;
line-height: 30px !important;
}
.wp-block-lazyblock-reusable-three-column-block p {
font-size: 18px !important;
line-height: 30px !important;
}
.mobile-only {
display: block !important;
}
.desktop-only {
display: none !important;
}
h1 {
font-size: 30px !important;
line-height: 37px !important;
}
.banner-heading{
font-size: 30px !important;
line-height: 37px !important;
}
h2 {
font-size: 26px !important;
line-height: 36px !important;
}
h3 {
font-size: 23px !important;
line-height: 33px !important;
}
h4 {
font-size: 22px !important;
line-height: 32px !important;
}
h5 {
font-size: 21px !important;
line-height: 31px !important;
}
#main p, #main ul li, #main ul li a, #main ol li, #before-footer p {
font-size: 15px !important;
line-height: 28px !important;
}
#main tr th, #main tr td {
font-size: 15px !important;
line-height: 28px !important;
}
#top-header .pull-right {
display: none !important;
}
.hero-inner p {
font-size: 16px !important;
line-height: 28px !important;
}
.wp-block-lazyblock-home-services {
width: calc(50% - 40px);
}
.wp-block-lazyblock-home-services h3 {
font-size: 22px !important;
}
.home-service-txt p {
font-size: 15px !important;
}
.after-header-callus-wrap .wp-block-columns > .wp-block-column:nth-child(1) h5, .after-header-callus-wrap .wp-block-columns > .wp-block-column:nth-child(1) p{
padding-right: 0;
text-align: center;
}
.icon-24 {
width: 85px;
margin: 20px auto 0;
position: relative;
left: 0;
}
.after-header-callus-wrap .wp-block-columns > .wp-block-column:nth-child(2) p {
padding-left: 0 !important;
text-align: center;
margin-left: 0px;
}
.after-header-callus-wrap .wp-block-buttons {
text-align: center;
}
.after-header-callus-wrap .wp-block-button__link {
margin-right: 0px;
width: 200px;
font-size: 17px;
padding: 12px 30px 11px;
}
.wp-block-button__link:after {
height: 14px;
top: 17px;
}
.wp-block-lazyblock-reusable-three-column-block h2 {
padding-left: 0px;
width: 100%;
}
.home-two-fullwidth {
gap: 0 !important;
}
.footer-top-wrap {
padding: 20px 20px;
}
#footer-columns .flex-col-4:nth-child(3) p {
font-size: 17px !important;
line-height: 35px !important;
}
.wp-block-lazyblock-reusable-three-column-block .three-col-container .flex-display .flex-col-4:nth-child(1) {
position: relative;
padding-right: 0px;
}
.page-col-right, .page-col-left{
width: 98%;
margin: 1%;
}
.home .wp-block-lazyblock-two-column .flex-col-6.plumbing-tap-col {
width: calc(56% - 80px);
margin-left: 80px;
}
.home .wp-block-lazyblock-two-column .flex-col-6:nth-child(2) {
width: 40%;
}
.aab__accordion_head h4 {
font-size: 17px !important;
}
}
@media (max-width: 600px) {
h1 {
font-size: 23px !important;
line-height: 30px !important;
}
.blog-item {
width: 98%;
margin: 1%;
position: relative;
}
.forminator-custom-form-81 #checkbox-1 label {
width: calc(33% - 10px);
}
.banner-heading{
font-size: 23px !important;
line-height: 33px !important;
margin-bottom: 10px !important;
}
#after-header .hero-form form {
width: 100% !important;
}
h2, .not-front h2 {
font-size: 21px !important;
line-height: 28px !important;
}
h3, .not-front h3 {
font-size: 19px !important;
line-height: 27px !important;
}
h4 {
font-size: 17px !important;
line-height: 24px !important;
}
h5 {
font-size: 15px !important;
line-height: 28px !important;
}
#main p, #main ul li, #main ul li a, #main ol li, #before-footer p {
font-size: 15px !important;
line-height: 28px !important;
}
#main tr td, #main tr th {
font-size: 15px !important;
line-height: 28px !important;
}
.hero-inner p {
font-size: 13px !important;
line-height: 24px !important;
}
.btn-wrap.mobile-only-btn a {
font-size: 11px !important;
}
.btn-wrap.mobile-only-btn {
padding-top: 10px;
padding-bottom: 10px;
}
.home #after-header .wp-block-cover > img {
object-position: left
}
#after-header .wp-block-cover span.wp-block-cover__background {
opacity: 0.5;
}
.site-logo-main img {
width: 150px;
top: 0px;
left: -15px;
}
.home #primary .entry-content > p, .home #primary .entry-content > ul, .home #primary .entry-content > h2, .home #primary .entry-content > h3, .home #primary .entry-content > h4, .home #primary .entry-content > figure, .home #primary .entry-content > img{
padding-left: 15px !important;
padding-right: 15px !important;
}
.wp-block-lazyblock-reusable-three-column-block .img-col-three {
text-align: center;
}
.wp-block-lazyblock-reusable-three-column-block .img-col-three img {
width: 90%;
margin-left: 0;
}
.wp-block-lazyblock-home-services {
width: calc(100% - 40px);
}
header.site-header, #top-header {
padding: 0px 10px !important;
}
#rmp_menu_trigger-85 {
right: 5px;
top: 71px;
}
.phone-mobile-only img {
width: 37px;
}
#after-header .wp-block-cover {
padding: 10px 15px !important;
}
#after-header .wp-block-cover__inner-container > p {
display: none !important;
}
.hero-inner {
padding-left: 0px;
padding-right: 0px;
}
.hero-inner h1, .hero-inner p {
padding-left: 0px;
}
.wp-block-lazyblock-two-column h2 {
text-align: left;
}
.wp-block-lazyblock-two-column .flex-col-6 {
width: 98%;
}
.site-logo-main img {
padding-top: 18px;
}
.wp-block-lazyblock-two-column {
padding: 0 0 40px;
}
.wp-block-lazyblock-reusable-three-column-block {
padding: 20px 15px;
}
.wp-block-lazyblock-reusable-three-column-block .flex-col-4 {
width: 100%;
margin: 0;
}
.wp-block-lazyblock-reusable-three-column-block .img-col-three {
margin-top: 30px;
margin-bottom: 30px;
}
.home-two-fullwidth .wp-block-column:nth-child(2) {
padding-left: 20px;
padding-right: 20px;
}
.wp-block-lazyblock-reusable-inline-icon-text .flex-display {
align-items: flex-start;
}
.wp-block-lazyblock-reusable-inline-icon-text .icon-link-service {
font-size: 21px !important;
}
.wp-block-lazyblock-reusable-inline-icon-text .icon-wrap{
width: 65px;
}
.wp-block-lazyblock-reusable-inline-icon-text .icon-wrap img {
width: 48px;
}
#footer-columns .flex-col-4 {
width: 98%;
}
#footer-columns img {
max-width: 200px;
}
#footer-columns h3 {
padding-top: 0px !important;
margin-top: 0px !important;
}
#footer-bottom {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
#footer-copyright p {
padding-left: 10px;
padding-right: 10px;
}
.hero-form .forminator-checkbox-image span {
width: 40px;
height: 40px;
}
.not-front .hero-form .forminator-checkbox-image span {
width: 30px;
height: 30px;
}
.hero-form #checkbox-1 .forminator-screen-reader-only {
font-size: 10px !important;
}
.not-front .hero-form #checkbox-1 label {
width: calc(25% - 8px);
margin: 4px;
}
.icon-mobile-only {
position: absolute;
right: 10px;
top: 27px;
}
.home .wp-block-lazyblock-two-column .flex-col-6:nth-child(2) {
width: calc( 100% - 30px);
margin-left: 15px;
margin-right: 15px;
}
.home .wp-block-lazyblock-two-column .flex-col-6.plumbing-tap-col {
width: calc( 100% - 30px);
margin-left: 15px;
margin-right: 15px;
}
.home .wp-block-lazyblock-two-column .container {
background: #fff !important;
}
#main ul li:before {
width: 15px;
height: 15px;
top: 8px;
}
#top-header .pull-left p {
margin-left: 55px;
text-align: center;
}
.page-id-80 #after-header {
display: none;
}
.page-id-80 .after-header-callus-wrap {
margin-top: 154px;
}
.page-id-80 #main select {
max-width: 300px !important;
}
.request-mobile-only {
display: block !important;
}
.request-desktop-only {
display: none !important;
}
.after-header-mobile-logos figure img {
height: 54px !important;
width: auto;
margin: 10px 15px;
max-width: 100%;
}
.after-header-mobile-logos {
width: 100%;
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
}
}
/* coupon-new design */
/* coupon design */
.coupon-flex-wrap .wp-block-lazyblock-home-coupon{
margin:0px!important;
}
.after-header-coupon-wrap.section.clearfix {
background: linear-gradient(
0deg,
rgba(198, 85, 71, 0.00) 13.34%,
#C65547 100%
), #fff !important;
padding: 65px 0 !important;
}
.home-coupon-top {
background: #FFF;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.09);
min-height:143px;
display: flex;
flex-direction: column;
justify-content: center;
border-radius:10px 10px 0px 0px;
padding:17px 70px;
}
.home-coupon-content{
padding:38px 29px 38px 24px;
display: flex;
flex-direction: column;
justify-content: center;
height:100%;
}
.home-coupon-heading {
font-size: 22px;
font-weight: 900!important;
line-height:normal!important;
}
.home-coupon-price {
font-size: 35.86px;
line-height: 42.339px;
font-weight: 900!important;
text-transform: uppercase!important;
color: #C65547!important;
}
.home-coupon-text ul li {
text-transform: capitalize!important;
font-weight: 400 !important;
font-size: 15px !important;
line-height: normal!important;
color: #000 !important;
padding-bottom: 17px;
font-family: Helvetica!important;
}
body .home-coupon-text ul li:before {
content: "";
background-image: url("https://www.mtnvalleyplumbing.com/wp-content/uploads/2026/02/Vector-1.png");
background-repeat: no-repeat;
background-position: left center;
position: absolute;
background-size: 100%;
left: 0;
width: 15px;
height: 15px;
top: 0px;
}
.coupon-flex-wrap .wp-block-lazyblock-home-coupon {
width: 33.33%;
border-radius: 10px!important;
border: 2.5px solid #C65547!important;
background: #F9FAFB!important;
}
/* ONLY middle coupon border */
.after-header-coupon-wrap .wp-block-button__link-coupon {
display: flex;
padding: 15px 31px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 10px;
background: #C65547;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.09);
color: #FFF;
text-align: center;
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 22px;
text-transform: uppercase;
max-width:212px;
}
.home-coupon .wp-block-button {
margin: 0 auto;
}
.after-header-coupon-wrap .wp-block-button__link-coupon:hover,
.after-header-coupon-wrap .wp-block-button__link-coupon:focus {
text-decoration: none;
color: #fff;
}
.wp-block-lazyblock-home-coupon .home-coupon {
display: flex;
flex-direction: column;
height: 100%;
}
.home-coupon {
display: flex;
flex-direction: column;
height: 100%!important;
}
.home-coupon .wp-block-button {
margin-top: auto!important;}
.home-coupon-extext p{
font-family: Helvetica;
font-size: 10px!important;
font-weight: 400!important;
line-height: normal!important;
}
.coupon-flex-wrap
.wp-block-lazyblock-home-coupon:nth-child(1),
.coupon-flex-wrap
.wp-block-lazyblock-home-coupon:nth-child(3) {
max-width: 388px!important;
min-height: 484px!important;
}
.home-coupon-extext {
text-align: center;
margin-top: 25px!important;
}
/* early-bird-css-start */
.early-bird-section{
margin:130px 150px 60px 150px;
}
.team-image img {
width: 100%;
border-radius: 10px;
margin-bottom:20px;
}
.description {
color: #000;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20.8px; /* 130% */
margin-top:20px;
}
.offer-box {
max-width: 746px;
text-align:center;
margin: 60px auto 0px;
background: #fff;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}
.offer-header {
background: #000;
color: #FFF;
text-align: center;
font-family: Roboto;
font-size: 45px;
font-style: normal;
font-weight: 600;
line-height: 66px; /* 146.667% */
text-transform: uppercase;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding:15px 75px;
}
.price,.after-price {
color: #C65547;
text-align: center;
font-family: Roboto;
font-size: 45px;
font-style: normal;
font-weight: 800;
line-height: 66px; /* 146.667% */
}
.price small,.after-price small {
color: #000;
font-family: Roboto;
font-size: 45px;
font-style: normal;
font-weight: 500;
line-height: 66px;
}
.buttons {
display: flex;
justify-content: center;
gap: 13px;
flex-wrap: wrap;
margin:25px 0px;
}
.btn {
padding: 10px 18px;
border-radius: 20px;
font-size: 14px;
font-weight: bold;
text-decoration: none;
display: inline-block;
}
.btn.btn-coupon {
background: #C65547;
color: #fff !important;
padding: 15px 30px 14px;
font-size: 20px;
font-weight: 600;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
border-radius: 10px;
text-decoration: none !important;
line-height: 22px; /* 110% */
display: inline-block;
}
.btn.btn-coupon-outline {
border-radius: 10px;
background: #FFF;
padding: 15px 30px 14px;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
color: #C65547;
text-align: center;
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 22px; /* 110% */
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
}
.offer-details {
color: #000;
text-align: center;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 27px; /* 150% */
}
.fine-print {
color: #000;
text-align: center;
font-family: Roboto;
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 18px; /* 128.571% */
margin-top:10px;
}
.second-half{
border-radius: 0 0 30px 30px;
border-right: 3px dashed #000;
border-bottom: 3px dashed #000;
border-left: 3px dashed #000;
background: #FFF;
padding:25px 75px;
}
.after-price{
margin-top:10px;
}
.after-price-dark{
color: #000;
text-align: center;
font-family: Roboto;
font-size: 45px;
font-style: normal;
font-weight: 500;
line-height: 66px; /* 146.667% */
text-transform: capitalize;
}
@media (max-width: 600px) {
h1 {
font-size: 24px;
}
.offer-box {
width: 95%;
}
}
@media (max-width:992px){
.offer-header{
color: #FFF;
text-align: center;
font-family: Roboto;
font-size: 23px;
font-style: normal;
font-weight: 600;
line-height: 30px; /* 130.435% */
text-transform: uppercase;
}
.price,.after-price {
font-size: 33px;
line-height: 23px; /* 146.667% */
}
.price small,.after-price small {
font-size: 23px;
line-height: 23px;
}
.second-half{
padding:25px 11px;
}
.offer-details{
font-size:16px;
line-height:24px;
}
.buttons{
display:block;
}
.btn.btn-coupon-outline{
margin:15px auto;
max-width:226px;
}
.btn.btn-coupon{
max-width:226px;
}
.after-price-dark{
font-size:23px!important;
}
}
@media (min-width:768px) and (max-width:992px){
.early-bird-section{
margin: 75px 37px 60px 37px;
}
}
/* early-bird-css-end */
@media (max-width: 768px) {
.coupon-flex-wrap .wp-block-group__inner-container {
flex-direction: column;
align-items: center;
}
.coupon-flex-wrap .wp-block-lazyblock-home-coupon {
width: 100% !important;
}
.home-coupon-heading{
font-size: 17.784px !important;
}
.home-coupon-price{
font-size: 32px !important;
line-height: 34.225px!important;
}
.after-header-coupon-wrap .wp-block-button__link-coupon{
font-size: 11px!important;
padding: 9px 31px!important;
max-width:145px!important;
}
.home-coupon .wp-block-button {
margin: 0 auto;
}
.coupon-flex-wrap
.wp-block-lazyblock-home-coupon:nth-child(1),
.coupon-flex-wrap
.wp-block-lazyblock-home-coupon:nth-child(3) {
min-height: 358px!important;
}
.home-coupon-extext {
text-align: center;
}
.after-header-coupon-wrap .container{
padding:0px!important;
}
.coupon-flex-wrap
> .wp-block-group__inner-container
> .wp-block-lazyblock-home-coupon:nth-child(2){
max-width:100%;
}
.coupon-flex-wrap
> .wp-block-group__inner-container
> .wp-block-lazyblock-home-coupon:nth-child(2){
transform: scaleY(1.05);
border:3px solid #C65547!important;
}
.coupon-flex-wrap .wp-block-lazyblock-home-coupon
{
margin:1%!important;
}
.early-bird-section{
margin:160px 37px 60px 37px;
}
}
.after-header-coupon-wrap h2{
color: #FFF!important;
text-align: center;
font-family: Roboto;
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: 52px;
margin-bottom:30px!important;
}
.coupon-flex-wrap
> .wp-block-group__inner-container
> .wp-block-lazyblock-home-coupon:nth-child(2){
transform: scaleY(1.05);
}
.coupon-flex-wrap
> .wp-block-group__inner-container
> .wp-block-lazyblock-home-coupon:nth-child(2) .home-coupon .home-coupon-top{
min-height:218px!important;
}