/* CSS Stylesheet Document */
/* RSS News Aggregator by Massive Impressions  */


.nraitemform input.nrafull {width:100%;}
.nraitemform input.colorfield {width:150px; margin:10px;}
.nraitemform input.checkfield {width:50px; margin:10px;}	
.nraitemform select {width:200px; margin:10px;}
.nraitemform textarea {width:90%; margin:10px; padding:10px; max-height:150px; min-height:30px;}

.nra_accordion {  background-color: #Fee;   color: #444;   cursor: pointer;   padding:  8px;   width: 100%;   text-align: left;   border: none;   outline: none;   transition: 0.4s; }
.active, .nra_accordion:hover { background-color: #ccc; }
.nra_panel {   padding: 0 18px;   background-color: white;   display: none;   overflow: hidden; }
.agglinkwrap ,  .nra_item { background-color: #FFF; border:1px solid #000; margin:20px 10px; padding: 15px;  }
.nra_item, .nra_item p {  font-family: Arial, Helvetica, Sans-Serif; border-radius: 25px; color: #000;  }
.nra_item a ( color: #00E; )
.nra_item_feedname cite a {color: #000 !important ;} 
.nra_summary { width:90%; text-align:left; }
.nra_summary img {max-height:100px; width:auto; }

.nra_control_bar_wrap {width:100%; padding:5px; margin:10px; background-color:#ccc;}
.nra_control_bar_wrap button {padding:5px; margin:10px; background-color:#00F; color:#FF0;}

.aggregate_link_button { border-radius:8px; color:#FFF; text-align:center; }

.aggregate_link_button_before { background-color:#555; border: 2px solid #555;}
.aggregate_link_button_after { background-color: #FFF; border: 2px solid #555; }

/* Make each item a neat 2-column card: thumbnail | text */
.nra_item {
    display: grid;
    grid-template-columns: 120px 1fr; /* thumb, then content */
    align-items: start;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}

/* Thumbnail sizing + no floats */
.nra_item .nra-thumb,
.nra_item img.nra-thumb {
    width: 120px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

/* Put title + meta in the right column, stacked */
.nra_item_title,
.nra_item_meta,
.nra_summary {
    grid-column: 2;
}

/* Date/meta styling */
.nra_item_meta,
.nra_item_meta time,
.nra_item time {
    display: block;
    font-size: 12px;
    color: #666;
    margin-top: 2px;
}

/* Kill legacy floats that push things left */
.nra_item .nra_item_meta,
.nra_item time,
.nra_summary,
.nra_item img {
    float: none !important;
}

/* If your theme adds weird margins to paragraphs, keep summaries tidy */
.nra_summary {
    margin: 6px 0 0;
}

/* Small screens: stack everything (image full width) */
@media (max-width: 600px) {
    .nra_item {
        grid-template-columns: 1fr;
    }
    .nra_item .nra-thumb { width: 100%; height: auto; }
    .nra_item_title,
    .nra_item_meta,
    .nra_summary { grid-column: 1; }
}