/* ==================================================
   HEADER HALAMAN DETAIL KOLEKSI
================================================== */


/* ==================================================
   HEADER MERAH BATA
================================================== */

body.single-koleksi_museum .site-header {
    background: #a9442f !important;

    position: relative !important;

    width: 100%;

    height: 120px !important;

    z-index: 1000;
}


/* ==================================================
   LOGO + TULISAN MUSEUM
================================================== */

body.single-koleksi_museum .site-header .site-branding {
    position: relative !important;

    top: 3px !important;
}


/* ==================================================
   MENU
================================================== */

body.single-koleksi_museum .site-header .main-navigation {
    position: relative !important;

    top: 5px !important;
}


/* ==================================================
   WARNA MENU
================================================== */

body.single-koleksi_museum .site-header a {
    color: #ffffff !important;
}


/* ==================================================
   KETERANGAN SINGKAT KOLEKSI
================================================== */

body.single-koleksi_museum .koleksi-header p {
    max-width: 650px;

    margin: 20px auto 0;

    color: #625e58;

    font-size: 15px;

    line-height: 1.7;
}


/* ==================================================
   EXCERPT KOLEKSI
================================================== */

body.single-koleksi_museum .koleksi-excerpt {
    margin-bottom: 10px;

    color: #625e58;

    font-size: 12px;

    line-height: 1.5;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;
}


/* ==================================================
   JUDUL DETAIL KOLEKSI
================================================== */

body.single-koleksi_museum .koleksi-page-header {
    position: relative;

    background: #f5f1ea;

    min-height: 220px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 30px 20px 20px;
}


/* ==================================================
   KOTAK JUDUL
================================================== */

body.single-koleksi_museum .koleksi-page-header-inner {
    position: relative;

    width: 100%;

    max-width: 900px;

    margin: 0 auto;

    padding: 20px;
}


/* ==================================================
   LABEL "KOLEKSI MUSEUM"
================================================== */

body.single-koleksi_museum .koleksi-page-header .koleksi-detail-label {
    display: block;
    position: absolute;

    left: -40px;
    top: -40px;

    margin: 0;

    color: #a9442f;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 4px;
    text-align: left;
}


/* ==================================================
   JUDUL "KARYA ANYAM & BUSANA"
================================================== */

body.single-koleksi_museum .koleksi-page-header h1 {
    position: relative;

    top: -12px;

    margin: 0;

    color: #211d19;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 48px;

    line-height: 1.1;

    font-weight: 400;
}


/* ==================================================
   ISI HALAMAN DETAIL
================================================== */

body.single-koleksi_museum .koleksi-detail-content-section {
    background: #f5f1ea;

    padding: 5px 7% 100px;
}


/* ==================================================
   CONTAINER DETAIL
================================================== */

body.single-koleksi_museum .koleksi-detail {
    width: 100%;

    max-width: 1000px;

    margin: 0 auto;
}


/* ==================================================
   FOTO KOLEKSI
================================================== */

body.single-koleksi_museum .koleksi-detail-image {
    width: 100%;

    margin: 0 auto 45px;

    overflow: hidden;

    position: relative;

    top: 20px;
}

/* ==================================================
   GAMBAR
================================================== */

body.single-koleksi_museum .koleksi-detail-image img {
    display: block;

    width: 100%;

    height: auto;

    margin: 0 auto;
}


/* ==================================================
   ISI / DESKRIPSI KOLEKSI
================================================== */

body.single-koleksi_museum .koleksi-detail-content {
    width: 100%;
    max-width: 1000px;

    margin: 0 auto;

    color: #4f4a45;

    font-size: 16px;

    line-height: 1.8;

    text-align: justify;
}


/* ==================================================
   PARAGRAF
================================================== */

body.single-koleksi_museum .koleksi-detail-content p {
    margin-bottom: 20px;

    text-align: justify;
}


/* ==================================================
   SUB JUDUL
================================================== */

body.single-koleksi_museum .koleksi-detail-content h2 {
    margin-top: 35px;

    margin-bottom: 15px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-weight: 400;

    color: #211d19;

    text-align: left;
}

/* ==================================================
   TOMBOL KEMBALI
================================================== */

body.single-koleksi_museum .koleksi-detail-back {
    max-width: 760px;

    margin: 45px auto 0;

    padding-top: 25px;

    border-top: 1px solid #d5cec4;
}


/* ==================================================
   LINK TOMBOL KEMBALI
================================================== */

body.single-koleksi_museum .koleksi-detail-back a {
    color: #a9442f;

    font-size: 13px;

    font-weight: 600;

    text-decoration: none;
}


/* ==================================================
   HOVER TOMBOL KEMBALI
================================================== */

body.single-koleksi_museum .koleksi-detail-back a:hover {
    text-decoration: underline;
}


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

@media (max-width: 768px) {


    /* HEADER */

    body.single-koleksi_museum .site-header {
        height: 110px !important;
    }


    /* LOGO */

    body.single-koleksi_museum .site-header .site-branding {
        top: 3px !important;
    }


    /* MENU */

    body.single-koleksi_museum .site-header .main-navigation {
        top: 5px !important;
    }


    /* JUDUL */

    body.single-koleksi_museum .koleksi-page-header {
        min-height: 190px;

        padding: 20px 20px 15px;
    }


    /* KOTAK JUDUL */

    body.single-koleksi_museum .koleksi-page-header-inner {
        padding: 15px 10px;
    }


    /* LABEL */

    body.single-koleksi_museum
    .koleksi-page-header
    .koleksi-detail-label {
        left: 0;

        top: 0;

        font-size: 10px;

        letter-spacing: 3px;
    }


    /* JUDUL */

    body.single-koleksi_museum .koleksi-page-header h1 {
        top: -8px;

        font-size: 36px;
    }


    /* ISI DETAIL */

    body.single-koleksi_museum .koleksi-detail-content-section {
        padding: 10px 25px 70px;
    }


    /* DESKRIPSI */

    body.single-koleksi_museum .koleksi-detail-content {
        font-size: 15px;
    }


    /* FOTO */

    body.single-koleksi_museum .koleksi-detail-image {
        margin-bottom: 30px;
    }

}