/*======================================
Theme Name: Solar Divi Child Theme
Theme URI: https://solar.duogeeks.com/
Description: Solar Divi child theme crafted specifically for solar, wind, turbine, water, energy and much more project like this. It's very easy to edit and handy to use. 
Version: 1.0
Author: Divi Awesome
Author URI: https://solar.duogeeks.com/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */



/*** ALL PARAGRAPH FONT WEIGHT *****/
p {
 font-weight: 400;
 }

/* ************************
 * ********************* */
/*** PORTFOLIO Grid and HOME 1 ***/
/********************************** */

.web-portfolio .et_pb_portfolio_item .et_portfolio_image{
position:relative;
display:block;
}
.web-portfolio .et_pb_portfolio_item .et_portfolio_image:before{
position:absolute;
top:0;left:0;
width:100%;
height:100%;
text-align:center;
content:"";
background-color:rgba(0,0,0,0.5);
border-radius:50%;z-index:1;
opacity:0;
transition:all .5s ease 0s;}
.web-portfolio .et_pb_portfolio_item .et_portfolio_image:before{
  border:0;
  border-radius:inherit;
  transform:scaleX(0)}
.web-portfolio .et_pb_portfolio_item:hover .et_portfolio_image:before{
  transform:scaleX(1);
  opacity:1;}
.web-portfolio .et_pb_portfolio_item .et_portfolio_image:after{
  background-color:var(--solar-white)!important;
  border-radius:20%;
  bottom:0;
  color:var(--solar-green)!important;
  content:"\30";
  font-family:ETmodules!important;
  font-size:18px;
  height:60px;
  left:0;
  line-height:60px;
  margin:auto;
  position:absolute;
  right:0;
  text-align:center;
  top:0;transform:scale(3);
  transition:all .5s ease 0s;width:60px;
  opacity:0;
  z-index:2;}
.web-portfolio .et_pb_portfolio_item:hover .et_portfolio_image:after{
  transform:scale(1);
  opacity:1}
.web-portfolio .et_pb_portfolio_item .et_portfolio_image .et_overlay{background-color:transparent;
  border:none;}
.web-portfolio .et_pb_portfolio_item .et_portfolio_image .et_overlay:before{
  display:none;}

.web-portfolio .et_pb_portfolio_item .et_pb_module_header{bottom:auto!important;
  top:15px;
  padding:10px!important;
  font-size:15px;
  line-height:1.3;
}
.web-portfolio .et_pb_portfolio_item .et_pb_module_header,
.web-portfolio .et_pb_portfolio_item .post-meta{background:var(--solar-green)!important;
  padding:0 30px;
  position:absolute;
  color:var(--solar-white)!important;
	border-radius:0px 10px 10px 0px;
  bottom:15px;
  left:-120%;
  z-index:1;
  transition:all .3s ease .2s;}
.web-portfolio .et_pb_portfolio_item .et_portfolio_image img{
  width:100%;
  height:auto;
  transform:scale(1);
  transition:all 2s ease 0s;}
.web-portfolio .et_pb_portfolio_item:hover .et_portfolio_image img{
  transform:scale(1.2);}
.web-portfolio .et_pb_portfolio_item .post-meta,
.web-portfolio .et_pb_portfolio_item .post-meta a{color:var(--solar-white)!important;}
.web-portfolio .et_pb_portfolio_item:hover .et_pb_module_header,
.web-portfolio .et_pb_portfolio_item:hover .post-meta{left:0;}
.web-portfolio .et_pb_portfolio_item{overflow:hidden;
  position:relative;}
.web-portfolio .et_pb_portfolio_item .post-meta{background:var(--solar-green)!important;}

/****** RESPONSIVE DESIGN ******/

@media only screen and (min-width:981px){.web-portfolio .et_pb_portfolio_filters ul{
	text-align:center;}
.web-portfolio .et_pb_portfolio_filters ul li{
	display:inline-block;
	float:none!important;
	margin-left:10px;}}

.web-portfolio .et_pb_portfolio_filters li a.active{
	background-color:var(--solar-green)!important;
  color:var(--solar-white)!important}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:15px;
  color:var(--solar-green)!important;}
.web-portfolio 
.et_pb_portfolio_filters li a:hover{
  background-color:var(--solar-green)!important;
  color:var(--solar-white)!important;}

@media only screen and (min-width:981px){.web-portfolio .et_pb_portfolio_filters ul{text-align:center;}
.web-portfolio .et_pb_portfolio_filters ul li{display:inline-block;float:none!important;margin-left:10px}}


/********************************
 * *******Blog Grid view HOME 1 **************
 * *****************************/

  /*blog css*/
.web_blog_style .et_pb_post{
    padding:0;
    position: relative;
	overflow: hidden;
  }
