/* =========================================
   UCAPAN NIKAH
========================================= */

.nikah-ucapan-wrapper {
    width: 100%;
    max-width: 700px;
    margin: 50px auto 0;
}


/* Header */

.nikah-ucapan-header {
    text-align: center;
    margin-bottom: 25px;
}

.nikah-ucapan-header h3 {
    margin: 0 0 8px;
}

.nikah-ucapan-count {
    font-size: 14px;
    opacity: 0.7;
}


/* Item */

.nikah-ucapan-item {
    padding: 20px;
    margin-bottom: 15px;

    border: 1px solid #eeeeee;
    border-radius: 12px;

    background: #ffffff;

    box-shadow: 0 4px 15px rgba(0,0,0,0.04);
}


/* Name */

.nikah-ucapan-name {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 5px;
}


/* Attendance */

.nikah-ucapan-attendance {
    font-size: 13px;
    margin-bottom: 12px;
}

.nikah-hadir {
    color: #4b8b68;
}

.nikah-tidak-hadir {
    color: #999999;
}


/* Message */

.nikah-ucapan-message {
    line-height: 1.7;
    font-size: 15px;
}


/* Date */

.nikah-ucapan-date {
    margin-top: 12px;

    font-size: 12px;

    opacity: 0.55;
}


/* Load more */

.nikah-load-more {
    display: block;

    margin: 25px auto 0;

    padding: 10px 22px;

    border: 1px solid #ddd;
    border-radius: 30px;

    background: transparent;

    cursor: pointer;
}

.nikah-load-more:hover {
    opacity: 0.8;
}


/* Empty */

.nikah-no-ucapan {
    text-align: center;

    padding: 30px;

    opacity: 0.6;
}

/* List */

.nikah-ucapan-list {
max-height: 500px;
overflow-y: auto;
padding: 5px 15px 5px 5px;


scroll-behavior: smooth;


}

/* Scrollbar */
.nikah-ucapan-list::-webkit-scrollbar {
width: 6px;
}

.nikah-ucapan-list::-webkit-scrollbar-track {
background: transparent;
}

.nikah-ucapan-list::-webkit-scrollbar-thumb {
background: #cccccc;
border-radius: 10px;
}

.nikah-ucapan-list::-webkit-scrollbar-thumb:hover {
background: #aaaaaa;
}

/* Firefox */
.nikah-ucapan-list {
scrollbar-width: thin;
}