.pkp_block .title {
    background: #026212;
    padding: 10px 10px 10px 10px;
    color: #FFFFFF;
    text-align: center;
}
.menu-block {
    background: #FFFFFF;
}
.btn-block-menu {       
    background-color: #026212;
    border-left: 5px solid #694da5;
}
a.btn-block-menu {
    color: #fff;
}
.b2:before{
    background-color: #026212;
    color: #000000;
}
.btn-block-menu {       
    display: inline-flex;
    margin: 0 0 8px 0;
    width: 100%;
    position: relative;
    opacity: 0.999;
    padding: 10px 15px;
    text-align: center;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
}

.btn-block-menu:first-child {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.btn-block-menu:last-child {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin: 0;
}

.b2:before{
    content: ""; 
    width: 0; 
    height: 100%; 
    position: absolute; 
    right: 0; 
    top: 0; 
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s; 
    z-index: -1;
}

.b2:hover:before{
    width: 100%; 
    right: auto; 
    left: 0;
}

.pkp_structure_footer_wrapper{
    background: #fff;
    border-top: 1px solid #ddd;
}

.pkp_footer_content{
    width: 70%;
    float: left;
    background: #026212;
    color: #fff
}

.pkp_brand_footer{
    width: 30%;
    float: right;
    display: none;
}

.pkp_block {
    padding: 0px;
    margin: 0 0 1.5em 1.5em;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.pkp_block .content ul{
    padding: 10px 15px;
}

.pkp_site_name_wrapper a.is_img img {
    max-height: none;
}

.navbar-brand {
    float: none;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 100%;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form, .header_view .navbar-collapse, .header_view .navbar-form {
    border-color: #026212;
    background: #026212;
}

#headerNavigationContainer{
/*background:#066993 url(https://preview.ibb.co/iZocpq/transparent-pattern-modern-1.png) repeat;
*/max-height: 200% !important; /*mengganti warna menu (#31A9E1) dan gambar header */
}

.container-fluid > .navbar-header{
    margin-right: none;
    margin-left: none;
}

.navbar-brand-logo img {
    max-height: 1349px;
    width: 100%;
    background: transparent;
    display: inherit;   
}

.container-fluid{
    padding-left: 0px;
    padding-right: 0px;
    background: #026212;
}

.container-fluid .row{
    margin-left: 0px;
    margin-right: 0px;
}

.img-responsive{
    display: none;
}

.navbar-default .nav > li > a, .header_view .nav > li > a {
    color: #FFF;
}

.footer {
    background: #026212!important;
    color: #FFF;	
}

/* =========================================================
   MP — Masyarakat Pariwisata
   Fresh Tourism / Community Service visual refresh
   Visual-only overrides: layout is intentionally preserved.
   ========================================================= */

/* Page background: warm, airy, tourism/editorial feel */
body {
    background-color: #f5f8f6 !important;
    background-image:
        radial-gradient(circle at 12% 18%, rgba(20, 122, 104, 0.045) 0, rgba(20, 122, 104, 0.045) 1px, transparent 1.5px),
        radial-gradient(circle at 86% 78%, rgba(231, 126, 34, 0.040) 0, rgba(231, 126, 34, 0.040) 1px, transparent 1.5px),
        linear-gradient(135deg, rgba(20, 122, 104, 0.018) 25%, transparent 25%, transparent 75%, rgba(231, 126, 34, 0.018) 75%) !important;
    background-size: 44px 44px, 62px 62px, 88px 88px !important;
}

/* Primary palette: fresh teal-green with warm tourism accent */
.pkp_block .title {
    background: linear-gradient(135deg, #087f6a, #0b6f5d) !important;
    border-bottom: 3px solid #e88a2d;
}

.btn-block-menu {
    background-color: #087f6a !important;
    border-left-color: #e88a2d !important;
    box-shadow: 0 2px 6px rgba(8, 127, 106, 0.12);
}

.btn-block-menu:hover {
    background-color: #e88a2d !important;
    border-left-color: #087f6a !important;
    color: #fff !important;
}

.b2:before {
    background-color: #e88a2d !important;
}

/* Header/navigation — preserve existing dimensions */
.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.header_view .navbar-collapse,
.header_view .navbar-form,
.container-fluid {
    background: #087f6a !important;
}

.container-fluid {
    background-image: linear-gradient(
        135deg,
        #087f6a 0%,
        #0b705f 62%,
        #075b4f 100%
    ) !important;
}

/* Navigation links */
.navbar-default .nav > li > a,
.header_view .nav > li > a {
    color: #ffffff !important;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.navbar-default .nav > li > a:hover,
.header_view .nav > li > a:hover {
    background-color: rgba(232, 138, 45, 0.95) !important;
    color: #ffffff !important;
}

/* Content blocks: lighter, cleaner, less boxed-in */
.pkp_block {
    border-color: #dfe8e4 !important;
    border-radius: 6px !important;
    box-shadow: 0 3px 12px rgba(22, 72, 63, 0.055);
}

.menu-block {
    background: rgba(255, 255, 255, 0.96) !important;
}

/* Footer */
.pkp_structure_footer_wrapper {
    background: #f4f7f5 !important;
    border-top: 1px solid #d8e3df !important;
}

.pkp_footer_content,
.footer {
    background: linear-gradient(
        135deg,
        #075f52,
        #087f6a 65%,
        #0b705f
    ) !important;
    color: #fff !important;
}

/* Small accent for links */
a {
    color: #087261;
}

a:hover {
    color: #d9771f;
}

/* Keep the site image/header transparent as in the original */
.navbar-brand-logo img {
    background: transparent !important;
}

/* =========================================================
   MP — FRESH TOURISM
   COMPACT HEADER REVISION
   ========================================================= */

/* Reduce overall header/logo area */
.navbar-brand {
    height: 118px !important;
    min-height: 118px !important;
    padding: 8px 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Keep the actual site logo/header image contained */
.navbar-brand-logo {
    height: 102px !important;
    max-height: 102px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.navbar-brand-logo img {
    width: auto !important;
    max-width: 100% !important;
    height: 102px !important;
    max-height: 102px !important;
    object-fit: contain !important;
}

/* Keep the navigation compact below the header */
.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.header_view .navbar-collapse,
.header_view .navbar-form {
    min-height: 44px !important;
}

/* Prevent the header wrapper from creating unnecessary vertical space */
#headerNavigationContainer {
    max-height: none !important;
}

/* Mobile: make the header even more compact */
@media (max-width: 767px) {
    .navbar-brand {
        height: 88px !important;
        min-height: 88px !important;
        padding: 6px 10px !important;
    }

    .navbar-brand-logo {
        height: 76px !important;
        max-height: 76px !important;
    }

    .navbar-brand-logo img {
        height: 76px !important;
        max-height: 76px !important;
    }
}