.web_blog_style .et_pb_post .entry-featured-image-url {
	overflow: hidden;
	border-radius: 3px;
}
.web_blog_style .et_pb_post .entry-featured-image-url .entry-featured-image-url {
	margin-bottom: 0;
}
.web_blog_style .et_pb_post .post-meta .published {
	color: var(--solar-black)!important;
}
 
.web_blog_style .et_pb_post .et_pb_image_container {
	margin-bottom: 10px!important;
	margin: 0;
}

.web_blog_style .et_pb_post .post-meta .published {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 9;
	border-radius:0 0 0 10px;
	background-color: var(--solar-green)!important;
	color: var(--solar-white)!important;
	line-height: 1.2;
	text-align: center;
	width: 46px;
	line-height: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.web_blog_style .et_pb_post .entry-featured-image-url .et_overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	border: none;

}

.web_blog_style .et_pb_post:hover .entry-featured-image-url .et_overlay {
	-webkit-transform: scale(2) translateX(0) translateY(0) translateZ(0) rotate(-28deg);
	transform: scale(2) translateX(0) translateY(0) translateZ(0) rotate(-28deg);
}

.web_blog_style .et_pb_post .entry-featured-image-url .et_overlay:before {
	top: 50%;
	transform: translate(-50%, -50%);
	color: var(--solar-green)!important;
	font-size: 10px;
	padding: 9px;
	border-radius: 20%;
	background: var(--solar-white)!important;
	margin: 0;
}
  .web_blog_style .pagination .alignleft,
.web_blog_style .pagination .alignright {
	overflow: hidden;
	width: auto;
	margin: 0 auto;
	float: none;
	text-align: center;
	display: inline-block;
	line-height: 50px;
}

.web_blog_style .pagination .alignleft a,
.web_blog_style .pagination .alignright a {
	background-color: var(--solar-green)!important;
	padding: 10px 22px!important;
	border: none!important;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all .5s !important;
}

.web_blog_style .pagination .alignleft a:hover,
.web_blog_style .pagination .alignright a:hover {
	color: var(--solar-white)!important;
	text-shadow: 0 0 3px #333;
	background-color: #082c4b;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, .2);
}
.solar-blog .et_pb_post {
    position: relative!important;
    box-shadow: 0 2px 18px 0 rgba(110,130,208,.17);
}


/*************** DIVI POST CATEGORY ********************/
/*******************************************************/
div#category a {
    color: var(--solar-black)!important;
    background-color: var(--solar-white)!important;
    padding: 15px;
    border-radius: 100px;
}
div#category a:hover{
  color: var(--solar-green)!important;
  
}


/***********************************************/
/*** EDIT COMMENT redesign ***/
/***********************************************/

/* ===== Comment ======*/

#comment-wrap .comment-respond .comment-reply-title,
#comment-wrap .page_title {
    position: relative;
	display: inline-block;
margin-bottom: 20px;
}
#comment-wrap .comment-respond .comment-reply-title:before,
#comment-wrap .page_title:before {
    content: "\e066";
    margin-right: 10px;
    font-family: ETmodules !important;
}


/************Project Left Blurb ****************/
/***********************************************/

.project-left-blurb .et_pb_blurb_description {
    position: relative;
    float: left;
    margin-top: -39px;
    left: 100px;
}
.project-left-blurb .et_pb_blurb_position_left .et_pb_main_blurb_image img{ 
    border-radius: 0px!important;
	box-shadow: none!important;
}

/**** PAGINATION STYLING ******/
/*  style the wp-pagenavi pagination links **/

.wp-pagenavi a,
.wp-pagenavi span {
	color: var(--solar-black)!important;
	background: #f1f3f5;
	font-size: 1em !important;
	line-height: 1em;
	border:none;
	font-weight: bold !important;
	padding: 0.45em 0.8em !important;
	border-radius: 100px;
	transition: all .5s;
}


/*style the wp-pagenavi current page number*/

.wp-pagenavi span.current {
	color: var(--solar-white)!important;
	background: var(--solar-green)!important;
	border-radius: 100px;
}

/*style the wp-pagenavi pagination links on hover*/

.wp-pagenavi a:hover {
	color: var(--solar-white)!important;
	background: var(--solar-green)!important;
}

/*style the wp-pagenavi pages text*/

.wp-pagenavi .pages {
	background: none;
}

/*remove border and center the wp-pagenavi links*/

.wp-pagenavi {
	border-top: none;
	text-align: center;
}
/***** PAGENAVI END *****/


