/* Floating Social Media Icons */
        .social-icons {
            position: fixed;
            top: 50%;
            left: 10px;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .social-icons a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: #d95610;
            color: #fff;
            border-radius: 50%;
            text-decoration: none;
            font-size: 20px;
            transition: background 0.3s;
        }
        .social-icons a:hover {
            background: #b4440e;
        }
        @media (max-width: 600px) {
            .social-icons {
                left: 5px;
            }
            .social-icons a {
                width: 35px;
                height: 35px;
                font-size: 18px;
            }
        }


.table-container {
            overflow-x: auto;
            margin: 0 auto;
            max-width: 800px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 20px;
        }

        th, td {
            padding: 12px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }

        th {
            background-color: #b55537;
            color: white;
        }

        td {
            color: #333333;
        }

        @media screen and (max-width: 600px) {
            th, td {
                padding: 10px;
                font-size: 14px;
            }
        }

        caption {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
        }

 .pay-button {
            display: inline-block;
            font-size: 18px;
            font-weight: bold;
            padding: 12px 24px;
            background-color: #28a745;
            color: white;
            text-decoration: none;
            border-radius: 5px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: background-color 0.3s ease;
        }

        .pay-button:hover {
            background-color: #218838;
        }

.cmp_button, .cmp_form .buttons button, .page_lost_password .buttons button, .page_search .submit button, .block_make_submission a {
    display: inline-block;
    padding: 0 5em;
    background: #d95610;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-top-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.1);
    font-size: .93rem;
    line-height: calc(2.143rem - 2px);
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}
.pkp_page_index .cmp_announcements>.obj_announcement_summary {
    position: relative;
   
    padding-top: 0.143rem;
    
}


    .obj_issue_toc .galleys>h2, .obj_issue_toc .section>h2, .obj_issue_toc .galleys>h3, .obj_issue_toc .section>h3 {
    
        color: #353030;
        font-weight: 600;
    }

.page_search .submit button:after {
    right: auto;
    left: 0;
    background: #d95610;
}
        .containercard {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            max-width: 1200px;
        }

        .card {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 8px #d9561026;
            width: calc(33.333% - 20px);
            margin: 10px;
            padding: 20px;
            text-align: center;
            box-sizing: border-box;
        }

        .card h3 {
            color: #333;
            margin: 0;
            font-size: 16px;
        }

        @media (max-width: 768px) {
            .card {
                width: calc(50% - 20px);
            }
        }

        @media (max-width: 480px) {
            .card {
                width: 100%;
                margin: 10px 0;
            }
        }

@media (min-width: 992px) {
    .pkp_site_name {
        width: 75%;
        margin-left: 0;
        padding-top: 1.071rem;
        padding-bottom: 0.571rem;
    }
}

hr.stylish {
    border: none; /* Remove default border */
    height: 1px; /* Set the thickness */
    background-image: linear-gradient(to right, #f0f0f0, #ccc, #f0f0f0); /* Gradient effect */
    margin: 40px 0; /* Vertical spacing */
    position: relative;
    overflow: visible;
}

hr.stylish::before {
    content: "\f005"; /* Font Awesome star icon (unicode) */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: -10px; /* Adjust vertically */
    left: 50%; /* Center horizontally */
    transform: translateX(-50%);
    background-color: #fff; /* Background color for the icon */
    padding: 0 10px; /* Padding around the icon */
}


.summary-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.article-summary {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 30px;
}

.article-summary h2 {
    font-size: 20px;
    color: #d95610;
    margin-bottom: 15px;
}

.article-summary nav ul {
    list-style-type: none;
    padding: 0;
}

.article-summary nav ul li {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
}

.article-summary nav ul li i {
    margin-right: 8px;
}

.article-summary nav ul li a {
    text-decoration: none;
    color: #d95610;
    transition: color 0.3s ease-in-out;
}
.article-summary nav ul {
    list-style-type: disc; /* Main list items with solid bullet points */
    padding-left: 20px; /* Add padding for indentation */
}

.article-summary nav ul ul {
    list-style-type: square; /* Sub-list items with square bullet points */
    padding-left: 20px; /* Add padding for indentation */
}

.article-summary nav ul ul li {
    margin-bottom: 5px; /* Add spacing between sub-list items */
}
.article-summary nav ul li a:hover {
    color: #d95610;
}

.article-summary nav ul ul {
    list-style-type: none;
    padding-left: 20px;
}

.article-summary nav ul ul li {
    margin-bottom: 5px;
    font-size: 14px;
    list-style-type: square;
}

.article-docs {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.article-docs h2, .article-docs h3 {
    color: #333;
}

.article-docs h2 {
    font-size: 22px;
    margin-top: 30px;
}

.article-docs h3 {
    font-size: 20px;
    margin-top: 20px;
}

.article-docs p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}


@media (min-width: 992px) {
    .pkp_site_name .is_img img {
        max-height: 200px;
         display: flex;
    justify-content: center; /* Centers the image horizontally */
    align-items: center; 
    }
}

.pkp_structure_main p {
    line-height: 1.785rem;
    margin: 1.43rem 0;
    font-size: 15px;
}


.pkp_block a {
    text-decoration: none;
    font-size: 13px;
}

@media (min-width: 768px) {
    .obj_article_summary .authors {
        padding-right: 5em;
        font-size: 14px;
    }
}

    .pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus {
        outline: 0;
    background: #d95610;
    border-color: #d95610;
    color: #fff;
    }
@media (min-width: 992px) {
    #navigationPrimary a:hover, #navigationPrimary a:focus {
        color: #fff;
    }
}

