/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/



html, body {
	overflow-x: hidden;
}

a.link-colored {
    color: #D54B29 !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

a.link-colored:hover {
    text-decoration: none !important;
}

.link-colored p a, .link-colored div a {
    color: #D54B29;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-decoration: underline;
}

.link-colored p a:hover, .link-colored div a:hover {
    text-decoration: none;
}

.uppercase {
    text-transform: uppercase;
}

selector svg { width: 100% !important; height: 100% !important; }

/* CTA BUTTON */

.cta-button .elementor-button-wrapper a {
  text-decoration: none;
}

/* CONTACT US COLUMN */

.contact-us-column p a {
  color: #231F20;
}

/* HOME TEASERS */
		
@media (max-width: 1250px){
		.home-teaser-heading h3 {
  font-size: 17px !important;
}
	
	.home-heading-column {
  	height: 170px;
  	min-height: 100px;
	}
}

@media (max-width: 1024px){
	.home-heading-column {
  	height: auto;
  	min-height: auto;
	}
}
		

/* NAVIGATION */

.make-a-booking {
	display: none !important;
}

@media (max-width: 1024px){
	.make-a-booking {
		display: block !important;
	}
}

/* PRODUCTS - BEFORE CATEGORIES ICONS */

#shadow-on-scroll::before {
content: "";
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
position: absolute;
z-index: 5;
left: 0;
height: 2em;
top: 0;
width: 80px;
}

#shadow-on-scroll::after {
content: "";
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
position: absolute;
z-index: 5;
right: 0;
height: 2em;
top: 0;
width: 80px;
}

/* HEADER ON SCROLL */

/* Slide In From The Top Option */

.header-on-scroll {
 transform: translatey(-300px);
 -moz-transition: all .3s ease!important;
 -webkit-transition: all .3s ease!important;
 transition: all .3s ease!important;
}


.elementor-sticky--effects.header-on-scroll  {
 height: auto!important;
 transform: translatey(0px);
}

.elementor-sticky--effects.header-default {
 display: none!important;
}

/* End Of Slide In From The Top Option */

/* HOME COLUMNS */

.columns-home .elementor-widget-wrap.elementor-element-populated {
  padding: 10px !important;
}

/* HEADER CONTACT */

#header-contact a {
  font-weight: bold !important;
}

#header-contact a:hover {
	color: #D54B29;
}

#header-contact-onscroll .elementor-image-box-title a {
	font-size: 14px;
	font-weight: bold !important;
}

#header-contact-onscroll .elementor-image-box-title a:hover {
	color: #D54B29;
}


/* GOOGLE REVIEWS - TESTIMONIALS */

#google-reviews .wprev-slider {
  margin-left: 0;
  margin-right: 0;
}

#google-reviews .wprs_unslider {
    overflow-x: hidden !important;
}

#google-reviews .wprevpro_star_imgs span.svgicons {
	background: #D54B29 !important;
}

#google-reviews .wprevpro_star_imgs_T1 {
  position: relative !important;
  display: block !important;
	margin-bottom: 15px;
}

#google-reviews .wprs_unslider-nav ol li {
  width: 14px;
  height: 14px;
	border-radius: 10px !important;
	border: medium none;
	background: #C7C7C7;
}

#google-reviews .wprs_unslider-nav ol li.wprs_unslider-active {
  background: #D54B29;
}

#google-reviews span {
	text-align: center;
}

#google-reviews .wprevpro_t1_SPAN_5 {
	  font-family: "Montserrat", sans-serif !important;
	color: #D54B29;
	font-size: 16px;
	font-weight: 600;
	text-transform: none;
	text-align: left;
}

#google-reviews .wprev_showdate_T1 {
	font-family: "Montserrat", sans-serif !important;
	color: #979797;
	font-size: 12px;
	font-weight: 600;
}

#google-reviews .wprev-slider {
	height: 460px !important;
}

@media (max-width: 1180px){
	#google-reviews .wprev-slider {
  	height: 480px !important;
	}
}

@media (max-width: 1088px) {
#google-reviews .wprev-slider {
  height: 520px !important;
}
}

@media (max-width: 992px) {
	#google-reviews .wprev-slider {
  	height: auto !important;
	}
}

/*
#google-reviews div.wprev-slider ul li {
  width: 37.333% !important;
}
*/

/* TEMPORARILY HIDE

#google-reviews .wprs_unslider-wrap.wprs_unslider-carousel > li {
  width: 37.333% !important;
}

@media (max-width: 992px){
	#google-reviews .wprs_unslider-wrap.wprs_unslider-carousel > li {
		width: 33.333% !important;
	}
}

*/

/*
#google-reviews .wprs_unslider p {
  color: #231F20;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 600;
	font-style: normal;
}
*/

#google-reviews .wprevpro_t1_P_3.wprev_preview_tcolor1_T1 {
  color: #231F20;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 600;
	font-style: normal;
}

#google-reviews .wprevpro_star_imgs span.svgicons {
  width: 24px;
  height: 24px;
}

