/* General Styles */
body,
.page_title,
.subtitle,
.authors,
.authors .name,
.authors .affiliation,
.authors .userGroup,
.keywords,
.keywords .label,
.keywords .value,
.abstract,
.abstract .label,
.abstract p,
.references,
.references .label,
.references .value,
.references p,
.item,
.sub_item,
.section,
.section .label,
.section .value,
.section .categories,
.section .categories li,
.section .title,
.section .content,
.section .galleys_links,
.section .citation_display,
.section .citation_formats,
.section .citation_formats_styles,
.section .citation_formats_button,
.section .addthis_toolbox,
.section .shariffblock,
.section .citations-container,
.section .citations-list,
.section .citations-count,
.section .plaudit {
    font-family: 'Amiri', serif;
}

@media (max-width: 768px) {
    body {
        font-family: 'Amiri', serif;
    }
}

/* Abstract Styles */
.obj_article_details .abstract {
    text-align: justify;
    text-indent: 20px;
}

/* Article Header Styles */
.article_header {
    text-align: center;
    margin-bottom: 20px;
}

.article_header .page_title {
    font-family: 'Amiri', serif;
    font-size: 2em;
    margin: 0;
}

.article_header .subtitle {
    font-size: 1.2em;
    color: #666;
}






/* Keywords Styles */
.item.keywords .value a {
    display: inline-block;
    background: #e0f7fa;
    color: #1c8fa1;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    margin-right: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-color: #0055a5;
    white-space: nowrap; /* Ensures keywords are on a single line */
}

.item.keywords {
    padding: 2.143rem;
}

.item.keywords .value {

    font-size: 0.8rem;
    line-height: 1.7;
    width: 100%;
    display: flex;
    flex-wrap: wrap; /* Ensures keywords are on a single line */
    justify-content: center;
    align-items: center;
    gap: 4px;

}

.item.keywords .value a:hover {
    background: #b2dfdb;
}

.item.keywords .label {
    font-family: 'Amiri', serif;

}





    


/* Section Titles */
.section_title,
.subcategories_title {
    font-family: 'Amiri', serif;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Article Count */
.article_count {
    font-size: 1.2em;
    margin-bottom: 20px;
    text-align: center;
    background-color: #1c8fa1;
    color: #e0f7fa;
}

/* About Section */
.about_section {
    display: list-item;
    align-items: first baseline;
    margin-bottom: 20px;
}

/* Cover Image */
.cover {
    margin-right: 20px;
}

/* Custom Block Styles */
.pkp_block.block_custom {
    background-color: #f9f9f9;
    border: 1px solid #1c8fa1;
    padding: 10px;
    border-radius: 5px;
    margin: 5px auto;
    text-align: center;
    max-width: 90%;
}

.pkp_block.block_custom h1,
.pkp_block.block_custom h2,
.pkp_block.block_custom h3,
.pkp_block.block_custom h4,
.pkp_block.block_custom h5,
.pkp_block.block_custom h6 {
    color: #ffffff;
    font-weight: bold;
    margin-top: 10px;
    background-color: #1c8fa1;
    border: 1px solid #250bb4;
    margin-left: 5px;
    margin-right: 5px;
    max-width: 100%;
}

.pkp_block.block_custom .title {
    font-family: 'Amiri', serif;
    color: #ffffff;
    line-height: 1.6;
    margin-bottom: 15px;
    font-size: 1em;
    background-color: #1c8fa1;
    text-align: center;
    width: 100%;
    border-radius: 5px;
}

.pkp_block.block_custom p {
    color: #081894;
    line-height: 1.6;
    margin-bottom: 15px;
    text-align: center;
}

.pkp_block.block_custom p:hover {
    background-color: #1c8fa1;
    color: #fff;
}

.pkp_block.block_custom a {
    color: #007bff;
    text-decoration: none;
}

.pkp_block.block_custom a:hover {
    background-color: #1c8fa1;
    color: #fff;
}

.pkp_block.block_custom ul,
.pkp_block.block_custom ol {
    padding-left: 20px;
    margin-bottom: 10px;
}

.pkp_block.block_custom ul li,
.pkp_block.block_custom ol li {
    margin-bottom: 5px;
    border: 1px solid #003366;
}

.pkp_block.block_custom ul li:hover,
.pkp_block.block_custom ol li:hover {
    background-color: #1c8fa1;
    color: #fff;
}

.pkp_block.block_custom .content img {
    max-height: 75px;
    margin: auto;
}

/* Language Block */
.pkp_block.block_language {
    border: 1px solid #250bb4;
    border-radius: 5px;
    padding: 10px;
    background-color: #f9f9f9;
    margin: 5px auto;
    text-align: center;
    max-width: 90%;
}

.pkp_block.block_language .title {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 5px;
    color: #ffffff;
    background-color: #1c8fa1;
    text-align: center;
    width: 100%;
    border-radius: 5px;
}

.pkp_block.block_language .content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pkp_block.block_language .content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
}

.pkp_block.block_language .content li a {
    text-decoration: none;
    font-size: 1rem;
    color: #007bff;
    padding: 5px 10px;
    border-radius: 3px;
    transition: background-color 0.3s, color 0.3s;
}

