@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

@font-face {
    font-family: "BBC Nassim";
    src: url("https://db.onlinewebfonts.com/t/bf06ab73abe5f7e12ef86c55aff78123.eot");
    src: url("https://db.onlinewebfonts.com/t/bf06ab73abe5f7e12ef86c55aff78123.eot?#iefix") format("embedded-opentype"),
         url("https://db.onlinewebfonts.com/t/bf06ab73abe5f7e12ef86c55aff78123.woff2") format("woff2"),
         url("https://db.onlinewebfonts.com/t/bf06ab73abe5f7e12ef86c55aff78123.woff") format("woff"),
         url("https://db.onlinewebfonts.com/t/bf06ab73abe5f7e12ef86c55aff78123.ttf") format("truetype"),
         url("https://db.onlinewebfonts.com/t/bf06ab73abe5f7e12ef86c55aff78123.svg#BBC Nassim") format("svg");
}
.image-links {
    padding: 20px; /* Padding around image links */
    background-color: #ffffff; /* White background for the image links */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow effect */
}

.image-links img {
    transition: transform 0.3s ease; /* Smooth transition for hover effect */
	margin:5px 5px 0px 0px;
}
.sidebar img {
	transition: transform 0.3s ease; /* Smooth transition for hover effect */
	margin:5px 5px 0px 0px;
}
.sidebar img:hover {
	transform: scale(1.2); /* Enlarge image on hover */
	border: 1px solid #DAA520;
	border-radius: 10px; /* Rounded corners for the container */
}
.image-links img:hover {
    transform: scale(1.2); /* Enlarge image on hover */
	border: 1px solid #DAA520;
	border-radius: 10px;
}

.btn btn-primary:hover {
	transform: scale(1.2); /* Enlarge image on hover */}


/* Optional: Additional styles for link hover effect */
.image-links a:hover {
    text-decoration: none; /* Remove underline on link hover */
}


/* Global Styles */
body {
    font-family: 'Poppins', sans-serif; /* Default font for LTR */
}

/* LTR Styles */
body.ltr {
    direction: ltr;
    font-size: 16px; /* Set a base font size for LTR */
}

p.ltr { 
    direction: ltr;
    font-size: 14px; /* Example: Slightly smaller than body */
}

strong, b, h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif; /* LTR font */
}

/* Smaller Font Sizes for LTR - Adjust as needed */
body.ltr h1 { font-size: 2.5rem; }
body.ltr h2 { font-size: 2rem; }
body.ltr h3 { font-size: 1.5rem; }
body.ltr h4 { font-size: 1.2rem; }

/* RTL Styles */
body.rtl {
    direction: rtl;
    font-family: "BBC Nassim", sans-serif; /* Default for RTL */
    font-size: 18px; /* Example: Slightly larger base size for RTL */
}

body.rtl strong, 
body.rtl b, 
body.rtl h1, 
body.rtl h2, 
body.rtl h3, 
body.rtl h4, 
body.rtl h5, 
body.rtl h6,
body.rtl p,
body.rtl li {
    font-family: "BBC Nassim", sans-serif;
}
body.rtl li {
    font-family: "BBC Nassim", sans-serif; 
    font-size: 18px;
}
body.rtl p{
    margin-bottom: 10px;
    font-size: 18px !important; /* Default size for RTL */
}
	
/* Common Styles */
.editorial-list {
    position: relative; 
}

.editorial-list li {
    margin-bottom: 1.125rem;
}

.editorial-list .img-profile {
    position: absolute;
    width: 95px; 
    height: 105px;
    border: 1px solid #ddd;
    padding: .5rem;
    border-radius: 10px;
}

.editorial-list .img-profile .imgthumb { 
    width: 80px;
    height: 90px;
    overflow: hidden;
    margin: 0 auto; 
    object-fit: fill;
}

.editorial-list .img-profile img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.team-content {
    margin-left: 100px; /* Left margin for LTR */
    min-height: 130px;
}

.team-content .ico-label {
    width: 18px;
    height: 18px;
    margin-right: .5rem; /* Right margin for LTR */
}