/**********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;
bottom: 15px;
border-radius: 25px;
background: var(--solar-green)!important;
padding: 10px;
}
.et_pb_scroll_top.et-pb-icon:hover {
background: #1f1f1f;
color: var(--solar-white)!important;
}
.et_pb_scroll_top:before {
content: "\36";
font-weight: 900;
}

/*** Bouncing Back To Top Button Animation ***/
span.et_pb_scroll_top.et-pb-icon.et-visible {
animation: vertical-bounce 2.2s ease-out infinite;
}
@keyframes vertical-bounce {
0% { transform:translateY(0%); }
12.5% { transform:translateY(-20%); }
25% { transform:translateY(0%); }
37.5% { transform:translateY(-20%); }
50% { transform:translateY(0%); }
}

/**** BACK to TOP BUTTON END ****/



/********* Plus Sign in number counter ********************/
/****************************************************/
.plus .percent-value:after { content:'+';}




/* ************************ */
/* **Portfolio Grid and HOME 2** */
/*portfolio*/

.web-portfolio1 .et_pb_portfolio_item .et_portfolio_image{
position:relative;
display:block;
}
.web-portfolio1 .et_pb_portfolio_item .et_portfolio_image:before{
position:absolute;
top:0;left:0;
width:100%;
height:100%;
text-align:center;
content:"";
background-color:rgba(0,0,0,0.5);
border-radius:50%;z-index:1;
opacity:0;
transition:all .5s ease 0s;}
.web-portfolio1 .et_pb_portfolio_item .et_portfolio_image:before{
  border:0;
  border-radius:inherit;
  transform:scaleX(0)}
.web-portfolio1 .et_pb_portfolio_item:hover .et_portfolio_image:before{
  transform:scaleX(1);
  opacity:1;}
.web-portfolio1 .et_pb_portfolio_item .et_portfolio_image:after{
  background-color:var(--solar-white)!important;
  border-radius:20%;
  bottom:0;
  color:var(--solar-green)!important;
  content:"\30";
  font-family:ETmodules!important;
  font-size:18px;
  height:60px;
  left:0;
  line-height:60px;
  margin:auto;
  position:absolute;
  right:0;
  text-align:center;
  top:0;transform:scale(3);
  transition:all .5s ease 0s;width:60px;
  opacity:0;
  z-index:2;}
.web-portfolio1 .et_pb_portfolio_item:hover .et_portfolio_image:after{
  transform:scale(1);
  opacity:1}
.web-portfolio1 .et_pb_portfolio_item .et_portfolio_image .et_overlay{background-color:transparent;
  border:none;}
.web-portfolio1 .et_pb_portfolio_item .et_portfolio_image .et_overlay:before{
  display:none;}

.web-portfolio1 .et_pb_portfolio_item .et_pb_module_header{bottom:auto!important;
  top:15px;
  padding:10px!important;
  font-size:15px;
  line-height:1.3;
}
.web-portfolio1 .et_pb_portfolio_item .et_pb_module_header,
.web-portfolio1 .et_pb_portfolio_item .post-meta{background:var(--solar-green)!important;
  padding:0 30px;
  position:absolute;
  color:var(--solar-white)!important;
	border-radius:0px 10px 10px 0px;
  bottom:15px;
  left:-180%;
  z-index:1;
  transition:all .3s ease .2s;}
.web-portfolio1 .et_pb_portfolio_item .et_portfolio_image img{
  width:100%;
  height:auto;
  transform:scale(1);
  transition:all 2s ease 0s;}
.web-portfolio1 .et_pb_portfolio_item:hover .et_portfolio_image img{
  transform:scale(1.2);}
.web-portfolio1 .et_pb_portfolio_item .post-meta,
.web-portfolio1 .et_pb_portfolio_item .post-meta a{color:var(--solar-white)!important;}
.web-portfolio1 .et_pb_portfolio_item:hover .et_pb_module_header,
.web-portfolio1 .et_pb_portfolio_item:hover .post-meta{left:0;}
.web-portfolio1 .et_pb_portfolio_item{overflow:hidden;
  position:relative;}
.web-portfolio1 .et_pb_portfolio_item .post-meta{background:var(--solar-green)!important;}


@media only screen and (min-width:981px){.web-portfolio1 .et_pb_portfolio_filters ul{
	text-align:center;}
.web-portfolio1 .et_pb_portfolio_filters ul li{
	display:inline-block;
	float:none!important;
	margin-left:10px;}}

.web-portfolio1 .et_pb_portfolio_filters li a.active{
	background-color:var(--solar-green)!important;
  color:var(--solar-white)!important}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:15px;
  color:var(--solar-green)!important;}
.web-portfolio1 
.et_pb_portfolio_filters li a:hover{
  background-color:var(--solar-green)!important;
  color:var(--solar-white)!important;}