.pkp_block.block_language .content li a:hover {
    background-color: #074486;
    color: #fff;
}

.pkp_block.block_language .content li.current a {
    font-weight: bold;
    background-color: #1c8fa1;
    color: #fff;
}

/* Information Block */
.pkp_block.block_information {
    border: 1px solid #250bb4;
    border-radius: 5px;
    padding: 10px;
    background-color: #f9f9f9;
    margin: 10px auto;
    text-align: center;
    max-width: 90%;
    font-family: 'Amiri', serif;

}

.pkp_block.block_information .title {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #1c8fa1;
    text-align: center;
    width: 100%;
    border-radius: 5px;
    font-family: 'Amiri', serif;
}

.pkp_block.block_information .content {
    padding: 0 10px;
}





.pkp_block.block_information .content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pkp_block.block_information .content li a {
    text-decoration: none;
    font-size: 1rem;
    color: #1c8fa1;
    padding: 8px 5px;
    border-radius: 3px;
    display: block;
    transition: background-color 0.3s, color 0.3s;
}

.pkp_block.block_information .content li a:hover {
    background-color: #1c8fa1;
    color: #fff;
}

/* Web Feed Block */
.pkp_block.block_web_feed {
    background-color: #f8f9fa;
    border: 1px solid #250bb4;
    border-radius: 5px;
    padding: 15px;
    margin: 10px auto;
    text-align: center;
    max-width: 90%;
}

.pkp_block.block_web_feed .title {
    font-size: 1em;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: bold;
    background-color: #1c8fa1;
    text-align: center;
    width: 100%;
    border-radius: 5px;
}

.pkp_block.block_web_feed .content {
    text-align: center;
}

.pkp_block.block_web_feed ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.pkp_block.block_web_feed ul li a img {
    width: 40px;
    height: auto;
    transition: transform 0.3s;
}

.pkp_block.block_web_feed ul li a img:hover {
    transform: scale(1.2);
}

/* Developed By Block */
.pkp_block.block_developed_by {
    background-color: #f8f9fa;
    border: 1px solid #250bb4;
    border-radius: 5px;
    padding: 15px;
    margin: 10px auto;
    text-align: center;
    max-width: 90%;
}

.pkp_block.block_developed_by .pkp_screen_reader {
    font-size: 1.5em;
    color: #333;
    margin-bottom: 10px;
}

.pkp_block.block_developed_by .content {
    font-size: 1.2em;
}

.pkp_block.block_developed_by .content a {
    color: #007bff;
    text-decoration: none;
    transition: color 0.3s;
}

.pkp_block.block_developed_by .content a:hover {
    color: #0056b3;
    background-color: #1c8fa1;
}

/* Keyword Cloud Block */
.pkp_block.block_keyword_cloud {
    background-color: #f8f9fa;
    border: 1px solid #250bb4;
    border-radius: 5px;
    padding: 15px;
    margin: 10px auto;
    text-align: center;
    max-width: 90%;
}

.pkp_block.block_keyword_cloud .title {
    font-size: 1em;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: bold;
    background-color: #1c8fa1;
    text-align: center;
    width: 100%;
    border-radius: 5px;
}

.pkp_block.block_keyword_cloud .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.pkp_block.block_keyword_cloud .keyword {
    margin: 5px;
    font-size: 16px;
    cursor: pointer;
    opacity: 0.7;
    transition: font-size 0.3s, opacity 0.3s;
}

.pkp_block.block_keyword_cloud .keyword:hover {
    font-size: 18px;
    opacity: 1;
}

/* Sidebar Styles */
.pkp_structure_sidebar.left {
    padding: 0;
    margin-top: 60px;
}

.pkp_structure_sidebar.left h2 {
    background-color: #1c8fa1;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #ffffff;
    text-align: justify;
    margin: 0;
    padding: 5px;
}

