/* =========================================
   Dynarev RSS Feed Widget Styles
   File: /css/rssfeed-style3a.css
   Compatible with your existing HTML output:
   .feed-container, .header, .content, .item, .title, .description, .footer
   ========================================= */

/* (Optional) If you want a background image inside the widget only,
   do NOT apply it to body. Keep it scoped to the widget/container.
   Uncomment and point to your own image if desired.
*/
/*
#widgetmain .feed-container {
  background-image: url(/images/ex3a.jpg);
  background-size: cover;
  background-position: center;
}
*/

/* Reset-ish for images used in the widget */
#widgetmain img {
  border: 0;
  max-width: 100%;
  height: auto;
}

/* Main widget container */
#widgetmain .feed-container {
  font-size: 12px;
  line-height: 1.35;
  color: #f2f2f2;

  /* look */
  background: #2b2b2b;
  border-radius: 6px;

  /* helps prevent weird overflow */
  overflow: hidden;
}

/* Header */
#widgetmain .feed-container .header {
  padding: 8px 8px;
  text-align: center;

  background: #1f1f1f;
  border-bottom: 1px solid #4a4a4a;
}

#widgetmain .feed-container .header .title {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
}

/* Header links (if you ever add them) */
#widgetmain .feed-container .header a:link,
#widgetmain .feed-container .header a:visited {
  color: #ffffff;
  text-decoration: none;
}
#widgetmain .feed-container .header a:hover {
  text-decoration: underline;
}
#widgetmain .feed-container .header a:active {
  text-decoration: none;
}

/* Content area */
#widgetmain .feed-container .content {
  margin: 0;
  padding: 6px 6px;
}

/* Each item */
#widgetmain .feed-container .content .item {
  margin: 0;
  padding: 7px 6px;

  border-bottom: 1px dashed #5a5a5a;

  /* Option 4: hover animation */
  transition: background-color 0.15s ease-in-out;
}

/* Remove border from last item */
#widgetmain .feed-container .content .item:last-child {
  border-bottom: none;
}

/* Option 4: hover highlight */
#widgetmain .feed-container .content .item:hover {
  background-color: rgba(255, 255, 255, 0.06);
}

/* Item title block */
#widgetmain .feed-container .content .item .title {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-weight: bold;

  /* 2-line titles */
  line-height: 1.25em;
  max-height: 2.5em; /* 1.25em × 2 lines */
  overflow: hidden;
}


/* Title links */
#widgetmain .feed-container .content .item .title a:link,
#widgetmain .feed-container .content .item .title a:visited {
  color: #f0f0f0;
  text-decoration: none;
}
#widgetmain .feed-container .content .item .title a:hover {
  color: #ffffff;
  text-decoration: underline;
}
#widgetmain .feed-container .content .item .title a:active {
  color: #ffffff;
  text-decoration: none;
}

/* 2-line clamp (modern browsers) */
#widgetmain .feed-container .content .item .title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-decoration: none; /* keep your no-underline default */
}

/* Optional: description styles (if you ever output descriptions) */
#widgetmain .feed-container .content .item .description {
  margin: 4px 0 0 0;
  padding: 0;

  color: #d6d6d6;
  font-weight: normal;

  /* keep descriptions readable */
  line-height: 1.35;
}

/* Description links */
#widgetmain .feed-container .content .item .description a:link,
#widgetmain .feed-container .content .item .description a:visited {
  color: #d0d0d0;
  text-decoration: underline;
}
#widgetmain .feed-container .content .item .description a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* Footer (if you enable it later) */
#widgetmain .feed-container .footer {
  padding: 6px 8px;
  text-align: center;

  background: #1f1f1f;
  border-top: 1px solid #4a4a4a;

  color: #d0d0d0;
  font-size: 11px;
}
/* existing rssfeed-style3a.css rules above */

/* =========================================
   Fix: prevent underline bleed on hover
   ========================================= */

#widgetmain .feed-container .item .title a {
  text-decoration: none;
}

#widgetmain .feed-container .item .title a:hover {
  text-decoration: underline;
}

#leftColumnContent a {
  text-decoration: none;
}

#leftColumnContent a:hover {
  text-decoration: underline;
}

#leftColumnContent h3 a,
#leftColumnContent h3 a:hover {
  text-decoration: none !important;
}

#leftColumnContent h3 {
  text-decoration: none;
}
#leftColumnContent *:hover {
  text-decoration: none;
}
#widgetmain .feed-container .header {
  display: none;
}