.obj_article_details .authors .affiliation {
    font-style: italic;
}

main a {
    font-style: normal;
}

.jatsParser__details-author-affiliation {
    font-style: italic;
}

.jatsParser__meta-author {
    font-weight: normal;
}

.carousel-img img {
  width: 100%;
  height: auto;
}

.col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
}

.col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
}

a.obj_galley_link.pdf {
	border: 3px solid #0FA71B;
}

a.obj_galley_link.pdf.restricted {
	border: 3px solid #C30808;
}

footer p, footer div, footer a, footer blockquote, footer cite, footer td, footer th, footer dd, footer address, footer li, footer dt, footer dd, footer strong {
	 border: none;
     color: black;
}

::marker {
    color: transparent;
}

ol.jatsParser__references-list {
    position: relative;
    left: -40px;
}

.carousel-caption {
    position: absolute;
    top: -60px;
}

.carousel-inner {
    padding-top: 20px;
    overflow: visible;
}

.carousel-control-next, .carousel-control-prev {
    width: auto;
}

.container-fluid {
    justify-content: center;
	padding-right: 0px;
    padding-left: 0px;
}

.navigation_wrapper {
    display: block;
    flex-direction: column;
    justify-content: space-between;
    border-left: 0px;
	padding: 0;
}

.navbar {
    padding: 0;
    max-width: 1140px;
    margin-left: auto;  /* Automatic margin on the left side */
    margin-right: auto;  /* Automatic margin on the right side */
}


.journal_branding .col-md-4 {
    justify-content: center;
	max-width: 1140px !important;	
    margin-left: auto;  /* Automatic margin on the left side */
    margin-right: auto;  /* Automatic margin on the right side */
}

.navigation_wrapper .col-md-8 {
	padding: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
    max-width: 1140px !important;    
    margin-left: auto !important;  /* Automatic margin on the left side */
    margin-right: auto !important;  /* Automatic margin on the right side */    
    align-items: center !important; /* Center them vertically */    
}


.is_img img {
    max-width: 600px;
    width: 100%;
    height: auto;
}


.navigation_wrapper .col-md-8 {
	max-width: 1140px !important;
    justify-content: center;
    margin-left: auto;  /* Automatic margin on the left side */
    margin-right: auto;  /* Automatic margin on the right side */	
}

.journal_branding {
	padding: 0;
	max-width: 1140px !important;
    margin-left: auto;  /* Automatic margin on the left side */
    margin-right: auto;  /* Automatic margin on the right side */	
}

.journal_branding a {
	padding: 0;
}

section.container {
    padding-top: 30px;  /* Adjust as needed */
    padding-bottom: 30px;  /* Adjust as needed */
}

/* Override the existing style of announcements block */

.index-journal__announcements {
    padding-top: 1px;  /* Reduced from original value */
    padding-bottom: 1px;  /* Reduced from original value */
}

.index-journal__announcements {
    margin-top: 1px;  /* Reduced from original value */
    margin-bottom: 1px;  /* Reduced from original value */
}

section.container.index-journal__announcements {
    padding-top: 10px;  /* Adjust as needed */
    padding-bottom: 10px;  /* Adjust as needed */
}

section.container.index-journal__cover {
    padding-top: 10px;  /* Adjust as needed */
    padding-bottom: 10px;  /* Adjust as needed */
}

/* Main container */
.main-container {
    /* Additional styles if needed */
	max-width: 1140px !important;
}

/* Main content area */
.main-content {
	width: 75%;
    padding: 15px;
}

/* New right sidebar */
.new-right-sidebar {
	width: 25%;
    padding: 15px;
	word-wrap: break-word;
}

/* For tablets and smaller screens */
@media only screen and (max-width: 768px) {
    .main-content, .new-right-sidebar {
        width: 100%;  /* Take up full width on smaller screens */
        padding: 10px;
		font-size: 14px;
    }
    .new-right-sidebar {
        margin-top: 20px;  /* Add some spacing between main content and sidebar */
    }
	

}

