/*
 * ============================================================
 * OJS JOURNAL STYLE SHEET
 * Full-Width Header - Prosiding Seminar Nasional
 * Pendidikan Olahraga, IPTEK & Inovasi
 * ============================================================
 */

/* ------------------------------------------------------------
   1. FULL-WIDTH HEADER
   ------------------------------------------------------------ */

.pkp_structure_head {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.pkp_site_name > a,
.pkp_site_name > a.is_img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name img,
.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ------------------------------------------------------------
   2. REMOVE EXTRA SPACE AROUND HEADER
   ------------------------------------------------------------ */

.pkp_structure_head .pkp_head_wrapper {
    box-sizing: border-box !important;
}

.pkp_structure_head .pkp_site_name {
    background: transparent !important;
}


/* ------------------------------------------------------------
   3. NAVIGATION BELOW HEADER
   ------------------------------------------------------------ */

.pkp_navigation {
    width: 100% !important;
    margin: 0 !important;
}

.pkp_navigation_primary_row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.pkp_navigation_primary_wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}


/* ------------------------------------------------------------
   4. MAIN PAGE CONTAINER
   ------------------------------------------------------------ */

.pkp_structure_content {
    box-sizing: border-box;
}


/* ------------------------------------------------------------
   5. RESPONSIVE HEADER - TABLET
   ------------------------------------------------------------ */

@media (max-width: 1024px) {

    .pkp_site_name img,
    .pkp_site_name .is_img img {
        width: 100% !important;
        height: auto !important;
    }

    .pkp_navigation_primary_wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* ------------------------------------------------------------
   6. RESPONSIVE HEADER - MOBILE
   ------------------------------------------------------------ */

@media (max-width: 768px) {

    .pkp_site_name,
    .pkp_site_name > a,
    .pkp_site_name > a.is_img {
        width: 100% !important;
    }

    .pkp_site_name img,
    .pkp_site_name .is_img img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    .pkp_navigation_primary_wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
}


/* ------------------------------------------------------------
   7. VERY SMALL MOBILE SCREENS
   ------------------------------------------------------------ */

@media (max-width: 480px) {

    .pkp_site_name img,
    .pkp_site_name .is_img img {
        width: 100% !important;
        height: auto !important;
    }
}