@media only screen and (min-width:981px){.web-portfolio1 .et_pb_portfolio_filters ul{text-align:center;}
.web-portfolio1 .et_pb_portfolio_filters ul li{display:inline-block;float:none!important;margin-left:10px}}

/***** PORTFOLIO GRID HOME 2 END *******/


/*** HOME 2 our team ****/
  
.et_pb_team_solar{
	position:relative;
	overflow:hidden}
.et_pb_team_solar .et_pb_team_member_image{
	margin-bottom:0;
	max-width:100%;
	position:relative}
.et_pb_team_solar .et_pb_team_member_image:before{
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	z-index:1;
	opacity:0;
	transition:all .3s ease;
	-moz-transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));
	background:-moz-linear-gradient(top,
rgba(0,0,0,0),
rgba(0,0,0,.6));
	background:
		-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));
	background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6))}

.et_pb_team_solar:hover .et_pb_team_member_image:before{
	opacity:1}
.et_pb_team_solar .et_pb_team_member_description{
	position:relative;
	padding:28px 0;
	text-align:center;
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease}
.et_pb_team_solar .et_pb_team_member_description:before{
	position:absolute;content:'';
	left:0;
	top:0;
	width:0%;
	height:100%;
	opacity:0;
	z-index:-1;
	visibility:hidden;
	background-color:var(--solar-green)!important;
	transition:all .6s ease;
	-webkit-transition:all .6s ease;
	-ms-transition:all .6s ease;
	-o-transition:all .6s ease}
.et_pb_team_solar .et_pb_team_member_description:after{
	position:absolute;
	content:'';
	right:0;
	top:0;
	width:0%;
	height:100%;
	opacity:0;
	z-index:-1;
	visibility:hidden;
	background-color:var(--solar-green)!important;
	transition:all .6s ease;
	-webkit-transition:all .6s ease;
	-ms-transition:all .6s ease;
	-o-transition:all .6s ease}
.et_pb_team_solar:hover .et_pb_team_member_description .et_pb_member_position,
.et_pb_team_solar:hover .et_pb_team_member_description .et_pb_module_header{
	color:var(--solar-white)!important;}
.et_pb_team_solar:hover .et_pb_team_member_description:after,
.et_pb_team_solar:hover .et_pb_team_member_description:before{
	width:100%;opacity:1;
	visibility:visible}
.et_pb_team_solar .et_pb_team_member_description .et_pb_member_social_links{
	position:absolute;
	left:0;
	bottom:90%;
	right:0;
	z-index:1;
	opacity:0;
	transition:all .3s ease;
	-moz-transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease}
.et_pb_team_solar .et_pb_team_member_description .et_pb_member_social_links li{
	margin:0 5px}
.et_pb_team_solar .et_pb_team_member_description .et_pb_member_social_links li a{
	font-size: 13px;

color: var(--solar-green)!important;

background:
var(--solar-white)!important;

width: 30px;

height: 30px;

line-height: 30px;

font-weight: 100;

border-radius: 50%;}
.et_pb_team_solar:hover .et_pb_team_member_description .et_pb_member_social_links{opacity:1;bottom:100%;padding:20px}


/* TEAM RESPONSIVE SECTION */

@media only screen and (max-width:980px){
.et_pb_team_solar{max-width:400px;
	margin:0 auto;}
.et_pb_team_solar .et_pb_team_member_image{
	width: 100% !important;
	float: none;}
.et_pb_team_solar .et_pb_team_member_image img{
	width: 100%;}
.et_pb_team_solar .et_pb_team_member_description{
	display:block;}
.et_pb_team_solar{
	width: auto;}
}  

/*** HOME 2 our TEAM END ****/


/************ Home 3 divider design floating effect*********/
/**********************************************************/
.floating { 
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
	margin-left:400px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }   
}


/****** HOME 3 TEAMS width adjustment **********/

@media only screen and (max-width:980px){
.et_pb_team_solar{max-width:500px;
	margin:0 auto;}
.et_pb_team_solar .et_pb_team_member_image{
	width: 100% !important;
	float: none;}
.et_pb_team_solar .et_pb_team_member_image img{
	width: 100%;}
.et_pb_team_solar .et_pb_team_member_description{
	display:block;}
.et_pb_team_solar{
	width: auto;}
}


/* HOME 4 THREE COLUMN PORTFOLIO GRID LAYOUT */

@media only screen and ( min-width: 768px ) {

.three-column-grid .et_pb_grid_item {
width: 30.533% !important;
margin: 0 3.5% 3.5% 0 !important;
}
 
.three-column-grid .et_pb_grid_item:nth-child(3n) {
margin-right: 0 !important;
}

.three-column-grid .et_pb_grid_item:nth-child(3n+1) {
clear: left;
}

.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
clear: unset !important;
}
}

