/* ==========================
   Bloghash Card Container
=========================== */
.bloghash-card-items {
    background: #fff;
    border: 2px solid #ff6f61;
    border-radius: 12px;
    padding: 12px 15px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
    overflow: hidden;
}

/* Widget title */
.bloghash-card-items .widget-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ff6f61;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid #ff6f61;
    padding-bottom: 3px;
}

/* ==========================
   Ticker Slider Wrapper
=========================== */
.ticker-slider-wrap {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    align-items: stretch; /* allow slides to stretch vertically */
    overflow-x: auto; /* horizontal scroll if needed */
    scroll-behavior: smooth;
    animation: marqueeAnimation 20s linear infinite;
}

/* ==========================
   Individual Ticker Slide
=========================== */
.ticker-slide-item {
    background: #fefefe;
    border: 2px solid #6a5acd;
    border-radius: 10px;
    min-width: 140px;
    max-width: 160px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
    height: auto; /* auto height to fit text */
}

/* Hover effect */
.ticker-slide-item:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 18px rgba(0,0,0,0.2);
    border-color: #ff6f61;
}

/* Slide title */
.ticker-slide-item h6 a {
    font-size: 0.75rem; 
    color: #6a5acd;
    text-align: center;
    font-weight: 300;
    text-decoration: none;
    transition: color 0.25s;
    word-wrap: break-word; /* wrap long text */
    white-space: normal;    /* allow multiline */
    display: block;
}

/* Slide title hover */
.ticker-slide-item h6 a:hover {
    color: #ff6f61;
}

/* Entry meta (date) */
.entry-meta span {
    font-size: 0.65




.logo-inner {
    background-color: #20b2aa; /* light sea green */
    padding: 10px;             /* optional: adds spacing around logo and text */
    border-radius: 8px;        /* optional: rounded corners */
    display: inline-block;     /* keeps it compact */
}

/* Optional: adjust text color for visibility */
.logo-inner .site-title a,
.logo-inner .site-description {
    color: #fff; /* white text on colored background */
}



.bloghash-logo a img {
  border: 2px solid yellow;
  border-radius: 5px;
}