#google-reviews #wprev-slider-1 .wprev_preview_bg1_T1::after {
  display: none;
}

#google-reviews .wprevpro_t1_DIV_2 {
	height: 290px;
	max-height: 260px;
	min-height: 310px;
	padding: 25px 15px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 13px 4px;
	top: 10px;
}

#google-reviews .wprevpro_t1_DIV_2::after {
    display: none !important;
}

@media (max-width: 1344px){
	#google-reviews .wprevpro_t1_DIV_2 {
		min-height: 360px;
	}
}

@media (max-width: 1180px){
	#google-reviews .wprevpro_t1_DIV_2 {
  	min-height: 390px;
	}
}

@media (max-width: 1088px){
	#google-reviews .wprevpro_t1_DIV_2 {
  	min-height: 410px;
	}
}

@media (max-width: 992px){
	#google-reviews .wprevpro_t1_DIV_2 {
  	min-height: auto;
	}
}

@media (min-width: 320px) and (max-width: 383px) {
	#google-reviews .wprevpro_t1_DIV_2 {
		min-height: 350px;
	}
}

#google-reviews .wprevpro_t1_DIV_2::before {
  left: 0;
  right: 0;
  margin: 0 auto;
  content: url("/wp-content/uploads/2023/01/plumbing-bros-icons-quote.svg");
  width: 38px;
  height: 31px;
	top: -58px;
}

#google-reviews img.sitetype_Google {
  width: 19px;
}

#google-reviews img.wprevpro_t1_site_logo {
  right: 23px;
  bottom: -48px;
}

#google-reviews .wprs_unslider-nav {
  margin-bottom: 80px;
}

@media (max-width: 767px){
    #google-reviews .wprs_unslider-nav {
        margin-bottom: 40px;
    }
}

#google-reviews .wprs_unslider-arrow.prev {
	display: none;
}

#google-reviews .wprs_unslider-arrow.next {
	display: none;
}

/* BACK TO TOP BUTTON */

#top-button {
	width: 100px;
}

#top-button .elementor-button-icon svg {
	width: 1.5em;
}

#top-button a:hover {
	opacity: 0.8;
}

#arrow-on-scroll {
    height: 0 !important;
}

/* HEADER */

@media (max-width: 1370px){
#header-default {
	margin-bottom: -134px !important;
}
}
	
	@media (max-width: 1199px){
#header-default {
	margin-bottom: -147px !important;
}
}
		
@media (max-width: 1086px){
#header-default {
	margin-bottom: -171px !important;
}
	
#header-default #nav-default .elementor-nav-menu--main .elementor-nav-menu a {
  transition: .4s;
  font-size: 17px !important;
	}
}

@media (max-width: 1223px){
#header-default #nav-default .elementor-nav-menu--main .elementor-nav-menu a {
  font-size: 14px !important;
}
}

@media (max-width: 1199px) {
	#header-default {
		flex-direction: column !important;
	}
	
	#header-default #left-side {
		width: 100% !important;
	}
	
	#header-default #right-side {
		width: 100% !important;
	}
	
	/* FROM JOSH */
	
	#header-default .elementor-container {
flex-direction: inherit;
	}
	
 #header-default #left-side {
		width: 100% !important;
	}
	
#header-default #right-side {
		width: 100% !important;
	}
	
#nav-default .elementor-nav-menu {
  margin-left: auto;
	
}

	
}
		
/* CALL ICON */
		
@media (max-width: 1199px){
#header-contact .elementor-image-box-wrapper {
  text-align: center;
  width: 15%;
  margin: 0 auto;
}
}
		
@media (max-width: 1086px){
#header-contact .elementor-image-box-wrapper {
		text-align: center;
		width: 20%;
			}
}
		
/* LOGO */

@media (max-width: 767px){
		#home-logo img {
			width: 200px;
			height: 200px;
		}
}
		
/* GRAVITY FORMS */
		
.gfield_label::before {
  content: "* ";
	font-family: "Montserrat", Sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #D54B29;
}

.gform_wrapper .gfield_required {
	display: none !important;
}

.gform_wrapper.gravity-theme .gfield_label {
	font-family: "Montserrat", Sans-serif;
	font-size: 16px !important;
	font-weight: 600 !important;
}

.gform_wrapper.gravity-theme .gfield input {
  border: 1px solid #C7C7C7;
	border-radius: 4px;
	font-family: "Montserrat", Sans-serif;
	font-size: 16px !important;
	font-weight: 500 !important;
}

.pp-gravity-form .gform_wrapper select {
  border-radius: 4px;
  border: 1px solid #C7C7C7;
	font-family: "Montserrat", Sans-serif;
	font-size: 16px !important;
	font-weight: 500 !important;
}

.pp-gravity-form .gform_wrapper textarea {
  border: 1px solid #C7C7C7;
  border-radius: 4px;
	font-family: "Montserrat", Sans-serif;
	font-size: 16px !important;
	font-weight: 500 !important;
}