a:hover, .pkp_navigation_search_wrapper a:focus {
        color: #d95610;
        border-color: #fff;
    }
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.846;
    color: #d95610;
    white-space: nowrap;
}
.pkp_nav_list ul a {
        display: block;
        padding-left: .357rem;
        border-left: .357rem solid transparent;
        color: #d95610;
    }


.obj_article_summary>.title a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}
.pkp_block .title {
    margin-top: 0;
    border-color: #d95610;
    font-weight: bold;
    font-size: 14px;
    color: #000;
}

.btn-primary {
    color: #fff;
    background-color: #d95610;
    border-color: transparent;
}

a {
    color: #d95610;
    text-decoration: none;
}

html, body {
    background: #ffffff;
}
.pkp_site_name_wrapper {
    background: #ffffff;
}

@media (min-width: 992px) {
    .pkp_navigation_primary_row {
        background: #d95610;
        padding-left: 2.143rem;
        padding-right: 2.143rem;
    }
}

@media (min-width: 992px) {
    #navigationPrimary a {
        color: #fff;
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .pkp_navigation_search_wrapper a {
        padding-bottom: 6px;
        border-bottom-width: 4px;
        color: #ffffff;
    }
}
@media (min-width: 992px) {
    .pkp_navigation_user>li>a {
        color: #d95610;
    }
}
@media (min-width: 992px) {
    #navigationPrimary ul a {
        color: #d95610;
        border-color:#d95610;
    }
}

.pkp_structure_footer_wrapper {
    background: rgba(0, 0, 0, 0.05);
    border-top: 1px solid #ddd;
    border-bottom: 1.43rem solid #d95610;
}
.cmp_manuscript_button, .block_make_submission a, .obj_galley_link {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background: #d95610;
    color: rgb(255 255 255 / 84%);
    border: none;
}
.obj_announcement_summary .read_more {
    display: inline-block;
    position: relative;
    padding-right: 2.143rem;
    font-size: .93rem;
    font-weight: 700;
    line-height: 2.143rem;
    color: #d95610;
    text-decoration: none;
}
.pkp_page_index .current_issue .read_more {
    display: inline-block;
    position: relative;
    padding-right: 2.143rem;
    font-size: .93rem;
    font-weight: 700;
    line-height: 2.143rem;
    color: #d95610;
    text-decoration: none;
    margin-bottom: 1.43rem;
}


.pkp_page_index .current_issue h2 {
    display: inline-block;
    padding-bottom: 0.5em;
    border-bottom: 3px solid #d95610;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
}
@media (min-width: 992px) {
    #navigationPrimary ul a {
        color: #d95610;
        border-color: #d95610;
        white-space: normal;
        padding-bottom: 10px;
        font-size:14px;
    }
}








body {
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.846;
    color: #434840;
    background-color: #fff;
}
h4, .h4 {
    font-size: 20px;
}

.accordion a.active::after {
  font-family: 'Ionicons';
  content: '\f209';
  color: #ff5353;
  border: 1px solid #ff5353;
}
.accordion .content {
  opacity: 0;
  padding: 0 1rem;
  max-height: 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  clear: both;
  -webkit-transition: all 0.2s ease 0.15s;
  -o-transition: all 0.2s ease 0.15s;
  transition: all 0.2s ease 0.15s;
}
.accordion .content p {
  font-size: 1.4rem;
  font-weight: 300;
}
.accordion .content.active {
  opacity: 1;
  padding: 1rem;
  max-height: 100%;
  -webkit-transition: all 0.35s ease 0.15s;
  -o-transition: all 0.35s ease 0.15s;
  transition: all 0.35s ease 0.15s;
}


h1, .h1 {
    font-size: 28;
}

h3, .h3 {
    font-size: 22;
}

h2, .h2 {
    font-size: 26;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: 400;
    line-height: 1;
    color: #444;
}

.navbaraws-form .form-control {
    width: 300px;
    height: 50px;
    padding: 4px 6px;
    border: 2px;
    border-color: #405d2d;
    border-style: solid;
    background-color: white;
}


.btn-primary:hover, .btn-primary:active:hover {
    background-color: #ee9129;
}

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.panel-default, .pkp_block, .list-group-item, .pkp_block ul li {
    
  
    font-size: 12px;
    color: #d9560f;
}

.panel-heading {

    border-bottom: 1px solid transparent;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding-left: 10px;
}

.main_content main {
    border: 1px solid rgb(230, 230, 230);
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 5px -3px rgb(166 166 166 / 35%);
    -moz-box-shadow: 4px 4px 5px -3px rgba(166, 166, 166, 0.35);
    box-shadow: 4px 4px 5px -3px rgb(166 166 166 / 35%);
    background: white;
    padding: 20px;
}

p {
    margin: 0 0 1em;
    
    text-align: justify;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.846;
    color: #d95610;
    white-space: nowrap;
}

.panel-default>.panel-heading {
    color: #ffffff;
    background-color: #f5f5f5;
    border-color: #ddd;
}


.alert-info {
    background-color: #d9560f;
}