/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 19 2020 | 12:41:33 */
/*.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active {color: #e4044a; font-family: Oswald;}
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a {font-family: Oswald;}*/
.BA-desc, #text.BA-desk {text-transform:initial; line-height:28px!important; padding-top:10px;}

/*---styling for project listing on individual service pages---*/
.single-portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters {display: none;}

.et_pb_gutters3 .et_pb_column_3_5 .et_pb_grid_item.et_pb_portfolio_item {clear:none!important; width: 100%!important; margin-bottom:0px;}
.category-portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters {display:none;}
.category-portfolio.et_pb_gutters1 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {width: 50%!important;margin-right: 50%;}
.category-portfolio.et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1)  {width: 50%!important;margin-right: 50%;}

/*---overall styling for filterable portfolio---*/
/*view project button*/
.projecticon {font-size: 11px;}
.projectbutton {color:#fff; background-color:#e4044a; padding:8px; font-weight: 600; font-size: 11px;letter-spacing: 2px; text-transform: uppercase; margin: -60px 0px 50px 10%; width:45%; z-index:1;}
.projectbutton a {color:#fff;}
.projectbutton:hover {background-color:rgba(255,255,255,0.5)}

/*grid sizing x3 columns*/
.et_pb_column_4_4 .et_pb_filterable_portfolio_grid .project {clear:none!important; width: 33.33%!important;}
.et_pb_filterable_portfolio .et_pb_portofolio_pagination {border:0px;}

/*image styling*/
.et_portfolio_image {z-index:-1; margin: 5px;}

/*image overlay*/
.et_overlay {z-index: 3!important; opacity:1;}
/*.et_overlay:hover {z-index: -1!important; opacity:0!important;}*/
.et_pb_filterable_portfolio .et_overlay {width: 100%; height: 100%; background-color: rgba(0,0,0,0.5)!important; border-color: rgba(0,0,0,0.5); margin:0%; border: none;}
.et_pb_filterable_portfolio .et_overlay:before {display: none; /*hides overlay icon*/}

/*filters*/
.et_pb_filterable_portfolio .et_pb_portfolio_filters {display: block; /*hides portfolio filters*/ font-size:16px; margin:0px 15px 40px 15px;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {padding: 8px 10px; font-size: 16px; font-family: 'Oswald', sans-serif;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {color: #fff; background-color: #e4044a; font-family: 'Oswald', sans-serif;}

/*title text sizing*/
.et_pb_filterable_portfolio .et_pb_portfolio_item h2 {width: 100%; font-size: 23px; text-align: left; position: absolute; bottom:30%; left:10%; max-width: 300px;}
.et_pb_portfolio_item h2 a {color: #ffffff;}
.et_pb_portfolio_item h2 {border-left: 6px solid #e4044a; padding-left: 7px;}
.et_pb_bg_layout_light .et_pb_portfolio_item .post-meta {color: #fff; font-weight: 300; font-size: 12px; padding-top: 5%; letter-spacing: 4px; text-transform: uppercase;}

.et_pb_filterable_portfolio .et_pb_portfolio_item p {top: 10%;  padding-left: 10%;}


/*device sizing*/

@media only screen and (max-width: 1250px) {
.et_pb_column_4_4 .et_pb_filterable_portfolio_grid .project {clear: none!important; width:49.5%!important;}
.et_portfolio_image img {width:100%;}
}
  
@media only screen and (max-width: 980px) {
.projectbutton {margin: -60px 0px 20px 10%;}
}

@media only screen and (max-width: 767px) {
.et_pb_column_4_4 .et_pb_filterable_portfolio_grid .project {margin: 0 40px 42px 0 !important; width: 100% !important;}
.portfolio-section .et_overlay {width: 101%;}
.projectbutton {margin: -60px 0px 20px 10%;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {font-size: 14px;}
}
 
@media only screen and (max-width: 479px){
.portfolio-section img {max-width: 100%;}
.et_pb_column_4_4 .et_pb_filterable_portfolio_grid .project {margin: 0px 19px 0px 0 !important}
.projectbutton {width:49%;}
.et_pb_filterable_portfolio .et_pb_portfolio_item h2 {max-width: 276px;}

}