/*---------------------------------------------------------------------------------
Theme Name:   Divi Plumber Theme
Theme URI:    https://divithemeshub.com/plumbertheme/
Description:  Divi Plumber Theme is a professionally designed Divi Child Theme for plumbing companies and professional plumbers. Perfect for emergency plumbing, pipe repair, drain cleaning, leak detection, water heater installation, bathroom remodeling, and other residential and commercial plumbing services. Includes professionally designed pages, service layouts, contact forms, and full Divi 5 compatibility to help you launch a modern plumbing website quickly and easily.
Author:       Divi-Childthemes.com
Author URI:   https://divi-childthemes.com/
Template:     Divi
Version:      1.0.2
Requires at least: 6.9.4
Requires PHP: 8.2
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* ================================================== */
/**
 General
	 Parallax Background
Page Title
	 Title Default
Team
	Team V1
	Team V2
Slider
About
Intro
What We Do
Our Clients
Slider Gallery
Call To Action
Counter
Time
Testimonial
Header
Mobile Menu
Footer
Pricing
	Price Menu V1
	Price Menu V2
Call to action	
Contact us
Blog  
	Blog  V1
	Blog List
SIDEBAR	
	Comment
Portfolio V1 
	Portfolio Grid
	Portfolio-Blog Single
Search Page	
404 Page	
Coming soon
**/

/** General **/
/* =======================
    General
=========================*/
/***** General *****/
#et-boc header.et-l.et-l--header {position: relative;z-index: 99;}
/* ===== General ======*/


.dct_plx .et_parallax_bg::before {
 content: "";
 display: block;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 background-color: rgba(0, 0, 0, .7);
}
.btn_icon_round .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	background-color:var(--gcid-primary-color);
}
.dct_txt_h5 .et_pb_text_inner h5, .dct_blog .et_pb_post .post-meta a, .dct_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	color:var(--gcid-primary-color);
}
.dct_ptf .project {
	border-color:var(--gcid-primary-color);
}
.dct_iquy p.et_pb_contact_field {
	margin-bottom: 0;
}
.dct_iquy .et_contact_bottom_container {
	float: none;
	text-align: center;
	padding-left: 3%;
	margin-top:0%;
	display: block;
	width: 100%;
}
.dct_iquy .et_contact_bottom_container .et_pb_contact_submit {
	margin:0px;
	width:100%;
}
.dct_title .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
	font-weight: 700;
	font-size: 14px;
	display: inline-flex;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--gcid-primary-color);
}
.dct_title .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before {
	content: "";
	height: 2px;
	width: 30px;
	background: var(--gcid-primary-color);
	display: inline-block;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 10px;
}
.dct_title .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after {
	content: "";
	height: 2px;
	width: 30px;
	background: var(--gcid-primary-color);
	display: inline-block;
	margin-top: auto;
	margin-left: 10px;
	margin-right: 0;
	margin-bottom: auto;
}
.dct_title .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
	text-transform: capitalize;
	font-size: 35px;
	color: #001733;
	font-weight: 700;
	line-height: 1.5;
}
.dct_title.left .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after {
	display:none;
}
.dct_title.bg .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
	color:#fff;
}
.dct_title.light .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before, .dct_title.light .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after {
	background:#fff;
}
.dct_title.small .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
	font-size:25px;
}
 @media only screen and (max-width : 766px) {
.dct_title .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
font-size: 23px;
}
}
.dct_sgl_service .et_pb_blurb_content .et_pb_main_blurb_image img {
	width: 100%;
}
/** Team **/


.dct_team .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image img {
	width:100%;
}
.dct_team .et_pb_blurb .et_pb_blurb_content {
	position:unset;
}
.dct_team .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
	padding: 20px 0 20px;
	background: #fff;
	border-left: 3px solid var(--gcid-primary-color);
	padding-left: 15px;
