/**
 * plugins/generic/feeds/styles/feeds.css
 *
 * Copyright (c) 2014-2024 Simon Fraser University
 * Copyright (c) 2003-2024 John Willinsky
 * Distributed under the GNU GPL v3. For full terms see the file docs/COPYING.
 *
 * Feed Plugin stylesheet.
 */

/* Homepage display */
#externalFeedsHome {
	width: 100%;
	margin: 2em 0 2em 0;	
}

#externalFeedsHome h3 {
	text-align: center;
}

#externalFeeds {
	width: 100%;
}

table.externalFeeds {
	width: 100%;
}

table.externalFeeds td {
	padding: 0.25em 0.5em 0.25em 0.5em;
}

table.externalFeeds td.headseparator {
	border-top: none;
	font-size: 0.1em;
	line-height: 1%;
}

table.externalFeeds td.separator {
	border-top: 1px dotted #DDDDD0;
	font-size: 0.1em;
	line-height: 1%;
}

table.externalFeeds td.endseparator {
	border-top: none;
	font-size: 0.25em;
	line-height: 10%;
}

table.externalFeeds tr.title {
	vertical-align: top; 
}

table.externalFeeds td.title h4 {
	margin: 0;
}

table.externalFeeds tr.description {
	vertical-align: top;
}

table.externalFeeds tr.details {
	vertical-align: bottom;
}

table.externalFeeds td.posted {
	width: 85%;
	padding-top: 1em;
	font-style: italic;
}

table.externalFeeds td.more {
	width: 15%;
	text-align: right;
}

/* Block display */
#sidebarExternalFeed ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#sidebarExternalFeed li {
	margin-bottom: 1em;
}

/* Homepage display */
#externalFeedsHome {
    width: 100%;
    margin: 2em 0;
}

#externalFeedsHome h3 {
    text-align: center;
    margin-bottom: 1.5em;
}

.feed-container {
    margin-bottom: 2em;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}

.feed-container .panel-title {
    margin: 0;
    font-size: 1.2em;
    color: #333;
}

table.externalFeeds {
    margin-bottom: 0;
}

table.externalFeeds td {
    padding: 0.5em;
    border-top: none;
}

table.externalFeeds tr.title td {
    padding-bottom: 0;
}

table.externalFeeds tr.description td {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

table.externalFeeds tr.details td {
    padding-top: 0.25em;
}

table.externalFeeds td.title h4 {
    margin: 0;
    font-size: 1.1em;
}

table.externalFeeds td.title h4 a {
    color: #007ab2;
    text-decoration: none;
    font-weight: normal;
}

table.externalFeeds td.title h4 a:hover {
    text-decoration: underline;
    color: #006291;
}

table.externalFeeds td.description {
    color: #666;
    font-size: 0.95em;
    line-height: 1.5;
}

table.externalFeeds td.posted {
    width: 70%;
    color: #777;
    font-size: 0.9em;
}

table.externalFeeds td.posted .glyphicon {
    margin-right: 5px;
}

table.externalFeeds td.more {
    width: 30%;
    text-align: right;
}

table.externalFeeds td.more a {
    color: var(--negro);
}

table.externalFeeds td.separator {
    border-top: 1px solid #eee;
    padding: 0;
}

/* Block display */
.pkp_block.block_feeds {
    font-size: 0.9em;
}

.pkp_block.block_feeds .title {
    display: block;
    margin: 0 0 0.5em;
    font-weight: bold;
    color: #007ab2;
}

.pkp_block.block_feeds .content {
    padding: 0;
}

.pkp_block.block_feeds .feed_items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pkp_block.block_feeds .feed_item {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #ddd;
}

.pkp_block.block_feeds .feed_item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.pkp_block.block_feeds .feed_item .title {
    margin: 0 0 0.25em;
    font-size: 1em;
    line-height: 1.3;
}

.pkp_block.block_feeds .feed_item .title a {
    color: #007ab2;
    text-decoration: none;
}

.pkp_block.block_feeds .feed_item .title a:hover {
    color: #006291;
    text-decoration: underline;
}

.pkp_block.block_feeds .feed_item .date {
    font-size: 0.9em;
    color: #777;
}

/* Homepage Feeds */
.homepage-feeds {
    margin: 2em 0;
}

.feed-container {
    margin-bottom: 2em;
}

.feed-container .panel-title {
    margin: 0;
    font-size: 1.2em;
    color: #333;
}

.feed-items {
    margin: 0;
    padding: 0;
}

.feed-item {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #eee;
}

.feed-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.feed-item h4 {
    margin: 0 0 0.5em 0;
    font-size: 1.1em;
}

.feed-item h4 a {
    color: #007ab2;
    text-decoration: none;
}

.feed-item h4 a:hover {
    text-decoration: underline;
}

.feed-item-date {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 0.5em;
}

.feed-item-date .glyphicon {
    margin-right: 5px;
}

.feed-item-description {
    font-size: 0.95em;
    line-height: 1.5;
    color: #444;
    margin-top: 0.5em;
}

.homepage_feeds .item_more {
    text-align: right;
}

.homepage_feeds .read_more {
    display: inline-block;
    padding: 0.3em 0.8em;
    background: #006798;
    color: white;
    text-decoration: none;
    border-radius: 3px;
    font-size: 0.9em;
}

.homepage_feeds .read_more:hover,
.homepage_feeds .read_more:focus {
    background: #00527a;
}