/*---------------------------------------------------------------------------------

 Theme Name:   Kleen Divi Child Theme
 Theme URI:    https://kleen.duogeeks.com
 Description:  Kleen Divi child theme is designed for those looking for a window cleaning, house cleaning, pool, or anything related to a cleaning project.
 Author:       Divi Awesome
 Author URI:   https://kleen.duogeeks.com
 Template:     Divi
 Version:      1.0

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #000;
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\4d";
}
/* To make menu link look brighter */
.et-menu a:hover{
	opacity:1!important;
}

/* Mobile Menu */
.et_mobile_menu {
    position: absolute!important;
    left: 0;
    padding: 5%;
    background: #fff;
    width: 100%;
    visibility: visible;
    opacity: 1;
    display: none;
    z-index: 9999;
    border-top: 3px solid #065f333;
    box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
}

p{
	font-weight:400;
}

/* so that the elements don't go haywire */
.et_pb_portfolio_item{
	position:relative;
}
/* Team Person Image Full Width */
.et_pb_team_member_image{
  max-width:100%;
}
/* Contact Form DropDown Black Color Icon*/
.et_pb_contact_field[data-type=select]:after{
	border-color:#000 transparent transparent!important;
}

/* Contact Form DropDown White Color Icon*/
.dropdown-contact-icon .et_pb_contact_field[data-type=select]:after{
	border-color:#fff transparent transparent!important;
}
/* Contact Form Error Message */
.et-pb-contact-message p, .et-pb-contact-message ul li{
  color:#000;
  font-family:Rubik;
  font-size:16px;
}

/**********Back to top button**************************/

