/* ==========================
   Components
========================== */

/* -------------------------
   Card
------------------------- */

.card{

    background:white;

    border-radius:18px;

    padding:25px;

    margin-bottom:20px;

    box-shadow:0 5px 18px rgba(0,0,0,.08);

    transition:.25s;

}

.card:hover{

    transform:translateY(-5px);

    box-shadow:0 12px 24px rgba(0,0,0,.12);

}

.card h2{

    color:#56785c;

    border-left:6px solid #4f7c54;

    padding-left:12px;

    margin-bottom:16px;

}

.card p {

    margin-bottom: 15px;

}

/* -------------------------
   Breadcrumb
------------------------- */

.breadcrumb{

    max-width:1100px;

    margin:0 auto 25px;

    padding:0 5px;

    font-size:.95rem;

    color:#666;

}

.breadcrumb a{

    color:#5f8966;

    text-decoration:none;

}

.breadcrumb a:hover{

    text-decoration:underline;

}


.breadcrumb span{

    margin:0 6px;

}

/* -------------------------
   Status
------------------------- */

.status{

    display:inline-block;

    margin-top:12px;

    padding:5px 12px;

    border-radius:999px;

    background:#e8f4ea;

    color:#2f6d3f;

    font-size:.9rem;

    font-weight:bold;

}

/* -------------------------
   Common Link
------------------------- */

.app-link{

    display:inline-block;

    margin-top:12px;

    font-weight:bold;

}