/* ================================================================
   OCIA PUBLIC — FIGHT CHILD POVERTY / OUR WORK
   ----------------------------------------------------------------
   Visual foundations:
   - CharityFund cause detail
   - CharityFund services
   - CharityFund cause grid
   - CharityFund volunteer cards
   - CharityFund portfolio cards
   - CharityFund event/campaign detail
   ================================================================ */


/* ================================================================
   SHARED
   ================================================================ */

.ocia-work-intro{
  max-width:880px;
  margin-left:auto;
  margin-right:auto;
}


.ocia-work-status{
  margin-bottom:30px;
}


.ocia-work-related .list-group-item{
  border-radius:0;
}


/* ================================================================
   CAUSE DETAIL
   ================================================================ */

.ocia-work-feature{
  min-height:330px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f5f5;
  border:1px solid rgba(0,0,0,.07);
}


.ocia-work-feature__icon{
  width:112px;
  height:112px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  box-shadow:0 12px 32px rgba(0,0,0,.08);
}


.ocia-work-feature__icon i{
  font-size:46px;
}


/* ================================================================
   SERVICE BLOCKS
   ================================================================ */

.ocia-work-services{
  display:flex;
  flex-wrap:wrap;
}


.ocia-work-services > [class*="col-"]{
  display:flex;
}


.ocia-work-service{
  width:100%;
  min-height:280px;
  background:#fff;
}


/* ================================================================
   CAUSE GRID
   ================================================================ */

.ocia-work-cause-grid{
  display:flex;
  flex-wrap:wrap;
}


.ocia-work-cause-grid > [class*="col-"]{
  display:flex;
}


.ocia-work-cause-grid .cause{
  width:100%;
}


.ocia-work-grid-icon{
  min-height:205px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f5f5;
}


.ocia-work-grid-icon i{
  font-size:50px;
}


/* ================================================================
   VOLUNTEER / PEOPLE-STYLE CARDS
   ================================================================ */

.ocia-work-volunteer-grid{
  display:flex;
  flex-wrap:wrap;
}


.ocia-work-volunteer-grid > [class*="col-"]{
  display:flex;
}


.ocia-work-volunteer-grid .volunteer{
  width:100%;
}


.ocia-work-volunteer-icon{
  min-height:235px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#f5f5f5;
}


.ocia-work-volunteer-icon i{
  font-size:48px;
}


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

.ocia-work-portfolio{
  display:flex;
  flex-wrap:wrap;
}


.ocia-work-portfolio > [class*="col-"]{
  display:flex;
}


.ocia-work-portfolio .gallery-item{
  width:100%;
}


.ocia-work-portfolio .thumb{
  min-height:205px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#f5f5f5;
}


.ocia-work-portfolio .thumb i{
  font-size:50px;
}


.ocia-work-portfolio .portfolio-description{
  min-height:175px;
}


/* ================================================================
   CAMPAIGN / INITIATIVE
   ================================================================ */

.ocia-work-campaign .entry-content{
  font-size:15px;
}


.ocia-work-campaign .alert{
  border-radius:0;
}


/* ================================================================
   RESPONSIVE
   ================================================================ */

@media (max-width:767px){

  .ocia-work-feature{
    min-height:240px;
  }


  .ocia-work-service,
  .ocia-work-portfolio .portfolio-description{
    min-height:0;
  }

}