.gform_footer.top_label {
  left: 36.5% !important;
  position: relative;
}

@media (max-width: 640px){
	.gform_footer.top_label {
  left: 0 !important;
	}
}

.pp-gravity-form .gform_footer input[type="submit"] {
  background: #D54B29;
  width: 27% !important;
}

@media (max-width: 640px) {
	.pp-gravity-form .gform_footer input[type="submit"] {
  width: 100% !important;
}
}

@media (max-width: 640px) {
    .gform_wrapper.gravity-theme .gfield.gfield--width-half {
        grid-column: 1/-1 !important;
}
}

/* SERVICE LOCATOR - HOME */

.chosen-results, .search-choice-close {
    display: block !important;
}

#home-locator .searchandfilter ul li {
	display: inline-block;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	float: none;
}

@media (max-width: 767px){
	
#home-locator .searchandfilter ul li {
	display: block;
}
}


#home-locator .searchandfilter ul {
  padding-left: 0;
  display: block !important;
}

#home-locator .chosen-container {
	z-index: 3;
}

#home-locator .chosen-container-multi .chosen-choices {
	border: 1px solid #C7C7C7;
	border-radius: 4px;
	padding: 6px 16px;
}

#home-locator .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  color: #213F20;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
}

#home-locator .chosen-container.chosen-container-multi {
  width: 255px !important;
}

@media (max-width: 1197px) {
	#home-locator .chosen-container.chosen-container-multi {
  width: 189px !important;
}
}
	
@media (max-width: 767px) {
	#home-locator .chosen-container.chosen-container-multi {
  width: 100% !important;
}

}

#home-locator .sf-field-submit input {
  padding: 8px 10px;
	width: 100% !important;
}

#home-locator .chosen-container-multi .chosen-choices li.search-choice {
	color: #213F20;
	line-height: 25px;
	background-color: transparent;
	background-image: none;
	border-radius: 0;
	border: medium none;
}

#home-locator .chosen-container-multi .chosen-choices li.search-choice span {
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
}

#home-locator .chosen-container .chosen-results li {
	display: block;
	line-height: 25px;
font-size: 16px;
font-family: "Montserrat", sans-serif;
	padding-left: 15px;
}


/* SERVICE LOCATOR - LOCATIONS PAGE */

#location-locator .searchandfilter ul li {
	display: inline-block;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	float: none;
}

@media (max-width: 1024px){
	
#location-locator .searchandfilter ul li {
	display: block;
	width: 100%;
}
}


#location-locator .searchandfilter ul {
  padding-left: 0;
  display: block !important;
}

#location-location .searchandfilter ul li {
    width: 100%;
}

#location-locator .chosen-container {
	z-index: 3;
}

#location-locator .chosen-container-multi .chosen-choices {
	border: 1px solid #EAEAEA;
	border-radius: 4px;
	padding: 6px 16px;
}

#location-locator .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  color: #213F20;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
}


#location-locator .chosen-container.chosen-container-multi {
  width: 905px !important;
}

@media (max-width: 1179px) {
    #location-locator .chosen-container.chosen-container-multi {
        width: 850px !important;
    }
}

@media (max-width: 1125px) {
    #location-locator .chosen-container.chosen-container-multi {
        width: 841px !important;
    }
}

@media (max-width: 1115px) {
    #location-locator .chosen-container.chosen-container-multi {
        width: 813px !important;
    }
}

@media (max-width: 1087px) {
    #location-locator .chosen-container.chosen-container-multi {
        width: 806px !important;
    }
}

@media (max-width: 1041px) {
    #location-locator .chosen-container.chosen-container-multi {
        width: 760px !important;
    }
}

@media (max-width: 1034px) {
    #location-locator .chosen-container.chosen-container-multi {
        width: 745px !important;
    }
}
	
@media (max-width: 1024px) {
	#location-locator .chosen-container.chosen-container-multi {
  width: 100% !important;
}
}



#location-locator .sf-field-submit input {
  padding: 8px 70px;
	width: 100% !important;
}

#location-locator .chosen-container-multi .chosen-choices li.search-choice {
	color: #213F20;
	line-height: 25px;
	background-color: transparent;
	background-image: none;
	border-radius: 0;
	border: medium none;
}

#location-locator .chosen-container-multi .chosen-choices li.search-choice span {
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
}

#location-locator .chosen-container .chosen-results li {
	display: block;
	line-height: 25px;
font-size: 16px;
font-family: "Montserrat", sans-serif;
	padding-left: 15px;
}

/* SERVICE LOCATOR - SEARCH RESULT */

#post-result .searchandfilter ul li {
	display: inline-block;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	float: none;
	text-align: left;
}

@media (max-width: 767px){
	
#post-result .searchandfilter ul li {
	display: block;
}
}


#post-result .searchandfilter ul {
  padding-left: 0;
}

#post-result .chosen-container-multi .chosen-choices {
	border: 1px solid #C7C7C7;
	border-radius: 4px;
	padding: 6px 16px;
}

