/**
 * Direct fix for the Data Governance Summit page layout
 * This CSS specifically targets the current page structure to fix the spacing issues
 */

/* Hide unnecessary containers that create extra spacing */
.article-header,
.article-content-container {
  display: none !important;
}

/* Target the article-bottom-content directly */
.article-bottom-content {
  margin-top: -30px !important;
  padding-top: 0 !important;
}

/* Target the specific div structure */
div.block-dempo-custom-content div.node--type-article div.article-bottom-content {
  margin-top: -40px !important;
}

/* Reduce space between the title and content */
.field--name-body {
  margin-top: 0 !important;
}

/* Target the specific layout builder structure */
.layout.row.layout-builder__layout {
  margin-top: 0 !important;
}

/* Target the container element */
.container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Reduce space in the highlighted section */
.highlighted {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Ensure proper spacing for the breadcrumb */
/* .breadcrumb {
  margin-bottom: 5px !important;
} */

/* Target the specific field classes */
.field--name-field-category {
  margin-bottom: 5px !important;
}

/* Hide the horizontal line above Sovereignty Stories */
hr,
.main-container hr,
.article-bottom-content hr,
.node--type-article hr,
.field--name-body+hr,
.layout-builder__layout hr,
.layout hr,
.field--type-text-with-summary+hr,
.field--name-field-category hr,
div.node__content hr {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Also target any element that might be creating a border effect */
.article-bottom-content {
  border-top: none !important;
}

/* Target the specific separator before Sovereignty Stories */
.field--name-field-category {
  border-top: none !important;
}

/* Force remove any horizontal rules */
.layout-builder__layout>div:first-child {
  border-bottom: none !important;
}

/* Make the image full width and integrated with content */
.main-container .row.main-container-inner.article .col-lg-3,
.main-container .row.main-container-inner.article .col-md-3 {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  order: 1;
  margin-bottom: 10px !important;
  padding: 0;
}

/* Make the main content full width */
.main-container .row.main-container-inner.article .col-sm-12 {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  order: 2;
  padding: 0;
}

/* Style the image to be more prominent */
.primary-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Override any floating behavior */
.block-field-blocknodearticlefield-image {
  float: none !important;
  width: 100% !important;
  margin: 0 0 1.5rem 0 !important;
}

/* Enhance the article content */
.field--name-body {
  font-size: 1.1rem;
  line-height: 1.6;
}

.field--name-body p:first-child {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

/* Make the tags look nicer */
.field--tags {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e5e5e5;
}

.field--tags__label {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.field--tags__items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.field--tags__item a {
  display: inline-block;
  background-color: #f0f0f0;
  color: #333;
  padding: 0.3rem 0.8rem;
  border-radius: 4px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.field--tags__item a:hover {
  background-color: #e0e0e0;
}