.pkp_structure_sidebar.left ul {
    list-style-type: none;
    margin: 0;
    padding: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.pkp_structure_sidebar.left li a {
    font-size: 1.25rem;
    display: block;
    color: #115196;
    padding: 5px 16px;
    text-decoration: none;
    border-radius: 7px;
}

.pkp_structure_sidebar.left li a:hover {
    background-color: #555;
    color: #ffffff;
}

/* Make Submission Block */
.pkp_block .block_make_submission .block_make_submission_link {
    text-align: justify;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #323232;
    background: #b9fff863 !important;
    padding: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 16px;
}

/* Breadcrumbs */
.cmp_breadcrumbs,
.current_issue h2,
.homepage_about h3 {
    background-color: #39a2e96e;
    color: rgb(34, 13, 137);
    border: 1pt solid #0572ac;
    padding: 0.5rem 0;
    text-align: center;
    font-size: small;
    width: 100%;
    font-family: 'Amiri' , Serif  ;

    a{

        color: rgb(255, 255, 255);


    }

}


.page_about .publication .icons img {
    width: 150px; /* تغيير العرض إلى 100 بكسل */
    height: auto; /* الحفاظ على النسبة التناسبية للصورة */
    max-width: 100%; /* التأكد من أن الصورة لا تتجاوز عرض العنصر المحتوي */
}


.page_about  p {
    
    text-align: justify;

}


/* Responsive Design */
@media (max-width: 768px) {
    .page_title {
        font-size: 2em;
        margin-bottom: 15px;
    }
    .subtitle {
        font-size: 1.2em;
        margin-bottom: 10px;
    }
    .item.authors {
        margin: 5px;
    }
    .item.author_bios {
        margin: 5px;
    }
}







/* إضافة الأسلوب لرأس الجدول */
.table-container {
    max-width: 800px;
    margin: 10px auto;
    overflow: hidden;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th {
    background-color: #08a6c6;
    color: var(--color-text-light);
    text-align: center;
    padding: 8px;
    font-size: 0.9em; /* تصغير حجم الخط */
}

td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
}

th, td {
    border: 1px solid #ddd;
}

.profile-container {
    max-width: 800px;
    margin: 15px auto;
    background-color: var(--color-text-light);
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.profile-header {
    background-color: #08a6c6;
    color: var(--color-text-light);
    text-align: center;
    padding: 10px;
}

.profile-header h2 {
    margin: 0;
    font-size: 1.25em;
    font-family: 'Amiri' , Serif  ;

}

.profile-content {
    display: flex;
    padding: 2px;
    align-items: center;
    font-family: 'Amiri' , Serif  ;

}

.profile-image img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.profile-details {
    flex: 1;
    margin-left: 20px;
    font-family: 'Amiri' , Serif  ;

}

.profile-details h3 {
    color: #2196f3;
    margin-bottom: 5px;
    font-size: 1.2em;
    text-align: center;
    font-family: 'Amiri' , Serif  ;

}

.profile-details ul {
    list-style-type: circle;
    padding-left: 20px;
    margin: 10px 0;
    font-size: 0.9em;
    color: #555;
    font-family: 'Amiri' , Serif  ;

}

.profile-details p {
    margin-top: 2px;
    font-size: 0.9em;
    text-align: center;
    font-family: 'Amiri' , Serif  ;

}

.divider {
    border: 0;
    height: 1px;
    background: #08a6c6;
    margin: 20px 0;
}

.profile-details .icons {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
    font-family: 'Amiri' , Serif  ;

}

.profile-details .icons a {
    color: var(--color-primary);
    font-size: 1.25em;
    text-decoration: none;
    font-family: 'Amiri' , Serif  ;

}

.profile-details .icons a:hover {
    color: var(--color-accent);
}

.profile-details .icons img {
    width: 24px;
    height: 24px;
}











.secondary-profiles-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-columns: repeat(auto-fill, minmax(3, 1fr)); */
    gap: 5px;

}

.secondary-profile-container {
    border: 1px solid #ccc;
    padding: 10x;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

}

.secondary-profile-header {
    background-color: #1c8fa1;
    border-radius: 7px;
        margin: 5px;
}

.secondary-profile-header h3 {
  
    margin-bottom: 5px;
    margin-top: 0px;
     padding: 5px;
   font-size: 1em;
    font-family: 'Amiri' , Serif  ;
    text-align: center;
    color: #ffffff;
}

.secondary-profile-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-template-rows: auto 1fr auto; /* Added this line */

}

.secondary-profile-image img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-top: 10px;

}

.secondary-profile-details h3 {
    font-size: 1em;
    margin-bottom: 3px;

    font-family: 'Amiri' , Serif  ;
    text-align: center;
}

.secondary-profile-details ul {
    list-style-type:none;
    padding: 5px;
    margin: 15px 10px 10px 10px;

}

.secondary-profile-details ul li {
    font-size: 16px;
    margin-bottom: 5px;
    font-family: 'Amiri' , Serif  ;
    text-align: justify;
}

.secondary-divider {

    width: 80%;
    margin: auto;
    justify-self: end; /* Added this line */
    vertical-align: bottom;
    margin-bottom: 10px;
}


.secondary-icons{

    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    justify-self: end; /* Added this line */
}

.secondary-icons img {
    width: 24px;
    height: 24px;
}

.secondary-icons a {
margin-bottom: 5px;
margin-left: 2px;
margin-right: 2px;


}



@media (max-width: 768px) {
    .secondary-profiles-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .secondary-profiles-container {
        grid-template-columns: 1fr;
    }
}








/* margin: 25px 50px 75px 100px;
top margin is 25px
right margin is 50px
bottom margin is 75px
left margin is 100px */



















.additional_content .grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: auto;
    padding: 10px;
}

.additional_content .grid-container .grid-item {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.additional_content .grid-container .grid-item:hover {
    background-color: aquamarine;
}

.additional_content .grid-container .grid-item img {
    display: block;
    max-width: 90%;
    max-height: 100px;
    padding: 5px;
}

.item.author_bios,
.item.authors,
.item.references,
#articlesBySimilarityList,
#articlesBySameAuthorList {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
    margin: 20px;
}

.item.author_bios .label,
.item.authors h2,
.item.references .label,
#articlesBySimilarityList h3,
#articlesBySameAuthorList h3 {
    font-size: 1.5em;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.item.author_bios .authors,
