/* JSRM Latest Publications — Feed Badges */

.jsrm-publication-feeds {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 430px !important;
    margin: 20px 0 22px !important;
    padding: 20px 22px !important;
    background: #ffffff !important;
    border: 1px solid #d8dee7 !important;
    border-radius: 4px !important;
}

.jsrm-publication-feeds-title {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #20242a !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

.jsrm-publication-feed-line {
    display: block !important;
    width: 100% !important;
    height: 3px !important;
    margin: 8px 0 18px !important;
    background: #176f6c !important;
}

.jsrm-publication-feed-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
}

.jsrm-publication-feeds .jsrm-format-badge {
    display: inline-flex !important;
    align-items: stretch !important;
    width: auto !important;
    min-width: 100px !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;

    border: 1px solid #777 !important;
    border-radius: 0 !important;
    background: #f4f4f4 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 20px !important;

    text-decoration: none !important;
    box-shadow: inset 0 0 0 1px #ddd !important;
}

.jsrm-publication-feeds .jsrm-format-name,
.jsrm-publication-feeds .jsrm-format-version {
    display: block !important;
    box-sizing: border-box !important;
    height: 20px !important;
    margin: 0 !important;
    line-height: 20px !important;
    text-decoration: none !important;
}

.jsrm-publication-feeds .jsrm-format-name {
    min-width: 50px !important;
    padding: 0 6px !important;
    background: #f58220 !important;
    color: #ffffff !important;
    letter-spacing: 1px !important;
    text-align: left !important;
}

.jsrm-publication-feeds .jsrm-format-version {
    min-width: 50px !important;
    padding: 0 7px !important;
    background: #8d967e !important;
    color: #ffffff !important;
    text-align: left !important;
}

.jsrm-publication-feeds .jsrm-format-badge:hover,
.jsrm-publication-feeds .jsrm-format-badge:focus {
    opacity: .88 !important;
    text-decoration: none !important;
}

@media (max-width: 600px) {
    .jsrm-publication-feeds {
        max-width: 100% !important;
        padding: 17px !important;
    }

    .jsrm-publication-feeds-title {
        font-size: 20px !important;
    }
}