.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17318 .elementor-element.elementor-element-dde815d{--spacer-size:15px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for wp-widget-aiovg-widget-categories, class: .elementor-element-33a18b8 *//* =========================================
   IDS / Learning Library - Video Categories
   Modern Card Styling
========================================= */

/* Page background */
body.page {
  background: #f4f6f9;
}

/* Main category wrappers */
.aiovg-categories,
.aiovg-category-section,
.video-categories,
.aiovg-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* Category column spacing */
.aiovg-category,
.aiovg-category-item,
.aiovg-col,
.aiovg-col-md-4 {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  margin-bottom: 30px;
}

/* Card container */
.aiovg-category .aiovg-thumbnail,
.aiovg-category-item,
.aiovg-col-md-4 > div,
.aiovg-category .card,
.aiovg-thumbnail {
  background: #ffffff;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #dce3ea;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}

/* Hover effect */
.aiovg-category:hover,
.aiovg-category-item:hover,
.aiovg-col-md-4:hover {
  transform: translateY(-6px);
}

.aiovg-category:hover .aiovg-thumbnail,
.aiovg-category-item:hover,
.aiovg-col-md-4:hover > div,
.aiovg-category:hover .card,
.aiovg-thumbnail:hover {
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
  border-color: #cfd8e3;
}

/* Thumbnail image */
.aiovg-thumbnail img,
.aiovg-category img,
.aiovg-category-item img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
  border-bottom: 1px solid #e5e7eb;
}

.aiovg-category:hover img,
.aiovg-category-item:hover img,
.aiovg-thumbnail:hover img {
  transform: scale(1.04);
}

/* Content area */
.aiovg-caption,
.aiovg-category-content,
.aiovg-category-title,
.aiovg-details {
  padding: 18px 20px 20px;
  background: #f9fafb;
}

/* Title links */
.aiovg-category-title a,
.aiovg-title a,
.aiovg-caption a,
.aiovg-category a {
  font-size: 1.25rem;
  font-weight: 700;
  color: #111827;
  text-decoration: none;
  transition: color 0.2s ease;
}

.aiovg-category-title a:hover,
.aiovg-title a:hover,
.aiovg-caption a:hover,
.aiovg-category a:hover {
  color: #d7265b;
}

/* Video count / metadata */
.aiovg-count,
.aiovg-meta,
.aiovg-small,
.aiovg-category small,
.aiovg-caption small {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  font-size: 0.95rem;
  color: #6b7280;
  font-weight: 500;
}

/* Improve row spacing */
.aiovg-row,
.aiovg-categories {
  row-gap: 28px;
}

/* Section/page titles */
h1,
h2.page-title,
.entry-title {
  letter-spacing: -0.5px;
  color: #1f2937;
}

/* Optional: tighten heading area */
.video-categories h2,
.aiovg-category-section h2 {
  margin-bottom: 20px;
  color: #111827;
}

/* Responsive */
@media (max-width: 767px) {
  .aiovg-thumbnail img,
  .aiovg-category img,
  .aiovg-category-item img {
    height: 200px;
  }

  .aiovg-category-title a,
  .aiovg-title a,
  .aiovg-caption a,
  .aiovg-category a {
    font-size: 1.1rem;
  }

  .aiovg-caption,
  .aiovg-category-content,
  .aiovg-category-title,
  .aiovg-details {
    padding: 16px;
  }
}/* End custom CSS */