.item.authors ul.authors,
.item.references .value p,
#articlesBySimilarityList ul,
#articlesBySameAuthorList ul {
    list-style-type: none;
    padding: 0;
    font-size: 1em;
}

.item.author_bios .authors .sub_item,
.item.authors ul.authors li,
.item.references .value p,
#articlesBySimilarityList li,
#articlesBySameAuthorList li {
    margin-bottom: 15px;
}

.item.authors ul.authors li .name,
.item.references .value p,
#articlesBySimilarityList li a,
#articlesBySameAuthorList li a {
    font-size: 1em;
    color: #0056b3;
    text-decoration: none;
}

.item.references .value p:lang(ar) {
    direction: rtl;
    text-align: right;
    background-color: #f0f8ff;
}

.item.references .value p:lang(en) {
    direction: ltr;
    text-align: left;
    background-color: #e6e6fa;
}

@media (max-width: 768px) {
    .item.references {
        padding: 5px;
        margin: 5px;
    }
    .item.references .label {
        font-size: 1.5em;
        margin-bottom: 5px;
    }
    .item.references .value p {
        font-size: 0.9em;
        padding: 5px;
    }
}

.item.galleys {
    margin: 1px 0;
    padding: 5px;
    border: 2px solid #0056b3;
    border-radius: 8px;
    background-color: #0f9eb4;
    width: 100%;
}

.item.galleys h2.pkp_screen_reader {
    font-size: 1em;
    color: #333;
    margin-bottom: 10px;
    text-align: center;
}

.item.galleys ul.galleys_links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

.item.galleys ul.galleys_links li {
    margin: 0 10px;
}

.item.galleys ul.galleys_links a.obj_galley_link {
    display: inline-block;
    padding: 5px 5px;
    font-size: 1.2em;
    color: #fff;
    background-color: #1c8fa1;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.item.galleys ul.galleys_links a.obj_galley_link:hover {
    background-color: #0056b3;
}

/* Dimensions Badge Styles */
.__dimensions_badge_embed__ {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
}

.__dimensions_badge_embed__ .__dimensions_Badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.__dimensions_badge_embed__ .__dimensions_Badge_Image {
    margin: auto;
    width: 100px;
    height: 100px;
}

.__dimensions_badge_embed__ .__db_score {
    font-size: 1.5em;
    color: #1c8fa1;
    margin-bottom: 5px;
}

.__dimensions_badge_embed__ .__db_label {
    font-size: 1em;
    color: #333;
}

.__dimensions_badge_embed__ .__dimensions_Badge_Legend {
    margin-top: 15px;
    text-align: center;
    color: #666;
    font-size: 0.9em;
}

/* Search Page Styles */
body.page_search {
    font-family: 'Arial', sans-serif;
    background-color: #f9f9f9;
    direction: rtl;
}

.main-header {
    background-color: #003366;
    color: #ffffff;
}

.main-header .main-header__title {
    font-size: 24px;
    margin: 10px 0;
}

.main-header__admin-link,
.main-header__lang-link {
    color: #ffffff;
}

.main-header__admin-link:hover,
.main-header__lang-link:hover {
    color: #cccccc;
}

.search__form {
    background-color: #ffffff;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.search__form .form-group label {
    font-weight: bold;
}

.search__form .form-control {
    border-radius: 5px;
    margin-bottom: 10px;
}

.search_results {
    background-color: #ffffff;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 10px;
}

.article__title a {
    color: #003366;
    font-weight: bold;
}

.article__title a:hover {
    color: #0055a5;
}

.article__meta {
    color: #777;
    font-style: italic;
}

.cmp_pagination {
    text-align: center;
    margin-top: 20px;
}

.cmp_pagination a {
    color: #003366;
    margin: 0 5px;
    text-decoration: none;
}

.cmp_pagination a:hover {
    color: #0055a5;
}









/* General styling for the section */
.homepage_about {
    font-family: 'Amiri', serif;
    line-height: 1.8;
    color: #333;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 20px 0;
    text-align: justify;

}

.homepage_about h2 {
    font-size: 30px;
    color: #004085;
    border-bottom: 3px solid #004085;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: 'Amiri', serif;
}

.homepage_about h3 {
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 20px;
    font-family: 'Amiri', serif;
    background-color: #1c8fa1;

}

.homepage_about p {
    font-size: 16px;
    margin-bottom: 0; /* Cancel the space between paragraphs */
    color: #555;
    margin-bottom: 20px;
    font-family: 'Amiri', serif;
    text-align: justify;


}

.homepage_about strong {
    color: #333;
    text-align: justify;
}

.homepage_about em {
    color: #555;
    text-align: justify;

}

/* Flexbox container */
.homepage_about .flex-container {
    display: flex;
    gap: 10px;
}

.homepage_about .flex-container img {
    max-width: 30%;
    height: auto;
    border: 1px solid #ddd;
    padding: 5px;
    background-color: #fff;
    position: sticky;
    top: 20px; /* Adjust as needed for spacing from top */
    align-self: flex-start;
}

.homepage_about .flex-container .text-content {
    flex: 1;
}