#post-result .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  color: #213F20;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
}

#post-result .chosen-container.chosen-container-multi {
  width: 513px !important;
}

@media (max-width: 767px) {
	#post-result .chosen-container.chosen-container-multi {
  width: 100% !important;
}
}


#post-result .sf-field-submit input {
  padding: 10px;
}

@media (max-width: 767px) {
	#post-result .sf-field-submit input {
  width: 100%;
}
}

#post-result .chosen-container-multi .chosen-choices li.search-choice {
	color: #213F20;
	line-height: 25px;
	background-color: transparent;
	background-image: none;
	border-radius: 0;
	border: medium none;
}

#post-result .chosen-container-multi .chosen-choices li.search-choice span {
  font-family: "Montserrat",sans-serif;
  font-size: 20px;
}

#post-result .chosen-container .chosen-results li {
	display: block;
	line-height: 25px;
font-size: 16px;
font-family: "Montserrat", sans-serif;
	padding-left: 15px;
	text-align:left;
}

#post-result .searchandfilter {
  text-align: center;
}

.result-link {
	color: #d54b29 !important;
	font-family:  'Montserrat', sans-serif !important;
	font-weight: 800 !important;
	font-size: 16px !important;
text-decoration: underline !important;
}

/* SEARCH RESULT - MOBILE */

@media (max-width: 767px){
	#result .elementor-column {
		width: 100%;
	}
	
	.searchandfilter select.sf-input-select {
		height: 40px;
	}
}

/* PRODUCT CATEGORIES - MENU */

#products-categories .elementor-item-active {
    --topScroll: 120%;
}

#products-categories .elementor-item-active::after {
    background: url(https://home.plumbingbros.com.au/wp-content/uploads/2023/03/Polygon-5.png) no-repeat center center / cover;
    width: 142px;
    height: 100%;
    content: "";
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: var(--topScroll);

}

@media (max-width: 1075px){
    #products-categories .elementor-item-active::after {
        display: none;
    }
}

#products-categories .elementor-item {
    --topScroll2: 120%;
}

#products-categories .elementor-item:hover::after {
    background: url(https://home.plumbingbros.com.au/wp-content/uploads/2023/03/Polygon-5.png) no-repeat center center / cover;
    width: 142px;
    height: 100%;
    content: "";
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: var(--topScroll2);
}

@media (max-width: 1075px){
    #products-categories .elementor-item:hover::after {
        display: none;
    }
}

#products-categories span.menu-image-title-below.menu-image-title{
    max-width: 105px;
    margin: 0 auto;
    word-wrap: break-word;
    white-space: normal;
}

@media (max-width: 1075px) {
    #products-categories span.menu-image-title-below.menu-image-title {
        font-size: 14px;
    }
}

@media (max-width: 901px) {
    #products-categories span.menu-image-title-below.menu-image-title {
        font-size: 13px;
    }
}

@media (max-width: 1075px){
    #products-categories-container {
      padding: 10px 0px 10px 0px;
    }
}

@media (max-width: 861px){
    #products-categories ul li {
        width: 25%;
    }
}

@media (max-width: 390px){
    #products-categories ul li {
        width: 50%;
    }
}

@media (max-width: 974px){
    #products-categories ul li a {
        padding: 10px;
    }
}




/* PRODUCT CATEGORIES - ICONS */

.menu-image.menu-image-title-below {
  height: 60px;
}

@media (max-width: 967px){
    .menu-image.menu-image-title-below {
        height: 50px;
    }
}

@media (max-width: 901px){
    .menu-image.menu-image-title-below {
        height: 45px;
    }
}

@media (max-width: 868px){
    .menu-image.menu-image-title-below {
        height: 40px;
    }
}

@media (max-width: 868px){
    .menu-image.menu-image-title-below {
        height: 35px;
    }
}

.prod-categories .woocommerce ul.products li.product a h2 {
  color: #6D6E71 !important;
}

.prod-categories .woocommerce ul.products li.product a:active h2 {
  color: #6D6E71 !important;
}

.prod-categories .woocommerce ul.products li.product a:hover h2 {
  color: #D54B29 !important;
}

.prod-categories .woocommerce ul.products li.product a img {
    filter: invert(45%) sepia(6%) saturate(170%) hue-rotate(187deg) brightness(94%) contrast(91%) !important;
}
.prod-categories .woocommerce ul.products li.product a:hover img {
    filter: invert(35%) sepia(88%) saturate(2097%) hue-rotate(348deg) brightness(89%) contrast(86%) !important;
}

#products-categories .elementor-nav-menu--main .elementor-item-active img {
 filter: invert(36%) sepia(91%) saturate(1000%) hue-rotate(340deg) brightness(86%) contrast(94%);
}

#products-categories .elementor-nav-menu--main .elementor-item:hover img {
     filter: invert(36%) sepia(91%) saturate(1000%) hue-rotate(340deg) brightness(86%) contrast(94%);
}

/* TEAM MEMBERS CONTAINER */

