/* =========================================
   AT-TAFAKKUR - FULL WIDTH HEADER
   ========================================= */

.pkp_structure_head {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    background: transparent !important;
}

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

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

.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}/* =========================================================
   OMAH KREATOR PRESS
   OMP 3.4 - DEFAULT THEME
   PROFESSIONAL FULL WIDTH HEADER
========================================================= */


/* =========================================================
   1. GLOBAL
========================================================= */

html,
body {
    margin: 0 !important;
    padding: 0 !important;
}

body {
    background: #f4f6f8 !important;
}


/* =========================================================
   2. PAGE STRUCTURE
========================================================= */

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

.pkp_structure_content {
    width: 100% !important;
    max-width: 1250px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
    box-sizing: border-box !important;
}


/* =========================================================
   3. HEADER FULL WIDTH
========================================================= */

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

    background: #06860D !important;

    border: none !important;
}


/* Header wrapper */

.pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   4. BANNER / LOGO
========================================================= */

.pkp_site_name_wrapper {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


.pkp_site_name {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


/* Link logo */

.pkp_site_name > a {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   5. BANNER IMAGE
========================================================= */

.pkp_site_name .is_img img,
.pkp_site_name img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    object-fit: contain !important;
}


/* =========================================================
   6. REGISTER / LOGIN
========================================================= */

.pkp_navigation_user_wrapper {
    position: absolute !important;

    top: 10px !important;
    right: 25px !important;

    z-index: 9999 !important;

    margin: 0 !important;
    padding: 0 !important;
}


.pkp_navigation_user {
    margin: 0 !important;
    padding: 0 !important;

    z-index: 9999 !important;
}


.pkp_navigation_user li a {
    color: #ffffff !important;

    font-weight: 600 !important;

    padding: 7px 10px !important;

    border-radius: 6px !important;
}


.pkp_navigation_user li a:hover {
    background: rgba(255,255,255,0.18) !important;

    color: #ffffff !important;
}


/* =========================================================
   7. PRIMARY NAVIGATION
========================================================= */

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

    margin: 0 !important;
    padding: 0 !important;

    background: #06860D !important;

    border: none !important;
}


.pkp_navigation_primary_wrapper {
    width: 100% !important;
    max-width: 1250px !important;

    margin: 0 auto !important;
    padding: 0 20px !important;

    box-sizing: border-box !important;
}


.pkp_navigation_primary {
    margin: 0 !important;
    padding: 0 !important;
}


.pkp_navigation_primary > li > a {
    color: #ffffff !important;

    font-weight: 600 !important;

    padding: 15px 16px !important;

    transition: all 0.2s ease !important;
}


.pkp_navigation_primary > li > a:hover {
    color: #ffffff !important;

    background: #C89B3C !important;

    border-radius: 5px !important;
}


/* Dropdown */

.pkp_navigation_primary .dropdown-menu {
    border: none !important;

    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}


.pkp_navigation_primary .dropdown-menu a {
    padding: 10px 15px !important;
}


.pkp_navigation_primary .dropdown-menu a:hover {
    background: #f4f6f8 !important;

    color: #06860D !important;
}


/* =========================================================
   8. SEARCH
========================================================= */

.pkp_search {
    color: #ffffff !important;
}


.pkp_search a {
    color: #ffffff !important;
}


.pkp_search a:hover {
    color: #C89B3C !important;
}


/* =========================================================
   9. MAIN CONTENT
========================================================= */

.pkp_structure_main {
    padding-right: 25px !important;
}


.pkp_structure_sidebar {
    padding-left: 25px !important;
}


/* =========================================================
   10. SIDEBAR
========================================================= */

.pkp_block {
    background: #ffffff !important;

    border-radius: 12px !important;

    padding: 18px !important;

    margin-bottom: 20px !important;

    border: 1px solid #e6e9ed !important;

    box-shadow: 0 5px 20px rgba(0,0,0,0.06) !important;
}


.pkp_block .title {
    color: #06860D !important;

    font-weight: 700 !important;

    margin-bottom: 15px !important;
}


/* =========================================================
   11. SUBMISSION BUTTON
========================================================= */

.pkp_block_make_submission a {
    display: block !important;

    text-align: center !important;

    padding: 13px 18px !important;

    border-radius: 8px !important;

    background: #06860D !important;

    color: #ffffff !important;

    font-weight: 700 !important;

    border: none !important;

    box-shadow: none !important;

    transition: all 0.2s ease !important;
}


.pkp_block_make_submission a:hover {
    background: #C89B3C !important;

    color: #ffffff !important;
}


/* =========================================================
   12. HEADINGS
========================================================= */

h1,
h2,
h3,
h4 {
    color: #06860D !important;
}


h1 {
    font-weight: 700 !important;
}


h2 {
    font-weight: 700 !important;
}


/* =========================================================
   13. LINKS
========================================================= */

a {
    color: #06860D;
}


a:hover {
    color: #C89B3C;
}


/* =========================================================
   14. CONTENT CARDS
========================================================= */

.pkp_page_index .cmp_announcements,
.obj_monograph_summary,
.obj_monograph_details {
    background: #ffffff !important;

    border-radius: 12px !important;

    border: 1px solid #e6e9ed !important;
}


/* =========================================================
   15. FOOTER
========================================================= */

.pkp_structure_footer_wrapper {
    background: #06860D !important;

    color: #ffffff !important;

    border: none !important;
}


.pkp_structure_footer {
    max-width: 1250px !important;

    margin: 0 auto !important;

    padding: 20px 10px !important;
}


.pkp_structure_footer a {
    color: #ffffff !important;
}


.pkp_structure_footer a:hover {
    color: #C89B3C !important;
}


/* =========================================================
   16. MOBILE / TABLET
========================================================= */

@media (max-width: 992px) {

    .pkp_structure_content {
        max-width: 100% !important;

        padding: 25px 15px !important;
    }

    .pkp_structure_main {
        padding-right: 0 !important;
    }

    .pkp_structure_sidebar {
        padding-left: 0 !important;

        margin-top: 25px !important;
    }

    .pkp_navigation_primary_wrapper {
        max-width: 100% !important;

        padding: 0 10px !important;
    }

}


/* =========================================================
   17. MOBILE
========================================================= */

@media (max-width: 768px) {

    .pkp_navigation_user_wrapper {
        position: relative !important;

        top: auto !important;
        right: auto !important;

        text-align: right !important;

        padding: 5px 10px !important;
    }


    .pkp_site_name img {
        width: 100% !important;

        height: auto !important;
    }


    .pkp_navigation_primary > li > a {
        padding: 12px 10px !important;
    }

}


/* =========================================================
   18. SMALL MOBILE
========================================================= */

@media (max-width: 576px) {

    .pkp_structure_content {
        padding: 20px 12px !important;
    }


    .pkp_navigation_user_wrapper {
        padding: 5px !important;
    }


    .pkp_site_name img {
        width: 100% !important;

        height: auto !important;
    }


    .pkp_block {
        padding: 15px !important;

        border-radius: 10px !important;
    }

}