.homepage_about .flex-container .text-content ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.homepage_about .flex-container .text-content ul li {
    flex: 1 1 45%; /* Adjust the width of each item */
    margin-bottom: 3px; /* Reduced margin for better spacing */
    background-color: #f9f9f9; /* Add background color for differentiation */
    padding: 10px;
    border-radius: 5px; /* Rounded corners for a polished look */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Add subtle shadow for depth */
    display: flex;
    flex-direction: column; /* Ensure text wraps within the same li */

 

}

.homepage_about .flex-container .text-content ul li strong {
    width: 100%;
    color: #1c8fa1;
    margin-bottom: 5px; /* Space between label and value */
    flex-shrink: 0; /* Prevent label from shrinking */
}

@media (max-width: 768px) {
    .homepage_about .flex-container {
        flex-direction: column;
    }
    .homepage_about .flex-container img {
        max-width: 100%;
        margin-bottom: 20px;
        position: static; /* Disable sticky position on smaller screens */
    }
    .homepage_about .flex-container .text-content ul {
        flex-direction: column;
    }
    .homepage_about .flex-container .text-content ul li {
        flex: 1 1 100%;
    }




    
}















.obj_issue_toc .description{


    text-align: justify;
    font-family: 'Amiri' , Serif  ;

    
}


.obj_issue_summary  .description{


    text-align: justify;
    font-family: 'Amiri' , Serif  ;
    
}




.description {
    display: inline-flexbox;
    max-height: auto; /* تقريبا 3 سطور */
    overflow: hidden;
    position: relative;
  }
  
  .read-more {
    display: none;
    cursor: pointer;
    color: #1c8fa1;
    text-decoration: underline;
  }
  
  .read-less {
    display: none;
    cursor: pointer;
    color: #1c8fa1;
    text-decoration: underline;
  }
  




  @media (max-width: 768px) {
    
    

    
    .description {
        display: inline-flexbox;
        max-height: auto; /* تقريبا 3 سطور */
        overflow: hidden;
        position: relative;
      }
      
      .read-more {
        display: none;
        cursor: pointer;
        color: #1c8fa1;
        text-decoration: underline;
      }
      
      .read-less {
        display: none;
        cursor: pointer;
        color: #1c8fa1;
        text-decoration: underline;
      }
      
    




    
}







/* General header styling */


#navigationPrimary {

    font-family: 'Amiri' , Serif  ;

    


    ul {
        list-style-type: none;
        margin: 2pt;
        padding: 0;
        overflow: hidden;
        
      }
      
      li {
        float:inherit;
         border : 1px solid #e7e7e7;
         border-radius: 5px;
         margin: 2pt;


         .active {
        background-color: #14e7b6;

      }
      
      }
      
      li a {
        display: block;
        text-align: center;
        padding: 3pt;
        text-decoration: none;
        color: aliceblue;
        background-color: #1c8fa1;

           
      }


     
      
      li:last-child {
        border-right: none;
      }
      
      /* Change the link color to #111 (black) on hover */
      li a:hover {
        background-color: #0572ac;
        color: aliceblue;
      }
      
      
  }

#headerNavigationContainer {


    div {   
        background-color: #1c8fa1;

      }

}


#headerNavigationContainer > div > nav > div.pkp_navigation_primary_row > div
{
    background-color: #1c8fa1;


}


#headerNavigationContainer > div > nav > div.pkp_navigation_primary_row
{

    background-color: #1c8fa1;
}



.pkp_navigation_search_wrapper{

    font-family: 'Amiri' , Serif  ;
    border: #ffffff 1px;
    border-radius: 5px;
    background-color: #1c8fa1;


    a:link {
        color: rgb(255, 255, 255);

      }
      
      /* visited link */
      a:visited {
        color: rgb(23, 3, 96);
        background-color: #0572ac;

      }
      
      /* mouse over link */
      a:hover {
        color: rgb(83, 231, 242);
      }
      
      /* selected link */
      a:active {
        color: blue;
      }
}

#navigationUserWrapper {

    background-color: #1c8fa1;



}


.pkp_navigation_primary_row{
    background-color: #1c8fa1;
    
}



#navigationUser {

width: 100%;

    li {
        width: 100%;

        float:inherit;
         border : 1px solid #e7e7e7;
         border-radius: 5px;
         margin: 2pt;
        .active {
            background-color: #1c8fa1;

      }
      
      }
      
      li a {
        width: 100%;

        display: block;
        text-align: center;
        padding: 2px ;
        text-decoration: none;
        color: aliceblue;
        background-color: #1c8fa1;

           
      }


     
      
      li:last-child {
        width: 100%;

        border-right: none;
      }
      
      /* Change the link color to #111 (black) on hover */
      li a:hover {
        background-color: #0572ac;
        color: aliceblue;
      }

}











/* General styling for the current issue section */
.current_issue {
    background-color: #f8f9fa; /* Light gray background */
    padding: 20px;
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    margin-bottom: 20px;
}

.current_issue h2 {
    font-family: 'Amiri', serif;
    font-size: 25px;
    color: #004085;
    border-bottom: 3px solid #004085;
    padding-bottom: 10px;
    margin-bottom: 20px;
    background-color: #1c8fa1; /* خلفية زرقاء */

}