/*
#team-members-section {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1674px){
    #team-members-section {
        overflow-x: scroll;   
    }
}


#team-members-section .elementor-grid {
    width: 322px !important;
    margin: 0 auto !important;
}


#team-members-section article {
    width: 100% !important;
    margin: 0 auto !important;
}

*/

.back-to-team {
    text-transform: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background-color: transparent !important;
    border: medium none !important;
    color: #D54B29 !important;
    padding: 0;
}

.back-to-team::before {
  content: url("/wp-content/uploads/2023/04/plumbing-bros-back-to-team-arrow.svg");
    position: relative;
    left: 0;
    top: 8px;
    display: inline-block;
    margin-right: 10px;
}


/* MEMBERS TITLE LINK */

.team-member-link h3 a {
    color: #231F20 !important;
    font-weight: 800;
}

.team-member-link h3 a:hover {
    color: #D54B29 !important;
    text-decoration: underline !important;
}

.eicon-close:focus-visible {
  outline: 0 !important;
}

elementor-button.elementor-button-close {
    outline: none !important;
}

a.dialog-close-button.dialog-lightbox-close-button {
    outline: 0 !important;
}

/* STOP TESTIMONIAL CAROUSEL FROM MOVING WHEN CLICKED */

#testimonial-carousel .slick-slide {
  pointer-events: none !important;
}

/* TESTIMONIAL CAROUSEL */

.elementor-widget-testimonial-carousel .swiper-slide {
  padding: 0 !important;
}

/*.swiper-slide {
  width: 500px !important;
}*/

.swiper-slide:first-child {
    margin-left: 80px !important;
}

@media (max-width: 767px){
    .swiper-slide:first-child {
    margin-left: 0 !important;
}
}

.swiper-slide:last-child {
    margin-right: 80px !important;
}


@media (max-width: 1024px){
    .swiper-slide {
        width: 450px !important;
    }
}

@media (max-width: 767px){
    .swiper-slide {
        width: 100% !important;
    }
}

.elementor-swiper-button {
  display: none !important;
}

@media (max-width: 767px){
    .elementor-swiper-button {
        display: inline-flex !important;
    }
}

.elementor-swiper-button-prev {
  left: 20px !important;
}

.elementor-swiper-button-next {
  right: 20px !important;
}

.elementor-main-swiper {
    width: 100% !important;
}

/* MAP LOCATIONS */

.hotspots-image-container {
  background: transparent !important;
}

.leaflet-container {
  background: transparent !important;
}

/* MAIN NAVIGATION - WEBSITE */


.sub-arrow {
    background: url(/wp-content/uploads/2023/03/plumbing-bros-icons-drop-down.svg) no-repeat center center;
    width: 14px;
    height: 11px;
    filter: invert(36%) sepia(23%) saturate(4339%) hue-rotate(345deg) brightness(90%) contrast(88%);
    display: block !important;
    margin-left: 10px;
}

@media (max-width: 1024px){
    .sub-arrow {
        display: block !important;
    }
}


.elementor-nav-menu--dropdown {
  margin-left: 30px !important;
}

@media (max-width: 767px) {
    .elementor-nav-menu--dropdown {
        margin-left: 20px !important;
    }
}

.elementor-nav-menu--dropdown::before {
    content: "";
    top: -10px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 13px solid #D54B29;
    position: absolute;
    left: 74.5%;
}

@media (max-width: 1024px) {
    .elementor-nav-menu--dropdown::before {
        display: none;
    }
}

@media (max-width: 1380px) {
    
    #first-row a.elementor-item {
        font-size: 13px;
    }
}

@media (max-width: 1243px) {
    #first-row a.elementor-item {
        margin-right: 20px;
    }
}

@media (max-width: 1100px) {
    #first-row a.elementor-item {
        margin-right: 13px;
    }
}


@media (max-width: 1380px) {
    
    #second-row a.elementor-item {
        margin-right: 20px;
        font-size: 13px;
    }
}

@media (max-width: 1347px) {
    #second-row a.elementor-item {
        margin-right: 5px;
    }
}

@media (max-width: 1243px) {
    #second-row a.elementor-item {
        margin-right: 0px;
    }
}

@media (max-width: 1208px) {
    #second-row a.elementor-item {
        margin-right: -6px;
    }
}

@media (max-width: 1166px) {
    #second-row a.elementor-item {
        margin-right: -17px;
    }
}

@media (max-width: 1090px) {
    #second-row a.elementor-item {
        font-size: 13px;
    }
}

@media (max-width: 1058px) {
    #first-row a.elementor-item {
        margin-right: 8px;
    }
}

@media (max-width: 1027px) {
    #second-row a.elementor-item {
        margin-right: -20px;
    }
}


/* STICKY SECTION - PRODUCTS */


.prod-categories .elementor-sticky + .elementor-section {
    margin-top: 100px; /* Adjust the margin to match the height of the sticky section */
}

img.menu-image.menu-image-title-below {
  filter: invert(46%) sepia(6%) saturate(176%) hue-rotate(188deg) brightness(92%) contrast(88%);
}