/* For mobile devices */
@media only screen and (max-width: 480px) {
    .main-content, .new-right-sidebar {
        padding: 5px;  /* Reduce padding on very small screens */
    }

	.column {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
}

.column {
	width: 100%;
}
	
.sidebar-about-journal {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f9f9f9;  /* Optional background color */
}

.sidebar-about-journal h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.sidebar-about-journal p {
    font-size: 0.9em;
}

.sidebar-about-journal a {
    display: inline-block;
    margin-top: 10px;
}

.sidebar-author-guidelines {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f9f9f9;  /* Optional background color */
}

.sidebar-author-guidelines h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.sidebar-author-guidelines p {
    font-size: 0.9em;
}

.sidebar-author-guidelines a {
    display: inline-block;
    margin-top: 10px;
}

.sidebar-archives {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
}

.sidebar-archives h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.sidebar-archives ul {
    list-style: none;
    padding-left: 0;
}

.sidebar-archives ul li {
    margin-bottom: 10px;
}


/* Browse by Keywords/Taxa */
.keywords-taxa {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
}

.keywords-taxa h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.keywords-taxa ul {
    list-style: none;
    padding-left: 0;
}

.keywords-taxa ul li {
    margin-bottom: 10px;
}


/* Other Journals by Magnolia Press */
.other-journals {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    max-height: 400px;
    overflow-y: auto;
}

.other-journals h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.other-journals ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.other-journals ul li {
    width: 48%;
    margin-bottom: 10px;
}

.other-journals img {
    max-width: 100%;
    height: auto;
}

/* Twitter Feed */
.twitter-feed {
    margin-bottom: 20px;
	max-height: 400px;
	overflow-y: auto;
    background-color: #f9f9f9;  /* Optional background color */
}

.twitter-feed h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}


@media (min-width: 992px) {
    .sidebar.hasUserFooter > *:not(:nth-child(4n + 3)) {
        border-right: 0 !important;
    }
    .sidebar > .user_footer {
        border-left: 0 !important;
    }
    .sidebar > * {
		border-top: 1px solid #ddd !important;  /* Adding top border */
        border-bottom: 0 !important;
    }
}

.pkp_page_issue.pkp_op_view .box_primary {
	padding-bottom: 0
}

.jatsParser__container {
	margin-top: 0
}

.pagination {
    text-align: center;
    width: 100%;
    max-width: 600px; /* Or your preferred width */
    margin: auto;
	display: inline;
}

.pagination a {
    border: 1px solid #ccc;
    text-decoration: none;
    color: #333;
    display: inline;  /* Changed to inline */
    line-height: 1;  /* Added line-height */
}


.pagination a.active {
    background-color: #007bff;
    color: #fff;
}

.pagination label {
    margin-right: 10px;
}

.pagination input[type="number"] {
    width: 50px;
}

.pagination span {
    margin: 0 5px;
}


/* Container for the entire page */
.pubartcontainer {
    max-width: 1140px !important;  
    justify-content: center;
    margin-left: auto;  /* Automatic margin on the left side */
    margin-right: auto;  /* Automatic margin on the right side */	  
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

/* Filters panel on the left */
.filters {
    flex: 1;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 20px;
}

/* Main content area */
.article-item {
    flex: 3;
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/* Filter form styles */
#filterForm label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

#filterForm input[type="text"],
#filterForm input[type="date"],
#filterForm select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#filterForm button {
    padding: 10px 20px;
    background-color: #70AEB8;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

#filterForm button:hover {
    background-color: #70AEB8;
}

/* Flex container for the article */
.article-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 20px;
}

/* Flex container for the article metadata and cover image */
.article-content {
    flex: 3;
    display: flex;
    flex-direction: column;
}

/* Flex container for the article metadata */
.article-meta {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* Style for the cover image */
.publishedarticle-coverimage {
    margin-right: 20px;
}

/* Style for the metadata information */
.article-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 0.9rem;
    justify-content: center; /* Center align vertically */

}

/* Style for the article title and authors */
.article-title-authors {
    font-size: 1rem;
	padding-bottom: 10px;
}

/* CSS */
.cover-image {
    max-width: auto; /* Adjust this value as needed */
    max-height: 150px; /* Maintain aspect ratio */
}

.article-title-text {
    font-size: 1.1rem;
	padding-bottom: 10px;
}


/* Left Filter Panel */
.filters {
    flex: 1;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 20px;
    background-color: #f7f7f7;
}

/* Style fieldset for better visual grouping */
.filters fieldset {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
}


#filterForm input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

#filterForm label {
    display: inline-block;
    width: 48%; /* Slightly less than half to account for any padding/margins */
    font-size: 0.9em;
    vertical-align: middle;
}

.checkbox-container label {
    white-space: nowrap;
}

/* General styles for elements (add this outside of the media queries) */
.filter-button {
    display: block;
    width: 100%; /* Make the button take the full width on smaller screens */
    margin-top: 10px;
}

.article-meta {
	margin-bottom: 7px;
}

