/* =========================================================
   OJS 3.4.0.9 - DEFAULT THEME
   FULL WIDTH 200px HEADER
   RESPONSIVE HEADER + PAGE COLOUR
   ========================================================= */


/* ---------------------------------------------------------
   1. PAGE / BODY BACKGROUND
   --------------------------------------------------------- */

html,
body {
    background-color: #F7F5F0 !important;
}


/* ---------------------------------------------------------
   2. FULL-WIDTH HEADER
   --------------------------------------------------------- */

.pkp_structure_head {
    width: 100% !important;
    min-height: 200px !important;

    background-color: #6B1305 !important;

    border-bottom: 4px solid #A28207 !important;

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   3. HEADER WRAPPER
   --------------------------------------------------------- */

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

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

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   4. SITE NAME / LOGO CONTAINER
   --------------------------------------------------------- */

.pkp_site_name {
    width: 100% !important;

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

    text-align: center !important;

    overflow: visible !important;

    box-sizing: border-box;
}


/* Remove OJS logo link padding */

.pkp_site_name > a {
    display: block !important;

    width: 100% !important;

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

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   5. HEADER IMAGE
   --------------------------------------------------------- */

.pkp_site_name .is_img {
    display: block !important;

    width: 100% !important;

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

    box-sizing: border-box;
}


/* Main header image */

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

    width: 100% !important;

    max-width: 100% !important;

    height: 200px !important;

    max-height: 200px !important;

    object-fit: cover !important;

    object-position: center center !important;

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

    border: 0 !important;

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   6. REMOVE UNWANTED SIDE SPACE
   --------------------------------------------------------- */

.pkp_site_name_wrapper {
    width: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   7. NAVIGATION AREA
   --------------------------------------------------------- */

.pkp_navigation_primary_wrapper {
    width: 100% !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   8. MAIN PAGE AREA
   --------------------------------------------------------- */

.pkp_structure_page {
    background-color: #F7F5F0 !important;
}


/* ---------------------------------------------------------
   9. MAIN CONTENT BACKGROUND
   --------------------------------------------------------- */

.pkp_structure_content {
    background-color: #F7F5F0 !important;
}


/* ---------------------------------------------------------
   10. PRIMARY NAVIGATION COLOUR
   --------------------------------------------------------- */

.pkp_site_nav_menu {
    background-color: #6B1305 !important;
}


/* Navigation text */

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


/* Navigation hover */

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: #F2D675 !important;
}


/* ---------------------------------------------------------
   11. DESKTOP VERSION
   --------------------------------------------------------- */

@media (min-width: 982px) {

    .pkp_structure_head {
        min-height: 200px !important;
    }

    .pkp_site_name .is_img img {
        width: 100% !important;

        max-width: 100% !important;

        height: 200px !important;

        max-height: 200px !important;

        object-fit: cover !important;
    }

}


/* ---------------------------------------------------------
   12. TABLET VERSION
   --------------------------------------------------------- */

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

    .pkp_structure_head {
        min-height: 160px !important;
    }

    .pkp_site_name .is_img img {
        width: 100% !important;

        max-width: 100% !important;

        height: 160px !important;

        max-height: 160px !important;

        object-fit: cover !important;
    }

}


/* ---------------------------------------------------------
   13. MOBILE VERSION
   --------------------------------------------------------- */

@media (max-width: 757px) {

    .pkp_structure_head {
        min-height: 120px !important;
    }


    .pkp_site_name {
        width: 100% !important;

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


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

        padding: 0 !important;
    }


    .pkp_site_name .is_img {
        width: 100% !important;

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


    .pkp_site_name .is_img img {

        width: 100% !important;

        max-width: 100% !important;

        height: 120px !important;

        max-height: 120px !important;

        object-fit: cover !important;

        object-position: center center !important;

        margin: 0 auto !important;
    }


    .pkp_site_name_wrapper {
        width: 100% !important;

        padding: 0 !important;
    }


    /* Mobile navigation */

    .pkp_site_nav_menu {
        width: 100% !important;

        box-sizing: border-box;
    }

}


/* ---------------------------------------------------------
   14. VERY SMALL MOBILE DEVICES
   --------------------------------------------------------- */

@media (max-width: 470px) {

    .pkp_structure_head {
        min-height: 100px !important;
    }


    .pkp_site_name .is_img img {

        width: 100% !important;

        height: 100px !important;

        max-height: 100px !important;

        object-fit: cover !important;
    }

}


/* =========================================================
   JOURNAL SUMMARY - JUSTIFIED TEXT
   OJS 3.4.0.9 DEFAULT THEME
   ========================================================= */

/* Journal Summary heading */
.pkp_page_index .additional_content h2 {
    margin-bottom: 15px !important;
}

/* Journal Summary paragraph/text */
.pkp_page_index .additional_content,
.pkp_page_index .additional_content p {
    text-align: justify !important;

    text-justify: inter-word;

    line-height: 1.7 !important;

    margin-bottom: 15px !important;
}


/* Improve readability on desktop */
@media (min-width: 992px) {

    .pkp_page_index .additional_content {
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

}


/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {

    .pkp_page_index .additional_content,
    .pkp_page_index .additional_content p {
        text-align: justify !important;
        line-height: 1.6 !important;
    }

}


/* Mobile */
@media (max-width: 767px) {

    .pkp_page_index .additional_content,
    .pkp_page_index .additional_content p {
        text-align: justify !important;

        line-height: 1.6 !important;

        word-spacing: normal !important;
    }

}

/* =========================================================
   VAGDHARA - PREMIUM OJS FOOTER
   OJS 3.4.0.9 - DEFAULT THEME

   Colour Scheme:
   Maroon  : #6B1305
   Gold    : #A28207
   Gold Lt : #F2D675
   Dark    : #4F0D04
   ========================================================= */


/* ---------------------------------------------------------
   MAIN FOOTER
   --------------------------------------------------------- */

.custom-journal-footer {

    width: 100% !important;

    margin-top: 50px !important;

    background: #6B1305 !important;

    color: #FFFFFF !important;

    border-top: 5px solid #A28207 !important;

    font-family: inherit !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   FOOTER CONTAINER
   --------------------------------------------------------- */

.custom-footer-container {

    width: 100% !important;

    max-width: 1200px !important;

    margin: 0 auto !important;

    padding: 45px 25px 35px 25px !important;

    display: flex !important;

    flex-wrap: wrap !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   THREE COLUMNS
   --------------------------------------------------------- */

.custom-footer-column {

    width: 33.333333% !important;

    padding: 0 25px !important;

    box-sizing: border-box !important;

    border-right: 1px solid rgba(242,214,117,0.30);
}


/* Remove border from last column */

.custom-footer-column:last-child {

    border-right: none !important;
}


/* ---------------------------------------------------------
   FOOTER HEADINGS
   --------------------------------------------------------- */

.custom-footer-column h3 {

    color: #F2D675 !important;

    font-size: 20px !important;

    font-weight: 600 !important;

    line-height: 1.3 !important;

    margin: 0 0 18px 0 !important;

    padding-bottom: 10px !important;

    border-bottom: 2px solid #A28207 !important;

    position: relative !important;
}


/* Small gold accent */

.custom-footer-column h3::after {

    content: "" !important;

    display: block !important;

    width: 45px !important;

    height: 3px !important;

    background: #F2D675 !important;

    margin-top: 8px !important;
}


/* ---------------------------------------------------------
   FOOTER TEXT
   --------------------------------------------------------- */

.custom-footer-column p {

    color: #FFFFFF !important;

    font-size: 14px !important;

    line-height: 1.75 !important;

    margin: 0 0 15px 0 !important;

    text-align: justify !important;
}


/* ---------------------------------------------------------
   JOURNAL TAGLINE
   --------------------------------------------------------- */

.footer-tagline {

    color: #F2D675 !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    line-height: 1.6 !important;

    text-align: left !important;
}


/* ---------------------------------------------------------
   PUBLISHER
   --------------------------------------------------------- */

.footer-publisher {

    border-left: 3px solid #A28207 !important;

    padding-left: 12px !important;

    text-align: left !important;
}


/* ---------------------------------------------------------
   LINKS
   --------------------------------------------------------- */

.footer-links {

    list-style: none !important;

    padding: 0 !important;

    margin: 0 !important;
}


.footer-links li {

    margin: 0 !important;

    padding: 0 !important;

    border-bottom: 1px solid rgba(255,255,255,0.10);

}


/* Link */

.footer-links li a {

    display: block !important;

    color: #FFFFFF !important;

    text-decoration: none !important;

    font-size: 14px !important;

    padding: 8px 5px !important;

    transition: all 0.25s ease !important;
}


/* Arrow */

.footer-links li a::before {

    content: "›" !important;

    color: #F2D675 !important;

    font-weight: bold !important;

    font-size: 18px !important;

    margin-right: 9px !important;

}


/* Hover */

.footer-links li a:hover {

    color: #F2D675 !important;

    padding-left: 12px !important;

    background: rgba(255,255,255,0.05) !important;
}


/* ---------------------------------------------------------
   JOURNAL INFORMATION
   --------------------------------------------------------- */

.footer-information p {

    text-align: left !important;

    margin-bottom: 14px !important;
}


/* ISSN */

.footer-issn {

    display: inline-block !important;

    color: #F2D675 !important;

    font-size: 18px !important;

    font-weight: 600 !important;

    margin-top: 3px !important;
}


/* Information links */

.footer-information a {

    color: #F2D675 !important;

    text-decoration: none !important;
}


.footer-information a:hover {

    color: #FFFFFF !important;

    text-decoration: underline !important;
}


/* ---------------------------------------------------------
   BOTTOM FOOTER
   --------------------------------------------------------- */

.custom-footer-bottom {

    width: 100% !important;

    background: #4F0D04 !important;

    border-top: 1px solid #A28207 !important;

    box-sizing: border-box !important;
}


.custom-footer-bottom-inner {

    max-width: 1200px !important;

    margin: 0 auto !important;

    padding: 18px 25px !important;

    display: flex !important;

    justify-content: space-between !important;

    align-items: center !important;

    flex-wrap: wrap !important;

    box-sizing: border-box !important;
}


/* Copyright */

.copyright {

    color: #FFFFFF !important;

    font-size: 13px !important;

    line-height: 1.6 !important;
}


/* Copyright journal name */

.copyright strong {

    color: #F2D675 !important;
}


/* ---------------------------------------------------------
   BOTTOM LINKS
   --------------------------------------------------------- */

.footer-meta {

    font-size: 13px !important;

    text-align: right !important;
}


.footer-meta a {

    color: #FFFFFF !important;

    text-decoration: none !important;

    margin: 0 5px !important;
}


.footer-meta a:hover {

    color: #F2D675 !important;
}


.footer-meta span {

    color: #A28207 !important;
}


/* ---------------------------------------------------------
   POWERED BY
   --------------------------------------------------------- */

.powered-by {

    text-align: center !important;

    color: rgba(255,255,255,0.75) !important;

    font-size: 12px !important;

    padding: 12px 10px 16px 10px !important;

    border-top: 1px solid rgba(255,255,255,0.10) !important;
}


.powered-by strong {

    color: #F2D675 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .custom-footer-container {

        padding: 35px 15px !important;

    }


    .custom-footer-column {

        padding: 0 15px !important;

    }


    .custom-footer-column h3 {

        font-size: 18px !important;

    }

}


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

@media (max-width: 767px) {

    .custom-journal-footer {

        margin-top: 30px !important;

    }


    .custom-footer-container {

        display: block !important;

        padding: 30px 20px !important;

    }


    .custom-footer-column {

        width: 100% !important;

        max-width: 100% !important;

        padding: 0 0 25px 0 !important;

        margin-bottom: 25px !important;

        border-right: none !important;

        border-bottom: 1px solid rgba(242,214,117,0.30) !important;
    }


    .custom-footer-column:last-child {

        border-bottom: none !important;

        margin-bottom: 0 !important;

    }


    .custom-footer-column h3 {

        font-size: 18px !important;

    }


    .custom-footer-column p {

        font-size: 14px !important;

        line-height: 1.65 !important;

    }


    .custom-footer-bottom-inner {

        display: block !important;

        text-align: center !important;

        padding: 18px 15px !important;

    }


    .copyright {

        text-align: center !important;

        margin-bottom: 12px !important;

    }


    .footer-meta {

        text-align: center !important;

        line-height: 2 !important;

    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .custom-footer-container {

        padding: 25px 15px !important;

    }


    .custom-footer-column h3 {

        font-size: 17px !important;

    }


    .custom-footer-column p {

        font-size: 13px !important;

    }


    .footer-links li a {

        font-size: 13px !important;

    }


    .footer-meta {

        font-size: 12px !important;

    }

}

.custom-footer-bottom-inner {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

.copyright {
    width: 100% !important;
    text-align: center !important;
}