.menu-image.menu-image-title-below.hide {
    opacity: 0;
}

.menu-image.menu-image-title-below {
  /* your other styles here */
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}

/* PRODUCTS - GLOBAL */

.woocommerce ul.products li.product .price::after {
  content: "Supply and Install";
  display: block;
  font-weight: 600;
  font-size: 16px;
  color: #6D6E71;
}

@media (max-width: 767px) {
    .woocommerce ul.products li.product .price::after {
        font-size: 14px;
    }
}

.woocommerce ul.products li.product .button {
  display: none;
}

/* BLOG PAGE TEMPLATE */

.share-button::before {
    content: "Share";
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
}

/* BLOG PAGE - FEATURED IMAGE */

#blog-featured-image img {
    height: 600px;
    object-fit: cover;
    width: 100%;
    margin-top: -29px;
}

@media (max-width: 767px) {
    #blog-featured-image img {
        height: 300px;
    }
}

/* BLOG PAGE THUMBNAILS */

/*
.elementor-posts-container {
    display: flex;
}

.elementor-post {
  display: flex;
  flex-direction: column;
}

.elementor-post:nth-child(1) {
  width: 75% !important;
}

.elementor-post:nth-child(2) {
  width: 25% !important;
}

.elementor-post:nth-child(3) {
  width: 25% !important;
}
*/

/* SERVICES - IMAGE CAROUSEL WIDGET */

.elementor-image-carousel-caption {
  bottom: 0;
  color: #ffffff;
  position: absolute;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
width: 100%;
height: 120px;
padding-top: 77px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}

/* SERVICES LIST ICONS */

.services-list .elementor-icon-list-text:hover {
  font-weight: 800;
}

/* FAQs - ACCORDION */

.elementor-tab-title {
  border-bottom: 1px solid #EAEAEA;
}

.elementor-active {
  border-bottom: 1px solid #EAEAEA !important; 
}

.elementor-accordion-icon-opened svg {
 filter: invert(27%) sepia(76%) saturate(1730%) hue-rotate(352deg) brightness(108%) contrast(78%);
}

.elementor-tab-content p a {
    color: #D54B29 !important;
    text-decoration: underline;
}

.elementor-tab-content p a:hover {
    text-decoration: none;
}

/* ABOUT US - MILESTONE */

.franchising-milestone-orange::after {
    content: url(/wp-content/uploads/2023/03/plumbing-bros-icons-right-arrow-orange.svg);
    position: absolute;
    z-index: 1;
    right: -17px;
    top: 50%;
    width: 26px;
    height: 30px;
    transform: translateY(-50%);
}

@media (max-width: 1024px){
    .franchising-milestone-orange::after {
        content:"";
    }
}

.franchising-milestone-black::after {
    content: url(/wp-content/uploads/2023/03/plumbing-bros-icons-right-arrow-black.svg);
    position: absolute;
    z-index: 1;
    right: -17px;
    top: 50%;
    width: 26px;
    height: 30px;
    transform: translateY(-50%);
}

@media (max-width: 1024px){
    .franchising-milestone-black::after {
        content:"";
    }
}

.about-us-heading p strong {
    color: #231F20;
}


/* PRODUCTS TEMPLATE */

#download-pdf a {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

#download-pdf .elementor-widget-container {
    border-radius: 4px;
    background: #D54B29;
}

#download-pdf .elementor-widget-container:hover {
  background: #E18068;
}

/* PRODUCTS - LOAD MORE BUTTON */

/*
.lmp_load_more_button.br_lmp_button_settings a {
    font-family: "Montserrat", Sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    margin-top: 40px !important;
}
*/


/* CAREERS PAGE */

.gform_wrapper.gravity-theme .gfield input {
  padding: 10px;
  background-color: #fff;
}

.careers-container {
    overflow-y: scroll;
    height: 477px;
}

.careers-link h1 a:hover {
    color: #D54B29 !important;
    text-decoration: underline;
}

.careers-video-container {
    box-shadow: 0px 0px 72px 4px rgba(0, 0, 0, 0.2);
}

.no-items-found-message {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 80px;
    line-height: 1.3em;
}

@media (max-width: 767px){
    .no-items-found-message {
        font-size: 25px;
    }
}

.highlight-text {
    color: #D54B29;
    text-transform: uppercase;
    font-weight: 800;
}


/* SORT BOX */

#my-div {
    background: #ffffff;
    box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.1);
    width: 244px;
    right: 0%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    z-index: 5;
    top: 48px;
}

.wrapper {
  display: flex;
  border-bottom: 0.5px solid #EAEAEA;
}

.wrapper:last-child {
  border-bottom: medium none;
}

.wrapper > div {
  color: white;
  margin: .1em;
  padding: .3em;
  border-radius: 3px;
  flex: 1;
  text-align: right;
  align-items: center;
}

.wrapper ul {
    padding-left: 10px;
}

