/* ================================================================
   OCIA PUBLIC — SPONSORSHIP / OCIA KIDS FAMILY
   ----------------------------------------------------------------
   Extends OCIA components rather than replacing them.
   ================================================================ */


/* ================================================================
   FEATURE MEDIA
   ================================================================ */

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


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


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


/* ================================================================
   SERVICES
   ================================================================ */

.ocia-family-service{
  width:100%;
  min-height:285px;
}


.ocia-family-service .icon{
  min-height:60px;
}


/* ================================================================
   VOLUNTEER / OCIA KIDS
   ================================================================ */

.ocia-family-profile-thumb{
  min-height:250px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f5f5;
}


.ocia-family-profile-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100px;
  height:100px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}


.ocia-family-profile-icon i{
  font-size:42px;
}


.ocia-public-child-grid{
  min-height:160px;
}


/* ================================================================
   PROGRAM GRID
   ================================================================ */

.ocia-family-program-thumb{
  min-height:210px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f5f5;
}


.ocia-family-program-thumb i{
  font-size:52px;
}


/* ================================================================
   HUBS
   ================================================================ */

.ocia-family-hub-card{
  min-height:295px;
  background:#fff;
}


.ocia-family-hub-card .icon{
  margin-bottom:18px;
}


/* ================================================================
   CONTENT STATES
   ================================================================ */

.ocia-content-state{
  padding:50px 25px;
  border:1px dashed rgba(0,0,0,.16);
  background:#fafafa;
}


.ocia-content-state__icon{
  font-size:38px;
  margin-bottom:15px;
}


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

@media (max-width:767px){

  .ocia-family-feature{
    min-height:250px;
  }


  .ocia-family-service,
  .ocia-family-hub-card{
    min-height:0;
  }


  .inner-header .breadcrumb{
    text-align:left;
  }
}