html { height: 100%; scroll-behavior: smooth;}
body {
background-color: #000000;
min-height: 100%;
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
color: #000;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
p, ul, ol,
.btn, a.btn, button, .button {
font-size: 1.125rem;
margin-bottom: 15px;
}
a, a:link, a:visited {
color: #128beb;
transition: all 0.3s ease-in-out !important;
}
a:hover, a:active, a:focus {
color: rgba(18, 139, 235, .8);
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 800;
color: #00293d;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0 0 25px 0;
}
h1 {font-size:2rem;}
h2 {font-size:1.5rem;}
h3 {font-size:1.375rem;}
h4 {font-size:1.125rem;}
h5 {font-size:1rem;}
h6 {font-size:.875rem;}
hr {border-top: 1px solid #ababab;}
.skip-link {
background-color: #fff;
color: #00293d;
font-weight: 700;
left: 50%;
padding: 5px;
position: absolute;
transform: translateY(-100%);
transition: transform 0.3s;
}
.skip-link:focus {
transform: translateY(0%);
}
@media (min-width : 768px) {
h1 {font-size:3.25rem;}
h2 {font-size:1.875rem;}
h3 {font-size:1.5rem;}
h4 {font-size:1.375rem;}
h5 {font-size:1.125rem;}
h6 {font-size:1rem;}
p, ul, ol {font-size: 1.25rem;}
} a,button,input[type="reset"],input[type="submit"],input[type="button"],a img,.btn,.hover-overlay,
.hover-container .btn, .button {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.btn, a.btn, button, .button {
border-radius: 0;
margin: 7px 0;
padding: 14px;
font-weight: 800;
color: #fff !important;
line-height: 1;
text-transform: uppercase;
border: none;
background-color: #128beb;
}
.btn:hover, .btn:active, .btn:focus,
a.btn:hover, a.btn:active, a.btn:focus,
button:hover, button:active, button:focus,
.button:hover, .button:active, .button:focus {
background-color: rgba(18, 139, 235, .8);
color: #fff;
}
.btn.btn-red, a.btn.btn-red, button.btn-red, .button.btn-red {
background-color: #fa2800;
}
.btn.btn-red:hover, .btn.btn-red:active, .btn.btn-red:focus,
a.btn.btn-red:hover, a.btn.btn-red:active, a.btn.btn-red:focus,
button.btn.btn-red:hover, button.btn.btn-red:active, button.btn.btn-red:focus,
.button.btn.btn-red:hover, .button.btn.btn-red:active, .button.btn.btn-red:focus {
background-color: rgba(250, 40, 0, .8);
} header.main {
background-color: #fff;
}
header .container {
position: relative;
}
.top-bar {
background-color: #00293d;
}
.navbar-brand img {
width: 200px;
height: 73px;
}
header .phone-wrap {
position: absolute;
top: 14px;
right: 90px;
}
.icon-phone {
position: relative;
width: 30px;
height: 48px;
z-index: 999;
}
.int-header {
position: relative;
}
.int-header .wrapper {
position: relative;
margin: 0 auto;
padding: 40px 0;
max-width: 300px;
text-align: center;
z-index: 9;
}
.int-header .square {
position: absolute;
top: 10px;
left: 10px;
margin-left: auto;
width: calc(100% - 20px);;
height: calc(100% - 20px);
border: 15px solid rgba(255,255,255,.25);
}
.int-header h1 {
margin-bottom: 5px;
color: #fff;
text-transform: uppercase;
}
.int-header .subtitle {
display: block;
font-size: .875rem;
color: #fff;
line-height: 1.2rem;
}
.int-header .overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
z-index: 0;
top: 0;
left: 0;
}
@media (min-width : 768px) {
.int-header .wrapper {
padding: 130px 0 150px;
max-width: 700px;
}
.int-header .subtitle {
font-size: 1.25rem;
line-height: 1.8rem;
min-height: 60px;
}
.int-header .square {
top: 55px;
left: 50%;
margin-left: -150px;
width: 300px;
height: 300px;
}
}
@media (min-width : 992px) {
header .phone-wrap {
position: relative;
float: right;
top: auto;
right: auto;
background-color: #fa2800;
padding: 5px 15px;
font-size: 1.5rem;
font-weight: 800;
color: #fff;
letter-spacing: 1px;
-webkit-transform: skew(-15deg);
-moz-transform: skew(-15deg);
-o-transform: skew(-15deg);
transform: skew(-15deg);
}
header .phone-wrap span {
display: block;
-webkit-transform: skew(15deg);
-moz-transform: skew(15deg);
-o-transform: skew(15deg);
transform: skew(15deg);
}
header .phone-wrap a {
color: #fff; }
.icon-phone {
top: -2px;
width: 18px;
height: 28px;
}
}
@media (min-width : 1200px) {
.navbar-brand img {
width: 250px;
height: 91px;
}
} .navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:link,
.navbar-light .navbar-nav .nav-link:visited {
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
color: #000;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:active {
color: rgba(0, 0, 0, .7);
}
.dropdown-item,
.dropdown-item:link,
.dropdown-item:visited {
font-size: .875rem;
font-weight: 700;
text-transform: uppercase;
color: #000;
}
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:active {
color: rgba(0, 0, 0, .7);
background-color: transparent;
}
.dropdown-menu {
background: #f7f7f7;
border-radius: 0;
border-top: 3px solid #128beb;
}
.dropdown-item.active, .dropdown-item:active {
background-color: transparent;
}
.navbar-light .navbar-toggler {
position: absolute;
top: 2px;
right: 10px;
background-color: transparent;
border: none;
padding: 7px;
z-index: 99;
}
.navbar-toggler-icon {
width: 48px;
height: 48px;
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,41,61,1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
@media (min-width : 992px) {
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:link,
.navbar-light .navbar-nav .nav-link:visited {
font-size: .8rem;
}
.dropdown-item,
.dropdown-item:link,
.dropdown-item:visited {
font-size: .75rem;
}
}
@media (min-width : 1200px) {
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:link,
.navbar-light .navbar-nav .nav-link:visited {
font-size: 1rem;
}
.dropdown-item,
.dropdown-item:link,
.dropdown-item:visited {
font-size: .875rem;
}
} .slider-wrap, .hero-wrap {
position: relative;
}
.slider-wrap .caption-wrap, .hero-wrap .caption-wrap {
position: relative;
width: 100%;
background-color: #00293d;
padding: 15px;
}
.slider-wrap .caption-wrap h1, .hero-wrap .caption-wrap h1 {
margin-bottom: 10px;
font-size: 1.5rem;
font-weight: 800;
color: #fff;
}
.slider-wrap .caption-wrap .btn, .hero-wrap .caption-wrap .btn {
font-size: 1rem;
}
.slider-wrap .carousel-indicators {
justify-content: right;
padding-right: 3%;
margin-right: 0;
margin-left: 0;
top: 3%;
bottom: auto;
left: auto;
}
.slider-wrap .carousel-indicators li {
width: 15px;
height: 15px;
border-radius: 50%;
}
.slider-wrap .carousel-item img, .hero-wrap img {
width: 100%;
}
.slider-wrap .carousel-control-next, .slider-wrap .carousel-control-prev {
font-size: 5rem;
color: rgba(0, 0, 0, 0.5) !important;
}
@media (min-width : 768px) {
.slider-wrap .caption-wrap, .hero-wrap .caption-wrap {
position: absolute;
top: 50%;
left: 5%;
transform: translateY(-50%);
width: 50%;
padding: 30px;
background-color: rgba(0,0,0,.5);
}
}
@media (min-width : 992px) {
.slider-wrap .caption-wrap, .hero-wrap .caption-wrap {
padding: 30px;
}
.slider-wrap .caption-wrap h1, .hero-wrap .caption-wrap h1 {
font-size: 2rem;
}
.slider-wrap .caption-wrap .btn, .hero-wrap .caption-wrap .btn {
font-size: 1.125rem;
}
} .funnel-wrap {
position: relative;
background-color: #fff;
padding: 40px 0;
}
.funnel {
position: relative;
top: 0;
background-color: #fff;
border: 1px solid #00293d;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
text-align: center;
margin-bottom: 25px;
padding: 20px;
line-height: 1.5;
}
.funnel:hover {
background-color: #00293d;
box-shadow: 0 14px 28px rgba(0,0,0,0.2), 0 5px 5px rgba(0,0,0,0.2);
}
.funnel .icon {
display: block;
width: 74px;
height: 74px;
margin: 0 auto 25px;
background-repeat: no-repeat;
background-size: 74px 74px;
transition: all 0.5s ease-in-out !important;
}
.funnel .icon.\31 {
background-image: url(//winfieldplumbingandheating.com/wp-content/themes/base/img/icons/icon-hvac-blue.svg);
}
.funnel:hover .icon.\31 {
background-image: url(//winfieldplumbingandheating.com/wp-content/themes/base/img/icons/icon-hvac-white.svg);
}
.funnel .icon.\32 {
background-image: url(//winfieldplumbingandheating.com/wp-content/themes/base/img/icons/icon-plumbing-blue.svg);
}
.funnel:hover .icon.\32 {
background-image: url(//winfieldplumbingandheating.com/wp-content/themes/base/img/icons/icon-plumbing-white.svg);
}
.funnel .icon.\33 {
background-image: url(//winfieldplumbingandheating.com/wp-content/themes/base/img/icons/icon-maintenance-blue.svg);
}
.funnel:hover .icon.\33 {
background-image: url(//winfieldplumbingandheating.com/wp-content/themes/base/img/icons/icon-maintenance-white.svg);
}
.funnel h2 {
font-size: 1.625rem;
margin-bottom: 10px;
transition: all 0.2s ease-in-out !important;
}
.funnel p {
font-size: 1.125rem;
transition: all 0.2s ease-in-out !important;
color: #000;
}
.funnel .link {
font-size: 1.125rem;
font-weight: 800;
text-transform: uppercase;
transition: all 0.2s ease-in-out !important;
}
.funnel:hover h2, .funnel:hover p, .funnel:hover .link {
color: #fff;
}
.funnel .icon-arrow {
display: inline-block;
width: 14px;
height: 14px;
background-image: url(//winfieldplumbingandheating.com/wp-content/themes/base/img/icons/icon-arrow-blue.svg);
background-repeat: no-repeat;
background-size: 14px 14px;
transition: all 0.5s ease-in-out !important;
}
.funnel:hover .icon-arrow {
background-image: url(//winfieldplumbingandheating.com/wp-content/themes/base/img/icons/icon-arrow-white.svg);
}
@media (min-width : 768px) {
.funnel-wrap {
padding: 0;
}
.funnel {
top: -80px;
padding: 40px 20px;
}
}
@media (min-width : 992px) {
.funnel h2 {
font-size: 1.5rem;
}
}
@media (min-width : 1200px) {
.funnel h2 {
font-size: 1.625rem;
}
} #home .content-wrap {
position: relative;
padding: 0 0 40px;
background: #fff;
}
#home .content-wrap h3 {
font-size: 2.5rem;
text-transform: uppercase;
}
#home .content-wrap h3::after {
content: "";
display: block;
width: 100px;
padding-top: 20px;
border-bottom: 1px solid #128beb;
}
#home .photo-wrap-pad {
margin-top: 30px;
padding-left: 15px;
}
#home .content-photo-wrap div:nth-of-type(2), #home .content-photo-wrap div:nth-of-type(3)  {
margin-bottom: 15px;
}
#home .content-photo-wrap .spacer {
padding-left: 7px;
padding-right: 7px;
}
#home .content-photo-wrap .wrapper {
height: 100px;
}
@media (min-width : 576px) {
#home .content-photo-wrap .wrapper {
height: 200px;
}
}
@media (min-width : 768px) {
#home .content-wrap h3 {
font-size:3.125rem;
}
}
@media (min-width : 992px) {
#home .photo-wrap-pad {
margin-top: 0;
padding-left: 5%;
}
#home .content-photo-wrap .wrapper {
height: 150px;
}
}
@media (min-width : 1200px) {
#home .content-photo-wrap .wrapper {
height: 200px;
}
}
@media (min-width : 1400px) {
#home .content-wrap .container {
max-width: 1340px;
}
#home .content-photo-wrap .wrapper {
height: 233px;
}
}
@media (min-width : 1600px) {
#home .content-wrap .container {
max-width: 1540px;
}
} .tech-wrap {
position: relative;
background-color: #00293d;
-webkit-box-shadow:inset 0 0 60px 10px rgba(0,0,0,.25);
box-shadow:inset 0 0 60px 10px rgba(0,0,0,.25);
}
.tech-wrap .content {
position: relative;
top: auto;
right: 0;
width: 100%;
padding: 30px 15px;
}
.tech-wrap h4 {
font-size: 1.55rem;
font-weight: 600;
color: #fff;
text-transform: uppercase;
}
.tech-wrap h4 span {
font-weight: 800;
color: #fa2800;
}
.tech-wrap .stats {
border-left: 3px solid #63abea;
width: 50%;
padding: 0 15px;
float: left;
}
.tech-wrap .stat {
display: block;
font-size: 1.875rem;
font-weight: 800;
color: #63abea;
line-height: 1;
}
.tech-wrap .subtitle {
display: block;
font-size: .75rem;
color: #fff;
line-height: 1;
}
@media (min-width : 576px) {
.tech-wrap h4 {
font-size: 2rem;
}
}
@media (min-width : 768px) {
.tech-wrap .tech {
width: auto;
height: 350px;
}
.tech-wrap .content {
position: absolute;
top: 32%;
right: 0;
width: 50%;
padding: 0 30px 0 0;
}
.tech-wrap h4 {
font-size: 1.5rem;
}
.tech-wrap .subtitle {
font-size: .875rem;
}
}
@media (min-width : 992px) {
.tech-wrap .tech {
width: auto;
height: 500px;
}
.tech-wrap h4 {
font-size: 2rem;
}
.tech-wrap .stats {
width: 40%;
}
.tech-wrap .subtitle {
font-size: 1rem;
}
}
@media (min-width : 1200px) {
.tech-wrap .content {
padding: 0 30px 0 0;
}
.tech-wrap h4 {
font-size: 2.25rem;
}
.tech-wrap .stats {
width: 33%;
}
} .products-wrap {
padding: 40px 0;
background-color: #f7f7f7;
}
.products-wrap h5 {
font-size: 2.25rem;
text-align: center;
text-transform: uppercase;
}
.products-wrap h5::after {
content: "";
display: block;
width: 100px;
margin: 0 auto;
padding-top: 20px;
border-bottom: 1px solid #128beb;
}
.products-wrap .product-pad {
padding-left: 7px;
padding-right: 7px;
}
.products-wrap .product {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
background-color: #f2f2f2;
border: 1px solid #00293d;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
margin-top: 7px;
margin-bottom: 7px;
padding: 20px 0;
font-size: .75rem;
font-weight: 800;
color: #314852;
line-height: 1.2;
text-align: center;
}
.products-wrap .icon {
margin: 0 auto 15px;
width: 48px;
height: 48px;
}
.content-wrap.products h2 {
margin-bottom: 5px;
}
.content-wrap.products hr {
margin-top: 15px;
margin-bottom: 15px;
}
.content-wrap.products img.product {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width : 576px) {
.products-wrap .product-pad {
margin-top: 15px;
margin-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}
.products-wrap .product {
padding: 50px 15px;
font-size: 1.125rem;
}
.products-wrap .icon {
width: 74px;
height: 74px;
}
}
@media (min-width : 992px) {
.products-wrap .product {
font-size: .875rem;
}
.products-wrap {
padding: 130px 0;
}
.products-wrap h5 {
font-size: 2.5rem;
}
.content-wrap.products img.product {
margin-top: 0;
margin-bottom: 0;
}
.content-wrap.products.products hr {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media (min-width : 1200px) {
.products-wrap .product {
font-size: 1.125rem;
}
} .content-wrap {
position: relative;
padding: 40px 0;
background: #fff;
}
.content-wrap .featured {
margin-top: 30px;
margin-bottom: 30px;
}
.content-wrap ul.check {
list-style-type: none;
padding: 0;
margin: 0 0 15px 0;
line-height: 1.8;
}
.content-wrap ul.check li {
background-image: url(//winfieldplumbingandheating.com/wp-content/themes/base/img/icons/check.svg);
background-repeat: no-repeat;
background-size: 26px 22px;
background-position: left 8px;
padding-left: 35px;
}
.content-wrap .map {
width: 300px;
height: 240px;
margin-bottom: 30px;
}
.content-wrap.employment aside p {
font-size: .875rem;
}
.content-wrap.employment aside .btn {
font-size: .875rem;
}
.content-wrap.employment .wrapper .icon {
float: left;
width: 32px;
height: 32px;
margin: 0 15px 20px 0;
}
@media (min-width : 768px) {
.content-wrap {
padding: 70px 0;
}
.content-wrap .map {
width: 600px;
height: 400px;
}
} .blocks-wrap {
background-color: #128beb;
padding: 30px 0;
}
.blocks-wrap .block {
display: flex;
position: relative;
flex-direction: column;
align-content: center;
justify-content: center;
top: auto;
background-color: #f2f2f2;
border: 1px solid #00293d;
margin-top: 7px;
margin-bottom: 7px;
padding: 20px 0;
font-size: 1.125rem;
font-weight: 800;
color: #314852;
line-height: 1;
text-align: center;
}
.blocks-wrap .block {
box-shadow: none;
}
.blocks-wrap .icon {
margin: 0 auto 15px;
width: 74px;
height: 74px;
}
@media (min-width : 576px) {
.blocks-wrap .block {
padding: 30px 15px;
}
}
@media (min-width : 992px) {
.blocks-wrap {
padding: 0;
}
.blocks-wrap .block {
top: -50px;
margin: 0;
padding: 50px 15px;
}
}
@media (min-width : 1200px) {
.blocks-wrap .block {
}
} .project-item {
text-align: center;
}
.project-item img {
margin-bottom: 5px;
}
.project-item p.caption {
font-size: 1rem;
font-weight: 800;
margin-bottom: 0;
line-height: 1.2;
}
.project-item p.description {
font-size: .875rem;
line-height: 1.2;
} .sidebar {
top: auto;
}
.sidebar-widget, .sidebar-form {
background-color: #f2f2f2;
border: 1px solid #00293d;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
padding: 15px;
margin: 15px 0;
}
.sidebar-widget .title, .sidebar-form .title {
display: block;
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 800;
color: #00293d;
text-transform: uppercase;
}
.sidebar-widget ul {
font-size: 1rem;
margin: 0 0 15px 0;
padding-left: 0;
}
.sidebar-form ul {
font-size: .875rem;
}
.sidebar-widget li, .sidebar-form li {
list-style: none;
line-height: 1.2;
margin-bottom: 5px;
}
.sidebar-widget a {
font-weight: 700;
}
.sidebar-widget .post-date {
display: block;
font-size: .875rem;
}
@media (min-width : 992px) {
.sidebar {
top: -120px;
}
} .archive .article-thumb {
margin: 15px 0;
}
.archive h2 {
font-size: 1.5rem;
margin-bottom: 0;
}
.archive header h2 {
font-size: 2rem;
margin-bottom: 15px;
}
.archive .meta, .single .meta {
display: block;
font-size: .875rem;
margin-bottom: 15px;
}
.archive .excerpt p {
font-size: 1rem;
}
.pagination {
background-color: #f2f2f2;
padding: 7px;
border-radius: 0;
}
.page-numbers {
border-radius: 5px;
background-color: transparent;
margin-right: 3px;
}
.prev.page-numbers, .next.page-numbers {
border-radius: 5px;
background-color: #fff;
padding: 0 5px;
} footer {
position: relative;
background: #00293d;
padding: 30px 0;
color: #fff;
text-align: center;
font-size: .75rem;
}
#menu-footer-navigation {
padding: 0;
margin: 0;
border-top: 1px solid #80949e;
border-bottom: 1px solid #80949e;
}
#menu-footer-navigation li {
display: inline-block;
list-style: none;
padding: 0;
}
#menu-footer-navigation a, #menu-footer-navigation a:link, #menu-footer-navigation a:visited {
font-size: .875rem;
transition: all 0.3s ease-in-out !important;
color: #fff;
font-weight: 700;
text-transform: uppercase;
line-height: 1;
}
#menu-footer-navigation a:hover, #menu-footer-navigation a:active, #menu-footer-navigation a:focus {
color: rgba(255,255,255,.7);
text-decoration: none;
}
#menu-footer-navigation .nav-link {
padding: 0 5px 10px 5px;
}
footer .logo {
display: block;
width: 150px;
height: 62px;
margin: 30px auto 15px;
}
footer .chamber {
display: inline-block;
width: auto;
height: 60px;
margin: 25px 3px 0;
}
footer .trane {
display: inline-block;
width: auto;
height: 46px;
margin: 25px 3px 0;
}
footer .phcc {
display: inline-block;
width: auto;
height: 46px;
margin: 25px 3px 0;
}
footer .visa {
display: inline-block;
width: auto;
height: 15px;
margin: 25px 3px 0;
}
footer .mastercard {
display: inline-block;
width: auto;
height: 40px;
margin: 25px 3px 0;
}
.credit-wrap {
padding: 10px 0;
background: #000;
font-size: .75rem;
color: #777;
}
.credit-wrap a, .credit-wrap a:link, .credit-wrap a:visited {
color: #777;
}
.credit-wrap a:focus, .credit-wrap a:hover, .credit-wrap a:active {
opacity: rgba(119, 119, 119, .7);
}
@media (min-width : 768px) {
footer {
padding: 60px 0;
}
}  #theForm {position:absolute;top:0;left:-99999px;}
::placeholder { color: #9e9e9e;
font-size: .875rem;
opacity: 1; }
:-ms-input-placeholder { color: #9e9e9e;
font-size: .875rem;
}
::-ms-input-placeholder { color: #9e9e9e;
font-size: .875rem;
}
.nf-form-fields-required {display: none;}
.sidebar-form .nf-field-label label {
font-size: .875rem;
margin-bottom: 5px !important;
}
.nf-after-field .nf-error-msg {
margin-right: 0;
padding-left: 5px;
background-color: #c40000;
color: #fff !important;
}
.nf-error-msg.nf-error-field-errors {
color: #c40000 !important;
font-weight: 700;
margin-top: 30px;
}
#ninja_forms_required_items, .nf-field-container {
margin-bottom: 15px !important;
}
.label-above .nf-field-label {
line-height: 1;
margin-bottom: 10px !important;
}
.list-checkbox-wrap .nf-field-element li, .list-checkbox-wrap .nf-field-element ul, .list-image-wrap .nf-field-element li,
.list-image-wrap .nf-field-element ul, .list-radio-wrap .nf-field-element li, .list-radio-wrap .nf-field-element ul {
}
.content-wrap .list-checkbox-wrap .nf-field-element li, .content-wrap .list-image-wrap .nf-field-element li, .content-wrap .list-radio-wrap .nf-field-element li {
margin-bottom: 10px !important;
}
.list-checkbox-wrap .nf-field-element li label, .list-image-wrap .nf-field-element li label, .list-radio-wrap .nf-field-element li label {
margin: 0 5px 0 18px !important;
line-height: 1.4;
}
.list-checkbox-wrap .nf-field-element li input, .list-image-wrap .nf-field-element li input, .list-radio-wrap .nf-field-element li input  {
margin-top: 0 !important;
}
.field-wrap > div input[type="checkbox"], .list-checkbox-wrap .nf-field-element li input[type="checkbox"] {
width: 25px;
height: 25px;
margin-right: 10px;
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.list-radio-wrap .nf-field-element li input[type="radio"] {
width: 20px;
height: 20px;
margin-right: 10px;
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.field-wrap > div input[type="radio"], .nf-field-element input[type=text], .nf-field-element input[type=email], .nf-field-element input[type=tel] {
background: #f2f2f2;
width: 100%;
height: 40px;
border: 1px solid #bfbfbf;
padding: 0 5px;
}
.nf-field-element textarea {
background: #f2f2f2;
width: 100%;
max-height: 150px;
border: 1px solid #bfbfbf;
padding: 0 5px;
}
.nf-field-element select {
display: block;
padding: 0 5px;
width: 100%;
height: 40px !important;
margin-bottom: 20px;
color: #000;
border: 1px solid #bfbfbf;
border-radius: 0px;
background: #f2f2f2 url(//winfieldplumbingandheating.com/wp-content/themes/base/img/icons/select.svg) right center no-repeat;
background-size: 40px 40px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.field-wrap input[type="button"], .field-wrap input[type="submit"] {
width:100% !important;
border-radius: 0;
margin: 7px 0;
padding: 8px;
font-weight: 800;
font-size: 1rem;
color: #fff;
text-transform: uppercase;
border: none;
background-color: #128beb;
}
.field-wrap input[type="button"]:hover, .field-wrap input[type="button"]:active, .field-wrap input[type="button"]:focus,
.field-wrap input[type="submit"]:hover, .field-wrap input[type="submit"]:active, .field-wrap input[type="submit"]:focus {
background-color: rgba(18, 139, 235, .8);
color: #fff;
}
.sidebar-form .nf-field-element input[type=text], .sidebar-form .nf-form-wrap .nf-field-element input[type=email], .sidebar-form .nf-form-wrap .nf-field-element input[type=tel], .sidebar-form .nf-form-wrap textarea {
background: #fff;
}
.sidebar-form .nf-form-wrap select {
background: #fff url(//winfieldplumbingandheating.com/wp-content/themes/base/img/icons/select.svg) right center no-repeat;
}
.sidebar-form .list-checkbox-wrap .nf-field-element li, .sidebar-form .list-image-wrap .nf-field-element li, .sidebar-form .list-radio-wrap .nf-field-element li {
margin: 0 0 10px !important;
}
.two-col-list ul li {
float: none !important;
width: 100% !important;
}
.nf-field-element h5 {
margin: 15px 0 5px 0;
}
.nf-field-container.small p {
font-size: .875rem;
}
@media (min-width : 576px) {
.content-wrap .list-checkbox-wrap .nf-field-element li, .content-wrap .list-image-wrap .nf-field-element li, .content-wrap .list-radio-wrap .nf-field-element li {
margin-bottom: 5px !important;
}
.two-col-list ul li {
float: left !important;
width: 50% !important;
}
} .alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail {
max-width: 100%;
height: auto;
}
.wp-block-image {
margin:25px 0;
}
.wp-block-image figcaption {
text-align: left;
font-size: .875em;
}
.wp-block-image img {
height: auto;
}
.wp-block-button__link {
border-radius: 0;
margin: 7px 0;
padding: 14px;
font-weight: 800;
color: #fff !important;
line-height: 1;
border: none;
background: #128beb;
}
.wp-block-button__link:hover {
background: rgba(18, 139, 235, .8);
color: #fff;
} @media print {
blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]::after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]::after,a[href^="#"]::after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}