.wrapper ul li {
    text-align: left;
    list-style-type: none;
}

.wrapper ul li a {
    color: #231F20;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
}

.wrapper ul li a:hover {
    text-decoration: underline;
}

.wrapper ul li a:active {
    text-decoration: underline;
}

.wrapper .heading {
    color: #231F20;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#arrow-img {
    transition: transform 0.3s;
	filter: none;
	position: absolute;
    right: 17px;
}

#arrow-img.rotate {
    transform: rotate(180deg);
	filter: brightness(0) saturate(100%) invert(29%) sepia(99%) saturate(962%) hue-rotate(340deg) brightness(102%) contrast(92%);
 }

  #show-hide-button {
    background-color: #D54B29;
    color: #FFFFFF;
    border: medium none;
    padding: 13px 19px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: background-color 0.3s, box-shadow 0.3s;
	width: 100%;
	text-align: center;
	outline: none;
  }

  #sort-img {
	filter: none;
	left: -13px;
	position: relative;
  }
  
  @media (max-width: 767px) {
	#sort-img {
		left: 10px;
	}
  }

  #show-hide-button img {
    margin-left: 17px;
    transition: fill 0.3s;
  }
  
  @media (max-width: 1011px){
	#show-hide-button img {
		margin-left: 10px;
	}
  }
  
  @media (max-width: 955px){
	#show-hide-button img {
		margin-left: 7px;
	}
  }
  
  @media (max-width: 899px){
	#show-hide-button img {
		margin-left: 3px;
	}
  }
  
  @media (max-width: 767px){
	#show-hide-button img {
		margin-left: 3px;
		position: absolute;
		right: 11px;
	}
  }
  
  #button-text {
    color: #ffffff;
  	text-transform: none;
	font-weight: 500;
  }
  
  @media (max-width: 767px){
	#button-text {
		margin-left: 20px;
	}
 }


.chosen-with-drop .chosen-container-active {
    background: red;
}

/* WOOCOMMERCE PRODUCT PAGE */

.woocommerce div.product.elementor .woocommerce-tabs .panel {
    padding: 50px 15px !important;
}

@media (max-width: 767px) {
    .woocommerce div.product.elementor .woocommerce-tabs .panel {
        padding: 50px 0px !important;
    }
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #D54B29 !important;
    font-weight: 800 !important;
}

.woocommerce div.product.elementor ul.tabs li a {
  color: #6D6E71 !important;
  font-weight: 600 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0 0 0 0 !important;
}

/* JOBS POST TEMPLATE */

#job-post-content p, #job-post-content ul {
    margin-bottom: 2em;
}

#job-post-content p strong {
    position: relative;
    bottom: -20px;
}

#job-post-content ul {
    padding-left: 0;
    margin-top: 0px;
}

#job-post-content ul li {
    list-style-type: none;
    display: block;
    margin-left: 1.5em;
    margin-top: 0.5em;
}

#job-post-content ul li::before {
  content: url(/wp-content/uploads/2023/03/plumbing-bros-icons-star-circle.svg);
  filter: invert(57%) sepia(83%) saturate(7275%) hue-rotate(356deg) brightness(96%) contrast(73%);
  height: 25px;
  width: 25px;
  display: inline-block;
  padding-right: 5px;
  margin-left: -1.5em;
  top: 5px;
  position: relative;
}

#job-post-content ul li::marker {
    display: none;
}

/* BLOG PAGE */

#blog-first-column .pp-posts-container .pp-post .pp-post-content {
  position: absolute;
  bottom: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
width: 100%;
height: 150px;
padding: 44px 22px 0 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}

#blog-second-column .elementor-post__text {
    padding-top: 40px;
}

@media (max-width: 1024px){
    #blog-second-column .elementor-post__text {
        padding-top: 0px;
    }
}

#blog-second-column .elementor-post__text .elementor-post__title a:hover {
    text-decoration: underline;
    color: #D54B29;
}

#blog-second-column .elementor-post-date {
  float: left;
  margin-right: 4px;
}

#blog-second-column .elementor-post-date::before {
  content: "Posted by";
}

#blog-second-column .elementor-post-author::before {
  content: "by";
}

#blog-second-row .eael-posted-by {
    order: 2;
}

#blog-second-row .eael-posted-by a {
    pointer-events: none;
    color: #6D6E71;
}

#blog-second-row .eael-posted-by::before {
  content: "by";
  padding-right: 3px;
  color: #6D6E71;
}

#blog-second-row .eael-posted-on {
  order: 1;
  padding-right: 4px;
}

#blog-second-row .eael-posted-on::before {
  content: "Posted on" !important;
  color: #6D6E71 !important;
  opacity: 1 !important;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 500;
  padding-right: 4px;
}

#blog-second-row .eael-grid-post .eael-entry-wrapper {
  padding: 15px 0;
}


#blog-second-row .eael-post-grid-container .eael-post-grid .eael-grid-post {
  padding: 20px;
}

#blog-second-row .eael-entry-media {
    border-radius: 20px;
}