/*---------------------------------------------------------------*/
/* HOME 4 portfolio Title on Image HOver */

/* We set the position of the title here */
.de-portfolio-title h2.et_pb_module_header {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    margin-top: 0px!important;
    z-index: 3;
    opacity: 0;     /* We want to make sure it is not shown unless hovered */
}
 
/* Make the title visible when hovered */
.de-portfolio-title .et_pb_portfolio_item:hover h2.et_pb_module_header {
    opacity: 1;
}
 
/* Remove the overlay icon if one is set */
.de-portfolio-title span.et_overlay:before {
    content: '';
}
 
/* Make sure the title is shown even if you hover it directly */
.de-portfolio-title .et_pb_portfolio_item:hover span.et_overlay {
    opacity: 1;
    z-index: 3;
}
/*---------------------------------------------------------------*/

/*portfolio image aspect ratio portrait 3:4*/

.pa-portfolio-image-3-4 .et_portfolio_image {
  padding-top: 133.33%;
  display: block;
}

.pa-portfolio-image-3-4 .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}


/*Home-1 Our Team Section Styles */
.home-5-member .et_pb_team_member_description {
  margin-top: -50px;
  position: absolute;
  background: var(--solar-white)!important;
  right: -30px;
  padding: 10px 20px;
  width: 100%;
  border-radius: 10px;
}

/**** GALLERY *****/
/*Gallery Pagination*/

.et_pb_gallery_pagination a.active {
  background: var(--solar-black)!important;
  padding: 3.5px 10px;
  border-radius: 25px;
  color: var(--solar-green)!important;
  box-shadow: 0 0 18px rgba(110, 130, 208, 0.17) !important;
}
.et_pb_gallery_pagination a {
  padding: 3.5px 10px;
  border-radius: 25px;
  background-color: var(--solar-green)!important;
	 color: var(--solar-white) !important;
  box-shadow: 0 0 18px rgba(110, 130, 208, 0.17) !important;
}
.et_pb_gallery_pagination {
  border: 0px !important;
}
/*End of Gallery Pagination*/



/* Gallery Hover Effect Rotate and Scale*/
/*Normal State*/

@media (min-width: 981px){
.et_pb_gallery_grid .et_pb_gallery_item img {
    transition: .5s ease-in-out;
}
}

/* Hover State */
@media (min-width: 981px){
.et_pb_gallery_grid .et_pb_gallery_item img:hover {
    transform: scale(1.3) rotate(-5deg);
    transition: .5s ease-in-out;
 }
}
/**** GALLERY END *****/


/*Blogs code HOME 2 */

.h2-blogs .et_pb_post .entry-featured-image-url {
  overflow: hidden;
}
.h2-blogs .et_pb_blog_grid .et_pb_image_container img {
  max-height: 200px;
  transition: 0.5s ease !important;
}
.h2-blogs .post {
  position: relative;
}
h2-blogs .post .post-meta {
  z-index: 12;
  padding: 2px 10px;
  position: absolute;
  left: 0;
  color: var(--matewhite) !important;
  top: 0;
  border-radius: 10px 5px 5px 0px;
  background-color: var(--matepink);
}

.h2-blogs .entry-featured-image-url:hover img {
  transform: scale(1.2);
}

/*Blogs hover boder animation effect*/
.h2-blogs .entry-featured-image-url::before,
.h2-blogs .entry-featured-image-url::after {
  content: "";
  opacity: 1;
  position: absolute;
  display: block;
  top: 40px;
  bottom: 40px;
  left: 40px;
  right: 40px;
  margin: auto;
  transform: scale(0, 1);
  z-index: 11;
  transition: 0.5s ease;
}
.h2-blogs .entry-featured-image-url:hover::before {
  opacity: 1;
  transform: scale(1);
  border-top: 2px solid white;
  border-bottom: 2px solid white;
}
.h2-blogs .entry-featured-image-url::after {
  transform: scale(1, 0);
}
.h2-blogs .entry-featured-image-url:hover::after {
  opacity: 1;
  transform: scale(1);
  border-left: 2px solid white;
  border-right: 2px solid white;
}

