/*	==================================================================
	PORTFOLIO CSS ====================================================
	==================================================================  */


/* Portfolio Pagination */
.et_pb_filterable_portfolio .et_pb_portofolio_pagination {
    border: none;
    margin-bottom: 40px;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul {
    text-align: center;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li{
    padding:10px 2px;
    margin-bottom: 10px;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a{
    text-align: right;
    font-size:12px;
    border: 1px solid #404148;
    color: #404148!important;
    padding: 4px 9px;
    -webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	    -ms-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
    
 }
 
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a:hover {
	border:1px solid #e50450!important;
    color: #e50450!important;
    padding: 4px 9px;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.page-1.active, 
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.last-page.active {
    border:1px solid #e50450;
    color: #e50450!important;
    padding: 4px 9px;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.last-page, 
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.page-1 {
    border:1px solid #404148;
    color: #404148;
    padding: 4px 9px;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.page-next, 
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.page-prev {
    border:none;
    color: #404148;
    padding: 4px 9px;
    font-size:0;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.page-next:after {
  content: '»';
  font-size:16px; 
}
 
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.page-prev:after {
content: '«';
font-size:16px; 
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.page-next:hover, 
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.page-prev:hover {
  border:0px solid #fff!important;
}
	
.et_pb_filterable_portfolio .et_pb_portfolio_item h2 {
  width: 100%;
  font-size: 18px;
  text-align: left;
  position: absolute;
  bottom: 10%;
  left: 10%;
  max-width: 200px;
  }
.et_pb_filterable_portfolio .et_pb_portfolio_item h2 a {
  color: #ffffff; font-weight: 600;
  }
.et_pb_filterable_portfolio .et_pb_portfolio_item p {
  top: 10%; 
  padding-left: 10%;
  }


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


/* Portfolio Filters */
.et_pb_portfolio_filters ul.clearfix {
  max-width: 1260px;
  margin: auto !important;
  }
	@media only screen and ( min-width: 981px ) {
	.et_pb_portfolio_filters ul {
	  text-align: center;
	  }
	.et_pb_portfolio_filters ul li {
	  display: inline-block;
	  float: none !important;
	  }
	}

.et_pb_portfolio_filter {
  margin-right:20px;
}

.et_pb_filterable_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters {
  margin-bottom: 20px !important;
  }
.et_pb_filterable_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
  color:rgba(122,122,140,0.55)!important;
  padding:10px 20px;
  border-radius:50px;
  }
.et_pb_filterable_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
  color: #fff !important;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background:#404148;
  border-color:#404148;
  border-radius:50px;
  -webkit-box-shadow: 0px 10px 30px -10px rgba(64,65,72,0.3);
	   -moz-box-shadow: 0px 10px 30px -10px rgba(64,65,72,0.3);
	        box-shadow: 0px 10px 30px -10px rgba(64,65,72,0.3);
  
  }
.et_pb_filterable_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
  color: #fff!important;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background:#e50450;
  border-color:#e50450;
  border-radius:50px;
  }


/* Orange Overlay */
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(2) .et_overlay, 
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(7) .et_overlay,
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(13) .et_overlay,
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(18) .et_overlay,
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(23) .et_overlay {
  background-color: rgba(255,80,40,0.7)!important;
  }
/* Hellblau Overlay */
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(3) .et_overlay, 
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(9) .et_overlay,
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(14) .et_overlay,
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(19) .et_overlay,
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(24) .et_overlay {
  background-color: rgba(158,204,254,0.7)!important;
  }
/* Hellgrau Overlay */
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(5) .et_overlay, 
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(11) .et_overlay, 
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(16) .et_overlay,
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(21) .et_overlay {
  background-color: rgba(146,158,170,0.7)!important;
  }
/* Pink Overlay */
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(4) .et_overlay, 
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(10) .et_overlay,
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(15) .et_overlay,
.et_pb_filterable_portfolio .et_pb_grid_item:nth-child(20) .et_overlay {
  background-color: rgba(230,4,80,0.7)!important;
  }
  
  @media (max-width: 980px) {
	  .et_pb_column .et_pb_grid_item:nth-child(n), 
	  .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(n) {
		  width:33.33% !important;
		  float:left;
		  margin: 0 auto !important;
	  }
  }
  
  @media (max-width: 667px) {
	  .et_pb_column .et_pb_grid_item:nth-child(n), 
	  .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(n) {
		  width:50% !important;
		  float:left;
		  margin: 0 auto !important;
	  }
	  .et_pb_filterable_portfolio .et_pb_portfolio_item h2 {
		 font-size: 14px; 
	  }
  }