/* ================================================================
   OCIA PUBLIC — EXPLORE OCIA + TAKE ACTION
   ----------------------------------------------------------------
   OCIA visual foundations:
   - page-about2
   - page-cause-details
   - page-cause-grid
   - page-services2
   - page-volunteer-2column
   - events-grid-3column
   - events-details-style2
   - blog-grid-3-column
   - portfolio-boxed-title-gutter-4-col
   ================================================================ */


/* ================================================================
   COMMON
   ================================================================ */

.ocia-ea-intro{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}


.ocia-ea-notice{
  border-radius:0;
  margin-bottom:30px;
}


.ocia-ea-empty{
  padding:45px 30px;
  text-align:center;
  border:1px dashed rgba(0,0,0,.18);
  background:#fafafa;
}


.ocia-ea-empty i{
  display:block;
  margin-bottom:15px;
  font-size:38px;
}


/* ================================================================
   FEATURE / ABOUT
   ================================================================ */

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


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


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


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

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


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


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


.ocia-ea-portfolio .thumb{
  min-height:210px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f4f4f4;
}


.ocia-ea-portfolio .thumb i{
  font-size:48px;
}


/* ================================================================
   GRID / CAUSES / PROGRAMS
   ================================================================ */

.ocia-ea-grid{
  display:flex;
  flex-wrap:wrap;
}


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


.ocia-ea-grid article,
.ocia-ea-grid .cause,
.ocia-ea-grid .volunteer,
.ocia-ea-grid .schedule-box{
  width:100%;
}


.ocia-ea-card-icon{
  min-height:210px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f4f4f4;
}


.ocia-ea-card-icon i{
  font-size:48px;
}


/* ================================================================
   DOCUMENT / RESOURCE ARCHIVE
   ================================================================ */

.ocia-ea-resource{
  height:100%;
  border:1px solid rgba(0,0,0,.09);
  background:#fff;
}


.ocia-ea-resource__icon{
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f6f6f6;
}


.ocia-ea-resource__icon i{
  font-size:44px;
}


/* ================================================================
   BLOG / STORIES
   ================================================================ */

.ocia-ea-story .post-thumb{
  min-height:205px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f4f4f4;
}


.ocia-ea-story .post-thumb img{
  width:100%;
  height:205px;
  object-fit:cover;
}


.ocia-ea-story-placeholder i{
  font-size:42px;
}


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

@media (max-width:767px){

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

}