.web_blog3_style .et_pb_post .post-meta .published {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 9;
	border-radius:10 10 10 10px;
	background-color: var(--solar-green)!important;
	color: var(--solar-white)!important;
	line-height: 1.2;
	text-align: center;
	width: 100%;
	line-height: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*** HOME 2 Blog END *****/


/* ###### TEAM MODULE - PAGE ##### */

.person_module_2 .et_pb_team_member_image {
    max-width: 100%;
}

.person_module_2 .et_pb_team_member_description {
background: rgba(0,0,0,.75);
    color: var(--solar-white)!important;
    padding: 20px 14px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
	border-radius:10px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.person_module_2:hover .et_pb_team_member_description {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}

.person_module_2 .et_pb_team_member_image {
	margin-bottom: 0px !important;
}
.person_module_2 {
	overflow: hidden !important;
}


/*
 * 
 *  Menu Dropdown Styling 
 * 
 */

.nav li li {
    padding: 0 0px;
}

.et-menu li li a {
    width: 290px;
	
}

.nav ul li:last-child a{
	border-bottom:0;	
}


.nav ul li:hover:last-child a{
	border-bottom:0;
}
.nav ul li a:hover {
    background: #8EC038 ;
	border-radius:0px;
    opacity: 1;
	padding-left: 20px;
	border-bottom: 3px var(--solar-white)!important;
	transition: all .3s ease-in-out !important;
}

.et_pb_menu .et-menu-nav>ul ul {
    padding: 20px 10px;
}

/* Dropdown Menu Hover Background Color */ 
.et_mobile_menu li a:hover, .nav ul li a:hover {     
	transition: all .3s ease-in-out !important;
	background-color: #C5ECD5 !important;   
	color:var(--solar-white)!important;
	opacity: 1; 
	
}


/*****------- Mobile Nested Submenu  -------****/

/** 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: var(--solar-black)!important;
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\4d";
}

/*Dropdown navigation transition*/
.et_mobile_menu {
  margin-top: 30px;
}
.nav li li {
  width: 100% !important;
  padding: 0 !important;
}
.nav li li a {
  width: 97% !important;
  color: var(--solar-white) !important;
  transition: 0.3s ease !important;
}
.nav li li:before {
  display: block;
  z-index: -1;
  content: "";
  width: 0;
  height: 100%;
  background: var(--solar-green)!important;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: -5;
  transition: 0.3s ease;
}
.nav li li:hover a {
  margin-left: 3% !important;
}
.nav li li:hover {
  background-color: transparent !important;
}
.nav li li:hover:before {
  width: 3%;
}
.et_pb_menu ul li a:hover {
  color:var(--solar-white) !important;
}
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
  background-color: var(--solar-white)!important;
  border-color: var(--solar-green)!important;
   box-shadow: 0 0 18px #00000026;
  top: 40px;   /* dropdown margin from top */
}
@media only screen and (min-width: 980px) {
  .et_pb_menu .sub-menu {
    width: 310px !important;
    border-radius: 0px 10px 0px 10px!important;
  }
}

@media (max-width: 980px){
.et_pb_menu .et_mobile_menu {
    top: 100%;
    width: 300px;
	padding: 5%;
	align-content:center;
	margin-left:-150px;
}
}
/*End of Header Dropdown Styles*/


/* ************************ */
/* **PORTFOLIO Page Grid View ** */
/************************************ */
/* Filterable Portfolio Section with Rectangles Hover Effect */

/* filter and pagination */
.solar_business_portfolio .et_pb_portfolio_filters {
    text-align: center;
}
.solar_business_portfolio .et_pb_portfolio_filters > ul {
    display: inline-block;
    box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01);
}
.solar_business_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,
.solar_business_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.solar_business_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a,
.solar_business_portfolio .et_pb_portofolio_pagination ul li a {
    border:none;
    margin: 5px 5px 0 0;
    background-color: var(--solar-white)!important;
    -webkit-transition: all 0.65s ease;
         -o-transition: all 0.65s ease;
            transition: all 0.65s ease;
}
.solar_business_portfolio .et_pb_portofolio_pagination {
    text-align: center;
	border-radius:100px;
    border-top: none;
    margin-top: 40px;
}
.solar_business_portfolio .et_pb_portofolio_pagination ul {
    display: inline-block;
	border-radius:100px;
    
}
.solar_business_portfolio .et_pb_portofolio_pagination ul li {
    padding: 0px;
	border-radius:100px;
}
.solar_business_portfolio .et_pb_portofolio_pagination ul li a {
    padding: 20px 25px;
	border-radius:100px;
}
/* end filter and pagination */

