/*
Theme Name: CustomOak
Theme URI: https://www.kensa-creative.com
Template: Divi
Author: Kensa Creative
Author URI: https://www.kensa-creative.com
Description: CustomOak
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.106.1523895671
Updated: 2018-04-16 16:21:11

/*-------------------------------------------------------------*/
/* header contacts/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/


span.mobile_menu_bar:before {
    color: #fefefe !important;
}



#top-header #et-info {

line-height:1em;
float:right;
margin-right:0%!important;


}

#TwitterCounter {
display:none;	
	
}

/*-------------------------------------------------------------*/
/* NEW/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

.ds-hover-3 {
  display: inline-block;
  position: relative;
  margin:6%;

}
.ds-hover-3 img {
  display: block;
  max-width: 100%;
}
.ds-hover-3::before,
.ds-hover-3::after {
  opacity: 0;
  position: absolute;
  width: 80%;
  color: #fff;

  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ds-hover-3::before {
  content: attr(ds-title);
  top: 0%;
  margin:auto 0;
  width:100%;
  height: 30%;
  font-size: 22px;
  text-transform:capitalize;
  font-weight:bolder;
  right:0%;
  padding-top:150px;
}

.ds-hover-3:hover::before {
opacity:0.9;
background: #2a231f;
top:16%;

}

/*-------------------------------------------------------------*/
/* filter portfolio/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .et_pb_portfolio_filter a{
color:#2a231f!important;

}

.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio h2, .et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .et_pb_module_header {
padding-top:100px;	
	
}


.et_pb_filterable_portfolio .et_pb_portfolio_item h2 {
  width: 100%;
  font-size: 11px;
  text-align: left;
  position: absolute;
  padding:5%;
line-height:1em!important;
  margin:auto 0;

}
.et_pb_filterable_portfolio .et_pb_portfolio_item h2 a {
  color: #ffffff;
  margin:auto 0;
}
.et_pb_filterable_portfolio .et_pb_portfolio_item p {
  top: 10%; 
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters {
}
.et_pb_filterable_portfolio .et_overlay {
  border: none;
}
.et_pb_filterable_portfolio .et_overlay:before {
  display: none; /*hides overlay icon*/
}

.et_pb_filterable_portfolio .et_pb_grid_item .et_overlay {
  background-color: #2a231f;
  opacity:0.8;
}


.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
float:left;
font-size:20px;
line-height:1em;
width:20%;
	
 }

   


/*-------------------------------------------------------------*/
/* media jquery/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/


@media screen and (max-width: 768px) and (min-width:320px) {
.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a {
height:100%;

	}
	 }


		
@media screen and (max-width: 768px) and (min-width:320px) {
.ds-hover-3:hover::before {
height:55%;
opacity:0.9;
background: #2a231f;
top:0%;


}	
 } 
	
@media screen and (max-width: 1180px) and (min-width:981px) {
.ds-hover-3:hover::before {
height:35%;
opacity:0.9;
background: #2a231f;
top:0%;


}	
 }
	
	@media screen and (max-width: 1200px) and (min-width:1180px) {
.ds-hover-3:hover::before {
height:40%;
opacity:0.9;
background: #2a231f;
	top:0%;


}	
		
		}
	@media screen and (max-width: 1400px) and (min-width:1201px) {
.ds-hover-3:hover::before {
height:45%;
opacity:0.9;
background: #2a231f;
	top:0%;


}	
		
	}
@media screen and (max-width: 1600px) and (min-width:1401px) {
.ds-hover-3:hover::before {
height:55%;
opacity:0.9;
background: #2a231f;
top:0%;

}