/* For tablets and smaller screens */
@media only screen and (max-width: 768px) {
    .box_primary {
        padding: 10px;
    }

    .pubartcontainer {
        display: flex;
        flex-direction: column;  /* Stack child elements vertically */
    }

    .filters, .col-md-9 {
        width: 100%;  /* Take up full width on smaller screens */
        padding: 10px;
    }

    .col-md-9 {
        margin-top: 20px;  /* Add some spacing between filters and article list */
    }

    .filter-fieldset {
        margin-bottom: 15px;  /* Add some spacing between each filter group */
    }

    .filter-checkbox, .filter-label, .filter-date {
        font-size: 14px;  /* Adjust font size for clarity on tablets */
    }
	
	/* Style for the metadata information */
	.article-info {
		font-size: 0.6rem;
	}

	/* Style for the article title and authors */
	.article-title-authors {
		font-size: 0.7rem;
	}

	/* CSS */
	.cover-image {
	}

	.article-title-text {
		font-size: 0.8rem;
	}	
	
}

/* For mobile devices */
@media only screen and (max-width: 480px) {
    .box_primary {
        padding: 5px;
    }

    .filters, .col-md-9 {
        padding: 5px;  /* Reduce padding on very small screens */
    }

    .filter-checkbox, .filter-label, .filter-date {
        font-size: 12px;  /* Reduce font size slightly for mobile screens */
    }

    /* Reduce margins between filter groups to save vertical space on mobile */
    .filter-fieldset {
        margin-bottom: 10px;
    }
	
    /* Adjust the flex direction for .article-content */
    .article-content {
        flex-direction: column;
    }

    /* For .article-meta, we switch the direction so that it's columnar (top-to-bottom) instead of row (left-to-right) */
    .article-meta {
        flex-direction: column;
        align-items: flex-start; /* Adjust alignment for vertical direction */
    }

    /* Adjust margin for the cover image in mobile view for separation from article info */
    .publishedarticle-coverimage {
        margin-right: 0;
        margin-bottom: 15px; /* Added space between cover image and article info */
    }	
	
}
/* Open Access, Subscription Access, and Galley Items */
.open-access, .closed-access, .article-galley-items a {
    font-size: 0.9rem;
    padding: 5px 8px;
    border: 1px solid white;
    display: inline-block;
    border-radius: 3px;
    vertical-align: middle;  /* Adjust the vertical alignment */
}

.open-access {
    background-color: #74B898;
    color: white;
}

.closed-access {
    background-color: #70AEB8;
    color: white;
}

.article-galley-items a {
    background-color: #A6CE39;
    color: white;
    margin-right: 5px; /* To give some space between galley items */
}

.article-galley-items {
    display: inline-block;
    vertical-align: middle;
}

/* For the purchase link with icon */
.purchase-link a {
	font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 10px; /* space between icon and text */
}

.purchase-link a {
    display: inline-block; /* Make the link take only the necessary width */
    background-color: transparent; /* In case you have a background set */
    padding: 0; /* Remove any padding that might stretch it */
}

.purchase-link a::before {
    content: url('/public/site/bookicon.png');
    margin-right: 5px; /* Space between the icon and the text */
}

/* Style for the banner image */
.banner-image {
    max-width: 1140px; /* Makes the image responsive */
    height: auto; /* Maintains the image's aspect ratio */
	width: 100%; /* Ensures the image takes up the full width of its container */
}

/* Mobile device styles */
@media only screen and (max-width: 768px) {
    .banner-image {
        max-width: 90%; /* Reduce the max width to 90% for mobile devices */
        margin: 0 auto; /* Center the image when it's smaller than its container */
    }
}

.jatsParser__meta-date-submitted {
    display: none;
}

.list-unstyled li {
    font-size: 0.8em;
    line-height: 0.8em;
}

#navigationUser .nav-link, #navigationPrimary .nav-link {
    font-size: 16px;
    color: #E4E8DF;
}

/* Style for the banner container */
.banner-container {
    text-align: center; /* Centers the image if it's smaller than the container */
    overflow: hidden; /* Ensures that the image doesn't overflow its container */
	width: 100%;
	background-color: #002b41;
}

.box_primary {
	padding-top: 20px;
	
}

.box_primary, .box_edit {
    background-color: #eaeef3;  /* Replace with your desired color */
}

body {
    background-color: #eaeef3;  /* Replace with your desired color */
}

header {
    background-color: #53829a;  /* Replace with your desired color */
	border-bottom: 0px;
}

footer {
    background-color: #53829a;  /* Change to the color you want for the footer */
}


.cmp_notification {
    display: none;
}