/* portfolio item */
/* bring the hovered item above the adjacent items by transitioning the z-index */
.solar_business_portfolio .et_pb_portfolio_item {
    z-index: 1;
    -webkit-transition: z-index 0.65s ease;
         -o-transition: z-index 0.65s ease;
            transition: z-index 0.65s ease;
}
.solar_business_portfolio .et_pb_portfolio_item:hover {
    z-index: 999;
}
/* end */
.solar_business_portfolio .et_pb_portfolio_item h2{
    margin-top: 0 !important;    
}
/* move the title and meta above the portfolio item image */
.solar_business_portfolio h2.et_pb_module_header,
.solar_business_portfolio p.post-meta  {
    position: absolute;
    opacity: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
            transform: translatex(-50%);
    width: auto;
    height: auto;
    text-align: center;
    padding: 0;
    -webkit-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
    -webkit-transition-delay: 0.05s;
         -o-transition-delay: 0.05s;
            transition-delay: 0.05s;
}
.solar_business_portfolio h2.et_pb_module_header {
    top: 80px;
}
.solar_business_portfolio p.post-meta {
    bottom: 80px;
}
/* end */
/* show title and meta on hover */
.solar_business_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header,
.solar_business_portfolio .et_pb_portfolio_item:hover p.post-meta {
    opacity: 1;
    -webkit-transition-delay: 0.55s;
         -o-transition-delay: 0.55s;
            transition-delay: 0.55s;
}
.solar_business_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header {
    top: 40px;
}
.solar_business_portfolio .et_pb_portfolio_item:hover p.post-meta {
    bottom: 40px;
}
/* end */
/* show overlay icon when hovering the portfolio item */
.solar_business_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay {
    z-index: 3;
    opacity: 1;
}
.solar_business_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay:before {
  	top: 50%;
}
/* end */
/* end portfolio item */

/* responsive  - REMOVE this part if you want to use Divi row gutter setting */
/* adjust portfolio item margin and width for different screen widths */
@media (min-width: 981px) {
    .solar_business_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
        width: 24.625% !important;
        margin: 0 .25% .25% 0 !important;

    }
}
@media (max-width: 980px) {
     .solar_business_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
        width: 33.166% !important;
        margin: 0 .25% .25% 0 !important;

    }
    .solar_business_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(n).last_in_row {
        margin-right: 0 !important;
    }
}
@media (max-width: 767px) {
    .solar_business_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
        width: 49.75%!important;
        margin: 0 .25% .25% 0!important;
    }

}
@media (max-width: 479px) {
    .solar_business_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
        width: 100%!important;
        margin: 0 0 1% 0!important;

    }
}
@media (max-width: 767px){ 
.solar_business_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters ul {
    width: 100%;
    display: flex;
    overflow: scroll;
  }}


/* end */
/* end responsive */
/* END GENERAL CSS */

/* PORTFOLIO PAGE CSS */
/* set hover and active colors for filter and pagination */
.solar_business_portfolio.effect-rectangles .et_pb_portfolio_filters li a.active,
.solar_business_portfolio.effect-rectangles .et_pb_portfolio_filters li a:hover,
.solar_business_portfolio.effect-rectangles .et_pb_portofolio_pagination ul li a.active,
.solar_business_portfolio.effect-rectangles .et_pb_portofolio_pagination ul li a:hover {
    background-color: var(--solar-green)!important;
    color: var(--solar-white) !important;
}

/*portfolio filter GRAY background ***/
.solar_business_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{   
    background-color: #ededed;
}
/* end hover and active colors for filter and pagination */

/* RECTANGLES EFFECT */
.effect-rectangles .et_pb_portfolio_item,
.effect-rectangles .et_portfolio_image {
    overflow: hidden;
}
.effect-rectangles h2.et_pb_module_header,
.effect-rectangles p.post-meta {
    z-index: 4;
}
.effect-rectangles .et_pb_portfolio_item > a {
    display: block;
    position: relative;
    overflow: hidden;
}
.effect-rectangles .et_pb_portfolio_item > a:before,
.effect-rectangles .et_pb_portfolio_item > a:after,
.effect-rectangles .et_portfolio_image:before,
.effect-rectangles .et_portfolio_image:after {
    content:'';
    position: absolute;
    opacity: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all 0.65s ease;
         -o-transition: all 0.65s ease;
            transition: all 0.65s ease;
}
.effect-rectangles .et_portfolio_image:before {
    top: 0;
    right: 0;
    height: 50%;
    width: 50%;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}
.effect-rectangles .et_portfolio_image:after {
    bottom: 0;
    left: 0;
    height: 50%;
    width: 50%;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
}
.effect-rectangles .et_pb_portfolio_item > a:before {
    top: -1%;
    left: -1%;
    height: 51%;
    width: 51%;
    margin: 0 !important;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    z-index: 1;
}
.effect-rectangles .et_pb_portfolio_item > a:after {
    bottom: -1%;
    right: -1%;
    height: 51%;
    width: 51%;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
}
.effect-rectangles .et_pb_portfolio_item:hover > a:before,
.effect-rectangles .et_pb_portfolio_item:hover > a:after,
.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:after {
    -webkit-transform: translate(0, 0) scale(1);
        -ms-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
    opacity: 1;
}
.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:after {
    background-color: rgba(0,173,71,0.7); /* set 2nd and 3rd rectangle color here */
    opacity: 1;
}
.effect-rectangles .et_pb_portfolio_item:hover > a:before,
.effect-rectangles .et_pb_portfolio_item:hover > a:after{
    background-color: rgba(0,24,48,0.56); /* set 1st and 4th rectangle color here */
    opacity: 1;
}