.team-aff ul li {
    margin-bottom: 0;
}

.team-aff ul li .tm_label {
    display: inline-block;
    width: 80px;
}

.team-aff ul li .ico-label {
    width: 18px;
    height: 18px;
    margin-right: .5rem; /* Right margin for LTR */
}

/* RTL Adjustments */
body.rtl .editorial-list .img-profile {
    right: 0; /* Right alignment for RTL */
}
/* key word reversing */

body.rtl.article-details .keywords {
  margin: 40px 0px 100px 0px; 
}


body.rtl .article-details .keywords .keyword_item {
  margin: 0px 0px 6px 6px; /* Reverse the margin */
  float: right;          /* Float to the right */
  background: rgb(249, 245, 237);
  border: 1px solid rgb(238, 238, 238);
  border-radius: 4px;
  padding: 5px 8px;
  box-shadow: -10px 10px 5px -13px rgba(10, 100, 214, 0.75); /* Adjust shadow if needed */
} 


body.rtl .team-content {
    margin-right: 100px; /* Right margin for RTL */
}

body.rtl .team-content .ico-label {
    margin-left: .5rem; /* Left margin for RTL */
}

body.rtl .team-aff ul li .ico-label {
    margin-left: .5rem; /* Left margin for RTL */
}

/* Other Styles */
.alert-info {
    background-color: #004A1A;
}

.contact_section .fa {
    color: #004A1A;
}

/* Footer */
.footer {
    background-color: #333;
    color: #fff;
    padding: 20px;
}



/* Heading Style */
h1, h2, h3, h4, h5, h6 {
    color: #444;
    margin-top: 20px;
    margin-bottom: 10px;
}

h1.rtl {
    font-size: 32px;
}

h2.rtl {
    font-size: 28px;
}

h3.rtl {
    font-size: 26px;
}

h4.rtl {
    font-size: 24px !important;
}

/* List Item Font */
li.rtl {
    font-size: 18px; /* Default size */
}

/* Hide Article Page */
/*.col-md-6.col-xs-12 {
    visibility: hidden;
}


.col-md-12.detail {    
    visibility: hidden;    
}
*/


/* Side Bar Title */
.pkp_block .title {
    margin: 0;
    font-weight: bold;
    font-size: 18px;
    height: 46px;
    padding: 15px;
    line-height: 1.1;
	Background:linear-gradient(
  135deg,
  #e6f4ec 0%,
  #bfe3cf 20%,
  #7fc9a3 45%,
  #3fa77a 65%,
  #0f6b3a 85%,
  #004a1a 100%
);
}

/* Site Name */
.site-name .navbar-brand,
.page-header {
    font-weight: bold;
    color: #000080;
}

.journal-description h2 {
    font-weight: bold;
}

/* About Journal Background */
.about_journal {
    color: #fff;
    background: #004A1A !important;
    border-radius: 20px;
}

.journal_index h1 {
    font-size: 32px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    color: #fff;
}

