/*
Theme Name: Neve Child
Description: Child theme for Neve
Author:      Calix
Template:    neve
Version:     1.9.0
*/

/* Add your custom styles below */
.hero {
  width: 100%;
  background: linear-gradient(90deg, rgba(2,6,23,1) 0%, rgba(0,123,255,0.12) 100%);
  color: #fff;
  padding: 4rem 0;
  border-radius: 0; /* ensure it touches edges */
  overflow: hidden;
}

/* small styling used elsewhere */
.section-title { font-weight:700; margin-bottom:1rem; }
.card-quiz { border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }
.subscribe-box { background: linear-gradient(90deg,#0d6efd10, #6f42c110); padding: 2rem; border-radius: 10px; }
.meta-small { font-size: .85rem; color: #6c757d; }

@media (max-width: 575px){ .hero { padding: 2rem 0; } }

/* Make the whole section full width with background */
.promo-subscribe {
  width: 100%;
  background: linear-gradient(180deg, rgba(2,6,23,1) 0%, rgba(0,123,255,0.12) 100%);
  color: #fff;
  margin-bottom: 0px !important;
}

/* text colors */
.promo-subscribe h2,
.promo-subscribe p {
  color: #fff;
}

/* subscribe panel card */
.promo-subscribe .bg-white {
  border: 1px solid rgba(0,0,0,0.05);
}


/* Grid: 3 cards per row on large screens (col-lg-4 used above) */

/* Card */
.post-card {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #ebeff5;
  background: #fff;
  display:flex;
  flex-direction:column;
  transition: transform .28s cubic-bezier(.2,.9,.2,1), box-shadow .28s ease;
  box-shadow: 0 6px 18px rgba(14,20,39,0.04);
}

/* Thumbnail wrapper — allow image to be full-width without being cropped */
.post-image-wrap {
  background: #f5f7fb;
  padding: 0;            /* no inner spacing */
  overflow: visible;     /* don't clip badges below */
}

.post-cover-img {
  display: block;
  width: 100%;            
  height: auto;
  object-fit: contain;    
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #f5f7fb; 
}

.post-badges {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  padding: 0 12px;
  margin-top: 8px;
}

.post-badge-cat, .post-badge-date {
  display:inline-block;
  padding:6px 10px;
  font-size:0.75rem;
  border-radius:999px;
  background: #f7fbff;
  color:#0d6efd;
  box-shadow: 0 6px 18px rgba(2,6,23,0.02);
  text-decoration:none;
}
.post-badge-date { background: #f5f7fa; color: #6c757d; }

.card-title { font-weight:700; font-size:1rem; line-height:1.25; }
.excerpt-text { color:#6b7280; }
.btn-read { border-radius: 999px; padding: 8px 18px; font-weight:600; }
.views { color:#6b7280; }

.post-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(2,6,23,0.08);
}

/* responsive tweaks */
@media (max-width: 992px) {
  .post-cover-img { aspect-ratio: 4/3; } 
}
@media (max-width: 576px) {
  .post-cover-img { aspect-ratio: 3/2; }
  .btn-read { padding: 8px 14px; }
}

section#latest-posts .btn {
    border-radius: 999px;
    padding: 8px 16px;
    font-size: 0.925rem;
    letter-spacing: 0.1px;
    line-height: 1;
    border-width: 1px;
    box-shadow: none;
	background: transparent;
    color: #000;
}

a.btn-read {
    border-radius: 999px;
    padding: 8px 16px;
    font-size: 0.925rem;
    letter-spacing: 0.1px;
    line-height: 1;
    border-width: 1px;
    box-shadow: none;
    background: transparent;
    color: #000;
}

.full a {
    width: 100%;
}

#onlineexampro-sidebar .category-list a {
  text-decoration: none;
  color: #333;
  transition: color 0.2s ease;
}
#onlineexampro-sidebar .category-list li {
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #ddd;
}
#onlineexampro-sidebar .category-list a:hover {
    color: #0d6efd;
}