/*---------- Custom Back To Top Button ----------*/
.et_pb_scroll_top.et-visible {
opacity: 1;
-webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
-moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
-o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
.et_pb_scroll_top.et-pb-icon {
right: 15px;
border-radius: 25px;
background-color:var(--kleen-dark-green);
padding: 10px;
}


/* Social Links on About 2 Team Section */
.kleen-about-team:hover  .et_pb_member_social_links{
  opacity:1;
  top:50%;
}
.kleen-about-team  .et_pb_member_social_links{
  position:absolute;
  text-align:center;
  top:60%;
  left:0%;
  right:0%;
  transition:0.5s;
  opacity:0;
}
.kleen-about-team  .et_pb_member_social_links li a{
  padding:10px 15px;
  background:#ffaa36;
  color:#fff!important;
  border-radius:50%;
}

/*********************************
*********************************
Home 1 
*********************************
********************************/

/* Testimonial Quote Icon and FAQ Section*/
.kleen-h1-testimonial:before{
  position:absolute;
  left:80%!important;
  top:94%!important;
  font-size:50px;
}
/********************************
*********************************
Home 2
*********************************
********************************/

/* Hover Effects For Link on Blurb in Home 2 and Services Page */
.kleen-services-blurb:hover .et_pb_blurb_description a{
  color:#fff!important;
}
.kleen-services-blurb .et_pb_blurb_description a{
  color:#000!important;
  text-decoration:underline;
}
/* White color error message of contact us section for darker background */
.white-contact-error .et-pb-contact-message p, .white-contact-error .et-pb-contact-message ul li{
  font-family:Rubik;
  color:#fff!important;
}
/* Making Contact Button Full Width in Home 2 Contact Us Section, and also on contact page 1 and 2*/
.kleen-h2-contact-form .et_contact_bottom_container, .kleen-contact .et_contact_bottom_container{
  width:100%!important;
	margin-top:20px;
}

/* Testimonials */
.et_pb_team_member_image{
  transition:0.5s;
}
.kleen-h2-testimonial:hover .et_pb_team_member_image{
  border:5px solid #ffaa36!important;
}
/*********************************
*********************************
Home 3
*********************************
********************************/
/* Slider Dot Controller */
.kleen-h3-slider .et-pb-controllers a{
  width:10px;
height:10px;
  opacity:1;
  border-radius:0;
}

/* Hover Effects For Learn More in Services Section */
.kleen-h3-services-blurb:hover .et_pb_blurb_description a{
  color:#fff!important;
}
.kleen-h3-services-blurb .et_pb_blurb_description a{
	color:var(--kleen-dark-green)!important;
	text-decoration:underline;
	text-transform:uppercase;
}
/***********************
Home 3 Pricing Table 
************************/
.kleen-h3-pricing .et_pb_pricing_table{
  width:31%!important;
  margin-right:20px;
} 
@media (max-width:600px){
  .kleen-h3-pricing .et_pb_pricing_table{
    width:100%!important;
  }
}
.kleen-h3-pricing .et_pb_pricing_title, .et_pb_dollar_sign, .et_pb_sum, .et_pb_pricing_content ul li, .et_pb_button{
  transition:0.5s;
}
.kleen-h3-pricing .et_pb_pricing_table:hover{
  background:var(--kleen-orange)!important;
}
.kleen-h3-pricing .et_pb_pricing_table:hover .et_pb_pricing_title{
  color:#fff!important;
}
.kleen-h3-pricing .et_pb_pricing_table:hover .et_pb_dollar_sign, .kleen-h3-pricing .et_pb_pricing_table:hover .et_pb_sum{
  color:#fff!important;
}
.kleen-h3-pricing .et_pb_pricing_table:hover .et_pb_pricing_content ul li{
  color:#fff!important;
}
.kleen-h3-pricing .et_pb_button{
  color:#000;
}
.kleen-h3-pricing .et_pb_pricing_table:hover .et_pb_button{
	background:#000!important;
  border-radius:50px;
  color:#fff!important;
}
/* Pricing Table Button Border Color Black on Hover */
.et_pb_pricing_table_1:hover .et_pb_button, .et_pb_pricing_table_4:hover .et_pb_button{
	border:1px solid #000!important;
}


/**********************************
 Home 3 Portfolio 
*********************************/
.kleen-h3-portfolio .et_pb_portfolio_filters{
  display:flex;
  justify-content:center;
}

.kleen-h3-portfolio .et_portfolio_image:before{
  position:absolute;
  content:'';
  width:100%;
  height:100%;
  background:rgba(6,95,51,0.6);;
  z-index:1;  
  opacity:0;
}

.kleen-h3-portfolio .et_pb_portfolio_item:hover .et_portfolio_image:before{
   opacity:1;
}
.kleen-h3-portfolio .et_pb_portfolio_item:hover .et_overlay{
  opacity:1!important;
  z-index:400!important;
}
.kleen-h3-portfolio .et_pb_portfolio_item:hover h2, .kleen-h3-portfolio .et_pb_portfolio_item:hover .post-meta{
  opacity:1!important;
  z-index:100;
}

.kleen-h3-portfolio  ul.et_pb_tabs_controls:after{
  border-top:0;
}

/* Contact Form */
.kleen-h3-contact-form .et_contact_bottom_container{
  width:100%!important;
}

/* Home 3 Team */
.kleen-h3-team .et_pb_team_member_image{
  background:#fff;
clip-path: circle(80% at 50% 13%);
  padding:2px;
}

.kleen-h3-team .et_pb_team_member_image img{
  clip-path: circle(80.7% at 50% 13%);
}

/* Testomonial Quote Icon Position */
.kleen-h3-testimonial-quote:before{
  position: absolute;
    left: 50%!important;
    top: 90%!important;
}

/*********************************
*********************************
Home 4 
*********************************
********************************/

/* Contact dropdown Icon */
.kleen-h4-contact .et_pb_contact_field[data-type=select]:after{
	border-color:#fff transparent transparent!important;
}

/* contact Form Button- Submit */
@media (max-width:980px){
  .et_contact_bottom_container{
 	width:50%!important; 
}
}
@media (max-width:600px){
  .et_contact_bottom_container{
 	width:100%!important; 
}
}

/*****************************
 Slider 
******************************/
/* Left and right Slider Arrows */
.kleen-h4-slider .et-pb-arrow-prev:before{
  content:'\23'!important;
}
.kleen-h4-slider .et-pb-arrow-next:before{
  content:'\24';
}
/* Keep the Slider Content to Left */
.kleen-h4-slider .et_pb_container{
  margin:0!important;
}

/* Slider Button */
.kleen-h4-slider .et_pb_button:before{
  	position:absolute;
	content:'';
	top:15%;
	right:-4%!important;
	width:100%;
	height:100%;
	border:1px solid #ffaa36;
	border-radius:3px;
	opacity:1!important;
	z-index:-1;
}
/* Slider Controller Dots */
.et-pb-controllers a{
  width:10px;
  height:10px;
  border-radius:0;
  border-top-left-radius:5px;
border-bottom-right-radius:5px;
  opacity:1;
}
/*****************************
 Services Section in Home 4 and Our Team Services Section
******************************/
.kleen-h4-services-blurb p, .kleen-h4-services-blurb h4{
  padding-left:20px;
  padding-right:20px;
}
/*****************************
 Home 4 Portfolio
******************************/
/*.kleen-h4-portfolio .et_pb_portfolio_item{
 margin:20px 20px 50px 20px!important;
}*/

/*********************************
*********************************
Home 5
*********************************
********************************/
/* Portfolio */
.kleen-portfolio-wrap {
    position: absolute;
    bottom: -25%;
    width: 90%;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
  z-index:50!important;
}
.kleen-h5-portfolio .et_pb_portfolio_item:hover .et_overlay{
  opacity:1!important;
}
.kleen-h5-portfolio .et_pb_portfolio_item{
  overflow:visible!important;
  margin-bottom:70px!important;
}
/* Testimonials Quote Icon */
.kleen-h5-testimonial:before{
	position:absolute;
  top:5%!important;
  left:8%;
}

/******************************
******************************
Blog Grid With Sidebar, without sidebar, fullwidth with sidebar
******************************
******************************/
.kleen-blog .et_pb_post{
  position:relative!important;
	box-shadow:0px 2px 18px 0px rgba(110,130,208,0.17);
}
/* Position of Post Meta 
.kleen-blog .post-meta{
  position:absolute;
  bottom:0;
  right:0;
  left:20px;
  padding-top:5px;
  border-top:1px solid #666;
  margin-right:20px;
}*/

/* So That Author Design Doesn't Get Affected due to the changes in category designs*/
.kleen-blog .author a{
  position:relative;
 display:inline-block!important;
  padding:0px;
  margin-top:0;
  background:none;
  color:#666!important;
  font-weight:400;
	width:auto!important;
}

.kleen-blog .author, .kleen-blog .published{
  margin:0 2px;
}

/* Green Color Links of Post meta */
.kleen-blog .post-meta a{
  color:#065f33!important;
  font-weight:500;
}

/* Author Icon */
.kleen-blog .author a:before{
  content:'\e08a'!important;
  font-family:ETmodules!important;
  margin-right:2px;
}
/* Date Icon */
.kleen-blog .published:before{
  content:'\e023';
  font-family:ETmodules!important;
  margin-right:4px;
}
/* Pagination For Blogs */
.wp-pagenavi{
  text-align:center;
  font-family:Poppins;
  font-size:15px!important;
  line-height:1.8em!important;
  padding-top:30px!important;
  border-top:1px solid #d6d6d6!important;
}
/* To Remove Lines above Pagination */
.wp-pagenavi {
    border-top: none!important;
}
.pages{
  border:none!important;
	display:block!important;
	width:100%!important;
	margin-bottom:20px!important;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: none!important;
    margin-right: 0px!important;
      padding: 10px 18px;
}
.wp-pagenavi a:hover{
  background:#065f33;
  color:#fff!important;
}
.wp-pagenavi .current {
  padding: 10px 18px;
    background: #065f33;
    border-radius: 50%;
  color:#fff!important;
}
.wp-pagenavi a, .wp-pagenavi span{
  padding:5px 10px;
  border:1px solid #666;
  border-radius:50%;
}

/******************************
Blog Fullwidth without sidebar
******************************/
.kleen-blog-fullwidth-without-sidebar .et_pb_post{
	box-shadow:0px 2px 18px 0px rgba(110,130,208,0.17);
	padding:30px;
}
.kleen-blog-fullwidth-without-sidebar .post-meta{
	margin:0px 30px;
}

/*******************************
********************************
Sidebar 
********************************
*******************************/
/* Sidebar Search Bar */
.wp-block-search__input{
  font-family:Rubik;
  color:#000!important;
  border:2px solid #065f33!important;
}
/* Sidebar Form Button */
.wp-block-search__button{
  background:var(--kleen-dark-green)!important;
  color:#fff!important;
  text-transform:uppercase;
  border:2px solid #065f33!important;
}
/* Categories and Recent Posts Design */
.et_pb_widget ul li{
  font-family:Rubik!important;
  font-size:15px;
  font-weight:400;
  background:#ecf3f0;
  padding:0;
  border-radius:3px;
  margin-bottom:0.5em;
}
.et_pb_widget ul li a{
  color:#000!important;
	width:100%!important;
	padding:10px 20px!important;
	display:block;
}
/* Category Icon */
.cat-item a:before{
      float: left;
    content: '\35';
    font-family: etmodules;
    color: #fff;
    margin-right: 7px;
    background: var(--kleen-dark-green);
    width: 23px;
    text-align: center;
    height: 22px;
    padding: 2px 0 3px 3px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    transform: rotate(0deg);
    transition: .5s ease
}
/* Sidebar Titles */
.widgettitle{
  font-family:Poppins;
  font-size:20px!important;
  color:#fff;
  font-weight:500;
  background:var(--kleen-dark-green);
  padding:15px 20px;
  border-radius:3px;
  margin-bottom:10px;
}
/* Sidebar About */
/* About me image */
.widget_aboutmewidget .clearfix img{
  border-radius:50%;
}
/* About me Paragraph */
.widget_aboutmewidget .clearfix{
  font-family:Rubik;
  font-size:15px;
  line-height:1.8em;
  background:#ecf3f0;
  color:#000!important;
  padding:20px;
  border-radius:3px;  
  font-weight:400;
}

/***************************
****************************
 FAQs
****************************
***************************/
.kleen-faqs .et_pb_toggle {
    background-color: #fff;
    padding: 0;
}

.et_pb_toggle.et_pb_toggle_open h4.et_pb_toggle_title:before{
  content: '\4b';
    display: block;
    right:15px;
    background: #fff;
    padding: 5px;
    top:50%;
  transform:translateY(-50%);
    margin: auto;
  opacity:1!important;
  position:absolute;
}


/***************************
****************************
	Projects Page
****************************
***************************/

/* Project pagination */
.kleen-h3-portfolio .et_pb_portofolio_pagination ul li a{
  padding:7px 15px;
  border-radius:20px;
  color:#000;
}
.kleen-h3-portfolio .et_pb_portofolio_pagination ul li .active{
  background:#065f33;
	color:#fff!important;
}

.kleen-h3-portfolio .et_pb_portofolio_pagination ul li a:hover{
   background:#065f33;
	color:#fff!important;
}
.et_pb_portofolio_pagination{
	border-top:none!important;
}
/***************************
****************************
Individual Services
****************************
***************************/

/* Hover Effects on Services */
.kleen-individual-services-blurb:before{
  position:absolute;
  content:'';
  top:0;
  left:0;
  width:1%;
  height:100%;
  background:var(--kleen-dark-green);
  transition:0.5s;
}

.kleen-individual-services-blurb:hover:before{
  width:100%;
}

/* Contact Us Blurb Button Design */
.kleen-individual-service-contact-blurb a{
  background:#ffaa36;
  padding:10px 30px;
  border-radius:3px;
}

/***************************
****************************
Gallery
****************************
***************************/
/* Gallery Pagination */
.kleen-gallery .et_pb_gallery_pagination ul li a{
  padding:7px 15px;
  border-radius:50px;
  color:#000;
}
.kleen-gallery .et_pb_gallery_pagination ul li .active{
  background:#065f33;
	color:#fff!important;
}

.kleen-gallery .et_pb_gallery_pagination ul li a:hover{
   background:#065f33;
	color:#fff!important;
}

/* Gallery Hover Effects */
.kleen-gallery .et_pb_gallery_item:hover img {
    transform: scale(1.5) rotate(-5deg);
    transition: 0.5s ease;
}
/******************************
******************************
About 2
******************************
******************************/
/* Testomonial Quote Icon Position */
.kleen-about-2:before{
  position: absolute;
    left: 50%!important;
    top: 90%!important;
} 