.journal_index .site_logo img {
    width: 1100px;
    height: 200px;
    padding-left: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

.article-summary h3.media-heading {
    font-family: "BBC Nassim", sans-serif !important;
}

/* Responsive Styles */
a:hover img {
    opacity: 0.7;
}
.footer-content {
        flex-direction: column;
    }

    .footer-section {
        width: 100% !important; /* Override the width to make it stack vertically on small screens */
        padding: 20px 5px; /* Adjust padding for smaller screens */
        text-align: center; /* Center align the content */
    }

    .header-section {
        visibility: hidden; /* Corrected "visibilty" to "visibility" */
    }

/*    .article-details .date-list.date {
        visibility: hidden;
    }
	*/

    .pkp_page_article .article-details h2 {
        font-family: 'BBC Nassim';
    }

    .pkp_page_article div.row.non_index_header .article-header .full_name {
        font-size: 1.5em;
        font-family: 'BBC Nassim';
    }

    .media .media-heading {
        font-family: 'BBC Nassim' !important;
    }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-family: 'BBC Nassim'; /* Use BBC Nassim in RTL */
    }
	.site-name .navbar-brand, .page-header{
		font-family: 'BBC Nassim' !important;
		color:#004a1a !important;		}
	.pkp_page_article div.row.non_index_header .article-header h1{
		font-family: 'BBC Nassim' !important;
	}
a {
color: #519133 !important;}
.btn-primary {
    background-color: #012a10 !important;
}

	
@media (max-width: 768px) {
    .footer-content {
        flex-direction: column;
    }

    .footer-section {
        width: 100% !important; /* Override the width to make it stack vertically on small screens */
        padding: 20px 5px; /* Adjust padding for smaller screens */
        text-align: center; /* Center align the content */
    }

    .header-section {
        visibility: hidden; /* Corrected "visibilty" to "visibility" */
    }

    /* .article-details .date-list {
        visibility: hidden;
    } 
	*/

    .pkp_page_article .article-details h2 {
        font-family: 'BBC Nassim';
    }

    .pkp_page_article div.row.non_index_header .article-header .full_name {
        font-size: 1.5em;
        font-family: 'BBC Nassim';
    }

    .media .media-heading {
        font-family: 'BBC Nassim' !important;
    }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-family: 'BBC Nassim'; /* Use BBC Nassim in RTL */
    }
	.site-name .navbar-brand, .page-header{
		color:#004a1a !important;
		font-family: 'BBC Nassim' !important; }
	.pkp_page_article div.row.non_index_header .article-header h1{
		font-family: 'BBC Nassim' !important;
	}
	
}
.navbar-default .nav>li>a, .header_view .nav>li>a{
	color:#000000 !important;
}
.pkp_page_article .article-details h2{
font-family: 'BBC Nassim';}
.pkp_page_article div.row.non_index_header .article-header .full_name {
    font-size: 1.5em;
    font-family: 'BBC Nassim';
}
.media .media-heading{
font-family: 'BBC Nassim';}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
font-family: 'BBC Nassim' !important;
}

/* header image responsive */
@media (max-width: 640px) {
    body.rtl .journal_index .site_logo img {
        width: 100%;
        object-fit: contain;
        height: auto;
    }
}

/* user naviagation gradient */
.user_navigation {
    background:#004a1a;
}
/* article size */

.article-summary a.article_name {
    font-size: 22px !important;
    line-height: 1 !important;
}

body > div > div.pkp_structure_content.container.main_content > main > div > article > div > section > div.list-group > div > div:nth-child(1) {
    display: none;
}

body > div > div.pkp_structure_content.container.main_content > main > div > article > div > section > div.list-group > div > div:nth-child(2) {
    display: none;
}
/* Header image responsive */
@media (max-width: 640px) {
	.journal_index .site_logo {
        text-align: center; /* Center the logo container */
		display:flex;
		justify-content:center;
    }
    .journal_index .site_logo img {
        width: 100%;
        object-fit: contain;
        height: auto;
    }
}
/* hide publish date */
.published {
	
	visibility:hidden;

}

/* doi sizes */

/* Styles for DOI links in the journal index */
.journal_index_doi .doi_link {
    background-size: 20px !important; /* Adjust size as needed */
	font-size: 16px !important;
}
.journal_index_doi .doi_link.rtl {
    background-size: 20px !important; /* Adjust size as needed */
	font-size: 20px !important;
}

/* Styles for DOI links in article details */
.article-details .doi_link {
    background-size: 20px !important; /* Set background size */
    font-size: 16px !important; /* Set font size */
}

/* Styles for DOI links in the article header */
.article-header .doi_link {
    background-size: 20px !important; /* Set background size */
    font-size: 14px !important; /* Set font size */
}

/* Combined styles for DOI links in article details and RTL in article header */
.article-details .doi_link, 
.article-header .doi_link.rtl {
    background-size: 20px !important; /* Set background size */
}

/* Header styles for articles */
.article-header h1 {
    font-size: 28px !important; /* Set font size for article header */
}