.current_issue .current_issue_title {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
    font-family: 'Amiri', serif;

}

.obj_issue_toc .heading {
    gap: 20px;
    margin-bottom: 20px;
}

.obj_issue_toc .heading .cover img {
    max-width: 150px;
    height: auto;
    border-radius: 5px;
}

.obj_issue_toc .heading .description {
    font-size: 16px;
    color: #555;
}

.obj_issue_toc .heading .description p {
    margin-bottom: 10px;
}

.obj_issue_toc .heading .read-more,
.obj_issue_toc .heading .read-less {
    color: #ffffff;
    cursor: pointer;
    background-color: #26c5e4;
    border-color: #007bff 1PX;
    border-radius: 10PX;
   padding: 2PX;

}


.obj_issue_toc .pub_id,
.obj_issue_toc .published {
    font-size: 14px;
    color: #555;
    margin-top: 10px;
}

.obj_issue_toc .pub_id .type,
.obj_issue_toc .published .label {
    font-weight: bold;
    margin-right: 5px;
}

.sections .section {
    margin-bottom: 20px;
}

.sections .section h3 {
    font-size: 22px;
    color: #004085;
    margin-bottom: 20px;
}

.cmp_article_list .obj_article_summary {
    background-color: #ffffff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    transition: transform 0.3s;
}

.cmp_article_list .obj_article_summary:hover {
    transform: translateY(-5px);
}

.cmp_article_list .title {
    font-family: 'Amiri', serif;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.cmp_article_list .title a {
    text-decoration: none;
    color: #004085;
    font-weight: bold;
}

.cmp_article_list .title a:hover {
    text-decoration: underline;
}

.cmp_article_list .subtitle {
    display: block;
    font-size: 14px;
    color: #555;
    margin-top: 5px;
}

.cmp_article_list .meta {
    font-size: 14px;
    color: #777;
    margin-top: 10px;
}

.cmp_article_list .meta .authors {
    margin-bottom: 5px;
}

.cmp_article_list .galleys_links {
    margin-top: 10px;
}

.cmp_article_list .galleys_links a {
    text-decoration: none;
    color: #007bff;
    font-weight: bold;
}

.cmp_article_list .galleys_links a:hover {
    text-decoration: underline;
}

.read_more {
    display: inline-block;
    background-color: #004085;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s;
    a {
        color: #ffffff;

    }
}

.read_more:hover {
    background-color: #002b5e;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .obj_issue_toc .heading {
        flex-direction: column;
        align-items: center;
    }
    .obj_issue_toc .heading .cover img {
        max-width: 100%;
    }
}
