#blog-second-row .eael-entry-title a:hover {
    text-decoration: underline;
}


/* BLOG POST */

#blog-post-container p {
    margin-bottom: 3em;
    line-height: 2em;
}

#blog-post-container a {
    color: #D54B29;
    text-decoration: underline;
}

#blog-post-container a:hover {
    color: #D54B29;
    text-decoration: none;
}

#blog-post-container h2 {
    color: #D54B29;
    font-size: 24px;
    margin-bottom: 2em;
    font-weight: 700;
}

#blog-post-container ul {
    margin-bottom: 2em;
}

/*
#blog-post-container p strong {
    position: relative;
    bottom: -20px;
}
*/

#blog-post-container ul {
    padding-left: 0;
    margin-top: 0px;
}

#blog-post-container ul li {
    list-style-type: none;
    display: block;
    margin-left: 1.5em;
    margin-top: 0.5em;
}

#blog-post-container ul li::before {
  content: url(/wp-content/uploads/2023/03/plumbing-bros-icons-star-circle.svg);
  filter: invert(57%) sepia(83%) saturate(7275%) hue-rotate(356deg) brightness(96%) contrast(73%);
  height: 25px;
  width: 25px;
  display: inline-block;
  padding-right: 5px;
  margin-left: -1.5em;
  top: 5px;
  position: relative;
}

#blog-post-container ul li::marker {
    display: none;
}

#blog-post-container .wp-block-image img {
  width: 70%;
  margin: 0 auto;
  display: block;
}

#blog-post-container .border-radius img {
    border-radius: 20px;
}

@media (max-width: 767px){
    #blog-post-container .wp-block-image img {
        width: 100%;
    }
}

.wp-block-image figure img {;
  width: 100% !important;
  margin-bottom: 2em !important;
}

#blog-post-container .wp-block-image figcaption {
  width: 70%;
  margin: 0 auto;
  color: #6D6E71;
  font-size: 12px;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 767px){
    #blog-post-container .wp-block-image figcaption {
        width: 100%;
    }
}

/* ABOUT US - TABS */

@media (max-width: 767px){
    .elementor-widget-tabs .elementor-tabs-wrapper {
        display: flex !important;
        overflow-x: scroll !important;
    }
}

@media (max-width: 767px){
	.elementor-tab-mobile-title {
		display: none !important;
	}
}

@media (max-width: 767px){
	.elementor-tab-title {

	}
}

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active {
  outline: none !important;
}

.elementor-tab-title {
	outline: none !important;
}


/* OUR HISTORY - TIMELINE */

.elementor-widget-tabs .elementor-tab-desktop-title {
  padding: 48px 50px !important;
}

@media (max-width: 1024px) {
    .elementor-widget-tabs .elementor-tab-desktop-title {
        padding: 48px 20px !important;
        margin: 0 auto;
    }
}

#our-history .elementor-tab-content {
        box-shadow: 0px -4px 40px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px -4px 40px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px -4px 40px 0px rgba(0,0,0,0.1);
    z-index: 4;
}

@media (max-width: 1024px) {
    #our-history .elementor-tab-content {
        padding: 1px 0;
    }
}

.elementor-tabs-wrapper .elementor-active {
    background: transparent !important;
    font-weight: 800 !important;
}

.elementor-tabs-wrapper .elementor-active::after {
  background: url(/wp-content/uploads/2023/03/Polygon-5.png) no-repeat center center / cover;
  width: 142px !important;
  height: 100% !important;
  content: "" !important;
  display: block !important;
  margin: 0 auto !important;
  position: absolute !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  top: 97px;
}


/* VIDEOS THUMBNAIL */

.video-thumbnail {
  pointer-events: none !important;
  cursor: none !important;
}

.video-thumbnail .elementor-custom-embed-image-overlay.rocket-lazyload.lazyloaded {
  border-radius: 20px !important;
}

.video-loop .elementor-widget-container .elementor-video {
    pointer-events: none !important;
    cursor: none !important;
    border-radius: 20px !important
}

/* FRANCHISING FORM */

#4c47d307-60bb-436e-9fbb-cc07d2d4822e label {
  font-weight: 600 !important;
}

/* HIDE PRICING */

.woocommerce-Price-amount.amount bdi {
  display: none !important;
}

small.woocommerce-price-suffix {
  display: none !important;
}

/* NEW LOCATION PAGE */

.post-code-container {
    height: 300px;
    top: 150px;
    display: inline-block;
}

@media (max-width: 767px){
    .post-code-container {
        top: 0;
    }
}

.post-code-container .searchandfilter ul {
  padding-left: 0;
  margin: 0 auto;
  display: block;
  text-align: center;
  width: 329px;
}

.post-code-container .searchandfilter ul li {
    text-align: left;
}

.post-code-container .searchandfilter ul li input {
  margin: 0 auto;
  display: block;
  text-align: center;
}


@media (max-width: 767px){
    .post-code-container .chosen-container {
      width: 100%;
    }
}