body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 768px) {
body {
font-size: 15px;
}
}
h4, h5, h6 {
margin-bottom: 10px;
}
p:empty {
display: none;
} #menu-main-navigation-menu li.menu-btn a {
background-color: #1d2345;
border-radius: 30px;
padding-left: 30px; padding-right: 30px;
transition: all .2s;
margin-top: 10px;
}
#menu-main-navigation-menu li.menu-btn a:hover {
background-color: #222;
}
.button {
border-radius: 30px;    
}
.button.cta-btn {
font-size: 15px;
}
.button.cta-btn, .button.inv-btn {
background-color: #a3b7c0;
}
.button.cta-btn:hover, .button.inv-btn:hover {
background-color: #1d2345;	
}
.buttons a {
margin: 5px;
min-width: 80px;
}
.side-btns {
position: fixed;
z-index: 300;
}
.button.side-btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding-top: 5px;
}
@media (min-width: 769px) {
.side-btns {
position: fixed;
top: 95%;
left: 0;
transform: rotate(270deg);
transform-origin: left top 0;
}
}
@media (max-width: 768px) {
.side-btns {
display: none;
}
} .narrow-text {
max-width: 900px;
margin-left: auto; margin-right: auto;
}
.clearfix {
clear: both;
}
.clearfix:after {
clear: both;
content: "";
display: table;
}
.align-c {
text-align: center;
}
span.blue {
color: #1D2345;
}
span.break {
display: block;
}
span.light {
font-weight: 400;
}
span.smaller {
font-size: 90%;
} .menu-toggle:before {
font-size: 24px;
}
#mobile-header .site-logo.mobile-header-logo {
margin: 0 auto;
order: 2;
}
#mobile-header .site-logo.mobile-header-logo img {
padding: 10px 0 15px;
height: 160px;
}
.sticky-enabled .main-navigation.is_stuck {
box-shadow: 0 2px 2px -2px rgba(0,0,0,.1) !important;
}
.header-contact {
display: flex;
align-items: center;
padding: 0 20px;
order: 1;
}
.header-contact a {
padding-right: 15px;
color: #222;
font-size: 20px;
transition: all .2s;
}
.header-contact a:hover {
color: #1D2345;
}
body .slideout-navigation .main-nav {
margin-bottom: 20px;
}
@media (max-width: 599px) {
#mobile-header .site-logo.mobile-header-logo img {
height: 120px;
}
.menu-toggle {
line-height: 120px;
}
#mobile-header .site-logo.mobile-header-logo img {
padding: 15px 0;
}
}
@media (max-width: 499px) {
span.mobile-menu {
display: none;
}
#mobile-header .site-logo.mobile-header-logo {
padding-left: 0;
}
.header-contact {
flex-direction: column;
justify-content: center;
}
.header-contact a {
padding-right: 5px;
}
}
@media (max-width: 399px) {
#mobile-header .site-logo.mobile-header-logo img {
height: 100px;
}
.menu-toggle {
line-height: 100px;
}
.header-contact {
padding-left: 15px;        
}
.header-contact a {
font-size: 17px;
}
#mobile-header .menu-toggle {
padding-right: 15px;
}
.menu-toggle:before {
font-size: 20px;
}
}
body .slideout-navigation.main-navigation.do-overlay .main-nav ul ul li a {
font-size: 15px;
}
.slideout-navigation .slideout-widget {
margin: 0;
}
.slideout-navigation .slideout-widget a {
font-size: 20px;
}
.slideout-navigation {
background-image: url(//peninsulaplumbers.com/wp-content/uploads/2020/10/pp-lg-bg1.png);
background-repeat: no-repeat;
background-size: auto;
background-position: center 10%;
}
body .slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
border-left: none;
}
@media (max-width: 767px) {
.slideout-navigation {
background-size: 90%;
background-position: center 30%;
}
} .page-id-45 .header-contact a {
color: #fff;
transition: all .2s;
}
.page-id-45 .header-contact a:hover {
color: #BFCBD7;
}
.page-id-45 #mobile-header .site-logo.mobile-header-logo img {
display: none;
}
@media (min-width: 1230px) {
.page-id-45 #mobile-header .inside-navigation {
height: 160px;
}
}
.home-hero {
position: relative;
}
.hero-content {
position: absolute;
top: 15%;
left: calc(50% - 130px);
z-index: 1;
}
.hero-link {
position: absolute;
bottom: 10%;
z-index: 1;
left: calc(50% - 38px)
}
.hero-link span {
display: block;
font-size: 60px;
color: #BFCBD7;
opacity: 55%;
line-height: 0.5;
}
.hero-link a {
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
.home-swiper .swiper-slide {
height: 100vh;
min-height: 300px;
background-size: cover;
background-repeat: no-repeat;
}
.home-swiper .swiper-pagination-bullet {
background-color: #fff;
}
.home-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #BFCBD7;
}
.home-swiper .slide1 {
background-image: url(//peninsulaplumbers.com/wp-content/uploads/2020/11/hp-bg2.jpg);
}
.home-swiper .slide2 {
background-image: url(//peninsulaplumbers.com/wp-content/uploads/2020/11/hp-bg1.jpg);
}
.home-swiper .slide3 {
background-image: url(//peninsulaplumbers.com/wp-content/uploads/2020/11/hp-bg3.1.jpg);
}
.home-swiper .slide4 {
background-image: url(//peninsulaplumbers.com/wp-content/uploads/2020/11/hp-bg5.jpg);
}
@media (min-width: 768px) {
.home-swiper .swiper-pagination-bullet {
height: 12px;
width: 12px;
}
}
@media (max-width: 767px) {
.hero-content img {
max-width: 180px;
}
.hero-content {
left: calc(50% - 90px);
}
.hero-link {
left: calc(50% - 33px)
}
.home-swiper .swiper-slide {
max-height: 600px;
height: 96vh;
}
.page-id-45 .header-contact {
flex-direction: row;
justify-content: center;
}
.page-id-45 .header-contact a {
padding-right: 10px;
margin-top: -10px;
}
.page-id-45 .menu-toggle {
line-height: 60px;
}
.home-swiper .slide1 {
background-position: 50% center;
}
.home-swiper .slide2 {
background-position: 20% center;
}
.home-swiper .slide3 {
background-position: 50% center;
}
.home-swiper .slide4 {
background-position: 40% center;
}
} .plain-header h1 {
text-align: center;
} #services .generate-sections-inside-container, #services .grid-100, #services .grid-50, #services .tablet-grid-50, #services .mobile-grid-100 {
padding-left: 3px; padding-right: 3px;
}
.service-img-container {
position: relative;
margin-bottom: 6px;
}
.service-img-container .text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.service-img-container.img-hover-zoom .text h2 {
margin-bottom: 0;
}
.service-img-container.img-hover-zoom .text h2 a {
color: #fff;
font-weight: bold;
text-shadow: rgba(0,0,0,0.9) 0 0 10px;
transition: all .2s;
}
.service-img-container img {
width: 100%;
}
.img-hover-zoom {
overflow: hidden; 
}
.img-hover-zoom img {
transition: transform .5s ease;
margin-bottom: -10px;
}
.img-hover-zoom:hover img {
transform: scale(1.08);
filter: brightness(92%);
} .intro-text p {
max-width: 600px;
margin: 0 auto 10px;
}
#swiper-text-section {
padding-bottom: 40px
}
.text-section {
background-color: rgba(255,255,255,0.95);
margin-top: -200px;
padding: 3%;
}
@media (min-width: 1025px) {
.swiper-section {
padding-right: 30px;
}
}
@media (max-width: 1024px) {
#swiper-text-section .generate-sections-inside-container {
display: flex;
flex-direction: column-reverse;
}
.text-section {
background-color: #fff;
margin-top: -80px;
padding: 30px;
text-align: center;
}
.swiper-section {
text-align: center;
margin-top: 40px;
}
#swiper-text-section {
padding-bottom: 0px
}
}
@media (max-width: 399px) {
.text-section {	
padding: 20px;
}
} .gallery-swiper .swiper-button-next, .gallery-swiper .swiper-button-prev  {
color: #fff;
}
.gallery-swiper .swiper-button-next::after, .gallery-swiper .swiper-button-prev::after {
font-family: 'icomoon';
font-weight: bold;
}
.gallery-swiper .swiper-button-next::after {
content: '\f0da';
}
.gallery-swiper .swiper-button-prev::after {
content: '\f0d9';
} #reviews {
padding: 40px;
background-color: #DAE3E7;
background-image: url(//peninsulaplumbers.com/wp-content/uploads/2020/10/pp-lg-bg1.png);
background-size: auto;
background-position: center;
background-repeat: no-repeat;
}
#reviews h2 {
margin-bottom: 30px;
}
.star-rating {
margin-bottom: 10px;
}
.star-rating span {
background-color: #eee;
color: #1D2345;
padding: 1px;
}
.review-details p {
margin-bottom: 0px;
}
.review-details p a {
color: #1d2345;
}
.review-details p:last-child {
font-size: 13px;
}
.shadow {
box-shadow: 0px 3px 6px #00000029;
}
.review-container {
margin-bottom: 20px;
text-align: center;
background-color: rgba(255,255,255,0.8);
padding: 30px 40px;
border-radius: 5px;
}
.review-content h3 {
color: #1D2345;
}
.review-content p {
font-size: 16px;
}
@media (max-width: 499px) {
.review-content p {
font-size: 14px;
}
#reviews {
padding-left: 20px;
padding-right: 20px;
}
.review-container {
padding-left: 20px;
padding-right: 20px;
}
} #insta-feed {
padding: 40px;
}
@media (min-width: 500px) and (max-width: 799px) {
#insta-feed .instagram_gallery a img {
width: 32.33333333% !important;
}    
}
@media (max-width: 499px) {
#insta-feed .instagram_gallery a img {
width: 49% !important;
}
#insta-feed {
padding-left: 20px;
padding-right: 20px;
}
} #cta {
padding: 60px 20px;
background-image: url(//peninsulaplumbers.com/wp-content/uploads/2020/11/quote-bg.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
#cta h2, #cta p {
color: #fff;
}
#cta p {
max-width: 500px;
margin-left: auto; margin-right: auto;
font-weight: 500;
} #map .mapboxgl-popup-content p {
margin-bottom: 0;
}
#map .generate-sections-inside-container {
padding: 0;
} .contact-details a {
font-size: 20px;
margin-bottom: 20px;
color: #3a3a3a;
}
.contact-details a:hover {
color: #1d2345;	
}
.contact-details a span {
color: #1d2345;
}
.contact-details p {
font-size: 15px;
margin-bottom: 10px;
padding: 0 10px
}
.contact-section {
background-image: url(//peninsulaplumbers.com/wp-content/uploads/2020/10/pp-lg-bg1.png);
background-size: 25%;
background-repeat: no-repeat;	
}
.contact-details p.address {
margin-top: 40px;
}
@media (min-width: 1025px) {
.contact-details {
padding-left: 20px;
}
.contact-section {
background-position: 20% 50px;
}
}
@media (max-width: 1024px) {
.contact-section {
background-position: center 90%;
}	
#nf-form-1-cont .list-checkbox-wrap .nf-field-element li label, #nf-form-1-cont .list-checkbox-wrap .nf-field-element li input {
display: inline-block;
float: none;
margin-left: 0;
}
}
@media (max-width: 599px) {
.contact-section {
background-position: center 80%;
background-size: 40%;
}	
}
#nf-form-2-cont {
max-width: 900px;
margin-left: auto; margin-right: auto;
}
#nf-form-2-cont .list-checkbox-wrap .nf-field-element li label, #nf-form-2-cont .list-checkbox-wrap .nf-field-element li input {
display: inline-block;
float: none;
margin-left: 0;
}
#nf-form-1-cont input[type="text"], #nf-form-1-cont input[type="email"], #nf-form-1-cont input[type="tel"], #nf-form-1-cont textarea,
#nf-form-2-cont input[type="text"], #nf-form-2-cont input[type="email"], #nf-form-2-cont input[type="tel"], #nf-form-2-cont textarea {
-webkit-appearance: none;
} .footer-contact a, .contact-details a {
padding: 0 10px;
font-weight: 500;
display: inline-flex;
align-items: center;
}
.footer-contact a span, .contact-details a span {
display: inline-block;
width: 30px;
}
.footer-contact a .icon-envelope {
font-size: 18px;
}
.footer-contact a .icon-phone, .footer-contact a .icon-facebook {
font-size: 20px;
}
#custom_html-3 {
text-align: right;
}
#custom_html-3 img {
margin-top: -10px;
border-radius: 6px;
}
@media (max-width: 768px) {
#custom_html-3, .footer-widgets {
text-align: center;
}
.footer-contact a {
font-size: 15px;
}
} @font-face {
font-family: 'icomoon';
src:  url(//peninsulaplumbers.com/fonts/icomoon.eot?ts3ey7);
src:  url(//peninsulaplumbers.com/fonts/icomoon.eot?ts3ey7#iefix) format('embedded-opentype'),
url(//peninsulaplumbers.com/fonts/icomoon.ttf?ts3ey7) format('truetype'),
url(//peninsulaplumbers.com/fonts/icomoon.woff?ts3ey7) format('woff'),
url(//peninsulaplumbers.com/fonts/icomoon.svg?ts3ey7#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.icon-check:before {
content: "\f00c";
}
.icon-close:before {
content: "\f00d";
}
.icon-remove:before {
content: "\f00d";
}
.icon-times:before {
content: "\f00d";
}
.icon-play-circle-o:before {
content: "\f01d";
}
.icon-play:before {
content: "\f04b";
}
.icon-calendar:before {
content: "\f073";
}
.icon-external-link:before {
content: "\f08e";
}
.icon-phone:before {
content: "\f095";
}
.icon-twitter:before {
content: "\f099";
}
.icon-facebook:before {
content: "\f09a";
}
.icon-facebook-f:before {
content: "\f09a";
}
.icon-caret-down:before {
content: "\f0d7";
}
.icon-caret-up:before {
content: "\f0d8";
}
.icon-caret-left:before {
content: "\f0d9";
}
.icon-caret-right:before {
content: "\f0da";
}
.icon-envelope:before {
content: "\f0e0";
}
.icon-linkedin:before {
content: "\f0e1";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
.icon-mobile:before {
content: "\f10b";
}
.icon-mobile-phone:before {
content: "\f10b";
}
.icon-instagram:before {
content: "\f16d";
}
.icon-graduation-cap:before {
content: "\f19d";
}
.icon-mortar-board:before {
content: "\f19d";
}