/* =========================================================
   
========================================================= */

/* =========================================================
   BACKGROUND WEBSITE
========================================================= */

html,
body {

    font-size: 14px;

    background:
    linear-gradient(
        rgba(10,6,81,0.15),
        rgba(10,6,81,0.15)
    ),
    url('')
    no-repeat center center fixed;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

/* =========================================================
   HILANGKAN BRANDING PKP / OJS
========================================================= */

.pkp_brand_footer,
.pkp_footer_brand,
.pkp_branding,
.pkp_branding_footer,
.pkp_footer_content .pkp_brand_footer {

    display: none !important;

}

/* =========================================================
   HEADER
========================================================= */

.pkp_structure_head,
.pkp_head_wrapper {

    background:
    linear-gradient(
        135deg,
        #0A0651 0%,
        #0A0651 50%,
        #0A0651 100%
    ) !important;

    border: none !important;

}

/* =========================================================
   BANNER HEADER FULL WIDTH
========================================================= */

.pkp_site_name,
.pkp_site_name_wrapper {

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

}

.pkp_site_name .is_img,
.pkp_site_name .is_img img {

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

    max-height: none !important;

    display: block !important;

    margin: 0 !important;

    padding: 0 !important;

}

/* =========================================================
   MENU NAVIGATION FULL UNGU
========================================================= */

.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row,
.pkp_navigation_primary {

    background:
    linear-gradient(
        135deg,
        #0A0651 0%,
        #0A0651 100%
    ) !important;

    border: none !important;

}

/* MENU LINK */

.pkp_navigation_primary_row a,
.pkp_navigation_primary a {

    color: #ffffff !important;

    font-weight: 600 !important;

    text-transform: uppercase;

}

/* HOVER */

.pkp_navigation_primary_row a:hover,
.pkp_navigation_primary a:hover {

    color: #e8eaf6 !important;

}

/* MENU AKTIF */

.pkp_navigation_primary .current a,
.pkp_navigation_primary li.current a {

    background: rgba(255,255,255,0.15) !important;

    border-radius: 4px;

}

/* DROPDOWN ABOUT */

.pkp_navigation_primary ul,
.pkp_navigation_primary .dropdown-menu {

    background: #0A0651 !important;

    border: 1px solid #0A0651 !important;

}

.pkp_navigation_primary ul li a {

    color: #ffffff !important;

}

.pkp_navigation_primary ul li a:hover {

    background: rgba(10,6,81,0.8) !important;

}

/* SEARCH */

.pkp_search,
.pkp_search_wrap,
.pkp_search.is_open {

    background: transparent !important;

}

.pkp_search a {

    color: #ffffff !important;

}

/* =========================================================
   CONTENT AREA
========================================================= */

.pkp_structure_content {

    background: rgba(255,255,255,0.97) !important;

    border-radius: 12px !important;

    box-shadow:
    0 10px 30px rgba(0,0,0,.10);

    margin-top: 20px !important;

    margin-bottom: 20px !important;

    overflow: hidden;

}

/* =========================================================
   SIDEBAR BLOCK
========================================================= */

.pkp_block {

    border-radius: 10px;

    overflow: hidden;

}

.pkp_block .title {

    background: #0A0651 !important;

    color: #ffffff !important;

    padding: 12px !important;

}

/* =========================================================
   BUTTON
========================================================= */

.cmp_button,
.obj_galley_link {

    background: #0A0651 !important;

    color: #ffffff !important;

    border: none !important;

    border-radius: 5px !important;

}

.cmp_button:hover,
.obj_galley_link:hover {

    background: rgba(10,6,81,0.8) !important;

}

/* =========================================================
   FOOTER
========================================================= */

.pkp_footer_content {

    float: none !important;

    width: 100% !important;

}

.pkp_structure_footer_wrapper,
.pkp_structure_footer {

    background:
    linear-gradient(
        135deg,
        #0A0651 0%,
        #0A0651 50%,
        #0A0651 100%
    ) !important;

    border-top: 4px solid #0A0651 !important;

}

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

@media screen and (max-width: 768px) {

    .pkp_navigation_primary_row a {

        font-size: 13px !important;

    }

    .pkp_structure_content {

        margin: 10px !important;

        border-radius: 8px !important;

    }

}