/***** PORTFOLIO PAGE GRID END *****/


/****** CONTACT FORM BUTTON FULL WIDTH *****/
.et_contact_bottom_container , .et_pb_contact_submit{
    width: 100%;
}

/**** CONTACT FORM FIELDs CSS *****/
.contact_form_green{
	   color: var(--solar-white)!important;
    font-family: Roboto;
    font-size: 16px;
}
.contact_form_black{
	   color: var(--solar-black)!important;
    font-family: Roboto;
    font-size: 16px;
}

/***** GALLERY LIGHTBOX STYLING ******/
.mfp-title {
    color: var(--solar-white)!important;
    font-weight: bold;
    background: var(--solar-green)!important;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -24px;
  
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    font-size: 64px;
    font-family: Roboto;
    font-weight: 500;
    top: 10px;
	color:var(--solar-white)!important;
	right:10px;
    opacity: .2;
}
img.mfp-img {
    padding: 0;
    border: 3px solid var(--solar-green)!important;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
	margin-right:20px;
    color: var(--solar-white)!important;
    font-size: 12px;
    line-height: 18px;
}
/****** END ******/


/************************* Sidebar **********************/

.et_pb_widget li.cat-item a::before {
    float: left;
    content: '\35';
    font-family: etmodules;
    color: var(--solar-white)!important;
    margin-right: 7px;
    background: var(--solar-green)!important;
    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;
}

.et_pb_widget,
.et_pb_widget{border-radius: 5px;
box-shadow: 0px 6px 9px 0px rgba(110,130,208,0.20);
	padding:10px;}

.et_pb_widget .widgettitle,
.et_pb_widget .title{
	text-transform: uppercase;
	position:relative;
	margin-bottom:25px;
	padding-bottom:10px;
	font-size:18px;
	font-weight:700;
	line-height:28px;
	color:var(--solar-green)!important;
}
.et_pb_widget .widgettitle:after, #sidebar .et_pb_widget .widgettitle:before,
.et_pb_widget .title:after, #f_sidebar .et_pb_widget .title:before{
	content:'';
	position:absolute;
	bottom:0;
	width:60px;
	border-top:1px solid #001730;
	left:0
}

.et_pb_widget .widgettitle:after,
.et_pb_widget .title:after{
	border-top:3px solid var(--solar-green)!important;
	display:block;
	position:absolute;
	bottom:-1px;
	width:30px;
-webkit-transition:all .27s cubic-bezier(0, 0, .58, 1);
transition:all .27s cubic-bezier(0, 0, .58, 1)
}
.et_pb_widget:hover .widgettitle:after,
.et_pb_widget:hover .title:after{
	width:150px;
}

.et_pb_widget_area_left {
    border-right: 0px solid rgba(0,0,0,.1)!important;
    padding-right: 0px!important;
}

.widget_search input#s, .et_pb_widget .wp-block-search__input, .et_pb_widget .wp-block-search__button {
	border: 2px solid var(--solar-green)!important;
    background-color: var(--solar-light-green)!important;
  border-radius: 10px;
}
.widget_search input#searchsubmit{
	 border: 2px solid #001730;
	 color: var(--solar-white)!important;
    border-radius: 10px;
}

.et_pb_widget .wp-block-search__button {
    border: 2px solid var(--solar-green)!important;
    background-color: var(--solar-green)!important;
	color:var(--solar-white)!important;
    border-radius: 10px;
}
/* Recent Post Title */
span.rpwwt-post-title {
    font-weight: 800;
    color: #001730;
}
.et_pb_widget ul li {
    margin-bottom: 1.5em;
}

.et_pb_widget ol li {
    margin-bottom: 5.5em;
}

/* changes widget category */
.et_pb_widget .widget_categories ul li a {
    width: 90%;
    display: inline-block;
    padding: 6px;
    color: var(--solar-black)!important;
}
.et_pb_widget .widget_categories ul li {
    background: transparent;
}
.et_pb_widget ul li a{
	width:100%!important;
	background-color:var(--solar-light-green)!important;
	display:block;
	border-radius:10px 10px;
	padding:5px 5px;
}

/*about us image*/
img#about-image {
    float: left;
    margin: 3px 8px 8px 0;
    border-radius: 100%;
    border: 4px solid var(--solar-green)!important;
}

/* About me Paragraph */
.widget_aboutmewidget .clearfix{
  font-weight:400;
}
/*To show sidebar bottom in mobile and tablet*/

@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
}

/**** SIDEBAR END ******/