-moz-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
	width: 100%;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.dct_team:hover .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
	box-shadow: 0px 8px 11px 4px rgba(158, 158, 158, .1);
	-webkit-box-shadow: 0px 8px 11px 4px rgba(158, 158, 158, .1);
}
.dct_team .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
	font-size: 18px;
	color: #001733;
	font-weight: 700;
	line-height: 1.5;
}
.dct_team .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
	font-size: 14px;
	color:var(--gcid-primary-color);
}
.dct_team ul.et_pb_social_media_follow {
	padding-left: 15px;
	overflow: hidden;
	width: 100%;
	bottom: 0;
	padding-top: 10px;
	background: #fff;
	position: absolute;
	opacity: 0;
	visibility: hidden;
-moz-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.dct_team:hover ul.et_pb_social_media_follow {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	box-shadow: 0px 8px 11px 4px rgba(158, 158, 158, .1);
	-webkit-box-shadow: 0px 8px 11px 4px rgba(158, 158, 158, .1);
}
.dct_team ul.et_pb_social_media_follow li a.icon {
	background-color:transparent !important;
	width:25px;
}
.dct_team ul.et_pb_social_media_follow li a.icon:before {
	color:#666;
	font-size:14px;
	width:25px;
}

/** Header V2 **/

.dct_hdr_v2 ul li {
	margin-top: 15px !important;
}
.dct_hdr_v2 ul li.menu-item-has-children ul.sub-menu li {
	margin-top:0px !important;
}
/** sub menu all **/

.et_pb_menu ul li.menu-item-has-children ul.sub-menu {
	box-shadow: 0px 8px 11px 4px rgba(158, 158, 158, .1);
	-webkit-box-shadow: 0px 8px 11px 4px rgba(158, 158, 158, .1);
	border-radius: 6px;
	text-transform: none;
	margin-left: 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.et_pb_menu ul li.menu-item-has-children ul.sub-menu li {
	display:block;
	padding: 0;
}
.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a {
	width:auto;
	display:block;
	color: #686868;
	display: block;
	padding: 12px 15px;
	font-size: 13px;
	border-left: 4px solid transparent;
-webkit-transition: all .4s cubic-bezier(.18, .89, .32, 1.28);
-moz-transition: all .4s cubic-bezier(.18, .89, .32, 1.28);
-ms-transition: all .4s cubic-bezier(.18, .89, .32, 1.28);
-o-transition: all .4s cubic-bezier(.18, .89, .32, 1.28);
transition: all .4s cubic-bezier(.18, .89, .32, 1.28);
}
.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover {
	border-left: 4px solid var(--gcid-primary-color);
	color: var(--gcid-primary-color) !important;
	background: #f9f9f9;
	padding-left: 20px;
}
/** Toggle  **/	

.dct_toggle {
	width: 100%;
	padding: 15px 20px;
	background: #f8f8f8;
	position: relative;
	border:none;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
	border-radius: 6px;
}
.dct_toggle:hover {
	background:var(--gcid-primary-color);
}
.dct_toggle .et_pb_toggle_title {
	color: #001733 !important;
	font-weight: 700;
	line-height: 1.5;
	font-size: 16px;
}
.dct_toggle:hover .et_pb_toggle_title {
	color: #fff !important;
}
.dct_toggle .et_pb_toggle_title:before {
	display:none;
}


/** Blog 2 Column **/

.dct_blog.clm .et_pb_ajax_pagination_container{display: grid;
grid-gap: 30px;
grid-template-columns: repeat(2, 50%);}

@media only screen and (max-width : 767px){
.dct_blog.clm .et_pb_ajax_pagination_container{grid-template-columns: repeat(1, 100%);}
}

@media only screen and (min-width: 768px) and (max-width: 980px){
.dct_blog.clm .et_pb_ajax_pagination_container {grid-gap: 10px;}} 

/** Blog List - Left/Right Image  **/

.dct_blog.list .et_pb_post{margin-bottom:20px;}
.dct_blog.list .et_pb_post .entry-featured-image-url{
margin-bottom: 0;
width: 50%;
float: left;
overflow: hidden;
position: relative;
}

.dct_blog.list .et_pb_post .info{
width: 50%;
float: left;
padding: 20px;
}


@media only screen and (max-width: 767px){
	.dct_blog.list .et_pb_post .entry-featured-image-url,
	.dct_blog.list .et_pb_post .info{width: 100% !important;float: none !important;}}
	
	
/** For Right **/

.dct_blog.list.rt .et_pb_post .entry-featured-image-url{width: 50%;
float: right;}
.dct_blog.list.rt .et_pb_post .info{width: 50%;
float: left;
padding: 20px 20px;}
	

/** Slider  **/	

.dct_slider_v3 .et_pb_slide_description .et_pb_slide_content{margin-bottom: 20px;}
.dct_slider_v3 .et_pb_slide_description .et_pb_slide_content h3 span{color:var(--gcid-primary-color);}
.dct_slider_v3 .et_pb_slide_description .et_pb_slide_content h3{font-weight: 700;margin-bottom: 10px;
text-transform: uppercase;
font-size: 70px;line-height:70px;}

@media only screen and (max-width : 767px) {
.dct_slider_v3 .et_pb_slide_description .et_pb_slide_content h3{font-size: 30px;
line-height: 40px;}}

/** Portfolio  **/	

.dct_ptf .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay {
	z-index: 9;
}
.dct_ptf .et_pb_portfolio_item .et_overlay {
	background-color: transparent;
	border: none;
}
.dct_ptf .et_pb_portfolio_item .et_overlay::before {
 display: none;
}
.dct_ptf .et_pb_portfolio_filters li a {
	border-radius: 0;
	color: var(--gcid-secondary-color);
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 500;
	position: relative;
}
.dct_ptf .et_pb_portfolio_filters li a:hover {
	background: var(--gcid-primary-color);
	color: #333;
}
.dct_ptf .et_pb_portfolio_filters li a.active {
	color: #fff !important;
	background-color: var(--gcid-primary-color);
}
.dct_ptf .et_pb_portfolio_item {
	overflow: hidden;
	position: relative;
}
.dct_ptf .et_pb_portfolio_item .et_portfolio_image:after, .dct_ptf .et_pb_portfolio_item .et_pb_portfolio_image:after {
	content: "";
	width: 80%;
	height: 220%;
	background: var(--gcid-secondary-color);
	position: absolute;
	top: -50%;
	left: -100%;
	z-index: 1;
	transform: rotate(25deg);
	transform-origin: center top 0;
	transition: all 0.5s ease 0s;
}
.dct_ptf .et_pb_portfolio_item:hover .et_portfolio_image:after, .dct_ptf .et_pb_portfolio_item:hover .et_pb_portfolio_image:after {
	left: 10%;
}
.dct_ptf .et_pb_portfolio_item .et_portfolio_image:before, .dct_ptf .et_pb_portfolio_item .et_pb_portfolio_image:before {
	content: "";
	width: 55%;
	height: 175%;
	background-color: var(--gcid-primary-color);
	opacity: 0.8;
	position: absolute;
	bottom: -1000%;
	left: 53%;
	transform: rotate(-33deg);
	transform-origin: center bottom 0;
	transition: all 0.8s ease 0s;
}
.dct_ptf .et_pb_portfolio_item:hover .et_portfolio_image:before, .dct_ptf .et_pb_portfolio_item:hover .et_pb_portfolio_image:before {
	bottom: -70%;
}
.dct_ptf .et_pb_portfolio_item .et_portfolio_image {
	margin-bottom: 0;
}
.dct_ptf .et_pb_portfolio_item .et_portfolio_image img {
	width: 100%;
	height: auto;
}
.dct_ptf .et_pb_portfolio_item .meta .et_pb_module_header, .dct_ptf .et_pb_portfolio_item .meta .post-meta {
	margin-top: 0;
	text-align: left;
	float: none;
}
.dct_ptf .et_pb_portfolio_item .post-meta {
	color: #fff;
	width: 100%;
	position: absolute;
	top: -100%;
	left: 0;
	padding: 0 20px;
	z-index: 2;
	transition: all 1.1s ease 0s;
}
.dct_ptf .et_pb_portfolio_item:hover .post-meta {
	top: 60px;
}
.dct_ptf .et_pb_portfolio_item .et_pb_module_header {
	width: 100%;
	position: absolute;
	top: -100%;
	left: 0;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0 20px;
	z-index: 2;
	transition: all 1.1s ease 0s;
}
.dct_ptf .et_pb_portfolio_item:hover .et_pb_module_header {
	top: 30px;
}
.dct_ptf .et_pb_portfolio_item .post-meta a {
	color: #fff;
}
@media only screen and (min-width: 981px) {
 .dct_ptf .et_pb_portfolio_filters ul {
 text-align: center;
}
 .dct_ptf .et_pb_portfolio_filters ul li {
 display: inline-block;
 float: none !important;
 margin-left: 10px;
}
}
@media only screen and (min-width: 767px) and (max-width: 980px) {
 .dct_ptf .et_pb_portfolio_item .et_pb_module_header {
 font-size: 15px;
}
}
 @media only screen and (max-width: 480px) {
 .dct_ptf .et_pb_portfolio_item {
 width: 100% !important;
}
}
/* Gallery */

#gallery-1 .gallery-item {
	margin: 0 !important;
}
/* Sidebar */
.et_pb_widget select {
	height: 50px;
}
.et_pb_widget .widgettitle {
	padding-bottom: 20px;
}
/* for searchbar in widjet area*/
.widget_search input#s {
	border-radius: 5px;
}
/* for searchbar widjet button*/
.widget_search input#searchsubmit {
	background-color: var(--gcid-primary-color);
	border-radius: 5px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 12px;
}

.dct_project_list .project {
	padding-bottom: 20px;
	margin-bottom: 30px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .1)
}
.dct_project_list .project .et_pb_module_header {
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 600;
	padding-top: 20px
}
.dct_post_list .pagination, .dct_project_list .pagination {
	margin-top: 50px
}
.dct_post_list .pagination .alignleft a, .dct_project_list .pagination .alignleft a {
	background: var(--gcid-primary-color);
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px
}
.dct_post_list .et_pb_post .more-link {
	background: var(--gcid-primary-color);
	display: inline-block;
	padding: 5px 20px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 20px
}
.dct_post_list .et_pb_post .entry-title {
	text-transform: capitalize
}

/*set the defautl background color of the header section*/
.dct-header {
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}
/*set the background color of the fixed header when scrolling*/
.dct-fixed-header {
	position:fixed;
	top:0px;
	width:100%;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}