/* Footer Wrapper Styling */
.pkp_structure_footer_wrapper {
    background-color: #1c8fa1; /* Dark background for footer */
    color: #ffffff; /* White text color */
    padding: 20px 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

/* Footer Content Styling */
.pkp_structure_footer {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

/* Centered Text */
.pkp_footer_content {
    text-align: center;
    flex: 1 0 100%; /* Full width on small screens */
    margin-bottom: 10px;
}

/* Footer Links Styling */
.pkp_footer_content a {
    color: #ffcc00; /* Highlighted link color */
    text-decoration: none;
    transition: color 0.3s;
}

.pkp_footer_content a:hover {
    color: #ff6600; /* Hover effect for links */
}

/* Branding Footer */
.pkp_brand_footer {
    text-align: center;
    flex: 1 0 100%; /* Full width on small screens */
    margin-top: 10px;
}

.pkp_brand_footer img {
    width: 100px; /* Adjust the width of the logo */
    height: auto;
    transition: transform 0.3s;
}

.pkp_brand_footer img:hover {
    transform: scale(1.1); /* Slightly enlarge on hover */
}

/* Responsive Adjustments */
@media (min-width: 768px) {
    .pkp_footer_content, .pkp_brand_footer {
        flex: 1 0 auto; /* Auto width on larger screens */
        margin: 0;
    }

    .pkp_structure_footer {
        flex-wrap: nowrap; /* No wrap on larger screens */
    }
}















.most-viewed {
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.most-viewed-headline {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    border-bottom: 2px solid #333;
    padding-bottom: 5px;
}

.most-viewed-content {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.most-viewed-title a {
    font-family: 'Amiri', serif;
    font-size: 18px;
    color: #0073aa;
    text-decoration: none;
    font-weight: bold;
}

.most-viewed-title a:hover {
    text-decoration: underline;
}

.most-viewed-author {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.most-viewed-author .font-italic {
    font-style: italic;
}

.most-viewed-author .badge {
    background-color: #0073aa;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.most-viewed-author .badge i {
    margin-right: 5px;
}

.most-viewed-subtitle {
    font-family: 'Amiri', serif;
    font-size: 16px;
    color: #999;
    margin-top: 5px;
}






/* General styles for the journal information page */
body {
    font-family: 'Amiri', serif;
    line-height: 1.6;
    background-color: #f8f9fa;
    color: #212529;
    padding: 20px;
    text-align: justify;

}

.container {
    width: 80%;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    font-family: 'Amiri', serif;

}

h1, h2, h3 {
    color: #0056b3;
    margin-bottom: 15px;
    font-weight: bold;
    position: relative;
}

h1 a, h2 a, h3 a {
    color: #0056b3;
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
    text-decoration: underline;
}

p {
    margin-bottom: 10px;
    line-height: 1.8;
}

ul {
    margin-bottom: 20px;
    padding-left: 20px;
}

ul li {
    margin-bottom: 10px;
}

a {
    color: #0056b3;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Specific styles for content sections */
.intro, .vision, .objectives, .publication, .fees, .rights, .disclaimer, .licensing {
    margin-bottom: 40px;
}

.section-title {
    font-family: 'Amiri', serif;
    font-size: 1.5em;
    margin-bottom: 10px;
    border-bottom: 2px solid #0056b3;
    padding-bottom: 5px;
}

.info {
    background-color: #e9ecef;
    padding: 15px;
    border-left: 5px solid #0056b3;
    margin-bottom: 20px;
}

.info p {
    margin: 0;
}

/* Example specific content classes */
.journal-name {
    font-size: 1.2em;
    font-weight: bold;
    color: #0056b3;
}

.section-content {
    padding: 10px 0;
}

/* Table styling */
table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    margin-bottom: 20px;
}

table, th, td {
    border: 1px solid #ddd;
}

th, td {
    padding: 12px;
    text-align: left;
    text-align: justify;

}

th {
    background-color: #f2f2f2;
}

.license-info {
    padding: 10px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: justify;
    font-family: 'Amiri', serif;


}

.disclaimer-text {
    font-family: 'Amiri', serif;
    font-size: 0.9em;
    color: #6c757d;
    background-color: #e9ecef;
    padding: 15px;
    border-left: 5px solid #dc3545;
    margin-top: 20px;
    text-align: justify;
}

/* Specific styles for left-to-right (LTR) text */
p[style*="direction: ltr;"] {
    direction: ltr;
    text-align: left;
}

/* Link colors for sections */
a[href="#openaccess"], a[href="#fee"], a[href="#exemptionfees"], a[href="#feeother"], a[href="#copyrights"], a[href="#licensing"] {
    color: #0056b3;
    font-weight: bold;
}

a[href="#openaccess"]:hover, a[href="#fee"]:hover, a[href="#exemptionfees"]:hover, a[href="#feeother"]:hover, a[href="#copyrights"]:hover, a[href="#licensing"]:hover {
    text-decoration: underline;
}







/* تنسيق العنوان الرئيسي */
.page_submissions h1 {
    font-family: 'Amiri', serif;
    font-size: 32px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* تنسيق النصوص والفقرات */
.page_submissions p, 
.page_submissions li {
    font-family: 'Amiri', serif;
    font-size: 18px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 10px; /* تقليل التباعد بين الفقرات */
    text-align: justify;
}

/* تمييز النصوص الهامة */
.page_submissions p strong,
.page_submissions li strong {
    color: #007BFF;
}

/* تنسيق العناوين الفرعية */
.page_submissions h2 {
    font-family: 'Amiri', serif;
    font-weight: bold;
    color: #333;
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.page_submissions h3 {
    font-family: 'Amiri', serif;
    font-weight: bold;
    color: #444;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

/* تنسيق الروابط */
.page_submissions a {
    color: #007BFF;
    text-decoration: none;
    transition: color 0.3s;
}

.page_submissions a:hover {
    color: #0056b3;
}

/* تنسيق الأزرار */
.page_submissions .button, 
.page_submissions input[type="submit"] {
    background-color: #007BFF;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.page_submissions .button:hover, 
.page_submissions input[type="submit"]:hover {
    background-color: #0056b3;
}

/* تنسيق الجداول */
.page_submissions table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.page_submissions th, 
.page_submissions td {
    font-family: 'Amiri', serif;
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.page_submissions th {
    background-color: #f8f8f8;
    font-weight: bold;
}

/* تنسيق التنبيهات والإشعارات */
.page_submissions .cmp_notification {
    background-color: #ffebcc;
    border: 1px solid #ffcc00;
    padding: 15px;
    border-radius: 5px;
    color: #333;
    margin-bottom: 20px;
}

/* تنسيق قوائم breadcrumbs */
.cmp_breadcrumbs ol {
    list-style: none;
    padding: 0;
    display: flex;
    font-family: 'Amiri', serif;
    font-size: 14px;
    color: #666;
}

.cmp_breadcrumbs ol li {
    margin-right: 5px;
}

.cmp_breadcrumbs .separator {
    margin-right: 5px;
}

.cmp_breadcrumbs a {
    color: #007BFF;
    text-decoration: none;
}

.cmp_breadcrumbs a:hover {
    text-decoration: underline;
}

/* تنسيق blockquotes */
.page_submissions blockquote {
    border-left: 5px solid #ccc;
    padding-left: 15px;
    margin: 20px 0;
    color: #666;
    font-family: 'Amiri', serif;
    font-style: italic;
}





/* التنسيق العام للصفحة */
.page_information {
    font-family: 'Amiri', serif;
    color: #333;
    line-height: 1.8;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* تنسيق العناوين */
.page_information h1 {
    font-size: 2.5em;
    color: #2c3e50;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 2px solid #2980b9;
    padding-bottom: 10px;
}

.page_information h2, .page_information h3 {
    color: #34495e;
    margin-top: 30px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 5px;
}








/* تنسيق النص */
.page_information p {
    margin-bottom: 20px;
    text-align: justify;
    font-size: 1.1em;
    color: #555;
}

/* تنسيق النص المميز */
.page_information strong {
    color: #2980b9;
}

/* تنسيق القوائم */
.page_information ul, .page_information ol {
    margin-left: 40px;
    margin-bottom: 20px;
}

.page_information ul li, .page_information ol li {
    margin-bottom: 10px;
}

/* تنسيق الروابط */
.page_information a {
    color: #2980b9;
    text-decoration: none;
}

.page_information a:hover {
    text-decoration: underline;
}

/* تنسيق الملاحظات والمعلومات المهمة */
.page_information .highlight {
    background-color: #ffeb3b;
    padding: 5px;
    border-radius: 3px;
    font-weight: bold;
}

/* تنسيق التنقل */
.cmp_breadcrumbs {
    background-color: #ecf0f1;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.cmp_breadcrumbs a {
    color: #3498db;
}

.cmp_breadcrumbs .separator {
    margin: 0 5px;
    color: #7f8c8d;
}






/* تنسيق العنصر الرئيسي */
.page_issue_archive {
    padding: 20px;
    font-family: 'Amiri', serif; /* استخدام خط أميري */
    background-color: #f5f5f5;
}

/* تنسيق العناوين */
.page_issue_archive h1 {
    font-size: 2em;
    color: #333;
    margin-bottom: 20px;
    border-bottom: 2px solid #007bff;
    padding-bottom: 10px;
}

.page_issue_archive h2 {
    font-size: 1.5em;
    color: #333;
    margin: 10px 0;
    font-weight: bold;
}

/* تنسيق الفقرة والوصف */
.page_issue_archive .description p {
    font-size: 1.1em;
    color: #555;
    margin: 15px 0;
    line-height: 1.6;
}

/* تنسيق الروابط */
.page_issue_archive a.title {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Amiri', serif;

}

.page_issue_archive a.title:hover {
    text-decoration: underline;
}

/* تمييز الصفوف: استخدام الظلال وتباين الخلفية */
.issues_archive li {
    margin-bottom: 20px;
    list-style: none;
}

.issues_archive li .obj_issue_summary {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.issues_archive li .obj_issue_summary:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* تنسيق الصور */
.page_issue_archive .cover img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* تنسيق أزرار المزيد والأقل */
.page_issue_archive .read-more, .page_issue_archive .read-less {
    color: #007bff;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    font-size: 0.9em;
    border: 1px solid #007bff;
    border-radius: 4px;
    padding: 5px 10px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.page_issue_archive .read-more:hover, .page_issue_archive .read-less:hover {
    background-color: #007bff;
    color: #fff;
}

/* تنسيق إضافي للعناصر داخل الصفوف */
.obj_issue_summary .series {
    font-size: 0.9em;
    color: #777;
    margin-top: 5px;
}

.obj_issue_summary .description p {
    text-align: justify;
}













/* الوعاء الرئيسي */
.journalcontainer {
    font-family: 'Amiri', serif;
    line-height: 1.6;
    color: #333;
    background-color: #f8f9fa;
    padding: 5px;
    margin: 0 auto;
    max-width: 1000px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: justify;
    margin-top: 10px;

}

/* العناوين الرئيسية */
.journal-title {
    font-family: 'Amiri', serif;
    color: #0056b3;
    font-size: 1.75rem;
    margin-top: 3px;
    border-bottom: 2px solid #0056b3;
    padding-bottom: 5px;
    text-align: justify;
    


}

/* العناوين الفرعية */
.section-title {
    font-family: 'Amiri', serif;
    color: #0056b3;
    font-size: 1.75rem;
    margin-top: 20px;
    border-bottom: 1px solid #0056b3;
    padding-bottom: 5px;
    text-align: justify;
    font-family: 'Amiri', serif;


}

/* الفقرات والقوائم */
.journalcontainer p,
.journalcontainer ul,
.journalcontainer ol {
    margin: 10px 0;
    text-align: justify;
    font-family: 'Amiri', serif;
    font-size: 1.2rem;
    font-style: normal;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
margin-right: 10px;
margin-left: 10px;


}

.journalcontainer ul,
.journalcontainer ol {
    padding-left: 20px;
}

.journalcontainer ul li,
.journalcontainer ol li {
    margin-bottom: 10px;
}

/* النصوص العريضة */
.journalcontainer strong {
    color: #212529;
    font-weight: bold;
    text-align: justify;
    font-family: 'Amiri', serif;


}

/* الروابط */
.journalcontainer a {
    color: #007bff;
    text-decoration: none;
    text-align: justify;
    font-family: 'Amiri', serif;


}

.journalcontainer a:hover {
    text-decoration: underline;
}